.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle
}
.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  user-select: none;
  -webkit-user-select: none
}
.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.select2-container .select2-selection--single .select2-selection__clear {
  position: relative
}
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px
}
.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  user-select: none;
  -webkit-user-select: none
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  overflow: hidden;
  padding-left: 8px;
  text-overflow: ellipsis;
  white-space: nowrap
}
.select2-container .select2-search--inline {
  float: left
}
.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  padding: 0
}
 .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
 -webkit-appearance: none
}
.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051
}
.select2-results {
  display: block
}
.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0
}
.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none
}
.select2-results__option[aria-selected] {
  cursor: pointer
}
.select2-container--open .select2-dropdown {
  left: 0
}
.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0
}
.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0
}
.select2-search--dropdown {
  display: block;
  padding: 4px
}
.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box
}
 .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
 -webkit-appearance: none
}
.select2-search--dropdown.select2-search--hide {
  display: none
}
.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0)
}
.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important
}
.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px
}
.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto
}
.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px
}
.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  width: 100%
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  list-style: none
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px;
  padding: 1px
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #333
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
  float: right
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa
}
.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield
}
.select2-container--default .select2-results>.select2-results__options {
  max-height: 200px;
  overflow-y: auto
}
.select2-container--default .select2-results__option[role=group] {
  padding: 0
}
.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999
}
.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd
}
.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white
}
.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px
}
.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
  background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
  background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
  background-repeat: repeat-x;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}
.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb
}
.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px
}
.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-right: 10px
}
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999
}
.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
  background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
  background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
  background-repeat: repeat-x;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)
}
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0
}
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left
}
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto
}
.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%);
  background-image: -o-linear-gradient(top, #fff 0%, #eee 50%);
  background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
  background-repeat: repeat-x;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
  background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
  background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
  background-repeat: repeat-x;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)
}
.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0
}
.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb
}
.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
  list-style: none;
  margin: 0;
  padding: 0 5px
}
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  color: #888;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  float: right;
  margin-left: 5px;
  margin-right: auto
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto
}
.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0
}
.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0
}
.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none
}
.select2-container--classic .select2-dropdown {
  background-color: #fff;
  border: 1px solid transparent
}
.select2-container--classic .select2-dropdown--above {
  border-bottom: none
}
.select2-container--classic .select2-dropdown--below {
  border-top: none
}
.select2-container--classic .select2-results>.select2-results__options {
  max-height: 200px;
  overflow-y: auto
}
.select2-container--classic .select2-results__option[role=group] {
  padding: 0
}
.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey
}
.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: #fff
}
.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px
}
.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb
}
/**
 * Swiper 6.4.11
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 6, 2021
 */
@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') format('woff');
  font-weight: 400;
  font-style: normal
}
:root {
 --swiper-theme-color: #007aff
}
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1
}
.swiper-container-vertical>.swiper-wrapper {
  flex-direction: column
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box
}
.swiper-container-android .swiper-slide, .swiper-wrapper {
  transform: translate3d(0px, 0, 0)
}
.swiper-container-multirow>.swiper-wrapper {
  flex-wrap: wrap
}
.swiper-container-multirow-column>.swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column
}
.swiper-container-free-mode>.swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto
}
.swiper-container-pointer-events {
  touch-action: pan-y
}
.swiper-container-pointer-events.swiper-container-vertical {
  touch-action: pan-x
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform
}
.swiper-slide-invisible-blank {
  visibility: hidden
}
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
  height: auto
}
.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height
}
.swiper-container-3d {
  perspective: 1200px
}
.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
  transform-style: preserve-3d
}
.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0,0,0,.5), rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0,0,0,.5), rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0,0,0,.5), rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0,0,0,.5), rgba(0,0,0,0))
}
.swiper-container-css-mode>.swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none
}
 .swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
 display: none
}
.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: start start
}
.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
  scroll-snap-type: x mandatory
}
.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
  scroll-snap-type: y mandatory
}
:root {
 --swiper-navigation-size: 44px
}
.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: 50%;
 width: calc(var(--swiper-navigation-size)/ 44 * 27);
  height: var(--swiper-navigation-size);
 margin-top: calc(-1 * 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:after, .swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none!important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto
}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
  content: 'prev'
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto
}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
  content: 'next'
}
.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white {
 --swiper-navigation-color: #ffffff
}
.swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black {
 --swiper-navigation-color: #000000
}
.swiper-button-lock {
  display: none
}
.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-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 10px;
  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: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 50%;
  background: #000;
  opacity: .2
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color))
}
.swiper-container-vertical>.swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0)
}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block
}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px
}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: .2s transform, .2s top
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: .2s transform, .2s left
}
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: .2s transform, .2s right
}
.swiper-pagination-progressbar {
  background: 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-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top
}
.swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0
}
.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical>.swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0
}
.swiper-pagination-white {
 --swiper-pagination-color: #ffffff
}
.swiper-pagination-black {
 --swiper-pagination-color: #000000
}
.swiper-pagination-lock {
  display: none
}
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0,0,0,.1)
}
.swiper-container-horizontal>.swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%
}
.swiper-container-vertical>.swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0,0,0,.5);
  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
}
.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%;
  animation: swiper-preloader-spin 1s infinite linear;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent
}
.swiper-lazy-preloader-white {
 --swiper-preloader-color: #fff
}
.swiper-lazy-preloader-black {
 --swiper-preloader-color: #000
}
 @keyframes swiper-preloader-spin {
 100% {
 transform: rotate(360deg)
}
}
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none
}
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}
.swiper-container-cube {
  overflow: visible
}
.swiper-container-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-container-cube .swiper-slide .swiper-slide {
  pointer-events: none
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0
}
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next+.swiper-slide, .swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible
}
.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: .6;
  z-index: 0
}
.swiper-container-cube .swiper-cube-shadow:before {
  content: '';
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  -webkit-filter: blur(50px);
  filter: blur(50px)
}
.swiper-container-flip {
  overflow: visible
}
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1
}
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none
}
.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}
.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}
.iti {
  position: relative;
  display: inline-block;
}
.iti * {
  box-sizing: border-box;
}
.iti__hide {
  display: none;
}
.iti__v-hide {
  visibility: hidden;
}
.iti .iti__country-list {
  position: absolute;
  top: calc(100% + 5px);
  left: 0;
  z-index: 1000;
  background-color: #fff;
  border: 1px solid #ced4da;
  padding: 5px;
  width: 19.6rem;
  box-sizing: border-box;
}
.iti input, .iti input[type=text], .iti input[type=tel] {
  position: relative;
  z-index: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-right: 36px;
  margin-right: 0;
}
.iti__flag-container {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding: 1px;
}
.iti__selected-flag {
  z-index: 1;
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 6px 0 8px;
}
.iti__arrow {
  margin-left: 6px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #555;
}
[dir=rtl] .iti__arrow {
  margin-right: 6px;
  margin-left: 0;
}
.iti__arrow--up {
  border-top: none;
  border-bottom: 4px solid #555;
}
.iti__country-list {
  position: absolute;
  z-index: 2;
  list-style: none;
  padding: 0;
  margin: 0 0 0 -1px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
  background-color: white;
  border: 1px solid #ccc;
  white-space: nowrap;
  max-height: 200px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.iti__country-list--dropup {
  bottom: 100%;
  margin-bottom: -1px;
}

@media (max-width: 500px) {
.iti__country-list {
  white-space: normal;
}
}
.iti__flag-box {
  display: inline-block;
  width: 20px;
}
.iti__divider {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #ccc;
}
.iti__country {
  display: flex;
  align-items: center;
  padding: 5px 10px;
  outline: none;
}
.iti__dial-code {
  color: #999;
}
.iti__country.iti__highlight {
  background-color: rgba(0, 0, 0, 0.05);
}
.iti__flag-box, .iti__country-name {
  margin-right: 6px;
}
[dir=rtl] .iti__flag-box, [dir=rtl] .iti__country-name {
  margin-right: 0;
  margin-left: 6px;
}
.iti--allow-dropdown input, .iti--allow-dropdown input[type=text], .iti--allow-dropdown input[type=tel], .iti--separate-dial-code input, .iti--separate-dial-code input[type=text], .iti--separate-dial-code input[type=tel] {
  padding-right: 70px;
  padding-left: 135px !important;
  margin-left: 0;
  border: solid 1px #b8b7bb;
  height: 48px;
  border-radius: 4px;
}
[dir=rtl] .iti--allow-dropdown input, [dir=rtl] .iti--allow-dropdown input[type=text], [dir=rtl] .iti--allow-dropdown input[type=tel], [dir=rtl] .iti--separate-dial-code input, [dir=rtl] .iti--separate-dial-code input[type=text], [dir=rtl] .iti--separate-dial-code input[type=tel] {
  padding-right: 52px;
  padding-left: 6px;
  margin-right: 0;
}
.iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container {
  right: auto;
  left: 0;
}
[dir=rtl] .iti--allow-dropdown .iti__flag-container, [dir=rtl] .iti--separate-dial-code .iti__flag-container {
  right: 0;
  left: auto;
}
.iti--allow-dropdown .iti__flag-container:hover {
  cursor: pointer;
}
.iti--allow-dropdown input[disabled]+.iti__flag-container:hover, .iti--allow-dropdown input[readonly]+.iti__flag-container:hover {
  cursor: default;
}
.iti--allow-dropdown input[disabled]+.iti__flag-container:hover .iti__selected-flag, .iti--allow-dropdown input[readonly]+.iti__flag-container:hover .iti__selected-flag {
  background-color: transparent;
}
.iti--separate-dial-code.iti--show-flags .iti__selected-dial-code {
  margin-left: 6px;
  width: 29px;
  height: 24px;
  margin: 11px 16px 11px 15px;
  font-family: IQOS;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: 0px;
  text-align: left;
  color: #34303d;
  position: absolute;
  top: 25%;
  left: 135%;
  transform: translate(-25%, -50%);
}
.iti--container {
  position: absolute;
  top: -1000px;
  left: -1000px;
  z-index: 1060;
  padding: 1px;
}
.iti--container:hover {
  cursor: pointer;
}
.iti-mobile .iti--container {
  top: 30px;
  bottom: 30px;
  left: 30px;
  right: 30px;
  position: fixed;
}
.iti-mobile .iti__country-list {
  max-height: 100%;
  width: 100%;
}
.iti-mobile .iti__country {
  padding: 10px 10px;
  line-height: 1.5em;
}
.iti__flag {
  width: 20px;
}
.iti__flag.iti__be {
  width: 18px;
}
.iti__flag.iti__ch {
  width: 15px;
}
.iti__flag.iti__mc {
  width: 19px;
}
.iti__flag.iti__ne {
  width: 18px;
}
.iti__flag.iti__np {
  width: 13px;
}
.iti__flag.iti__va {
  width: 15px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.iti__flag {
  background-size: 5652px 15px;
}
}
.iti__flag.iti__ac {
  height: 10px;
  background-position: 0px 0px;
}
.iti__flag.iti__ad {
  height: 14px;
  background-position: -22px 0px;
}
.iti__flag.iti__ae {
  height: 10px;
  background-position: -44px 0px;
}
.iti__flag.iti__af {
  height: 14px;
  background-position: -66px 0px;
}
.iti__flag.iti__ag {
  height: 14px;
  background-position: -88px 0px;
}
.iti__flag.iti__ai {
  height: 10px;
  background-position: -110px 0px;
}
.iti__flag.iti__al {
  height: 15px;
  background-position: -132px 0px;
}
.iti__flag.iti__am {
  height: 10px;
  background-position: -154px 0px;
}
.iti__flag.iti__ao {
  height: 14px;
  background-position: -176px 0px;
}
.iti__flag.iti__aq {
  height: 14px;
  background-position: -198px 0px;
}
.iti__flag.iti__ar {
  height: 13px;
  background-position: -220px 0px;
}
.iti__flag.iti__as {
  height: 10px;
  background-position: -242px 0px;
}
.iti__flag.iti__at {
  height: 14px;
  background-position: -264px 0px;
}
.iti__flag.iti__au {
  height: 10px;
  background-position: -286px 0px;
}
.iti__flag.iti__aw {
  height: 14px;
  background-position: -308px 0px;
}
.iti__flag.iti__ax {
  height: 13px;
  background-position: -330px 0px;
}
.iti__flag.iti__az {
  height: 10px;
  background-position: -352px 0px;
}
.iti__flag.iti__ba {
  height: 10px;
  background-position: -374px 0px;
}
.iti__flag.iti__bb {
  height: 14px;
  background-position: -396px 0px;
}
.iti__flag.iti__bd {
  height: 12px;
  background-position: -418px 0px;
}
.iti__flag.iti__be {
  height: 15px;
  background-position: -440px 0px;
}
.iti__flag.iti__bf {
  height: 14px;
  background-position: -460px 0px;
}
.iti__flag.iti__bg {
  height: 12px;
  background-position: -482px 0px;
}
.iti__flag.iti__bh {
  height: 12px;
  background-position: -504px 0px;
}
.iti__flag.iti__bi {
  height: 12px;
  background-position: -526px 0px;
}
.iti__flag.iti__bj {
  height: 14px;
  background-position: -548px 0px;
}
.iti__flag.iti__bl {
  height: 14px;
  background-position: -570px 0px;
}
.iti__flag.iti__bm {
  height: 10px;
  background-position: -592px 0px;
}
.iti__flag.iti__bn {
  height: 10px;
  background-position: -614px 0px;
}
.iti__flag.iti__bo {
  height: 14px;
  background-position: -636px 0px;
}
.iti__flag.iti__bq {
  height: 14px;
  background-position: -658px 0px;
}
.iti__flag.iti__br {
  height: 14px;
  background-position: -680px 0px;
}
.iti__flag.iti__bs {
  height: 10px;
  background-position: -702px 0px;
}
.iti__flag.iti__bt {
  height: 14px;
  background-position: -724px 0px;
}
.iti__flag.iti__bv {
  height: 15px;
  background-position: -746px 0px;
}
.iti__flag.iti__bw {
  height: 14px;
  background-position: -768px 0px;
}
.iti__flag.iti__by {
  height: 10px;
  background-position: -790px 0px;
}
.iti__flag.iti__bz {
  height: 14px;
  background-position: -812px 0px;
}
.iti__flag.iti__ca {
  height: 10px;
  background-position: -834px 0px;
}
.iti__flag.iti__cc {
  height: 10px;
  background-position: -856px 0px;
}
.iti__flag.iti__cd {
  height: 15px;
  background-position: -878px 0px;
}
.iti__flag.iti__cf {
  height: 14px;
  background-position: -900px 0px;
}
.iti__flag.iti__cg {
  height: 14px;
  background-position: -922px 0px;
}
.iti__flag.iti__ch {
  height: 15px;
  background-position: -944px 0px;
}
.iti__flag.iti__ci {
  height: 14px;
  background-position: -961px 0px;
}
.iti__flag.iti__ck {
  height: 10px;
  background-position: -983px 0px;
}
.iti__flag.iti__cl {
  height: 14px;
  background-position: -1005px 0px;
}
.iti__flag.iti__cm {
  height: 14px;
  background-position: -1027px 0px;
}
.iti__flag.iti__cn {
  height: 14px;
  background-position: -1049px 0px;
}
.iti__flag.iti__co {
  height: 14px;
  background-position: -1071px 0px;
}
.iti__flag.iti__cp {
  height: 14px;
  background-position: -1093px 0px;
}
.iti__flag.iti__cr {
  height: 12px;
  background-position: -1115px 0px;
}
.iti__flag.iti__cu {
  height: 10px;
  background-position: -1137px 0px;
}
.iti__flag.iti__cv {
  height: 12px;
  background-position: -1159px 0px;
}
.iti__flag.iti__cw {
  height: 14px;
  background-position: -1181px 0px;
}
.iti__flag.iti__cx {
  height: 10px;
  background-position: -1203px 0px;
}
.iti__flag.iti__cy {
  height: 14px;
  background-position: -1225px 0px;
}
.iti__flag.iti__cz {
  height: 14px;
  background-position: -1247px 0px;
}
.iti__flag.iti__de {
  height: 12px;
  background-position: -1269px 0px;
}
.iti__flag.iti__dg {
  height: 10px;
  background-position: -1291px 0px;
}
.iti__flag.iti__dj {
  height: 14px;
  background-position: -1313px 0px;
}
.iti__flag.iti__dk {
  height: 15px;
  background-position: -1335px 0px;
}
.iti__flag.iti__dm {
  height: 10px;
  background-position: -1357px 0px;
}
.iti__flag.iti__do {
  height: 14px;
  background-position: -1379px 0px;
}
.iti__flag.iti__dz {
  height: 14px;
  background-position: -1401px 0px;
}
.iti__flag.iti__ea {
  height: 14px;
  background-position: -1423px 0px;
}
.iti__flag.iti__ec {
  height: 14px;
  background-position: -1445px 0px;
}
.iti__flag.iti__ee {
  height: 13px;
  background-position: -1467px 0px;
}
.iti__flag.iti__eg {
  height: 14px;
  background-position: -1489px 0px;
}
.iti__flag.iti__eh {
  height: 10px;
  background-position: -1511px 0px;
}
.iti__flag.iti__er {
  height: 10px;
  background-position: -1533px 0px;
}
.iti__flag.iti__es {
  height: 14px;
  background-position: -1555px 0px;
}
.iti__flag.iti__et {
  height: 10px;
  background-position: -1577px 0px;
}
.iti__flag.iti__eu {
  height: 14px;
  background-position: -1599px 0px;
}
.iti__flag.iti__fi {
  height: 12px;
  background-position: -1621px 0px;
}
.iti__flag.iti__fj {
  height: 10px;
  background-position: -1643px 0px;
}
.iti__flag.iti__fk {
  height: 10px;
  background-position: -1665px 0px;
}
.iti__flag.iti__fm {
  height: 11px;
  background-position: -1687px 0px;
}
.iti__flag.iti__fo {
  height: 15px;
  background-position: -1709px 0px;
}
.iti__flag.iti__fr {
  height: 14px;
  background-position: -1731px 0px;
}
.iti__flag.iti__ga {
  height: 15px;
  background-position: -1753px 0px;
}
.iti__flag.iti__gb {
  height: 10px;
  background-position: -1775px 0px;
}
.iti__flag.iti__gd {
  height: 12px;
  background-position: -1797px 0px;
}
.iti__flag.iti__ge {
  height: 14px;
  background-position: -1819px 0px;
}
.iti__flag.iti__gf {
  height: 14px;
  background-position: -1841px 0px;
}
.iti__flag.iti__gg {
  height: 14px;
  background-position: -1863px 0px;
}
.iti__flag.iti__gh {
  height: 14px;
  background-position: -1885px 0px;
}
.iti__flag.iti__gi {
  height: 10px;
  background-position: -1907px 0px;
}
.iti__flag.iti__gl {
  height: 14px;
  background-position: -1929px 0px;
}
.iti__flag.iti__gm {
  height: 14px;
  background-position: -1951px 0px;
}
.iti__flag.iti__gn {
  height: 14px;
  background-position: -1973px 0px;
}
.iti__flag.iti__gp {
  height: 14px;
  background-position: -1995px 0px;
}
.iti__flag.iti__gq {
  height: 14px;
  background-position: -2017px 0px;
}
.iti__flag.iti__gr {
  height: 14px;
  background-position: -2039px 0px;
}
.iti__flag.iti__gs {
  height: 10px;
  background-position: -2061px 0px;
}
.iti__flag.iti__gt {
  height: 13px;
  background-position: -2083px 0px;
}
.iti__flag.iti__gu {
  height: 11px;
  background-position: -2105px 0px;
}
.iti__flag.iti__gw {
  height: 10px;
  background-position: -2127px 0px;
}
.iti__flag.iti__gy {
  height: 12px;
  background-position: -2149px 0px;
}
.iti__flag.iti__hk {
  height: 14px;
  background-position: -2171px 0px;
}
.iti__flag.iti__hm {
  height: 10px;
  background-position: -2193px 0px;
}
.iti__flag.iti__hn {
  height: 10px;
  background-position: -2215px 0px;
}
.iti__flag.iti__hr {
  height: 10px;
  background-position: -2237px 0px;
}
.iti__flag.iti__ht {
  height: 12px;
  background-position: -2259px 0px;
}
.iti__flag.iti__hu {
  height: 10px;
  background-position: -2281px 0px;
}
.iti__flag.iti__ic {
  height: 14px;
  background-position: -2303px 0px;
}
.iti__flag.iti__id {
  height: 14px;
  background-position: -2325px 0px;
}
.iti__flag.iti__ie {
  height: 10px;
  background-position: -2347px 0px;
}
.iti__flag.iti__il {
  height: 15px;
  background-position: -2369px 0px;
}
.iti__flag.iti__im {
  height: 10px;
  background-position: -2391px 0px;
}
.iti__flag.iti__in {
  height: 14px;
  background-position: -2413px 0px;
}
.iti__flag.iti__io {
  height: 10px;
  background-position: -2435px 0px;
}
.iti__flag.iti__iq {
  height: 14px;
  background-position: -2457px 0px;
}
.iti__flag.iti__ir {
  height: 12px;
  background-position: -2479px 0px;
}
.iti__flag.iti__is {
  height: 15px;
  background-position: -2501px 0px;
}
.iti__flag.iti__it {
  height: 14px;
  background-position: -2523px 0px;
}
.iti__flag.iti__je {
  height: 12px;
  background-position: -2545px 0px;
}
.iti__flag.iti__jm {
  height: 10px;
  background-position: -2567px 0px;
}
.iti__flag.iti__jo {
  height: 10px;
  background-position: -2589px 0px;
}
.iti__flag.iti__jp {
  height: 14px;
  background-position: -2611px 0px;
}
.iti__flag.iti__ke {
  height: 14px;
  background-position: -2633px 0px;
}
.iti__flag.iti__kg {
  height: 12px;
  background-position: -2655px 0px;
}
.iti__flag.iti__kh {
  height: 13px;
  background-position: -2677px 0px;
}
.iti__flag.iti__ki {
  height: 10px;
  background-position: -2699px 0px;
}
.iti__flag.iti__km {
  height: 12px;
  background-position: -2721px 0px;
}
.iti__flag.iti__kn {
  height: 14px;
  background-position: -2743px 0px;
}
.iti__flag.iti__kp {
  height: 10px;
  background-position: -2765px 0px;
}
.iti__flag.iti__kr {
  height: 14px;
  background-position: -2787px 0px;
}
.iti__flag.iti__kw {
  height: 10px;
  background-position: -2809px 0px;
}
.iti__flag.iti__ky {
  height: 10px;
  background-position: -2831px 0px;
}
.iti__flag.iti__kz {
  height: 10px;
  background-position: -2853px 0px;
}
.iti__flag.iti__la {
  height: 14px;
  background-position: -2875px 0px;
}
.iti__flag.iti__lb {
  height: 14px;
  background-position: -2897px 0px;
}
.iti__flag.iti__lc {
  height: 10px;
  background-position: -2919px 0px;
}
.iti__flag.iti__li {
  height: 12px;
  background-position: -2941px 0px;
}
.iti__flag.iti__lk {
  height: 10px;
  background-position: -2963px 0px;
}
.iti__flag.iti__lr {
  height: 11px;
  background-position: -2985px 0px;
}
.iti__flag.iti__ls {
  height: 14px;
  background-position: -3007px 0px;
}
.iti__flag.iti__lt {
  height: 12px;
  background-position: -3029px 0px;
}
.iti__flag.iti__lu {
  height: 12px;
  background-position: -3051px 0px;
}
.iti__flag.iti__lv {
  height: 10px;
  background-position: -3073px 0px;
}
.iti__flag.iti__ly {
  height: 10px;
  background-position: -3095px 0px;
}
.iti__flag.iti__ma {
  height: 14px;
  background-position: -3117px 0px;
}
.iti__flag.iti__mc {
  height: 15px;
  background-position: -3139px 0px;
}
.iti__flag.iti__md {
  height: 10px;
  background-position: -3160px 0px;
}
.iti__flag.iti__me {
  height: 10px;
  background-position: -3182px 0px;
}
.iti__flag.iti__mf {
  height: 14px;
  background-position: -3204px 0px;
}
.iti__flag.iti__mg {
  height: 14px;
  background-position: -3226px 0px;
}
.iti__flag.iti__mh {
  height: 11px;
  background-position: -3248px 0px;
}
.iti__flag.iti__mk {
  height: 10px;
  background-position: -3270px 0px;
}
.iti__flag.iti__ml {
  height: 14px;
  background-position: -3292px 0px;
}
.iti__flag.iti__mm {
  height: 14px;
  background-position: -3314px 0px;
}
.iti__flag.iti__mn {
  height: 10px;
  background-position: -3336px 0px;
}
.iti__flag.iti__mo {
  height: 14px;
  background-position: -3358px 0px;
}
.iti__flag.iti__mp {
  height: 10px;
  background-position: -3380px 0px;
}
.iti__flag.iti__mq {
  height: 14px;
  background-position: -3402px 0px;
}
.iti__flag.iti__mr {
  height: 14px;
  background-position: -3424px 0px;
}
.iti__flag.iti__ms {
  height: 10px;
  background-position: -3446px 0px;
}
.iti__flag.iti__mt {
  height: 14px;
  background-position: -3468px 0px;
}
.iti__flag.iti__mu {
  height: 14px;
  background-position: -3490px 0px;
}
.iti__flag.iti__mv {
  height: 14px;
  background-position: -3512px 0px;
}
.iti__flag.iti__mw {
  height: 14px;
  background-position: -3534px 0px;
}
.iti__flag.iti__mx {
  height: 12px;
  background-position: -3556px 0px;
}
.iti__flag.iti__my {
  height: 10px;
  background-position: -3578px 0px;
}
.iti__flag.iti__mz {
  height: 14px;
  background-position: -3600px 0px;
}
.iti__flag.iti__na {
  height: 14px;
  background-position: -3622px 0px;
}
.iti__flag.iti__nc {
  height: 10px;
  background-position: -3644px 0px;
}
.iti__flag.iti__ne {
  height: 15px;
  background-position: -3666px 0px;
}
.iti__flag.iti__nf {
  height: 10px;
  background-position: -3686px 0px;
}
.iti__flag.iti__ng {
  height: 10px;
  background-position: -3708px 0px;
}
.iti__flag.iti__ni {
  height: 12px;
  background-position: -3730px 0px;
}
.iti__flag.iti__nl {
  height: 14px;
  background-position: -3752px 0px;
}
.iti__flag.iti__no {
  height: 15px;
  background-position: -3774px 0px;
}
.iti__flag.iti__np {
  height: 15px;
  background-position: -3796px 0px;
}
.iti__flag.iti__nr {
  height: 10px;
  background-position: -3811px 0px;
}
.iti__flag.iti__nu {
  height: 10px;
  background-position: -3833px 0px;
}
.iti__flag.iti__nz {
  height: 10px;
  background-position: -3855px 0px;
}
.iti__flag.iti__om {
  height: 10px;
  background-position: -3877px 0px;
}
.iti__flag.iti__pa {
  height: 14px;
  background-position: -3899px 0px;
}
.iti__flag.iti__pe {
  height: 14px;
  background-position: -3921px 0px;
}
.iti__flag.iti__pf {
  height: 14px;
  background-position: -3943px 0px;
}
.iti__flag.iti__pg {
  height: 15px;
  background-position: -3965px 0px;
}
.iti__flag.iti__ph {
  height: 10px;
  background-position: -3987px 0px;
}
.iti__flag.iti__pk {
  height: 14px;
  background-position: -4009px 0px;
}
.iti__flag.iti__pl {
  height: 13px;
  background-position: -4031px 0px;
}
.iti__flag.iti__pm {
  height: 14px;
  background-position: -4053px 0px;
}
.iti__flag.iti__pn {
  height: 10px;
  background-position: -4075px 0px;
}
.iti__flag.iti__pr {
  height: 14px;
  background-position: -4097px 0px;
}
.iti__flag.iti__ps {
  height: 10px;
  background-position: -4119px 0px;
}
.iti__flag.iti__pt {
  height: 14px;
  background-position: -4141px 0px;
}
.iti__flag.iti__pw {
  height: 13px;
  background-position: -4163px 0px;
}
.iti__flag.iti__py {
  height: 11px;
  background-position: -4185px 0px;
}
.iti__flag.iti__qa {
  height: 8px;
  background-position: -4207px 0px;
}
.iti__flag.iti__re {
  height: 14px;
  background-position: -4229px 0px;
}
.iti__flag.iti__ro {
  height: 14px;
  background-position: -4251px 0px;
}
.iti__flag.iti__rs {
  height: 14px;
  background-position: -4273px 0px;
}
.iti__flag.iti__ru {
  height: 14px;
  background-position: -4295px 0px;
}
.iti__flag.iti__rw {
  height: 14px;
  background-position: -4317px 0px;
}
.iti__flag.iti__sa {
  height: 14px;
  background-position: -4339px 0px;
}
.iti__flag.iti__sb {
  height: 10px;
  background-position: -4361px 0px;
}
.iti__flag.iti__sc {
  height: 10px;
  background-position: -4383px 0px;
}
.iti__flag.iti__sd {
  height: 10px;
  background-position: -4405px 0px;
}
.iti__flag.iti__se {
  height: 13px;
  background-position: -4427px 0px;
}
.iti__flag.iti__sg {
  height: 14px;
  background-position: -4449px 0px;
}
.iti__flag.iti__sh {
  height: 10px;
  background-position: -4471px 0px;
}
.iti__flag.iti__si {
  height: 10px;
  background-position: -4493px 0px;
}
.iti__flag.iti__sj {
  height: 15px;
  background-position: -4515px 0px;
}
.iti__flag.iti__sk {
  height: 14px;
  background-position: -4537px 0px;
}
.iti__flag.iti__sl {
  height: 14px;
  background-position: -4559px 0px;
}
.iti__flag.iti__sm {
  height: 15px;
  background-position: -4581px 0px;
}
.iti__flag.iti__sn {
  height: 14px;
  background-position: -4603px 0px;
}
.iti__flag.iti__so {
  height: 14px;
  background-position: -4625px 0px;
}
.iti__flag.iti__sr {
  height: 14px;
  background-position: -4647px 0px;
}
.iti__flag.iti__ss {
  height: 10px;
  background-position: -4669px 0px;
}
.iti__flag.iti__st {
  height: 10px;
  background-position: -4691px 0px;
}
.iti__flag.iti__sv {
  height: 12px;
  background-position: -4713px 0px;
}
.iti__flag.iti__sx {
  height: 14px;
  background-position: -4735px 0px;
}
.iti__flag.iti__sy {
  height: 14px;
  background-position: -4757px 0px;
}
.iti__flag.iti__sz {
  height: 14px;
  background-position: -4779px 0px;
}
.iti__flag.iti__ta {
  height: 10px;
  background-position: -4801px 0px;
}
.iti__flag.iti__tc {
  height: 10px;
  background-position: -4823px 0px;
}
.iti__flag.iti__td {
  height: 14px;
  background-position: -4845px 0px;
}
.iti__flag.iti__tf {
  height: 14px;
  background-position: -4867px 0px;
}
.iti__flag.iti__tg {
  height: 13px;
  background-position: -4889px 0px;
}
.iti__flag.iti__th {
  height: 14px;
  background-position: -4911px 0px;
}
.iti__flag.iti__tj {
  height: 10px;
  background-position: -4933px 0px;
}
.iti__flag.iti__tk {
  height: 10px;
  background-position: -4955px 0px;
}
.iti__flag.iti__tl {
  height: 10px;
  background-position: -4977px 0px;
}
.iti__flag.iti__tm {
  height: 14px;
  background-position: -4999px 0px;
}
.iti__flag.iti__tn {
  height: 14px;
  background-position: -5021px 0px;
}
.iti__flag.iti__to {
  height: 10px;
  background-position: -5043px 0px;
}
.iti__flag.iti__tr {
  height: 14px;
  background-position: -5065px 0px;
}
.iti__flag.iti__tt {
  height: 12px;
  background-position: -5087px 0px;
}
.iti__flag.iti__tv {
  height: 10px;
  background-position: -5109px 0px;
}
.iti__flag.iti__tw {
  height: 14px;
  background-position: -5131px 0px;
}
.iti__flag.iti__tz {
  height: 14px;
  background-position: -5153px 0px;
}
.iti__flag.iti__ua {
  height: 14px;
  background-position: -5175px 0px;
}
.iti__flag.iti__ug {
  height: 14px;
  background-position: -5197px 0px;
}
.iti__flag.iti__um {
  height: 11px;
  background-position: -5219px 0px;
}
.iti__flag.iti__un {
  height: 14px;
  background-position: -5241px 0px;
}
.iti__flag.iti__us {
  height: 11px;
  background-position: -5263px 0px;
}
.iti__flag.iti__uy {
  height: 14px;
  background-position: -5285px 0px;
}
.iti__flag.iti__uz {
  height: 10px;
  background-position: -5307px 0px;
}
.iti__flag.iti__va {
  height: 15px;
  background-position: -5329px 0px;
}
.iti__flag.iti__vc {
  height: 14px;
  background-position: -5346px 0px;
}
.iti__flag.iti__ve {
  height: 14px;
  background-position: -5368px 0px;
}
.iti__flag.iti__vg {
  height: 10px;
  background-position: -5390px 0px;
}
.iti__flag.iti__vi {
  height: 14px;
  background-position: -5412px 0px;
}
.iti__flag.iti__vn {
  height: 14px;
  background-position: -5434px 0px;
}
.iti__flag.iti__vu {
  height: 12px;
  background-position: -5456px 0px;
}
.iti__flag.iti__wf {
  height: 14px;
  background-position: -5478px 0px;
}
.iti__flag.iti__ws {
  height: 10px;
  background-position: -5500px 0px;
}
.iti__flag.iti__xk {
  height: 15px;
  background-position: -5522px 0px;
}
.iti__flag.iti__ye {
  height: 14px;
  background-position: -5544px 0px;
}
.iti__flag.iti__yt {
  height: 14px;
  background-position: -5566px 0px;
}
.iti__flag.iti__za {
  height: 14px;
  background-position: -5588px 0px;
}
.iti__flag.iti__zm {
  height: 14px;
  background-position: -5610px 0px;
}
.iti__flag.iti__zw {
  height: 10px;
  background-position: -5632px 0px;
}
.iti__flag {
  height: 15px;
  box-shadow: 0px 0px 1px 0px #888;
  background-image: url('../../../../../design/themes/kura/media/icons/flags/flags.png?1690945733');
  background-repeat: no-repeat;
  background-color: #dbdbdb;
  background-position: 20px 0;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.iti__flag {
  background-image: url('../../../../../design/themes/kura/media/icons/flags/flags@2x.png?1690945733');
}
}
.iti__flag.iti__np {
  background-color: transparent;
}
.ui-helper-hidden {
  display: none;
}
.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}
.ui-helper-clearfix:before, .ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}
.ui-helper-clearfix:after {
  clear: both;
}
.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  -ms-filter: "alpha(opacity=0)";
}
.ui-front {
  z-index: 100;
}
.ui-state-disabled {
  cursor: default !important;
  pointer-events: none;
}
.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -0.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}
.ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block;
}
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: .5em .5em .5em .7em;
  font-size: 100%;
}
.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
}
.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}
.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: 0;
}
.ui-menu .ui-menu {
  position: absolute;
}
.ui-menu .ui-menu-item {
  margin: 0;
  cursor: pointer;
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-item-wrapper {
  position: relative;
  padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus, .ui-menu .ui-state-active {
  margin: -1px;
}
.ui-menu-icons {
  position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
  padding-left: 2em;
}
.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: .2em;
  margin: auto 0;
}
.ui-menu .ui-menu-icon {
  left: auto;
  right: 0;
}
.ui-button {
  padding: .4em 1em;
  display: inline-block;
  position: relative;
  line-height: normal;
  margin-right: .1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: visible;
}
.ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active {
  text-decoration: none;
}
.ui-button-icon-only {
  width: 2em;
  box-sizing: border-box;
  text-indent: -9999px;
  white-space: nowrap;
}
input.ui-button.ui-button-icon-only {
  text-indent: 0;
}
.ui-button-icon-only .ui-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px;
}
.ui-button.ui-icon-notext .ui-icon {
  padding: 0;
  width: 2.1em;
  height: 2.1em;
  text-indent: -9999px;
  white-space: nowrap;
}
input.ui-button.ui-icon-notext .ui-icon {
  width: auto;
  height: auto;
  text-indent: 0;
  white-space: normal;
  padding: .4em 1em;
}
 input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner {
 border: 0;
 padding: 0;
}
.ui-controlgroup {
  vertical-align: middle;
  display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
  float: left;
  margin-left: 0;
  margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus, .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
  z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
  display: block;
  float: none;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
  box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
  padding: .4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
  font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
  border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
  border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
  border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
  border-bottom: none;
}
.ui-controlgroup-vertical .ui-spinner-input {
  width: 75%;
  width: calc(97.6%);
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
  border-top-style: solid;
}
.ui-checkboxradio-label .ui-icon-background {
  box-shadow: inset 1px 1px 1px #ccc;
  border-radius: .12em;
  border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
  width: 16px;
  height: 16px;
  border-radius: 1em;
  overflow: visible;
  border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
  background-image: none;
  width: 8px;
  height: 8px;
  border-width: 4px;
  border-style: solid;
}
.ui-checkboxradio-disabled {
  pointer-events: none;
}
.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none;
  z-index: 401 !important;
}
.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}
.ui-datepicker .ui-datepicker-next {
  right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
  width: 45%;
}
.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em;
}
.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}
.ui-datepicker td {
  border: 0;
  padding: 1px;
}
.ui-datepicker td span, .ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}
.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}
.ui-datepicker-rtl {
  direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}
.ui-datepicker .ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  left: .5em;
  top: .3em;
}
.ui-dialog {
  position: absolute;
  top: 0;
  left: 0;
  padding: .2em;
  outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
  padding: .4em 1em;
  position: relative;
}
.ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px;
}
.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: .5em 1em;
  background: none;
  overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: .5em;
  padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em .4em .5em 0;
  cursor: pointer;
}
.ui-dialog .ui-resizable-n {
  height: 2px;
  top: 0;
}
.ui-dialog .ui-resizable-e {
  width: 2px;
  right: 0;
}
.ui-dialog .ui-resizable-s {
  height: 2px;
  bottom: 0;
}
.ui-dialog .ui-resizable-w {
  width: 2px;
  left: 0;
}
.ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw, .ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw {
  width: 7px;
  height: 7px;
}
.ui-dialog .ui-resizable-se {
  right: 0;
  bottom: 0;
}
.ui-dialog .ui-resizable-sw {
  left: 0;
  bottom: 0;
}
.ui-dialog .ui-resizable-ne {
  right: 0;
  top: 0;
}
.ui-dialog .ui-resizable-nw {
  left: 0;
  top: 0;
}
.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}
.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none;
}
.ui-resizable {
  position: relative;
}
.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
  display: none;
}
.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}
.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}
.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}
.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}
.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}
.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}
.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
  background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
  height: 100%;
  -ms-filter: "alpha(opacity=25)";
  opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none;
}
.ui-selectable {
  -ms-touch-action: none;
  touch-action: none;
}
.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}
.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  overflow-x: hidden;
  padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  padding: 2px 0.4em;
  margin: 0.5em 0 0 0;
  height: auto;
  border: 0;
}
.ui-selectmenu-open {
  display: block;
}
.ui-selectmenu-text {
  display: block;
  margin-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
  text-align: left;
  white-space: nowrap;
  width: 14em;
}
.ui-selectmenu-icon.ui-icon {
  float: right;
  margin-top: 0;
}
.ui-slider {
  position: relative;
  text-align: left;
}
.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: pointer;
  -ms-touch-action: none;
  touch-action: none;
}
.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0;
}
.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}
.ui-slider-horizontal {
  height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}
.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}
.ui-slider-vertical {
  width: .8em;
  height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}
.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}
.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none;
}
.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
}
.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: .222em 0;
  margin: .2em 0;
  vertical-align: middle;
  margin-left: .4em;
  margin-right: 2em;
}
.ui-spinner-button {
  width: 1.6em;
  height: 50%;
  font-size: .5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0;
}
.ui-spinner a.ui-spinner-button {
  border-top-style: none;
  border-bottom-style: none;
  border-right-style: none;
}
.ui-spinner-up {
  top: 0;
}
.ui-spinner-down {
  bottom: 0;
}
.ui-tabs {
  position: relative;
  padding: .2em;
}
.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px .2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: .5em 1em;
  text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none;
}
.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
}
body .ui-tooltip {
  border-width: 2px;
}
.ui-widget {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}
.ui-widget .ui-widget {
  font-size: 1em;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}
.ui-widget.ui-widget-content {
  border: 1px solid #c5c5c5;
}
.ui-widget-content {
  border: 1px solid #ddd;
  background: #fff;
  color: #333;
}
.ui-widget-content a {
  color: #333;
}
.ui-widget-header {
  border: 1px solid #ddd;
  background: #e9e9e9;
  color: #333;
  font-weight: bold;
}
.ui-widget-header a {
  color: #333;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
  border: 1px solid #c5c5c5;
  background: #f6f6f6;
  font-weight: normal;
  color: #454545;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button {
  color: #454545;
  text-decoration: none;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
  border: 1px solid #ccc;
  background: #ededed;
  font-weight: normal;
  color: #2b2b2b;
}
.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus {
  color: #2b2b2b;
  text-decoration: none;
}
.ui-visual-focus {
  box-shadow: 0 0 3px 1px #5e9ed6;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
  border: 1px solid #003eff;
  background: #007fff;
  font-weight: normal;
  color: #fff;
}
.ui-icon-background, .ui-state-active .ui-icon-background {
  border: #003eff;
  background-color: #fff;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
  color: #fff;
  text-decoration: none;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border: 1px solid #dad55e;
  background: #fffa90;
  color: #777620;
}
.ui-state-checked {
  border: 1px solid #dad55e;
  background: #fffa90;
}
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
  color: #777620;
}
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #5f3f3f;
}
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
  color: #5f3f3f;
}
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
  color: #5f3f3f;
}
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
  font-weight: bold;
}
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
  opacity: .7;
  -ms-filter: "alpha(opacity=70)";
  font-weight: normal;
}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
  opacity: .35;
  -ms-filter: "alpha(opacity=35)";
  background-image: none;
}
.ui-state-disabled .ui-icon {
  -ms-filter: "alpha(opacity=35)";
}
.ui-icon {
  width: 16px;
  height: 16px;
}
.ui-icon, .ui-widget-content .ui-icon {
  background-image: url('../../../../../design/themes/kura/media/images/ui-icons_444444_256x240.png?1690945733');
}
.ui-widget-header .ui-icon {
  background-image: url('../../../../../design/themes/kura/media/images/ui-icons_444444_256x240.png?1690945733');
}
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon {
  background-image: url('../../../../../design/themes/kura/media/images/ui-icons_555555_256x240.png?1690945733');
}
.ui-state-active .ui-icon, .ui-button:active .ui-icon {
  background-image: url('../../../../../design/themes/kura/media/images/ui-icons_ffffff_256x240.png?1690945733');
}
.ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon {
  background-image: url('../../../../../design/themes/kura/media/images/ui-icons_777620_256x240.png?1690945733');
}
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
  background-image: url('../../../../../design/themes/kura/media/images/ui-icons_cc0000_256x240.png?1690945733');
}
.ui-button .ui-icon {
  background-image: url('../../../../../design/themes/kura/media/images/ui-icons_777777_256x240.png?1690945733');
}
.ui-icon-blank.ui-icon-blank.ui-icon-blank {
  background-image: none;
}
.ui-icon-caret-1-n {
  background-position: 0 0;
}
.ui-icon-caret-1-ne {
  background-position: -16px 0;
}
.ui-icon-caret-1-e {
  background-position: -32px 0;
}
.ui-icon-caret-1-se {
  background-position: -48px 0;
}
.ui-icon-caret-1-s {
  background-position: -65px 0;
}
.ui-icon-caret-1-sw {
  background-position: -80px 0;
}
.ui-icon-caret-1-w {
  background-position: -96px 0;
}
.ui-icon-caret-1-nw {
  background-position: -112px 0;
}
.ui-icon-caret-2-n-s {
  background-position: -128px 0;
}
.ui-icon-caret-2-e-w {
  background-position: -144px 0;
}
.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}
.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}
.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}
.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}
.ui-icon-triangle-1-s {
  background-position: -65px -16px;
}
.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}
.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}
.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}
.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}
.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}
.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}
.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}
.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}
.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}
.ui-icon-arrow-1-s {
  background-position: -65px -32px;
}
.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}
.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}
.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}
.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}
.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}
.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}
.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}
.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}
.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}
.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}
.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}
.ui-icon-arrowthick-1-n {
  background-position: 1px -48px;
}
.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}
.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}
.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}
.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}
.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}
.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}
.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}
.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}
.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}
.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}
.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}
.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}
.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}
.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}
.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}
.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}
.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}
.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}
.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}
.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}
.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}
.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}
.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}
.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}
.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}
.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}
.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}
.ui-icon-arrow-4 {
  background-position: 0 -80px;
}
.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}
.ui-icon-extlink {
  background-position: -32px -80px;
}
.ui-icon-newwin {
  background-position: -48px -80px;
}
.ui-icon-refresh {
  background-position: -64px -80px;
}
.ui-icon-shuffle {
  background-position: -80px -80px;
}
.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}
.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}
.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}
.ui-icon-folder-open {
  background-position: -16px -96px;
}
.ui-icon-document {
  background-position: -32px -96px;
}
.ui-icon-document-b {
  background-position: -48px -96px;
}
.ui-icon-note {
  background-position: -64px -96px;
}
.ui-icon-mail-closed {
  background-position: -80px -96px;
}
.ui-icon-mail-open {
  background-position: -96px -96px;
}
.ui-icon-suitcase {
  background-position: -112px -96px;
}
.ui-icon-comment {
  background-position: -128px -96px;
}
.ui-icon-person {
  background-position: -144px -96px;
}
.ui-icon-print {
  background-position: -160px -96px;
}
.ui-icon-trash {
  background-position: -176px -96px;
}
.ui-icon-locked {
  background-position: -192px -96px;
}
.ui-icon-unlocked {
  background-position: -208px -96px;
}
.ui-icon-bookmark {
  background-position: -224px -96px;
}
.ui-icon-tag {
  background-position: -240px -96px;
}
.ui-icon-home {
  background-position: 0 -112px;
}
.ui-icon-flag {
  background-position: -16px -112px;
}
.ui-icon-calendar {
  background-position: -32px -112px;
}
.ui-icon-cart {
  background-position: -48px -112px;
}
.ui-icon-pencil {
  background-position: -64px -112px;
}
.ui-icon-clock {
  background-position: -80px -112px;
}
.ui-icon-disk {
  background-position: -96px -112px;
}
.ui-icon-calculator {
  background-position: -112px -112px;
}
.ui-icon-zoomin {
  background-position: -128px -112px;
}
.ui-icon-zoomout {
  background-position: -144px -112px;
}
.ui-icon-search {
  background-position: -160px -112px;
}
.ui-icon-wrench {
  background-position: -176px -112px;
}
.ui-icon-gear {
  background-position: -192px -112px;
}
.ui-icon-heart {
  background-position: -208px -112px;
}
.ui-icon-star {
  background-position: -224px -112px;
}
.ui-icon-link {
  background-position: -240px -112px;
}
.ui-icon-cancel {
  background-position: 0 -128px;
}
.ui-icon-plus {
  background-position: -16px -128px;
}
.ui-icon-plusthick {
  background-position: -32px -128px;
}
.ui-icon-minus {
  background-position: -48px -128px;
}
.ui-icon-minusthick {
  background-position: -64px -128px;
}
.ui-icon-close {
  background-position: -80px -128px;
}
.ui-icon-closethick {
  background-position: -96px -128px;
}
.ui-icon-key {
  background-position: -112px -128px;
}
.ui-icon-lightbulb {
  background-position: -128px -128px;
}
.ui-icon-scissors {
  background-position: -144px -128px;
}
.ui-icon-clipboard {
  background-position: -160px -128px;
}
.ui-icon-copy {
  background-position: -176px -128px;
}
.ui-icon-contact {
  background-position: -192px -128px;
}
.ui-icon-image {
  background-position: -208px -128px;
}
.ui-icon-video {
  background-position: -224px -128px;
}
.ui-icon-script {
  background-position: -240px -128px;
}
.ui-icon-alert {
  background-position: 0 -144px;
}
.ui-icon-info {
  background-position: -16px -144px;
}
.ui-icon-notice {
  background-position: -32px -144px;
}
.ui-icon-help {
  background-position: -48px -144px;
}
.ui-icon-check {
  background-position: -64px -144px;
}
.ui-icon-bullet {
  background-position: -80px -144px;
}
.ui-icon-radio-on {
  background-position: -96px -144px;
}
.ui-icon-radio-off {
  background-position: -112px -144px;
}
.ui-icon-pin-w {
  background-position: -128px -144px;
}
.ui-icon-pin-s {
  background-position: -144px -144px;
}
.ui-icon-play {
  background-position: 0 -160px;
}
.ui-icon-pause {
  background-position: -16px -160px;
}
.ui-icon-seek-next {
  background-position: -32px -160px;
}
.ui-icon-seek-prev {
  background-position: -48px -160px;
}
.ui-icon-seek-end {
  background-position: -64px -160px;
}
.ui-icon-seek-start {
  background-position: -80px -160px;
}
.ui-icon-seek-first {
  background-position: -80px -160px;
}
.ui-icon-stop {
  background-position: -96px -160px;
}
.ui-icon-eject {
  background-position: -112px -160px;
}
.ui-icon-volume-off {
  background-position: -128px -160px;
}
.ui-icon-volume-on {
  background-position: -144px -160px;
}
.ui-icon-power {
  background-position: 0 -176px;
}
.ui-icon-signal-diag {
  background-position: -16px -176px;
}
.ui-icon-signal {
  background-position: -32px -176px;
}
.ui-icon-battery-0 {
  background-position: -48px -176px;
}
.ui-icon-battery-1 {
  background-position: -64px -176px;
}
.ui-icon-battery-2 {
  background-position: -80px -176px;
}
.ui-icon-battery-3 {
  background-position: -96px -176px;
}
.ui-icon-circle-plus {
  background-position: 0 -192px;
}
.ui-icon-circle-minus {
  background-position: -16px -192px;
}
.ui-icon-circle-close {
  background-position: -32px -192px;
}
.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}
.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}
.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}
.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}
.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}
.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}
.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}
.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}
.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}
.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}
.ui-icon-circle-check {
  background-position: -208px -192px;
}
.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}
.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}
.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}
.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}
.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}
.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}
.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}
.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}
.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}
.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}
.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}
.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
  border-top-left-radius: 3px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
  border-top-right-radius: 3px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
  border-bottom-left-radius: 3px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
  border-bottom-right-radius: 3px;
}
.ui-widget-overlay {
  background: #aaa;
  opacity: .003;
  -ms-filter: Alpha(Opacity=.3);
  opacity: 0 !important;
  display: none !important;
}
.ui-widget-shadow {
  -webkit-box-shadow: 0px 0px 5px #666;
  box-shadow: 0px 0px 5px #666;
}
.modal-container .modal-footer .full-width {
  width: 100%;
}
.modal-container .modal-footer .waiting-response {
  padding-top: 0.6rem;
  display: none;
}
.modal-container .modal-footer .waiting-response .loading-text {
  color: #fff;
  height: 1.80rem;
}
.modal-container .modal-footer .waiting-response .loading-animation {
 height:;
 width:;
  pointer-events: none;
  position: relative;
  float: left;
  margin-right: 0.6rem;
  margin-top: 0.15rem;
}
.modal-container .modal-footer .waiting-response .loading-animation::after {
  animation: loading 300ms infinite linear;
  border: solid #fff;
  border-radius: 50%;
  border-right-color: transparent;
  border-top-color: transparent;
  content: "";
  display: block;
 height:;
  left: 50%;
 margin-left: -;
 margin-top: -;
  position: absolute;
  top: 50%;
 width:;
 z-index:;
}
.wrapper-product-items .selection-box {
  margin-bottom: 40px;
}
.wrapper-product-items .subitem-info > p {
  color: red;
  margin-bottom: 10px;
  font-size: 0.85rem;
}
.company-page-info h5 {
  margin-bottom: .5rem;
}
.page-try-it .page-content .form-box .checkbox-w100 {
  width: 100%;
}
.page-try-it .page-content .form-box .checkbox-w100 .form-checkbox {
  width: 100%;
}
.page-try-it .page-content .form-box .checkbox-w100 .form-label {
  display: none;
}
#BVSpotlightsContainer .bv-cleanslate .bv-spotlights {
  font-family: -apple-system, system-ui, "Open Sans", sans-serif;
}
#BVSpotlightsContainer .bv-product-title-link {
  font-size: 1.1rem;
  font-weight: 300;
  line-height: 1.2;
  letter-spacing: -0.4px;
  text-align: center;
  color: #272a33;
}
#BVSpotlightsContainer .bv-review-title {
  font-size: 1.0rem;
  font-weight: 300;
  line-height: 1.2;
  letter-spacing: normal;
  color: #272a33;
}
#BVSpotlightsContainer .bv-review-text {
  font-size: 0.7rem;
  font-weight: normal;
  line-height: 1.75;
  letter-spacing: normal;
  color: #272a33;
}
#BVSpotlightsContainer .bv-recommended-product-content {
  flex-direction: column;
  text-align: center !important;
  display: flex !important;
}
#BVSpotlightsContainer .bv-product-aggregate {
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  text-align: center !important;
  display: flex !important;
}
#BVSpotlightsContainer .bv-recommended-product-name {
  flex: 1 0 100%;
}
#BVSpotlightsContainer .bv-learnmore {
  text-align: center !important;
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
#BVSpotlightsContainer .bv-learnmore a {
  border-radius: 3px !important;
  background-color: #404040;
  border-color: #404040;
  padding: 14px 30px !important;
  margin-top: 10px !important;
  color: #fff;
  text-transform: uppercase !important;
  letter-spacing: 1.2px;
  white-space: nowrap !important;
  font-weight: 700;
  font-size: 12px;
  transition: all .3s ease;
}
#BVSpotlightsContainer .bv-learnmore a:hover {
  border-color: #000;
  background-color: #000;
  text-decoration: none;
}
#BVSpotlightsContainer .bv-read-more-link {
  cursor: pointer !important;
  position: relative !important;
  color: #9d6b25;
  outline: none !important;
  text-decoration: none;
}
#BVSpotlightsContainer .bv-read-more-link:hover:after {
  transition: opacity 0.3s cubic-bezier(0.33, 0.01, 0, 1), top 0.3s cubic-bezier(0.33, 0.01, 0, 1) !important;
  opacity: 1 !important;
  top: 100% !important;
}
#BVSpotlightsContainer .bv-read-more-link:after {
  transition: opacity 0.3s cubic-bezier(0.33, 0.01, 0, 1), top 0.3s cubic-bezier(0.33, 0.01, 0, 1);
  content: '';
  pointer-events: none;
  position: absolute !important;
  height: 2px !important;
  width: 100% !important;
  left: 0 !important;
  top: 120% !important;
  background-color: #9d6b25;
  opacity: 0 !important;
}
#BVSpotlightsContainer .bv-glyph-chevron-left {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg stroke='%23545454' stroke-linecap='round' stroke-width='2'%3E%3Cpath stroke-linejoin='round' d='M18 13l-9 9 9 9'/%3E%3Cpath d='M10 22h25'/%3E%3C/g%3E%3Cpath d='M8 8h28v28H8z'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  z-index: auto !important;
}
#BVSpotlightsContainer .bv-glyph-chevron-left:before {
  content: none !important;
}
#BVSpotlightsContainer .bv-glyph-chevron-right {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg stroke='%23545454' stroke-linecap='round' stroke-width='2'%3E%3Cpath stroke-linejoin='round' d='M26 13l9 9-9 9'/%3E%3Cpath d='M34 22H9'/%3E%3C/g%3E%3Cpath d='M8 8h28v28H8z'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  z-index: auto !important;
}
#BVSpotlightsContainer .bv-glyph-chevron-right:before {
  content: none !important;
}
#BVSpotlightsContainer .bv-reviews-list-wrapper {
  background-color: #f8f8f8;
}
#BVSpotlightsContainer .bv-selected-product:after {
  border-bottom-color: #f8f8f8;
}
#BVSpotlightsContainer .bv-rating-stars-on {
  color: #e5b052 !important;
}
#BVSpotlightsContainer .bv-recommended-product-rating-count {
  font-weight: 700 !important;
}
#bazaarvoice-section h2 {
  font-size: 1.5rem;
}

@media only screen and (max-width: 767px) {
#bazaarvoice-section h2 {
  font-size: 1.65rem;
  margin-bottom: 0px;
}
#bazaarvoice-section .bv-cleanslate .bv-spotlights .bv-header {
  padding: 10px !important;
}
}

@media (min-width: 841px) {
.cscart-dispatch-uddapi-faulttree .mCustomScrollbar {
  height: initial !important;
}
}
.cscart-dispatch-mydevices-list .modal-container, .cscart-dispatch-uddapi-faulttree .modal-container, .cscart-dispatch-self_replacement-create .modal-container, .cscart-dispatch-orders-search .modal-container, .cscart-dispatch-self_replacement-out_of_warranty .modal-container {
  width: auto;
 background:;
}
.cscart-dispatch-mydevices-list .modal-container .modal-body, .cscart-dispatch-uddapi-faulttree .modal-container .modal-body, .cscart-dispatch-self_replacement-create .modal-container .modal-body, .cscart-dispatch-orders-search .modal-container .modal-body, .cscart-dispatch-self_replacement-out_of_warranty .modal-container .modal-body {
 color:;
}
.cscart-dispatch-mydevices-list .modal-container .modal-body h3, .cscart-dispatch-uddapi-faulttree .modal-container .modal-body h3, .cscart-dispatch-self_replacement-create .modal-container .modal-body h3, .cscart-dispatch-orders-search .modal-container .modal-body h3, .cscart-dispatch-self_replacement-out_of_warranty .modal-container .modal-body h3 {
 color:;
}

@media only screen and (max-width: 840px) {
.cscart-dispatch-mydevices-list .modal-container, .cscart-dispatch-uddapi-faulttree .modal-container, .cscart-dispatch-self_replacement-create .modal-container, .cscart-dispatch-orders-search .modal-container, .cscart-dispatch-self_replacement-out_of_warranty .modal-container {
  width: 90vw;
}
}
.scandit-new-device {
  max-width: 1280px;
  max-height: 80%;
  display: none;
}
#scandit-barcode-error {
  color: #e55252;
  display: none;
}
.scanne-container {
  z-index: 999999999999;
  height: 900px;
  background: #000;
  display: none;
  position: absolute;
  top: 2.50rem;
  width: 100%;
  left: 0;
}

@media only screen and (min-width: 600px) {
.scanne-container {
  top: 3.90rem;
}
.scandit-video, .mirrored {
  transform: scale(2) !important;
}
.scandit, .scandit-barcode-picker {
  max-width: 100% !important;
  min-width: 100% !important;
  min-height: 950px !important;
  max-height: 100% !important;
  left: 8%;
}
}

@media only screen and (min-width: 900px) {
.scandit-new-device {
  max-width: 100% !important;
}
.scanne-container {
  top: 3.90rem;
}
.scandit-video, .mirrored {
  transform: scale(2) !important;
}
.scandit, .scandit-barcode-picker {
  max-width: 100% !important;
  min-width: 100% !important;
  min-height: 1024px !important;
  max-height: 100% !important;
  left: 0%;
}
}

@media only screen and (min-width: 768px) {
.scandit-new-device {
  max-width: 100% !important;
}
.scanne-container {
  top: 2.65rem;
}
}
.scandit, .scandit-barcode-picker {
  max-width: 100% !important;
  min-width: 100% !important;
  min-height: 860px !important;
  max-height: 100% !important;
}
.scandit-viewfinder {
  top: 21.5% !important;
}
.scandit-video, .mirrored {
  object-fit: cover !important;
  transform: scale(1) !important;
  height: 800px !important;
}
.close-btn-container {
  position: relative;
  z-index: 9999999999999;
}
.close-btn {
  position: absolute;
  top: 0;
  right: 20px;
  height: 30px;
  width: 30px;
  color: white;
  font-size: 2em;
  border-radius: 100%;
  background: none;
  border: none;
  cursor: pointer;
}
.card-body {
  max-height: 350px;
  overflow-y: scroll;
}

@media only screen and (max-width: 600px) {
.popover-display {
  max-width: 100%;
}
.popover-close {
  display: block;
  position: absolute;
  top: 20px;
  right: 30px;
  height: 40px;
  width: 40px;
  background: #fff;
  border-radius: 50%;
}
}
.popover-display {
  opacity: 1 !important;
  transform: translate(0%, -50%) scale(1) !important;
  left: auto !important;
  top: 20% !important;
  transition: transform .2s ease !important;
}
.popover-close {
  position: absolute;
  top: 40px;
  right: 50px;
  height: 40px;
  width: 40px;
  background: #dfe0e2;
  border-radius: 50%;
  cursor: pointer;
  font-size: 20px;
}
.devices-data .popover-display {
  height: 100%;
  width: 100%;
  padding: 3rem 0 0 !important;
  position: fixed;
  left: 0 !important;
  top: 0 !important;
  transform: translate(0%, 0%) scale(1) !important;
  transition: opacity .2s ease !important;
  background: rgba(0,0,0,0.5);
  max-height: 100vh;
  display: flex;
  flex-direction: column;
}
.devices-data .popover-display .card {
  border-radius: 2px;
  margin: 1rem auto;
  overflow-y: auto;
  max-height: 80vh;
  background-color: transparent;
  max-width: 640px;
  box-shadow: none;
  width: 100%;
}
.card .faq-accordion dl {
  margin: 0;
  border: none;
}
.card .faq-accordion dl > div {
  margin-bottom: 1rem;
  background-color: #fff;
  border-radius: 2px;
  padding: 1rem;
}
.card .faq-accordion dl > div h5 {
  margin-bottom: 0;
  color: #383839;
  font-weight: 500;
}
.devices-data .popover-display .card-body {
  max-height: 70vh;
}
.devices-data .faq-accordion dl dt {
  padding: 0;
}
.devices-data .faq-accordion dl dd {
  padding: 1rem 0 0;
}
.devices-data .popover .faq-accordion dl dd img:not(:last-of-type) {
  display: block;
  margin-bottom: .8rem;
}
.devices-data .popover-container .faq-accordion dl dt svg {
  transform: rotate(0);
  width: 1rem !important;
  height: 1rem !important;
  fill: #666;
}
.devices-data .popover.popover-bottom .popover-container {
  transition: opacity !important;
}
.devices-data .popover-container .faq-accordion dl dt.active svg {
  transform: rotate(180deg);
}
.devices-data .popover-display .popover-close {
  background-color: transparent;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21"><g fill="none" fill-rule="evenodd" stroke="%23FFF" stroke-width="3"><path d="M1 1l18.385 18.385M19.385 1L1 19.385"/></g></svg>');
  background-repeat: no-repeat;
  background-position: center;
  right: 1rem;
  border: none;
  color: #fff;
  width: 21px;
  height: 21px;
  font-size: 0;
  cursor: pointer;
}
.scanne-container {
  position: fixed;
  top: 0;
  height: 100%;
}
.scanne-container .close-btn {
  background-color: transparent;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21"><g fill="none" fill-rule="evenodd" stroke="%23FFF" stroke-width="3"><path d="M1 1l18.385 18.385M19.385 1L1 19.385"/></g></svg>');
  background-repeat: no-repeat;
  background-position: center;
  right: 1rem;
  top: 1rem;
  border: none;
  color: #fff;
  width: 21px;
  height: 21px;
  font-size: 0;
  cursor: pointer;
}
.scandit .scandit-logo {
  display: none !important;
}
.scandit-video, .mirrored {
  height: 100vh !important;
}
.scan-text, .scan-link {
  display: block;
  position: absolute;
  text-align: center;
}
.btn.scan-link {
  z-index: 10;
  position: absolute;
}
.scan-text {
  font-size: 16px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
  top: 15vh;
  z-index: 99;
  width: 100%;
}
.scan-link {
  width: 90%;
  max-width: 320px;
  margin: auto;
  height: 50px;
  border-radius: 2px;
  background-color: #fff;
  font-size: 12px;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 1.85px;
  color: #383839;
  z-index: 99;
  bottom: 5vh;
  left: 50%;
  transform: translateX(-50%);
  line-height: 50px;
}
.scandit.scandit-barcode-picker:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 9;
  background: rgba(0,0,0,0.8);
}
body .scandit, body .scandit-barcode-picker {
  min-height: 100vh !important;
  left: 0 !important;
}
.scandit .scandit-viewfinder {
  border-radius: 0 !important;
  width: 80% !important;
  max-width: 320px;
  height: auto !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  border: none;
  mix-blend-mode: soft-light;
  background: #fff;
  -webkit-backdrop-filter: brightness(200%);
  backdrop-filter: brightness(200%);
  opacity: 1 !important;
}
.scandit .scandit-viewfinder-mix {
  border-radius: 0;
  width: 80% !important;
  max-width: 320px;
  height: auto !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%);
  position: absolute;
  z-index: 12;
}
.scandit .scandit-viewfinder:after, .scandit .scandit-viewfinder-mix:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.scandit .scandit-viewfinder-mix i:before, .scandit .scandit-viewfinder-mix i:after, .scandit .scandit-viewfinder-mix em:after, .scandit .scandit-viewfinder-mix em:before {
  border-color: #fff;
  content: "";
  position: absolute;
  width: 11px;
  height: 11px;
  border-style: solid;
  border-width: 0px;
}
.scandit .scandit-viewfinder-mix i:before {
  left: -2px;
  top: -2px;
  border-left-width: 2px;
  border-top-width: 2px;
}
.scandit .scandit-viewfinder-mix i:after {
  right: -2px;
  top: -2px;
  border-right-width: 2px;
  border-top-width: 2px;
}
.scandit .scandit-viewfinder-mix em:before {
  left: -2px;
  bottom: -2px;
  border-left-width: 2px;
  border-bottom-width: 2px;
}
.scandit .scandit-viewfinder-mix em:after {
  right: -2px;
  bottom: -2px;
  border-right-width: 2px;
  border-bottom-width: 2px;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 667px) and (orientation: landscape) {
.scan-text {
  top: 5%;
}
.scandit .scandit-viewfinder {
  max-width: 260px;
}
.scandit .scandit-viewfinder-mix {
  max-width: 260px;
}
.scan-link {
  bottom: 2%;
  height: 40px;
  line-height: 40px;
}
}

@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
.scan-text {
  top: 5%;
}
.scandit .scandit-viewfinder {
  max-width: 260px;
}
.scandit .scandit-viewfinder-mix {
  max-width: 260px;
}
.scan-link {
  bottom: 2%;
  height: 40px;
  line-height: 40px;
}
}
.scandit .scandit-camera-upload {
  margin-top: 20vh;
}
.header-mydevices-extra {
  align-items: flex-start !important;
  height: auto !important;
  flex-direction: column;
}
.header-mydevices-extra p {
  margin-top: 1.5rem;
}
.device-warranty-note {
  width: 100%;
  padding: 0;
}
.device-warranty-note__btn {
  background: none;
  border: none;
  display: flex;
  align-items: center;
  margin: .3rem 0 .1rem 0;
  font-weight: 700;
  letter-spacing: .1rem;
  cursor: pointer;
  width: auto;
}
.device-warranty-note__btn.active {
 color:;
}
.device-warranty-note__btn:focus {
  outline: none;
}
.device-warranty-note__btn .arrow {
 color:;
  transform: rotate(180deg);
  margin-inline-start: 4px;
  transition: 150ms ease-out;
}
.device-warranty-note__btn.active .arrow {
  color: #d6a76f;
  transform: none;
}
.device-warranty-note__content {
  color: #999;
}
button.device-warranty-note__btn {
  padding-left: 0;
}
.device-wrapper.selected-device {
  outline: 2px inset grey;
  outline-offset: 4px;
}
.page-account .devices-data .care-plus-expiration-date {
  width: 40%;
  min-width: 5rem;
}
.page-account .devices-data .care-plus-unsubscribe {
  width: 30%;
  min-width: 2rem;
}
.page-account .devices-data .care-plus-subscribe {
  width: 30%;
  min-width: 2rem;
}
.page-account .devices-data div.device-flex-container {
  flex-wrap: wrap;
  justify-content: flex-end;
}
.page-account .devices-data div.device-flex-container .device-details {
  flex: 1;
}
.page-account .devices-data div.device-flex-container .device-details p {
  margin-bottom: 0px;
}
.page-account .iqos-care-plus-member-section .device-data-row, .page-account .iqos-care-plus-member-section-bottom .device-data-row {
  border-bottom: none;
}

@media (min-width: 841px) {
.page-account .iqos-care-plus-member-section .device-data-row .device-details, .page-account .iqos-care-plus-member-section-bottom .device-data-row .device-details {
  max-width: 300px;
  width: 100%;
}
}

@media only screen and (max-width: 840px) {
.page-account .iqos-care-plus-member-section .device-data-row .device-data-group .mydevices, .page-account .iqos-care-plus-member-section-bottom .device-data-row .device-data-group .mydevices {
  padding-bottom: 0.5rem;
}
}
.page-account .iqos-care-plus-member-section .device-data-row .mydevices, .page-account .iqos-care-plus-member-section-bottom .device-data-row .mydevices {
  margin: 10px;
}

@media (min-width: 841px) {
.page-account .iqos-care-plus-member-section .device-data-row .mydevices, .page-account .iqos-care-plus-member-section-bottom .device-data-row .mydevices {
  margin: 0 10px;
}
}
.page-account .iqos-care-plus-member-section .device-data-row .mydevices .note, .page-account .iqos-care-plus-member-section-bottom .device-data-row .mydevices .note {
  font-size: 0.5rem;
  padding: 10px 0;
  max-width: 170px;
}
.page-account .iqos-care-plus-member-section .device-data-row {
  margin: 20px 0 30px;
  padding: 0 0 30px;
  border-bottom: 1px solid #e1e0e2;
}
.page-account .iqos-care-plus-member-section .device-data-row .mydevices {
  margin: 10px 0;
}
.menu .mydevices > a {
  margin: 0px;
  width: 100%;
}
.menu .mydevices > button {
 border-radius:;
  color: inherit;
  display: block;
 padding:;
  text-decoration: none;
}
.menu .mydevices > button:focus, .menu .mydevices > button:hover {
 background:;
 color:;
}
.menu .mydevices > button:active, .menu .mydevices > button.active {
 background:;
 color:;
}
.btn-care-short {
  cursor: pointer;
 color:;
}
.btn-care-short:hover {
 color:;
}
.care-plus-button {
  height: auto;
  width: auto;
  white-space: normal;
}
.care-plus-button-modal {
  height: auto;
  white-space: normal;
  width: auto;
  margin-top: 20px;
  min-height: 43px;
}

@media only screen and (max-width: 840px) {
.care-plus-button-modal {
  margin-right: unset;
  padding: .5rem 0 .5rem 0;
}
}

@media only screen and (max-width: 840px) {
.modal-body .care-plus-button-modal {
  margin-top: 15px;
}
}
.care-plus-checkout .field-header-description, .care-plus-register .field-header-description {
  margin-top: 1.5rem;
}
.care-plus-checkout .modal-url-opener, .care-plus-register .modal-url-opener {
  cursor: pointer;
}
.diagnostic-area.care-plus-page .buttons-container button {
  float: none;
}
.mCSB_container {
  text-align: center;
}
.mCSB_container .buttons-container {
  margin: 0 auto;
  width: 100%;
  text-align: center;
}
.mCSB_container .buttons-container a {
  min-width: 205px;
  max-width: 100%;
}

@media only screen and (max-width: 840px) {
.mCSB_container .buttons-container a {
  white-space: normal;
}
}
.mCSB_container .buttons-container button {
  min-width: 205px;
  max-width: 100%;
}

@media only screen and (max-width: 840px) {
.mCSB_container .buttons-container button {
  white-space: normal;
}
}
.mCSB_container h3 {
  overflow-wrap: break-word;
  word-wrap: break-word;
 color:;
  font-size: 20px;
  line-height: 36px;
}
.mCSB_container h1 {
  margin-bottom: unset;
}
.mCSB_container p {
  margin-bottom: 10px;
}
.dropdown.mydevices .menu {
  z-index: 5;
  overflow: visible;
}
.iqos-care-header {
  position: relative;
  z-index: 2;
  text-align: center;
  color: #fff;
  width: 100%;
 height: calc(100vh - );
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-repeat: no-repeat;
  background-size: cover;
}
 @media (max-width: ) {
 .iqos-care-header {
 height:calc(100vh - );
}
}
 @media (max-width: ) and (orientation: portrait) {
 .iqos-care-header {
 height:calc(37vh - );
}
}
 @media (max-width: ) and (orientation: landscape) {
 .iqos-care-header {
 height:calc(94.34vh - );
}
}
.iqos-care-header h1 {
  position: relative;
  z-index: 2;
  pointer-events: none;
  margin: 0 auto 2vh auto;
  font-size: 7vh;
  line-height: 7vh;
  max-width: 80%;
  font-weight: 500;
}
 @media (max-width: ) {
 .iqos-care-header h1 {
 font-size:5.4vw;
 line-height: 6.38182vw;
 margin: 0 auto 1vh auto;
}
}
 @media (max-width: ) {
 .iqos-care-header h1 {
 max-width:90%;
 font-size: 9vw;
 line-height: 10.63636vw;
}
}
.what-is-iqos-care {
  padding: 4vw 0 0;
}
 @media (max-width: ) {
 .what-is-iqos-care {
 padding:0;
}
}
 @media (max-width: ) {
 .what-is-iqos-care .content-wrapper {
 padding:10vw 0 5vw 0;
}
}
 @media (max-width: ) and (orientation: landscape) {
 .what-is-iqos-care .content-wrapper {
 padding-top:0;
}
}
 @media (max-width: ) {
 .what-is-iqos-care .background-wrapper {
 position:relative;
}
}
.what-is-iqos-care .background-wrapper img {
  position: absolute;
  top: 3vw;
  right: 3.47rem;
  width: 43vw;
}
 @media (max-width: ) {
 .what-is-iqos-care .background-wrapper img {
 position:relative;
 top: auto;
 left: auto;
 width: 100%;
 height: auto;
 right: 0;
}
}
.what-is-iqos-care .text-wrapper {
  float: left;
  margin: 6vw 6.5vw 0 0;
  width: 47vw;
  min-height: 29.25vw;
  background: transparent;
  width: 33.33333333%;
  margin-left: 4.33333333%;
  padding-right: 0;
}
 @media (max-width: ) {
 .what-is-iqos-care .text-wrapper {
 margin:0 0 0 0;
 float: none;
 width: 90vw;
}
}
.what-is-iqos-care .text-wrapper p {
  opacity: .4;
}
 @media (min-width: ) {
 .what-is-iqos-care .text-wrapper p {
 font-size:1.1vw;
 line-height: 1.8vw;
 margin-bottom: 1rem;
}
}
.what-is-iqos-care .text-wrapper small {
  display: block;
  margin: 1.875vw 0 0;
  opacity: .3;
}
.iqos-care-plus-article.article-horizontal-list .content-wrapper {
  max-width: none;
  margin-left: 7.87rem;
  margin-right: 7.87rem;
}
 @media (max-width: ) {
 .iqos-care-plus-article.article-horizontal-list .content-wrapper {
 margin-left:0;
 margin-right: 0;
}
}
.iqos-care-plus-article .content-wrapper article {
  flex-direction: row;
  background-color: transparent !important;
  overflow: hidden;
}
.iqos-care-plus-article .content-wrapper article .text-wrapper {
  padding-left: 5vw;
  width: 40%;
}
 @media (max-width: ) {
 .iqos-care-plus-article .content-wrapper article .text-wrapper {
 padding-left:0;
 padding-right: 0;
 width: 100%;
}
}
.iqos-care-plus-article .content-wrapper article .text-wrapper h3 {
  line-height: 3.7vw;
  font-size: 3.125vw;
  letter-spacing: -0.038em;
}
 @media (max-width: ) {
 .iqos-care-plus-article .content-wrapper article .text-wrapper h3 {
 line-height:6vw;
 font-size: 4.96vw;
}
}
 @media (max-width: ) {
 .iqos-care-plus-article .content-wrapper article .text-wrapper h3 {
 line-height:9vw;
 font-size: 8vw;
}
}
.iqos-care-plus-article .content-wrapper article .text-wrapper p {
  font-size: 1.25vw;
  line-height: 2.1875vw;
  margin-bottom: 1.5rem;
}
 @media (max-width: ) {
 .iqos-care-plus-article .content-wrapper article .text-wrapper p {
 margin-bottom:1rem !important;
 line-height: 3.5vw;
 font-size: 2vw;
}
}
 @media (max-width: ) {
 .iqos-care-plus-article .content-wrapper article .text-wrapper p {
 line-height:6.125vw;
 font-size: 3.5vw;
}
}
.iqos-care-plus-article .content-wrapper article:nth-child(even) {
  flex-direction: row-reverse;
}
.iqos-care-plus-article .content-wrapper article:nth-child(even) .text-wrapper {
  padding-right: 5vw;
  padding-left: 0vw;
}
.iqos-care-plus-article .content-wrapper article:last-child {
  border-bottom: none;
}
.how-to-sign {
  text-align: center;
  padding: 4vw;
  margin: 1.8rem 0rem;
  margin-bottom: 0 !important;
}
 @media (max-width: ) {
 .how-to-sign {
 margin:1.5rem 2rem;
}
}
 @media (max-width: ) {
 .how-to-sign {
 padding:8vw;
 margin: 1rem 0;
}
}
.how-to-sign p {
  color: #999;
  font-size: 1.25vw;
  line-height: 2.1875vw;
  margin-bottom: 1.5rem;
}
.iqos-care-plus-faq ul.links-list {
  list-style: none;
  margin-left: 0;
}
.iqos-care-plus-faq ul.links-list a {
  color: #d6ba81;
}
.section-some-support {
  padding: 0 0;
  overflow: hidden;
}
 @media (max-width: ) {
 .section-some-support {
 padding:0;
}
}
.section-some-support .content-wrapper {
  display: flex;
  flex-direction: row-reverse;
  margin-left: 3.47rem;
  margin-bottom: 5vw;
}
 @media (max-width: ) {
 .section-some-support .content-wrapper {
 padding:10vw 0 5vw 0;
 flex-direction: row;
 display: block;
 margin-left: 0;
}
}
 @media (max-width: ) and (orientation: landscape) {
 .section-some-support .content-wrapper {
 padding-top:0;
}
}
 @media (max-width: ) {
 .section-some-support .background-wrapper {
 position:relative;
}
}
.section-some-support .background-wrapper img {
  width: 50vw;
}
 @media (max-width: ) {
 .section-some-support .background-wrapper img {
 position:relative;
 top: auto;
 left: auto;
 width: 100%;
 height: auto;
}
}
.section-some-support .text-wrapper {
  float: left;
  margin: 0;
  width: 50vw;
  min-height: 29.25vw;
  background-color: #eceaeb;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
 @media (max-width: ) {
 .section-some-support .text-wrapper {
 margin:0 0 0 0;
 float: none;
 width: 100vw;
 padding: 6vw 10vw 7vw 6vw;
}
}
 @media (min-width: ) {
 .section-some-support .text-wrapper p {
 font-size:1.1vw;
 line-height: 1.8vw;
}
}
.section-some-support .text-wrapper small {
  display: block;
  margin: 1.875vw 0 0;
  opacity: .3;
}
.article-vertical-list.iqos-care-plus-still h2 {
  color: #4f4f4f;
}
.article-vertical-list.iqos-care-plus-still h2 small {
  font-size: .8rem;
}
.article-vertical-list.iqos-care-plus-still.icon-list {
  background: #f8f8f8;
  max-width: none;
  color: #4f4f4f;
}
.article-vertical-list.iqos-care-plus-still.icon-list .icon-wrapper {
  width: 37px;
  height: 37px;
  fill: #4f4f4f;
  opacity: .85;
}
.article-vertical-list.iqos-care-plus-still.icon-list .text-wrapper {
  margin: 1rem 0 0;
  padding: 0;
}
.article-vertical-list.iqos-care-plus-still.icon-list .text-wrapper p {
  margin-bottom: 1rem;
}
.article-vertical-list.iqos-care-plus-still.icon-list .text-wrapper small {
  margin-bottom: .8rem;
  display: block;
  color: #9d8276;
}
.article-vertical-list.iqos-care-plus-still.icon-list .text-wrapper a {
  background-color: #d6ba81;
  color: #fff;
  margin: auto;
  opacity: 1;
}
.article-vertical-list.iqos-care-plus-still.icon-list .columns > div {
  margin-bottom: 1.5rem;
}
.little-help .content-wrapper {
  padding: 4.125vw 0 5vw 3.47rem;
}
 @media (max-width: ) {
 .little-help .content-wrapper {
 padding-left:2.6rem;
}
}
 @media (max-width: ) {
 .little-help .content-wrapper {
 padding-top:22vw;
}
}
 @media (max-width: ) {
 .little-help .content-wrapper {
 padding-right:1rem;
 padding-left: 1rem;
 padding-top: 8vw;
}
}
 @media (max-width: ) {
 .little-help .content-wrapper {
 padding-top:18vw;
}
}
 @media (max-width: ) and (orientation: landscape) {
 .little-help .content-wrapper {
 padding-top:5vw;
}
}
.little-help .top-row {
  display: flex;
  align-items: center;
}
 @media (max-width: ) {
 .little-help .top-row {
 display:block;
}
}
.little-help .top-row .text-wrapper {
  flex-basis: 40%;
  padding-top: 0;
  padding-right: 6.8rem;
  padding-left: 0;
  align-self: flex-start;
}
 @media (max-width: ) {
 .little-help .top-row .text-wrapper {
 width:100%;
 padding-left: 0;
 padding-right: 0;
 padding-bottom: 1.5rem;
}
}
.little-help .top-row .text-wrapper h2 {
  position: relative;
  padding-bottom: 2.5rem;
}
 @media (max-width: ) {
 .little-help .top-row .text-wrapper h2 {
 padding-bottom:1.5rem;
 margin-bottom: 2.5rem;
}
}
.little-help .top-row .text-wrapper h2:after {
  content: '';
  background-color: #d6ba81;
  width: 8vw;
  height: 2px;
  position: absolute;
  top: 100%;
  left: 0;
}
 @media (max-width: ) {
 .little-help .top-row .text-wrapper h2:after {
 width:20.3vw;
}
}
.little-help .top-row .image-wrapper {
  flex-basis: 60%;
}
.little-help .top-row .image-wrapper img {
  max-width: 100%;
}
.iqos-coach-article.article-horizontal-list .content-wrapper {
  max-width: none;
  margin-left: 3.47rem;
  margin-right: 3.47rem;
}
 @media (max-width: ) {
 .iqos-coach-article.article-horizontal-list .content-wrapper {
 margin-left:0;
 margin-right: 0;
}
}
.iqos-coach-article .content-wrapper {
  max-width: 100% !important;
  padding-top: 10vh;
}
 @media (max-width: ) {
 .iqos-coach-article .content-wrapper {
 padding-top:2.5rem;
}
}
.iqos-coach-article .content-wrapper article {
  flex-direction: row;
  background-color: transparent !important;
  overflow: hidden;
  border-bottom: none;
}
.iqos-coach-article .content-wrapper article figure {
  flex-basis: 65%;
}
.iqos-coach-article .content-wrapper article figure img {
  max-width: 55vw;
}
 @media (max-width: ) {
 .iqos-coach-article .content-wrapper article figure {
 flex-basis:100%;
}
 .iqos-coach-article .content-wrapper article figure img {
 max-width: 100% !important;
}
}
.iqos-coach-article .content-wrapper article .text-wrapper {
  padding-left: 0;
  padding-top: 0;
  width: 35%;
}
 @media (max-width: ) {
 .iqos-coach-article .content-wrapper article .text-wrapper {
 padding-top:0;
 padding-bottom: 0;
 width: 100%;
}
}
.iqos-coach-article .content-wrapper article:nth-child(even) {
  flex-direction: row-reverse;
}
.iqos-coach-article .content-wrapper article:nth-child(even) .text-wrapper {
  padding-left: 3.47rem;
}
 @media (max-width: ) {
 .iqos-coach-article .content-wrapper article:nth-child(even) .text-wrapper {
 padding-left:0;
}
}
.iqos-coach-article .content-wrapper article:last-child {
  border-bottom: none;
}
.how-to-sign-coach {
  text-align: center;
  padding: 4vw;
  margin: 4vw 0 0;
  color: #000;
}
 @media (max-width: ) {
 .how-to-sign-coach {
 margin:1.5rem 2rem;
}
}
 @media (max-width: ) {
 .how-to-sign-coach {
 padding:8vw;
 margin: 1rem 0;
}
}
.how-to-sign-coach p {
  color: #000;
  font-size: 1.25vw;
  line-height: 2.1875vw;
  margin-bottom: 1.5rem;
}
.preference_unticking_note {
  color: #b94a48;
}
.care-plus-benefits-text {
  padding: 20px;
  color: #787878;
}

@media only screen and (max-width: 840px) {
.care-plus-benefits-text {
  padding-left: 6%;
}
}
.cols-container.care-plus-section {
  display: flex;
  flex-wrap: wrap;
  padding: 2vh 0 2vh 0;
  color: #787878;
  border-top: 1px solid rgba(153,153,153,0.15);
}
.cols-container.care-plus-section .care-plus-section-onboarding {
  flex: 1.2;
}
.cols-container.care-plus-section .care-plus-section-register {
  flex: 4;
}
.cols-container.care-plus-section .care-plus-section-header-1 {
  font-weight: 700;
  margin-bottom: 0.5rem;
}
#subscription-plan-box {
  width: 310px;
}

@media (max-width: 960px) {
#subscription-plan-box {
  width: 49%;
  margin-left: 8px;
}
}

@media (max-width: 640px) {
#subscription-plan-box {
  width: 100%;
  margin-left: 0;
}
}
.page-checkout-rev-loyalty {
  padding-top: 0 !important;
}
.page-checkout-rev .checkout-main .registration-step .step-inner-block-loyalty {
  margin: 0 8px;
}
.layout-wrapper-rev-loyalty, .page-checkout-rev-loyalty {
  padding-top: 0;
}
.page-checkout-rev .checkout-main .registration-step .col-returning-customer-loyalty {
  flex-basis: 100%;
}
.page-checkout-rev .checkout-main .registration-step .or-separator-loyalty {
  height: 50px;
}
.page-checkout-rev .checkout-main .registration-step .or-separator-loyalty .border {
  height: 34%;
}
.page-checkout-rev .checkout-main .registration-step .or-separator-loyalty .border span {
  line-height: 32px;
}
.promotion-product-list .product-list-item {
  margin-top: 0;
  margin-bottom: 56px;
}

@media screen and (min-width: 1280px) {
.promotion-product-list .product-list-item {
  margin-top: 0;
  margin-bottom: 80px;
}
}
.promotion_description {
  padding-bottom: 1rem;
}
#referral-form-container .mt-5 {
  margin-top: 40px;
}
#referral-form-container h1 {
  line-height: 1.2;
  font-size: 30px;
}
#referral-form-container section {
  padding: 30px 15px;
}
#referral-form-container .referral-form .referral-index-hero img {
  width: 100%;
}
#referral-form-container .btn-link-light {
  text-decoration: underline;
  background: transparent;
}
#referral-form-container .btn-link-light::after {
  content: none;
}
#referral-form-container .referral-invites {
  background: #f6f4f0;
}
#referral-form-container .invite-item {
  padding: 10px 0;
  border-bottom: 2px rgba(0,0,0,0.2) solid;
}
#referral-form-container .invite-item .invite-status {
  border-radius: 15px;
  margin-left: auto;
  background: #8bc34b;
  color: white;
  padding: 2px 15px;
  font-size: 12px;
  line-height: 22px;
}
#referral-form-container .invite-item .invite-status.completed {
  background: #8bc34b;
}
#referral-form-container .invite-item .invite-status.pending {
  background: #f37a22;
}
#referral-form-container .invite-item .invite-status.cancelled {
  background: #db3827;
}
#referral-form-container .invite-item .btn.btn-link-light {
  padding: 20px 0;
}
#referral-form-container .invite-item .invite-reward {
  margin-top: 15px;
  background: #b9d4c7;
  border-radius: 6px;
}
#referral-form-container .invite-item .invite-reward .invite-reward-header {
  background: #49464e;
  padding: 10px;
  text-align: center;
  color: white;
  font-size: 14px;
  font-weight: 500;
}
#referral-form-container .invite-item .invite-reward .invite-reward-content {
  padding: 15px 20px 0;
}
#referral-form-container .invite-item .invite-reward .invite-reward-content .coupon-code {
  background: white;
  width: fit-content;
  border-radius: 25px;
  padding-left: 20px;
  font-size: 15px;
  border: 1px black solid;
}
#referral-form-container .modal-container svg {
  max-width: 100px;
}

@media only screen and (min-width: 701px) {
#referral-form-container .referral-form, #referral-form-container .referral-disabled, #referral-form-container .referral-invites {
  width: 91.1vw;
  max-width: 600px;
  margin: auto;
}
}
#consent-success-form .coupon-code {
  background: white;
  width: fit-content;
  border-radius: 25px;
  padding-left: 20px;
  font-size: 15px;
  border: 1px black solid;
}
#consent-success-form .mx-auto {
  margin-left: auto;
  margin-right: auto;
}
#consent-success-form .modal-container svg {
  max-width: 100px;
}

@media only screen and (min-width: 701px) {
#consent-success-form {
  width: 91.1vw;
  max-width: 600px;
  margin: auto;
  padding: 4rem 0 2rem;
}
}
 @charset "UTF-8";
@import 'https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600&display=swap';
@font-face {
  font-family: "iqos-bold";
  src: url('../../../../../design/themes/kura/media/fonts/iqos/IQOSW01-Bold.woff2?1690945733') format("woff2"), url('../../../../../design/themes/kura/media/fonts/iqos/IQOSW01-Bold.woff?1690945733') format("woff");
  font-display: swap
}
@font-face {
  font-family: "iqos-light";
  src: url('../../../../../design/themes/kura/media/fonts/iqos/IQOSW02-Light.woff2?1690945733') format("woff2"), url('../../../../../design/themes/kura/media/fonts/iqos/IQOSW02-Light.woff?1690945733') format("woff");
  font-display: swap
}
@font-face {
  font-family: "iqos-regular";
  src: url('../../../../../design/themes/kura/media/fonts/iqos/IQOSW01-Regular.woff2?1690945733') format("woff2"), url('../../../../../design/themes/kura/media/fonts/iqos/IQOSW01-Regular.woff?1690945733') format("woff");
  font-display: swap
}
@font-face {
  font-family: "iqos";
  src: url('../../../../../design/themes/kura/media/fonts/iqos/IQOSW04-Bold.woff2?1690945733') format("woff2"), url('../../../../../design/themes/kura/media/fonts/iqos/IQOSW04-Bold.woff?1690945733') format("woff");
  font-display: swap;
  font-weight: 600
}
@font-face {
  font-family: "iqos";
  src: url('../../../../../design/themes/kura/media/fonts/iqos/IQOSW04-Light.woff2?1690945733') format("woff2"), url('../../../../../design/themes/kura/media/fonts/iqos/IQOSW04-Light.woff?1690945733') format("woff");
  font-display: swap;
  font-weight: 100
}
@font-face {
  font-family: "iqos";
  src: url('../../../../../design/themes/kura/media/fonts/iqos/IQOSW04-Regular.woff2?1690945733') format("woff2"), url('../../../../../design/themes/kura/media/fonts/iqos/IQOSW04-Regular.woff?1690945733') format("woff");
  font-display: swap;
  font-weight: 400
}
@font-face {
  font-family: 'Planer Regular';
  src: url('../media/fonts/NeoSansPanEu/NeoSansPanEu-Regular-v11.eot?#iefix') format('embedded-opentype'), url('../../../../../design/themes/kura/media/fonts/NeoSansPanEu/NeoSansPanEu-Regular-v11.woff?1690945733') format('woff'), url('../../../../../design/themes/kura/media/fonts/NeoSansPanEu/NeoSansPanEu-Regular-v11.ttf?1690945733') format('truetype'), url('../../../../../design/themes/kura/media/fonts/NeoSansPanEu/NeoSansPanEu-Regular-v11.woff2?1690945733') format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap
}
.planer {
  font-family: "Planer Regular"
}
.max-xxxs {
  max-width: 320px !important
}
.max-xxs {
  max-width: 375px !important
}
.max-xs {
  max-width: 640px !important
}
.max-sm {
  max-width: 840px !important
}
.max-md {
  max-width: 960px !important
}
.max-ml {
  max-width: 1024px !important
}
.max-lg {
  max-width: 1280px !important
}
.max-xl {
  max-width: 1366px !important
}
.max-2x {
  max-width: 1440px !important
}

@media (max-width: 959px) {
.mb-0-sd {
  margin-bottom: 0 !important
}
}
.mb-footer {
  margin-bottom: 95px
}
.mb-block {
  margin-bottom: 56px !important
}

@media (min-width: 960px) {
.mb-block {
  margin-bottom: 100px !important
}
}
.mb-spacing-xs {
  margin-bottom: 8px !important
}
.mb-spacing-s {
  margin-bottom: 16px !important
}
.mb-spacing-m {
  margin-bottom: 24px !important
}
.mb-spacing-l {
  margin-bottom: 32px !important
}
.mb-spacing-xl {
  margin-bottom: 40px !important
}
.mt-spacing-xs {
  margin-top: 8px !important
}
.mt-spacing-s {
  margin-top: 16px !important
}
.mt-spacing-m {
  margin-top: 24px !important
}
.mt-spacing-l {
  margin-top: 32px !important
}
.mt-spacing-xl {
  margin-top: 40px !important
}
.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important
}
.as-start {
  align-self: flex-start
}
.as-end {
  align-self: flex-end
}
/* Spectre.css v0.5.9 | MIT License | github.com/picturepan2/spectre */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}
body {
  margin: 0 auto;
}
article, aside, footer, header, nav, section {
  display: block
}
h1 {
  font-size: 2em;
  margin: 0.67em 0
}
figcaption, figure, main {
  display: block
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible
}
a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects
}
a:active, a:hover {
  outline-width: 0
}
address {
  font-style: normal
}
b, strong {
  font-weight: inherit
}
b, strong {
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold
}
code, kbd, pre, samp {
  font-family: "SF Mono", "Segoe UI Mono", "Roboto Mono", Menlo, Courier, monospace;
  font-size: 1em
}
dfn {
  font-style: italic
}
small {
  font-size: 80%;
  font-weight: 400
}
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}
sub {
  bottom: -0.25em
}
sup {
  top: -0.5em
}
audio, video {
  display: inline-block
}
audio:not([controls]) {
  display: none;
  height: 0
}
img {
  border-style: none;
  width: auto;
  height: auto
}
svg:not(:root) {
  overflow: hidden
}
button, input, optgroup, select, textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  margin: 0
}
button, input {
  overflow: visible
}
button, select {
  text-transform: none
}
button, html [type="button"], [type="reset"], [type="submit"] {
  -webkit-appearance: button
}
 button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
 border-style: none;
 padding: 0
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0
}
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal
}
progress {
  display: inline-block;
  vertical-align: baseline
}
textarea {
  overflow: auto
}
[type="checkbox"], [type="radio"] {
  box-sizing: border-box;
  padding: 0
}
 [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
 height: auto
}
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}
 [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
 -webkit-appearance: none
}

::-webkit-file-upload-button {
 -webkit-appearance: button;
 font: inherit
}
details, menu {
  display: block
}
summary {
  display: list-item;
  outline: none
}
canvas {
  display: inline-block
}
template {
  display: none
}
[hidden] {
  display: none
}
a:not(.btn):active, a:not(.btn):focus {
  outline: 0;
  border: none;
  -moz-outline-style: none;
  box-shadow: none
}
*, *::before, *::after {
  box-sizing: inherit
}
html {
  box-sizing: border-box;
  font-size: 20px;
  line-height: 1.5;
  -webkit-tap-highlight-color: transparent
}
body {
  background: #FFFDFB;
  color: #34303d;
  font-family: "iqos", "Open Sans", sans-serif;
  font-size: 0.8rem;
  text-rendering: optimizeLegibility;
  overflow-x: hidden
}
a {
  color: #34303d;
  outline: none;
  text-decoration: none
}
a:focus, a:hover, a:active, a.active {
  color: #1c1a20
}
figure {
  margin: 0
}
h1, h2, h3, h4, h5, h6 {
  color: inherit;
  line-height: 1.2;
  margin-bottom: 0.5em;
  margin-top: 0
}
h1, .h1 {
  font-size: 2rem
}
h2, .h2 {
  font-size: 1.6rem
}
h3, .h3 {
  font-size: 1.4rem
}
h4, .h4 {
  font-size: 1.2rem
}
h5, .h5 {
  font-size: 1rem
}
h6, .h6 {
  font-size: 0.8rem
}
p {
  margin: 0 0 1.2rem
}
a, ins, u {
  text-decoration-skip: ink edges
}
a {
  text-decoration: none
}
a:active, a:hover {
  outline-width: 0
}
abbr[title] {
  border-bottom: 0.05rem dotted;
  cursor: help;
  text-decoration: none
}
kbd {
  border-radius: 0.1rem;
  line-height: 1.25;
  padding: 0.1rem 0.2rem;
  background: #34303d;
  color: #ffffff;
  font-size: 0.7rem
}
mark {
  background: #ffe9b3;
  color: #34303d;
  border-bottom: 0.05rem solid #ffd367;
  border-radius: 0.1rem;
  padding: 0.05rem 0.1rem 0
}
blockquote {
  border-left: 0.1rem solid #dbd8e0;
  margin-left: 0;
  padding: 0.4rem 0.8rem
}
blockquote p:last-child {
  margin-bottom: 0
}
ul, ol {
  margin: 0.8rem 0 0.8rem 0.8rem;
  padding: 0
}
ul ul, ul ol, ol ul, ol ol {
  margin: 0.8rem 0 0.8rem 0.8rem
}
ul li, ol li {
  margin-top: 0.4rem
}
ul {
  list-style: disc inside
}
ul ul {
  list-style-type: circle
}
ol {
  list-style: decimal inside
}
ol ol {
  list-style-type: lower-alpha
}
dl dt {
  font-weight: bold
}
dl dd {
  margin: 0.4rem 0 0.8rem 0
}
.blk-title-big {
  font-size: 4rem;
  line-height: 1.2;
  letter-spacing: -1.07px;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold
}

@media (min-width: 960px) {
.blk-title-big {
  font-size: 11rem;
  letter-spacing: -2.93px
}
}
.blk-title-1 {
  font-size: 2rem;
  line-height: 1.2;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold
}

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

@media (min-width: 960px) {
.blk-title-2 {
  font-size: 4.8rem !important;
  letter-spacing: -0.064rem;
  line-height: 1.08
}
}
.blk-title-3 {
  font-size: 1.8rem !important;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold
}

@media (min-width: 960px) {
.blk-title-3 {
  font-size: 3.2rem !important
}
}
.blk-title-4 {
  font-size: 1.8rem !important;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold
}

@media (min-width: 960px) {
.blk-title-4 {
  font-size: 2.8rem !important
}
}
.blk-title-5 {
  font-size: 1.8rem !important;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold
}

@media (min-width: 960px) {
.blk-title-5 {
  font-size: 2.1rem !important
}
}
.blk-title-6 {
  font-size: 1.6rem !important;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold
}

@media (min-width: 960px) {
.blk-title-6 {
  font-size: 2.8rem !important
}
}
.blk-title-7 {
  font-size: 1.6rem !important;
  font-weight: bold;
  line-height: 1.25;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold
}

@media (min-width: 960px) {
.blk-title-7 {
  font-size: 2.1rem !important
}
}
.blk-title-8 {
  font-size: 1.6rem !important;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold
}

@media (min-width: 960px) {
.blk-title-8 {
  font-size: 2.8rem !important
}
}
.blk-small-title {
  font-size: 1.4rem !important;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold
}

@media (min-width: 960px) {
.blk-small-title {
  font-size: 2.1rem !important
}
}
.blk-small-title-2 {
  font-size: 1.4rem;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold
}

@media (min-width: 960px) {
.blk-small-title-2 {
  line-height: 1.3 !important;
  font-size: 1.6rem !important
}
}
.blk-small-title-3 {
  font-size: 1rem;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold
}
.blk-text-1 {
  font-size: 1.2rem;
  line-height: 1.33
}
.blk-text {
  font-size: 0.8rem !important;
  line-height: 1.5 !important
}
.blk-text-big {
  font-size: 1rem !important;
  line-height: 1.5 !important
}
.blk-text-smaller {
  font-size: 0.7rem !important;
  line-height: 1.43 !important;
  letter-spacing: 0.4px !important
}
.blk-text-small {
  font-size: 0.6rem !important;
  line-height: 1.666 !important
}
.t-slate {
  color: #34303d !important
}
.t-white {
  color: #FFFDFB !important
}
.t-gray-65 {
  color: #7b7881 !important
}
.bck-hard-white {
  background-color: #f6f4f0 !important
}
.t-normal {
  font-weight: normal !important
}
html:lang(zh), html:lang(zh-Hans), .lang-zh, .lang-zh-hans {
  font-family: "iqos", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Open Sans", sans-serif
}
html:lang(zh-Hant), .lang-zh-hant {
  font-family: "iqos", "PingFang TC", "Hiragino Sans CNS", "Microsoft JhengHei", "Open Sans", sans-serif
}
html:lang(ja), .lang-ja {
  font-family: "iqos", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Yu Gothic", YuGothic, Meiryo, "Open Sans", sans-serif
}
html:lang(ko), .lang-ko {
  font-family: "iqos", "Malgun Gothic", "Open Sans", sans-serif
}
:lang(zh) ins, :lang(zh) u, :lang(ja) ins, :lang(ja) u, .lang-cjk ins, .lang-cjk u {
  border-bottom: 0.05rem solid;
  text-decoration: none
}
:lang(zh) del+del, :lang(zh) del+s, :lang(zh) ins+ins, :lang(zh) ins+u, :lang(zh) s+del, :lang(zh) s+s, :lang(zh) u+ins, :lang(zh) u+u, :lang(ja) del+del, :lang(ja) del+s, :lang(ja) ins+ins, :lang(ja) ins+u, :lang(ja) s+del, :lang(ja) s+s, :lang(ja) u+ins, :lang(ja) u+u, .lang-cjk del+del, .lang-cjk del+s, .lang-cjk ins+ins, .lang-cjk ins+u, .lang-cjk s+del, .lang-cjk s+s, .lang-cjk u+ins, .lang-cjk u+u {
  margin-left: 0.125em
}
.table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  text-align: left
}
.table.table-striped tbody tr:nth-of-type(odd) {
  background: #f5f5f7
}
.table tbody tr.active, .table.table-striped tbody tr.active {
  background: #edecf0
}
.table.table-hover tbody tr:hover {
  background: #edecf0
}
.table.table-scroll {
  display: block;
  overflow-x: auto;
  padding-bottom: 0.75rem
}
.table td, .table th {
  border-bottom: 0.05rem solid #dbd8e0;
  padding: 0.6rem 0.4rem
}
.table th {
  border-bottom-width: 0.1rem
}
button {
  appearance: none
}
.label {
  border-radius: 0.1rem;
  line-height: 1.25;
  padding: 0.1rem 0.2rem;
  background: #edecf0;
  color: #403b4b;
  display: inline-block
}
.label.label-rounded {
  border-radius: 5rem;
  padding-left: 0.4rem;
  padding-right: 0.4rem
}
.label.label-primary {
  background: #34303d;
  color: #ffffff
}
.label.label-secondary {
  background: #918aa3;
  color: #34303d
}
.label.label-success {
  background: #32b643;
  color: #ffffff
}
.label.label-warning {
  background: #ffb700;
  color: #ffffff
}
.label.label-error {
  background: #e85600;
  color: #ffffff
}
code {
  border-radius: 0.1rem;
  line-height: 1.25;
  padding: 0.1rem 0.2rem;
  background: #fcf2f2;
  color: #d73e48;
  font-size: 85%
}
.code {
  border-radius: 0.1rem;
  color: #34303d;
  position: relative
}
.code::before {
  color: #c0bcca;
  content: attr(data-lang);
  font-size: 0.7rem;
  position: absolute;
  right: 0.4rem;
  top: 0.1rem
}
.code code {
  background: #f5f5f7;
  color: inherit;
  display: block;
  line-height: 1.5;
  overflow-x: auto;
  padding: 1rem;
  width: 100%
}
.img-responsive, .bgimage-title img, .js-carousel-product-images img {
  display: block;
  height: auto;
  max-width: 100%
}
.img-fit-cover {
  object-fit: cover
}
.img-fit-contain {
  object-fit: contain
}
.video-responsive {
  display: block;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 100%
}
.video-responsive::before {
  content: "";
  display: block;
  padding-bottom: 56.25%
}
.video-responsive iframe, .video-responsive object, .video-responsive embed {
  border: 0;
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%
}
video.video-responsive {
  height: auto;
  max-width: 100%
}
video.video-responsive::before {
  content: none
}
.video-responsive-4-3::before {
  padding-bottom: 75%
}
.video-responsive-1-1::before {
  padding-bottom: 100%
}
.figure {
  margin: 0 0 0.4rem 0
}
.figure .figure-caption {
  color: #716884;
  margin-top: 0.4rem
}
.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 0.4rem;
  padding-right: 0.4rem;
  width: 100%
}
.container.grid-xl {
  max-width: 1382px
}
.container.grid-lg {
  max-width: 1296px
}
.container.grid-md {
  max-width: 976px
}
.container.grid-sm {
  max-width: 856px
}
.container.grid-xs {
  max-width: 656px
}
.show-xs, .show-sm, .show-md, .show-lg, .show-xl {
  display: none !important
}
.cols, .columns {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.4rem;
  margin-right: -0.4rem
}
.cols.col-gapless, .columns.col-gapless {
  margin-left: 0;
  margin-right: 0
}
.cols.col-gapless>.column, .columns.col-gapless>.column {
  padding-left: 0;
  padding-right: 0
}
.cols.col-oneline, .columns.col-oneline {
  flex-wrap: nowrap;
  overflow-x: auto
}
.cols.justify-content-center, .columns.justify-content-center {
  justify-content: center
}

@media (min-width: 640px) {
.cols.row-reverse-xs, .columns.row-reverse-xs {
  flex-direction: row-reverse
}
}
[class~="col-"], .column {
  flex: 1;
  max-width: 100%;
  padding-left: 0.4rem;
  padding-right: 0.4rem
}
[class~="col-"].col-12, [class~="col-"].col-11, [class~="col-"].col-10, [class~="col-"].col-9, [class~="col-"].col-8, [class~="col-"].col-7, [class~="col-"].col-6, [class~="col-"].col-5, [class~="col-"].col-4, [class~="col-"].col-3, [class~="col-"].col-2, [class~="col-"].col-1, [class~="col-"].col-auto, .column.col-12, .column.col-11, .column.col-10, .column.col-9, .column.col-8, .column.col-7, .column.col-6, .column.col-5, .column.col-4, .column.col-3, .column.col-2, .column.col-1, .column.col-auto {
  flex: none
}
.col-12 {
  width: 100%
}
.col-11 {
  width: 91.66666667%
}
.col-10 {
  width: 83.33333333%
}
.col-9 {
  width: 75%
}
.col-8 {
  width: 66.66666667%
}
.col-7 {
  width: 58.33333333%
}
.col-6 {
  width: 50%
}
.col-5 {
  width: 41.66666667%
}
.col-4 {
  width: 33.33333333%
}
.col-3 {
  width: 25%
}
.col-2 {
  width: 16.66666667%
}
.col-1 {
  width: 8.33333333%
}
.col-auto {
  flex: 0 0 auto;
  max-width: none;
  width: auto
}
.col-mx-auto {
  margin-left: auto;
  margin-right: auto
}
.col-ml-auto {
  margin-left: auto
}
.col-mr-auto {
  margin-right: auto
}

@media (max-width: 1365px) {
.col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-xl-auto {
  flex: none
}
.col-xl-12 {
  width: 100%
}
.col-xl-11 {
  width: 91.66666667%
}
.col-xl-10 {
  width: 83.33333333%
}
.col-xl-9 {
  width: 75%
}
.col-xl-8 {
  width: 66.66666667%
}
.col-xl-7 {
  width: 58.33333333%
}
.col-xl-6 {
  width: 50%
}
.col-xl-5 {
  width: 41.66666667%
}
.col-xl-4 {
  width: 33.33333333%
}
.col-xl-3 {
  width: 25%
}
.col-xl-2 {
  width: 16.66666667%
}
.col-xl-1 {
  width: 8.33333333%
}
.col-xl-auto {
  width: auto
}
.hide-xl {
  display: none !important
}
.show-xl {
  display: block !important
}
}

@media (max-width: 1279px) {
.col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-lg-auto {
  flex: none
}
.col-lg-12 {
  width: 100%
}
.col-lg-11 {
  width: 91.66666667%
}
.col-lg-10 {
  width: 83.33333333%
}
.col-lg-9 {
  width: 75%
}
.col-lg-8 {
  width: 66.66666667%
}
.col-lg-7 {
  width: 58.33333333%
}
.col-lg-6 {
  width: 50%
}
.col-lg-5 {
  width: 41.66666667%
}
.col-lg-4 {
  width: 33.33333333%
}
.col-lg-3 {
  width: 25%
}
.col-lg-2 {
  width: 16.66666667%
}
.col-lg-1 {
  width: 8.33333333%
}
.col-lg-auto {
  width: auto
}
.hide-lg {
  display: none !important
}
.show-lg {
  display: block !important
}
}

@media (max-width: 959px) {
.col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-md-auto {
  flex: none
}
.col-md-12 {
  width: 100%
}
.col-md-11 {
  width: 91.66666667%
}
.col-md-10 {
  width: 83.33333333%
}
.col-md-9 {
  width: 75%
}
.col-md-8 {
  width: 66.66666667%
}
.col-md-7 {
  width: 58.33333333%
}
.col-md-6 {
  width: 50%
}
.col-md-5 {
  width: 41.66666667%
}
.col-md-4 {
  width: 33.33333333%
}
.col-md-3 {
  width: 25%
}
.col-md-2 {
  width: 16.66666667%
}
.col-md-1 {
  width: 8.33333333%
}
.col-md-auto {
  width: auto
}
.hide-md {
  display: none !important
}
.show-md {
  display: block !important
}
}

@media (max-width: 839px) {
.col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col-sm-auto {
  flex: none
}
.col-sm-12 {
  width: 100%
}
.col-sm-11 {
  width: 91.66666667%
}
.col-sm-10 {
  width: 83.33333333%
}
.col-sm-9 {
  width: 75%
}
.col-sm-8 {
  width: 66.66666667%
}
.col-sm-7 {
  width: 58.33333333%
}
.col-sm-6 {
  width: 50%
}
.col-sm-5 {
  width: 41.66666667%
}
.col-sm-4 {
  width: 33.33333333%
}
.col-sm-3 {
  width: 25%
}
.col-sm-2 {
  width: 16.66666667%
}
.col-sm-1 {
  width: 8.33333333%
}
.col-sm-auto {
  width: auto
}
.hide-sm {
  display: none !important
}
.show-sm {
  display: block !important
}
}

@media (max-width: 639px) {
.col-xs-12, .col-xs-11, .col-xs-10, .col-xs-9, .col-xs-8, .col-xs-7, .col-xs-6, .col-xs-5, .col-xs-4, .col-xs-3, .col-xs-2, .col-xs-1, .col-xs-auto {
  flex: none
}
.col-xs-12 {
  width: 100%
}
.col-xs-11 {
  width: 91.66666667%
}
.col-xs-10 {
  width: 83.33333333%
}
.col-xs-9 {
  width: 75%
}
.col-xs-8 {
  width: 66.66666667%
}
.col-xs-7 {
  width: 58.33333333%
}
.col-xs-6 {
  width: 50%
}
.col-xs-5 {
  width: 41.66666667%
}
.col-xs-4 {
  width: 33.33333333%
}
.col-xs-3 {
  width: 25%
}
.col-xs-2 {
  width: 16.66666667%
}
.col-xs-1 {
  width: 8.33333333%
}
.col-xs-auto {
  width: auto
}
.hide-xs {
  display: none !important
}
.show-xs {
  display: block !important
}
}
.hero {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-bottom: 4rem;
  padding-top: 4rem
}
.hero.hero-sm {
  padding-bottom: 2rem;
  padding-top: 2rem
}
.hero.hero-lg {
  padding-bottom: 8rem;
  padding-top: 8rem
}
.hero .hero-body {
  padding: 0.4rem
}
.navbar {
  align-items: stretch;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}
.navbar .navbar-section {
  align-items: center;
  display: flex;
  flex: 1 0 0
}
.navbar .navbar-section:not(:first-child):last-child {
  justify-content: flex-end
}
.navbar .navbar-center {
  align-items: center;
  display: flex;
  flex: 0 0 auto
}
.navbar .navbar-brand {
  font-size: 0.9rem;
  text-decoration: none
}
.accordion input:checked~.accordion-header>.icon:first-child, .accordion[open] .accordion-header>.icon:first-child {
  transform: rotate(90deg)
}
.accordion input:checked~.accordion-body, .accordion[open] .accordion-body {
  max-height: 50rem
}
.accordion .accordion-header {
  display: block;
  padding: 0.2rem 0.4rem
}
.accordion .accordion-header .icon {
  transition: transform 0.25s
}
.accordion .accordion-body {
  margin-bottom: 0.4rem;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.25s
}
 summary.accordion-header::-webkit-details-marker {
 display: none
}
.avatar {
  font-size: 0.8rem;
  height: 1.6rem;
  width: 1.6rem;
  background: #34303d;
  border-radius: 50%;
  color: rgba(255, 255, 255, 0.85);
  display: inline-block;
  font-weight: 300;
  line-height: 1.25;
  margin: 0;
  position: relative;
  vertical-align: middle
}
.avatar.avatar-xs {
  font-size: 0.4rem;
  height: 0.8rem;
  width: 0.8rem
}
.avatar.avatar-sm {
  font-size: 0.6rem;
  height: 1.2rem;
  width: 1.2rem
}
.avatar.avatar-lg {
  font-size: 1.2rem;
  height: 2.4rem;
  width: 2.4rem
}
.avatar.avatar-xl {
  font-size: 1.6rem;
  height: 3.2rem;
  width: 3.2rem
}
.avatar img {
  border-radius: 50%;
  height: 100%;
  position: relative;
  width: 100%;
  z-index: 1
}
.avatar .avatar-icon, .avatar .avatar-presence {
  background: #ffffff;
  bottom: 14.64%;
  height: 50%;
  padding: 0.1rem;
  position: absolute;
  right: 14.64%;
  transform: translate(50%, 50%);
  width: 50%;
  z-index: 2
}
.avatar .avatar-presence {
  background: #c0bcca;
  box-shadow: 0 0 0 0.1rem #ffffff;
  border-radius: 50%;
  height: 0.5em;
  width: 0.5em
}
.avatar .avatar-presence.online {
  background: #32b643
}
.avatar .avatar-presence.busy {
  background: #e85600
}
.avatar .avatar-presence.away {
  background: #ffb700
}
.avatar[data-initial]::before {
  color: currentColor;
  content: attr(data-initial);
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1
}
img.captcha {
  margin-left: 0.4rem;
  margin-right: 0.4rem;
  vertical-align: middle
}
.breadcrumb {
  list-style: none;
  margin: 0.2rem 0;
  padding: 0.2rem 0
}
.breadcrumb .breadcrumb-item {
  color: #716884;
  display: inline-block;
  margin: 0;
  padding: 0.2rem 0
}
.breadcrumb .breadcrumb-item:not(:last-child) {
  margin-right: 0.2rem
}
.breadcrumb .breadcrumb-item:not(:last-child) a {
  color: #716884
}
.breadcrumb .breadcrumb-item:not(:first-child)::before {
  color: #716884;
  content: "/";
  padding-right: 0.4rem
}
.bar {
  background: #edecf0;
  border-radius: 0.1rem;
  display: flex;
  flex-wrap: nowrap;
  height: 0.8rem;
  width: 100%
}
.bar.bar-sm {
  height: 0.2rem
}
.bar .bar-item {
  background: #34303d;
  color: #ffffff;
  display: block;
  font-size: 0.7rem;
  flex-shrink: 0;
  line-height: 0.8rem;
  height: 100%;
  position: relative;
  text-align: center;
  width: 0
}
.bar .bar-item:first-child {
  border-bottom-left-radius: 0.1rem;
  border-top-left-radius: 0.1rem
}
.bar .bar-item:last-child {
  border-bottom-right-radius: 0.1rem;
  border-top-right-radius: 0.1rem;
  flex-shrink: 1
}
.bar-slider {
  height: 0.1rem;
  margin: 0.4rem 0;
  position: relative
}
.bar-slider .bar-item {
  left: 0;
  padding: 0;
  position: absolute
}
.bar-slider .bar-item:not(:last-child):first-child {
  background: #edecf0;
  z-index: 1
}
.bar-slider .bar-slider-btn {
  background: #34303d;
  border: 0;
  border-radius: 50%;
  height: 0.6rem;
  padding: 0;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(50%, -50%);
  width: 0.6rem
}
.bar-slider .bar-slider-btn:active {
  box-shadow: 0 0 0 0.1rem #34303d
}
.card {
  background: #ffffff;
  border: 0.05rem solid #dbd8e0;
  border-radius: 0.1rem;
  display: flex;
  flex-direction: column
}
.card .card-header, .card .card-body, .card .card-footer {
  padding: 0.8rem;
  padding-bottom: 0
}
.card .card-header:last-child, .card .card-body:last-child, .card .card-footer:last-child {
  padding-bottom: 0.8rem
}
.card .card-body {
  flex: 1 1 auto
}
.card .card-image {
  padding-top: 0.8rem
}
.card .card-image:first-child {
  padding-top: 0
}
.card .card-image:first-child img {
  border-top-left-radius: 0.1rem;
  border-top-right-radius: 0.1rem
}
.card .card-image:last-child img {
  border-bottom-left-radius: 0.1rem;
  border-bottom-right-radius: 0.1rem
}
.chip {
  align-items: center;
  background: #edecf0;
  border-radius: 5rem;
  display: inline-flex;
  font-size: 90%;
  height: 1.2rem;
  line-height: 0.8rem;
  margin: 0.1rem;
  max-width: 320px;
  overflow: hidden;
  padding: 0.2rem 0.4rem;
  text-decoration: none;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap
}
.chip.active {
  background: #34303d;
  color: #ffffff
}
.chip .avatar {
  margin-left: -0.4rem;
  margin-right: 0.2rem
}
.chip .btn-clear {
  border-radius: 50%;
  transform: scale(0.75)
}
.dropdown {
  display: inline-block;
  position: relative
}
.dropdown .menu {
  animation: slide-down 0.15s ease 1;
  display: none;
  left: 0;
  max-height: 50vh;
  overflow-y: auto;
  position: absolute;
  top: 100%
}
.dropdown.dropdown-right .menu {
  left: auto;
  right: 0
}
.dropdown.active .menu, .dropdown .dropdown-toggle:focus+.menu, .dropdown .menu:hover {
  display: block
}
.dropdown .btn-group .dropdown-toggle:nth-last-child(2) {
  border-bottom-right-radius: 0.1rem;
  border-top-right-radius: 0.1rem
}
.empty {
  background: #f5f5f7;
  border-radius: 0.1rem;
  color: #716884;
  text-align: center;
  padding: 3.2rem 1.6rem
}
.empty .empty-icon {
  margin-bottom: 0.8rem
}
.empty .empty-title, .empty .empty-subtitle {
  margin: 0.4rem auto
}
.empty .empty-action {
  margin-top: 0.8rem
}
.form-autocomplete {
  position: relative
}
.form-autocomplete .ajax-popup-tools {
  position: absolute;
  border-left: 2px solid #34303d;
  border-right: 2px solid #34303d;
  border-bottom: 2px solid #34303d;
  box-shadow: none;
  width: 100%;
  top: 100%;
  max-height: 200px;
  overflow-y: auto;
  z-index: 300
}
.form-autocomplete .ajax-popup-tools ul li.cm-ajax-content-more {
  height: 32px;
  width: 32px;
  padding: 16px
}
.form-autocomplete .menu {
  background: #ffffff;
  border-radius: 0.1rem;
  list-style: none;
  margin: 0;
  min-width: 180px;
  padding: 0;
  z-index: 300
}
.form-autocomplete .menu.menu-nav {
  background: transparent;
  box-shadow: none
}
.form-autocomplete .menu .menu-item {
  margin-top: 0;
  position: relative;
  text-decoration: none
}
.form-autocomplete .menu .menu-item.ui-state-active {
  background: transparent !important;
  border: 0 !important
}
.form-autocomplete .menu .menu-item.ui-state-active>a {
  background: #edecf0;
  color: #34303d
}
.form-autocomplete .menu .menu-item>a {
  color: inherit;
  display: block;
  margin: 0;
  padding: 0.8rem;
  text-decoration: none;
  cursor: pointer;
  user-select: none
}
.form-autocomplete .menu .menu-item>a:focus, .form-autocomplete .menu .menu-item>a:hover {
  background: #f5f5f7;
  color: #34303d
}
.form-autocomplete .menu .menu-item>a:active, .form-autocomplete .menu .menu-item>a.active {
  background: #edecf0;
  color: #34303d
}
.form-autocomplete .menu .menu-item .form-checkbox, .form-autocomplete .menu .menu-item .form-radio, .form-autocomplete .menu .menu-item .form-switch {
  margin: 0.1rem 0
}
.form-autocomplete .menu .menu-item+.menu-item {
  margin-top: 0
}
.form-autocomplete .menu .menu-badge {
  align-items: center;
  display: flex;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0
}
.form-autocomplete .menu .menu-badge .label {
  margin-right: 0.8rem
}
html.modal_opened {
  overflow: hidden
}
.modal {
  align-items: center;
  bottom: 0;
  display: none;
  justify-content: center;
  left: 0;
  opacity: 0;
  overflow: hidden;
  padding: 1rem;
  position: fixed;
  right: 0;
  top: 0
}
.modal:target, .modal.active {
  display: flex;
  opacity: 1;
  z-index: 400
}
.modal:target .modal-overlay, .modal.active .modal-overlay {
  background: #524f5a;
  opacity: 0.76;
  bottom: 0;
  cursor: default;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  appearance: none;
  border: none;
  outline: none;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%
}
.modal:target .modal-container, .modal.active .modal-container {
  animation: slide-down 0.2s ease 1;
  z-index: 1
}
.modal .btn-close {
  position: absolute;
  z-index: 3;
  top: 20px;
  right: 20px;
  font-size: 1rem
}

@media (min-width: 960px) {
.modal .btn-close {
  top: 1.8rem;
  right: 1.8rem
}
}
.modal .btn-close::after {
  content: none
}
.modal .mCSB_container {
  text-align: inherit
}
.modal .mCSB_outside+.mCSB_scrollTools {
  right: -16px;
  width: 6px
}
.modal .loading {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}
.modal.modal-warning .actions-wrapper {
  margin-top: 1rem
}
.modal.modal-sm .modal-container {
  max-width: 320px;
  padding: 0 0.4rem
}
.modal.modal-s .modal-container {
  max-width: 420px
}

@media (min-width: 960px) {
.modal.modal-s .modal-container {
  max-width: 640px
}
.modal.modal-s .modal-container .modal-body {
  padding: 1.9rem 4.8rem
}
}
.modal.modal-lg .modal-container {
  box-shadow: none;
  max-width: 960px
}
.modal.modal-xl .modal-container {
  box-shadow: none;
  max-width: 1280px
}

@media (max-width: 767px) {
.modal.modal-fullscreen-mobile {
  padding: 0;
  min-height: -webkit-fill-available;
  height: -webkit-fill-available
}
.modal.modal-fullscreen-mobile .modal-container {
  max-height: 100vh;
  min-height: -webkit-fill-available;
  height: -webkit-fill-available;
  justify-content: center;
  padding: 0
}
}
.modal-container {
  box-shadow: 0 0.2rem 0.5rem rgba(52, 48, 61, 0.3);
  background: #FFFDFB;
  display: flex;
  flex-direction: column;
  max-height: 80vh;
  max-width: 640px;
  padding: 0.8rem 0.8rem;
  width: 100%;
  position: relative
}
.modal-container.modal-fullheight {
  max-height: 100vh
}
.modal-container .modal-header {
  color: #34303d;
  padding: 1rem 0.2rem 1rem 0.8rem
}
.modal-container .modal-body {
  overflow-y: auto;
  padding: 0.8rem;
  position: relative
}
.modal-container .modal-body.js-scroll-modal-body {
  overflow-y: hidden !important;
  padding: 0 !important
}
.modal-container .modal-body.js-scroll-modal-body .mCSB_container {
  padding: 0 0.8rem
}
.modal-container .modal-body .content {
  transition: opacity 0.3s
}
.modal-container .modal-body p:last-of-type, .modal-container .modal-body ul:last-of-type {
  margin-bottom: 0
}
.modal-container .modal-body img {
  max-width: 100%
}
.modal-container .modal-footer {
  padding: 0.8rem;
  text-align: right
}
.modal-container .actions-wrapper .btn+.btn, .modal-container .actions-wrapper .ui_558574+.btn, .modal-container .actions-wrapper .ui_558574+.ui_558574, .modal-container .actions-wrapper .ui_558574+.ui_517427, .modal-container .actions-wrapper .ui_558574+.ui_464917, .modal-container .actions-wrapper .ui_517427+.btn, .modal-container .actions-wrapper .ui_517427+.ui_558574, .modal-container .actions-wrapper .ui_517427+.ui_517427, .modal-container .actions-wrapper .ui_517427+.ui_464917, .modal-container .actions-wrapper .ui_464917+.btn, .modal-container .actions-wrapper .ui_464917+.ui_558574, .modal-container .actions-wrapper .ui_464917+.ui_517427, .modal-container .actions-wrapper .ui_464917+.ui_464917, .modal-container .actions-wrapper .btn+.ui_558574, .modal-container .actions-wrapper .btn+.ui_517427, .modal-container .actions-wrapper .btn+.ui_464917 {
  margin-left: 20px
}
.nav {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: 0.2rem 0
}
.nav .nav-item a {
  color: #716884;
  padding: 0.2rem 0.4rem;
  text-decoration: none
}
.nav .nav-item a:focus, .nav .nav-item a:hover {
  color: #34303d
}
.nav .nav-item.active>a {
  color: #585268;
  font-weight: bold
}
.nav .nav-item.active>a:focus, .nav .nav-item.active>a:hover {
  color: #34303d
}
.nav .nav {
  margin-bottom: 0.4rem;
  margin-left: 0.8rem
}
.pagination {
  display: flex;
  list-style: none;
  margin: 0.2rem 0;
  padding: 0.2rem 0;
  justify-content: center;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: normal
}
.pagination .page-item {
  margin: 0 0.4rem
}
.pagination .page-item:first-child img, .pagination .page-item:last-child img {
  width: 16px;
  height: 16px
}
.pagination .page-item:first-child {
  margin-left: 0;
  margin-right: 0.8rem
}
.pagination .page-item:last-child {
  margin-right: 0;
  margin-left: 0.8rem
}
.pagination .page-item span {
  display: flex;
  height: 1.6rem;
  width: 1.6rem;
  align-items: center;
  justify-content: center
}
.pagination .page-item a {
  border-radius: 50%;
  display: flex;
  height: 1.6rem;
  width: 1.6rem;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  background-color: transparent;
  transition: all 0.3s ease-in-out;
  color: #34303d
}
.pagination .page-item a:focus, .pagination .page-item a:hover {
  background-color: #f6f4f0
}
.pagination .page-item.disabled a {
  cursor: default;
  opacity: 0.5;
  pointer-events: none
}
.pagination .page-item.active a {
  background: #00D1D2;
  color: #34303d;
  font-weight: bold
}
.pagination .page-item.page-prev, .pagination .page-item.page-next {
  flex: 1 0 50%
}
.pagination .page-item.page-next {
  text-align: right
}
.pagination .page-item .page-item-title {
  margin: 0
}
.pagination .page-item .page-item-subtitle {
  margin: 0;
  opacity: 0.5
}
.panel {
  border: 0.05rem solid #dbd8e0;
  border-radius: 0.1rem;
  display: flex;
  flex-direction: column
}
.panel .panel-header, .panel .panel-footer {
  flex: 0 0 auto;
  padding: 0.8rem
}
.panel .panel-nav {
  flex: 0 0 auto
}
.panel .panel-body {
  flex: 1 1 auto;
  overflow-y: auto;
  padding: 0 0.8rem
}
.popover {
  display: inline-block;
  position: relative
}
.popover .popover-container {
  left: 50%;
  opacity: 0;
  padding: 0.4rem;
  position: absolute;
  top: 0;
  transform: translate(-50%, -50%) scale(0);
  transition: transform 0.2s;
  width: 320px;
  z-index: 300
}
.popover *:focus+.popover-container, .popover:hover .popover-container {
  display: block;
  opacity: 1;
  transform: translate(-50%, -100%) scale(1)
}
.popover.popover-right .popover-container {
  left: 100%;
  top: 50%
}
.popover.popover-right *:focus+.popover-container, .popover.popover-right:hover .popover-container {
  transform: translate(0, -50%) scale(1)
}
.popover.popover-bottom .popover-container {
  left: 50%;
  top: 100%
}
.popover.popover-bottom *:focus+.popover-container, .popover.popover-bottom:hover .popover-container {
  transform: translate(-50%, 0) scale(1)
}
.popover.popover-left .popover-container {
  left: 0;
  top: 50%
}
.popover.popover-left *:focus+.popover-container, .popover.popover-left:hover .popover-container {
  transform: translate(-100%, -50%) scale(1)
}
.popover .card {
  box-shadow: 0 0.2rem 0.5rem rgba(52, 48, 61, 0.3);
  border: 0
}
.step {
  display: flex;
  flex-wrap: nowrap;
  list-style: none;
  margin: 0.2rem 0;
  width: 100%
}
.step .step-item {
  flex: 1 1 0;
  margin-top: 0;
  min-height: 1rem;
  text-align: center;
  position: relative
}
.step .step-item:not(:first-child)::before {
  background: #34303d;
  content: "";
  height: 2px;
  left: -50%;
  position: absolute;
  top: 9px;
  width: 100%
}
.step .step-item a {
  color: #34303d;
  display: inline-block;
  padding: 20px 10px 0;
  text-decoration: none
}
.step .step-item a::before {
  background: #34303d;
  border: 0.1rem solid #ffffff;
  border-radius: 50%;
  content: "";
  display: block;
  height: 0.6rem;
  left: 50%;
  position: absolute;
  top: 0.2rem;
  transform: translateX(-50%);
  width: 0.6rem;
  z-index: 1
}
.step .step-item.active a::before {
  background: #ffffff;
  border: 0.1rem solid #34303d
}
.step .step-item.active~.step-item::before {
  background: #dbd8e0
}
.step .step-item.active~.step-item a {
  color: #c0bcca
}
.step .step-item.active~.step-item a::before {
  background: #dbd8e0
}
.tab {
  align-items: center;
  border-bottom: 0.05rem solid #dbd8e0;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0.2rem 0 0.15rem 0
}
.tab .tab-item {
  margin-top: 0
}
.tab .tab-item a {
  border-bottom: 0.1rem solid transparent;
  color: inherit;
  display: block;
  margin: 0 0.4rem 0 0;
  padding: 0.4rem 0.2rem 0.3rem 0.2rem;
  text-decoration: none
}
.tab .tab-item a:focus, .tab .tab-item a:hover {
  color: #34303d
}
.tab .tab-item.active a, .tab .tab-item a.active {
  border-bottom-color: #34303d;
  color: #34303d
}
.tab .tab-item.tab-action {
  flex: 1 0 auto;
  text-align: right
}
.tab .tab-item .btn-clear {
  margin-top: -0.2rem
}
.tab.tab-block .tab-item {
  flex: 1 0 0;
  text-align: center
}
.tab.tab-block .tab-item a {
  margin: 0
}
.tab.tab-block .tab-item .badge[data-badge]::after {
  position: absolute;
  right: 0.1rem;
  top: 0.1rem;
  transform: translate(0, 0)
}
.tab:not(.tab-block) .badge {
  padding-right: 0
}
.tile {
  align-content: space-between;
  align-items: flex-start;
  display: flex
}
.tile .tile-icon, .tile .tile-action {
  flex: 0 0 auto
}
.tile .tile-content {
  flex: 1 1 auto
}
.tile .tile-content:not(:first-child) {
  padding-left: 0.4rem
}
.tile .tile-content:not(:last-child) {
  padding-right: 0.4rem
}
.tile .tile-title, .tile .tile-subtitle {
  line-height: 1.2rem
}
.tile.tile-centered {
  align-items: center
}
.tile.tile-centered .tile-content {
  overflow: hidden
}
.tile.tile-centered .tile-title, .tile.tile-centered .tile-subtitle {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 0
}
.toast {
  background: rgba(52, 48, 61, 0.95);
  border-color: #34303d;
  border: 0.05rem solid #34303d;
  border-radius: 0.1rem;
  display: block;
  padding: 0.4rem;
  width: 100%
}
.toast.toast-primary {
  background: rgba(52, 48, 61, 0.95);
  border-color: #34303d
}
.toast.toast-success {
  background: rgba(50, 182, 67, 0.95);
  border-color: #32b643
}
.toast.toast-warning {
  background: rgba(255, 183, 0, 0.95);
  border-color: #ffb700
}
.toast.toast-error {
  background: rgba(232, 86, 0, 0.95);
  border-color: #e85600
}
.toast a {
  text-decoration: underline
}
.toast a:focus, .toast a:hover, .toast a:active, .toast a.active {
  opacity: 0.75
}
.toast .btn-clear {
  margin: 0.1rem
}
.toast p:last-child {
  margin-bottom: 0
}
.tooltip {
  position: relative
}
.tooltip::after {
  background: rgba(52, 48, 61, 0.95);
  border-radius: 0.1rem;
  bottom: 100%;
  color: #ffffff;
  content: attr(data-tooltip);
  display: block;
  font-size: 0.7rem;
  left: 50%;
  max-width: 320px;
  opacity: 0;
  overflow: hidden;
  padding: 0.2rem 0.4rem;
  pointer-events: none;
  position: absolute;
  text-overflow: ellipsis;
  transform: translate(-50%, 0.4rem);
  transition: opacity 0.2s, transform 0.2s;
  white-space: pre;
  z-index: 300
}
.tooltip:focus::after, .tooltip:hover::after {
  opacity: 1;
  transform: translate(-50%, -0.2rem)
}
.tooltip[disabled], .tooltip.disabled {
  pointer-events: auto
}
.tooltip.tooltip-right::after {
  bottom: 50%;
  left: 100%;
  transform: translate(-0.2rem, 50%)
}
.tooltip.tooltip-right:focus::after, .tooltip.tooltip-right:hover::after {
  transform: translate(0.2rem, 50%)
}
.tooltip.tooltip-bottom::after {
  bottom: auto;
  top: 100%;
  transform: translate(-50%, -0.4rem)
}
.tooltip.tooltip-bottom:focus::after, .tooltip.tooltip-bottom:hover::after {
  transform: translate(-50%, 0.2rem)
}
.tooltip.tooltip-left::after {
  bottom: 50%;
  left: auto;
  right: 100%;
  transform: translate(0.4rem, 50%)
}
.tooltip.tooltip-left:focus::after, .tooltip.tooltip-left:hover::after {
  transform: translate(-0.2rem, 50%)
}

@media (max-width: 639px) {
.tooltip.xs-position--left::after, .tooltip.xs-position--right::after {
  transition: unset !important
}
.tooltip.xs-position--left:focus::after, .tooltip.xs-position--left:hover::after, .tooltip.xs-position--right:focus::after, .tooltip.xs-position--right:hover::after {
  transform: translate(0, -0.2rem)
}
.tooltip.xs-position--right::after {
  left: initial;
  right: 0
}
.tooltip.xs-position--left::after {
  left: 0;
  right: initial
}
}
 @keyframes loading {
 0% {
 transform: rotate(0deg)
}
 100% {
 transform: rotate(360deg)
}
}
 @keyframes slide-down {
 0% {
 opacity: 0;
 transform: translateY(-1.6rem)
}
 100% {
 opacity: 1;
 transform: translateY(0)
}
}
 @keyframes right-to-left {
 25% {
 left: 0px;
 top: 0px
}
 0% {
 left: 200px;
 top: 0px
}
}
.text-primary {
  color: #34303d !important
}
a.text-primary:focus, a.text-primary:hover {
  color: #28252f
}
a.text-primary:visited {
  color: #403b4b
}
.text-secondary {
  color: #89819c !important
}
a.text-secondary:focus, a.text-secondary:hover {
  color: #7c7391
}
a.text-secondary:visited {
  color: #978fa7
}
.text-gray {
  color: #c0bcca !important
}
a.text-gray:focus, a.text-gray:hover {
  color: #b3adbf
}
a.text-gray:visited {
  color: #cdcad5
}
.text-light {
  color: #ffffff !important
}
a.text-light:focus, a.text-light:hover {
  color: #f2f2f2
}
a.text-light:visited {
  color: white
}
.text-dark {
  color: #34303d !important
}
a.text-dark:focus, a.text-dark:hover {
  color: #28252f
}
a.text-dark:visited {
  color: #403b4b
}
.text-success {
  color: #32b643 !important
}
a.text-success:focus, a.text-success:hover {
  color: #2da23c
}
a.text-success:visited {
  color: #39c94b
}
.text-warning {
  color: #ffb700 !important
}
a.text-warning:focus, a.text-warning:hover {
  color: #e6a500
}
a.text-warning:visited {
  color: #ffbe1a
}
.text-error {
  color: #e85600 !important
}
a.text-error:focus, a.text-error:hover {
  color: #cf4d00
}
a.text-error:visited {
  color: #ff6002
}
.bg-primary {
  background: #34303d !important;
  color: #ffffff
}
.bg-secondary {
  background: #918aa3 !important;
  color: #ffffff
}
.bg-dark {
  background: #34303d !important;
  color: #ffffff
}
.bg-gray {
  background: #f5f5f7 !important
}
.bg-success {
  background: #32b643 !important;
  color: #ffffff
}
.bg-warning {
  background: #ffb700 !important;
  color: #ffffff
}
.bg-error {
  background: #e85600 !important;
  color: #ffffff
}
.c-hand {
  cursor: pointer
}
.c-move {
  cursor: move
}
.c-zoom-in {
  cursor: zoom-in
}
.c-zoom-out {
  cursor: zoom-out
}
.c-not-allowed {
  cursor: not-allowed
}
.c-auto {
  cursor: auto
}
.d-block {
  display: block
}
.d-inline {
  display: inline
}
.d-inline-block {
  display: inline-block
}
.d-flex {
  display: flex
}
.d-inline-flex {
  display: inline-flex
}
.d-none, .d-hide, .hide, .hidden {
  display: none !important
}
.d-visible {
  visibility: visible
}
.d-invisible {
  visibility: hidden
}
.hidden-content {
  opacity: 0 !important
}
.text-hide {
  background: transparent;
  border: 0;
  color: transparent;
  font-size: 0;
  line-height: 0;
  text-shadow: none
}
.text-assistive {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px
}
.hide-scrollbar {
  scrollbar-width: none;
  -ms-overflow-style: -ms-autohiding-scrollbar
}
 .hide-scrollbar::-webkit-scrollbar {
 display: none
}
.divider, .divider-vert {
  display: block;
  position: relative
}
.divider[data-content]::after, .divider-vert[data-content]::after {
  background: #ffffff;
  color: #c0bcca;
  content: attr(data-content);
  display: inline-block;
  font-size: 0.7rem;
  padding: 0 0.4rem;
  transform: translateY(-0.65rem)
}
.divider {
  border-top: 0.05rem solid #f0eff2;
  height: 0.05rem;
  margin: 0.4rem 0
}
.divider[data-content] {
  margin: 0.8rem 0
}
.divider-vert {
  display: block;
  padding: 0.8rem
}
.divider-vert::before {
  border-left: 0.05rem solid #dbd8e0;
  bottom: 0.4rem;
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  top: 0.4rem;
  transform: translateX(-50%)
}
.divider-vert[data-content]::after {
  left: 50%;
  padding: 0.2rem 0;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%)
}
.loading {
  color: transparent !important;
  min-height: 0.8rem;
  pointer-events: initial;
  position: relative
}
.loading::after {
  animation: loading 500ms infinite linear;
  background: transparent;
  border: 0.1rem solid #34303d;
  border-radius: 50%;
  border-right-color: transparent;
  border-top-color: transparent;
  content: "";
  display: block;
  height: 0.8rem;
  left: 50%;
  margin-left: -0.4rem;
  margin-top: -0.4rem;
  opacity: 1;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 0.8rem;
  z-index: 1
}
.loading.loading-lg {
  min-height: 2rem
}
.loading.loading-lg::after {
  height: 1.6rem;
  margin-left: -0.8rem;
  margin-top: -0.8rem;
  width: 1.6rem
}
.clearfix::after {
  clear: both;
  content: "";
  display: table
}
.float-left {
  float: left !important
}
.float-right {
  float: right !important
}
.p-relative {
  position: relative !important
}
.p-absolute {
  position: absolute !important
}
.p-fixed {
  position: fixed !important
}
.p-sticky {
  position: sticky !important
}
.p-centered {
  display: block;
  float: none;
  margin-left: auto;
  margin-right: auto
}
.flex-centered {
  align-items: center;
  display: flex;
  justify-content: center
}
.m-0 {
  margin: 0 !important
}
.mb-0 {
  margin-bottom: 0 !important
}
.ml-0 {
  margin-left: 0 !important
}
.mr-0 {
  margin-right: 0 !important
}
.mt-0 {
  margin-top: 0 !important
}
.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important
}
.my-0 {
  margin-bottom: 0 !important;
  margin-top: 0 !important
}
.m-1 {
  margin: 0.2rem !important
}
.mb-1 {
  margin-bottom: 0.2rem !important
}
.ml-1 {
  margin-left: 0.2rem !important
}
.mr-1 {
  margin-right: 0.2rem !important
}
.mt-1 {
  margin-top: 0.2rem !important
}
.mx-1 {
  margin-left: 0.2rem !important;
  margin-right: 0.2rem !important
}
.my-1 {
  margin-bottom: 0.2rem !important;
  margin-top: 0.2rem !important
}
.m-2 {
  margin: 0.4rem !important
}
.mb-2 {
  margin-bottom: 0.4rem !important
}
.ml-2 {
  margin-left: 0.4rem !important
}
.mr-2 {
  margin-right: 0.4rem !important
}
.mt-2 {
  margin-top: 0.4rem !important
}
.mx-2 {
  margin-left: 0.4rem !important;
  margin-right: 0.4rem !important
}
.my-2 {
  margin-bottom: 0.4rem !important;
  margin-top: 0.4rem !important
}
.p-0 {
  padding: 0 !important
}
.pb-0 {
  padding-bottom: 0 !important
}
.pl-0 {
  padding-left: 0 !important
}
.pr-0 {
  padding-right: 0 !important
}
.pt-0 {
  padding-top: 0 !important
}
.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important
}
.py-0 {
  padding-bottom: 0 !important;
  padding-top: 0 !important
}
.p-1 {
  padding: 0.2rem !important
}
.pb-1 {
  padding-bottom: 0.2rem !important
}
.pl-1 {
  padding-left: 0.2rem !important
}
.pr-1 {
  padding-right: 0.2rem !important
}
.pt-1 {
  padding-top: 0.2rem !important
}
.px-1 {
  padding-left: 0.2rem !important;
  padding-right: 0.2rem !important
}
.py-1 {
  padding-bottom: 0.2rem !important;
  padding-top: 0.2rem !important
}
.p-2 {
  padding: 0.4rem !important
}
.pb-2 {
  padding-bottom: 0.4rem !important
}
.pl-2 {
  padding-left: 0.4rem !important
}
.pr-2 {
  padding-right: 0.4rem !important
}
.pt-2 {
  padding-top: 0.4rem !important
}
.px-2 {
  padding-left: 0.4rem !important;
  padding-right: 0.4rem !important
}
.py-2 {
  padding-bottom: 0.4rem !important;
  padding-top: 0.4rem !important
}
.s-rounded {
  border-radius: 0.1rem
}
.s-circle {
  border-radius: 50%
}
.text-inherit {
  text-align: inherit
}
.text-left {
  text-align: left
}
.text-right {
  text-align: right
}
.text-center {
  text-align: center
}
.text-justify {
  text-align: justify
}
.text-lowercase {
  text-transform: lowercase
}
.text-uppercase {
  text-transform: uppercase
}
.text-capitalize {
  text-transform: capitalize
}
.text-normal {
  font-weight: normal
}
.text-bold {
  font-weight: bold
}
.text-italic {
  font-style: italic
}
.text-large {
  font-size: 1.2em
}
.text-small {
  font-size: 0.9em
}
.text-tiny {
  font-size: 0.8em
}
.text-muted {
  opacity: 0.8
}
.text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.text-clip {
  overflow: hidden;
  text-overflow: clip;
  white-space: nowrap
}
.text-break {
  hyphens: auto;
  word-break: break-word;
  word-wrap: break-word
}

@media (max-width: 767px) {
.text-center-ss {
  text-align: center
}
}
i[class^="icon-"] {
  display: inline-block;
  background-size: contain;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center;
  height: 2rem;
  width: 2rem
}
i[class^="icon-"].icon-lg {
  height: 2.4rem;
  width: 2.4rem
}
i[class^="icon-"].icon-xl {
  height: 3.4rem;
  width: 3.4rem
}
a i[class^="icon-"] {
  margin-left: 5px;
  height: 0.7rem;
  width: 0.7rem;
  position: relative;
  bottom: 3px
}
.icon-comment-light {
  background-image: url('../../../../../design/themes/kura/media/images/ico/comment-light.svg?1690945733')
}
.icon-devices {
  background-image: url('../../../../../design/themes/kura/media/images/ico/devices.svg?1690945733')
}
.icon-email-light {
  background-image: url('../../../../../design/themes/kura/media/images/ico/email-light.svg?1690945733')
}
.icon-facebook-light {
  background-image: url('../../../../../design/themes/kura/media/images/ico/facebook-light.svg?1690945733')
}
.icon-faq-light {
  background-image: url('../../../../../design/themes/kura/media/images/ico/faq-light.svg?1690945733')
}
.icon-icons-64-orders-light-theme {
  background-image: url('../../../../../design/themes/kura/media/images/ico/icons-64-orders-light-theme.svg?1690945733')
}
.icon-icons-64-tag-light-theme {
  background-image: url('../../../../../design/themes/kura/media/images/ico/icons-64-tag-light-theme.svg?1690945733')
}
.icon-phone {
  background-image: url('../../../../../design/themes/kura/media/images/ico/phone.svg?1690945733')
}
.icon-info {
  background-image: url('../../../../../design/themes/kura/media/images/ico/info.svg?1690945733')
}
.icon-twitter-light {
  background-image: url('../../../../../design/themes/kura/media/images/ico/twitter-light.svg?1690945733')
}
.icon-warranty {
  background-image: url('../../../../../design/themes/kura/media/images/ico/warranty.svg?1690945733')
}
.icon-youtube {
  background-image: url('../../../../../design/themes/kura/media/images/ico/youtube.svg?1690945733')
}
.icon-ico-user-light {
  background-image: url('../../../../../design/themes/kura/media/images/ico/ico-user-light.svg?1690945733')
}
.icon-ico-user-slate {
  background-image: url('../../../../../design/themes/kura/media/images/ico/ico-user-slate.svg?1690945733')
}
.icon-chat-light {
  background-image: url('../../../../../design/themes/kura/media/images/ico/chat-light.svg?1690945733')
}
.flag-revamp {
  background-image: url('../../../../../design/themes/kura/media/images/flags.png?1690945733')
}
.ic-chk {
  height: 1.2rem;
  width: 1.2rem;
  position: relative;
  flex-shrink: 0;
  margin-right: 0.8rem;
  background-color: #e1e0e2;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle
}
.ic-chk::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('../../../../../design/themes/kura/media/images/ico/success_check.svg?1690945733') no-repeat center center;
  background-size: 100%
}
.ic-chk.-success {
  background-color: #57760c
}
.ic-chk.-success::before {
  background-image: url('../../../../../design/themes/kura/media/images/ico/success_check-light.svg?1690945733')
}
.ic-delivery {
  height: 1.2rem;
  width: 1.2rem;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.8rem;
  background: url('../../../../../design/themes/kura/media/images/ico/icons-64-orders-light-theme.svg?1690945733') no-repeat center center;
  background-size: contain
}
.no-image {
  background: transparent url('../../../../../design/themes/kura/media/images/ico/no_image.svg?1690945733') no-repeat center;
  display: block;
  background-size: 80%
}
.v-icon-list ul {
  padding: 0;
  margin: 0;
  list-style: none
}
.v-icon-list ul+ul {
  margin-top: 32px
}

@media (min-width: 840px) {
.v-icon-list ul+ul {
  margin-top: 40px
}
}
.v-icon-list ul>li {
  margin: 0;
  display: flex;
  align-items: flex-start
}
.v-icon-list ul>li+li {
  margin-top: 32px
}

@media (min-width: 840px) {
.v-icon-list ul>li+li {
  margin-top: 40px
}
}
.v-icon-list i[class^="icon"] {
  flex-shrink: 0;
  background-position: center;
  background-size: cover
}

@media (max-width: 639px) {
.v-icon-list i[class^="icon"] {
  width: 48px;
  height: 48px
}
}
.v-icon-list .v-icon-desc {
  flex: 1;
  margin-left: 20px;
  max-width: 460px;
  letter-spacing: 0.4px
}
.ship-list>ul {
  margin: 0;
  padding: 0;
  list-style: none
}
.ship-list>ul li {
  margin: 0;
  display: flex;
  align-items: center
}
.ship-list>ul li+li {
  margin-top: 20px
}
.ship-list .ic-row {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap
}
.ship-list .ic-row i[class^="icon-"], .ship-list .ic-row img {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  background-repeat: no-repeat
}
.ship-list .ic-row .ic-desc {
  margin-left: 10px;
  flex: 1;
  font-size: 18px;
  line-height: 1.4;
  align-self: center
}
.ship-list .ic-row .ic-desc strong {
  display: block
}
.left-icon-list {
  margin: 1.2rem 0
}
.left-icon-list>ul {
  list-style: none;
  padding: 0;
  margin: 0
}
.left-icon-list>ul>li {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  margin: 0;
  font-size: 0.6rem;
  letter-spacing: 0.2px;
  line-height: 1.33
}
.left-icon-list>ul>li::before {
  content: '';
  height: 1.2rem;
  width: 1.2rem;
  background: #e1e0e2 url('../../../../../design/themes/kura/media/icons/check_dark.svg?1690945733') no-repeat center;
  flex-shrink: 0;
  margin-right: 0.6rem;
  border-radius: 50%;
  background-size: 65%
}
.left-icon-list>ul>li+li {
  margin-top: 0.8rem
}
.left-icon-list.ic-bg-turquoise>ul>li::before {
  background-color: #00D1D2
}
.left-icon-big {
  margin: 1.2rem 0
}
.left-icon-big>ul {
  list-style: none;
  padding: 0;
  margin: 0
}
.left-icon-big>ul>li {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  margin: 0
}
.left-icon-big>ul>li+li {
  margin-top: 1.6rem
}
.left-icon-big>ul>li img {
  margin-right: 1rem;
  margin-bottom: auto
}
.check-list {
  font-size: 0.6rem;
  line-height: 1.3;
  letter-spacing: 0.2px
}

@media (min-width: 960px) {
.check-list {
  font-size: 16px
}
}
.check-list ul {
  list-style: none;
  padding: 0;
  margin: 1.6rem 0 0
}
.check-list li {
  margin: 0;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start
}
.check-list li+li {
  margin-top: 0.8rem
}
.font-icon.icon-iqos {
  font-family: "Planer Regular";
  content: 'ï¬€'
}
.font-icon.icon-iqos-3 {
  font-family: "Planer Regular";
  content: 'ï¬'
}
.font-icon.icon-ok {
  font-family: "Planer Regular";
  content: 'â„—'
}
.font-icon.icon-error {
  font-family: "Planer Regular";
  content: 'â„“'
}
.font-icon.icon-warn {
  font-family: "Planer Regular";
  content: 'â„¢'
}
.font-icon.icon-info {
  font-family: "Planer Regular";
  content: 'â„–'
}
.font-icon.icon-close {
  font-family: "Planer Regular";
  content: 'â„¦'
}
.font-icon.icon-pen {
  font-family: "Planer Regular";
  content: 'â„¦'
}
.flex-break {
  flex-basis: 100%;
  height: 0
}
.bg-darker figure img {
  filter: brightness(0.5)
}
.bg-less-darker figure img {
  filter: brightness(0.8)
}
#ajax_overlay {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  background-color: rgba(255, 255, 255, 0.7)
}
.close {
  background: url('../../../../../design/themes/kura/media/icons/close.svg?1690945733') no-repeat center center;
  background-size: contain;
  height: 1rem;
  width: 1rem;
  border: none;
  outline: none;
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer
}
img[src*="6x6"] {
  height: 100% !important;
  width: 100% !important;
  object-fit: cover
}
hr.hr-default {
  border-top: 1px solid #e1e0e2;
  border-bottom: none
}
.revert {
  display: flex;
  flex-direction: column-reverse
}
.mw-100 {
  max-width: 100% !important
}
 input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus {
 transition: background-color 5000s ease-in-out 0s
}
 textarea::-webkit-input-placeholder {
 color: transparent
}
 textarea:-moz-placeholder {
 color: transparent
}
 textarea::-moz-placeholder {
 color: transparent
}
 textarea:-ms-input-placeholder {
 color: transparent
}
 textarea::placeholder {
 color: transparent
}
.form-inline-radio {
  display: flex;
  gap: 1rem
}
.form-group {
  margin-bottom: 1.2rem
}
.form-group .form-input-hint {
  margin-top: 5px;
  line-height: 1.1
}
.form-group .form-message {
  font-size: 0.6rem;
  line-height: 1.2;
  margin-bottom: 0;
  margin-top: 0.3rem
}
.form-group.error .form-message {
  color: #e55252
}
.form-group.phone-error {
  box-shadow: 0 0 0 1px #c73636
}
.form-label {
  display: flex;
  position: relative;
  flex-wrap: nowrap;
  align-items: center
}
.form-label:not(.has-btn)::after {
  height: 1.2rem;
  width: 1.2rem;
  margin-right: 0.6rem;
  flex-shrink: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  pointer-events: none
}
.form-label.has-btn .btn, .form-label.has-btn .ui_558574, .form-label.has-btn .ui_517427, .form-label.has-btn .ui_464917 {
  border-radius: 0 3px 3px 0;
  border-left: 1px solid #b8b7bb
}
.form-label.is-dropdown {
  height: 48px;
  min-width: 80px
}
.form-label.is-dropdown::after {
  content: '';
  position: absolute;
  right: 0;
  background-image: url('../../../../../design/themes/kura/media/icons/chevron-up-small.svg?1690945733');
  transform: rotate(180deg);
  transition: 0.3s transform
}
.form-label.is-dropdown.is-filled .label-desc {
  border-color: #34303d;
  color: #34303d
}
.form-label.is-dropdown.is-filled .label-desc>span {
  transform: translateY(-1.2rem);
  font-size: 0.6rem;
  letter-spacing: 0.4px;
  margin: 0 -0.2rem;
  padding: 0 0.2rem
}
.form-label.is-dropdown .select2.select2-container {
  z-index: 3;
  position: absolute;
  height: 48px;
  width: 100%;
  padding: 0 6px;
  line-height: 43px;
  box-sizing: border-box
}
.form-label.is-dropdown .select2.select2-container.select2-container--focus~.label-desc {
  box-shadow: 0 0 0 1px #34303d
}
.error .form-label.is-dropdown .select2.select2-container.select2-container--focus~.label-desc, .is-error .form-label.is-dropdown .select2.select2-container.select2-container--focus~.label-desc {
  box-shadow: 0 0 0 1px #c73636
}
.form-label.is-dropdown .select2.select2-container.select2-container--above.select2-container--open~.label-desc span {
  display: none
}
.form-label.is-dropdown .select2.select2-container.select2-container--disabled {
  opacity: 0.5;
  filter: grayscale(100%)
}
.form-label.is-dropdown .select2.select2-container .select2-selection {
  height: 100%;
  border: transparent;
  background-color: transparent;
  outline: none;
  display: flex;
  justify-content: flex-start;
  align-items: center
}
.form-label.is-dropdown .select2.select2-container .select2-selection__rendered {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-right: 40px
}
.form-label.is-dropdown .select2.select2-container .select2-selection__arrow {
  display: none
}
.form-label.is-dropdown .select2-container .select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
  border: 2px solid #34303d;
  border-top: none;
  border-radius: 0 0 3px 3px;
  background: #FFFDFB;
  max-height: 250px !important;
  overflow-y: auto;
  margin-top: 2px
}
.form-label.is-dropdown .select2-container .select2-results__options .select2-results__option {
  font-size: 0.8rem;
  line-height: 1.5;
  padding: 16px !important;
  margin: 0;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden
}
.form-label.is-dropdown .select2-container .select2-results__options .select2-results__option:hover {
  background: #f5f5f7
}
.form-label.is-dropdown .select2-container .select2-results__options .select2-results__option.active {
  background: #00D1D2;
  color: #FFFDFB
}
.form-label.is-dropdown .select2-container .select2-results__options .select2-results__option--highlighted {
  background-color: #edecf0;
  color: inherit
}
.form-label.is-dropdown .select2-container .select2-results__options .select2-results__option[aria-selected=true] {
  background-color: transparent;
  color: #000
}
.form-label.is-dropdown .select2-container .select2-results__options .select2-results__option--highlighted[aria-selected=true] {
  background-color: #edecf0
}
.form-label.is-dropdown .select2-container .select2-dropdown {
  border: none;
  top: 1px
}
.form-label.is-dropdown .select2-container .select2-dropdown.select2-dropdown--above {
  border-top: 1px solid;
  border-bottom: none
}
 .form-label.is-dropdown .select2-container .select2-results__options::-webkit-scrollbar {
 width: 6px
}
 .form-label.is-dropdown .select2-container .select2-results__options::-webkit-scrollbar-track {
 background: #efefef
}
 .form-label.is-dropdown .select2-container .select2-results__options::-webkit-scrollbar-thumb {
 border-radius: 9px !important;
 background-color: #b4b4b4 !important
}
 .form-label.is-dropdown .select2-container .select2-results__options::-webkit-scrollbar-button {
 display: none
}
.form-label.is-dropdown.label-outside {
  margin-top: 20px
}
.form-label.is-dropdown.label-outside .label-desc>span {
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  width: 100%;
  margin: 0;
  padding: 0
}
.error .form-label .label-desc, .form-label.is-error .label-desc {
  border-width: 2px;
  color: #c73636 !important;
  border-color: #c73636 !important
}
.error .form-label~.form-message, .form-label.is-error~.form-message {
  color: #e55252
}
.error .form-label.is-dropdown:not(.has-btn)::after {
  transform: rotate(0)
}
.form-label .ipt-btn {
  padding: 0;
  margin: 0 0.7rem 0 0;
  height: 1.2rem;
  width: 1.2rem;
  flex-shrink: 0;
  border: none;
  background: transparent no-repeat center;
  background-size: contain;
  cursor: pointer
}
.form-label .ipt-btn:focus {
  outline: none
}
.form-label.is-password .ipt-btn {
  background-image: url('../../../../../design/themes/kura/media/icons/password_preview.svg?1690945733')
}
.form-label.is-password-visible .ipt-btn {
  background-image: url('../../../../../design/themes/kura/media/icons/password_preview_on.svg?1690945733')
}
.form-label.is-qr-reader .ipt-btn {
  background-image: url('../../../../../design/themes/kura/media/icons/scan.svg?1690945733')
}
.form-label.is-prefield {
  padding-left: 0.8rem
}
.form-label.is-prefield .pre-field {
  margin-top: 0.1rem
}
.form-label.is-date .ipt-btn {
  background-image: url('../../../../../design/themes/kura/media/icons/calendar.svg?1690945733')
}
.form-input {
  flex: 1;
  width: 100%;
  margin: 0;
  background: none;
  border: none;
  color: #34303d;
  height: 2.4rem;
  z-index: 0;
  padding: 0.6rem 1rem 0.6rem 0.8rem
}
textarea.form-input {
  height: 8.4rem
}
 .form-label:not(.show-placeholder) .form-input ::-webkit-input-placeholder {
 color: transparent
}
 .form-label:not(.show-placeholder) .form-input :-moz-placeholder {
 color: transparent
}
 .form-label:not(.show-placeholder) .form-input ::-moz-placeholder {
 color: transparent
}
 .form-label:not(.show-placeholder) .form-input :-ms-input-placeholder {
 color: transparent
}
 .form-label:not(.show-placeholder) .form-input::placeholder {
 color: transparent
}
.show-placeholder .form-input~.label-desc>span, .show-placeholder .form-input~.label-desc div {
  transform: translateY(-1.2rem);
  font-size: 0.6rem;
  letter-spacing: 0.4px;
  margin: 0 -0.2rem;
  padding: 0 0.2rem
}
 .form-input:-webkit-autofill, .form-input:not(:placeholder-shown), .form-input:focus {
 outline: none
}
 .form-input:-webkit-autofill~.label-desc, .form-input:not(:placeholder-shown)~.label-desc, .form-input:focus~.label-desc {
 border-color: #34303d;
 color: #34303d
}
 .form-input:-webkit-autofill~.label-desc>span, .form-input:-webkit-autofill~.label-desc div, .form-input:not(:placeholder-shown)~.label-desc>span, .form-input:not(:placeholder-shown)~.label-desc div, .form-input:focus~.label-desc>span, .form-input:focus~.label-desc div {
 transform: translateY(-1.2rem);
 font-size: 0.6rem;
 letter-spacing: 0.4px;
 margin: 0 -0.2rem;
 padding: 0 0.2rem
}
 .form-input:-webkit-autofill~.label-desc>b, .form-input:not(:placeholder-shown)~.label-desc>b, .form-input:focus~.label-desc>b {
 opacity: 0
}
.form-input:focus~.label-desc {
  box-shadow: 0 0 0 1px #34303d
}
.error .form-input:focus~.label-desc, .is-error .form-input:focus~.label-desc {
  box-shadow: 0 0 0 1px #c73636
}
.form-input.disabled, .form-input:disabled, .form-input.readonly, .form-input[readonly] {
  pointer-events: none;
  color: #b8b7bb;
  -webkit-text-fill-color: #b8b7bb
}
.form-input.disabled~.label-desc, .form-input:disabled~.label-desc, .form-input.readonly~.label-desc, .form-input[readonly]~.label-desc {
  border-color: #b8b7bb;
  color: #b8b7bb
}
.label-desc {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0.45rem 1rem 0.6rem 0.8rem;
  border: 1px solid #99979e;
  color: #7b7881;
  border-radius: 3px;
  pointer-events: none;
  transition: 0.3s border-color;
  z-index: 2
}
.label-desc>span, .label-desc div {
  background: #FFFDFB;
  display: inline-block;
  margin: 0;
  padding: 0;
  font-size: 0.8rem;
  letter-spacing: 0;
  transform: translateY(0);
  transition: 0.3s all;
  overflow: hidden;
  white-space: nowrap;
  max-width: 100%;
  text-overflow: ellipsis;
  vertical-align: middle
}
.-hard-white .label-desc>span, .-hard-white .label-desc div {
  background: #f6f4f0
}
.label-desc>b {
  height: 1.2rem;
  width: 1.2rem;
  background-color: transparent;
  opacity: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  pointer-events: none;
  position: absolute;
  right: 0.6rem;
  border-radius: 50%;
  overflow: hidden;
  top: 50%;
  transform: translateY(-50%) translateZ(0)
}
.label-desc>b::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-150%, -50%) skew(0);
  transition: transform 0.5s ease-out;
  height: 120%;
  width: 150%
}
.label-desc>b::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  clip-path: inset(0 100% 0 0);
  background: transparent no-repeat center center;
  background-size: 100%;
  transition: clip-path 0.5s ease-in-out 0.2s
}
.error .label-desc>b, .is-error .label-desc>b, .success .label-desc>b, .is-success .label-desc>b {
  opacity: 1
}
.error .label-desc>b::before, .is-error .label-desc>b::before, .success .label-desc>b::before, .is-success .label-desc>b::before {
  transform: translate(-50%, -50%) skew(-30deg)
}
.error .label-desc>b::after, .is-error .label-desc>b::after, .success .label-desc>b::after, .is-success .label-desc>b::after {
  clip-path: inset(0 0 0 0)
}
.error .label-desc>b, .is-error .label-desc>b {
  opacity: 1
}
.error .label-desc>b::before, .is-error .label-desc>b::before {
  background-color: #c73636
}
.error .label-desc>b::after, .is-error .label-desc>b::after {
  background-image: url('../../../../../design/themes/kura/media/images/ico/error.svg?1690945733')
}
.success .label-desc>b::before, .is-success .label-desc>b::before {
  background-color: #57760c
}
.success .label-desc>b::after, .is-success .label-desc>b::after {
  background-image: url('../../../../../design/themes/kura/media/images/ico/success_check-light.svg?1690945733')
}
.label-desc * {
  pointer-events: none
}
.hide-label .label-desc>span {
  opacity: 0
}
.form-select {
  position: relative;
  appearance: none;
  flex: 1;
  width: 100%;
  margin: 0;
  background: none;
  border: none;
  color: #34303d;
  height: 2.4rem;
  padding: 0.6rem 2rem 0.6rem 0.8rem
}
.isTouch .form-select {
  pointer-events: auto
}
.show-placeholder .form-select~.label-desc>span {
  transform: translateY(-1.35rem);
  font-size: 0.6rem;
  letter-spacing: 0.4px;
  margin: 0 -0.2rem;
  padding: 0 0.2rem
}
.form-select:focus {
  outline: none
}
.form-select:focus~.label-desc {
  border-color: #34303d;
  color: #34303d
}
.form-select:focus~.label-desc>span {
  transform: translateY(-1.2rem);
  font-size: 0.6rem;
  letter-spacing: 0.4px;
  margin: 0 -0.2rem;
  padding: 0 0.2rem
}
.form-select:focus~.label-desc {
  box-shadow: 0 0 0 1px #34303d
}
.error .form-select:focus~.label-desc, .is-error .form-select:focus~.label-desc {
  box-shadow: 0 0 0 1px #c73636
}
.form-select.disabled, .form-select:disabled {
  pointer-events: none;
  color: #b8b7bb;
  -webkit-text-fill-color: #b8b7bb
}
.form-select.disabled~.label-desc, .form-select:disabled~.label-desc {
  border-color: #b8b7bb !important;
  color: #b8b7bb !important
}
.form-checkbox, .form-radio {
  display: block;
  position: relative
}
.form-checkbox input, .form-radio input {
  opacity: 0;
  position: absolute
}
.form-checkbox input.disabled, .form-checkbox input[disabled], .form-radio input.disabled, .form-radio input[disabled] {
  pointer-events: none
}
.form-checkbox input.disabled~.radio-desc, .form-checkbox input.disabled~.checkbox-desc, .form-checkbox input[disabled]~.radio-desc, .form-checkbox input[disabled]~.checkbox-desc, .form-radio input.disabled~.radio-desc, .form-radio input.disabled~.checkbox-desc, .form-radio input[disabled]~.radio-desc, .form-radio input[disabled]~.checkbox-desc {
  opacity: 0.5
}
.form-checkbox+.form-message, .form-radio+.form-message {
  padding-left: 1.8rem
}
.input-list .form-checkbox+.form-checkbox, .input-list .form-radio+.form-checkbox, .input-list .form-checkbox+.form-radio, .input-list .form-radio+.form-radio {
  margin-top: 32px
}
.form-checkbox input:checked~.checkbox-desc::before {
  background: url('../../../../../design/themes/kura/media/icons/check.svg?1690945733') #34303d no-repeat center;
  background-size: 100%;
  border-color: #34303d
}
.form-radio input:checked~.radio-desc::before {
  box-shadow: inset 0 0 0 4px #FFFDFB;
  background: #34303d
}
.radio-desc, .checkbox-desc {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start
}
.radio-desc a, .checkbox-desc a {
  text-decoration: underline
}
.radio-desc a:hover, .checkbox-desc a:hover {
  text-decoration-color: #00D1D2
}
.radio-desc::before, .checkbox-desc::before {
  content: '';
  height: 1.2rem;
  width: 1.2rem;
  background: #34303d;
  border-radius: 3px;
  margin-right: 0.6rem;
  border: 2px solid #34303d;
  box-shadow: none;
  background: transparent;
  flex-shrink: 0;
  transition: all 0.3s
}
.error .radio-desc::before, .error .checkbox-desc::before {
  border-color: #c73636
}
.radio-desc .label-description, .checkbox-desc .label-description {
  display: block;
  font-size: 0.6rem;
  line-height: 1.333;
  margin-top: 4px;
  letter-spacing: 0.2px
}
.radio-desc::before {
  border-radius: 50%
}
.form-toggle .columns:last-child {
  margin-bottom: -1.2rem
}
.form-toggle+.form-toggle {
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px solid #e1e0e2
}
.form-toggle .form-actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 1.2rem;
  height: 2.2rem
}
.form-toggle .form-toggle-section+.form-toggle-section {
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px solid #e1e0e2
}
.form-toggle .form-toggle-section h3 {
  margin-bottom: 2rem
}
.form-toggle .-edit {
  display: none
}
.form-toggle.-edit .-read {
  display: none
}
.form-toggle.-edit .-edit {
  display: block
}
.form-toggle.-edit .form-actions {
  justify-content: space-evenly
}

@media (min-width: 960px) {
.form-toggle.-edit .form-actions {
  justify-content: flex-end
}
.form-toggle.-edit .form-actions button+button {
  margin-left: 2rem
}
}
.form-read-only {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 1.2rem
}
.form-read-only.-small-mrg {
  margin-bottom: 0.4rem
}
.form-read-only .read-label {
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold;
  font-size: 0.8rem;
  letter-spacing: 0.2px;
  line-height: 1.5;
  flex-basis: 50%
}
.form-read-only .read-field {
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: normal;
  font-size: 0.8rem;
  line-height: 1.5;
  flex: 1;
  margin-left: 0.6rem;
  word-break: break-word
}

@media (min-width: 640px) {
.form-read-only.-column-xs {
  flex-direction: column
}
.form-read-only.-column-xs .read-label {
  width: auto;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0.4px;
  max-width: none
}
.form-read-only.-column-xs .read-field {
  width: auto;
  margin-left: 0;
  font-weight: bold;
  letter-spacing: 0.2px;
  line-height: 1.5
}
}
.form-note {
  margin-top: 2rem;
  line-height: 1.333;
  letter-spacing: 0.2px
}
.form-note .cm-password-comment {
  margin-bottom: 25px
}
.form-note small {
  font-size: 0.6rem
}
.form-group-helper {
  margin-top: 0.8rem
}
.qty-selector {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 128px
}
.qty-selector button {
  height: 1.8rem;
  width: 1.8rem;
  border: 2px solid #34303d;
  color: #34303d;
  border-radius: 50%;
  line-height: 36px;
  text-align: center;
  flex-shrink: 0;
  font-size: 1.3rem;
  display: flex;
  position: relative;
  background: none;
  padding: 0;
  margin: 0;
  cursor: pointer
}
.qty-selector button:focus {
  outline: none
}
.qty-selector button::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0.7rem;
  border-top: 2px solid
}
.qty-selector button.qty-inc::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 0.7rem;
  border-left: 2px solid
}
.qty-selector button[disabled] {
  border-color: #b8b7bb;
  color: #b8b7bb;
  cursor: default
}
.qty-selector input {
  background: none;
  border: none;
  font-size: 1rem;
  text-align: center;
  color: #34303d;
  padding: 0 0.5rem;
  width: 100%
}
.qty-selector input:focus {
  outline: none
}
 .qty-selector input::-webkit-outer-spin-button, .qty-selector input::-webkit-inner-spin-button {
 -webkit-appearance: none;
 margin: 0
}
.qty-selector input[type=number] {
  -moz-appearance: textfield
}
.qty-selector.-small {
  width: 90px
}

@media (min-width: 840px) {
.qty-selector.-small {
  width: 110px
}
}
.qty-selector.-small button {
  height: 1.2rem;
  width: 1.2rem;
  border-width: 1.5px;
  line-height: 24px
}
.qty-selector.-small button::before {
  width: 50%
}
.qty-selector.-small button.qty-inc::after {
  height: 50%
}

@media (min-width: 840px) {
.qty-selector.-small button {
  height: 1.6rem;
  width: 1.6rem;
  line-height: 1.6rem;
  border-width: 2px
}
}
.qty-selector.-small input {
  font-size: 0.8rem;
  padding: 0 0.4rem
}
.date-input-top {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%
}
.inner-radio-options {
  padding-left: 0.8rem
}
.inner-radio-options .form-group {
  margin-bottom: 0.8rem
}
.ty-fileuploader .cm-fu-file .remove-file-i {
  background: transparent;
  border: 0;
  color: transparent;
  font-size: 0;
  line-height: 0;
  text-shadow: none;
  display: inline-block;
  vertical-align: middle;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath d='M15,1c7.7,0,14,6.3,14,14s-6.3,14-14,14S1,22.7,1,15S7.3,1,15,1 M15,0C6.7,0,0,6.7,0,15s6.7,15,15,15s15-6.7,15-15 S23.3,0,15,0L15,0z'/%3e%3cpolygon points='19.1,19.9 15,15.7 10.9,19.9 10.1,19.1 14.3,15 10.1,10.9 10.9,10.1 15,14.3 19.1,10.1 19.9,10.9 15.7,15 19.9,19.1 '/%3e%3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 1.2rem;
  height: 1.2rem;
  opacity: 0.3;
  cursor: pointer;
  outline: none;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  margin-right: 0.3rem;
  top: -2px
}
.ty-fileuploader .cm-fu-file .remove-file-i:hover {
  transform: rotate(90deg);
  opacity: 0.4
}
.ty-fileuploader .cm-fu-file .ty-fileuploader__filename {
  display: inline-block;
  vertical-align: middle;
  max-width: 90%
}
.intteliptlabel .int-tel-label {
  display: flex;
  position: relative;
  flex-wrap: nowrap;
  align-items: center;
  margin-bottom: 0.3rem
}
.intteliptlabel .int-tel-group {
  display: block;
  position: relative;
  margin-bottom: 0.2rem
}
.intteliptlabel .int-tel-ipt {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  position: relative;
  height: calc(1.5em + 0.75rem + 2px)
}
.intteliptlabel .int-tel-ipt:focus {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25)
}
.intteliptlabel .int-tel-ipt.error {
  border: solid 2px #e55252 !important
}
.intteliptlabel .iti__selected-flag::before, .intteliptlabel .iti__selected-flag::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 95%;
  background-color: #e1e0e2 !important
}
.intteliptlabel .iti__selected-flag::before {
  margin: 0 15px 0 45px;
  top: 0.06rem
}
.intteliptlabel .iti__selected-flag::after {
  margin: 0 14px 0 105px;
  top: 0.06rem
}
.intteliptlabel .int-valid-msg {
  color: #2b9348
}
.intteliptlabel .int-error-msg {
  color: #e55252;
  font-size: 12px
}
.intteliptlabel .hide {
  display: none
}
.intteliptlabel .flag-container {
  margin-right: 10px
}
.intteliptlabel .tel-error-icon {
  padding-right: calc(1.5em + 0.75rem);
  background-image: url('../../../../../design/themes/kura/media/images/ico/error.svg?1690945733');
  background-repeat: no-repeat;
  background-position: right calc(0.2em + 0.1rem) center;
  background-size: calc(1rem + 0.575rem) calc(1em + 0.375rem)
}
.intteliptlabel .tel-valid-icon {
  padding-right: calc(1.5em + 0.75rem);
  background-image: url('../../../../../design/themes/kura/media/images/ico/success.svg?1690945733');
  background-repeat: no-repeat;
  background-position: right calc(0.2em + 0.1rem) center;
  background-size: calc(1rem + 0.575rem) calc(1em + 0.375rem)
}
.intteliptlabel .int-text-info {
  color: #34303d;
  font-family: "iqos", "Open Sans", sans-serif;
  font-size: 12px;
  text-rendering: optimizeLegibility;
  padding-top: 0.2rem;
  padding-bottom: 1rem
}
.intteliptlabel .tooltip-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-left: 11.6rem;
  background-image: url('../../../../../design/themes/kura/media/images/ico/info_circle.svg?1690945733');
  text-align: center;
  border-radius: 50%;
  cursor: pointer
}

@media (max-width: 959px) {
.intteliptlabel .tooltip-icon {
  margin-left: 10.7rem
}
}
.intteliptlabel .tooltip-text {
  position: absolute;
  background-color: white;
  color: #34303d;
  padding: 5px;
  border-radius: 5px;
  font-size: 12px;
  left: 7rem;
  padding: 0.5rem;
  white-space: nowrap;
  opacity: 1;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  background-color: #00D1D2;
  max-width: 200px;
  word-wrap: break-word;
  white-space: pre-wrap;
  z-index: 1
}

@media (max-width: 959px) {
.intteliptlabel .tooltip-text {
  right: 1.4rem
}
}
.intteliptlabel .tooltip-container:hover .tooltip-text {
  opacity: 1;
  visibility: visible
}
.intteliptlabel .selected-flag-padding {
  padding: 0 6px 0 15px
}
button {
  color: #34303d
}
.btn, .ui_558574, .ui_517427, .ui_464917 {
 --box-shadow-color: transparent;
  appearance: none;
  color: #34303d;
  border-radius: 1.8rem;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  text-overflow: ellipsis;
  font-size: 0.8rem;
  font-weight: 400;
  line-height: 1.2rem;
  outline: none;
  padding: 0.6rem 1.7rem;
  box-shadow: inset 0 0 0 2px var(--box-shadow-color);
  text-align: center;
  text-decoration: none;
  transition: background 0.2s, box-shadow 0.3s ease-out, color 0.2s;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap;
  letter-spacing: 0.5px;
  overflow: hidden;
  position: relative;
  z-index: 1;
  background: #FFFDFB;
  border: none;
  will-change: background, bos-shadow, color
}
.btn:after, .ui_558574:after, .ui_517427:after, .ui_464917:after {
  content: " ";
  position: absolute;
  top: 50%;
  left: 0;
  background: #00D1D2;
  width: 120%;
  height: 120%;
  z-index: -1;
  transition: transform 0.25s ease-out;
  transform: translate(-101%, -50%) skew(0deg);
  opacity: 1
}
.btn:focus, .ui_558574:focus, .ui_517427:focus, .ui_464917:focus, .btn:active, .ui_558574:active, .ui_517427:active, .ui_464917:active, .btn:hover, .ui_558574:hover, .ui_517427:hover, .ui_464917:hover {
  text-decoration: none;
  transition: background 0.15s 0.2s, box-shadow 0.15s 0.25s ease-out, color 0.2s, border 0.2s
}
.btn:focus:after, .ui_558574:focus:after, .ui_517427:focus:after, .ui_464917:focus:after, .btn:active:after, .ui_558574:active:after, .ui_517427:active:after, .ui_464917:active:after, .btn:hover:after, .ui_558574:hover:after, .ui_517427:hover:after, .ui_464917:hover:after {
  transform: translate(-10%, -50%) skew(-30deg);
  opacity: 1
}
.btn:disabled, .ui_558574:disabled, .ui_517427:disabled, .ui_464917:disabled, .btn.disabled, .disabled.ui_558574, .disabled.ui_517427, .disabled.ui_464917 {
  box-shadow: none;
  background: #7b7881;
  color: #e1e0e2;
  pointer-events: none
}
.btn:disabled:after, .ui_558574:disabled:after, .ui_517427:disabled:after, .ui_464917:disabled:after, .btn.disabled:after, .disabled.ui_558574:after, .disabled.ui_517427:after, .disabled.ui_464917:after {
  display: none
}
.btn.btn-primary-alt:after, .btn-primary-alt.ui_558574:after, .btn-primary-alt.ui_517427:after, .btn-primary-alt.ui_464917:after {
  background: #34303d
}
.btn.btn-primary-alt:focus, .btn-primary-alt.ui_558574:focus, .btn-primary-alt.ui_517427:focus, .btn-primary-alt.ui_464917:focus, .btn.btn-primary-alt:active, .btn-primary-alt.ui_558574:active, .btn-primary-alt.ui_517427:active, .btn-primary-alt.ui_464917:active, .btn.btn-primary-alt:hover, .btn-primary-alt.ui_558574:hover, .btn-primary-alt.ui_517427:hover, .btn-primary-alt.ui_464917:hover {
  color: #FFFDFB;
  background: transparent
}
.btn.btn-primary-dark, .btn-primary-dark.ui_558574, .ui_558574, .btn-primary-dark.ui_517427, .ui_517427.ui_558574, .btn-primary-dark.ui_464917, .ui_464917.ui_558574, .btn.ui_558574, .ui_558574.ui_517427, .ui_558574.ui_464917 {
  background: #34303d;
  color: #FFFDFB
}
.btn.btn-primary-dark:focus, .btn-primary-dark.ui_558574:focus, .ui_558574:focus, .btn-primary-dark.ui_517427:focus, .ui_517427.ui_558574:focus, .btn-primary-dark.ui_464917:focus, .ui_464917.ui_558574:focus, .btn.ui_558574:focus, .ui_558574.ui_517427:focus, .ui_558574.ui_464917:focus, .btn.btn-primary-dark:active, .btn-primary-dark.ui_558574:active, .ui_558574:active, .btn-primary-dark.ui_517427:active, .ui_517427.ui_558574:active, .btn-primary-dark.ui_464917:active, .ui_464917.ui_558574:active, .btn.ui_558574:active, .ui_558574.ui_517427:active, .ui_558574.ui_464917:active, .btn.btn-primary-dark:hover, .btn-primary-dark.ui_558574:hover, .ui_558574:hover, .btn-primary-dark.ui_517427:hover, .ui_517427.ui_558574:hover, .btn-primary-dark.ui_464917:hover, .ui_464917.ui_558574:hover, .btn.ui_558574:hover, .ui_558574.ui_517427:hover, .ui_558574.ui_464917:hover {
  color: #34303d;
 --box-shadow-color: transparent;
  background: transparent
}
.btn.btn-primary-dark:disabled, .btn-primary-dark.ui_558574:disabled, .ui_558574:disabled, .btn-primary-dark.ui_517427:disabled, .ui_517427.ui_558574:disabled, .btn-primary-dark.ui_464917:disabled, .ui_464917.ui_558574:disabled, .btn.ui_558574:disabled, .ui_558574.ui_517427:disabled, .ui_558574.ui_464917:disabled, .btn.btn-primary-dark.disabled, .btn-primary-dark.disabled.ui_558574, .disabled.ui_558574, .btn-primary-dark.disabled.ui_517427, .disabled.ui_517427.ui_558574, .btn-primary-dark.disabled.ui_464917, .disabled.ui_464917.ui_558574, .btn.disabled.ui_558574, .disabled.ui_558574.ui_517427, .disabled.ui_558574.ui_464917 {
  color: #7b7881;
  background: #b8b7bb
}
.btn.btn-primary-dark-alt:after, .btn-primary-dark-alt.ui_558574:after, .btn-primary-dark-alt.ui_517427:after, .btn-primary-dark-alt.ui_464917:after {
  background: #FFFDFB
}
.btn.btn-primary-dark-alt:focus, .btn-primary-dark-alt.ui_558574:focus, .btn-primary-dark-alt.ui_517427:focus, .btn-primary-dark-alt.ui_464917:focus, .btn.btn-primary-dark-alt:active, .btn-primary-dark-alt.ui_558574:active, .btn-primary-dark-alt.ui_517427:active, .btn-primary-dark-alt.ui_464917:active, .btn.btn-primary-dark-alt:hover, .btn-primary-dark-alt.ui_558574:hover, .btn-primary-dark-alt.ui_517427:hover, .btn-primary-dark-alt.ui_464917:hover {
 --box-shadow-color: transparent
}
.btn.btn-secondary, .btn-secondary.ui_558574, .btn-secondary.ui_517427, .btn-secondary.ui_464917 {
 --box-shadow-color: #FFFDFB;
  color: #FFFDFB;
  background: transparent;
  padding: 0.6rem 1.7rem
}
.btn.btn-secondary:focus, .btn-secondary.ui_558574:focus, .btn-secondary.ui_517427:focus, .btn-secondary.ui_464917:focus, .btn.btn-secondary:hover, .btn-secondary.ui_558574:hover, .btn-secondary.ui_517427:hover, .btn-secondary.ui_464917:hover, .btn.btn-secondary:active, .btn-secondary.ui_558574:active, .btn-secondary.ui_517427:active, .btn-secondary.ui_464917:active {
  color: #34303d;
 --box-shadow-color: transparent
}
.btn.btn-secondary:disabled, .btn-secondary.ui_558574:disabled, .btn-secondary.ui_517427:disabled, .btn-secondary.ui_464917:disabled, .btn.btn-secondary.disabled, .btn-secondary.disabled.ui_558574, .btn-secondary.disabled.ui_517427, .btn-secondary.disabled.ui_464917 {
  color: #e1e0e2;
  background: #7b7881
}
.btn.btn-secondary-alt:after, .btn-secondary-alt.ui_558574:after, .btn-secondary-alt.ui_517427:after, .btn-secondary-alt.ui_464917:after {
  background: #34303d
}
.btn.btn-secondary-alt:focus, .btn-secondary-alt.ui_558574:focus, .btn-secondary-alt.ui_517427:focus, .btn-secondary-alt.ui_464917:focus, .btn.btn-secondary-alt:hover, .btn-secondary-alt.ui_558574:hover, .btn-secondary-alt.ui_517427:hover, .btn-secondary-alt.ui_464917:hover, .btn.btn-secondary-alt:active, .btn-secondary-alt.ui_558574:active, .btn-secondary-alt.ui_517427:active, .btn-secondary-alt.ui_464917:active {
  color: #FFFDFB;
 --box-shadow-color: transparent
}
.btn.btn-secondary-dark, .btn-secondary-dark.ui_558574, .ui_558574.ui_464917, .btn-secondary-dark.ui_517427, .ui_517427.ui_464917, .btn-secondary-dark.ui_464917, .ui_464917, .btn.ui_464917, .ui_464917.ui_558574, .ui_464917.ui_517427 {
 --box-shadow-color: #34303d;
  background: transparent;
  color: #34303d;
  padding: 0.6rem 1.7rem
}
.btn.btn-secondary-dark:focus, .btn-secondary-dark.ui_558574:focus, .ui_558574.ui_464917:focus, .btn-secondary-dark.ui_517427:focus, .ui_517427.ui_464917:focus, .btn-secondary-dark.ui_464917:focus, .ui_464917:focus, .btn.ui_464917:focus, .ui_464917.ui_558574:focus, .ui_464917.ui_517427:focus, .btn.btn-secondary-dark:hover, .btn-secondary-dark.ui_558574:hover, .ui_558574.ui_464917:hover, .btn-secondary-dark.ui_517427:hover, .ui_517427.ui_464917:hover, .btn-secondary-dark.ui_464917:hover, .ui_464917:hover, .btn.ui_464917:hover, .ui_464917.ui_558574:hover, .ui_464917.ui_517427:hover, .btn.btn-secondary-dark:active, .btn-secondary-dark.ui_558574:active, .ui_558574.ui_464917:active, .btn-secondary-dark.ui_517427:active, .ui_517427.ui_464917:active, .btn-secondary-dark.ui_464917:active, .ui_464917:active, .btn.ui_464917:active, .ui_464917.ui_558574:active, .ui_464917.ui_517427:active {
 --box-shadow-color: transparent
}
.btn.btn-secondary-dark:disabled, .btn-secondary-dark.ui_558574:disabled, .ui_558574.ui_464917:disabled, .btn-secondary-dark.ui_517427:disabled, .ui_517427.ui_464917:disabled, .btn-secondary-dark.ui_464917:disabled, .ui_464917:disabled, .btn.ui_464917:disabled, .ui_464917.ui_558574:disabled, .ui_464917.ui_517427:disabled, .btn.btn-secondary-dark.disabled, .btn-secondary-dark.disabled.ui_558574, .disabled.ui_558574.ui_464917, .btn-secondary-dark.disabled.ui_517427, .disabled.ui_517427.ui_464917, .btn-secondary-dark.disabled.ui_464917, .disabled.ui_464917, .btn.disabled.ui_464917, .disabled.ui_464917.ui_558574, .disabled.ui_464917.ui_517427 {
  color: #7b7881;
  background: #b8b7bb
}
.btn.btn-secondary-dark-alt, .btn-secondary-dark-alt.ui_558574, .btn-secondary-dark-alt.ui_517427, .btn-secondary-dark-alt.ui_464917 {
 --box-shadow-color: #34303d;
  background: transparent;
  color: #34303d;
  padding: 0.6rem 1.7rem
}
.btn.btn-secondary-dark-alt:focus, .btn-secondary-dark-alt.ui_558574:focus, .btn-secondary-dark-alt.ui_517427:focus, .btn-secondary-dark-alt.ui_464917:focus, .btn.btn-secondary-dark-alt:hover, .btn-secondary-dark-alt.ui_558574:hover, .btn-secondary-dark-alt.ui_517427:hover, .btn-secondary-dark-alt.ui_464917:hover, .btn.btn-secondary-dark-alt:active, .btn-secondary-dark-alt.ui_558574:active, .btn-secondary-dark-alt.ui_517427:active, .btn-secondary-dark-alt.ui_464917:active {
 --box-shadow-color: transparent
}
.btn.btn-secondary-dark-alt:disabled, .btn-secondary-dark-alt.ui_558574:disabled, .btn-secondary-dark-alt.ui_517427:disabled, .btn-secondary-dark-alt.ui_464917:disabled, .btn.btn-secondary-dark-alt.disabled, .btn-secondary-dark-alt.disabled.ui_558574, .btn-secondary-dark-alt.disabled.ui_517427, .btn-secondary-dark-alt.disabled.ui_464917 {
  color: #7b7881;
  background: #b8b7bb
}
.btn.btn-secondary-dark-alt:after, .btn-secondary-dark-alt.ui_558574:after, .btn-secondary-dark-alt.ui_517427:after, .btn-secondary-dark-alt.ui_464917:after {
  background: #FFFDFB
}
.btn.btn-remove-filter, .btn-remove-filter.ui_558574, .btn-remove-filter.ui_517427, .btn-remove-filter.ui_464917 {
  font-size: 0.7rem;
  line-height: 1.4;
  letter-spacing: 0.4px;
  color: #FFFDFB;
  padding: 3px 15px 5px 12px;
  display: flex;
  align-items: center;
  font-weight: 100
}
.btn.btn-remove-filter::before, .btn-remove-filter.ui_558574::before, .btn-remove-filter.ui_517427::before, .btn-remove-filter.ui_464917::before {
  content: '';
  margin-right: 7px;
  background: url('../../../../../design/themes/kura/media/icons/close-light.svg?1690945733') no-repeat center;
  height: 0.75rem;
  width: 0.75rem;
  background-size: 100%
}
.btn.btn-inverse:after, .btn-inverse.ui_558574:after, .btn-inverse.ui_517427:after, .btn-inverse.ui_464917:after {
  background: #FFFDFB
}
.btn[disabled], .ui_558574[disabled], .ui_517427[disabled], .ui_464917[disabled], .btn:disabled, .ui_558574:disabled, .ui_517427:disabled, .ui_464917:disabled, .btn.disabled, .disabled.ui_558574, .disabled.ui_517427, .disabled.ui_464917 {
  cursor: default;
  pointer-events: none
}
.btn.btn-success, .btn-success.ui_558574, .btn-success.ui_517427, .btn-success.ui_464917 {
  background: #32b643;
  border-color: #2faa3f;
  color: #ffffff
}
.btn.btn-success:focus, .btn-success.ui_558574:focus, .btn-success.ui_517427:focus, .btn-success.ui_464917:focus {
  box-shadow: 0 0 0 0.1rem rgba(50, 182, 67, 0.2)
}
.btn.btn-success:focus, .btn-success.ui_558574:focus, .btn-success.ui_517427:focus, .btn-success.ui_464917:focus, .btn.btn-success:hover, .btn-success.ui_558574:hover, .btn-success.ui_517427:hover, .btn-success.ui_464917:hover {
  background: #30ae40;
  border-color: #2da23c;
  color: #ffffff
}
.btn.btn-success:active, .btn-success.ui_558574:active, .btn-success.ui_517427:active, .btn-success.ui_464917:active, .btn.btn-success.active, .btn-success.active.ui_558574, .btn-success.active.ui_517427, .btn-success.active.ui_464917 {
  background: #2a9a39;
  border-color: #278e34;
  color: #ffffff
}
.btn.btn-success.loading::after, .btn-success.loading.ui_558574::after, .btn-success.loading.ui_517427::after, .btn-success.loading.ui_464917::after {
  border-bottom-color: #ffffff;
  border-left-color: #ffffff
}
.btn.btn-success .button-text, .btn-success.ui_558574 .button-text, .btn-success.ui_517427 .button-text, .btn-success.ui_464917 .button-text {
  opacity: 0;
  transition: opacity 0.3s
}
.btn.btn-success .icon-success, .btn-success.ui_558574 .icon-success, .btn-success.ui_517427 .icon-success, .btn-success.ui_464917 .icon-success {
  opacity: 1
}
.btn .icon-success, .ui_558574 .icon-success, .ui_517427 .icon-success, .ui_464917 .icon-success {
  opacity: 0;
  transition: opacity 0.3s;
  width: 0.9rem;
  height: 1.2rem;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.117' height='14.616' viewBox='0 0 20.117 14.616'%3E%3Cpath id='Pfad_1806' data-name='Pfad 1806' d='M-2768.77,4387.641l6.493,6.494,4.767-4.768,7.081-7.2' transform='translate(2769.654 -4381.287)' fill='none' stroke='%23ffffff' stroke-width='2.5'/%3E%3C/svg%3E%0A")
}
.btn.btn-error, .btn-error.ui_558574, .btn-error.ui_517427, .btn-error.ui_464917 {
  background: #e85600;
  border-color: #d95000;
  color: #ffffff
}
.btn.btn-error:focus, .btn-error.ui_558574:focus, .btn-error.ui_517427:focus, .btn-error.ui_464917:focus {
  box-shadow: 0 0 0 0.1rem rgba(232, 86, 0, 0.2)
}
.btn.btn-error:focus, .btn-error.ui_558574:focus, .btn-error.ui_517427:focus, .btn-error.ui_464917:focus, .btn.btn-error:hover, .btn-error.ui_558574:hover, .btn-error.ui_517427:hover, .btn-error.ui_464917:hover {
  background: #de5200;
  border-color: #cf4d00;
  color: #ffffff
}
.btn.btn-error:active, .btn-error.ui_558574:active, .btn-error.ui_517427:active, .btn-error.ui_464917:active, .btn.btn-error.active, .btn-error.active.ui_558574, .btn-error.active.ui_517427, .btn-error.active.ui_464917 {
  background: #c44900;
  border-color: #b54300;
  color: #ffffff
}
.btn.btn-error.loading::after, .btn-error.loading.ui_558574::after, .btn-error.loading.ui_517427::after, .btn-error.loading.ui_464917::after {
  border-bottom-color: #ffffff;
  border-left-color: #ffffff
}
.btn.btn-link, .btn-link.ui_558574, .btn-link.ui_517427, .btn-link.ui_464917 {
  background: transparent;
  border-color: transparent;
  color: #34303d
}
.btn.btn-link:focus, .btn-link.ui_558574:focus, .btn-link.ui_517427:focus, .btn-link.ui_464917:focus, .btn.btn-link:hover, .btn-link.ui_558574:hover, .btn-link.ui_517427:hover, .btn-link.ui_464917:hover, .btn.btn-link:active, .btn-link.ui_558574:active, .btn-link.ui_517427:active, .btn-link.ui_464917:active, .btn.btn-link.active, .btn-link.active.ui_558574, .btn-link.active.ui_517427, .btn-link.active.ui_464917 {
  color: #1c1a20
}
.btn.btn-sm, .btn-sm.ui_558574, .btn-sm.ui_517427, .btn-sm.ui_464917 {
  font-size: 0.7rem;
  height: 1.4rem;
  padding: 0.05rem 0.3rem
}
.btn.btn-lg, .btn-lg.ui_558574, .btn-lg.ui_517427, .btn-lg.ui_464917 {
  font-size: 0.9rem;
  height: 2rem;
  padding: 0.35rem 0.6rem
}
.btn.btn-block, .btn-block.ui_558574, .btn-block.ui_517427, .btn-block.ui_464917 {
  display: block;
  width: 100%
}

@media (max-width: 639px) {
.btn.-full-xs, .-full-xs.ui_558574, .-full-xs.ui_517427, .-full-xs.ui_464917 {
  width: 100%
}
}

@media (max-width: 839px) {
.btn.-full-sm, .-full-sm.ui_558574, .-full-sm.ui_517427, .-full-sm.ui_464917 {
  width: 100%
}
}

@media (max-width: 959px) {
.btn.-full-md, .-full-md.ui_558574, .-full-md.ui_517427, .-full-md.ui_464917 {
  width: 100%
}
}
.btn.btn-action, .btn-action.ui_558574, .btn-action.ui_517427, .btn-action.ui_464917 {
  width: 1.8rem;
  padding-left: 0;
  padding-right: 0
}
.btn.btn-action.btn-sm, .btn-action.btn-sm.ui_558574, .btn-action.btn-sm.ui_517427, .btn-action.btn-sm.ui_464917 {
  width: 1.4rem
}
.btn.btn-action.btn-lg, .btn-action.btn-lg.ui_558574, .btn-action.btn-lg.ui_517427, .btn-action.btn-lg.ui_464917 {
  width: 2rem
}
.btn.btn-clear, .btn-clear.ui_558574, .btn-clear.ui_517427, .btn-clear.ui_464917 {
  background: transparent;
  border: 0;
  color: currentColor;
  height: 1rem;
  line-height: 0.8rem;
  margin-left: 0.2rem;
  margin-right: -2px;
  opacity: 1;
  padding: 0.1rem;
  text-decoration: none;
  width: 1rem;
  background: transparent url('../../../../../design/themes/kura/media/icons/close.svg?1690945733') no-repeat center center;
  background-size: 20px 20px
}
.btn.btn-clear:focus, .btn-clear.ui_558574:focus, .btn-clear.ui_517427:focus, .btn-clear.ui_464917:focus, .btn.btn-clear:hover, .btn-clear.ui_558574:hover, .btn-clear.ui_517427:hover, .btn-clear.ui_464917:hover {
  opacity: 0.95
}
.btn-group {
  display: inline-flex;
  flex-wrap: wrap
}
.btn-group .btn, .btn-group .ui_558574, .btn-group .ui_517427, .btn-group .ui_464917 {
  flex: 1 0 auto
}
.btn-group .btn:first-child:not(:last-child), .btn-group .ui_558574:first-child:not(:last-child), .btn-group .ui_517427:first-child:not(:last-child), .btn-group .ui_464917:first-child:not(:last-child) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0
}
.btn-group .btn:not(:first-child):not(:last-child), .btn-group .ui_558574:not(:first-child):not(:last-child), .btn-group .ui_517427:not(:first-child):not(:last-child), .btn-group .ui_464917:not(:first-child):not(:last-child) {
  border-radius: 0;
  margin-left: -0.05rem
}
.btn-group .btn:last-child:not(:first-child), .btn-group .ui_558574:last-child:not(:first-child), .btn-group .ui_517427:last-child:not(:first-child), .btn-group .ui_464917:last-child:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  margin-left: -0.05rem
}
.btn-group .btn:focus, .btn-group .ui_558574:focus, .btn-group .ui_517427:focus, .btn-group .ui_464917:focus, .btn-group .btn:hover, .btn-group .ui_558574:hover, .btn-group .ui_517427:hover, .btn-group .ui_464917:hover, .btn-group .btn:active, .btn-group .ui_558574:active, .btn-group .ui_517427:active, .btn-group .ui_464917:active, .btn-group .btn.active, .btn-group .active.ui_558574, .btn-group .active.ui_517427, .btn-group .active.ui_464917 {
  z-index: 1
}
.btn-group.btn-group-block {
  display: flex
}
.btn-group.btn-group-block .btn, .btn-group.btn-group-block .ui_558574, .btn-group.btn-group-block .ui_517427, .btn-group.btn-group-block .ui_464917 {
  flex: 1 0 0
}
.btn-link-box, .btn-link-box-back {
  font-size: 0.8rem;
  line-height: 1.2rem;
  color: #FFFDFB;
  position: relative;
  padding: 0 1.2rem 0 0;
  transition: color 0.2s;
  display: inline-flex;
  cursor: pointer;
  background: none;
  border: none;
  outline: none
}
.btn-link-box:after, .btn-link-box-back:after {
  content: " ";
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center left;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOCAxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTggMTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KCTxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+CgkJLnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiNGRkZERkI7c3Ryb2tlLXdpZHRoOjI7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7fQoJPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTExLjQsMTFsNS01bC01LTUgTTE1LjQsNi4xbC0xNC0wLjEiLz4KPC9zdmc+Cg==");
  width: 0.8rem;
  height: 100%;
  position: absolute;
  right: 0;
  transition: transform 0.2s ease;
  transform: translateX(0px);
  will-change: transform
}
.btn-link-box:before, .btn-link-box-back:before {
  content: " ";
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center left;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOCAxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTggMTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KCTxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+CgkJLnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiMwMEQxRDI7c3Ryb2tlLXdpZHRoOjI7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7fQoJPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTExLjQsMTFsNS01bC01LTUgTTE1LjQsNi4xbC0xNC0wLjEiLz4KPC9zdmc+Cg==");
  width: 0.8rem;
  height: 100%;
  position: absolute;
  right: 0;
  z-index: 2;
  clip-path: inset(0 100% 0 0);
  -webkit-clip-path: inset(0 100% 0 0);
  transition: clip-path 0.3s, -webkit-clip-path 0.3s
}
.btn-link-box:hover, .btn-link-box-back:hover, .btn-link-box:focus, .btn-link-box-back:focus {
  color: #FFFDFB
}
.btn-link-box:hover:after, .btn-link-box-back:hover:after, .btn-link-box:focus:after, .btn-link-box-back:focus:after {
  transform: translateX(5px)
}
.btn-link-box.disabled, .disabled.btn-link-box-back {
  color: #99979e;
  pointer-events: none
}
.btn-link-box.disabled:after, .disabled.btn-link-box-back:after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOCAxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTggMTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KCTxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+CgkJLnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiM5OTk3OWU7c3Ryb2tlLXdpZHRoOjI7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7fQoJPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTExLjQsMTFsNS01bC01LTUgTTE1LjQsNi4xbC0xNC0wLjEiLz4KPC9zdmc+Cg==")
}
.btn-link-box.btn-link-box-alt:before, .btn-link-box-alt.btn-link-box-back:before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOCAxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTggMTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KCTxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+CgkJLnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiNGRkZERkI7c3Ryb2tlLXdpZHRoOjI7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7fQoJPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTExLjQsMTFsNS01bC01LTUgTTE1LjQsNi4xbC0xNC0wLjEiLz4KPC9zdmc+Cg==")
}
.btn-link-box.btn-link-box-dark, .btn-link-box-dark.btn-link-box-back, .btn-link-box.dark, .dark.btn-link-box-back {
  color: #34303d
}
.btn-link-box.btn-link-box-dark:after, .btn-link-box-dark.btn-link-box-back:after, .btn-link-box.dark:after, .dark.btn-link-box-back:after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOCAxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTggMTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KCTxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+CgkJLnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiNGRkZERkI7c3Ryb2tlLXdpZHRoOjI7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7fQoJPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTExLjQsMTFsNS01bC01LTUgTTE1LjQsNi4xbC0xNC0wLjEiLz4KPC9zdmc+Cg==")
}
.btn-link-box.btn-link-box-dark.-only-arrow:after, .btn-link-box-dark.-only-arrow.btn-link-box-back:after, .btn-link-box.dark.-only-arrow:after, .dark.-only-arrow.btn-link-box-back:after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOCAxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTggMTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KCTxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+CgkJLnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiMzNDMwM2Q7c3Ryb2tlLXdpZHRoOjI7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7fQoJPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTExLjQsMTFsNS01bC01LTUgTTE1LjQsNi4xbC0xNC0wLjEiLz4KPC9zdmc+Cg==")
}
.btn-link-box.btn-link-box-dark.-only-arrow:before, .btn-link-box-dark.-only-arrow.btn-link-box-back:before, .btn-link-box.dark.-only-arrow:before, .dark.-only-arrow.btn-link-box-back:before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOCAxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTggMTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KCTxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+CgkJLnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiMwMEQxRDI7c3Ryb2tlLXdpZHRoOjI7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7fQoJPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTExLjQsMTFsNS01bC01LTUgTTE1LjQsNi4xbC0xNC0wLjEiLz4KPC9zdmc+Cg==")
}
.btn-link-box.btn-link-box-dark.dark-ico:after, .btn-link-box-dark.dark-ico.btn-link-box-back:after, .btn-link-box.dark.dark-ico:after, .dark.dark-ico.btn-link-box-back:after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOCAxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTggMTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KCTxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+CgkJLnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiMzNDMwM2Q7c3Ryb2tlLXdpZHRoOjI7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7fQoJPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTExLjQsMTFsNS01bC01LTUgTTE1LjQsNi4xbC0xNC0wLjEiLz4KPC9zdmc+Cg==")
}
.btn-link-box.btn-link-box-dark.dark-ico:before, .btn-link-box-dark.dark-ico.btn-link-box-back:before, .btn-link-box.dark.dark-ico:before, .dark.dark-ico.btn-link-box-back:before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOCAxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTggMTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KCTxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+CgkJLnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiNGRkZERkI7c3Ryb2tlLXdpZHRoOjI7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7fQoJPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTExLjQsMTFsNS01bC01LTUgTTE1LjQsNi4xbC0xNC0wLjEiLz4KPC9zdmc+Cg==")
}
.btn-link-box.btn-link-box-dark.dark-ico.-hover-alt:before, .btn-link-box-dark.dark-ico.-hover-alt.btn-link-box-back:before, .btn-link-box.dark.dark-ico.-hover-alt:before, .dark.dark-ico.-hover-alt.btn-link-box-back:before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOCAxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTggMTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KCTxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+CgkJLnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiMwMEQxRDI7c3Ryb2tlLXdpZHRoOjI7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7fQoJPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTExLjQsMTFsNS01bC01LTUgTTE1LjQsNi4xbC0xNC0wLjEiLz4KPC9zdmc+Cg==")
}
.btn-link-box.btn-link-box-dark.disabled, .btn-link-box-dark.disabled.btn-link-box-back, .btn-link-box.dark.disabled, .dark.disabled.btn-link-box-back {
  color: #99979e;
  pointer-events: none
}
.btn-link-box.btn-link-box-dark.disabled:after, .btn-link-box-dark.disabled.btn-link-box-back:after, .btn-link-box.dark.disabled:after, .dark.disabled.btn-link-box-back:after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOCAxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTggMTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KCTxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+CgkJLnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiM5OTk3OWU7c3Ryb2tlLXdpZHRoOjI7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7fQoJPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTExLjQsMTFsNS01bC01LTUgTTE1LjQsNi4xbC0xNC0wLjEiLz4KPC9zdmc+Cg==")
}
.btn-link-box.btn-link-box-dark-alt:before, .btn-link-box-dark-alt.btn-link-box-back:before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOCAxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTggMTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KCTxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+CgkJLnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiM5OTk3OWU7c3Ryb2tlLXdpZHRoOjI7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7fQoJPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTExLjQsMTFsNS01bC01LTUgTTE1LjQsNi4xbC0xNC0wLjEiLz4KPC9zdmc+Cg==")
}
.btn-link-box.-hover-alt:before, .-hover-alt.btn-link-box-back:before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOCAxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTggMTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KCTxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+CgkJLnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiMwMEQxRDI7c3Ryb2tlLXdpZHRoOjI7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7fQoJPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTExLjQsMTFsNS01bC01LTUgTTE1LjQsNi4xbC0xNC0wLjEiLz4KPC9zdmc+Cg==")
}
.btn-link-box.-gray-over:before, .-gray-over.btn-link-box-back:before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOCAxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTggMTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KCTxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+CgkJLnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiM3Yjc4ODE7c3Ryb2tlLXdpZHRoOjI7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7fQoJPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTExLjQsMTFsNS01bC01LTUgTTE1LjQsNi4xbC0xNC0wLjEiLz4KPC9zdmc+Cg==") !important
}
.btn-link-box-back {
  padding-right: 0;
  padding-left: 1.2rem
}
.btn-link-box-back:after, .btn-link-box-back:before {
  right: auto;
  left: 0;
  transform: rotate(180deg)
}
.btn-link-box-back:focus:after, .btn-link-box-back:hover:after {
  transform: rotate(180deg) translateX(5px)
}
.btn-play {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  cursor: pointer;
  transition: background 0.3s;
  z-index: 3;
  width: 100%;
  height: 100%;
  border-radius: 0;
  background: transparent
}
.btn-play .ico {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-28%) translateY(-50%) rotate(90deg);
  z-index: 2
}
.btn-play .ico .t {
  display: block;
  position: relative;
  overflow: hidden;
  transform: translateY(50%) rotate(30deg) skewY(30deg) scaleX(0.866);
  pointer-events: none;
  border-radius: 20%
}
.btn-play .ico .t, .btn-play .ico .t::before, .btn-play .ico .t::after {
  width: 1rem;
  height: 1rem
}
.btn-play .ico .t::before, .btn-play .ico .t::after {
  content: '';
  position: absolute;
  background: #524f5a;
  pointer-events: auto
}
.btn-play .ico .t::before {
  transform: scaleX(1.155) skewY(-30deg) rotate(-30deg) translateY(-42.3%) skewX(30deg) scaleY(0.866) translateX(-24%)
}
.btn-play .ico .t::after {
  transform: scaleX(1.155) skewY(-30deg) rotate(-30deg) translateY(-42.3%) skewX(-30deg) scaleY(0.866) translateX(24%)
}
.btn-play .ico .t::before {
  border-radius: 20% 20% 20% 55%
}
.btn-play .ico .t::after {
  border-radius: 20% 20% 55% 20%
}
.btn-play:after {
  content: '';
  position: absolute;
  border-radius: 100%;
  background: #FFFDFB;
  width: 48px;
  height: 48px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: background 0.3s
}
.btn-play:hover {
  background: #00D1D2;
  background: transparent
}
.btn-play:hover:after {
  background: #00D1D2
}
.bigger-link-play .btn-play {
  width: 100%;
  height: 100%;
  border-radius: 0;
  background: transparent
}
.bigger-link-play .btn-play .ico {
  z-index: 2
}
.bigger-link-play .btn-play:hover {
  background: transparent
}
.bigger-link-play .btn-play:hover:after {
  background: #00D1D2
}
.bigger-link-play .btn-play:after {
  content: '';
  position: absolute;
  border-radius: 100%;
  background: #FFFDFB;
  width: 48px;
  height: 48px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: background 0.3s
}
.link, .page-main p a:not([class]), a.fancy {
  font-size: 0.8rem;
  line-height: 1.5;
  position: relative;
  border: none;
  padding: 0 0 1px;
  outline: none;
  cursor: pointer;
  background-color: transparent;
  background-image: linear-gradient(to right, #00D1D2 50%, #34303d 50%);
  background-size: 200% 1px;
  background-position: 100% bottom;
  transition: background-position 0.5s ease-in-out;
  background-repeat: no-repeat;
  color: inherit
}

@media (hover: hover) {
.link:hover, .page-main p a:not([class]):hover, a.fancy:hover {
  background-position: 0% bottom
}
}
.link.alt, .page-main p a.alt:not([class]), a.fancy.alt {
  background-image: linear-gradient(to right, #FFFDFB 50%, #34303d 50%)
}

@media (hover: hover) {
.link.alt:hover, .page-main p a.alt:not([class]):hover, a.fancy.alt:hover {
  color: #FFFDFB
}
}
.link.disabled, .page-main p a.disabled:not([class]), a.fancy.disabled {
  color: #7b7881;
  background-image: linear-gradient(to right, #7b7881 50%)
}
.link.light, .page-main p a.light:not([class]), a.fancy.light {
  color: #FFFDFB;
  background-image: linear-gradient(to right, #00D1D2 50%, #FFFDFB 50%)
}
.link.light.alt, .page-main p a.light.alt:not([class]), a.fancy.light.alt {
  background-image: linear-gradient(to right, #34303d 50%, #FFFDFB 50%)
}
.link.light.alt:hover, .page-main p a.light.alt:not([class]):hover, a.fancy.light.alt:hover {
  color: #FFFDFB
}
.link.light.disabled, .page-main p a.light.disabled:not([class]), a.fancy.light.disabled {
  color: #7b7881;
  background-image: linear-gradient(to right, #7b7881, #7b7881)
}
.btn-myiqos {
  position: relative
}
.btn-myiqos:before, .btn-myiqos:after {
  content: " ";
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center left;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOCAxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTggMTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KCTxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+CgkJLnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiMzNDMwM2Q7c3Ryb2tlLXdpZHRoOjI7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7fQoJPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTExLjQsMTFsNS01bC01LTUgTTE1LjQsNi4xbC0xNC0wLjEiLz4KPC9zdmc+Cg==");
  width: 21px;
  height: 1em;
  position: absolute;
  left: calc(100% + 10px);
  transition: transform 0.2s ease;
  transform: translateX(0px);
  transition: clip-path 0.3s, -webkit-clip-path 0.3s;
  clip-path: inset(0 0% 0 0);
  -webkit-clip-path: inset(0 0% 0 0);
  bottom: 5px
}
.btn-myiqos:before {
  content: " ";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOCAxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTggMTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KCTxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+CgkJLnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiMwMEQxRDI7c3Ryb2tlLXdpZHRoOjI7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7fQoJPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTExLjQsMTFsNS01bC01LTUgTTE1LjQsNi4xbC0xNC0wLjEiLz4KPC9zdmc+Cg==");
  z-index: 2;
  clip-path: inset(0 100% 0 0);
  -webkit-clip-path: inset(0 100% 0 0)
}

@media (hover: hover) {
.btn-myiqos:hover:before {
  clip-path: inset(0 0% 0 0);
  -webkit-clip-path: inset(0 0% 0 0)
}
.btn-myiqos:hover:after {
  clip-path: inset(0 0 0 100%);
  -webkit-clip-path: inset(0 0 0 100%)
}
}
.btn-edit {
  border: none;
  background: none;
  outline: none;
  display: flex;
  align-items: center;
  padding: 0;
  margin: 0;
  font-size: 0.8rem;
  line-height: 1.5;
  cursor: pointer
}
.btn-edit::after {
  content: '';
  display: block;
  height: 1rem;
  width: 1rem;
  background: url('../../../../../design/themes/kura/media/icons/edit.svg?1690945733') no-repeat center;
  background-size: 100%;
  margin-left: 0.7rem
}
.btn-toggle-switch {
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold;
  font-size: 0.9rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  appearance: none;
  background: none;
  cursor: pointer;
  width: 100%;
  border: none;
  padding: 0;
  margin: 0;
  outline: none
}
.btn-toggle-switch b {
  pointer-events: none;
  height: 1.4rem;
  width: 1.4rem;
  position: relative;
  border: 1.5px solid;
  margin-left: 1.4rem;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 50%
}
.btn-toggle-switch b::before, .btn-toggle-switch b::after {
  content: '';
  position: absolute;
  top: 50%;
  right: auto;
  bottom: auto;
  left: 50%;
  height: 6px;
  width: 12px;
  background-size: contain;
  transition: all 0.3s;
  background-repeat: no-repeat;
  background-position: center
}
.btn-toggle-switch b::before {
  background-image: url('../../../../../design/themes/kura/media/icons/chevron-down.svg?1690945733');
  transform: translate(-50%, -35%)
}
.btn-toggle-switch b::after {
  background-image: url('../../../../../design/themes/kura/media/icons/chevron-up.svg?1690945733');
  transform: translate(-50%, -65%);
  top: 0;
  opacity: 0
}
.btn-toggle-switch.active b::before {
  top: calc(100% + 10px);
  opacity: 0
}
.btn-toggle-switch.active b::after {
  top: 50%;
  opacity: 1
}
button.plus-sign {
  height: 1.8rem;
  width: 1.8rem;
  border: 2px solid #34303d;
  color: #34303d;
  border-radius: 50%;
  line-height: 36px;
  text-align: center;
  flex-shrink: 0;
  font-size: 1.3rem;
  display: flex;
  position: relative;
  background: none;
  outline: none;
  cursor: pointer;
  padding: 0;
  margin-left: auto
}
button.plus-sign::before, button.plus-sign::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(0);
  width: 0.7rem;
  border-top: 2px solid
}
button.plus-sign::before {
  transition: transform 0.3s ease-in-out
}
button.plus-sign::after {
  transform: translate(-50%, -50%) rotate(90deg);
  transition: transform 0.5s ease-in-out
}
button.plus-sign.active::before {
  transform: translate(-50%, -50%) rotate(180deg)
}
button.plus-sign.active::after {
  transform: translate(-50%, -50%) rotate(360deg)
}
.page-main p a:not([class]) {
  text-decoration: none;
  font-size: inherit;
  line-height: inherit
}
.js-reveal {
  overflow: hidden;
  position: relative
}
.js-reveal .cover {
  position: absolute;
  top: 0;
  left: 0;
  background: #00D1D2;
  width: 100%;
  height: 100%;
  z-index: 2;
  transform: skew(-21.5deg);
  transform-origin: top right
}
.js-reveal img, .js-reveal video {
  visibility: hidden
}
.js-reveal:after {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #00D1D2;
  z-index: 2
}
.js-reveal.intro-played:after {
  display: none
}
.tabs-selector {
  display: flex;
  list-style: none;
  padding: 0 0 1rem 0;
  margin: 0;
  justify-content: space-evenly
}
.tabs-selector li {
  font-size: 0.8rem;
  line-height: 1.5;
  letter-spacing: 0.2px;
  color: #524f5a;
  font-weight: normal;
  text-align: center;
  padding: 4px 0;
  margin: 0 8px 0 8px;
  transition: border-bottom 0.2s
}
.tabs-selector li:first-child {
  margin-left: 0
}
.tabs-selector li:last-child {
  margin-right: 0
}
.tabs-selector li.-selected {
  color: #34303d;
  font-weight: bold
}
.tabs-selector li a {
  color: inherit;
  outline: none
}

@media (max-width: 959px) {
.tabs-panels .-tab {
  display: none
}
.tabs-panels .-tab.-selected {
  display: block
}
}
p.legal-advice {
  font-size: 0.6rem !important;
  line-height: 0.8rem !important;
  letter-spacing: 0.2px !important
}

@media (min-width: 960px) {
p.legal-advice {
  font-size: 0.6rem !important;
  line-height: 1.33 !important
}
}
p.box-p {
  background: rgba(52, 48, 61, 0.1);
  padding: 0.4rem 0.75rem;
  box-sizing: border-box
}
.legal-advice-block {
  width: 83vw;
  margin: 0 auto;
  font-size: 14px;
  text-align: center;
  padding: 48px 0 28px 0
}

@media (min-width: 960px) {
.legal-advice-block {
  width: 75.55vw;
  max-width: 1088px;
  padding: 48px 0
}
}
.legal-advice-block .text-wrapper {
  width: 100%;
  margin: 0 auto;
  max-width: 740px
}

@media (min-width: 960px) {
.legal-advice-block .text-wrapper {
  width: 85%
}
}
.legal-advice-block.block-space {
  padding: 0;
  margin-bottom: 56px
}

@media (min-width: 960px) {
.legal-advice-block.block-space {
  margin-bottom: 100px
}
}

@media (max-width: 959px) {
.legal-advice-block.text-left-sd {
  text-align: left
}
}
.badge {
  position: relative;
  white-space: nowrap;
  font-size: 0.6rem;
  background: #00D1D2;
  color: #34303d;
  padding: 3px 6px;
  border-radius: 2px;
  margin: 0 4px;
  font-weight: normal;
  display: inline-block;
  vertical-align: middle
}

@media (min-width: 960px) {
.badge {
  font-size: 0.6rem
}
}
.badge.-bordered {
  border: 1px solid
}
.badge.-soft-white {
  background: white
}
.badge.-slate {
  background: #34303d;
  color: white
}
.badge.-amber {
  background: #e27d34
}
.badge.-red {
  background: #a22f26;
  color: white
}
.badge.-alert {
  background: white;
  color: #c73636
}
.badge.-alert.-bordered {
  border-color: #c73636
}
.badge.-blue {
  background: #2980b5;
  color: white
}
.badge.-yellow {
  background: #ffd040
}
.badge.-turquoise {
  background: #00D1D2
}
.badge.-border-turquoise {
  border-color: #00D1D2
}
.hero-badge-container .badge {
  font-size: 0.9rem;
  line-height: 1.56
}
.checklist {
  list-style: none;
  margin-top: 0
}
.checklist li {
  position: relative;
  padding-left: 2rem;
  margin-bottom: 1.6rem
}
.checklist li:before {
  content: " ";
  background: #00D1D2 url('../../../../../design/themes/kura/media/images/ico/check-slate.svg?1690945733') no-repeat;
  background-position: center center;
  background-size: 75% auto;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(15%)
}
.checklist li .h4 {
  line-height: 1.2;
  letter-spacing: 0.2px;
  margin-bottom: 0.8rem
}
.checklist li .title {
  font-size: 1rem;
  line-height: 1.2;
  letter-spacing: 0.2px;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold;
  margin-bottom: 0.8rem
}
.checklist li .legal {
  font-size: 0.6rem;
  line-height: 1.67;
  letter-spacing: 0.2px
}
.checklist li>:last-child {
  margin-bottom: 0
}
.breadcrumb {
  font-size: 0.75rem
}
.breadcrumb>ol {
  list-style: none;
  margin: 0
}
.breadcrumb>ol>li {
  margin: 0;
  display: inline;
  color: #34303d
}
.breadcrumb>ol>li:not(:last-child):after {
  content: '';
  display: inline-block;
  width: 8px;
  height: 8px;
  border: solid #34303d;
  border-width: 2px 2px 0 0;
  border-radius: 1px;
  transform: rotate(45deg) scale(0.8);
  margin: 0 7px 0 2px
}
.breadcrumb>ol a {
  white-space: nowrap
}
.login-modal {
  padding: 20px 100px
}
.login-modal .columns {
  flex-direction: column-reverse
}
.login-modal .column {
  width: 100%
}
.login-modal .actions-wrapper {
  margin-top: 2rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start
}
.login-modal .actions-wrapper button+button {
  margin-top: 1.2rem
}
.login-modal #login_column {
  border-bottom: 1px solid #e1e0e2;
  margin-bottom: 1.2rem;
  padding-bottom: 1.2rem
}
.login-modal .title-login {
  display: none
}
.login-modal .section-note {
  display: none
}
.login-modal .title-register {
  display: none
}
.login-modal .text-login-popup {
  margin-bottom: 1.2rem !important
}
.login-modal .section-note {
  margin-top: 1rem
}
.login-modal #activation_form_wrapper {
  display: none
}
.login-modal #password_recovery_form_wrapper {
  display: none
}
.login-modal #login_form_wrapper {
  display: block
}
.login-modal .-show-password-recovery #password_recovery_form_wrapper {
  display: block
}
.login-modal .-show-password-recovery #login_form_wrapper {
  display: none
}
.login-modal .-show-account-activation #activation_form_wrapper {
  display: block
}
.login-modal .-show-account-activation #login_form_wrapper {
  display: none
}

@media (max-width: 959px) {
.login-modal {
  padding: 20px 10px
}
.login-modal .tabs-panels .-tab {
  display: block
}
}
.aside-sorting-select ul {
  list-style: none
}
.aside-sorting-select ul li {
  margin: 0.5rem 0
}
.aside-sorting-select .sorting-desc {
  margin-left: 0.1rem
}
.aside-sorting-select svg.svg-radio {
  vertical-align: middle;
  display: inline-block
}
.aside-sorting-select svg.svg-radio .svg-radio-dot {
  visibility: hidden
}
.aside-sorting-select svg.svg-radio.checked .svg-radio-dot {
  visibility: visible
}
header.product-category-title:not(:first-child) {
  padding-top: 1.2rem
}

@media (max-width: 980px) {
.product-category-nav ul {
  display: none
}
div.sorting-dropdown.ty-sort-dropdown {
  flex: 1 40%
}
div.sorting-dropdown.ty-sort-dropdown ul.ty-sort-dropdown__content {
  margin-right: 20px
}
#sorting-filter.expanded {
  padding: 20px 32px 32px 32px
}
.product-category-nav.expanded ul {
  display: block
}
.product-list-filters.product-list-filters-with-sorting #category-nav {
  max-height: none
}
.aside-sorting-select {
  text-align: left
}
}

@media (min-width: 981px) {
.product-list-filters.product-list-filters-with-sorting #category-nav {
  max-height: 50vh
}
}
div.ty-sort-dropdown a {
  padding-bottom: 2px;
  background-color: transparent;
  background-image: linear-gradient(to right, #00D1D2 50%, transparent 50%);
  background-size: 200% 2px;
  background-position: 100% bottom;
  transition: background-position 0.5s ease-in-out;
  background-repeat: no-repeat
}
div.ty-sort-dropdown a:hover {
  background-position: 0% bottom
}
div.ty-sort-dropdown>a {
  cursor: default;
  display: inline-block
}
div.ty-sort-dropdown>a:after {
  content: " ";
  display: inline-block;
  position: relative;
  width: 21px;
  height: 21px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='21' viewBox='0 0 24 24' fill='none' stroke='%2334303D' stroke-width='2' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  top: 5px;
  transition: transform 0.5s
}
div.ty-sort-dropdown>a.open:after {
  -moz-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
  filter: FlipV;
  -ms-filter: "FlipV"
}
div.ty-sort-dropdown ul.ty-sort-dropdown__content {
  position: absolute;
  z-index: 100;
  right: 0;
  text-align: right;
  background: #fff;
  border: solid 1px #eee;
  border-radius: 10px;
  padding: 5px 20px;
  margin-right: -20px;
  list-style: none
}
div.ty-sort-dropdown ul.ty-sort-dropdown__content li.ty-sort-dropdown__content-item {
  margin: 0;
  padding: 10px 0
}
div.ty-sort-dropdown ul.ty-sort-dropdown__content li.ty-sort-dropdown__content-item.selected a.ty-sort-dropdown__content-item-a {
  background-position: 0% bottom
}
.blk-box {
  display: flex
}
.blk-cell {
  margin-bottom: 2.25rem
}
.blk-cell-max {
  width: 83vw;
  margin: 0 auto 2.25rem auto
}
.blk-cell figure img {
  display: block;
  height: auto;
  width: 100%
}
.blk-content-width {
  width: 83vw
}

@media (min-width: 960px) {
.blk-content-width {
  width: 91.1vw;
  max-width: 1312px
}
}
.box-notice {
  display: flex;
  flex-direction: column;
  padding: 18px 16px;
  margin-bottom: 32px;
  border-radius: 4px;
  letter-spacing: 0.4px;
  font-size: 0.7rem
}

@media (min-width: 960px) {
.box-notice {
  font-size: 0.8rem
}
}
.box-notice.bg-white {
  background: #ffffff
}
.box-notice.bg-hard-white {
  background: #f6f4f0
}
.box-notice .box-notice__header, .box-notice .box-notice__body {
  display: flex
}
.box-notice .box-notice__header a, .box-notice .box-notice__body a {
  font-size: inherit
}
.box-notice .box-notice__header.warning-icon:before, .box-notice .box-notice__body.warning-icon:before {
  content: '!';
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 12px;
  width: 22px;
  height: 22px;
  padding: 11px;
  background: #ffd040;
  border-radius: 50%;
  font-size: 1rem;
  font-weight: 400
}
.box-notice .box-notice__header {
  margin-bottom: 10px;
  font-weight: 600
}
.box-notice .box-notice__body:not(.warning-icon) {
  flex-direction: column
}
.box-notice .box-notice__body:not(.warning-icon) p {
  margin-bottom: 10px
}

@media (min-width: 960px) {
.box-notice .box-notice__body:not(.warning-icon) p {
  margin-bottom: 20px
}
}
.low-stock-message {
  display: flex;
  margin: 12px 0
}
.low-stock-message:before {
  content: '!';
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 12px;
  width: 22px;
  height: 22px;
  padding: 11px;
  background: var(--prl-color-secondary-amber);
  border-radius: 50%;
  font-size: 1rem;
  font-weight: 400;
  flex-shrink: 0
}
.scroll-arrow-indicator {
  position: absolute;
  width: 32px;
  height: 32px;
  background: #FFFDFB;
  right: 4.45vw;
  bottom: 4.45vw;
  z-index: 10;
  border-radius: 100%;
  transition: opacity 0.35s ease;
  background-image: url('../../../../../design/themes/kura/media/images/ico/icons-20-dropdown.svg?1690945733');
  background-position: center center;
  background-repeat: no-repeat;
  pointer-events: none
}
.scroll-arrow-indicator.-hidden {
  opacity: 0 !important
}
.chat-indicator {
  position: absolute;
  width: 64px;
  height: 64px;
  line-height: 64px;
  text-align: center;
  background-color: #00b6b6;
  right: 4.45vw;
  bottom: -32px;
  z-index: 11;
  padding: 0.6rem 0;
  border-radius: 100%;
  box-shadow: 0 3px 10px 0 rgba(178, 178, 178, 0.5)
}
.chat-indicator:hover svg path {
  fill: white
}
.blk-grid, .blk-sub-grid {
  display: grid;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  grid-column-gap: 10px;
  padding: 0 20px;
  width: 100%;
  grid-template-columns: repeat(12, 1fr)
}
.blk-grid.-reverse>.blk-grid-col, .blk-sub-grid.-reverse>.blk-grid-col {
  direction: rtl
}
.blk-grid .blk-grid-col, .blk-sub-grid .blk-grid-col {
  overflow: hidden
}
.blk-grid .blk-grid-col figure:not(:last-child), .blk-sub-grid .blk-grid-col figure:not(:last-child) {
  margin-bottom: 2rem
}
.blk-grid.-overflow, .blk-grid .blk-grid-col.-overflow, .blk-sub-grid.-overflow, .blk-sub-grid .blk-grid-col.-overflow {
  overflow: visible
}
.blk-grid.-no-padding, .blk-sub-grid.-no-padding {
  padding: 0 !important
}
.blk-grid .blk-grid-col.-w-1, .blk-sub-grid .blk-grid-col.-w-1 {
  grid-column-end: span 1
}
.blk-grid .blk-grid-col.-o-1, .blk-sub-grid .blk-grid-col.-o-1 {
  grid-column-start: 1
}
.blk-grid .blk-grid-col.-w-2, .blk-sub-grid .blk-grid-col.-w-2 {
  grid-column-end: span 2
}
.blk-grid .blk-grid-col.-o-2, .blk-sub-grid .blk-grid-col.-o-2 {
  grid-column-start: 2
}
.blk-grid .blk-grid-col.-w-3, .blk-sub-grid .blk-grid-col.-w-3 {
  grid-column-end: span 3
}
.blk-grid .blk-grid-col.-o-3, .blk-sub-grid .blk-grid-col.-o-3 {
  grid-column-start: 3
}
.blk-grid .blk-grid-col.-w-4, .blk-sub-grid .blk-grid-col.-w-4 {
  grid-column-end: span 4
}
.blk-grid .blk-grid-col.-o-4, .blk-sub-grid .blk-grid-col.-o-4 {
  grid-column-start: 4
}
.blk-grid .blk-grid-col.-w-5, .blk-sub-grid .blk-grid-col.-w-5 {
  grid-column-end: span 5
}
.blk-grid .blk-grid-col.-o-5, .blk-sub-grid .blk-grid-col.-o-5 {
  grid-column-start: 5
}
.blk-grid .blk-grid-col.-w-6, .blk-sub-grid .blk-grid-col.-w-6 {
  grid-column-end: span 6
}
.blk-grid .blk-grid-col.-o-6, .blk-sub-grid .blk-grid-col.-o-6 {
  grid-column-start: 6
}
.blk-grid .blk-grid-col.-w-7, .blk-sub-grid .blk-grid-col.-w-7 {
  grid-column-end: span 7
}
.blk-grid .blk-grid-col.-o-7, .blk-sub-grid .blk-grid-col.-o-7 {
  grid-column-start: 7
}
.blk-grid .blk-grid-col.-w-8, .blk-sub-grid .blk-grid-col.-w-8 {
  grid-column-end: span 8
}
.blk-grid .blk-grid-col.-o-8, .blk-sub-grid .blk-grid-col.-o-8 {
  grid-column-start: 8
}
.blk-grid .blk-grid-col.-w-9, .blk-sub-grid .blk-grid-col.-w-9 {
  grid-column-end: span 9
}
.blk-grid .blk-grid-col.-o-9, .blk-sub-grid .blk-grid-col.-o-9 {
  grid-column-start: 9
}
.blk-grid .blk-grid-col.-w-10, .blk-sub-grid .blk-grid-col.-w-10 {
  grid-column-end: span 10
}
.blk-grid .blk-grid-col.-o-10, .blk-sub-grid .blk-grid-col.-o-10 {
  grid-column-start: 10
}
.blk-grid .blk-grid-col.-w-11, .blk-sub-grid .blk-grid-col.-w-11 {
  grid-column-end: span 11
}
.blk-grid .blk-grid-col.-o-11, .blk-sub-grid .blk-grid-col.-o-11 {
  grid-column-start: 11
}
.blk-grid .blk-grid-col.-w-12, .blk-sub-grid .blk-grid-col.-w-12 {
  grid-column-end: span 12
}
.blk-grid .blk-grid-col.-o-12, .blk-sub-grid .blk-grid-col.-o-12 {
  grid-column-start: 12
}

@media only screen and (max-width: 767px) {
.blk-grid, .blk-sub-grid {
  grid-template-columns: repeat(4, 1fr)
}
.blk-grid .blk-grid-col.-w-1\@s, .blk-sub-grid .blk-grid-col.-w-1\@s {
  grid-column-end: span 1
}
.blk-grid .blk-grid-col.-o-1\@s, .blk-sub-grid .blk-grid-col.-o-1\@s {
  grid-column-start: 1
}
.blk-grid .blk-grid-col.-w-2\@s, .blk-sub-grid .blk-grid-col.-w-2\@s {
  grid-column-end: span 2
}
.blk-grid .blk-grid-col.-o-2\@s, .blk-sub-grid .blk-grid-col.-o-2\@s {
  grid-column-start: 2
}
.blk-grid .blk-grid-col.-w-3\@s, .blk-sub-grid .blk-grid-col.-w-3\@s {
  grid-column-end: span 3
}
.blk-grid .blk-grid-col.-o-3\@s, .blk-sub-grid .blk-grid-col.-o-3\@s {
  grid-column-start: 3
}
.blk-grid .blk-grid-col.-w-4\@s, .blk-sub-grid .blk-grid-col.-w-4\@s {
  grid-column-end: span 4
}
.blk-grid .blk-grid-col.-o-4\@s, .blk-sub-grid .blk-grid-col.-o-4\@s {
  grid-column-start: 4
}
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
.blk-grid, .blk-sub-grid {
  grid-column-gap: 16px;
  padding: 0 0px;
  width: 744px;
  grid-template-columns: repeat(12, 1fr)
}
.blk-grid .blk-grid-col.-w-1\@m, .blk-sub-grid .blk-grid-col.-w-1\@m {
  grid-column-end: span 1
}
.blk-grid .blk-grid-col.-o-1\@m, .blk-sub-grid .blk-grid-col.-o-1\@m {
  grid-column-start: 1
}
.blk-grid .blk-grid-col.-w-2\@m, .blk-sub-grid .blk-grid-col.-w-2\@m {
  grid-column-end: span 2
}
.blk-grid .blk-grid-col.-o-2\@m, .blk-sub-grid .blk-grid-col.-o-2\@m {
  grid-column-start: 2
}
.blk-grid .blk-grid-col.-w-3\@m, .blk-sub-grid .blk-grid-col.-w-3\@m {
  grid-column-end: span 3
}
.blk-grid .blk-grid-col.-o-3\@m, .blk-sub-grid .blk-grid-col.-o-3\@m {
  grid-column-start: 3
}
.blk-grid .blk-grid-col.-w-4\@m, .blk-sub-grid .blk-grid-col.-w-4\@m {
  grid-column-end: span 4
}
.blk-grid .blk-grid-col.-o-4\@m, .blk-sub-grid .blk-grid-col.-o-4\@m {
  grid-column-start: 4
}
.blk-grid .blk-grid-col.-w-5\@m, .blk-sub-grid .blk-grid-col.-w-5\@m {
  grid-column-end: span 5
}
.blk-grid .blk-grid-col.-o-5\@m, .blk-sub-grid .blk-grid-col.-o-5\@m {
  grid-column-start: 5
}
.blk-grid .blk-grid-col.-w-6\@m, .blk-sub-grid .blk-grid-col.-w-6\@m {
  grid-column-end: span 6
}
.blk-grid .blk-grid-col.-o-6\@m, .blk-sub-grid .blk-grid-col.-o-6\@m {
  grid-column-start: 6
}
.blk-grid .blk-grid-col.-w-7\@m, .blk-sub-grid .blk-grid-col.-w-7\@m {
  grid-column-end: span 7
}
.blk-grid .blk-grid-col.-o-7\@m, .blk-sub-grid .blk-grid-col.-o-7\@m {
  grid-column-start: 7
}
.blk-grid .blk-grid-col.-w-8\@m, .blk-sub-grid .blk-grid-col.-w-8\@m {
  grid-column-end: span 8
}
.blk-grid .blk-grid-col.-o-8\@m, .blk-sub-grid .blk-grid-col.-o-8\@m {
  grid-column-start: 8
}
.blk-grid .blk-grid-col.-w-9\@m, .blk-sub-grid .blk-grid-col.-w-9\@m {
  grid-column-end: span 9
}
.blk-grid .blk-grid-col.-o-9\@m, .blk-sub-grid .blk-grid-col.-o-9\@m {
  grid-column-start: 9
}
.blk-grid .blk-grid-col.-w-10\@m, .blk-sub-grid .blk-grid-col.-w-10\@m {
  grid-column-end: span 10
}
.blk-grid .blk-grid-col.-o-10\@m, .blk-sub-grid .blk-grid-col.-o-10\@m {
  grid-column-start: 10
}
.blk-grid .blk-grid-col.-w-11\@m, .blk-sub-grid .blk-grid-col.-w-11\@m {
  grid-column-end: span 11
}
.blk-grid .blk-grid-col.-o-11\@m, .blk-sub-grid .blk-grid-col.-o-11\@m {
  grid-column-start: 11
}
.blk-grid .blk-grid-col.-w-12\@m, .blk-sub-grid .blk-grid-col.-w-12\@m {
  grid-column-end: span 12
}
.blk-grid .blk-grid-col.-o-12\@m, .blk-sub-grid .blk-grid-col.-o-12\@m {
  grid-column-start: 12
}
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
.blk-grid, .blk-sub-grid {
  grid-column-gap: 24px;
  padding: 0 0px;
  width: 91.1vw;
  grid-template-columns: repeat(12, 1fr)
}
.blk-grid .blk-grid-col.-w-1\@l, .blk-sub-grid .blk-grid-col.-w-1\@l {
  grid-column-end: span 1
}
.blk-grid .blk-grid-col.-o-1\@l, .blk-sub-grid .blk-grid-col.-o-1\@l {
  grid-column-start: 1
}
.blk-grid .blk-grid-col.-w-2\@l, .blk-sub-grid .blk-grid-col.-w-2\@l {
  grid-column-end: span 2
}
.blk-grid .blk-grid-col.-o-2\@l, .blk-sub-grid .blk-grid-col.-o-2\@l {
  grid-column-start: 2
}
.blk-grid .blk-grid-col.-w-3\@l, .blk-sub-grid .blk-grid-col.-w-3\@l {
  grid-column-end: span 3
}
.blk-grid .blk-grid-col.-o-3\@l, .blk-sub-grid .blk-grid-col.-o-3\@l {
  grid-column-start: 3
}
.blk-grid .blk-grid-col.-w-4\@l, .blk-sub-grid .blk-grid-col.-w-4\@l {
  grid-column-end: span 4
}
.blk-grid .blk-grid-col.-o-4\@l, .blk-sub-grid .blk-grid-col.-o-4\@l {
  grid-column-start: 4
}
.blk-grid .blk-grid-col.-w-5\@l, .blk-sub-grid .blk-grid-col.-w-5\@l {
  grid-column-end: span 5
}
.blk-grid .blk-grid-col.-o-5\@l, .blk-sub-grid .blk-grid-col.-o-5\@l {
  grid-column-start: 5
}
.blk-grid .blk-grid-col.-w-6\@l, .blk-sub-grid .blk-grid-col.-w-6\@l {
  grid-column-end: span 6
}
.blk-grid .blk-grid-col.-o-6\@l, .blk-sub-grid .blk-grid-col.-o-6\@l {
  grid-column-start: 6
}
.blk-grid .blk-grid-col.-w-7\@l, .blk-sub-grid .blk-grid-col.-w-7\@l {
  grid-column-end: span 7
}
.blk-grid .blk-grid-col.-o-7\@l, .blk-sub-grid .blk-grid-col.-o-7\@l {
  grid-column-start: 7
}
.blk-grid .blk-grid-col.-w-8\@l, .blk-sub-grid .blk-grid-col.-w-8\@l {
  grid-column-end: span 8
}
.blk-grid .blk-grid-col.-o-8\@l, .blk-sub-grid .blk-grid-col.-o-8\@l {
  grid-column-start: 8
}
.blk-grid .blk-grid-col.-w-9\@l, .blk-sub-grid .blk-grid-col.-w-9\@l {
  grid-column-end: span 9
}
.blk-grid .blk-grid-col.-o-9\@l, .blk-sub-grid .blk-grid-col.-o-9\@l {
  grid-column-start: 9
}
.blk-grid .blk-grid-col.-w-10\@l, .blk-sub-grid .blk-grid-col.-w-10\@l {
  grid-column-end: span 10
}
.blk-grid .blk-grid-col.-o-10\@l, .blk-sub-grid .blk-grid-col.-o-10\@l {
  grid-column-start: 10
}
.blk-grid .blk-grid-col.-w-11\@l, .blk-sub-grid .blk-grid-col.-w-11\@l {
  grid-column-end: span 11
}
.blk-grid .blk-grid-col.-o-11\@l, .blk-sub-grid .blk-grid-col.-o-11\@l {
  grid-column-start: 11
}
.blk-grid .blk-grid-col.-w-12\@l, .blk-sub-grid .blk-grid-col.-w-12\@l {
  grid-column-end: span 12
}
.blk-grid .blk-grid-col.-o-12\@l, .blk-sub-grid .blk-grid-col.-o-12\@l {
  grid-column-start: 12
}
}

@media only screen and (min-width: 1280px) and (max-width:1439px) {
.blk-grid, .blk-sub-grid {
  grid-column-gap: 16px;
  padding: 0 0px;
  width: 91.1vw;
  grid-template-columns: repeat(12, 1fr)
}
.blk-grid .blk-grid-col.-w-1\@xl, .blk-sub-grid .blk-grid-col.-w-1\@xl {
  grid-column-end: span 1
}
.blk-grid .blk-grid-col.-o-1\@xl, .blk-sub-grid .blk-grid-col.-o-1\@xl {
  grid-column-start: 1
}
.blk-grid .blk-grid-col.-w-2\@xl, .blk-sub-grid .blk-grid-col.-w-2\@xl {
  grid-column-end: span 2
}
.blk-grid .blk-grid-col.-o-2\@xl, .blk-sub-grid .blk-grid-col.-o-2\@xl {
  grid-column-start: 2
}
.blk-grid .blk-grid-col.-w-3\@xl, .blk-sub-grid .blk-grid-col.-w-3\@xl {
  grid-column-end: span 3
}
.blk-grid .blk-grid-col.-o-3\@xl, .blk-sub-grid .blk-grid-col.-o-3\@xl {
  grid-column-start: 3
}
.blk-grid .blk-grid-col.-w-4\@xl, .blk-sub-grid .blk-grid-col.-w-4\@xl {
  grid-column-end: span 4
}
.blk-grid .blk-grid-col.-o-4\@xl, .blk-sub-grid .blk-grid-col.-o-4\@xl {
  grid-column-start: 4
}
.blk-grid .blk-grid-col.-w-5\@xl, .blk-sub-grid .blk-grid-col.-w-5\@xl {
  grid-column-end: span 5
}
.blk-grid .blk-grid-col.-o-5\@xl, .blk-sub-grid .blk-grid-col.-o-5\@xl {
  grid-column-start: 5
}
.blk-grid .blk-grid-col.-w-6\@xl, .blk-sub-grid .blk-grid-col.-w-6\@xl {
  grid-column-end: span 6
}
.blk-grid .blk-grid-col.-o-6\@xl, .blk-sub-grid .blk-grid-col.-o-6\@xl {
  grid-column-start: 6
}
.blk-grid .blk-grid-col.-w-7\@xl, .blk-sub-grid .blk-grid-col.-w-7\@xl {
  grid-column-end: span 7
}
.blk-grid .blk-grid-col.-o-7\@xl, .blk-sub-grid .blk-grid-col.-o-7\@xl {
  grid-column-start: 7
}
.blk-grid .blk-grid-col.-w-8\@xl, .blk-sub-grid .blk-grid-col.-w-8\@xl {
  grid-column-end: span 8
}
.blk-grid .blk-grid-col.-o-8\@xl, .blk-sub-grid .blk-grid-col.-o-8\@xl {
  grid-column-start: 8
}
.blk-grid .blk-grid-col.-w-9\@xl, .blk-sub-grid .blk-grid-col.-w-9\@xl {
  grid-column-end: span 9
}
.blk-grid .blk-grid-col.-o-9\@xl, .blk-sub-grid .blk-grid-col.-o-9\@xl {
  grid-column-start: 9
}
.blk-grid .blk-grid-col.-w-10\@xl, .blk-sub-grid .blk-grid-col.-w-10\@xl {
  grid-column-end: span 10
}
.blk-grid .blk-grid-col.-o-10\@xl, .blk-sub-grid .blk-grid-col.-o-10\@xl {
  grid-column-start: 10
}
.blk-grid .blk-grid-col.-w-11\@xl, .blk-sub-grid .blk-grid-col.-w-11\@xl {
  grid-column-end: span 11
}
.blk-grid .blk-grid-col.-o-11\@xl, .blk-sub-grid .blk-grid-col.-o-11\@xl {
  grid-column-start: 11
}
.blk-grid .blk-grid-col.-w-12\@xl, .blk-sub-grid .blk-grid-col.-w-12\@xl {
  grid-column-end: span 12
}
.blk-grid .blk-grid-col.-o-12\@xl, .blk-sub-grid .blk-grid-col.-o-12\@xl {
  grid-column-start: 12
}
}

@media only screen and (min-width: 1440px) {
.blk-grid, .blk-sub-grid {
  grid-column-gap: 32px;
  padding: 0 0px;
  width: 1312px;
  grid-template-columns: repeat(12, 1fr)
}
.blk-grid .blk-grid-col.-w-1\@xxl, .blk-sub-grid .blk-grid-col.-w-1\@xxl {
  grid-column-end: span 1
}
.blk-grid .blk-grid-col.-o-1\@xxl, .blk-sub-grid .blk-grid-col.-o-1\@xxl {
  grid-column-start: 1
}
.blk-grid .blk-grid-col.-w-2\@xxl, .blk-sub-grid .blk-grid-col.-w-2\@xxl {
  grid-column-end: span 2
}
.blk-grid .blk-grid-col.-o-2\@xxl, .blk-sub-grid .blk-grid-col.-o-2\@xxl {
  grid-column-start: 2
}
.blk-grid .blk-grid-col.-w-3\@xxl, .blk-sub-grid .blk-grid-col.-w-3\@xxl {
  grid-column-end: span 3
}
.blk-grid .blk-grid-col.-o-3\@xxl, .blk-sub-grid .blk-grid-col.-o-3\@xxl {
  grid-column-start: 3
}
.blk-grid .blk-grid-col.-w-4\@xxl, .blk-sub-grid .blk-grid-col.-w-4\@xxl {
  grid-column-end: span 4
}
.blk-grid .blk-grid-col.-o-4\@xxl, .blk-sub-grid .blk-grid-col.-o-4\@xxl {
  grid-column-start: 4
}
.blk-grid .blk-grid-col.-w-5\@xxl, .blk-sub-grid .blk-grid-col.-w-5\@xxl {
  grid-column-end: span 5
}
.blk-grid .blk-grid-col.-o-5\@xxl, .blk-sub-grid .blk-grid-col.-o-5\@xxl {
  grid-column-start: 5
}
.blk-grid .blk-grid-col.-w-6\@xxl, .blk-sub-grid .blk-grid-col.-w-6\@xxl {
  grid-column-end: span 6
}
.blk-grid .blk-grid-col.-o-6\@xxl, .blk-sub-grid .blk-grid-col.-o-6\@xxl {
  grid-column-start: 6
}
.blk-grid .blk-grid-col.-w-7\@xxl, .blk-sub-grid .blk-grid-col.-w-7\@xxl {
  grid-column-end: span 7
}
.blk-grid .blk-grid-col.-o-7\@xxl, .blk-sub-grid .blk-grid-col.-o-7\@xxl {
  grid-column-start: 7
}
.blk-grid .blk-grid-col.-w-8\@xxl, .blk-sub-grid .blk-grid-col.-w-8\@xxl {
  grid-column-end: span 8
}
.blk-grid .blk-grid-col.-o-8\@xxl, .blk-sub-grid .blk-grid-col.-o-8\@xxl {
  grid-column-start: 8
}
.blk-grid .blk-grid-col.-w-9\@xxl, .blk-sub-grid .blk-grid-col.-w-9\@xxl {
  grid-column-end: span 9
}
.blk-grid .blk-grid-col.-o-9\@xxl, .blk-sub-grid .blk-grid-col.-o-9\@xxl {
  grid-column-start: 9
}
.blk-grid .blk-grid-col.-w-10\@xxl, .blk-sub-grid .blk-grid-col.-w-10\@xxl {
  grid-column-end: span 10
}
.blk-grid .blk-grid-col.-o-10\@xxl, .blk-sub-grid .blk-grid-col.-o-10\@xxl {
  grid-column-start: 10
}
.blk-grid .blk-grid-col.-w-11\@xxl, .blk-sub-grid .blk-grid-col.-w-11\@xxl {
  grid-column-end: span 11
}
.blk-grid .blk-grid-col.-o-11\@xxl, .blk-sub-grid .blk-grid-col.-o-11\@xxl {
  grid-column-start: 11
}
.blk-grid .blk-grid-col.-w-12\@xxl, .blk-sub-grid .blk-grid-col.-w-12\@xxl {
  grid-column-end: span 12
}
.blk-grid .blk-grid-col.-o-12\@xxl, .blk-sub-grid .blk-grid-col.-o-12\@xxl {
  grid-column-start: 12
}
}

@media only screen and (max-width: 1023px) {
.blk-grid, .blk-sub-grid {
  grid-template-columns: repeat(12, 1fr)
}
.blk-grid .blk-grid-col.-w-1\@mobile, .blk-sub-grid .blk-grid-col.-w-1\@mobile {
  grid-column-end: span 1
}
.blk-grid .blk-grid-col.-o-1\@mobile, .blk-sub-grid .blk-grid-col.-o-1\@mobile {
  grid-column-start: 1
}
.blk-grid .blk-grid-col.-w-2\@mobile, .blk-sub-grid .blk-grid-col.-w-2\@mobile {
  grid-column-end: span 2
}
.blk-grid .blk-grid-col.-o-2\@mobile, .blk-sub-grid .blk-grid-col.-o-2\@mobile {
  grid-column-start: 2
}
.blk-grid .blk-grid-col.-w-3\@mobile, .blk-sub-grid .blk-grid-col.-w-3\@mobile {
  grid-column-end: span 3
}
.blk-grid .blk-grid-col.-o-3\@mobile, .blk-sub-grid .blk-grid-col.-o-3\@mobile {
  grid-column-start: 3
}
.blk-grid .blk-grid-col.-w-4\@mobile, .blk-sub-grid .blk-grid-col.-w-4\@mobile {
  grid-column-end: span 4
}
.blk-grid .blk-grid-col.-o-4\@mobile, .blk-sub-grid .blk-grid-col.-o-4\@mobile {
  grid-column-start: 4
}
.blk-grid .blk-grid-col.-w-5\@mobile, .blk-sub-grid .blk-grid-col.-w-5\@mobile {
  grid-column-end: span 5
}
.blk-grid .blk-grid-col.-o-5\@mobile, .blk-sub-grid .blk-grid-col.-o-5\@mobile {
  grid-column-start: 5
}
.blk-grid .blk-grid-col.-w-6\@mobile, .blk-sub-grid .blk-grid-col.-w-6\@mobile {
  grid-column-end: span 6
}
.blk-grid .blk-grid-col.-o-6\@mobile, .blk-sub-grid .blk-grid-col.-o-6\@mobile {
  grid-column-start: 6
}
.blk-grid .blk-grid-col.-w-7\@mobile, .blk-sub-grid .blk-grid-col.-w-7\@mobile {
  grid-column-end: span 7
}
.blk-grid .blk-grid-col.-o-7\@mobile, .blk-sub-grid .blk-grid-col.-o-7\@mobile {
  grid-column-start: 7
}
.blk-grid .blk-grid-col.-w-8\@mobile, .blk-sub-grid .blk-grid-col.-w-8\@mobile {
  grid-column-end: span 8
}
.blk-grid .blk-grid-col.-o-8\@mobile, .blk-sub-grid .blk-grid-col.-o-8\@mobile {
  grid-column-start: 8
}
.blk-grid .blk-grid-col.-w-9\@mobile, .blk-sub-grid .blk-grid-col.-w-9\@mobile {
  grid-column-end: span 9
}
.blk-grid .blk-grid-col.-o-9\@mobile, .blk-sub-grid .blk-grid-col.-o-9\@mobile {
  grid-column-start: 9
}
.blk-grid .blk-grid-col.-w-10\@mobile, .blk-sub-grid .blk-grid-col.-w-10\@mobile {
  grid-column-end: span 10
}
.blk-grid .blk-grid-col.-o-10\@mobile, .blk-sub-grid .blk-grid-col.-o-10\@mobile {
  grid-column-start: 10
}
.blk-grid .blk-grid-col.-w-11\@mobile, .blk-sub-grid .blk-grid-col.-w-11\@mobile {
  grid-column-end: span 11
}
.blk-grid .blk-grid-col.-o-11\@mobile, .blk-sub-grid .blk-grid-col.-o-11\@mobile {
  grid-column-start: 11
}
.blk-grid .blk-grid-col.-w-12\@mobile, .blk-sub-grid .blk-grid-col.-w-12\@mobile {
  grid-column-end: span 12
}
.blk-grid .blk-grid-col.-o-12\@mobile, .blk-sub-grid .blk-grid-col.-o-12\@mobile {
  grid-column-start: 12
}
.blk-grid .blk-grid-col.-reverse\@mobile, .blk-sub-grid .blk-grid-col.-reverse\@mobile {
  order: -1
}
}

@media only screen and (min-width: 1024px) {
.blk-grid, .blk-sub-grid {
  grid-template-columns: repeat(12, 1fr)
}
.blk-grid .blk-grid-col.-w-1\@desktop, .blk-sub-grid .blk-grid-col.-w-1\@desktop {
  grid-column-end: span 1
}
.blk-grid .blk-grid-col.-o-1\@desktop, .blk-sub-grid .blk-grid-col.-o-1\@desktop {
  grid-column-start: 1
}
.blk-grid .blk-grid-col.-w-2\@desktop, .blk-sub-grid .blk-grid-col.-w-2\@desktop {
  grid-column-end: span 2
}
.blk-grid .blk-grid-col.-o-2\@desktop, .blk-sub-grid .blk-grid-col.-o-2\@desktop {
  grid-column-start: 2
}
.blk-grid .blk-grid-col.-w-3\@desktop, .blk-sub-grid .blk-grid-col.-w-3\@desktop {
  grid-column-end: span 3
}
.blk-grid .blk-grid-col.-o-3\@desktop, .blk-sub-grid .blk-grid-col.-o-3\@desktop {
  grid-column-start: 3
}
.blk-grid .blk-grid-col.-w-4\@desktop, .blk-sub-grid .blk-grid-col.-w-4\@desktop {
  grid-column-end: span 4
}
.blk-grid .blk-grid-col.-o-4\@desktop, .blk-sub-grid .blk-grid-col.-o-4\@desktop {
  grid-column-start: 4
}
.blk-grid .blk-grid-col.-w-5\@desktop, .blk-sub-grid .blk-grid-col.-w-5\@desktop {
  grid-column-end: span 5
}
.blk-grid .blk-grid-col.-o-5\@desktop, .blk-sub-grid .blk-grid-col.-o-5\@desktop {
  grid-column-start: 5
}
.blk-grid .blk-grid-col.-w-6\@desktop, .blk-sub-grid .blk-grid-col.-w-6\@desktop {
  grid-column-end: span 6
}
.blk-grid .blk-grid-col.-o-6\@desktop, .blk-sub-grid .blk-grid-col.-o-6\@desktop {
  grid-column-start: 6
}
.blk-grid .blk-grid-col.-w-7\@desktop, .blk-sub-grid .blk-grid-col.-w-7\@desktop {
  grid-column-end: span 7
}
.blk-grid .blk-grid-col.-o-7\@desktop, .blk-sub-grid .blk-grid-col.-o-7\@desktop {
  grid-column-start: 7
}
.blk-grid .blk-grid-col.-w-8\@desktop, .blk-sub-grid .blk-grid-col.-w-8\@desktop {
  grid-column-end: span 8
}
.blk-grid .blk-grid-col.-o-8\@desktop, .blk-sub-grid .blk-grid-col.-o-8\@desktop {
  grid-column-start: 8
}
.blk-grid .blk-grid-col.-w-9\@desktop, .blk-sub-grid .blk-grid-col.-w-9\@desktop {
  grid-column-end: span 9
}
.blk-grid .blk-grid-col.-o-9\@desktop, .blk-sub-grid .blk-grid-col.-o-9\@desktop {
  grid-column-start: 9
}
.blk-grid .blk-grid-col.-w-10\@desktop, .blk-sub-grid .blk-grid-col.-w-10\@desktop {
  grid-column-end: span 10
}
.blk-grid .blk-grid-col.-o-10\@desktop, .blk-sub-grid .blk-grid-col.-o-10\@desktop {
  grid-column-start: 10
}
.blk-grid .blk-grid-col.-w-11\@desktop, .blk-sub-grid .blk-grid-col.-w-11\@desktop {
  grid-column-end: span 11
}
.blk-grid .blk-grid-col.-o-11\@desktop, .blk-sub-grid .blk-grid-col.-o-11\@desktop {
  grid-column-start: 11
}
.blk-grid .blk-grid-col.-w-12\@desktop, .blk-sub-grid .blk-grid-col.-w-12\@desktop {
  grid-column-end: span 12
}
.blk-grid .blk-grid-col.-o-12\@desktop, .blk-sub-grid .blk-grid-col.-o-12\@desktop {
  grid-column-start: 12
}
.blk-grid .blk-grid-col.-reverse\@desktop, .blk-sub-grid .blk-grid-col.-reverse\@desktop {
  order: -1
}
}

@media only screen and (min-width: 1024px) {
.-hidden\@desktop {
  display: none
}
}

@media only screen and (max-width: 1023px) {
.-hidden\@mobile {
  display: none
}
}
.blk-sub-grid {
  padding: 0
}
.blk-grid {
  max-width: 1312px
}
.blk-grid img {
  width: 100%;
  height: auto;
  display: block
}
.blk-grid.p-relative .blk-grid-col {
  position: relative;
  z-index: 2
}
.blk-grid.p-relative .overlay {
  background-color: white;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 13vw;
  max-height: 174px;
  content: " ";
  display: block
}
.blk-grid .-space-top-big, .blk-sub-grid .-space-top-big {
  padding-top: 9rem
}
.blk-grid .-space-top, .blk-sub-grid .-space-top {
  padding-top: 3.75rem
}
.blk-grid .-space-big, .blk-sub-grid .-space-big {
  padding-top: 6.25rem;
  padding-bottom: 6.25rem
}
.blk-grid-inner-y-top {
  transform: translateY(-5rem)
}
.blk-grid-col.-w4-5-figure figure, .blk-grid-col.-w4-5-figure p {
  width: 85%;
  margin-left: auto
}
.blk-grid-col.-w4-5-gap-left {
  box-sizing: border-box;
  padding-left: 15%
}
.blk-grid-col.-w4-5-gap-right {
  box-sizing: border-box;
  padding-right: 15%
}
.blk-container {
  margin: 0 0 56px 0
}

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

@media (min-width: 961px) {
.blk-container.top-pad-1 {
  padding-top: 5rem
}
}

@media (max-width: 959px) {
.blk-container.brand-hard-white-sd {
  background-color: #f6f4f0
}
}
.page-steps {
  background: #f6f4f0;
  padding: 0.9rem 1.6rem
}

@media (min-width: 840px) {
.page-steps {
  padding: 3rem 1.6rem 4.2rem
}
}
.steps-wrapper ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  max-width: 600px
}
.steps-wrapper ul::before {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  bottom: auto;
  left: 0;
  height: 2px;
  width: 100%;
  background: #99979e;
  transform: translateY(-50%)
}
.steps-wrapper li {
  margin: 0;
  position: relative;
  text-align: center;
  z-index: 2
}
.steps-wrapper li b {
  display: flex;
  align-items: center;
  height: 2rem;
  width: 2rem;
  margin: 0 auto;
  justify-content: center;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold;
  font-size: 0.8rem;
  line-height: 1.5;
  border-radius: 50%;
  position: relative;
  z-index: 2;
  color: #00D1D2;
  background: #00D1D2;
  border: 2px solid #00D1D2;
  transition: all 0.3s
}
.steps-wrapper li b::after {
  content: '';
  position: absolute;
  top: 50%;
  opacity: 1;
  left: 50%;
  width: 0.9rem;
  height: 0.9rem;
  background: url('../../../../../design/themes/kura/media/icons/check_dark.svg?1690945733') no-repeat center;
  background-size: contain;
  transform: translate(-50%, -50%);
  z-index: 2;
  transition: all 0.3s
}
.steps-wrapper li span {
  display: none
}

@media (min-width: 840px) {
.steps-wrapper li span {
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold;
  font-size: 0.8rem;
  letter-spacing: 0.2px;
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  line-height: 1.33;
  transition: all 0.3s
}
}
.steps-wrapper li.active b {
  color: #FFFDFB;
  background: #34303d;
  border-color: #34303d
}
.steps-wrapper li.active b::after {
  top: 100%;
  opacity: 0
}
.steps-wrapper li.active~li b {
  color: #99979e;
  background: transparent;
  border-color: #99979e
}
.steps-wrapper li.active~li b::after {
  top: 0;
  opacity: 0
}

@media (min-width: 840px) {
.steps-wrapper li.active~li span {
  font-weight: normal;
  margin-top: 0.3rem;
  letter-spacing: 0;
  font-size: 0.6rem
}
}
.steps-wrapper li::before {
  content: '';
  position: absolute;
  top: 50%;
  left: -10px;
  right: -10px;
  height: 4px;
  background: #f6f4f0;
  transform: translateY(-50%)
}
.tooltip-wrapper {
  position: relative;
  z-index: 5;
  margin-left: 0.6rem
}
.tooltip-btn {
  display: inline-block;
  vertical-align: middle;
  border: none;
  outline: none;
  cursor: pointer;
  background-color: transparent;
  display: inline-flex;
  align-items: center
}
.tooltip-btn::before {
  content: '';
  background: url('../../../../../design/themes/kura/media/icons/info_secondary.svg?1690945733') no-repeat center center;
  background-size: contain;
  height: 1rem;
  width: 1rem;
  flex-shrink: 0;
  margin-right: 0.4rem
}
.tooltip-desc-w {
  position: absolute;
  width: 312px;
  left: 50%;
  top: 150%;
  transform: translateX(-50%);
  right: auto;
  display: none
}
.tooltip-desc-w.expanded {
  display: block;
  margin-top: 3px;
  padding-top: 16px
}
.tooltip-desc-w .tooltip-close {
  background: url('../../../../../design/themes/kura/media/icons/close.svg?1690945733') no-repeat center center;
  background-size: contain;
  height: 1rem;
  width: 1rem;
  border: none;
  outline: none;
  position: absolute;
  top: 12px;
  right: 12px;
  cursor: pointer
}
.tooltip-desc-w::after, .tooltip-desc-w::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 0;
  height: 1.6rem;
  width: 1.6rem;
  box-shadow: 0 1px 6px 0 rgba(52, 48, 61, 0.19);
  transform: translateX(-50%) rotate(45deg);
  background: #FFFDFB
}
.tooltip-desc-w::after {
  box-shadow: none;
  z-index: 2
}
.tooltip-desc-w .tooltip-desc {
  background: #FFFDFB;
  box-shadow: 0 1px 6px 0 rgba(52, 48, 61, 0.19);
  padding: 2rem 1rem 1.2rem;
  position: relative;
  z-index: 2
}
.tooltip-desc-w .tooltip-content *:last-child {
  margin-bottom: 0
}
.colors-list {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start
}
.colors-list .color-selected {
  flex: 1 100%;
  font-size: 0.8rem;
  margin-bottom: 0.4rem
}

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

@media (min-width: 960px) {
.colors-list.has-color-img .color-selected {
  font-size: 0.8rem
}
}
.colors-list.has-color-img ul {
  margin-left: -0.7rem;
  flex: 1
}
.colors-list.has-color-img li {
  margin-left: 0.7rem
}
.rating {
  height: 20px;
  line-height: 20px
}
.rating-stars {
  color: #e5b052 !important;
  font-size: 0.95rem;
  position: relative;
  top: 2px;
  display: inline-block;
  vertical-align: middle
}
.rating-grey {
  color: #b8b7bb !important
}
.rating-reviews {
  font-size: 0.6rem;
  color: #7b7881;
  line-height: 1.2;
  margin-left: 5px;
  display: inline-block;
  vertical-align: middle
}
.minicart {
  position: fixed;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #FFFDFB;
  padding: 1.6rem;
  box-shadow: 0 -2px 10px 0 rgba(0, 0, 0, 0.08), inset 0 1px 0 0 #e1e0e2;
  transform: translateY(100%);
  transition: 0.5s all;
  opacity: 0;
  z-index: 20;
  max-height: 100vh;
  overflow-y: auto
}

@media (min-width: 840px) {
.minicart {
  width: 400px;
  box-shadow: -3px 0 10px 0 rgba(0, 0, 0, 0.08), inset 1px 0 0 0 #e1e0e2, inset -1px -1px 0 0 rgba(52, 48, 61, 0.2);
  padding: 2.4rem;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: auto;
  transform: translateX(100%)
}
.navShow .minicart {
  padding-top: 6.2rem
}
}
.minicart.expanded {
  transform: translateY(0);
  opacity: 1
}

@media (min-width: 840px) {
.minicart.expanded {
  transform: translateX(0)
}
}
.minicart header {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap
}
.minicart header h3, .minicart header .h3 {
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold;
  font-size: 0.8rem;
  line-height: 1.5;
  letter-spacing: 0.2px;
  margin: 0
}
.minicart header h3 .ic-chk, .minicart header .h3 .ic-chk {
  margin-right: 0.6rem
}
.minicart header .cart-toggle-btn {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer
}
.minicart header .cart-toggle-btn:focus {
  outline: none
}
.minicart header .cart-toggle-btn svg {
  width: 1.2rem;
  height: 1.2rem;
  display: block
}
.minicart .prod-list {
  margin: 1.2rem 0
}

@media (min-width: 640px) {
.minicart .prod-list .box-notice {
  font-size: inherit
}
}
.minicart .prod-row {
  display: flex;
  flex-wrap: nowrap
}
.minicart .prod-row+.prod-row {
  margin-top: 0.8rem
}
.minicart .prod-row+.box-notice {
  margin-top: 1.6rem
}
.minicart .prod-row .img-wrapper {
  width: 88px;
  height: 88px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0
}
.minicart .prod-row .img-wrapper img {
  max-height: 100%;
  max-width: 100%
}
.minicart .prod-row .img-wrapper>div[class*="cm-reload"] {
  all: inherit
}
.minicart .prod-row .prod-content {
  display: flex;
  flex-flow: column;
  flex: 1
}
.minicart .prod-row .prod-content .prod-details {
  display: flex
}
.minicart .prod-row .prod-content .prod-extra {
  margin: 0 0.6rem;
  padding-top: 0.4rem
}
.minicart .prod-row .prod-content .prod-extra>div+div {
  margin-top: 30px
}
.minicart .prod-row .prod-content .prod-extra .prod-extra__content {
  display: block;
  font-size: 0.6rem;
  line-height: 0.8rem;
  letter-spacing: 0.4px
}
.minicart .prod-row .prod-desc {
  flex: 1;
  margin: 0 0.6rem;
  padding-top: 0.4rem
}
.minicart .prod-row .prod-desc h4, .minicart .prod-row .prod-desc .h4 {
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold;
  font-size: 0.8rem;
  line-height: 1.5;
  margin-bottom: 0
}
.minicart .prod-row .prod-desc p {
  margin: 0;
  font-size: 0.7rem;
  line-height: 1.5
}
.minicart .prod-row .prod-price {
  padding-top: 0.4rem;
  text-align: right
}
.minicart .prod-row .prod-price .price {
  display: block;
  color: #524f5a;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold
}
.minicart .prod-row .prod-price .old-price {
  display: block;
  font-size: 0.6rem;
  color: #99979e
}
.minicart .prod-row .prod-price.prod-price-no-price {
  min-width: 2.5rem
}
.minicart .minicart-notes {
  display: block;
  font-size: 0.7rem;
  margin-bottom: 1rem
}
.minicart .actions-wrapper {
  margin-top: 1.2rem;
  text-align: center
}
.moment-of-delight {
  width: 6.2rem;
  height: 6.2rem;
  position: relative;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center
}
.moment-of-delight img {
  opacity: 0;
  max-width: 100%;
  max-height: 100%;
  transition: opacity 0.3s ease-in-out
}
.moment-of-delight .video-images {
  position: absolute;
  top: 0;
  right: auto;
  bottom: 0;
  left: auto;
  width: 102px;
  height: 124px;
  background: url('../../../../../design/themes/kura/media/images/textures/moment-of-delight-sprite_small.png?1690945733') no-repeat 0 0
}
.moment-of-delight .video-images.finished+img {
  opacity: 1
}
.c-adults {
  background: #27242d;
  display: flex;
  color: rgba(255, 255, 255, 0.6);
  font-size: 16px;
  padding: 24px;
  justify-content: center;
  text-align: center
}

@media (max-width: 767px) {
.c-adults {
  font-size: 14px;
  padding: 26px 24px
}
}

@media (max-width: 639px) {
.c-adults {
  flex-direction: column;
  align-items: center
}
}

@media (max-width: 374px) {
.c-adults {
  padding: 16px 24px
}
}
.c-adults a {
  color: inherit
}
.c-adults.is--sticky {
  position: sticky;
  bottom: 0;
  z-index: 90
}
.locator-chat-btn {
  z-index: 99;
  display: block;
  position: fixed;
  right: 1.6rem;
  bottom: 1.6rem;
  width: 3.2rem;
  border-radius: 50%;
  height: 3.2rem;
  cursor: pointer;
  border: 0;
  background: #00b6b6 url('../../../../../design/themes/kura/media/../../../assets/icons/chat.svg?1690945733') no-repeat center
}

@media (min-width: 960px) {
.locator-chat-btn {
  right: 5.6rem;
  bottom: 2rem
}
}

@media (max-width: 959px) {
#spr-live-chat-app .spr-chat__trigger-box, .css-1ifyt1a {
  bottom: 20px !important;
  top: auto !important;
  transition: bottom 0.5s ease-in-out !important;
  will-change: bottom
}
.sticky-product-bar #spr-live-chat-app .spr-chat__trigger-box, .sticky-product-bar .css-1ifyt1a {
  bottom: 90px !important
}
}
.hero-headline {
 --block-background: transparent;
 --block-text-color: inherit;
  background: var(--block-background);
  color: var(--block-text-color);
  box-sizing: border-box;
  width: 100%;
  padding: 2rem 8.5vw;
  text-align: center
}

@media (min-width: 960px) {
.hero-headline {
  padding: 5rem 10vw
}
}
.hero-headline.brand-hard-white {
  background: #f6f4f0
}
.hero-headline h1, .hero-headline .h1 {
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 1.22
}

@media (min-width: 960px) {
.hero-headline h1, .hero-headline .h1 {
  font-size: 3.2rem;
  line-height: 1.13
}
}
.hero-headline p {
  font-size: 0.8rem
}

@media (min-width: 960px) {
.hero-headline p {
  font-size: 1rem;
  line-height: 1.6
}
}
.hero-headline h1, .hero-headline .h1, .hero-headline p {
  margin: 0 auto 0.4rem auto
}

@media (min-width: 960px) {
.hero-headline h1, .hero-headline .h1, .hero-headline p {
  margin: 0 auto 1.2rem auto
}
}
.hero-headline :last-child {
  margin-bottom: 0
}
.hero-headline-maintenance {
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center
}

@media (min-width: 960px) {
.hero-headline-maintenance {
  padding: 0
}
}
.hero-headline-maintenance h1 {
  font-size: 1.4rem;
  margin-bottom: 32px
}

@media (min-width: 960px) {
.hero-headline-maintenance h1 {
  font-size: 2.1rem
}
}
.hero-headline-maintenance p {
  max-width: 640px;
  font-size: 0.8rem
}
.hero-headline-maintenance small {
  font-size: 0.7rem
}

@media (max-width: 959px) {
.hero-headline-maintenance small {
  margin-top: 32px
}
}
.home-header {
  position: relative;
  margin: 0 0 56px 0;
  overflow: hidden;
  min-height: calc(100vh - 56px)
}

@media (min-width: 960px) {
.home-header {
  margin: 0 0 100px 0;
  height: calc(100vh - 75px);
  min-height: 600px;
  max-height: 750px
}
}
.home-header .slide-cover {
  position: absolute;
  top: 0;
  left: 0;
  background: #00D1D2;
  width: 100%;
  height: 100%;
  z-index: 2;
  transform: skew(-21.5deg);
  transform-origin: top right;
  opacity: 0;
  pointer-events: none
}
.home-header .cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  pointer-events: none;
  overflow: hidden;
  background: white
}
.home-header .cover .mask {
  background: white;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform-origin: top left;
  transform: skew(-21.5deg)
}
.home-header .cover .shape {
  background: #00D1D2;
  position: absolute;
  top: 0;
  left: 0%;
  width: 80%;
  height: 100%;
  transform-origin: top left;
  transform: skew(-21.5deg);
  z-index: 2;
  opacity: 0
}

@media (min-width: 960px) {
.home-header .cover .shape {
  width: 40%
}
}
.home-header .content-wrapper {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  padding: 0 0 1.75rem 0
}

@media (min-width: 960px) {
.home-header .content-wrapper {
  padding: 0;
  height: calc(100vh - 75px)
}
}
.home-header .slide-control {
  position: absolute;
  top: 93.8666666667vw;
  width: 32px;
  height: 32px;
  z-index: 8;
  cursor: pointer;
  transition: opacity 0.4s
}

@media (min-width: 960px) {
.home-header .slide-control {
  top: 0;
  bottom: 0;
  margin: auto 0;
  width: 35px;
  height: 35px
}
}
.home-header .slide-control.disabled {
  pointer-events: none;
  opacity: 0.5
}
.home-header .slide-control.slide-control-prev {
  left: 8.5333333333vw;
  transform: scaleX(-1)
}

@media (min-width: 960px) {
.home-header .slide-control.slide-control-prev {
  left: 4.4444444444vw
}
}
.home-header .slide-control.slide-control-next {
  right: 8.5333333333vw
}

@media (min-width: 960px) {
.home-header .slide-control.slide-control-next {
  right: 4.4444444444vw
}
}
.home-header .slide-control svg path {
  stroke: #FFFDFB;
  transition: stroke 1s ease
}

@media (hover: hover) {
.home-header .slide-control:hover svg path {
  stroke: #00D1D2
}
}

@media (min-width: 960px) {
.home-header.centred-full-link {
  height: 75vh;
  margin: 0 0 50px
}
}

@media (max-width: 639px) {
.home-header.centred-full-link {
  min-height: 75vh
}
}
.home-header.centred-full-link .swiper-slide {
  justify-content: center;
  align-items: center;
  display: flex
}
.home-header.centred-full-link .slide-content {
  text-align: center
}
.home-header.centred-full-link .slide-content h1, .home-header.centred-full-link .slide-content .h1, .home-header.centred-full-link .slide-content p {
  margin-left: auto;
  margin-right: auto
}
.home-header.centred-full-link .slide-content .btn, .home-header.centred-full-link .slide-content .ui_558574, .home-header.centred-full-link .slide-content .ui_517427, .home-header.centred-full-link .slide-content .ui_464917 {
  z-index: 13
}

@media (max-width: 639px) {
.home-header.centred-full-link .slide-content {
  position: absolute;
  bottom: 14.4444444444vh;
  width: 100%
}
}
.home-header .linkFull {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-indent: -9999px;
  z-index: 12
}
.home-header .home-header-carousel {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0
}
.home-header .swiper-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
.home-header .swiper-slide {
  overflow: hidden;
  pointer-events: none;
  transition: clip-path 1s
}
.home-header .swiper-slide.swiper-slide-active {
  pointer-events: auto
}
.home-header .swiper-slide:first-child .bck {
  opacity: 1
}
.home-header .bck {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  opacity: 0
}
.home-header .bck picture {
  width: 100%;
  height: 100%
}
.home-header .bck img {
  width: 100%;
  height: 100%;
  object-fit: cover
}
.home-header .slide-content {
  text-align: center;
  margin: 13.0666666667vw 0 0 0;
  position: relative;
  color: white
}

@media (min-width: 960px) {
.home-header .slide-content {
  text-align: left;
  margin: 14.4444444444vh auto;
  width: 75.6vw;
  max-width: 1128px;
  box-sizing: border-box
}
}

@media (min-width: 1440px) {
.home-header .slide-content {
  padding: 0 20px
}
}
.home-header .slide-content h1 {
  font-size: 1.8rem;
  line-height: 1.22;
  white-space: pre-line;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold;
  width: 89.3333333333vw;
  margin: 0 auto 1.3rem auto;
  opacity: 0;
  letter-spacing: 0.01px;
  color: #FFFDFB
}

@media (min-width: 768px) {
.home-header .slide-content h1 {
  font-size: 2.5rem
}
}

@media (min-width: 960px) {
.home-header .slide-content h1 {
  font-size: 3.2rem;
  line-height: 1.13;
  max-width: 50rem;
  letter-spacing: -0.8px;
  width: auto;
  margin: 0 auto 1.2rem 0
}
}
.home-header .slide-content h1+.btn, .home-header .slide-content h1+.ui_558574, .home-header .slide-content h1+.ui_517427, .home-header .slide-content h1+.ui_464917 {
  margin-top: 0.7rem
}

@media (min-width: 960px) {
.home-header .slide-content h1+.btn, .home-header .slide-content h1+.ui_558574, .home-header .slide-content h1+.ui_517427, .home-header .slide-content h1+.ui_464917 {
  margin-top: 0.8rem
}
}

@media (min-width: 960px) {
.home-header .slide-content .h2 {
  font-size: 2.8rem
}
}
.home-header .slide-content p {
  margin: 0 auto;
  font-size: 0.8rem;
  line-height: 1.5;
  width: 312px;
  margin: 0 auto 1.9rem auto;
  opacity: 0;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: normal
}

@media (min-width: 960px) {
.home-header .slide-content p {
  width: auto;
  max-width: 20.75rem;
  margin: 0 0 1.6rem 0
}
}
.home-header .slide-content .btn, .home-header .slide-content .ui_558574, .home-header .slide-content .ui_517427, .home-header .slide-content .ui_464917 {
  opacity: 0
}
.home-header .home-trio {
  width: 88vw;
  margin: 111.2vw auto 0 auto;
  background: rgba(52, 48, 61, 0.15);
  box-sizing: border-box;
  padding: 4.8vw;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 2;
  border-radius: 2px
}

@media (min-width: 640px) {
.home-header .home-trio {
  padding: 21px 22px
}
}

@media (min-width: 960px) {
.home-header .home-trio {
  flex-direction: row;
  justify-content: space-between;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 3;
  bottom: 6.6666666667vh;
  width: 78.4722222222vw;
  max-width: 1128px;
  padding: 21px 22px
}
}
.home-header .home-trio .home-trio-item {
  position: relative;
  margin: 0 0 4vw 0;
  background: #FFFDFB;
  min-height: 103px;
  display: flex;
  cursor: pointer;
  transition: color 0.4s, background 0.4s;
  overflow: hidden;
  border-radius: 5px
}
.home-header .home-trio .home-trio-item:hover {
  text-decoration: none
}
.home-header .home-trio .home-trio-item:last-child {
  margin: 0 0 0 0
}
.home-header .home-trio .home-trio-item:before {
  content: " ";
  position: absolute;
  top: 0;
  left: -18%;
  background: #34303d;
  width: calc(120% + 2rem);
  height: 120%;
  z-index: 0;
  -webkit-transition: transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out;
  -webkit-transform: translateX(-100%) skew(-21deg);
  transform: translateX(-100%) skew(-21deg)
}

@media (min-width: 640px) {
.home-header .home-trio .home-trio-item {
  min-height: 112px;
  padding: 20px
}
}

@media (min-width: 960px) {
.home-header .home-trio .home-trio-item {
  min-height: 130px;
  margin: 0;
  width: calc(33.333% - 14px);
  height: 13.5555555556vh
}
}
.home-header .home-trio .trio-item-bg {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: right center
}
.home-header .home-trio .trio-item-desc {
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
  width: calc(100% - 22.9333333333vw);
  padding: 0 6.4vw;
  position: relative;
  z-index: 2
}

@media (min-width: 640px) {
.home-header .home-trio .trio-item-desc {
  padding: 0 1.1rem
}
}

@media (min-width: 960px) {
.home-header .home-trio .trio-item-desc {
  width: 66.666%;
  padding: 0 0
}
}
.home-header .home-trio .trio-item-desc h3, .home-header .home-trio .trio-item-desc .h3 {
  margin: 0 0 0.2rem 0;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold;
  font-size: 0.9rem;
  line-height: 1.5
}

@media (min-width: 960px) {
.home-header .home-trio .trio-item-desc h3, .home-header .home-trio .trio-item-desc .h3 {
  font-size: 1rem;
  line-height: 1.333
}
}

@media (min-width: 1280px) {
.home-header .home-trio .trio-item-desc h3, .home-header .home-trio .trio-item-desc .h3 {
  font-size: 1.2rem
}
}
.home-header .home-trio .trio-item-desc p {
  font-size: 0.8rem;
  margin: 0 auto 0 0;
  position: relative
}
.home-header .home-trio .trio-item-desc p:after, .home-header .home-trio .trio-item-desc p:before {
  pointer-events: none;
  content: ' ';
  position: absolute;
  bottom: 0.3rem;
  left: 100%;
  width: 1rem;
  height: 0.5rem;
  transform: translateX(0.5rem);
  opacity: 1;
  background: transparent url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 18.1 12' width='100%' height='100%'  style='enable-background:new 0 0 18.1 12;' xml:space='preserve'%3E%3Cpath fill='%2334303d' d='M16.4,7.4L16.4,7.4l-4.2,4.2l-1.4-1.4L14,7H0.1V5H14l-3.2-3.2l1.4-1.4L17.8,6L16.4,7.4z' /%3E%3C/svg%3E%0A") left center no-repeat;
  transition: all 0.5s ease;
  transition-delay: 0s
}
.home-header .home-trio .trio-item-desc p:before {
  background: transparent url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 18.1 12' width='100%' height='100%'  style='enable-background:new 0 0 18.1 12;' xml:space='preserve'%3E%3Cpath fill%3D%27%23fffdfb%27 d='M16.4,7.4L16.4,7.4l-4.2,4.2l-1.4-1.4L14,7H0.1V5H14l-3.2-3.2l1.4-1.4L17.8,6L16.4,7.4z' /%3E%3C/svg%3E%0A") left center no-repeat;
  z-index: 3;
  clip-path: inset(0 100% 0 0);
  transition: clip-path 0.3s, -webkit-clip-path 0.3s
}
.home-header .home-trio .trio-item-desc small {
  font-size: 0.6rem
}

@media (hover: hover) {
.home-header .home-trio .home-trio-item:hover {
  color: #FFFDFB
}
.home-header .home-trio .home-trio-item:hover:before {
  -webkit-transform: translateX(0%) skew(-21deg);
  transform: translateX(0%) skew(-21deg)
}
.home-header .home-trio .home-trio-item:hover .trio-item-desc p:before {
  clip-path: inset(0 0% 0 0);
  -webkit-clip-path: inset(0 0% 0 0)
}
}

@media (min-width: 960px) {
.home-header.trio-no-thumbs .home-trio .trio-item-desc {
  width: 100%
}
}
.home-header.no-trio .swiper-slide {
  display: flex
}
.home-header.no-trio .swiper-slide .slide-content {
  margin-top: auto;
  margin-bottom: auto
}
.mini-compare {
  margin: 0 0 95px 0
}

@media (min-width: 960px) {
.mini-compare {
  margin: 0 0 140px 0
}
}
.mini-compare>header {
  background: #f6f4f0;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 3.65rem 8.5vw 2rem 8.5vw
}

@media (min-width: 960px) {
.mini-compare>header {
  padding: 5.05rem 0 4rem 0;
  margin: 0 3.2rem 0 3.2rem;
  max-width: 91.1vw
}
}
.mini-compare>header .header-logo {
  width: 3.2rem;
  height: 3.2rem;
  margin: 0 0 3.2rem 0
}
.mini-compare>header img {
  width: 3.2rem;
  height: 3.2rem;
  margin: 0 0 1.6rem 0
}

@media (min-width: 960px) {
.mini-compare>header img {
  margin: 0 0 2.5rem 0;
  width: 64px;
  height: 62px
}
}
.mini-compare>header h2 {
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold;
  font-size: 1.6rem;
  margin: 0 0 1.2rem 0
}

@media (min-width: 960px) {
.mini-compare>header h2 {
  margin: 0 0 1.6rem 0;
  font-size: 2.8rem;
  letter-spacing: -0.0375rem
}
}
.mini-compare>header p {
  line-height: 1.5;
  font-size: 0.8rem;
  margin: 0
}
.mini-compare .content-wrapper .carousel {
  margin: 0 0 2rem 0;
  position: relative
}

@media (min-width: 960px) {
.mini-compare .content-wrapper .carousel {
  margin: 0 3.2rem 0 3.2rem;
  max-width: 91.1vw
}
}
.mini-compare .content-wrapper .carousel:before {
  content: " ";
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background: #f6f4f0;
  display: block
}

@media (min-width: 960px) {
.mini-compare .content-wrapper .carousel:before {
  height: 10vw;
  max-height: 140px
}
}

@media (min-width: 960px) {
.mini-compare .content-wrapper .swiper-container {
  width: 69.8611111111vw;
  margin: 0 auto;
  max-width: 1000px
}
}
.mini-compare .content-wrapper .swiper-slide {
  text-align: center;
  width: 39.4666666667vw
}

@media (min-width: 960px) {
.mini-compare .content-wrapper .swiper-slide {
  width: 22.2222222222vw;
  max-width: 22.2222222222vw
}
}
.mini-compare .content-wrapper .swiper-slide figure {
  margin: 0 auto 0.8rem
}

@media (min-width: 960px) {
.mini-compare .content-wrapper .swiper-slide figure {
  margin: 0 auto 2rem
}
}
.mini-compare .content-wrapper .swiper-slide figure img {
  width: 100%;
  height: auto
}

@media (min-width: 960px) {
.mini-compare .content-wrapper .swiper-slide figure img {
  width: auto;
  max-width: 80%;
  margin: 0 auto
}
}
.mini-compare .content-wrapper>p {
  margin: 0 0 2rem 0
}
.mini-compare .text-wrapper h4, .mini-compare .text-wrapper .h4 {
  font-size: 1rem;
  margin: 0 0 0.45rem 0;
  line-height: 1.2;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold
}

@media (min-width: 960px) {
.mini-compare .text-wrapper h4, .mini-compare .text-wrapper .h4 {
  font-size: 1.2rem;
  line-height: 1.5
}
}
.mini-compare .text-wrapper p {
  margin: 0;
  font-size: 0.8rem;
  line-height: 1.5
}

@media (min-width: 960px) {
.mini-compare .text-wrapper p {
  font-size: 1rem;
  line-height: 1.6;
  width: 80%;
  margin: 0 auto
}
}
.mini-compare .link-container {
  margin-top: 40px;
  text-align: center
}
.mini-compare.devices-2 .swiper-wrapper {
  justify-content: center
}

@media (min-width: 840px) and (max-width:959px) {
.mini-compare.devices-4 .swiper-container {
  max-width: calc(100% - 40px)
}
}
.mini-compare.has-badges .swiper-wrapper .swiper-slide .text-wrapper {
  position: relative;
  padding-top: 2rem
}
.mini-compare.has-badges .swiper-wrapper .swiper-slide .badge {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  margin: 0 auto
}
.mini-compare.responsive {
  margin-bottom: 1.6rem
}

@media (max-width: 959px) {
.mini-compare.responsive {
  padding-left: 1.6rem;
  padding-right: 1.6rem
}
}

@media (max-width: 767px) {
.mini-compare.responsive .content-wrapper .swiper-wrapper {
  width: 100% !important
}
}

@media (max-width: 959px) {
.mini-compare.responsive .content-wrapper {
  background: #f6f4f0;
  padding: 0.9rem;
  text-align: center
}
.mini-compare.responsive .content-wrapper .swiper-wrapper {
  display: inline-block;
  width: 50vw
}
.mini-compare.responsive .content-wrapper .swiper-wrapper .swiper-slide {
  display: flex;
  flex-direction: row;
  margin-bottom: 1.2rem;
  text-align: left;
  width: 100%
}
.mini-compare.responsive .content-wrapper .swiper-wrapper .swiper-slide figure {
  padding: 0.3rem;
  margin: 0
}
.mini-compare.responsive .content-wrapper .swiper-wrapper .swiper-slide h4, .mini-compare.responsive .content-wrapper .swiper-wrapper .swiper-slide .h4 {
  margin: 0.6rem 0 0.45rem 0
}
.mini-compare.responsive .content-wrapper figure img {
  height: 4.05rem;
  width: auto
}
}

@media (max-width: 959px) {
.mini-compare .content-wrapper .swiper-slide:first-child:nth-last-child(n+3), .mini-compare .content-wrapper .swiper-slide:first-child:nth-last-child(n+3)~.swiper-slide {
  width: 35vw;
  max-width: 320px
}
.mini-compare.has-badges .content-wrapper .swiper-slide:first-child:nth-last-child(n+3) .text-wrapper, .mini-compare.has-badges .content-wrapper .swiper-slide:first-child:nth-last-child(n+3)~.swiper-slide .text-wrapper {
  padding-top: 3rem
}
.mini-compare.has-badges .content-wrapper .swiper-slide:first-child:nth-last-child(n+3) .badge, .mini-compare.has-badges .content-wrapper .swiper-slide:first-child:nth-last-child(n+3)~.swiper-slide .badge {
  top: 1rem
}
}
.block-ugc {
  margin: 0 0 56px 0
}

@media (min-width: 960px) {
.block-ugc {
  margin: 0 0 100px 0
}
}
.block-ugc .content-wrapper {
  margin: 0 auto;
  width: 83vw
}

@media (min-width: 960px) {
.block-ugc .content-wrapper {
  width: 91.1vw;
  max-width: 1312px;
  display: flex;
  justify-content: flex-end;
  flex-direction: row-reverse
}
}
.block-ugc .text-wrapper {
  margin-bottom: 2.25rem
}

@media (min-width: 960px) {
.block-ugc .text-wrapper {
  width: 51.12%;
  margin-top: 6rem;
  margin-bottom: 0;
  padding: 0 0 9.29% 10.97%;
  box-sizing: border-box
}
}
.block-ugc .text-wrapper h2 {
  font-size: 1.6rem;
  line-height: 1.25;
  margin: 0 0 1.2rem 0;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold
}

@media (min-width: 960px) {
.block-ugc .text-wrapper h2 {
  font-size: 2.2rem;
  line-height: 1.14;
  margin: 0 0 1.6rem 0;
  letter-spacing: -0.75px
}
}

@media (min-width: 1280px) {
.block-ugc .text-wrapper h2 {
  font-size: 2.8rem
}
}
.block-ugc .text-wrapper p {
  font-size: 0.8rem;
  line-height: 1.5;
  margin: 0 0 2rem 0
}
.block-ugc figure {
  padding: 0
}

@media (min-width: 960px) {
.block-ugc figure {
  box-sizing: border-box;
  width: 48.88%
}
}
.block-ugc figure img {
  display: block;
  height: auto;
  width: 100%
}

@media (min-width: 960px) {
.block-ugc.order-inverse .content-wrapper {
  flex-direction: row
}
}

@media (max-width: 959px) {
.block-ugc.order-inverse-mobile .content-wrapper {
  display: flex;
  flex-direction: column-reverse
}
}

@media (min-width: 960px) {
.block-ugc.big figure {
  width: 30.5%
}
}
.block-ugc.big .text-wrapper {
  max-width: 83vw;
  margin-left: auto;
  margin-right: auto
}

@media (min-width: 960px) {
.block-ugc.big .text-wrapper {
  width: 69.5%;
  margin-left: 0;
  margin-right: 0;
  margin-top: auto;
  margin-bottom: auto;
  padding-bottom: 0
}
}
.block-ugc.big .content-wrapper {
  width: 100%
}

@media (min-width: 960px) {
.block-ugc.big .content-wrapper {
  max-width: 1440px
}
}

@media (min-width: 960px) {
.block-ugc.big.order-inverse .text-wrapper {
  padding-left: 12.22%;
  padding-right: 15.55%
}
}
.block-ugc.brand-turquoise {
  background: #00D1D2
}
.block-ugc.brand-turquoise .content-wrapper {
  padding-top: 2rem;
  background: #00D1D2
}

@media (min-width: 960px) {
.block-ugc.brand-turquoise .content-wrapper {
  padding-top: 0
}
}
.block-ugc.quote-bg .content-wrapper {
  position: relative
}
.block-ugc.quote-bg .content-wrapper:before {
  content: " ";
  background-image: url('../../../../../design/themes/kura/media/images/ico/iquotes.svg?1690945733');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold;
  position: absolute;
  width: 83%;
  height: calc(100% - 76vw);
  left: 8.5%;
  top: 0;
  opacity: 0.25;
  transform: scaleX(-1) scaleY(-1.3) translateY(-1%)
}

@media (min-width: 960px) {
.block-ugc.quote-bg .content-wrapper:before {
  width: 36%;
  height: 100%;
  left: 15%;
  top: 0;
  transform: scaleX(-1.2) scaleY(-1.3) translateY(-1%)
}
}
.block-ugc.quote-bg .text-wrapper {
  position: relative
}
.hero-media {
  margin: 0 0 56px 0;
  max-height: calc(100vh - 56px);
  overflow: hidden
}

@media (min-width: 960px) {
.hero-media {
  margin: 0 0 100px 0;
  max-height: calc(90vh - 75px)
}
}
.hero-media video, .hero-media picture {
  display: block;
  height: auto;
  width: 100%
}
.hero-media .content-wrapper {
  width: 100%;
  position: relative;
  max-height: 100%
}

@media (min-width: 960px) {
.hero-media .content-wrapper {
  max-height: calc(90vh - 75px)
}
}
.hero-media .media-wrapper {
  position: relative;
  max-height: calc(100vh - 56px)
}

@media (min-width: 960px) {
.hero-media .media-wrapper {
  max-height: calc(100vh - 75px)
}
}
.hero-media .media-wrapper video, .hero-media .media-wrapper img {
  object-fit: cover;
  max-height: calc(100vh - 56px);
  display: block
}

@media (min-width: 960px) {
.hero-media .media-wrapper video, .hero-media .media-wrapper img {
  max-height: calc(100vh - 75px)
}
}
.hero-media .media-wrapper img {
  width: 100vw
}
.hero-media .text-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  padding: 0 10%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  flex-direction: column;
  color: #FFFDFB;
  z-index: 3;
  align-items: center
}
.hero-media.video-open .text-wrapper {
  opacity: 0;
  pointer-events: none
}
.hero-media.content-align-top .text-wrapper {
  justify-content: flex-start;
  padding-top: 2.8rem
}

@media (min-width: 960px) {
.hero-media.content-align-top .text-wrapper {
  padding-top: 5rem
}
}

@media (min-width: 1366px) {
.hero-media.content-align-top .text-wrapper {
  padding-top: 6.5rem
}
}
.hero-variant-2 {
 --block-background: #00D1D2;
 --block-text-color: inherit;
  margin: 0 0 56px 0;
  color: var(--block-text-color)
}

@media (min-width: 960px) {
.hero-variant-2 {
  margin: 0 0 100px 0;
  background-color: var(--block-background);
  max-height: 700px
}
}
.hero-variant-2 .content-wrapper {
  margin: 0 auto;
  display: flex;
  flex-direction: column
}

@media (min-width: 960px) {
.hero-variant-2 .content-wrapper {
  flex-direction: row-reverse;
  align-items: center
}
}
.hero-variant-2 .text-wrapper {
  background-color: var(--block-background);
  width: 100%;
  box-sizing: border-box;
  padding: 10.6666666667vw 8.5333333333vw 13.3333333333vw 8.5333333333vw;
  overflow: hidden;
  position: relative;
  font-size: 0.8rem;
  line-height: 1.5;
  display: flex;
  flex-direction: column
}

@media (min-width: 960px) {
.hero-variant-2 .text-wrapper {
  margin: 0 0 0 auto;
  padding: 0 4.5rem 0 7.15rem;
  width: 50%;
  max-width: 736px;
  font-size: 1rem;
  line-height: 1.6;
  letter-spacing: normal
}
}
.hero-variant-2 .text-wrapper h2, .hero-variant-2 .text-wrapper .h2 {
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 1.22;
  letter-spacing: 0.01px;
  margin: 0 0 1.2rem 0
}

@media (min-width: 960px) {
.hero-variant-2 .text-wrapper h2, .hero-variant-2 .text-wrapper .h2 {
  margin: 0 0 1.6rem 0;
  font-size: 2.4rem;
  letter-spacing: -0.8px;
  line-height: 1.13;
  letter-spacing: normal
}
}

@media (min-width: 1280px) {
.hero-variant-2 .text-wrapper h2, .hero-variant-2 .text-wrapper .h2 {
  font-size: 3.2rem
}
}
.hero-variant-2 .text-wrapper h3, .hero-variant-2 .text-wrapper .h3 {
  font-size: 1.4rem;
  line-height: 1.4;
  margin: 0 0 1.2rem 0
}

@media (min-width: 960px) {
.hero-variant-2 .text-wrapper h3, .hero-variant-2 .text-wrapper .h3 {
  font-size: 2.1rem;
  line-height: 1.2
}
}
.hero-variant-2 .text-wrapper p {
  margin: 0 0 1.6rem 0
}
.hero-variant-2 .text-wrapper .small {
  font-size: 0.8rem
}
.hero-variant-2 .text-wrapper .cta-box {
  margin-top: 0.4rem
}
.hero-variant-2 .text-wrapper>:last-child {
  margin-bottom: 0
}
.hero-variant-2 figure {
  background-color: var(--block-background);
  margin: 0;
  width: 100%
}

@media (min-width: 960px) {
.hero-variant-2 figure {
  width: 50%;
  height: 48.6111111111vw;
  max-height: 700px;
  position: relative
}
}
.hero-variant-2 figure img {
  display: block;
  height: auto;
  width: 100%
}

@media (min-width: 960px) {
.hero-variant-2 figure img {
  position: absolute;
  object-fit: cover;
  object-position: left center;
  width: 100%;
  height: 100%
}
}

@media (min-width: 960px) and (max-width:1365px) {
.hero-variant-2.break-point-2-3 .text-wrapper {
  width: 60%;
  max-width: 888px
}
.hero-variant-2.break-point-2-3 figure {
  width: 40%
}
}

@media (max-width: 959px) {
.hero-variant-2.mobile-text-top .content-wrapper {
  flex-direction: column-reverse
}
}

@media (max-width: 959px) {
.hero-variant-2.mobile-text-center .text-wrapper {
  align-items: column-reverse
}
.hero-variant-2.mobile-text-center .text-wrapper>* {
  text-align: center
}
}
.hero-variant-2.swap-md .content-wrapper>figure {
  order: 2
}
.hero-variant-2.swap-md .content-wrapper>.text-wrapper {
  order: 1
}

@media (min-width: 960px) {
.hero-variant-2.swap-md .content-wrapper>figure {
  order: 1
}
.hero-variant-2.swap-md .content-wrapper>.text-wrapper {
  order: 2
}
}

@media (min-width: 960px) {
.hero-variant-2.mt-5-md {
  margin-top: 5rem
}
}

@media (min-width: 960px) {
.hero-variant-2.fixed-height figure {
  height: 700px
}
}

@media (min-width: 960px) {
.hero-variant-2.order-inverse .content-wrapper {
  flex-direction: row
}
}
.hero-variant-2.max-content-2x .content-wrapper {
  max-width: 1440px
}
.hero-image {
  margin: 0 auto 56px auto
}

@media (min-width: 960px) {
.hero-image {
  margin: 0 auto 100px auto;
  max-width: 1312px
}
}
.hero-image figure img {
  display: block;
  height: auto;
  width: 100%
}
.promo-variant-nbw {
  padding: 0 0 0 0;
  margin: 0 0 56px 0;
  background: #f6f4f0
}

@media (min-width: 960px) {
.promo-variant-nbw {
  background: transparent;
  padding: 5.35rem 0 0 0;
  margin: 0 0 100px 0
}
}
.promo-variant-nbw .content-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0 auto
}

@media (min-width: 960px) {
.promo-variant-nbw .content-wrapper {
  background: #f6f4f0;
  flex-direction: row;
  justify-content: space-between;
  width: 91.1vw;
  max-width: 1312px;
  padding-bottom: 4.1rem
}
}
.promo-variant-nbw .text-wrapper {
  margin: 0 auto;
  text-align: center;
  padding: 2.4rem 0 2rem 0;
  max-width: 83vw;
  font-size: 0.8rem;
  line-height: 1.5
}

@media (min-width: 960px) {
.promo-variant-nbw .text-wrapper {
  text-align: left;
  padding: 4.9rem 0 0 0
}
}
.promo-variant-nbw .text-wrapper h2 {
  font-size: 1.2rem;
  line-height: 1.33;
  margin: 0 0 0.8rem 0;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold
}

@media (min-width: 960px) {
.promo-variant-nbw .text-wrapper h2 {
  font-size: 2.1rem;
  line-height: 1.24;
  margin: 0 0 1.6rem 0
}
}
.promo-variant-nbw .text-wrapper .btn, .promo-variant-nbw .text-wrapper .ui_558574, .promo-variant-nbw .text-wrapper .ui_517427, .promo-variant-nbw .text-wrapper .ui_464917 {
  margin: 0 0 1.6rem 0
}

@media (min-width: 960px) {
.promo-variant-nbw .text-wrapper .btn, .promo-variant-nbw .text-wrapper .ui_558574, .promo-variant-nbw .text-wrapper .ui_517427, .promo-variant-nbw .text-wrapper .ui_464917 {
  margin: 0 0 2.8rem 0
}
}
.promo-variant-nbw .text-wrapper h2+p {
  margin-bottom: 2rem
}

@media (min-width: 960px) {
.promo-variant-nbw .text-wrapper h2+p {
  margin-bottom: 2rem
}
}
.promo-variant-nbw .text-wrapper p {
  margin: 0 0.65rem 1.5rem 0.65rem
}

@media (min-width: 960px) {
.promo-variant-nbw .text-wrapper p {
  margin: 0 0 1.5rem 0;
  font-size: 0.8rem;
  line-height: 1.5
}
}
.promo-variant-nbw .text-wrapper p.box-p {
  margin: 0 0.65rem 0.75rem 0.65rem;
  font-size: 0.7rem;
  line-height: 1rem;
  letter-spacing: 0.4px;
  text-align: left
}

@media (min-width: 960px) {
.promo-variant-nbw .text-wrapper p.box-p {
  font-size: 0.8rem;
  line-height: 1.5;
  margin: 0 0 1rem 0
}
}
.promo-variant-nbw .text-wrapper p.legal-advice {
  font-size: 0.6rem;
  line-height: 1.5;
  letter-spacing: 0.2px;
  text-align: left
}

@media (min-width: 960px) {
.promo-variant-nbw .text-wrapper p.legal-advice {
  font-size: 0.6rem;
  line-height: 1.33
}
}
.promo-variant-nbw .text-wrapper>:last-child {
  margin-bottom: 0
}
.promo-variant-nbw figure {
  padding: 0;
  margin: 0
}
.promo-variant-nbw figure img {
  width: 100%;
  display: block
}

@media (min-width: 960px) {
.promo-variant-nbw figure {
  transform: scale(1.07);
  transform-origin: right top;
  margin: 0 auto auto 0;
  position: relative;
  top: -4.7rem
}
}

@media (min-width: 960px) {
.promo-variant-nbw.img-sd-height figure {
  position: absolute;
  right: 8.5%
}
.promo-variant-nbw.img-sd-height .content-wrapper {
  position: relative
}
.promo-variant-nbw.img-sd-height .text-wrapper {
  margin: 0 auto 0 8.5%
}
}
.promo-variant-1 {
 --block-background: transparent;
 --block-text-color: inherit;
  margin: 0 0 56px 0;
  position: relative;
  color: var(--block-text-color)
}

@media (min-width: 960px) {
.promo-variant-1 {
  margin: 0 0 100px 0
}
.promo-variant-1:before {
  background: var(--block-background);
  z-index: -1;
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 50vw;
  height: 100%
}
}
.promo-variant-1 .content-wrapper {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  background: var(--block-background)
}

@media (min-width: 960px) {
.promo-variant-1 .content-wrapper {
  max-width: 1312px;
  width: 91.1vw;
  flex-direction: row-reverse
}
}
.promo-variant-1 .text-wrapper {
  box-sizing: border-box;
  padding: 2rem 8.5vw 2rem 8.5vw;
  overflow: hidden;
  position: relative;
  transform-origin: top left
}

@media (min-width: 960px) {
.promo-variant-1 .text-wrapper {
  margin: 0 0 0 0;
  padding: 5rem 9.29% 5rem 10.97%;
  width: 51.12%
}
}
.promo-variant-1 .text-wrapper h6 {
  font-size: 0.7rem;
  line-height: 1.14;
  display: inline-flex;
  align-items: center;
  font-weight: normal;
  margin: 0 0 0.5rem 0
}
.promo-variant-1 .text-wrapper h6 span:not(.tag) {
  margin-right: 0.3rem;
  letter-spacing: 0.8px
}
.promo-variant-1 .text-wrapper h6 .tag {
  font-size: 0.6rem;
  background: #ffd040;
  padding: 0.1rem 0.4rem;
  border-radius: 2px
}
.promo-variant-1 .text-wrapper h2 {
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold;
  font-size: 1.6rem;
  margin: 0 0 1.2rem 0;
  transition: opacity 1s;
  line-height: 1.31
}

@media (min-width: 960px) {
.promo-variant-1 .text-wrapper h2 {
  font-size: 2.1rem;
  margin: 0 0 1.6rem 0;
  line-height: 1.24
}
}
.promo-variant-1 .text-wrapper h3 {
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold;
  font-size: 1.2rem;
  line-height: 1.4;
  transition: opacity 1s
}

@media (min-width: 960px) {
.promo-variant-1 .text-wrapper h3 {
  font-size: 2.1rem
}
}
.promo-variant-1 .text-wrapper .big {
  font-size: 1.2rem;
  line-height: 1.44;
  margin-bottom: 1.6rem;
  padding-right: 10%
}

@media (min-width: 960px) {
.promo-variant-1 .text-wrapper .big {
  padding-right: 0;
  font-size: 2.8rem;
  line-height: 1.14;
  letter-spacing: -0.75px
}
}
.promo-variant-1 .text-wrapper p {
  margin: 0 0 1.6rem 0;
  transition: opacity 1s;
  line-height: 1.5
}

@media (min-width: 960px) {
.promo-variant-1 .text-wrapper p {
  margin: 0 0 1.6rem 0;
  line-height: 1.67;
  font-size: 0.8rem
}
}
.promo-variant-1 .text-wrapper small .link, .promo-variant-1 .text-wrapper small .page-main p a:not([class]), .page-main p .promo-variant-1 .text-wrapper small a:not([class]) {
  font-size: inherit
}
.promo-variant-1 .text-wrapper .cta-box .btn, .promo-variant-1 .text-wrapper .cta-box .ui_558574, .promo-variant-1 .text-wrapper .cta-box .ui_517427, .promo-variant-1 .text-wrapper .cta-box .ui_464917 {
  margin-top: 8px
}
.promo-variant-1 .text-wrapper>:last-child {
  margin-bottom: 0
}
.promo-variant-1 .text-wrapper .actions-wrapper {
  margin-top: 2rem
}
.promo-variant-1 figure {
  position: relative;
  margin: 0;
  padding: 0
}

@media (min-width: 960px) {
.promo-variant-1 figure {
  width: 48.88%
}
}
.promo-variant-1 figure img {
  display: block;
  height: auto;
  width: 100%
}

@media (min-width: 960px) {
.promo-variant-1 figure img {
  position: absolute;
  object-fit: cover;
  height: 100%
}
}

@media (min-width: 960px) {
.promo-variant-1.order-inverse .content-wrapper {
  flex-direction: row
}
}

@media (max-width: 959px) {
.promo-variant-1.order-inverse-mobile .content-wrapper {
  flex-direction: column-reverse
}
}

@media (min-width: 960px) {
.promo-variant-1.align-v-text-center .text-wrapper {
  margin-top: auto;
  margin-bottom: auto
}
}
.promo-variant-1.brand-sensory .text-wrapper:before {
  background: #00D1D2;
  z-index: -1;
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
.promo-variant-1.brand-sensory .text-wrapper:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  background-size: cover;
  background-image: url('../../../../../design/themes/kura/media/images/textures/sensory-turquoise.jpg?1690945733');
  background-repeat: no-repeat;
  z-index: -1;
  opacity: 1;
  transition: transform 1s
}
.promo-variant-1.brand-sensory.no-texture .text-wrapper:after {
  content: none
}

@media (min-width: 960px) {
.promo-variant-1.full-bck:before {
  width: 100%;
  height: 100%
}
}

@media (min-width: 960px) {
.promo-variant-1.clipped-bck:before {
  display: none
}
}

@media (min-width: 960px) {
.promo-variant-1.img-height figure img {
  position: static
}
.promo-variant-1.img-height .text-wrapper {
  padding-top: 3rem;
  padding-bottom: 3rem;
  display: flex;
  flex-direction: column;
  justify-content: center
}
}

@media (min-width: 960px) {
.promo-variant-1.equal-w-full .content-wrapper {
  width: 100%;
  max-width: none
}
}

@media (min-width: 960px) {
.promo-variant-1.equal-w-full figure {
  width: 50%;
  max-width: 50%;
  max-height: 612px
}
}

@media (min-width: 960px) {
.promo-variant-1.equal-w-full .text-wrapper {
  width: 50%;
  max-width: 656px;
  padding-left: 7.3%;
  padding-right: 8.5%
}
}

@media (min-width: 1440px) {
.promo-variant-1.equal-w-full .text-wrapper {
  width: 50%;
  max-width: 656px;
  padding-left: 112px;
  padding-right: 96px
}
}

@media (min-width: 960px) {
.promo-variant-1.equal-w-full.no-img-max-h figure {
  max-height: 100%
}
}

@media (min-width: 960px) {
.promo-variant-1.equal-w-full.order-inverse .text-wrapper {
  width: 50%;
  max-width: 656px;
  padding-left: 8.5%;
  padding-right: 7.3%
}
}

@media (min-width: 960px) {
.promo-variant-1.equal-w .content-wrapper {
  max-width: 1440px
}
}

@media (min-width: 960px) and (min-width:960px) {
.promo-variant-1.equal-w figure {
  width: 50%
}
}

@media (min-width: 960px) and (min-width:960px) {
.promo-variant-1.equal-w .text-wrapper {
  width: 50%;
  padding-left: 8.5%;
  padding-right: 7.3%
}
}
.promo-variant-1.equal-w.brand-hard-white {
  background-color: #f6f4f0
}

@media (min-width: 960px) {
.promo-variant-1.fixed-height figure {
  max-height: 620px;
  height: 620px
}
}

@media (min-width: 960px) and (max-width:1365px) {
.promo-variant-1.break-point-2-3 .text-wrapper {
  width: 60%
}
.promo-variant-1.break-point-2-3 figure {
  width: 40%
}
}

@media (min-width: 960px) {
.promo-variant-1.bck-max-width:before {
  display: none
}
}
.promo-variant-2 {
 --block-background: #00D1D2;
 --block-text-color: inherit;
  margin: 0 0 56px 0;
  color: var(--block-text-color)
}

@media (min-width: 960px) {
.promo-variant-2 {
  margin: 0 0 100px 0;
  padding: 0 0 7.2rem 0
}
}
.promo-variant-2 .content-wrapper {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  background: var(--block-background)
}

@media (min-width: 960px) {
.promo-variant-2 .content-wrapper {
  max-width: 1440px;
  flex-direction: row;
  background: transparent;
  position: relative
}
.promo-variant-2 .content-wrapper:before {
  background: var(--block-background);
  z-index: -1;
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 4.444%);
  height: 100%
}
.promo-variant-2 .content-wrapper:after {
  background: var(--block-background);
  z-index: -1;
  content: " ";
  position: absolute;
  top: 0;
  right: 50%;
  width: 50vw;
  height: 100%
}
}
.promo-variant-2 .text-wrapper {
  box-sizing: border-box;
  padding: 2rem 8.5vw 2.75rem 8.5vw;
  overflow: hidden;
  position: relative;
  transform-origin: top left
}

@media (min-width: 960px) {
.promo-variant-2 .text-wrapper {
  margin: 0 0 0 10%;
  box-sizing: content-box;
  width: 32.5%;
  padding: 7.2rem 0 90px 0;
  min-height: 400px
}
}
.promo-variant-2 .text-wrapper h6 {
  font-size: 0.7rem;
  line-height: 1.14;
  display: inline-flex;
  align-items: center;
  font-weight: normal;
  margin: 0 0 0.5rem 0
}
.promo-variant-2 .text-wrapper h6 span:not(.badge) {
  margin-right: 0.3rem;
  letter-spacing: 0.8px
}
.promo-variant-2 .text-wrapper h2 {
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold;
  margin: 0 0 1.2rem 0;
  line-height: 1.25;
  font-size: 1.6rem
}

@media (min-width: 960px) {
.promo-variant-2 .text-wrapper h2 {
  font-size: 2.1rem;
  line-height: 1.14;
  margin: 0 0 1.6rem 0;
  letter-spacing: -0.75px
}
}

@media (min-width: 1280px) {
.promo-variant-2 .text-wrapper h2 {
  font-size: 2.8rem
}
}
.promo-variant-2 .text-wrapper p {
  margin: 0 0 1.6rem 0
}

@media (min-width: 960px) {
.promo-variant-2 .text-wrapper p {
  margin: 0 0 1.6rem 0
}
}
.promo-variant-2 .text-wrapper p .btn, .promo-variant-2 .text-wrapper p .ui_558574, .promo-variant-2 .text-wrapper p .ui_517427, .promo-variant-2 .text-wrapper p .ui_464917 {
  margin-top: 8px
}
.promo-variant-2 .text-wrapper>:last-child {
  margin-bottom: 0
}
.promo-variant-2 figure {
  position: relative;
  margin: 0
}
.promo-variant-2 figure img {
  width: 100%;
  display: block
}

@media (min-width: 960px) {
.promo-variant-2 figure {
  top: 7.2rem;
  width: 46.666%
}
.promo-variant-2 figure img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  object-fit: cover
}
}

@media (min-width: 960px) {
.promo-variant-2.order-inverse .content-wrapper {
  flex-direction: row-reverse
}
.promo-variant-2.order-inverse .content-wrapper:before {
  left: auto;
  right: 0
}
.promo-variant-2.order-inverse .content-wrapper:after {
  right: auto;
  left: 50%
}
.promo-variant-2.order-inverse .text-wrapper {
  margin: 0 10% 0 0
}
}
.promo-variant-2.brand-amber .content-wrapper .box.p {
  background-color: rgba(52, 48, 61, 0.05)
}
.promo-variant-2.full-width .content-wrapper {
  max-width: 100%
}
.promo-variant-3 {
 --block-background: #00D1D2;
 --block-text-color: inherit;
  margin: 0 0 56px 0;
  position: relative;
  color: var(--block-text-color)
}

@media (min-width: 960px) {
.promo-variant-3 {
  margin: 0 0 100px 0
}
}

@media (min-width: 960px) {
.promo-variant-3:before {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 21.25vw);
  background-color: var(--block-background)
}
}

@media (min-width: 1440px) {
.promo-variant-3:before {
  height: calc(100% - 306px)
}
}
.promo-variant-3 .content-wrapper {
  margin: 0 auto;
  display: flex;
  flex-direction: column
}

@media (min-width: 960px) {
.promo-variant-3 .content-wrapper {
  padding: 5rem 0 0 0;
  max-width: 1088px;
  width: 75.55%;
  background: var(--block-background)
}
}
.promo-variant-3 .text-wrapper {
  width: 100%;
  box-sizing: border-box;
  padding: 2rem 8.5vw 2.4rem 8.5vw;
  overflow: hidden;
  position: relative;
  text-align: center;
  transform-origin: top left;
 --scale-after: 1.5;
 --opacity-after: 0;
 --x-after: -20%;
 --opacity-content: 1
}

@media (min-width: 960px) {
.promo-variant-3 .text-wrapper {
  margin: 0 auto 0 auto;
  box-sizing: content-box;
  padding: 0 0 5rem 0
}
}
.promo-variant-3 .text-wrapper:before {
  background: var(--block-background);
  z-index: -1;
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
.promo-variant-3 .text-wrapper h6 {
  font-size: 0.7rem;
  line-height: 1.14;
  display: inline-flex;
  align-items: center;
  font-weight: normal;
  margin: 0 0 0.5rem 0
}
.promo-variant-3 .text-wrapper h6 span:not(.tag) {
  margin-right: 0.3rem;
  letter-spacing: 0.8px
}
.promo-variant-3 .text-wrapper h6 .tag {
  font-size: 0.6rem;
  background: #ffd040;
  padding: 0.1rem 0.4rem;
  border-radius: 2px
}
.promo-variant-3 .text-wrapper h2 {
  margin: 0 0 1.2rem 0;
  opacity: var(--opacity-content);
  transform: translateY(var(--y-content))
}

@media (min-width: 960px) {
.promo-variant-3 .text-wrapper h2 {
  margin: 0 0 1.2rem 0
}
}
.promo-variant-3 .text-wrapper .h2 {
  font-size: 1.8rem
}

@media (min-width: 960px) {
.promo-variant-3 .text-wrapper .h2 {
  font-size: 3.2rem
}
}
.promo-variant-3 .text-wrapper p {
  margin: 0 0 1.6rem 0;
  opacity: var(--opacity-content)
}

@media (min-width: 960px) {
.promo-variant-3 .text-wrapper p {
  width: 83%;
  margin: 0 auto
}
}
.promo-variant-3 .text-wrapper p+p {
  margin-top: 1.6rem
}
.promo-variant-3 .text-wrapper p.small-text {
  font-size: 0.6rem;
  line-height: 1.4
}

@media (min-width: 960px) {
.promo-variant-3 .text-wrapper p.subtitle-text {
  font-size: 1rem;
  line-height: 1.6rem
}
}
.promo-variant-3 .text-wrapper>:last-child {
  margin-bottom: 0
}

@media (min-width: 960px) {
.promo-variant-3 .text-wrapper .desktop-col-2 {
  margin-top: 2rem;
  display: flex;
  align-items: flex-start;
  justify-content: space-between
}
.promo-variant-3 .text-wrapper .desktop-col-2 p {
  max-width: 48%;
  margin: 0
}
.promo-variant-3 .text-wrapper .desktop-col-2 p+p {
  margin: 0
}
}
.promo-variant-3 .text-wrapper .desktop-col-2+p {
  margin-top: 1.6rem
}

@media (min-width: 960px) {
.promo-variant-3 .text-wrapper .desktop-col-2+p {
  margin-top: 2rem
}
}
.promo-variant-3 figure {
  position: relative;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 0 8.5vw;
  width: 100%
}
.promo-variant-3 figure img, .promo-variant-3 figure video {
  width: 100%;
  display: block
}

@media (min-width: 960px) {
.promo-variant-3 figure {
  margin-top: auto;
  padding: 0 0;
  width: 75.5555555556vw;
  height: 42.5vw
}
}

@media (min-width: 1440px) {
.promo-variant-3 figure {
  width: 1088px;
  height: 612px
}
}
.promo-variant-3 figure:before {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background: var(--block-background);
  z-index: -1
}

@media (min-width: 960px) {
.promo-variant-3 figure:before {
  opacity: 0
}
}

@media (min-width: 960px) {
.promo-variant-3 figure img {
  height: 100%;
  object-fit: cover
}
}

@media (max-width: 639px) {
.promo-variant-3.xs-full-width figure {
  padding: 0
}
}

@media (min-width: 960px) {
.promo-variant-3.mb-xxl {
  margin-bottom: 10rem
}
}
.promo-variant-3.small-bg:before {
  height: calc(100% - 35vw)
}
.promo-variant-3.small-bg figure:before {
  height: 20%
}
.promo-variant-3.text-left .text-wrapper {
  text-align: left
}

@media (min-width: 1280px) {
.promo-variant-3.text-left .text-wrapper {
  max-width: 864px
}
}

@media (min-width: 960px) {
.promo-variant-3.text-left .text-wrapper p {
  width: auto
}
}
.promo-variant-3.text-left-sd .text-wrapper {
  text-align: left
}

@media (min-width: 960px) {
.promo-variant-3.text-left-sd .text-wrapper {
  text-align: center
}
}
.promo-variant-uniform {
  background-color: #f6f4f0;
  margin: 0 0 56px 0;
  padding: 0 0 2rem 0
}

@media (min-width: 960px) {
.promo-variant-uniform {
  margin: 0 0 100px 0;
  padding: 0
}
}

@media (min-width: 960px) {
.promo-variant-uniform .content-wrapper {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
  width: 91.1vw;
  max-width: 1312px
}
}
.promo-variant-uniform .text-wrapper {
  max-width: 83vw
}

@media (min-width: 960px) {
.promo-variant-uniform .text-wrapper {
  max-width: none;
  padding: 0 0 0 0
}
}
.promo-variant-uniform .text-wrapper h2 {
  font-size: 1.6rem;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold;
  line-height: 1.25;
  margin: 0 0 1.2rem 0
}

@media (min-width: 960px) {
.promo-variant-uniform .text-wrapper h2 {
  font-size: 2.1rem;
  line-height: 1.24;
  margin: 0 0 1.6rem 0
}
}
.promo-variant-uniform .text-wrapper p {
  font-size: 0.8rem;
  line-height: 1.5;
  margin: 0 0 1.6rem 0
}

@media (min-width: 960px) {
.promo-variant-uniform .text-wrapper p {
  margin: 0 0 2rem 0
}
}
.promo-variant-uniform .text-wrapper>:last-child {
  margin-bottom: 0;
  margin-top: 0.8rem
}
.promo-variant-uniform figure {
  margin: 0 0 2rem 0;
  background-color: #FFFDFB
}

@media (min-width: 960px) {
.promo-variant-uniform figure {
  background-color: transparent;
  margin: 0
}
}
.promo-variant-uniform figure img {
  display: block;
  height: auto;
  width: 100%
}

@media (min-width: 960px) {
.promo-variant-uniform.order-image-left .content-wrapper {
  flex-direction: row
}
}

@media (min-width: 960px) {
.promo-variant-uniform.fixed-height {
  height: 700px;
  display: flex;
  align-items: center
}
}
.promo-variant-uniform.brand-hard-white {
  background-color: #f6f4f0
}
.promo-variant-uniform.brand-hard-white figure {
  background-color: transparent
}

@media (min-width: 960px) {
.promo-variant-uniform.brand-hard-white figure {
  background-color: transparent
}
}
.promo-variant-uniform.transparent {
  background-color: transparent
}
.promo-video {
  position: relative;
  margin: 0 0 56px 0
}

@media (min-width: 960px) {
.promo-video {
  margin: 0 0 100px 0
}
}
.promo-video video {
  display: block;
  height: auto;
  width: 100%
}
.promo-video .media-wrapper {
  position: relative
}
.promo-video .content-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  align-items: center;
  display: flex;
  z-index: 3
}

@media (min-width: 960px) {
.promo-video .content-wrapper {
  max-width: 1312px;
  width: 91.1vw
}
}
.promo-video .text-wrapper {
  box-sizing: border-box;
  padding: 0 8.5vw;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #FFFDFB;
  z-index: 3
}

@media (min-width: 960px) {
.promo-video .text-wrapper {
  padding: 0;
  margin: 0 0 0 8.53%;
  width: 530px
}
}
.promo-video .text-wrapper h6 {
  margin: 0 0 2rem 0
}
.promo-video .text-wrapper:last-child {
  margin-bottom: 0
}

@media (min-width: 960px) {
.promo-video.-odd-align .text-wrapper {
  margin: 0 8.53% 0 auto
}
}
.nav-new-support {
  display: flex;
  justify-content: center;
  margin: 0 auto 100px auto;
  padding: 1.5rem 0;
  text-align: center;
  max-width: calc(100% - 30px)
}

@media (min-width: 960px) {
.nav-new-support {
  margin: 0 auto;
  padding: 1.5rem 0
}
}

@media (max-width: 959px) {
.nav-new-support {
  width: 480px;
  margin: auto;
  justify-content: space-between
}
}
.nav-new-support a {
  padding: calc(0.75rem) 1.5rem calc(1.25rem) 1.5rem;
  text-align: center;
  transition: all 0.3s;
  color: #34303d;
  opacity: 0.4
}

@media (max-width: 959px) {
.nav-new-support a {
  padding: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center
}
.nav-new-support a img {
  align-self: center;
  opacity: 0.4
}
.nav-new-support a span {
  font-size: 0.7rem;
  line-height: 1;
  margin-top: 6px
}
}

@media (min-width: 640px) {
.nav-new-support a br {
  display: none
}
}
.nav-new-support a:hover, .nav-new-support a.active {
  opacity: 1
}
.nav-new-support a span {
  display: block;
  text-align: center;
  text-transform: uppercase
}

@media (max-width: 639px) {
.nav-new-support a:first-child:nth-last-child(5) span, .nav-new-support a:first-child:nth-last-child(5)~a span {
  max-width: 60px
}
}
.product-card-1 {
 --block-background: #f6f4f0;
  margin: 0 0 56px 0
}

@media (min-width: 960px) {
.product-card-1 {
  padding-top: 1.6rem;
  margin: 0 0 100px 0
}
}
.product-card-1 .content-wrapper {
  position: relative;
  margin: 0 auto
}

@media (min-width: 960px) {
.product-card-1 .content-wrapper {
  max-width: 1312px;
  display: flex;
  flex-direction: row-reverse;
  width: 100%;
  box-sizing: border-box;
  padding: 0 0
}
}
.product-card-1 .text-wrapper {
  padding: 2rem 0 2.3rem 0;
  max-width: 83vw;
  margin: 0 auto;
  width: 100%
}

@media (min-width: 960px) {
.product-card-1 .text-wrapper {
  max-width: none;
  margin-bottom: auto;
  box-sizing: border-box;
  padding: 5rem 6.15% 6rem 8.4%;
  width: 40.25%
}
}
.product-card-1 .text-wrapper h6, .product-card-1 .text-wrapper .h6 {
  font-size: 0.7rem;
  line-height: 1.14;
  display: inline-flex;
  align-items: center;
  font-weight: normal;
  margin: 0 0 0.9rem 0
}

@media (min-width: 960px) {
.product-card-1 .text-wrapper h6, .product-card-1 .text-wrapper .h6 {
  font-size: 0.7rem;
  line-height: 1.14;
  margin: 0 0 1.4rem 0
}
}
.product-card-1 .text-wrapper h6 span:not(.badge), .product-card-1 .text-wrapper .h6 span:not(.badge) {
  margin-right: 0.3rem;
  letter-spacing: 0.8px
}
.product-card-1 .text-wrapper h2, .product-card-1 .text-wrapper .h2 {
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 1.25;
  margin: 0 0 1.15rem 0
}

@media (min-width: 960px) {
.product-card-1 .text-wrapper h2, .product-card-1 .text-wrapper .h2 {
  font-size: 2.1rem;
  line-height: 1.14;
  margin: 0 0 1.6rem 0
}
}

@media (min-width: 1280px) {
.product-card-1 .text-wrapper h2, .product-card-1 .text-wrapper .h2 {
  font-size: 2.8rem
}
}
.product-card-1 .text-wrapper p {
  margin: 0 0 2rem 0
}

@media (min-width: 960px) {
.product-card-1 .text-wrapper p {
  margin: 0 0 2rem 0
}
}
.product-card-1 figure {
  margin: 0;
  position: relative;
  padding: 0;
  background: var(--block-background);
  overflow: hidden
}

@media (min-width: 960px) {
.product-card-1 figure {
  margin: 0 0 0 0;
  display: flex;
  align-items: flex-end;
  width: 59.75%
}
}
.product-card-1 figure img {
  max-width: 83vw;
  width: 100%;
  margin: 0 auto;
  display: block
}

@media (min-width: 960px) {
.product-card-1 figure img {
  max-width: none
}
}
.product-card-1.brand-tory-blue .content-wrapper {
  background: #1253a1
}

@media (min-width: 960px) {
.product-card-1.image-left .content-wrapper {
  flex-direction: row
}
}
.product-card-2 {
 --block-background: #f6f4f0;
 --block-text-color: #FFFDFB;
  margin: 0 0 56px 0
}

@media (min-width: 960px) {
.product-card-2 {
  padding-top: 1.6rem;
  margin: 0 0 100px 0;
  background: var(--block-background);
  color: var(--block-text-color)
}
}
.product-card-2 .content-wrapper {
  position: relative;
  margin: 0 auto
}

@media (min-width: 960px) {
.product-card-2 .content-wrapper {
  max-width: 1312px;
  display: flex;
  flex-direction: row;
  width: 100%;
  box-sizing: border-box;
  padding: 0 0
}
}
.product-card-2 .text-wrapper {
  padding: 2rem 0 2.3rem 0;
  max-width: 83vw;
  margin: 0 auto;
  width: 100%
}

@media (min-width: 960px) {
.product-card-2 .text-wrapper {
  max-width: none;
  margin-bottom: auto;
  box-sizing: border-box;
  padding: 6.5rem 8.29% 4rem 10.97%;
  width: 51.12%
}
}
.product-card-2 .text-wrapper h6 {
  font-size: 0.7rem;
  line-height: 1.14;
  display: inline-flex;
  align-items: center;
  font-weight: normal;
  margin: 0 0 0.9rem 0
}

@media (min-width: 960px) {
.product-card-2 .text-wrapper h6 {
  font-size: 0.7rem;
  line-height: 1.14;
  margin: 0 0 1.4rem 0
}
}
.product-card-2 .text-wrapper h6 span:not(.badge) {
  margin-right: 0.3rem;
  letter-spacing: 0.8px
}
.product-card-2 .text-wrapper h2 {
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 1.25;
  margin: 0 0 1.15rem 0
}

@media (min-width: 960px) {
.product-card-2 .text-wrapper h2 {
  font-size: 2.1rem;
  line-height: 1.14;
  margin: 0 0 1.6rem 0
}
}

@media (min-width: 1280px) {
.product-card-2 .text-wrapper h2 {
  font-size: 2.8rem
}
}
.product-card-2 .text-wrapper p {
  margin: 0 0 2rem 0
}

@media (min-width: 960px) {
.product-card-2 .text-wrapper p {
  margin: 0 0 2rem 0
}
}
.product-card-2 figure {
  margin: 0;
  position: relative;
  padding: 0;
  background: var(--block-background);
  overflow: hidden
}

@media (min-width: 960px) {
.product-card-2 figure {
  margin: auto 0 0 0;
  width: 48.88%
}
}
.product-card-2 figure img {
  max-width: 83vw;
  width: 100%;
  margin: 0 auto;
  display: block;
  transition: transform 1s ease-out
}

@media (min-width: 960px) {
.product-card-2 figure img {
  max-width: none
}
}
.product-card-2.full-width-media figure img {
  max-width: none
}
.related-cards {
  margin: 0 0 56px 0
}

@media (min-width: 960px) {
.related-cards {
  margin: 0 0 100px 0
}
}
.related-cards header {
  margin: 0 auto;
  width: 83vw
}

@media (min-width: 960px) {
.related-cards header {
  margin: 0 auto 4rem auto;
  max-width: 1312px
}
}
.related-cards header h2, .related-cards header .h2 {
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold;
  font-size: 1.6rem
}

@media (min-width: 960px) {
.related-cards header h2, .related-cards header .h2 {
  margin: 0 0 4rem 0;
  font-size: 2.8rem;
  text-align: center
}
}
.related-cards .content-wrapper {
  margin: 0 auto
}

@media (min-width: 960px) {
.related-cards .content-wrapper {
  width: 91.1vw;
  max-width: 1312px;
  display: flex;
  flex-direction: row;
  justify-content: space-between
}
}
.related-cards article {
  margin: 0 auto 0.8rem auto;
  width: 83.2vw;
  min-height: 83.2vw;
  position: relative;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  background-color: var(--prl-color-primary)
}

@media (min-width: 960px) {
.related-cards article {
  margin: 0;
  width: 28.88vw;
  min-height: 28.88vw
}
}

@media (min-width: 1440px) {
.related-cards article {
  width: 416px;
  min-height: 416px
}
}
.related-cards article .bck {
  position: absolute;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #e1e0e2;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  display: block
}
.related-cards article .bck:after {
  content: " ";
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.85;
  background-blend-mode: multiply;
  background-image: linear-gradient(to bottom, rgba(52, 48, 61, 0) 40%, rgba(52, 48, 61, 0.85) 83%);
  z-index: 2
}
.related-cards article .text-wrapper {
  margin: auto 0 0 0;
  padding: 0 1.8rem 1.8rem 1.8rem;
  color: #FFFDFB;
  font-size: 0.8rem;
  line-height: 1.5;
  position: relative;
  z-index: 2
}
.related-cards article .text-wrapper h5, .related-cards article .text-wrapper .h5 {
  font-size: 1.2rem;
  line-height: 1.33;
  font-weight: bold
}

@media (min-width: 960px) {
.related-cards article .text-wrapper h5, .related-cards article .text-wrapper .h5 {
  font-size: 1.6rem
}
}
.related-cards article .text-wrapper h5, .related-cards article .text-wrapper p {
  margin-bottom: 0;
  margin-top: 0.7rem
}
.related-cards.brand-hard-white {
  position: relative
}
.related-cards.brand-hard-white:before {
  content: " ";
  display: block;
  background: #f6f4f0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1
}
.related-cards.inner-bck-space {
  padding-top: 1.9rem
}

@media (min-width: 960px) {
.related-cards.inner-bck-space {
  padding-top: 5rem;
  padding-bottom: 5rem
}
}
.heets {
  margin: 2.75rem 0 56px 0;
  width: 100%
}

@media (min-width: 960px) {
.heets {
  margin: 0 auto 100px auto;
  width: 91.1vw;
  max-width: 1312px;
  padding-top: 40px
}
}
.heets .tab-selector-wrapper {
  width: 100%;
  overflow: auto;
  position: relative
}
.heets .tabs-nav {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex
}

@media (min-width: 960px) {
.heets .tabs-nav {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  margin-bottom: 2px
}
}
.heets .tabs-nav li {
  width: 124px;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-shrink: 0
}

@media (min-width: 960px) {
.heets .tabs-nav li {
  flex: 1 1 0
}
}
.heets .tabs-nav li a {
  display: block;
  width: 100%;
  text-align: center;
  cursor: pointer;
  margin: 0
}
.heets .tabs-nav li span {
  padding-bottom: 6px;
  display: block
}

@media (min-width: 960px) {
.heets .tabs-nav li span {
  padding-bottom: 16px
}
}
.heets .tabs-nav li .bar {
  height: 12px;
  width: calc(100% - 2px);
  display: block;
  transform: scaleY(0.5);
  transform-origin: center bottom;
  transition: transform 0.35s
}
.heets .tabs-nav li.bronze .bar {
  background-color: #ad5628
}
.heets .tabs-nav li.sienna .bar {
  background-color: #bf2420
}
.heets .tabs-nav li.amber .bar {
  background-color: #ff7021
}
.heets .tabs-nav li.yellow .bar {
  background-color: #ffc854
}
.heets .tabs-nav li.silver .bar {
  background-color: #8d9392
}
.heets .tabs-nav li.blue .bar {
  background-color: #00355a
}
.heets .tabs-nav li.turquoise .bar {
  background-color: #23a1ad
}
.heets .tabs-nav li.greenzig .bar {
  background-color: #8ac644
}
.heets .tabs-nav li.purple .bar {
  background-color: #82399d
}
.heets .tabs-nav li.russet .bar {
  background-color: #753050
}
.heets .tabs-nav li.-selected .bar {
  transform: scaleY(1)
}
.heets .tabs-nav li.-selected a {
  font-family: "iqos";
  font-weight: 600
}
.heets .tastes {
  padding: 2rem 0 0;
  background: #f6f4f0
}

@media (min-width: 960px) {
.heets .tastes {
  padding: 0;
  margin: 0
}
}
 @keyframes reveal-heet {
 0%, 20% {
 opacity: 0;
 transform: translateY(50px)
}
 100% {
 opacity: 1;
 transform: translateY(0px)
}
}
.heets .taste-tab {
  position: relative;
  padding-bottom: 176px;
  display: none
}
.heets .taste-tab.-selected {
  display: block
}

@media (min-width: 960px) {
.heets .taste-tab.-selected {
  display: flex
}
}

@media (min-width: 960px) {
.heets .taste-tab {
  padding-bottom: 0;
  width: 100%;
  box-sizing: border-box;
  min-height: 788px;
  padding-top: 6rem
}
}
.heets .taste-tab>figure {
  margin: 0 0 1.2rem 0;
  width: 83vw;
  margin: 0 auto
}

@media (min-width: 960px) {
.heets .taste-tab>figure {
  width: 40.24%;
  margin: 0
}
}
.heets .taste-tab>figure img {
  display: block;
  height: auto;
  width: 100%;
  opacity: 0
}
.heets .taste-tab.-selected>figure img {
  animation: reveal-heet 1.2s ease-out 0.4s forwards
}
.heets .taste-tab.-selected .content {
  animation: reveal-heet 1.2s ease-out forwards
}
.heets .content {
  font-family: "iqos";
  line-height: 1.5;
  width: 83vw;
  margin: 0 auto;
  opacity: 0
}

@media (min-width: 960px) {
.heets .content {
  width: 34%;
  margin-left: 23.17%
}
}
.heets .content h3 {
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 1.25;
  margin: 0 0 1.2rem 0
}

@media (min-width: 960px) {
.heets .content h3 {
  font-size: 2.8rem;
  margin: 0 0 2rem 0
}
}
.heets .content h4 {
  font-size: 1rem;
  line-height: 1.25;
  font-weight: 600;
  margin: 0 0 0.8rem 0
}

@media (min-width: 960px) {
.heets .content h4 {
  font-size: 1.2rem;
  line-height: 1.5;
  margin: 0 0 1.2rem 0
}
}
.heets .content p {
  margin-bottom: 2rem
}

@media (min-width: 960px) {
.heets .content p {
  margin-bottom: 2.4rem
}
}
.heets .heet-note {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.6rem;
  margin: 0 0 1.5rem 0
}

@media (min-width: 960px) {
.heets .heet-note {
  margin: 0 0 0.85rem 0;
  justify-content: flex-start
}
}
.heets .heet-note img {
  margin: 0 16px 0 auto;
  max-width: 32px
}

@media (min-width: 960px) {
.heets .heet-note img {
  max-width: 56px;
  margin: 0 16px 0 0
}
}
.heets .heet-note span:first-child {
  width: 50%
}
.heets .heet-note strong {
  font-weight: 600;
  font-size: 0.9rem
}

@media (min-width: 960px) {
.heets .heet-note strong {
  font-size: 1.2rem;
  margin-right: auto
}
}
.heets .ratings-box {
  list-style-type: none;
  margin: 0 0 1.2rem 0
}

@media (min-width: 960px) {
.heets .ratings-box {
  width: 80%;
  margin: 0 0 2.1rem 0
}
}
.heets .ratings-box li {
  display: flex;
  justify-content: space-between;
  align-items: center
}
.heets .stars {
  display: flex
}
.heets .stars span {
  display: block;
  width: 20px;
  height: 6px;
  background-color: #34303d;
  opacity: 0.1;
  display: block;
  margin-right: 5px
}
.heets .stars span.filled {
  background-color: #ff7021;
  opacity: 1
}
.heets .stars span:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px
}
.heets .stars span:last-child {
  margin-right: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px
}
.heets .bck {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 128px
}

@media (min-width: 960px) {
.heets .bck {
  height: 100%;
  width: 14.6%
}
}
.heets .bck img {
  position: absolute;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover
}
.heets #bronze-tab .stars span.filled {
  background-color: #ad5628
}
.heets #sienna-tab .stars span.filled {
  background-color: #bf2420
}
.heets #amber-tab .stars span.filled {
  background-color: #ff7021
}
.heets #yellow-tab .stars span.filled {
  background-color: #ffc854
}
.heets #silver-tab .stars span.filled {
  background-color: #8d9392
}
.heets #blue-tab .stars span.filled {
  background-color: #00355a
}
.heets #turquoise-tab .stars span.filled {
  background-color: #23a1ad
}
.heets #greenzing-tab .stars span.filled {
  background-color: #8ac644
}
.heets #purple-tab .stars span.filled {
  background-color: #82399d
}
.heets #russet-tab .stars span.filled {
  background-color: #753050
}
.promo-component {
 --block-background: #00D1D2;
 --block-text-color: inherit;
  margin: 0 0 56px 0
}

@media (min-width: 960px) {
.promo-component {
  margin: 0 0 100px 0
}
}
.promo-component .content-wrapper {
  margin: 0 auto;
  flex-direction: column;
  display: flex
}

@media (min-width: 960px) {
.promo-component .content-wrapper {
  flex-direction: row-reverse;
  width: 91.1vw;
  max-width: 1312px;
  justify-content: space-between
}
}
.promo-component .text-wrapper {
  box-sizing: border-box;
  font-size: 0.8rem;
  line-height: 1.5;
  background: var(--block-background);
  color: var(--block-text-color);
  padding: 2.75rem 8.5vw;
  width: 100%
}

@media (min-width: 960px) {
.promo-component .text-wrapper {
  width: 51.12%;
  max-width: auto;
  font-size: 0.8rem;
  line-height: 1.5;
  margin: 0 0 auto 0;
  padding: 3.25rem 9.29% 3.25rem 10.97%
}
}

@media (min-width: 1280px) {
.promo-component .text-wrapper {
  padding: 5rem 9.29% 5rem 10.97%
}
}
.promo-component .text-wrapper h2, .promo-component .text-wrapper .h2 {
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 1.25;
  margin: 0 0 1.2rem 0
}

@media (min-width: 960px) {
.promo-component .text-wrapper h2, .promo-component .text-wrapper .h2 {
  font-size: 2.1rem;
  letter-spacing: -0.75px;
  line-height: 1.14;
  margin: 0 0 1.6rem 0
}
}

@media (min-width: 1280px) {
.promo-component .text-wrapper h2, .promo-component .text-wrapper .h2 {
  font-size: 2.8rem
}
}
.promo-component .text-wrapper h3, .promo-component .text-wrapper .h3 {
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 1.25;
  margin-bottom: 1.2rem
}

@media (min-width: 1280px) {
.promo-component .text-wrapper h3, .promo-component .text-wrapper .h3 {
  font-size: 2.8rem;
  margin-bottom: 1.6rem;
  line-height: 1.14;
  letter-spacing: -0.75px
}
}
.promo-component .text-wrapper p {
  margin: 0;
  font-size: 0.8rem;
  line-height: 1.5
}
.promo-component .text-wrapper p+p {
  margin-top: 1.5rem
}
.promo-component .text-wrapper p .btn, .promo-component .text-wrapper p .ui_558574, .promo-component .text-wrapper p .ui_517427, .promo-component .text-wrapper p .ui_464917 {
  margin-top: 0.6rem
}

@media (min-width: 960px) {
.promo-component .text-wrapper p .btn, .promo-component .text-wrapper p .ui_558574, .promo-component .text-wrapper p .ui_517427, .promo-component .text-wrapper p .ui_464917 {
  margin-top: 0.6rem
}
}
.promo-component figure {
  margin: 0;
  padding: 0;
  width: 100%
}

@media (min-width: 960px) {
.promo-component figure {
  width: 48.89%;
  margin-bottom: auto
}
}
.promo-component figure img {
  display: block;
  height: auto;
  width: 100%
}

@media (min-width: 960px) {
.promo-component.media-big-sd figure {
  width: 65.8%
}
.promo-component.media-big-sd .text-wrapper {
  width: 34.2%;
  padding-left: 5.1%;
  padding-right: 5.1%
}
}

@media (max-width: 959px) {
.promo-component.small-txt-space-sd .text-wrapper {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem
}
}

@media (max-width: 959px) {
.promo-component.xs-max-w {
  max-width: 83vw;
  margin-left: auto;
  margin-right: auto
}
}

@media (max-width: 959px) {
.promo-component.inverse-mobile .content-wrapper {
  flex-direction: column-reverse
}
}
.promo-component.small-mb {
  margin-bottom: 2rem
}

@media (min-width: 960px) {
.promo-component.small-mb {
  margin-bottom: 100px
}
}

@media (min-width: 960px) {
.promo-component.order-inverse .content-wrapper {
  flex-direction: row
}
}

@media (min-width: 960px) and (min-width:960px) {
.promo-component.order-inverse .text-wrapper {
  padding: 3.25rem 10.97% 3.25rem 9.29%
}
}

@media (min-width: 960px) and (min-width:1280px) {
.promo-component.order-inverse .text-wrapper {
  padding: 5rem 10.97% 5rem 9.29%
}
}
.navigation-card-variant-2 {
 --block-background: #00D1D2;
 --block-text-color: inherit;
  background: var(--block-background);
  margin: 0 0 56px 0;
  padding: 0 0 2rem 0;
  color: var(--block-text-color)
}

@media (min-width: 960px) {
.navigation-card-variant-2 {
  background: none;
  margin: 0 0 100px 0;
  padding: 0 0 6.15rem 0
}
}
.navigation-card-variant-2 .content-wrapper {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  position: relative
}

@media (min-width: 960px) {
.navigation-card-variant-2 .content-wrapper {
  flex-direction: row-reverse;
  justify-content: space-between;
  background: var(--block-background);
  width: 100%;
  max-width: 1440px;
  margin: auto auto 0 auto
}
}
.navigation-card-variant-2 .content-wrapper:before {
  content: " ";
  display: block;
  width: 50vw;
  background: var(--block-background);
  height: 100%;
  position: absolute;
  top: 0;
  right: 50%;
  z-index: -1
}
.navigation-card-variant-2 .text-wrapper {
  box-sizing: border-box;
  font-size: 0.8rem;
  line-height: 1.5;
  padding: 2rem 8.5vw 0 8.5vw
}

@media (min-width: 960px) {
.navigation-card-variant-2 .text-wrapper {
  font-size: 0.8rem;
  line-height: 1.5;
  padding: 0;
  width: 33%;
  margin: 6.15rem 10% 7.5rem auto
}
}
.navigation-card-variant-2 .text-wrapper h2 {
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 1.25;
  margin: 0 0 1.2rem 0
}

@media (min-width: 960px) {
.navigation-card-variant-2 .text-wrapper h2 {
  font-size: 2.1rem;
  margin: 0 0 1.6rem 0
}
}

@media (min-width: 1280px) {
.navigation-card-variant-2 .text-wrapper h2 {
  font-size: 2.8rem
}
}
.navigation-card-variant-2 .text-wrapper h3 {
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 1.25;
  margin: 0 0 1.2rem 0
}

@media (min-width: 960px) {
.navigation-card-variant-2 .text-wrapper h3 {
  font-size: 2.1rem;
  margin: 0 0 1.6rem 0
}
}
.navigation-card-variant-2 .text-wrapper p {
  margin: 0 0 2rem 0
}

@media (min-width: 960px) {
.navigation-card-variant-2 .text-wrapper p {
  font-size: 0.9rem;
  line-height: 1.67
}
}
.navigation-card-variant-2 .text-wrapper>:last-child {
  margin-bottom: 0
}
.navigation-card-variant-2 figure {
  margin: 0 0 0 auto;
  position: relative;
  width: 100%
}

@media (min-width: 960px) {
.navigation-card-variant-2 figure {
  width: 46.66%;
  top: 6.15rem;
  margin: 0
}
}
.navigation-card-variant-2 figure img {
  display: block;
  height: auto;
  width: 100%
}

@media (min-width: 960px) {
.navigation-card-variant-2 figure img {
  height: 100%;
  object-fit: cover
}
}

@media (min-width: 960px) {
.navigation-card-variant-2.order-image-left .content-wrapper {
  flex-direction: row
}
}
.navigation-card-variant-2.order-image-left .content-wrapper:before {
  right: auto;
  left: 50%
}

@media (min-width: 960px) {
.navigation-card-variant-2.order-image-left .text-wrapper {
  margin: 6.15rem auto 7.5rem 10%
}
}

@media (min-width: 960px) {
.navigation-card-variant-2.sd-horizontal-space .content-wrapper {
  width: 91.1vw;
  max-width: 1312px
}
}

@media (min-width: 960px) {
.navigation-card-variant-2.sd-horizontal-space .text-wrapper {
  margin: 6.15rem 0 6.15rem 8.5%
}
}

@media (min-width: 960px) {
.navigation-card-variant-2.sd-horizontal-space figure {
  width: 51.2%
}
}

@media (min-width: 960px) {
.navigation-card-variant-2.sd-horizontal-space.order-image-left .text-wrapper {
  margin: 6.15rem 8.5% 6.15rem 0
}
}
.b-imgtxt-variant-2 {
 --block-background: #f6f4f0;
 --block-text-color: inherit;
  position: relative;
  margin: 0 0 56px 0;
  color: var(--block-text-color)
}

@media (min-width: 960px) {
.b-imgtxt-variant-2 {
  margin: 0 0 100px 0;
  padding: 6rem 0 5.6rem 0
}
}
.b-imgtxt-variant-2:before {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: var(--block-background);
  height: 100%;
  z-index: -1;
  pointer-events: none
}

@media (min-width: 960px) {
.b-imgtxt-variant-2:before {
  height: calc(100% - 5.6rem)
}
}

@media (min-width: 960px) {
.b-imgtxt-variant-2 .content-wrapper {
  max-width: 1440px;
  margin: 0 auto;
  justify-content: space-between;
  display: flex;
  flex-direction: row-reverse
}
}
.b-imgtxt-variant-2 .media-wrapper {
  margin: 0 0 2rem 0
}

@media (min-width: 960px) {
.b-imgtxt-variant-2 .media-wrapper {
  width: 48.88%;
  margin: 0 0 120px 0
}
}
.b-imgtxt-variant-2 .media-wrapper figure {
  width: 100%
}
.b-imgtxt-variant-2 .media-wrapper figure img {
  display: block;
  height: auto;
  width: 100%
}
.b-imgtxt-variant-2 .content-box {
  width: 83vw;
  margin: 0 auto 2.25rem auto
}

@media (min-width: 960px) {
.b-imgtxt-variant-2 .content-box {
  width: 31.11%;
  margin: 0 7.777% 0 auto;
  display: flex;
  flex-direction: column
}
}
.b-imgtxt-variant-2 .content-box figure {
  display: block;
  position: relative
}

@media (min-width: 960px) {
.b-imgtxt-variant-2 .content-box figure {
  width: 100%;
  margin: auto 0 0 0;
  top: 5.6rem
}
}
.b-imgtxt-variant-2 .content-box figure img {
  display: block;
  height: auto;
  width: 100%
}
.b-imgtxt-variant-2 .text-wrapper {
  padding-bottom: 2.4rem
}

@media (min-width: 960px) {
.b-imgtxt-variant-2 .text-wrapper {
  padding-bottom: 1rem
}
}
.b-imgtxt-variant-2 .text-wrapper h2 {
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 1.25;
  margin: 0 0 1.2rem 0
}

@media (min-width: 960px) {
.b-imgtxt-variant-2 .text-wrapper h2 {
  margin: 0 0 1.6rem 0;
  font-size: 2.1rem;
  line-height: 1.14;
  letter-spacing: -0.75px
}
}

@media (min-width: 1280px) {
.b-imgtxt-variant-2 .text-wrapper h2 {
  font-size: 2.8rem
}
}
.b-imgtxt-variant-2 .text-wrapper p {
  font-size: 0.8rem;
  line-height: 1.5;
  margin: 0 0 1.2rem 0
}

@media (min-width: 960px) {
.b-imgtxt-variant-2 .text-wrapper p {
  margin: 0 0 2rem 0
}
}
.b-imgtxt-variant-2 .text-wrapper>:last-child {
  margin-bottom: 0
}

@media (min-width: 960px) {
.b-imgtxt-variant-2.full-width .content-wrapper {
  max-width: 100%;
  padding-right: 4.45vw
}
}

@media (max-width: 959px) {
.b-imgtxt-variant-2.full-width:before {
  height: 100%
}
}

@media (min-width: 960px) {
.b-imgtxt-variant-2.order-image-left .content-wrapper {
  justify-content: flex-start;
  flex-direction: row
}
}

@media (min-width: 960px) {
.b-imgtxt-variant-2.order-image-left .content-box {
  margin: 0 auto 0 7.777%
}
}
.b-imgtxt-variant-2.order-image-left.full-width .content-wrapper {
  padding-right: 0
}

@media (max-width: 639px) {
.b-imgtxt-variant-2.xs-image-last .content-wrapper {
  display: flex;
  flex-direction: column-reverse
}
.b-imgtxt-variant-2.xs-image-last .content-box {
  margin: 2.25rem auto 0 auto
}
.b-imgtxt-variant-2.xs-image-last .media-wrapper {
  margin: 0
}
}
.b-imgtxt-variant-2.transparent:before {
  display: none
}
.b-imgtxt-variant-2.text-v-align-m .content-box {
  flex-direction: row;
  align-items: center
}

@media (max-width: 959px) {
.b-imgtxt-variant-2.text-v-align-m .content-box {
  margin-bottom: 0
}
}

@media (min-width: 960px) {
.b-imgtxt-variant-2.text-v-align-m .content-box .text-wrapper {
  margin: 0 0 120px 0
}
}

@media (min-width: 960px) {
.b-imgtxt-variant-2.extended-image {
  margin-right: 4.45vw;
  padding-bottom: 0
}
.b-imgtxt-variant-2.extended-image .media-wrapper {
  margin: 0
}
}
.b-imgtxt-variant-2.content-padding-x-0 .content-wrapper {
  padding-left: 0;
  padding-right: 0
}
.b-imgtxt-variant-2.xs-bg-short:before {
  height: calc(100% - 3.5rem)
}
.technology-feature {
  background-image: linear-gradient(151deg, #29f0f1 21%, rgba(0, 209, 210, 0) 104%, rgba(0, 209, 210, 0) 104%);
  margin: 0 0 56px 0;
  padding: 2.5rem 0 0.75rem 0;
  position: relative
}

@media (min-width: 960px) {
.technology-feature {
  background-image: none;
  width: 91.1vw;
  margin: 6.5rem auto 155px auto;
  padding: 8rem 0 8rem 0;
  max-width: 1312px
}
}
.technology-feature:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  background-size: cover;
  background-image: url('../../../../../design/themes/kura/media/images/textures/sensory-turquoise.jpg?1690945733');
  background-repeat: no-repeat;
  z-index: -1
}

@media (min-width: 960px) {
.technology-feature:after {
  background-image: url('../../../../../design/themes/kura/media/images/textures/sensory-turquoise-md.jpg?1690945733')
}
}
.technology-feature .content-wrapper {
  width: 83vw;
  margin: 0 auto
}

@media (min-width: 960px) {
.technology-feature .content-wrapper {
  width: 100%
}
}
.technology-feature .txt-wrapper {
  margin: 0 0 2.6rem 0
}
.technology-feature .txt-wrapper h2 {
  font-size: 1.6rem;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold;
  line-height: 1.25;
  margin: 0 0 1.2rem 0
}

@media (min-width: 960px) {
.technology-feature .txt-wrapper h2 {
  font-size: 2.1rem;
  line-height: 2.6rem;
  margin: 0 0 1.6rem 0
}
}

@media (min-width: 960px) {
.technology-feature .txt-wrapper {
  max-width: 31.95rem;
  text-align: center;
  margin: 0 auto
}
}
.technology-feature .txt-wrapper p {
  margin: 0 0 0.8rem 0
}

@media (min-width: 960px) {
.technology-feature .txt-wrapper p {
  font-size: 1rem;
  line-height: 1.6;
  margin: 0 0 1.6rem 0
}
}

@media (min-width: 960px) {
.technology-feature .txt-wrapper .legal-advice {
  margin-bottom: 2rem
}
}
.technology-feature .txt-wrapper>:last-child {
  margin-bottom: 0
}
.technology-feature>figure {
  position: relative;
  display: flex;
  width: 91.5vw;
  margin: 0 0 0 auto
}

@media (min-width: 960px) {
.technology-feature>figure {
  width: 29.85rem;
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  justify-content: flex-end;
  transform: translateY(-35%)
}
}
.technology-feature>figure picture {
  text-align: right
}
.technology-feature>figure img {
  width: 78%;
  margin: 0 0 0 auto
}

@media (min-width: 960px) {
.technology-feature>figure img {
  width: 100%
}
}
.technology-feature>figure figcaption {
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 0.6rem;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.87)
}
.technology-feature.image-position-opposite>figure {
  justify-content: flex-end
}

@media (min-width: 960px) {
.technology-feature.image-position-opposite>figure {
  left: 0;
  right: auto
}
}
.technology-feature.mobile-image-with-offset .txt-wrapper {
  margin-bottom: 0
}
.technology-feature.mobile-image-with-offset figure {
  margin-top: -70px
}

@media (min-width: 960px) {
.technology-feature.mobile-image-with-offset figure {
  margin-top: 0
}
}
.blk-register {
  margin: 0 0 1.8rem 0;
  position: relative;
  padding: 2.5rem 0 0.75rem 0
}

@media (min-width: 960px) {
.blk-register {
  background-image: none;
  width: 100%;
  padding: 2rem 0 1.8rem 0
}
}
.blk-register:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  background-size: cover;
  background-image: url('../../../../../design/themes/kura/media/images/textures/sensory-turquoise.jpg?1690945733');
  background-repeat: no-repeat;
  z-index: -1
}

@media (min-width: 960px) {
.blk-register:after {
  background-image: url('../../../../../design/themes/kura/media/images/textures/sensory-turquoise-md.jpg?1690945733')
}
}
.blk-register .content-wrapper {
  width: 83vw;
  margin: 0 auto
}

@media (min-width: 960px) {
.blk-register .content-wrapper {
  width: 100%
}
}
.blk-register .txt-wrapper {
  margin: 0 0 1.6rem 0;
  text-align: center
}
.blk-register .txt-wrapper h2 {
  font-size: 1.6rem;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold
}

@media (min-width: 960px) {
.blk-register .txt-wrapper h2 {
  margin: 0 0 1.6rem 0;
  font-size: 2.1rem
}
}

@media (min-width: 960px) {
.blk-register .txt-wrapper {
  max-width: 31.95rem;
  text-align: center;
  margin: 0 auto
}
}

@media (min-width: 960px) {
.blk-register .txt-wrapper p {
  font-size: 1rem;
  line-height: 1.6;
  margin: 0 0 1.6rem 0
}
}

@media (max-width: 959px) {
.blk-register .txt-wrapper p br {
  display: none
}
}
.selector-blocks {
 --product-family-transition-time: 0.5s;
  margin: 0 0 56px 0
}

@media (min-width: 960px) {
.selector-blocks {
  margin: 0 0 100px 0
}
}
.selector-blocks header {
  width: 83vw;
  margin: 0 auto 2.6rem auto
}

@media (min-width: 960px) {
.selector-blocks header {
  margin: 0 auto 5.4rem auto
}
}
.selector-blocks header h2, .selector-blocks header .h2 {
  font-size: 2rem;
  line-height: 1.2;
  letter-spacing: 0.1px;
  text-align: center
}

@media (min-width: 960px) {
.selector-blocks header h2, .selector-blocks header .h2 {
  font-size: 3.2rem;
  line-height: 1.08;
  letter-spacing: -1.28px
}
}

@media (min-width: 1280px) {
.selector-blocks header h2, .selector-blocks header .h2 {
  font-size: 4.8rem
}
}
.selector-blocks .content-wrapper {
  margin: 0 auto
}
.selector-blocks .tabs-box {
  width: 83vw;
  margin: 0 auto
}

@media (min-width: 960px) {
.selector-blocks .tabs-panels {
  display: flex
}
}

@media (min-width: 960px) {
.selector-blocks .expanded-hover-container {
  width: 100%
}
.selector-blocks .expanded-hover-container .expanded-hover-item {
  width: 100%;
  transition: width var(--product-family-transition-time)
}
.selector-blocks .expanded-hover-container .expanded-hover-item .cta-container {
  opacity: 0;
  transition: opacity var(--product-family-transition-time)
}
.selector-blocks .expanded-hover-container:hover .expanded-hover-item {
  width: 35%
}
.selector-blocks .expanded-hover-container:hover .expanded-hover-item:hover {
  width: 65%
}
.selector-blocks .expanded-hover-container:hover .expanded-hover-item:hover .cta-container {
  opacity: 1
}
}

@media (min-width: 960px) and (hover:none) {
.selector-blocks .expanded-hover-container .expanded-hover-item .cta-container {
  opacity: 1
}
}
.selector-blocks .card {
  position: relative;
  width: 100%;
  border: none
}

@media (min-width: 960px) {
.selector-blocks .card {
  height: 580px
}
}
.selector-blocks .card figure img {
  min-height: 500px;
  object-fit: cover;
  display: block;
  height: auto;
  width: 100%
}

@media (min-width: 960px) {
.selector-blocks .card figure img {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  min-height: auto
}
}
.selector-blocks .card .gradient {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.714745) 0, rgba(0, 0, 0, 0) 100%)
}
.selector-blocks .card .txt-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #FFFDFB;
  flex-direction: column;
  box-sizing: border-box;
  padding: 0 8.5vw;
  text-align: center
}

@media (min-width: 960px) {
.selector-blocks .card .txt-wrapper {
  justify-content: flex-end;
  padding: 0 0 2rem 0
}
}
.selector-blocks .card .txt-wrapper h4, .selector-blocks .card .txt-wrapper .h4 {
  font-size: 2.1rem
}
.selector-blocks .card .txt-wrapper h5, .selector-blocks .card .txt-wrapper .h5 {
  font-size: 1.4rem;
  line-height: 1.9rem;
  letter-spacing: 0.1px;
  font-weight: normal;
  margin: 0 0 1.2rem 0
}

@media (min-width: 960px) {
.selector-blocks .card .txt-wrapper h5, .selector-blocks .card .txt-wrapper .h5 {
  font-size: 0.8rem;
  line-height: 1.5;
  max-width: 21rem
}
}
.selector-blocks.single-option .tabs-box {
  display: none !important
}

@media (hover: hover) and (min-width:960px) {
.selector-blocks.single-option .expanded-hover-container .cta-container {
  opacity: 1
}
.selector-blocks.single-option .expanded-hover-container:hover .expanded-hover-item {
  width: 100%
}
.selector-blocks.single-option .expanded-hover-container:hover .expanded-hover-item:hover {
  width: 100%
}
}

@media (min-width: 960px) {
.selector-blocks.single-option .card .txt-wrapper h5, .selector-blocks.single-option .card .txt-wrapper .h5 {
  max-width: none
}
}
.selector-blocks.content-align-bottom .txt-wrapper {
  justify-content: flex-end
}
.rich-mediatxt {
  margin: 0 0 56px 0;
  position: relative
}

@media (min-width: 960px) {
.rich-mediatxt {
  margin: 0 0 100px 0
}
}
.rich-mediatxt .content-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  color: white
}
.rich-mediatxt .text-wrapper {
  width: 100%;
  margin: auto;
  padding: 0 1.6rem
}

@media (min-width: 1280px) {
.rich-mediatxt .text-wrapper {
  width: 66%;
  max-width: 960px;
  padding: 0
}
}
.rich-mediatxt .text-wrapper h6 {
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold;
  font-size: 1.6rem
}

@media (min-width: 960px) {
.rich-mediatxt .text-wrapper h6 {
  font-size: 2.8rem
}
}
.rich-mediatxt .text-wrapper :last-child {
  margin-bottom: 0
}
.rich-mediatxt>figure {
  position: relative;
  margin: 0
}
.rich-mediatxt>figure img {
  display: block;
  height: auto;
  width: 100%
}
.rich-mediatxt.play-btn-icon .content-wrapper {
  flex-direction: column;
  align-items: center;
  text-align: center;
  transform: translateY(-50%);
  height: auto;
  top: 50%
}
.rich-mediatxt.play-btn-icon .content-wrapper .btn-play {
  position: relative;
  margin-bottom: 1rem;
  text-align: left;
  width: 48px;
  height: 48px
}
.rich-mediatxt.play-btn-txt .content-wrapper .btn-play {
  display: none
}
.rich-mediatxt.play-btn-txt .content-wrapper .btn, .rich-mediatxt.play-btn-txt .content-wrapper .ui_558574, .rich-mediatxt.play-btn-txt .content-wrapper .ui_517427, .rich-mediatxt.play-btn-txt .content-wrapper .ui_464917 {
  display: inline-block !important
}
.rich-mediatxt.play-btn-txt .content-wrapper .text-wrapper {
  text-align: left
}
.news-blog-inpage {
  background: #f6f4f0;
  overflow: hidden;
  margin-top: 2.8rem
}

@media (min-width: 960px) {
.news-blog-inpage {
  margin-top: 5rem
}
}
.news-blog-inpage .content-wrapper {
  padding: 2rem 1.6rem 3rem
}

@media (min-width: 960px) {
.news-blog-inpage .content-wrapper {
  display: flex;
  max-width: 66.1rem;
  padding: 5.8rem 3.2rem 4.8rem;
  flex-wrap: nowrap;
  margin: 0 auto
}
}
.news-blog-inpage header {
  margin-bottom: 1.6rem
}

@media (min-width: 960px) {
.news-blog-inpage header {
  margin-bottom: 0;
  width: 250px;
  flex-shrink: 0;
  padding-top: 32px
}
}
.news-blog-inpage h2, .news-blog-inpage .h2 {
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 1.25
}

@media (min-width: 960px) {
.news-blog-inpage h2, .news-blog-inpage .h2 {
  font-size: 2.1rem;
  margin-bottom: 2rem
}
}
.news-blog-inpage .box-wrapper {
  margin-right: -1.6rem;
  margin-left: -1.6rem;
  display: flex;
  overflow: auto;
  flex-wrap: nowrap;
  padding: 20px 0;
  scrollbar-width: none
}
 .news-blog-inpage .box-wrapper::-webkit-scrollbar {
 display: none
}

@media (min-width: 960px) {
.news-blog-inpage .box-wrapper {
  margin: -0.8rem 0 0;
  display: block;
  overflow: visible
}
}
.news-blog-inpage .flickity-viewport {
  width: 100%
}
.news-blog-inpage .boxes {
  padding: 0 1.6rem;
  flex-shrink: 0;
  display: flex;
  flex-wrap: nowrap
}
.news-blog-inpage .boxes:after {
  content: 'flickity';
  display: none
}

@media (min-width: 768px) {
.news-blog-inpage .boxes:after {
  content: ''
}
}

@media (min-width: 960px) {
.news-blog-inpage .boxes {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}
}
.news-blog-inpage .box {
  padding: 2rem 1.2rem;
  border-radius: 3px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
  background-color: #FFFDFB;
  color: #73757c;
  width: 310px;
  display: inline-flex;
  transition: box-shadow 2s cubic-bezier(0, 0, 0, 1)
}

@media (min-width: 960px) {
.news-blog-inpage .box {
  padding: 2rem 1.6rem;
  width: auto;
  flex-shrink: 0;
  margin-top: 0.8rem;
  width: calc(100% - 368px)
}
.news-blog-inpage .box:nth-child(2n) {
  width: 336px;
  margin-left: 1.6rem
}
}
.news-blog-inpage .box:hover {
  box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.1)
}
.news-blog-inpage .box+.box {
  margin-left: 0.8rem
}

@media (min-width: 960px) {
.news-blog-inpage .box+.box {
  margin-left: 0
}
}
.news-blog-inpage .box h3, .news-blog-inpage .box .h3 {
  font-size: 1.05rem;
  line-height: 1.5;
  color: #272a33;
  margin-bottom: 0.6rem
}
.news-blog-inpage .box p:first-child, .news-blog-inpage .box p:last-child {
  margin-bottom: 0
}
.news-blog-inpage .content-actions {
  text-align: center;
  margin-top: 0.6rem
}

@media (min-width: 960px) {
.tri-info .content-wrapper {
  padding: 0 3.3rem 2.7rem;
  background: #f6f4f0
}
}
.tri-info__title {
  text-align: center;
  padding: 2rem 0 1.5rem;
  margin: 0
}

@media (min-width: 960px) {
.tri-info__title {
  font-size: 2.7rem;
  padding: 5rem 0 4rem
}
}
.tri-info__container {
  display: flex;
  flex-flow: column;
  padding-bottom: 2.8rem
}

@media (min-width: 960px) {
.tri-info__container {
  justify-content: space-between;
  flex-flow: row
}
}

@media (min-width: 1440px) {
.tri-info__container {
  max-width: 1312px;
  margin-left: auto;
  margin-right: auto
}
}
.tri-info__cell {
  position: relative;
  height: 100vw;
  padding: 51.5vw 1.5rem 0.5rem
}
.tri-info__cell:not(:last-child) {
  margin-bottom: 20px
}

@media (min-width: 640px) and (max-width:959px) {
.tri-info__cell {
  height: 376px;
  padding-top: 12.3rem
}
}

@media (min-width: 960px) {
.tri-info__cell {
  height: auto;
  min-height: 28.9vw;
  width: 28.9vw;
  padding-top: 17.5vw
}
.tri-info__cell:not(:last-child) {
  margin-bottom: 0px;
  margin-right: 1.5rem
}
}

@media (min-width: 1366px) {
.tri-info__cell {
  height: 28.9vw
}
}

@media (min-width: 1440px) {
.tri-info__cell {
  width: 416px;
  height: 416px;
  padding-top: 248px;
  min-height: 416px
}
}
.tri-info__cell:after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 75%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 10%, rgba(0, 0, 0, 0) 100%)
}
.tri-info__cell h3, .tri-info__cell p {
  position: relative;
  z-index: 1;
  color: #FFFDFB
}
.tri-info__cell h3 {
  font-size: 1rem;
  margin-bottom: 0.5rem
}

@media (min-width: 960px) {
.tri-info__cell h3 {
  font-size: 1.22rem
}
}
.tri-info__cell img {
  z-index: 0;
  position: absolute;
  left: 0%;
  top: 0%;
  width: 100%;
  height: 100%;
  object-fit: cover
}
.how-it-works-fixed {
  margin: 0 0 56px;
  background-color: #27242d;
  color: #FFFDFB;
  padding: 1.5rem 1.6rem 4rem;
  box-sizing: border-box;
  display: flex
}

@media (min-width: 640px) {
.how-it-works-fixed {
  align-items: center
}
}

@media (min-width: 960px) {
.how-it-works-fixed {
  padding: 4.5rem 1.6rem 6rem;
  margin: 0 0 100px
}
}

@media (min-width: 1024px) {
.how-it-works-fixed {
  padding: 4.5rem 3.2rem 6rem
}
}
.how-it-works-fixed .content-wrapper {
  max-width: 1086px;
  margin: 1.5rem auto 0;
  position: relative;
  width: 100%
}

@media (min-width: 960px) {
.how-it-works-fixed .content-wrapper {
  flex-grow: 1;
  margin: 0 auto
}
}
.how-it-works-fixed .img-wrapper {
  text-align: center;
  display: flex;
  justify-content: space-evenly;
  align-items: flex-end;
  margin: 0 auto;
  max-width: 14rem
}

@media (min-width: 960px) {
.how-it-works-fixed .img-wrapper {
  justify-content: space-evenly;
  max-width: none
}
}
.how-it-works-fixed .img-wrapper svg {
  max-width: 80%;
  height: auto
}
.how-it-works-fixed .img-wrapper figure {
  display: inline-block;
  position: relative
}
.how-it-works-fixed .img-wrapper img {
  width: 100%
}
.how-it-works-fixed .img-wrapper .item {
  transition: opacity 1s;
  margin: 0 21px
}

@media (min-width: 960px) {
.how-it-works-fixed .img-wrapper .item {
  opacity: 1;
  margin: 0;
  max-width: 15.8rem
}
}
.how-it-works-fixed .img-wrapper .item:first-child {
  margin-left: 0
}
.how-it-works-fixed .img-wrapper .item:last-child {
  margin-right: 0
}

@media (min-width: 960px) {
.how-it-works-fixed .img-wrapper .item {
  flex-basis: 29%;
  text-align: center
}
.how-it-works-fixed .img-wrapper .item img {
  width: auto
}
}
.how-it-works-fixed .img-wrapper .path-button {
  opacity: 0.5;
  transition: 0.3s all
}

@media (min-width: 960px) {
.how-it-works-fixed .img-wrapper .path-button {
  opacity: 1
}
}
.how-it-works-fixed .img-wrapper .path-button.active {
  opacity: 1
}
.how-it-works-fixed-nav {
  display: flex;
  justify-content: space-between;
  margin: 0.8rem auto 3rem;
  width: 13.6rem;
  max-width: 100%
}

@media (min-width: 960px) {
.how-it-works-fixed-nav {
  margin: 1.2rem 0;
  width: 100%;
  max-width: none;
  max-width: none;
  padding: 0;
  justify-content: space-evenly
}
}

@media (max-width: 959px) {
.how-it-works-fixed-nav .item:last-child {
  margin-right: 0.25rem
}
}

@media (min-width: 960px) {
.how-it-works-fixed-nav .item {
  flex-basis: 29%;
  text-align: center
}
}
.how-it-works-fixed-content {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-direction: column
}

@media (min-width: 960px) {
.how-it-works-fixed-content {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly
}
}
.how-it-works-fixed-desc {
  width: 100%;
  transition: 0.3s all;
  flex-shrink: 0;
  transform: translateY(-20px);
  margin: 0 0 1.6rem
}
.how-it-works-fixed-desc:last-child {
  margin-bottom: 0
}

@media (min-width: 960px) {
.how-it-works-fixed-desc {
  top: 50%;
  left: 0;
  max-width: 304px;
  width: 29%;
  opacity: 1;
  max-height: none;
  transform: none;
  overflow: visible;
  text-align: center
}
}

@media (min-width: 960px) and (max-width:1279px) {
.how-it-works-fixed-desc {
  width: 25%
}
}
.how-it-works-fixed-desc.active {
  max-height: none;
  opacity: 1;
  transform: translateY(0)
}
.how-it-works-fixed .btn-plus-sign {
  position: relative;
  width: 1.4rem;
  height: 1.4rem;
  line-height: 1.4rem;
  border-radius: 50%;
  background-color: #00D1D2;
  border: none;
  outline: none;
  font-weight: bold;
  text-align: center;
  display: inline-block;
  color: #34303d
}

@media (min-width: 960px) {
.how-it-works-fixed .btn-plus-sign {
  width: 1.6rem;
  height: 1.6rem;
  line-height: 1.6rem
}
}
.how-it-works-fixed h3, .how-it-works-fixed .h3 {
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold;
  font-size: 1.2rem;
  line-height: 1.4;
  margin-bottom: 0.6rem
}

@media (min-width: 960px) {
.how-it-works-fixed h3, .how-it-works-fixed .h3 {
  display: inline-block;
  background-color: #27242d;
  padding: 0 0.5vw;
  margin: 0 -0.5vw 0.8rem
}
}

@media (min-width: 1280px) {
.how-it-works-fixed h3, .how-it-works-fixed .h3 {
  padding: 0 1rem;
  margin: 0 -1rem 1.2rem
}
}

@media (min-width: 960px) {
.how-it-works-fixed h3>span, .how-it-works-fixed .h3>span {
  display: none
}
}
.how-it-works-fixed p {
  margin-bottom: 0
}

@media (min-width: 960px) {
.how-it-works-fixed p {
  background-color: #27242d
}
}
.how-it-works-fixed p+p {
  margin-top: 0.8rem
}

@media (max-width: 959px) {
.how-it-works-fixed.iqos3multi .img-wrapper {
  max-width: 7rem
}
.how-it-works-fixed.iqos3multi .how-it-works-fixed-nav {
  width: 6.6rem
}
.how-it-works-fixed.iqos3multi .how-it-works-fixed-nav .item:nth-child(2) {
  margin-right: 0.5rem
}
}
.how-it-works-fixed.veevpod .img-wrapper .item {
  position: relative
}
.how-it-works-fixed.veevpod .img-wrapper .item .btn-plus-sign {
  position: absolute;
  transform: translateX(-50%) translateY(-50%)
}
.how-it-works-fixed.veevpod .img-wrapper .item .btn-plus-sign:nth-child(1) {
  left: 9%;
  top: 26%
}
.how-it-works-fixed.veevpod .img-wrapper .item .btn-plus-sign:nth-child(2) {
  left: 9%;
  top: 62%
}

@media (min-width: 960px) {
.how-it-works-fixed.veevpod {
  padding-bottom: 7rem
}
.how-it-works-fixed.veevpod .content-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center
}
.how-it-works-fixed.veevpod .content-wrapper .img-wrapper {
  margin-bottom: 0;
  width: 52%
}
.how-it-works-fixed.veevpod .how-it-works-fixed-content {
  flex-direction: column;
  width: 48%;
  margin-top: 3rem
}
.how-it-works-fixed.veevpod .how-it-works-fixed-content .how-it-works-fixed-desc {
  width: 100%;
  text-align: left;
  justify-content: center;
  margin: 0 0 2rem
}
.how-it-works-fixed.veevpod .how-it-works-fixed-content .how-it-works-fixed-desc:last-child {
  margin-bottom: 0
}
}
.how-it-works-fixed.hide-nav .how-it-works-fixed-nav {
  display: none
}
.how-it-works-fixed.hide-nav .img-wrapper {
  margin-bottom: 3rem
}
.how-it-works-fixed.hide-nav h3>span {
  display: inline
}

@media (max-width: 959px) {
.how-it-works-fixed.no-heets .img-wrapper {
  max-width: 10rem
}
.how-it-works-fixed.no-heets .how-it-works-fixed-nav {
  width: 7.6rem
}
}

@media (max-width: 959px) {
.how-it-works-fixed.no-heets.iqos3duo .how-it-works-fixed-nav .item:first-child {
  margin-left: 0.5rem
}
.how-it-works-fixed.no-heets.iqos3duo .how-it-works-fixed-nav .item:nth-child(2) {
  margin-right: 0;
  transform: translateX(50%)
}
}

@media (max-width: 959px) {
.how-it-works-fixed.no-heets.iqos24plus .img-wrapper {
  max-width: 12rem
}
.how-it-works-fixed.no-heets.iqos24plus .how-it-works-fixed-nav .item:first-child {
  margin-left: 0.75rem
}
.how-it-works-fixed.no-heets.iqos24plus .how-it-works-fixed-nav .item:nth-child(2) {
  margin-right: 0;
  transform: translateX(120%)
}
}

@media (max-width: 959px) {
.how-it-works-fixed.no-heets.iqos3multi .img-wrapper {
  max-width: 3rem
}
.how-it-works-fixed.no-heets.iqos3multi .how-it-works-fixed-nav {
  justify-content: center
}
}
.carousel-cards {
 --block-background: #f6f4f0;
 --block-text-color: inherit;
  margin: 0 0 56px 0;
  background: var(--block-background);
  padding: 3.4rem 0 2rem 0;
  width: 100%;
  overflow: hidden;
  color: var(--block-text-color)
}

@media (min-width: 960px) {
.carousel-cards {
  margin: 0 0 100px 0;
  padding: 4rem 0 3rem 0
}
}
.carousel-cards>header {
  width: 83vw;
  margin: 0 auto;
  position: relative
}

@media (min-width: 960px) {
.carousel-cards>header {
  width: 100%;
  box-sizing: border-box;
  padding: 0 0 0 12.2222222222vw;
  margin: 0 auto 3rem auto
}
}

@media (min-width: 1440px) {
.carousel-cards>header {
  padding: 0;
  width: 1088px;
  margin-left: auto;
  margin-right: auto
}
}
.carousel-cards>header h2 {
  font-size: 1.6rem;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold;
  margin: 0 0 0.8rem 0
}

@media (min-width: 960px) {
.carousel-cards>header h2 {
  margin: 0 0 1.6rem 0;
  font-size: 2.1rem
}
}
.carousel-cards>header p {
  font-size: 0.8rem;
  line-height: 1.5
}
.carousel-cards .content-wrapper {
  margin: 0 auto;
  width: 100%;
  overflow: hidden;
  position: relative
}
.carousel-cards .content-wrapper:hover .navigation-container {
  pointer-events: auto;
  opacity: 1
}
.carousel-cards .navigation-container {
  display: none;
  position: absolute;
  width: 100%;
  height: 54px;
  bottom: 200px;
  pointer-events: none
}
.carousel-cards .navigation-container>* {
  transition: opacity 0.7s cubic-bezier(0.3, 0, 0, 1);
  opacity: 0
}

@media (min-width: 960px) {
.carousel-cards .navigation-container {
  display: block;
  height: 37vw;
  bottom: auto;
  top: 0;
  max-height: 528px;
  max-width: 1087px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 76%;
  z-index: 2
}
}
.carousel-cards .navigation-container:hover>*, .carousel-cards .navigation-container>*:focus {
  opacity: 1;
  display: block
}
.carousel-cards .navigation-container div {
  position: absolute;
  cursor: pointer;
  z-index: 2;
  width: 54px;
  height: 54px;
  background-color: #fcfbf9;
  border-radius: 50%;
  top: 50%;
  transform: translate(-50%, -50%)
}
.carousel-cards .navigation-container div img {
  position: absolute;
  width: 20px;
  top: 50%;
  left: 50%;
  user-select: none;
  transform: translate(-50%, -50%)
}
.carousel-cards .navigation-container .next-btn {
  right: 0;
  transform: translateX(50%) translateY(-50%)
}
.carousel-cards .navigation-container .previous-btn {
  left: 0;
  transform: translateX(-50%) translateY(-50%)
}
.carousel-cards .header-navigation-container {
  display: none;
  position: absolute;
  width: 120px;
  height: 54px;
  transition: opacity 0.7s cubic-bezier(0.3, 0, 0, 1);
  right: 0;
  top: 0
}

@media (min-width: 960px) {
.carousel-cards .header-navigation-container {
  display: block;
  right: 70px
}
}

@media (min-width: 1440px) {
.carousel-cards .header-navigation-container {
  right: 0
}
}
.carousel-cards .header-navigation-container div {
  position: absolute;
  cursor: pointer;
  z-index: 2;
  width: 48px;
  height: 48px;
  background-color: #fcfbf9;
  border-radius: 50%;
  top: 0;
  transition: opacity 0.3s;
  outline: none
}
.carousel-cards .header-navigation-container div.swiper-button-disabled {
  opacity: 0.4;
  pointer-events: none
}
.carousel-cards .header-navigation-container div img {
  position: absolute;
  width: 30px;
  top: 50%;
  left: 50%;
  user-select: none;
  transform: translate(-50%, -50%)
}
.carousel-cards .header-navigation-container .next-btn {
  right: 0
}
.carousel-cards .header-navigation-container .previous-btn {
  left: 0
}
.carousel-cards .swiper-slide {
  width: 83.2vw
}

@media (min-width: 960px) {
.carousel-cards .swiper-slide {
  width: 36.6666666667vw
}
}

@media (min-width: 1440px) {
.carousel-cards .swiper-slide {
  width: 528px
}
}
.carousel-cards .swiper-slide>p {
  font-size: 0.6rem;
  line-height: 1.66
}
.carousel-cards .slide-content {
  min-height: 83.2vw;
  position: relative;
  width: 100%;
  display: flex;
  align-items: flex-end;
  margin: 0 0 1.2rem 0
}

@media (min-width: 960px) {
.carousel-cards .slide-content {
  min-height: 36.6666666667vw
}
}

@media (min-width: 1440px) {
.carousel-cards .slide-content {
  min-height: 528px
}
}
.carousel-cards .slide-content figure {
  position: absolute;
  height: 100%;
  width: 100%
}
.carousel-cards .slide-content figure img {
  display: block;
  height: auto;
  width: 100%;
  object-fit: cover
}
.carousel-cards .slide-content .txt-wrapper {
  position: relative;
  z-index: 2;
  color: #FFFDFB;
  margin: 1.2rem;
  font-size: 0.8rem;
  line-height: 1.5
}

@media (min-width: 960px) {
.carousel-cards .slide-content .txt-wrapper {
  font-size: 1rem;
  line-height: 1.6;
  margin: 2.4rem
}
}
.carousel-cards .slide-content .txt-wrapper p {
  margin-bottom: 0
}
.carousel-cards .footer-wrapper {
  width: 83vw;
  margin: 1.6rem auto 0 auto
}

@media (min-width: 960px) {
.carousel-cards .footer-wrapper {
  width: 100%;
  box-sizing: border-box;
  padding: 0 0 0 12.2222222222vw;
  margin: 1.6rem auto 2rem auto
}
}

@media (min-width: 1440px) {
.carousel-cards .footer-wrapper {
  padding: 0;
  width: 1088px;
  margin-left: auto;
  margin-right: auto
}
}
.carousel-cards .notice-bottom {
  padding: 1.4rem 8.5vw 0.8rem 8.5vw
}
.carousel-cards .notice-bottom>:last-child {
  margin-bottom: 0
}

@media (min-width: 960px) {
.carousel-cards .notice-bottom {
  width: 75.55vw;
  margin: 0 auto;
  position: relative;
  max-width: 1088px;
  padding: 3rem 0 0.8rem 0
}
}
.carousel-cards .notice-bottom p {
  max-width: 100%;
  font-size: 0.6rem;
  line-height: 1.33;
  letter-spacing: 0.2px
}

@media (min-width: 960px) {
.carousel-cards .notice-bottom p {
  max-width: 530px;
  font-size: 0.8rem;
  line-height: 1.5;
  letter-spacing: 0
}
}
.carousel-cards.transparent {
  background: none
}

@media (max-width: 959px) {
.carousel-cards .slide-content.-text-bottom {
  display: flex;
  align-items: flex-start;
  flex-direction: column
}
.carousel-cards .slide-content.-text-bottom figure {
  position: relative
}
.carousel-cards .slide-content.-text-bottom .txt-wrapper {
  margin: 0.4rem 0 0 0
}
}
.carousel-cards.darken-bck .slide-content figure {
  overflow: hidden
}
.carousel-cards.darken-bck .slide-content figure:after {
  content: " ";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 264px;
  padding: 152px 48px 48px;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8))
}
.carousel-cards.no-pagination .navigation-container, .carousel-cards.no-pagination .header-navigation-container {
  display: none !important
}
.carousel-cards.alt-header>header {
  margin-bottom: 1.6rem
}

@media (min-width: 960px) {
.carousel-cards.alt-header>header {
  padding: 0 12.2222222222vw 0 12.2222222222vw;
  margin-bottom: 2.75rem
}
}

@media (min-width: 1440px) {
.carousel-cards.alt-header>header {
  padding: 0 176px 0 176px
}
}
.carousel-cards.alt-header>header h2 {
  font-size: 1.6rem;
  text-align: center;
  line-height: 1.25;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold;
  margin-bottom: 0
}

@media (min-width: 960px) {
.carousel-cards.alt-header>header h2 {
  font-size: 2.8rem;
  line-height: 1.14
}
}
.carousel-cards.centered-slides .swiper-wrapper {
  transform: none !important;
  justify-content: center
}

@media (min-width: 960px) {
.carousel-cards.centered-slides .swiper-slide:last-of-type {
  margin-right: 0 !important
}
}
.carousel-cards.variant-2 .swiper-slide {
  width: 80vw
}

@media (min-width: 640px) {
.carousel-cards.variant-2 .swiper-slide {
  width: auto
}
}

@media (min-width: 960px) {
.carousel-cards.variant-2 .swiper-slide {
  width: 33.3333333333vw
}
}

@media (min-width: 1440px) {
.carousel-cards.variant-2 .swiper-slide {
  width: 480px
}
}
.carousel-cards.variant-2 .swiper-slide>p {
  font-size: 0.6rem;
  line-height: 1.66
}
.carousel-cards.variant-2 .swiper-slide .slide-content {
  min-height: 70.4vw;
  display: flex;
  align-items: flex-start;
  flex-flow: column;
  margin: 1rem 1rem 1rem 0;
  width: auto;
  justify-content: space-between
}

@media (min-width: 640px) {
.carousel-cards.variant-2 .swiper-slide .slide-content {
  min-height: 320px;
  margin: 2rem 2rem 2rem 0
}
}

@media (min-width: 1280px) {
.carousel-cards.variant-2 .swiper-slide .slide-content {
  min-height: 410px
}
}
.carousel-cards.variant-2 .swiper-slide .slide-content .txt-wrapper {
  max-width: 384px;
  position: relative;
  z-index: 2;
  margin: 0 1.4rem 0 0;
  font-size: 1rem;
  color: #34303d;
  line-height: 1.4rem
}

@media (min-width: 960px) {
.carousel-cards.variant-2 .swiper-slide .slide-content .txt-wrapper {
  margin: 1.5rem 0
}
}

@media (min-width: 1280px) {
.carousel-cards.variant-2 .swiper-slide .slide-content .txt-wrapper {
  font-size: 1.4rem;
  line-height: 2rem
}
}
.carousel-cards.variant-2 .swiper-slide .slide-content .txt-wrapper p {
  margin-bottom: 0
}
.carousel-cards.variant-2 .swiper-slide .slide-content .txt-wrapper:last-of-type {
  margin: 0 0 1.8rem 0
}

@media (min-width: 1280px) {
.carousel-cards.variant-2 .swiper-slide .slide-content .txt-wrapper:last-of-type {
  margin: 0 0 0.3rem 0
}
}

@media (min-width: 640px) {
.carousel-cards.variant-2 .md-mr-big .swiper-slide .slide-content {
  margin: 2rem 0 2rem 0
}
}
.carousel-items {
 --block-background: #f6f4f0;
 --block-text-color: inherit;
  background: var(--block-background);
  color: var(--block-text-color);
  margin: 0 0 56px 0;
  padding: 3.4rem 0 2rem 0;
  position: relative
}

@media (min-width: 960px) {
.carousel-items {
  margin: 0 0 100px 0;
  padding: 4rem 0 0 0;
  background: transparent
}
}
.carousel-items:before {
  pointer-events: none;
  background: var(--block-background);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 65%;
  content: " ";
  z-index: -1
}
.carousel-items>header {
  width: 83vw;
  margin: 0 auto
}

@media (min-width: 960px) {
.carousel-items>header {
  width: 100%;
  box-sizing: border-box;
  padding: 0 0 0 12.2222222222vw;
  margin: 0 auto 3rem auto
}
}
.carousel-items>header h2 {
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold;
  font-size: 1.6rem;
  margin: 0 0 1.2rem 0
}

@media (min-width: 960px) {
.carousel-items>header h2 {
  margin: 0 0 1.6rem 0;
  font-size: 2.1rem
}
}
.carousel-items>header p {
  font-size: 0.8rem;
  line-height: 1.5;
  text-align: center
}
.carousel-items .content-wrapper {
  margin: 0 auto 1.2rem auto
}

@media (min-width: 960px) {
.carousel-items .content-wrapper {
  margin: 0 auto 3.8rem auto
}
}
.carousel-items .swiper-slide {
  width: 66.1333333333vw
}

@media (min-width: 960px) {
.carousel-items .swiper-slide {
  width: 17.7777777778vw
}
}

@media (min-width: 1440px) {
.carousel-items .swiper-slide {
  width: 256px
}
}
.carousel-items .swiper-slide>p {
  font-size: 0.6rem;
  line-height: 1.66
}
.carousel-items .slide-content {
  min-height: 66.1333333333vw;
  position: relative;
  width: 100%;
  display: flex;
  align-items: flex-end;
  margin: 0 0 0 0
}

@media (min-width: 960px) {
.carousel-items .slide-content {
  min-height: 17.7777777778vw
}
}

@media (min-width: 1440px) {
.carousel-items .slide-content {
  min-height: 256px
}
}
.carousel-items .slide-content figure {
  position: absolute;
  height: 100%;
  width: 100%;
  margin-bottom: 0.5rem
}
.carousel-items .slide-content figure img {
  display: block;
  height: auto;
  width: 100%;
  object-fit: cover
}
.carousel-items .slide-content .text-wrapper {
  position: relative;
  z-index: 2;
  color: white;
  margin: 1.2rem;
  font-size: 0.8rem;
  line-height: 1.5
}

@media (min-width: 960px) {
.carousel-items .slide-content .text-wrapper {
  font-size: 1rem;
  line-height: 1.6;
  margin: 0.8rem
}
}
.carousel-items .slide-content .text-wrapper p {
  margin-bottom: 0
}
.carousel-items .content-wrapper-bottom {
  width: 83vw;
  margin: 0 auto
}

@media (min-width: 960px) {
.carousel-items .content-wrapper-bottom {
  text-align: center;
  max-width: 680px
}
}
.carousel-items .content-wrapper-bottom .legal-advice {
  line-height: 20px !important
}
.carousel-items.transparent {
  background: none
}
.carousel-items.transparent:before {
  display: none
}
.carousel-items.alt-header {
  padding: 2.75rem 0 1.5rem 0
}
.carousel-items.alt-header>header {
  margin-bottom: 1.6rem
}

@media (min-width: 960px) {
.carousel-items.alt-header>header {
  padding: 0 12.2222222222vw 0 12.2222222222vw
}
}

@media (min-width: 1440px) {
.carousel-items.alt-header>header {
  padding: 0;
  width: 840px
}
}
.carousel-items.alt-header>header h2 {
  font-size: 1.6rem;
  line-height: 1.25;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold;
  text-align: center
}
.carousel-items.alt-header>header>:last-child {
  margin-bottom: 0
}
.carousel-items.full-bck {
  background: var(--block-background)
}

@media (min-width: 960px) {
.carousel-items.carousel-only-mobile .swiper-wrapper {
  transform: none !important;
  justify-content: center
}
.carousel-items.carousel-only-mobile .swiper-wrapper .swiper-slide:last-of-type {
  margin-right: 0 !important
}
}
.carousel-items.inner-space {
  padding: 3.4rem 0 3.4rem
}

@media (min-width: 960px) {
.carousel-items.inner-space {
  padding: 5rem 0 5rem
}
}
.carousel-items.inner-space .content-wrapper:last-child {
  margin-bottom: 0
}

@media (min-width: 960px) {
.carousel-items--variant-sd .swiper-slide {
  width: 25.5555555556vw
}
}

@media (min-width: 1440px) {
.carousel-items--variant-sd .swiper-slide {
  width: 368px
}
}
.carousel-items--variant-sd .swiper-slide .slide-content {
  margin: 0 0 0.4rem 0
}

@media (min-width: 960px) {
.carousel-items--variant-sd .swiper-slide .slide-content {
  min-height: 19.4444444444vw;
  margin: 0 0 0.8rem 0
}
}

@media (min-width: 1440px) {
.carousel-items--variant-sd .swiper-slide .slide-content {
  min-height: 280px
}
}
.carousel-items--variant-3>header {
  margin: 0 auto 1.6rem auto
}

@media (min-width: 960px) {
.carousel-items--variant-3>header {
  padding: 0 12.2222222222vw 0 12.2222222222vw;
  margin: 0 auto 5rem auto
}
}

@media (min-width: 1440px) {
.carousel-items--variant-3>header {
  padding: 0;
  width: 840px
}
}
.carousel-items--variant-3>header h2 {
  font-size: 1.6rem;
  text-align: center
}

@media (min-width: 960px) {
.carousel-items--variant-3>header h2 {
  font-size: 2.8rem
}
}
.carousel-items--variant-3>header p {
  font-size: 0.8rem
}
.carousel-items--variant-3.slide-centered-titles .swiper-slide .text-wrapper {
  width: 100%;
  text-align: center
}
.carousel-flavours {
  margin: 0 0 56px 0;
  padding: 2.5rem 0 2.4rem 0
}

@media (min-width: 960px) {
.carousel-flavours {
  margin: 0 0 100px 0;
  padding: 0 0 4rem 0
}
}
.carousel-flavours>header {
  width: 83vw;
  margin: 0 auto 2.5rem auto;
  text-align: center
}

@media (min-width: 960px) {
.carousel-flavours>header {
  width: 91.1vw;
  box-sizing: border-box;
  padding: 0 0 0 0;
  margin: 0 auto 3.75rem auto
}
}
.carousel-flavours>header h2 {
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold;
  margin: 0 0 1rem 0;
  font-size: 1.6rem;
  line-height: 1.25
}

@media (min-width: 960px) {
.carousel-flavours>header h2 {
  font-size: 2.8rem;
  line-height: 1.14;
  letter-spacing: -0.75px;
  margin: 0 0 1.25rem 0
}
}
.carousel-flavours>header p {
  font-size: 0.8rem;
  line-height: 1.5;
  text-align: center;
  margin: 0 auto;
  width: 85%;
  max-width: 680px
}
.carousel-flavours>header :last-child {
  margin-bottom: 0
}
.carousel-flavours .content-wrapper>p {
  padding-left: 1.2rem;
  padding-right: 1.2rem
}
.carousel-flavours img {
  display: block;
  height: auto;
  width: 100%
}
.carousel-flavours .swiper-container {
  margin: 0 0 1.7rem 0
}

@media (min-width: 960px) {
.carousel-flavours .swiper-container {
  margin: 0 0 2.6rem 0
}
}
.carousel-flavours .swiper-slide {
  width: 66.1333333333vw;
  position: relative;
  transform: scale(0.9);
  border-bottom-right-radius: 50% 45%;
  border-bottom-left-radius: 50% 45%;
  opacity: 0.7;
  overflow: hidden;
  padding-top: 26px;
  transition: transform 0.9s cubic-bezier(0.2, 0, 0.1, 1), opacity 0.9s cubic-bezier(0.2, 0, 0.1, 1);
  will-change: transform, opacity
}

@media (min-width: 960px) {
.carousel-flavours .swiper-slide {
  padding-top: 35px;
  width: 300px
}
}

@media (hover: hover) {
.carousel-flavours .swiper-slide {
  cursor: pointer
}
}
.carousel-flavours .swiper-slide img:not(.cell-badge) {
  border-radius: 100%
}
.carousel-flavours .swiper-slide .cell-badge {
  position: absolute;
  transition: transform 0.9s cubic-bezier(0.2, 0, 0.1, 1), opacity 0.9s;
  will-change: transform, opacity;
  transition-delay: 0s;
  left: 50%;
  transform: translateX(-50%) translateY(24%);
  z-index: 4;
  width: 25.2%;
  height: 100%;
  object-fit: cover;
  bottom: -1px;
  border: solid 1px transparent
}
.carousel-flavours .swiper-slide .sensory {
  position: absolute;
  bottom: -1;
  left: 0;
  width: 100%;
  object-fit: cover;
  z-index: 3;
  transition: opacity 0.9s cubic-bezier(0.2, 0, 0.1, 1);
  will-change: opacity
}
.carousel-flavours .swiper-slide.swiper-slide-active {
  opacity: 1;
  transform: scale(1)
}
.carousel-flavours .swiper-slide.swiper-slide-active .cell-badge {
  transform: translateX(-50%) translateY(1%)
}
.carousel-flavours .swiper-slide.swiper-slide-active .sensory {
  opacity: 0
}
.carousel-flavours .slides-description {
  text-align: center;
  width: 83vw;
  margin: 0 auto 2rem auto;
  transition: height 0.9s cubic-bezier(0.2, 0, 0.1, 1);
  will-change: height
}

@media (min-width: 960px) {
.carousel-flavours .slides-description {
  margin: 0 auto 2rem auto;
  max-width: 21rem
}
}
.carousel-flavours .slides-description .slide-description {
  display: none;
  opacity: 0;
  transition: opacity 0.9s cubic-bezier(0.2, 0, 0.1, 1);
  will-change: opacity
}
.carousel-flavours .slides-description .slide-description h3 {
  font-size: 1.2rem;
  line-height: 1.33;
  margin: 0 0 0.9rem 0;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold
}

@media (min-width: 960px) {
.carousel-flavours .slides-description .slide-description h3 {
  font-size: 1.4rem;
  margin: 0 0 0.8rem 0
}
}
.carousel-flavours .slides-description .slide-description p {
  font-size: 0.8rem;
  line-height: 1.5;
  margin: 0 0 1.2rem 0
}

@media (min-width: 960px) {
.carousel-flavours .slides-description .slide-description p {
  margin: 0 0 2rem 0
}
}
.carousel-flavours .slides-description .slide-description .big {
  font-size: 0.95rem
}
.carousel-flavours .slides-description .slide-description>:last-child {
  margin-bottom: 0
}
.carousel-flavours .slides-description .slide-description.-active {
  display: block
}
.carousel-flavours .slides-description .slide-description.-animate {
  transition: opacity 0.9s cubic-bezier(0.2, 0, 0.1, 1);
  will-change: opacity;
  transition-delay: 0s;
  opacity: 1
}
.carousel-flavours.inner-margin-top {
  padding-top: 56px
}

@media (min-width: 960px) {
.carousel-flavours.inner-margin-top {
  padding-top: 100px
}
}
.carousel-flavours.brand-hard-white {
  background: #f6f4f0
}
.isDesktop .carousel-flavours .swiper-wrapper {
  transition-timing-function: 0.9s cubic-bezier(0.2, 0, 0.1, 1)
}
.js-carousel-recommended-products {
  padding-bottom: 1.6rem;
  overflow-x: hidden
}
.js-carousel-recommended-products .img-wrapper {
  background: #f6f4f0;
  height: 208px;
  display: flex;
  align-items: center;
  justify-content: center
}
.js-carousel-recommended-products .swiper-slide {
  width: 100%
}

@media (min-width: 640px) {
.js-carousel-recommended-products .swiper-slide {
  width: calc(50% - 16px)
}
}

@media (min-width: 840px) {
.js-carousel-recommended-products .swiper-slide {
  width: calc(33.3333% - 21px)
}
}

@media (min-width: 960px) {
.js-carousel-recommended-products .swiper-slide {
  width: 192px
}
}
.js-carousel-recommended-products img {
  max-height: 100%;
  max-width: 100%
}
.js-carousel-recommended-products .text-wrapper {
  margin-top: 0.8rem
}
.js-carousel-recommended-products .text-wrapper h4, .js-carousel-recommended-products .text-wrapper .h4 {
  font-size: 1rem;
  line-height: 1.4;
  margin: 0;
  color: #34303d;
  font-weight: bold
}

@media (min-width: 960px) {
.js-carousel-recommended-products .text-wrapper h4, .js-carousel-recommended-products .text-wrapper .h4 {
  font-size: 0.8rem
}
}
.js-carousel-recommended-products .text-wrapper .product-price {
  display: block;
  font-size: 1rem;
  line-height: 1.4;
  color: #34303d
}

@media (min-width: 960px) {
.js-carousel-recommended-products .text-wrapper .product-price {
  font-size: 0.8rem
}
}
.js-carousel-recommended-products a {
  display: block;
  color: inherit
}
.js-carousel-recommended-products .swiper-pagination {
  position: static;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0.8rem auto 0
}
.js-carousel-recommended-products .swiper-pagination-lock {
  display: none
}
.js-carousel-recommended-products .swiper-pagination-bullet {
  background: #99979e
}
.js-carousel-recommended-products .swiper-pagination-bullet+.swiper-pagination-bullet {
  margin-left: 0.6rem
}
.js-carousel-recommended-products .swiper-pagination-bullet-active {
  background-color: #524f5a
}
.discover-products {
  margin-top: 2rem
}

@media (min-width: 960px) {
.discover-products {
  margin-top: 5rem
}
}
.tabs-accordion-content .discover-products {
  margin: 0
}
.discover-products header {
  text-align: center
}
.discover-products header h2, .discover-products header .h2 {
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold;
  font-size: 1.4rem;
  line-height: 1.42;
  margin-bottom: 1.6rem
}

@media (min-width: 960px) {
.discover-products header h2, .discover-products header .h2 {
  font-size: 2.1rem;
  margin-bottom: 2.8rem
}
}
.discover-products header .img-wrapper {
  margin: 0 auto 1.3rem;
  max-width: 72px
}
.discover-products .product-actions {
  margin-top: 40px
}
.tabs-accordion {
  margin-top: 2.8rem;
  padding: 0 1.6rem;
  overflow: hidden
}

@media (min-width: 960px) {
.tabs-accordion {
  margin-bottom: 2.8rem
}
}
.tabs-accordion .tabs-nav {
  display: none
}

@media (min-width: 960px) {
.tabs-accordion .tabs-nav {
  display: flex;
  justify-content: center;
  margin-bottom: 1.6rem
}
}

@media (min-width: 1280px) {
.tabs-accordion .tabs-nav {
  margin-bottom: 4rem
}
}
.tabs-accordion .tabs-nav button {
  background: none;
  padding: 2px 5px;
  border: none;
  font-size: 1.4rem;
  color: #524f5a;
  position: relative;
  cursor: pointer;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold
}
.tabs-accordion .tabs-nav button+button {
  margin-left: 8%
}
.tabs-accordion .tabs-nav button::before {
  content: '';
  position: absolute;
  top: auto;
  right: 0;
  bottom: 0;
  left: auto;
  height: 2px;
  margin-top: -0.25rem;
  width: 0;
  transition: all 0.3s;
  background: #34303d
}
.tabs-accordion .tabs-nav button:hover, .tabs-accordion .tabs-nav button:focus {
  outline: none
}
.tabs-accordion .tabs-nav button:hover::before, .tabs-accordion .tabs-nav button:focus::before {
  left: 0;
  width: 100%
}
.tabs-accordion .tabs-nav button.active {
  color: #34303d
}
.tabs-accordion .tabs-nav button.active::before {
  left: 0;
  width: 100%;
  background: #00D1D2
}

@media (max-width: 959px) {
.tabs-accordion-main {
  transform: none !important
}
}

@media (min-width: 960px) {
.tabs-accordion-main {
  position: relative;
  transition: all 0.5s
}
}
.tabs-accordion-content-wrapper {
  border-top: 1px solid #b8b7bb;
  display: flex;
  flex-direction: column
}

@media (min-width: 960px) {
.tabs-accordion-content-wrapper {
  border: none;
  transition: all 0.5s;
  overflow: hidden;
  opacity: 0;
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0
}
}

@media (min-width: 960px) {
.tabs-accordion-content-wrapper.active {
  opacity: 1;
  position: relative;
  z-index: 2
}
}

@media (max-width: 959px) {
.tabs-accordion-content-wrapper.active .tabs-accordion-content {
  max-height: 100vh;
  margin-bottom: 32px
}
.tabs-accordion-content-wrapper.active .accordion-btn b::before {
  transform: translate(-50%, -50%) scaleY(-1)
}
}
.tabs-accordion-content {
  margin: 0 -1.6rem;
  padding: 0 1.6rem
}

@media (max-width: 959px) {
.tabs-accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: all 0.7s ease
}
.tabs-accordion-content .tabs-accordion-cont {
  padding-bottom: 2.4rem
}
}
.tabs-accordion .accordion-btn {
  background: none;
  border: none;
  font-size: 1.2rem;
  line-height: 1.2;
  padding: 1.25rem 2.4rem 1.25rem 1.6rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #34303d;
  flex-wrap: nowrap;
  margin: 0 -1.6rem;
  text-align: left;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold
}

@media (min-width: 960px) {
.tabs-accordion .accordion-btn {
  display: none
}
}
.tabs-accordion .accordion-btn:focus {
  outline: none
}
.tabs-accordion .accordion-btn b {
  pointer-events: none;
  height: 1.6rem;
  width: 1.6rem;
  position: relative;
  border: 1.5px solid;
  margin-left: 1.6rem;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 50%
}
.tabs-accordion .accordion-btn b::before {
  content: '';
  position: absolute;
  top: 50%;
  right: auto;
  bottom: auto;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 8px;
  width: 16px;
  background-size: contain;
  transition: all 0.3s;
  background-repeat: no-repeat;
  background-position: center;
  will-change: transform
}
.tabs-accordion .accordion-btn b::before {
  background-image: url('../../../../../design/themes/kura/media/icons/chevron-down.svg?1690945733')
}
.accordion a {
  text-decoration: underline
}
.accordion a:hover {
  text-decoration-color: #00D1D2
}
.accordion-content-wrapper {
  display: flex;
  flex-direction: column
}
.accordion-content-wrapper+.accordion-content-wrapper {
  border-top: 1px solid #b8b7bb
}

@media (min-width: 960px) {
.accordion-content-wrapper.active {
  opacity: 1
}
}
.accordion-content-wrapper.active .accordion-content {
  max-height: 100vh;
  padding-top: 1.2rem;
  padding-bottom: 1.2rem
}
.accordion-content-wrapper.active .accordion-btn b::before {
  transform: translate(-50%, -50%) scaleY(-1)
}
.accordion-content {
  max-height: 0;
  overflow: hidden;
  margin: 0 -1.6rem;
  padding: 0 1.6rem;
  will-change: max-height;
  transition: all 0.3s ease-in-out
}

@media (min-width: 960px) {
.accordion-content {
  padding-left: 20%;
  padding-right: 10%
}
}
.accordion-content .accordion-cont {
  padding-bottom: 2.4rem
}
.accordion .accordion-btn {
  background: none;
  border: none;
  font-size: 1.2rem;
  line-height: 1.2;
  padding: 1.25rem 2.4rem 1.25rem 1.6rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #34303d;
  flex-wrap: nowrap;
  margin: 0 -1.6rem;
  text-align: left;
  cursor: pointer;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold
}
.accordion .accordion-btn:focus {
  outline: none
}
.accordion .accordion-btn b {
  pointer-events: none;
  height: 1.6rem;
  width: 1.6rem;
  position: relative;
  border: 1.5px solid;
  margin-left: 1.6rem;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 50%
}
.accordion .accordion-btn b::before {
  content: '';
  position: absolute;
  top: 50%;
  right: auto;
  bottom: auto;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 8px;
  width: 16px;
  background-size: contain;
  transition: transform 0.5s cubic-bezier(0.2, 0, 0.1, 1);
  background-repeat: no-repeat;
  background-position: center;
  will-change: transform
}
.accordion .accordion-btn b::before {
  background-image: url('../../../../../design/themes/kura/media/icons/chevron-down.svg?1690945733')
}
.accordion.no-cont-padding .accordion-content {
  margin: 0;
  padding: 0
}
.accordion.no-cont-padding .accordion-content-wrapper {
  border-color: #e1e0e2
}
.accordion.no-cont-padding .accordion-content-wrapper.active .accordion-content {
  padding-top: 0.8rem;
  padding-bottom: 0.8rem
}
.accordion.no-cont-padding .accordion-btn {
  margin: 0;
  padding: 1.25rem 0.8rem 1.25rem 0rem
}
.accordion.small-buttons {
  max-width: 416px;
  margin: 0 auto
}
.accordion.small-buttons .accordion-btn {
  font-size: 0.8rem;
  padding: 0.9rem 0
}
.accordion.small-buttons .accordion-btn b {
  border: none;
  height: 1rem;
  width: 1rem
}
.accordion.small-buttons .accordion-btn b::before {
  height: 0.3rem;
  width: 0.6rem
}
.simple-tabs .tab-btn {
  position: relative;
  background: none;
  border: none;
  outline: none;
  padding: 0.2rem 0;
  cursor: pointer
}
.simple-tabs .tab-btn+.tab-btn {
  margin-left: 2rem
}
.simple-tabs .tab-btn::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  transform: scaleX(0);
  transition: transform 150ms ease-in-out, background-color 150ms;
  transform-origin: 100% 50%;
  background-color: #34303d
}
.simple-tabs .tab-btn.active {
  font-weight: bold;
  cursor: default
}
.simple-tabs .tab-btn.active::after {
  transform: scaleX(1);
  transform-origin: 0 50%
}
.simple-tabs .st-contents {
  max-height: 0;
  overflow: hidden;
  transition: all 0.7s ease;
  position: relative
}
.simple-tabs .st-contents>* {
  transition: opacity 0.5s;
  overflow: hidden;
  opacity: 0;
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  will-change: opacity
}
.simple-tabs .st-contents>*.active {
  opacity: 1;
  position: relative;
  z-index: 2
}
.simple-tabs.tabs-opened .st-contents {
  max-height: none !important
}
#sticky-filters {
  position: fixed;
  will-change: transform;
  transition: all 0.5s cubic-bezier(0.694, 0.048, 0.335, 1);
  transform: translate(0, 0);
  left: 0;
  right: 0;
  z-index: 90;
  margin: 0;
  line-height: 1;
  background: #08080c;
  text-align: center;
  padding: 0 3.5rem;
  top: 76px;
  height: 110px
}

@media (max-width: 1279px) {
#sticky-filters {
  padding: 0 2rem
}
}

@media (max-width: 959px) {
#sticky-filters {
  padding: 0;
  top: 56px
}
}
#sticky-filters.show-me {
  transform: translate(0, 0)
}
#sticky-filters.hide-me {
  transform: translate(0, calc(-100% - 76px))
}
#sticky-filters.onInit:before {
  opacity: 0 !important
}
#sticky-filters.onInit:after {
  opacity: 1 !important
}
#sticky-filters.whileScrolling:before {
  opacity: 1 !important
}
#sticky-filters.whileScrolling:after {
  opacity: 1 !important
}
#sticky-filters.onTotalScroll:before {
  opacity: 1 !important
}
#sticky-filters.onTotalScroll:after {
  opacity: 0 !important
}
#sticky-filters.onTotalScrollBack:before {
  opacity: 0 !important
}
#sticky-filters.onTotalScrollBack:after {
  opacity: 1 !important
}
#sticky-filters .filters-list-wrapper {
  position: relative;
  overflow: hidden
}
#sticky-filters #icon-filter-scroll-wrapper {
  height: 100%;
  width: 100%
}
#sticky-filters ul {
  display: flex
}

@media (max-width: 959px) {
#sticky-filters ul {
  display: none
}
}
#sticky-filters .flickity-container {
  position: initial !important;
  width: 74% !important;
  padding-top: calc(1rem - .25rem) !important;
  padding-bottom: calc(1rem + .25rem) !important;
  display: none;
  white-space: nowrap
}
#sticky-filters .flickity-container:before, #sticky-filters .flickity-container:after {
  display: none
}
#sticky-filters .flickity-container .flickity-prev-next-button {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 3rem;
  z-index: 2;
  border: 0;
  background-color: transparent;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 60 100'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:url('../../../../../design/themes/kura/media/%23a?1690945733')%3B%7D.b%7Bfill:none%3Bstroke:%23888%3Bstroke-miterlimit:10%3B%7D%3C/style%3E%3ClinearGradient id='a' y1='50' x2='60' y2='50' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%2308080c' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%2308080c'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ctitle%3EArtboard 1%3C/title%3E%3Crect class='a' width='60' height='100' transform='translate(60 100) rotate(180)'/%3E%3Cpolyline class='b' points='25 56 19 50 25 44'/%3E%3C/svg%3E")
}
#sticky-filters .flickity-container .flickity-prev-next-button.previous {
  left: 0
}
#sticky-filters .flickity-container .flickity-prev-next-button.next {
  transform: rotate(180deg);
  right: 0
}
#sticky-filters .flickity-container .flickity-prev-next-button[disabled] {
  display: none
}
#sticky-filters .flickity-container .flickity-prev-next-button svg {
  visibility: hidden
}

@media (max-width: 959px) {
#sticky-filters .flickity-container {
  display: inline-block
}
}
#sticky-filters .flickity-container .flickity-viewport {
  overflow: visible
}
#sticky-filters .flickity-container .second-li {
  opacity: 0.6
}
#sticky-filters ul, #sticky-filters .flickity-container {
  margin: 0;
  padding: 0;
  flex-wrap: nowrap;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  line-height: 1;
  list-style: none;
  text-align: center
}
#sticky-filters ul li, #sticky-filters .flickity-container li {
  flex-shrink: 0;
  margin: 0 calc(1rem);
  padding: calc(1rem - .25rem) 1rem calc(1rem + .25rem) 1rem;
  white-space: nowrap;
  display: block;
  opacity: 0.6
}

@media (max-width: 1279px) {
#sticky-filters ul li, #sticky-filters .flickity-container li {
  margin: 0 calc(1rem / 2)
}
}

@media (max-width: 959px) {
#sticky-filters ul li, #sticky-filters .flickity-container li {
  margin: 0 calc(1rem / 6)
}
}
#sticky-filters ul li.active, #sticky-filters .flickity-container li.active {
  opacity: 1
}
#sticky-filters ul li:first-of-type, #sticky-filters .flickity-container li:first-of-type {
  padding-left: 3.5rem
}
#sticky-filters ul li:last-of-type, #sticky-filters .flickity-container li:last-of-type {
  padding-right: 3.5rem
}
body.isDesktop #sticky-filters ul li:hover, body.isDesktop #sticky-filters .flickity-container li:hover {
  opacity: 1
}
#sticky-filters .second-li.active {
  opacity: 1
}
#sticky-filters .menu-icon-tt {
  content: "";
  display: block;
  height: calc(2.9rem);
  width: 100%;
  min-width: calc(2.9rem);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50% 50%
}
#sticky-filters .menu-icon-iqos-3 a::before {
  content: "";
  display: block;
  height: calc(2.9rem);
  width: 100%;
  min-width: calc(2.9rem);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50% 50%;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxNTBweCIgaGVpZ2h0PSIxNTBweCIgdmlld0JveD0iMCAwIDE1MCAxNTAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+ICAgICAgICA8dGl0bGU+bmF2aWdhdGlvbi9pY29uL2lxb3MzQDF4PC90aXRsZT4gICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+ICAgIDxkZWZzPiAgICAgICAgPGxpbmVhckdyYWRpZW50IHgxPSI1MCUiIHkxPSIwJSIgeDI9IjUwJSIgeTI9IjEwMCUiIGlkPSJsaW5lYXJHcmFkaWVudC0xIj4gICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjQzdDN0M5IiBvZmZzZXQ9IjAlIj48L3N0b3A+ICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iIzY5Njk2RSIgb2Zmc2V0PSIxMDAlIj48L3N0b3A+ICAgICAgICA8L2xpbmVhckdyYWRpZW50PiAgICAgICAgPGxpbmVhckdyYWRpZW50IHgxPSI1MCUiIHkxPSIwJSIgeDI9Ii01NC44MjI1NzYlIiB5Mj0iMTI3OS42MjQxNSUiIGlkPSJsaW5lYXJHcmFkaWVudC0yIj4gICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjQzdDN0M5IiBvZmZzZXQ9IjAlIj48L3N0b3A+ICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iIzY5Njk2RSIgb2Zmc2V0PSIxMDAlIj48L3N0b3A+ICAgICAgICA8L2xpbmVhckdyYWRpZW50PiAgICAgICAgPGxpbmVhckdyYWRpZW50IHgxPSI1MCUiIHkxPSIwJSIgeDI9IjUwJSIgeTI9IjIyMS41OTMzMzUlIiBpZD0ibGluZWFyR3JhZGllbnQtMyI+ICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iI0M3QzdDOSIgb2Zmc2V0PSIwJSI+PC9zdG9wPiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiM2OTY5NkUiIG9mZnNldD0iMTAwJSI+PC9zdG9wPiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4gICAgPC9kZWZzPiAgICA8ZyBpZD0ibmF2aWdhdGlvbi9pY29uL2lxb3MzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtNyIgb3BhY2l0eT0iMC4zMDc4NjgzMDQiIGZpbGwtcnVsZT0ibm9uemVybyIgeD0iMCIgeT0iMCIgd2lkdGg9IjE1MCIgaGVpZ2h0PSIxNTAiPjwvcmVjdD4gICAgICAgIDxnIGlkPSJJUU9TMy1jaGFyZ2VyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0My43NTAwMDAsIDMzLjMzMzMzMykiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMi4wODMzMzMzMyI+ICAgICAgICAgICAgPHBhdGggZD0iTTQuNDU0MDA4NSw0Ljc3MDM3NDcgQzMuNjU4OTU4NzIsNS40MDM3NTA5MiAxLjQzMTAzOTM4LDcuNzIzMjcxNTQgMC44NzgyNjIyMzgsMTQuMTMyMDc4MyBDMC42NTUyNzI1MzEsMTYuNzIxNzU5NCAwLjY0NjM3MjcyLDI0LjU3MzEzNzMgMC42NDYzNzI3MiwyNC42NTIwNDEzIEwwLjY1ODczMzU2OCw2MS4zMjczOTc1IEMwLjY2MjY4OTA0LDYxLjQzMjAzMTEgMC42MjQxMjMxOTIsNjcuNTQxOTQ2IDAuNjYzMTgzNDc0LDY4Ljc0NjA4OTggQzAuNjczNTY2NTg3LDY5LjA2NTk5NDIgMC42ODI0NjYzOTcsNjkuNjA1ODg2MyAwLjY5Mjg0OTUxLDcwLjI2NTg0OTcgQzAuNzI2NDcxMDE4LDcyLjM4NTk2NjIgMC43NzczOTc3MTQsNzUuNTkwNTg0IDAuOTYyMzE2MDA4LDc2LjkxOTk0NSBMMS4wMDIzNjUxNiw3Ny4yMTU4MzUxIEMxLjI1NDAzMjAzLDc5LjA4MjUxNTMgMS45MTAxNDU4Nyw4My45MDY4MDk0IDQuNTE4Nzc5MzQsODYuMTA4NDAyOSBMNC40NTQwMDg1LDQuNzcwMzc0NyBaIiBpZD0iU3Ryb2tlLTMiIHN0cm9rZT0idXJsKCNsaW5lYXJHcmFkaWVudC0xKSI+PC9wYXRoPiAgICAgICAgICAgIDxwYXRoIGQ9Ik00MC4wNzU4MDE2LDgyLjg4NDUzNzQgQzM4LjMxMTE3NzQsODYuNDY3NDUyMiAzNS4wMzk2OTMyLDkwLjE3OTY5MzkgMjQuMTUzNTU1Myw5MC41NDY2MjE1IEMxMy4xNjU4NDY1LDkwLjkxNjk4NjMgNy4xMzYxNDk0Niw4OC43ODIwMTc3IDYuNzE0NTE3NTgsODguNjI2OTExMyBDNi40Njk4NDQ2OSw4OC40MzgyOTE2IDYuNDU1Mzk5MDYsODguMDI4Mzk4MyA2LjQ1NTM5OTA2LDg4LjAyODM5ODMgTDYuNDU1Mzk5MDYsMi44MDI4MDQ0MSBDNi40NTY3NTMzNCwyLjY2Nzg5MTkyIDYuNDkxNTEzMTQsMi41MzM0MDkwOSA2LjU1Nzg3Mjc2LDIuNDEwOTU2NjcgQzYuNjI2NDg5NTEsMi4yODQ2MzczMyA2Ljc2MzI3MTU5LDIuMTg2MjQ1NzQgNi45MzM5MTA2MiwyLjE0MTU2MTM1IEM2LjkzNjE2Nzc1LDIuMTQwNzAyMDMgNi45Mzg0MjQ4OCwyLjE0MDI3MjM4IDYuOTQxMTMzNDMsMi4xMzk0MTMwNiBDNy4wMDQzMzMwNywyLjEyMDA3ODQ3IDEzLjM3NTMwODIsMC4yMTQxMTczMjYgMjAuODIyNDgyOCwwLjIxNDExNzMyNiBDMjguNTk2MDM4NSwwLjIxNDExNzMyNiAzMi4zOTIwNzk3LDEuNTUzMzYwMDkgMzIuNDMzMTU5NSwxLjU2Nzk2ODQ0IEMzNC4wNDI5NDQ2LDIuMTEzMjAzOTUgMzYuMzY0MTc3MSwzLjIyODU5NTA5IDM4LjI3ODY3NDcsNS40NDc3NzY2MyBDNDAuMTI5NTIxMyw3LjU5MzA1NzA2IDQwLjc3ODIyMDUsOS44MjQyNjkwMSA0MC45OTcxNjIxLDExLjMyMDc2NjUgQzQxLjAwMDMyMjEsMTEuMzQwMTAxIDQxLjMxMzE2MDMsMTMuMzE1MjM3MSA0MS4zMTMxNjAzLDE2LjcwNTY2NTIgTDQxLjMxNDA2MzEsNzEuNDQ2MTkyNiBDNDEuMzE0NTE0Niw3MS41MzQyNzI0IDQxLjM3MjI5NzEsODAuMjUxNTk1NiA0MC4wNzU4MDE2LDgyLjg4NDUzNzQgWiIgaWQ9IlN0cm9rZS0xIiBzdHJva2U9InVybCgjbGluZWFyR3JhZGllbnQtMSkiPjwvcGF0aD4gICAgICAgICAgICA8cGF0aCBkPSJNMzkuMzE0MzU4OSw2Ljg3MzE5NjI2IEMzOS40OTMyNjM0LDYuNzE1Mzc3OTMgMzkuODI3NDY3NCw2LjQyMDU2NDA1IDQwLjMxNjk3MDksNS45ODg3NTQ2MyBDNDAuNDY3NTYzNCw1Ljc4NzI2NzY3IDQwLjQ4Mjc5MTgsNS41MDYwNzE2IDQwLjM1NDYxOSw1LjI4ODE5OTk5IEw0MC4xNTU4MDMyLDQuOTUxMjA3NTIgQzM5LjcyMjIxNTQsNC4yNzQ1NjU2MyAzOC44MTk1MDY3LDIuOTg0NjA2MyAzNy42NDgxODUxLDEuOTM5NTMxMTEgQzM3LjMwMDQ2ODgsMS42Mjk1NTExOCAzNi42NTI4MzY3LDEuMDUxNjYwMDMgMzUuNjgwNzU0LDAuNTY0OTkxNTQ2IEMzNS40MTAwMjYsMC40Mjk0ODYwMzUgMzUuMjEyOTAyMSwwLjM4Nzg2MDE1OSAzNS4wNDg3NzMzLDAuNDM4Nzg1NDMzIEMzNC45NDIxNzQxLDAuNDcxNTU0NzM5IDM0Ljg4MDQxNDMsMC41MDEyMjQyNDcgMzQuNzcyNTQ2MSwwLjYyOTY0NDUwMiBDMzQuNzM3MDQ2NiwwLjY3MTQ4NjcxNiAzNC4zMTEzNTY2LDEuMTczODE5MDIgMzMuOTg1ODcyMywxLjU2NTYxNzA2IiBpZD0iU3Ryb2tlLTEiIHN0cm9rZT0idXJsKCNsaW5lYXJHcmFkaWVudC0yKSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzcuMjEzNTcyLCAzLjY0NTQ5Nykgcm90YXRlKC01LjAwMDAwMCkgdHJhbnNsYXRlKC0zNy4yMTM1NzIsIC0zLjY0NTQ5NykgIj48L3BhdGg+ICAgICAgICA8L2c+ICAgICAgICA8ZyBpZD0iSVFPUzMtaG9sZGVyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5Ny45NzUzNTIsIDM4LjQ5NzY1MykiPiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMy41NTYzMzgsMzIuODE5MTE5NyBMMTMuNTU2MzM4LDY0LjkwMjQ1MzEgQzEzLjU1NjMzOCw2OC42ODUzMTY5IDEzLjIyNDYxMTUsNzIuNDY4MTgwOCAxMi41NzQ0Mjc0LDc2LjEzNDg0NzQgTDEyLjA5Njc0MTEsNzguODU5MDI1OCBDMTEuOTI0MjQzMyw3OS45NjkzNTQ1IDEwLjg4OTI1NjQsODAuNzk1NjQ1NSA5LjY5NTA0MDc1LDgwLjc5NTY0NTUgTDQuNTA2ODM3MTksODAuNzk1NjQ1NSBDMy4yODYwODM0MSw4MC43OTU2NDU1IDIuMjc3NjM0NjMsNzkuOTgyMjY1MyAyLjA5MTg2Nzc1LDc4Ljg0NjExNSBMMS42Mjc0NTA1NSw3Ni4xMzQ4NDc0IEMwLjk3NzI2NjQ3Nyw3Mi40NTUyNyAwLjY0NTUzOTkwNiw2OC42NzI0MDYxIDAuNjQ1NTM5OTA2LDY0LjkwMjQ1MzEgTDAuNjQ1NTM5OTA2LDM3LjU5NjExNSBMMi44NDgyMDQzMywzNi43ODI3MzQ3IEMzLjU2NDczMzczLDM3LjYwOTAyNTggNC43NTg5NDkzOCwzNy45ODM0MzkgNS44ODY4MTk3MiwzNy42MjE5MzY2IEwxMC4wNzk4NDM2LDM2LjI5MjEyNDQgQzExLjI3NDA1OTIsMzUuOTA0ODAwNSAxMi4wNDM2NjQ5LDM0LjgyMDI5MzQgMTIuMDQzNjY0OSwzMy42NTgzMjE2IEMxMi4wNDM2NjQ5LDMzLjU2Nzk0NiAxMi4wNDM2NjQ5LDMzLjQ3NzU3MDQgMTIuMDE3MTI2NywzMy4zODcxOTQ4IEwxMy41NTYzMzgsMzIuODE5MTE5NyBaIiBpZD0iU3Ryb2tlLTEiIHN0cm9rZT0idXJsKCNsaW5lYXJHcmFkaWVudC0xKSIgc3Ryb2tlLXdpZHRoPSIyLjA4MzMzMzMzIj48L3BhdGg+ICAgICAgICAgICAgPHBhdGggZD0iTTEzLjU1NjMzOCwxNS44MjI4Njg2IEwxMy41NTYzMzgsMzAuMTAzMjk2OCBMMTEuMjM0MjUyLDMwLjk2NDQ5MjcgQzEwLjUwNDQ1MzYsMzAuMjE4OTc5OCA5LjM3NjU4MzI0LDI5LjkxMDQ5MTcgOC4zMTUwNTgyMSwzMC4yNDQ2ODcxIEw0LjEyMjAzNDM2LDMxLjU4MTQ2ODkgQzIuOTI3ODE4NzEsMzEuOTU0MjI1NCAyLjE1ODIxMzA3LDMzLjAzMzkzMzcgMi4xNTgyMTMwNywzNC4xOTA3NjQxIEMyLjE1ODIxMzA3LDM0LjIyOTMyNTEgMi4xNTgyMTMwNywzNC4yNTUwMzI0IDIuMTcxNDgyMTMsMzQuMjkzNTkzNCBMMC42NDU1Mzk5MDYsMzQuODU5MTU0OSBMMC42NDU1Mzk5MDYsMTUuODIyODY4NiBDMC42NDU1Mzk5MDYsMTIuMDY5NTk2OCAwLjk3NzI2NjQ3Nyw4LjMwMzQ3MTI3IDEuNjI3NDUwNTUsNC42NDAxNzUxMiBMMi4wOTE4Njc3NSwxLjkyODA1MDYgQzIuMjc3NjM0NjMsMC44MDk3ODEyNTQgMy4yODYwODM0MSwtNy4xMDU0MjczNmUtMTUgNC41MDY4MzcxOSwtNy4xMDU0MjczNmUtMTUgTDkuNjk1MDQwNzUsLTcuMTA1NDI3MzZlLTE1IEMxMC44ODkyNTY0LC03LjEwNTQyNzM2ZS0xNSAxMS45MjQyNDMzLDAuODIyNjM0OTI1IDEyLjA5Njc0MTEsMS45NDA5MDQyOCBMMTIuNTc0NDI3NCw0LjY0MDE3NTEyIEMxMy4yMjQ2MTE1LDguMjkwNjE3NiAxMy41NTYzMzgsMTIuMDU2NzQzMSAxMy41NTYzMzgsMTUuODIyODY4NiBaIiBpZD0iU3Ryb2tlLTMiIHN0cm9rZT0idXJsKCNsaW5lYXJHcmFkaWVudC0zKSIgc3Ryb2tlLXdpZHRoPSIyLjA4MzMzMzMzIj48L3BhdGg+ICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS00IiBmaWxsPSIjOEY4RjhGIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4LjU3MzQxMCwgMzMuNDE3ODk3KSByb3RhdGUoLTE4LjAwMDAwMCkgdHJhbnNsYXRlKC04LjU3MzQxMCwgLTMzLjQxNzg5NykgIiB4PSI2Ljc2NTg5ODc0IiB5PSIzMi4xMjY4MTczIiB3aWR0aD0iMy42MTUwMjM0NyIgaGVpZ2h0PSIyLjU4MjE1OTYyIiByeD0iMS4yOTEwNzk4MSI+PC9yZWN0PiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+)
}
#sticky-filters .menu-icon-iqos-3-multi a::before {
  content: "";
  display: block;
  height: calc(2.9rem);
  width: 100%;
  min-width: calc(2.9rem);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50% 50%;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxNTBweCIgaGVpZ2h0PSIxNTBweCIgdmlld0JveD0iMCAwIDE1MCAxNTAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+ICAgICAgICA8dGl0bGU+bmF2aWdhdGlvbi9pY29uL211bHRpQDF4PC90aXRsZT4gICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+ICAgIDxkZWZzPiAgICAgICAgPGxpbmVhckdyYWRpZW50IHgxPSI1MCUiIHkxPSIwJSIgeDI9IjUwJSIgeTI9IjI2MC45OTU5NTMlIiBpZD0ibGluZWFyR3JhZGllbnQtMSI+ICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iI0M3QzdDOSIgb2Zmc2V0PSIwJSI+PC9zdG9wPiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiM2OTY5NkUiIG9mZnNldD0iMTAwJSI+PC9zdG9wPiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4gICAgICAgIDxsaW5lYXJHcmFkaWVudCB4MT0iNTAlIiB5MT0iMCUiIHgyPSI1MCUiIHkyPSIxMDAlIiBpZD0ibGluZWFyR3JhZGllbnQtMiI+ICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iI0M3QzdDOSIgb2Zmc2V0PSIwJSI+PC9zdG9wPiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiM2OTY5NkUiIG9mZnNldD0iMTAwJSI+PC9zdG9wPiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4gICAgICAgIDxsaW5lYXJHcmFkaWVudCB4MT0iNTAlIiB5MT0iMCUiIHgyPSI1MCUiIHkyPSIzNzc2LjY0ODI0JSIgaWQ9ImxpbmVhckdyYWRpZW50LTMiPiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiNDN0M3QzkiIG9mZnNldD0iMCUiPjwvc3RvcD4gICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjNjk2OTZFIiBvZmZzZXQ9IjEwMCUiPjwvc3RvcD4gICAgICAgIDwvbGluZWFyR3JhZGllbnQ+ICAgIDwvZGVmcz4gICAgPGcgaWQ9Im5hdmlnYXRpb24vaWNvbi9tdWx0aSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTciIGZpbGw9IiNEOEQ4RDgiIGZpbGwtcnVsZT0ibm9uemVybyIgb3BhY2l0eT0iMCIgeD0iMCIgeT0iMCIgd2lkdGg9IjE1MCIgaGVpZ2h0PSIxNTAiPjwvcmVjdD4gICAgICAgIDxnIGlkPSJJUU9TLTMtTXVsdGktKDEwWCktR3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY1LjgzMzMzMywgMzMuMzMzMzMzKSI+ICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTEwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMC42MjM1ODQpIj4gICAgICAgICAgICAgICAgPHBhdGggZD0iTTE5LjQ2MzQ3MDMsMTQuODM1Njg3MiBMMTkuNDYzNDcwMywyNC4zMzA3MjcgTDE1LjMxOTYzNDcsMjYuMjk4NzQzMyBDMTUuMDE4MjY0OCwyNi4wMzAzNzc0IDE0LjY3OTIyMzcsMjUuODEzMTI4OSAxNC4yODk5NTQzLDI1LjY3MjU1NjMgQzEzLjQ5ODg1ODQsMjUuMzc4NjMxOCAxMi42NDQ5NzcyLDI1LjQxNjk2OTcgMTEuODkxNTUyNSwyNS43NzQ3OTA5IEw2LjE5MDYzOTI3LDI4LjQ3MTIyODggQzUuMDIyODMxMDUsMjkuMDMzNTE5MiA0LjM0NDc0ODg2LDMwLjI0NzU1NTMgNC4zODI0MjAwOSwzMS40ODcxNSBMMC42Mjc4NTM4ODEsMzMuMjc2MjU1NyBMMC42Mjc4NTM4ODEsMTQuODM1Njg3MiBDMC42Mjc4NTM4ODEsOS40NTU1OTA1OCAxLjMzMTA1MDIzLDQuODkzMzcwOTEgMS4zMzEwNTAyMyw0Ljg1NTAzMjkzIEMxLjM2ODcyMTQ2LDQuNjM3Nzg0MzggMS41MTk0MDYzOSw0LjQ4NDQzMjQ2IDEuNzA3NzYyNTYsNC40MjA1MzU4MiBMMi4wNTkzNjA3Myw0LjM5NDk3NzE3IEwxOC4yMzI4NzY3LDQuMzk0OTc3MTcgQzE4LjQ4NDAxODMsNC4zOTQ5NzcxNyAxOC43MTAwNDU3LDQuNTg2NjY3MDcgMTguNzQ3NzE2OSw0Ljg1NTAzMjkzIEMxOC43NjAyNzQsNC44OTMzNzA5MSAxOS40NjM0NzAzLDkuNDU1NTkwNTggMTkuNDYzNDcwMywxNC44MzU2ODcyIFoiIGlkPSJTdHJva2UtNCIgc3Ryb2tlPSJ1cmwoI2xpbmVhckdyYWRpZW50LTEpIiBzdHJva2Utd2lkdGg9IjIuMDgzMzMzMzMiPjwvcGF0aD4gICAgICAgICAgICAgICAgPHBhdGggZD0iTTE5LjQ2MzQ3MDMsMjcuMDAxOTg2MyBMMTkuNDYzNDcwMyw3My41ODAyNzMyIEMxOS40NjM0NzAzLDg1LjU1MTg1MjIgMTguNzg1Mzg4MSw4Ny43NTY4MTUyIDE4Ljc2MDI3NCw4Ny44NDQwMTcyIEwxOC4zNDU4OTA0LDg5LjY2MjgwMDIgQzE4LjMzMzMzMzMsODkuNzM3NTQ0OCAxOC4yNTc5OTA5LDg5Ljc4NzM3NDQgMTguMTgyNjQ4NCw4OS43ODczNzQ0IEwxLjkwODY3NTgsODkuNzg3Mzc0NCBDMS44MjA3NzYyNiw4OS43ODczNzQ0IDEuNzU3OTkwODcsODkuNzM3NTQ0OCAxLjc0NTQzMzc5LDg5LjY2MjgwMDIgTDEuMzMxMDUwMjMsODcuODE5MTAyMyBDMS4zMDU5MzYwNyw4Ny43NTY4MTUyIDAuNjI3ODUzODgxLDg1LjU1MTg1MjIgMC42Mjc4NTM4ODEsNzMuNTgwMjczMiBMMC42Mjc4NTM4ODEsMzYuNTMxOTExMyBMMC42Mjc4NTM4ODEsMzUuNzIyMTc5MSBMNS4yOTkwODY3NiwzMy41NjcwNDU3IEM1LjYyNTU3MDc4LDMzLjg5MDkzODYgNi4wMTQ4NDAxOCwzNC4xNDAwODcgNi40NTQzMzc5LDM0LjMwMjAzMzQgQzYuODA1OTM2MDcsMzQuNDI2NjA3NiA3LjE1NzUzNDI1LDM0LjQ4ODg5NDcgNy41MjE2ODk1LDM0LjQ4ODg5NDcgQzcuOTczNzQ0MjksMzQuNDg4ODk0NyA4LjQyNTc5OTA5LDM0LjM4OTIzNTMgOC44NTI3Mzk3MywzNC4yMDIzNzQxIEwxNC41NDEwOTU5LDMxLjU2MTQwMTQgQzE1Ljc3MTY4OTUsMzAuOTg4MzYwMiAxNi40NjIzMjg4LDI5LjcxNzcwMzUgMTYuMzM2NzU4LDI4LjQ0NzA0NjggTDE5LjQ2MzQ3MDMsMjcuMDAxOTg2MyBaIiBpZD0iU3Ryb2tlLTYiIHN0cm9rZT0idXJsKCNsaW5lYXJHcmFkaWVudC0yKSIgc3Ryb2tlLXdpZHRoPSIyLjA4MzMzMzMzIj48L3BhdGg+ICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtNCIgZmlsbD0iIzhGOEY4RiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTIuMjg5MDYyLCAyOC45NTYzMDgpIHJvdGF0ZSgtMjYuMDAwMDAwKSB0cmFuc2xhdGUoLTEyLjI4OTA2MiwgLTI4Ljk1NjMwOCkgIiB4PSIxMC40MDU1MDA1IiB5PSIyNy43MDA2MDAzIiB3aWR0aD0iMy43NjcxMjMyOSIgaGVpZ2h0PSIyLjUxMTQxNTUzIiByeD0iMS4yNTU3MDc3NiI+PC9yZWN0PiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMS44ODA2NzM1MiwyLjUxNTgxMDUgQzEuODgwNjczNTIsMS4xMjk1MDkxMyAzLjAwNTc4NzY3LDAuMDA0Mzk0OTc3MTcgNC4zOTIwODkwNCwwLjAwNDM5NDk3NzE3IEw5LjQxNDkyMDA5LDAuMDA0Mzk0OTc3MTcgQzEwLjgwMjQ3NzIsMC4wMDQzOTQ5NzcxNyAxMS45MjYzMzU2LDEuMTI5NTA5MTMgMTEuOTI2MzM1NiwyLjUxNTgxMDUgTDEuODgwNjczNTIsMi41MTU4MTA1IFoiIGlkPSJTdHJva2UtOCIgc3Ryb2tlPSJ1cmwoI2xpbmVhckdyYWRpZW50LTMpIiBzdHJva2Utd2lkdGg9IjIuMDgzMzMzMzMiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4gICAgICAgICAgICA8L2c+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=)
}
#sticky-filters .menu-icon-iqos-2-4 a::before {
  content: "";
  display: block;
  height: calc(2.9rem);
  width: 100%;
  min-width: calc(2.9rem);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50% 50%;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxNTBweCIgaGVpZ2h0PSIxNTBweCIgdmlld0JveD0iMCAwIDE1MCAxNTAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+ICAgICAgICA8dGl0bGU+bmF2aWdhdGlvbi9pY29uLzIuNCtAMXg8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+ICAgICAgICA8bGluZWFyR3JhZGllbnQgeDE9IjUwJSIgeTE9Ii00MC4xMTk1MTI1JSIgeDI9IjUwJSIgeTI9IjEwMCUiIGlkPSJsaW5lYXJHcmFkaWVudC0xIj4gICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjRjFGMUYxIiBvZmZzZXQ9IjAlIj48L3N0b3A+ICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iIzZBNkE2RiIgb2Zmc2V0PSIxMDAlIj48L3N0b3A+ICAgICAgICA8L2xpbmVhckdyYWRpZW50PiAgICAgICAgPGxpbmVhckdyYWRpZW50IHgxPSI1MCUiIHkxPSItMTM5LjYyMTE5NiUiIHgyPSI1MCUiIHkyPSIxMDAlIiBpZD0ibGluZWFyR3JhZGllbnQtMiI+ICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iI0Y5RjlGOSIgb2Zmc2V0PSIwJSI+PC9zdG9wPiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiNCRUJFQzAiIG9mZnNldD0iMTAwJSI+PC9zdG9wPiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4gICAgICAgIDxsaW5lYXJHcmFkaWVudCB4MT0iNTAlIiB5MT0iMCUiIHgyPSI1MCUiIHkyPSIxMDAlIiBpZD0ibGluZWFyR3JhZGllbnQtMyI+ICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iI0M3QzdDOSIgb2Zmc2V0PSIwJSI+PC9zdG9wPiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiM2OTY5NkUiIG9mZnNldD0iMTAwJSI+PC9zdG9wPiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4gICAgPC9kZWZzPiAgICA8ZyBpZD0ibmF2aWdhdGlvbi9pY29uLzIuNCsiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS03IiBmaWxsPSIjRDhEOEQ4IiBmaWxsLXJ1bGU9Im5vbnplcm8iIG9wYWNpdHk9IjAiIHg9IjAiIHk9IjAiIHdpZHRoPSIxNTAiIGhlaWdodD0iMTUwIj48L3JlY3Q+ICAgICAgICA8cGF0aCBkPSJNMTAzLjMzMzMzMyw2OS4xOTUyOTM3IEMxMDMuMzMzMzMzLDY4LjQ3MTY3NjUgMTAzLjg1NzIwMSw2Ny44ODE5NDQ0IDEwNC41LDY3Ljg4MTk0NDQgQzEwNS4xNDI3OTksNjcuODgxOTQ0NCAxMDUuNjY2NjY3LDY4LjQ3MTY3NjUgMTA1LjY2NjY2Nyw2OS4xOTUyOTM3IEMxMDUuNjY2NjY3LDY5LjkyMjA5ODYgMTA1LjE0Mjc5OSw3MC41MDg2NDI5IDEwNC41LDcwLjUwODY0MjkgQzEwMy44NTcyMDEsNzAuNTA4NjQyOSAxMDMuMzMzMzMzLDY5LjkyMjA5ODYgMTAzLjMzMzMzMyw2OS4xOTUyOTM3IFoiIGlkPSJDaGFyZ2VyIiBmaWxsPSIjRkZGRkZGIj48L3BhdGg+ICAgICAgICA8cGF0aCBkPSJNMTA3LjA4MzMzMyw2OC42NjA0ODQ1IEwxMDcuMDgzMzMzLDcxLjM1NDE2NjcgTDExMC44MzMzMzMsNzEuMzU0MTY2NyBMMTEwLjgzMzMzMyw1OS45MzIwODk1IEMxMTAuODMzMzMzLDU3LjY2MzE5MDEgMTEwLjc2MjU2OCw1NS4zOTQyOTA3IDExMC42MTk4NzYsNTMuMTMwNDc4NSBMMTEwLjA3NTc5Myw0NC40NTkzMTQ4IEMxMDkuOTIxNSw0Mi4wMDA5MTY1IDEwOS4xNjA0OCwzNy41IDEwNi45MTIyMiwzNy41IEwxMDIuMzE0NzcyLDM3LjUgQzEwMC4wNjc2NzIsMzcuNSA5OS4yODY5Mjk2LDQxLjM1NzM4MzQgOTkuMTMyNjM3Myw0My44MTU3ODE2IEw5OC41MzE3MDkyLDUzLjM3MDg0OTYgQzk4LjM5OTQ1ODYsNTUuNDc0NDE0NCA5OC4zMzMzMzMzLDU3LjU4MzA2NjUgOTguMzMzMzMzMyw1OS42OTE3MTg1IEw5OC4zMzMzMzMzLDcxLjM1NDE2NjcgTDEwMi4wODMzMzMsNzEuMzU0MTY2NyBMMTAyLjA4MzMzMyw2OC42NjA0ODQ1IEMxMDIuMDgzMzMzLDY3LjA0MTAxNTYgMTAzLjEzMjYzNyw2NS43Nzk4NDcxIDEwNC41ODM5MTMsNjUuNzc5ODQ3MSBDMTA2LjAzNTE4OSw2NS43Nzk4NDcxIDEwNy4wODMzMzMsNjcuMDYxMzYwNyAxMDcuMDgzMzMzLDY4LjY2MDQ4NDUgWiIgaWQ9IkZpbGwtMjgiIHN0cm9rZT0iI0M1QzVDNyIgc3Ryb2tlLXdpZHRoPSIyLjA4MzMzMzMzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4gICAgICAgIDxwYXRoIGQ9Ik0xMDIuMDgzMzMzLDgwLjEwMjkzOTIgTDEwMi4wODMzMzMsNzMuOTU4MzMzMyBMOTguMzMzMzMzMyw3My45NTgzMzMzIEw5OC4zMzMzMzMzLDk5LjYyNjM1NiBDOTguMzMzMzMzMywxMDMuMzU1MjA0IDk4LjQ3OTUwNSwxMDcuMDgyODI1IDk4Ljc2ODM2ODEsMTEwLjc5Njk1OCBDOTguOTQzNTQyMiwxMTMuMDM5NjYyIDk5LjI1MDk2NjcsMTE1LjI2NzY1MSA5OS42ODM2ODE0LDExNy40Njk4OTEgTDEwMC4xMzYxMTgsMTE5Ljc3NjM1NiBDMTAwLjE5ODc2MywxMjAuMzc4NDE2IDEwMC42ODAyMDEsMTIwLjgzMzMzMyAxMDEuMjUyMTI3LDEyMC44MzMzMzMgTDEwNy45MTU3LDEyMC44MzMzMzMgQzEwOC40ODc2MjYsMTIwLjgzMzMzMyAxMDguOTY5MDY0LDEyMC4zNzg0MTYgMTA5LjAzMTcwOSwxMTkuNzc2MzU2IEwxMDkuNjA3MTE1LDExNi44NDgyMTIgQzEwOS45MjQ5ODEsMTE1LjIyNzE4NyAxMTAuMTYyOCwxMTMuNTkwMjIyIDExMC4zMDU0OTEsMTExLjk0MDk5NSBDMTEwLjY1Njk5OSwxMDcuODQ3OTY4IDExMC44MzMzMzMsMTAzLjczOTAwMSAxMTAuODMzMzMzLDk5LjYyNjM1NiBMMTEwLjgzMzMzMyw3My45NTgzMzMzIEwxMDcuMDgzMzMzLDczLjk1ODMzMzMgTDEwNy4wODMzMzMsODAuMTAyOTM5MiBDMTA3LjA4MzMzMyw4MS40NTQ5MzYyIDEwNi4wMzUxODksODIuODgwMjYyMyAxMDQuNTgzOTEzLDgyLjg4MDI2MjMgQzEwMy4xMzI2MzcsODIuODgwMjYyMyAxMDIuMDgzMzMzLDgxLjQxNjQ4MzcgMTAyLjA4MzMzMyw4MC4xMDI5MzkyIFoiIGlkPSJGaWxsLTI5IiBzdHJva2U9InVybCgjbGluZWFyR3JhZGllbnQtMSkiIHN0cm9rZS13aWR0aD0iMi4wODMzMzMzMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+ICAgICAgICA8cGF0aCBkPSJNNTEuNTc1NzU3Niw1Ni4yNSBDNDYuNDI0MjQyNCw1Ni4yNSA0MS40NTgzMzMzLDUxLjk2NDQzNTcgNDAsNDYuODA3MzgzNiBMNDAsNDUuMTU1NTM1MyBDNDAsMzguNjI2NDM1MiA0NS4xODMwODA4LDMzLjMzMzMzMzMgNTEuNTc1NzU3NiwzMy4zMzMzMzMzIEw3MC4wODk2NDY1LDMzLjMzMzMzMzMgQzc2LjQ4NDg0ODUsMzMuMzMzMzMzMyA4MS42NjY2NjY3LDM4LjYyNjQzNTIgODEuNjY2NjY2Nyw0NS4xNTU1MzUzIEw4MS42NjY2NjY3LDU2LjI1IEw1MS41NzU3NTc2LDU2LjI1IFoiIGlkPSJTdHJva2UtMSIgc3Ryb2tlPSJ1cmwoI2xpbmVhckdyYWRpZW50LTIpIiBzdHJva2Utd2lkdGg9IjIuMDgzMzMzMzMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9wYXRoPiAgICAgICAgPHBhdGggZD0iTTgxLjY2NjY2NjcsNTkuMDU0OTE0NiBMODEuNjY2NjY2NywxMTIuNzAwNzk5IEM4MS42NjY2NjY3LDExOS40OTIwMDIgNzYuNDg0ODQ4NSwxMjUgNzAuMDg5NjQ2NSwxMjUgTDUxLjU3NTc1NzYsMTI1IEM0NS4xODMwODA4LDEyNSA0MCwxMTkuNDkyMDAyIDQwLDExMi43MDA3OTkgTDQwLDUyLjA4MzMzMzMgQzQyLjE1NjU2NTcsNTYuNzgzODkgNDYuNzg5MTQxNCw1OS4wNTQ5MTQ2IDUxLjU3NTc1NzYsNTkuMDU0OTE0NiBMODEuNjY2NjY2Nyw1OS4wNTQ5MTQ2IFoiIGlkPSJTdHJva2UtMyIgc3Ryb2tlPSJ1cmwoI2xpbmVhckdyYWRpZW50LTMpIiBzdHJva2Utd2lkdGg9IjIuMDgzMzMzMzMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9wYXRoPiAgICA8L2c+PC9zdmc+)
}
#sticky-filters .menu-icon-iqos-info a::before {
  content: "";
  display: block;
  height: calc(2.9rem);
  width: 100%;
  min-width: calc(2.9rem);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50% 50%;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxNTBweCIgaGVpZ2h0PSIxNTBweCIgdmlld0JveD0iMCAwIDE1MCAxNTAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+ICAgICAgICA8dGl0bGU+bmF2aWdhdGlvbi9pY29uL2luZm9AMXg8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+ICAgICAgICA8bGluZWFyR3JhZGllbnQgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSIgaWQ9ImxpbmVhckdyYWRpZW50LTEiPiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiNDN0M3QzkiIG9mZnNldD0iMCUiPjwvc3RvcD4gICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjNjk2OTZFIiBvZmZzZXQ9IjEwMCUiPjwvc3RvcD4gICAgICAgIDwvbGluZWFyR3JhZGllbnQ+ICAgIDwvZGVmcz4gICAgPGcgaWQ9Im5hdmlnYXRpb24vaWNvbi9pbmZvIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtNy1Db3B5LTMiIGZpbGw9IiNEOEQ4RDgiIGZpbGwtcnVsZT0ibm9uemVybyIgb3BhY2l0eT0iMCIgeD0iMCIgeT0iMCIgd2lkdGg9IjE1MCIgaGVpZ2h0PSIxNTAiPjwvcmVjdD4gICAgICAgIDxnIGlkPSJHcm91cC01IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3MS43MDEzODksIDYxLjAyNDMwNikiIGZpbGw9InVybCgjbGluZWFyR3JhZGllbnQtMSkiPiAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJGaWxsLTIiIHBvaW50cz0iMS42NDkzMDU1NiAzNy4wNTgyNDY1IDQuMTIzMjYzODkgMzcuMDU4MjQ2NSA0LjEyMzI2Mzg5IDExLjU0NTEzODkgMS42NDkzMDU1NiAxMS41NDUxMzg5Ij48L3BvbHlnb24+ICAgICAgICAgICAgPHBhdGggZD0iTTIuNjI2OTY2NjgsNS4yMzcxMDkyNCBDNC4wNzM4NDEyOCw1LjIzNzEwOTI0IDUuMjU2MzM2ODEsNC4wNTQ2MTM3MSA1LjI1NjMzNjgxLDIuNjEwMTQyNTYgQzUuMjU2MzM2ODEsMS4xNzI4ODE3NCA0LjA3Mzg0MTI4LDAgMi42MjY5NjY2OCwwIEMxLjE4MjQ5NTUyLDAgMCwxLjE3Mjg4MTc0IDAsMi42MTAxNDI1NiBDMCw0LjA2NDIyNzUgMS4xNzI4ODE3NCw1LjIzNzEwOTI0IDIuNjI2OTY2NjgsNS4yMzcxMDkyNCBaIE0yLjYyNjk2NjY4LDEuODAyNTg0NjQgQzMuMDc4ODE0NTYsMS44MDI1ODQ2NCAzLjQ1Mzc1MjE3LDIuMTY3OTA4NDYgMy40NTM3NTIxNywyLjYxMDE0MjU2IEMzLjQ1Mzc1MjE3LDMuMDY5MjAwNzggMy4wNzg4MTQ1NiwzLjQzNDUyNDYgMi42MjY5NjY2OCwzLjQzNDUyNDYgQzIuMTY3OTA4NDYsMy40MzQ1MjQ2IDEuODAyNTg0NjQsMy4wNTk1ODY5OSAxLjgwMjU4NDY0LDIuNjEwMTQyNTYgQzEuODAyNTg0NjQsMi4xNjc5MDg0NiAyLjE2NzkwODQ2LDEuODAyNTg0NjQgMi42MjY5NjY2OCwxLjgwMjU4NDY0IFoiIGlkPSJGaWxsLTMiPjwvcGF0aD4gICAgICAgIDwvZz4gICAgICAgIDxjaXJjbGUgaWQ9Ik92YWwtMiIgc3Ryb2tlPSJ1cmwoI2xpbmVhckdyYWRpZW50LTEpIiBzdHJva2Utd2lkdGg9IjIuMDgzMzMzMzMiIGZpbGwtcnVsZT0ibm9uemVybyIgY3g9Ijc1IiBjeT0iNzkuMTY2NjY2NyIgcj0iMzkuNTgzMzMzMyI+PC9jaXJjbGU+ICAgIDwvZz48L3N2Zz4=)
}
#sticky-filters .menu-icon-iqos-compare a::before {
  content: "";
  display: block;
  height: calc(2.9rem);
  width: 100%;
  min-width: calc(2.9rem);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50% 50%;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxNTBweCIgaGVpZ2h0PSIxNTBweCIgdmlld0JveD0iMCAwIDE1MCAxNTAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+ICAgICAgICA8dGl0bGU+bmF2aWdhdGlvbi9pY29uL2NvbXBhcmVAMXg8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+ICAgICAgICA8bGluZWFyR3JhZGllbnQgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSIgaWQ9ImxpbmVhckdyYWRpZW50LTEiPiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiNDN0M3QzkiIG9mZnNldD0iMCUiPjwvc3RvcD4gICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjNjk2OTZFIiBvZmZzZXQ9IjEwMCUiPjwvc3RvcD4gICAgICAgIDwvbGluZWFyR3JhZGllbnQ+ICAgICAgICA8bGluZWFyR3JhZGllbnQgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSIgaWQ9ImxpbmVhckdyYWRpZW50LTIiPiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiNDMkMyQzIiIG9mZnNldD0iMCUiPjwvc3RvcD4gICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjOEY4RjhGIiBvZmZzZXQ9IjEwMCUiPjwvc3RvcD4gICAgICAgIDwvbGluZWFyR3JhZGllbnQ+ICAgIDwvZGVmcz4gICAgPGcgaWQ9Im5hdmlnYXRpb24vaWNvbi9jb21wYXJlIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtNy1Db3B5IiBmaWxsPSIjRDhEOEQ4IiBmaWxsLXJ1bGU9Im5vbnplcm8iIG9wYWNpdHk9IjAiIHg9IjAiIHk9IjAiIHdpZHRoPSIxNTAiIGhlaWdodD0iMTUwIj48L3JlY3Q+ICAgICAgICA8ZyBpZD0iR3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI0LjU4MzMzMywgMjkuMTY2NjY3KSI+ICAgICAgICAgICAgPGcgaWQ9IkNoYXJnZXIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQwLjkyMjYxOSwgMS42MzY5MDUpIiBzdHJva2U9InVybCgjbGluZWFyR3JhZGllbnQtMSkiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMi4wODMzMzMzMyI+ICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yLjcyMDkzNTYzLDMuMTQ5MDIwMiBDNC44MzE0NzE2MiwxLjE5NDY4Nzc5IDcuNjU2NTI1NzQsMCAxMC43NjA2MTg1LDAgTDI5LjY4MzA3NDgsMCBDMzYuMjE5NDA3MSwwIDQxLjUxNTU3ODUsNS4yOTMxMDE4NCA0MS41MTU1Nzg1LDExLjgyMjIwMiBMNDEuNTE1NTc4NSwyMi45MTY2NjY3IEwxMC43NjA2MTg1LDIyLjkxNjY2NjcgQzguMDc1MzE5NCwyMi45MTY2NjY3IDUuNDM5MzYzNTUsMjEuODAxOTUyMSAzLjMwMzE2MTk1LDIwLjAyNTQyNzYiIGlkPSJTdHJva2UtMSI+PC9wYXRoPiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMy4zMzg2NjEzNSwyMy44MDg1ODExIEM1LjQ2MzUwOTQsMjQuOTg4NjEyIDcuOTU0ODY0MzIsMjUuNTY4MjMxNSAxMC40ODgxMTg5LDI1LjU2ODIzMTUgTDQxLjQ3MzcxNTQsMjUuNTY4MjMxNSBMNDEuNDczNzE1NCw3Ny40MDEyMDkzIEM0MS40NzM3MTU0LDgzLjk2MjkxMSAzNi4xMzc4MjcyLDg5LjI4NDc3MTYgMjkuNTUyNDc3OCw4OS4yODQ3NzE2IEwxMC40ODgxMTg5LDg5LjI4NDc3MTYgQzYuMzM5ODExNjYsODkuMjg0NzcxNiAyLjY4NjE0NzcxLDg3LjE3MTMyNzcgMC41NTEwOTYzODEsODMuOTY2MDA0NyIgaWQ9IlN0cm9rZS0zIj48L3BhdGg+ICAgICAgICAgICAgPC9nPiAgICAgICAgICAgIDxnIGlkPSJJUU9TMy1jaGFyZ2VyIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIuMDgzMzMzMzMiPiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNC44Mjg1OTQxMSw0LjkxMDcxNDI5IEMzLjgyMDU4NDU3LDUuNTQ4MDQwMTMgMC45OTU5MDExMjMsNy44ODIwMjQ4OSAwLjI5NTA1ODY3MSwxNC4zMzA3OTU5IEMwLjAxMjMzOTU3NzcsMTYuOTM2NjI1OCAwLjAwMTA1NTg4ODgsMjQuODM2OTYzNSAwLjAwMTA1NTg4ODgsMjQuOTE2MzU5NiBMMC4wMTY3Mjc2Nzg5LDYxLjgyMDQxNjkgQzAuMDIxNzQyNjUxNyw2MS45MjU3MDMgLTAuMDI3MTUzMzMzNCw2OC4wNzM3MTgzIDAuMDIyMzY5NTIzMyw2OS4yODUzNzEgQzAuMDM1NTMzODI3LDY5LjYwNzI3MDEgMC4wNDY4MTc1MTU4LDcwLjE1MDUyODkgMC4wNTk5ODE4MTk1LDcwLjgxNDYwNzggQzAuMTAyNjA5MDg5LDcyLjk0Nzk0NDkgMC4xNjcxNzY4NjQsNzYuMTcyNTQ2MiAwLjQwMTYyNjg0Myw3Ny41MTAxOTY5IEwwLjQ1MjQwMzQ0Myw3Ny44MDc5MzIxIEMwLjc3MTQ4MTA4OSw3OS42ODYyNTI2IDEuNjAzMzM5NzEsODQuNTQwNjMwMiA0LjkxMDcxNDI5LDg2Ljc1NTk1MjQgTDQuODI4NTk0MTEsNC45MTA3MTQyOSBaIiBpZD0iU3Ryb2tlLTMiIHN0cm9rZT0idXJsKCNsaW5lYXJHcmFkaWVudC0xKSI+PC9wYXRoPiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNDIuOTE2NzEyMiw4My44NTE0MjYxIEM0MS4wOTM3MzQsODcuNDg1NTI1MyAzNy43MTQwNjU4LDkxLjI1MDc5OTEgMjYuNDY3OTM2NSw5MS42MjI5Njg1IEMxNS4xMTY4Nzc2LDkxLjk5ODYyNDMgOC44ODc3ODU4LDg5LjgzMzE1NjEgOC40NTIyMTEwNyw4OS42NzU4MzM5IEM4LjE5OTQ0NzE0LDg5LjQ4NDUxOTYgOC4xODQ1MjM4MSw4OS4wNjg3NzA3IDguMTg0NTIzODEsODkuMDY4NzcwNyBMOC4xODQ1MjM4MSwyLjYyNTY2ODMyIEM4LjE4NTkyMjg3LDIuNDg4ODI4NTEgOC4yMjE4MzIxNCwyLjM1MjQyNDUgOC4yOTAzODYxOSwyLjIyODIyMjc2IEM4LjM2MTI3MjAyLDIuMTAwMDk4ODYgOC41MDI1NzczMSwyLjAwMDMwMTY4IDguNjc4ODU5MTYsMS45NTQ5Nzg5NCBDOC42ODExOTA5MywxLjk1NDEwNzM1IDguNjgzNTIyNywxLjk1MzY3MTU1IDguNjg2MzIwODMsMS45NTI3OTk5NiBDOC43NTE2MTA0LDEuOTMzMTg5MTYgMTUuMzMzMjY1OSwtNS4yODc0MzcxNWUtMTQgMjMuMDI2NzA5NiwtNS4yODc0MzcxNWUtMTQgQzMxLjA1NzMyNzMsLTUuMjg3NDM3MTVlLTE0IDM0Ljk3ODg5ODksMS4zNTgzNzQ4IDM1LjAyMTMzNzIsMS4zNzMxOTE4NSBDMzYuNjg0MzU1OSwxLjkyNjIxNjQzIDM5LjA4MjM0ODcsMy4wNTc1NDE3NCA0MS4wNjAxNTY1LDUuMzA4NDI1ODcgQzQyLjk3MjIwODMsNy40ODQzNTMxNiA0My42NDIzNTkyLDkuNzQ3NDM5NTcgNDMuODY4NTQwOSwxMS4yNjUzMTU1IEM0My44NzE4MDU0LDExLjI4NDkyNjMgNDQuMTk0OTg4OCwxMy4yODgyNzg2IDQ0LjE5NDk4ODgsMTYuNzI3MTQxNSBMNDQuMTk1OTIxNSw3Mi4yNDk2NzYzIEM0NC4xOTYzODc4LDcyLjMzOTAxNDQgNDQuMjU2MDgxMiw4MS4xODA4NzA4IDQyLjkxNjcxMjIsODMuODUxNDI2MSBaIiBpZD0iU3Ryb2tlLTEiIHN0cm9rZT0idXJsKCNsaW5lYXJHcmFkaWVudC0xKSI+PC9wYXRoPiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNDIuNTA3ODM4NSw2LjgyMDQ5MjUxIEM0Mi42ODkyOTg3LDYuNjYwNDE5NjMgNDMuMDI4Mjc3LDYuMzYxMzk0MTMgNDMuNTI0NzczNSw1LjkyMzQxNiBDNDMuNjc3NTE3Myw1LjcxOTA1MDY2IDQzLjY5Mjk2MzMsNS40MzM4Mzc0OSA0My41NjI5NTk0LDUuMjEyODUzNDQgTDQzLjM2MTMwMzMsNC44NzEwNDY3OSBDNDIuOTIxNTIxNCw0LjE4NDczODU4IDQyLjAwNTkxNjksMi44NzYzNTEyNiA0MC44MTc4NjIxLDEuODE2MzQ2NDMgQzQwLjQ2NTE3ODUsMS41MDE5MzgyMiAzOS44MDgyOTQ1LDAuOTE1NzkxNDggMzguODIyMzI0OCwwLjQyMjE3MDU4NyBDMzguNTQ3NzI5MywwLjI4NDcyOTI4MiAzOC4zNDc3ODk0LDAuMjQyNTA4NzUxIDM4LjE4MTMxNTksMC4yOTQxNjE1MjkgQzM4LjA3MzE5MzksMC4zMjczOTg5NjggMzguMDEwNTUxOCwwLjM1NzQ5MjMyNiAzNy45MDExNDI2LDAuNDg3NzQ3MTU3IEMzNy44NjUxMzYsMC41MzAxODcxMTYgMzcuNDMzMzY0NywxLjAzOTY5NTYgMzcuMTAzMjMwNiwxLjQzNzA5MDc2IiBpZD0iU3Ryb2tlLTEiIHN0cm9rZT0iIzhGOEY4RiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDAuMzc3MDQwLCAzLjU0NjY4Mykgcm90YXRlKC01LjAwMDAwMCkgdHJhbnNsYXRlKC00MC4zNzcwNDAsIC0zLjU0NjY4MykgIj48L3BhdGg+ICAgICAgICAgICAgPC9nPiAgICAgICAgICAgIDxnIGlkPSJJUU9TLTMtTXVsdGktKDEwWCktR3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDg4LjM5Mjg1NywgMy4yNzM4MTApIj4gICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTEwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMC41Njc5MDcpIj4gICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNi4zNjkwNDc2LDE2LjAxNTU5MjEgTDE2LjM2OTA0NzYsMjQuNjI2MDAwOCBMMTIuNzY3ODU3MSwyNi40MTA2NjE2IEMxMi41MDU5NTI0LDI2LjE2NzI5ODggMTIuMjExMzA5NSwyNS45NzAyOTA4IDExLjg3MzAxNTksMjUuODQyODE1IEMxMS4xODU1MTU5LDI1LjU3NjI3NDggMTAuNDQzNDUyNCwyNS42MTEwNDA5IDkuNzg4NjkwNDgsMjUuOTM1NTI0NyBMNC44MzQzMjU0LDI4LjM4MDc0MTcgQzMuODE5NDQ0NDQsMjguODkwNjQ0OCAzLjIzMDE1ODczLDI5Ljk5MTU3MTggMy4yNjI4OTY4MywzMS4xMTU2NzY0IEwwLDMyLjczODA5NTIgTDAsMTYuMDE1NTkyMSBDMCwxMS4xMzY3NDY3IDAuNjExMTExMTExLDYuOTk5NTc4NTkgMC42MTExMTExMTEsNi45NjQ4MTI0NyBDMC42NDM4NDkyMDYsNi43Njc4MDQ0NyAwLjc3NDgwMTU4Nyw2LjYyODczOTk5IDAuOTM4NDkyMDYzLDYuNTcwNzk2NDYgTDEuMjQ0MDQ3NjIsNi41NDc2MTkwNSBMMTUuMjk5NjAzMiw2LjU0NzYxOTA1IEMxNS41MTc4NTcxLDYuNTQ3NjE5MDUgMTUuNzE0Mjg1Nyw2LjcyMTQ0OTY0IDE1Ljc0NzAyMzgsNi45NjQ4MTI0NyBDMTUuNzU3OTM2NSw2Ljk5OTU3ODU5IDE2LjM2OTA0NzYsMTEuMTM2NzQ2NyAxNi4zNjkwNDc2LDE2LjAxNTU5MjEgWiIgaWQ9IlN0cm9rZS00IiBzdHJva2U9InVybCgjbGluZWFyR3JhZGllbnQtMikiIHN0cm9rZS13aWR0aD0iMi4wODMzMzMzMyI+PC9wYXRoPiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE2LjM2OTA0NzYsMjguMDc3OTI2IEwxNi4zNjkwNDc2LDY5LjM2NjI1MDQgQzE2LjM2OTA0NzYsNzkuOTc4MiAxNS43Nzk3NjE5LDgxLjkzMjc0MjMgMTUuNzU3OTM2NSw4Mi4wMTAwNDA2IEwxNS4zOTc4MTc1LDgzLjYyMjI2MTggQzE1LjM4NjkwNDgsODMuNjg4NTE3NSAxNS4zMjE0Mjg2LDgzLjczMjY4NzkgMTUuMjU1OTUyNCw4My43MzI2ODc5IEwxLjExMzA5NTI0LDgzLjczMjY4NzkgQzEuMDM2NzA2MzUsODMuNzMyNjg3OSAwLjk4MjE0Mjg1Nyw4My42ODg1MTc1IDAuOTcxMjMwMTU5LDgzLjYyMjI2MTggTDAuNjExMTExMTExLDgxLjk4Nzk1NTMgQzAuNTg5Mjg1NzE0LDgxLjkzMjc0MjMgMCw3OS45NzgyIDAsNjkuMzY2MjUwNCBMMCwzNi41MjU1MjM4IEwwLDM1LjgwNzc1NDEgTDQuMDU5NTIzODEsMzMuODk3MzgyMyBDNC4zNDMyNTM5NywzNC4xODQ0OTAyIDQuNjgxNTQ3NjIsMzQuNDA1MzQyNCA1LjA2MzQ5MjA2LDM0LjU0ODg5NjQgQzUuMzY5MDQ3NjIsMzQuNjU5MzIyNSA1LjY3NDYwMzE3LDM0LjcxNDUzNTUgNS45OTEwNzE0MywzNC43MTQ1MzU1IEM2LjM4MzkyODU3LDM0LjcxNDUzNTUgNi43NzY3ODU3MSwzNC42MjYxOTQ3IDcuMTQ3ODE3NDYsMzQuNDYwNTU1NSBMMTIuMDkxMjY5OCwzMi4xMTk1MjE4IEMxMy4xNjA3MTQzLDMxLjYxMTU2MTcgMTMuNzYwOTEyNywzMC40ODUyMTUzIDEzLjY1MTc4NTcsMjkuMzU4ODY5IEwxNi4zNjkwNDc2LDI4LjA3NzkyNiBaIiBpZD0iU3Ryb2tlLTYiIHN0cm9rZT0idXJsKCNsaW5lYXJHcmFkaWVudC0yKSIgc3Ryb2tlLXdpZHRoPSIyLjA4MzMzMzMzIj48L3BhdGg+ICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTQiIGZpbGw9IiM4RjhGOEYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwLjE5Mzk0MywgMjkuMjQ0MTY2KSByb3RhdGUoLTI2LjAwMDAwMCkgdHJhbnNsYXRlKC0xMC4xOTM5NDMsIC0yOS4yNDQxNjYpICIgeD0iOC41NTcwMzgxNyIgeT0iMjguMDE2NDg3NiIgd2lkdGg9IjMuMjczODA5NTIiIGhlaWdodD0iMi40NTUzNTcxNCIgcng9IjEuMjI3Njc4NTciPjwvcmVjdD4gICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xLjYzNjkwNDc2LDMuNTI0MzU0NjIgQzEuNjM2OTA0NzYsMS43MTcyMTE3NiAyLjU1MzU3MTQzLDAuMjUwNTQ1MDkxIDMuNjgzMDM1NzEsMC4yNTA1NDUwOTEgTDcuNzc1Mjk3NjIsMC4yNTA1NDUwOTEgQzguOTA1Nzg0OTcsMC4yNTA1NDUwOTEgOS44MjE0Mjg1NywxLjcxNzIxMTc2IDkuODIxNDI4NTcsMy41MjQzNTQ2MiBMMS42MzY5MDQ3NiwzLjUyNDM1NDYyIFoiIGlkPSJTdHJva2UtOCIgc3Ryb2tlPSJ1cmwoI2xpbmVhckdyYWRpZW50LTIpIiBzdHJva2Utd2lkdGg9IjIuMDgzMzMzMzMiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4gICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgIDwvZz4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==)
}
#sticky-filters .menu-icon-iqos-heets a::before {
  content: "";
  display: block;
  height: calc(2.9rem);
  width: 100%;
  min-width: calc(2.9rem);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50% 50%;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxNTBweCIgaGVpZ2h0PSIxNTBweCIgdmlld0JveD0iMCAwIDE1MCAxNTAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+ICAgICAgICA8dGl0bGU+bmF2aWdhdGlvbi9pY29uL2hlZXRzQDF4PC90aXRsZT4gICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+ICAgIDxkZWZzPiAgICAgICAgPGxpbmVhckdyYWRpZW50IHgxPSI1MCUiIHkxPSIwJSIgeDI9IjUwJSIgeTI9IjEwMCUiIGlkPSJsaW5lYXJHcmFkaWVudC0xIj4gICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjQzJDMkMyIiBvZmZzZXQ9IjAlIj48L3N0b3A+ICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iIzhGOEY4RiIgb2Zmc2V0PSIxMDAlIj48L3N0b3A+ICAgICAgICA8L2xpbmVhckdyYWRpZW50PiAgICAgICAgPGxpbmVhckdyYWRpZW50IHgxPSI1MCUiIHkxPSIwJSIgeDI9IjUwJSIgeTI9IjEwMCUiIGlkPSJsaW5lYXJHcmFkaWVudC0yIj4gICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjQzdDN0M5IiBvZmZzZXQ9IjAlIj48L3N0b3A+ICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iIzY5Njk2RSIgb2Zmc2V0PSIxMDAlIj48L3N0b3A+ICAgICAgICA8L2xpbmVhckdyYWRpZW50PiAgICA8L2RlZnM+ICAgIDxnIGlkPSJuYXZpZ2F0aW9uL2ljb24vaGVldHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS03LUNvcHktMiIgZmlsbD0iI0Q4RDhEOCIgZmlsbC1ydWxlPSJub256ZXJvIiBvcGFjaXR5PSIwIiB4PSIwIiB5PSIwIiB3aWR0aD0iMTUwIiBoZWlnaHQ9IjE1MCI+PC9yZWN0PiAgICAgICAgPGcgaWQ9Ikdyb3VwLTQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMwLjAwMDAwMCwgMzkuNTgzMzMzKSI+ICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwIj4gICAgICAgICAgICAgICAgPGcgaWQ9IkhFRVQtYm94IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjgzMzMzMywgMC4wMDAwMDApIiBzdHJva2U9InVybCgjbGluZWFyR3JhZGllbnQtMSkiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMi4wODMzMzMzMyI+ICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNODMuMzMzMzMzMywxOS44ODYzNjM2IEwwLDE5Ljg4NjM2MzYgTDAsMS42NTcxOTY5NyBDLTEuMTI3MjU2MjVlLTE2LDAuNzQxOTUyMzU2IDAuNzQ2MTkyMDg0LDEuNjgxMjc3MDhlLTE2IDEuNjY2NjY2NjcsMCBMOTAsMCBDOTAuOTIwNDc0NiwtMS42ODEyNzcwOGUtMTYgOTEuNjY2NjY2NywwLjc0MTk1MjM1NiA5MS42NjY2NjY3LDEuNjU3MTk2OTcgTDkxLjY2NjY2NjcsMTQuOTE0NzcyNyIgaWQ9IlJlY3RhbmdsZSI+PC9wYXRoPiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTYwLDYxLjMxNjI4NzkgTDEuNjY2NjY2NjcsNjEuMzE2Mjg3OSBDMC43NDYxOTIwODQsNjEuMzE2Mjg3OSAxLjEyNzI1NjI1ZS0xNiw2MC41NzQzMzU1IDAsNTkuNjU5MDkwOSBMMCwyMy4yMDA3NTc2IEw4MS42NjY2NjY3LDIzLjIwMDc1NzYgTTkxLjY2NjY2NjcsMjkuODI5NTQ1NSBDOTEuNjY2NjY2NywzNi40NTgzMzMzIDkxLjY2NjY2NjcsNDYuNDAxNTE1MiA5MS42NjY2NjY3LDU5LjY1OTA5MDkgQzkxLjY2NjY2NjcsNjAuNTc0MzM1NSA5MC45MjA0NzQ2LDYxLjMxNjI4NzkgOTAsNjEuMzE2Mjg3OSBMNzMuMzMzMzMzMyw2MS4zMTYyODc5IiBpZD0iUmVjdGFuZ2xlIj48L3BhdGg+ICAgICAgICAgICAgICAgIDwvZz4gICAgICAgICAgICAgICAgPGcgaWQ9IkhFRVQtU3RpY2stR3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDc4LjAzMzM5NywgNDMuNDI5Mjk4KSByb3RhdGUoLTMzMC4wMDAwMDApIHRyYW5zbGF0ZSgtNzguMDMzMzk3LCAtNDMuNDI5Mjk4KSB0cmFuc2xhdGUoNzEuNzgzMzk3LCAxMi4xNzkyOTgpIj4gICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMiIgc3Ryb2tlPSJ1cmwoI2xpbmVhckdyYWRpZW50LTEpIiBzdHJva2Utd2lkdGg9IjIuMDgzMzMzMzMiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHg9IjAiIHk9IjAiIHdpZHRoPSIxMS42NjY2NjY3IiBoZWlnaHQ9IjYxLjMxNjI4NzkiPjwvcmVjdD4gICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0wLDI0Ljg1Nzk1NDUgTDExLjY2NjY2NjcsMjQuODU3OTU0NSIgaWQ9IlBhdGgtMiIgc3Ryb2tlPSIjOEY4RjhGIiBzdHJva2Utd2lkdGg9IjIuMDgzMzMzMzMiPjwvcGF0aD4gICAgICAgICAgICAgICAgICAgIDxnIGlkPSJIZWV0LSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMy4zMzMzMzMsIDE0LjA4NjE3NCkiIHN0cm9rZT0idXJsKCNsaW5lYXJHcmFkaWVudC0yKSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuNTYyNSI+ICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTAsNy40NTczODYzNiBMNSw3LjQ1NzM4NjM2IiBpZD0iUGF0aC0yIj48L3BhdGg+ICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTAsNC45NzE1OTA5MSBMNSw0Ljk3MTU5MDkxIiBpZD0iUGF0aC0yIj48L3BhdGg+ICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTAsMi40ODU3OTU0NSBMNSwyLjQ4NTc5NTQ1IiBpZD0iUGF0aC0yIj48L3BhdGg+ICAgICAgICAgICAgICAgICAgICA8L2c+ICAgICAgICAgICAgICAgIDwvZz4gICAgICAgICAgICA8L2c+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=)
}
#sticky-filters .menu-icon-iqos-rect a::before {
  content: "";
  display: block;
  height: calc(2.9rem);
  width: 100%;
  min-width: calc(2.9rem);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50% 50%;
  background-size: 70% 70%;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI3NHB4IiBoZWlnaHQ9Ijk1cHgiIHZpZXdCb3g9IjAgMCA3NCA5NSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5pcW9zLTItNDwvdGl0bGU+ICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiAgICA8ZGVmcz4gICAgICAgIDxsaW5lYXJHcmFkaWVudCB4MT0iNTAlIiB5MT0iMTguNTg3MTU4OCUiIHgyPSI1MCUiIHkyPSIxMDAlIiBpZD0ibGluZWFyR3JhZGllbnQtMSI+ICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iI0M4QzhDOCIgb2Zmc2V0PSIwJSI+PC9zdG9wPiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiM2OTY5NkUiIG9mZnNldD0iOTguMjcyNjY5OCUiPjwvc3RvcD4gICAgICAgIDwvbGluZWFyR3JhZGllbnQ+ICAgIDwvZGVmcz4gICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICA8ZyBpZD0iaXFvcy0yLTQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zOS4wMDAwMDAsIC0zMi4wMDAwMDApIj4gICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTciIGZpbGw9IiNEOEQ4RDgiIGZpbGwtcnVsZT0ibm9uemVybyIgb3BhY2l0eT0iMCIgeD0iMCIgeT0iMCIgd2lkdGg9IjE1MCIgaGVpZ2h0PSIxNTAiPjwvcmVjdD4gICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiBzdHJva2U9InVybCgjbGluZWFyR3JhZGllbnQtMSkiIHN0cm9rZS13aWR0aD0iMiIgeD0iNDAiIHk9IjMzIiB3aWR0aD0iNzIiIGhlaWdodD0iOTMiIHJ4PSIxMiI+PC9yZWN0PiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+)
}
#sticky-filters a {
  font-weight: 500;
  flex-shrink: 0;
  display: block;
  text-align: center;
  font-size: 0.55rem;
  color: #f7f7f7
}
#sticky-filters a:hover {
  color: #ffffff
}
#sticky-filters a img {
  width: auto;
  display: block;
  margin: 0 auto;
 height: calc(5.5rem - .6rem - 1rem * 2)
}
#sticky-filters a span {
  display: block;
  margin-top: 0.15rem
}
#sticky-filters .sticky-buy-btn {
  z-index: 5;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 3.5rem;
  font-weight: 500
}

@media (max-width: 1279px) {
#sticky-filters .sticky-buy-btn {
  right: 2rem
}
}

@media (max-width: 959px) {
#sticky-filters .sticky-buy-btn {
  right: 1rem;
  top: 6.5rem;
  transform: translateY(0%)
}
}
#sticky-filters .sticky-buy-btn a {
  display: inline-block;
  background: #5a656c;
  color: #fff;
  padding: 0.125rem 0.6rem;
  border-radius: 1.5rem
}
#sticky-filters .sticky-buy-btn a:hover {
  background: #434b50
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
#sticky-filters .sticky-buy-btn a {
  padding-top: 0.12rem
}
}
#sticky-filters .sticky-buy-btn-left {
  z-index: 5;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 3.5rem;
  font-weight: 500;
  font-size: 0.55rem;
  text-transform: uppercase;
  letter-spacing: 0.12rem;
  width: 18vw;
  height: 100%;
  display: flex;
  flex-flow: column;
  justify-content: center
}

@media (max-width: 1279px) {
#sticky-filters .sticky-buy-btn-left {
  left: 2rem
}
}

@media (max-width: 959px) {
#sticky-filters .sticky-buy-btn-left {
  left: 1rem;
  top: 6.5rem;
  transform: translateY(0%);
  display: block;
  background: #5a656c;
  border-radius: 0.5rem;
  width: auto;
  height: auto;
  padding: 0.23rem 0.43rem;
  color: #FFF
}
}
#sticky-filters .sticky-buy-btn-left span {
  display: block;
  margin-top: 0.35rem;
  color: #f7f7f7
}
#sticky-filters .sticky-buy-btn-left a {
  display: inline-block;
  background: #5a656c;
  color: #fff;
  padding: 0.125rem 0.6rem;
  border-radius: 1.5rem
}
#sticky-filters .sticky-buy-btn-left a:hover {
  background: #434b50
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
#sticky-filters .sticky-buy-btn-left a {
  padding-top: 0.12rem
}
}
#sticky-filters .sticky-buy-btn-left:after {
  content: "";
  width: 1px;
  height: 100%;
  background-color: #4D4D4D;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 3;
  right: 0
}

@media (max-width: 1279px) {
#sticky-filters .sticky-buy-btn-left:after {
  display: none
}
}
body.has--subnav main {
  padding-top: 176px
}

@media (min-width: 960px) {
body.has--subnav main {
  padding-top: 196px
}
}
.blk-img {
  width: 100%;
  margin: 0 0 56px 0;
  position: relative
}
.blk-img img {
  display: block;
  height: auto;
  width: 100%
}

@media (min-width: 960px) {
.blk-img {
  margin: 0 0 100px 0;
  height: 650px
}
.blk-img figure {
  height: 650px
}
.blk-img img {
  height: 650px;
  max-width: 100%;
  object-fit: cover
}
}

@media (min-width: 960px) {
.blk-img.limit-440 {
  height: 440px
}
.blk-img.limit-440 figure {
  height: 440px
}
.blk-img.limit-440 img {
  height: 440px
}
}

@media (min-width: 960px) {
.blk-img.media-max-2x figure {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto
}
}
.blk-img.has-bck:before {
  position: absolute;
  top: 0;
  left: 0;
  background: #f6f4f0;
  width: 100%;
  height: 50%;
  content: " "
}
.blk-cite {
  margin: 0 0 56px 0;
  padding: 2rem 0
}

@media (min-width: 960px) {
.blk-cite {
  margin: 0 0 100px 0;
  padding: 4rem 0
}
}
.blk-cite .content-wrapper {
  width: 83vw;
  margin: 0 auto;
  text-align: center
}
.blk-cite p {
  font-size: 0.7rem;
  line-height: 1.43;
  letter-spacing: 0.4px;
  margin: 0 0 1.2rem 0
}

@media (min-width: 960px) {
.blk-cite p {
  margin: 0 0 2rem 0
}
}
.blk-cite blockquote {
  font-size: 1.4rem;
  line-height: 1.36;
  text-align: center;
  margin: 0 0 1.2rem 0;
  padding: 0;
  border: none
}

@media (min-width: 960px) {
.blk-cite blockquote {
  font-size: 2.4rem;
  margin: 0 0 2rem 0
}
}
.blk-cite .author {
  display: inline-flex;
  align-items: center;
  margin: 0 auto
}
.blk-cite .author figure {
  width: 2.4rem;
  height: 2.4rem
}
.blk-cite .author figure img {
  display: block;
  height: auto;
  width: 100%
}
.blk-cite .author .text-wrapper {
  font-size: 0.7rem;
  line-height: 1.43;
  padding-left: 0.8rem;
  text-align: left
}
.blk-cite .author .text-wrapper span {
  display: block
}

@media (max-width: 959px) {
.blk-cite.text-left-sd blockquote {
  text-align: left
}
}

@media (max-width: 959px) {
.blk-cite.author-left-sd .content-wrapper {
  text-align: left
}
}
.blk-cite.basic-author .text-wrapper {
  text-align: center;
  padding-left: 0
}

@media (max-width: 959px) {
.blk-cite.text-smaller blockquote {
  font-size: 1.6rem
}
}
.blk-cta {
  margin: 0 0 56px 0;
  padding: 3rem 0;
  background: #f6f4f0;
  text-align: center
}

@media (min-width: 960px) {
.blk-cta {
  margin: 0 0 100px 0;
  padding: 4.25rem 0
}
}
.blk-cta .content-wrapper {
  width: 83vw;
  margin: 0 auto;
  font-size: 1.2rem;
  line-height: 1.33;
  font-weight: bold
}

@media (min-width: 960px) {
.blk-cta .content-wrapper {
  max-width: 1080px;
  font-size: 1.6rem
}
}
.blk-cta .text-wrapper .tit {
  font-size: 1.2rem;
  line-height: 1.31;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold
}

@media (min-width: 960px) {
.blk-cta .text-wrapper .tit {
  font-size: 1.6rem
}
}
.blk-cta .text-wrapper p, .blk-cta .text-wrapper h2 {
  margin-bottom: 2rem
}

@media (min-width: 960px) {
.blk-cta .text-wrapper p, .blk-cta .text-wrapper h2 {
  margin-bottom: 2rem
}
}
.blk-cta .text-wrapper :last-child {
  margin-bottom: 0
}
.blk-cta.no-bg {
  background: transparent
}
.blk-disclaimer {
  margin: 0 0 56px 0;
  padding: 0;
  text-align: center
}

@media (min-width: 960px) {
.blk-disclaimer {
  margin: 0 0 100px 0;
  text-align: left
}
}
.blk-disclaimer .content-wrapper {
  width: 83vw;
  margin: 0 auto;
  line-height: 1.33
}

@media (min-width: 960px) {
.blk-disclaimer .content-wrapper {
  max-width: 700px
}
}
.blk-disclaimer .text-wrapper p {
  letter-spacing: 0.025rem;
  color: #34303d;
  opacity: 0.6;
  line-height: 1.5;
  font-size: 0.6rem
}
.blk-disclaimer.brand-hard-white {
  background: #f6f4f0
}
.blk-disclaimer.small-padding {
  margin: 0;
  padding: 10px 0 30px
}
.blk-list {
  margin: 0 0 56px 0
}

@media (min-width: 960px) {
.blk-list {
  margin: 0 0 100px 0
}
}
.blk-list header {
  text-align: center;
  font-size: 1.2rem;
  font-weight: bold;
  margin: 0 auto 2.5rem auto;
  max-width: 83vw
}

@media (min-width: 960px) {
.blk-list header {
  max-width: none;
  font-size: 1.6rem;
  margin: 0 0 3.6rem 0
}
}
.blk-list header p {
  margin: 0 0 1.6rem 0
}

@media (min-width: 960px) {
.blk-list header p {
  margin: 0 0 1.2rem 0
}
}
.blk-list header .subtitle {
  font-size: 0.7rem;
  line-height: 1rem;
  letter-spacing: 0.4px;
  font-weight: 400
}

@media (min-width: 960px) {
.blk-list header .subtitle {
  margin-left: auto;
  margin-right: auto
}
}
.blk-list header>:last-child {
  margin-bottom: 0
}
.blk-list .content-wrapper {
  width: 83vw;
  margin: 0 auto
}
.blk-list ul {
  display: flex;
  flex-direction: column;
  list-style-type: none;
  margin: 0 auto;
  padding: 0
}

@media (min-width: 960px) {
.blk-list ul {
  max-width: 1160px;
  flex-direction: row;
  justify-content: space-between
}
}

@media (max-width: 959px) {
.blk-list ul:first-of-type:not(:last-of-type) {
  margin-bottom: 2rem
}
}
.blk-list li {
  text-align: center;
  font-size: 1rem;
  line-height: 1.4;
  margin: 0 0 2rem 0
}

@media (min-width: 960px) {
.blk-list li {
  margin: 0 0 0 0
}
}
.blk-list li p {
  margin: 0
}

@media (min-width: 960px) {
.blk-list li p {
  margin: 0 0 1.2rem 0
}
}
.blk-list li p:last-child {
  margin-bottom: 0
}
.blk-list li figure {
  width: 48px;
  margin: 0 auto 1rem auto
}

@media (min-width: 960px) {
.blk-list li figure {
  width: 64px
}
}
.blk-list li figure img {
  display: block;
  height: auto;
  width: 100%
}
.blk-list li:last-child {
  margin-bottom: 0
}
.blk-list.blk-list-3 {
  background: #f6f4f0;
  margin: 0;
  padding: 64px 0 80px 0
}

@media (min-width: 960px) {
.blk-list.blk-list-3 {
  padding: 100px 0
}
}

@media (min-width: 960px) {
.blk-list.blk-list-3 ul figure {
  width: 50px
}
}
.blk-list.blk-list-3 ul h3, .blk-list.blk-list-3 ul .h3 {
  font-size: 1.2rem;
  line-height: 1.5;
  margin-bottom: 0.4rem
}

@media (min-width: 960px) {
.blk-list.blk-list-3 ul li {
  max-width: 220px
}
}
.blk-list.blk-list-3 ul p {
  font-size: 0.7rem;
  letter-spacing: 0.4px;
  margin-bottom: 0.6rem
}
.blk-list.blk-list-3 ul a {
  font-size: 0.7rem;
  letter-spacing: 0.4px
}
.blk-list.blk-list-3 ul small {
  font-size: 0.7rem;
  display: block
}
.blk-list.blk-list-4, .blk-list.blk-list-6 {
  background: #f6f4f0;
  margin: 0;
  padding: 100px 0 151px
}

@media (max-width: 959px) {
.blk-list.blk-list-4, .blk-list.blk-list-6 {
  padding: 3.2rem 0 4rem
}
.blk-list.blk-list-4 ul li, .blk-list.blk-list-6 ul li {
  margin: 0 0 2.9rem 0
}
.blk-list.blk-list-4 ul li:last-of-type, .blk-list.blk-list-6 ul li:last-of-type {
  margin-bottom: 0
}
}

@media (min-width: 960px) {
.blk-list.blk-list-4 ul figure, .blk-list.blk-list-6 ul figure {
  width: 48px
}
}
.blk-list.blk-list-4 ul h3, .blk-list.blk-list-6 ul h3, .blk-list.blk-list-4 ul .h3, .blk-list.blk-list-6 ul .h3 {
  font-size: 1rem;
  margin-bottom: 0.4rem
}
.blk-list.blk-list-4 ul p, .blk-list.blk-list-6 ul p {
  font-size: 0.7rem;
  letter-spacing: 0.4px;
  margin-bottom: 0.6rem
}
.blk-list.blk-list-4 ul p a, .blk-list.blk-list-6 ul p a {
  font-size: 0.7rem
}
.blk-list.blk-list-4 ul small, .blk-list.blk-list-6 ul small {
  font-size: 0.7rem;
  display: block
}
.blk-list.blk-list-6 {
  padding: 100px 0 0
}

@media (max-width: 959px) {
.blk-list.blk-list-6 {
  padding: 3.2rem 0 0
}
}
.blk-list.blk-list-6 header small {
  font-size: 0.8rem
}
.blk-list.blk-list-6 ul {
  flex-wrap: wrap
}

@media (min-width: 960px) {
.blk-list.blk-list-6 ul:last-child:not(:first-of-type) {
  margin-top: 100px
}
}
.blk-list.blk-list-6 ul li {
  flex-basis: 30%
}

@media (min-width: 960px) {
.blk-list.blk-list-6 ul li {
  margin-bottom: 100px
}
}

@media (max-width: 959px) {
.blk-list.blk-list-6 ul li:last-of-type {
  margin-bottom: 100px
}
.blk-list.blk-list-6 ul li p br {
  display: none
}
}
.blk-list.blk-list-6 ul li .txt-wrapper p {
  margin-bottom: 0
}

@media (min-width: 960px) {
.blk-list.blk-list-6 ul figure {
  width: 64px
}
}
.blk-list.blk-list-6.inner-space-top-1 {
  padding-top: 40px
}

@media (min-width: 960px) {
.blk-list.blk-list-6.inner-space-top-1 {
  padding-top: 72px
}
}
.blk-list.single-line ul {
  flex-wrap: nowrap
}

@media (min-width: 960px) {
.blk-list.single-line ul {
  max-width: 100%
}
.blk-list.single-line ul figure {
  width: 48px
}
.blk-list.single-line ul li {
  max-width: 220px
}
.blk-list.single-line ul li .txt-wrapper p {
  margin-bottom: 1rem
}
.blk-list.single-line ul .btn, .blk-list.single-line ul .ui_558574, .blk-list.single-line ul .ui_517427, .blk-list.single-line ul .ui_464917 {
  font-size: 0.8rem
}
}
.blk-list.bg-white {
  background: #FFFDFB
}

@media (min-width: 960px) {
.blk-list.big-icon ul figure {
  width: 64px
}
}

@media (min-width: 960px) {
.blk-list.big-icon ul li {
  display: flex;
  flex-direction: column
}
.blk-list.big-icon ul li>p {
  margin-top: auto
}
}
.blk-list.max-content-8 .subtitle {
  max-width: 864px
}
.blk-list.max-content-8 .content-wrapper {
  max-width: 864px
}
.blk-list.text-left-sd header .subtitle {
  text-align: left
}

@media (min-width: 960px) {
.blk-list.text-left-sd header .subtitle {
  text-align: center
}
}

@media (min-width: 960px) {
.blk-list.sd-content-width .content-wrapper {
  max-width: 1312px;
  width: 91.1vw
}
}

@media (min-width: 960px) {
.blk-list.sd-content-width ul {
  width: 100%
}
.blk-list.sd-content-width ul li {
  width: calc(25% - 24px)
}
}
.blk-hightlighted {
  background: #34303d;
  margin: 0 auto
}

@media (min-width: 960px) {
.blk-hightlighted {
  width: 864px;
  margin: 0 auto 64px auto
}
}

@media (min-width: 960px) {
.blk-hightlighted .content-wrapper {
  display: flex;
  flex-direction: row-reverse
}
}

@media (min-width: 960px) {
.blk-hightlighted .content-wrapper>figure {
  width: 35.1%
}
}
.blk-hightlighted .content-wrapper>figure img {
  display: block;
  height: auto;
  width: 100%;
  height: 100%;
  object-fit: cover
}
.blk-hightlighted .text-wrapper {
  color: #FFFDFB;
  margin: 0 auto;
  width: 83vw;
  font-size: 0.7rem;
  line-height: 1.43;
  letter-spacing: 0.4px;
  padding: 2rem 0
}

@media (min-width: 960px) {
.blk-hightlighted .text-wrapper {
  padding: 2.4rem 56px;
  width: 64.9%
}
}
.blk-hightlighted .text-wrapper h3, .blk-hightlighted .text-wrapper .h3 {
  font-size: 1rem;
  margin-bottom: 0.6rem;
  line-height: 1.2;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold;
  margin-bottom: 0.6rem
}

@media (min-width: 960px) {
.blk-hightlighted .text-wrapper h3, .blk-hightlighted .text-wrapper .h3 {
  font-size: 1.4rem;
  margin-bottom: 0.8rem
}
}
.blk-hightlighted .text-wrapper p {
  margin-bottom: 0.9rem
}
.blk-hightlighted .text-wrapper>:last-child {
  margin-bottom: 0;
  margin-top: 14px
}

@media (min-width: 960px) {
.blk-hightlighted.image-left .content-wrapper {
  flex-direction: row
}
}

@media (max-width: 959px) {
.blk-hightlighted.no-hide-mobile .content-wrapper figure {
  display: block !important
}
}

@media (min-width: 960px) {
.blk-hightlighted-50-50 {
  flex-direction: row-reverse;
  width: 91.1vw;
  max-width: 1312px
}
}
.blk-hightlighted-50-50 .content-wrapper figure {
  margin: 0
}
.blk-hightlighted-50-50 .content-wrapper figure img {
  display: block;
  width: 100%
}

@media (min-width: 960px) {
.blk-hightlighted-50-50 .content-wrapper figure {
  width: 50%
}
}

@media (min-width: 960px) {
.blk-hightlighted-50-50 .text-wrapper {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center
}
}

@media (max-width: 959px) {
 .blk-hightlighted-50-50 .text-wrapper :is(h3, p) br {
 display:none
}
}

@media (min-width: 1280px) {
.blk-hightlighted.small-wrapper {
  max-width: 1152px !important
}
}

@media (min-width: 960px) {
.blk-hightlighted.small-wrapper {
  max-width: 864px
}
}

@media (min-width: 960px) {
.blk-img-txt {
  width: 864px;
  margin: 0 auto 64px auto
}
}

@media (min-width: 960px) {
.blk-img-txt .content-wrapper {
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-start
}
}

@media (min-width: 960px) {
.blk-img-txt .content-wrapper>figure {
  width: 35.1%
}
}
.blk-img-txt .content-wrapper>figure img {
  display: block;
  height: auto;
  width: 100%
}
.blk-img-txt figure img {
  display: block;
  height: auto;
  width: 100%
}
.blk-img-txt .text-wrapper {
  width: 83vw;
  margin: 0 auto;
  padding: 40px 0 48px 0;
  font-size: 0.7rem;
  line-height: 1.43;
  letter-spacing: 0.4px
}

@media (min-width: 960px) {
.blk-img-txt .text-wrapper {
  padding: 0 56px 0 0;
  width: 64.9%;
  font-size: 0.8rem
}
.blk-img-txt .text-wrapper>.text-wrapper {
  width: 100%
}
}
.blk-img-txt .text-wrapper h2, .blk-img-txt .text-wrapper .h2 {
  font-size: 1.2rem;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold;
  line-height: 1.33;
  letter-spacing: 0.2px;
  margin-bottom: 1.2rem
}

@media (min-width: 960px) {
.blk-img-txt .text-wrapper h2, .blk-img-txt .text-wrapper .h2 {
  font-size: 1.6rem;
  line-height: 1.31;
  margin-bottom: 1.6rem
}
}
.blk-img-txt .text-wrapper h3, .blk-img-txt .text-wrapper .h3 {
  font-size: 1rem;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: 0.2px;
  margin-bottom: 1.2rem
}

@media (min-width: 960px) {
.blk-img-txt .text-wrapper h3, .blk-img-txt .text-wrapper .h3 {
  font-size: 1.4rem;
  margin-bottom: 1.6rem;
  line-height: 1.3
}
}
.blk-img-txt .text-wrapper h4, .blk-img-txt .text-wrapper .h4 {
  font-size: 1rem;
  line-height: 1.4;
  letter-spacing: 0.1px;
  margin-bottom: 0.6rem
}

@media (min-width: 960px) {
.blk-img-txt .text-wrapper h4, .blk-img-txt .text-wrapper .h4 {
  font-size: 1.4rem
}
}
.blk-img-txt .text-wrapper p {
  margin-bottom: 1.2rem
}

@media (min-width: 960px) {
.blk-img-txt .text-wrapper .cta {
  padding-top: 20px
}
}
.blk-img-txt .text-wrapper>:last-child {
  margin-bottom: 0
}

@media (min-width: 960px) {
.blk-img-txt.image-left .content-wrapper {
  flex-direction: row
}
}

@media (min-width: 960px) {
.blk-img-txt.image-left .content-wrapper .text-wrapper {
  padding: 0 0 0 56px
}
}

@media (min-width: 960px) {
.blk-img-txt.mb-space {
  margin-bottom: 104px
}
}
.blk-img-txt.brand-hard-white {
  background: #f6f4f0
}

@media (min-width: 960px) {
.blk-img-txt.brand-hard-white {
  background: transparent
}
}
.blk-img-txt.brand-hard-white .content-wrapper .text-wrapper {
  background: #f6f4f0
}

@media (min-width: 960px) {
.blk-img-txt.brand-hard-white .content-wrapper .text-wrapper {
  padding-top: 48px;
  padding-bottom: 64px;
  padding-left: 56px;
  padding-right: 56px
}
}
.blk-img-txt.brand-hard-pink {
  background: #eee9e6
}

@media (min-width: 960px) {
.blk-img-txt.brand-hard-pink {
  background: transparent
}
}
.blk-img-txt.brand-hard-pink .content-wrapper .text-wrapper {
  background: #eee9e6
}

@media (min-width: 960px) {
.blk-img-txt.brand-hard-pink .content-wrapper .text-wrapper {
  padding-top: 48px;
  padding-bottom: 64px;
  padding-left: 56px;
  padding-right: 56px;
  align-self: flex-start
}
}

@media (min-width: 1280px) {
.blk-img-txt.blk-vid-txt {
  width: 1152px;
  max-width: 1312px
}
}
.blk-img-txt.blk-vid-txt figure {
  position: relative;
  align-self: flex-start
}

@media (max-width: 959px) {
.blk-img-txt.blk-img-txt-dark-m .content-wrapper .text-wrapper {
  background-color: #34303d;
  color: #FFFDFB
}
}

@media (min-width: 1280px) {
.blk-img-txt.blk-img-txt-quiz {
  width: 928px;
  max-width: 1312px
}
}

@media (min-width: 960px) {
.blk-img-txt.blk-img-txt-quiz .content-wrapper>figure {
  width: 24.1%
}
}
.blk-img-txt.blk-img-txt-quiz .content-wrapper>figure img {
  display: block;
  height: auto;
  width: 100%
}
.blk-img-txt.blk-img-txt-quiz .text-wrapper {
  position: relative
}

@media (min-width: 960px) {
.blk-img-txt.blk-img-txt-quiz .text-wrapper {
  width: 75.9%;
  align-self: flex-start
}
.blk-img-txt.blk-img-txt-quiz .text-wrapper>.text-wrapper {
  width: 100%
}
}

@media (max-width: 959px) {
.blk-img-txt.blk-img-txt-quiz .text-wrapper {
  width: 100%
}
.blk-img-txt.blk-img-txt-quiz .text-wrapper>.text-wrapper {
  padding-left: 8.5vw;
  padding-right: 8.5vw
}
}
.blk-img-txt.blk-img-txt-quiz .actions-quiz {
  background: #524f5a;
  color: #FFFDFB;
  padding: 24px 32px 32px
}
.blk-img-txt.blk-img-txt-quiz .actions-quiz br {
  display: none
}

@media (min-width: 960px) {
.blk-img-txt.blk-img-txt-quiz .actions-quiz {
  padding-top: 24px;
  padding-bottom: 24px;
  padding-left: 56px;
  padding-right: 32px;
  display: flex
}
.blk-img-txt.blk-img-txt-quiz .actions-quiz br {
  display: block
}
.blk-img-txt.blk-img-txt-quiz .actions-quiz .links {
  margin-left: auto
}
.blk-img-txt.blk-img-txt-quiz .actions-quiz .links a+a {
  margin-left: 12px
}
}
.blk-img-txt.blk-img-txt-quiz .actions-quiz .links a {
  min-width: 106px;
  height: 44px;
  line-height: 1rem
}
.blk-img-txt.blk-img-txt-quiz .actions-quiz .links a+a {
  margin-left: 20px
}

@media (max-width: 959px) {
.blk-img-txt.blk-img-txt-quiz .actions-quiz .links {
  margin-top: 32px
}
}
.blk-img-txt.blk-img-txt-quiz figure {
  align-self: flex-start
}
.blk-lock {
  margin: 0 auto 56px auto;
  width: 83vw;
  padding: 0 0 2rem 0
}
.blk-lock figure {
  text-align: center;
  margin: 0 0 0.8rem 0
}

@media (min-width: 960px) {
.blk-lock figure {
  margin: 0 0 1.4rem 0
}
}
.blk-lock .txt-wrapper {
  font-size: 1rem;
  line-height: 1.43;
  letter-spacing: 0.1px;
  text-align: center;
  max-width: 416px;
  margin-left: auto;
  margin-right: auto
}

@media (min-width: 960px) {
.blk-lock .txt-wrapper {
  font-size: 1.4rem
}
}
.blk-lock .txt-wrapper>:last-child {
  margin-bottom: 0
}
.blk-row-text {
  text-align: center;
  width: 100%;
  padding: 0.6rem 8.5vw;
  margin: 0 0 56px 0
}

@media (min-width: 960px) {
.blk-row-text {
  background: transparent;
  padding: 1rem 0;
  margin: 0 0 100px 0
}
}
.blk-row-text .txt-wrapper {
  max-width: 870px;
  margin: 0 auto
}

@media (min-width: 960px) {
.blk-row-text .txt-wrapper {
  width: 91.1vw
}
}
.blk-row-text h2, .blk-row-text .h2 {
  font-size: 2rem;
  line-height: 1.2;
  letter-spacing: 0.1px
}

@media (min-width: 960px) {
.blk-row-text h2, .blk-row-text .h2 {
  font-size: 2.8rem;
  line-height: 1.14;
  letter-spacing: -0.75px
}
}
.blk-row-text h3, .blk-row-text .h3 {
  font-size: 0.9rem;
  line-height: 1.5
}

@media (min-width: 960px) {
.blk-row-text h3, .blk-row-text .h3 {
  font-size: 1.2rem
}
}
.blk-row-text h4, .blk-row-text .h4 {
  font-size: 0.7rem;
  letter-spacing: 0.4px;
  margin: 0 0 1.6rem 0
}
.blk-row-text figure {
  margin: 0 0 1.6rem 0;
  text-align: center
}
.blk-row-text p {
  font-size: 1rem;
  line-height: 1.4;
  letter-spacing: 0.1px
}

@media (min-width: 960px) {
.blk-row-text p {
  font-size: 1.4rem
}
}
.blk-row-text .smaller {
  font-size: 0.8rem;
  line-height: 1.55
}

@media (min-width: 960px) {
.blk-row-text .smaller {
  font-size: 1rem
}
}
.blk-row-text :last-child {
  margin-bottom: 0
}
.blk-row-text.inner-spacer {
  margin: 0;
  padding: 3.25rem 8.5vw
}

@media (min-width: 960px) {
.blk-row-text.inner-spacer {
  margin: 0;
  padding: 6rem 8.9vw
}
}
.blk-row-text.inner-spacer .txt-wrapper {
  width: auto
}
.blk-row-text.taste-heets {
  margin: 0;
  padding: 4.75rem 8.5vw 2rem 8.5vw
}

@media (min-width: 960px) {
.blk-row-text.taste-heets {
  margin: 0;
  padding: 6rem 8.9vw 5rem 8.9vw
}
}
.blk-row-text.taste-heets .txt-wrapper {
  max-width: 810px
}
.blk-row-text.taste-heets .txt-wrapper>.cta-box {
  margin: 0 0 2rem 0
}

@media (min-width: 960px) {
.blk-row-text.taste-heets .txt-wrapper>.cta-box {
  margin: 0 0 4.25rem 0
}
}
.blk-row-text.taste-heets figure img {
  max-width: 276px
}

@media (min-width: 960px) {
.blk-row-text.taste-heets figure img {
  max-width: 394px
}
}
.blk-row-text.small-space {
  padding: 32px 32px 40px
}
.blk-row-text.m-space {
  padding: 70px 32px 70px
}
.blk-row-text.text-left {
  text-align: left !important
}
.blk-row-text.brand-hardwhite-md {
  background: #f6f4f0
}

@media (min-width: 960px) {
.blk-row-text.brand-hardwhite-md {
  background: transparent
}
}
.blk-row-text.brand-hardwhite {
  background: #f6f4f0
}
.blk-video {
  position: relative;
  width: 100%;
  margin: 0 0 56px 0
}

@media (min-width: 1440px) {
.blk-video {
  max-height: 650px
}
}

@media (min-width: 960px) {
.blk-video {
  margin: 0 0 100px 0
}
}
.blk-video video {
  display: block;
  width: 100%
}

@media (min-width: 1440px) {
.blk-video figure {
  max-height: 650px
}
.blk-video video {
  max-height: 650px;
  max-width: 100%;
  object-fit: cover
}
}

@media (min-width: 960px) {
.blk-video.side-margin {
  width: 91.1vw;
  max-width: 1312px;
  margin-left: auto;
  margin-right: auto
}
}
.img-responsive, .bgimage-title img, .js-carousel-product-images img {
  display: block;
  height: auto;
  max-width: 100%
}
.bgimage-title {
  position: relative;
  z-index: 1;
  color: #ffffff
}
.bgimage-title .content-wrapper {
  min-height: 100px
}
.bgimage-title img {
  margin: 0 auto;
  object-fit: cover;
  object-position: center center;
  width: 100%;
  min-height: 100px
}
.bgimage-title .text-wrapper {
  position: absolute;
  top: 0;
  right: auto;
  bottom: 0;
  left: auto;
  display: flex;
  align-items: center;
  padding: 2rem 1.6rem;
  z-index: 2
}

@media (min-width: 960px) {
.bgimage-title .text-wrapper {
  width: 60%;
  padding: 2rem 3.2rem;
  transform: translateX(-100%);
  left: 60%;
  max-width: 770px
}
}

@media (min-width: 1440px) {
.bgimage-title .text-wrapper {
  width: 50%;
  padding: 2rem 7.2rem;
  left: 50%
}
}
.bgimage-title .text-wrapper .hero-badge-container {
  margin-bottom: 15px
}
.bgimage-title .text-wrapper h1, .bgimage-title .text-wrapper .h1 {
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold;
  line-height: 1.14;
  font-size: 1.6rem;
  letter-spacing: 0.01px;
  margin: 0
}

@media (min-width: 768px) {
.bgimage-title .text-wrapper h1, .bgimage-title .text-wrapper .h1 {
  font-size: 2.4rem
}
}

@media (min-width: 960px) {
.bgimage-title .text-wrapper h1, .bgimage-title .text-wrapper .h1 {
  font-size: 3.2rem;
  letter-spacing: -0.8px
}
}
.bgimage-title .text-wrapper h2, .bgimage-title .text-wrapper .h2 {
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold;
  line-height: 1.3;
  font-size: 1.2rem
}

@media (min-width: 960px) {
.bgimage-title .text-wrapper h2, .bgimage-title .text-wrapper .h2 {
  font-size: 1.4rem;
  letter-spacing: 0.4px
}
}
.bgimage-title .text-wrapper h1+p, .bgimage-title .text-wrapper h2+p, .bgimage-title .text-wrapper .h1+p, .bgimage-title .text-wrapper .h2+p, .bgimage-title .text-wrapper .actions-wrapper {
  margin-top: 0.25rem;
  margin-bottom: 0
}

@media (min-width: 960px) {
.bgimage-title .text-wrapper h1+p, .bgimage-title .text-wrapper h2+p, .bgimage-title .text-wrapper .h1+p, .bgimage-title .text-wrapper .h2+p, .bgimage-title .text-wrapper .actions-wrapper {
  margin-top: 1rem
}
}
.bgimage-title.gradient-filter::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(to right, #000000, rgba(0, 0, 0, 0.27));
  z-index: 1;
  opacity: 0.47
}

@media (min-width: 960px) {
.bgimage-title.gradient-filter::before {
  opacity: 0.58;
  background-image: linear-gradient(to right, #000000, rgba(0, 0, 0, 0))
}
}
.bgimage-title.mobile-text-bottom .text-wrapper {
  align-items: flex-end
}

@media (min-width: 768px) {
.bgimage-title.mobile-text-bottom .text-wrapper {
  align-items: center
}
}
.bgimage-title.side-margin {
  margin-top: 2.8rem;
  margin-bottom: 2.8rem
}
.bgimage-title.side-margin .content-wrapper {
  position: relative;
  margin: 0 auto;
  max-width: 1312px
}

@media (min-width: 960px) {
.bgimage-title.side-margin {
  margin-top: 5rem;
  margin-bottom: 5rem
}
}

@media (min-width: 1366px) {
.bgimage-title.side-margin {
  margin-left: 3.2rem;
  margin-right: 3.2rem
}
}

@media (min-width: 768px) {
.bgimage-title.side-margin .text-wrapper {
  width: 630px;
  max-width: 48%;
  padding: 2rem 1.6rem
}
}

@media (min-width: 1366px) {
.bgimage-title.side-margin .text-wrapper {
  margin-left: 0;
  padding: 2rem 8.5%
}
}
.bgimage-title.side-margin img {
  height: 592px;
  object-fit: cover;
  object-position: top center;
  width: 100%
}
.bgimage-title.light-bg {
  color: #34303d
}
.bgimage-title.variant-1 .content-wrapper {
  max-width: 1312px;
  margin: 0 auto
}
.bgimage-title.variant-1 .text-wrapper {
  position: relative;
  max-width: 70%;
  min-height: 200px;
  padding: 1.6rem
}

@media (min-width: 960px) {
.bgimage-title.variant-1 .text-wrapper {
  min-height: 400px
}
}

@media (min-width: 960px) {
.bgimage-title.variant-1 .text-wrapper {
  padding: 2.1rem 3.2rem 3.25rem
}
}
.bgimage-title.variant-1 .text-wrapper h1, .bgimage-title.variant-1 .text-wrapper .h1 {
  font-size: 1.2rem
}

@media (min-width: 960px) {
.bgimage-title.variant-1 .text-wrapper h1, .bgimage-title.variant-1 .text-wrapper .h1 {
  font-size: 2.8rem
}
}
.bgimage-title.variant-1 figure {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%
}
.bgimage-title.variant-1 figure picture {
  display: block;
  width: 100%;
  height: 100%
}
.bgimage-title.variant-1 figure picture img {
  height: 100%;
  width: 100%
}
.bgimage-title.variant-1.side-margin .content-wrapper {
  max-width: 100%
}
.discover-products-wrapper .content-wrapper {
  max-width: 1440px;
  position: relative;
  padding: 0 1.6rem;
  margin: 40px auto
}

@media (min-width: 960px) {
.discover-products-wrapper .content-wrapper {
  padding: 0 3.2rem;
  margin: 100px auto
}
}
.discover-products-wrapper .js-carousel-recommended-products .product-list-item {
  margin: 0;
  padding: 0;
  width: 100%
}

@media (min-width: 640px) {
.discover-products-wrapper .js-carousel-recommended-products .swiper-slide {
  width: 304px
}
}
.discover-products-wrapper .js-carousel-recommended-products .swiper-pagination {
  margin-top: 1.6rem
}
.discover-products-wrapper .js-carousel-recommended-products.sm-size .text-wrapper h4, .discover-products-wrapper .js-carousel-recommended-products.sm-size .text-wrapper .h4 {
  font-weight: normal
}

@media (min-width: 960px) {
.discover-products-wrapper .js-carousel-recommended-products.sm-size .swiper-slide {
  width: 192px
}
}
.faq-about .content-wrapper {
  width: 83vw;
  margin: 0 auto 2.25rem auto
}

@media (min-width: 960px) {
.faq-about .content-wrapper {
  display: flex;
  flex-direction: column;
  max-width: 1090px;
  width: 75.69vw;
  margin: 0 auto 100px auto
}
}
.faq-about h2, .faq-about .h2 {
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold;
  font-size: 1.4rem;
  line-height: 1.42;
  margin-bottom: 1.6rem
}

@media (min-width: 960px) {
.faq-about h2, .faq-about .h2 {
  font-size: 2.1rem;
  margin-bottom: 2.8rem
}
}
.faq-about h3 {
  line-height: 1.42;
  margin-bottom: 1.1rem;
  font-size: 0.9rem
}

@media (min-width: 960px) {
.faq-about h3 {
  margin-bottom: 1.6rem;
  font-size: 1.2rem
}
}
.faq-about .list-links .txt-wrapper {
  margin-bottom: 3rem
}

@media (min-width: 960px) {
.faq-about .list-links {
  display: flex
}
.faq-about .list-links .txt-wrapper {
  flex-basis: 50%;
  margin-bottom: 1.6rem;
  max-width: 385px;
  min-width: 33.333%;
  padding-right: 80px
}
}
.faq-about .list-links ul {
  list-style-type: none;
  margin: 0;
  padding: 0
}
.faq-about .list-links ul li {
  margin-bottom: 1.1rem;
  margin-top: 0
}

@media (min-width: 960px) {
.faq-about .list-links ul li {
  margin-bottom: 1.6rem
}
}
.grid-imgtxt {
  background: #f6f4f0;
  padding: 0 0 3rem 0;
  margin: 0 0 56px 0
}

@media (min-width: 960px) {
.grid-imgtxt {
  background: transparent;
  margin: 0 0 100px 0
}
}
.grid-imgtxt .content-wrapper {
  display: flex;
  flex-direction: column
}

@media (min-width: 960px) {
.grid-imgtxt .content-wrapper {
  background: #f6f4f0;
  width: 91.1vw;
  max-width: 1312px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 4.8rem 5.6rem;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 32px
}
}
.grid-imgtxt figure img {
  display: block;
  height: auto;
  width: 100%
}
.grid-imgtxt__txt {
  font-size: 0.8rem;
  line-height: 1.5;
  padding: 0 8.5vw
}

@media (min-width: 960px) {
.grid-imgtxt__txt {
  padding: 0;
  line-height: 1.6
}
}
.grid-imgtxt__txt--1 {
  margin: 0 0 2.4rem 0
}

@media (min-width: 960px) {
.grid-imgtxt__txt--1 {
  grid-column-start: 8;
  grid-column-end: span 4;
  padding: 5.6rem 0 0 0
}
}
.grid-imgtxt__txt--1:first-child {
  padding-top: 3rem
}

@media (min-width: 960px) {
.grid-imgtxt__txt--1:first-child {
  grid-column-start: 1;
  grid-column-end: span 5;
  padding-top: 0
}
}
.grid-imgtxt__txt--1>:last-child {
  margin-bottom: 0
}
.grid-imgtxt__txt--2 {
  order: 4
}

@media (min-width: 960px) {
.grid-imgtxt__txt--2 {
  order: 0;
  grid-column-start: 1;
  grid-column-end: span 5;
  padding: 8.6rem 0 0 0
}
}
.grid-imgtxt__txt--2>:last-child {
  margin-bottom: 0
}
.grid-imgtxt__img1 {
  display: block;
  margin: 0 0 2rem 0
}

@media (min-width: 960px) {
.grid-imgtxt__img1 {
  margin: 0;
  grid-column-end: span 6;
  overflow: hidden
}
}
.grid-imgtxt__img2 {
  margin: 0 0 2rem 0;
  padding: 0 8.5vw
}

@media (min-width: 960px) {
.grid-imgtxt__img2 {
  padding: 0;
  margin: 1.6rem 0 0 0;
  padding: 14vw 0 0 0;
  grid-column-start: 7;
  grid-column-end: span 6;
  position: relative
}
}

@media (min-width: 1180px) {
.grid-imgtxt__img2 {
  padding: 0
}
}
.grid-imgtxt__img2 figure {
  position: relative
}
.grid-imgtxt__img2 figure:first-child {
  width: 74%;
  margin: 0 0 0 auto;
  top: 1.6rem;
  z-index: 2
}

@media (min-width: 960px) {
.grid-imgtxt__img2 figure:first-child {
  top: 0;
  margin: 0;
  width: 88.5%;
  position: absolute;
  right: 0;
  transform: translateY(0%) translateX(1.6rem)
}
}

@media (min-width: 1180px) {
.grid-imgtxt__img2 figure:first-child {
  transform: translateY(-65%) translateX(1.6rem)
}
}
.grid-imgtxt__img2 figure:last-child {
  width: 74%;
  margin: 0 auto 0 0
}

@media (min-width: 960px) {
.grid-imgtxt__img2 figure:last-child {
  margin: 0;
  width: auto
}
}
.grid-imgtxt h3, .grid-imgtxt .h3 {
  margin-bottom: 1.2rem
}

@media (min-width: 960px) {
.grid-imgtxt h3, .grid-imgtxt .h3 {
  margin-bottom: 1.6rem
}
}
.grid-imgtxt .cta-container {
  padding-top: 16px
}

@media (min-width: 960px) {
.grid-imgtxt .cta-container {
  padding-top: 12px
}
}

@media (min-width: 960px) {
.grid-imgtxt.no-hero-img .grid-imgtxt__img2 {
  margin-top: 11rem
}
}
.blk-list-basic {
  margin: 0 0 56px 0
}

@media (min-width: 960px) {
.blk-list-basic {
  margin: 0 0 100px 0
}
}
.blk-list-basic header {
  width: 83vw;
  margin: 0 auto 2.4rem;
  text-align: center
}

@media (min-width: 960px) {
.blk-list-basic header {
  margin: 0 auto 3.2rem;
  width: 91.1vw;
  max-width: 1312px
}
}
.blk-list-basic header h2, .blk-list-basic header .h2 {
  font-size: 1.4rem;
  line-height: 2rem;
  margin-bottom: 1rem
}

@media (min-width: 960px) {
.blk-list-basic header h2, .blk-list-basic header .h2 {
  font-size: 2.1rem;
  line-height: 2.6rem;
  margin-bottom: 1.2rem
}
}
.blk-list-basic header:last-child {
  margin-bottom: 0
}
.blk-list-basic .content-wrapper {
  width: 83vw;
  margin: 0 auto;
  display: flex;
  flex-direction: column
}

@media (min-width: 960px) {
.blk-list-basic .content-wrapper {
  width: 91.1vw;
  max-width: 1312px;
  justify-content: center;
  flex-direction: row
}
}
.blk-list-basic .content-wrapper article {
  text-align: center;
  margin-bottom: 2.5rem
}
.blk-list-basic .content-wrapper article:last-child {
  margin-bottom: 0
}

@media (min-width: 960px) {
.blk-list-basic .content-wrapper article {
  width: 91.1vw;
  max-width: 1312px;
  justify-content: center;
  margin-bottom: 0
}
}
.blk-list-basic .content-wrapper article .text-wrapper:last-child {
  margin-bottom: 0
}
.blk-list-basic .content-wrapper h3, .blk-list-basic .content-wrapper .h3 {
  font-size: 1rem
}

@media (min-width: 960px) {
.blk-list-basic .content-wrapper h3, .blk-list-basic .content-wrapper .h3 {
  font-size: 1.2rem
}
}
.blk-list-basic .footer-wrapper {
  width: 83vw;
  margin: 1.2rem auto 0;
  text-align: center
}

@media (min-width: 960px) {
.blk-list-basic .footer-wrapper {
  margin: 1.6rem auto 0;
  width: 91.1vw;
  max-width: 450px
}
}
.blk-list-basic .footer-wrapper>:last-child {
  margin-bottom: 0
}
.blk-list-basic.inner-space {
  padding: 3.2rem 0
}

@media (min-width: 960px) {
.blk-list-basic.inner-space {
  padding: 5rem 0
}
}
.blk-list-basic.brand-hard-white {
  background-color: #f6f4f0
}
.brand-amber {
 --block-background: #e27d34;
 --block-text-color: inherit
}
.brand-blue {
 --block-background: #2980b5;
 --block-text-color: #FFFDFB
}
.brand-dark, .brand-slate {
 --block-background: var(--prl-color-primary);
 --block-text-color: #FFFDFB
}
.brand-deep-red {
 --block-background: #a22f26;
 --block-text-color: #FFFDFB
}
.brand-hard-white {
 --block-background: #f6f4f0;
 --block-text-color: inherit
}
.brand-red {
 --block-background: #db3826;
 --block-text-color: #FFFDFB
}
.brand-tory-blue {
 --block-background: #1253a1;
 --block-text-color: inherit
}
.brand-turquoise {
 --block-background: #00D1D2;
 --block-text-color: inherit
}
.brand-veev-mint {
 --block-background: #00ADBD;
 --block-text-color: #FFFDFB
}
.brand-veev-blue {
 --block-background: #00A8E7;
 --block-text-color: inherit
}
.brand-veev-rose {
 --block-background: #e54360;
 --block-text-color: inherit
}
.brand-veeba-purple {
 --block-background: #7964B9;
 --block-text-color: #FFFDFB
}
:root {
 --prl-color-inverse-background: #1b1b1b;
 --prl-color-primary: #272A33;
 --prl-color-primary-inverse: white;
 --prl-color-secondary-amber: #E5B052;
 --prl-color-secondary-night-blue: #3073C2;
 --prl-color-secondary-label: #A9A092;
 --prl-color-grey-600: #73757C;
 --prl-color-grey-caption: #8f9099;
 --prl-color-grey-500: #9B9CA0;
 --prl-color-grey-400: #B8B9BD;
 --prl-color-grey-300: #D3D3D3;
 --prl-color-grey-200: #F5F4F2;
 --prl-color-grey-100: #FAFAFA;
 --prl-color-grey-A200: #F9F9F9;
 --prl-color-grey-A300: #E8E8E8;
 --prl-color-grey-A350: #EFEFEF;
 --prl-color-grey-A500: #A6A6A6;
 --prl-color-apline-blue: #95AFD6;
 --prl-color-apline-blue-light: #D5DFEF;
 --prl-color-blue: #3073C2;
 --prl-color-blue-light: #B1C5E1;
 --prl-color-plum: #C085AB;
 --prl-color-plum-light: #E6CEDD;
 --prl-color-pink: #CE8EA2;
 --prl-color-pink-light: #F0DDE3;
 --prl-color-copper: #F29E97;
 --prl-color-copper-light: #FAD9D6;
 --prl-color-gold: #E0CEC3;
 --prl-color-gold-light: #FDF7F0;
 --prl-color-bronze: #82756F;
 --prl-color-bronze-light: #AF9D94;
 --prl-color-lemon: #E9DD8A;
 --prl-color-lemon-light: #F2EBB9;
 --prl-color-mint: #ADD0BA;
 --prl-color-mint-light: #C5DECE;
 --prl-color-teal: #439093;
 --prl-color-teal-light: #B4D3D4;
 --prl-color-pewter: #C1C1C0;
 --prl-color-pewter-light: #EDEDED;
 --prl-color-steel: #A8C3D0;
 --prl-color-steel-light: #D1DFE5;
 --prl-color-signal-yellow: #E5B052;
 --prl-color-signal-green: #92B934;
 --prl-color-signal-red: #E55252;
 --prl-color-notification-solid-white: #F9F9F9;
 --prl-color-button: #FCFBF9
}
.isDesktop {
}
 .isDesktop ::-webkit-scrollbar {
 width: 8px;
 height: 8px;
 border-radius: 4px
}
 .isDesktop ::-webkit-scrollbar-thumb {
 background: #babac0;
 border-radius: 4px
}
 .isDesktop ::-webkit-scrollbar-track {
 background: #f6f4f0;
 border-radius: 4px
}
 .isDesktop ::-webkit-scrollbar-button {
 display: none
}
 .isDesktop::-webkit-scrollbar {
 width: 8px;
 height: 8px;
 border-radius: 4px
}
 .isDesktop::-webkit-scrollbar-thumb {
 background: #babac0;
 border-radius: 4px
}
 .isDesktop::-webkit-scrollbar-track {
 background: #f6f4f0;
 border-radius: 4px
}
.isDesktop {
  scrollbar-face-color: #babac0;
  scrollbar-track-color: #f6f4f0
}
.isDesktop {
  scrollbar-width: thin;
  scrollbar-color: #babac0 #f6f4f0
}
.isDesktop * {
}
 .isDesktop * ::-webkit-scrollbar {
 width: 7px;
 height: 7px;
 border-radius: 4px
}
 .isDesktop * ::-webkit-scrollbar-thumb {
 background: #babac0;
 border-radius: 4px
}
 .isDesktop * ::-webkit-scrollbar-track {
 background: #f6f4f0;
 border-radius: 4px
}
 .isDesktop * ::-webkit-scrollbar-button {
 display: none
}
 .isDesktop *::-webkit-scrollbar {
 width: 7px;
 height: 7px;
 border-radius: 4px
}
 .isDesktop *::-webkit-scrollbar-thumb {
 background: #babac0;
 border-radius: 4px
}
 .isDesktop *::-webkit-scrollbar-track {
 background: #f6f4f0;
 border-radius: 4px
}
.isDesktop * {
  scrollbar-face-color: #babac0;
  scrollbar-track-color: #f6f4f0
}
.isDesktop * {
  scrollbar-width: thin;
  scrollbar-color: #babac0 #f6f4f0
}
.loading-event {
  pointer-events: none
}
 @keyframes fadein {
 0% {
 opacity: 0
}
 100% {
 opacity: 1
}
}
 @keyframes fadein-background-color {
 0% {
 background-color: var(--prl-slider-background-color-from)
}
 100% {
 background-color: var(--prl-slider-background-color-to)
}
}
[class^="prl-icon-"], [class*=" prl-icon-"] {
  font-family: 'iqos-icons' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.prl-icon-account:before {
  content: "î¤€"
}
.prl-icon-address:before {
  content: "î¤"
}
.prl-icon-alert:before {
  content: "î¤‚"
}
.prl-icon-approved:before {
  content: "î¤ƒ"
}
.prl-icon-arrow-left:before {
  content: "î¤„"
}
.prl-icon-arrow-right:before {
  content: "î¤…"
}
.prl-icon-bookings:before {
  content: "î¤†"
}
.prl-icon-cancel:before {
  content: "î¤‡"
}
.prl-icon-cards:before {
  content: "î¤ˆ"
}
.prl-icon-cart:before {
  content: "î¤‰"
}
.prl-icon-cash:before {
  content: "î¤Š"
}
.prl-icon-chat:before {
  content: "î¤‹"
}
.prl-icon-chevron-down:before {
  content: "î¤Œ"
}
.prl-icon-chevron-left:before {
  content: "î¤"
}
.prl-icon-chevron-right:before {
  content: "î¤Ž"
}
.prl-icon-chevron-up:before {
  content: "î¤"
}
.prl-icon-cleaning:before {
  content: "î¤"
}
.prl-icon-close:before {
  content: "î¤‘"
}
.prl-icon-comment:before {
  content: "î¤’"
}
.prl-icon-confirmation:before {
  content: "î¤“"
}
.prl-icon-contact:before {
  content: "î¤”"
}
.prl-icon-cvv:before {
  content: "î¤•"
}
.prl-icon-devices:before {
  content: "î¤–"
}
.prl-icon-download:before {
  content: "î¤—"
}
.prl-icon-event2 .path1:before {
  content: "î¤˜";
  color: #272a33
}
.prl-icon-event2 .path2:before {
  content: "î¤™";
  margin-left: -1em;
  color: #272a33
}
.prl-icon-event2 .path3:before {
  content: "î¤š";
  margin-left: -1em;
  color: black
}
.prl-icon-event2 .path4:before {
  content: "î¤›";
  margin-left: -1em;
  color: #272a33
}
.prl-icon-external-link:before {
  content: "î¤œ"
}
.prl-icon-fullscreen:before {
  content: "î¤"
}
.prl-icon-help:before {
  content: "î¤ž"
}
.prl-icon-info:before {
  content: "î¤Ÿ"
}
.prl-icon-instagram:before {
  content: "î¤ "
}
.prl-icon-invisible:before {
  content: "î¤¡"
}
.prl-icon-iqos-coach:before {
  content: "î¤¢"
}
.prl-icon-like:before {
  content: "î¤£"
}
.prl-icon-location:before {
  content: "î¤¤"
}
.prl-icon-lock:before {
  content: "î¤¥"
}
.prl-icon-mail:before {
  content: "î¤¦"
}
.prl-icon-menu:before {
  content: "î¤§"
}
.prl-icon-minus:before {
  content: "î¤·"
}
.prl-icon-my-devices:before {
  content: "î¤¨"
}
.prl-icon-orders:before {
  content: "î¤©"
}
.prl-icon-play:before {
  content: "î¤¸"
}
.prl-icon-protection:before {
  content: "î¤ª"
}
.prl-icon-rapid-replacement-service:before {
  content: "î¤«"
}
.prl-icon-replacement:before {
  content: "î¤¬"
}
.prl-icon-rewards:before {
  content: "î¤­"
}
.prl-icon-savings:before {
  content: "î¤®"
}
.prl-icon-search:before {
  content: "î¤¯"
}
.prl-icon-special-offers:before {
  content: "î¤°"
}
.prl-icon-tick:before {
  content: "î¤±"
}
.prl-icon-time:before {
  content: "î¤²"
}
.prl-icon-visible:before {
  content: "î¤¶"
}
.prl-icon-vouchers:before {
  content: "î¤³"
}
.prl-icon-wallet:before {
  content: "î¤´"
}
.prl-icon-wishlist:before {
  content: "î¤µ"
}
.flickity-enabled {
  position: relative
}
.flickity-enabled:focus {
  outline: none
}
.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
  transition: height 0.3s
}
.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%
}
.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  user-select: none
}
.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing
}
.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1
}
.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #fff;
  border: 1.45px solid #333;
  border-radius: 50%;
  opacity: 0.45;
  cursor: pointer
}
.flickity-page-dots .dot.is-selected {
  background: #333;
  opacity: 0.45
}
ul.ui-widget.ui-widget-content {
  font-family: inherit;
  border: 2px solid #34303d;
  border-top: 0;
  max-height: 250px;
  overflow-y: auto
}
 ul.ui-widget.ui-widget-content::-webkit-scrollbar {
 width: 5px
}
 ul.ui-widget.ui-widget-content::-webkit-scrollbar-thumb {
 background-color: #f0eff2;
 outline: 1px solid #f0eff2
}
ul.ui-widget.ui-widget-content .ui-corner-all {
  border-top-right-radius: 0;
  border-top-left-radius: 0
}
ul.ui-widget.ui-widget-content li.ui-menu-item a {
  display: flex;
  align-items: center;
  padding: 10px;
  border: 0;
  margin: 0
}
ul.ui-widget.ui-widget-content li.ui-menu-item a:active {
  border: 0
}
ul.ui-widget.ui-widget-content li.ui-menu-item a a.ui-state-hover, ul.ui-widget.ui-widget-content li.ui-menu-item a a.ui-widget-content .ui-state-hover, ul.ui-widget.ui-widget-content li.ui-menu-item a a.ui-widget-header .ui-state-hover, ul.ui-widget.ui-widget-content li.ui-menu-item a a.ui-state-focus, ul.ui-widget.ui-widget-content li.ui-menu-item a a.ui-widget-content .ui-state-focus, ul.ui-widget.ui-widget-content li.ui-menu-item a a.ui-widget-header .ui-state-focus, ul.ui-widget.ui-widget-content li.ui-menu-item a a.ui-button:hover, ul.ui-widget.ui-widget-content li.ui-menu-item a a.ui-button:focus {
  border: 0
}
.prl-badge {
  border-radius: 12.5px;
  font-size: 11px;
  height: 18px;
  line-height: 18px;
  width: fit-content;
  padding: 0 9px;
  color: var(--prl-color-primary-inverse);
  background: var(--prl-color-signal-red)
}
.prl-badge.-large {
  height: 24px;
  line-height: 24px;
  padding: 0 11px
}
.prl-badge.-new {
  background: var(--prl-color-signal-green)
}
.prl-badge.-types {
  background: transparent;
  border: 1px solid var(--prl-color-grey-300);
  color: var(--prl-color-primary)
}
.prl-badge.-limited {
  background: var(--prl-color-primary);
  color: var(--prl-color-primary-inverse)
}
.prl-breadcrumbs {
  font-weight: 400;
  color: var(--prl-color-primary);
  font-size: 14px;
  line-height: 24px;
  height: 76px;
  background-color: var(--prl-color-primary);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-left: 33px
}
.prl-breadcrumbs a.prl-breadcrumb {
  color: var(--prl-color-primary-inverse)
}
.prl-breadcrumbs a.prl-breadcrumb:not(:first-child) {
  padding-left: 22px
}
.prl-breadcrumbs a.prl-breadcrumb:not(:last-child):after {
  color: var(--prl-color-secondary-label);
  content: "î¤Ž";
  margin-left: 22px;
  font-size: 12px
}
 .prl-breadcrumbs a.prl-breadcrumb:not(:last-child):after::after {
 font-family: 'iqos-icons' !important;
 speak: never;
 font-style: normal;
 font-weight: normal;
 font-variant: normal;
 text-transform: none;
 line-height: 1;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 content: "î¤Ž"
}
.prl-button {
  min-width: 128px;
  min-height: 48px;
  font-weight: 500;
  padding: 8px 32px;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  border-radius: 3px;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 0;
  border: 1.5px solid transparent;
  outline: none;
  cursor: pointer;
  transition: all 0.3s ease-in-out
}
.prl-button.-full-width {
  width: 100%
}
.prl-button.-large {
  font-size: 16px;
  height: 48px
}
.prl-button.-primary {
  background-color: var(--prl-color-primary);
  color: var(--prl-color-primary-inverse)
}
.prl-button.-primary:hover {
  background-color: #52545B !important
}
.prl-button.-secondary {
  background-color: transparent;
  color: var(--prl-color-primary);
  border-color: #262A33
}
.prl-button.-secondary:hover {
  border-color: #929499 !important
}
.prl-button.-tertiary {
  background-color: transparent;
  color: var(--prl-color-primary);
  transition: all 0.3s ease-in-out
}
.prl-button.-tertiary::after {
  font-family: 'iqos-icons' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "î¤Ž"
}
.prl-button.-tertiary:hover:after {
  margin-left: 10px
}
.prl-button.-tertiary::after {
  font-size: 12px;
  margin-left: 4px;
  transition: all 0.3s ease-in-out
}
.prl-button .right-icon {
  margin-left: 5px
}
.prl-button .left-icon {
  margin-left: 5px
}
.prl-button.-tab {
  position: relative;
  height: 60px;
  border: none;
  background-color: var(--prl-color-primary-inverse);
  padding: 0;
  min-width: auto
}
.prl-button.-tab::after {
  transition: opacity 0.6s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0, 0, 0, 1);
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  border-top: 3px solid var(--prl-color-primary);
  opacity: 0
}
.prl-button.-tab.-active::after {
  transition: opacity 0.6s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.3, 0, 0, 1);
  opacity: 1
}
.prl-button.-tab.-in-page::after {
  content: none
}
.prl-button.-tab.-in-page .prl-label-inner-wrapper {
  width: 100%
}
.prl-button.-dropdown {
  position: relative;
  font-size: 16px;
  height: 48px;
  background-color: transparent;
  color: var(--prl-color-primary);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 0 18px
}
.prl-button.-dropdown .prl-button-label {
  flex: 1;
  text-align: left
}
.prl-button.-dropdown .icon-chevron-down, .icon-chevron-up {
  right: 12px;
  font-size: 8px
}
.prl-button.-dropdown .icon-chevron-up {
  display: none
}
.prl-checkbox input {
  display: none
}
.prl-checkbox label {
  font-weight: 400;
  color: var(--prl-color-primary);
  font-size: 16px;
  line-height: 28px;
  user-select: none;
  position: relative;
  padding-left: 40px;
  cursor: pointer
}
.prl-checkbox label:before, .prl-checkbox label:after {
  content: "";
  display: inline-block;
  position: absolute;
  height: 24px;
  width: 24px;
  top: 0;
  left: 0;
  padding: 5px;
  border-radius: 3px
}
.prl-checkbox label:before {
  transition: opacity 0.2s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0, 0, 0, 1);
  font-size: 12px;
  color: white;
  background-color: var(--prl-color-primary);
  opacity: 0
}
.prl-checkbox label:after {
  border: 1px solid;
  border-color: var(--prl-color-primary)
}
.prl-checkbox input+label::before {
  font-family: 'iqos-icons' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "î¤±"
}
.prl-checkbox input:checked+label:before {
  transition: opacity 0.2s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.3, 0, 0, 1);
  opacity: 1
}
.prl-checkbox input:disabled+label {
  cursor: not-allowed;
  color: var(--prl-color-grey-300)
}
.prl-checkbox input:disabled+label:before {
  border-color: var(--prl-color-grey-300)
}
.prl-checkbox label.-error {
  color: var(--prl-color-signal-red)
}
.prl-checkbox label.-error:before {
  border-color: var(--prl-color-signal-red)
}
.prl-input-field {
  min-height: 80px;
  width: 260px
}
 .prl-input-field input:-webkit-autofill, .prl-input-field input:-webkit-autofill:hover, .prl-input-field input:-webkit-autofill:focus, .prl-input-field input:-webkit-autofill:active {
 -webkit-box-shadow: 0 0 0 30px white inset !important
}
.prl-input-field .prl-input-label {
  font-weight: 400;
  color: var(--prl-color-primary);
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 13px;
  display: block
}
.prl-input-field .prl-input-mask {
  border-radius: 3px;
  border: 1px solid var(--prl-color-grey-300);
  position: relative
}
 .prl-input-field .prl-input-mask:focus-within {
 border: 1px solid var(--prl-color-primary)
}
.prl-input-field .prl-input-mask.-error {
  border: 1px solid var(--prl-color-signal-red)
}
.prl-input-field .prl-input-mask.-disabled {
  border: 1px solid var(--prl-color-grey-A300)
}
.prl-input-field .prl-input-mask.-disabled [class^="prl-icon-"], .prl-input-field .prl-input-mask.-disabled [class*=" prl-icon-"] {
  color: var(--prl-color-grey-500)
}
 .prl-input-field .prl-input-mask.-disabled input::placeholder {
 color: var(--prl-color-grey-400)
}
.prl-input-field .prl-input-mask.-full-width {
  width: 100%
}
.prl-input-field .prl-input-mask [class^="prl-icon-"], .prl-input-field .prl-input-mask [class*=" prl-icon-"] {
  position: absolute;
  right: 0;
  font-size: 16px;
  line-height: 24px;
  top: 12px;
  padding: 0 15px;
  background: white
}
.prl-input-field .prl-input-mask input {
  font-weight: 400;
  color: var(--prl-color-primary);
  font-size: 16px;
  line-height: 28px;
  margin: 10px 0 10px 18px;
  border: 0;
  width: fit-content;
  outline: none;
  background: white
}
.prl-input-field .prl-input-mask input:disabled {
  background: white
}
.prl-input-field .prl-input-mask .prl-input-results {
  border-top: 1px solid var(--prl-color-grey-300)
}
.prl-input-field .prl-input-mask .prl-input-results.-hidden {
  display: none
}
.prl-input-field .prl-input-mask .prl-input-results-list {
  margin: 0;
  list-style-type: none
}
.prl-input-field .prl-input-mask .prl-input-results-list li {
  font-weight: 400;
  color: var(--prl-color-primary);
  font-size: 16px;
  line-height: 28px;
  margin: 0;
  height: 48px;
  padding: 10px 0 10px 18px
}
.prl-input-field .prl-input-mask .prl-input-results-list li:hover {
  background-color: var(--prl-color-grey-100)
}
.prl-input.-color {
  display: inline-block
}
.prl-input.-color input {
  display: none
}
.prl-input.-color input:checked+.prl-input-label:after {
  transition: opacity 0.2s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.3, 0, 0, 1);
  opacity: 1
}
.prl-input.-color input:disabled+.prl-input-label {
  opacity: 0.25
}
.prl-input.-color .prl-input-label {
  margin: 0;
  position: relative;
  display: inline-block;
  height: 32px;
  width: 32px;
  cursor: pointer
}
.prl-input.-color .prl-input-label:after {
  transition: opacity 0.2s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0, 0, 0, 1);
  content: '';
  position: absolute;
  display: inline-block;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 1px solid;
  border-color: var(--prl-color-primary);
  border-radius: 50%;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0
}
.prl-input.-color .prl-input-label:before {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: '';
  position: absolute;
  display: inline-block;
  box-sizing: border-box;
  height: 25px;
  width: 25px;
  border-radius: 50%;
  background-color: var(--picker-color)
}
.prl-list {
  font-weight: 400;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 0;
  outline: none;
  color: var(--prl-color-primary);
  list-style: none;
  width: 100%;
  margin: 0
}
.prl-list li {
  margin: 0
}
.prl-list li:before {
  content: "â€¢";
  font-size: 15px;
  padding-right: 19px
}
.prl-list.-tick li:before {
  content: none
}
.prl-list.-tick .prl-icon-tick {
  padding-right: 14px;
  font-size: 12px
}
.prl-list.-tick li:first-child {
  margin-top: 0
}
.prl-list.-tick li {
  margin-top: 20px
}
.prl-list.-icon li:before {
  content: none
}
.prl-list.-icon li {
  position: relative;
  margin-top: 20px;
  padding-left: 34px
}
.prl-list.-icon [class^="prl-icon-"], [class*=" prl-icon-"] {
  position: absolute;
  left: 0
}
.prl-list.-icon .prl-icon-contact {
  font-size: 19px;
  top: 5px
}
.prl-list.-icon .prl-icon-help {
  font-size: 24px;
  top: 3px;
  left: -3px
}
.prl-list.-icon .prl-icon-vouchers {
  font-size: 20px;
  top: 4px
}
.prl-list.-icon .prl-icon-location {
  font-size: 20px;
  top: 4px;
  left: 2px
}
.prl-list.-icon li:last-child .prl-list-item-subtext {
  margin-bottom: 0
}
.prl-list .prl-list-item-text {
  font-weight: 400;
  color: var(--prl-color-primary);
  font-size: 18px;
  line-height: 28px;
  margin-left: 30px;
  margin-top: -27px;
  display: block
}

@media only screen and (min-width: 1440px) {
.prl-list .prl-list-item-text {
  font-size: 24px;
  line-height: 36px
}
}
.prl-list .prl-list-item-subtext {
  font-weight: 400;
  color: var(--prl-color-primary);
  font-size: 11px;
  line-height: 20px;
  color: var(--prl-color-signal-red);
  color: var(--prl-color-grey-600);
  display: block;
  color: var(--prl-color-grey-600);
  margin: 4px 0 -6px 30px
}
.prl-order-tracker {
  background-color: var(--prl-color-primary-inverse);
  padding: 28px 20px
}
.prl-order-tracker .prl-order-tracker-info {
  display: flex;
  justify-content: space-between;
  padding-bottom: 12px
}
.prl-order-tracker .prl-order-tracker-info .prl-order-tracker-number, .prl-order-tracker .prl-order-tracker-info .prl-order-tracker-status {
  font-weight: 400;
  color: var(--prl-color-primary);
  font-size: 14px;
  line-height: 24px
}
.prl-order-tracker .prl-order-tracker-info .prl-order-tracker-number {
  font-weight: 600
}
.prl-order-tracker .prl-order-tracker-info .prl-order-tracker-status {
  display: flex;
  align-items: center
}
.prl-order-tracker .prl-order-tracker-bar-bg {
  height: 4px;
  background-color: var(--prl-color-grey-200);
  width: 100%
}
.prl-order-tracker .prl-order-tracker-bar-bg .prl-order-tracker-bar {
  height: 4px
}
.prl-order-tracker .prl-order-tracker-bar-bg .prl-order-tracker-bar.-completed {
  width: 100%;
  background-color: var(--prl-color-signal-green)
}
.prl-order-tracker .prl-order-tracker-bar-bg .prl-order-tracker-bar.-processed {
  width: 50%;
  background-color: var(--prl-color-signal-yellow)
}
.prl-order-tracker .prl-order-tracker-bar-bg .prl-order-tracker-bar.-failed {
  width: 0
}
.prl-order-tracker .prl-signal {
  width: 9px;
  height: 9px;
  margin-right: 12px
}
.prl-order-tracker .prl-signal::before {
  content: "" !important
}
.prl-slider-progress {
  width: 100%;
  margin-top: 20px;
  padding: 30px 0
}
.prl-progress-bar {
  display: inline-block;
  position: relative;
  background: rgba(52, 48, 61, 0.3);
  height: 2px;
  width: 26px;
  margin-right: 10px
}
.prl-progress-bar:last-child {
  margin-right: 0
}
.prl-progress-bar:before {
  transition: width 0.5s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  content: "";
  position: absolute;
  background: #34303d;
  width: var(--progress-width);
  height: 100%;
  left: 0;
  top: 0
}
.prl-progress-bar.-light {
  background: rgba(255, 253, 251, 0.3)
}
.prl-progress-bar.-light:before {
  background: #FFFDFB
}
.prl-progress-bar.-reset:before {
  transition: opacity 0.5s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  opacity: 0
}
.prl-progress-tracker-group {
  display: flex;
  height: 72px;
  text-align: center
}
.prl-progress-tracker {
  font-weight: 400;
  color: var(--prl-color-primary);
  font-size: 14px;
  line-height: 24px;
  position: relative;
  flex: 1;
  align-items: center;
  justify-content: center;
  display: flex
}
.prl-progress-tracker.-completed::before {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  border-top: 2px solid var(--prl-color-primary)
}
.prl-progress-tracker.-current::before {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  width: 50%;
  left: 0;
  border-top: 2px solid var(--prl-color-primary)
}
.prl-signal {
  position: relative;
  color: white;
  height: 24px;
  width: 24px;
  border-radius: 50%;
  display: inline-block
}
.prl-signal:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}
.prl-signal.-success {
  background-color: var(--prl-color-signal-green)
}
.prl-signal.-success::before {
  font-family: 'iqos-icons' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "î¤±"
}
.prl-signal.-success:before {
  font-size: 10px
}
.prl-signal.-warning {
  background-color: var(--prl-color-signal-yellow)
}
.prl-signal.-warning::before {
  font-family: 'iqos-icons' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "î¤‚"
}
.prl-signal.-warning:before {
  font-size: 10px
}
.prl-signal.-error {
  background-color: var(--prl-color-signal-red)
}
.prl-signal.-error::before {
  font-family: 'iqos-icons' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "î¤‚"
}
.prl-signal.-error:before {
  font-size: 10px
}
.prl-toggle {
  position: relative;
  display: inline-block;
  width: 34px;
  height: 20px
}
.prl-toggle.-large {
  width: 48px;
  height: 28px
}
.prl-toggle input {
  opacity: 0;
  width: 0;
  height: 0
}
.prl-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--prl-color-grey-200);
  border-radius: 20px
}
.prl-slider::after {
  font-family: 'iqos-icons' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "î¤±"
}
.prl-toggle.-large .prl-slider {
  border-radius: 28px
}
.prl-slider:before {
  transition: all 0.07s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.3, 0, 0, 1);
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 1px;
  bottom: 1px;
  border-radius: 50%;
  background-color: var(--prl-color-grey-300)
}
.prl-toggle.-large .prl-slider:before {
  height: 24px;
  width: 24px;
  left: 2px;
  bottom: 2px
}
.prl-slider:after {
  transition: all 0.07s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.3, 0, 0, 1);
  position: absolute;
  font-size: 8px;
  left: 5px;
  top: 7px;
  color: white;
  color: var(--prl-color-grey-300)
}
.prl-toggle.-large .prl-slider:after {
  font-size: 11px;
  left: 7px;
  top: 9px
}
input:checked+.prl-slider:after {
  transition: all 0.07s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0, 0, 0, 1);
  color: white;
  transform: translateX(14px)
}
.prl-toggle.-large input:checked+.prl-slider:after {
  transform: translateX(20px)
}
input:checked+.prl-slider:before {
  transition: all 0.07s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0, 0, 0, 1);
  background-color: var(--prl-color-signal-green);
  transform: translateX(14px)
}
.prl-toggle.-large input:checked+.prl-slider:before {
  transform: translateX(20px)
}
.prl-accordion-stack {
  display: flex;
  flex-direction: column;
  padding: 0 140px
}

@media only screen and (max-width: 1023px) {
.prl-accordion-stack {
  padding: 0
}
}
.prl-accordion-summary {
  cursor: pointer
}
.prl-accordion {
  width: 100%;
  overflow: hidden;
  background-color: var(--prl-color-primary-inverse)
}
.prl-accordion .prl-accordion-summary {
  font-weight: 400;
  color: var(--prl-color-primary);
  font-size: 24px;
  line-height: 36px;
  height: 95px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 24px;
  width: 100%;
  padding-top: 20px
}
.prl-accordion .prl-accordion-summary span {
  padding-right: 24px
}
.prl-accordion .prl-accordion-summary .prl-icon-cancel {
  font-weight: 400;
  color: var(--prl-color-primary);
  font-size: 16px;
  line-height: 28px;
  position: relative;
  transform: rotate(45deg);
  transform-origin: 10% 50%
}
.prl-accordion .prl-accordion-summary .prl-icon-minus {
  font-weight: 400;
  color: var(--prl-color-primary);
  font-size: 16px;
  line-height: 28px;
  position: relative;
  font-size: 2px;
  padding-top: 5px;
  margin-right: -1px
}
.prl-accordion .prl-accordion-summary.-large {
  font-weight: 400;
  color: var(--prl-color-primary);
  font-size: 24px;
  line-height: 36px
}
.prl-accordion .prl-accordion-summary.-open {
  border-bottom: 0
}
.prl-accordion.-promo, .prl-accordion.-sortBy {
  font-weight: 400;
  color: var(--prl-color-primary);
  font-size: 14px;
  line-height: 24px;
  background-color: var(--prl-color-grey-200)
}
.prl-accordion.-promo .prl-accordion-summary, .prl-accordion.-sortBy .prl-accordion-summary {
  height: 52px;
  border: 0
}
.prl-accordion.-promo .prl-accordion-summary.-open [class^="prl-icon"]::before, .prl-accordion.-sortBy .prl-accordion-summary.-open [class^="prl-icon"]::before {
  transition: transform 0.6s;
  transition-timing-function: cubic-bezier(0, 0, 0, 1);
  transform: rotate(180deg)
}
.prl-accordion.-promo [class^="prl-icon"], .prl-accordion.-sortBy [class^="prl-icon"] {
  font-weight: 400;
  color: var(--prl-color-primary);
  font-size: 14px;
  line-height: 24px
}
.prl-accordion.-promo [class^="prl-icon"]::before, .prl-accordion.-sortBy [class^="prl-icon"]::before {
  display: inline-block;
  transform: rotate(0deg);
  font-size: 10px;
  transition: transform 0.6s;
  transition-timing-function: cubic-bezier(0.3, 0, 0, 1)
}
.prl-accordion.-sortBy {
  background-color: var(--prl-color-primary-inverse)
}
.prl-accordion.-sortBy .prl-accordion-summary {
  justify-content: flex-start
}
.prl-accordion-details {
  font-weight: 400;
  color: var(--prl-color-primary);
  font-size: 14px;
  line-height: 24px;
  max-height: 0px;
  transition: max-height 0.6s cubic-bezier(0, 0, 0, 1)
}
.prl-accordion-details.-open {
  transition: max-height 0.6s cubic-bezier(0.3, 0, 0, 1)
}
.prl-accordion-details .prl-accordion-details-content {
  padding: 16px 14% 60px 20%
}

@media only screen and (max-width: 1023px) {
.prl-accordion-details .prl-accordion-details-content {
  padding: 0 50px 50px 25px
}
}
.prl-accordion-details .prl-accordion-details-content .-list ul, .prl-accordion-details .prl-accordion-details-content .-list li {
  list-style-type: none;
  padding: 0;
  margin: 0
}
.prl-accordion-divider {
  width: 100%;
  height: 1px;
  background-color: var(--prl-color-grey-300)
}
.prl-button-group button:not(:last-child) {
  margin-right: 12px
}
.prl-checkbox-group .prl-checkbox {
  margin-bottom: 25px
}
.prl-checkbox-group .prl-checkbox:last-child {
  margin-bottom: 0
}
.prl-input-field.-color .prl-input {
  margin-right: 10px
}
.prl-input-field.-color .prl-input:last-child {
  margin-right: 0
}

@media only screen and (max-width: 1023px) {
html.js-dropdown-open header {
  display: none
}
}
.prl-dropdown {
  position: relative;
  display: inline-block;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-size: 14px;
  letter-spacing: 0;
  border: 1.5px solid transparent;
  z-index: 1;
  background-color: var(--prl-color-primary-inverse);
  border-radius: 3px;
  border-color: var(--prl-color-grey-300)
}
.prl-dropdown.-active {
  box-shadow: 0 0px 20px -10px #333;
  border-color: transparent;
  z-index: 20
}
.prl-dropdown [data-dropdowntoggle]:after {
  content: " ";
  display: block;
  position: absolute;
  width: 21px;
  height: 21px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='21' viewBox='0 0 24 24' fill='none' stroke='%2334303D' stroke-width='2' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  right: 10px;
  transition: transform 1s
}
.prl-dropdown [data-dropdowntoggle].-show {
  border-radius: 3px 3px 0 0;
  border-bottom: 1px solid #D3D3D3
}
.prl-dropdown [data-dropdowntoggle].-show:after {
  transform: rotate(180deg)
}
.prl-dropdown .prl-dropdown-menu {
  transition: opacity 0.5s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0, 0, 0, 1);
  width: 100%;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  font-size: 1rem;
  text-align: left;
  list-style: none;
  background-clip: padding-box;
  color: var(--prl-color-primary);
  border-left: 1px solid;
  border-right: 1px solid;
  border-bottom: 1px solid;
  border-color: var(--prl-color-grey-300);
  border-radius: 0 0 3px 3px;
  opacity: 0;
  z-index: 1;
  background-color: var(--prl-color-primary-inverse)
}
.prl-dropdown .prl-dropdown-menu.-animate {
  transition: opacity 0.5s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.3, 0, 0, 1);
  opacity: 1
}
.prl-dropdown .prl-dropdown-menu.-active {
  display: block
}
.prl-dropdown .prl-dropdown-item {
  font-size: 14px;
  display: block;
  width: 100%;
  padding: 0 18px;
  clear: both;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  height: 48px;
  display: flex;
  align-items: center
}
.prl-dropdown .prl-dropdown-item.-selected {
  background-color: var(--prl-color-grey-100)
}
.prl-dropdown.-compare {
  width: 100%
}
.prl-dropdown.-compare [data-dropdowntoggle] {
  font-weight: 400;
  color: var(--prl-color-primary)
}

@media only screen and (min-width: 1440px) {
.prl-dropdown.-compare [data-dropdowntoggle] {
  font-size: 18px;
  line-height: 32px
}
}

@media only screen and (min-width: 480px) and (max-width:1599px) {
.prl-dropdown.-compare [data-dropdowntoggle] {
  font-size: 18px;
  line-height: 32px
}
}

@media only screen and (max-width: 767px) {
.prl-dropdown.-compare [data-dropdowntoggle] {
  font-size: 16px;
  line-height: 24px
}
}
.prl-dropdown.-compare [data-dropdowntoggle] img {
  display: none
}
.prl-dropdown.-compare [data-dropdowntoggle].-show {
  border: none
}
.prl-dropdown.-compare .prl-dropdown-item {
  font-weight: 400;
  color: var(--prl-color-primary);
  width: auto;
  border: 1px solid;
  border-color: var(--prl-color-grey-300);
  margin: 8px 10px;
  border-radius: 3px;
  position: relative;
  display: flex;
  padding: 35px 22px
}

@media only screen and (min-width: 1440px) {
.prl-dropdown.-compare .prl-dropdown-item {
  font-size: 18px;
  line-height: 32px
}
}

@media only screen and (min-width: 480px) and (max-width:1599px) {
.prl-dropdown.-compare .prl-dropdown-item {
  font-size: 18px;
  line-height: 32px
}
}

@media only screen and (max-width: 767px) {
.prl-dropdown.-compare .prl-dropdown-item {
  font-size: 16px;
  line-height: 24px
}
}
.prl-dropdown.-compare .prl-dropdown-item .prl-dropdown-item-img {
  width: 40px;
  height: 70%;
  position: absolute;
  right: 30px
}
.prl-dropdown.-compare .prl-dropdown-item img {
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  height: 100%
}
.prl-dropdown.-compare .prl-dropdown-item.-selected {
  border-color: var(--prl-color-primary);
  background-color: var(--prl-color-primary-inverse)
}
.prl-dropdown.-compare .prl-dropdown-item.-disabled {
  border: none;
  background-color: var(--prl-color-grey-100);
  color: var(--prl-color-grey-500)
}
.prl-dropdown.-compare .prl-button.-dropdown {
  width: 100%;
  height: auto;
  padding: 10px 20px 12px
}

@media only screen and (max-width: 1023px) {
.prl-dropdown.-compare .prl-button.-dropdown {
  padding: 7px 14px
}
}
.prl-dropdown.-compare .prl-button-label {
  margin-top: 4px;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: normal
}

@media only screen and (max-width: 1023px) {
.prl-dropdown.-compare .prl-dropdown-menu {
  transition: all 0.5s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0, 0, 0, 1);
  display: block;
  position: fixed;
  left: 0;
  width: 100%;
  height: 100%;
  top: 100%;
  opacity: 0
}
}
.prl-dropdown.-compare .prl-dropdown-menu.-active {
  border: none
}

@media only screen and (max-width: 1023px) {
.prl-dropdown.-compare .prl-dropdown-menu.-animate {
  transition: all 0.5s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.3, 0, 0, 1);
  opacity: 1;
  top: 0
}
}
.prl-dropdown.-compare .prl-dropdown-menu .prl-button.-tertiary {
  display: none;
  position: absolute;
  right: 10px;
  top: 10px;
  margin: 0;
  padding: 0;
  min-width: auto
}

@media only screen and (max-width: 1023px) {
.prl-dropdown.-compare .prl-dropdown-menu .prl-button.-tertiary {
  display: block
}
}
.prl-dropdown.-compare .prl-dropdown-menu .prl-button.-tertiary::after {
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  right: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd' stroke-linecap='round'%3E%3Cg stroke='%23272A33' stroke-width='1.5'%3E%3Cg%3E%3Cg%3E%3Cpath d='M15.5 0.5L0.5 15.5' transform='translate(-320 -24) translate(320 24) translate(4.5 4.5)'/%3E%3Cpath d='M15.5 0.5L0.5 15.5' transform='translate(-320 -24) translate(320 24) translate(4.5 4.5) matrix(-1 0 0 1 16 0)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  transition: transform 1s
}

@media only screen and (max-width: 1023px) {
.prl-dropdown.-compare .prl-dropdown-menu .prl-dropdown-subgroup-wrapper .prl-dropdown-subgroup:first-child {
  margin-top: 64px
}
}
.prl-dropdown.-compare .prl-dropdown-menu .prl-dropdown-subgroup-wrapper .prl-dropdown-subgroup:first-child .-subgroup-header {
  margin: 10px 22px 12px
}
.prl-dropdown.-compare .prl-dropdown-menu .prl-dropdown-subgroup-wrapper .prl-dropdown-subgroup:last-child .prl-dropdown-item:last-child {
  margin-bottom: 24px
}
.prl-dropdown.-compare .prl-dropdown-menu .-subgroup-header {
  font-weight: 400;
  color: var(--prl-color-primary);
  font-size: 14px;
  line-height: 24px;
  color: var(--prl-color-grey-600);
  margin: 24px 22px 12px
}
.prl-grid, .prl-sub-grid {
  display: grid;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  grid-column-gap: 10px;
  padding: 0 32px;
  width: 100%;
  grid-template-columns: repeat(12, 1fr)
}
.prl-grid.-reverse>.prl-grid-col, .prl-sub-grid.-reverse>.prl-grid-col {
  direction: rtl
}
.prl-grid .prl-grid-col, .prl-sub-grid .prl-grid-col {
  overflow: hidden
}
.prl-grid.-overflow, .prl-grid .prl-grid-col.-overflow, .prl-sub-grid.-overflow, .prl-sub-grid .prl-grid-col.-overflow {
  overflow: visible
}
.prl-grid.-no-padding, .prl-sub-grid.-no-padding {
  padding: 0 !important
}
.prl-grid .prl-grid-col.-w-1, .prl-sub-grid .prl-grid-col.-w-1 {
  grid-column-end: span 1
}
.prl-grid .prl-grid-col.-o-1, .prl-sub-grid .prl-grid-col.-o-1 {
  grid-column-start: 1
}
.prl-grid .prl-grid-col.-w-2, .prl-sub-grid .prl-grid-col.-w-2 {
  grid-column-end: span 2
}
.prl-grid .prl-grid-col.-o-2, .prl-sub-grid .prl-grid-col.-o-2 {
  grid-column-start: 2
}
.prl-grid .prl-grid-col.-w-3, .prl-sub-grid .prl-grid-col.-w-3 {
  grid-column-end: span 3
}
.prl-grid .prl-grid-col.-o-3, .prl-sub-grid .prl-grid-col.-o-3 {
  grid-column-start: 3
}
.prl-grid .prl-grid-col.-w-4, .prl-sub-grid .prl-grid-col.-w-4 {
  grid-column-end: span 4
}
.prl-grid .prl-grid-col.-o-4, .prl-sub-grid .prl-grid-col.-o-4 {
  grid-column-start: 4
}
.prl-grid .prl-grid-col.-w-5, .prl-sub-grid .prl-grid-col.-w-5 {
  grid-column-end: span 5
}
.prl-grid .prl-grid-col.-o-5, .prl-sub-grid .prl-grid-col.-o-5 {
  grid-column-start: 5
}
.prl-grid .prl-grid-col.-w-6, .prl-sub-grid .prl-grid-col.-w-6 {
  grid-column-end: span 6
}
.prl-grid .prl-grid-col.-o-6, .prl-sub-grid .prl-grid-col.-o-6 {
  grid-column-start: 6
}
.prl-grid .prl-grid-col.-w-7, .prl-sub-grid .prl-grid-col.-w-7 {
  grid-column-end: span 7
}
.prl-grid .prl-grid-col.-o-7, .prl-sub-grid .prl-grid-col.-o-7 {
  grid-column-start: 7
}
.prl-grid .prl-grid-col.-w-8, .prl-sub-grid .prl-grid-col.-w-8 {
  grid-column-end: span 8
}
.prl-grid .prl-grid-col.-o-8, .prl-sub-grid .prl-grid-col.-o-8 {
  grid-column-start: 8
}
.prl-grid .prl-grid-col.-w-9, .prl-sub-grid .prl-grid-col.-w-9 {
  grid-column-end: span 9
}
.prl-grid .prl-grid-col.-o-9, .prl-sub-grid .prl-grid-col.-o-9 {
  grid-column-start: 9
}
.prl-grid .prl-grid-col.-w-10, .prl-sub-grid .prl-grid-col.-w-10 {
  grid-column-end: span 10
}
.prl-grid .prl-grid-col.-o-10, .prl-sub-grid .prl-grid-col.-o-10 {
  grid-column-start: 10
}
.prl-grid .prl-grid-col.-w-11, .prl-sub-grid .prl-grid-col.-w-11 {
  grid-column-end: span 11
}
.prl-grid .prl-grid-col.-o-11, .prl-sub-grid .prl-grid-col.-o-11 {
  grid-column-start: 11
}
.prl-grid .prl-grid-col.-w-12, .prl-sub-grid .prl-grid-col.-w-12 {
  grid-column-end: span 12
}
.prl-grid .prl-grid-col.-o-12, .prl-sub-grid .prl-grid-col.-o-12 {
  grid-column-start: 12
}

@media only screen and (max-width: 767px) {
.prl-grid, .prl-sub-grid {
  grid-template-columns: repeat(4, 1fr)
}
.prl-grid .prl-grid-col.-w-1\@s, .prl-sub-grid .prl-grid-col.-w-1\@s {
  grid-column-end: span 1
}
.prl-grid .prl-grid-col.-o-1\@s, .prl-sub-grid .prl-grid-col.-o-1\@s {
  grid-column-start: 1
}
.prl-grid .prl-grid-col.-w-2\@s, .prl-sub-grid .prl-grid-col.-w-2\@s {
  grid-column-end: span 2
}
.prl-grid .prl-grid-col.-o-2\@s, .prl-sub-grid .prl-grid-col.-o-2\@s {
  grid-column-start: 2
}
.prl-grid .prl-grid-col.-w-3\@s, .prl-sub-grid .prl-grid-col.-w-3\@s {
  grid-column-end: span 3
}
.prl-grid .prl-grid-col.-o-3\@s, .prl-sub-grid .prl-grid-col.-o-3\@s {
  grid-column-start: 3
}
.prl-grid .prl-grid-col.-w-4\@s, .prl-sub-grid .prl-grid-col.-w-4\@s {
  grid-column-end: span 4
}
.prl-grid .prl-grid-col.-o-4\@s, .prl-sub-grid .prl-grid-col.-o-4\@s {
  grid-column-start: 4
}
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
.prl-grid, .prl-sub-grid {
  grid-column-gap: 16px;
  padding: 0 0px;
  width: 744px;
  grid-template-columns: repeat(12, 1fr)
}
.prl-grid .prl-grid-col.-w-1\@m, .prl-sub-grid .prl-grid-col.-w-1\@m {
  grid-column-end: span 1
}
.prl-grid .prl-grid-col.-o-1\@m, .prl-sub-grid .prl-grid-col.-o-1\@m {
  grid-column-start: 1
}
.prl-grid .prl-grid-col.-w-2\@m, .prl-sub-grid .prl-grid-col.-w-2\@m {
  grid-column-end: span 2
}
.prl-grid .prl-grid-col.-o-2\@m, .prl-sub-grid .prl-grid-col.-o-2\@m {
  grid-column-start: 2
}
.prl-grid .prl-grid-col.-w-3\@m, .prl-sub-grid .prl-grid-col.-w-3\@m {
  grid-column-end: span 3
}
.prl-grid .prl-grid-col.-o-3\@m, .prl-sub-grid .prl-grid-col.-o-3\@m {
  grid-column-start: 3
}
.prl-grid .prl-grid-col.-w-4\@m, .prl-sub-grid .prl-grid-col.-w-4\@m {
  grid-column-end: span 4
}
.prl-grid .prl-grid-col.-o-4\@m, .prl-sub-grid .prl-grid-col.-o-4\@m {
  grid-column-start: 4
}
.prl-grid .prl-grid-col.-w-5\@m, .prl-sub-grid .prl-grid-col.-w-5\@m {
  grid-column-end: span 5
}
.prl-grid .prl-grid-col.-o-5\@m, .prl-sub-grid .prl-grid-col.-o-5\@m {
  grid-column-start: 5
}
.prl-grid .prl-grid-col.-w-6\@m, .prl-sub-grid .prl-grid-col.-w-6\@m {
  grid-column-end: span 6
}
.prl-grid .prl-grid-col.-o-6\@m, .prl-sub-grid .prl-grid-col.-o-6\@m {
  grid-column-start: 6
}
.prl-grid .prl-grid-col.-w-7\@m, .prl-sub-grid .prl-grid-col.-w-7\@m {
  grid-column-end: span 7
}
.prl-grid .prl-grid-col.-o-7\@m, .prl-sub-grid .prl-grid-col.-o-7\@m {
  grid-column-start: 7
}
.prl-grid .prl-grid-col.-w-8\@m, .prl-sub-grid .prl-grid-col.-w-8\@m {
  grid-column-end: span 8
}
.prl-grid .prl-grid-col.-o-8\@m, .prl-sub-grid .prl-grid-col.-o-8\@m {
  grid-column-start: 8
}
.prl-grid .prl-grid-col.-w-9\@m, .prl-sub-grid .prl-grid-col.-w-9\@m {
  grid-column-end: span 9
}
.prl-grid .prl-grid-col.-o-9\@m, .prl-sub-grid .prl-grid-col.-o-9\@m {
  grid-column-start: 9
}
.prl-grid .prl-grid-col.-w-10\@m, .prl-sub-grid .prl-grid-col.-w-10\@m {
  grid-column-end: span 10
}
.prl-grid .prl-grid-col.-o-10\@m, .prl-sub-grid .prl-grid-col.-o-10\@m {
  grid-column-start: 10
}
.prl-grid .prl-grid-col.-w-11\@m, .prl-sub-grid .prl-grid-col.-w-11\@m {
  grid-column-end: span 11
}
.prl-grid .prl-grid-col.-o-11\@m, .prl-sub-grid .prl-grid-col.-o-11\@m {
  grid-column-start: 11
}
.prl-grid .prl-grid-col.-w-12\@m, .prl-sub-grid .prl-grid-col.-w-12\@m {
  grid-column-end: span 12
}
.prl-grid .prl-grid-col.-o-12\@m, .prl-sub-grid .prl-grid-col.-o-12\@m {
  grid-column-start: 12
}
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
.prl-grid, .prl-sub-grid {
  grid-column-gap: 24px;
  padding: 0 0px;
  width: 919px;
  grid-template-columns: repeat(12, 1fr)
}
.prl-grid .prl-grid-col.-w-1\@l, .prl-sub-grid .prl-grid-col.-w-1\@l {
  grid-column-end: span 1
}
.prl-grid .prl-grid-col.-o-1\@l, .prl-sub-grid .prl-grid-col.-o-1\@l {
  grid-column-start: 1
}
.prl-grid .prl-grid-col.-w-2\@l, .prl-sub-grid .prl-grid-col.-w-2\@l {
  grid-column-end: span 2
}
.prl-grid .prl-grid-col.-o-2\@l, .prl-sub-grid .prl-grid-col.-o-2\@l {
  grid-column-start: 2
}
.prl-grid .prl-grid-col.-w-3\@l, .prl-sub-grid .prl-grid-col.-w-3\@l {
  grid-column-end: span 3
}
.prl-grid .prl-grid-col.-o-3\@l, .prl-sub-grid .prl-grid-col.-o-3\@l {
  grid-column-start: 3
}
.prl-grid .prl-grid-col.-w-4\@l, .prl-sub-grid .prl-grid-col.-w-4\@l {
  grid-column-end: span 4
}
.prl-grid .prl-grid-col.-o-4\@l, .prl-sub-grid .prl-grid-col.-o-4\@l {
  grid-column-start: 4
}
.prl-grid .prl-grid-col.-w-5\@l, .prl-sub-grid .prl-grid-col.-w-5\@l {
  grid-column-end: span 5
}
.prl-grid .prl-grid-col.-o-5\@l, .prl-sub-grid .prl-grid-col.-o-5\@l {
  grid-column-start: 5
}
.prl-grid .prl-grid-col.-w-6\@l, .prl-sub-grid .prl-grid-col.-w-6\@l {
  grid-column-end: span 6
}
.prl-grid .prl-grid-col.-o-6\@l, .prl-sub-grid .prl-grid-col.-o-6\@l {
  grid-column-start: 6
}
.prl-grid .prl-grid-col.-w-7\@l, .prl-sub-grid .prl-grid-col.-w-7\@l {
  grid-column-end: span 7
}
.prl-grid .prl-grid-col.-o-7\@l, .prl-sub-grid .prl-grid-col.-o-7\@l {
  grid-column-start: 7
}
.prl-grid .prl-grid-col.-w-8\@l, .prl-sub-grid .prl-grid-col.-w-8\@l {
  grid-column-end: span 8
}
.prl-grid .prl-grid-col.-o-8\@l, .prl-sub-grid .prl-grid-col.-o-8\@l {
  grid-column-start: 8
}
.prl-grid .prl-grid-col.-w-9\@l, .prl-sub-grid .prl-grid-col.-w-9\@l {
  grid-column-end: span 9
}
.prl-grid .prl-grid-col.-o-9\@l, .prl-sub-grid .prl-grid-col.-o-9\@l {
  grid-column-start: 9
}
.prl-grid .prl-grid-col.-w-10\@l, .prl-sub-grid .prl-grid-col.-w-10\@l {
  grid-column-end: span 10
}
.prl-grid .prl-grid-col.-o-10\@l, .prl-sub-grid .prl-grid-col.-o-10\@l {
  grid-column-start: 10
}
.prl-grid .prl-grid-col.-w-11\@l, .prl-sub-grid .prl-grid-col.-w-11\@l {
  grid-column-end: span 11
}
.prl-grid .prl-grid-col.-o-11\@l, .prl-sub-grid .prl-grid-col.-o-11\@l {
  grid-column-start: 11
}
.prl-grid .prl-grid-col.-w-12\@l, .prl-sub-grid .prl-grid-col.-w-12\@l {
  grid-column-end: span 12
}
.prl-grid .prl-grid-col.-o-12\@l, .prl-sub-grid .prl-grid-col.-o-12\@l {
  grid-column-start: 12
}
}

@media only screen and (min-width: 1280px) and (max-width:1439px) {
.prl-grid, .prl-sub-grid {
  grid-column-gap: 16px;
  padding: 0 0px;
  width: 1022px;
  grid-template-columns: repeat(12, 1fr)
}
.prl-grid .prl-grid-col.-w-1\@xl, .prl-sub-grid .prl-grid-col.-w-1\@xl {
  grid-column-end: span 1
}
.prl-grid .prl-grid-col.-o-1\@xl, .prl-sub-grid .prl-grid-col.-o-1\@xl {
  grid-column-start: 1
}
.prl-grid .prl-grid-col.-w-2\@xl, .prl-sub-grid .prl-grid-col.-w-2\@xl {
  grid-column-end: span 2
}
.prl-grid .prl-grid-col.-o-2\@xl, .prl-sub-grid .prl-grid-col.-o-2\@xl {
  grid-column-start: 2
}
.prl-grid .prl-grid-col.-w-3\@xl, .prl-sub-grid .prl-grid-col.-w-3\@xl {
  grid-column-end: span 3
}
.prl-grid .prl-grid-col.-o-3\@xl, .prl-sub-grid .prl-grid-col.-o-3\@xl {
  grid-column-start: 3
}
.prl-grid .prl-grid-col.-w-4\@xl, .prl-sub-grid .prl-grid-col.-w-4\@xl {
  grid-column-end: span 4
}
.prl-grid .prl-grid-col.-o-4\@xl, .prl-sub-grid .prl-grid-col.-o-4\@xl {
  grid-column-start: 4
}
.prl-grid .prl-grid-col.-w-5\@xl, .prl-sub-grid .prl-grid-col.-w-5\@xl {
  grid-column-end: span 5
}
.prl-grid .prl-grid-col.-o-5\@xl, .prl-sub-grid .prl-grid-col.-o-5\@xl {
  grid-column-start: 5
}
.prl-grid .prl-grid-col.-w-6\@xl, .prl-sub-grid .prl-grid-col.-w-6\@xl {
  grid-column-end: span 6
}
.prl-grid .prl-grid-col.-o-6\@xl, .prl-sub-grid .prl-grid-col.-o-6\@xl {
  grid-column-start: 6
}
.prl-grid .prl-grid-col.-w-7\@xl, .prl-sub-grid .prl-grid-col.-w-7\@xl {
  grid-column-end: span 7
}
.prl-grid .prl-grid-col.-o-7\@xl, .prl-sub-grid .prl-grid-col.-o-7\@xl {
  grid-column-start: 7
}
.prl-grid .prl-grid-col.-w-8\@xl, .prl-sub-grid .prl-grid-col.-w-8\@xl {
  grid-column-end: span 8
}
.prl-grid .prl-grid-col.-o-8\@xl, .prl-sub-grid .prl-grid-col.-o-8\@xl {
  grid-column-start: 8
}
.prl-grid .prl-grid-col.-w-9\@xl, .prl-sub-grid .prl-grid-col.-w-9\@xl {
  grid-column-end: span 9
}
.prl-grid .prl-grid-col.-o-9\@xl, .prl-sub-grid .prl-grid-col.-o-9\@xl {
  grid-column-start: 9
}
.prl-grid .prl-grid-col.-w-10\@xl, .prl-sub-grid .prl-grid-col.-w-10\@xl {
  grid-column-end: span 10
}
.prl-grid .prl-grid-col.-o-10\@xl, .prl-sub-grid .prl-grid-col.-o-10\@xl {
  grid-column-start: 10
}
.prl-grid .prl-grid-col.-w-11\@xl, .prl-sub-grid .prl-grid-col.-w-11\@xl {
  grid-column-end: span 11
}
.prl-grid .prl-grid-col.-o-11\@xl, .prl-sub-grid .prl-grid-col.-o-11\@xl {
  grid-column-start: 11
}
.prl-grid .prl-grid-col.-w-12\@xl, .prl-sub-grid .prl-grid-col.-w-12\@xl {
  grid-column-end: span 12
}
.prl-grid .prl-grid-col.-o-12\@xl, .prl-sub-grid .prl-grid-col.-o-12\@xl {
  grid-column-start: 12
}
}

@media only screen and (min-width: 1440px) {
.prl-grid, .prl-sub-grid {
  grid-column-gap: 32px;
  padding: 0 0px;
  width: 1136px;
  grid-template-columns: repeat(12, 1fr)
}
.prl-grid .prl-grid-col.-w-1\@xxl, .prl-sub-grid .prl-grid-col.-w-1\@xxl {
  grid-column-end: span 1
}
.prl-grid .prl-grid-col.-o-1\@xxl, .prl-sub-grid .prl-grid-col.-o-1\@xxl {
  grid-column-start: 1
}
.prl-grid .prl-grid-col.-w-2\@xxl, .prl-sub-grid .prl-grid-col.-w-2\@xxl {
  grid-column-end: span 2
}
.prl-grid .prl-grid-col.-o-2\@xxl, .prl-sub-grid .prl-grid-col.-o-2\@xxl {
  grid-column-start: 2
}
.prl-grid .prl-grid-col.-w-3\@xxl, .prl-sub-grid .prl-grid-col.-w-3\@xxl {
  grid-column-end: span 3
}
.prl-grid .prl-grid-col.-o-3\@xxl, .prl-sub-grid .prl-grid-col.-o-3\@xxl {
  grid-column-start: 3
}
.prl-grid .prl-grid-col.-w-4\@xxl, .prl-sub-grid .prl-grid-col.-w-4\@xxl {
  grid-column-end: span 4
}
.prl-grid .prl-grid-col.-o-4\@xxl, .prl-sub-grid .prl-grid-col.-o-4\@xxl {
  grid-column-start: 4
}
.prl-grid .prl-grid-col.-w-5\@xxl, .prl-sub-grid .prl-grid-col.-w-5\@xxl {
  grid-column-end: span 5
}
.prl-grid .prl-grid-col.-o-5\@xxl, .prl-sub-grid .prl-grid-col.-o-5\@xxl {
  grid-column-start: 5
}
.prl-grid .prl-grid-col.-w-6\@xxl, .prl-sub-grid .prl-grid-col.-w-6\@xxl {
  grid-column-end: span 6
}
.prl-grid .prl-grid-col.-o-6\@xxl, .prl-sub-grid .prl-grid-col.-o-6\@xxl {
  grid-column-start: 6
}
.prl-grid .prl-grid-col.-w-7\@xxl, .prl-sub-grid .prl-grid-col.-w-7\@xxl {
  grid-column-end: span 7
}
.prl-grid .prl-grid-col.-o-7\@xxl, .prl-sub-grid .prl-grid-col.-o-7\@xxl {
  grid-column-start: 7
}
.prl-grid .prl-grid-col.-w-8\@xxl, .prl-sub-grid .prl-grid-col.-w-8\@xxl {
  grid-column-end: span 8
}
.prl-grid .prl-grid-col.-o-8\@xxl, .prl-sub-grid .prl-grid-col.-o-8\@xxl {
  grid-column-start: 8
}
.prl-grid .prl-grid-col.-w-9\@xxl, .prl-sub-grid .prl-grid-col.-w-9\@xxl {
  grid-column-end: span 9
}
.prl-grid .prl-grid-col.-o-9\@xxl, .prl-sub-grid .prl-grid-col.-o-9\@xxl {
  grid-column-start: 9
}
.prl-grid .prl-grid-col.-w-10\@xxl, .prl-sub-grid .prl-grid-col.-w-10\@xxl {
  grid-column-end: span 10
}
.prl-grid .prl-grid-col.-o-10\@xxl, .prl-sub-grid .prl-grid-col.-o-10\@xxl {
  grid-column-start: 10
}
.prl-grid .prl-grid-col.-w-11\@xxl, .prl-sub-grid .prl-grid-col.-w-11\@xxl {
  grid-column-end: span 11
}
.prl-grid .prl-grid-col.-o-11\@xxl, .prl-sub-grid .prl-grid-col.-o-11\@xxl {
  grid-column-start: 11
}
.prl-grid .prl-grid-col.-w-12\@xxl, .prl-sub-grid .prl-grid-col.-w-12\@xxl {
  grid-column-end: span 12
}
.prl-grid .prl-grid-col.-o-12\@xxl, .prl-sub-grid .prl-grid-col.-o-12\@xxl {
  grid-column-start: 12
}
}

@media only screen and (max-width: 1023px) {
.prl-grid, .prl-sub-grid {
  grid-template-columns: repeat(12, 1fr)
}
.prl-grid .prl-grid-col.-w-1\@mobile, .prl-sub-grid .prl-grid-col.-w-1\@mobile {
  grid-column-end: span 1
}
.prl-grid .prl-grid-col.-o-1\@mobile, .prl-sub-grid .prl-grid-col.-o-1\@mobile {
  grid-column-start: 1
}
.prl-grid .prl-grid-col.-w-2\@mobile, .prl-sub-grid .prl-grid-col.-w-2\@mobile {
  grid-column-end: span 2
}
.prl-grid .prl-grid-col.-o-2\@mobile, .prl-sub-grid .prl-grid-col.-o-2\@mobile {
  grid-column-start: 2
}
.prl-grid .prl-grid-col.-w-3\@mobile, .prl-sub-grid .prl-grid-col.-w-3\@mobile {
  grid-column-end: span 3
}
.prl-grid .prl-grid-col.-o-3\@mobile, .prl-sub-grid .prl-grid-col.-o-3\@mobile {
  grid-column-start: 3
}
.prl-grid .prl-grid-col.-w-4\@mobile, .prl-sub-grid .prl-grid-col.-w-4\@mobile {
  grid-column-end: span 4
}
.prl-grid .prl-grid-col.-o-4\@mobile, .prl-sub-grid .prl-grid-col.-o-4\@mobile {
  grid-column-start: 4
}
.prl-grid .prl-grid-col.-w-5\@mobile, .prl-sub-grid .prl-grid-col.-w-5\@mobile {
  grid-column-end: span 5
}
.prl-grid .prl-grid-col.-o-5\@mobile, .prl-sub-grid .prl-grid-col.-o-5\@mobile {
  grid-column-start: 5
}
.prl-grid .prl-grid-col.-w-6\@mobile, .prl-sub-grid .prl-grid-col.-w-6\@mobile {
  grid-column-end: span 6
}
.prl-grid .prl-grid-col.-o-6\@mobile, .prl-sub-grid .prl-grid-col.-o-6\@mobile {
  grid-column-start: 6
}
.prl-grid .prl-grid-col.-w-7\@mobile, .prl-sub-grid .prl-grid-col.-w-7\@mobile {
  grid-column-end: span 7
}
.prl-grid .prl-grid-col.-o-7\@mobile, .prl-sub-grid .prl-grid-col.-o-7\@mobile {
  grid-column-start: 7
}
.prl-grid .prl-grid-col.-w-8\@mobile, .prl-sub-grid .prl-grid-col.-w-8\@mobile {
  grid-column-end: span 8
}
.prl-grid .prl-grid-col.-o-8\@mobile, .prl-sub-grid .prl-grid-col.-o-8\@mobile {
  grid-column-start: 8
}
.prl-grid .prl-grid-col.-w-9\@mobile, .prl-sub-grid .prl-grid-col.-w-9\@mobile {
  grid-column-end: span 9
}
.prl-grid .prl-grid-col.-o-9\@mobile, .prl-sub-grid .prl-grid-col.-o-9\@mobile {
  grid-column-start: 9
}
.prl-grid .prl-grid-col.-w-10\@mobile, .prl-sub-grid .prl-grid-col.-w-10\@mobile {
  grid-column-end: span 10
}
.prl-grid .prl-grid-col.-o-10\@mobile, .prl-sub-grid .prl-grid-col.-o-10\@mobile {
  grid-column-start: 10
}
.prl-grid .prl-grid-col.-w-11\@mobile, .prl-sub-grid .prl-grid-col.-w-11\@mobile {
  grid-column-end: span 11
}
.prl-grid .prl-grid-col.-o-11\@mobile, .prl-sub-grid .prl-grid-col.-o-11\@mobile {
  grid-column-start: 11
}
.prl-grid .prl-grid-col.-w-12\@mobile, .prl-sub-grid .prl-grid-col.-w-12\@mobile {
  grid-column-end: span 12
}
.prl-grid .prl-grid-col.-o-12\@mobile, .prl-sub-grid .prl-grid-col.-o-12\@mobile {
  grid-column-start: 12
}
.prl-grid .prl-grid-col.-reverse\@mobile, .prl-sub-grid .prl-grid-col.-reverse\@mobile {
  order: -1
}
}

@media only screen and (min-width: 1024px) {
.prl-grid, .prl-sub-grid {
  grid-template-columns: repeat(12, 1fr)
}
.prl-grid .prl-grid-col.-w-1\@desktop, .prl-sub-grid .prl-grid-col.-w-1\@desktop {
  grid-column-end: span 1
}
.prl-grid .prl-grid-col.-o-1\@desktop, .prl-sub-grid .prl-grid-col.-o-1\@desktop {
  grid-column-start: 1
}
.prl-grid .prl-grid-col.-w-2\@desktop, .prl-sub-grid .prl-grid-col.-w-2\@desktop {
  grid-column-end: span 2
}
.prl-grid .prl-grid-col.-o-2\@desktop, .prl-sub-grid .prl-grid-col.-o-2\@desktop {
  grid-column-start: 2
}
.prl-grid .prl-grid-col.-w-3\@desktop, .prl-sub-grid .prl-grid-col.-w-3\@desktop {
  grid-column-end: span 3
}
.prl-grid .prl-grid-col.-o-3\@desktop, .prl-sub-grid .prl-grid-col.-o-3\@desktop {
  grid-column-start: 3
}
.prl-grid .prl-grid-col.-w-4\@desktop, .prl-sub-grid .prl-grid-col.-w-4\@desktop {
  grid-column-end: span 4
}
.prl-grid .prl-grid-col.-o-4\@desktop, .prl-sub-grid .prl-grid-col.-o-4\@desktop {
  grid-column-start: 4
}
.prl-grid .prl-grid-col.-w-5\@desktop, .prl-sub-grid .prl-grid-col.-w-5\@desktop {
  grid-column-end: span 5
}
.prl-grid .prl-grid-col.-o-5\@desktop, .prl-sub-grid .prl-grid-col.-o-5\@desktop {
  grid-column-start: 5
}
.prl-grid .prl-grid-col.-w-6\@desktop, .prl-sub-grid .prl-grid-col.-w-6\@desktop {
  grid-column-end: span 6
}
.prl-grid .prl-grid-col.-o-6\@desktop, .prl-sub-grid .prl-grid-col.-o-6\@desktop {
  grid-column-start: 6
}
.prl-grid .prl-grid-col.-w-7\@desktop, .prl-sub-grid .prl-grid-col.-w-7\@desktop {
  grid-column-end: span 7
}
.prl-grid .prl-grid-col.-o-7\@desktop, .prl-sub-grid .prl-grid-col.-o-7\@desktop {
  grid-column-start: 7
}
.prl-grid .prl-grid-col.-w-8\@desktop, .prl-sub-grid .prl-grid-col.-w-8\@desktop {
  grid-column-end: span 8
}
.prl-grid .prl-grid-col.-o-8\@desktop, .prl-sub-grid .prl-grid-col.-o-8\@desktop {
  grid-column-start: 8
}
.prl-grid .prl-grid-col.-w-9\@desktop, .prl-sub-grid .prl-grid-col.-w-9\@desktop {
  grid-column-end: span 9
}
.prl-grid .prl-grid-col.-o-9\@desktop, .prl-sub-grid .prl-grid-col.-o-9\@desktop {
  grid-column-start: 9
}
.prl-grid .prl-grid-col.-w-10\@desktop, .prl-sub-grid .prl-grid-col.-w-10\@desktop {
  grid-column-end: span 10
}
.prl-grid .prl-grid-col.-o-10\@desktop, .prl-sub-grid .prl-grid-col.-o-10\@desktop {
  grid-column-start: 10
}
.prl-grid .prl-grid-col.-w-11\@desktop, .prl-sub-grid .prl-grid-col.-w-11\@desktop {
  grid-column-end: span 11
}
.prl-grid .prl-grid-col.-o-11\@desktop, .prl-sub-grid .prl-grid-col.-o-11\@desktop {
  grid-column-start: 11
}
.prl-grid .prl-grid-col.-w-12\@desktop, .prl-sub-grid .prl-grid-col.-w-12\@desktop {
  grid-column-end: span 12
}
.prl-grid .prl-grid-col.-o-12\@desktop, .prl-sub-grid .prl-grid-col.-o-12\@desktop {
  grid-column-start: 12
}
.prl-grid .prl-grid-col.-reverse\@desktop, .prl-sub-grid .prl-grid-col.-reverse\@desktop {
  order: -1
}
}

@media only screen and (min-width: 1024px) {
.-hidden\@desktop {
  display: none
}
}

@media only screen and (max-width: 1023px) {
.-hidden\@mobile {
  display: none
}
}
.prl-sub-grid {
  padding: 0
}
.prl-notification {
  font-weight: 400;
  color: var(--prl-color-primary);
  font-size: 14px;
  line-height: 24px;
  position: relative;
  display: inline-block;
  letter-spacing: 0;
  color: var(--prl-color-grey-600);
  border-radius: 4px;
  border: 1px solid;
  border-color: var(--prl-color-grey-300);
  padding: 15px 15px 15px 72px;
  text-overflow: ellipsis
}
.prl-notification.-solid {
  background-color: var(--prl-color-notification-solid-white);
  border: none
}
.prl-notification .prl-signal {
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  left: 25px
}
.prl-star-review {
  margin-bottom: 18px
}
.prl-star-review .prl-star-review-star {
  height: 15px;
  width: 15px;
  margin-right: 2px;
  display: inline-block;
  background-size: cover;
  background-image: url('../../../../../design/themes/kura/media/icons/dcs-star-empty.png?1690945733')
}
.prl-star-review .prl-star-review-star.-full {
  background-image: url('../../../../../design/themes/kura/media/icons/dcs-star-full.png?1690945733')
}
.prl-star-review .prl-star-review-star.-half {
  background-image: url('../../../../../design/themes/kura/media/icons/dcs-star-half.png?1690945733')
}
.prl-star-review .prl-star-review-count {
  margin-left: 5px
}
.prl-tab-group-tabs {
  display: flex;
  height: 60px;
  text-align: center;
  width: 100%;
  margin-bottom: 30px
}

@media only screen and (max-width: 1023px) {
.prl-tab-group-tabs {
  overflow: auto
}
}
.prl-tab-group-tabs .prl-button.-tab {
  min-width: 106px;
  position: relative;
  flex: 1;
  align-items: center;
  justify-content: center;
  display: flex
}
.prl-button.-tab.-in-page .prl-label-inner-wrapper {
  border-right: 1px solid;
  border-color: var(--prl-color-grey-300)
}
.prl-button.-tab.-in-page:last-child .prl-label-inner-wrapper {
  border: none
}
.prl-tab-group-content {
  display: none
}
.prl-tab-group-content.-active {
  display: block
}
.prl-animated-hero {
  overflow: hidden;
  position: fixed;
  height: 100vh;
  width: 100vw;
  top: 0;
  z-index: 50
}
.prl-animated-hero .product-name {
  font-size: 1rem;
  line-height: 1.6;
  margin-top: 100px;
  text-align: center;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: normal
}

@media (min-width: 1024px) {
.prl-animated-hero .product-name {
  margin-top: 150px
}
}
.prl-animated-hero .intro {
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 1.25;
  margin: 0;
  text-align: center
}

@media (min-width: 960px) {
.prl-animated-hero .intro {
  font-size: 2.8rem;
  line-height: 1.15;
  letter-spacing: -0.75px
}
}
.prl-animated-hero .animatedhero-container {
  position: relative;
  height: 100vh
}
.prl-animated-hero .animatedhero-container .outro-container {
  position: absolute;
  width: 100%;
  padding: 0 32px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}
.prl-animated-hero .animatedhero-container .outro-container .outro {
  font-size: 1.4rem;
  line-height: 1.4;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: normal;
  text-align: center;
  opacity: 0
}
.prl-animated-hero .oval {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: #ffffff;
  right: 20px;
  bottom: 20px
}
.prl-animated-hero .oval .icon {
  width: 15px;
  height: 15px;
  background-image: url('../../../../../design/themes/kura/media/images/ico/ChevronDown.svg?1690945733');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center
}
.prl-animated-hero .prl-grid-col {
  overflow: visible
}
.prl-animated-hero .image-wrapper {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%)
}
.prl-animated-hero .image-wrapper .image {
  position: absolute;
  object-fit: contain;
  object-position: top
}
.prl-animated-hero[data-device="iqos24plus"] .image-wrapper {
  width: 320px;
  height: 800px;
  opacity: 0
}

@media only screen and (min-width: 768px) {
.prl-animated-hero[data-device="iqos24plus"] .image-wrapper {
  width: 410px;
  height: 1024px
}
}
.prl-animated-hero[data-device="iqos24plus"] .image-wrapper .case-wrapper {
  position: relative;
  width: 100%
}
.prl-animated-hero[data-device="iqos24plus"] .image-wrapper .case-wrapper img {
  position: absolute
}
.prl-animated-hero[data-device="iqos24plus"] .image-wrapper .case-wrapper .case {
  width: 100%
}
.prl-animated-hero[data-device="iqos24plus"] .image-wrapper .case-wrapper .lid {
  width: 100%;
  transform: translate(-75px, 0) rotate(90deg)
}

@media only screen and (min-width: 768px) {
.prl-animated-hero[data-device="iqos24plus"] .image-wrapper .case-wrapper .lid {
  transform: translate(-95px, 0) rotate(90deg)
}
}
.prl-animated-hero[data-device="iqos24plus"] .image-wrapper .case-wrapper .holder-wrapper {
  position: absolute;
  width: 75px;
  right: 17%;
  top: 100px
}

@media only screen and (min-width: 768px) {
.prl-animated-hero[data-device="iqos24plus"] .image-wrapper .case-wrapper .holder-wrapper {
  width: 105px;
  top: 115px
}
}
.prl-animated-hero[data-device="iqos24plus"] .image-wrapper .case-wrapper .holder-wrapper .heet {
  opacity: 0;
  width: 54%;
  left: 50%;
  transform: translateX(-50%);
  top: -16px
}
.prl-animated-hero[data-device="iqos24plus"] .image-wrapper .case-wrapper .holder-wrapper .holder {
  top: 100px;
  width: 100%
}
.prl-animated-hero[data-device="iqos3duo"] .image-wrapper {
  width: 290px;
  height: 560px;
  opacity: 0
}

@media only screen and (min-width: 768px) {
.prl-animated-hero[data-device="iqos3duo"] .image-wrapper {
  height: 650px;
  width: 350px
}
}
.prl-animated-hero[data-device="iqos3duo"] .image-wrapper .-case {
  right: 0;
  width: 214px;
  height: 661px
}

@media only screen and (min-width: 768px) {
.prl-animated-hero[data-device="iqos3duo"] .image-wrapper .-case {
  width: 268px;
  height: 829px
}
}
.prl-animated-hero[data-device="iqos3duo"] .image-wrapper .holder-wrapper {
  top: 60px;
  position: relative;
  width: 90px
}

@media only screen and (min-width: 768px) {
.prl-animated-hero[data-device="iqos3duo"] .image-wrapper .holder-wrapper {
  top: 80px;
  width: 112px
}
}
.prl-animated-hero[data-device="iqos3duo"] .image-wrapper .holder-wrapper img {
  position: absolute
}
.prl-animated-hero[data-device="iqos3duo"] .image-wrapper .holder-wrapper .heet {
  opacity: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50px
}

@media only screen and (min-width: 768px) {
.prl-animated-hero[data-device="iqos3duo"] .image-wrapper .holder-wrapper .heet {
  width: 59px
}
}
.prl-animated-hero[data-device="iqos3duo"] .image-wrapper .holder-wrapper .holder {
  width: 90px
}

@media only screen and (min-width: 768px) {
.prl-animated-hero[data-device="iqos3duo"] .image-wrapper .holder-wrapper .holder {
  width: 112px
}
}
.prl-animated-hero[data-device="iqos3duo"] .image-wrapper .holder-wrapper .holder.-light {
  opacity: 0
}
.prl-animated-hero[data-device="iqos3multi"] .image-wrapper {
  opacity: 0;
  width: 250px;
  height: 805px
}

@media only screen and (min-width: 768px) {
.prl-animated-hero[data-device="iqos3multi"] .image-wrapper {
  width: 280px;
  height: 880px
}
}
.prl-animated-hero[data-device="iqos3multi"] .image-wrapper .holder-wrapper {
  top: 240px;
  position: relative;
  width: 100%
}

@media only screen and (min-width: 768px) {
.prl-animated-hero[data-device="iqos3multi"] .image-wrapper .holder-wrapper {
  transform: rotate(-90deg);
  width: 100%;
  height: 100%
}
}
.prl-animated-hero[data-device="iqos3multi"] .image-wrapper .holder-wrapper img {
  position: absolute
}
.prl-animated-hero[data-device="iqos3multi"] .image-wrapper .holder-wrapper .heet {
  opacity: 0;
  left: 90px;
  top: 90px;
  width: 48px
}

@media only screen and (min-width: 768px) {
.prl-animated-hero[data-device="iqos3multi"] .image-wrapper .holder-wrapper .heet {
  top: 100px;
  width: 55px;
  left: 100px
}
}
.prl-animated-hero[data-device="iqos3multi"] .image-wrapper .holder-wrapper .holder {
  width: 100%
}
.prl-animated-hero[data-device="iqos3multi"] .image-wrapper .holder-wrapper .holder.-light {
  opacity: 0
}
.prl-benefits {
  overflow: hidden;
  margin: 0 0 56px 0;
  padding: 88px 0 0 0
}

@media (min-width: 960px) {
.prl-benefits {
  padding: 0;
  margin: 0 0 100px 0
}
}

@media (max-width: 959px) {
.prl-benefits.brand-hardwhite-md {
  background-color: #f6f4f0
}
}
.prl-benefits .prl-grid {
  padding-left: 8.5vw;
  padding-right: 8.5vw
}

@media (min-width: 960px) {
.prl-benefits .prl-grid {
  padding-left: 0;
  padding-right: 0
}
}
.prl-benefits.-type-2 {
  overflow: hidden
}
.prl-benefits .large-block {
  width: 100%;
  height: 1000px;
  background: linear-gradient(0deg, #22c1c3 0%, #fdbb2d 100%)
}

@media only screen and (min-width: 1024px) {
.prl-benefits .-\@mobile {
  display: none
}
}
.prl-benefits .-\@mobile .-centered {
  text-align: center
}
.prl-benefits .-\@mobile.-color-inverted .prl-progress-bar {
  background: rgba(255, 255, 255, 0.5)
}
.prl-benefits .-\@mobile.-color-inverted .prl-progress-bar:before {
  background: white
}
.prl-benefits .-\@desktop {
  display: none;
  scroll-snap-type: y mandatory
}

@media only screen and (min-width: 1024px) {
.prl-benefits .-\@desktop {
  display: block
}
}
.prl-benefits .-\@desktop .-centered {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  top: 0
}
.prl-benefits .-\@desktop .-benefit-claim {
  font-weight: 400;
  color: var(--prl-color-primary);
  font-weight: 500;
  margin-top: 32px;
  min-width: 249px
}

@media only screen and (min-width: 1440px) {
.prl-benefits .-\@desktop .-benefit-claim {
  font-size: 22px;
  line-height: 36px
}
}

@media only screen and (min-width: 480px) and (max-width:1599px) {
.prl-benefits .-\@desktop .-benefit-claim {
  font-size: 22px;
  line-height: 36px
}
}

@media only screen and (max-width: 767px) {
.prl-benefits .-\@desktop .-benefit-claim {
  font-size: 16px;
  line-height: 28px
}
}

@media only screen and (min-width: 1440px) {
.prl-benefits .-\@desktop .-benefit-claim {
  font-size: 24px;
  line-height: 36px
}
}
.prl-benefits .-\@desktop .-benefit-disclaimer {
  font-weight: 400;
  color: var(--prl-color-primary);
  font-size: 14px;
  line-height: 24px;
  color: var(--prl-color-grey-600);
  margin-top: 32px;
  min-width: 249px;
  min-height: 250px
}
.prl-benefits .-type-1 {
  margin: 40px 0px
}
.prl-benefits .-type-1 .prl-grid-col {
  overflow: visible
}

@media only screen and (min-width: 1024px) {
.prl-benefits .-type-1 {
  margin: 0px 0px -100px 0px
}
}
.prl-benefits .-type-1 .-content {
  margin-top: 48px
}
.prl-benefits .-type-1 .-claim {
  font-weight: 400;
  color: var(--prl-color-primary);
  font-size: 16px;
  line-height: 28px;
  margin-top: 16px
}

@media only screen and (min-width: 1440px) {
.prl-benefits .-type-1 .-claim {
  font-size: 18px;
  line-height: 28px
}
}
.prl-benefits .-type-1 .-title {
  font-weight: 400;
  color: var(--prl-color-primary)
}

@media only screen and (min-width: 1440px) {
.prl-benefits .-type-1 .-title {
  font-size: 56px;
  line-height: 76px
}
}

@media only screen and (min-width: 1280px) and (max-width:1439px) {
.prl-benefits .-type-1 .-title {
  font-size: 48px;
  line-height: 64px
}
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
.prl-benefits .-type-1 .-title {
  font-size: 48px;
  line-height: 64px
}
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
.prl-benefits .-type-1 .-title {
  font-size: 42px;
  line-height: 60px
}
}

@media only screen and (max-width: 767px) {
.prl-benefits .-type-1 .-title {
  font-size: 32px;
  line-height: 44px
}
}

@media only screen and (min-width: 1440px) {
.prl-benefits .-type-1 .-title {
  font-size: 48px;
  line-height: 64px
}
}
.prl-benefits .-type-1 .-list {
  margin-top: 24px
}
.prl-benefits .-type-1 .-cta {
  margin-top: 42px
}
.prl-benefits .-type-1 .prl-cell-descriptions {
  display: flex;
  align-items: center;
  justify-content: flex-end
}

@media only screen and (max-width: 1023px) {
.prl-benefits .-type-1 .prl-list-item-text {
  font-size: 21px;
  line-height: 32px
}
}
.prl-benefits .-type-2 .prl-cell-descriptions {
  padding-top: 85px
}
.prl-benefits .-type-2 .prl-cell-description {
  text-align: left
}
.prl-benefits .-type-2 .prl-cell-description h3 {
  color: #34303d;
  font-size: 1.6rem;
  line-height: 1.25;
  margin: 0 0 20px 0;
  height: auto;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold
}

@media (min-width: 960px) {
.prl-benefits .-type-2 .prl-cell-description h3 {
  margin: 0 0 32px 0;
  font-size: 2.8rem;
  letter-spacing: -0.75px
}
}
.prl-benefits .-type-2 .prl-cell-description p, .prl-benefits .-type-2 .prl-cell-description h3 {
  text-align: left;
  color: #34303d
}
.prl-benefits .-type-2 .prl-cell-description .prl-benefits-description {
  color: #34303d;
  font-size: 0.8rem;
  line-height: 1.5
}
.prl-benefits .-type-2 .prl-cell-description p {
  margin: 0 0 32px 0
}
.prl-benefits .-type-2 .prl-button {
  display: block;
  margin: 0px 0px 68px;
  border: none;
  padding: 0;
  min-width: 0;
  line-height: 22px
}
.prl-benefits .-type-2.-\@mobile {
  position: relative
}
.prl-benefits .-type-2.-\@mobile .prl-cell-description.-color-inverted h3, .prl-benefits .-type-2.-\@mobile .prl-cell-description.-color-inverted p, .prl-benefits .-type-2.-\@mobile .prl-cell-description.-color-inverted .span, .prl-benefits .-type-2.-\@mobile .prl-cell-description.-color-inverted button {
  color: var(--prl-color-primary-inverse)
}
.prl-benefits .-type-2.-\@mobile .prl-cell-descriptions {
  padding-top: 0px
}
.prl-benefits .-type-2.-\@mobile .legal-advice {
  font-size: 0.6rem;
  line-height: 1rem !important;
  letter-spacing: 0.2px
}
.prl-benefits .-type-2.-\@mobile .prl-slider-carousel-wrapper {
  height: 295px;
  position: absolute;
  top: 0;
  right: 0
}
.prl-benefits .-type-2.-\@mobile .prl-slider-info-content {
  padding-top: 194px;
  padding-bottom: 35px
}
.prl-benefits .-type-2.-\@mobile .prl-slider-carousel-wrapper {
  transform: translateX(8.5vw)
}
.prl-benefits .-type-2.-\@mobile .flickity-viewport {
  transform: translateX(calc(-50% + 8.5vw)) translateY(-88px)
}

@media (min-width: 640px) {
.prl-benefits .-type-2.-\@mobile .flickity-viewport {
  transform: translateX(-50%) translateY(-88px)
}
}
.prl-benefits .-type-2.-\@mobile .prl-flickity {
  position: absolute;
  height: 262px;
  width: 262px;
  padding: 0;
  margin: 0;
  z-index: 1;
  right: 0;
  top: 0
}
.prl-benefits .-type-2.-\@mobile .prl-flickity img {
  margin-left: 0;
  left: 0;
  height: 262px;
  width: 262px
}
.prl-benefits .-type-2.-\@mobile .prl-flickity-cell {
  height: 295px
}
.prl-benefits .-type-2.-\@mobile .prl-carousel-progress {
  padding: 20px 0;
  text-align: left
}
.prl-benefits .-type-2.-\@mobile .prl-carousel-progress .prl-progress-bar {
  width: 26px
}
.prl-benefits .-type-2.-\@mobile .prl-carousel-progress .prl-progress-bar.-active:before {
  width: 100%
}
.prl-benefits .-type-2.-\@mobile .prl-slider {
  background-color: transparent;
  overflow: visible
}
.prl-benefits .-type-2.-\@mobile .prl-slider .prl-slider-outter-wrapper {
  overflow: visible
}
.prl-benefits .-type-2.-\@mobile .background-layer {
  position: absolute;
  margin-top: 10px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--prl-slider-background-color-from)
}
.prl-benefits .-type-2.-\@mobile .background-layer.-animate {
  animation-name: fadein-background-color;
  animation-duration: 2s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.3, 0, 0, 1)
}
.prl-benefits-type-1.-description-content {
  position: relative
}
.prl-benefits-type-1.-description-content .prl-scroll-wrapper {
  padding: 50% 0
}

@media only screen and (min-width: 1024px) {
.prl-benefits-type-1.-description-content .prl-scroll-wrapper {
  margin: 0px -50px 0px 0px
}
}

@media only screen and (min-width: 1280px) {
.prl-benefits-type-1.-description-content .prl-scroll-wrapper {
  margin: 0px
}
}
.prl-benefits-type-1.-description-content .prl-cell-descriptions {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%)
}

@media only screen and (min-width: 1024px) {
.prl-benefits-type-1.-description-content .prl-cell-descriptions {
  width: 919px
}
}

@media only screen and (min-width: 1280px) {
.prl-benefits-type-1.-description-content .prl-cell-descriptions {
  width: 1022px
}
}

@media only screen and (min-width: 1440px) {
.prl-benefits-type-1.-description-content .prl-cell-descriptions {
  width: 1136px
}
}

@media only screen and (min-width: 1024px) {
.prl-benefits-type-1.-description-content .prl-cell-description {
  width: 30%
}
}

@media only screen and (min-width: 1280px) {
.prl-benefits-type-1.-description-content .prl-cell-description {
  width: 40%
}
}
.prl-benefits-type-1.-hero-content {
  transition: opacity 0.6s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.3, 0, 0, 1);
  width: 50%;
  padding-right: 96px;
  opacity: 1;
  scroll-snap-align: start;
  margin-bottom: 40px
}

@media only screen and (min-width: 1024px) {
.prl-benefits-type-1.-hero-content {
  padding-right: 250px
}
}

@media only screen and (min-width: 1440px) {
.prl-benefits-type-1.-hero-content {
  padding-right: 96px
}
}

@media only screen and (min-width: 1024px) {
.prl-benefits-type-1.-hero-content img, .prl-benefits-type-1.-hero-content .-benefit-claim, .prl-benefits-type-1.-hero-content .-benefit-disclaimer {
  width: 242px;
  height: auto
}
}

@media only screen and (min-width: 1440px) {
.prl-benefits-type-1.-hero-content img, .prl-benefits-type-1.-hero-content .-benefit-claim, .prl-benefits-type-1.-hero-content .-benefit-disclaimer {
  width: 272px
}
}
.prl-benefits-type-1.-hero-content:nth-child(even) {
  margin-left: 55%
}
.prl-benefits-type-1.-hero-content:not(:first-child) {
  margin-top: -450px
}
.prl-benefits-type-1.-hero-content:not(:first-child):nth-child(2) {
  margin-top: -460px
}
.prl-benefits-type-1.-hero-content:last-child {
  margin-bottom: 120px
}
.prl-benefits-type-1.-hero-content.-transparent {
  opacity: 0.5
}
.prl-scroll {
  overflow: visible !important
}
.prl-scroll.-color-inverted .prl-cell-description h3, .prl-scroll.-color-inverted .prl-cell-description p, .prl-scroll.-color-inverted .prl-cell-description .span, .prl-scroll.-color-inverted .prl-cell-description button {
  color: var(--prl-color-primary-inverse)
}
.prl-scroll .prl-scroll-outter-wrapper {
  position: relative
}
.prl-scroll .prl-scroll-info-content {
  display: flex
}
.prl-scroll .prl-scroll-wrapper, .prl-scroll .prl-cell-descriptions {
  flex: 0.5
}
.prl-scroll .prl-cell-descriptions {
  max-width: 391px;
  padding-top: 0;
  padding-left: 100px
}
.prl-scroll .prl-cell-description {
  display: none
}
.prl-scroll .prl-cell-description.-active {
  display: block
}
.prl-scroll .prl-scroll-wrapper {
  position: absolute;
  left: 50%;
  top: 0
}
.prl-scroll .prl-scroll-wrapper .prl-scroll-cell {
  overflow: hidden;
 width: calc(100vh * .704 - 60px);
  height: calc(100vh - 60px);
  margin-bottom: 60px
}
.prl-scroll .prl-scroll-wrapper .prl-scroll-cell .prl-scroll-cell-image {
  top: -100%;
  height: 200%;
  position: relative;
  background-repeat: no-repeat
}
.prl-scroll .prl-scroll-wrapper .prl-scroll-cell:last-child {
  margin-bottom: 0
}
.prl-scroll .prl-scroll-wrapper .prl-scroll-cell.-onleave .prl-scroll-cell-image {
  top: 0
}
.prl-scroll .prl-scroll-inner-wrapper {
  position: relative;
  height: 100vh
}
.prl-scroll .prl-slider-progress {
  width: auto;
  position: absolute;
  left: 55px;
  top: 50%;
  transform: rotate(90deg) translate(-50%, 0%);
  transform-origin: top left;
  padding: 0;
  margin: 0
}
.prl-scroll .prl-progress-bar {
  width: 46px;
  margin-right: 7px
}
.prl-scroll [data-containerbackgroundcolor] {
  margin-top: 30px;
  height: calc(100vh - 30px);
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background-color: var(--prl-slider-background-color-from)
}
.prl-scroll [data-containerbackgroundcolor].-animate {
  animation-name: fadein-background-color;
  animation-duration: 2s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.3, 0, 0, 1)
}
.prl-benefits-type-3 {
  background-color: var(--prl-color-primary-inverse);
  overflow: hidden
}
.prl-benefits-type-3 .prl-grid-col {
  overflow: visible
}

@media only screen and (min-width: 1024px) {
.prl-benefits-type-3 .prl-benefits-type-3-title {
  padding: 94px 0px 0px 0px
}
}
.prl-benefits-type-3 .prl-benefits-type-3-title .-title {
  font-weight: 400;
  color: var(--prl-color-primary);
  margin-bottom: 24px
}

@media only screen and (min-width: 1440px) {
.prl-benefits-type-3 .prl-benefits-type-3-title .-title {
  font-size: 42px;
  line-height: 60px
}
}

@media only screen and (min-width: 1280px) and (max-width:1439px) {
.prl-benefits-type-3 .prl-benefits-type-3-title .-title {
  font-size: 34px;
  line-height: 48px
}
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
.prl-benefits-type-3 .prl-benefits-type-3-title .-title {
  font-size: 34px;
  line-height: 48px
}
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
.prl-benefits-type-3 .prl-benefits-type-3-title .-title {
  font-size: 32px;
  line-height: 44px
}
}

@media only screen and (max-width: 767px) {
.prl-benefits-type-3 .prl-benefits-type-3-title .-title {
  font-size: 28px;
  line-height: 36px
}
}

@media only screen and (min-width: 1440px) {
.prl-benefits-type-3 .prl-benefits-type-3-title .-title {
  font-size: 48px;
  line-height: 64px
}
}
.prl-benefits-type-3 .prl-benefits-type-3-title .-sub-title {
  font-weight: 400;
  color: var(--prl-color-primary);
  font-size: 16px;
  line-height: 24px
}

@media only screen and (min-width: 1440px) {
.prl-benefits-type-3 .prl-benefits-type-3-title .-sub-title {
  font-size: 20px;
  line-height: 32px
}
}

@media only screen and (min-width: 1024px) {
.prl-benefits-type-3 .prl-benefits-type-3-title .-sub-title {
  width: 525px
}
}

@media only screen and (min-width: 1440px) {
.prl-benefits-type-3 .prl-benefits-type-3-title .-sub-title {
  font-size: 18px;
  line-height: 28px
}
}
.prl-benefits-type-3 .flickity-viewport {
  overflow: visible
}
.prl-benefits-type-3 .-container {
  position: relative
}
.prl-benefits-type-3 .prl-benefits-type-3-carousel {
  margin-top: 40px;
  margin-bottom: 40px;
  padding: 0 0
}

@media only screen and (max-width: 1023px) {
.prl-benefits-type-3 .prl-benefits-type-3-carousel {
  margin-bottom: 20px
}
}

@media only screen and (min-width: 1024px) {
.prl-benefits-type-3 .prl-benefits-type-3-carousel {
  margin-top: 80px;
  padding: 0 0 0 0
}
}
.prl-benefits-type-3 .prl-benefits-type-3-carousel .-container {
  position: relative;
  line-height: 0
}
.prl-benefits-type-3 .prl-benefits-type-3-carousel .gradient {
  width: 100%;
  height: 100%;
  top: 0;
  position: absolute;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%)
}
.prl-benefits-type-3 .prl-benefits-type-3-carousel h3 {
  position: absolute;
  bottom: 24px;
  left: 24px;
  font-weight: 400;
  color: var(--prl-color-primary);
  font-size: 18px;
  line-height: 28px;
  color: var(--prl-color-primary-inverse);
  width: 75%;
  margin-bottom: 0
}

@media only screen and (min-width: 1440px) {
.prl-benefits-type-3 .prl-benefits-type-3-carousel h3 {
  font-size: 24px;
  line-height: 36px
}
}

@media only screen and (min-width: 1024px) {
.prl-benefits-type-3 .prl-benefits-type-3-carousel h3 {
  left: 48px;
  bottom: 68px
}
}

@media only screen and (min-width: 1440px) {
.prl-benefits-type-3 .prl-benefits-type-3-carousel h3 {
  font-size: 22px;
  line-height: 36px
}
}
.prl-benefits-type-3 .prl-benefits-type-3-carousel p {
  font-weight: 400;
  color: var(--prl-color-primary);
  font-size: 11px;
  line-height: 15px;
  color: var(--prl-color-grey-600);
  color: var(--prl-color-grey-600);
  max-width: 100%;
  margin-top: 24px
}
.prl-benefits-type-3 .prl-benefits-type-3-carousel .prl-button {
  margin-top: 30px
}
.prl-benefits-type-3 .prl-benefits-type-3-carousel .prl-carousel-cell {
  position: relative;
  display: inline-block;
  margin: 0 8px
}

@media only screen and (max-width: 1023px) {
.prl-benefits-type-3 .prl-benefits-type-3-carousel .prl-carousel-cell {
  width: 280px
}
}

@media only screen and (min-width: 1024px) {
.prl-benefits-type-3 .prl-benefits-type-3-carousel .prl-carousel-cell {
  width: 360px;
  margin: 0 8px
}
}

@media only screen and (min-width: 1280px) {
.prl-benefits-type-3 .prl-benefits-type-3-carousel .prl-carousel-cell {
  width: 420px
}
}

@media only screen and (min-width: 1440px) {
.prl-benefits-type-3 .prl-benefits-type-3-carousel .prl-carousel-cell {
  width: 560px;
  margin: 0 8px
}
}
.prl-benefits-type-3 .prl-benefits-type-3-carousel .prl-carousel-cell img {
  object-fit: contain;
  width: 100%
}
.prl-benefits-type-3 .-container:hover .prl-benefits-type-3-button {
  transition: opacity 0.7s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.3, 0, 0, 1);
  opacity: 1
}
.prl-benefits-type-3 .prl-benefits-type-3-button {
  position: absolute;
  width: 50px;
  height: 50px;
  right: 0px;
  transform: translateX(-25px);
  background-color: var(--prl-color-button);
  border-radius: 50%;
  padding: 16px;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.7s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0, 0, 0, 1)
}

@media only screen and (max-width: 1023px) {
.prl-benefits-type-3 .prl-benefits-type-3-button {
  display: none
}
}
.prl-benefits-type-3 .prl-benefits-type-3-button i {
  display: inline-block
}

@media only screen and (min-width: 1024px) {
.prl-benefits-type-3 .prl-benefits-type-3-button {
  top: 155px
}
}

@media only screen and (min-width: 1280px) {
.prl-benefits-type-3 .prl-benefits-type-3-button {
  top: 185px
}
}

@media only screen and (min-width: 1440px) {
.prl-benefits-type-3 .prl-benefits-type-3-button {
  top: 255px
}
}
.prl-benefits-type-3 .prl-benefits-type-3-next {
  transform: translateX(35px)
}
.prl-benefits-type-3 .prl-benefits-type-3-prev {
  left: 0px;
  right: initial;
  transform: translateX(-25px)
}

@media only screen and (min-width: 768px) {
.prl-benefits {
  padding: 2vh 0
}
}
.prl-benefits .prl-benefits-type-2-desktop {
  position: relative
}
.prl-benefits .prl-benefits-type-2-desktop .parallax-grid {
  width: 91.1vw
}

@media only screen and (min-width: 1440px) {
.prl-benefits .prl-benefits-type-2-desktop .parallax-grid {
  width: 1312px
}
}
.prl-benefits .prl-benefits-type-2-desktop .prl-button {
  min-width: 0
}
.prl-benefits .prl-benefits-type-2-desktop .text {
  text-align: left
}
.prl-benefits .prl-benefits-type-2-desktop .text.-header {
  font-size: 2.8rem;
  line-height: 1.14;
  letter-spacing: -0.75px;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold;
  margin: 0 0 1.6rem 0
}
.prl-benefits .prl-benefits-type-2-desktop .text.-copy {
  font-size: 0.8rem;
  line-height: 1.5;
  margin: 0 0 1.6rem 0
}
.prl-benefits .prl-benefits-type-2-desktop .text.-disclaimer {
  font-size: 0.6rem;
  line-height: 1.66
}
.prl-benefits .prl-benefits-type-2-desktop .prl-slider-progress {
  width: auto;
  position: absolute;
  top: 42.5vh;
  transform: rotate(90deg) translate(-50%, 0%);
  transform-origin: top left;
  padding: 0;
  margin: 0;
  left: 4.44vw
}

@media (min-width: 1440px) {
.prl-benefits .prl-benefits-type-2-desktop .prl-slider-progress {
  left: calc(50vw - 656px)
}
}
.prl-benefits .prl-benefits-type-2-desktop .prl-slider-progress .prl-progress-bar {
  width: 26px
}
.prl-benefits .prl-benefits-type-2-desktop .benefits-inner-wrapper {
  height: 100vh;
  width: 100% !important
}
.prl-benefits .prl-benefits-type-2-desktop .background-layer {
  position: absolute;
  top: 0;
  right: 4.45vw;
  left: 0;
  bottom: 15vh
}

@media (min-width: 1440px) {
.prl-benefits .prl-benefits-type-2-desktop .background-layer {
  right: calc(50vw - 656px)
}
}
.prl-benefits .prl-benefits-type-2-desktop .benefits2-scene-container {
  height: 100vh;
  opacity: 0;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  pointer-events: none;
  z-index: 0
}
.prl-benefits .prl-benefits-type-2-desktop .benefits2-scene-container.-active {
  opacity: 1;
  pointer-events: all;
  z-index: 10
}
.prl-benefits .prl-benefits-type-2-desktop .parallax-wrapper {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  pointer-events: none;
  z-index: 20
}
.prl-benefits .prl-benefits-type-2-desktop .parallax-wrapper .parallax-column {
  margin: 12vh 0 10vh 0
}
.prl-benefits .prl-benefits-type-2-desktop .parallax-wrapper .parallax-column:nth-child(1) {
  margin: 140px 0 10vh 0
}
.prl-benefits .prl-benefits-type-2-desktop .parallax-wrapper .parallax-column:nth-last-child(1) {
  margin: 12vh 0 -2vh 0
}
.prl-benefits .prl-benefits-type-2-desktop .parallax-wrapper .parallax-column .parallax-image {
  object-position: top;
  width: 90%;
  margin-left: 10%;
  object-fit: contain;
  height: auto
}
.prl-benefits .prl-benefits-type-2-desktop .cell-grid {
  height: 100%;
  width: 91.1vw
}

@media only screen and (min-width: 1280px) {
.prl-benefits .prl-benefits-type-2-desktop .cell-grid {
  width: 91.1vw
}
}

@media only screen and (min-width: 1440px) {
.prl-benefits .prl-benefits-type-2-desktop .cell-grid {
  width: 1312px
}
}
.prl-benefits .prl-benefits-type-2-desktop .cell-descriptions {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: 100%;
  flex-grow: 1;
  padding: 140px 0px 49px 60px
}

@media only screen and (min-width: 1280px) {
.prl-benefits .prl-benefits-type-2-desktop .cell-descriptions {
  padding: 140px 0px 49px 80px
}
}
.prl-benefits .prl-benefits-type-2-desktop .cell-descriptions.-invertColor .text, .prl-benefits .prl-benefits-type-2-desktop .cell-descriptions.-invertColor button {
  color: #FFFDFB
}
.prl-benefits .prl-benefits-type-2-desktop .cell-descriptions .text.-disclaimer {
  margin-top: 7rem;
  max-width: 75%;
  line-height: 20px
}

@media only screen and (max-height: 850px) {
.prl-benefits .prl-benefits-type-2-desktop .cell-descriptions .text.-disclaimer {
  margin-top: 4rem
}
}

@media only screen and (max-height: 700px) {
.prl-benefits .prl-benefits-type-2-desktop .cell-descriptions {
  padding-top: 4.5rem
}
.prl-benefits .prl-benefits-type-2-desktop .cell-descriptions .text.-disclaimer {
  margin-top: 2.5rem
}
}

@media only screen and (max-height: 590px) {
.prl-benefits .prl-benefits-type-2-desktop .cell-descriptions {
  padding-top: 3rem
}
.prl-benefits .prl-benefits-type-2-desktop .cell-descriptions .text.-disclaimer {
  margin-top: 1rem
}
}
.prl-benefits .prl-benefits-type-2-desktop .benefits2-scene-container .cell-descriptions * {
  transition: all 0.5s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  padding-top: 30px;
  opacity: 0
}
.prl-benefits .prl-benefits-type-2-desktop .benefits2-scene-container.-active .cell-descriptions * {
  transition: all 0.5s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  padding-top: 0;
  opacity: 1
}
.prl-benefits .prl-benefits-type-2-desktop.-is-inverted-scene .prl-progress-bar {
  background: rgba(255, 253, 251, 0.3)
}
.prl-benefits .prl-benefits-type-2-desktop.-is-inverted-scene .prl-progress-bar:before {
  background: #FFFDFB
}
.flow-page .prl-compare {
  transition: opacity 0.2s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.3, 0, 0, 1);
  opacity: 0;
  padding-top: 80px
}

@media only screen and (max-width: 1023px) {
.flow-page .prl-compare {
  padding-top: 40px
}
}
.flow-page .prl-compare.-initialized {
  opacity: 1
}
.flow-page .prl-compare.-animate-device1 .prl-grid [data-selectorref=device1] {
  transition: opacity 0.5s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.3, 0, 0, 1);
  opacity: 1
}
.flow-page .prl-compare.-animate-device2 .prl-grid [data-selectorref=device2] {
  transition: opacity 0.5s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.3, 0, 0, 1);
  opacity: 1
}
.flow-page .prl-compare.-animate-device3 .prl-grid [data-selectorref=device3] {
  transition: opacity 0.5s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.3, 0, 0, 1);
  opacity: 1
}
.flow-page .prl-compare [class^="prl-compare-item-"] {
  border-top: 1px solid;
  border-color: var(--prl-color-grey-300);
  padding: 75px 20px 70px
}

@media only screen and (max-width: 1023px) {
.flow-page .prl-compare [class^="prl-compare-item-"] {
  padding: 35px 0px 0
}
}
.flow-page .prl-compare [class^="prl-compare-item-"] .prl-link h4 {
  font-weight: 400;
  color: var(--prl-color-primary);
  display: inline-block;
  margin-bottom: 8px
}

@media only screen and (min-width: 1440px) {
.flow-page .prl-compare [class^="prl-compare-item-"] .prl-link h4 {
  font-size: 18px;
  line-height: 32px
}
}

@media only screen and (min-width: 480px) and (max-width:1599px) {
.flow-page .prl-compare [class^="prl-compare-item-"] .prl-link h4 {
  font-size: 18px;
  line-height: 32px
}
}

@media only screen and (max-width: 767px) {
.flow-page .prl-compare [class^="prl-compare-item-"] .prl-link h4 {
  font-size: 16px;
  line-height: 24px
}
}
.flow-page .prl-compare h1 {
  text-align: center;
  margin-top: 80px;
  margin-bottom: 56px
}

@media only screen and (max-width: 1023px) {
.flow-page .prl-compare h1 {
  margin-top: 40px
}
}
.flow-page .prl-compare h2 {
  font-weight: 400;
  color: var(--prl-color-primary);
  display: inline-block;
  margin-bottom: 9px
}

@media only screen and (min-width: 1440px) {
.flow-page .prl-compare h2 {
  font-size: 24px;
  line-height: 36px
}
}

@media only screen and (min-width: 480px) and (max-width:1599px) {
.flow-page .prl-compare h2 {
  font-size: 24px;
  line-height: 36px
}
}

@media only screen and (max-width: 767px) {
.flow-page .prl-compare h2 {
  font-size: 18px;
  line-height: 28px
}
}

@media only screen and (max-width: 1023px) {
.flow-page .prl-compare h2 {
  margin-bottom: 11px
}
}
.flow-page .prl-compare h3 {
  font-weight: 400;
  color: var(--prl-color-primary);
  font-weight: bold;
  text-align: left
}

@media only screen and (min-width: 1440px) {
.flow-page .prl-compare h3 {
  font-size: 32px;
  line-height: 42px
}
}

@media only screen and (min-width: 480px) and (max-width:1599px) {
.flow-page .prl-compare h3 {
  font-size: 32px;
  line-height: 42px
}
}

@media only screen and (max-width: 767px) {
.flow-page .prl-compare h3 {
  font-size: 24px;
  line-height: 32px
}
}
.flow-page .prl-compare p {
  font-weight: 400;
  color: var(--prl-color-primary)
}

@media only screen and (min-width: 1440px) {
.flow-page .prl-compare p {
  font-size: 18px;
  line-height: 28px
}
}

@media only screen and (min-width: 480px) and (max-width:1599px) {
.flow-page .prl-compare p {
  font-size: 18px;
  line-height: 28px
}
}

@media only screen and (max-width: 767px) {
.flow-page .prl-compare p {
  font-size: 14px;
  line-height: 24px
}
}
.flow-page .prl-compare .prl-link {
  display: block;
  padding-right: 30px;
  margin-bottom: 8px
}
.flow-page .prl-compare .prl-link h2:only-child, .flow-page .prl-compare .prl-link span {
  display: inline;
  position: relative
}
.flow-page .prl-compare .prl-link h2:only-child:after, .flow-page .prl-compare .prl-link span:after {
  content: " ";
  display: inline-block;
  width: 20px;
  height: 12px;
  position: absolute;
  bottom: 0;
  left: 100%;
  margin-left: 10px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOCAxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTggMTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KCTxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+CgkJLnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiMzNDMwM2Q7c3Ryb2tlLXdpZHRoOjI7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7fQoJPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTExLjQsMTFsNS01bC01LTUgTTE1LjQsNi4xbC0xNC0wLjEiLz4KPC9zdmc+Cg==);
  transition: transform 0.2s ease;
  transition: clip-path 0.3s, -webkit-clip-path 0.3s;
  clip-path: inset(0 0% 0 0);
  -webkit-clip-path: inset(0 0% 0 0)
}

@media (min-width: 960px) {
.flow-page .prl-compare .prl-link h2:only-child:after, .flow-page .prl-compare .prl-link span:after {
  height: 16px
}
}
.flow-page .prl-compare .prl-link h2:only-child:after {
  bottom: 6px
}

@media (min-width: 960px) {
.flow-page .prl-compare .prl-link h2:only-child:after {
  bottom: 10px
}
}
.flow-page .prl-compare .prl-link span:after {
  bottom: 4px
}

@media (min-width: 960px) {
.flow-page .prl-compare .prl-link span:after {
  bottom: 8px
}
}
.flow-page .prl-compare .prl-compare-selectors {
  position: sticky;
  top: 4px;
  transform: translateY(0px);
  will-change: transform, top;
  transition: transform 0.5s ease-in-out, top 0.5s ease-in-out;
  z-index: 4;
  width: 100%;
  height: 75px
}

@media only screen and (max-width: 1023px) {
.flow-page .prl-compare .prl-compare-selectors {
  height: 50px
}
}
.flow-page .prl-compare .prl-compare-selectors .prl-button-label {
  margin-top: 0;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: normal
}
.flow-page .prl-compare .prl-compare-selectors .prl-dropdown-item {
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: normal
}
.flow-page .prl-compare .prl-compare-selectors .prl-dropdown-item .prl-dropdown-item-img {
  top: 10px
}
.flow-page .prl-compare .prl-compare-selectors .prl-button.-dropdown:after {
  margin-top: 2px
}
.flow-page .prl-compare .prl-compare-selectors.-sticky {
  left: 0;
  height: 84px;
  padding: 11px 0;
  border-bottom: 1px solid #d3d3d3;
  background-color: #FFFDFB
}

@media only screen and (max-width: 1023px) {
.flow-page .prl-compare .prl-compare-selectors.-sticky {
  height: 74px
}
}

@media only screen and (max-width: 1023px) {
.flow-page .prl-compare .prl-compare-selectors .prl-grid {
  padding: 0 12px
}
}

@media only screen and (max-width: 360px) {
.flow-page .prl-compare .prl-compare-selectors .prl-grid {
  padding: 0 5px
}
}

@media only screen and (max-width: 1023px) {
.flow-page .prl-compare .prl-compare-selectors .prl-grid>*:nth-child(n+3) {
  display: none
}
}
.flow-page .prl-compare .prl-compare-selectors .prl-grid .prl-compare-selector {
  overflow: visible
}
.flow-page .prl-compare .prl-compare-selectors .prl-grid>*:nth-child(n+4) {
  display: none
}
.flow-page .prl-compare [data-comparepool] {
  display: none;
  opacity: 0;
  visibility: hidden
}
.flow-page .prl-compare .prl-grid {
  grid-column-gap: 16px
}

@media only screen and (max-width: 1023px) {
.flow-page .prl-compare .prl-grid {
  grid-column-gap: 10px
}
}

@media only screen and (max-width: 360px) {
.flow-page .prl-compare .prl-grid {
  grid-column-gap: 5px;
  padding-left: 10px;
  padding-right: 10px
}
}
.flow-page .prl-compare .prl-grid [data-selectorref] {
  transition: opacity 0.2s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0, 0, 0, 1);
  opacity: 0
}

@media only screen and (max-width: 1023px) {
.flow-page .prl-compare .prl-grid [data-selectorref]:nth-child(4) {
  display: none
}
}
.flow-page .prl-compare .prl-compare-item {
  margin-top: 10px
}

@media only screen and (max-width: 1023px) {
.flow-page .prl-compare .prl-compare-item:nth-child(3) {
  display: none
}
}
.flow-page .prl-compare .prl-compare-item>div {
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column
}
.flow-page .prl-compare .prl-compare-item>div .prl-compare-description-wrapper button {
  position: absolute;
  bottom: 10px
}
.flow-page .prl-compare .prl-compare-device-img-wrapper {
  width: 100%;
  height: 468px;
  background-color: var(--prl-color-grey-200);
  position: relative
}

@media only screen and (max-width: 1023px) {
.flow-page .prl-compare .prl-compare-device-img-wrapper {
  height: 260px
}
}
.flow-page .prl-compare .prl-compare-device-img-wrapper picture {
  height: 480px;
  display: block;
  padding-top: 110px
}

@media only screen and (max-width: 1023px) {
.flow-page .prl-compare .prl-compare-device-img-wrapper picture {
  height: 260px;
  padding-top: 50px
}
}
.flow-page .prl-compare .prl-compare-device-img-wrapper img {
  display: block;
  margin: 0 auto;
  height: 100%
}
.flow-page .prl-compare .prl-star-review {
  margin-top: 11px;
  margin-bottom: 40px
}

@media (min-width: 960px) {
.flow-page .prl-compare .prl-star-review {
  margin-top: 18px
}
}
.flow-page .prl-compare .prl-compare-device-colors {
  position: absolute;
  bottom: 28px;
  left: 28px;
  display: inline-block;
  transform: rotate(180deg)
}

@media only screen and (max-width: 1023px) {
.flow-page .prl-compare .prl-compare-device-colors {
  bottom: 17px;
  left: 16px
}
}
.flow-page .prl-compare .prl-compare-device-colors span {
  width: 20px;
  height: 20px;
  display: inline-block;
  border-radius: 50%;
  margin-left: -7px
}

@media only screen and (max-width: 1023px) {
.flow-page .prl-compare .prl-compare-device-colors span {
  width: 16px;
  height: 16px
}
}

@media only screen and (max-width: 1023px) {
.flow-page .prl-compare .prl-compare-description .prl-grid {
  padding: 0 12px
}
}

@media only screen and (max-width: 360px) {
.flow-page .prl-compare .prl-compare-description .prl-grid {
  padding: 0 5px
}
}
.flow-page .prl-compare .prl-compare-description-wrapper {
  padding: 52px 0 105px;
  display: flex;
  flex-direction: column;
  flex-grow: 1
}

@media only screen and (max-width: 1023px) {
.flow-page .prl-compare .prl-compare-description-wrapper {
  padding: 21px 10px 55px 10px
}
}
.flow-page .prl-compare .prl-compare-description-wrapper>.btn, .flow-page .prl-compare .prl-compare-description-wrapper>.ui_558574, .flow-page .prl-compare .prl-compare-description-wrapper>.ui_517427, .flow-page .prl-compare .prl-compare-description-wrapper>.ui_464917 {
  margin: auto auto 0 0
}
.flow-page .prl-compare .prl-compare-description-wrapper .prl-button.-primary {
  padding: 0 54px;
  margin-top: 10px
}

@media only screen and (max-width: 1023px) {
.flow-page .prl-compare .prl-compare-description-wrapper .prl-button.-primary {
  padding: 0 32px;
  margin-top: 16px
}
}
.flow-page .prl-compare .prl-compare-description-wrapper p {
  font-size: 16px;
  line-height: 24px
}
.flow-page .prl-compare .prl-compare-customisation-device-wrapper, .flow-page .prl-compare .prl-compare-sizeweight-device-wrapper {
  width: 100%;
  display: flex;
  flex-wrap: wrap
}
.flow-page .prl-compare .prl-compare-customisation-device, .flow-page .prl-compare .prl-compare-sizeweight-device, .flow-page .prl-compare .prl-compare-otherspecs-device {
  flex: 1 0 49%;
  text-align: center;
  vertical-align: top;
  margin-bottom: 64px
}

@media only screen and (max-width: 1023px) {
.flow-page .prl-compare .prl-compare-customisation-device, .flow-page .prl-compare .prl-compare-sizeweight-device, .flow-page .prl-compare .prl-compare-otherspecs-device {
  margin-bottom: 48px
}
}
.flow-page .prl-compare .prl-compare-customisation-device:nth-child(n+3), .flow-page .prl-compare .prl-compare-sizeweight-device:nth-child(n+3), .flow-page .prl-compare .prl-compare-otherspecs-device:nth-child(n+3) {
  margin-bottom: 0;
  align-self: flex-start;
  flex: 0.5
}

@media only screen and (max-width: 1023px) {
.flow-page .prl-compare .prl-compare-customisation-device:nth-child(n+3), .flow-page .prl-compare .prl-compare-sizeweight-device:nth-child(n+3), .flow-page .prl-compare .prl-compare-otherspecs-device:nth-child(n+3) {
  flex: 1 0 49%
}
}
.flow-page .prl-compare .prl-compare-customisation-device:last-child, .flow-page .prl-compare .prl-compare-sizeweight-device:last-child, .flow-page .prl-compare .prl-compare-otherspecs-device:last-child {
  margin-bottom: 0
}
.flow-page .prl-compare .prl-compare-item-flavours {
  padding-bottom: 70px
}
.flow-page .prl-compare .prl-compare-item-flavours .prl-compare-customisation-device img {
  max-width: none
}
.flow-page .prl-compare .prl-compare-item-flavours .-header-text {
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold;
  font-size: 0.8rem;
  line-height: 1.5
}

@media (min-width: 960px) {
.flow-page .prl-compare .prl-compare-item-flavours .-header-text {
  font-size: 1.2rem
}
}
.flow-page .prl-compare .prl-compare-customisation-device small {
  font-weight: 400;
  color: var(--prl-color-primary);
  font-size: 14px;
  line-height: 24px;
  display: block
}
.flow-page .prl-compare .prl-compare-customisation-device .prl-compare-device-colors-more {
  color: var(--prl-color-grey-600);
  font-size: 12px;
  line-height: 24px
}
.flow-page .prl-compare .prl-compare-customisation-device img {
  margin-bottom: 20px;
  border-radius: 50%;
  max-width: 120px;
  display: inline
}

@media only screen and (max-width: 1023px) {
.flow-page .prl-compare .prl-compare-customisation-device img {
  width: 100px;
  height: 100px
}
}
.flow-page .prl-compare .prl-compare-customisation-device .prl-compare-device-colors {
  position: static;
  display: block;
  margin: 0px 0px
}
.flow-page .prl-compare .prl-compare-customisation-device .prl-compare-device-colors span {
  width: 16px;
  height: 16px;
  margin-left: 3px
}
.flow-page .prl-compare .prl-compare-sizeweight-device p, .flow-page .prl-compare .prl-compare-otherspecs-device p {
  font-weight: 400;
  color: var(--prl-color-primary);
  font-weight: 600
}

@media only screen and (min-width: 1440px) {
.flow-page .prl-compare .prl-compare-sizeweight-device p, .flow-page .prl-compare .prl-compare-otherspecs-device p {
  font-size: 18px;
  line-height: 28px
}
}

@media only screen and (min-width: 480px) and (max-width:1599px) {
.flow-page .prl-compare .prl-compare-sizeweight-device p, .flow-page .prl-compare .prl-compare-otherspecs-device p {
  font-size: 18px;
  line-height: 28px
}
}

@media only screen and (max-width: 767px) {
.flow-page .prl-compare .prl-compare-sizeweight-device p, .flow-page .prl-compare .prl-compare-otherspecs-device p {
  font-size: 16px;
  line-height: 28px
}
}
.flow-page .prl-compare .prl-compare-sizeweight-device small, .flow-page .prl-compare .prl-compare-otherspecs-device small {
  font-weight: 400;
  color: var(--prl-color-primary);
  font-size: 14px;
  line-height: 24px;
  display: block
}
.flow-page .prl-compare .prl-compare-sizeweight-device small.-strong, .flow-page .prl-compare .prl-compare-otherspecs-device small.-strong {
  font-weight: 400;
  color: var(--prl-color-primary);
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  margin-top: 16px
}
.flow-page .prl-compare .prl-compare-sizeweight-device img, .flow-page .prl-compare .prl-compare-otherspecs-device img {
  margin-bottom: 32px;
  max-width: 120px;
  display: inline
}
.flow-page .prl-compare .prl-compare-otherspecs-device p {
  margin-bottom: 10px
}
.flow-page .prl-compare .prl-compare-otherspecs-device small {
  margin-bottom: 64px
}
.flow-page .prl-compare .prl-compare-otherspecs-device img {
  margin: 26px 0
}
.flow-page .prl-compare .prl-compare-description-title {
  display: flex
}
.flow-page .prl-compare .prl-compare-description-title:not(:first-child) {
  flex-grow: 1;
  align-items: flex-end
}
.flow-page .prl-compare .prl-compare-description-title .prl-link {
  flex: 1;
  margin-bottom: 12px
}

@media (min-width: 960px) {
.flow-page .prl-compare .prl-compare-description-title .prl-link {
  margin-bottom: 17px
}
}
.flow-page .prl-compare .prl-compare-description-title span {
  font-weight: 400;
  color: var(--prl-color-primary);
  font-size: 18px;
  line-height: 28px
}
.flow-page .prl-compare .prl-compare-description-title span.-old-price {
  font-size: 12px;
  text-decoration: line-through;
  color: var(--prl-color-grey-caption);
  margin-right: 10px
}
.flow-page .prl-compare .prl-compare-description-title+p {
  margin-bottom: 40px
}
.flow-page .prl-compare .prl-compare-item-technology, .flow-page .prl-compare .prl-compare-item-support, .flow-page .prl-compare .prl-compare-item-category {
  padding-right: 0;
  padding-left: 0;
  padding-top: 20px
}

@media (min-width: 960px) {
.flow-page .prl-compare .prl-compare-item-technology, .flow-page .prl-compare .prl-compare-item-support, .flow-page .prl-compare .prl-compare-item-category {
  padding-top: 50px
}
}
.flow-page .prl-compare .prl-compare-item-technology span.-header-text, .flow-page .prl-compare .prl-compare-item-support span.-header-text, .flow-page .prl-compare .prl-compare-item-category span.-header-text {
  font-size: 16px;
  line-height: 1.5;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold;
  align-items: center
}

@media (min-width: 960px) {
.flow-page .prl-compare .prl-compare-item-technology span.-header-text, .flow-page .prl-compare .prl-compare-item-support span.-header-text, .flow-page .prl-compare .prl-compare-item-category span.-header-text {
  font-size: 24px
}
}
.flow-page .prl-compare .prl-compare-item-technology p, .flow-page .prl-compare .prl-compare-item-support p, .flow-page .prl-compare .prl-compare-item-category p {
  font-size: 16px;
  line-height: 24px
}
.flow-page .prl-compare .prl-compare-flavours {
  text-align: center
}
.flow-page .prl-compare .prl-compare-flavours span.-header-text {
  font-size: 16px;
  line-height: 1.5;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold
}

@media (min-width: 960px) {
.flow-page .prl-compare .prl-compare-flavours span.-header-text {
  font-size: 24px
}
}

@media only screen and (max-width: 1023px) {
.flow-page .prl-compare .prl-compare-flavours img {
  width: 135px;
  height: auto
}
}
.flow-page .prl-compare .-header-text {
  font-weight: 400;
  color: var(--prl-color-primary);
  font-weight: 600;
  font-weight: 400;
  display: inline-block;
  margin-bottom: 8px
}

@media only screen and (min-width: 1440px) {
.flow-page .prl-compare .-header-text {
  font-size: 18px;
  line-height: 28px
}
}

@media only screen and (min-width: 480px) and (max-width:1599px) {
.flow-page .prl-compare .-header-text {
  font-size: 18px;
  line-height: 28px
}
}

@media only screen and (max-width: 767px) {
.flow-page .prl-compare .-header-text {
  font-size: 16px;
  line-height: 28px
}
}
.flow-page .prl-compare .prl-compare-usage, .flow-page .prl-compare .prl-compare-charging, .flow-page .prl-compare .prl-compare-size-weight>.prl-grid, .flow-page .prl-compare .prl-compare-flavours {
  padding-bottom: 25px
}

@media only screen and (max-width: 1023px) {
.flow-page .prl-compare .prl-compare-usage, .flow-page .prl-compare .prl-compare-charging, .flow-page .prl-compare .prl-compare-size-weight>.prl-grid, .flow-page .prl-compare .prl-compare-flavours {
  padding-bottom: 50px
}
}
.flow-page .prl-compare .prl-compare-size-weight {
  padding-bottom: 0
}
.flow-page .prl-compare .prl-compare-size-weight>.prl-grid {
  padding-bottom: 0
}

@media only screen and (max-width: 1023px) {
.flow-page .prl-compare .prl-compare-size-weight>.prl-grid {
  padding-bottom: 50px
}
}
.flow-page .prl-compare .prl-compare-technology, .flow-page .prl-compare .prl-compare-support, .flow-page .prl-compare .prl-compare-category {
  padding-bottom: 25px
}

@media only screen and (max-width: 1023px) {
.flow-page .prl-compare .prl-compare-technology, .flow-page .prl-compare .prl-compare-support, .flow-page .prl-compare .prl-compare-category {
  padding-bottom: 30px
}
}
.flow-page .prl-compare .prl-compare-usage {
  padding-bottom: 55px
}

@media (min-width: 960px) {
.flow-page .prl-compare .prl-compare-usage {
  padding-bottom: 30px
}
}
.flow-page .prl-compare .prl-compare-category, .flow-page .prl-compare .prl-compare-technology, .flow-page .prl-compare .prl-compare-support, .flow-page .prl-compare .prl-compare-other-specs, .flow-page .prl-compare .prl-compare-charging, .flow-page .prl-compare .prl-compare-customisation {
  background: #f6f4f0
}
.flow-page .prl-compare .prl-compare-category, .flow-page .prl-compare .prl-compare-technology, .flow-page .prl-compare .prl-compare-support, .flow-page .prl-compare .prl-compare-other-specs, .flow-page .prl-compare .prl-compare-charging, .flow-page .prl-compare .prl-compare-customisation, .flow-page .prl-compare .prl-compare-size-weight, .flow-page .prl-compare .prl-compare-usage, .flow-page .prl-compare .prl-compare-flavours {
  padding-top: 95px
}

@media only screen and (max-width: 1023px) {
.flow-page .prl-compare .prl-compare-category, .flow-page .prl-compare .prl-compare-technology, .flow-page .prl-compare .prl-compare-support, .flow-page .prl-compare .prl-compare-other-specs, .flow-page .prl-compare .prl-compare-charging, .flow-page .prl-compare .prl-compare-customisation, .flow-page .prl-compare .prl-compare-size-weight, .flow-page .prl-compare .prl-compare-usage, .flow-page .prl-compare .prl-compare-flavours {
  padding-top: 40px
}
}
.flow-page .prl-compare .prl-compare-customisation {
  padding-bottom: 50px
}

@media (min-width: 960px) {
.flow-page .prl-compare .prl-compare-customisation {
  padding-bottom: 0px
}
}
.flow-page .prl-compare .prl-compare-usage, .flow-page .prl-compare .prl-compare-charging, .flow-page .prl-compare .prl-compare-flavours {
  text-align: center
}
.flow-page .prl-compare .prl-compare-usage img, .flow-page .prl-compare .prl-compare-usage .prl-compare-charging-device-empty, .flow-page .prl-compare .prl-compare-charging img, .flow-page .prl-compare .prl-compare-charging .prl-compare-charging-device-empty, .flow-page .prl-compare .prl-compare-flavours img, .flow-page .prl-compare .prl-compare-flavours .prl-compare-charging-device-empty {
  margin-bottom: 20px
}
.flow-page .prl-compare .prl-compare-usage img.uses, .flow-page .prl-compare .prl-compare-usage .prl-compare-charging-device-empty.uses, .flow-page .prl-compare .prl-compare-charging img.uses, .flow-page .prl-compare .prl-compare-charging .prl-compare-charging-device-empty.uses, .flow-page .prl-compare .prl-compare-flavours img.uses, .flow-page .prl-compare .prl-compare-flavours .prl-compare-charging-device-empty.uses {
  max-width: 170px
}
.flow-page .prl-compare .prl-compare-usage small, .flow-page .prl-compare .prl-compare-charging small, .flow-page .prl-compare .prl-compare-flavours small {
  font-weight: 400;
  color: var(--prl-color-primary);
  font-size: 14px;
  line-height: 24px;
  display: block
}
.flow-page .prl-compare .prl-compare-usage .prl-compare-usage-device, .flow-page .prl-compare .prl-compare-usage .prl-compare-charging-device, .flow-page .prl-compare .prl-compare-charging .prl-compare-usage-device, .flow-page .prl-compare .prl-compare-charging .prl-compare-charging-device, .flow-page .prl-compare .prl-compare-flavours .prl-compare-usage-device, .flow-page .prl-compare .prl-compare-flavours .prl-compare-charging-device {
  margin-top: 48px
}

@media (min-width: 960px) {
.flow-page .prl-compare .prl-compare-usage .prl-compare-usage-device, .flow-page .prl-compare .prl-compare-usage .prl-compare-charging-device, .flow-page .prl-compare .prl-compare-charging .prl-compare-usage-device, .flow-page .prl-compare .prl-compare-charging .prl-compare-charging-device, .flow-page .prl-compare .prl-compare-flavours .prl-compare-usage-device, .flow-page .prl-compare .prl-compare-flavours .prl-compare-charging-device {
  margin-top: 75px
}
}
.flow-page .prl-compare .prl-compare-usage .prl-compare-usage-device .img-responsive, .flow-page .prl-compare .prl-compare-usage .prl-compare-usage-device .bgimage-title img, .bgimage-title .flow-page .prl-compare .prl-compare-usage .prl-compare-usage-device img, .flow-page .prl-compare .prl-compare-usage .prl-compare-usage-device .js-carousel-product-images img, .js-carousel-product-images .flow-page .prl-compare .prl-compare-usage .prl-compare-usage-device img, .flow-page .prl-compare .prl-compare-usage .prl-compare-charging-device .img-responsive, .flow-page .prl-compare .prl-compare-usage .prl-compare-charging-device .bgimage-title img, .bgimage-title .flow-page .prl-compare .prl-compare-usage .prl-compare-charging-device img, .flow-page .prl-compare .prl-compare-usage .prl-compare-charging-device .js-carousel-product-images img, .js-carousel-product-images .flow-page .prl-compare .prl-compare-usage .prl-compare-charging-device img, .flow-page .prl-compare .prl-compare-charging .prl-compare-usage-device .img-responsive, .flow-page .prl-compare .prl-compare-charging .prl-compare-usage-device .bgimage-title img, .bgimage-title .flow-page .prl-compare .prl-compare-charging .prl-compare-usage-device img, .flow-page .prl-compare .prl-compare-charging .prl-compare-usage-device .js-carousel-product-images img, .js-carousel-product-images .flow-page .prl-compare .prl-compare-charging .prl-compare-usage-device img, .flow-page .prl-compare .prl-compare-charging .prl-compare-charging-device .img-responsive, .flow-page .prl-compare .prl-compare-charging .prl-compare-charging-device .bgimage-title img, .bgimage-title .flow-page .prl-compare .prl-compare-charging .prl-compare-charging-device img, .flow-page .prl-compare .prl-compare-charging .prl-compare-charging-device .js-carousel-product-images img, .js-carousel-product-images .flow-page .prl-compare .prl-compare-charging .prl-compare-charging-device img, .flow-page .prl-compare .prl-compare-flavours .prl-compare-usage-device .img-responsive, .flow-page .prl-compare .prl-compare-flavours .prl-compare-usage-device .bgimage-title img, .bgimage-title .flow-page .prl-compare .prl-compare-flavours .prl-compare-usage-device img, .flow-page .prl-compare .prl-compare-flavours .prl-compare-usage-device .js-carousel-product-images img, .js-carousel-product-images .flow-page .prl-compare .prl-compare-flavours .prl-compare-usage-device img, .flow-page .prl-compare .prl-compare-flavours .prl-compare-charging-device .img-responsive, .flow-page .prl-compare .prl-compare-flavours .prl-compare-charging-device .bgimage-title img, .bgimage-title .flow-page .prl-compare .prl-compare-flavours .prl-compare-charging-device img, .flow-page .prl-compare .prl-compare-flavours .prl-compare-charging-device .js-carousel-product-images img, .js-carousel-product-images .flow-page .prl-compare .prl-compare-flavours .prl-compare-charging-device img {
  display: inline
}
.flow-page .prl-compare .prl-compare-usage .prl-compare-usage-device:first-child, .flow-page .prl-compare .prl-compare-usage .prl-compare-charging-device:first-child, .flow-page .prl-compare .prl-compare-charging .prl-compare-usage-device:first-child, .flow-page .prl-compare .prl-compare-charging .prl-compare-charging-device:first-child, .flow-page .prl-compare .prl-compare-flavours .prl-compare-usage-device:first-child, .flow-page .prl-compare .prl-compare-flavours .prl-compare-charging-device:first-child {
  margin-top: 0;
  flex-grow: 1
}
.flow-page .prl-compare .prl-compare-usage .prl-compare-usage-device .prl-compare-charging-device-empty, .flow-page .prl-compare .prl-compare-usage .prl-compare-charging-device .prl-compare-charging-device-empty, .flow-page .prl-compare .prl-compare-charging .prl-compare-usage-device .prl-compare-charging-device-empty, .flow-page .prl-compare .prl-compare-charging .prl-compare-charging-device .prl-compare-charging-device-empty, .flow-page .prl-compare .prl-compare-flavours .prl-compare-usage-device .prl-compare-charging-device-empty, .flow-page .prl-compare .prl-compare-flavours .prl-compare-charging-device .prl-compare-charging-device-empty {
  display: none;
  padding: 30px 0
}

@media only screen and (max-width: 1023px) {
.flow-page .prl-compare .prl-compare-usage .prl-compare-usage-device .prl-compare-charging-device-empty, .flow-page .prl-compare .prl-compare-usage .prl-compare-charging-device .prl-compare-charging-device-empty, .flow-page .prl-compare .prl-compare-charging .prl-compare-usage-device .prl-compare-charging-device-empty, .flow-page .prl-compare .prl-compare-charging .prl-compare-charging-device .prl-compare-charging-device-empty, .flow-page .prl-compare .prl-compare-flavours .prl-compare-usage-device .prl-compare-charging-device-empty, .flow-page .prl-compare .prl-compare-flavours .prl-compare-charging-device .prl-compare-charging-device-empty {
  padding: 40px 0
}
}
.flow-page .prl-compare .prl-compare-usage .prl-compare-usage-device.-empty img, .flow-page .prl-compare .prl-compare-usage .prl-compare-charging-device.-empty img, .flow-page .prl-compare .prl-compare-charging .prl-compare-usage-device.-empty img, .flow-page .prl-compare .prl-compare-charging .prl-compare-charging-device.-empty img, .flow-page .prl-compare .prl-compare-flavours .prl-compare-usage-device.-empty img, .flow-page .prl-compare .prl-compare-flavours .prl-compare-charging-device.-empty img {
  display: none
}
.flow-page .prl-compare .prl-compare-usage .prl-compare-usage-device.-empty .prl-compare-charging-device-empty, .flow-page .prl-compare .prl-compare-usage .prl-compare-charging-device.-empty .prl-compare-charging-device-empty, .flow-page .prl-compare .prl-compare-charging .prl-compare-usage-device.-empty .prl-compare-charging-device-empty, .flow-page .prl-compare .prl-compare-charging .prl-compare-charging-device.-empty .prl-compare-charging-device-empty, .flow-page .prl-compare .prl-compare-flavours .prl-compare-usage-device.-empty .prl-compare-charging-device-empty, .flow-page .prl-compare .prl-compare-flavours .prl-compare-charging-device.-empty .prl-compare-charging-device-empty {
  font-weight: 400;
  color: var(--prl-color-primary);
  font-weight: bold;
  display: block
}

@media only screen and (min-width: 1440px) {
.flow-page .prl-compare .prl-compare-usage .prl-compare-usage-device.-empty .prl-compare-charging-device-empty, .flow-page .prl-compare .prl-compare-usage .prl-compare-charging-device.-empty .prl-compare-charging-device-empty, .flow-page .prl-compare .prl-compare-charging .prl-compare-usage-device.-empty .prl-compare-charging-device-empty, .flow-page .prl-compare .prl-compare-charging .prl-compare-charging-device.-empty .prl-compare-charging-device-empty, .flow-page .prl-compare .prl-compare-flavours .prl-compare-usage-device.-empty .prl-compare-charging-device-empty, .flow-page .prl-compare .prl-compare-flavours .prl-compare-charging-device.-empty .prl-compare-charging-device-empty {
  font-size: 56px;
  line-height: 64px
}
}

@media only screen and (min-width: 480px) and (max-width:1599px) {
.flow-page .prl-compare .prl-compare-usage .prl-compare-usage-device.-empty .prl-compare-charging-device-empty, .flow-page .prl-compare .prl-compare-usage .prl-compare-charging-device.-empty .prl-compare-charging-device-empty, .flow-page .prl-compare .prl-compare-charging .prl-compare-usage-device.-empty .prl-compare-charging-device-empty, .flow-page .prl-compare .prl-compare-charging .prl-compare-charging-device.-empty .prl-compare-charging-device-empty, .flow-page .prl-compare .prl-compare-flavours .prl-compare-usage-device.-empty .prl-compare-charging-device-empty, .flow-page .prl-compare .prl-compare-flavours .prl-compare-charging-device.-empty .prl-compare-charging-device-empty {
  font-size: 56px;
  line-height: 64px
}
}

@media only screen and (max-width: 767px) {
.flow-page .prl-compare .prl-compare-usage .prl-compare-usage-device.-empty .prl-compare-charging-device-empty, .flow-page .prl-compare .prl-compare-usage .prl-compare-charging-device.-empty .prl-compare-charging-device-empty, .flow-page .prl-compare .prl-compare-charging .prl-compare-usage-device.-empty .prl-compare-charging-device-empty, .flow-page .prl-compare .prl-compare-charging .prl-compare-charging-device.-empty .prl-compare-charging-device-empty, .flow-page .prl-compare .prl-compare-flavours .prl-compare-usage-device.-empty .prl-compare-charging-device-empty, .flow-page .prl-compare .prl-compare-flavours .prl-compare-charging-device.-empty .prl-compare-charging-device-empty {
  font-size: 32px;
  line-height: 44px
}
}
.flow-page .prl-compare .-big-number-text {
  font-size: 1.5rem;
  line-height: 1.2;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold
}

@media (min-width: 960px) {
.flow-page .prl-compare .-big-number-text {
  font-size: 2.8rem;
  line-height: 1.14;
  letter-spacing: -0.75px;
  text-align: center
}
}
.flow-page .prl-compare .prl-compare-usage .prl-compare-charging-device .-big-number-text {
  font-size: 40px;
  line-height: 48px
}
.flow-page .carousel-cards {
  padding-bottom: 0
}
.prl-compare-banner {
  background-size: cover;
  background-position: center;
  height: 400px
}

@media only screen and (max-width: 1023px) {
.prl-compare-banner {
  height: 200px
}
}
.prl-compare-banner .text-wrapper h1, .prl-compare-banner .bgimage-title .text-wrapper .h1 {
  font-size: 64px;
  line-height: 72px
}

@media only screen and (max-width: 1023px) {
.prl-compare-banner .text-wrapper h1, .prl-compare-banner .bgimage-title .text-wrapper .h1 {
  font-size: 36px;
  line-height: 44px
}
}
.prl-compare-footer-banner {
  text-align: center;
  background-size: cover;
  background-position: center;
  padding: 80px 31px
}

@media only screen and (max-width: 1023px) {
.prl-compare-footer-banner {
  padding: 60px 31px
}
}
.prl-compare-footer-banner .text-wrapper {
  max-width: 750px;
  display: inline-block
}
.prl-compare-footer-banner .text-wrapper h1 {
  font-weight: bold;
  font-size: 42px;
  line-height: 52px;
  color: #34303D;
  margin-bottom: 40px
}

@media only screen and (max-width: 1023px) {
.prl-compare-footer-banner .text-wrapper h1 {
  font-size: 32px;
  line-height: 40px;
  margin-bottom: 30px
}
}
.prl-compare-footer-banner .text-wrapper .actions-wrapper {
  display: inline-block
}
.prl-compare-comment {
  padding: 56px 32px;
  text-align: center
}

@media only screen and (min-width: 1440px) {
.prl-compare-comment {
  padding: 100px 32px
}
}
.prl-compare-comment .prl-compare-comment-textblock {
  font-size: 12px;
  line-height: 16px;
  line-height: 16px;
  max-width: 964px;
  display: inline-block
}
.prl-compare-comment .prl-compare-comment-textblock p {
  margin: 0
}
.prl-compare-description>div.prl-grid {
  position: initial;
  transform: none;
  margin-left: auto;
  margin-right: auto
}
.prl-compare-description-title .prl-link h2 {
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold;
  font-size: 0.9rem;
  margin-bottom: 0
}

@media (min-width: 960px) {
.prl-compare-description-title .prl-link h2 {
  font-size: 24px
}
}
.prl-compare h1 {
  margin-top: 130px
}
div.prl-compare .prl-compare-selectors.-sticky {
  top: 0
}
div.prl-compare .prl-compare-selectors .prl-dropdown.-compare {
  background-color: #FFFDFB
}

@media only screen and (max-width: 1023px) {
div.prl-compare .prl-compare-selectors .prl-dropdown.-compare .prl-dropdown-menu {
  display: none
}
}

@media only screen and (max-width: 1023px) {
div.prl-compare .prl-compare-selectors .prl-dropdown.-compare.-active .prl-dropdown-menu {
  display: block
}
}
body.navShow div.prl-compare .prl-compare-selectors.-sticky {
  top: 56px
}

@media (min-width: 961px) {
body.navShow div.prl-compare .prl-compare-selectors.-sticky {
  top: 76px
}
}
.h150 {
  max-height: 150px !important;
  height: 100% !important
}
.gray-box {
  width: 150px;
  height: 150px;
  background-color: lightgray;
  display: inline-block;
  margin-bottom: 20px
}
.prl-to-top {
  position: fixed;
  bottom: 89px;
  right: 20px;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: black;
  transform: rotate(90deg);
  border: none;
  font-size: 14px;
  display: none;
  z-index: 102;
  cursor: pointer;
  color: white
}
.prl-to-top::before {
  font-family: iqos-icons !important;
  speak: never;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "î¤„"
}
.prl-to-top.-show {
  display: block
}

@media only screen and (max-width: 1023px) {
.js-dropdown-open {
  overflow: hidden
}
.js-dropdown-open body {
  overflow: hidden
}
}

@media only screen and (max-width: 1023px) {
.js-dropdown-open .prl-compare .prl-compare-selectors {
  position: fixed !important;
  height: 100vh !important;
  top: 0 !important;
  background-color: #FFFDFB
}
}

@media only screen and (max-width: 1023px) {
.js-dropdown-open .prl-compare .prl-compare-selectors .prl-dropdown {
  box-shadow: none
}
}

@media only screen and (max-width: 1023px) {
.js-dropdown-open .prl-compare .prl-compare-selectors .prl-dropdown .prl-dropdown-menu .prl-dropdown-subgroup-wrapper .-subgroup-header {
  display: none
}
}
.prl-configure-buy {
  padding: 20px 0 0 0;
  background: #f6f3f1;
  margin-bottom: 1400px
}

@media only screen and (min-width: 1024px) {
.prl-configure-buy {
  padding: 58px 0 0 0
}
}

@media only screen and (max-width: 1023px) {
.prl-configure-buy .prl-grid {
  padding: 0 32px
}
}

@media only screen and (min-width: 1024px) {
.prl-configure-buy .prl-grid {
  width: 100%;
  padding: 0 64px;
  max-width: 1440px
}
}
.prl-configure-buy .prl-image-gallery {
  width: 100%;
  position: relative;
  margin: 0 0 40px 0
}
.prl-configure-buy .prl-image-gallery .flickity-viewport {
  width: 100%
}
.prl-configure-buy .prl-image-gallery .image-gallery-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 2;
  pointer-events: none
}
.prl-configure-buy .prl-image-gallery .image-gallery-overlay .prev-arrow-button, .prl-configure-buy .prl-image-gallery .image-gallery-overlay .next-arrow-button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  cursor: pointer;
  z-index: 2;
  pointer-events: all;
  display: none
}

@media only screen and (min-width: 1024px) {
.prl-configure-buy .prl-image-gallery .image-gallery-overlay .prev-arrow-button, .prl-configure-buy .prl-image-gallery .image-gallery-overlay .next-arrow-button {
  display: block
}
}
.prl-configure-buy .prl-image-gallery .image-gallery-overlay .prev-arrow-button:before, .prl-configure-buy .prl-image-gallery .image-gallery-overlay .next-arrow-button:before {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 24px
}
.prl-configure-buy .prl-image-gallery .image-gallery-overlay .prev-arrow-button {
  left: 0
}
.prl-configure-buy .prl-image-gallery .image-gallery-overlay .prev-arrow-button::before {
  font-family: 'iqos-icons' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "î¤"
}
.prl-configure-buy .prl-image-gallery .image-gallery-overlay .next-arrow-button {
  right: 0
}
.prl-configure-buy .prl-image-gallery .image-gallery-overlay .next-arrow-button::before {
  font-family: 'iqos-icons' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "î¤Ž"
}
.prl-configure-buy .prl-image-gallery .image-gallery-overlay .gallery-button {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 50px;
  height: 50px;
  cursor: pointer;
  z-index: 2;
  pointer-events: all
}
.prl-configure-buy .prl-image-gallery .image-gallery-overlay .gallery-button::before {
  font-family: 'iqos-icons' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "î¤"
}
.prl-configure-buy .prl-image-gallery .image-gallery-overlay .gallery-button:before {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 24px;
  mix-blend-mode: exclusion;
  fill: #bbb
}
.prl-configure-buy .prl-image-gallery .image-gallery-carousel {
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden
}
.prl-configure-buy .prl-image-gallery .image-gallery-carousel .carousel-element {
  width: 100%;
  height: 100%
}
.prl-configure-buy .prl-image-gallery .image-gallery-carousel .gallery-carousel-image {
  width: 100%
}
.prl-configure-buy .prl-image-gallery .image-gallery-carousel .flickity-page-dots {
  bottom: 10px
}
.prl-configure-buy .prl-image-gallery .image-gallery-carousel .flickity-page-dots .dot {
  border: 0;
  background: #bbb;
  opacity: 0.3;
  width: 6px;
  height: 6px;
  margin: 0 6px;
  mix-blend-mode: difference
}
.prl-configure-buy .prl-image-gallery .image-gallery-carousel .flickity-page-dots .dot.is-selected {
  opacity: 1
}
.prl-configure-buy .image-customization-container {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center
}
.prl-configure-buy .image-customization-container .customization-image {
  height: 100%;
  position: absolute
}
.prl-configure-buy .prl-product-details {
  margin: 0 0 40px 0
}

@media (min-width: 1024px) {
.prl-configure-buy .prl-product-details {
  grid-column: span 5;
  max-width: 378px
}
}

@media (min-width: 1280px) {
.prl-configure-buy .prl-product-details {
  grid-column: span 4
}
}
.prl-configure-buy .prl-product-details .product-name {
  font-weight: 400;
  color: var(--prl-color-primary)
}

@media only screen and (min-width: 1440px) {
.prl-configure-buy .prl-product-details .product-name {
  font-size: 42px;
  line-height: 60px
}
}

@media only screen and (min-width: 1280px) and (max-width:1439px) {
.prl-configure-buy .prl-product-details .product-name {
  font-size: 34px;
  line-height: 48px
}
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
.prl-configure-buy .prl-product-details .product-name {
  font-size: 34px;
  line-height: 48px
}
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
.prl-configure-buy .prl-product-details .product-name {
  font-size: 32px;
  line-height: 44px
}
}

@media only screen and (max-width: 767px) {
.prl-configure-buy .prl-product-details .product-name {
  font-size: 28px;
  line-height: 36px
}
}
.prl-configure-buy .prl-product-details .product-description {
  font-weight: 400;
  color: var(--prl-color-primary);
  font-size: 18px;
  line-height: 28px;
  display: none
}

@media only screen and (min-width: 1440px) {
.prl-configure-buy .prl-product-details .product-description {
  font-size: 24px;
  line-height: 36px
}
}

@media only screen and (max-width: 1023px) {
.prl-configure-buy .prl-product-details .product-description.-mobile {
  display: block
}
}

@media only screen and (min-width: 1024px) {
.prl-configure-buy .prl-product-details .product-description.-desktop {
  display: block
}
}

@media only screen and (max-width: 1023px) {
.prl-configure-buy .prl-product-details .info-container {
  display: flex;
  justify-content: space-between
}
}
.prl-configure-buy .prl-product-details .color-picker * {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
  line-height: 1;
  list-style: none
}
.prl-configure-buy .prl-product-details .color-picker {
  width: 100%;
  margin: 0 0 34px 0;
  position: relative
}
.prl-configure-buy .prl-product-details .color-picker .navigation-container {
  display: flex;
  flex-direction: row;
  margin: 0 0 20px 0;
  pointer-events: none;
  width: 100%;
  height: 41px
}
.prl-configure-buy .prl-product-details .color-picker .navigation-container.-active {
  pointer-events: all
}
.prl-configure-buy .prl-product-details .color-picker .navigation-container .nav-item {
  display: inline-block;
  width: 50%;
  line-height: 41px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  transition: all var(--product-family-transition-time)
}
.prl-configure-buy .prl-product-details .color-picker .navigation-container .nav-item:after {
  display: block;
  width: 100%;
  height: 2px;
  opacity: 0;
  transform: translateY(-2px);
  content: '';
  background-color: #272a33;
  transition: all var(--product-family-transition-time)
}
.prl-configure-buy .prl-product-details .color-picker .navigation-container .nav-item.-active {
  height: 24px;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: -0.2px
}
.prl-configure-buy .prl-product-details .color-picker .navigation-container .nav-item.-active:after {
  opacity: 1
}
.prl-configure-buy .prl-product-details .color-picker .color-container {
  width: 100%;
  height: 127px;
  position: absolute;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s ease-in-out
}
.prl-configure-buy .prl-product-details .color-picker .color-container.-active {
  opacity: 1;
  pointer-events: all
}
.prl-configure-buy .prl-product-details .color-picker .product-gallery-wrapper, .prl-configure-buy .prl-product-details .color-picker h4 {
  display: none
}
.prl-configure-buy .prl-product-details .color-picker .colors-wrapper .color-display span {
  font-weight: 400;
  color: var(--prl-color-primary);
  font-size: 18px;
  line-height: 28px
}

@media only screen and (min-width: 1440px) {
.prl-configure-buy .prl-product-details .color-picker .colors-wrapper .color-display span {
  font-size: 24px;
  line-height: 36px
}
}
.prl-configure-buy .prl-product-details .color-picker .colors-wrapper ul {
  margin: 12px 0 12px 5px
}
.prl-configure-buy .prl-product-details .color-picker .colors-wrapper li {
  display: inline-block;
  list-style: none;
  margin: 0 15px 15px 0;
  box-shadow: 0 0 0 4px #f6f3f1;
  border-radius: 20px
}
.prl-configure-buy .prl-product-details .color-picker .colors-wrapper li.active {
  box-shadow: 0 0 0 4px #f6f3f1, 0 0 0 5px #404040
}
.prl-configure-buy .prl-product-details .color-picker .colors-wrapper .color_radio {
  width: 20px;
  height: 20px;
  display: block;
  border-radius: 20px;
  cursor: pointer
}
.prl-configure-buy .prl-product-details .price-container {
  display: flex;
  flex-direction: row-reverse;
  margin: 0 0 22px 0
}
.prl-configure-buy .prl-product-details .price-container .current-price, .prl-configure-buy .prl-product-details .price-container .old-price {
  font-weight: 400;
  color: var(--prl-color-primary);
  font-size: 18px;
  line-height: 28px;
  margin: 0 0 0 16px
}

@media only screen and (min-width: 1440px) {
.prl-configure-buy .prl-product-details .price-container .current-price, .prl-configure-buy .prl-product-details .price-container .old-price {
  font-size: 24px;
  line-height: 36px
}
}
.prl-configure-buy .prl-product-details .price-container .old-price {
  color: var(--prl-color-grey-caption);
  text-decoration: line-through
}
.prl-configure-buy .prl-product-details .add-to-cart-button {
  width: 100%;
  margin: 0 0 0 0
}
.prl-configure-buy .prl-product-details .subscription-info {
  font-weight: 400;
  color: var(--prl-color-primary);
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  margin: 10px 0 20px 0;
  text-decoration: underline;
  display: block;
  cursor: pointer
}
.prl-configure-buy .prl-product-details .subscription-info:before {
  content: '';
  width: 24px;
  height: 24px;
  background-image: url('../../../../../design/themes/kura/media/../../../../public/assets/subscription-benefits.svg?1690945733');
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  margin: 0 5px 0 0;
  position: relative;
  display: inline-block;
  transform: translateY(42%)
}
.prl-configure-buy .prl-product-details .sfinke-fold-container {
  width: 100%;
  padding: 0;
  background-color: white;
  margin: 0 0 10px 0;
  max-height: 0;
  overflow: hidden;
  user-select: none;
  transition: max-height 0.5s ease-in-out
}
.prl-configure-buy .prl-product-details .sfinke-fold-container.-open {
  max-height: 300px
}
.prl-configure-buy .prl-product-details .sfinke-fold-container p {
  margin: 20px
}
.prl-configure-buy .prl-product-details .subscription-fact {
  font-weight: 400;
  color: var(--prl-color-primary);
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  margin: 0 0 8px 0
}
.prl-configure-buy .prl-product-details .subscription-fact::before {
  font-family: 'iqos-icons' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "î¤±"
}
.prl-configure-buy .prl-product-details .subscription-fact:before {
  font-size: 12px;
  margin: 0 12px 0 0
}
.prl-configure-buy .configure-buy-galleryoverlay {
  width: 100%;
  height: 100vh;
  position: fixed;
  background: #f6f3f1;
  top: 0;
  left: 0;
  transform: translateY(100vh);
  transition: transform 0.6s ease-in-out;
  z-index: 100;
  pointer-events: none
}
.prl-configure-buy .configure-buy-galleryoverlay.-open {
  transform: translateY(0);
  pointer-events: all
}
.prl-configure-buy .configure-buy-galleryoverlay .close-button {
  position: absolute;
  right: 0;
  top: 0;
  width: 70px;
  height: 70px;
  cursor: pointer
}
.prl-configure-buy .configure-buy-galleryoverlay .close-button::before {
  font-family: 'iqos-icons' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "î¤‘"
}
.prl-configure-buy .configure-buy-galleryoverlay .close-button:before {
  position: absolute;
  left: 50%;
  top: 50%;
  font-size: 24px;
  transform: translate(-50%, -50%)
}
.prl-configure-buy .configure-buy-galleryoverlay .image-carousel {
  margin: 70px 0;
  width: 100%;
  height: 80vh
}

@media only screen and (max-width: 1023px) {
.prl-configure-buy .configure-buy-galleryoverlay .image-carousel {
  height: 100vw;
  margin: 90px 0 60px
}
}
.prl-configure-buy .configure-buy-galleryoverlay .image-carousel .carousel-element {
  height: 80vh;
  width: 80vh;
  overflow: hidden
}

@media only screen and (max-width: 1023px) {
.prl-configure-buy .configure-buy-galleryoverlay .image-carousel .carousel-element {
  height: 100vw;
  width: 100vw
}
}
.prl-configure-buy .configure-buy-galleryoverlay .image-carousel .carousel-element img {
  width: 100%
}
.prl-configure-buy .configure-buy-galleryoverlay .flickity-page-dots {
  bottom: -30px
}
.prl-configure-buy .configure-buy-galleryoverlay .flickity-page-dots .dot {
  border: 0;
  background: #333;
  opacity: 0.3;
  width: 6px;
  height: 6px;
  margin: 0 6px
}
.prl-configure-buy .configure-buy-galleryoverlay .flickity-page-dots .dot.is-selected {
  opacity: 1
}
.prl-configure-buy .configure-buy-galleryoverlay .slide-description {
  text-align: center;
  font-weight: 400;
  color: var(--prl-color-primary);
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  padding: 0 20px 0
}

@media only screen and (min-width: 1024px) {
.prl-configure-buy .configure-buy-galleryoverlay .slide-description {
  padding: 0 140px 0
}
}
.configure-buy-sticky {
  width: 100%;
  padding: 16px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: white;
  opacity: 0;
  transition: all 0.2s ease-in-out;
  pointer-events: none;
  position: absolute;
  left: 0;
  transform: translateY(-2px)
}

@media only screen and (min-width: 1024px) {
.configure-buy-sticky {
  padding: 16px 59px 16px 64px
}
}
.configure-buy-sticky.-mobile {
  position: fixed;
  bottom: 0;
  transform: none
}
.configure-buy-sticky.-mobile.-fadeout {
  bottom: -100px
}

@media only screen and (min-width: 1024px) {
.configure-buy-sticky.-mobile {
  display: none
}
}
.configure-buy-sticky.-visible {
  opacity: 1;
  pointer-events: visible
}
.configure-buy-sticky.-scrolled {
  position: fixed;
  bottom: 0;
  opacity: 1
}

@media only screen and (min-width: 1024px) {
.configure-buy-sticky.-scrolled {
  top: 0;
  bottom: unset
}
}

@media only screen and (min-width: 1024px) {
.configure-buy-sticky .sticky-left-elements, .configure-buy-sticky .sticky-right-elements {
  display: flex;
  align-items: center;
  height: 100%
}
}
.configure-buy-sticky .sticky-left-elements h3, .configure-buy-sticky .sticky-left-elements p, .configure-buy-sticky .sticky-right-elements h3, .configure-buy-sticky .sticky-right-elements p {
  margin: 0 25px 0 0
}
.configure-buy-sticky .sticky-left-elements h3, .configure-buy-sticky .sticky-right-elements h3 {
  font-weight: 400;
  color: var(--prl-color-primary);
  font-size: 18px;
  line-height: 28px
}

@media only screen and (min-width: 1440px) {
.configure-buy-sticky .sticky-left-elements h3, .configure-buy-sticky .sticky-right-elements h3 {
  font-size: 24px;
  line-height: 36px
}
}

@media only screen and (min-width: 1024px) {
.configure-buy-sticky .sticky-left-elements h3, .configure-buy-sticky .sticky-right-elements h3 {
  font-size: 24px;
  line-height: 36px
}
}
.configure-buy-sticky .sticky-left-elements p, .configure-buy-sticky .sticky-right-elements p {
  color: var(--prl-color-grey-caption);
  text-decoration: underline;
  cursor: pointer
}
.configure-buy-sticky .price-container {
  display: flex;
  flex-direction: row-reverse
}

@media only screen and (max-width: 1023px) {
.configure-buy-sticky .price-container {
  display: none
}
}
.configure-buy-sticky .price-container .current-price, .configure-buy-sticky .price-container .old-price {
  font-weight: 400;
  color: var(--prl-color-primary);
  font-size: 18px;
  line-height: 28px;
  margin: 0 0 0 16px
}

@media only screen and (min-width: 1440px) {
.configure-buy-sticky .price-container .current-price, .configure-buy-sticky .price-container .old-price {
  font-size: 24px;
  line-height: 36px
}
}
.configure-buy-sticky .price-container .old-price {
  color: var(--prl-color-grey-caption);
  text-decoration: line-through
}
.configure-buy-sticky .add-to-cart-button {
  margin: 0 0 0 32px;
  min-width: unset
}
.configure-buy-sticky .cart-icon {
  width: 24px;
  height: 24px;
  background: #272a33;
  border-radius: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  margin: 0 0 0 24px
}

@media only screen and (max-width: 1023px) {
.configure-buy-sticky .cart-icon {
  display: none
}
}
.ty-btn__add-to-cart {
  width: 100% !important;
  height: 40px !important;
  font-weight: 500 !important;
  padding: 0 32px !important;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  border-radius: 3px !important;
  font-size: 14px !important;
  letter-spacing: 0 !important;
  border: 1.5px solid transparent !important;
  outline: 0 !important;
  cursor: pointer !important;
  background-color: #272a33 !important;
  text-transform: none !important;
  transition: all 0.3s ease-in-out;
  margin: 0 0 5px 0 !important
}
.ty-btn__add-to-cart:hover {
  background-color: #52545b !important
}
.ty-btn__add-to-cart:after {
  content: '' !important
}
.configure-buy-sticky .prl-button {
  transition: all 0.3s ease-in-out;
  margin: 0 0 0 16px;
  min-height: 40px
}

@media (max-width: 374px) {
.configure-buy-sticky .prl-button {
  padding: 0 22px
}
}
.prl-configure-buy .prl-product-details .subscription-info:before {
  background-image: url('../../../../../design/themes/kura/media/discover/configure-buy/subscription-benefits.svg?1690945733')
}
.flickity-page-dots .dot.is-selected {
  background: #333 !important
}
.configure-buy-sticky {
  z-index: 10
}
.prl-mini-compare {
  margin: 120px 0
}

@media (min-width: 1024px) {
.promo-slider {
  margin: 64px 0;
  padding: 0 64px;
  max-width: 1440px;
  position: relative;
  left: 50%;
  transform: translateX(-50%)
}
.prl-accordion-stack-container {
  margin: 80px 0;
  max-width: 1440px;
  position: relative;
  left: 50%;
  transform: translateX(-50%)
}
.promo-default {
  margin: 64px 0;
  max-width: 1440px;
  position: relative;
  left: 50%;
  transform: translateX(-50%)
}
.promo-image-slider {
  margin: 90px 0;
  padding: 0 64px;
  max-width: 1440px;
  position: relative;
  left: 50%;
  transform: translateX(-50%)
}
.prl-reassurance-block {
  max-width: 22vw;
  margin: 0 48px
}
}
.prl-intro {
  margin-bottom: 120px
}
.prl-button {
  transition: all 0.3s ease-in-out
}

@media (max-width: 767px) {
.prl-mini-compare .prl-mini-compare-carousel .prl-carousel-cell {
  width: 35%;
  margin: 0 10px
}
.prl-mini-compare .prl-mini-compare-carousel {
  transform: translateX(0px)
}
}

@media only screen and (min-width: 1024px) {
.prl-configure-buy .prl-product-details {
  grid-column: span 5
}
.prl-configure-buy .configure-buy-sticky.-scrolled {
  top: 70px !important
}
}

@media (min-width: 1366px) {
.prl-configure-buy .configure-buy-sticky.-scrolled {
  top: 78px !important
}
}

@media (min-width: 1440px) {
.prl-configure-buy .prl-product-details .color-picker .colors-wrapper .color-display span, .prl-configure-buy .prl-product-details .price-container .current-price, .prl-configure-buy .prl-product-details .price-container .old-price, .prl-configure-buy .prl-product-details .product-description {
  font-size: 18px;
  line-height: 28px
}
.prl-configure-buy .prl-product-details .product-name {
  font-size: 34px;
  line-height: 48px
}
}
.prl-promo.-image-slider.-slider .prl-cell-description h3 {
  font-size: 24px;
  line-height: 32px
}
.prl-consumable-promo .prl-cell-description h3 {
  font-size: 20px;
  line-height: 30px
}

@media only screen and (min-width: 1440px) {
.prl-exit-links .prl-grid .exit-right-column {
  grid-column-end: span 9
}
.prl-exit-links .prl-grid .exit-left-column {
  grid-column-end: span 3
}
.prl-promo.-image-slider.-slider .prl-cell-description h3 {
  font-size: 32px;
  line-height: 48px
}
.prl-mini-compare .prl-mini-compare-title .-title {
  font-size: 48px;
  line-height: 64px
}
.prl-exit-links .prl-exit-links-box .-claim {
  font-size: 24px;
  line-height: 32px
}
.prl-exit-links .prl-exit-links-box .-content {
  font-size: 16px;
  line-height: 28px
}
.prl-intro .-content h2, .prl-consumable-promo h2 {
  font-size: 48px;
  line-height: 64px
}
.prl-reassurance-block .-claim {
  font-size: 24px;
  line-height: 32px
}
.prl-consumable-promo .prl-cell-description h3 {
  font-size: 22px;
  line-height: 32px
}
}

@media (min-width: 768px) and (max-width:1023px) {
.prl-promo.prl-image-wrapper .content-wrapper .promo-content {
  top: 25%
}
.prl-promo.prl-image-wrapper .content-wrapper {
  height: 720px
}
.prl-promo.prl-image-wrapper .promo-image-container .promo-image {
  background-image: url('../../../../../design/themes/kura/media/discover/promos/promo-static-mobile.jpg?1690945733')
}
}
.prl-consumable-promo {
  background-color: var(--prl-color-primary-inverse);
  padding: 80px 0;
  overflow: hidden;
  text-align: center
}

@media only screen and (min-width: 1024px) {
.prl-consumable-promo {
  padding: 120px 0
}
}
.prl-consumable-promo h2 {
  font-weight: 400;
  color: var(--prl-color-primary);
  text-align: center
}

@media only screen and (min-width: 1440px) {
.prl-consumable-promo h2 {
  font-size: 56px;
  line-height: 76px
}
}

@media only screen and (min-width: 1280px) and (max-width:1439px) {
.prl-consumable-promo h2 {
  font-size: 48px;
  line-height: 64px
}
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
.prl-consumable-promo h2 {
  font-size: 48px;
  line-height: 64px
}
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
.prl-consumable-promo h2 {
  font-size: 42px;
  line-height: 60px
}
}

@media only screen and (max-width: 767px) {
.prl-consumable-promo h2 {
  font-size: 32px;
  line-height: 44px
}
}
.prl-consumable-promo img {
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto
}
.prl-consumable-promo .prl-carousel {
  padding: 30px 0
}
.prl-consumable-promo .prl-cell-badge {
  transition: transform 0.4s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0, 0, 0, 1);
  width: 100%;
  left: 50%;
  bottom: -1%;
  transform: translate(-50%, 24%);
  z-index: 1
}
.prl-consumable-promo .prl-cell-description {
  font-weight: 400;
  color: var(--prl-color-primary);
  font-size: 18px;
  line-height: 28px;
  transition: opacity 0.4s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0, 0, 0, 1);
  opacity: 0;
  display: none;
  text-align: center
}

@media only screen and (min-width: 1440px) {
.prl-consumable-promo .prl-cell-description {
  font-size: 24px;
  line-height: 36px
}
}
.prl-consumable-promo .prl-cell-description.-active {
  display: block
}
.prl-consumable-promo .prl-cell-description.-animate {
  transition: opacity 0.4s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.3, 0, 0, 1);
  opacity: 1
}
.prl-consumable-promo .prl-cell-description p {
  font-weight: 400;
  color: var(--prl-color-primary);
  font-size: 16px;
  line-height: 28px;
  max-width: 25%;
  text-align: center;
  margin: 0 auto;
  color: var(--prl-color-grey-500)
}

@media only screen and (max-width: 1023px) {
.prl-consumable-promo .prl-cell-description p {
  width: 90%;
  max-width: unset
}
}

@media only screen and (min-width: 1440px) {
.prl-consumable-promo .prl-cell-description p {
  max-width: 40%
}
}
.prl-consumable-promo .prl-button {
  margin-top: 32px;
  border-radius: 3px
}
.prl-consumable-promo .prl-carousel-cell {
  transition: transform 0.4s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0, 0, 0, 1);
  position: relative;
  width: 20%;
  overflow: hidden;
  opacity: 0.7;
  margin-right: 5%;
  border-bottom-right-radius: 50% 45%;
  border-bottom-left-radius: 50% 45%;
  transform: scale(0.9)
}

@media only screen and (max-width: 1023px) {
.prl-consumable-promo .prl-carousel-cell {
  width: 66%
}
}
.prl-consumable-promo .prl-carousel-cell.is-selected {
  transition: transform 0.4s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.3, 0, 0, 1);
  opacity: 1;
  transform: scale(1)
}
.prl-consumable-promo .prl-carousel-cell.is-selected .prl-cell-badge {
  transition: transform 0.4s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0, 0, 0, 1);
  transform: translate(-50%, 0)
}
.prl-consumable-promo .prl-carousel-cell:before {
  display: block;
  text-align: center;
  content: "";
  line-height: 200px;
  font-size: 80px;
  color: white
}
.prl-exit-links {
  background-color: var(--prl-color-grey-A350)
}
.prl-exit-links .prl-grid .exit-left-column {
  margin-right: -24px
}

@media only screen and (min-width: 1024px) {
.prl-exit-links .prl-grid .exit-left-column {
  grid-column-end: span 3
}
}

@media only screen and (min-width: 1024px) {
.prl-exit-links .prl-grid .exit-right-column {
  grid-column-end: span 9
}
}

@media only screen and (min-width: 1440px) {
.prl-exit-links .prl-grid .exit-right-column {
  margin-left: -64px
}
}
.prl-exit-links .-title {
  font-weight: 400;
  color: var(--prl-color-primary);
  margin-top: 48px
}

@media only screen and (min-width: 1440px) {
.prl-exit-links .-title {
  font-size: 34px;
  line-height: 48px
}
}

@media only screen and (min-width: 480px) and (max-width:1599px) {
.prl-exit-links .-title {
  font-size: 34px;
  line-height: 48px
}
}

@media only screen and (max-width: 767px) {
.prl-exit-links .-title {
  font-size: 21px;
  line-height: 32px
}
}

@media only screen and (max-width: 1023px) {
.prl-exit-links .-title {
  text-align: center;
  padding-top: 80px;
  padding-bottom: 24px;
  margin: 0
}
}
.prl-exit-links .-cta {
  margin-top: 48px
}

@media only screen and (max-width: 1023px) {
.prl-exit-links .-cta {
  text-align: center;
  margin-top: 32px;
  padding-bottom: 64px
}
}

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

@media only screen and (min-width: 1024px) {
.prl-exit-links .-hidden\@desktop {
  display: none
}
}
.prl-exit-links .prl-grid {
  padding-top: 100px;
  padding-bottom: 100px
}
.prl-exit-links .prl-grid-col {
  background-color: var(--prl-color-grey-A350)
}

@media only screen and (min-width: 1024px) {
.prl-exit-links .row {
  display: flex;
  flex-wrap: wrap;
  padding: 0 4px
}
.prl-exit-links .prl-exit-links-row {
  display: flex;
  flex-wrap: wrap
}
.prl-exit-links .prl-exit-links-col {
  flex: 50%;
  max-width: 50%
}
.prl-exit-links .prl-exit-links-col.-first {
  flex: 60%;
  max-width: 56%
}
.prl-exit-links .prl-exit-links-col.-second {
  flex: 40%;
  max-width: 46%
}
}

@media (min-width: 1440px) {
.prl-exit-links .prl-exit-links-row {
  margin-left: 64px
}
}
.prl-exit-links .prl-exit-links-box {
  position: relative;
  padding: 42px 32px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
  margin: 24px 12px;
  background-color: var(--prl-color-primary-inverse);
  transition: box-shadow 1s ease-in
}

@media only screen and (max-width: 1023px) {
.prl-exit-links .prl-exit-links-box {
  flex: 0 0 auto;
  width: 80vw
}
}
.prl-exit-links .prl-exit-links-box:after {
  transition: opacity 2s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.3, 0, 0, 1);
  transition: opacity 2s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0, 0, 0, 1);
  box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.1);
  opacity: 0;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: transparent
}
.prl-exit-links .prl-exit-links-box:hover {
  cursor: pointer
}
.prl-exit-links .prl-exit-links-box:hover:after {
  transition: opacity 2s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.3, 0, 0, 1);
  transition: opacity 2s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0, 0, 0, 1);
  opacity: 1
}
.prl-exit-links .prl-exit-links-box .-overline {
  font-weight: 400;
  color: var(--prl-color-primary);
  font-size: 14px;
  line-height: 24px;
  color: var(--prl-color-grey-600);
  margin-bottom: 8px
}
.prl-exit-links .prl-exit-links-box .-claim {
  font-weight: 400;
  color: var(--prl-color-primary);
  font-weight: 500;
  margin-bottom: 12px
}

@media only screen and (min-width: 1440px) {
.prl-exit-links .prl-exit-links-box .-claim {
  font-size: 22px;
  line-height: 36px
}
}

@media only screen and (min-width: 480px) and (max-width:1599px) {
.prl-exit-links .prl-exit-links-box .-claim {
  font-size: 22px;
  line-height: 36px
}
}

@media only screen and (max-width: 767px) {
.prl-exit-links .prl-exit-links-box .-claim {
  font-size: 16px;
  line-height: 28px
}
}
.prl-exit-links .prl-exit-links-box .-content {
  font-size: 16px;
  line-height: 28px;
  color: var(--prl-color-grey-600);
  margin-bottom: 0
}
.prl-exit-links .prl-exit-links-box img {
  position: absolute;
  top: 24px;
  right: 24px
}
.prl-exit-links .prl-exit-links-box img[src=""] {
  display: none
}

@media only screen and (max-width: 1023px) {
.prl-exit-links .exit-links-mobile {
  display: flex;
  flex-direction: column;
  align-items: center
}
}
.prl-help-support {
  width: 100%;
  justify-content: center;
  background: black
}
.prl-help-support .-hidden\@mobile {
  display: none
}

@media only screen and (min-width: 768px) {
.prl-help-support .-hidden\@mobile {
  display: block
}
}
.prl-help-support .-hidden\@desktop {
  display: block
}

@media only screen and (min-width: 768px) {
.prl-help-support .-hidden\@desktop {
  display: none
}
}
.prl-help-support h2 {
  font-weight: 400;
  color: var(--prl-color-primary);
  margin: 60px 0 48px;
  color: var(--prl-color-primary-inverse)
}

@media only screen and (min-width: 1440px) {
.prl-help-support h2 {
  font-size: 32px;
  line-height: 48px
}
}

@media only screen and (min-width: 480px) and (max-width:1599px) {
.prl-help-support h2 {
  font-size: 32px;
  line-height: 48px
}
}

@media only screen and (max-width: 767px) {
.prl-help-support h2 {
  font-size: 28px;
  line-height: 36px
}
}

@media only screen and (min-width: 768px) {
.prl-help-support h2 {
  text-align: center
}
}
.prl-help-support [class^="prl-icon-"] {
  font-weight: 400;
  color: var(--prl-color-primary);
  color: var(--prl-color-primary-inverse)
}

@media only screen and (min-width: 1440px) {
.prl-help-support [class^="prl-icon-"] {
  font-size: 42px;
  line-height: 60px
}
}

@media only screen and (min-width: 1280px) and (max-width:1439px) {
.prl-help-support [class^="prl-icon-"] {
  font-size: 34px;
  line-height: 48px
}
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
.prl-help-support [class^="prl-icon-"] {
  font-size: 34px;
  line-height: 48px
}
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
.prl-help-support [class^="prl-icon-"] {
  font-size: 32px;
  line-height: 44px
}
}

@media only screen and (max-width: 767px) {
.prl-help-support [class^="prl-icon-"] {
  font-size: 28px;
  line-height: 36px
}
}
.prl-help-support .prl-list-item-text {
  font-weight: 400;
  color: var(--prl-color-primary);
  font-size: 24px;
  line-height: 32px;
  color: var(--prl-color-primary-inverse);
  margin: -40px 0 0 52px
}

@media only screen and (min-width: 1440px) {
.prl-help-support .prl-list-item-text {
  font-size: 32px;
  line-height: 44px
}
}
.prl-help-support .prl-list-item-subtext {
  font-weight: 400;
  color: var(--prl-color-primary);
  font-size: 14px;
  line-height: 24px;
  color: var(--prl-color-grey-A500);
  margin-left: 52px
}
.prl-help-support .-end-link {
  font-weight: 400;
  color: var(--prl-color-primary);
  font-weight: 500;
  font-size: 16px;
  line-height: 28px;
  margin: 52px 0;
  display: inline-block;
  color: var(--prl-color-primary-inverse)
}

@media only screen and (min-width: 768px) {
.prl-help-support .-end-link {
  text-align: center;
  display: block
}
}
.prl-help-support .-claim {
  font-weight: 400;
  color: var(--prl-color-primary);
  font-size: 24px;
  line-height: 32px;
  color: var(--prl-color-primary-inverse);
  display: block
}

@media only screen and (min-width: 1440px) {
.prl-help-support .-claim {
  font-size: 32px;
  line-height: 44px
}
}

@media only screen and (min-width: 1440px) {
.prl-help-support .-claim {
  font-size: 24px;
  line-height: 32px
}
}
.prl-help-support .-content {
  font-weight: 400;
  color: var(--prl-color-primary);
  font-size: 14px;
  line-height: 24px;
  color: var(--prl-color-grey-A500);
  display: block
}
.prl-help-support-block {
  text-align: center
}
.prl-hero-image {
  margin: 0;
  padding: 0 20px;
  min-width: 375px;
  overflow: hidden
}

@media only screen and (min-width: 768px) {
.prl-hero-image {
  padding: 0 64px
}
}

@media only screen and (min-width: 1024px) {
.prl-hero-image {
  max-width: 1440px;
  left: 50%;
  position: relative;
  transform: translateX(-50%)
}
}
.prl-hero-image .-hero-content {
  font-weight: 400;
  color: var(--prl-color-primary);
  font-size: 24px;
  line-height: 32px;
  margin: 54px 0 0 0
}

@media only screen and (min-width: 1440px) {
.prl-hero-image .-hero-content {
  font-size: 32px;
  line-height: 44px
}
}

@media (max-width: 767px) {
.prl-hero-image .-hero-content {
  font-size: 21px
}
}

@media only screen and (min-width: 768px) {
.prl-hero-image .-hero-content {
  text-align: center;
  margin: 60px auto 50px
}
}

@media only screen and (min-width: 1440px) {
.prl-hero-image .-hero-content {
  margin: 120px auto 76px;
  width: 750px;
  font-size: 28px
}
}

@media only screen and (min-width: 768px) {
.prl-hero-image .-hero-image {
  margin: 0 -44px
}
}

@media only screen and (min-width: 1440px) {
.prl-hero-image .-hero-image {
  margin: 0 -88px
}
}
.prl-hero-image .prl-hero-img {
  min-height: 50vh;
  max-height: 50vh;
  width: 100%;
  object-position: center;
  object-fit: cover
}

@media only screen and (min-width: 768px) {
.prl-hero-image .prl-hero-img {
  max-height: 560px;
  min-height: auto
}
}
.prl-hero-video {
  padding: 0;
  margin: 0;
  position: relative;
  height: 100vh;
  overflow: hidden
}
.prl-hero-video .prl-down-indicator {
  transition: opacity 0.7s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0, 0, 0, 1);
  opacity: 0;
  position: absolute;
  right: 80px;
  bottom: 80px;
  padding: 25px 20px 0;
  background-color: var(--prl-color-primary-inverse);
  border-radius: 50%;
  color: var(--prl-color-primary);
  width: 62px;
  height: 62px
}

@media only screen and (max-width: 1023px) {
.prl-hero-video .prl-down-indicator {
  right: 30px;
  bottom: 130px
}
}
.prl-hero-video .prl-down-indicator.-active {
  transition: opacity 0.7s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.3, 0, 0, 1);
  opacity: 1
}
.prl-hero-video .prl-down-indicator.-fade-out {
  transition: opacity 0.7s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.3, 0, 0, 1);
  opacity: 0
}
.prl-hero-video .prl-hero-video-wrapper {
  height: 100%
}
.prl-hero-video .video {
  width: 100%;
  object-fit: cover;
  min-height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%)
}
.prl-hero-video .video.-mobile {
  display: block
}
.prl-hero-video .video.-tablet, .prl-hero-video .video.-desktop {
  display: none
}

@media only screen and (min-width: 1024px) {
.prl-hero-video .video.-desktop {
  display: block
}
.prl-hero-video .video.-mobile, .prl-hero-video .video.-tablet {
  display: none
}
}
.prl-hero-video .-hero-video {
  height: 100%
}
.prl-hero-video .-hero-video-cues {
  font-weight: 400;
  color: var(--prl-color-primary);
  color: var(--prl-color-primary-inverse);
  text-align: center
}

@media only screen and (min-width: 1440px) {
.prl-hero-video .-hero-video-cues {
  font-size: 76px;
  line-height: 96px
}
}

@media only screen and (min-width: 1280px) and (max-width:1439px) {
.prl-hero-video .-hero-video-cues {
  font-size: 64px;
  line-height: 80px
}
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
.prl-hero-video .-hero-video-cues {
  font-size: 64px;
  line-height: 80px
}
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
.prl-hero-video .-hero-video-cues {
  font-size: 56px;
  line-height: 70px
}
}

@media only screen and (max-width: 767px) {
.prl-hero-video .-hero-video-cues {
  font-size: 36px;
  line-height: 48px
}
}

@media only screen and (min-width: 1440px) {
.prl-hero-video .-hero-video-cues {
  font-size: 64px;
  line-height: 80px
}
}
.prl-hero-video .-hero-video-cues span {
  transition: opacity 0.7s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0, 0, 0, 1);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  opacity: 0
}

@media only screen and (min-width: 1024px) {
.prl-hero-video .-hero-video-cues span {
  width: 33%
}
}
.prl-hero-video .-hero-video-cues span.-active {
  transition: opacity 1.4s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.3, 0, 0, 1);
  animation: fadein-hero-video-cues 0.7s 1;
  opacity: 1
}
.prl-hero-video .hero-video-image {
  position: relative;
  height: 100%;
  width: 100%
}
.prl-hero-video .hero-video-image .image {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center
}
.prl-hero-video .hero-video-image .image-header {
  font-weight: 400;
  color: var(--prl-color-primary);
  transition: opacity 0.7s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0, 0, 0, 1);
  width: 80%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: var(--prl-color-primary-inverse);
  opacity: 0
}

@media only screen and (min-width: 1440px) {
.prl-hero-video .hero-video-image .image-header {
  font-size: 76px;
  line-height: 96px
}
}

@media only screen and (min-width: 1280px) and (max-width:1439px) {
.prl-hero-video .hero-video-image .image-header {
  font-size: 64px;
  line-height: 80px
}
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
.prl-hero-video .hero-video-image .image-header {
  font-size: 64px;
  line-height: 80px
}
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
.prl-hero-video .hero-video-image .image-header {
  font-size: 56px;
  line-height: 70px
}
}

@media only screen and (max-width: 767px) {
.prl-hero-video .hero-video-image .image-header {
  font-size: 36px;
  line-height: 48px
}
}

@media only screen and (min-width: 1440px) {
.prl-hero-video .hero-video-image .image-header {
  font-size: 64px;
  line-height: 80px
}
}

@media only screen and (min-width: 1024px) {
.prl-hero-video .hero-video-image .image-header {
  max-width: 40%
}
}
.prl-hero-video .hero-video-image .image-header.-active {
  transition: opacity 1.4s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.3, 0, 0, 1);
  animation: fadein-hero-video-cues 0.7s 1s;
  opacity: 1
}
 @keyframes fadein-hero-video-cues {
 0% {
 margin-top: 30px;
 line-height: 80px
}
 100% {
 margin-top: 0
}
}

@media only screen and (min-width: 768px) {
 @keyframes fadein-hero-video-cues {
 0% {
 margin-top:80px;
 line-height: 120px
}
 100% {
 margin-top: 0
}
}
}
.prl-how-it-works {
  position: relative;
  width: 100%;
  margin: 2.8rem 0
}

@media (min-width: 1024px) {
.prl-how-it-works {
  margin: 5rem 0
}
}
.prl-how-it-works .how-it-works-container {
  position: absolute;
  display: flex;
  align-items: flex-end;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -100%) scale(0.7)
}

@media only screen and (max-width: 360px) {
.prl-how-it-works .how-it-works-container {
  transform: translate(-50%, -85%) scale(0.55)
}
}

@media only screen and (min-width: 768px) {
.prl-how-it-works .how-it-works-container {
  top: 35%;
  transform: translate(-50%, -50%)
}
}

@media screen and (max-height: 635px) {
.prl-how-it-works .how-it-works-container {
  transform: translate(-50%, -100%) scale(0.55)
}
}

@media screen and (max-height: 585px) {
.prl-how-it-works .how-it-works-container {
  transform: translate(-50%, -100%) scale(0.5)
}
}

@media screen and (min-width: 1024px) and (max-height:635px) {
.prl-how-it-works .how-it-works-container .prl-how-it-works .how-it-works-container {
  top: 90%
}
}

@media (min-width: 1024px) {
.prl-how-it-works .how-it-works-container {
  top: 50%
}
}
.prl-how-it-works .how-it-works-container .image-wrapper {
  position: relative;
  margin: 0 21px;
  transition: all 1s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1)
}

@media only screen and (min-width: 768px) {
.prl-how-it-works .how-it-works-container .image-wrapper {
  margin: 0 30px
}
}
.prl-how-it-works .how-it-works-container .image-wrapper:first-child {
  margin-left: 0
}
.prl-how-it-works .how-it-works-container .image-wrapper:last-child {
  margin-right: 0
}
.prl-how-it-works .how-it-works-container .image-wrapper .image {
  transition: all 1s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  opacity: 0.2
}
.prl-how-it-works .how-it-works-container .image-wrapper .pointer {
  position: absolute;
  height: 28px;
  width: 28px;
  left: 50%;
  transform: translateX(-50%) scale(1.2);
  bottom: -60px
}
.prl-how-it-works .how-it-works-container .image-wrapper .pointer::before {
  transition: all 0.75s cubic-bezier(0.19, 1, 0.22, 1);
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.3, 0, 0, 1);
  content: '';
  position: absolute;
  transform: rotate(45deg) scale(1);
  border-radius: 50%;
  height: 28px;
  width: 28px;
  background: #524f5a url('../../../../../design/themes/kura/media/icons/close.svg?1690945733') no-repeat center;
  background-size: 18px
}

@media (min-width: 1024px) {
.prl-how-it-works .how-it-works-container .image-wrapper .pointer::before {
  transform: rotate(45deg) scale(0)
}
}

@media only screen and (min-width: 1024px) {
.prl-how-it-works .how-it-works-container .image-wrapper .pointer::after {
  transition: all 0.75s cubic-bezier(0.19, 1, 0.22, 1);
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.3, 0, 0, 1);
  content: '';
  position: absolute;
  height: 60px;
  width: 60px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  opacity: 1;
  border-radius: 50%;
  border: 1px solid;
  border-color: var(--prl-color-primary-inverse)
}
}
.prl-how-it-works .how-it-works-container .image-wrapper .pointer .pointer-line {
  transition: all 0.75s cubic-bezier(0.19, 1, 0.22, 1);
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.3, 0, 0, 1);
  z-index: -1;
  top: 50%;
  position: absolute;
  transform: scaleX(0);
  margin: 0;
  background: #4d5063;
  border: none;
  height: 1px
}
.prl-how-it-works .how-it-works-container .desktop-text-wrapper {
  position: absolute;
  transform: translateX(-50%);
  left: 50%
}
.prl-how-it-works .how-it-works-container .desktop-text-wrapper.-right .text-wrapper {
  right: 0
}
.prl-how-it-works .prl-how-it-works-inner-wrapper {
  height: 100vh;
  width: 100% !important;
  background-color: var(--prl-color-primary)
}
.prl-how-it-works .how-it-works-scene .how-it-works-grid {
  position: absolute;
  top: 65%
}

@media (min-width: 768px) {
.prl-how-it-works .how-it-works-scene .how-it-works-grid {
  top: 70%
}
}
.prl-how-it-works .prl-slider-progress {
  position: absolute;
  padding: 0;
  right: 0;
  width: auto;
  top: 50%;
  transform: rotate(90deg) translate(-50%, -20px)
}

@media only screen and (min-width: 1024px) {
.prl-how-it-works .prl-slider-progress {
  transform: rotate(90deg) translate(-50%)
}
}
.prl-how-it-works .prl-progress-bar {
  width: 24px;
  margin-right: 11px;
  background-color: var(--prl-color-grey-600)
}

@media only screen and (max-width: 1023px) {
.prl-how-it-works .prl-progress-bar {
  width: 16px;
  margin-right: 9px
}
}
.prl-how-it-works .prl-progress-bar::before {
  content: '';
  background-color: var(--prl-color-primary-inverse);
  height: 100%;
  width: 0;
  transition-duration: 0.5s
}
.prl-how-it-works .text-wrapper {
  transition: all 0.5s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  opacity: 0;
  overflow: visible
}

@media only screen and (min-width: 1024px) {
.prl-how-it-works .text-wrapper {
  transition: all 1s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1)
}
}
.prl-how-it-works .text-wrapper.-mobile {
  display: block
}
.prl-how-it-works .text-wrapper.-desktop {
  position: absolute;
  width: 220px;
  display: none
}

@media (min-width: 1280px) {
.prl-how-it-works .text-wrapper.-desktop {
  width: 250px
}
}
.prl-how-it-works .text-wrapper.-right {
  right: 0
}
.prl-how-it-works .text-wrapper.-left {
  left: 0
}

@media only screen and (min-width: 1024px) {
.prl-how-it-works .text-wrapper.-mobile {
  display: none
}
.prl-how-it-works .text-wrapper.-desktop {
  display: block
}
}
.prl-how-it-works .text-wrapper .header {
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold;
  font-size: 1.2rem;
  line-height: 1.333;
  margin-bottom: 1.2rem;
  color: #FFFDFB
}

@media (min-width: 1024px) {
.prl-how-it-works .text-wrapper .header {
  line-height: 1.5;
  font-size: 1rem
}
}

@media (min-width: 1280px) {
.prl-how-it-works .text-wrapper .header {
  font-size: 1.2rem
}
}
.prl-how-it-works .text-wrapper .header span {
  margin: 0 -20px;
  padding: 0 20px;
  background-color: var(--prl-color-primary);
  display: inline-block;
  vertical-align: middle
}
.prl-how-it-works .text-wrapper .copy {
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: normal;
  font-size: 0.7rem;
  line-height: 20px;
  letter-spacing: 0.4px;
  margin: 0;
  color: #FFFDFB
}

@media (min-width: 1024px) {
.prl-how-it-works .text-wrapper .copy {
  font-size: 0.8rem;
  line-height: 24px
}
}
 @keyframes fade-in-text {
 0% {
 margin-top: 20px;
 line-height: 35px
}
 100% {
 margin-top: 0
}
}
.prl-how-it-works.iqos3duo {
}

@media only screen and (min-width: 1024px) {
.prl-how-it-works.iqos3duo {
}
.prl-how-it-works.iqos3duo .image-wrapper.-image-1 .pointer {
  bottom: 60px
}
.prl-how-it-works.iqos3duo .image-wrapper.-image-1 .pointer .pointer-line {
  width: 150px;
  right: 50%;
  transform-origin: 100% 50%
}
.prl-how-it-works.iqos3duo .image-wrapper.-image-2 .pointer {
  bottom: 375px
}
.prl-how-it-works.iqos3duo .image-wrapper.-image-2 .pointer .pointer-line {
  width: 300px;
  right: 100%
}
.prl-how-it-works.iqos3duo .image-wrapper.-image-3 .pointer {
  bottom: 245px
}
.prl-how-it-works.iqos3duo .image-wrapper.-image-3 .pointer .pointer-line {
  width: 70px;
  left: 50%;
  transform-origin: 0 50%
}
.prl-how-it-works.iqos3duo .desktop-text-wrapper.-scene-1 {
  bottom: 93px
}
.prl-how-it-works.iqos3duo .desktop-text-wrapper.-scene-2 {
  bottom: 408px
}
.prl-how-it-works.iqos3duo .desktop-text-wrapper.-scene-3 {
  bottom: 278px
}
.prl-how-it-works.iqos3duo .desktop-text-wrapper.-scene-3 .text-wrapper {
  right: 0
}
}

@media only screen and (min-width: 1024px) and (min-width:1280px) {
.prl-how-it-works.iqos3duo .image-wrapper.-image-3 .pointer .pointer-line {
  width: 120px
}
}

@media only screen and (min-width: 1024px) and (min-width:1440px) {
.prl-how-it-works.iqos3duo .image-wrapper.-image-3 .pointer .pointer-line {
  width: 170px
}
}
.prl-how-it-works.iqos3duo.-is-scene-2 .prl-slider-progress .prl-progress-bar:nth-child(1)::before {
  width: 100%
}
.prl-how-it-works.iqos3duo.-is-scene-3 .prl-slider-progress .prl-progress-bar:nth-child(1)::before, .prl-how-it-works.iqos3duo.-is-scene-3 .prl-slider-progress .prl-progress-bar:nth-child(2)::before {
  width: 100%
}
.prl-how-it-works.iqos3duo.-is-scene-4 .prl-slider-progress .prl-progress-bar:nth-child(1)::before, .prl-how-it-works.iqos3duo.-is-scene-4 .prl-slider-progress .prl-progress-bar:nth-child(2)::before, .prl-how-it-works.iqos3duo.-is-scene-4 .prl-slider-progress .prl-progress-bar:nth-child(3)::before, .prl-how-it-works.iqos3duo.-is-scene-5 .prl-slider-progress .prl-progress-bar:nth-child(1)::before, .prl-how-it-works.iqos3duo.-is-scene-5 .prl-slider-progress .prl-progress-bar:nth-child(2)::before, .prl-how-it-works.iqos3duo.-is-scene-5 .prl-slider-progress .prl-progress-bar:nth-child(3)::before {
  width: 100%
}
.prl-how-it-works.iqos3duo.-is-scene-1 .image, .prl-how-it-works.iqos3duo.-is-scene-5 .image {
  opacity: 1
}

@media only screen and (max-width: 1023px) {
.prl-how-it-works.iqos3duo.-is-scene-2 .-image-1 .prl-how-it-works-pointer::before {
  width: calc(100% - 58px)
}
.prl-how-it-works.iqos3duo.-is-scene-2 .-image-1 .pointer::before {
  transform: rotate(45deg) scale(1.2);
  background-color: #00D1D2
}
.prl-how-it-works.iqos3duo.-is-scene-2 .-image-1 .pointer::after {
  transform: translate(-50%, -50%) scaleX(1);
  opacity: 0
}
.prl-how-it-works.iqos3duo.-is-scene-2 .-image-1 .pointer-line {
  transform: scaleX(1)
}
.prl-how-it-works.iqos3duo.-is-scene-2 .-image-1 .image {
  opacity: 1
}
.prl-how-it-works.iqos3duo.-is-scene-2 .-scene-1 .text-wrapper {
  opacity: 1
}
.prl-how-it-works.iqos3duo.-is-scene-2 .-scene-1 .text-wrapper .header {
  animation: fade-in-text 0.5s
}
.prl-how-it-works.iqos3duo.-is-scene-2 .-scene-1 .text-wrapper .copy {
  animation: fade-in-text 0.5s
}
.prl-how-it-works.iqos3duo.-is-scene-2 .-scene-1 .text-wrapper .image {
  opacity: 1
}
.prl-how-it-works.iqos3duo.-is-scene-3 .-image-2 .prl-how-it-works-pointer::before {
  width: calc(100% - 58px)
}
.prl-how-it-works.iqos3duo.-is-scene-3 .-image-2 .pointer::before {
  transform: rotate(45deg) scale(1.2);
  background-color: #00D1D2
}
.prl-how-it-works.iqos3duo.-is-scene-3 .-image-2 .pointer::after {
  transform: translate(-50%, -50%) scaleX(1);
  opacity: 0
}
.prl-how-it-works.iqos3duo.-is-scene-3 .-image-2 .pointer-line {
  transform: scaleX(1)
}
.prl-how-it-works.iqos3duo.-is-scene-3 .-image-2 .image {
  opacity: 1
}
.prl-how-it-works.iqos3duo.-is-scene-3 .-scene-2 .text-wrapper {
  opacity: 1
}
.prl-how-it-works.iqos3duo.-is-scene-3 .-scene-2 .text-wrapper .header {
  animation: fade-in-text 0.5s
}
.prl-how-it-works.iqos3duo.-is-scene-3 .-scene-2 .text-wrapper .copy {
  animation: fade-in-text 0.5s
}
.prl-how-it-works.iqos3duo.-is-scene-3 .-scene-2 .text-wrapper .image {
  opacity: 1
}
.prl-how-it-works.iqos3duo.-is-scene-4 .-image-3 .prl-how-it-works-pointer::before {
  width: calc(100% - 58px)
}
.prl-how-it-works.iqos3duo.-is-scene-4 .-image-3 .pointer::before {
  transform: rotate(45deg) scale(1.2);
  background-color: #00D1D2
}
.prl-how-it-works.iqos3duo.-is-scene-4 .-image-3 .pointer::after {
  transform: translate(-50%, -50%) scaleX(1);
  opacity: 0
}
.prl-how-it-works.iqos3duo.-is-scene-4 .-image-3 .pointer-line {
  transform: scaleX(1)
}
.prl-how-it-works.iqos3duo.-is-scene-4 .-image-3 .image {
  opacity: 1
}
.prl-how-it-works.iqos3duo.-is-scene-4 .-scene-3 .text-wrapper {
  opacity: 1
}
.prl-how-it-works.iqos3duo.-is-scene-4 .-scene-3 .text-wrapper .header {
  animation: fade-in-text 0.5s
}
.prl-how-it-works.iqos3duo.-is-scene-4 .-scene-3 .text-wrapper .copy {
  animation: fade-in-text 0.5s
}
.prl-how-it-works.iqos3duo.-is-scene-4 .-scene-3 .text-wrapper .image {
  opacity: 1
}
}

@media only screen and (max-width: 1023px) and (min-width:1024px) {
.prl-how-it-works.iqos3duo.-is-scene-2 .-image-1 .pointer::before {
  transform: rotate(45deg) scale(1)
}
}

@media only screen and (max-width: 1023px) and (min-width:1024px) {
.prl-how-it-works.iqos3duo.-is-scene-2 .-image-1 {
  transform: translateY(-50px)
}
.prl-how-it-works.iqos3duo.-is-scene-2 .-image-1 .text-wrapper {
  transform: translateY(-50px)
}
.prl-how-it-works.iqos3duo.-is-scene-2 .-image-1 .image {
  transform: translateY(0)
}
}

@media only screen and (max-width: 1023px) and (min-width:1024px) {
.prl-how-it-works.iqos3duo.-is-scene-2 .-scene-1 .text-wrapper {
  transform: translateY(-50px)
}
.prl-how-it-works.iqos3duo.-is-scene-2 .-scene-1 .text-wrapper .text-wrapper {
  transform: translateY(-50px)
}
.prl-how-it-works.iqos3duo.-is-scene-2 .-scene-1 .text-wrapper .image {
  transform: translateY(0)
}
}

@media only screen and (max-width: 1023px) and (min-width:1024px) {
.prl-how-it-works.iqos3duo.-is-scene-3 .-image-2 .pointer::before {
  transform: rotate(45deg) scale(1)
}
}

@media only screen and (max-width: 1023px) and (min-width:1024px) {
.prl-how-it-works.iqos3duo.-is-scene-3 .-image-2 {
  transform: translateY(-50px)
}
.prl-how-it-works.iqos3duo.-is-scene-3 .-image-2 .text-wrapper {
  transform: translateY(-50px)
}
.prl-how-it-works.iqos3duo.-is-scene-3 .-image-2 .image {
  transform: translateY(0)
}
}

@media only screen and (max-width: 1023px) and (min-width:1024px) {
.prl-how-it-works.iqos3duo.-is-scene-3 .-scene-2 .text-wrapper {
  transform: translateY(-50px)
}
.prl-how-it-works.iqos3duo.-is-scene-3 .-scene-2 .text-wrapper .text-wrapper {
  transform: translateY(-50px)
}
.prl-how-it-works.iqos3duo.-is-scene-3 .-scene-2 .text-wrapper .image {
  transform: translateY(0)
}
}

@media only screen and (max-width: 1023px) and (min-width:1024px) {
.prl-how-it-works.iqos3duo.-is-scene-4 .-image-3 .pointer::before {
  transform: rotate(45deg) scale(1)
}
}

@media only screen and (max-width: 1023px) and (min-width:1024px) {
.prl-how-it-works.iqos3duo.-is-scene-4 .-image-3 {
  transform: translateY(-50px)
}
.prl-how-it-works.iqos3duo.-is-scene-4 .-image-3 .text-wrapper {
  transform: translateY(-50px)
}
.prl-how-it-works.iqos3duo.-is-scene-4 .-image-3 .image {
  transform: translateY(0)
}
}

@media only screen and (max-width: 1023px) and (min-width:1024px) {
.prl-how-it-works.iqos3duo.-is-scene-4 .-scene-3 .text-wrapper {
  transform: translateY(-50px)
}
.prl-how-it-works.iqos3duo.-is-scene-4 .-scene-3 .text-wrapper .text-wrapper {
  transform: translateY(-50px)
}
.prl-how-it-works.iqos3duo.-is-scene-4 .-scene-3 .text-wrapper .image {
  transform: translateY(0)
}
}

@media only screen and (min-width: 1024px) {
.prl-how-it-works.iqos3duo .-image-2 {
  margin: 0 60px
}
.prl-how-it-works.iqos3duo.-is-scene-2 .-image-2 {
  margin: 0 30px
}
.prl-how-it-works.iqos3duo.-is-scene-2 .-image-2 .prl-how-it-works-pointer::before {
  width: calc(100% - 58px)
}
.prl-how-it-works.iqos3duo.-is-scene-2 .-image-2 .pointer::before {
  transform: rotate(45deg) scale(1.2);
  background-color: #00D1D2
}
.prl-how-it-works.iqos3duo.-is-scene-2 .-image-2 .pointer::after {
  transform: translate(-50%, -50%) scaleX(1);
  opacity: 0
}
.prl-how-it-works.iqos3duo.-is-scene-2 .-image-2 .pointer-line {
  transform: scaleX(1)
}
.prl-how-it-works.iqos3duo.-is-scene-2 .-image-2 .image {
  opacity: 1
}
.prl-how-it-works.iqos3duo.-is-scene-2 .-scene-2 .text-wrapper {
  opacity: 1
}
.prl-how-it-works.iqos3duo.-is-scene-2 .-scene-2 .text-wrapper .header {
  animation: fade-in-text 0.5s
}
.prl-how-it-works.iqos3duo.-is-scene-2 .-scene-2 .text-wrapper .copy {
  animation: fade-in-text 0.5s
}
.prl-how-it-works.iqos3duo.-is-scene-2 .-scene-2 .text-wrapper .image {
  opacity: 1
}
.prl-how-it-works.iqos3duo.-is-scene-3 .-image-2 {
  margin: 0 30px
}
.prl-how-it-works.iqos3duo.-is-scene-3 .-image-2 .text-wrapper {
  opacity: 1
}
.prl-how-it-works.iqos3duo.-is-scene-3 .-image-2 .text-wrapper .header {
  animation: fade-in-text 0.5s
}
.prl-how-it-works.iqos3duo.-is-scene-3 .-image-2 .text-wrapper .copy {
  animation: fade-in-text 0.5s
}
.prl-how-it-works.iqos3duo.-is-scene-3 .-image-3 .prl-how-it-works-pointer::before {
  width: calc(100% - 58px)
}
.prl-how-it-works.iqos3duo.-is-scene-3 .-image-3 .pointer::before {
  transform: rotate(45deg) scale(1.2);
  background-color: #00D1D2
}
.prl-how-it-works.iqos3duo.-is-scene-3 .-image-3 .pointer::after {
  transform: translate(-50%, -50%) scaleX(1);
  opacity: 0
}
.prl-how-it-works.iqos3duo.-is-scene-3 .-image-3 .pointer-line {
  transform: scaleX(1)
}
.prl-how-it-works.iqos3duo.-is-scene-3 .-image-3 .image {
  opacity: 1
}
.prl-how-it-works.iqos3duo.-is-scene-3 .-scene-3 .text-wrapper {
  opacity: 1
}
.prl-how-it-works.iqos3duo.-is-scene-3 .-scene-3 .text-wrapper .header {
  animation: fade-in-text 0.5s
}
.prl-how-it-works.iqos3duo.-is-scene-3 .-scene-3 .text-wrapper .copy {
  animation: fade-in-text 0.5s
}
.prl-how-it-works.iqos3duo.-is-scene-3 .-scene-3 .text-wrapper .image {
  opacity: 1
}
.prl-how-it-works.iqos3duo.-is-scene-4 .-image-2 {
  margin: 0 30px
}
.prl-how-it-works.iqos3duo.-is-scene-4 .-image-1 .prl-how-it-works-pointer::before {
  width: calc(100% - 58px)
}
.prl-how-it-works.iqos3duo.-is-scene-4 .-image-1 .pointer::before {
  transform: rotate(45deg) scale(1.2);
  background-color: #00D1D2
}
.prl-how-it-works.iqos3duo.-is-scene-4 .-image-1 .pointer::after {
  transform: translate(-50%, -50%) scaleX(1);
  opacity: 0
}
.prl-how-it-works.iqos3duo.-is-scene-4 .-image-1 .pointer-line {
  transform: scaleX(1)
}
.prl-how-it-works.iqos3duo.-is-scene-4 .-image-1 .image {
  opacity: 1
}
.prl-how-it-works.iqos3duo.-is-scene-4 .-scene-1 .text-wrapper {
  opacity: 1
}
.prl-how-it-works.iqos3duo.-is-scene-4 .-scene-1 .text-wrapper .header {
  animation: fade-in-text 0.5s
}
.prl-how-it-works.iqos3duo.-is-scene-4 .-scene-1 .text-wrapper .copy {
  animation: fade-in-text 0.5s
}
.prl-how-it-works.iqos3duo.-is-scene-4 .-scene-1 .text-wrapper .image {
  opacity: 1
}
}

@media only screen and (min-width: 1024px) and (min-width:1024px) {
.prl-how-it-works.iqos3duo.-is-scene-2 .-image-2 .pointer::before {
  transform: rotate(45deg) scale(1)
}
}

@media only screen and (min-width: 1024px) and (min-width:1024px) {
.prl-how-it-works.iqos3duo.-is-scene-2 .-image-2 {
  transform: translateY(-50px)
}
.prl-how-it-works.iqos3duo.-is-scene-2 .-image-2 .text-wrapper {
  transform: translateY(-50px)
}
.prl-how-it-works.iqos3duo.-is-scene-2 .-image-2 .image {
  transform: translateY(0)
}
}

@media only screen and (min-width: 1024px) and (min-width:1024px) {
.prl-how-it-works.iqos3duo.-is-scene-2 .-scene-2 .text-wrapper {
  transform: translateY(-50px)
}
.prl-how-it-works.iqos3duo.-is-scene-2 .-scene-2 .text-wrapper .text-wrapper {
  transform: translateY(-50px)
}
.prl-how-it-works.iqos3duo.-is-scene-2 .-scene-2 .text-wrapper .image {
  transform: translateY(0)
}
}

@media only screen and (min-width: 1024px) and (min-width:1024px) {
.prl-how-it-works.iqos3duo.-is-scene-3 .-image-3 .pointer::before {
  transform: rotate(45deg) scale(1)
}
}

@media only screen and (min-width: 1024px) and (min-width:1024px) {
.prl-how-it-works.iqos3duo.-is-scene-3 .-image-3 {
  transform: translateY(-50px)
}
.prl-how-it-works.iqos3duo.-is-scene-3 .-image-3 .text-wrapper {
  transform: translateY(-50px)
}
.prl-how-it-works.iqos3duo.-is-scene-3 .-image-3 .image {
  transform: translateY(0)
}
}

@media only screen and (min-width: 1024px) and (min-width:1024px) {
.prl-how-it-works.iqos3duo.-is-scene-3 .-scene-3 .text-wrapper {
  transform: translateY(-50px)
}
.prl-how-it-works.iqos3duo.-is-scene-3 .-scene-3 .text-wrapper .text-wrapper {
  transform: translateY(-50px)
}
.prl-how-it-works.iqos3duo.-is-scene-3 .-scene-3 .text-wrapper .image {
  transform: translateY(0)
}
}

@media only screen and (min-width: 1024px) and (min-width:1024px) {
.prl-how-it-works.iqos3duo.-is-scene-4 .-image-1 .pointer::before {
  transform: rotate(45deg) scale(1)
}
}

@media only screen and (min-width: 1024px) and (min-width:1024px) {
.prl-how-it-works.iqos3duo.-is-scene-4 .-image-1 {
  transform: translateY(-50px)
}
.prl-how-it-works.iqos3duo.-is-scene-4 .-image-1 .text-wrapper {
  transform: translateY(-50px)
}
.prl-how-it-works.iqos3duo.-is-scene-4 .-image-1 .image {
  transform: translateY(0)
}
}

@media only screen and (min-width: 1024px) and (min-width:1024px) {
.prl-how-it-works.iqos3duo.-is-scene-4 .-scene-1 .text-wrapper {
  transform: translateY(-50px)
}
.prl-how-it-works.iqos3duo.-is-scene-4 .-scene-1 .text-wrapper .text-wrapper {
  transform: translateY(-50px)
}
.prl-how-it-works.iqos3duo.-is-scene-4 .-scene-1 .text-wrapper .image {
  transform: translateY(0)
}
}
 @keyframes fade-in-text {
 0% {
 margin-top: 20px;
 line-height: 35px
}
 100% {
 margin-top: 0
}
}
.prl-how-it-works.iqos24plus {
}

@media only screen and (min-width: 1024px) {
.prl-how-it-works.iqos24plus {
}
.prl-how-it-works.iqos24plus .image-wrapper.-image-1 .pointer {
  bottom: 60px
}
.prl-how-it-works.iqos24plus .image-wrapper.-image-1 .pointer .pointer-line {
  width: 150px;
  right: 50%;
  transform-origin: 100% 50%
}
.prl-how-it-works.iqos24plus .image-wrapper.-image-2 .pointer {
  bottom: 375px
}
.prl-how-it-works.iqos24plus .image-wrapper.-image-2 .pointer .pointer-line {
  width: 300px;
  right: 100%
}
.prl-how-it-works.iqos24plus .image-wrapper.-image-3 {
  margin-right: 0
}
.prl-how-it-works.iqos24plus .image-wrapper.-image-3 .pointer {
  bottom: 245px
}
.prl-how-it-works.iqos24plus .image-wrapper.-image-3 .pointer .pointer-line {
  width: 35px;
  left: 50%;
  transform-origin: 0 50%
}
.prl-how-it-works.iqos24plus .desktop-text-wrapper.-scene-1 {
  bottom: 93px
}
.prl-how-it-works.iqos24plus .desktop-text-wrapper.-scene-2 {
  bottom: 408px
}
.prl-how-it-works.iqos24plus .desktop-text-wrapper.-scene-3 {
  bottom: 278px
}
.prl-how-it-works.iqos24plus .desktop-text-wrapper.-scene-3 .text-wrapper {
  right: 0
}
}

@media only screen and (min-width: 1024px) and (min-width:1280px) {
.prl-how-it-works.iqos24plus .image-wrapper.-image-1 .pointer .pointer-line {
  width: 250px
}
}

@media only screen and (min-width: 1024px) and (min-width:1280px) {
.prl-how-it-works.iqos24plus .image-wrapper.-image-3 .pointer .pointer-line {
  width: 90px
}
}

@media only screen and (min-width: 1024px) and (min-width:1440px) {
.prl-how-it-works.iqos24plus .image-wrapper.-image-3 .pointer .pointer-line {
  width: 145px
}
}
.prl-how-it-works.iqos24plus.-is-scene-1 .image, .prl-how-it-works.iqos24plus.-is-scene-5 .image {
  opacity: 1
}
.prl-how-it-works.iqos24plus.-is-scene-2 .prl-slider-progress .prl-progress-bar:nth-child(1)::before {
  width: 100%
}
.prl-how-it-works.iqos24plus.-is-scene-3 .prl-slider-progress .prl-progress-bar:nth-child(1)::before, .prl-how-it-works.iqos24plus.-is-scene-3 .prl-slider-progress .prl-progress-bar:nth-child(2)::before {
  width: 100%
}
.prl-how-it-works.iqos24plus.-is-scene-4 .prl-slider-progress .prl-progress-bar:nth-child(1)::before, .prl-how-it-works.iqos24plus.-is-scene-4 .prl-slider-progress .prl-progress-bar:nth-child(2)::before, .prl-how-it-works.iqos24plus.-is-scene-4 .prl-slider-progress .prl-progress-bar:nth-child(3)::before, .prl-how-it-works.iqos24plus.-is-scene-5 .prl-slider-progress .prl-progress-bar:nth-child(1)::before, .prl-how-it-works.iqos24plus.-is-scene-5 .prl-slider-progress .prl-progress-bar:nth-child(2)::before, .prl-how-it-works.iqos24plus.-is-scene-5 .prl-slider-progress .prl-progress-bar:nth-child(3)::before {
  width: 100%
}

@media only screen and (max-width: 1023px) {
.prl-how-it-works.iqos24plus.-is-scene-2 .-image-1 .prl-how-it-works-pointer::before {
  width: calc(100% - 58px)
}
.prl-how-it-works.iqos24plus.-is-scene-2 .-image-1 .pointer::before {
  transform: rotate(45deg) scale(1.2);
  background-color: #00D1D2
}
.prl-how-it-works.iqos24plus.-is-scene-2 .-image-1 .pointer::after {
  transform: translate(-50%, -50%) scaleX(1);
  opacity: 0
}
.prl-how-it-works.iqos24plus.-is-scene-2 .-image-1 .pointer-line {
  transform: scaleX(1)
}
.prl-how-it-works.iqos24plus.-is-scene-2 .-image-1 .image {
  opacity: 1
}
.prl-how-it-works.iqos24plus.-is-scene-2 .-scene-1 .text-wrapper {
  opacity: 1
}
.prl-how-it-works.iqos24plus.-is-scene-2 .-scene-1 .text-wrapper .header {
  animation: fade-in-text 0.5s
}
.prl-how-it-works.iqos24plus.-is-scene-2 .-scene-1 .text-wrapper .copy {
  animation: fade-in-text 0.5s
}
.prl-how-it-works.iqos24plus.-is-scene-2 .-scene-1 .text-wrapper .image {
  opacity: 1
}
.prl-how-it-works.iqos24plus.-is-scene-3 .-image-2 .prl-how-it-works-pointer::before {
  width: calc(100% - 58px)
}
.prl-how-it-works.iqos24plus.-is-scene-3 .-image-2 .pointer::before {
  transform: rotate(45deg) scale(1.2);
  background-color: #00D1D2
}
.prl-how-it-works.iqos24plus.-is-scene-3 .-image-2 .pointer::after {
  transform: translate(-50%, -50%) scaleX(1);
  opacity: 0
}
.prl-how-it-works.iqos24plus.-is-scene-3 .-image-2 .pointer-line {
  transform: scaleX(1)
}
.prl-how-it-works.iqos24plus.-is-scene-3 .-image-2 .image {
  opacity: 1
}
.prl-how-it-works.iqos24plus.-is-scene-3 .-scene-2 .text-wrapper {
  opacity: 1
}
.prl-how-it-works.iqos24plus.-is-scene-3 .-scene-2 .text-wrapper .header {
  animation: fade-in-text 0.5s
}
.prl-how-it-works.iqos24plus.-is-scene-3 .-scene-2 .text-wrapper .copy {
  animation: fade-in-text 0.5s
}
.prl-how-it-works.iqos24plus.-is-scene-3 .-scene-2 .text-wrapper .image {
  opacity: 1
}
.prl-how-it-works.iqos24plus.-is-scene-4 .-image-3 .prl-how-it-works-pointer::before {
  width: calc(100% - 58px)
}
.prl-how-it-works.iqos24plus.-is-scene-4 .-image-3 .pointer::before {
  transform: rotate(45deg) scale(1.2);
  background-color: #00D1D2
}
.prl-how-it-works.iqos24plus.-is-scene-4 .-image-3 .pointer::after {
  transform: translate(-50%, -50%) scaleX(1);
  opacity: 0
}
.prl-how-it-works.iqos24plus.-is-scene-4 .-image-3 .pointer-line {
  transform: scaleX(1)
}
.prl-how-it-works.iqos24plus.-is-scene-4 .-image-3 .image {
  opacity: 1
}
.prl-how-it-works.iqos24plus.-is-scene-4 .-scene-3 .text-wrapper {
  opacity: 1
}
.prl-how-it-works.iqos24plus.-is-scene-4 .-scene-3 .text-wrapper .header {
  animation: fade-in-text 0.5s
}
.prl-how-it-works.iqos24plus.-is-scene-4 .-scene-3 .text-wrapper .copy {
  animation: fade-in-text 0.5s
}
.prl-how-it-works.iqos24plus.-is-scene-4 .-scene-3 .text-wrapper .image {
  opacity: 1
}
}

@media only screen and (max-width: 1023px) and (min-width:1024px) {
.prl-how-it-works.iqos24plus.-is-scene-2 .-image-1 .pointer::before {
  transform: rotate(45deg) scale(1)
}
}

@media only screen and (max-width: 1023px) and (min-width:1024px) {
.prl-how-it-works.iqos24plus.-is-scene-2 .-image-1 {
  transform: translateY(-50px)
}
.prl-how-it-works.iqos24plus.-is-scene-2 .-image-1 .text-wrapper {
  transform: translateY(-50px)
}
.prl-how-it-works.iqos24plus.-is-scene-2 .-image-1 .image {
  transform: translateY(0)
}
}

@media only screen and (max-width: 1023px) and (min-width:1024px) {
.prl-how-it-works.iqos24plus.-is-scene-2 .-scene-1 .text-wrapper {
  transform: translateY(-50px)
}
.prl-how-it-works.iqos24plus.-is-scene-2 .-scene-1 .text-wrapper .text-wrapper {
  transform: translateY(-50px)
}
.prl-how-it-works.iqos24plus.-is-scene-2 .-scene-1 .text-wrapper .image {
  transform: translateY(0)
}
}

@media only screen and (max-width: 1023px) and (min-width:1024px) {
.prl-how-it-works.iqos24plus.-is-scene-3 .-image-2 .pointer::before {
  transform: rotate(45deg) scale(1)
}
}

@media only screen and (max-width: 1023px) and (min-width:1024px) {
.prl-how-it-works.iqos24plus.-is-scene-3 .-image-2 {
  transform: translateY(-50px)
}
.prl-how-it-works.iqos24plus.-is-scene-3 .-image-2 .text-wrapper {
  transform: translateY(-50px)
}
.prl-how-it-works.iqos24plus.-is-scene-3 .-image-2 .image {
  transform: translateY(0)
}
}

@media only screen and (max-width: 1023px) and (min-width:1024px) {
.prl-how-it-works.iqos24plus.-is-scene-3 .-scene-2 .text-wrapper {
  transform: translateY(-50px)
}
.prl-how-it-works.iqos24plus.-is-scene-3 .-scene-2 .text-wrapper .text-wrapper {
  transform: translateY(-50px)
}
.prl-how-it-works.iqos24plus.-is-scene-3 .-scene-2 .text-wrapper .image {
  transform: translateY(0)
}
}

@media only screen and (max-width: 1023px) and (min-width:1024px) {
.prl-how-it-works.iqos24plus.-is-scene-4 .-image-3 .pointer::before {
  transform: rotate(45deg) scale(1)
}
}

@media only screen and (max-width: 1023px) and (min-width:1024px) {
.prl-how-it-works.iqos24plus.-is-scene-4 .-image-3 {
  transform: translateY(-50px)
}
.prl-how-it-works.iqos24plus.-is-scene-4 .-image-3 .text-wrapper {
  transform: translateY(-50px)
}
.prl-how-it-works.iqos24plus.-is-scene-4 .-image-3 .image {
  transform: translateY(0)
}
}

@media only screen and (max-width: 1023px) and (min-width:1024px) {
.prl-how-it-works.iqos24plus.-is-scene-4 .-scene-3 .text-wrapper {
  transform: translateY(-50px)
}
.prl-how-it-works.iqos24plus.-is-scene-4 .-scene-3 .text-wrapper .text-wrapper {
  transform: translateY(-50px)
}
.prl-how-it-works.iqos24plus.-is-scene-4 .-scene-3 .text-wrapper .image {
  transform: translateY(0)
}
}

@media only screen and (min-width: 1024px) {
.prl-how-it-works.iqos24plus .-image-2 {
  margin: 0 50px
}
.prl-how-it-works.iqos24plus.-is-scene-2 .-image-2 {
  margin: 0 20px
}
.prl-how-it-works.iqos24plus.-is-scene-2 .-image-2 .prl-how-it-works-pointer::before {
  width: calc(100% - 58px)
}
.prl-how-it-works.iqos24plus.-is-scene-2 .-image-2 .pointer::before {
  transform: rotate(45deg) scale(1.2);
  background-color: #00D1D2
}
.prl-how-it-works.iqos24plus.-is-scene-2 .-image-2 .pointer::after {
  transform: translate(-50%, -50%) scaleX(1);
  opacity: 0
}
.prl-how-it-works.iqos24plus.-is-scene-2 .-image-2 .pointer-line {
  transform: scaleX(1)
}
.prl-how-it-works.iqos24plus.-is-scene-2 .-image-2 .image {
  opacity: 1
}
.prl-how-it-works.iqos24plus.-is-scene-2 .-scene-2 .text-wrapper {
  opacity: 1
}
.prl-how-it-works.iqos24plus.-is-scene-2 .-scene-2 .text-wrapper .header {
  animation: fade-in-text 0.5s
}
.prl-how-it-works.iqos24plus.-is-scene-2 .-scene-2 .text-wrapper .copy {
  animation: fade-in-text 0.5s
}
.prl-how-it-works.iqos24plus.-is-scene-2 .-scene-2 .text-wrapper .image {
  opacity: 1
}
.prl-how-it-works.iqos24plus.-is-scene-3 .-image-2 {
  margin: 0 20px
}
.prl-how-it-works.iqos24plus.-is-scene-3 .-image-2 .text-wrapper {
  opacity: 1
}
.prl-how-it-works.iqos24plus.-is-scene-3 .-image-2 .text-wrapper .header {
  animation: fade-in-text 0.5s
}
.prl-how-it-works.iqos24plus.-is-scene-3 .-image-2 .text-wrapper .copy {
  animation: fade-in-text 0.5s
}
.prl-how-it-works.iqos24plus.-is-scene-3 .-image-3 .prl-how-it-works-pointer::before {
  width: calc(100% - 58px)
}
.prl-how-it-works.iqos24plus.-is-scene-3 .-image-3 .pointer::before {
  transform: rotate(45deg) scale(1.2);
  background-color: #00D1D2
}
.prl-how-it-works.iqos24plus.-is-scene-3 .-image-3 .pointer::after {
  transform: translate(-50%, -50%) scaleX(1);
  opacity: 0
}
.prl-how-it-works.iqos24plus.-is-scene-3 .-image-3 .pointer-line {
  transform: scaleX(1)
}
.prl-how-it-works.iqos24plus.-is-scene-3 .-image-3 .image {
  opacity: 1
}
.prl-how-it-works.iqos24plus.-is-scene-3 .-scene-3 .text-wrapper {
  opacity: 1
}
.prl-how-it-works.iqos24plus.-is-scene-3 .-scene-3 .text-wrapper .header {
  animation: fade-in-text 0.5s
}
.prl-how-it-works.iqos24plus.-is-scene-3 .-scene-3 .text-wrapper .copy {
  animation: fade-in-text 0.5s
}
.prl-how-it-works.iqos24plus.-is-scene-3 .-scene-3 .text-wrapper .image {
  opacity: 1
}
.prl-how-it-works.iqos24plus.-is-scene-4 .-image-2 {
  margin: 0 20px
}
.prl-how-it-works.iqos24plus.-is-scene-4 .-image-1 .prl-how-it-works-pointer::before {
  width: calc(100% - 58px)
}
.prl-how-it-works.iqos24plus.-is-scene-4 .-image-1 .pointer::before {
  transform: rotate(45deg) scale(1.2);
  background-color: #00D1D2
}
.prl-how-it-works.iqos24plus.-is-scene-4 .-image-1 .pointer::after {
  transform: translate(-50%, -50%) scaleX(1);
  opacity: 0
}
.prl-how-it-works.iqos24plus.-is-scene-4 .-image-1 .pointer-line {
  transform: scaleX(1)
}
.prl-how-it-works.iqos24plus.-is-scene-4 .-image-1 .image {
  opacity: 1
}
.prl-how-it-works.iqos24plus.-is-scene-4 .-scene-1 .text-wrapper {
  opacity: 1
}
.prl-how-it-works.iqos24plus.-is-scene-4 .-scene-1 .text-wrapper .header {
  animation: fade-in-text 0.5s
}
.prl-how-it-works.iqos24plus.-is-scene-4 .-scene-1 .text-wrapper .copy {
  animation: fade-in-text 0.5s
}
.prl-how-it-works.iqos24plus.-is-scene-4 .-scene-1 .text-wrapper .image {
  opacity: 1
}
}

@media only screen and (min-width: 1024px) and (min-width:1024px) {
.prl-how-it-works.iqos24plus.-is-scene-2 .-image-2 .pointer::before {
  transform: rotate(45deg) scale(1)
}
}

@media only screen and (min-width: 1024px) and (min-width:1024px) {
.prl-how-it-works.iqos24plus.-is-scene-2 .-image-2 {
  transform: translateY(-50px)
}
.prl-how-it-works.iqos24plus.-is-scene-2 .-image-2 .text-wrapper {
  transform: translateY(-50px)
}
.prl-how-it-works.iqos24plus.-is-scene-2 .-image-2 .image {
  transform: translateY(0)
}
}

@media only screen and (min-width: 1024px) and (min-width:1024px) {
.prl-how-it-works.iqos24plus.-is-scene-2 .-scene-2 .text-wrapper {
  transform: translateY(-50px)
}
.prl-how-it-works.iqos24plus.-is-scene-2 .-scene-2 .text-wrapper .text-wrapper {
  transform: translateY(-50px)
}
.prl-how-it-works.iqos24plus.-is-scene-2 .-scene-2 .text-wrapper .image {
  transform: translateY(0)
}
}

@media only screen and (min-width: 1024px) and (min-width:1024px) {
.prl-how-it-works.iqos24plus.-is-scene-3 .-image-3 .pointer::before {
  transform: rotate(45deg) scale(1)
}
}

@media only screen and (min-width: 1024px) and (min-width:1024px) {
.prl-how-it-works.iqos24plus.-is-scene-3 .-image-3 {
  transform: translateY(-50px)
}
.prl-how-it-works.iqos24plus.-is-scene-3 .-image-3 .text-wrapper {
  transform: translateY(-50px)
}
.prl-how-it-works.iqos24plus.-is-scene-3 .-image-3 .image {
  transform: translateY(0)
}
}

@media only screen and (min-width: 1024px) and (min-width:1024px) {
.prl-how-it-works.iqos24plus.-is-scene-3 .-scene-3 .text-wrapper {
  transform: translateY(-50px)
}
.prl-how-it-works.iqos24plus.-is-scene-3 .-scene-3 .text-wrapper .text-wrapper {
  transform: translateY(-50px)
}
.prl-how-it-works.iqos24plus.-is-scene-3 .-scene-3 .text-wrapper .image {
  transform: translateY(0)
}
}

@media only screen and (min-width: 1024px) and (min-width:1024px) {
.prl-how-it-works.iqos24plus.-is-scene-4 .-image-1 .pointer::before {
  transform: rotate(45deg) scale(1)
}
}

@media only screen and (min-width: 1024px) and (min-width:1024px) {
.prl-how-it-works.iqos24plus.-is-scene-4 .-image-1 {
  transform: translateY(-50px)
}
.prl-how-it-works.iqos24plus.-is-scene-4 .-image-1 .text-wrapper {
  transform: translateY(-50px)
}
.prl-how-it-works.iqos24plus.-is-scene-4 .-image-1 .image {
  transform: translateY(0)
}
}

@media only screen and (min-width: 1024px) and (min-width:1024px) {
.prl-how-it-works.iqos24plus.-is-scene-4 .-scene-1 .text-wrapper {
  transform: translateY(-50px)
}
.prl-how-it-works.iqos24plus.-is-scene-4 .-scene-1 .text-wrapper .text-wrapper {
  transform: translateY(-50px)
}
.prl-how-it-works.iqos24plus.-is-scene-4 .-scene-1 .text-wrapper .image {
  transform: translateY(0)
}
}
 @keyframes fade-in-text {
 0% {
 margin-top: 20px;
 line-height: 35px
}
 100% {
 margin-top: 0
}
}
.prl-how-it-works.iqos3multi {
}

@media only screen and (min-width: 1024px) {
.prl-how-it-works.iqos3multi {
}
.prl-how-it-works.iqos3multi .image-wrapper.-image-1 .pointer {
  bottom: 60px
}
.prl-how-it-works.iqos3multi .image-wrapper.-image-1 .pointer .pointer-line {
  width: 200px;
  right: 50%;
  transform-origin: 100% 50%
}
.prl-how-it-works.iqos3multi .image-wrapper.-image-2 {
  margin: 0 0 0 60px
}
.prl-how-it-works.iqos3multi .image-wrapper.-image-2 .pointer {
  bottom: 195px
}
.prl-how-it-works.iqos3multi .image-wrapper.-image-2 .pointer .pointer-line {
  width: 155px;
  left: 50%;
  transform-origin: 0 50%
}
.prl-how-it-works.iqos3multi .desktop-text-wrapper.-scene-1 {
  bottom: 93px
}
.prl-how-it-works.iqos3multi .desktop-text-wrapper.-scene-2 {
  bottom: 228px
}
.prl-how-it-works.iqos3multi .desktop-text-wrapper.-scene-2 .text-wrapper {
  right: 0
}
}

@media only screen and (min-width: 1024px) and (min-width:1280px) {
.prl-how-it-works.iqos3multi .image-wrapper.-image-1 .pointer .pointer-line {
  width: 300px
}
}

@media only screen and (min-width: 1024px) and (min-width:1280px) {
.prl-how-it-works.iqos3multi .image-wrapper.-image-2 .pointer .pointer-line {
  width: 210px
}
}

@media only screen and (min-width: 1024px) and (min-width:1440px) {
.prl-how-it-works.iqos3multi .image-wrapper.-image-2 .pointer .pointer-line {
  width: 265px
}
}
.prl-how-it-works.iqos3multi.-is-scene-1 .image, .prl-how-it-works.iqos3multi.-is-scene-4 .image, .prl-how-it-works.iqos3multi.-is-scene-5 .image {
  opacity: 1
}
.prl-how-it-works.iqos3multi.-is-scene-2 .prl-slider-progress .prl-progress-bar:nth-child(1)::before {
  width: 100%
}
.prl-how-it-works.iqos3multi.-is-scene-3 .prl-slider-progress .prl-progress-bar:nth-child(1)::before, .prl-how-it-works.iqos3multi.-is-scene-3 .prl-slider-progress .prl-progress-bar:nth-child(2)::before {
  width: 100%
}
.prl-how-it-works.iqos3multi.-is-scene-4 .prl-slider-progress .prl-progress-bar:nth-child(1)::before, .prl-how-it-works.iqos3multi.-is-scene-4 .prl-slider-progress .prl-progress-bar:nth-child(2)::before, .prl-how-it-works.iqos3multi.-is-scene-4 .prl-slider-progress .prl-progress-bar:nth-child(3)::before, .prl-how-it-works.iqos3multi.-is-scene-5 .prl-slider-progress .prl-progress-bar:nth-child(1)::before, .prl-how-it-works.iqos3multi.-is-scene-5 .prl-slider-progress .prl-progress-bar:nth-child(2)::before, .prl-how-it-works.iqos3multi.-is-scene-5 .prl-slider-progress .prl-progress-bar:nth-child(3)::before {
  width: 100%
}

@media only screen and (max-width: 1023px) {
.prl-how-it-works.iqos3multi.-is-scene-2 .-image-1 .prl-how-it-works-pointer::before {
  width: calc(100% - 58px)
}
.prl-how-it-works.iqos3multi.-is-scene-2 .-image-1 .pointer::before {
  transform: rotate(45deg) scale(1.2);
  background-color: #00D1D2
}
.prl-how-it-works.iqos3multi.-is-scene-2 .-image-1 .pointer::after {
  transform: translate(-50%, -50%) scaleX(1);
  opacity: 0
}
.prl-how-it-works.iqos3multi.-is-scene-2 .-image-1 .pointer-line {
  transform: scaleX(1)
}
.prl-how-it-works.iqos3multi.-is-scene-2 .-image-1 .image {
  opacity: 1
}
.prl-how-it-works.iqos3multi.-is-scene-2 .-scene-1 .text-wrapper {
  opacity: 1
}
.prl-how-it-works.iqos3multi.-is-scene-2 .-scene-1 .text-wrapper .header {
  animation: fade-in-text 0.5s
}
.prl-how-it-works.iqos3multi.-is-scene-2 .-scene-1 .text-wrapper .copy {
  animation: fade-in-text 0.5s
}
.prl-how-it-works.iqos3multi.-is-scene-2 .-scene-1 .text-wrapper .image {
  opacity: 1
}
.prl-how-it-works.iqos3multi.-is-scene-3 .-image-2 .prl-how-it-works-pointer::before {
  width: calc(100% - 58px)
}
.prl-how-it-works.iqos3multi.-is-scene-3 .-image-2 .pointer::before {
  transform: rotate(45deg) scale(1.2);
  background-color: #00D1D2
}
.prl-how-it-works.iqos3multi.-is-scene-3 .-image-2 .pointer::after {
  transform: translate(-50%, -50%) scaleX(1);
  opacity: 0
}
.prl-how-it-works.iqos3multi.-is-scene-3 .-image-2 .pointer-line {
  transform: scaleX(1)
}
.prl-how-it-works.iqos3multi.-is-scene-3 .-image-2 .image {
  opacity: 1
}
.prl-how-it-works.iqos3multi.-is-scene-3 .-scene-2 .text-wrapper {
  opacity: 1
}
.prl-how-it-works.iqos3multi.-is-scene-3 .-scene-2 .text-wrapper .header {
  animation: fade-in-text 0.5s
}
.prl-how-it-works.iqos3multi.-is-scene-3 .-scene-2 .text-wrapper .copy {
  animation: fade-in-text 0.5s
}
.prl-how-it-works.iqos3multi.-is-scene-3 .-scene-2 .text-wrapper .image {
  opacity: 1
}
}

@media only screen and (max-width: 1023px) and (min-width:1024px) {
.prl-how-it-works.iqos3multi.-is-scene-2 .-image-1 .pointer::before {
  transform: rotate(45deg) scale(1)
}
}

@media only screen and (max-width: 1023px) and (min-width:1024px) {
.prl-how-it-works.iqos3multi.-is-scene-2 .-image-1 {
  transform: translateY(-50px)
}
.prl-how-it-works.iqos3multi.-is-scene-2 .-image-1 .text-wrapper {
  transform: translateY(-50px)
}
.prl-how-it-works.iqos3multi.-is-scene-2 .-image-1 .image {
  transform: translateY(0)
}
}

@media only screen and (max-width: 1023px) and (min-width:1024px) {
.prl-how-it-works.iqos3multi.-is-scene-2 .-scene-1 .text-wrapper {
  transform: translateY(-50px)
}
.prl-how-it-works.iqos3multi.-is-scene-2 .-scene-1 .text-wrapper .text-wrapper {
  transform: translateY(-50px)
}
.prl-how-it-works.iqos3multi.-is-scene-2 .-scene-1 .text-wrapper .image {
  transform: translateY(0)
}
}

@media only screen and (max-width: 1023px) and (min-width:1024px) {
.prl-how-it-works.iqos3multi.-is-scene-3 .-image-2 .pointer::before {
  transform: rotate(45deg) scale(1)
}
}

@media only screen and (max-width: 1023px) and (min-width:1024px) {
.prl-how-it-works.iqos3multi.-is-scene-3 .-image-2 {
  transform: translateY(-50px)
}
.prl-how-it-works.iqos3multi.-is-scene-3 .-image-2 .text-wrapper {
  transform: translateY(-50px)
}
.prl-how-it-works.iqos3multi.-is-scene-3 .-image-2 .image {
  transform: translateY(0)
}
}

@media only screen and (max-width: 1023px) and (min-width:1024px) {
.prl-how-it-works.iqos3multi.-is-scene-3 .-scene-2 .text-wrapper {
  transform: translateY(-50px)
}
.prl-how-it-works.iqos3multi.-is-scene-3 .-scene-2 .text-wrapper .text-wrapper {
  transform: translateY(-50px)
}
.prl-how-it-works.iqos3multi.-is-scene-3 .-scene-2 .text-wrapper .image {
  transform: translateY(0)
}
}

@media only screen and (min-width: 1024px) {
.prl-how-it-works.iqos3multi .-image-2 {
  margin: 0 0 0 30px
}
.prl-how-it-works.iqos3multi.-is-scene-2 .-image-2 {
  margin: 0 0 0 30px
}
.prl-how-it-works.iqos3multi.-is-scene-2 .-image-2 .prl-how-it-works-pointer::before {
  width: calc(100% - 58px)
}
.prl-how-it-works.iqos3multi.-is-scene-2 .-image-2 .pointer::before {
  transform: rotate(45deg) scale(1.2);
  background-color: #00D1D2
}
.prl-how-it-works.iqos3multi.-is-scene-2 .-image-2 .pointer::after {
  transform: translate(-50%, -50%) scaleX(1);
  opacity: 0
}
.prl-how-it-works.iqos3multi.-is-scene-2 .-image-2 .pointer-line {
  transform: scaleX(1)
}
.prl-how-it-works.iqos3multi.-is-scene-2 .-image-2 .image {
  opacity: 1
}
.prl-how-it-works.iqos3multi.-is-scene-2 .-scene-2 .text-wrapper {
  opacity: 1
}
.prl-how-it-works.iqos3multi.-is-scene-2 .-scene-2 .text-wrapper .header {
  animation: fade-in-text 0.5s
}
.prl-how-it-works.iqos3multi.-is-scene-2 .-scene-2 .text-wrapper .copy {
  animation: fade-in-text 0.5s
}
.prl-how-it-works.iqos3multi.-is-scene-2 .-scene-2 .text-wrapper .image {
  opacity: 1
}
.prl-how-it-works.iqos3multi.-is-scene-3 .-image-2 {
  margin: 0 0 0 30px
}
.prl-how-it-works.iqos3multi.-is-scene-3 .-image-2 .text-wrapper {
  opacity: 1
}
.prl-how-it-works.iqos3multi.-is-scene-3 .-image-2 .text-wrapper .header {
  animation: fade-in-text 0.5s
}
.prl-how-it-works.iqos3multi.-is-scene-3 .-image-2 .text-wrapper .copy {
  animation: fade-in-text 0.5s
}
.prl-how-it-works.iqos3multi.-is-scene-3 .-image-1 .prl-how-it-works-pointer::before {
  width: calc(100% - 58px)
}
.prl-how-it-works.iqos3multi.-is-scene-3 .-image-1 .pointer::before {
  transform: rotate(45deg) scale(1.2);
  background-color: #00D1D2
}
.prl-how-it-works.iqos3multi.-is-scene-3 .-image-1 .pointer::after {
  transform: translate(-50%, -50%) scaleX(1);
  opacity: 0
}
.prl-how-it-works.iqos3multi.-is-scene-3 .-image-1 .pointer-line {
  transform: scaleX(1)
}
.prl-how-it-works.iqos3multi.-is-scene-3 .-image-1 .image {
  opacity: 1
}
.prl-how-it-works.iqos3multi.-is-scene-3 .-scene-1 .text-wrapper {
  opacity: 1
}
.prl-how-it-works.iqos3multi.-is-scene-3 .-scene-1 .text-wrapper .header {
  animation: fade-in-text 0.5s
}
.prl-how-it-works.iqos3multi.-is-scene-3 .-scene-1 .text-wrapper .copy {
  animation: fade-in-text 0.5s
}
.prl-how-it-works.iqos3multi.-is-scene-3 .-scene-1 .text-wrapper .image {
  opacity: 1
}
}

@media only screen and (min-width: 1024px) and (min-width:1024px) {
.prl-how-it-works.iqos3multi.-is-scene-2 .-image-2 .pointer::before {
  transform: rotate(45deg) scale(1)
}
}

@media only screen and (min-width: 1024px) and (min-width:1024px) {
.prl-how-it-works.iqos3multi.-is-scene-2 .-image-2 {
  transform: translateY(-50px)
}
.prl-how-it-works.iqos3multi.-is-scene-2 .-image-2 .text-wrapper {
  transform: translateY(-50px)
}
.prl-how-it-works.iqos3multi.-is-scene-2 .-image-2 .image {
  transform: translateY(0)
}
}

@media only screen and (min-width: 1024px) and (min-width:1024px) {
.prl-how-it-works.iqos3multi.-is-scene-2 .-scene-2 .text-wrapper {
  transform: translateY(-50px)
}
.prl-how-it-works.iqos3multi.-is-scene-2 .-scene-2 .text-wrapper .text-wrapper {
  transform: translateY(-50px)
}
.prl-how-it-works.iqos3multi.-is-scene-2 .-scene-2 .text-wrapper .image {
  transform: translateY(0)
}
}

@media only screen and (min-width: 1024px) and (min-width:1024px) {
.prl-how-it-works.iqos3multi.-is-scene-3 .-image-1 .pointer::before {
  transform: rotate(45deg) scale(1)
}
}

@media only screen and (min-width: 1024px) and (min-width:1024px) {
.prl-how-it-works.iqos3multi.-is-scene-3 .-image-1 {
  transform: translateY(-50px)
}
.prl-how-it-works.iqos3multi.-is-scene-3 .-image-1 .text-wrapper {
  transform: translateY(-50px)
}
.prl-how-it-works.iqos3multi.-is-scene-3 .-image-1 .image {
  transform: translateY(0)
}
}

@media only screen and (min-width: 1024px) and (min-width:1024px) {
.prl-how-it-works.iqos3multi.-is-scene-3 .-scene-1 .text-wrapper {
  transform: translateY(-50px)
}
.prl-how-it-works.iqos3multi.-is-scene-3 .-scene-1 .text-wrapper .text-wrapper {
  transform: translateY(-50px)
}
.prl-how-it-works.iqos3multi.-is-scene-3 .-scene-1 .text-wrapper .image {
  transform: translateY(0)
}
}
.prl-image-container {
  display: block;
  margin: 0px 0px 64px;
  width: 100%;
  background-color: var(--prl-color-grey-200);
  max-width: 1440px;
  position: relative;
  left: 50%;
  transform: translateX(-50%)
}
.prl-image-container .title-container h2 {
  font-weight: 400;
  color: var(--prl-color-primary);
  margin: 94px 0px 77px
}

@media only screen and (min-width: 1440px) {
.prl-image-container .title-container h2 {
  font-size: 56px;
  line-height: 76px
}
}

@media only screen and (min-width: 1280px) and (max-width:1439px) {
.prl-image-container .title-container h2 {
  font-size: 48px;
  line-height: 64px
}
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
.prl-image-container .title-container h2 {
  font-size: 48px;
  line-height: 64px
}
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
.prl-image-container .title-container h2 {
  font-size: 42px;
  line-height: 60px
}
}

@media only screen and (max-width: 767px) {
.prl-image-container .title-container h2 {
  font-size: 32px;
  line-height: 44px
}
}

@media only screen and (max-width: 1023px) {
.prl-image-container .title-container h2 {
  margin: 40px 0px
}
}
.prl-image-container .title-container p {
  font-weight: 400;
  color: var(--prl-color-primary);
  font-size: 16px;
  line-height: 28px
}

@media only screen and (min-width: 1024px) {
.prl-image-container .title-container p {
  display: none
}
}
.prl-image-container .image-container {
  width: 100%;
  color: white;
  background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), var(--prl-imgcon-background-image-mobile);
  background-size: cover;
  background-position: center
}

@media only screen and (max-width: 1023px) {
.prl-image-container .image-container .prl-grid {
  height: 100%
}
}

@media only screen and (max-width: 1023px) {
.prl-image-container .image-container {
  height: 526px
}
}

@media only screen and (min-width: 1024px) {
.prl-image-container .image-container {
  background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), var(--prl-imgcon-background-image-desktop);
  background-size: cover;
  background-position: center
}
}
.prl-image-container .image-container .container-content {
  margin: 260px 0px 64px 0px;
  width: 290px
}

@media only screen and (max-width: 1023px) {
.prl-image-container .image-container .container-content {
  height: 100%;
  margin: 0px;
  padding: 40px 0px
}
}
.prl-image-container .image-container .container-content h3 {
  font-weight: 400;
  color: var(--prl-color-primary);
  font-size: 24px;
  line-height: 32px;
  color: white
}

@media only screen and (min-width: 1440px) {
.prl-image-container .image-container .container-content h3 {
  font-size: 32px;
  line-height: 44px
}
}

@media only screen and (max-width: 1023px) {
.prl-image-container .image-container .container-content h3 {
  display: none
}
}
.prl-image-container .image-container .container-content p {
  font-weight: 400;
  color: var(--prl-color-primary);
  font-size: 16px;
  line-height: 28px;
  color: white
}

@media only screen and (max-width: 1023px) {
.prl-image-container .image-container .container-content p {
  font-size: 21px;
  line-height: 32px
}
}
.prl-image-container .image-container .container-content .prl-button {
  display: block;
  margin: 0px 0px 10px 0px;
  color: white;
  border-color: white;
  min-width: 170px
}

@media only screen and (max-width: 1023px) {
.prl-image-container .image-container .container-content .prl-button {
  position: absolute;
  bottom: 80px
}
}
.prl-image-container .image-container .container-content a {
  font-weight: 400;
  color: var(--prl-color-primary);
  font-size: 16px;
  line-height: 28px;
  color: white;
  margin: 0px 0px 0px 1px
}
.prl-image-container .image-container .container-content a:hover i {
  margin: 0px 0px 0px 10px
}

@media only screen and (max-width: 1023px) {
.prl-image-container .image-container .container-content a {
  position: absolute;
  bottom: 40px
}
}
.prl-image-container .image-container .container-content i {
  margin: 0px 0px 0px 5px;
  transition: margin 0.3s ease-in-out
}
.prl-image-container .bottom-container {
  padding: 40px 0px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-evenly
}
.prl-image-container .bottom-container .bottom-container-title {
  margin: 0px 0px 20px 0px;
  font-weight: 400;
  color: var(--prl-color-primary);
  font-size: 16px;
  line-height: 24px
}

@media only screen and (min-width: 1440px) {
.prl-image-container .bottom-container .bottom-container-title {
  font-size: 20px;
  line-height: 32px
}
}

@media only screen and (max-width: 1023px) {
.prl-image-container .bottom-container .bottom-container-title {
  font-size: 21px;
  line-height: 32px
}
}
.prl-image-text {
  overflow: hidden;
  margin-bottom: 40px
}

@media only screen and (min-width: 1024px) {
.prl-image-text {
  margin-bottom: 120px
}
}
.prl-image-text .-hidden\@mobile {
  display: none
}

@media only screen and (min-width: 768px) {
.prl-image-text .-hidden\@mobile {
  display: block
}
}
.prl-image-text .-hidden\@desktop {
  display: block
}

@media only screen and (min-width: 768px) {
.prl-image-text .-hidden\@desktop {
  display: none
}
}
.prl-image-text .prl-grid-col {
  overflow: visible
}
.prl-image-text .prl-grid-col .image-text-legal {
  font-weight: 400;
  color: var(--prl-color-primary);
  font-size: 14px;
  line-height: 24px;
  margin-top: 80px;
  color: var(--prl-color-grey-caption)
}
.prl-image-text .prl-image-text-content {
  position: relative
}
.prl-image-text .prl-image-text-content::after {
  content: '';
  background-color: var(--prl-color-grey-100);
  position: absolute;
  top: 30px;
  bottom: -30px;
  left: 0;
  right: 0;
  z-index: -1
}

@media only screen and (min-width: 768px) {
.prl-image-text .prl-image-text-content::after {
  top: 70px;
  bottom: 20px;
  left: -70px;
  right: -70px
}
}

@media only screen and (min-width: 1440px) {
.prl-image-text .prl-image-text-content::after {
  left: -90px;
  right: -90px;
  bottom: 40px
}
}
.prl-image-text .prl-image-text-content p {
  font-weight: 400;
  color: var(--prl-color-primary);
  font-weight: 500;
  padding-top: 30px
}

@media only screen and (min-width: 1440px) {
.prl-image-text .prl-image-text-content p {
  font-size: 22px;
  line-height: 36px
}
}

@media only screen and (min-width: 480px) and (max-width:1599px) {
.prl-image-text .prl-image-text-content p {
  font-size: 22px;
  line-height: 36px
}
}

@media only screen and (max-width: 767px) {
.prl-image-text .prl-image-text-content p {
  font-size: 16px;
  line-height: 28px
}
}

@media only screen and (min-width: 768px) {
.prl-image-text .prl-image-text-content p {
  padding: 110px 0
}
}

@media only screen and (min-width: 1280px) {
.prl-image-text .prl-image-text-content p {
  padding: 140px 0
}
}
.prl-image-text .prl-image-text-content p.-first {
  padding-top: 120px
}
.prl-image-text .prl-image-text-content p.-first-mobile-text {
  padding-top: 36px
}
.prl-image-text .prl-image-text-content .prl-img-text-1-wrapper img {
  width: 208px
}

@media only screen and (min-width: 768px) {
.prl-image-text .prl-image-text-content .prl-img-text-1-wrapper img {
  width: 100%
}
}
.prl-image-text .prl-image-text-content .prl-img-text-2-wrapper {
  position: relative
}
.prl-image-text .prl-image-text-content .prl-img-text-2-wrapper.-small {
  margin: 30px 10px -60px 0
}

@media only screen and (min-width: 768px) {
.prl-image-text .prl-image-text-content .prl-img-text-2-wrapper {
  margin: 40px 0 0 0
}
}
.prl-image-text .prl-image-text-content .prl-img-text-2-wrapper img {
  width: 100%
}
.prl-image-text .prl-image-text-content .prl-img-text-2-wrapper img.-small {
  position: relative;
  bottom: auto;
  width: 206px;
  z-index: 1;
  left: 43%
}

@media only screen and (min-width: 768px) {
.prl-image-text .prl-image-text-content .prl-img-text-2-wrapper img.-small {
  position: absolute;
  bottom: calc(100% - 100px);
  width: 80%;
  left: 125px
}
}
.prl-image-text .prl-image-text-header {
  text-align: center;
  padding-top: 60px;
  padding-bottom: 30px
}

@media only screen and (min-width: 768px) {
.prl-image-text .prl-image-text-header {
  padding-top: 120px;
  padding-bottom: 90px
}
}
.prl-image-text .prl-image-text-header p {
  font-weight: 400;
  color: var(--prl-color-primary);
  font-weight: 500
}

@media only screen and (min-width: 1440px) {
.prl-image-text .prl-image-text-header p {
  font-weight: 400;
  color: var(--prl-color-primary);
  font-weight: 500;
  font-size: 18px;
  line-height: 32px
}
}

@media only screen and (min-width: 480px) and (max-width:1599px) {
.prl-image-text .prl-image-text-header p {
  font-weight: 400;
  color: var(--prl-color-primary);
  font-weight: 500;
  font-size: 18px;
  line-height: 32px
}
}

@media only screen and (max-width: 767px) {
.prl-image-text .prl-image-text-header p {
  font-weight: 400;
  color: var(--prl-color-primary);
  font-weight: 500;
  font-size: 16px;
  line-height: 28px
}
}
.prl-image-text .prl-image-text-header h3 {
  font-weight: 400;
  color: var(--prl-color-primary);
  margin-top: 22px
}

@media only screen and (min-width: 1440px) {
.prl-image-text .prl-image-text-header h3 {
  font-size: 34px;
  line-height: 48px
}
}

@media only screen and (min-width: 480px) and (max-width:1599px) {
.prl-image-text .prl-image-text-header h3 {
  font-size: 34px;
  line-height: 48px
}
}

@media only screen and (max-width: 767px) {
.prl-image-text .prl-image-text-header h3 {
  font-size: 21px;
  line-height: 32px
}
}
.prl-image-text [data-fadein] {
  transition: opacity 0.6s, transform 0.6s;
  transition-delay: 0.4s;
  transition-timing-function: cubic-bezier(0.3, 0, 0, 1);
  opacity: 0;
  transform: translateY(10%)
}
.prl-image-text [data-fadein].-fade-in {
  opacity: 1;
  transform: translateY(0)
}
.prl-intro {
  background-color: var(--prl-color-primary-inverse);
  padding-top: 80px;
  margin-bottom: 0
}

@media only screen and (min-width: 768px) {
.prl-intro {
  margin-bottom: 80px
}
}

@media only screen and (min-width: 1024px) {
.prl-intro {
  margin-bottom: 120px
}
}

@media only screen and (min-width: 1024px) {
.prl-intro .row {
  display: flex;
  flex-wrap: wrap;
  padding: 0 4px
}
.prl-intro .prl-intro-row {
  display: flex;
  flex-wrap: wrap
}
.prl-intro .prl-intro-col {
  flex: 50%
}
.prl-intro .prl-intro-col:nth-child(1) {
  padding-right: 22px
}
.prl-intro .prl-intro-col:nth-child(2) {
  padding-left: 22px
}
}

@media only screen and (max-width: 1023px) {
.prl-intro .prl-intro-col {
  margin-bottom: 22px
}
}
.prl-intro .-content {
  padding: 0 21%
}

@media only screen and (max-width: 1023px) {
.prl-intro .-content {
  padding: 0
}
}
.prl-intro .-content h2 {
  font-weight: 400;
  color: var(--prl-color-primary);
  margin-bottom: 32px
}

@media only screen and (min-width: 1440px) {
.prl-intro .-content h2 {
  font-size: 42px;
  line-height: 60px
}
}

@media only screen and (min-width: 1280px) and (max-width:1439px) {
.prl-intro .-content h2 {
  font-size: 34px;
  line-height: 48px
}
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
.prl-intro .-content h2 {
  font-size: 34px;
  line-height: 48px
}
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
.prl-intro .-content h2 {
  font-size: 32px;
  line-height: 44px
}
}

@media only screen and (max-width: 767px) {
.prl-intro .-content h2 {
  font-size: 28px;
  line-height: 36px
}
}

@media only screen and (min-width: 1440px) {
.prl-intro .-content h2 {
  font-size: 48px;
  line-height: 64px
}
}
.prl-intro .-content .-text {
  font-weight: 400;
  color: var(--prl-color-primary);
  font-size: 16px;
  line-height: 28px
}
.prl-intro .-content .-text:nth-child(2) {
  margin-top: 32px
}
.prl-intro .-content .-disclaimer {
  font-weight: 400;
  color: var(--prl-color-primary);
  font-size: 14px;
  line-height: 24px;
  color: var(--prl-color-grey-600);
  margin-top: 48px
}

@media only screen and (max-width: 1023px) {
.prl-intro .-content .-disclaimer {
  margin-top: 32px
}
}
.prl-intro .-video-container {
  margin: 80px auto 0;
  text-align: center;
  position: relative
}

@media only screen and (max-width: 1023px) {
.prl-intro .-video-container {
  margin-top: 32px
}
}

@media only screen and (min-width: 1440px) {
.prl-intro .-video-container {
  position: relative;
  width: 1280px;
  height: 620px;
  left: 50%;
  transform: translateX(-50%)
}
}
.prl-intro .-video-container img {
  width: 100%
}
.prl-intro .-video-container .-play-button {
  color: var(--prl-color-primary-inverse);
  position: absolute;
  font-size: 70px;
  cursor: pointer;
  transition: opacity 0.7s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.3, 0, 0, 1);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}
.prl-intro .-video-container .-play-button:hover {
  transition: opacity 0.7s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0, 0, 0, 1);
  opacity: 0.7
}
.prl-mini-compare {
  text-align: center;
  margin: 120px 0px;
  background-color: var(--prl-color-primary-inverse);
  overflow: hidden
}

@media (max-width: 767px) {
.prl-mini-compare .-hidden-mobile {
  display: none
}
}

@media (min-width: 768px) {
.prl-mini-compare .-hidden-desktop {
  display: none
}
}

@media only screen and (min-width: 1024px) {
.prl-mini-compare .prl-mini-compare-title {
  width: 40vw;
  margin: 0 auto
}
}

@media only screen and (max-width: 1023px) {
.prl-mini-compare .prl-mini-compare-title {
  margin: 0 64px
}
}
.prl-mini-compare .prl-mini-compare-title .-title {
  font-weight: 400;
  color: var(--prl-color-primary);
  margin-bottom: 12px
}

@media only screen and (min-width: 1440px) {
.prl-mini-compare .prl-mini-compare-title .-title {
  font-size: 56px;
  line-height: 76px
}
}

@media only screen and (min-width: 1280px) and (max-width:1439px) {
.prl-mini-compare .prl-mini-compare-title .-title {
  font-size: 48px;
  line-height: 64px
}
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
.prl-mini-compare .prl-mini-compare-title .-title {
  font-size: 48px;
  line-height: 64px
}
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
.prl-mini-compare .prl-mini-compare-title .-title {
  font-size: 42px;
  line-height: 60px
}
}

@media only screen and (max-width: 767px) {
.prl-mini-compare .prl-mini-compare-title .-title {
  font-size: 32px;
  line-height: 44px
}
}

@media only screen and (min-width: 1440px) {
.prl-mini-compare .prl-mini-compare-title .-title {
  font-size: 48px;
  line-height: 64px
}
}
.prl-mini-compare .prl-mini-compare-title .-sub-title {
  font-weight: 400;
  color: var(--prl-color-primary);
  font-size: 16px;
  line-height: 24px
}

@media only screen and (min-width: 1440px) {
.prl-mini-compare .prl-mini-compare-title .-sub-title {
  font-size: 20px;
  line-height: 32px
}
}

@media only screen and (min-width: 1024px) {
.prl-mini-compare .prl-mini-compare-title .-sub-title {
  font-size: 18px
}
}
.prl-mini-compare .flickity-viewport {
  overflow: visible
}
.prl-mini-compare .prl-mini-compare-carousel {
  margin: 40px
}

@media only screen and (min-width: 1024px) {
.prl-mini-compare .prl-mini-compare-carousel {
  margin-top: 80px
}
}
.prl-mini-compare .prl-mini-compare-carousel .prl-cell-description h3 {
  font-weight: 400;
  color: var(--prl-color-primary);
  font-size: 18px;
  line-height: 28px;
  text-align: center;
  margin: 0
}

@media only screen and (min-width: 1440px) {
.prl-mini-compare .prl-mini-compare-carousel .prl-cell-description h3 {
  font-size: 24px;
  line-height: 36px
}
}
.prl-mini-compare .prl-mini-compare-carousel .prl-cell-description p {
  font-weight: 400;
  color: var(--prl-color-primary);
  font-size: 14px;
  line-height: 24px;
  margin: 0;
  max-width: 100%;
  text-align: center;
  margin: 0 auto;
  color: var(--prl-color-grey-500)
}
.prl-mini-compare .prl-mini-compare-carousel .prl-button {
  margin-top: 30px
}
.prl-mini-compare .prl-mini-compare-carousel .prl-carousel-cell {
  position: relative;
  display: flex;
  justify-content: center;
  margin: 0px 10px;
  width: 40%
}

@media (min-width: 768px) {
.prl-mini-compare .prl-mini-compare-carousel .prl-carousel-cell {
  width: 25%;
  display: inline-block
}
}

@media (min-width: 1024px) {
.prl-mini-compare .prl-mini-compare-carousel .prl-carousel-cell {
  margin: 0 20px
}
}

@media (min-width: 1280px) {
.prl-mini-compare .prl-mini-compare-carousel .prl-carousel-cell {
  margin: 0 40px
}
}

@media only screen and (min-width: 1024px) {
.prl-mini-compare .prl-mini-compare-carousel .prl-carousel-cell {
  width: 260px
}
}
.prl-mini-compare .prl-mini-compare-carousel .prl-carousel-cell img {
  height: 160px
}

@media only screen and (min-width: 1024px) {
.prl-mini-compare .prl-mini-compare-carousel .prl-carousel-cell img {
  height: 260px
}
}
.prl-mini-compare .prl-mini-compare-cta {
  margin-top: 40px
}
.prl-my-iqos-promo {
  margin: 20px
}

@media only screen and (min-width: 768px) {
.prl-my-iqos-promo {
  margin: 64px
}
}
.prl-my-iqos-promo .prl-grid {
  background-color: var(--prl-color-grey-200);
  width: 100%
}

@media only screen and (min-width: 1440px) {
.prl-my-iqos-promo .prl-grid {
  width: 1312px
}
}
.prl-my-iqos-promo .prl-grid.-tablet-padding {
  padding: 0px 20px
}

@media only screen and (max-width: 1023px) {
.prl-my-iqos-promo .prl-grid .prl-grid-col {
  overflow: visible
}
}

@media only screen and (max-width: 1023px) {
.prl-my-iqos-promo .prl-sub-grid .prl-grid-col {
  overflow: visible
}
}
.prl-my-iqos-promo .-black {
  background-color: #020001
}
.prl-my-iqos-promo .myiqos-container {
  padding: 0px 0px 0px 48px
}

@media only screen and (min-width: 1024px) {
.prl-my-iqos-promo .myiqos-container {
  min-height: 344px
}
}

@media only screen and (min-width: 1280px) {
.prl-my-iqos-promo .myiqos-container {
  padding: 0px 0px 0px 88px
}
}
.prl-my-iqos-promo .myiqos-container.-black {
  padding: 0px 48px
}

@media only screen and (min-width: 1280px) {
.prl-my-iqos-promo .myiqos-container.-black {
  padding: 0px 88px
}
}
.prl-my-iqos-promo .-logo {
  margin-top: 64px;
  width: 64px;
  height: 64px
}
.prl-my-iqos-promo .-logo img {
  width: 100%;
  height: 100%
}
.prl-my-iqos-promo .-promo-title {
  font-weight: 400;
  color: var(--prl-color-primary);
  margin-top: 60px;
  width: 75%
}

@media only screen and (min-width: 1440px) {
.prl-my-iqos-promo .-promo-title {
  font-size: 56px;
  line-height: 76px
}
}

@media only screen and (min-width: 1280px) and (max-width:1439px) {
.prl-my-iqos-promo .-promo-title {
  font-size: 48px;
  line-height: 64px
}
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
.prl-my-iqos-promo .-promo-title {
  font-size: 48px;
  line-height: 64px
}
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
.prl-my-iqos-promo .-promo-title {
  font-size: 42px;
  line-height: 60px
}
}

@media only screen and (max-width: 767px) {
.prl-my-iqos-promo .-promo-title {
  font-size: 32px;
  line-height: 44px
}
}

@media only screen and (min-width: 1024px) {
.prl-my-iqos-promo .-promo-title {
  width: auto;
  margin-top: 32px
}
}

@media only screen and (min-width: 1440px) {
.prl-my-iqos-promo .-promo-title {
  font-size: 48px;
  line-height: 64px
}
}
.prl-my-iqos-promo .-promo-text {
  font-weight: 400;
  color: var(--prl-color-primary);
  font-size: 16px;
  line-height: 24px;
  margin-top: 24px;
  margin-bottom: 60px
}

@media only screen and (min-width: 1440px) {
.prl-my-iqos-promo .-promo-text {
  font-size: 20px;
  line-height: 32px
}
}

@media only screen and (min-width: 1440px) {
.prl-my-iqos-promo .-promo-text {
  font-size: 18px;
  line-height: 28px
}
}
.prl-my-iqos-promo .-promo-asset {
  width: 100%
}

@media only screen and (min-width: 1024px) {
.prl-my-iqos-promo .-promo-asset {
  float: right
}
}

@media only screen and (max-width: 1023px) {
.prl-my-iqos-promo .-promo-asset {
  transform: translateY(-1px);
  background-color: var(--prl-color-grey-200)
}
}
.prl-my-iqos-promo .-list {
  padding-top: 24px;
  margin-bottom: 12px
}

@media only screen and (min-width: 1024px) {
.prl-my-iqos-promo .-list {
  padding: 64px 0
}
}
.prl-my-iqos-promo .-list .-entry {
  padding: 20px 20px
}
.prl-my-iqos-promo .-list .-title {
  font-weight: 400;
  color: var(--prl-color-primary);
  color: var(--prl-color-primary-inverse);
  margin: 0px 0px 10px 0px
}

@media only screen and (min-width: 1440px) {
.prl-my-iqos-promo .-list .-title {
  font-size: 34px;
  line-height: 48px
}
}

@media only screen and (min-width: 480px) and (max-width:1599px) {
.prl-my-iqos-promo .-list .-title {
  font-size: 34px;
  line-height: 48px
}
}

@media only screen and (max-width: 767px) {
.prl-my-iqos-promo .-list .-title {
  font-size: 21px;
  line-height: 32px
}
}

@media only screen and (min-width: 1024px) {
.prl-my-iqos-promo .-list .-title {
  font-weight: 400;
  color: var(--prl-color-primary);
  font-weight: 500;
  color: var(--prl-color-primary-inverse)
}
}

@media only screen and (min-width: 1024px) and (min-width:1440px) {
.prl-my-iqos-promo .-list .-title {
  font-size: 22px;
  line-height: 36px
}
}

@media only screen and (min-width: 1024px) and (min-width:480px) and (max-width:1599px) {
.prl-my-iqos-promo .-list .-title {
  font-size: 22px;
  line-height: 36px
}
}

@media only screen and (min-width: 1024px) and (max-width:767px) {
.prl-my-iqos-promo .-list .-title {
  font-size: 16px;
  line-height: 28px
}
}

@media only screen and (min-width: 1440px) {
.prl-my-iqos-promo .-list .-title {
  font-size: 21px;
  line-height: 28px
}
}
.prl-my-iqos-promo .-list .-subtext {
  font-weight: 400;
  color: var(--prl-color-primary);
  font-size: 16px;
  line-height: 24px;
  color: var(--prl-color-grey-600)
}

@media only screen and (min-width: 1440px) {
.prl-my-iqos-promo .-list .-subtext {
  font-size: 20px;
  line-height: 32px
}
}

@media only screen and (min-width: 1024px) {
.prl-my-iqos-promo .-list .-subtext {
  width: 80%
}
}

@media only screen and (min-width: 1440px) {
.prl-my-iqos-promo .-list .-subtext {
  font-size: 16px;
  line-height: 22px
}
}
.prl-my-iqos-promo .-cta {
  text-align: center;
  margin-bottom: 40px
}

@media only screen and (max-width: 1023px) {
.prl-my-iqos-promo .-cta {
  padding: 0px 20px
}
}
.prl-my-iqos-promo .-cta button {
  color: var(--prl-color-primary-inverse);
  border-color: var(--prl-color-primary-inverse)
}

@media only screen and (max-width: 1023px) {
.prl-my-iqos-promo .-cta button {
  padding: 0px 22px
}
}
.prl-navigation-card {
  background-color: var(--prl-color-inverse-background);
  position: relative;
  line-height: 0;
  display: flex;
  flex-direction: column-reverse
}

@media only screen and (min-width: 1024px) {
.prl-navigation-card {
  height: 450px
}
}

@media only screen and (min-width: 1440px) {
.prl-navigation-card {
  height: 550px
}
}
.prl-navigation-card .prl-grid {
  padding: 0
}

@media only screen and (min-width: 1024px) {
.prl-navigation-card .prl-grid {
  position: absolute;
  top: 0;
  bottom: 0
}
}
.prl-navigation-card .prl-grid-col {
  background-color: transparent
}

@media only screen and (max-width: 1023px) {
.prl-navigation-card .-no-grid\@mobile {
  display: block;
  position: relative
}
}
.prl-navigation-card img {
  object-fit: contain
}

@media only screen and (max-width: 1023px) {
.prl-navigation-card img {
  width: 100%;
  margin-bottom: -4px;
  height: 296px;
  object-fit: cover;
  object-position: center
}
}

@media only screen and (min-width: 1024px) {
.prl-navigation-card img {
  width: 50vw;
  height: 100%;
  object-fit: cover;
  object-position: right
}
}
.prl-navigation-card .prl-navigation-card-content {
  position: relative
}

@media only screen and (max-width: 1023px) {
.prl-navigation-card .prl-navigation-card-content {
  padding: 60px 30px 72px
}
}

@media only screen and (max-width: 1023px) {
.prl-navigation-card .prl-navigation-card-content.-overlay\@mobile {
  position: absolute;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), black);
  bottom: 0;
  padding-bottom: 50px
}
}

@media only screen and (min-width: 1024px) {
.prl-navigation-card .prl-navigation-card-content .prl-navigation-card-text-wrapper {
  width: 50%;
  margin-left: 44px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%)
}
}
.prl-navigation-card .prl-navigation-card-content .prl-navigation-card-text-wrapper.-centered {
  width: 80%;
  text-align: center;
  margin: 0 auto
}
.prl-navigation-card .prl-navigation-card-content .prl-navigation-card-text-wrapper .-title {
  font-weight: 400;
  color: var(--prl-color-primary);
  color: var(--prl-color-primary-inverse);
  width: 335px;
  height: 80px;
  margin: 0 0 36px;
  font-size: 28px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal
}

@media only screen and (min-width: 1440px) {
.prl-navigation-card .prl-navigation-card-content .prl-navigation-card-text-wrapper .-title {
  font-size: 42px;
  line-height: 60px
}
}

@media only screen and (min-width: 1280px) and (max-width:1439px) {
.prl-navigation-card .prl-navigation-card-content .prl-navigation-card-text-wrapper .-title {
  font-size: 34px;
  line-height: 48px
}
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
.prl-navigation-card .prl-navigation-card-content .prl-navigation-card-text-wrapper .-title {
  font-size: 34px;
  line-height: 48px
}
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
.prl-navigation-card .prl-navigation-card-content .prl-navigation-card-text-wrapper .-title {
  font-size: 32px;
  line-height: 44px
}
}

@media only screen and (max-width: 767px) {
.prl-navigation-card .prl-navigation-card-content .prl-navigation-card-text-wrapper .-title {
  font-size: 28px;
  line-height: 36px
}
}

@media only screen and (min-width: 1024px) {
.prl-navigation-card .prl-navigation-card-content .prl-navigation-card-text-wrapper .-title {
  width: 428px;
  height: 96px;
  margin: 0 0 40px;
  font-size: 32px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #ffffff
}
}
.prl-navigation-card .prl-navigation-card-content .prl-navigation-card-text-wrapper .-content {
  font-weight: 400;
  color: var(--prl-color-primary);
  font-size: 18px;
  line-height: 28px;
  color: var(--prl-color-primary-inverse);
  margin-bottom: 40px
}

@media only screen and (min-width: 1440px) {
.prl-navigation-card .prl-navigation-card-content .prl-navigation-card-text-wrapper .-content {
  font-size: 24px;
  line-height: 36px
}
}
.prl-navigation-card .prl-navigation-card-content .prl-navigation-card-text-wrapper .prl-button.-secondary {
  color: var(--prl-color-primary-inverse);
  border-color: var(--prl-color-primary-inverse);
  padding: 0px 28px;
  width: 180px
}
.prl-page-header {
  background-color: var(--prl-color-primary-inverse);
  padding-top: 141px;
  padding-bottom: 97px;
  text-align: center;
  color: var(--prl-color-primary)
}

@media only screen and (max-width: 767px) {
.prl-page-header {
  padding-bottom: 55px;
  text-align: left
}
}

@media (min-width: 960px) {
.prl-page-header {
  padding-top: 157px
}
}
.prl-page-header h1 {
  font-weight: 400;
  color: var(--prl-color-primary);
  margin-bottom: 16px
}

@media only screen and (min-width: 1440px) {
.prl-page-header h1 {
  font-size: 76px;
  line-height: 96px
}
}

@media only screen and (min-width: 1280px) and (max-width:1439px) {
.prl-page-header h1 {
  font-size: 64px;
  line-height: 80px
}
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
.prl-page-header h1 {
  font-size: 64px;
  line-height: 80px
}
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
.prl-page-header h1 {
  font-size: 56px;
  line-height: 70px
}
}

@media only screen and (max-width: 767px) {
.prl-page-header h1 {
  font-size: 36px;
  line-height: 48px
}
}

@media only screen and (min-width: 1440px) {
.prl-page-header h1 {
  font-size: 64px;
  line-height: 80px
}
}
.prl-page-header p {
  font-weight: 400;
  color: var(--prl-color-primary);
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 0;
  color: var(--prl-color-grey-600)
}

@media only screen and (min-width: 1024px) {
.prl-page-header p {
  font-size: 22px;
  height: 72px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.64;
  letter-spacing: -0.21px;
  text-align: center
}
}
.prl-product-family {
  display: block;
 --product-family-transition-time: .5s;
  position: relative;
  width: 100%;
  height: 100vh;
  margin-top: 50px;
  margin-bottom: 50px
}

@media only screen and (min-width: 1024px) {
.prl-product-family {
  height: 997px;
  margin-top: 100px;
  margin-bottom: 100px
}
}
.prl-product-family .product-family-wrapper {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  width: 100%;
  height: inherit;
  background-color: #f9f9f9;
  overflow: hidden
}

@media only screen and (min-width: 1024px) {
.prl-product-family .product-family-wrapper {
  height: 997px
}
}
.prl-product-family .product-family-wrapper .headline {
  width: 238px;
  height: 88px;
  margin: 34px 0 43px 30px;
  font-size: 32px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.38;
  letter-spacing: 0.01px;
  color: #272a33
}

@media only screen and (min-width: 1024px) {
.prl-product-family .product-family-wrapper .headline {
  width: 568px;
  height: 64px;
  font-size: 48px;
  line-height: 1.33;
  letter-spacing: normal;
  margin: 91px 0 76px 152px
}
}
.prl-product-family .product-family-wrapper .navigation-container {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 41px
}

@media only screen and (min-width: 1024px) {
.prl-product-family .product-family-wrapper .navigation-container {
  display: none
}
}
.prl-product-family .product-family-wrapper .navigation-container .nav-item {
  display: inline-block;
  width: 50%;
  line-height: 41px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  transition: all var(--product-family-transition-time)
}
.prl-product-family .product-family-wrapper .navigation-container .nav-item:after {
  display: block;
  width: 100%;
  height: 2px;
  opacity: 0;
  transform: translateY(-2px);
  content: '';
  background-color: #272a33;
  transition: all var(--product-family-transition-time)
}
.prl-product-family .product-family-wrapper .navigation-container .nav-item.-active {
  height: 24px;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: -0.2px
}
.prl-product-family .product-family-wrapper .navigation-container .nav-item.-active:after {
  opacity: 1
}
.prl-product-family .product-family-wrapper .content-container {
  display: flex;
  position: relative;
  flex-direction: row;
  flex: 1;
  transition: all var(--product-family-transition-time)
}

@media only screen and (max-width: 1023px) {
.prl-product-family .product-family-wrapper .content-container {
  max-height: 490px
}
}

@media only screen and (min-width: 1024px) {
.prl-product-family .product-family-wrapper .content-container {
  transform: translate(0, 0)
}
}
.prl-product-family .product-family-wrapper .content-container .content-wrapper {
  display: block;
  position: relative;
  width: 100%;
  min-width: 100%;
  height: 100%;
  flex-wrap: nowrap;
  transition: all var(--product-family-transition-time)
}

@media only screen and (max-width: 1023px) {
.prl-product-family .product-family-wrapper .content-container .content-wrapper {
  overflow: hidden
}
}
.prl-product-family .product-family-wrapper .content-container .content-wrapper img {
  position: absolute;
  width: 100%
}

@media only screen and (max-width: 1023px) {
.prl-product-family .product-family-wrapper .content-container .content-wrapper img {
  top: 50%;
  transform: translateY(-50%)
}
}

@media only screen and (min-width: 1024px) {
.prl-product-family .product-family-wrapper .content-container .content-wrapper img {
  object-fit: cover;
  height: 100%
}
}
.prl-product-family .product-family-wrapper .content-container .content-wrapper .content {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 29px;
  transition: all var(--product-family-transition-time)
}

@media only screen and (min-width: 1024px) {
.prl-product-family .product-family-wrapper .content-container .content-wrapper .content {
  left: 152px;
  width: auto;
  height: auto;
  bottom: 74px;
  opacity: 0;
  transition: all var(--product-family-transition-time)
}
}

@media only screen and (min-width: 1440px) {
.prl-product-family .product-family-wrapper .content-container .content-wrapper .content {
  margin-left: calc((100vw - 1440px) / 2)
}
}
.prl-product-family .product-family-wrapper .content-container .content-wrapper .content .title {
  display: none;
  width: 368px;
  height: 48px;
  font-size: 32px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #ffffff;
  transition: all var(--product-family-transition-time)
}

@media only screen and (min-width: 1024px) {
.prl-product-family .product-family-wrapper .content-container .content-wrapper .content .title {
  display: block
}
}
.prl-product-family .product-family-wrapper .content-container .content-wrapper .content .text {
  width: 264px;
  height: 64px;
  margin-top: 46px;
  font-size: 21px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.52;
  letter-spacing: normal;
  color: #ffffff;
  transition: all var(--product-family-transition-time)
}

@media only screen and (min-width: 1024px) {
.prl-product-family .product-family-wrapper .content-container .content-wrapper .content .text {
  margin-top: 16px
}
}
.prl-product-family .product-family-wrapper .content-container .content-wrapper .content .cta-container {
  position: absolute;
  height: 90px;
  bottom: 40px;
  justify-content: space-between;
  display: flex;
  flex-direction: column;
  transition: all var(--product-family-transition-time)
}

@media only screen and (min-width: 1024px) {
.prl-product-family .product-family-wrapper .content-container .content-wrapper .content .cta-container {
  position: initial;
  margin-top: 40px;
  bottom: auto
}
}
.prl-product-family .product-family-wrapper .content-container .content-wrapper .content .cta-container .-slide-cta .prl-button.-secondary {
  width: 176px;
  height: 48px;
  border-color: #ffffff;
  color: #ffffff
}
.prl-product-family .product-family-wrapper .content-container .content-wrapper .content .cta-container .-slide-link a {
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.75;
  letter-spacing: -0.1px
}
.prl-product-family .product-family-wrapper .content-container .content-wrapper .content .cta-container .-slide-link .prl-icon-chevron-right:before {
  width: 24px;
  height: 24px;
  font-size: 12px
}
.prl-product-family .product-family-wrapper .content-container .content-wrapper .content .cta-container .-slide-link a, .prl-product-family .product-family-wrapper .content-container .content-wrapper .content .cta-container .-slide-link .prl-icon-chevron-right {
  border-color: #ffffff;
  color: #ffffff;
  padding-left: 5px
}
.prl-product-family .product-family-wrapper .content-container .gradient {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.714745) 0, rgba(0, 0, 0, 0) 100%)
}

@media only screen and (min-width: 1024px) {
.prl-product-family .product-family-wrapper .content-container {
  width: 80%
}
.prl-product-family .product-family-wrapper .content-container:not(:hover) {
  width: 100%
}
.prl-product-family .product-family-wrapper .content-container:not(:hover) .content-wrapper {
  width: 50%;
  min-width: 50%
}
.prl-product-family .product-family-wrapper .content-container:not(:hover) .content-wrapper .content {
  opacity: 1;
  height: 200px
}
.prl-product-family .product-family-wrapper .content-container:not(:hover) .content-wrapper .content .cta-container {
  opacity: 0;
  transform: translateY(0)
}
.prl-product-family .product-family-wrapper .content-container:hover .content-wrapper:hover {
  width: 80%;
  min-width: 80%
}
.prl-product-family .product-family-wrapper .content-container:hover .content-wrapper:hover .content {
  opacity: 1;
  transform: translateY(0);
  height: 258px
}
.prl-product-family .product-family-wrapper .content-container:hover .content-wrapper:hover .content .cta-container {
  opacity: 1;
  transform: translateY(0)
}
.prl-product-family .product-family-wrapper .content-container:hover .content-wrapper:not(:hover) {
  width: 30%;
  min-width: 30%
}
.prl-product-family .product-family-wrapper .content-container:hover .content-wrapper:not(:hover) .content {
  opacity: 0;
  transition: all var(--product-family-transition-time)
}
.prl-product-family .product-family-wrapper .content-container:hover .content-wrapper:not(:hover) .content .cta-container {
  opacity: 0;
  transform: translateY(25%)
}
}

@media only screen and (min-width: 1024px) {
.prl-product-family .product-family-wrapper .content-container .content-wrapper.-active.-solo {
  min-width: 100% !important
}
}
.prl-product-family .product-family-wrapper .help-cta-container {
  display: none;
  height: 183px
}

@media only screen and (min-width: 1024px) {
.prl-product-family .product-family-wrapper .help-cta-container {
  display: block
}
}
.prl-product-family .product-family-wrapper .help-cta-container .help-cta-wrapper {
  position: relative;
  width: 560px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}
.prl-product-family .product-family-wrapper .help-cta-container .help-cta-wrapper .text {
  height: 32px;
  font-size: 21px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.52;
  letter-spacing: 0.01px;
  margin-bottom: 22px;
  text-align: center
}
.prl-product-family .product-family-wrapper .help-cta-container .help-cta-wrapper .-slide-cta {
  position: relative;
  width: 100%
}
.prl-product-family .product-family-wrapper .help-cta-container .help-cta-wrapper .-slide-cta a {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  display: inline-block
}
.prl-product-family .swipe-container {
  display: block;
  position: absolute;
  height: 100%
}

@media only screen and (min-width: 1024px) {
.prl-product-family .swipe-container {
  display: none
}
}
.prl-product-card {
  overflow: hidden;
  position: relative
}

@media only screen and (max-width: 1023px) {
.prl-product-card {
  background-color: transparent !important
}
.prl-product-card img {
  float: right
}
.prl-product-card .prl-grid {
  padding: 0;
  width: 100%
}
}

@media only screen and (min-width: 1024px) {
.prl-product-card {
  margin-bottom: 20px
}
}
.prl-product-card .prl-grid-col {
  background-color: transparent
}

@media only screen and (min-width: 1024px) {
.prl-product-card .prl-grid-col {
  overflow: visible
}
}
.prl-product-card .card-reverse-image-container, .prl-product-card .card-image-container {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  overflow: visible
}

@media only screen and (min-width: 1024px) {
.prl-product-card .card-reverse-image-container, .prl-product-card .card-image-container {
  height: 520px
}
}

@media only screen and (min-width: 1440px) {
.prl-product-card .card-reverse-image-container, .prl-product-card .card-image-container {
  height: 614px
}
}
.prl-product-card .card-reverse-image-container picture, .prl-product-card .card-image-container picture {
  height: 100%;
  display: flex;
  align-items: flex-end
}
.prl-product-card .card-reverse-image-container img, .prl-product-card .card-image-container img {
  mix-blend-mode: unset;
  width: 100%
}

@media only screen and (min-width: 768px) {
.prl-product-card .card-reverse-image-container img, .prl-product-card .card-image-container img {
  height: 90%;
  width: auto;
  margin-top: unset
}
}

@media only screen and (min-width: 1024px) {
.prl-product-card .card-reverse-image-container img, .prl-product-card .card-image-container img {
  margin-top: 55px
}
}

@media only screen and (max-width: 1023px) {
.prl-product-card .card-image-container {
  height: 446px
}
}

@media only screen and (min-width: 1024px) {
.prl-product-card .card-image-container picture {
  align-items: center
}
}
.prl-product-card .card-image-container img {
  margin-right: -500px;
  height: 60%
}

@media only screen and (min-width: 1024px) {
.prl-product-card .card-image-container img {
  height: 50%
}
}
.prl-product-card img {
  transition: transform 3s;
  transition-delay: 0.4s;
  transition-timing-function: cubic-bezier(0.3, 0, 0, 1);
  object-fit: contain;
  mix-blend-mode: multiply;
  transform: translateY(100%)
}

@media only screen and (min-width: 1024px) {
.prl-product-card img.-no-float {
  float: initial
}
}
.prl-product-card img.-fade-in {
  transform: translateY(0)
}
.prl-product-card sup {
  font-size: 12px;
  line-height: 20px;
  color: #7a6552;
  margin-left: 15px;
  font-weight: 600
}
.prl-product-card .prl-product-card-content {
  font-weight: 400;
  color: var(--prl-color-primary);
  font-size: 16px;
  line-height: 28px;
  order: 1;
  z-index: 1
}

@media only screen and (max-width: 1023px) {
.prl-product-card .prl-product-card-content {
  background-color: var(--prl-color-primary-inverse);
  padding: 48px 30px 80px
}
}

@media only screen and (min-width: 1024px) {
.prl-product-card .prl-product-card-content {
  order: 0;
  padding: 0px;
  display: flex;
  align-items: center
}
}
.prl-product-card .prl-product-card-content .prl-product-card-text-wrapper {
  transition: opacity 0.6s, transform 0.6s;
  transition-delay: 0.4s;
  transition-timing-function: cubic-bezier(0.3, 0, 0, 1);
  opacity: 0;
  transform: translateY(10%)
}
.prl-product-card .prl-product-card-content .prl-product-card-text-wrapper.-fade-in {
  opacity: 1;
  transform: translateY(0)
}
.prl-product-card .prl-product-card-content .prl-product-card-text-wrapper .-title {
  font-weight: 400;
  color: var(--prl-color-primary);
  margin: 8px 0 16px 0;
  width: 100%
}

@media only screen and (min-width: 1440px) {
.prl-product-card .prl-product-card-content .prl-product-card-text-wrapper .-title {
  font-size: 56px;
  line-height: 76px
}
}

@media only screen and (min-width: 1280px) and (max-width:1439px) {
.prl-product-card .prl-product-card-content .prl-product-card-text-wrapper .-title {
  font-size: 48px;
  line-height: 64px
}
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
.prl-product-card .prl-product-card-content .prl-product-card-text-wrapper .-title {
  font-size: 48px;
  line-height: 64px
}
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
.prl-product-card .prl-product-card-content .prl-product-card-text-wrapper .-title {
  font-size: 42px;
  line-height: 60px
}
}

@media only screen and (max-width: 767px) {
.prl-product-card .prl-product-card-content .prl-product-card-text-wrapper .-title {
  font-size: 32px;
  line-height: 44px
}
}

@media only screen and (min-width: 1440px) {
.prl-product-card .prl-product-card-content .prl-product-card-text-wrapper .-title {
  font-size: 48px;
  line-height: 64px
}
}
.prl-product-card .prl-product-card-content .prl-product-card-text-wrapper .-description {
  font-weight: 400;
  color: var(--prl-color-primary);
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 40px
}

@media only screen and (max-width: 1023px) {
.prl-product-card .card-image-container picture {
  align-items: center
}
.prl-product-card .card-image-container img {
  width: auto
}
}

@media only screen and (min-width: 1024px) {
.prl-product-card .prl-grid {
  min-height: 660px
}
}
.prl-product-card .card-video-container {
  display: flex;
  height: 100vw
}

@media only screen and (min-width: 768px) {
.prl-product-card .card-video-container {
  max-height: 600px
}
}

@media only screen and (min-width: 1024px) {
.prl-product-card .card-video-container {
  max-height: 100%;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%)
}
}
.prl-product-card .card-video-container .video {
  width: 100%
}
.prl-product-card .card-video-container .video.-mobile {
  display: block
}
.prl-product-card .card-video-container .video.-tablet, .prl-product-card .card-video-container .video.-desktop {
  display: none
}

@media only screen and (min-width: 768px) {
.prl-product-card .card-video-container .video.-tablet {
  display: block
}
.prl-product-card .card-video-container .video.-mobile, .prl-product-card .card-video-container .video.-desktop {
  display: none
}
}

@media only screen and (min-width: 1024px) {
.prl-product-card .card-video-container .video {
  width: auto
}
.prl-product-card .card-video-container .video.-desktop {
  display: block
}
.prl-product-card .card-video-container .video.-mobile, .prl-product-card .card-video-container .video.-tablet {
  display: none
}
}
.prl-accordion-stack-container {
  margin: 0px
}
.prl-accordion-stack-container:first-child {
  margin: 80px 0px 0px 0px
}
.prl-accordion-stack-container:last-child {
  margin: 0px 0px 280px 0px
}
.prl-accordion-stack-container a {
  display: table
}
.prl-accordion-stack-container a.-inline {
  display: inline-block
}
.prl-accordion-stack-container button {
  margin: 24px 0px
}
.prl-accordion-stack-container .accordion-imagegallery.-desktop {
  white-space: nowrap;
  margin-left: -15px
}
.prl-accordion-stack-container .accordion-imagecarousel.-mobile {
  height: 300px
}

@media only screen and (min-width: 1024px) {
.prl-accordion-stack-container .accordion-imagecarousel.-mobile {
  display: none
}
}

@media only screen and (max-width: 1023px) {
.prl-accordion-stack-container .accordion-imagegallery.-desktop {
  display: none
}
}
.prl-accordion-stack-container .acc-image-container, .prl-accordion-stack-container .acc-carousel-slide {
  display: inline-flex
}
.product-story-card {
  margin: 0 0 56px 0
}

@media (min-width: 960px) {
.product-story-card {
  margin: 0 0 100px 0
}
.product-story-card.full-width .carousel {
  width: 100vw;
  max-width: 100%
}
.product-story-card.full-width .carousel .cell-grid {
  width: 1310px
}
}
.product-story-card .carousel {
  background-color: #ffffff;
  overflow: hidden;
  position: relative
}

@media only screen and (min-width: 768px) {
.product-story-card .carousel {
  left: 50%;
  transform: translateX(-50%);
  width: 758px
}
}

@media (min-width: 960px) {
.product-story-card .carousel {
  width: 91.1vw;
  max-width: 1310px
}
}
.product-story-card .carousel:hover .carousel-button {
  transition: all 0.5s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  opacity: 1
}
.product-story-card .carousel:hover .carousel-button.-next {
  right: 20px
}
.product-story-card .carousel:hover .carousel-button.-prev {
  left: 20px
}
.product-story-card .carousel .cell-grid {
  height: 100%;
  padding-top: 60px;
  padding-bottom: 60px;
  width: 100%
}
.product-story-card .carousel .carousel-cell {
  width: 100vw;
  height: 660px;
  transition: none
}

@media only screen and (min-width: 768px) {
.product-story-card .carousel .carousel-cell {
  height: 400px;
  width: 100%
}
}

@media only screen and (min-width: 1024px) {
.product-story-card .carousel .carousel-cell {
  height: 562px
}
}
.product-story-card .carousel .progress-slider {
  padding: 0;
  position: absolute;
  z-index: 3;
  bottom: 0.95rem;
  left: 8.5vw
}

@media (min-width: 960px) {
.product-story-card .carousel .progress-slider {
  bottom: 2rem;
  left: 6.7%
}
}
.product-story-card .image {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50% !important
}
.product-story-card .image.-hidden-mobile {
  display: none
}

@media only screen and (min-width: 768px) {
.product-story-card .image.-hidden-mobile {
  display: block
}
}
.product-story-card .image.-hidden-desktop {
  display: block
}

@media only screen and (min-width: 768px) {
.product-story-card .image.-hidden-desktop {
  display: none
}
}
.product-story-card .content-wrapper {
  z-index: 2;
  height: 100%;
  position: relative
}

@media only screen and (min-width: 768px) {
.product-story-card .content-wrapper .content {
  position: absolute;
  top: 50%;
  left: 13.41%;
  transform: translateY(-50%)
}
}
.product-story-card .content-wrapper.-text-image {
  text-align: left
}

@media only screen and (min-width: 768px) {
.product-story-card .content-wrapper.-text-image {
  text-align: center
}
}
.product-story-card .content-wrapper .text.-header {
  font-size: 0.7rem;
  margin: 0 0 0.95rem 0;
  color: #FFFDFB
}

@media (min-width: 960px) {
.product-story-card .content-wrapper .text.-header {
  margin: 0 0 1.45rem 0
}
}
.product-story-card .content-wrapper .text.-copy {
  margin: 0 0 32px 0;
  color: #FFFDFB;
  font-size: 1.6rem;
  line-height: 1.25;
  margin: 0 0 2rem 0
}

@media (min-width: 960px) {
.product-story-card .content-wrapper .text.-copy {
  font-size: 1.95rem;
  line-height: 1.14;
  margin: 0 0 2rem 0
}
}

@media (min-width: 1280px) {
.product-story-card .content-wrapper .text.-copy {
  font-size: 2.8rem
}
}
.product-story-card .content-wrapper .text .sup-label {
  font-size: 12px;
  line-height: 20px;
  color: #7a6552;
  margin-left: 15px;
  font-weight: 600
}
.product-story-card .carousel-button {
  display: none;
  z-index: 3;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
  height: 14px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  opacity: 0;
  transition: all 0.5s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1)
}

@media only screen and (min-width: 768px) {
.product-story-card .carousel-button {
  display: block
}
}
.product-story-card .carousel-button.-prev {
  background-image: url('../../../../../design/themes/kura/media/images/ico/ico-left.svg?1690945733');
  left: 25px
}
.product-story-card .carousel-button.-next {
  background-image: url('../../../../../design/themes/kura/media/images/ico/ico-right.svg?1690945733');
  right: 25px
}
.product-story-card .carousel-button.-disabled {
  display: none
}
.product-story-card-nav button {
  padding: 1.1rem 0.45rem;
  white-space: nowrap;
  width: auto;
  position: relative;
  font-size: 0.7rem;
  line-height: 1.5;
  cursor: pointer;
  background: none;
  border: none
}

@media (min-width: 960px) {
.product-story-card-nav button {
  font-size: 0.8rem;
  padding: 1.2rem 1.6rem
}
}
.product-story-card-nav button::before {
  content: "";
  position: absolute;
  top: "auto";
  right: 0;
  bottom: 0;
  left: 0;
  height: 2px;
  background: #34303d;
  width: 0;
  transition: width 0.2s;
  will-change: width
}

@media (min-width: 960px) {
.product-story-card-nav button::before {
  height: 3px;
  bottom: 0px
}
}
.product-story-card-nav button.is-nav-selected::before {
  width: 100%
}
.product-story-card-nav button:not(.is-nav-selected):hover::before {
  background: #00d1d2;
  width: 100%
}

@media (max-width: 639px) {
.product-story-card-nav+.product-story-card .carousel .cell-grid {
  padding-top: 30px;
  padding-bottom: 30px
}
.product-story-card-nav+.product-story-card .carousel .carousel-cell {
  max-height: 600px
}
}

@media (min-width: 960px) {
.product-story-card-nav+.product-story-card .carousel .progress-slider {
  display: none
}
}
.prl-product-usps {
  position: relative;
  width: 100%;
  margin-bottom: 3.3rem
}

@media (min-width: 960px) {
.prl-product-usps {
  margin-bottom: 5rem
}
}
.prl-product-usps.-animate.-is-scene-1 .prl-product-usps-scene:nth-child(1) .prl-product-usps-text {
  opacity: 1
}

@media only screen and (max-width: 1023px) {
.prl-product-usps.-animate.-is-scene-1 .prl-product-usps-scene:nth-child(1) .prl-product-usps-text {
  position: relative;
  transform: translateY(0);
  top: 0
}
}
.prl-product-usps.-animate.-is-scene-1 .prl-product-usps-scene:nth-child(1) .prl-product-usps-text p {
  transform: translateY(0px);
  opacity: 1
}
.prl-product-usps.-animate.-is-scene-1 .prl-product-usps-scene:nth-child(1) .prl-product-usps-caption {
  transition-delay: 200ms;
  opacity: 1
}
.prl-product-usps.-animate.-is-scene-1 .prl-product-usps-scene:nth-child(1) img {
  opacity: 1;
  top: -20%;
  -webkit-animation: scale 10s forwards linear
}

@media only screen and (min-width: 1024px) {
.prl-product-usps.-animate.-is-scene-1 .prl-product-usps-scene:nth-child(1) img {
  top: 0
}
}
.prl-product-usps.-animate.-is-scene-2 .prl-product-usps-scene:nth-child(2) .prl-product-usps-text {
  opacity: 1
}

@media only screen and (max-width: 1023px) {
.prl-product-usps.-animate.-is-scene-2 .prl-product-usps-scene:nth-child(2) .prl-product-usps-text {
  position: relative;
  transform: translateY(0);
  top: 0
}
}
.prl-product-usps.-animate.-is-scene-2 .prl-product-usps-scene:nth-child(2) .prl-product-usps-text p {
  transform: translateY(0px);
  opacity: 1
}
.prl-product-usps.-animate.-is-scene-2 .prl-product-usps-scene:nth-child(2) .prl-product-usps-caption {
  transition-delay: 200ms;
  opacity: 1
}
.prl-product-usps.-animate.-is-scene-2 .prl-product-usps-scene:nth-child(2) img {
  opacity: 1;
  top: -20%;
  -webkit-animation: scale 10s forwards linear
}

@media only screen and (min-width: 1024px) {
.prl-product-usps.-animate.-is-scene-2 .prl-product-usps-scene:nth-child(2) img {
  top: 0
}
}
.prl-product-usps.-animate.-is-scene-3 .prl-product-usps-scene:nth-child(3) .prl-product-usps-text {
  opacity: 1
}

@media only screen and (max-width: 1023px) {
.prl-product-usps.-animate.-is-scene-3 .prl-product-usps-scene:nth-child(3) .prl-product-usps-text {
  position: relative;
  transform: translateY(0);
  top: 0
}
}
.prl-product-usps.-animate.-is-scene-3 .prl-product-usps-scene:nth-child(3) .prl-product-usps-text p {
  transform: translateY(0px);
  opacity: 1
}
.prl-product-usps.-animate.-is-scene-3 .prl-product-usps-scene:nth-child(3) .prl-product-usps-caption {
  transition-delay: 200ms;
  opacity: 1
}
.prl-product-usps.-animate.-is-scene-3 .prl-product-usps-scene:nth-child(3) img {
  opacity: 1;
  top: -20%;
  -webkit-animation: scale 10s forwards linear
}

@media only screen and (min-width: 1024px) {
.prl-product-usps.-animate.-is-scene-3 .prl-product-usps-scene:nth-child(3) img {
  top: 0
}
}
 @keyframes scale {
 100% {
 transform: scaleX(1.2) scaleY(1.2)
}
}
.prl-product-usps .prl-product-usps-scene {
  transition: all 1s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0, 0, 0, 1);
  height: 100vh;
  width: 100vw;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  opacity: 0;
  overflow: hidden
}

@media (min-width: 960px) {
.prl-product-usps .prl-product-usps-scene.-is-inverse .prl-product-usps-text {
  color: #FFFDFB
}
}
.prl-product-usps .prl-product-usps-scene .prl-product-usps-video-wrapper figure {
  height: 100%;
  width: 100%
}
.prl-product-usps .prl-product-usps-scene .prl-product-usps-video-wrapper figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-animation: none !important
}
.prl-product-usps .prl-product-usps-scene .prl-product-usps-video-wrapper, .prl-product-usps .prl-product-usps-scene .prl-product-usps-img-wrapper {
  background-color: transparent
}

@media only screen and (min-width: 1024px) {
.prl-product-usps .prl-product-usps-scene .prl-product-usps-video-wrapper {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0
}
}

@media only screen and (min-width: 1024px) {
.prl-product-usps .prl-product-usps-scene {
  background-color: transparent
}
}
.prl-product-usps .prl-product-usps-scene.-was-active img {
  transition: all 0.7s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0, 0, 0, 1);
  top: 0;
  opacity: 0
}
.prl-product-usps .badge-box {
  margin-bottom: 0.4rem
}

@media (min-width: 960px) {
.prl-product-usps .badge-box {
  margin-bottom: 1.4rem
}
}

@media only screen and (max-width: 1023px) {
.prl-product-usps .badge-box {
  margin-top: 70px
}
}
.prl-product-usps .badge-box+h2, .prl-product-usps .badge-box+.h2, .prl-product-usps .badge-box+h3, .prl-product-usps .badge-box+.h3 {
  margin-top: 0px
}
.prl-product-usps h2, .prl-product-usps h3, .prl-product-usps .h2, .prl-product-usps .h3 {
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 1.2rem
}

@media only screen and (max-width: 1023px) {
.prl-product-usps h2, .prl-product-usps h3, .prl-product-usps .h2, .prl-product-usps .h3 {
  margin-top: 80px
}
}

@media (min-width: 960px) {
.prl-product-usps h2, .prl-product-usps h3, .prl-product-usps .h2, .prl-product-usps .h3 {
  line-height: 1.08;
  letter-spacing: -1.28px;
  margin-bottom: 2rem
}
}
.prl-product-usps h2, .prl-product-usps .h2 {
  font-size: 1.8rem
}

@media (min-width: 960px) {
.prl-product-usps h2, .prl-product-usps .h2 {
  font-size: 4.8rem
}
}
.prl-product-usps h3, .prl-product-usps .h3 {
  font-size: 1.4rem;
  line-height: 2rem
}

@media (min-width: 960px) {
.prl-product-usps h3, .prl-product-usps .h3 {
  font-size: 2.1rem;
  line-height: 2.6rem
}
}
.prl-product-usps p {
  transition: all 1s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.3, 0, 0, 1);
  transform: translateY(30px);
  opacity: 0
}

@media only screen and (max-width: 1023px) {
.prl-product-usps p {
  margin-bottom: 30px
}
}
.prl-product-usps small {
  font-size: 0.6rem
}
.prl-product-usps video {
  height: 100%;
  width: 177.77777778vh;
  min-width: 100%;
  min-height: 56.25vw
}

@media only screen and (max-width: 1023px) {
.prl-product-usps video {
  height: 100vw;
  width: auto
}
}

@media only screen and (max-width: 1023px) {
.prl-product-usps .prl-product-usps-img-wrapper {
  position: relative;
  overflow: hidden;
  height: 100vw
}
}
.prl-product-usps .prl-product-usps-img-wrapper img {
  transition: all 0.7s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.3, 0, 0, 1);
  top: 0%;
  right: 0;
  width: 100vw;
  position: absolute;
  opacity: 0;
  object-fit: cover
}

@media only screen and (min-width: 1024px) {
.prl-product-usps .prl-product-usps-img-wrapper img {
  width: 100%;
  height: 100%
}
}
.prl-product-usps.-is-scene-1 .prl-product-usps-scene:nth-child(1) {
  transition: all 0.5s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.3, 0, 0, 1);
  opacity: 1
}
.prl-product-usps.-is-scene-1 .prl-slider-progress .prl-progress-bar:nth-child(1)::before {
  width: 100%
}
.prl-product-usps.-is-scene-2 .prl-product-usps-scene:nth-child(2) {
  transition: all 0.5s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.3, 0, 0, 1);
  opacity: 1
}
.prl-product-usps.-is-scene-2 .prl-slider-progress .prl-progress-bar:nth-child(1)::before {
  width: 100%
}
.prl-product-usps.-is-scene-2 .prl-slider-progress .prl-progress-bar:nth-child(2)::before {
  width: 100%
}
.prl-product-usps.-is-scene-3 .prl-product-usps-scene:nth-child(3) {
  transition: all 0.5s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.3, 0, 0, 1);
  opacity: 1
}
.prl-product-usps.-is-scene-3 .prl-slider-progress .prl-progress-bar:nth-child(1)::before {
  width: 100%
}
.prl-product-usps.-is-scene-3 .prl-slider-progress .prl-progress-bar:nth-child(2)::before {
  width: 100%
}
.prl-product-usps.-is-scene-3 .prl-slider-progress .prl-progress-bar:nth-child(3)::before {
  width: 100%
}
.prl-product-usps .prl-product-usps-inner-wrapper {
  height: 100vh
}
.prl-product-usps .prl-product-usps-scene.-was-active {
  opacity: 0
}
.prl-product-usps .prl-product-usps-scene.-was-active .prl-product-usps-text {
  transform: translateY(calc(-50% - 30px)) !important
}

@media only screen and (max-width: 1023px) {
.prl-product-usps .prl-product-usps-scene.-was-active .prl-product-usps-text {
  position: relative;
  transform: translateY(0) !important;
  top: -10px
}
}

@media only screen and (max-width: 1023px) {
.prl-product-usps .prl-product-usps-scene.-was-active .prl-product-usps-text h2, .prl-product-usps .prl-product-usps-scene.-was-active .prl-product-usps-text .h2 {
  margin-top: 80px
}
}
.prl-product-usps .prl-product-usps-scene.-was-active .prl-product-usps-text p {
  transform: translateY(0)
}

@media only screen and (max-width: 1023px) {
.prl-product-usps .prl-product-usps-scene.-was-active .prl-product-usps-text p {
  margin-bottom: 30px
}
}
.prl-product-usps .prl-slider-progress {
  margin: 0;
  padding: 0;
  position: absolute;
  top: calc(100vw + 85px);
  width: auto
}

@media only screen and (max-width: 1023px) {
.prl-product-usps .prl-slider-progress {
  left: 20px
}
}

@media only screen and (min-width: 1024px) {
.prl-product-usps .prl-slider-progress {
  top: calc(50vh - 138px / 2);
  right: 0
}
}
.prl-product-usps .prl-progress-bar {
  display: block;
  transform: rotate(90deg);
  transform-origin: 0 0;
  width: 16px;
  margin-right: 0;
  margin-top: 24px;
  background-color: var(--prl-color-grey-600)
}

@media only screen and (max-width: 1023px) {
.prl-product-usps .prl-progress-bar {
  width: 16px;
  margin-right: 9px
}
}
.prl-product-usps .prl-progress-bar::before {
  content: '';
  background-color: var(--prl-color-primary-inverse);
  height: 100%;
  border-radius: 3px;
  width: 0;
  transition-duration: 0.5s
}
.prl-product-usps .prl-product-usps-text, .prl-product-usps .prl-product-usps-caption {
  transition: all 1s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.3, 0, 0, 1);
  transform: translateY(0);
  opacity: 0
}

@media only screen and (max-width: 1023px) {
.prl-product-usps .prl-product-usps-text, .prl-product-usps .prl-product-usps-caption {
  position: relative;
  transform: translateY(0);
  top: 10px;
  padding-top: 75px
}
}
.prl-product-usps .prl-product-usps-caption {
  line-height: 1.633;
  top: calc(100% - 75px)
}

@media only screen and (max-width: 1023px) {
.prl-product-usps .prl-product-usps-caption {
  top: 0;
  margin-top: 16px
}
}
.prl-product-usps .prl-product-usps-grid {
  z-index: 1
}

@media only screen and (min-width: 1024px) {
.prl-product-usps .prl-product-usps-grid {
  top: 50%;
  transform: translate(-50%, -50%)
}
.prl-product-usps .prl-product-usps-grid .prl-grid-col {
  overflow: visible
}
}
.prl-product-usps .prl-product-usps-caption-grid {
  z-index: 1
}

@media only screen and (min-width: 1024px) {
.prl-product-usps .prl-product-usps-caption-grid {
  bottom: 32px;
  position: absolute
}
}
.prl-product-usps .video {
  width: 100%
}
.prl-product-usps .video.-mobile {
  display: block;
  object-fit: cover
}
.prl-product-usps .video.-tablet, .prl-product-usps .video.-desktop {
  display: none
}

@media only screen and (min-width: 768px) {
.prl-product-usps .video.-tablet {
  display: block
}
.prl-product-usps .video.-mobile, .prl-product-usps .video.-desktop {
  display: none
}
}

@media only screen and (min-width: 1024px) {
.prl-product-usps .video {
  width: auto
}
.prl-product-usps .video.-desktop {
  display: block;
  width: 100%;
  min-height: 100%;
  object-fit: cover
}
.prl-product-usps .video.-mobile, .prl-product-usps .video.-tablet {
  display: none
}
}
.prl-promo-wrapper {
  margin-top: 78px;
  padding: 0
}

@media only screen and (min-width: 1024px) {
.prl-promo-wrapper {
  height: 660px
}
}

@media only screen and (min-width: 1024px) {
.prl-image-slider {
  width: 983px
}
}

@media only screen and (min-width: 1280px) {
.prl-image-slider {
  width: 1264px
}
}

@media only screen and (min-width: 1440px) {
.prl-image-slider {
  width: 1312px
}
}
.prl-image-slider.full-width {
  width: 100%;
  background-color: var(--prl-slider-background-color-from);
  margin: 2.8rem 0
}

@media (min-width: 1024px) {
.prl-image-slider.full-width {
  margin: 5rem 0
}
}
.prl-image-slider.full-width.-animate {
  animation-name: fadein-background-color;
  animation-duration: 2s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.3, 0, 0, 1)
}
.prl-image-slider.full-width .prl-grid-col {
  margin: 0 auto
}

@media only screen and (min-width: 1024px) {
.prl-image-slider.full-width .prl-grid-col {
  width: 983px
}
}

@media only screen and (min-width: 1280px) {
.prl-image-slider.full-width .prl-grid-col {
  width: 1264px
}
}

@media only screen and (min-width: 1440px) {
.prl-image-slider.full-width .prl-grid-col {
  width: 1312px
}
}

@media (min-width: 1024px) {
.prl-image-slider.full-width .prl-promo.-image-slider {
  align-items: center
}
}
.prl-image-slider.full-width .prl-promo.-image-slider .prl-carousel .flickity-viewport, .prl-image-slider.full-width .prl-promo.-image-slider .prl-promo-images-wrapper {
  height: 375px
}

@media (min-width: 1024px) {
.prl-image-slider.full-width .prl-promo.-image-slider .prl-carousel .flickity-viewport, .prl-image-slider.full-width .prl-promo.-image-slider .prl-promo-images-wrapper {
  height: 100%
}
}
.prl-image-slider.full-width .prl-promo.-image-slider .prl-carousel.-images img {
  width: auto !important
}
.prl-image-slider.full-width .prl-promo.-image-slider .prl-promo-info-inner-wrapper {
  padding-top: 1.6rem;
  justify-content: center
}
.prl-image-slider.full-width .prl-promo.-image-slider .prl-cell-descriptions {
  margin: auto 0
}

@media (min-width: 1024px) {
.prl-image-slider.full-width .prl-promo.-image-slider .prl-cell-description {
  padding: 0 6rem;
  text-align: left
}
.prl-image-slider.full-width .prl-promo.-image-slider .prl-cell-description h3 {
  font-size: 1.6rem;
  line-height: 1.25;
  margin-bottom: 1.2rem
}
.prl-image-slider.full-width .prl-promo.-image-slider .prl-cell-description p {
  text-align: left
}
.prl-image-slider.full-width .prl-promo.-image-slider .prl-cell-description .actions-slide {
  margin-top: 2rem
}
}
.prl-image-slider.full-width .prl-promo.-image-slider.-color-inverted {
  color: #FFFDFB
}
.prl-image-slider.full-width .prl-slider {
  background: none
}
.prl-image-slider.full-width .prl-slider .prl-promo-info-inner-wrapper {
  background: none
}
.prl-image-slider .prl-promo.-image-slider.-color-inverted .prl-cell-description {
  color: #FFFDFB
}
.prl-promo.prl-image-wrapper {
  max-width: 1440px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  margin: 64px 0px;
  height: 660px;
  position: relative
}
.prl-promo.prl-image-wrapper .promo-image-container {
  z-index: -1;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0 20px
}

@media only screen and (min-width: 1024px) {
.prl-promo.prl-image-wrapper .promo-image-container {
  padding: 0 64px
}
}
.prl-promo.prl-image-wrapper .promo-image-container .promo-image {
  border-radius: 4px;
  position: relative;
  background-image: var(--prl-promo-background-image-medium);
  background-repeat: no-repeat;
  background-position: 75% 50%;
  background-size: cover;
  height: 100%
}

@media only screen and (min-width: 1024px) {
.prl-promo.prl-image-wrapper .promo-image-container .promo-image {
  background-image: var(--prl-promo-background-image-large)
}
}
.prl-promo.prl-image-wrapper .promo-image-container .promo-image .promo-gradient {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0.4;
  background-image: linear-gradient(to bottom, black, rgba(255, 0, 0, 0))
}

@media only screen and (min-width: 1024px) {
.prl-promo.prl-image-wrapper .promo-image-container .promo-image .promo-gradient {
  background-image: linear-gradient(to right, black, rgba(255, 0, 0, 0))
}
}
.prl-promo.prl-image-wrapper .content-wrapper {
  position: relative;
  min-height: 640px;
  height: 660px
}

@media only screen and (min-width: 1024px) {
.prl-promo.prl-image-wrapper .content-wrapper {
  height: 620px
}
}
.prl-promo.prl-image-wrapper .content-wrapper .promo-content {
  padding: 40px 30px
}

@media only screen and (min-width: 1024px) {
.prl-promo.prl-image-wrapper .content-wrapper .promo-content {
  padding: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  max-width: 400px
}
}
.prl-promo.prl-image-wrapper .content-wrapper .promo-content.-variation {
  color: white;
  top: auto;
  bottom: 0;
  transform: none;
  position: absolute;
  height: 100%
}

@media only screen and (min-width: 1024px) {
.prl-promo.prl-image-wrapper .content-wrapper .promo-content.-variation {
  margin-left: 32px;
  bottom: 64px;
  height: auto
}
}

@media only screen and (min-width: 1440px) {
.prl-promo.prl-image-wrapper .content-wrapper .promo-content.-variation {
  margin-left: unset
}
}
.prl-promo.prl-image-wrapper .content-wrapper .promo-content.-variation h2 {
  margin: 0 0 46px 0
}

@media only screen and (min-width: 1024px) {
.prl-promo.prl-image-wrapper .content-wrapper .promo-content.-variation h2 {
  margin: 0 0 48px 0
}
}
.prl-promo.prl-image-wrapper .content-wrapper .promo-content.-variation h2+p {
  font-weight: 400;
  color: var(--prl-color-primary);
  font-size: 16px;
  line-height: 28px;
  color: white;
  width: 80%;
  margin: 0px 0px 20px 0px
}
.prl-promo.prl-image-wrapper .content-wrapper .promo-content.-variation .prl-button {
  margin: 0px 0px 120px 0px
}
.prl-promo.prl-image-wrapper .content-wrapper .promo-content.-variation .promo-legal {
  font-weight: 400;
  color: var(--prl-color-primary);
  font-size: 11px;
  line-height: 15px;
  color: var(--prl-color-grey-600);
  color: white
}

@media only screen and (max-width: 1023px) {
.prl-promo.prl-image-wrapper .content-wrapper .promo-content.-variation .promo-legal {
  position: absolute;
  bottom: 40px;
  margin: 0px 30px 0px 0px
}
}
.prl-promo.prl-image-wrapper h2 {
  font-weight: 400;
  color: var(--prl-color-primary);
  color: var(--prl-color-primary-inverse)
}

@media only screen and (min-width: 1440px) {
.prl-promo.prl-image-wrapper h2 {
  font-size: 32px;
  line-height: 48px
}
}

@media only screen and (min-width: 480px) and (max-width:1599px) {
.prl-promo.prl-image-wrapper h2 {
  font-size: 32px;
  line-height: 48px
}
}

@media only screen and (max-width: 767px) {
.prl-promo.prl-image-wrapper h2 {
  font-size: 28px;
  line-height: 36px
}
}
.prl-promo.prl-image-wrapper button {
  color: var(--prl-color-primary-inverse);
  border-color: var(--prl-color-primary-inverse);
  margin-top: 50px
}

@media only screen and (max-width: 1023px) {
.prl-promo.prl-image-wrapper button {
  margin-top: 40px;
  height: 40px
}
}
.prl-promo.-image-slider {
  position: relative;
  background-color: var(--prl-color-primary-inverse);
  text-align: center;
  display: flex;
  flex-direction: column
}

@media only screen and (min-width: 1024px) {
.prl-promo.-image-slider {
  flex-direction: row-reverse;
  height: 660px
}
}
.prl-promo.-image-slider .flickity-viewport {
  overflow: visible
}
.prl-promo.-image-slider .prl-grid {
  margin: 0
}
.prl-promo.-image-slider .prl-promo-info-wrapper {
  position: relative;
  overflow: hidden;
  flex: 1
}

@media only screen and (min-width: 1024px) {
.prl-promo.-image-slider .prl-promo-info-wrapper {
  flex: 0.5
}
}
.prl-promo.-image-slider .prl-promo-info-inner-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  background-color: var(--prl-slider-background-color-from)
}
.prl-promo.-image-slider .prl-promo-info-inner-wrapper.-animate {
  animation-name: fadein-background-color;
  animation-duration: 2s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.3, 0, 0, 1)
}
.prl-promo.-image-slider .prl-promo-images-wrapper {
  position: relative;
  flex: 1;
  width: auto;
  overflow: hidden;
  left: 0;
  top: 0;
  height: 250px
}

@media only screen and (min-width: 768px) {
.prl-promo.-image-slider .prl-promo-images-wrapper {
  height: 350px
}
}

@media only screen and (min-width: 1024px) {
.prl-promo.-image-slider .prl-promo-images-wrapper {
  position: absolute;
  width: 50%;
  height: 100%;
  flex: auto
}
}
.prl-promo.-image-slider img {
  display: inline-block;
  position: absolute;
  height: 100%;
  width: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0
}
.prl-promo.-image-slider .prl-carousel {
  display: flex;
  height: 50%;
  width: 60px;
  margin: 0 auto;
  z-index: 1
}
.prl-promo.-image-slider .prl-carousel .flickity-viewport {
  height: 250px;
  width: 100%
}

@media only screen and (min-width: 768px) {
.prl-promo.-image-slider .prl-carousel .flickity-viewport {
  height: 350px
}
}

@media only screen and (min-width: 1024px) {
.prl-promo.-image-slider .prl-carousel .flickity-viewport {
  height: 100% !important
}
}
.prl-promo.-image-slider .prl-carousel .prl-flickity-cell {
  transition: opacity 0.5s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  position: relative;
  height: 100%;
  width: 100%;
  opacity: 0
}
.prl-promo.-image-slider .prl-carousel .prl-flickity-cell.is-selected {
  transition: opacity 0.2s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  opacity: 1
}
.prl-promo.-image-slider .prl-carousel .prl-flickity-cell.-device {
  height: 250px;
  transform: translateY(-50%);
  top: 50%
}

@media only screen and (min-width: 1024px) {
.prl-promo.-image-slider .prl-carousel .prl-flickity-cell.-device {
  height: 100%
}
}
.prl-promo.-image-slider .prl-carousel.-images {
  padding: 0;
  width: 60px;
  height: 100%
}
.prl-promo.-image-slider .prl-carousel.-images .prl-flickity-cell {
  left: 0;
  padding: 0;
  transition: opacity 1s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1)
}

@media only screen and (max-width: 1023px) {
.prl-promo.-image-slider .prl-carousel.-images .prl-flickity-cell {
  display: flex;
  justify-content: center
}
}
.prl-promo.-image-slider .prl-carousel.-images .prl-flickity-cell:before {
  content: none
}
.prl-promo.-image-slider .prl-carousel.-images img {
  display: block;
  position: relative;
  height: 100%;
  width: 120%;
  object-fit: cover;
  object-position: center;
  margin: 0
}
.prl-promo.-image-slider .prl-cell-descriptions {
  z-index: 1
}
.prl-promo.-image-slider .prl-cell-description {
  display: none;
  text-align: center;
  padding: 0 1.6rem;
  margin-left: auto;
  margin-right: auto
}

@media (min-width: 1024px) {
.prl-promo.-image-slider .prl-cell-description {
  padding: 0 3.2rem
}
}
.prl-promo.-image-slider .prl-cell-description.-active {
  display: block
}
.prl-promo.-image-slider .prl-cell-description.-color-inverted h3 {
  color: var(--prl-color-primary-inverse)
}
.prl-promo.-image-slider .prl-cell-description h3 {
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 1.25;
  letter-spacing: 0
}

@media (min-width: 1024px) {
.prl-promo.-image-slider .prl-cell-description h3 {
  font-size: 1.2rem
}
}
.prl-promo.-image-slider .prl-cell-description h3.smaller {
  font-size: 1rem;
  line-height: 1.2rem
}

@media (min-width: 1024px) {
.prl-promo.-image-slider .prl-cell-description h3.smaller {
  font-size: 1.2rem;
  line-height: 1.5
}
}
.prl-promo.-image-slider .prl-cell-description p {
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: normal;
  font-size: 0.7rem;
  line-height: 1.4;
  letter-spacing: 0.4px;
  text-align: center;
  margin: 0 auto
}
.prl-promo.-image-slider .prl-cell-description p+h3, .prl-promo.-image-slider .prl-cell-description p+.h3 {
  margin-top: 1.6rem
}

@media (min-width: 1024px) {
.prl-promo.-image-slider .prl-cell-description p {
  object-fit: contain;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.75;
  letter-spacing: -0.1px
}
}
.prl-promo.-image-slider .prl-cell-description p.price {
  font-size: 1rem;
  margin-bottom: 0.4rem;
  padding-top: 0.4rem
}

@media (min-width: 960px) {
.prl-promo.-image-slider .prl-cell-description p.price {
  font-size: 1.4rem;
  line-height: 2rem
}
}
.prl-promo.-image-slider .prl-cell-description .actions-slide {
  margin-top: 1.6rem
}
.prl-promo.-image-slider .prl-button {
  display: block;
  margin: 20px auto;
  margin-bottom: 0px;
  border: 1px solid;
  padding: 0 26px
}
.prl-promo.-image-slider .prl-carousel-progress {
  width: 100%;
  padding: 30px 0
}

@media only screen and (min-width: 1024px) {
.prl-promo.-image-slider.-slider {
  min-height: 500px;
  height: 660px
}
}

@media only screen and (min-width: 1024px) {
.prl-promo.-image-slider.-slider .prl-slider-outter-wrapper {
  height: 660px
}
}
.prl-promo.-image-slider.-slider.-color-inverted .prl-cell-description h3, .prl-promo.-image-slider.-slider.-color-inverted .prl-cell-description .prl-promo-description, .prl-promo.-image-slider.-slider.-color-inverted .prl-cell-description .prl-promo-price {
  color: var(--prl-color-primary-inverse)
}
.prl-promo.-image-slider.-slider.-color-inverted .prl-button {
  color: var(--prl-color-primary-inverse)
}
.prl-promo.-image-slider.-slider .prl-promo-info-wrapper {
  flex: 1
}
.prl-promo.-image-slider.-slider .prl-promo-info-content {
  display: block;
  width: 100%
}

@media only screen and (min-width: 1024px) {
.prl-promo.-image-slider.-slider .prl-promo-info-content {
  display: flex
}
}

@media only screen and (min-width: 1024px) {
.prl-promo.-image-slider.-slider .prl-promo-info-content {
  padding: 80px 0
}
}

@media only screen and (min-width: 1024px) {
.prl-promo.-image-slider.-slider .prl-promo-carousel-wrapper {
  position: relative
}
}
.prl-promo.-image-slider.-slider .prl-cell-descriptions, .prl-promo.-image-slider.-slider .prl-promo-carousel-wrapper {
  flex: 1
}

@media only screen and (min-width: 1024px) {
.prl-promo.-image-slider.-slider .prl-cell-descriptions, .prl-promo.-image-slider.-slider .prl-promo-carousel-wrapper {
  flex: 0.5
}
}
.prl-promo.-image-slider.-slider .prl-cell-descriptions {
  min-height: 390px;
  width: 100%
}

@media only screen and (min-width: 1024px) {
.prl-promo.-image-slider.-slider .prl-cell-descriptions {
  position: relative;
  width: 40%
}
}
.prl-promo.-image-slider.-slider .prl-cell-description {
  padding: 28px 28px 0 25px;
  text-align: left
}

@media only screen and (min-width: 1024px) {
.prl-promo.-image-slider.-slider .prl-cell-description {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 384px
}
}
.prl-promo.-image-slider.-slider .prl-cell-description h3 {
  font-weight: 400;
  color: var(--prl-color-primary);
  width: 279px;
  height: 80px;
  margin: 0 0 16px 0;
  font-size: 28px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal
}

@media only screen and (min-width: 1440px) {
.prl-promo.-image-slider.-slider .prl-cell-description h3 {
  font-size: 42px;
  line-height: 60px
}
}

@media only screen and (min-width: 1280px) and (max-width:1439px) {
.prl-promo.-image-slider.-slider .prl-cell-description h3 {
  font-size: 34px;
  line-height: 48px
}
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
.prl-promo.-image-slider.-slider .prl-cell-description h3 {
  font-size: 34px;
  line-height: 48px
}
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
.prl-promo.-image-slider.-slider .prl-cell-description h3 {
  font-size: 32px;
  line-height: 44px
}
}

@media only screen and (max-width: 767px) {
.prl-promo.-image-slider.-slider .prl-cell-description h3 {
  font-size: 28px;
  line-height: 36px
}
}

@media only screen and (min-width: 1024px) {
.prl-promo.-image-slider.-slider .prl-cell-description h3 {
  width: 267px;
  height: 96px;
  font-size: 32px;
  line-height: 1.5
}
}
.prl-promo.-image-slider.-slider .prl-cell-description p, .prl-promo.-image-slider.-slider .prl-cell-description h3 {
  margin: 20px 0;
  text-align: left;
  color: var(--prl-color-primary)
}
.prl-promo.-image-slider.-slider .prl-cell-description p {
  width: 279px;
  height: 56px;
  margin: 16px 0 16px 1px;
  object-fit: contain;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.75;
  letter-spacing: -0.1px;
  color: #ffffff
}

@media only screen and (min-width: 1024px) {
.prl-promo.-image-slider.-slider .prl-cell-description p {
  width: 298px;
  height: 56px;
  font-size: 16px
}
}
.prl-promo.-image-slider.-slider .prl-cell-description .prl-promo-description {
  font-weight: 400;
  color: var(--prl-color-primary);
  font-size: 16px;
  line-height: 28px;
  margin: 16px 0
}
.prl-promo.-image-slider.-slider .prl-cell-description .prl-promo-supertext {
  font-weight: 400;
  color: var(--prl-color-primary);
  font-size: 14px;
  line-height: 24px;
  color: var(--prl-color-grey-caption);
  width: 100%;
  height: 22px;
  object-fit: contain;
  opacity: 0.65;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.57;
  letter-spacing: normal
}

@media only screen and (min-width: 1024px) {
.prl-promo.-image-slider.-slider .prl-cell-description .prl-promo-supertext {
  width: 80px;
  height: 22px;
  opacity: 0.65;
  font-size: 14px;
  margin: 0
}
}
.prl-promo.-image-slider.-slider .prl-cell-description .prl-promo-price-before {
  margin-right: 16px;
  text-decoration: line-through;
  color: var(--prl-color-grey-caption)
}
.prl-promo.-image-slider.-slider .prl-carousel {
  width: 180px;
  padding: 0;
  height: auto
}

@media only screen and (min-width: 1024px) {
.prl-promo.-image-slider.-slider .prl-carousel {
  height: 360px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}
}

@media only screen and (min-width: 1024px) {
.prl-promo.-image-slider.-slider .prl-carousel {
  height: 500px
}
}
.prl-promo.-image-slider.-slider .prl-flickity-cell {
  height: 275px;
  width: 60px
}

@media only screen and (min-width: 1024px) {
.prl-promo.-image-slider.-slider .prl-flickity-cell {
  height: 500px
}
}
.prl-promo.-image-slider.-slider .prl-flickity-cell:before {
  display: block;
  height: 275px;
  width: 60px;
  text-align: center;
  content: none
}

@media only screen and (min-width: 1024px) {
.prl-promo.-image-slider.-slider .prl-flickity-cell:before {
  height: 520px
}
}
.prl-promo.-image-slider.-slider .prl-button {
  margin: 35px 0 0 0
}

@media only screen and (max-width: 1023px) {
.prl-promo.-image-slider.-slider .prl-button {
  font-weight: 400;
  color: var(--prl-color-primary);
  font-size: 14px;
  line-height: 24px;
  padding: 0 20px;
  margin: 25px 0 0 0;
  height: 40px
}
}
.prl-promo.-image-slider.-slider .prl-carousel-progress {
  margin-top: 90px
}

@media only screen and (max-width: 1023px) {
.prl-promo.-image-slider.-slider .prl-carousel-progress {
  margin-top: 20px
}
}
.prl-promo.-image-slider.-slider .prl-slider-prev-button, .prl-promo.-image-slider.-slider .prl-slider-next-button, .prl-promo.-image-slider.-slider .slider-prev-btn, .prl-promo.-image-slider.-slider .slider-next-btn {
  top: 190px
}

@media only screen and (min-width: 1024px) {
.prl-promo.-image-slider.-slider .prl-slider-prev-button, .prl-promo.-image-slider.-slider .prl-slider-next-button, .prl-promo.-image-slider.-slider .slider-prev-btn, .prl-promo.-image-slider.-slider .slider-next-btn {
  top: 50%;
  transform: translateY(-50%)
}
}
.prl-promo.-image-slider.-slider .prl-slider-progress {
  margin: 0;
  padding: 10px 0 30px
}
.slider-prev-btn, .slider-next-btn {
  height: 1.6rem;
  width: 1.6rem;
  background: #FFFDFB;
  border-radius: 30px;
  color: #34303d;
  text-align: center;
  border: none;
  padding: 0;
  z-index: 2;
  position: absolute;
  top: 50%;
  outline: none;
  cursor: pointer
}

@media (max-width: 841px) {
.slider-prev-btn, .slider-next-btn {
  display: none !important
}
}

@media only screen and (max-width: 1023px) {
.slider-prev-btn, .slider-next-btn {
  opacity: 1;
  top: 110px;
  transform: translateY(0)
}
}
.slider-prev-btn::after, .slider-next-btn::after {
  font-family: swiper-icons;
  font-size: 0.7rem;
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1
}
.slider-prev-btn {
  left: 25px
}
.slider-prev-btn::after {
  content: 'prev';
  margin-left: -2px
}
.slider-next-btn {
  right: 25px
}
.slider-next-btn::after {
  content: 'next';
  margin-left: 2px
}
.prl-promo-no-content-images .prl-promo-info-inner-wrapper .prl-carousel {
  display: none !important
}
.prl-promo-no-content-images .prl-promo-info-inner-wrapper .prl-cell-descriptions {
  height: 100% !important;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding-top: 2rem
}
.purchase-option-promo {
  margin: 20px 0
}

@media only screen and (min-width: 768px) {
.purchase-option-promo {
  margin: 60px 0
}
}
.purchase-option-promo h2 {
  font-weight: 400;
  color: var(--prl-color-primary);
  margin: 0 0 64px 0
}

@media only screen and (min-width: 1440px) {
.purchase-option-promo h2 {
  font-size: 56px;
  line-height: 76px
}
}

@media only screen and (min-width: 1280px) and (max-width:1439px) {
.purchase-option-promo h2 {
  font-size: 48px;
  line-height: 64px
}
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
.purchase-option-promo h2 {
  font-size: 48px;
  line-height: 64px
}
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
.purchase-option-promo h2 {
  font-size: 42px;
  line-height: 60px
}
}

@media only screen and (max-width: 767px) {
.purchase-option-promo h2 {
  font-size: 32px;
  line-height: 44px
}
}
.purchase-option-promo .purchase-option-wrapper {
  display: flex;
  flex-direction: column;
  margin: 0 0 28px 0
}
.purchase-option-promo .purchase-option-wrapper .image {
  width: 100%;
  object-fit: cover;
  object-position: center
}
.purchase-option-promo .purchase-option-wrapper .content-wrapper {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 32px 0
}

@media only screen and (min-width: 768px) {
.purchase-option-promo .purchase-option-wrapper .content-wrapper {
  max-width: 100%
}
}
.purchase-option-promo .purchase-option-wrapper .content-wrapper .text {
  margin: 0 0 6px
}
.purchase-option-promo .purchase-option-wrapper .content-wrapper .text.-header {
  font-weight: 400;
  color: var(--prl-color-primary)
}

@media only screen and (min-width: 1440px) {
.purchase-option-promo .purchase-option-wrapper .content-wrapper .text.-header {
  font-size: 32px;
  line-height: 42px
}
}

@media only screen and (min-width: 480px) and (max-width:1599px) {
.purchase-option-promo .purchase-option-wrapper .content-wrapper .text.-header {
  font-size: 32px;
  line-height: 42px
}
}

@media only screen and (max-width: 767px) {
.purchase-option-promo .purchase-option-wrapper .content-wrapper .text.-header {
  font-size: 24px;
  line-height: 32px
}
}

@media only screen and (min-width: 768px) {
.purchase-option-promo .purchase-option-wrapper .content-wrapper .text.-header {
  margin: 0 0 8px
}
}

@media only screen and (min-width: 1440px) {
.purchase-option-promo .purchase-option-wrapper .content-wrapper .text.-header {
  font-size: 22px;
  line-height: 36px
}
}
.purchase-option-promo .purchase-option-wrapper .content-wrapper .text.-copy {
  font-weight: 400;
  color: var(--prl-color-primary);
  font-size: 16px;
  line-height: 28px;
  color: var(--prl-color-grey-600);
  width: 80%
}

@media only screen and (min-width: 768px) {
.purchase-option-promo .purchase-option-wrapper .content-wrapper .text.-copy {
  margin: 0 0 16px
}
}

@media only screen and (min-width: 1024px) {
.purchase-option-promo .purchase-option-wrapper .content-wrapper .text.-copy {
  width: 50%
}
}

@media only screen and (min-width: 1440px) {
.purchase-option-promo .purchase-option-wrapper .content-wrapper .text.-copy {
  font-size: 16px;
  line-height: 28px
}
}
.purchase-option-promo .purchase-option-wrapper .content-wrapper .button-wrapper {
  margin-top: auto
}
.purchase-option-promo .purchase-option-wrapper .content-wrapper .button-wrapper .prl-button {
  min-width: 0;
  padding: 0
}
.prl-reassurance {
  width: 100%;
  justify-content: center;
  margin: 80px 0px
}

@media only screen and (min-width: 1024px) {
.prl-reassurance {
  display: flex;
  padding: 0 40px 0
}
}
.prl-reassurance.-type-1 {
  padding: 0 30px
}

@media only screen and (min-width: 1024px) {
.prl-reassurance.-type-1 {
  display: none
}
}
.prl-reassurance-block {
  font-size: 48px;
  max-width: 367px;
  text-align: center
}

@media only screen and (max-width: 1023px) {
.prl-reassurance-block {
  margin: 36px auto 0;
  width: 60vw
}
}

@media only screen and (max-width: 767px) {
.prl-reassurance-block {
  max-width: 90vw
}
}

@media only screen and (min-width: 1024px) {
.prl-reassurance-block {
  flex: 1
}
}
.prl-reassurance-block .-claim {
  font-size: 21px;
  line-height: 32px;
  margin: 18px 0 12px
}

@media only screen and (min-width: 1024px) {
.prl-reassurance-block .-claim {
  font-size: 24px;
  line-height: 36px
}
}
.prl-reassurance-block .-content {
  font-weight: 400;
  color: var(--prl-color-primary);
  font-size: 14px;
  line-height: 24px;
  color: var(--prl-color-grey-600)
}
.reassurance-icon-container {
  width: 100%;
  height: 75px
}
.prl-scroll-activated-story .video-container .outro, .prl-scroll-activated-story .video-container .intro {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all 0.75s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.3, 0, 0, 1)
}
.prl-scroll-activated-story .video-container .outro .mobile, .prl-scroll-activated-story .video-container .intro .mobile {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  height: 100%;
  display: block
}

@media only screen and (min-width: 1024px) {
.prl-scroll-activated-story .video-container .outro .mobile, .prl-scroll-activated-story .video-container .intro .mobile {
  display: none
}
}
.prl-scroll-activated-story .video-container .outro .desktop, .prl-scroll-activated-story .video-container .intro .desktop {
  display: none
}

@media only screen and (min-width: 1024px) {
.prl-scroll-activated-story .video-container .outro .desktop, .prl-scroll-activated-story .video-container .intro .desktop {
  display: block;
  width: 100%;
  height: 100%
}
}
.prl-scroll-activated-story .video-container video {
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: all 0.75s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.3, 0, 0, 1)
}

@media only screen and (min-width: 1024px) {
.prl-scroll-activated-story .video-container video {
  width: 100%
}
}
.prl-scroll-activated-story.-is-scene-0 .prl-slider-progress {
  opacity: 0
}
.prl-scroll-activated-story.-is-scene-0 .skip-btn {
  display: none
}
.prl-scroll-activated-story.-is-scene-0 .video-container .intro {
  opacity: 1
}
.prl-scroll-activated-story.-is-scene-0 .video-container .intro video {
  opacity: 1
}
.prl-scroll-activated-story.-is-scene-0 .scene-0 p {
  animation: delay-fade-in 0.75s ease-in-out 2s forwards;
  color: #FFFDFB
}
 @keyframes delay-fade-in {
 0% {
 opacity: 0
}
 100% {
 opacity: 1
}
}
.prl-scroll-activated-story .scene-0 p {
  position: absolute;
  width: 308px;
  height: 132px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.75s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.3, 0, 0, 1);
  animation-delay: 5s;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 1.25;
  color: #FFFDFB;
  text-align: center
}

@media only screen and (min-width: 1024px) {
.prl-scroll-activated-story .scene-0 p {
  width: 864px;
  height: auto;
  font-size: 2.8rem;
  line-height: 3.2rem;
  letter-spacing: normal;
  text-align: center
}
}
.prl-scroll-activated-story.-is-scene-1 .image-container .heets-img, .prl-scroll-activated-story.-is-scene-1 .image-container .device-img {
  opacity: 1
}
.prl-scroll-activated-story.-is-scene-1 .image-container .heets-img {
  opacity: 1;
  transform: translate(-50%, 0%) scale(1.85)
}

@media only screen and (min-width: 768px) {
.prl-scroll-activated-story.-is-scene-1 .image-container .heets-img {
  transform: translate(-50%, -100%) scale(0.95)
}
}

@media only screen and (min-width: 1024px) {
.prl-scroll-activated-story.-is-scene-1 .image-container .heets-img {
  bottom: auto;
  top: 50%
}
}
.prl-scroll-activated-story.-is-scene-1 .image-container .device-image-container {
  transform: translateY(50%) scale(1.2)
}

@media only screen and (min-width: 1024px) {
.prl-scroll-activated-story.-is-scene-1 .image-container .device-image-container {
  transform: translateY(40%)
}
}
.prl-scroll-activated-story.-is-scene-1 .scene-1 p {
  top: 50%;
  opacity: 1;
  transform: translate(-50%, -50%)
}

@media only screen and (min-width: 1024px) {
.prl-scroll-activated-story.-is-scene-1 .scene-1 p {
  font-size: 28px;
  line-height: 40px;
  text-align: left;
  left: 7%;
  transform: translate(0%, -50%);
  top: calc(50% - 129px);
  bottom: auto;
  height: auto
}
}

@media (min-width: 1440px) {
.prl-scroll-activated-story.-is-scene-1 .scene-1 p {
  left: calc(50% - 656px)
}
}
.prl-scroll-activated-story.-is-scene-1 .scroll-indicator {
  transition: all 0.5s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.3, 0, 0, 1);
  animation: indicator-idle-animation infinite 2.5s
}
.prl-scroll-activated-story:not(.-is-scene-1) .scene-1 p {
  top: 50%
}

@media only screen and (min-width: 1024px) {
.prl-scroll-activated-story:not(.-is-scene-1) .scene-1 p {
  font-size: 28px;
  line-height: 40px;
  text-align: left;
  left: 7%;
  transform: translate(0%, -50%);
  top: calc(50% - 129px);
  bottom: auto;
  height: auto
}
}

@media (min-width: 1440px) {
.prl-scroll-activated-story:not(.-is-scene-1) .scene-1 p {
  left: calc(50% - 656px)
}
}
.prl-scroll-activated-story .scene-1 p {
  width: 300px;
  height: 64px;
  left: 50%;
  transform: translate(-50%, -50%)
}

@media only screen and (min-width: 768px) {
.prl-scroll-activated-story .scene-1 p {
  top: 12%;
  transform: translateX(-50%)
}
}

@media only screen and (min-width: 1024px) {
.prl-scroll-activated-story .scene-1 p {
  top: 50%;
  left: 17.8%;
  transform: translate(0, -50%)
}
}
.prl-scroll-activated-story .scroll-indicator {
  position: absolute;
  opacity: 0;
  width: 24px;
  height: 14px;
  top: 56%;
  left: 51.5%;
  font-size: 10px;
  transform: translate(-50%, -50%);
  color: white
}
.prl-scroll-activated-story .scroll-indicator:before {
  content: url('../../../../../design/themes/kura/media/images/ico/chevron-up.svg?1690945733')
}

@media only screen and (min-width: 768px) {
.prl-scroll-activated-story .scroll-indicator {
  top: 60%
}
}

@media only screen and (min-width: 1024px) {
.prl-scroll-activated-story .scroll-indicator {
  left: 70.7%;
  top: 50%
}
}

@media (min-width: 1440px) {
.prl-scroll-activated-story .scroll-indicator {
  left: calc(50% + 250px)
}
}
 @keyframes indicator-idle-animation {
 0% {
 opacity: 0;
 transform: translate(-50%, 100%)
}
 12.5% {
 opacity: 1
}
 25% {
 opacity: 0;
 transform: translate(-50%, -100%)
}
}
 @keyframes device-img-scene-1-fade-out {
 0% {
 transform: translateY(50%);
 opacity: 1
}
 80% {
 opacity: 1
}
 100% {
 opacity: 0;
 transform: translateY(0)
}
}
 @keyframes heets-img-scene-1-fade-out {
 0% {
 transform: translate(-50%, -50%);
 opacity: 1
}
 100% {
 opacity: 0;
 transform: translate(-50%, 45%)
}
}
 @keyframes xray-scene-1-fade-out {
 0% {
 opacity: 0
}
 80% {
 opacity: 0
}
 100% {
 opacity: 1
}
}

@media only screen and (min-width: 1024px) {
.prl-scroll-activated-story.-is-scene-2 .image-container {
  transform: translate(-50%, -45%) scale(0.9)
}
}
.prl-scroll-activated-story.-is-scene-2 .device-image-container {
  top: -109px
}

@media only screen and (min-width: 1024px) {
.prl-scroll-activated-story.-is-scene-2 .device-image-container {
  top: 0
}
}
.prl-scroll-activated-story.-is-scene-2 .device-img {
  opacity: 1
}
.prl-scroll-activated-story.-is-scene-2 .x-ray-img {
  z-index: 3
}
.prl-scroll-activated-story.-is-scene-2 .heets-img {
  transform: translate(-50%, -50%) scale(1.55);
  top: 3px;
  opacity: 1
}

@media only screen and (min-width: 1024px) {
.prl-scroll-activated-story.-is-scene-2 .heets-img {
  top: 24%;
  transform: translate(-50%, -50%) scale(1)
}
}
.prl-scroll-activated-story.-is-scene-2 .device-img {
  z-index: 2
}
.prl-scroll-activated-story.-is-scene-2 .scene-2 p {
  opacity: 1
}
.prl-scroll-activated-story.-is-scene-2 .prl-progress-bar:nth-child(1)::before {
  width: 100%
}
.prl-scroll-activated-story.-is-scene-2 .-visible {
  animation: fade-in forwards 1s;
  animation-delay: 0.2s
}
 @keyframes fade-in {
 0% {
 opacity: 0
}
 100% {
 opacity: 1
}
}
.prl-scroll-activated-story .scene-2 p {
  width: 315px;
  height: 64px;
  left: 50%;
  transform: translate(-50%, -50%);
  top: calc(50% + 220px)
}

@media only screen and (min-width: 1024px) {
.prl-scroll-activated-story .scene-2 p {
  transform: translate(0%, -50%);
  top: calc(50% - 129px);
  bottom: auto;
  height: auto;
  font-size: 28px;
  line-height: 40px;
  text-align: left;
  left: 7%
}
}

@media (min-width: 1440px) {
.prl-scroll-activated-story .scene-2 p {
  left: calc(50% - 656px)
}
}
.prl-scroll-activated-story.-is-scene-3 .device-image-container {
  top: 0
}
.prl-scroll-activated-story.-is-scene-3 .image-container {
  transform: rotateZ(-21grad) scale(1.75) translate(65%, -22%)
}
.prl-scroll-activated-story.-is-scene-3 .image-container .x-ray-img {
  opacity: 1
}
.prl-scroll-activated-story.-is-scene-3 .image-container .-heating {
  z-index: 3;
  animation: heating-fade-in 2s forwards
}
 @keyframes heating-fade-in {
 0% {
 opacity: 0
}
 100% {
 opacity: 1
}
}

@media only screen and (min-width: 768px) {
.prl-scroll-activated-story.-is-scene-3 .image-container {
  transform: rotateZ(-25grad) scale(4) translate(35%, 15%)
}
}

@media only screen and (min-width: 1024px) {
.prl-scroll-activated-story.-is-scene-3 .image-container {
  transform: rotateZ(-21grad) scale(1.25) translate(0%, -24%)
}
}

@media only screen and (min-width: 1280px) {
.prl-scroll-activated-story.-is-scene-3 .image-container {
  transform: rotateZ(-21grad) scale(1.25) translate(0%, -24%)
}
}

@media only screen and (min-width: 1920px) {
.prl-scroll-activated-story.-is-scene-3 .image-container {
  transform: rotateZ(-21grad) scale(1.25) translate(0%, -24%)
}
}
.prl-scroll-activated-story.-is-scene-3 .scene-3 p {
  opacity: 1
}
.prl-scroll-activated-story.-is-scene-3 .prl-progress-bar:nth-child(1)::before, .prl-scroll-activated-story.-is-scene-3 .prl-progress-bar:nth-child(2)::before {
  width: 100%
}
.prl-scroll-activated-story .scene-3 .-text {
  color: #34303d;
  font-size: 1.4rem;
  font-weight: 400
}

@media (min-width: 960px) {
.prl-scroll-activated-story .scene-3 .-text {
  font-size: 2rem;
  line-height: 2rem
}
}

@media (min-width: 1366px) {
.prl-scroll-activated-story .scene-3 .-text {
  font-size: 2.4rem
}
}
.prl-scroll-activated-story .scene-3 p {
  width: 300px;
  height: auto;
  top: calc(50% + 270px);
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.38;
  letter-spacing: normal
}

@media only screen and (min-width: 1024px) {
.prl-scroll-activated-story .scene-3 p {
  text-align: left;
  left: 7%;
  transform: translate(0%, -50%);
  top: calc(50% - 129px);
  bottom: auto;
  height: auto
}
}

@media (min-width: 1440px) {
.prl-scroll-activated-story .scene-3 p {
  left: calc(50% - 656px)
}
}
.prl-scroll-activated-story .scene-3 p span {
  display: inline-flex;
  width: auto
}

@media only screen and (min-width: 1024px) {
.prl-scroll-activated-story.-is-scene-4 .image-container {
  transform: translate(-50%, -45%) scale(0.9)
}
}
.prl-scroll-activated-story.-is-scene-4 .device-image-container {
  top: -109px
}

@media only screen and (min-width: 1024px) {
.prl-scroll-activated-story.-is-scene-4 .device-image-container {
  top: 0
}
}
.prl-scroll-activated-story.-is-scene-4 .background-layer .device-with-heets-img {
  opacity: 1;
  animation-delay: 1s
}
.prl-scroll-activated-story.-is-scene-4 .background-layer .ring-1, .prl-scroll-activated-story.-is-scene-4 .background-layer .ring-2, .prl-scroll-activated-story.-is-scene-4 .background-layer .ring-3, .prl-scroll-activated-story.-is-scene-4 .background-layer .ring-4 {
  transition: all 0.5s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.3, 0, 0, 1);
  animation: pulsing-ring-effect 0.5s
}
.prl-scroll-activated-story.-is-scene-4 .background-layer .ring-1 {
  animation-delay: 0.7s
}
.prl-scroll-activated-story.-is-scene-4 .background-layer .ring-2 {
  animation-delay: 0.8s
}
.prl-scroll-activated-story.-is-scene-4 .background-layer .ring-3 {
  animation-delay: 0.9s
}
.prl-scroll-activated-story.-is-scene-4 .background-layer .ring-4 {
  animation-delay: 1s
}
.prl-scroll-activated-story.-is-scene-4 .scene-4 p {
  opacity: 1
}
.prl-scroll-activated-story.-is-scene-4 .prl-progress-bar:nth-child(1)::before, .prl-scroll-activated-story.-is-scene-4 .prl-progress-bar:nth-child(2)::before, .prl-scroll-activated-story.-is-scene-4 .prl-progress-bar:nth-child(3)::before {
  width: 100%
}
.prl-scroll-activated-story .scene-4 p {
  width: 315px;
  height: 64px;
  transform: translate(-50%, -50%);
  left: 50%;
  top: calc(50% + 220px);
  font-size: 21px;
  text-align: center
}

@media only screen and (min-width: 1024px) {
.prl-scroll-activated-story .scene-4 p {
  transform: translate(0%, -50%);
  top: calc(50% - 129px);
  bottom: auto;
  height: auto;
  font-size: 28px;
  line-height: 40px;
  text-align: left;
  left: 7%
}
}

@media (min-width: 1440px) {
.prl-scroll-activated-story .scene-4 p {
  left: calc(50% - 656px)
}
}
.prl-scroll-activated-story .scene-5 .content-wrapper {
  position: absolute;
  width: 100%;
  height: fit-content;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}
.prl-scroll-activated-story .scene-5 .content-wrapper .text-container {
  display: block;
  width: 100%;
  height: fit-content
}
.prl-scroll-activated-story .scene-5 .content-wrapper .text-container .first-text-item, .prl-scroll-activated-story .scene-5 .content-wrapper .text-container .second-text-item, .prl-scroll-activated-story .scene-5 .content-wrapper .text-container .third-text-item {
  opacity: 0
}
.prl-scroll-activated-story .scene-5 .content-wrapper p {
  opacity: 0;
  width: 308px;
  object-fit: contain;
  font-size: 32px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.38;
  letter-spacing: 0.01px;
  text-align: center;
  color: #ffffff;
  margin: auto auto 64px;
  left: 0;
  right: 0
}

@media only screen and (min-width: 1024px) {
.prl-scroll-activated-story .scene-5 .content-wrapper p {
  width: 312px;
  height: 128px;
  font-size: 48px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  text-align: center;
  margin: auto auto 80px
}
}
.prl-scroll-activated-story .scene-5 .content-wrapper .replay-btn {
  opacity: 0;
  background-color: transparent;
  border-color: transparent;
  width: auto;
  transform: translateY(-35px);
  height: 28px;
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.75;
  letter-spacing: -0.1px;
  text-align: center;
  color: #ffffff;
  outline: none;
  cursor: pointer
}

@media only screen and (min-width: 1024px) {
.prl-scroll-activated-story .scene-5 .content-wrapper .replay-btn {
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.75;
  letter-spacing: -0.1px;
  text-align: center
}
}
.prl-scroll-activated-story .scene-5 .prl-icon-chevron-down {
  position: absolute;
  left: 50%;
  top: auto;
  bottom: 35px;
  opacity: 0;
  color: #ffffff;
  width: 10px;
  height: 5px;
  font-size: 8px
}
.prl-scroll-activated-story.-is-scene-5 .prl-slider-progress {
  opacity: 0
}
.prl-scroll-activated-story.-is-scene-5 .skip-btn {
  display: none
}
.prl-scroll-activated-story.-is-scene-5 .outro {
  opacity: 1
}
.prl-scroll-activated-story.-is-scene-5 .outro video {
  opacity: 1
}
.prl-scroll-activated-story.-is-scene-5 .video-container .outro {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 1
}
.prl-scroll-activated-story.-is-scene-5 .video-container .outro .mobile {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  height: 100%;
  display: block
}

@media only screen and (min-width: 1024px) {
.prl-scroll-activated-story.-is-scene-5 .video-container .outro .mobile {
  display: none
}
}
.prl-scroll-activated-story.-is-scene-5 .video-container .outro .desktop {
  display: none
}

@media only screen and (min-width: 1024px) {
.prl-scroll-activated-story.-is-scene-5 .video-container .outro .desktop {
  display: block;
  width: 100%;
  height: 100%
}
}
.prl-scroll-activated-story.-is-scene-5 .video-container .outro video {
  opacity: 1;
  height: 100%
}
.prl-scroll-activated-story.-is-scene-5 .video-container .scene-0 p {
  opacity: 1
}
.prl-scroll-activated-story.-is-scene-5 .replay-btn {
  position: relative;
  display: block
}
.prl-scroll-activated-story.-is-scene-5 .content-wrapper .text-container .first-text-item {
  animation: opacity-fade-in-out 2s forwards 0.75s
}
.prl-scroll-activated-story.-is-scene-5 .content-wrapper .text-container .second-text-item {
  animation: opacity-fade-in-out 2s forwards 2.75s
}
.prl-scroll-activated-story.-is-scene-5 .content-wrapper .text-container .third-text-item {
  animation: opacity-fade-in 2s forwards 4.75s
}
 @keyframes opacity-fade-in-out {
 0% {
 position: relative;
 opacity: 0;
 top: 25px
}
 50% {
 top: 0;
 opacity: 1
}
 99% {
 position: relative
}
 100% {
 opacity: 0
}
}
 @keyframes opacity-fade-in {
 0% {
 position: relative;
 opacity: 0;
 top: 25px
}
 50% {
 top: 0
}
 100% {
 position: relative;
 opacity: 1
}
}
.prl-scroll-activated-story.-is-scene-5 .content-wrapper p {
  opacity: 1
}
.prl-scroll-activated-story.-is-scene-5 .content-wrapper .replay-btn {
  margin: auto;
  transition: all 0.75s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.3, 0, 0, 1);
  animation: content-fade-in 0.75s forwards 6s
}
.prl-scroll-activated-story.-is-scene-5 .content-wrapper .replay-btn:before {
  position: absolute;
  display: inline-block;
  left: -20px;
  top: 8px;
  content: ' ';
  width: 20px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.727' height='14.315' viewBox='0 0 16.727 14.315'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23fff;%7D.a,.b%7Bstroke:%23fff;%7D.b%7Bfill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;fill-rule:evenodd;%7D%3C/style%3E%3C/defs%3E%3Cg transform='translate(-0.439 -0.852)'%3E%3Cg transform='translate(-149 -452)'%3E%3Cg transform='translate(150 442)'%3E%3Cg transform='translate(0 10)'%3E%3Cg transform='translate(0 1) rotate(90)'%3E%3Cpath class='a' d='M7-2.333A6.667,6.667,0,0,0,13.667-9,6.667,6.667,0,0,0,7-15.667,6.667,6.667,0,0,0,.352-9.5a.5.5,0,0,0,.5.5.5.5,0,0,0,.5-.5h0A5.667,5.667,0,0,1,7-14.667,5.667,5.667,0,0,1,12.667-9,5.667,5.667,0,0,1,7-3.333Z'/%3E%3Crect class='a' width='1' height='1' transform='translate(6 -3.33)'/%3E%3Cpath class='b' d='M4.5.5,6.875,2.875,4.5,5.25' transform='translate(11.375) rotate(-180)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  object-fit: cover;
  margin: auto
}
 @keyframes content-fade-in {
 0% {
 opacity: 0;
 top: 50px
}
 100% {
 opacity: 1;
 top: 0
}
}
.prl-scroll-activated-story.-is-scene-5 .prl-icon-chevron-down {
  transition: all 0.75s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.3, 0, 0, 1);
  animation: content-indicator-fade-in 0.75s forwards 6s
}
 @keyframes content-indicator-fade-in {
 0% {
 opacity: 0;
 bottom: 0
}
 100% {
 opacity: 1
}
}
.odometer.odometer-auto-theme, .odometer.odometer-theme-minimal, .odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-minimal .odometer-digit {
  display: inline-block;
  vertical-align: middle;
 *vertical-align: auto;
 *zoom:1;
*display: inline;
  position: relative
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-minimal .odometer-digit .odometer-digit-spacer {
  display: inline-block;
  vertical-align: middle;
 *vertical-align: auto;
 *zoom:1;
*display: inline;
  visibility: hidden
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-minimal .odometer-digit .odometer-digit-inner {
  text-align: left;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon {
  display: block
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon-inner {
  display: block;
  -webkit-backface-visibility: hidden
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-minimal .odometer-digit .odometer-value {
  display: block;
  -webkit-transform: translateZ(0)
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-minimal .odometer-digit .odometer-value.odometer-last-value {
  position: absolute
}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-up .odometer-ribbon-inner {
  -webkit-transition: -webkit-transform 2s;
  -moz-transition: -moz-transform 2s;
  -ms-transition: -ms-transform 2s;
  -o-transition: -o-transform 2s;
  transition: transform 2s
}
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-down .odometer-ribbon-inner {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%)
}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
  -webkit-transition: -webkit-transform 2s;
  -moz-transition: -moz-transform 2s;
  -ms-transition: -ms-transform 2s;
  -o-transition: -o-transform 2s;
  transition: transform 2s;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0)
}
.prl-scroll-activated-story {
  width: 100% !important;
  height: auto;
  margin: 0 0 56px 0;
  position: relative;
  overflow: hidden
}

@media (min-width: 960px) {
.prl-scroll-activated-story {
  margin: 0 0 100px 0
}
}
.prl-scroll-activated-story .stop-transitions * {
  transition: none !important
}
.prl-scroll-activated-story .prl-scroll-activated-story-inner-wrapper {
  height: 100vh !important;
  width: 100% !important
}
.prl-scroll-activated-story.-is-scene-1 .background-layer .title, .prl-scroll-activated-story.-is-scene-2 .background-layer .title, .prl-scroll-activated-story.-is-scene-3 .background-layer .title, .prl-scroll-activated-story.-is-scene-4 .background-layer .title, .prl-scroll-activated-story.-is-scene-5 .background-layer .title {
  opacity: 0.4
}
.prl-scroll-activated-story .background-layer {
  position: absolute;
  width: 100%;
  height: 100vh;
  transition: all 0.5s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.3, 0, 0, 1);
  background-color: #e27d34
}

@media only screen and (min-width: 1024px) {
.prl-scroll-activated-story .background-layer {
  background-color: #e27d34
}
}
.prl-scroll-activated-story .background-layer:before {
  content: " ";
  width: 100%;
  position: absolute;
  height: 50vh;
  bottom: calc(50% + 245px);
  left: 0;
  background-color: #FFFDFB
}

@media (min-width: 960px) {
.prl-scroll-activated-story .background-layer:before {
  top: auto;
  height: 40vh;
  bottom: calc(50% + 295px)
}
}
.prl-scroll-activated-story .background-layer .title {
  line-height: 1;
  letter-spacing: -4.29px;
  font-size: 22.2222222222vw;
  color: #e27d34;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold;
  position: absolute;
  top: calc(50% + 70px);
  left: 7%;
  mix-blend-mode: multiply;
  pointer-events: none;
  transform: translateX(-2vw);
  opacity: 0;
  transition: opacity 0.6s;
  display: none
}

@media (min-width: 960px) {
.prl-scroll-activated-story .background-layer .title {
  display: block
}
}

@media (min-width: 1440px) {
.prl-scroll-activated-story .background-layer .title {
  font-size: 320px;
  left: calc(50% - 656px);
  transform: translateX(-30px)
}
}
.prl-scroll-activated-story .foreground-layer {
  position: absolute;
  width: 100%;
  height: 100vh;
  pointer-events: none
}
.prl-scroll-activated-story .foreground-layer .skip-btn {
  position: absolute;
  bottom: 28px;
  right: 20px;
  pointer-events: all;
  color: #34303d;
  background: none repeat scroll 0 0 transparent;
  border: medium none;
  font-size: 14px;
  cursor: pointer
}

@media only screen and (min-width: 1024px) {
.prl-scroll-activated-story .foreground-layer .skip-btn {
  right: 40px;
  left: auto;
  bottom: 40px
}
}
.prl-scroll-activated-story .foreground-layer .skip-btn:focus {
  outline: 0
}
.prl-scroll-activated-story .prl-icon-chevron-down:before {
  display: none
}
.prl-scroll-activated-story .image-container {
  position: absolute;
  width: 112px;
  height: 470px;
  left: 50%;
  top: 100%;
  transform: translate(-50%, -50%);
  transition: all 0.75s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.3, 0, 0, 1)
}

@media only screen and (min-width: 1024px) {
.prl-scroll-activated-story .image-container {
  width: 200px;
  height: 843px;
  left: 70%
}
}

@media (min-width: 1440px) {
.prl-scroll-activated-story .image-container {
  left: calc(50% + 246px)
}
}
.prl-scroll-activated-story .device-image-container {
  position: absolute;
  bottom: calc(50% - 260px);
  width: 112px;
  height: 470px;
  transition: all 0.75s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.3, 0, 0, 1)
}

@media only screen and (min-width: 1024px) {
.prl-scroll-activated-story .device-image-container {
  top: 0;
  bottom: auto;
  width: 200px;
  height: 843px
}
}
.prl-scroll-activated-story .device-with-heets-img, .prl-scroll-activated-story .heets-img, .prl-scroll-activated-story .x-ray-img, .prl-scroll-activated-story .x-ray-heating-img, .prl-scroll-activated-story .device-img {
  opacity: 0;
  will-change: transform, opacity, top, bottom;
  transition: all 0.75s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.3, 0, 0, 1)
}
.prl-scroll-activated-story .device-with-heets-img, .prl-scroll-activated-story .x-ray-img, .prl-scroll-activated-story .x-ray-heating-img, .prl-scroll-activated-story .device-img {
  position: absolute;
  width: inherit;
  height: inherit;
  object-fit: cover
}
.prl-scroll-activated-story .x-ray-img {
  z-index: 3
}
.prl-scroll-activated-story .heets-img {
  position: absolute;
  width: 56px;
  height: 155px;
  left: 50%;
  transform: translateX(-50%) scale(1);
  will-change: transform, opacity, top;
  z-index: 0;
  opacity: 0;
  object-fit: cover;
  transition: all 0.75s cubic-bezier(0.2, 0, 0.1, 1) !important
}

@media only screen and (min-width: 1024px) {
.prl-scroll-activated-story .heets-img {
  width: 100px;
  height: 421px
}
}
.prl-scroll-activated-story .device-img {
  z-index: 2
}
.prl-scroll-activated-story .active-story-scene {
  position: absolute;
  width: 100%;
  height: 100vh;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}
.prl-scroll-activated-story .active-story-scene p {
  position: absolute;
  opacity: 0;
  color: #34303d;
  transition: all 0.5s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.3, 0, 0, 1)
}

@media (min-width: 960px) {
.prl-scroll-activated-story .active-story-scene p {
  transition: transform 0.5s ease-in, opacity 0.5s ease-in
}
}
.prl-scroll-activated-story .-video {
  position: absolute;
  transition: all 1.5s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.3, 0, 0, 1);
  object-fit: cover;
  width: 100%;
  height: 100%;
  opacity: 0
}
.prl-scroll-activated-story .odometer {
  display: flex;
  flex-wrap: nowrap;
  width: 95px;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: normal;
  -webkit-mask: -webkit-gradient(linear, center top, center bottom, color-stop(0, rgba(0, 0, 0, 0)), color-stop(0.1, black), color-stop(0.5, black), color-stop(0.9, black), color-stop(1, rgba(0, 0, 0, 0)))
}
.prl-scroll-activated-story .odometer::after {
  content: 'Â°C';
  font-size: 0.9rem;
  padding-top: 13px;
  padding-left: 3px
}

@media (min-width: 960px) {
.prl-scroll-activated-story .odometer::after {
  font-size: 24px;
  padding-top: 13px;
  padding-left: 3px
}
}
.prl-scroll-activated-story .prl-slider-progress {
  position: absolute;
  top: 50%;
  right: -20px;
  padding: 0;
  margin: 0;
  width: auto;
  transform: rotate(90deg)
}

@media only screen and (min-width: 768px) {
.prl-scroll-activated-story .prl-slider-progress {
  right: -10px
}
}
.prl-scroll-activated-story .prl-progress-bar {
  width: 24px;
  margin-top: 0;
  background: rgba(52, 48, 61, 0.3)
}

@media only screen and (max-width: 1023px) {
.prl-scroll-activated-story .prl-progress-bar {
  width: 16px
}
}
.prl-scroll-activated-story .prl-progress-bar::before {
  content: '';
  background-color: #34303d;
  height: 100%;
  width: 0;
  transition-duration: 0.5s
}
.prl-scroll-activated-story .-text {
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: 0.01px;
  text-align: center;
  color: #FFFDFB;
  transition: all 0.5s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.3, 0, 0, 1)
}

@media only screen and (min-width: 768px) {
.prl-scroll-activated-story .-text {
  font-size: 24px;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.64
}
}
.prl-scroll-activated-story .vibration-indicator {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 195px;
  height: 195px
}

@media only screen and (min-width: 1024px) {
.prl-scroll-activated-story .vibration-indicator {
  width: 302px;
  height: 302px;
  top: calc(50% + 130px);
  left: 69.7%
}
}

@media (min-width: 1440px) {
.prl-scroll-activated-story .vibration-indicator {
  left: calc(50% + 242px)
}
}
.prl-scroll-activated-story .vibration-indicator .indicator-element {
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid var(--prl-color-primary-inverse);
  border-radius: 50%;
  width: 50%;
  height: 50%
}
.prl-scroll-activated-story .vibration-indicator .indicator-element.ring-1, .prl-scroll-activated-story .vibration-indicator .indicator-element.ring-2, .prl-scroll-activated-story .vibration-indicator .indicator-element.ring-3 {
  opacity: 0;
  z-index: 0
}
 @keyframes pulsing-ring-effect {
 0% {
 opacity: 0
}
 5% {
 opacity: 0.5
}
 100% {
 opacity: 0;
 transform: scale(2) translate(-25%, -25%)
}
}
.prl-scroll-activated-story .-hidden {
  opacity: 0;
  transition: none
}
.prl-scroll-activated-story.-is-scene-1 .image-container {
  top: 50%
}
.prl-scroll-activated-story.-is-scene-2 .image-container, .prl-scroll-activated-story.-is-scene-4 .image-container {
  top: calc(50% + 40px)
}

@media only screen and (min-width: 768px) {
.prl-scroll-activated-story.-is-scene-2 .image-container, .prl-scroll-activated-story.-is-scene-4 .image-container {
  top: 50%
}
}
.prl-scroll-activated-story.-is-scene-3 .image-container {
  top: calc(50% + 60px)
}

@media only screen and (min-width: 768px) {
.prl-scroll-activated-story.-is-scene-3 .image-container {
  top: 50%
}
}
.prl-slider {
  border-radius: 0;
  position: relative;
  background-color: var(--prl-color-primary-inverse);
  text-align: center;
  display: flex;
  flex-direction: row-reverse
}

@media only screen and (max-width: 1023px) {
.prl-slider {
  flex-direction: column
}
}
.prl-slider::after, .prl-slider::before {
  content: none
}
.prl-slider.-color-inverted .prl-slider-prev-button, .prl-slider.-color-inverted .prl-slider-next-button {
  color: var(--prl-color-primary-inverse)
}
.prl-slider.-color-inverted .prl-progress-bar {
  background-color: var(--prl-color-grey-600)
}
.prl-slider.-color-inverted .prl-progress-bar:before {
  background-color: var(--prl-color-primary-inverse)
}
.prl-slider .prl-slider-carousel-wrapper {
  position: relative
}
.prl-slider .flickity-viewport {
  overflow: visible
}
.prl-slider .prl-grid {
  margin: 0
}
.prl-slider .prl-promo-images-wrapper {
  height: 100%
}
.prl-slider .prl-slider-outter-wrapper {
  position: relative;
  overflow: hidden;
  flex: 0.5
}

@media only screen and (max-width: 1023px) {
.prl-slider .prl-slider-outter-wrapper {
  flex: 1
}
}
.prl-slider .prl-slider-outter-wrapper .prl-slider-prev-button, .prl-slider .prl-slider-outter-wrapper .prl-slider-next-button, .prl-slider .prl-slider-outter-wrapper .slider-prev-btn, .prl-slider .prl-slider-outter-wrapper .slider-next-btn {
  transition: all 0.5s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  opacity: 0
}
.prl-slider .prl-slider-outter-wrapper:hover .prl-slider-prev-button, .prl-slider .prl-slider-outter-wrapper:hover .prl-slider-next-button, .prl-slider .prl-slider-outter-wrapper:hover .slider-prev-btn, .prl-slider .prl-slider-outter-wrapper:hover .slider-next-btn {
  transition: all 0.5s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  opacity: 1
}
.prl-slider .prl-slider-outter-wrapper:hover .prl-slider-next-button, .prl-slider .prl-slider-outter-wrapper:hover .slider-next-btn {
  right: 20px
}
.prl-slider .prl-slider-outter-wrapper:hover .prl-slider-prev-button, .prl-slider .prl-slider-outter-wrapper:hover .slider-prev-btn {
  transition: left 0.5s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  left: 20px
}
.prl-slider .prl-slider-inner-wrapper {
  position: relative;
  height: 100%;
  background-color: var(--prl-slider-background-color-from)
}
.prl-slider .prl-slider-inner-wrapper.-animate {
  animation-name: fadein-background-color;
  animation-duration: 2s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.3, 0, 0, 1)
}
.prl-slider img {
  display: inline-block;
  position: absolute;
  height: 100%;
  width: auto;
  top: 0;
  left: 0;
  margin-left: -30px
}

@media only screen and (max-width: 1023px) {
.prl-slider img {
  margin-left: -20px
}
}
.prl-slider .prl-flickity {
  padding: 28px 0;
  width: 180px;
  height: 300px;
  margin: 0 auto;
  z-index: 1
}

@media only screen and (max-width: 1023px) {
.prl-slider .prl-flickity {
  height: 244px
}
}
.prl-slider .prl-flickity .prl-flickity-cell {
  transition: opacity 0.5s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  position: relative;
  width: 60px;
  opacity: 0
}
.prl-slider .prl-flickity .prl-flickity-cell.is-selected {
  transition: opacity 0.2s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  opacity: 1
}
.prl-slider .prl-flickity .prl-flickity-cell:before {
  display: block;
  text-align: center;
  content: "";
  height: 243px
}

@media only screen and (max-width: 1023px) {
.prl-slider .prl-flickity .prl-flickity-cell:before {
  height: 188px
}
}
.prl-slider .prl-flickity.-images {
  padding: 0;
  width: 90px
}
.prl-slider .prl-flickity.-images .prl-flickity-cell {
  transition: opacity 1s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1)
}
.prl-slider .prl-flickity.-images .prl-flickity-cell:before {
  content: none
}
.prl-slider .prl-flickity.-images img {
  display: block;
  position: relative;
  height: 100%;
  width: 100%
}
.prl-slider .prl-cell-descriptions {
  transition: all 0.5s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.3, 0, 0, 1);
  z-index: 1
}
.prl-slider .prl-cell-description {
  transition: all 0.5s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.3, 0, 0, 1);
  display: none;
  text-align: center;
  opacity: 0
}
.prl-slider .prl-cell-description.-active {
  display: block;
  opacity: 0.1
}
.prl-slider .prl-cell-description.-animate {
  opacity: 1
}
.prl-slider .prl-cell-description.-height-calculation {
  display: block;
  opacity: 0
}
.prl-slider .prl-button {
  display: block;
  margin: 20px auto;
  margin-bottom: 0px;
  border: 3px solid;
  padding: 0 26px
}
.prl-slider .prl-slider-prev-button, .prl-slider .prl-slider-next-button {
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  opacity: 0;
  position: absolute;
  outline: none;
  background-color: transparent;
  border: none;
  cursor: pointer
}

@media only screen and (max-width: 1023px) {
.prl-slider .prl-slider-prev-button, .prl-slider .prl-slider-next-button {
  opacity: 1;
  top: 110px;
  transform: translateY(0)
}
}
.prl-slider .prl-slider-next-button {
  right: 25px
}
.prl-slider .prl-slider-next-button::before {
  font-family: 'iqos-icons' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "î¤Ž"
}
.prl-slider .prl-slider-prev-button {
  left: 25px
}
.prl-slider .prl-slider-prev-button::before {
  font-family: 'iqos-icons' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "î¤"
}
.prl-supplementary-videos {
  margin: 80px 0px;
  background-color: var(--prl-color-primary-inverse);
  overflow: hidden
}
.prl-supplementary-videos .-play-button {
  width: 32px;
  height: 32px;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.06);
  background-color: #ffffff
}
.prl-supplementary-videos .prl-supplementary-videos-title {
  width: 90%
}

@media only screen and (min-width: 768px) {
.prl-supplementary-videos .prl-supplementary-videos-title {
  margin-left: 10px
}
}
.prl-supplementary-videos .prl-supplementary-videos-title .-title {
  font-weight: 400;
  color: var(--prl-color-primary);
  margin-bottom: 12px
}

@media only screen and (min-width: 1440px) {
.prl-supplementary-videos .prl-supplementary-videos-title .-title {
  font-size: 56px;
  line-height: 76px
}
}

@media only screen and (min-width: 1280px) and (max-width:1439px) {
.prl-supplementary-videos .prl-supplementary-videos-title .-title {
  font-size: 48px;
  line-height: 64px
}
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
.prl-supplementary-videos .prl-supplementary-videos-title .-title {
  font-size: 48px;
  line-height: 64px
}
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
.prl-supplementary-videos .prl-supplementary-videos-title .-title {
  font-size: 42px;
  line-height: 60px
}
}

@media only screen and (max-width: 767px) {
.prl-supplementary-videos .prl-supplementary-videos-title .-title {
  font-size: 32px;
  line-height: 44px
}
}

@media only screen and (min-width: 1024px) {
.prl-supplementary-videos .prl-supplementary-videos-title .-title {
  text-align: center
}
}

@media only screen and (min-width: 1440px) {
.prl-supplementary-videos .prl-supplementary-videos-title .-title {
  font-size: 34px;
  line-height: 48px
}
}
.prl-supplementary-videos .prl-supplementary-videos-title .-sub-title {
  font-weight: 400;
  color: var(--prl-color-primary);
  font-size: 16px;
  line-height: 24px;
  color: var(--prl-color-grey-600)
}

@media only screen and (min-width: 1440px) {
.prl-supplementary-videos .prl-supplementary-videos-title .-sub-title {
  font-size: 20px;
  line-height: 32px
}
}

@media only screen and (min-width: 1440px) {
.prl-supplementary-videos .prl-supplementary-videos-title .-sub-title {
  font-size: 18px;
  line-height: 28px
}
}

@media only screen and (min-width: 1024px) {
.prl-supplementary-videos .prl-supplementary-videos-title .-sub-title {
  text-align: center
}
}
.prl-supplementary-videos .flickity-viewport {
  overflow: visible
}
.prl-supplementary-videos .-container {
  position: relative
}

@media only screen and (min-width: 1024px) {
.prl-supplementary-videos .-container {
  margin-top: 64px
}
.prl-supplementary-videos .-container h3 {
  font-weight: 400;
  color: var(--prl-color-primary);
  font-size: 16px;
  line-height: 24px;
  margin: 24px 0 12px
}
.prl-supplementary-videos .-container p {
  font-weight: 400;
  color: var(--prl-color-primary);
  font-size: 16px;
  line-height: 24px;
  color: var(--prl-color-grey-600)
}
}

@media only screen and (min-width: 1024px) and (min-width:1440px) {
.prl-supplementary-videos .-container h3 {
  font-size: 20px;
  line-height: 32px
}
}

@media only screen and (min-width: 1024px) and (min-width:1440px) {
.prl-supplementary-videos .-container h3 {
  font-size: 16px;
  line-height: 28px
}
}

@media only screen and (min-width: 1024px) and (min-width:1440px) {
.prl-supplementary-videos .-container p {
  font-size: 20px;
  line-height: 32px
}
}
.prl-supplementary-videos .-container img {
  width: 100%;
  border-radius: 4px
}
.prl-supplementary-videos .prl-grid-col .-container {
  margin-top: 0
}
.prl-supplementary-videos .-play-button {
  width: 48px;
  height: 48px;
  box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.06);
  background-color: #ffffff;
  position: absolute;
  border-radius: 50%;
  bottom: 24px;
  left: 24px;
  cursor: pointer
}
.prl-supplementary-videos .-play-button .-arrow {
  border-style: solid;
  border-color: white white white var(--prl-color-primary);
  width: 14px;
  height: 18px;
  border-width: 9px 0 9px 14px;
  margin: 14px 0 0 18px;
  cursor: pointer
}
.prl-supplementary-videos .prl-supplementary-videos-carousel {
  margin-top: 40px;
  margin-bottom: 40px
}

@media only screen and (max-width: 1023px) {
.prl-supplementary-videos .prl-supplementary-videos-carousel {
  padding-left: 20px
}
}
.prl-supplementary-videos .prl-supplementary-videos-carousel .-container {
  position: relative
}
.prl-supplementary-videos .prl-supplementary-videos-carousel h3 {
  width: 75%;
  margin-bottom: 10px;
  margin-top: 10px;
  font-size: 16px;
  line-height: 28px
}

@media only screen and (min-width: 1024px) {
.prl-supplementary-videos .prl-supplementary-videos-carousel h3 {
  left: 48px;
  bottom: 68px
}
}
.prl-supplementary-videos .prl-supplementary-videos-carousel p {
  font-weight: 400;
  color: var(--prl-color-primary);
  font-size: 11px;
  line-height: 15px;
  color: var(--prl-color-grey-600);
  color: var(--prl-color-grey-600);
  max-width: 100%
}
.prl-supplementary-videos .prl-supplementary-videos-carousel .prl-button {
  margin-top: 30px
}
.prl-supplementary-videos .prl-supplementary-videos-carousel .prl-carousel-cell {
  position: relative;
  display: inline-block;
  margin: 0px 20px 0px 0px
}

@media only screen and (max-width: 1023px) {
.prl-supplementary-videos .prl-supplementary-videos-carousel .prl-carousel-cell {
  width: 50%
}
}

@media only screen and (min-width: 1024px) {
.prl-supplementary-videos .prl-supplementary-videos-carousel .prl-carousel-cell {
  width: 560px;
  margin: 0 8px
}
}
.prl-supplementary-videos .prl-supplementary-videos-carousel .prl-carousel-cell img {
  object-fit: contain;
  width: 100%
}
.prl-technology-feature {
  margin: 60px 20px 20px
}

@media only screen and (min-width: 1024px) {
.prl-technology-feature {
  margin: 64px
}
}

@media only screen and (min-width: 1024px) {
.prl-technology-feature {
  margin-bottom: 20px
}
}
.prl-technology-feature .prl-grid {
  padding: 0;
  max-width: 1295px;
  width: auto;
  background-color: var(--prl-color-grey-200)
}
.prl-technology-feature .prl-grid-col {
  background-color: transparent;
  line-height: 0
}
.prl-technology-feature img {
  transition: transform 3s;
  transition-delay: 0.4s;
  transition-timing-function: cubic-bezier(0.3, 0, 0, 1);
  transform: translateY(100%);
  width: 100%
}

@media only screen and (min-width: 1024px) {
.prl-technology-feature img {
  height: 100%;
  width: auto;
  float: right
}
}

@media only screen and (min-width: 1024px) {
.prl-technology-feature img.-no-float {
  float: initial
}
}
.prl-technology-feature img.-fade-in {
  transform: translateY(0)
}
.prl-technology-feature sup {
  font-size: 12px;
  line-height: 20px;
  color: #7a6552;
  margin-left: 15px;
  font-weight: 600
}
.prl-technology-feature .prl-technology-feature-content {
  font-weight: 400;
  color: var(--prl-color-primary);
  font-size: 16px;
  line-height: 28px
}

@media only screen and (max-width: 1023px) {
.prl-technology-feature .prl-technology-feature-content {
  padding: 38px 20px 40px
}
}

@media only screen and (min-width: 1024px) {
.prl-technology-feature .prl-technology-feature-content {
  padding: 148px 0 148px 0;
  width: 364px;
  margin-left: 59px
}
}
.prl-technology-feature .prl-technology-feature-content .prl-technology-feature-text-wrapper {
  transition: opacity 0.6s, transform 0.6s;
  transition-delay: 0.4s;
  transition-timing-function: cubic-bezier(0.3, 0, 0, 1);
  opacity: 0;
  transform: translateY(10%)
}
.prl-technology-feature .prl-technology-feature-content .prl-technology-feature-text-wrapper.-fade-in {
  opacity: 1;
  transform: translateY(0)
}
.prl-technology-feature .prl-technology-feature-content .prl-technology-feature-text-wrapper .-title {
  font-weight: 400;
  color: var(--prl-color-primary);
  font-size: 24px;
  line-height: 32px;
  margin: 8px 0 16px 0
}

@media only screen and (min-width: 1440px) {
.prl-technology-feature .prl-technology-feature-content .prl-technology-feature-text-wrapper .-title {
  font-size: 32px;
  line-height: 44px
}
}
.prl-technology-feature .prl-technology-feature-content .prl-technology-feature-text-wrapper .-description {
  font-weight: 400;
  color: var(--prl-color-primary);
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 40px
}
.timeline .timeline-wrapper .horizontal-time-axis {
  position: relative;
  height: 50px;
  z-index: 2
}

@media only screen and (min-width: 768px) {
.timeline .timeline-wrapper .horizontal-time-axis {
  overflow-x: hidden;
  height: 75px
}
}
.timeline .timeline-wrapper .horizontal-time-axis .indicator {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0 !important
}
.timeline .timeline-wrapper .horizontal-time-axis .indicator .line {
  position: absolute;
  width: 105%;
  height: 1px;
  margin-left: 25px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0.5;
  border: solid 1px #3073c2;
  transition: all var(--timeline-main-transition-time)
}

@media only screen and (min-width: 768px) {
.timeline .timeline-wrapper .horizontal-time-axis .indicator .line {
  margin-left: 153px
}
}
.timeline .timeline-wrapper .horizontal-time-axis .indicator .circle {
  position: absolute;
  width: 21px;
  height: 21px;
  margin-left: 25px;
  top: 50%;
  transform: translateY(-50%);
  border: solid 1px #3073c2;
  background-color: var(--timeline-main-color)
}

@media only screen and (min-width: 768px) {
.timeline .timeline-wrapper .horizontal-time-axis .indicator .circle {
  width: 41px;
  height: 41px
}
}

@media only screen and (min-width: 768px) {
.timeline .timeline-wrapper .horizontal-time-axis .indicator .circle {
  margin-left: 153px
}
}
.timeline .timeline-wrapper .dots-container {
  position: absolute;
  display: flex;
  flex-direction: row;
  width: auto;
  height: inherit;
  transition: all var(--timeline-main-transition-time);
  left: 25px;
  right: 25px;
  justify-content: space-between
}

@media only screen and (max-width: 360px) {
.timeline .timeline-wrapper .dots-container {
  left: 12px
}
}

@media only screen and (min-width: 768px) {
.timeline .timeline-wrapper .dots-container {
  left: 6%;
  right: auto;
  justify-content: flex-start
}
}
.timeline .timeline-wrapper .dots-container .pin {
  position: relative;
  width: 50px;
  height: inherit;
  left: 10px;
  cursor: pointer
}

@media only screen and (min-width: 768px) {
.timeline .timeline-wrapper .dots-container .pin {
  width: 153px
}
}

@media only screen and (min-width: 768px) {
.timeline .timeline-wrapper .dots-container .pin {
  left: 20px
}
}
.timeline .timeline-wrapper .dots-container .pin .dot-indicator {
  position: absolute;
  width: 5px;
  height: 5px;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: #00D1D2;
  transition: all var(--timeline-main-transition-time)
}
.timeline .timeline-wrapper .dots-container .pin .year {
  position: absolute;
  bottom: 0;
  opacity: 0;
  color: #FFFDFB;
  font-size: 12px;
  letter-spacing: 0.1px;
  transition: all var(--timeline-main-transition-time)
}

@media only screen and (min-width: 768px) {
.timeline .timeline-wrapper .dots-container .pin .year {
  transform: translate(-50%);
  opacity: 1
}
}
.timeline .timeline-wrapper .dots-container .pin:last-child {
  opacity: 1
}
.timeline .timeline-wrapper .dots-container .pin:last-child .dot-indicator:after {
  position: absolute;
  width: 23px;
  height: 23px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: transparent;
  content: ' '
}

@media only screen and (min-width: 768px) {
.timeline .timeline-wrapper .dots-container .pin:last-child .dot-indicator:after {
  width: 27px;
  height: 27px
}
}
.timeline .timeline-wrapper .dots-container .pin:last-child .year {
  transform: translate(-50%, 0);
  bottom: -10px
}

@media only screen and (min-width: 768px) {
.timeline .timeline-wrapper .dots-container .pin:last-child .year {
  bottom: 0
}
}
.timeline .timeline-wrapper .dots-container .pin.-selected .dot-indicator {
  opacity: 1;
  background-color: #FFFDFB
}
.timeline .timeline-wrapper .dots-container .pin.-selected .dot-indicator:after {
  border-width: 0;
  content: ''
}
.timeline .timeline-wrapper .dots-container .pin:hover.-selected {
  cursor: default
}
.timeline .timeline-wrapper .dots-container .pin.-selected .dot-indicator, .timeline .timeline-wrapper .dots-container .pin:hover .dot-indicator {
  width: 10px;
  height: 10px;
  transform: translate(-50%, -50%)
}

@media only screen and (min-width: 768px) {
.timeline .timeline-wrapper .dots-container .pin.-selected .dot-indicator, .timeline .timeline-wrapper .dots-container .pin:hover .dot-indicator {
  width: 13px;
  height: 13px
}
}
.timeline .image-container {
  position: absolute;
  width: 100%;
  height: 277px;
  bottom: 65px;
  user-select: none;
  pointer-events: none
}

@media only screen and (min-width: 768px) {
.timeline .image-container {
  bottom: auto;
  height: 450px;
  top: 500px;
  opacity: 0.4
}
}

@media only screen and (min-width: 1024px) {
.timeline .image-container {
  height: 640px;
  top: 170px
}
}

@media (min-width: 1280px) {
.timeline .image-container {
  opacity: 1
}
}

@media only screen and (min-width: 1280px) {
.timeline .image-container {
  overflow: visible
}
}

@media only screen and (min-width: 1440px) {
.timeline .image-container {
  overflow: visible
}
}
.timeline .image-container img {
  position: absolute;
  will-change: transform, right, top, opacity, width, height;
  width: 86px;
  height: 86px;
  opacity: 0;
  border-radius: 50%;
  z-index: 2;
  bottom: 0;
  right: 230px;
  transition: all ease-in-out var(--timeline-main-transition-time)
}

@media only screen and (min-width: 768px) {
.timeline .image-container img {
  width: 180px;
  height: 180px;
  left: auto;
  right: 622px;
  transform: translateX(0) translateY(47%)
}
}
.timeline .image-container img.-visible {
  width: 150px;
  height: 150px;
  opacity: 1;
  bottom: 0;
  z-index: 3;
  right: 128px;
  transform: translateX(0%)
}

@media only screen and (min-width: 768px) {
.timeline .image-container img.-visible {
  width: 304px;
  height: 304px;
  left: auto;
  right: 233px;
  transform: translateX(0) translateY(14%)
}
}

@media only screen and (min-width: 1024px) {
.timeline .image-container img.-visible {
  right: 353px
}
}
.timeline .image-container img.-visible~img {
  width: 277px;
  height: 277px;
  right: -350px
}

@media only screen and (min-width: 768px) {
.timeline .image-container img.-visible~img {
  width: 640px;
  height: 640px;
  transform: translateY(-20%)
}
}
.timeline .image-container img.-visible+img {
  opacity: 0.6;
  right: -100px
}

@media only screen and (min-width: 768px) {
.timeline .image-container img.-visible+img {
  transform: translateX(50%);
  width: 450px;
  height: 450px;
  left: auto;
  right: 0;
  transform: translateX(22%)
}
}

@media only screen and (min-width: 768px) {
.timeline .image-container img.-visible+img {
  width: 581px;
  height: 581px
}
}
.timeline img.shape {
  position: absolute;
  opacity: 0.1 !important;
  width: 705px;
  bottom: 40px;
  right: -192px;
  height: 354px;
  transform: scale(1.02) translateY(17%) translateX(16.5%)
}

@media only screen and (min-width: 768px) {
.timeline img.shape {
  width: 750px;
  bottom: 304px;
  right: -205px;
  height: 375px;
  transform: scale(2) translateY(22%)
}
}
.timeline .timeline-wrapper .description-contain {
  position: relative;
  z-index: 4;
  pointer-events: none
}
.timeline .timeline-wrapper .description {
  position: absolute;
  display: flex;
  flex-direction: column;
  left: 30px;
  margin-top: 30px;
  opacity: 0;
  animation-timing-function: ease-in-out;
  transition: all var(--timeline-main-transition-time)
}

@media only screen and (max-width: 360px) {
.timeline .timeline-wrapper .description {
  left: 15px
}
}

@media only screen and (min-width: 768px) {
.timeline .timeline-wrapper .description {
  margin-top: 67px;
  left: 6%
}
}

@media (min-width: 960px) {
.timeline .timeline-wrapper .description {
  flex-direction: row
}
}
.timeline .timeline-wrapper .description .year {
  width: 226px;
  height: 0;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  color: #FFFDFB;
  font-size: 1.8rem
}

@media (min-width: 960px) {
.timeline .timeline-wrapper .description .year {
  font-size: 3.4rem
}
}
.timeline .timeline-wrapper .description .summary {
  width: 312px;
  height: 112px;
  font-size: 16px;
  line-height: 1.75;
  letter-spacing: 0.15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  color: #FFFDFB;
  margin-top: 60px
}

@media only screen and (max-width: 360px) {
.timeline .timeline-wrapper .description .summary {
  width: 300px
}
}

@media only screen and (min-width: 768px) {
.timeline .timeline-wrapper .description .summary {
  width: 368px;
  height: 96px;
  font-size: 18px;
  line-height: 1.78;
  letter-spacing: -0.1px;
  padding-top: 7px
}
}

@media (min-width: 960px) {
.timeline .timeline-wrapper .description .summary {
  margin-top: 0
}
}
.timeline .timeline-wrapper .description .summary p {
  font-size: 0.8rem;
  line-height: 1.5;
  margin: 0 0 0.8rem 0
}

@media (min-width: 960px) {
.timeline .timeline-wrapper .description .summary p.-head {
  font-size: 1.2rem;
  margin: 0 0 1.5rem 0
}
}
.timeline .timeline-wrapper .description .summary p.-legal {
  color: fade-ou(#FFFDFB);
  font-size: 0.6rem
}

@media (min-width: 960px) {
.timeline .timeline-wrapper .description .summary p span {
  color: #00D1D2
}
}
.timeline .timeline-wrapper .description .summary a {
  color: #FFFDFB
}
.timeline .timeline-wrapper .description.-visible {
  opacity: 1;
  margin-left: 0
}
.timeline .timeline-wrapper .description.-active {
  pointer-events: all
}
 @keyframes description-fade-in {
 0%, 20% {
 opacity: 0;
 transform: translateX(50px)
}
 100% {
 opacity: 1
}
}
 @keyframes description-fade-in-reversed {
 0%, 20% {
 opacity: 0;
 transform: translateX(-50px)
}
 100% {
 opacity: 1
}
}
 @keyframes description-fade-out {
 0% {
 opacity: 1
}
 75% {
 opacity: 0;
 transform: translateX(-50px)
}
 100% {
 opacity: 0
}
}
 @keyframes description-fade-out-reversed {
 0% {
 opacity: 1
}
 75% {
 opacity: 0;
 transform: translateX(50px)
}
 100% {
 opacity: 0
}
}
.timeline {
 --timeline-main-color: #34303d;
 --timeline-main-transition-time: .75s;
 --timeline-mobile-step: 50px;
 --timeline-desktop-step: 100px;
  display: block;
  background-color: #34303d;
  margin-bottom: 63px;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  min-height: 950px
}

@media only screen and (min-width: 768px) {
.timeline {
  height: 1024px;
  margin-bottom: 94px;
  min-height: 0
}
}

@media only screen and (min-width: 1024px) {
.timeline {
  height: 900px;
  margin-bottom: 94px
}
}
.timeline .timeline-wrapper {
  position: absolute;
  width: 100%;
  height: inherit;
  overflow: hidden;
  background-color: var(--timeline-main-color);
  min-height: 950px
}

@media only screen and (min-width: 768px) {
.timeline .timeline-wrapper {
  min-height: 0;
  overflow: visible
}
}

@media only screen and (min-width: 1440px) {
.timeline .timeline-wrapper {
  max-width: 1440px;
  left: 50%;
  transform: translateX(-50%)
}
}
.timeline .timeline-wrapper .header {
  position: relative;
  width: 312px;
  height: auto;
  font-size: 1.6rem;
  line-height: 2rem;
  left: 28px;
  margin-top: 40px;
  margin-bottom: 40px;
  color: #FFFDFB;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal
}

@media only screen and (max-width: 360px) {
.timeline .timeline-wrapper .header {
  left: 14px
}
}

@media only screen and (min-width: 768px) {
.timeline .timeline-wrapper .header {
  width: 463px;
  height: 128px;
  left: 6%;
  font-size: 48px;
  line-height: 1.33;
  letter-spacing: -0.2px
}
}

@media (min-width: 960px) {
.timeline .timeline-wrapper .header {
  color: #00D1D2;
  margin-top: 110px;
  font-size: 2.2rem;
  line-height: 2.7rem
}
}
.timeline .timeline-wrapper.force-turquoise-header .header {
  color: #00D1D2
}
.timeline .timeline-wrapper .swipe-container {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  transform: translateY(-25%);
  z-index: 5
}

@media only screen and (min-width: 1024px) {
.timeline .timeline-wrapper .swipe-container {
  display: none
}
}
.timeline .timeline-wrapper .navigation-container {
  display: none;
  position: absolute;
  width: 100%;
  height: 54px;
  bottom: 200px;
  transition: var(--timeline-main-transition-time)
}

@media only screen and (min-width: 1024px) {
.timeline .timeline-wrapper .navigation-container {
  display: block;
  height: 313px;
  bottom: 0
}
}
.timeline .timeline-wrapper .navigation-container:hover {
  opacity: 1
}
.timeline .timeline-wrapper .navigation-container div {
  position: absolute;
  cursor: pointer;
  z-index: 2;
  width: 54px;
  height: 54px;
  background-color: #fcfbf9;
  border-radius: 50%;
  top: 25%;
  transform: translate(-50%, -50%)
}
.timeline .timeline-wrapper .navigation-container div img {
  position: absolute;
  width: 20px;
  top: 50%;
  left: 50%;
  user-select: none;
  transform: translate(-50%, -50%)
}
.timeline .timeline-wrapper .navigation-container .next-btn {
  right: 115px
}
.timeline .timeline-wrapper .navigation-container .previous-btn {
  left: 115px
}
.ugc-type-2 {
  width: 100%;
  position: relative
}
.ugc-type-2 .ugc-container {
  width: 100%;
  max-width: 1440px;
  transform: translateX(-50%);
  left: 50%;
  display: flex;
  align-items: center;
  flex-direction: column;
  position: relative;
  padding: 0px 20px
}

@media only screen and (min-width: 768px) {
.ugc-type-2 .ugc-container {
  width: 400px
}
}

@media only screen and (min-width: 1024px) {
.ugc-type-2 .ugc-container {
  padding: 0px 64px;
  width: 450px
}
}

@media (min-width: 1366px) {
.ugc-type-2 .ugc-container {
  padding: 0
}
}

@media only screen and (min-width: 1440px) {
.ugc-type-2 .ugc-container {
  width: 550px
}
}
.ugc-type-2 .ugc-container .ugc-quote {
  width: 100%;
  font-weight: 400;
  color: var(--prl-color-primary);
  font-size: 24px;
  line-height: 32px
}

@media only screen and (min-width: 1440px) {
.ugc-type-2 .ugc-container .ugc-quote {
  font-size: 32px;
  line-height: 44px
}
}
.ugc-type-2 .ugc-container .author-container {
  width: 100%;
  margin: 20px 0px 0px 0px;
  display: flex
}
.ugc-type-2 .ugc-container .author-container .author-icon {
  width: 48px;
  height: 48px;
  border-radius: 48px;
  margin: 0px 10px 0px 0px
}
.ugc-type-2 .ugc-container .author-container .author-name {
  font-weight: 400;
  color: var(--prl-color-primary);
  font-weight: 500;
  font-size: 14px;
  line-height: 24px
}
.ugc-type-2 .ugc-container .author-container .author-origin {
  font-weight: 400;
  color: var(--prl-color-primary);
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: var(--prl-color-grey-600)
}
.ugc-title {
  font-weight: 400;
  color: var(--prl-color-primary);
  text-align: center;
  left: 50%;
  position: relative;
  transform: translateX(-50%);
  margin: 0
}

@media only screen and (min-width: 1440px) {
.ugc-title {
  font-size: 34px;
  line-height: 48px
}
}

@media only screen and (min-width: 480px) and (max-width:1599px) {
.ugc-title {
  font-size: 34px;
  line-height: 48px
}
}

@media only screen and (max-width: 767px) {
.ugc-title {
  font-size: 21px;
  line-height: 32px
}
}

@media only screen and (min-width: 1024px) {
.ugc-title {
  width: 700px
}
}

@media only screen and (min-width: 1024px) {
.ugc-title {
  font-size: 24px;
  line-height: 44px
}
}

@media only screen and (min-width: 1440px) {
.ugc-title {
  font-size: 28px;
  line-height: 44px
}
}
.ugc-legal {
  width: 100%;
  margin: 40px 0;
  padding: 0px 20px;
  font-weight: 400;
  color: var(--prl-color-primary);
  font-size: 11px;
  line-height: 15px;
  color: var(--prl-color-grey-600);
  color: var(--prl-color-grey-600)
}

@media only screen and (min-width: 1024px) {
.ugc-legal {
  margin: 80px 0px;
  padding: 0px 64px;
  position: relative;
  left: 50%;
  transform: translateX(-50%)
}
}

@media only screen and (min-width: 1440px) {
.ugc-legal {
  padding: 0;
  max-width: 572px
}
}
.ugc-type-1 .ugc-tiles {
  margin: 60px 0px 40px 0px;
  width: 980px;
  left: 50%;
  transform: translateX(-50%);
  position: relative;
  display: flex
}

@media only screen and (max-width: 1023px) {
.ugc-type-1 .ugc-tiles {
  display: none
}
}
.ugc-type-1 .ugc-tile {
  flex-grow: 1;
  margin: 0px 60px 0px 0px;
  width: auto;
  position: relative;
  cursor: pointer;
  line-height: 0
}
.ugc-type-1 .ugc-tile .gradient {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.7147452731) 0%, rgba(0, 0, 0, 0) 100%)
}
.ugc-type-1 .ugc-tile:last-child {
  margin: 0px
}
.ugc-type-1 .ugc-tile .ugc-tile-bg {
  width: 100%;
  border-radius: 3px
}
.ugc-type-1 .ugc-tile .tile-contents {
  margin: 30px
}
.ugc-type-1 .ugc-tile .tile-contents .play-button {
  font-size: 40px;
  width: 40px;
  height: 40px;
  color: white;
  display: contents
}
.ugc-type-1 .ugc-tile .tile-contents .ugc-tile-title {
  color: white;
  margin: 0;
  font-weight: 600;
  display: inline-block;
  margin: 0px 0px 0px 20px;
  vertical-align: middle
}
.ugc-type-1 .ugc-slider {
  margin: 60px 0px 40px 0px
}

@media only screen and (min-width: 1024px) {
.ugc-type-1 .ugc-slider {
  display: none
}
}
.ugc-type-1 .ugc-slider .ugc-tile {
  width: 280px;
  height: 280px;
  flex-grow: unset;
  opacity: 0.6;
  margin: 0px 20px 0px 0px;
  cursor: pointer;
  transition: opacity 0.3s ease-in-out
}

@media only screen and (min-width: 768px) {
.ugc-type-1 .ugc-slider .ugc-tile {
  width: 420px;
  height: 420px
}
}
.ugc-type-1 .ugc-slider .ugc-tile.is-selected {
  opacity: 1
}
.ugc-type-1 .ugc-slider .ugc-tile:last-child {
  margin: 0px
}
.ugc-type-1 .tile-contents {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center
}
.ugc-type-1 .ugc-legal {
  text-align: center
}

@media only screen and (max-width: 1023px) {
.ugc-type-1 .ugc-legal {
  padding: 0
}
}
div.toast-container-revamp .toast {
  padding: 32px 64px 32px 32px;
  width: 375px;
  border: 0;
  color: #34303d;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
  font-size: 0.7rem;
  line-height: 1.1rem;
  background-color: #FFFDFB
}

@media (min-width: 960px) {
div.toast-container-revamp .toast {
  width: auto;
  min-width: 375px;
  max-width: 576px
}
}
div.toast-container-revamp .toast:before {
  position: absolute;
  top: 32px;
  left: 32px;
  height: 24px;
  width: 24px;
  content: '';
  background: transparent url('../../../../../design/themes/kura/media/images/ico/info.svg?1690945733') no-repeat center center;
  background-size: contain
}
div.toast-container-revamp .alert-error.toast:before {
  background-image: url('../../../../../design/themes/kura/media/images/ico/error.svg?1690945733')
}
div.toast-container-revamp .alert-success.toast:before {
  background-image: url('../../../../../design/themes/kura/media/images/ico/success.svg?1690945733')
}
div.toast-container-revamp .alert-warning.toast:before {
  background-image: url('../../../../../design/themes/kura/media/images/ico/warn.svg?1690945733')
}
div.toast-container-revamp .alert-general.toast {
  text-indent: 0
}
div.toast-container-revamp .alert-general.toast:before {
  display: none
}
body.display-cart-bar div.toast-container-revamp.resolve-notification-overlay {
  margin-right: 425px;
  min-width: 375px;
  width: auto !important
}

@media (max-width: 959px) {
body.display-cart-bar div.toast-container-revamp.resolve-notification-overlay {
  margin-right: 400px;
  left: 0
}
}

@media (max-width: 839px) {
body.display-cart-bar div.toast-container-revamp.resolve-notification-overlay {
  margin-right: 0
}
}
div.toast-container-revamp {
  pointer-events: none;
  z-index: 401;
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  top: 0;
  margin: 98px 25px 0 0;
  right: 0
}

@media (max-width: 959px) {
div.toast-container-revamp {
  margin-top: 50px;
  margin-right: 0;
  width: 100%
}
div.toast-container-revamp>* {
  margin-bottom: 0 !important;
  width: 100% !important
}
}

@media (max-width: 839px) {
div.toast-container-revamp {
  margin-top: 45px
}
}
div.toast-container-revamp .toast {
  width: 100%;
  pointer-events: all;
  margin-bottom: 24px;
  text-indent: 30px;
  position: relative
}
div.toast-container-revamp .toast .toast-inner {
  padding: 0
}
div.toast-container-revamp .toast .toast-inner>strong {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 4px;
  display: inline-block;
  width: 100%
}
div.toast-container-revamp .toast .close {
  right: 32px;
  top: 32px;
  font-size: 0;
  z-index: 3
}
div.toast-container-revamp .toast .close+strong {
  display: block;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.2rem;
  width: 100%;
  margin-bottom: 12px;
  position: relative
}
.inline-notification {
  background: rgba(52, 48, 61, 0.1);
  padding: 0.4rem 0.75rem;
  margin: 40px 0;
  font-size: 0.8rem;
  line-height: 1.5
}
.inline-notification:first-child {
  margin-top: 0
}
.inline-notification:last-child {
  margin-bottom: 0
}
.content-page .content-wrapper {
  padding: 40px 32px;
  max-width: 1440px;
  margin: 0 auto
}

@media (min-width: 840px) {
.content-page .content-wrapper {
  padding: 100px 64px
}
}
.content-page .content-wrapper.s-wrapper {
  max-width: 640px
}
.content-page .content-wrapper.m-wrapper {
  max-width: 994px
}
.content-page .content-wrapper h1, .content-page .content-wrapper .h1 {
  margin-bottom: 16px
}

@media (min-width: 840px) {
.content-page .content-wrapper h1, .content-page .content-wrapper .h1 {
  margin-bottom: 32px
}
}
.page-side-nav .blk-grid {
  z-index: 3
}
.page-side-nav .page-title {
  text-align: center;
  position: relative
}
.page-side-nav .page-title .content-wrapper {
  max-width: 1440px;
  position: relative;
  margin: 0 auto;
  padding: 2.4rem 1.6rem 1rem
}

@media (min-width: 960px) {
.page-side-nav .page-title .content-wrapper {
  padding: 3.6rem 3.2rem 0rem
}
}
.page-side-nav .page-title h1, .page-side-nav .page-title .h1 {
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold;
  font-size: 1.4rem;
  line-height: 1.42;
  margin: 0
}

@media (min-width: 960px) {
.page-side-nav .page-title h1, .page-side-nav .page-title .h1 {
  font-size: 2.1rem
}
}
.page-side-nav .inner-page {
  padding: 2rem 1.6rem;
  position: relative
}

@media (min-width: 840px) {
.page-side-nav .inner-page {
  padding: 3rem 1.6rem 5rem
}
}
.page-side-nav .inner-page.has-side-navigation {
  padding: 0
}

@media (min-width: 960px) {
.page-side-nav .inner-page.has-side-navigation .content-wrapper {
  padding: 2rem 0rem;
  flex-wrap: nowrap;
  align-items: flex-start
}
}

@media (min-width: 1280px) {
.page-side-nav .inner-page.has-side-navigation .content-wrapper {
  padding: 1.6rem 0rem 3.6rem
}
}

@media (min-width: 960px) {
.page-side-nav .inner-page.has-side-navigation .inner-page-content {
  flex: 1;
  padding: 0;
  display: flex;
  flex-direction: column
}
}
.page-side-nav .inner-page-content {
  padding: 1.6rem 0rem 2rem
}
.page-side-nav .inner-page-content .form-note {
  padding-top: 2.8rem;
  margin-top: 2rem;
  border-top: 1px solid #e1e0e2
}

@media (min-width: 960px) {
.page-side-nav .inner-page-content .form-note {
  padding-top: 5rem;
  margin-top: 2rem
}
}
.page-side-nav .inner-page-content .main-section {
  flex: 1;
  height: 100%
}
.page-side-nav .main-section h3, .page-side-nav .main-section .h3 {
  font-size: 1.2rem;
  line-height: 1.333;
  margin-bottom: 1.6rem
}

@media (min-width: 960px) {
.product-list {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  margin: 3.2rem 1.6rem
}
}

@media (min-width: 1280px) {
.product-list {
  margin: 3.2rem
}
}

@media (min-width: 1440px) {
.product-list {
  max-width: 1312px;
  margin-left: auto;
  margin-right: auto
}
}
.product-list .item-count {
  color: #7b7881
}
.product-list-filters {
  border-bottom: 1px solid rgba(52, 48, 61, 0.2);
  padding: 20px 32px;
  position: relative;
  z-index: 4
}

@media (min-width: 960px) {
.product-list-filters {
  padding: 0;
  width: 300px;
  margin-right: 32px;
  border-bottom: none;
  flex-shrink: 0;
  position: sticky;
  top: 20px;
  transition: top 0.5s ease-in-out
}
.navShow .product-list-filters {
  top: 96px
}
}
.product-list-filters header {
  display: flex;
  align-items: center;
  justify-content: space-between
}

@media (min-width: 960px) {
.product-list-filters header {
  padding-bottom: 1.2rem;
  border-bottom: 1px solid #e1e0e2
}
}
.product-list-filters header h2, .product-list-filters header .h2 {
  text-transform: uppercase;
  font-size: 0.8rem;
  margin: 0;
  letter-spacing: 0.5px;
  line-height: 1.5;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold
}

@media (min-width: 960px) {
.product-list-filters header h2, .product-list-filters header .h2 {
  font-size: 1rem;
  text-transform: none
}
}

@media (max-width: 959px) {
.product-list-filters header h2.filtered, .product-list-filters header .h2.filtered {
  font-size: 0.6rem
}
}
.product-list-filters header h2.filtered span, .product-list-filters header .h2.filtered span {
  display: block;
  font-size: 0.8rem;
  line-height: 1.5;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold;
  text-transform: none;
  letter-spacing: 0
}

@media (min-width: 960px) {
.product-list-filters header h2.filtered span, .product-list-filters header .h2.filtered span {
  display: none
}
}
.product-list-filters header .category-title-mobile {
  margin: 0
}

@media (min-width: 960px) {
.product-list-filters header .category-title-mobile {
  display: none
}
}
.product-list-filters header .mobile-trigger {
  fill: #272a33;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  outline: none
}
.product-list-filters header .mobile-trigger svg {
  height: 1.8rem;
  width: 1.8rem;
  display: block
}

@media (min-width: 960px) {
.product-list-filters header .mobile-trigger {
  display: none
}
}
.product-list-filters header .mobile-trigger .ic-filter {
  display: block
}
.product-list-filters header .mobile-trigger .ic-close {
  display: none
}
.product-list-filters header .mobile-trigger.active .ic-filter {
  display: none
}
.product-list-filters header .mobile-trigger.active .ic-close {
  display: block
}
.product-list-filters .product-category-nav {
  position: absolute;
  top: 100%;
  right: 0;
  bottom: auto;
  left: 0;
  background-color: #FFFDFB;
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.12);
  max-height: 0;
  overflow-y: auto;
  transition: 0.5s max-height
}
.product-list-filters .product-category-nav.expanded {
  max-height: none
}

@media (min-width: 960px) {
.product-list-filters .product-category-nav {
  padding-top: 44px;
  padding-right: 0.5rem;
  max-height: calc(100vh - 90px);
  box-shadow: none;
  position: static;
  background: none
}
.navShow .product-list-filters .product-category-nav {
  max-height: calc(100vh - 195px)
}
}
.product-list-filters .product-category-nav ul {
  list-style: none;
  padding: 0;
  margin: 0
}
.product-list-filters .product-category-nav ul li {
  display: block;
  margin: 0
}
.product-list-filters .product-category-nav ul li.active>a {
  background-image: linear-gradient(to right, #00D1D2 50%, #34303d 50%)
}
.product-list-filters .product-category-nav ul a {
  padding-bottom: 2px;
  background-color: transparent;
  background-image: linear-gradient(to right, #00D1D2 50%, transparent 50%);
  background-size: 200% 2px;
  background-position: 100% bottom;
  transition: background-position 0.5s ease-in-out;
  background-repeat: no-repeat
}
.product-list-filters .product-category-nav ul a:hover, .product-list-filters .product-category-nav ul a:focus {
  background-position: 0 bottom
}
.product-list-filters .product-category-nav .product-category-list {
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.12);
  padding: 20px 32px 32px
}

@media (min-width: 960px) {
.product-list-filters .product-category-nav .product-category-list {
  box-shadow: none;
  padding: 0 0 20px
}
}
.product-list-filters .product-category-nav .product-category-list>li+li {
  margin-top: 2rem
}
.product-list-filters .product-category-nav .product-category-list>li>a {
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0.2px;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold
}
.product-list-filters .product-category-nav .product-category-list ul li {
  margin-top: 1rem
}
.product-list-filters .product-category-nav .product-category-list ul li a {
  font-size: 0.8rem;
  line-height: 1.5;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: normal
}
.product-list-main {
  position: relative;
  z-index: 3;
  margin: 40px 32px;
  flex-grow: 1
}

@media (min-width: 960px) {
.product-list-main {
  margin: 0
}
}
.product-list-main.no-filter {
  width: auto
}

@media (min-width: 960px) {
.product-list-main.no-filter .product-list-item {
  width: 33.33333%
}
}

@media (min-width: 1280px) {
.product-list-main.no-filter .product-list-item {
  width: 25%
}
}
.product-list-main header {
  color: #34303d
}
.product-list-main header h2, .product-list-main header .h2 {
  font-size: 1.2rem;
  line-height: 1.5;
  margin-bottom: 0;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold
}

@media (min-width: 960px) {
.product-list-main header h2, .product-list-main header .h2 {
  font-size: 1.6rem;
  line-height: 1.3125
}
}
.product-list-main header .product-list-description {
  max-width: 640px;
  font-size: 0.8rem;
  line-height: 1.5;
  margin: 0.8rem 0 0
}

@media (min-width: 960px) {
.product-list-main header .product-list-description {
  margin: 1.2rem 0 0
}
}
.product-list-main .pagination {
  margin: 1rem 0
}
.product-list-wrapper {
  overflow: hidden
}

@media (min-width: 768px) {
.product-list-wrapper .product-grid-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin: -16px 0 0 -30px
}
}
.product-list-wrapper .product-grid-wrapper~.pagination-wrapper {
  margin-top: 1.6rem
}

@media (min-width: 960px) {
.product-list-wrapper .product-grid-wrapper~.pagination-wrapper {
  margin-top: 3.2rem
}
}

@media (min-width: 768px) {
.product-list-wrapper>.inlist-banner {
  margin-left: 0
}
.product-list-wrapper>.inlist-banner:not(:first-child) {
  order: 2
}
}

@media (min-width: 960px) {
.product-list-wrapper>.inlist-banner {
  margin-left: 1.6rem;
  margin-right: 0
}
}
.product-list-item {
  display: flex;
  flex-direction: column;
  margin-top: 56px
}

@media (min-width: 768px) {
.product-list-item {
  padding-left: 1.5rem;
  width: 50%;
  order: 1
}
.product-list-item:nth-child(2n)+.inlist-banner~.product-list-item {
  order: 3
}
.product-list-item:nth-child(2n - 1)+.inlist-banner~.product-list-item {
  order: 3
}
.product-list-item:nth-child(2n - 1)+.inlist-banner+.product-list-item {
  order: 1
}
}

@media (min-width: 1280px) {
.product-list-item {
  margin-top: 80px;
  width: 33.333333%
}
.product-list-item:nth-child(3n)+.inlist-banner~.product-list-item {
  order: 3
}
.product-list-item:nth-child(3n - 2)+.inlist-banner~.product-list-item {
  order: 3
}
.product-list-item:nth-child(3n - 2)+.inlist-banner+.product-list-item, .product-list-item:nth-child(3n - 2)+.inlist-banner+.product-list-item+.product-list-item {
  order: 1
}
.product-list-item:nth-child(3n - 1)+.inlist-banner~.product-list-item {
  order: 3
}
.product-list-item:nth-child(3n - 1)+.inlist-banner+.product-list-item {
  order: 1
}
}
.product-list-item form {
  height: 100%;
  display: flex;
  flex-direction: column
}
.product-list-item .product-image-wrapper {
  background-color: #f6f4f0;
  width: 100%;
  height: 355px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0
}
.product-list-item .product-image-wrapper img {
  max-height: 100%;
  max-width: 100%;
  padding: 0 10%;
  display: block;
  box-sizing: border-box
}
.product-list-item .product-image-wrapper .product-badges {
  position: absolute;
  top: 1.2rem;
  right: 1.2rem;
  bottom: auto;
  left: 1.2rem
}

@media (max-width: 959px) {
.product-list-item .product-image-wrapper .product-badges {
  top: 0.7rem;
  left: 2.2rem
}
}
.product-list-item .product-image-wrapper .product-qty-selector {
  position: absolute;
  top: auto;
  right: auto;
  bottom: 1.2rem;
  left: auto
}

@media (max-width: 959px) {
.product-list-item .product-image-wrapper .product-qty-selector {
  bottom: 0.7rem
}
}
.product-list-item .product-image-wrapper .colors-list {
  position: absolute;
  top: auto;
  right: 1.6rem;
  bottom: 1.6rem;
  left: 1.6rem;
  flex-wrap: nowrap;
  align-items: center
}
.product-list-item .product-image-wrapper .colors-list ul {
  flex-wrap: nowrap;
  max-width: 90%;
  overflow: hidden;
  margin-top: 0
}
.product-list-item .product-image-wrapper .colors-list li {
  margin-top: 0
}
.product-list-item .product-image-wrapper img[data-ca-image-order="first"] {
  opacity: 1;
  transition: opacity ease 0.3s
}
.product-list-item .product-image-wrapper:hover img[data-ca-image-order="first"] {
  opacity: 0
}
.product-list-item .product-image-wrapper img[data-ca-image-order="second"] {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 100%;
  opacity: 0
}
.product-list-item .product-image-wrapper:hover img[data-ca-image-order="second"] {
  opacity: 1;
  transition: opacity ease 0.7s
}
.product-list-item .product-details {
  margin-top: 20px;
  margin-bottom: 1.8rem;
  display: flex;
  flex-direction: column
}
.product-list-item .product-details:last-child {
  margin-bottom: 0
}
.product-list-item .product-details .product-title {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 10px;
  padding-bottom: 3px
}
.product-list-item .product-details .product-title h3, .product-list-item .product-details .product-title h4, .product-list-item .product-details .product-title .h3, .product-list-item .product-details .product-title .h4 {
  display: inline;
  font-size: 1rem;
  line-height: 1.5;
  font-family: "iqos", "Open Sans", sans-serif;
  font-weight: bold;
  padding-bottom: 2px;
  background-color: transparent;
  background-image: linear-gradient(to right, #00D1D2 50%, transparent 50%);
  background-size: 200% 2px;
  background-position: 100% bottom;
  transition: background-position 0.5s ease-in-out;
  background-repeat: no-repeat
}
.product-list-item .product-details .product-title h3:hover, .product-list-item .product-details .product-title h4:hover, .product-list-item .product-details .product-title .h3:hover, .product-list-item .product-details .product-title .h4:hover {
  background-position: 0 bottom
}
.product-list-item .product-details .product-prices {
  display: flex;
  align-items: center
}
.product-list-item .product-details .price {
  color: #34303d;
  font-size: 0.8rem;
  letter-spacing: 0.5px
}
.product-list-item .product-details .old-price {
  color: rgba(0, 0, 0, 0.87);
  font-size: 0.6rem;
  margin-left: 1rem;
  opacity: 0.7
}
.product-list-item .product-details .rating-container {
  margin-top: 0.6rem
}
.product-list-item .product-details .rating-reviews, .product-list-item .product-details .rating-stars {
  display: inline-block;
  vertical-align: middle;
  top: 0
}
.product-list-item .product-details .prod-descr {
  margin: 1rem 0 0;
  opacity: 0.8;
  font-size: 0.7rem;
  line-height: 1.4
}
.product-list-item .product-details .prod-descr p {
  margin: 0
}
.product-list-item .product-actions, .product-list-item .product-link {
  display: flex;
  flex-direction: column
}
.product-list-item .product-actions button+a, .product-list-item .product-actions button+button, .product-list-item .product-actions a+a, .product-list-item .product-actions a+button, .product-list-item .product-link button+a, .product-list-item .product-link button+button, .product-list-item .product-link a+a, .product-list-item .product-link a+button {
  margin-top: 0.5rem
}
.product-list-item .product-link {
  margin-top: 0.5rem
}
.product-list-warning {
  font-size: 0.6rem;
  line-height: 1.3;
  color: rgba(0, 0, 0, 0.87);
  max-width: 580px;
  margin-top: 2.8rem
}

@media (min-width: 960px) {
.product-list-warning {
  margin-top: 4rem
}
}
.product-list .inlist-banner {
  margin: 2.8rem -1.6rem
}

@media (min-width: 960px) {
.product-list .inlist-banner {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0
}
}

@media (min-width: 1280px) {
.product-list .inlist-banner {
  margin-top: 4rem
}
}
.product-list .inlist-banner .content-wrapper {
  display: flex;
  flex-direction: column
}

@media (min-width: 1280px) {
.product-list .inlist-banner .content-wrapper {
  flex-direction: row;
  align-items: center
}
}
.product-list .inlist-banner .text-wrapper {
  padding: 2rem 1.6rem
}

@media (min-width: 1280px) {
.product-list .inlist-banner .text-wrapper {
  width: 43%;
  flex-shrink: 0
}
}
.product-list .inlist-banner .text-wrapper h3, .product-list .inlist-banner .text-wrapper .h3, .product-list .inlist-banner .text-wrapper h4, .product-list .inlist-banner .text-wrapper .h4 {
  font-size: 0.9rem;
  line-height: 1.5;
  margin-bottom: 0.5rem;
  letter-spacing: 0.2px;
  color: #FFFDFB;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold
}

@media (min-width: 1280px) {
.product-list .inlist-banner .text-wrapper h3, .product-list .inlist-banner .text-wrapper .h3, .product-list .inlist-banner .text-wrapper h4, .product-list .inlist-banner .text-wrapper .h4 {
  font-size: 1.2rem
}
}
.product-list .inlist-banner .text-wrapper .actions-wrapper {
  margin-top: 2rem
}
.product-list .inlist-banner.light-bg h4, .product-list .inlist-banner.light-bg .h4, .product-list .inlist-banner.light-bg h3, .product-list .inlist-banner.light-bg .h3 {
  color: #34303d
}
.product-list .product-list-item .btn.trigger, .product-list .product-list-item .trigger.ui_558574, .product-list .product-list-item .trigger.ui_517427, .product-list .product-list-item .trigger.ui_464917 {
  margin-top: 0.5rem;
  padding: 0.6rem 1.7rem
}
.product-list .entry {
  order: 1;
  background: #f6f4f0;
  padding: 2rem 1.5rem;
  margin: 1.2rem 0 0 0
}

@media (min-width: 960px) {
.product-list .entry {
  padding: 2.5rem 4rem
}
}
.product-list .entry h3 {
  font-weight: bold;
  color: #34303d
}
.product-list .entry p {
  color: #34303d
}
.product-list .entry .close_button {
  width: 20px;
  height: 20px
}
.product-list .entry .close_button:before, .product-list .entry .close_button:after {
  display: none
}
.product-list .entry .close_button .close {
  top: 0;
  left: 0
}
.product-list .entry.inlist-banner {
  max-height: 0;
  overflow: hidden;
  transition: 0.5s all ease-in-out;
  will-change: max-height margin-top;
  padding: 0;
  margin: 0;
  position: relative;
  order: 2;
  margin: 0
}
.product-list .entry.inlist-banner.expanded {
  max-height: 100vh;
  margin-top: 1.2rem
}
.product-list .entry.inlist-banner .entry-content {
  padding: 2rem 1.5rem
}

@media (min-width: 960px) {
.product-list .entry.inlist-banner .entry-content {
  padding: 2.5rem 4rem
}
}
.breadcrumb-wrapper {
  padding: 0.6rem 1.15rem;
  margin: 0 auto;
  font-size: 0.6rem
}

@media (min-width: 960px) {
.breadcrumb-wrapper {
  padding: 0.6rem 64px;
  max-width: 1440px
}
}
.breadcrumb-wrapper .ty-breadcrumbs__slash {
  padding: 0 0.2rem
}
.breadcrumb-wrapper .ty-breadcrumbs__a {
  text-decoration: underline
}
.breadcrumb-wrapper .ty-breadcrumbs__current {
  font-weight: bold
}
.registered-only-message {
  font-size: 10px;
  color: darkred;
  white-space: normal !important
}
.product-actions .product_notify_me_container {
  margin-top: 0.5rem;
  display: flex;
  flex-flow: column;
  text-align: center
}
.product-actions .product_notify_me_container .modal {
  text-align: left
}
.product-actions .notify-me-unsubscribe-container {
  all: inherit;
  flex-flow: column-reverse;
  margin: 0
}
.product-actions .notify-me-unsubscribe-container button {
  margin-bottom: 5px
}
.product-list-gallery {
  margin: 2.2rem 0
}

@media (min-width: 960px) {
.product-list-gallery {
  margin: 3.2rem 0
}
}
.product-list-gallery .content-wrapper {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 1.6rem
}

@media (min-width: 960px) {
.product-list-gallery .content-wrapper {
  padding: 0 3.2rem
}
}
.product-list-gallery header {
  margin-bottom: 1.6rem
}

@media (min-width: 960px) {
.product-list-gallery header {
  margin-bottom: 3.2rem
}
}
.product-list-gallery header h2, .product-list-gallery header .h2 {
  font-size: 1.4rem;
  line-height: 1.5;
  margin-bottom: 0.6rem
}

@media (min-width: 960px) {
.product-list-gallery header h2, .product-list-gallery header .h2 {
  font-size: 2.1rem;
  line-height: 1.2;
  margin-bottom: 1.4rem
}
}
.product-list-gallery header .product-list-description {
  margin: 0
}
.product-list-gallery .product-list-w {
  margin: 0 -1.6rem;
  padding: 0 1.6rem;
  overflow: hidden;
  text-align: inherit
}

@media (min-width: 960px) {
.product-list-gallery .product-list-w {
  margin: 0 0 0 -32px;
  padding: 0
}
}
.product-list-gallery .product-list-w .swiper-slide {
  height: auto;
  max-width: calc(50% - 15px);
  display: flex;
  flex-direction: column
}

@media (max-width: 959px) {
.product-list-gallery .product-list-w .swiper-slide+.swiper-slide {
  margin-left: 0.75rem
}
}

@media (min-width: 960px) {
.product-list-gallery .product-list-w .swiper-slide {
  max-width: calc(33.3333% - 32px);
  margin-left: 1.6rem
}
}
.product-list-gallery .product-list-w .product-badges {
  position: absolute;
  top: 12px;
  right: 12px;
  bottom: auto;
  left: 12px;
  z-index: 2
}

@media (min-width: 960px) {
.product-list-gallery .product-list-w .product-badges {
  position: absolute;
  top: 16px;
  right: 16px;
  bottom: auto;
  left: 16px
}
}
.product-list-gallery .product-list-w .image-wrapper {
  background-color: #f6f4f0;
  position: relative;
  margin-bottom: 0.6rem;
  padding-top: 120%;
  display: flex;
  align-items: center;
  justify-content: center
}

@media (min-width: 960px) {
.product-list-gallery .product-list-w .image-wrapper {
  margin-bottom: 1.2rem
}
}
.product-list-gallery .product-list-w .image-wrapper img {
  position: absolute;
  top: 14%;
  right: 14%;
  bottom: 14%;
  left: 14%;
  width: 72%;
  height: 72%;
  object-fit: contain
}
.product-list-gallery .product-list-w h3, .product-list-gallery .product-list-w .h3 {
  font-size: 0.9rem;
  line-height: 1.5;
  letter-spacing: 0.2px;
  margin-bottom: 0.5rem
}

@media (min-width: 960px) {
.product-list-gallery .product-list-w h3, .product-list-gallery .product-list-w .h3 {
  font-size: 1.4rem;
  line-height: 1.4;
  letter-spacing: 0;
  margin-bottom: 1rem
}
}
.product-list-gallery .product-list-w .product-prices .price {
  font-size: 0.7rem;
  line-height: 1.5;
  letter-spacing: 0.2px;
  font-weight: bold
}

@media (min-width: 960px) {
.product-list-gallery .product-list-w .product-prices .price {
  font-size: 0.9rem;
  line-height: 1.5
}
}
.product-list-gallery .section-actions {
  margin-top: 2rem
}

@media (min-width: 960px) {
.product-list-gallery .section-actions {
  margin-top: 3rem
}
}
.product-list-redeem {
  padding: 0 !important
}
.product-list-redeem-pagination {
  display: flex;
  width: 100%
}
.product-list-redeem-points-block {
  background-color: #f5f5f6;
  padding: 0.5rem;
  box-sizing: border-box;
  font-size: 1.2rem;
  line-height: 1.5;
  position: relative;
  text-align: center;
  margin-bottom: 1.5rem
}
.product-list-redeem-points-block h4 {
  font-weight: 100
}
.product-list-redeem .product-list-item figcaption button {
  background: none;
  text-align: left;
  border: 0
}
.product-list-redeem .product-list-item figcaption .points {
  display: block;
  padding-bottom: 0.4rem
}

@media (max-width: 839px) {
.product-list-redeem .product-list-item .button-container button {
  width: 100%
}
}
.pdp-page {
  overflow: hidden
}
.pdp-page::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1
}
.pdp-page .accordion-content-wrapper {
  border-top: 1px solid #b8b7bb
}
.pdp-page .promo-component {
  margin-bottom: 1.8rem
}

@media (min-width: 960px) {
.pdp-page .promo-component {
  margin-bottom: 3.2rem
}
}
.pdp-page .promo-variant-1 {
  margin-top: 56px;
  margin-bottom: 56px
}

@media (min-width: 840px) {
.pdp-page .promo-variant-1 {
  margin-top: 100px;
  margin-bottom: 100px
}
}
.product-tab-details .content-wrapper {
  max-width: 1312px;
  margin: 0 auto
}
.products-view .css-1ifyt1a {
  transition: padding 0.15s ease 0s, background-color 0.05s ease 0s, bottom 0.4s ease-in-out 0s
}
.zoomContainer {
  z-index: 5
}
.zoom-enabled .navigation-wrapper {
  position: relative;
  z-index: 10
}
.zoom-enabled .product-images-wrapper .js-carousel-product-images {
  position: static
}
.zoom-enabled .side-btn-nav {
  position: absolute;
  width: 100%
}
.product-reviews-wrapper {
  padding: 0 32px;
  margin: 56px auto;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: normal
}

@media (min-width: 840px) {
.product-reviews-wrapper {
  padding: 0 64px;
  margin: 100px auto
}
}
.reviews-wrapper {
  background-color: #f6f4f0
}
.reviews-wrapper>div {
  max-width: 1440px;
  margin: 0 auto;
  background-color: #f6f4f0;
  padding: 0 1.6rem
}

@media (min-width: 960px) {
.reviews-wrapper>div {
  padding: 0 3.2rem
}
}
.benefits_components {
  margin: 2.8rem 0
}

@media (min-width: 840px) {
.benefits_components {
  margin: 5rem 0
}
}
.benefits_components .content-wrapper {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 1.6rem
}

@media (min-width: 840px) {
.benefits_components .content-wrapper {
  padding: 3rem 1.6rem
}
}
.bundle-item-list .bundle-item-list-title {
  margin: 0
}
.bundle-item-list ul {
  list-style: none;
  margin: 0
}
.bundle-item-list ul li {
  font-weight: bold
}
.bundle-options {
  margin: 2.8rem 0
}

@media (min-width: 960px) {
.bundle-options {
  margin: 6rem 0 4.7rem
}
}
.bundle-options>.content-wrapper {
  max-width: 1312px;
  padding: 0 1.6rem;
  margin: 0 auto
}

@media (min-width: 960px) {
.bundle-options>.content-wrapper {
  padding: 0 5.6rem
}
}
.bundle-options-list {
  margin-top: 0.5rem
}

@media (min-width: 840px) {
.bundle-options-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}
}
.bundle-options .bundle-option {
  padding-bottom: 40px;
  border-bottom: 1px solid #e1e0e2
}

@media (min-width: 840px) {
.bundle-options .bundle-option {
  max-width: 45%;
  width: 416px;
  margin-bottom: 30px;
  border-top: 1px solid #e1e0e2;
  border-bottom: 0;
  padding-top: 32px;
  padding-bottom: 0;
  margin-top: -2px
}
.bundle-options .bundle-option:first-child, .bundle-options .bundle-option:first-child+.bundle-option {
  border-top: none
}
}

@media (max-width: 839px) {
.bundle-options .bundle-option+.bundle-option {
  margin-top: 1.5rem
}
}
.bundle-options .bundle-option .colors-list {
  max-width: 416px;
  margin-top: 1.2rem
}

@media (min-width: 960px) {
.bundle-options .bundle-option .colors-list {
  padding-right: 2rem
}
}
.bundle-options .bundle-option .option-img {
  margin-top: 1.2rem;
  width: 92px;
  height: 92px;
  background: #f6f4f0;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden
}
.bundle-options .bundle-option .option-img img {
  max-width: 80%;
  max-height: 80%
}
.bundle-options .bundle-option .selection-box {
  display: flex;
  margin-top: 1rem;
  align-items: center
}
.bundle-options .bundle-option .selection-box .qty-selector {
  margin-right: 1rem
}
.bundle-options h2, .bundle-options .h2 {
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 1.25;
  margin-bottom: 2rem
}

@media (min-width: 960px) {
.bundle-options h2, .bundle-options .h2 {
  font-size: 3.2rem;
  letter-spacing: -0.8px;
  margin-bottom: 2.6rem
}
}
.bundle-options h3, .bundle-options .h3 {
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.2;
  margin-bottom: 0.6rem
}

@media (min-width: 960px) {
.bundle-options h3, .bundle-options .h3 {
  font-size: 1.2rem
}
}
.bundle-options .actions-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1.6rem;
  flex-wrap: wrap
}

@media (min-width: 840px) {
.bundle-options .actions-wrapper {
  max-width: 45%;
  width: 416px;
  margin-left: auto;
  margin-top: 2rem
}
}
.bundle-options .actions-wrapper .product-price {
  font-size: 0.8rem;
  line-height: 1.3
}

@media (min-width: 840px) {
.bundle-options .actions-wrapper .product-price {
  font-size: 1rem
}
}
.bundle-options .actions-wrapper .product-price .old-price {
  font-size: 0.6rem;
  margin-right: 0.7rem;
  color: #7b7881
}

@media (min-width: 840px) {
.bundle-options .actions-wrapper .product-price .old-price {
  margin-right: 1rem
}
}
.bundle-options .actions-wrapper .selected-options {
  flex: 1 100%;
  margin-bottom: 1rem
}
.bundle-options .actions-wrapper .selected-options ul {
  list-style: none;
  margin: 1rem 0
}
.bundle-options .actions-wrapper .selected-options li {
  display: flex;
  flex-wrap: nowrap
}
.bundle-options .actions-wrapper .selected-options .selection-name {
  font-weight: bold;
  flex: 1;
  padding-right: 10px
}
.bundle-options .actions-wrapper .selected-options .input-group-value {
  margin-left: 0.5rem
}
.bundle-options .actions-wrapper .selected-options .rm-selection {
  display: inline-block;
  margin-left: 1rem;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd' stroke-linecap='round'%3E%3Cg stroke='%23272A33' stroke-width='1.5'%3E%3Cpath d='M15.5 0.5L0.5 15.5' transform='translate(-320 -24) translate(320 24) translate(4.5 4.5)'%3E%3C/path%3E%3Cpath d='M15.5 0.5L0.5 15.5' transform='translate(-320 -24) translate(320 24) translate(4.5 4.5) matrix(-1 0 0 1 16 0)'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E") transparent center no-repeat;
  border: none;
  cursor: pointer;
  height: 24px;
  width: 24px
}
.how-it-works {
  margin: 2.8rem 0;
  background-color: #34303d;
  color: #FFFDFB;
  padding: 3rem 1.6rem 4rem
}

@media (min-width: 960px) {
.how-it-works {
  padding: 8.5rem 1.6rem;
  margin: 5rem 0
}
}

@media (min-width: 1024px) {
.how-it-works {
  padding: 8.5rem 3.2rem
}
}
.how-it-works .content-wrapper {
  max-width: 1086px;
  margin: 0 auto;
  position: relative
}

@media (min-width: 960px) {
.how-it-works .content-wrapper {
  overflow: hidden
}
}
.how-it-works .img-wrapper {
  text-align: center
}
.how-it-works .img-wrapper svg {
  max-width: 80%;
  height: auto
}
.how-it-works .img-wrapper .path-button {
  opacity: 0.5;
  transition: 0.3s all
}

@media (min-width: 960px) {
.how-it-works .img-wrapper .path-button {
  opacity: 1
}
}
.how-it-works .img-wrapper .path-button.active {
  opacity: 1
}
.how-it-works-nav {
  display: flex;
  justify-content: space-between;
  margin: 0.8rem auto 3rem;
  width: 350px;
  max-width: 72%
}

@media (min-width: 960px) {
.how-it-works-nav {
  margin: 0
}
}
.how-it-works-content {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-direction: column
}
.how-it-works-desc {
  width: 100%;
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: 0.3s all;
  flex-shrink: 0;
  transform: translateY(-20px)
}

@media (min-width: 960px) {
.how-it-works-desc {
  position: absolute;
  top: 50%;
  left: 0;
  max-width: 304px;
  width: 29%;
  opacity: 1;
  max-height: none;
  transform: none;
  overflow: visible
}
.how-it-works-desc#how-it-works-charger-desc {
  margin-top: -210px
}
.how-it-works-desc#how-it-works-holder-desc {
  margin-top: -110px;
  left: auto;
  right: 0
}
.how-it-works-desc#how-it-works-holder-desc h3 {
  display: block
}
}
.how-it-works-desc.active {
  max-height: none;
  opacity: 1;
  transform: translateY(0)
}
.how-it-works .btn-plus-sign {
  cursor: pointer;
  position: relative;
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 50%;
  background-color: #524f5a;
  border: none;
  outline: none
}

@media (min-width: 960px) {
.how-it-works .btn-plus-sign {
  pointer-events: none;
  background-color: #00D1D2
}
}
.how-it-works .btn-plus-sign.active {
  background-color: #00D1D2;
  cursor: default
}
.how-it-works .btn-plus-sign::before, .how-it-works .btn-plus-sign::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}
.how-it-works .btn-plus-sign::before {
  width: 0.7rem;
  border-top: 2px solid #34303d
}
.how-it-works .btn-plus-sign::after {
  height: 0.7rem;
  border-left: 2px solid
}

@media (min-width: 960px) {
.how-it-works .btn-plus-sign {
  position: absolute;
  top: 50%;
  left: 50%
}
.how-it-works .btn-plus-sign b {
  position: absolute;
  top: 50%;
  width: 50vw;
  height: 1px;
  background: #4d5063
}
.how-it-works .btn-plus-sign[data-toggle-cont="how-it-works-heets-desc"] {
  margin-left: -200px
}
.how-it-works .btn-plus-sign[data-toggle-cont="how-it-works-heets-desc"] b {
  right: 100%
}
.how-it-works .btn-plus-sign[data-toggle-cont="how-it-works-charger-desc"] {
  margin-top: -210px;
  margin-left: -20px
}
.how-it-works .btn-plus-sign[data-toggle-cont="how-it-works-charger-desc"] b {
  right: 100%
}
.how-it-works .btn-plus-sign[data-toggle-cont="how-it-works-holder-desc"] {
  margin-left: 150px;
  margin-top: -110px
}
.how-it-works .btn-plus-sign[data-toggle-cont="how-it-works-holder-desc"] b {
  left: 100%
}
}
.how-it-works h3, .how-it-works .h3 {
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold;
  font-size: 1.2rem;
  line-height: 1.4;
  margin-bottom: 1.2rem
}

@media (min-width: 960px) {
.how-it-works h3, .how-it-works .h3 {
  display: inline-block;
  background-color: #34303d;
  padding: 0 0.5vw;
  margin: 0 -0.5vw 1.2rem
}
}

@media (min-width: 1280px) {
.how-it-works h3, .how-it-works .h3 {
  padding: 0 1rem;
  margin: 0 -1rem 1.2rem
}
}
.how-it-works p {
  margin-bottom: 0
}
.how-it-works p+p {
  margin-top: 0.8rem
}
.icon-description-list {
  text-align: center
}
.icon-description-list ul {
  list-style: none;
  margin: 0;
  padding: 0
}

@media (min-width: 840px) {
.icon-description-list ul {
  display: flex;
  justify-content: center;
  align-items: flex-start
}
}
.icon-description-list li {
  margin: 0;
  padding: 1rem 0.8rem
}

@media (min-width: 840px) {
.icon-description-list li {
  width: 33.333333%
}
}
.icon-description-list li+li {
  margin-top: 1.2rem
}

@media (min-width: 840px) {
.icon-description-list li+li {
  margin-top: 0
}
}
.icon-description-list .img-wrapper+.text-wrapper {
  margin-top: 1.2rem
}
.icon-description-list h4, .icon-description-list .h4 {
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold;
  font-size: 1rem;
  margin: 0;
  line-height: 1.2
}

@media (min-width: 960px) {
.icon-description-list h4, .icon-description-list .h4 {
  font-size: 1.2rem;
  line-height: 1.5
}
}
.icon-description-list h4+p, .icon-description-list .h4+p {
  margin-top: 0.6rem
}

@media (min-width: 960px) {
.icon-description-list h4+p, .icon-description-list .h4+p {
  margin-top: 1.2rem
}
}
.icon-description-list p {
  font-size: 0.6rem;
  letter-spacing: 0.2px;
  margin: 0
}

@media (min-width: 960px) {
.icon-description-list p {
  font-size: 0.8rem;
  line-height: 1.5
}
}
.icon-description-list p+p {
  margin-top: 0.4rem
}

@media (min-width: 960px) {
.icon-description-list p+p {
  margin-top: 0.8rem
}
}
.icon-description-list .icon-wrapper {
  width: 2.4rem;
  height: 2.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto
}
.icon-description-list .icon-wrapper svg {
  max-width: 100%;
  max-height: 100%
}
.in-the-box {
  margin: 2.8rem 0
}

@media (min-width: 960px) {
.in-the-box {
  margin: 4rem 0
}
}
.in-the-box .content-wrapper {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 1.6rem
}

@media (min-width: 960px) {
.in-the-box .content-wrapper {
  padding: 0 3.2rem
}
}
.in-the-box h3, .in-the-box .h3 {
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold;
  font-size: 1.2rem;
  line-height: 1.5;
  margin-bottom: 1.2rem
}

@media (min-width: 960px) {
.in-the-box .inner-content {
  padding-left: 20%;
  padding-right: 10%
}
}
.in-the-box .img-list-wrapper {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-end;
  overflow-x: auto
}
.in-the-box .img-wrapper+.img-wrapper {
  margin-left: 20px
}
.inpage-info-toggle .info-toggle-btn {
  background: none;
  border: none;
  font-size: 0.8rem;
  line-height: 1.2;
  padding: 0;
  color: #34303d;
  cursor: pointer;
  text-decoration: underline;
  display: flex;
  align-items: center
}
.inpage-info-toggle .info-toggle-btn svg {
  margin-right: 0.4rem;
  height: 16px;
  width: 16px;
  transition: 0.5s all;
  fill: #34303d;
  flex-shrink: 0
}
.inpage-info-toggle .info-toggle-btn.active {
  text-decoration-color: #00D1D2
}
.inpage-info-toggle .info-toggle-btn:focus {
  outline: none
}
.inpage-info-toggle .inpage-info-desc {
  padding: 0 1.6rem;
  margin: 0;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: 0.5s all;
  background: #FFFDFB
}
.inpage-info-toggle .inpage-info-desc.expanded {
  margin-top: 20px;
  opacity: 1;
  max-height: 50vh;
  padding-top: 1rem
}
.img-responsive, .bgimage-title img, .js-carousel-product-images img {
  display: block;
  height: auto;
  max-width: 100%
}
.js-carousel-product-images {
  position: relative
}
.js-carousel-product-images .side-btn-nav {
  display: none
}

@media (min-width: 960px) {
.js-carousel-product-images .side-btn-nav {
  display: block
}
}
.js-carousel-product-images .side-btn-nav button {
  height: 2.2rem;
  width: 2.2rem;
  background: #FFFDFB;
  border-radius: 30px;
  color: #34303d;
  text-align: center
}
.js-carousel-product-images .side-btn-nav button.swiper-button-disabled {
  opacity: 0
}
.js-carousel-product-images .side-btn-nav button:focus {
  outline: none
}
.js-carousel-product-images .side-btn-nav button::after {
  font-size: 1rem;
  font-weight: bold
}
.js-carousel-product-images .side-btn-nav button.swiper-button-prev::after {
  margin-left: -5px
}
.js-carousel-product-images .side-btn-nav button.swiper-button-next::after {
  margin-left: 5px
}
.js-carousel-product-images .side-btn-nav+.ic-fullscreen {
  margin-left: auto
}
.js-carousel-product-images button {
  border: none;
  padding: 0;
  background: none
}
.js-carousel-product-images .navigation-wrapper {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  padding: 5px 1.6rem
}

@media (min-width: 960px) {
.js-carousel-product-images .navigation-wrapper {
  padding-left: 0;
  padding-right: 0
}
}
.js-carousel-product-images .swiper-pagination {
  position: static;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  margin: 0 auto
}
.js-carousel-product-images .swiper-pagination-bullet {
  background: #99979e;
  outline: none
}
.js-carousel-product-images .swiper-pagination-bullet+.swiper-pagination-bullet {
  margin-left: 0.6rem
}
.js-carousel-product-images .swiper-pagination-bullet-active {
  background-color: #524f5a
}
.js-carousel-product-images .ic-fullscreen {
  height: 1.2rem;
  width: 1.2rem;
  fill: #34303d;
  margin-left: auto;
  position: relative;
  z-index: 2;
  cursor: pointer;
  outline: none
}
.js-carousel-product-images .ic-fullscreen svg {
  display: block;
  max-width: 100%;
  max-height: 100%
}
.js-carousel-product-images .swiper-pagination+.ic-fullscreen {
  margin-left: -1.2rem
}
.js-carousel-product-images .swiper-wrapper {
  height: auto
}
.list-clean {
  list-style: none;
  margin: 0;
  padding: 0
}
.list-clean li {
  margin: 0;
  line-height: 1.5
}
.list-clean li+li {
  margin-top: 0.8rem
}
.product-content {
  background: #f6f4f0
}
.product-content>.content-wrapper {
  max-width: 1440px;
  padding: 1.2rem 1.6rem 2rem;
  margin: 0 auto
}

@media (min-width: 960px) {
.product-content>.content-wrapper {
  padding: 1.6rem 3.2rem 4.9rem
}
}
.product-content .top-actions {
  margin-bottom: 2rem
}
.product-content .top-actions~.product-content-main {
  padding-top: 0
}
.product-content .breadcrumb-wrapper {
  padding: 0.6rem 1.15rem;
  margin: 0 auto;
  font-size: 0.6rem
}

@media (min-width: 960px) {
.product-content .breadcrumb-wrapper {
  padding: 0.6rem 64px;
  max-width: 1440px
}
}
.product-content .breadcrumb-wrapper .ty-breadcrumbs__slash {
  padding: 0 0.2rem
}
.product-content .breadcrumb-wrapper .ty-breadcrumbs__a {
  text-decoration: underline
}
.product-content .breadcrumb-wrapper .ty-breadcrumbs__current {
  font-weight: bold
}
.product-content .label-desc>span, .product-content .label-desc div {
  background: #f6f4f0
}
.product-content-main {
  padding-top: 16px
}

@media (min-width: 960px) {
.product-content-main {
  padding-top: 3.2rem;
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap
}
}
.product-content-imgs {
  margin: 0 -1.6rem
}

@media (min-width: 960px) {
.product-content-imgs {
  margin: 0;
  width: 50%;
  flex-shrink: 0;
  margin-right: 8%
}
}
.product-content-imgs .product-images-wrapper {
  max-width: 100%;
  overflow: hidden
}
.product-content-imgs .img-wrapper {
  height: 250px;
  display: flex;
  align-items: center;
  justify-content: center
}

@media (min-width: 960px) {
.product-content-imgs .img-wrapper {
  height: 640px
}
}
.product-content-imgs .js-carousel-product-images-with-thumbs .swiper-wrapper {
  height: auto;
  margin-bottom: 35px
}
.product-content-imgs .nav_thumbs_slider {
  position: relative
}
.product-content-imgs .nav_thumbs_slider .ic-fullscreen {
  height: 1.2rem;
  width: 1.2rem;
  fill: #34303d;
  margin-left: auto;
  z-index: 2;
  cursor: pointer;
  outline: none;
  border: none;
  padding: 0;
  position: absolute;
  background: none;
  top: 25px;
  right: 0px
}

@media (max-width: 639px) {
.product-content-imgs .nav_thumbs_slider .ic-fullscreen {
  top: -35px;
  right: 20px
}
}
.product-content-imgs .pdp-slider-description {
  display: none
}
.product-content-imgs .js-carousel-product-images-thumbs {
  height: 80px;
  width: 70%
}
.product-content-imgs .js-carousel-product-images-thumbs .swiper-slide {
  width: 50px !important;
  border-radius: 4px;
  background-color: #fffdfb;
  cursor: pointer
}

@media (min-width: 960px) {
.product-content-imgs .js-carousel-product-images-thumbs {
  width: 55%
}
.product-content-imgs .js-carousel-product-images-thumbs .swiper-slide {
  width: 70px !important
}
}
.product-content-imgs .js-carousel-product-images-thumbs .swiper-wrapper {
  height: 50px;
  margin-top: 5px;
  padding-left: 5px
}

@media (min-width: 960px) {
.product-content-imgs .js-carousel-product-images-thumbs .swiper-wrapper {
  height: 70px
}
}
.product-content-imgs .js-carousel-product-images-thumbs .swiper-slide-thumb-active {
  background-color: #fff;
  box-shadow: 0 0 0 2px #34303d
}
.product-content-imgs img {
  max-height: 100%;
  margin: auto
}
.product-content-desc {
  margin-top: 1.4rem
}

@media (min-width: 960px) {
.product-content-desc {
  margin-top: 0;
  max-width: 448px;
  padding: 0.5rem 0 1rem
}
}
.product-content-desc h1, .product-content-desc .h1 {
  font-size: 1.6rem;
  line-height: 1.25;
  color: #34303d;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold
}

@media (min-width: 960px) {
.product-content-desc h1, .product-content-desc .h1 {
  font-size: 2.1rem
}
}
.product-content-desc .cm-picker-product-options {
  margin: 1.25rem 0
}
.product-content-desc .cm-picker-product-options .is-dropdown {
  max-width: 250px
}
.product-content-desc .cm-picker-product-options div[class^="option-type-"] {
  margin-bottom: 0.75rem
}
.product-content-desc .cm-picker-product-options .ty-product-options__description {
  padding: 10px 0
}
.product-content-desc .cm-picker-product-options .ty-product-options__fileuploader {
  display: flex;
  word-break: break-word
}
.product-content-desc .product-price {
  margin: 1.6rem 0 1.2rem
}
.product-content-desc .product-price .old-price {
  font-size: 0.9rem;
  color: #7b7881;
  margin-right: 0.7rem
}

@media (min-width: 840px) {
.product-content-desc .product-price .old-price {
  font-size: 0.6rem;
  margin-right: 1rem
}
}
.product-content-desc .product-price .price {
  font-size: 1.2rem;
  color: #34303d
}

@media (min-width: 840px) {
.product-content-desc .product-price .price {
  font-size: 0.8rem
}
}
.product-content-desc .product-price .discount-desc {
  font-size: 0.6rem;
  line-height: 1.5;
  letter-spacing: 0.2px;
  margin-left: 0.6rem
}
.product-content-desc .product-price .save-price {
  font-size: 0.55rem
}
.product-content-desc .product-price .iqos-club-points {
  padding: 5px 0
}

@media (min-width: 840px) {
.product-content-desc .product-form {
  display: flex;
  align-items: center
}
.product-content-desc .product-form .qty-selector {
  margin-right: 2rem
}
}
.product-content-desc .product-form .product-actions {
  display: flex;
  flex-direction: column;
  margin-top: 1rem
}

@media (min-width: 840px) {
.product-content-desc .product-form .product-actions {
  margin-top: 0
}
}
.product-content-desc .product-form .product-actions .notify-me-unsubscribe-container {
  all: inherit
}
.product-content-desc .product-form .product-actions .notify-me-unsubscribe-container button {
  align-self: flex-start
}
.product-content-desc .product-form .product-actions a+a, .product-content-desc .product-form .product-actions a+button, .product-content-desc .product-form .product-actions button+a, .product-content-desc .product-form .product-actions button+button {
  margin-top: 8px
}
.product-content-desc .actions-text {
  margin: 1rem 0;
  font-size: 0.7rem;
  line-height: 1.4;
  letter-spacing: 0.4px
}
.product-content-desc .product-description {
  margin-top: 2rem
}
.product-content-desc .info-block {
  background: #FFFDFB;
  padding: 20px;
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  width: 100%;
  margin: 20px 0
}
.product-content-desc .info-block.info-icon::before {
  content: '';
  background: url('../../../../../design/themes/kura/media/icons/info_secondary.svg?1690945733') no-repeat center center;
  background-size: contain;
  height: 1.2rem;
  width: 1.2rem;
  flex-shrink: 0;
  margin-right: 0.6rem
}
.product-content .prod-sticky {
  position: fixed;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
  background: #FFFDFB;
  z-index: 20;
  transform: translateY(100%);
  transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
  opacity: 0;
  pointer-events: none;
  will-change: opacity, transform
}

@media (min-width: 960px) {
.product-content .prod-sticky {
  top: 0;
  bottom: auto;
  transform: translateY(-100%);
  opacity: 1;
  pointer-events: all
}
}
.product-content .prod-sticky.sticky {
  transform: translateY(0);
  opacity: 1;
  pointer-events: all
}

@media (min-width: 960px) {
.navShow .product-content .prod-sticky.sticky {
  transform: translateY(0px)
}
}
.product-content .prod-sticky .content-wrapper {
  max-width: 1440px;
  padding: 0.7rem 1.6rem;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between
}

@media (min-width: 960px) {
.product-content .prod-sticky .content-wrapper {
  padding: 0 4.45vw;
  min-height: 75px
}
}

@media (min-width: 1440px) {
.product-content .prod-sticky .content-wrapper {
  padding: 0 3.2rem
}
}
.product-content .prod-sticky h2, .product-content .prod-sticky .h2 {
  font-size: 0.8rem;
  line-height: 1.2;
  margin: 0 32px 0 0;
  display: flex;
  align-items: center;
  font-weight: normal;
  max-width: calc(100% - 132px)
}

@media (min-width: 840px) {
.product-content .prod-sticky h2, .product-content .prod-sticky .h2 {
  font-size: 1rem
}
}
.product-content .prod-sticky h2 img, .product-content .prod-sticky .h2 img {
  width: 1.25rem;
  margin-right: 0.8rem
}

@media (min-width: 840px) {
.product-content .prod-sticky h2 img, .product-content .prod-sticky .h2 img {
  width: 1.6rem
}
}
.product-content .prod-sticky h2 .product-name, .product-content .prod-sticky .h2 .product-name {
  display: flex;
  flex-direction: column
}

@media (min-width: 840px) {
.product-content .prod-sticky h2 .product-name, .product-content .prod-sticky .h2 .product-name {
  flex-direction: row;
  align-items: center
}
}
.product-content .prod-sticky h2 img+.product-name, .product-content .prod-sticky .h2 img+.product-name {
  max-width: calc(100% - 2.05rem)
}

@media (min-width: 840px) {
.product-content .prod-sticky h2 img+.product-name, .product-content .prod-sticky .h2 img+.product-name {
  max-width: calc(100% - 2.4rem)
}
}
.product-content .prod-sticky h2 .name, .product-content .prod-sticky .h2 .name {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}
.product-content .prod-sticky h2 a, .product-content .prod-sticky .h2 a {
  font-size: 0.6rem;
  text-decoration: underline
}

@media (min-width: 840px) {
.product-content .prod-sticky h2 a, .product-content .prod-sticky .h2 a {
  margin-left: 0.8rem
}
}

@media (min-width: 840px) {
.product-content .prod-sticky .prod-actions {
  display: flex;
  align-items: center
}
}
.product-content .prod-sticky .prod-actions .prod-price {
  display: none
}

@media (min-width: 840px) {
.product-content .prod-sticky .prod-actions .prod-price {
  display: flex;
  align-items: center;
  margin-right: 1.6rem
}
.product-content .prod-sticky .prod-actions .prod-price .old-price {
  font-size: 0.6rem;
  margin-right: 0.5rem;
  color: #7b7881
}
}
.product-content .prod-sticky .prod-actions .product-actions {
  display: flex;
  align-items: center
}
.product-content .prod-sticky .prod-actions .product-actions a+a, .product-content .prod-sticky .prod-actions .product-actions a+button, .product-content .prod-sticky .prod-actions .product-actions button+a, .product-content .prod-sticky .prod-actions .product-actions button+button {
  margin-left: 25px
}
.product-content .prod-sticky .prod-actions .cart-btn {
  display: none
}

@media (min-width: 840px) {
.product-content .prod-sticky .prod-actions .cart-btn {
  display: block;
  margin-left: 1.6rem;
  border: none;
  background: none;
  padding: 5px;
  position: relative
}
.product-content .prod-sticky .prod-actions .cart-btn:focus {
  outline: none
}
.product-content .prod-sticky .prod-actions .cart-btn svg {
  height: 1.05rem;
  width: 0.85rem
}
.product-content .prod-sticky .prod-actions .cart-btn b {
  position: absolute;
  top: 16px;
  right: 2px;
  bottom: auto;
  left: auto;
  font-size: 0.4rem;
  height: 0.6rem;
  width: 0.6rem;
  border-radius: 50%;
  background: #00d3cf
}
}

@media (max-width: 639px) {
.product-content .prod-sticky.buttons-only-xs .content-wrapper {
  justify-content: center
}
.product-content .prod-sticky.buttons-only-xs h2 {
  display: none
}
}
.product-content-warning {
  background: #f6f4f0;
  padding: 3rem 1.6rem
}
.product-content-warning.no-bg {
  background-color: transparent
}

@media (min-width: 840px) {
.product-content-warning-wrapper {
  max-width: 640px;
  text-align: center;
  margin: 0 auto;
  font-size: 0.6rem
}
}
.product-content .colors-wrapper li {
  list-style: none
}

@media (min-width: 960px) {
.thumbs-zoom-enabled .product-content-imgs .img-wrapper {
  width: 80%;
  margin: auto
}
}
.thumbs-zoom-enabled .zoomContainer .zoomWindow {
  background-color: #f6f4f0
}
.product-details-accordion {
  margin: 2.8rem 0
}

@media (min-width: 960px) {
.product-details-accordion {
  margin: 4rem 0
}
}
.product-details-accordion .content-wrapper {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 1.6rem
}

@media (min-width: 960px) {
.product-details-accordion .content-wrapper {
  padding: 0 3.2rem
}
}
.product-details-accordion.inner-space {
  padding: 3.2rem 0
}

@media (min-width: 960px) {
.product-details-accordion.inner-space {
  padding: 5rem 0
}
}
.product-details-accordion.brand-hard-white {
  background-color: #f6f4f0
}
.product-images-wrapper-full-screen {
  position: fixed;
  top: 100%;
  right: 0;
  bottom: 0;
  left: auto;
  height: 100%;
  width: 100%;
  z-index: 110;
  background: #f6f4f0;
  transition: top 0.5s ease-in-out, opacity 0.3s;
  display: flex;
  align-items: center;
  opacity: 0;
  will-change: top, opacity
}

@media (min-width: 840px) {
.product-images-wrapper-full-screen {
  align-items: flex-start;
  padding-top: 70px;
  opacity: 1
}
}
.product-images-wrapper-full-screen.active {
  top: 0;
  opacity: 1
}

@media (min-width: 840px) {
.product-images-wrapper-full-screen .js-carousel-product-images {
  cursor: grab;
  height: 100vw;
  max-height: 80vh;
  width: 100vw
}
}
.product-images-wrapper-full-screen .navigation-wrapper {
  margin-top: 1.5rem
}

@media (min-width: 840px) {
.product-images-wrapper-full-screen .navigation-wrapper {
  margin-top: 1rem
}
}
.product-images-wrapper-full-screen .swiper-image-description {
  position: relative;
  margin-top: 1.6rem;
  display: flex;
  flex-wrap: nowrap;
  width: 100vw
}
.product-images-wrapper-full-screen .swiper-image-description>div {
  position: relative;
  text-align: center;
  top: 20px;
  opacity: 0;
  transition: top 0.3s ease-in-out, opacity 0.3s ease-in-out;
  padding: 0 32px;
  flex-shrink: 0;
  width: 100%;
  pointer-events: none
}
.product-images-wrapper-full-screen .swiper-image-description>div+div {
  margin-left: -100%
}
.product-images-wrapper-full-screen .swiper-image-description>div.active {
  top: 0;
  opacity: 1;
  pointer-events: all
}
.product-images-wrapper-full-screen .swiper-slide {
  overflow: hidden;
  max-width: 80vh
}
.product-images-wrapper-full-screen .swiper-slide .img-wrapper {
  height: 100vw
}

@media (min-width: 640px) {
.product-images-wrapper-full-screen .swiper-slide .img-wrapper {
  height: 100%
}
}
.product-images-wrapper-full-screen .swiper-slide .img-wrapper img {
  height: 100%;
  width: 100%;
  object-fit: contain
}
.product-images-wrapper-full-screen .close-fs {
  fill: #272a33;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  outline: none;
  position: absolute;
  top: 0;
  right: 0;
  height: 70px;
  width: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2
}

@media (min-width: 1024px) {
.product-images-wrapper-full-screen .close-fs {
  height: 5rem;
  width: 5rem
}
}
.product-images-wrapper-full-screen .close-fs svg {
  height: 1.6rem;
  width: 1.6rem
}

@media (min-width: 1024px) {
.product-images-wrapper-full-screen .close-fs svg {
  height: 2.4rem;
  width: 2.4rem
}
}

@media (min-width: 840px) {
.product-images-wrapper-full-screen-thumbs {
  padding-top: 0
}
.product-images-wrapper-full-screen-thumbs .js-carousel-product-images {
  max-height: 100vh
}
}
.product-images-wrapper-full-screen-thumbs .swiper-slide {
  max-width: 100%
}
.product-images-wrapper-full-screen-thumbs .side-btn-nav .swiper-button-next {
  margin-right: 2rem
}
.product-images-wrapper-full-screen-thumbs .side-btn-nav .swiper-button-prev {
  margin-left: 2rem
}

@media (min-width: 840px) {
.product-images-wrapper-full-screen-thumbs .full-screen .swiper-zoom-container img {
  margin-top: 0;
  max-height: 85%
}
}
.product-images-wrapper-full-screen-thumbs .full-screen .swiper-zoom-container .img-wrap {
  height: 100%;
  width: 100%;
  object-fit: contain;
  margin-top: 0;
  align-self: flex-start;
  text-align: center;
  position: relative;
  display: flex;
  justify-content: center;
  max-height: 85%
}
.product-images-wrapper-full-screen-thumbs .full-screen .swiper-zoom-container .img-wrap img {
  align-self: center
}
.product-images-wrapper-full-screen-thumbs .full-screen .pdp-slider-description {
  display: block;
  position: absolute;
  bottom: 120px;
  text-align: center;
  transform: translateX(-50%);
  left: 50%;
  opacity: 0;
  transition: opacity 0.5s ease-in-out
}

@media (max-width: 639px) {
.product-images-wrapper-full-screen-thumbs .full-screen .pdp-slider-description {
  width: 70%
}
}
.product-images-wrapper-full-screen-thumbs .full-screen .swiper-slide-active .pdp-slider-description {
  opacity: 1
}
.product-images-wrapper-full-screen-thumbs .full-screen .swiper-slide-active.swiper-slide-zoomed .pdp-slider-description {
  opacity: 0
}

@media (max-width: 639px) {
.product-images-wrapper-full-screen-thumbs .js-carousel-product-images {
  height: 100%
}
}
.product-images-wrapper-full-screen-thumbs .js-carousel-product-images .swiper-wrapper {
  height: 100%
}
.product-images-wrapper-full-screen .nav_thumbs_slider_full {
  position: absolute;
  z-index: 10;
  bottom: 20px;
  width: 100%
}
.product-images-wrapper-full-screen .nav_thumbs_slider_full .js-carousel-product-images {
  max-height: 80px;
  width: 350px
}

@media (max-width: 639px) {
.product-images-wrapper-full-screen .nav_thumbs_slider_full .js-carousel-product-images {
  width: 65%
}
}
.product-images-wrapper-full-screen .nav_thumbs_slider_full .js-carousel-product-images .swiper-slide {
  width: 70px !important;
  border-radius: 4px;
  background-color: #fffdfb;
  cursor: pointer
}

@media (max-width: 639px) {
.product-images-wrapper-full-screen .nav_thumbs_slider_full .js-carousel-product-images .swiper-slide {
  width: 45px !important
}
}
.product-images-wrapper-full-screen .nav_thumbs_slider_full .js-carousel-product-images .swiper-slide-thumb-active {
  background-color: #FFF;
  box-shadow: 0 0 0 2px #34303d
}
.product-images-wrapper-full-screen .nav_thumbs_slider_full .js-carousel-product-images .swiper-wrapper {
  height: 50px;
  margin-top: 5px;
  padding-left: 5px;
  margin-bottom: 5px
}

@media (min-width: 960px) {
.product-images-wrapper-full-screen .nav_thumbs_slider_full .js-carousel-product-images .swiper-wrapper {
  height: 70px
}
}
.dTapToZoom {
  position: absolute;
  padding: 10px;
  z-index: 30;
  border: 2px solid #000;
  border-radius: 4px;
  background: #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none
}
.readmore-wrapper .btn-readmore {
  background: none;
  border: none;
  font-size: 0.8rem;
  line-height: 1.2;
  padding: 0;
  color: #34303d;
  cursor: pointer
}
.readmore-wrapper .btn-readmore svg {
  margin-left: 0.4rem;
  transform: rotate(0);
  transition: 0.5s all;
  position: relative;
  top: -2px
}
.readmore-wrapper .btn-readmore.active svg {
  transform: rotate(180deg)
}
.readmore-wrapper .btn-readmore:focus {
  outline: none
}
.readmore-wrapper .readmore-content {
  padding: 0;
  max-height: 0;
  transform: translateY(-20px);
  overflow: hidden;
  opacity: 0;
  transition: 0.5s all
}
.readmore-wrapper .readmore-content.expanded {
  transform: translateY(0);
  opacity: 1;
  max-height: 50vh;
  padding-top: 1rem
}
.blog-detail {
  width: 100%;
  margin: 0 auto 56px auto
}

@media (min-width: 960px) {
.blog-detail {
  margin: 0 auto 100px auto;
  width: 91.1vw;
  max-width: 1312px;
  display: flex;
  justify-content: space-between
}
}
.blog-detail header {
  display: flex;
  flex-direction: column
}
.blog-detail header time, .blog-detail header .press_badges {
  order: -1
}
.blog-detail time {
  font-size: 0.7rem;
  line-height: 1.43;
  margin: 0 0 0.8rem 0;
  display: block
}
.blog-detail .post {
  width: 83vw;
  margin: 0 auto
}

@media (min-width: 960px) {
.blog-detail .post {
  width: 65.85%
}
}
.blog-detail h1, .blog-detail h2 {
  font-size: 1.2rem;
  line-height: 1.33;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold
}

@media (min-width: 960px) {
.blog-detail h1 {
  font-size: 2.1rem
}
}

@media (min-width: 960px) {
.blog-detail h2 {
  font-size: 1.6rem
}
}
.blog-detail h1, .blog-detail h2, .blog-detail h3, .blog-detail h4, .blog-detail h5, .blog-detail h6, .blog-detail p, .blog-detail ol, .blog-detail ul {
  margin-bottom: 1.2rem
}
.blog-detail ol {
  list-style-position: outside
}
.blog-detail ol li {
  padding-left: 8px;
  margin-bottom: 0
}
.blog-detail ul {
  list-style-position: outside;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: normal
}
.blog-detail ul li {
  font-weight: 400;
  margin-bottom: 0
}
.blog-detail .checklist {
  list-style-type: none;
  padding-left: 0;
  margin-left: 0
}
.blog-detail .checklist li {
  padding-left: 25px
}
.blog-detail .checklist li:before {
  content: " ";
  width: 16px;
  height: 16px;
  border-radius: 0;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(15%);
  background-image: url('../../../../../design/themes/kura/media/images/ico/ico-check.svg?1690945733');
  background-repeat: no-repeat;
  background-size: contain;
  background-color: transparent
}
.blog-detail .bold {
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold
}
.blog-detail figure {
  margin-bottom: 1.2rem
}
.blog-detail figure img {
  max-width: 100%
}
.blog-detail .short-description img {
  max-width: 100%
}
.blog-detail .related-articles {
  background-color: #f6f4f0
}

@media (min-width: 960px) {
.blog-detail .related-articles {
  width: 29.26%;
  margin-bottom: auto
}
}
.blog-detail .related-articles .content-wrapper {
  max-width: 83vw;
  width: 100%;
  margin: 0 auto;
  padding: 2rem 0
}

@media (min-width: 960px) {
.blog-detail .related-articles .content-wrapper {
  padding: 2rem 1.6rem 3rem 1.6rem
}
}
.blog-detail .related-articles header {
  padding-bottom: 1.5rem;
  margin-bottom: 1.75rem;
  border-bottom: solid 1px #e1e0e2
}
.blog-detail .related-articles article {
  margin: 0 0 1.5rem 0;
  padding-bottom: 1.5rem;
  border-bottom: solid 1px #e1e0e2;
  display: flex;
  flex-direction: column;
  align-items: flex-start
}
.blog-detail .related-articles article:last-child {
  margin: 0 0 1.75rem 0;
  padding-bottom: 0;
  border-bottom: none
}
.blog-detail .related-articles article time {
  display: block;
  font-size: 0.7rem;
  margin-bottom: 0.4rem;
  order: -1
}
.blog-detail .related-articles article h4 {
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold;
  font-size: 1.2rem;
  margin: 0 0 1.2rem 0
}
.blog-detail .related-articles article>:last-child {
  margin-bottom: 0
}
.blog-list {
  margin: 0 auto 2.75rem auto
}

@media (min-width: 960px) {
.blog-list {
  width: 91.1vw;
  max-width: 1312px;
  margin: 0 auto 5rem auto
}
}
.blog-list .filter-news .category-item {
  padding: 2px 15px;
  display: inline-block;
  min-width: 40px;
  border-radius: 14px;
  margin-right: 10px;
  transition: background-color 0.3s ease-in-out;
  background-color: #e1e0e2
}

@media (max-width: 839px) {
.blog-list .filter-news .category-item {
  margin-bottom: 10px
}
}
.blog-list .filter-news .category-item.active, .blog-list .filter-news .category-item:hover {
  background-color: #00D1D2
}
.blog-list #news-list {
  width: 83vw;
  margin: 0 auto
}

@media (min-width: 640px) {
.blog-list #news-list {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 32px;
  box-sizing: border-box;
  padding: 0 32px;
  margin: 0 auto 5rem auto
}
.blog-list #news-list article {
  flex-shrink: 0
}
}

@media (min-width: 960px) {
.blog-list #news-list {
  grid-template-columns: 1fr 1fr 1fr;
  padding: 0
}
}

@media (min-width: 1280px) {
.blog-list #news-list {
  grid-template-columns: 1fr 1fr 1fr 1fr
}
}
.blog-list article {
  margin: 0 0 2.75rem 0
}

@media (min-width: 960px) {
.blog-list article {
  margin: 0 0 3.25rem 0
}
}
.blog-list article figure img, .blog-list article figure .no-image {
  display: block;
  height: auto;
  width: 100%;
  height: 216px;
  object-fit: cover
}
.blog-list article .text-wrapper {
  margin: 1.4rem 0 0 0;
  display: flex;
  flex-direction: column
}
.blog-list article .text-wrapper .press_badges, .blog-list article .text-wrapper h3, .blog-list article .text-wrapper .h3, .blog-list article .text-wrapper p, .blog-list article .text-wrapper time {
  margin-bottom: 1.2rem
}
.blog-list article .text-wrapper .press_badges {
  order: -1
}
.blog-list article .text-wrapper time {
  font-size: 0.7rem;
  letter-spacing: 0.4px;
  display: block;
  order: -1
}
.blog-list article .text-wrapper h3, .blog-list article .text-wrapper .h3 {
  font-size: 1rem;
  line-height: 1.2;
  letter-spacing: 0.2px;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold
}
.blog-list article .text-wrapper>:last-child {
  margin-top: 0.4rem;
  margin-bottom: 0
}
.blog-list article.featured {
  background: #00D1D2;
  padding: 0 0 2rem 0
}

@media (min-width: 960px) {
.blog-list article.featured {
  display: flex;
  flex-direction: row-reverse;
  padding: 0;
  min-height: 496px;
  margin-bottom: 100px
}
}
.blog-list article.featured .text-wrapper {
  width: 83vw;
  margin: 1.4rem auto 0 auto
}

@media (min-width: 640px) {
.blog-list article.featured .text-wrapper {
  width: 100%;
  padding: 0 32px
}
}

@media (min-width: 960px) {
.blog-list article.featured .text-wrapper {
  width: 48.88%;
  box-sizing: border-box;
  padding: 2.5rem 3.2rem;
  margin: auto
}
}

@media (min-width: 960px) {
.blog-list article.featured figure {
  width: 51.12%
}
}

@media (min-width: 960px) {
.blog-list article.featured figure img, .blog-list article.featured figure .no-image {
  position: absolute;
  height: 100%;
  width: 100%;
  object-fit: cover
}
}
.blog-list article.featured h3, .blog-list article.featured .h3 {
  font-size: 1.2rem;
  line-height: 1.33;
  letter-spacing: 0.2px;
  font-weight: bold
}

@media (min-width: 960px) {
.blog-list article.featured h3, .blog-list article.featured .h3 {
  font-size: 1.6rem
}
}
.blog-list .news-cat-link-w {
  font-size: 0.7rem
}
.blog-list .news-cat-link-w .link, .blog-list .news-cat-link-w .page-main p a:not([class]), .page-main p .blog-list .news-cat-link-w a:not([class]) {
  font-size: 0.7rem
}
.blog-list .news-search {
  width: 83vw;
  margin: 2.75rem auto
}
.blog-list .news-search .btn, .blog-list .news-search .ui_558574, .blog-list .news-search .ui_517427, .blog-list .news-search .ui_464917 {
  width: 100%
}

@media (min-width: 640px) {
.blog-list .news-search {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 32px;
  box-sizing: border-box;
  padding: 0 32px;
  margin: 0 auto 5rem auto
}
.blog-list .news-search .form-group {
  margin: 0
}
.blog-list .news-search .btn, .blog-list .news-search .ui_558574, .blog-list .news-search .ui_517427, .blog-list .news-search .ui_464917 {
  width: auto
}
}

@media (min-width: 960px) {
.blog-list .news-search {
  grid-template-columns: 1fr 1fr 1fr;
  padding: 0
}
}

@media (min-width: 1280px) {
.blog-list .news-search {
  grid-template-columns: 1fr 1fr 1fr 1fr
}
}
.blog-list .news-side {
  width: 83vw;
  margin: 0 auto
}

@media (min-width: 960px) {
.blog-list .news-side {
  width: auto
}
}
.blog-list .news-side article {
  margin: 2rem 0 0;
  display: flex;
  flex-direction: column
}
.blog-list .news-side article time {
  font-size: 0.7rem;
  letter-spacing: 0.4px;
  margin-bottom: 1.2rem;
  display: block;
  order: -1
}
.blog-list .news-side article h4, .blog-list .news-side article .h4 {
  font-size: 1rem;
  line-height: 1.2;
  margin-bottom: 1.2rem
}
.blog-list .news-tags-list ul {
  list-style: none;
  margin: -10px;
  display: flex;
  flex-wrap: wrap
}
.blog-list .news-tags-list li {
  margin: 10px 0 0 10px
}
.blog-list .news-tags-list .btn, .blog-list .news-tags-list .ui_558574, .blog-list .news-tags-list .ui_517427, .blog-list .news-tags-list .ui_464917 {
  padding: 0.3rem 0.8rem
}
.blog-list .related-articles {
  margin-top: 2rem
}
.blog-list .related-articles header {
  margin-bottom: 1rem
}

@media (min-width: 960px) {
.blog-list.theme-italy #news-list {
  grid-template-columns: 1fr 1fr;
  padding: 0
}
.blog-list.theme-italy #news-list article {
  display: flex;
  flex-direction: column
}
.blog-list.theme-italy #news-list .text-wrapper {
  margin-bottom: 1.2rem;
  flex: 1
}
}

@media (min-width: 1280px) {
.blog-list.theme-italy #news-list {
  grid-template-columns: 1fr 1fr 1fr
}
}

@media (min-width: 960px) {
.blog-list.theme-italy .news-list-wrapper {
  width: 100%;
  display: grid;
  grid-template-columns: 2.1fr 1fr;
  grid-gap: 32px;
  box-sizing: border-box;
  margin: 0 auto 5rem auto
}
.blog-list.theme-italy .news-list-wrapper .form-group {
  margin: 0
}
}

@media (min-width: 1280px) {
.blog-list.theme-italy .news-list-wrapper {
  grid-template-columns: 3.2fr 1fr
}
}
.blog-nav {
  margin: 20px auto;
  padding: 5px 0;
  width: 83vw
}

@media (min-width: 960px) {
.blog-nav {
  width: 91.1vw
}
}

@media (min-width: 1366px) {
.blog-nav {
  max-width: 1312px;
  display: flex;
  justify-content: space-between
}
}
.flow-page .flow-page-header {
  background: #f6f4f0;
  text-align: center
}
.flow-page .flow-page-header .img-wrapper {
  margin-bottom: 2rem
}

@media (min-width: 960px) {
.flow-page .flow-page-header .img-wrapper {
  margin-bottom: 1.6rem
}
}
.flow-page .flow-page-header .content-wrapper {
  max-width: 1440px;
  position: relative;
  padding: 2rem 3.2rem 2.8rem
}

@media (min-width: 960px) {
.flow-page .flow-page-header .content-wrapper {
  padding-bottom: 3.2rem
}
}
.flow-page .flow-page-header .actions-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 1.6rem
}

@media (min-width: 960px) {
.flow-page .flow-page-header .actions-wrapper {
  margin-top: 2rem
}
}
.flow-page .flow-page-header .actions-wrapper a+a, .flow-page .flow-page-header .actions-wrapper a+button, .flow-page .flow-page-header .actions-wrapper button+a, .flow-page .flow-page-header .actions-wrapper button+button {
  margin-left: 1.6rem
}
.flow-page .flow-page-header .logout-link {
  position: absolute;
  top: 0.8rem;
  right: 1.6rem
}

@media (min-width: 1280px) {
.flow-page .flow-page-header .logout-link {
  top: 1.2rem;
  right: 3.2rem
}
}
.flow-page .flow-page-header h1, .flow-page .flow-page-header .h1 {
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold;
  font-size: 1.4rem;
  line-height: 1.42;
  margin: 0
}

@media (min-width: 960px) {
.flow-page .flow-page-header h1, .flow-page .flow-page-header .h1 {
  font-size: 1.6rem
}
}
.flow-page .flow-page-header h1+p, .flow-page .flow-page-header .h1+p {
  margin-top: 0.6rem
}
.flow-page .flow-page-header p {
  margin: 0
}
.flow-page .sticky-scroll-up .flow-page-header .content-wrapper {
  transition: padding 0.7s ease-in-out
}
.flow-page .sticky-scroll-up.on-hold .flow-page-header .content-wrapper {
  padding: 1.6rem
}

@media (min-width: 960px) {
.flow-page .sticky-scroll-up.on-hold .flow-page-header .content-wrapper {
  padding: 2rem 1.6rem
}
}
.flow-page.login-page .flow-page-header .content-wrapper, .flow-page.checkout-complete .flow-page-header .content-wrapper, .flow-page.page-cart .flow-page-header .content-wrapper, .flow-page.cart-section .flow-page-header .content-wrapper, .flow-page.myaccount .flow-page-header .content-wrapper {
  padding: 2.4rem 1.6rem
}

@media (min-width: 960px) {
.flow-page.login-page .flow-page-header .content-wrapper, .flow-page.checkout-complete .flow-page-header .content-wrapper, .flow-page.page-cart .flow-page-header .content-wrapper, .flow-page.cart-section .flow-page-header .content-wrapper, .flow-page.myaccount .flow-page-header .content-wrapper {
  padding: 3.6rem 3.2rem
}
}

@media (max-width: 959px) {
.flow-page.cart-section .flow-page-header .content-wrapper {
  padding: 1.6rem 1.6rem 2rem
}
.flow-page.cart-section .flow-page-header h1, .flow-page.cart-section .flow-page-header .h1 {
  font-size: 1.2rem;
  line-height: 1.333
}
}
.flow-page .inner-page {
  padding: 2rem 1.6rem;
  position: relative
}

@media (min-width: 840px) {
.flow-page .inner-page {
  padding: 3rem 1.6rem 5rem
}
}
.flow-page .inner-page.has-side-navigation {
  padding: 0
}
.flow-page .inner-page.has-side-navigation .content-wrapper {
  max-width: 1440px
}

@media (min-width: 960px) {
.flow-page .inner-page.has-side-navigation .content-wrapper {
  padding: 2rem 1.55rem;
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start
}
}

@media (min-width: 1280px) {
.flow-page .inner-page.has-side-navigation .content-wrapper {
  padding: 3.6rem 3.2rem
}
}

@media (min-width: 960px) {
.flow-page .inner-page.has-side-navigation .inner-page-content {
  flex: 1;
  padding: 0;
  display: flex;
  flex-direction: column
}
}
.flow-page .inner-page-content {
  padding: 2rem 1.6rem
}
.flow-page .inner-page-content .form-note {
  padding-top: 2.8rem;
  margin-top: 2rem;
  border-top: 1px solid #e1e0e2
}

@media (min-width: 960px) {
.flow-page .inner-page-content .form-note {
  padding-top: 5rem;
  margin-top: 2rem
}
}
.flow-page .inner-page-content .main-section {
  flex: 1;
  height: 100%
}
.flow-page .main-section h3, .flow-page .main-section .h3 {
  font-size: 1.2rem;
  line-height: 1.333;
  margin-bottom: 1.6rem
}
.flow-page .inner-page-banner {
  display: none
}

@media (min-width: 1280px) {
.flow-page .inner-page-banner {
  display: block;
  width: 18%;
  flex-shrink: 0;
  margin-left: 2.1rem
}
.flow-page .inner-page-banner img {
  height: 768px;
  width: 100%;
  object-fit: cover
}
}

@media (min-width: 1440px) {
.flow-page .inner-page-banner {
  width: 304px;
  margin-left: 3.6rem
}
}
.flow-page .content-wrapper {
  max-width: 1312px;
  margin: 0 auto
}
.flow-page .content-wrapper.small-wrapper {
  max-width: 400px
}

@media (min-width: 840px) {
.flow-page .content-wrapper.small-wrapper {
  max-width: 866px
}
}
.flow-page .inner-page-navigation {
  position: relative;
  z-index: 5
}

@media (min-width: 960px) {
.flow-page .inner-page-navigation {
  width: 304px;
  flex-shrink: 0;
  margin-right: 1.6rem;
  position: sticky;
  top: 40px;
  transition: top 0.5s ease-in-out
}
.navShow .flow-page .inner-page-navigation {
  top: 116px
}
}

@media (min-width: 1440px) {
.flow-page .inner-page-navigation {
  margin-right: 3.6rem
}
}
.flow-page .inner-page-navigation .nav-toggle {
  background: #FFFDFB;
  border: none;
  border-top: 1px solid #b8b7bb;
  padding: 1rem 1.6rem;
  margin: 0;
  cursor: pointer;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold;
  font-size: 0.8rem;
  line-height: 1.5;
  letter-spacing: 0.2px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  outline: none
}

@media (min-width: 960px) {
.flow-page .inner-page-navigation .nav-toggle {
  display: none
}
}
.flow-page .inner-page-navigation .nav-toggle::after {
  content: '';
  height: 1.6rem;
  width: 1.6rem;
  display: block;
  background: url('../../../../../design/themes/kura/media/icons/chevron-up.svg?1690945733') no-repeat center center;
  transform: rotate(180deg);
  transition: transform 0.5s ease-in-out
}
.flow-page .inner-page-navigation .nav-toggle.active::after {
  transform: rotate(0)
}

@media (max-width: 959px) {
.flow-page .inner-page-navigation .nav-wrapper {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #FFFDFB;
  max-height: 0;
  overflow: hidden;
  opacity: 1;
  transition: all 0.5s ease-in-out;
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.12);
  border-bottom: 1px solid #b8b7bb
}
.flow-page .inner-page-navigation .nav-wrapper.expanded {
  max-height: 100vh;
  opacity: 1
}
}
.flow-page .inner-page-navigation .nav-wrapper ul {
  list-style: none;
  padding: 1.6rem;
  margin: 0
}

@media (min-width: 960px) {
.flow-page .inner-page-navigation .nav-wrapper ul {
  padding: 0
}
}
.flow-page .inner-page-navigation .nav-wrapper li {
  margin: 0
}
.flow-page .inner-page-navigation .nav-wrapper li+li {
  margin-top: 1.4rem
}
.flow-page .inner-page-navigation .nav-wrapper li.active a {
  background-image: linear-gradient(to right, #00D1D2 50%, #34303d 50%)
}
.flow-page .inner-page-navigation .nav-wrapper a {
  font-size: 1rem;
  letter-spacing: 0.2px;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold;
  position: relative;
  padding-bottom: 2px;
  background-color: transparent;
  background-image: linear-gradient(to right, #00D1D2 50%, transparent 50%);
  background-size: 200% 2px;
  background-position: 100% bottom;
  transition: background-position 0.5s ease-in-out;
  background-repeat: no-repeat
}
.flow-page .inner-page-navigation .nav-wrapper a:hover, .flow-page .inner-page-navigation .nav-wrapper a:focus {
  background-position: 0% bottom
}
.flow-page .
{
  max-width: 640px;
  margin: 0 auto
}
.flow-page.login-page .login-page-inner .column, .flow-page.checkout-flow .login-page-inner .column {
  margin: 0 auto;
  max-width: 400px
}

@media (min-width: 840px) {
.column-form {
  padding-left: 25%;
}

@media (min-width: 840px) {
.flow-page.login-page .login-page-inner .column, .flow-page.checkout-flow .login-page-inner .column {
  padding: 0 1.6rem;
  max-width: none
}
}

@media (min-width: 960px) {
.flow-page.login-page .login-page-inner .column, .flow-page.checkout-flow .login-page-inner .column {
  padding: 0 3.2rem
}
}
.flow-page.login-page .login-page-inner .column+.column, .flow-page.checkout-flow .login-page-inner .column+.column {
  margin-top: 2rem;
  border-top: 1px solid #e1e0e2;
  padding-top: 40px
}

@media (min-width: 840px) {
.flow-page.login-page .login-page-inner .column+.column, .flow-page.checkout-flow .login-page-inner .column+.column {
  margin-top: 0;
  border-top: none;
  border-left: 1px solid #e1e0e2;
  padding-top: 0
}
}

@media (max-width: 959px) {
.flow-page.login-page .login-page-inner .tabs-panels .columns .column, .flow-page.login-page .login-page-inner .tabs-panels .columns .column+.column, .flow-page.login-page .login-page-inner .tabs-panels .columns.reverse .column, .flow-page.login-page .login-page-inner .tabs-panels .columns.reverse .column+.column, .flow-page.checkout-flow .login-page-inner .tabs-panels .columns .column, .flow-page.checkout-flow .login-page-inner .tabs-panels .columns .column+.column, .flow-page.checkout-flow .login-page-inner .tabs-panels .columns.reverse .column, .flow-page.checkout-flow .login-page-inner .tabs-panels .columns.reverse .column+.column {
  margin-top: 0;
  border-top: none;
  padding-top: 0;
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
  border-left: none;
  border-right: none
}
}

@media (min-width: 840px) {
.flow-page.login-page .login-page-inner .columns, .flow-page.checkout-flow .login-page-inner .columns {
  margin: 0 -1.6rem
}
}

@media (min-width: 960px) {
.flow-page.login-page .login-page-inner .columns, .flow-page.checkout-flow .login-page-inner .columns {
  margin: 0 -3.2rem
}
}
.flow-page.login-page .login-page-inner .columns.reverse .column+.column, .flow-page.checkout-flow .login-page-inner .columns.reverse .column+.column {
  margin-top: initial;
  border-top: initial;
  padding-top: initial;
  margin-bottom: 2rem;
  border-bottom: 1px solid #e1e0e2;
  padding-bottom: 40px
}

@media (min-width: 840px) {
.flow-page.login-page .login-page-inner .columns.reverse .column+.column, .flow-page.checkout-flow .login-page-inner .columns.reverse .column+.column {
  margin-top: initial;
  border-top: initial;
  border-left: initial;
  padding-top: initial;
  margin-bottom: 0;
  border-bottom: none;
  border-right: 1px solid #e1e0e2;
  padding-bottom: 0
}
}
.flow-page.login-page .login-page-inner .login-wrapper #password_recovery_form_wrapper, .flow-page.login-page .login-page-inner .login-wrapper #activation_form_wrapper, .flow-page.login-page .login-page-inner .login-wrapper .resend-sms-confirmation, .flow-page.checkout-flow .login-page-inner .login-wrapper #password_recovery_form_wrapper, .flow-page.checkout-flow .login-page-inner .login-wrapper #activation_form_wrapper, .flow-page.checkout-flow .login-page-inner .login-wrapper .resend-sms-confirmation {
  display: none
}
.flow-page.login-page .login-page-inner .login-wrapper .-show-password-recovery #login_form_wrapper, .flow-page.checkout-flow .login-page-inner .login-wrapper .-show-password-recovery #login_form_wrapper {
  display: none
}
.flow-page.login-page .login-page-inner .login-wrapper .-show-password-recovery #password_recovery_form_wrapper, .flow-page.checkout-flow .login-page-inner .login-wrapper .-show-password-recovery #password_recovery_form_wrapper {
  display: block
}
.flow-page.login-page .login-page-inner .login-wrapper .-show-sms-authorization #login_form_wrapper, .flow-page.checkout-flow .login-page-inner .login-wrapper .-show-sms-authorization #login_form_wrapper {
  display: none
}
.flow-page.login-page .login-page-inner .login-wrapper .-show-sms-authorization .sms-authorization-phone-form, .flow-page.checkout-flow .login-page-inner .login-wrapper .-show-sms-authorization .sms-authorization-phone-form {
  display: block
}
.flow-page.login-page .login-page-inner .login-wrapper .-show-resend-sms-confirmation #login_form_wrapper, .flow-page.checkout-flow .login-page-inner .login-wrapper .-show-resend-sms-confirmation #login_form_wrapper {
  display: none
}
.flow-page.login-page .login-page-inner .login-wrapper .-show-resend-sms-confirmation .resend-sms-confirmation, .flow-page.checkout-flow .login-page-inner .login-wrapper .-show-resend-sms-confirmation .resend-sms-confirmation {
  display: block
}
.flow-page.login-page .login-page-inner .login-wrapper .-show-account-activation #login_form_wrapper, .flow-page.checkout-flow .login-page-inner .login-wrapper .-show-account-activation #login_form_wrapper {
  display: none
}
.flow-page.login-page .login-page-inner .login-wrapper .-show-account-activation #activation_form_wrapper, .flow-page.checkout-flow .login-page-inner .login-wrapper .-show-account-activation #activation_form_wrapper {
  display: block
}
.flow-page h2, .flow-page .h2 {
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold;
  font-size: 1.4rem;
  line-height: 1.42;
  margin-bottom: 1.2rem
}

@media (min-width: 960px) {
.flow-page h2, .flow-page .h2 {
  font-size: 1.6rem
}
}
.flow-page h3, .flow-page .h3 {
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.2;
  margin-bottom: 1.2rem
}

@media (min-width: 960px) {
.flow-page h3, .flow-page .h3 {
  font-size: 1.2rem
}
}
.flow-page .mid-section {
  margin: 1.2rem 0 2rem
}

@media (min-width: 960px) {
.flow-page .mid-section {
  margin: 2rem 0 2.8rem
}
}
.flow-page .mid-section+.mid-section {
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px solid #e1e0e2
}
.flow-page .mid-section:only-child {
  border-bottom: 1px solid #e1e0e2;
  margin: 0;
  padding: 0 0 2rem
}

@media (min-width: 840px) {
.flow-page .mid-section:only-child {
  padding: 0 3.2rem 3.2rem
}
}

@media (min-width: 960px) {
.flow-page .mid-section:only-child {
  padding: 2rem 5.6rem 5rem
}
}
.flow-page .form-wrapper .form-group {
  max-width: 416px
}
.flow-page .form-wrapper .form-group.size-lg {
  max-width: 528px
}
.flow-page .actions-wrapper {
  margin-top: 2rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start
}
.flow-page .actions-wrapper a+button, .flow-page .actions-wrapper a+a, .flow-page .actions-wrapper button+button, .flow-page .actions-wrapper button+a {
  margin-top: 1.2rem
}

@media (min-width: 640px) {
.flow-page .actions-wrapper.horizontal-reverse-xs {
  flex-direction: row-reverse;
  align-items: center;
  justify-content: space-between
}
.flow-page .actions-wrapper.horizontal-reverse-xs a+a, .flow-page .actions-wrapper.horizontal-reverse-xs a+button, .flow-page .actions-wrapper.horizontal-reverse-xs button+a, .flow-page .actions-wrapper.horizontal-reverse-xs button+button {
  margin-top: 0
}
}
.flow-page .section-note {
  margin-top: 2rem;
  line-height: 1.33;
  letter-spacing: 0.2px
}
.flow-page .section-note:first-child {
  margin-top: 0
}
.flow-page .section-note p {
  margin: 0
}
.flow-page .section-note small {
  font-size: 0.6rem
}
.flow-page .form-wrapper {
  margin-top: 2rem
}
.flow-page .info-block {
  margin: 1.6rem 0
}
.flow-page .registration-step {
  display: none;
  pointer-events: none;
  animation: fadein 0.3s
}
.flow-page .registration-step.active {
  display: block;
  position: relative;
  pointer-events: all
}
.flow-page .registration-step .actions-wrapper {
  margin-bottom: 2rem
}
.flow-page .confirm-container {
  background: #f6f4f0;
  display: none;
  padding: 2.8rem 1.6rem;
  margin: 2rem 0 0
}
.flow-page .confirm-container .actions-wrapper {
  flex-direction: row
}
.flow-page .confirm-container .actions-wrapper button+button {
  margin: 0 0 0 0.8rem
}
.flow-page .-confirm .confirm-btn, .flow-page .-confirm .confirm-btn-container {
  display: none
}
.flow-page .-confirm .confirm-container {
  display: block
}
.flow-page.cart-section .checkout-revamp .flow-page-header {
  background: #FFFDFB;
  text-align: center;
  border-top: 8px solid #f6f4f0;
  border-bottom: 8px solid #f6f4f0
}

@media (min-width: 960px) {
.flow-page.cart-section .checkout-revamp .flow-page-header {
  background: #f6f4f0;
  border: 0;
  padding: 2rem 1.6rem
}
}

@media (max-width: 959px) {
.flow-page.cart-section .checkout-revamp .flow-page-header {
  display: flex;
  align-items: center
}
.flow-page.cart-section .checkout-revamp .flow-page-header .content-wrapper {
  padding: 0.9rem 0.1rem 0rem 1.6rem;
  text-align: start
}
.flow-page.cart-section .checkout-revamp .flow-page-header h1, .flow-page.cart-section .checkout-revamp .flow-page-header .h1 {
  font-size: 0.8rem;
  line-height: 1.333
}
.flow-page.cart-section .checkout-revamp .flow-page-header h1+p, .flow-page.cart-section .checkout-revamp .flow-page-header .h1+p {
  font-size: 0.64rem
}
}

@media (max-width: 959px) {
.flow-page.cart-section .checkout-revamp .flow-page-header .actions-wrapper {
  margin-top: 0;
  padding: 0.9rem 1.6rem 0.9rem 0.1rem
}
}
.flow-page.cart-section .checkout-revamp .flow-page-header .content-wrapper {
  padding: 0.9rem 1.6rem
}

@media (min-width: 960px) {
.flow-page.cart-section .checkout-revamp .flow-page-header .content-wrapper {
  padding: 0
}
}
.flow-page.cart-section .checkout-revamp .flow-page-header span {
  font-weight: normal
}
.info-block .info-block-content {
  display: inline-block
}
.info-block.bg-grey .info-block-content {
  padding: 0.6rem 1.2rem;
  background: #f6f4f0
}
.sticky-scroll-up {
  transform: translateY(0);
  z-index: 10;
  top: -50vh;
  transition: all 0.7s ease-in-out
}
.sticky-scroll-up.-processed {
  position: sticky
}
.sticky-scroll-up .hide-on-sticky {
  max-height: 20vh;
  opacity: 1;
  overflow: hidden;
  transition: all 0.7s ease-in-out
}
.sticky-scroll-up.active {
  transition: all 2s ease-in-out
}
.sticky-scroll-up.on-hold {
  transform: translateY(-100%);
  top: 0;
  transition: all 0.7s ease-in-out
}
.sticky-scroll-up.on-hold .hide-on-sticky {
  max-height: 0;
  opacity: 0
}
.sticky-scroll-up.on-hold.active {
  transform: translateY(0);
  top: 56px;
  pointer-events: none
}
.sticky-scroll-up.on-hold.active>* {
  pointer-events: all
}

@media (min-width: 960px) {
.sticky-scroll-up.on-hold.active {
  top: 76px
}
}
.inner-page-content .address-section-header {
  margin-bottom: 20px
}
.page-account .devices-data div.device-flex-container>div {
  margin-bottom: 1rem
}

@media (min-width: 640px) {
.page-account .devices-data div.device-flex-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start
}
}
.page-account .devices-data div.device-flex-container .mydevices .care-plus-button {
  margin-right: 0.5rem
}
.profile-form form {
  display: flex;
  flex-flow: column
}
.profile-form form .form-actions {
  order: -1
}
.devices-list h2, .devices-list .h2 {
  font-size: 1.4rem;
  line-height: 1.42
}

@media (min-width: 960px) {
.devices-list h2, .devices-list .h2 {
  font-size: 2.1rem;
  line-height: 1.23
}
}
.devices-list h2+.form-toggle, .devices-list .h2+.form-toggle {
  margin-top: 2.8rem
}
.devices-list .remove-device-btn {
  margin-left: auto
}
.devices-list .confirm-container {
  margin: 2rem -1.6rem 0
}

@media (min-width: 960px) {
.devices-list .confirm-container {
  margin: 2rem 0 0
}
}
.devices-list.-confirm .confirm-container {
  display: none
}
.devices-list.-confirm .-confirm .confirm-container {
  display: block
}
.devices-list.-confirm .form-toggle:not(.-confirm):not(.no-overlay) .device-wrapper {
  position: relative
}
.devices-list.-confirm .form-toggle:not(.-confirm):not(.no-overlay) .device-wrapper::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #FFFDFB;
  opacity: 0.65;
  z-index: 5
}
.devices-list.-confirm .-confirm+.form-toggle, .devices-list.-confirm .-add+.form-toggle {
  margin-top: 0;
  border-top: 0
}

@media (min-width: 640px) {
.devices-list .device-detail {
  display: flex;
  flex-wrap: nowrap
}
}
.devices-list .device-img {
  width: 88px;
  height: 88px;
  margin-bottom: 1.2rem
}

@media (min-width: 640px) {
.devices-list .device-img {
  width: 110px;
  height: 110px;
  margin-right: 1.2rem;
  flex-shrink: 0;
  margin-bottom: 0
}
}
.devices-list .device-img img {
  max-width: 100%;
  max-height: 100%
}
.devices-list .device-wrapper h3, .devices-list .device-wrapper .h3, .devices-list .device-add-wrapper h3, .devices-list .device-add-wrapper .h3 {
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold;
  font-size: 1.2rem;
  line-height: 1.4;
  margin-bottom: 1rem
}
.devices-list .device-details {
  flex: 1
}
.devices-list .device-details .actions-wrapper {
  margin-top: 0.8rem;
  align-items: center;
  flex-direction: column
}

@media (min-width: 640px) {
.devices-list .device-details .actions-wrapper {
  flex-direction: row;
  justify-content: space-between;
  align-items: center
}
.devices-list .device-details .actions-wrapper a+a, .devices-list .device-details .actions-wrapper a+button, .devices-list .device-details .actions-wrapper button+a, .devices-list .device-details .actions-wrapper button+button {
  margin-top: 0
}
}
.devices-list .device-details .actions-wrapper .btns-box {
  text-align: center
}

@media (min-width: 640px) {
.devices-list .device-details .actions-wrapper .btns-box {
  text-align: left
}
}
.devices-list .device-details .actions-wrapper .btns-box a, .devices-list .device-details .actions-wrapper .btns-box button {
  margin: 0 auto 0.5rem auto
}

@media (min-width: 640px) {
.devices-list .device-details .actions-wrapper .btns-box a, .devices-list .device-details .actions-wrapper .btns-box button {
  margin: 0 0 0.5rem
}
}

@media (min-width: 640px) {
.devices-list .device-details .actions-wrapper .btns-box a+a, .devices-list .device-details .actions-wrapper .btns-box a+button, .devices-list .device-details .actions-wrapper .btns-box button+a, .devices-list .device-details .actions-wrapper .btns-box button+button {
  margin-right: 0.6rem
}
}

@media (min-width: 640px) {
.devices-list .device-details .actions-wrapper .btns-box+.remove-device-btn {
  margin-bottom: auto;
  margin-top: 0.5rem
}
}
.devices-list .device-details .actions-wrapper .btns-box li {
  list-style-type: none
}
.devices-list .info-box {
  background: #f6f4f0;
  display: flex;
  padding: 0.9rem;
  margin: 0.9rem 0
}

@media (min-width: 960px) {
.devices-list .info-box {
  padding: 0.9rem;
  margin: 0.9rem 0
}
}
.devices-list .info-box__icon {
  margin-right: 0.5rem
}
.device-add-wrapper>.actions-wrapper {
  margin-top: 0;
  justify-content: center;
  flex-direction: row
}
.device-add-wrapper .device-add-form {
  background: #f6f4f0;
  display: none;
  padding: 2.8rem 1.6rem;
  margin: 0 -1.6rem
}

@media (min-width: 640px) {
.device-add-wrapper .device-add-form .actions-wrapper {
  flex-direction: row
}
.device-add-wrapper .device-add-form .actions-wrapper a+a, .device-add-wrapper .device-add-form .actions-wrapper a+button, .device-add-wrapper .device-add-form .actions-wrapper button+a, .device-add-wrapper .device-add-form .actions-wrapper button+button {
  margin-left: 0.6rem;
  margin-top: 0
}
}

@media (min-width: 960px) {
.device-add-wrapper .device-add-form {
  margin: 0
}
}
.device-add-wrapper.-add>.actions-wrapper, .device-add-wrapper.-add .no-device-section .actions-wrapper {
  display: none
}
.device-add-wrapper.-add .device-add-form {
  display: block
}
.device-add-wrapper .no-device-section .actions-wrapper {
  flex-direction: row;
  justify-content: center
}

@media (min-width: 960px) {
.device-add-wrapper .no-device-section h3, .device-add-wrapper .no-device-section .h3 {
  font-size: 1.6rem;
  line-height: 1.315;
  max-width: 258px;
  margin-left: auto;
  margin-right: auto
}
}

@media (min-width: 960px) {
.order-list {
  margin-top: -0.3rem
}
}
.order-list h2, .order-list .h2 {
  font-size: 1.4rem;
  line-height: 1.42
}

@media (min-width: 960px) {
.order-list h2, .order-list .h2 {
  font-size: 2.1rem;
  line-height: 1.23
}
}
.order-list h2+.form-toggle, .order-list .h2+.form-toggle {
  margin-top: 2.8rem
}
.order-list.-view .form-toggle:not(.-view):not(.no-overlay) .order-wrapper {
  position: relative
}
.order-list.-view .-view .order-resume {
  display: block
}
.order-list.-view .-view+.form-toggle {
  margin-top: 0;
  border-top: 0
}
.order-list .order-detail .actions-wrapper {
  margin-top: 0.8rem;
  justify-content: space-between;
  align-items: center;
  flex-direction: row
}
.order-list .order-detail .actions-wrapper a+a, .order-list .order-detail .actions-wrapper a+button, .order-list .order-detail .actions-wrapper button+a, .order-list .order-detail .actions-wrapper button+button {
  margin-top: 0
}
.order-list .order-resume {
  background: #f6f4f0;
  display: none;
  padding: 2.8rem 1.6rem;
  margin: 1.6rem -1.6rem 0
}

@media (min-width: 960px) {
.order-list .order-resume {
  margin: 1.6rem 0 0;
  padding: 2rem 2rem
}
}
.order-list .order-resume address+h4, .order-list .order-resume address+.h4 {
  margin-top: 1.6rem
}
.order-list .order-resume h4, .order-list .order-resume .h4 {
  font-family: "iqos", "Open Sans", sans-serif;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.2;
  margin-bottom: 1.2rem
}

@media (min-width: 960px) {
.order-list .order-resume h4, .order-list .order-resume .h4 {
  font-size: 0.8rem;
  line-height: 1.5;
  margin-bottom: 0.4rem
}
}
.order-list .order-resume .order-items-list {
  margin: 1.2rem 0 1.6rem
}
.order-list .order-resume .order-item-wrapper {
  padding-bottom: 0.6rem
}

@media (min-width: 960px) {
.order-list .order-resume .order-item-wrapper {
  padding-bottom: 1.2rem;
  border-bottom: 1px solid #e1e0e2
}
}
.order-list .order-resume .order-item-row {
  display: flex;
  flex-wrap: nowrap
}
.order-list .order-resume .order-item-detail {
  flex: 1;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0.4rem 0
}
.order-list .order-resume .order-item-detail h5 {
  font-family: "iqos", "Open Sans", sans-serif;
  font-weight: bold;
  font-size: 0.8rem;
  line-height: 1.5;
  letter-spacing: 0.2px;
  flex: 1
}
.order-list .order-resume .order-item-detail .item-variant, .order-list .order-resume .order-item-detail .item-amount {
  font-family: "iqos", "Open Sans", sans-serif;
  font-weight: normal;
  font-size: 0.7rem;
  line-height: 1.42;
  letter-spacing: 0.4px;
  display: block
}
.order-list .order-resume .order-item-price {
  margin-left: 1rem;
  min-width: 66px;
  flex-shrink: 0
}
.order-list .order-resume .order-item-price .price {
  font-family: "iqos", "Open Sans", sans-serif;
  font-weight: bold;
  font-size: 0.8rem;
  line-height: 1.5;
  display: block;
  color: #524f5a
}
.order-list .order-resume .order-item-price .oldprice {
  display: block;
  font-size: 12px;
  line-height: 1.333;
  color: #7b7881
}
.order-list .order-resume .img-wrapper {
  width: 88px;
  height: 88px;
  flex-shrink: 0;
  margin-right: 0.4rem
}
.order-list .order-resume .img-wrapper img {
  max-width: 100%;
  max-height: 100%
}
.order-list .order-resume .order-item-actions {
  display: none
}
 .order-list .order-resume .order-item-actions:has(*) {
 display: flex;
 align-items: center;
 padding-top: 0.6rem
}

@media (min-width: 960px) {
.order-list .order-resume .order-item-actions {
  padding-top: 1.2rem
}
}
.page-cart {
}
.page-cart .cart-global-wrapper {
  padding: 2rem 1.6rem
}

@media (min-width: 960px) {
.page-cart .cart-global-wrapper {
  padding: 3.6rem 0
}
}

@media (max-width: 839px) {
.page-cart .cart-global-wrapper .content-wrapper.small-wrapper {
  max-width: none
}
}
.page-cart header h3, .page-cart header h4, .page-cart header .h3, .page-cart header .h4 {
  font-size: 2.1rem;
  padding: 0.6rem 0 0.25rem;
  margin: 0;
  font-weight: bold;
  text-transform: uppercase
}

@media (max-width: 1279px) {
.page-cart header h3, .page-cart header h4, .page-cart header .h3, .page-cart header .h4 {
  font-size: 1.5rem;
  padding-bottom: 0.4rem
}
}

@media (max-width: 839px) {
.page-cart header h3, .page-cart header h4, .page-cart header .h3, .page-cart header .h4 {
  font-size: 1.75rem;
  padding-bottom: 0.5rem
}
}

@media (max-width: 639px) {
.page-cart header h3, .page-cart header h4, .page-cart header .h3, .page-cart header .h4 {
  font-size: 1.15rem;
  padding: 0.2rem 0 0.9rem
}
}
.page-cart header p.subtitle {
  font-size: 0.9rem;
  margin-bottom: 1.9rem
}

@media (max-width: 1279px) {
.page-cart header p.subtitle {
  margin-bottom: 1.45rem
}
}

@media (max-width: 639px) {
.page-cart header p.subtitle {
  font-size: 0.9rem;
  line-height: 1.25rem;
  margin-bottom: 1.35rem
}
}
.page-cart header.cart-header-sticky {
  position: fixed;
  z-index: 99;
  top: -100%;
  left: 0;
  padding: 18px;
  background: #ffffff;
  box-shadow: 0 0 10px #cdcdcd;
  width: 100%;
  transition: top 0.2s linear
}
.page-cart header.cart-header-sticky h3, .page-cart header.cart-header-sticky .h3, .page-cart header.cart-header-sticky a {
  display: inline-block;
  vertical-align: middle
}

@media (max-width: 639px) {
.page-cart header.cart-header-sticky h3, .page-cart header.cart-header-sticky .h3, .page-cart header.cart-header-sticky a {
  display: block
}
}
.page-cart header.cart-header-sticky h3, .page-cart header.cart-header-sticky .h3 {
  font-size: 1.3rem;
  padding: 0
}

@media (max-width: 639px) {
.page-cart header.cart-header-sticky h3, .page-cart header.cart-header-sticky .h3 {
  margin-top: 0;
  line-height: 1.6rem
}
}
.page-cart header.cart-header-sticky a {
  margin-left: 40px
}

@media (max-width: 959px) {
.page-cart header.cart-header-sticky a {
  margin-left: 20px
}
}

@media (max-width: 639px) {
.page-cart header.cart-header-sticky a {
  width: auto;
  margin: 20px 0 0
}
}

@media (max-width: 374px) {
.page-cart header #checkout_totals_header .cta-button {
  width: 100%
}
}

@media (max-width: 639px) {
.page-cart header #checkout_totals_header .actions-wrapper .btn, .page-cart header #checkout_totals_header .actions-wrapper .ui_558574, .page-cart header #checkout_totals_header .actions-wrapper .ui_517427, .page-cart header #checkout_totals_header .actions-wrapper .ui_464917 {
  width: 100%
}
}
.page-cart .cart-content-wrapper .cart_product_banner {
  margin: 0 0 2.6rem;
  border-bottom: 1px solid #e1e0e2
}
.page-cart .cart-content-wrapper .cart_product_banner .cart_banner_title {
  margin-bottom: 40px;
  border: none
}
.page-cart .cart-content-wrapper .cart_product_banner .cart_banner_subtitle {
  margin-bottom: 30px
}
.page-cart .cart-content-wrapper .cart_product_banner .product-image-wrapper {
  display: inline-block;
  width: 250px;
  height: 250px
}
.page-cart .cart-content-wrapper .cart_product_banner .product-image-wrapper .no-image {
  background-color: #f6f4f0;
  border-radius: 11px
}
.page-cart .cart-content-wrapper .cart_product_banner .gaeec-attrs {
  border: none;
  margin: 0 0 5px;
  font-size: 20px
}
.page-cart .cart-content-wrapper .cart_product_banner .product-details {
  display: inline-block;
  width: calc(100% - 265px);
  padding-top: 35px;
  padding-left: 60px;
  vertical-align: top
}
.page-cart .cart-content-wrapper .cart_product_banner .product-details .ggt-add-to-cart {
  margin-left: auto;
  margin-top: 10px;
  display: flex
}

@media (max-width: 959px) {
.page-cart .cart-content-wrapper .cart_product_banner {
  padding: 0;
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px solid #e1e0e2;
  border-bottom: none;
  margin-bottom: 0
}
.page-cart .cart-content-wrapper .cart_product_banner .cart_banner_title {
  margin: 0 0 30px
}
.page-cart .cart-content-wrapper .cart_product_banner .cart_banner_subtitle {
  margin: 0 0 30px;
  border: none
}
.page-cart .cart-content-wrapper .cart_product_banner .product-image-wrapper {
  width: 120px;
  height: 120px
}
.page-cart .cart-content-wrapper .cart_product_banner .product-details {
  width: calc(100% - 125px);
  padding-top: 0;
  padding-left: 15px
}
.page-cart .cart-content-wrapper .cart_product_banner .product-details .h3.gaeec-attrs {
  line-height: 1;
  margin-bottom: 14px;
  font-size: 17px
}
.page-cart .cart-content-wrapper .cart_product_banner .product-details .prod-descr {
  font-size: 15px
}
.page-cart .cart-content-wrapper .cart_product_banner .product-details .ggt-add-to-cart {
  margin: 40px 0 20px -30px
}
}

@media (max-width: 959px) {
.page-cart .cart-content-wrapper.product_banner_reverse {
  display: flex;
  flex-direction: column-reverse
}
}
.cart-content-wrapper {
}
.cart-content-wrapper h3, .cart-content-wrapper .h3 {
  border-bottom: 1px solid #000;
  padding-bottom: 0.2rem;
  margin-top: 1.6rem;
  margin-bottom: 1.6rem;
  font-weight: bold
}

@media (max-width: 1279px) {
.cart-content-wrapper h3, .cart-content-wrapper .h3 {
  margin-top: 1.4rem;
  margin-bottom: 1.4rem
}
}

@media (max-width: 959px) {
.cart-content-wrapper h3, .cart-content-wrapper .h3 {
  margin-top: 1.3rem;
  margin-bottom: 1.3rem
}
}

@media (max-width: 839px) {
.cart-content-wrapper h3, .cart-content-wrapper .h3 {
  margin-top: 1.2rem;
  margin-bottom: 1.2rem
}
}
.cart-content-wrapper .cart_items>ul {
  margin: 0;
  padding: 0;
  list-style: none
}
.cart-content-wrapper .cart_items>ul li {
  display: block
}
.cart-content-wrapper .cart_items>ul>li {
  margin: 0;
  padding: 0
}
.cart-content-wrapper .cart_items>ul>li+li {
  border-top: 1px solid #e1e0e2;
  margin-top: 1.4rem;
  padding-top: 1.4rem
}
.cart-content-wrapper .cart_items>ul>li+li.sub-item {
  margin-top: 0;
  padding-top: 0;
  border: none
}

@media (max-width: 839px) {
.cart-content-wrapper .cart_items>ul>li+li.sub-item {
  margin-top: 0.5rem
}
}
.cart-content-wrapper .cart_items>ul>li+li.sub-item .article-item-revamp>figure>.img-wrapper {
  width: 230px;
  height: 78px;
  padding-left: 140px;
  align-items: baseline
}

@media (max-width: 839px) {
.cart-content-wrapper .cart_items>ul>li+li.sub-item .article-item-revamp>figure>.img-wrapper {
  width: 100px;
  padding-left: 40px;
  height: 40px
}
}
.cart-content-wrapper .cart_items>ul>li+li.sub-item .article-item-revamp>figure figcaption {
  padding-left: 0.5rem;
  padding-bottom: 0
}
.cart-content-wrapper .cart-update-button-wrapper {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden
}
.cart-content-wrapper .article.display-items {
  height: auto
}
.cart-content-wrapper .article.display-items h4 {
  font-weight: bold
}
.cart-content-wrapper .article.display-items .footer {
  padding: 2.8rem 0 0 0
}
.cart-content-wrapper .article.display-items small.product-set-old-price {
  flex-basis: 100%;
  text-align: right
}
.cart-content-wrapper .article figure {
  margin: 0;
  padding: 0;
  width: 100%;
  height: inherit;
  display: flex;
  align-items: stretch
}
.cart-content-wrapper .article figure>.img-wrapper {
  width: 88px;
  height: 88px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0
}

@media (min-width: 840px) {
.page-cart .cart-content-wrapper .article figure>.img-wrapper {
  width: 132px;
  height: 132px
}
}
.cart-content-wrapper .article figure img {
  display: block;
  height: auto;
  width: 100%
}
.cart-content-wrapper .article figure>figcaption {
  position: relative;
  display: flex;
  flex-direction: row;
  align-content: flex-start;
  justify-content: space-between;
  height: 100%;
  margin: 0;
  padding-left: 0.2rem;
  flex-grow: 1;
  flex-wrap: wrap
}

@media (min-width: 840px) {
.page-cart .cart-content-wrapper .article figure>figcaption {
  padding: 0.8rem 0 0.8rem 1.8rem
}
}
.cart-content-wrapper .article figure>figcaption h4, .cart-content-wrapper .article figure>figcaption .h4 {
  color: #34303d;
  flex: 1 0 0;
  margin: 0;
  padding: 0 0.8rem 0.4rem 0;
  order: 0;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold;
  font-size: 0.8rem;
  line-height: 1.5;
  min-height: calc(100% - 1.2rem);
  min-width: 65%;
  letter-spacing: 0.2px
}

@media (min-width: 640px) {
.cart-content-wrapper .article figure>figcaption h4, .cart-content-wrapper .article figure>figcaption .h4 {
  order: 1;
  min-width: 0
}
}

@media (min-width: 840px) {
.page-cart .cart-content-wrapper .article figure>figcaption h4, .page-cart .cart-content-wrapper .article figure>figcaption .h4 {
  font-size: 1.2rem;
  padding: 0 1.6rem 0 0
}
}
.cart-content-wrapper .article figure>figcaption h4 .badge, .cart-content-wrapper .article figure>figcaption .h4 .badge {
  display: inline-block;
  vertical-align: middle;
  top: -2px
}
.cart-content-wrapper .article figure>figcaption .prod-variant {
  font-size: 0.7rem;
  font-weight: normal;
  letter-spacing: 0.4px
}
.cart-content-wrapper .article figure>figcaption div.item-price {
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold;
  text-align: right;
  order: 0;
  font-size: 0.8rem;
  width: 28%
}

@media (min-width: 640px) {
.cart-content-wrapper .article figure>figcaption div.item-price {
  order: 3;
  padding-left: 16px;
  width: auto;
  min-width: 120px
}
}

@media (min-width: 840px) {
.page-cart .cart-content-wrapper .article figure>figcaption div.item-price {
  min-width: 150px;
  font-size: 1.2rem;
  line-height: 1.5;
  padding-left: 32px
}
}
.cart-content-wrapper .article figure>figcaption div.item-price .price {
  display: block;
  letter-spacing: 0.2px
}

@media (min-width: 840px) {
.cart-content-wrapper .article figure>figcaption div.item-price .price {
  letter-spacing: 0
}
}
.cart-content-wrapper .article figure>figcaption div.item-price .old_price {
  display: block;
  color: #7b7881;
  text-decoration: line-through;
  font-weight: normal;
  font-size: 0.6rem;
  line-height: 1.33;
  letter-spacing: 0
}

@media (min-width: 840px) {
.cart-content-wrapper .article figure>figcaption div.item-price .old_price {
  margin-top: 0.2rem
}
}
.cart-content-wrapper .article figure>figcaption s {
  opacity: 0.6;
  padding: 0 0 0 0.2rem
}
.cart-content-wrapper .article figure>figcaption>div.promotion-label {
  order: 6
}
.cart-content-wrapper .article figure>figcaption>small.product-set-old-price {
  order: 7
}
.cart-content-wrapper .article figure>figcaption>p {
  flex-basis: 100%;
  order: 8
}
.cart-content-wrapper .article figure>figcaption p {
  margin: 0;
  padding: 0;
  line-height: 1.44;
  font-size: 16px
}

@media (max-width: 959px) {
.cart-content-wrapper .article figure>figcaption p {
  line-height: 1.64;
  font-size: 14px
}
}
.cart-content-wrapper .article figure>figcaption .cm-picker-product-options {
  margin: 0;
  color: #34303d;
  font-size: 0.7rem;
  font-weight: normal;
  line-height: 1.42;
  letter-spacing: -0.4px;
  max-width: 290px
}

@media (min-width: 840px) {
.cart-content-wrapper .article figure>figcaption .cm-picker-product-options {
  margin: 0.4rem 0 0.6rem;
  font-size: 0.8rem;
  letter-spacing: 0
}
}
.cart-content-wrapper .article figure>figcaption .cm-picker-product-options .form-label {
  max-width: 200px
}
.cart-content-wrapper .article figure>figcaption .cm-picker-product-options>div>span {
  display: block;
  font-size: 16px;
  line-height: 1.44;
  margin-bottom: 5px
}
.cart-content-wrapper .article figure>figcaption .cm-picker-product-options .is-dropdown {
  max-width: 250px
}
.cart-content-wrapper .article figure>figcaption .cm-picker-product-options div[class^="option-type-"] {
  margin-bottom: 0.75rem
}
.cart-content-wrapper .article figure>figcaption .cm-picker-product-options .-hard-white .label-desc>span {
  background: inherit
}
.cart-content-wrapper .article figure>figcaption .cm-picker-product-options .check-btn-like {
  max-width: 137px
}
.cart-content-wrapper .article figure>figcaption .qty-selector-w {
  order: 1;
  width: 50%;
  text-align: right;
  margin-top: auto;
  max-width: 70px
}
.cart-content-wrapper .article figure>figcaption .qty-selector-w .qty-selector {
  margin-left: auto
}

@media (min-width: 640px) {
.cart-content-wrapper .article figure>figcaption .qty-selector-w {
  order: 2;
  margin: 0;
  width: auto
}
}
.cart-content-wrapper .article figure>figcaption .cm-gift-item-container {
  order: 4;
  width: 100%;
  margin-bottom: 5px;
  display: flex;
  flex-flow: column;
  align-items: flex-end
}

@media (max-width: 639px) {
.cart-content-wrapper .article figure>figcaption .cm-gift-item-container {
  margin-bottom: 0;
  margin-top: 10px;
  order: 1
}
}
.cart-content-wrapper .article figure>figcaption .cart-additional-content {
  display: block;
  width: 100%;
  margin: 5px 0
}

@media (min-width: 640px) {
.cart-content-wrapper .article figure>figcaption .cart-additional-content {
  order: 4
}
}
.cart-content-wrapper .article figure>figcaption .cart-additional-content .cart__compatible-items {
  font-size: 0.6rem;
  margin-bottom: 10px
}
.cart-content-wrapper .article figure>figcaption .footer {
  margin-top: auto;
  width: 50%;
  order: 0;
  display: flex;
  justify-content: flex-start
}

@media (min-width: 640px) {
.cart-content-wrapper .article figure>figcaption .footer {
  order: 5;
  width: 100%;
  justify-content: flex-end
}
}

@media (max-width: 639px) {
.cart-content-wrapper .article figure>figcaption .footer>.form-group {
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-end;
  justify-content: space-between
}
}
.cart-content-wrapper .article figure>figcaption .footer .delete-btn-w button, .cart-content-wrapper .article figure>figcaption .footer .delete-btn-w a.delete-cart-item {
  color: #34303d;
  font-size: 0.65rem;
  right: 0;
  cursor: pointer;
  outline: none;
  text-decoration: underline
}
.cart-content-wrapper .article figure>figcaption .footer .delete-btn-w button:hover, .cart-content-wrapper .article figure>figcaption .footer .delete-btn-w a.delete-cart-item:hover {
  text-decoration-color: #00D1D2
}
.cart-content-wrapper .article figure>figcaption .footer .delete-btn-w .form-select, .cart-content-wrapper .article figure>figcaption .footer .delete-btn-w .product_amount {
  position: absolute;
  width: auto;
  min-width: 70px;
  height: 40px;
  top: 1.1rem;
  right: 4.7rem;
  border-radius: 3px
}

@media (max-width: 1279px) {
.cart-content-wrapper .article figure>figcaption .footer .delete-btn-w .form-select, .cart-content-wrapper .article figure>figcaption .footer .delete-btn-w .product_amount {
  top: 1rem
}
}

@media (max-width: 839px) {
.cart-content-wrapper .article figure>figcaption .footer .delete-btn-w .form-select, .cart-content-wrapper .article figure>figcaption .footer .delete-btn-w .product_amount {
  right: 5.7rem
}
}

@media (max-width: 639px) {
.cart-content-wrapper .article figure>figcaption .footer .delete-btn-w .form-select, .cart-content-wrapper .article figure>figcaption .footer .delete-btn-w .product_amount {
  position: static
}
}
.cart-content-wrapper .article figure>figcaption .footer .delete-btn-w .form-select {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%239D6B25' viewBox='0 0 12 12'%3e%3cpolygon points='6 9.91 0.29 4.21 1.71 2.79 6 7.09 10.29 2.79 11.71 4.21 6 9.91'/%3e%3c/svg%3e")
}
.cart-content-wrapper .article figure>figcaption .footer .delete-btn-w .product_amount {
  padding-left: 10px
}
.cart-content-wrapper .cart_items #gift_experience_form {
  margin: 0
}
.cart-content-wrapper #gift_experience_form {
  margin: 0
}
.cart-content-wrapper #gift_experience_form .form-container {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px
}
.cart-content-wrapper #gift_experience_form .form-container .form-group {
  padding: 0 10px;
  margin-bottom: 20px
}

@media (min-width: 641px) {
.cart-content-wrapper #gift_experience_form .form-container .form-group {
  flex-basis: 50%;
  width: 50%
}
}
.cart-content-wrapper #gift_experience_form .form-container .form-group label.input-container {
  margin: 0;
  display: block
}
.cart-content-wrapper #gift_experience_form .gift-experience-button-container button {
  min-width: 200px
}
.cart-summary-wrapper .cart-summary .form-container {
  display: flex
}

@media (max-width: 767px) {
.cart-summary-wrapper .cart-summary .form-container {
  flex-wrap: wrap
}
}
.cart-summary-wrapper .cart-summary .input-container {
  margin: 0
}
.cart-summary-wrapper .cart-summary .input-container:not(.-expanded)+.cta-button {
  height: 45px;
  margin-left: 20px;
  min-width: 80px
}

@media (max-width: 767px) {
.cart-summary-wrapper .cart-summary .input-container:not(.-expanded)+.cta-button {
  flex-basis: 100%;
  margin-left: 0;
  margin-top: 15px
}
}
.cart-summary-wrapper .cart-summary .applied_promotions {
  margin-top: 5px;
  max-width: 200px;
  color: #27570E;
  font-size: 0.6rem;
  margin-bottom: 5px
}
.cart-summary-wrapper .cart-summary .applied_promotions p {
  margin: 0
}
.cart-summary-wrapper .cart-summary .applied_promotions .coupon_line+.coupon_line {
  margin-top: 10px
}
.cart-summary-wrapper .cart-summary .applied_promotions .coupon_line {
  position: relative
}
.cart-summary-wrapper .cart-summary .applied_promotions .coupon_line .remove-coupon-btn {
  padding: 3px 8px;
  font-size: 9px;
  position: absolute;
  left: 100%;
  top: 0
}
.cart-summary-wrapper .cart-summary .applied_promotions .coupon_line .remove-coupon-btn.loading-btn:after {
  width: 12px;
  height: 12px;
  margin-top: -6px;
  margin-left: -6px
}
.cart-summary-wrapper .cart-summary .coupon_info {
  margin: 20px 0;
  position: relative
}

@media (max-width: 767px) {
.cart-summary-wrapper .cart-summary .coupon_info {
  margin-bottom: 25px
}
}
.cart-summary-wrapper .cart-summary .coupon_info .input-container {
  flex-basis: 165px
}

@media (max-width: 767px) {
.cart-summary-wrapper .cart-summary .coupon_info .input-container {
  flex-basis: 100%
}
}
.cart-summary-wrapper .cart-summary .coupon_info .actions-wrapper {
  margin-top: 1.25rem
}
.cart-payment-wrapper {
  display: flex;
  flex-direction: column;
  padding-top: 2rem;
  margin-top: 2rem;
  border-top: 1px solid #e1e0e2
}

@media (min-width: 640px) {
.cart-payment-wrapper {
  flex-direction: row-reverse
}
}
.cart-payment-wrapper .cart-recap-pay {
  flex-basis: 100%
}

@media (min-width: 640px) {
.cart-payment-wrapper .cart-recap-pay {
  flex-basis: 60%;
  padding-left: 0.8rem
}
}

@media (min-width: 1280px) {
.cart-payment-wrapper .cart-recap-pay {
  flex-basis: 50%
}
}
.cart-summary-wrapper h5, .cart-summary-wrapper .h5 {
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: normal;
  line-height: 1.5;
  font-size: 0.8rem;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: space-between
}
.cart-summary-wrapper h5+h5, .cart-summary-wrapper h5+.h5, .cart-summary-wrapper .h5+h5, .cart-summary-wrapper .h5+.h5 {
  margin-top: 0.4rem
}
.cart-summary-wrapper h5 .subtotal-label, .cart-summary-wrapper .h5 .subtotal-label {
  width: 65%;
  margin-right: 1rem
}
.cart-summary-wrapper h5 .subtotal-value, .cart-summary-wrapper .h5 .subtotal-value {
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold
}
.cart-summary-wrapper h5 a, .cart-summary-wrapper .h5 a {
  color: #c6914b;
  text-decoration: none
}
.cart-summary-wrapper h5.cart-recap-discount, .cart-summary-wrapper .h5.cart-recap-discount {
  color: #27570e !important
}
.cart-summary-wrapper h5.cart-recap-including-discount>span, .cart-summary-wrapper .h5.cart-recap-including-discount>span {
  color: #27570e !important
}
.cart-summary-wrapper h4, .cart-summary-wrapper .h4 {
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold;
  border-top: 1px solid #e1e0e2;
  padding-top: 1.6rem;
  margin: 2rem 0 0;
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: space-between;
  font-size: 1rem;
  line-height: 1.2
}

@media (min-width: 960px) {
.cart-summary-wrapper h4, .cart-summary-wrapper .h4 {
  font-size: 1.36rem
}
}
.cart-summary-wrapper h4 .total-label, .cart-summary-wrapper .h4 .total-label {
  width: 65%;
  margin-right: 1rem
}
.cart-summary-wrapper .cart-recap-valid {
  border-top: 1px solid #e1e0e2;
  margin: 2rem 0 0;
  padding-top: 1.6rem
}
.cart-summary-wrapper .cart-recap-terms {
  border-top: 1px solid #e1e0e2;
  margin: 2rem 0 0;
  padding-top: 1.6rem
}
.cart-summary-wrapper .including-tax {
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: normal;
  display: block;
  font-size: 0.6rem;
  line-height: 1.5;
  letter-spacing: 0.2px;
  margin-top: 0.4rem
}
.cart-summary-wrapper .big-pay {
  min-width: 22.8rem;
  padding: 0.85rem;
  font-size: 0.95rem;
  height: 2.85rem;
  margin-right: 0
}

@media (max-width: 1279px) {
.cart-summary-wrapper .big-pay {
  width: 100%;
  min-width: unset
}
}

@media (max-width: 839px) {
.cart-summary-wrapper .big-pay {
  letter-spacing: 0.15rem
}
}

@media (max-width: 639px) {
.cart-summary-wrapper .big-pay {
  display: none
}
}
.cart-summary-wrapper .accordion-coupon button {
  font-weight: normal;
  font-size: 0.8rem;
  line-height: 1.5
}
.cart-summary-wrapper .accordion-coupon button b {
  border: none;
  width: 0.9rem
}
.cart-payment-info {
  flex-basis: 100%;
  margin-top: 1.6rem
}

@media (min-width: 640px) {
.cart-payment-info {
  flex-basis: 40%;
  padding-right: 0.8rem;
  margin-top: 0
}
}

@media (min-width: 1280px) {
.cart-payment-info {
  flex-basis: 50%
}
}
.cart-payment-info h5, .cart-payment-info .h5 {
  padding: 0;
  margin: 0;
  font-weight: bold;
  font-size: 0.8rem
}
.cart-payment-info h5 .cart-recap-shipping-title, .cart-payment-info .h5 .cart-recap-shipping-title {
  padding-bottom: 0
}

@media (max-width: 839px) {
.cart-payment-info h5 .cart-recap-shipping-title, .cart-payment-info .h5 .cart-recap-shipping-title {
  padding-bottom: 0.2rem
}
}

@media (max-width: 639px) {
.cart-payment-info h5 .cart-recap-shipping-title, .cart-payment-info .h5 .cart-recap-shipping-title {
  padding-bottom: 0
}
}
.cart-payment-info .cart-payment-cards {
  display: flex;
  flex-wrap: wrap;
  margin: 0.4rem 0 0 -0.2rem
}
.cart-payment-info .cart-payment-cards .img-wrapper {
  border-radius: 3px;
  border: solid 1px #e1e0e2;
  width: 72px;
  height: 40px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0.2rem 0 0 0.2rem
}
.cart-payment-info .cart-payment-cards .img-wrapper img {
  max-width: 90%;
  max-height: 80%
}
.cart-payment-info .cart-payment-cards+h5, .cart-payment-info .cart-payment-cards+.h5 {
  margin-top: 2rem
}
.cart-payment-info ul {
  margin-left: 0;
  margin-bottom: 0.8rem
}
.cart-payment-info ul li {
  list-style: none;
  margin-left: 0;
  font-size: 0.7rem
}

@media (max-width: 839px) {
.cart-payment-info ul li {
  font-size: 0.6rem
}
}
.cart-payment-info ul li:first-child {
  margin-top: 5px
}
.cart-payment-info ul li .icon {
  vertical-align: center;
  margin-right: 5px;
  display: inline-block
}
.cart-payment-info img.cart-img-rating {
  box-shadow: 0 0 10px #ccc
}
.cart-footer {
  margin-left: -3.5rem;
  margin-right: -3.5rem;
  overflow: hidden
}

@media (max-width: 1279px) {
.cart-footer {
  margin-left: -2rem;
  margin-right: -2rem
}
}

@media (max-width: 959px) {
.cart-footer {
  margin-left: -1rem;
  margin-right: -1rem
}
}
.cart-footer {
  background: white;
  padding: 4rem;
  display: block;
  margin-top: 4.15rem
}

@media (max-width: 959px) {
.cart-footer {
  margin-top: 2rem;
  padding: 2rem 1rem
}
}
.cart-footer h6, .cart-footer .h6 {
  margin: 0 0 2.5rem;
  padding: 0;
  font-size: 2rem;
  text-align: center;
  border-top: none;
  letter-spacing: 0.1rem;
  color: #000;
  font-weight: 400
}

@media (max-width: 959px) {
.cart-footer h6, .cart-footer .h6 {
  text-align: left
}
}
.cart-footer .product-grid {
  max-width: 1320px;
  width: unset;
  margin: 2rem auto 0
}
.cart-footer .product-grid-inner {
  display: block;
  justify-content: unset;
  margin: 0;
  width: 100%
}
.cart-footer .product-grid-inner .article {
  padding: 0 8px;
  margin-top: 0;
  margin-bottom: 0;
  width: 25%;
  float: left
}

@media (max-width: 959px) {
.cart-footer .product-grid-inner .article {
  width: 33.33333%
}
}

@media (max-width: 839px) {
.cart-footer .product-grid-inner .article {
  width: 50%
}
}

@media (max-width: 639px) {
.cart-footer .product-grid-inner .article {
  width: 100%;
  padding: 0
}
}
.cart-footer .product-grid-inner .article h5, .cart-footer .product-grid-inner .article .h5 {
  font-size: 0.9rem
}
.cart-footer .product-grid-inner .article small {
  font-weight: bold;
  font-size: 0.9rem;
  color: #232324
}
.cart-footer .product-grid-inner .article small .ty-strike {
  font-weight: normal;
  color: #f00;
  text-decoration: line-through
}
.cart-footer .product-grid.rec-carousel {
  padding: 0;
  position: relative;
  display: flex;
  justify-content: center
}
.cart-footer .product-grid.rec-carousel .flickity-viewport {
  width: 100%;
  overflow: hidden
}

@media (max-width: 959px) {
.cart-footer .product-grid.rec-carousel .flickity-viewport {
  overflow: visible
}
}
.cart-footer .product-grid.rec-carousel .flickity-enabled.is-draggable .flickity-viewport {
  cursor: auto
}
.cart-footer .product-grid.rec-carousel .product-grid-inner {
  overflow: visible
}

@media (max-width: 839px) {
.cart-footer .product-grid.rec-carousel .product-grid-inner {
  width: 90%
}
}
.cart-footer .product-grid.rec-carousel .flickity-prev-next-button {
  height: 60px;
  width: 60px;
  padding: 18px;
  background-color: rgba(223, 224, 226, 0.6);
  border: none;
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2
}

@media (max-width: 959px) {
.cart-footer .product-grid.rec-carousel .flickity-prev-next-button {
  display: none
}
}
.cart-footer .product-grid.rec-carousel .flickity-prev-next-button svg {
  display: none
}
.cart-footer .product-grid.rec-carousel .flickity-prev-next-button:after {
  content: '';
  display: block;
  width: 18px;
  height: 18px;
  border-left: 2px solid #5f5f5f;
  border-bottom: 2px solid #5f5f5f
}
.cart-footer .product-grid.rec-carousel .flickity-prev-next-button.previous {
  right: 100%
}
.cart-footer .product-grid.rec-carousel .flickity-prev-next-button.previous:after {
  transform: translateX(5px) rotateZ(45deg)
}
.cart-footer .product-grid.rec-carousel .flickity-prev-next-button.next {
  left: 100%
}
.cart-footer .product-grid.rec-carousel .flickity-prev-next-button.next:after {
  transform: rotateZ(225deg)
}
.cart-footer .product-grid.rec-carousel .flickity-prev-next-button:disabled {
  display: none
}
.cart-footer .product-grid.rec-carousel .flickity-page-dots {
  position: static
}
.cart-footer .product-grid.rec-carousel .flickity-page-dots .dot {
  border: none
}
.cart-footer .product-grid.rec-carousel .flickity-page-dots .dot:not(.is-selected) {
  height: 6px;
  width: 6px;
  opacity: 0.5;
  margin: 22px 4px;
  background-color: #bcbcbc
}
.cart-footer .product-grid.rec-carousel .flickity-page-dots .dot.is-selected {
  background-color: #d6a76f;
  opacity: 1;
  margin: 20px 4px
}
.cart-footer .product-grid.rec-carousel .flickity-page-dots .dot:only-child {
  display: none
}
.cart-footer .product-grid.rec-carousel .article {
  padding: 0 8px;
  opacity: 0.5;
  transition: 0.3s opacity
}
.cart-footer .product-grid.rec-carousel .article.is-selected {
  opacity: 1
}
.cart-footer .ty-discount-label {
  display: none !important
}
.checkout-revamp .cart-global-wrapper {
  padding: 2rem 0 2rem 0
}
.checkout-revamp .cart-content-wrapper {
  padding-left: 1.6rem;
  padding-right: 1.6rem
}
.checkout-revamp .cart-payment-wrapper {
  margin-top: 0;
  border-top: none
}

@media (max-width: 767px) {
.checkout-revamp .cart-recap-extra-total {
  padding-left: 1.6rem;
  padding-right: 1.6rem
}
}

@media (max-width: 767px) {
.checkout-revamp .cart-summary-wrapper h5, .checkout-revamp .cart-summary-wrapper .h5 {
  padding-left: 1.6rem;
  padding-right: 1.6rem
}
}
.checkout-revamp .cart-summary-wrapper .cart-summary .coupon_info {
  border-top: 1px solid #e1e0e2;
  border-bottom: 1px solid #e1e0e2;
  padding-top: 15px;
  padding-bottom: 15px
}

@media (max-width: 767px) {
.checkout-revamp .cart-summary-wrapper .cart-summary .coupon_info {
  border-top: 8px solid #f6f4f0;
  border-bottom: 8px solid #f6f4f0;
  padding-left: 1.6rem;
  padding-right: 1.6rem
}
}

@media (max-width: 767px) {
.checkout-revamp .cart-summary-wrapper .cart-summary>.actions-wrapper {
  padding-left: 1.6rem;
  padding-right: 1.6rem
}
}
.checkout-revamp .cart-payment-info {
  flex-basis: 100%;
  margin-top: 1.6rem
}

@media (max-width: 767px) {
.checkout-revamp .cart-payment-info {
  padding-left: 1.6rem;
  padding-right: 1.6rem
}
}
.cart-merge .modal-container .icon-cart::before {
  content: url('../../../../../design/themes/kura/media/icons/icon_cart_light.svg?1690945733');
  display: block;
  width: 64px;
  height: 64px;
  margin: 0 auto 2rem
}
.cart-merge .modal-container .actions-wrapper {
  margin-top: 1.5rem;
  display: flex;
  flex-direction: column;
  align-items: normal
}
.cart-merge .modal-container .actions-wrapper .btn+.btn, .cart-merge .modal-container .actions-wrapper .ui_558574+.btn, .cart-merge .modal-container .actions-wrapper .ui_558574+.ui_558574, .cart-merge .modal-container .actions-wrapper .ui_558574+.ui_517427, .cart-merge .modal-container .actions-wrapper .ui_558574+.ui_464917, .cart-merge .modal-container .actions-wrapper .ui_517427+.btn, .cart-merge .modal-container .actions-wrapper .ui_517427+.ui_558574, .cart-merge .modal-container .actions-wrapper .ui_517427+.ui_517427, .cart-merge .modal-container .actions-wrapper .ui_517427+.ui_464917, .cart-merge .modal-container .actions-wrapper .ui_464917+.btn, .cart-merge .modal-container .actions-wrapper .ui_464917+.ui_558574, .cart-merge .modal-container .actions-wrapper .ui_464917+.ui_517427, .cart-merge .modal-container .actions-wrapper .ui_464917+.ui_464917, .cart-merge .modal-container .actions-wrapper .btn+.ui_558574, .cart-merge .modal-container .actions-wrapper .btn+.ui_517427, .cart-merge .modal-container .actions-wrapper .btn+.ui_464917 {
  margin-left: 0;
  margin-top: 1.2rem
}
.checkout-main {
}
.checkout-main .form-wrapper.checkout-login {
  display: flex;
  flex-direction: column;
  max-width: 1332px;
  margin: 0 auto
}
.checkout-main .form-wrapper.checkout-login.invert-panels {
  flex-direction: column-reverse
}

@media (min-width: 841px) {
.checkout-main .form-wrapper.checkout-login {
  flex-direction: row;
  flex-wrap: nowrap
}
.checkout-main .form-wrapper.checkout-login.invert-panels {
  flex-direction: row-reverse
}
}

@media (max-width: 1023px) {
.checkout-main .form-wrapper.checkout-login {
  max-width: 860px
}
}

@media (max-width: 374px) {
.checkout-main .step-inner .form-wrapper.checkout-login {
  padding: 1.2rem 1rem;
  background: #fff;
  width: 100vw
}
}
.checkout-main .button-submit-mobile {
  text-align: center;
  display: none;
  width: 100%;
  padding: 1rem
}
.checkout-main .button-submit-mobile button {
  width: auto
}

@media (max-width: 1365px) {
.checkout-main .button-submit-mobile {
  display: inline-block
}
}

@media (max-width: 1023px) {
.checkout-main .button-submit-mobile {
  padding-top: 62px
}
}

@media (max-width: 767px) {
.checkout-main .button-submit-mobile {
  padding-top: 60px
}
}

@media (max-width: 374px) {
.checkout-main .button-submit-mobile {
  padding-top: 60px
}
.checkout-main .button-submit-mobile button {
  width: 100%
}
}
.checkout-main .step-inner-blocks {
  margin-top: 2rem
}

@media (min-width: 840px) {
.checkout-main .step-inner-blocks .columns {
  margin-left: -1rem;
  margin-right: -1rem
}
.checkout-main .step-inner-blocks .column {
  padding-left: 1rem;
  padding-right: 1rem
}
}
.checkout-main .step-inner-blocks .change_phone_number_notice {
  font-size: 0.7rem
}
.checkout-main form+form>.step-inner-block, .checkout-main .step-inner-block+.step-inner-block {
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px solid #e1e0e2
}
.checkout-main .terms-conditions {
  border-top: 1px solid #e1e0e2;
  padding-top: 2em
}
.checkout-main .terms-conditions #label-id_accept_terms::before {
  margin-left: 0;
  margin-right: 0.2em
}
.checkout-main .step-inner-block {
}
.checkout-main .step-inner-block hr {
  margin: 20px 0;
  border: none;
  border-top: 1px solid #fff
}
.checkout-main .step-inner-block p.description, .checkout-main .step-inner-block p.ty-p-none, .checkout-main .step-inner-block #shipping_rates_block p {
  font-size: 18px;
  margin-bottom: 6px
}
.checkout-main .step-inner-block .user-info span {
  display: inline-block;
  word-break: break-word;
  font-size: 0.8rem;
  line-height: 1.5
}
.checkout-main .step-inner-block a.text-link {
  font-size: 12px;
  font-weight: bold
}
.checkout-main .step-inner-block .delivery-choose {
  display: block;
  font-size: 18px
}
.checkout-main .step-inner-block .delivery-choose+.delivery-choose {
  margin-left: 0
}
.checkout-main .step-inner-block .delivery-choose .checkmark {
  margin-top: 4px
}
.checkout-main .step-inner-block .delivery-choose .input-title {
  background: transparent;
  display: inline-block;
  font-size: 18px;
  line-height: 26px
}
.checkout-main .step-inner-block .delivery-choose .input-title>* {
  white-space: normal;
  display: block
}
.checkout-main .step-inner-block .delivery-choose .input-title .rate {
  display: none
}

@media (max-width: 1023px) {
.checkout-main .step-inner-block .delivery-choose .input-title {
  font-size: 16px;
  line-height: 23px
}
}
.checkout-main .step-inner-block .spin-wrapper {
  position: absolute;
  display: none;
  z-index: 10
}
.checkout-main .step-inner-block .spin-wrapper .spin-loader {
  position: absolute;
  top: 50%;
  left: 50%
}
.checkout-main .step-inner-block.process .spin-wrapper {
  display: block
}

@media (min-width: 841px) {
.checkout-main .step-inner-block .personal-info-container {
  max-width: 390px
}
}

@media (max-width: 839px) {
.checkout-main .step-inner-block .j-form-address-first .input-container {
  margin: 0
}
}
.checkout-main .step-inner-block .form-group-wrapper h6, .checkout-main .step-inner-block .form-group-wrapper .h6 {
  font-weight: 600;
  margin-bottom: 20px;
  font-size: 24px;
  margin-left: 10px
}

@media (max-width: 374px) {
.checkout-main .step-inner-block .form-group-wrapper h6, .checkout-main .step-inner-block .form-group-wrapper .h6 {
  font-size: 20px
}
}
.checkout-main .step-inner-block .form-group-wrapper .form-group {
  flex-basis: 100%
}
.checkout-main .step-inner-block .invoice-container {
  margin-top: 30px;
  padding-top: 15px;
  border-top: 1px solid #c0bcca
}

@media (max-width: 374px) {
.checkout-main .step-inner-block .invoice-container {
  margin-bottom: -20px
}
}
.checkout-main .step-inner-block .invoice-container .form-group:first-child {
  margin-bottom: 0
}
.checkout-main .step-inner-block .invoice-container #fiscal-code-container {
  margin-top: 20px;
  margin-bottom: 0
}
.checkout-main .step-inner-block .terms-conditions {
  padding-top: 40px;
  margin-top: 40px;
  border-top: 1px solid #e1e0e2
}
.checkout-main .step-inner-block #label-billing_address_same_shipping_checkbox::before {
  margin-left: 0;
  margin-right: 0.2em
}
.checkout-main .left-container {
  transition: min-height 0.3s ease-in-out;
  min-height: 0
}

@media (min-width: 841px) {
.checkout-main .left-container {
  position: relative
}
.checkout-main .left-container .right-container {
  position: absolute;
  top: 0;
  left: 100%;
  width: 100%;
  height: 100%
}
}
.checkout-complete .order-overview-container {
  border-top: none;
  padding-top: 0;
  margin-top: 16px;
  position: static;
  max-width: none
}
.checkout-complete .order-overview-container .cart-summary-wrapper {
  margin-top: 40px
}

@media (min-width: 840px) {
.checkout-complete .left-container {
  padding-right: 40px
}
}
.checkout-complete .right-container {
  margin-top: 40px
}

@media (min-width: 840px) {
.checkout-complete .right-container {
  padding-left: 40px;
  border-left: 1px solid #e1e0e2
}
}
.checkout-complete .right-container h5, .checkout-complete .right-container .h5 {
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold;
  font-size: 0.8rem;
  line-height: 1.5;
  letter-spacing: 0.2px;
  margin-bottom: 16px
}
.checkout-complete .right-container .columns {
  margin: -26px 0 0 -16px
}
.checkout-complete .right-container .column {
  margin-top: 26px;
  padding-left: 16px;
  line-height: 1.5;
  word-break: break-word
}
.checkout-complete .right-container p {
  margin: 0
}
.order-extra-top {
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #e1e0e2
}
.order-extra-bottom {
  margin-top: 40px;
  padding-top: 40px;
  border-top: 1px solid #e1e0e2
}
.ship-list {
  margin-top: 40px
}
.payment-methods-wrapper {
  margin-top: 40px
}
.payment-methods .payment-description {
  display: none
}
.payment-methods .radio-desc>span {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  width: 100%
}
.payment-methods .radio-desc>span .payment-title {
  flex: 1
}
.payment-methods .radio-desc>span .payment-methods-icon {
  flex-shrink: 0;
  margin-left: 15px;
  border-radius: 3px;
  border: solid 1px #e1e0e2;
  width: 56px;
  height: 32px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center
}
.payment-methods .radio-desc>span b {
  font-size: 0.8rem;
  line-height: 1.5;
  letter-spacing: 0.2px
}
.payment-methods .radio-desc>span .payment-description {
  display: none;
  font-size: 0.6rem;
  letter-spacing: 0.2px;
  line-height: 1.5;
  margin-top: 4px
}
.payment-methods .inner-radio-options .radio-desc>span {
  display: block
}
.payment-methods input:checked~.radio-desc .payment-description {
  display: block
}
.payment-methods .payment-title {
  font-size: 16px;
  line-height: 20px
}

@media (min-width: 840px) {
.payment-methods .payment-title {
  font-size: 18px
}
}
.payment-methods .payment-method-info {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}
.payment-methods .payment-methods-icon img {
  display: block;
  max-height: 30px;
  max-width: 85%
}
.payment-methods.relative {
  pointer-events: none
}
#content_payments_tab1 {
  position: relative
}
#content_payments_tab1 .loading {
  position: absolute;
  top: 0;
  border: 0;
  left: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.5)
}
.order-overview-container {
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px solid #e1e0e2
}

@media (min-width: 840px) {
.order-overview-container {
  position: sticky;
  top: 40px;
  padding-top: 0;
  margin: 0 auto;
  border: none;
  max-width: 348px;
  transition: top 0.5s ease-in-out
}
.navShow .order-overview-container {
  top: 116px
}
}
.order-overview-container .cart-content-wrapper {
  padding-top: 20px
}
.order-overview-container .toggle-content-wrapper {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: all 0.7s ease
}

@media (min-width: 840px) {
.order-overview-container .toggle-content-wrapper {
  max-height: none;
  opacity: 1;
  overflow: visible;
  transition: none
}
}
.order-overview-container.opened .toggle-content-wrapper {
  max-height: 10000px;
  opacity: 1
}
.order-overview-container .cart-content-wrapper {
  position: relative
}

@media (min-width: 960px) {
.order-overview-container .cart-content-wrapper:after {
  position: absolute;
  content: "";
  height: 50px;
  width: calc(100% - 6px);
  bottom: 0;
  left: 0;
  background: linear-gradient(0deg, #fffdfb 0%, rgba(255, 253, 251, 0) 100%)
}
}

@media (min-width: 960px) {
.order-overview-container .cart-items-wrapper {
  position: relative;
  max-height: 260px;
  min-height: 176px;
  overflow-y: auto;
  padding-right: 10px
}
}
.order-overview-container .cart_items figcaption {
  padding-top: 0.4rem
}
.order-overview-container .cart_items figcaption h4, .order-overview-container .cart_items figcaption .h4 {
  padding-bottom: 0;
  padding-right: 0
}
.order-overview-container .cart_items .prod-variant, .order-overview-container .cart_items .amount {
  font-size: 0.7rem;
  font-weight: normal;
  letter-spacing: 0.4px
}
.order-overview-container .cart_items .amount {
  margin-top: 0.3rem
}

@media (min-width: 840px) {
.order-overview-container .cart_items div.item-price {
  min-width: 100px
}
}

@media (min-width: 840px) {
.order-overview-container .cart_items ul>li {
  padding-bottom: 1.2rem
}
.order-overview-container .cart_items ul>li+li {
  margin-top: 0rem;
  padding-top: 1.6rem
}
}
.order-overview-container .cart-summary-wrapper {
  margin-top: 0rem;
  padding-top: 1.6rem;
  border-top: 1px solid #e1e0e2
}
.order-overview-container .cart-summary-wrapper h4, .order-overview-container .cart-summary-wrapper .h4 {
  padding-top: 1.2rem;
  margin-top: 1.6rem
}
.order-overview-container .resume_address_toggle_wrapper {
  margin: 1.2rem 0;
  border-top: 1px solid #e1e0e2;
  border-bottom: 1px solid #e1e0e2
}
.order-overview-container .resume_address_toggle_wrapper .btn-toggle-switch {
  padding: 1rem 0
}
.order-overview-container .resume_address_toggle_wrapper .resume_address_toggle {
  opacity: 0;
  max-height: 0;
  transition: all 0.7s ease;
  padding-bottom: 0
}
.order-overview-container .resume_address_toggle_wrapper.opened .resume_address_toggle {
  max-height: 100vh;
  opacity: 1;
  padding-bottom: 1rem
}

@media (max-width: 839px) {
.order-overview-container .actions-wrapper {
  align-items: initial
}
}
.floating-summary__container {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 5;
  width: 100%;
  padding: 20px 20px 30px;
  box-shadow: 0 -3px 6px 0 rgba(0, 0, 0, 0.16);
  background-color: #ffffff
}

@media (min-width: 1367px) {
.floating-summary__container {
  display: none
}
}
.floating-summary__container .floating-summary__wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 716px;
  margin: 0 auto
}

@media (min-width: 1025px) {
.floating-summary__container .floating-summary__wrapper {
 max-width:calc(1136px + (100vw - 1440px) / (1920 - 1440) * (1316 - 1136))
}
}
.floating-summary__container .summary-info {
  flex-basis: 100%
}

@media (min-width: 641px) {
.floating-summary__container .summary-info {
  flex-basis: auto
}
}
.floating-summary__container .summary-info .cart-recap-total {
  font-weight: 700
}

@media (min-width: 641px) {
.floating-summary__container .summary-info .cart-recap-total {
  font-size: 18px;
  justify-content: flex-start
}
}
.floating-summary__container .button-submit {
  flex-basis: 100%;
  margin-top: 10px
}

@media (min-width: 641px) {
.floating-summary__container .button-submit {
  margin-top: 0;
  flex-basis: 270px
}
}
.address-name.in-form {
  margin: 0 10px 20px
}
.address-name span {
  font-size: 8px;
  font-weight: bold;
  text-transform: uppercase
}
.address-name p {
  font-size: 18px;
  margin-bottom: 0
}
.tabs-selector {
  display: none
}

@media (max-width: 959px) {
.tabs-selector {
  list-style-type: none;
  display: flex;
  padding: 0 0 0.5rem 0;
  margin: 0 auto;
  box-sizing: border-box;
  width: 100%;
  max-width: 500px;
  position: relative
}
.tabs-selector.invert-order {
  flex-direction: row-reverse
}
}

@media (max-width: 374px) {
.tabs-selector {
  width: 100%;
  margin: 0;
  padding: 0 1rem 0.5rem 1rem
}
}

@media (max-width: 959px) {
.tabs-selector:after {
  content: " ";
  background: white;
  left: 0;
  top: 100%;
  width: 100%;
  height: 0.5rem;
  position: absolute
}
}

@media (max-width: 374px) {
.tabs-selector:after {
  height: 0.5rem
}
}
.tabs-selector li {
  text-align: center;
  width: 50%;
  margin: 0 auto;
  padding: 25px 0 22px 0;
  line-height: 1;
  text-transform: uppercase;
  border-bottom: solid 1px #000;
  font-weight: bold;
  position: relative;
  cursor: pointer
}
.tabs-selector li.-selected:after {
  opacity: 1;
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  background: #000
}
.tabs-selector li.-selected a {
  color: #000
}

@media (max-width: 839px) {
.tabs-box .form-wrapper.checkout-login {
  max-width: 500px
}
}

@media (max-width: 1023px) {
.tabs-box .form-wrapper.checkout-login .or-separator {
  display: none
}
}

@media (max-width: 839px) {
.tabs-box .form-wrapper.checkout-login .-tab {
  display: none
}
}

@media (max-width: 839px) {
.tabs-box .form-wrapper.checkout-login .-tab.-selected {
  display: block
}
}

@media (max-width: 839px) {
.tabs-box .form-wrapper.checkout-login .-tab h3, .tabs-box .form-wrapper.checkout-login .-tab .h3 {
  display: none
}
}
#shipping_rates_block .checkout-select-store, #shipping_rates_block #checkout_info_summary_delivery_date, #shipping_rates_block .ty-customer-notes, #shipping_rates_block .shipping-tips-container {
  padding-top: 10px
}
#shipping_rates_block .target-delivery-date label {
  margin: 0;
  width: 100%
}

@media (min-width: 376px) {
#shipping_rates_block .target-delivery-date label {
  width: 240px
}
}
#shipping_rates_block .checkout-select-store label.input-container {
  display: block;
  margin: 10px 0 0
}

@media (min-width: 1025px) {
#shipping_rates_block .checkout-select-store label.input-container {
  width: 50%
}
}
.order-overview-wrapper .cart-summary-wrapper {
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px solid #e1e0e2
}
.reverse {
  flex-direction: row-reverse
}

@media (max-width: 839px) {
.reverse {
  display: flex;
  flex-direction: column-reverse
}
}
.cscart-dispatch-auth-login_form .registration-step h1 {
  margin: 5px auto 25px
}
#sa .input-container {
}

@media (max-width: 374px) {
#sa .input-container {
  width: 100% !important;
  margin-left: 0;
  margin-right: 0
}
}
.zipcode-autocomplete-popup {
  position: relative;
  z-index: 4
}
.zipcode-autocomplete-popup .ajax-popup-tools {
  position: absolute;
  border: 2px solid #34303d;
  border-top: none;
  box-shadow: none;
  width: 100%;
  max-height: 250px;
  background-color: #FFFDFB;
  padding-top: 2px
}
.zipcode-autocomplete-popup .ajax-popup-tools .mCSB_inside>.mCSB_container {
  margin-right: 0
}
.zipcode-autocomplete-popup .ajax-popup-tools ul {
  margin: 0;
  list-style-type: none
}
.zipcode-autocomplete-popup .ajax-popup-tools ul li {
  margin: 0
}
.zipcode-autocomplete-popup .ajax-popup-tools ul li.cm-ajax-content-more {
  height: 32px;
  width: 32px;
  padding: 16px;
  margin: 0 auto
}
.zipcode-autocomplete-popup .ajax-popup-tools .menu-item a {
  user-select: none;
  cursor: pointer;
  padding: 16px;
  display: block
}
.zipcode-autocomplete-popup .ajax-popup-tools .menu-item a:hover {
  background-color: #f5f5f7
}
.form-autocomplete .ajax-popup-tools.city-to-zip-code {
  z-index: 200
}
#cart_items figcaption .footer {
  padding-top: 0
}

@media (max-width: 639px) {
#cart_items figcaption .footer {
  order: 1;
  text-align: right
}
}
#cart_items figcaption label.cm-gift-item {
  padding-right: 30px
}
#cart_items figcaption label.cm-gift-item .checkmark {
  right: 0;
  left: auto
}
#cart_items .checkout-gift-info-container {
  margin-top: 10px;
  padding: 0;
  border: none
}
#cart_items .checkout-gift-info-container .gift-experience-checkout-toggler p {
  margin: 0
}
#cart_items .checkout-gift-info-container .checkout-gift-info {
  margin-top: 20px
}
#cart_items .checkout-gift-info-container .form-container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin: 0 -10px -20px
}
#cart_items .checkout-gift-info-container .form-container .form-group {
  flex-basis: 50%;
  margin-bottom: 20px;
  padding: 0 10px
}
#cart_items .checkout-gift-info-container .form-container .form-group label.input-container {
  display: block;
  margin: 0
}
#cart_items .checkout-gift-info-container .form-container .form-group label.form-radio {
  display: inline-block
}
#cart_items .checkout-gift-info-container .form-container .form-group label.form-radio+label.form-radio {
  margin-left: 10px
}
#cart_items .checkout-gift-info-container .form-container .form-group label.form-radio .form-icon {
  top: 0
}
.cols-container.care-plus-section {
  padding: 0;
  border-top: none
}

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

@media (min-width: 769px) {
.cols-container.care-plus-section .care-plus-section-register, .cols-container.care-plus-section .care-plus-section-onboarding {
  margin-bottom: 0;
  flex-basis: 50%
}
}
.checkout-flow h1, .checkout-flow .h1 {
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold;
  font-size: 1.4rem;
  line-height: 1.42
}
.checkout-flow.success-step {
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: normal
}

@media (max-width: 1279px) {
.checkout-flow.success-step {
  padding-left: 2.4rem !important;
  padding-right: 2.4rem !important
}
}

@media (max-width: 1023px) {
.checkout-flow.success-step {
  font-size: 16px
}
}

@media (max-width: 639px) {
.checkout-flow.success-step {
  padding-left: 0 !important;
  padding-right: 0 !important
}
}
.checkout-flow.success-step h1, .checkout-flow.success-step .h1 {
  text-align: center;
  margin: 38px auto 15px;
  font-size: 31px;
  letter-spacing: 0;
  font-weight: bold
}

@media (max-width: 1023px) {
.checkout-flow.success-step h1, .checkout-flow.success-step .h1 {
  font-size: 24px;
  margin: 15px auto 0
}
}

@media (max-width: 639px) {
.checkout-flow.success-step h1, .checkout-flow.success-step .h1 {
  margin-bottom: 1rem
}
}
.checkout-flow.success-step h2, .checkout-flow.success-step .h2 {
  margin: 0 auto 30px;
  font-size: 24px;
  letter-spacing: 0;
  font-weight: bold
}

@media (max-width: 1023px) {
.checkout-flow.success-step h2, .checkout-flow.success-step .h2 {
  font-size: 20px;
  margin: 0 auto 20px
}
}
.checkout-flow.success-step h3, .checkout-flow.success-step .h3 {
  margin: 0 auto 10px;
  font-size: 18px;
  letter-spacing: 0;
  font-weight: bold
}

@media (max-width: 1023px) {
.checkout-flow.success-step h3, .checkout-flow.success-step .h3 {
  font-size: 16px;
  margin: 0 auto 10px
}
}
.checkout-flow.success-step address {
  font-style: normal
}
.checkout-flow.success-step .columns {
  margin-left: -0.5rem;
  margin-right: -0.5rem
}
.checkout-flow.success-step .column {
  padding-left: 0.5rem;
  padding-right: 0.5rem
}
.checkout-flow.success-step .container {
  margin-left: auto;
  margin-right: auto;
 max-width: calc(1136px + (100vw - 1440px) / (1920 - 1440) * (1316 - 1136))
}
.checkout-flow.success-step .container .free-shipping-text {
  font-weight: 700
}
.checkout-flow.success-step .container .order-discount {
  font-weight: 700;
  color: #0f0
}

@media (max-width: 639px) {
.checkout-flow.success-step .container {
  padding: 0
}
.checkout-flow.success-step .container .page-top {
  padding: 0 1rem
}
}
.checkout-flow.success-step .success-check {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center
}
.checkout-flow.success-step .success-check .icon-success {
  background-size: 38% !important;
  background-color: #0f0;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: 50%
}

@media (max-width: 1023px) {
.checkout-flow.success-step .success-check .icon-success {
  height: 3rem;
  width: 3rem
}
}

@media (max-width: 374px) {
.checkout-flow.success-step .success-check .icon-success {
  height: 2.5rem;
  width: 2.5rem
}
}
.checkout-flow.success-step .shadow-box {
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);
  margin-top: 1rem;
  padding: 30px 40px
}

@media (max-width: 1023px) {
.checkout-flow.success-step .shadow-box {
  padding: 25px 30px
}
}

@media (max-width: 639px) {
.checkout-flow.success-step .shadow-box {
  margin-top: 0;
  border-radius: 0;
  box-shadow: none;
  padding: 1rem
}
}
.checkout-flow.success-step .shadow-box.has--phone-icons-hidden span[class*=phone]:before {
  display: none
}

@media (min-width: 1281px) {
.checkout-flow.success-step .order-wrapper {
  overflow: hidden;
  display: block;
  padding-bottom: 5px
}
.checkout-flow.success-step .order-info {
  float: right
}
}

@media (max-width: 639px) {
.checkout-flow.success-step .order-wrapper .column:last-child .shadow-box {
  position: relative
}
.checkout-flow.success-step .order-wrapper .column:last-child .shadow-box::before {
  content: '';
  position: absolute;
  top: 0;
  left: 1rem;
  right: 1rem;
  border-top: 1px solid #D6D6D6
}
}
.checkout-flow.success-step .order-info .columns>.column:not(.col-shipping):not(.col-billing) {
  order: 3
}
.checkout-flow.success-step .order-info .columns.shipping-first .col-shipping {
  order: 1
}
.checkout-flow.success-step .order-info .columns.shipping-first .col-billing {
  order: 2
}
.checkout-flow.success-step .order-info .columns.billing-first .col-shipping {
  order: 2
}
.checkout-flow.success-step .order-info .columns.billing-first .col-billing {
  order: 1
}
.checkout-flow.success-step .order-info span[class*=phone]:before {
  content: "";
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='14.452' height='20.084' viewBox='0 0 14.452 20.084'%3e%3cpath id='asset-4' d='M54.43,41.123c-.826-.139-2.706,1.387-3.159,2.411-.066.2-1.989,4.822,1.838,11.186,3.236,5.37,7.564,6.318,8.456,6.467.963.163,3.429-1.447,3.616-2.025-.187-.392-2.411-2.755-3.189-2.887a2.064,2.064,0,0,0-1.242.223,1.528,1.528,0,0,1-.77.157c-.8-.133-2.363-.723-4.161-3.224-1.3-1.845-1.892-5.165-1.621-5.949.054-.133.109-.235.217-.253A6.8,6.8,0,0,0,56.4,46.155C56.455,45.727,55.038,41.3,54.43,41.123Z' transform='translate(-50.73 -41.114)' fill='%23404040'/%3e%3c/svg%3e ");
  background-position-y: center;
  background-size: 15px 19px;
  position: relative;
  top: 3px;
  display: inline-block;
  width: 15px;
  height: 19px;
  margin-right: 5px
}
.checkout-flow.success-step .order-info p, .checkout-flow.success-step .order-info address {
  margin-bottom: 30px
}
.checkout-flow.success-step .order-info address span {
  word-break: break-word
}
.checkout-flow.success-step .simple_totals {
  margin-top: 15px
}
.checkout-flow.success-step .simple_totals .line {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap
}
.checkout-flow.success-step .simple_totals .line+.line {
  margin-top: 5px
}
.checkout-flow.success-step .simple_totals .line.order-total {
  padding-top: 15px;
  margin-top: 15px;
  border-top: 1px solid #D6D6D6
}
.checkout-flow.success-step .simple_totals .line.order-total h5, .checkout-flow.success-step .simple_totals .line.order-total .h5 {
  font-weight: bold
}
.checkout-flow.success-step .simple_totals .line.order-total h5 small, .checkout-flow.success-step .simple_totals .line.order-total .h5 small {
  font-weight: normal;
  font-size: 12px;
  color: #797979;
  display: block
}
.checkout-flow.success-step .simple_totals .line.order-total p {
  font-weight: bold
}
.checkout-flow.success-step .simple_totals h5, .checkout-flow.success-step .simple_totals .h5, .checkout-flow.success-step .simple_totals p {
  font-size: 16px;
  font-weight: normal;
  margin: 0
}
.checkout-flow.success-step .cart-content-wrapper ul {
  list-style: none;
  margin: 0;
  padding: 0
}
.checkout-flow.success-step .cart-content-wrapper ul>li {
  margin: 0
}
.checkout-flow.success-step .cart-content-wrapper ul>li+li {
  border-top: 1px solid rgba(0, 0, 0, 0.08)
}
.checkout-flow.success-step .cart-content-wrapper ul>li.bundle-subitem {
  border-top: none
}
.checkout-flow.success-step .cart-content-wrapper ul>li.bundle-subitem .article figure {
  padding-top: 5px
}
.checkout-flow.success-step .cart-content-wrapper .article.display-items figcaption {
  padding-left: 0
}
.checkout-flow.success-step .cart-content-wrapper .article.display-items .prod-name {
  font-weight: 700
}
.checkout-flow.success-step .cart-content-wrapper .article figure {
  display: flex;
  flex-wrap: nowrap;
  padding: 15px 0;
  margin: 0
}
.checkout-flow.success-step .cart-content-wrapper .article figure .img-wrapper {
  width: 90px;
  height: 90px;
  text-align: center
}

@media (max-width: 639px) {
.checkout-flow.success-step .cart-content-wrapper .article figure .img-wrapper {
  width: 80px;
  height: 80px
}
}
.checkout-flow.success-step .cart-content-wrapper .article figure .img-wrapper img {
  max-width: 100%;
  max-height: 100%
}
.checkout-flow.success-step .cart-content-wrapper .article figcaption {
  flex: 1;
  padding-left: 15px
}
.checkout-flow.success-step .cart-content-wrapper .article h3, .checkout-flow.success-step .cart-content-wrapper .article .h3 {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  font-weight: normal;
  margin: 0
}
.checkout-flow.success-step .cart-content-wrapper .article .prod-title {
  padding-right: 15px;
  flex: 1
}
.checkout-flow.success-step .cart-content-wrapper .article .prod-title>span {
  display: block
}
.checkout-flow.success-step .cart-content-wrapper .article .prod-name {
  font-size: 16px;
  line-height: 1.3
}
.checkout-flow.success-step .cart-content-wrapper .article .prod-option {
  font-size: 14px;
  line-height: 20px
}
.checkout-flow.success-step .cart-content-wrapper .article .prod-qty {
  font-size: 12px;
  margin-top: 10px;
  line-height: 14px;
  color: #000
}
.checkout-flow.success-step .cart-content-wrapper .article .prod-price-w {
  text-align: right;
  font-weight: bold
}
.checkout-flow.success-step .cart-content-wrapper .article .prod-price-w>span {
  position: relative;
  display: block;
  white-space: nowrap
}
.checkout-flow.success-step .cart-content-wrapper .article .prod-price-w .prod-price {
  line-height: 1.5;
  font-size: 16px
}
.checkout-flow.success-step .cart-content-wrapper .article .prod-price-w .red-old-price {
  position: absolute;
  top: 100%;
  right: 0;
  color: red;
  text-decoration: line-through;
  font-weight: normal
}
.checkout-flow.success-step .cart-content-wrapper .article .prod-old-price {
  text-decoration: line-through;
  color: #000
}
.checkout-flow .address-container .-edit {
  display: none
}
.checkout-flow .address-container.-edit .-edit {
  display: block
}
.checkout-flow .address-container.-edit .-read {
  display: none
}

@media (min-width: 640px) {
.checkout-flow .address-container .actions-wrapper:not(.is--read-only) {
  justify-content: space-between;
  flex-direction: row-reverse
}
}

@media (min-width: 640px) {
.checkout-flow .address-container .actions-wrapper:not(.is--read-only) button+button {
  margin-top: 0
}
}
.hero-full-width {
  margin: 0 0 56px 0
}

@media (min-width: 960px) {
.hero-full-width {
  margin: 0 0 100px 0
}
}
.hero-full-width .content-wrapper {
  position: relative;
  overflow: hidden
}
.hero-full-width .content-wrapper .text-wrapper {
  position: absolute;
  width: 100%;
  z-index: 1;
  color: #fff;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 10px
}
.hero-full-width .content-wrapper .text-wrapper h1 {
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 1.22
}

@media (min-width: 1280px) {
.hero-full-width .content-wrapper .text-wrapper h1 {
  font-size: 3.2rem;
  line-height: 1.13
}
}

@media (min-width: 1440px) {
.hero-full-width .content-wrapper .text-wrapper h1.big-title {
  font-size: 4.8rem
}
.hero-full-width .content-wrapper .text-wrapper h1.big-title~p {
  margin-bottom: 2rem
}
}
.hero-full-width .content-wrapper .text-wrapper .text-wrapper-inner {
  width: 83vw;
  margin: 0 auto
}

@media (min-width: 1280px) {
.hero-full-width .content-wrapper .text-wrapper .text-wrapper-inner {
  width: 91.1vw
}
}
.hero-full-width .content-wrapper .text-wrapper .text-wrapper-inner {
  width: 83vw;
  margin: 0 auto
}

@media (min-width: 1280px) {
.hero-full-width .content-wrapper .text-wrapper .text-wrapper-inner {
  width: 91.1vw
}
}
.hero-full-width .content-wrapper .background-wrapper figure img {
  display: block;
  height: auto;
  width: 100%
}

@media (min-width: 960px) {
.hero-full-width.mb-sd {
  margin-bottom: 80px
}
}
.hero-full-width.text-left .content-wrapper .text-wrapper {
  width: 83vw;
  margin: 0 auto;
  text-align: left;
  left: 0;
  right: 0
}

@media (min-width: 960px) {
.hero-full-width.text-left .content-wrapper .text-wrapper {
  width: 896px;
  left: 10vw;
  right: auto
}
}

@media (min-width: 1440px) {
.hero-full-width.text-left .content-wrapper .text-wrapper {
  left: calc(50vw - 573px)
}
}
.hero-full-width.text-left .content-wrapper .text-wrapper img {
  max-width: 140px;
  margin-bottom: 0.4rem;
  transform: translateX(-10%)
}

@media (min-width: 960px) {
.hero-full-width.text-left .content-wrapper .text-wrapper img {
  max-width: 205px;
  margin-bottom: 0.6rem
}
}
.hero-full-width.text-left .content-wrapper .text-wrapper .text-wrapper-inner {
  width: auto;
  margin: 0
}

@media (max-width: 639px) {
.hero-full-width.xs-text-center .content-wrapper .text-wrapper {
  text-align: center
}
}

@media (min-width: 1440px) {
.hero-full-width.text-wide-2x.text-left .content-wrapper .text-wrapper {
  left: calc(50vw - 573px)
}
}
.hero-full-width.limit-628 .content-wrapper {
  max-height: 628px
}

@media (max-width: 1279px) {
.hero-full-width.limit-628 .content-wrapper {
  max-height: 606px
}
}

@media only screen and (min-device-width: 481px) and (max-device-width:1024px) and (orientation:landscape) {
.hero-full-width.limit-628 {
}
.hero-full-width.limit-628 .background-wrapper figure img {
  width: auto
}
}

@media (max-width: 959px) {
.hero-full-width.limit-628 .background-wrapper figure img {
  width: 100%
}
}

@media (max-width: 639px) {
.hero-full-width.limit-628 .text-wrapper p br {
  display: none
}
}

@media (min-width: 640px) {
.hero-full-width.limit-628 .content-wrapper {
  height: 628px
}
.hero-full-width.limit-628 .content-wrapper .background-wrapper {
  height: 100%
}
.hero-full-width.limit-628 .content-wrapper figure {
  height: 100%
}
.hero-full-width.limit-628 .content-wrapper figure img {
  height: 100%;
  object-fit: cover
}
}

@media (min-width: 640px) {
.hero-full-width.limit-400 .content-wrapper {
  height: 400px
}
}

@media (min-width: 640px) {
.hero-full-width.limit-400 .content-wrapper .background-wrapper {
  height: 400px
}
.hero-full-width.limit-400 .content-wrapper .background-wrapper figure {
  height: 100%
}
.hero-full-width.limit-400 .content-wrapper .background-wrapper figure img {
  height: 100%;
  object-fit: cover
}
}

@media (max-width: 639px) {
.hero-full-width.mobile-text-bottom .content-wrapper .text-wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end
}
}
.support-list {
  margin: 0 auto 2.75rem auto
}

@media (min-width: 960px) {
.support-list {
  width: 91.1vw;
  max-width: 1312px;
  margin: 0 auto 2.75rem auto
}
}
.support-list header {
  text-align: center;
  font-size: 1.2rem;
  font-weight: bold;
  margin: 2.35rem auto 1.75rem auto;
  max-width: 83vw
}

@media (min-width: 960px) {
.support-list header {
  max-width: none;
  font-size: 1.6rem;
  margin: 0 0 1.95rem 0
}
}
.support-list header p {
  margin: 0
}
.support-list .blk-list {
  width: 83vw;
  margin: 0 auto
}

@media (min-width: 640px) {
.support-list .blk-list {
  grid-template-columns: 1fr
}
}

@media (min-width: 960px) {
.support-list .blk-list {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 52px 32px;
  box-sizing: border-box;
  padding: 0 32px;
  margin: 0 auto 0 auto
}
}

@media (min-width: 1280px) {
.support-list .blk-list {
  grid-template-columns: 1fr 1fr 1fr;
  padding: 0
}
}
.support-list article {
  margin: 0 0 2.75rem 0
}

@media (min-width: 960px) {
.support-list article {
  margin: 0 0 0 0;
  display: flex;
  flex-direction: column
}
}
.support-list article figure img {
  display: block;
  height: auto;
  width: 100%
}
.support-list article .text-wrapper {
  margin: 1.4rem 0 0 0
}

@media (min-width: 960px) {
.support-list article .text-wrapper {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding-bottom: 2rem
}
}
.support-list article .text-wrapper h3, .support-list article .text-wrapper p {
  margin-bottom: 1.2rem
}
.support-list article .text-wrapper h3 {
  font-size: 1.6rem;
  line-height: 1.2;
  letter-spacing: 0.2px;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold
}

@media (max-width: 959px) {
.support-list article .text-wrapper h3 {
  font-size: 1.2rem
}
}
.support-list article .text-wrapper>p:last-child:not(:first-of-type) {
  margin-top: 0.4rem;
  margin-bottom: 0
}

@media (min-width: 960px) {
.support-list article .text-wrapper>p:last-child:not(:first-of-type) {
  margin-top: auto
}
}
.support-list article.featured {
  background-color: #f6f4f0
}

@media (max-width: 959px) {
.support-list article.featured {
  margin-bottom: 0
}
.support-list article.featured .text-wrapper h3 {
  font-size: 1rem
}
}
.support-list article.featured .text-wrapper {
  padding: 1.6rem 1.4rem 2rem;
  margin-top: 0
}
.support-list.mobile-full-width {
  margin-bottom: 0
}
.support-list.mobile-full-width .blk-list {
  width: 100%
}

@media (min-width: 960px) {
.support-list.mb-space {
  margin-bottom: 80px
}
}

@media (min-width: 960px) {
.support-list.support-list-2-col .blk-list {
  grid-template-columns: 1fr 1fr
}
.support-list.support-list-2-col .blk-list article {
  max-width: 416px
}
.support-list.support-list-2-col .blk-list article:first-of-type {
  margin-left: auto
}
}

@media (max-width: 960px) {
.support-list.support-list-2-col {
  margin-top: 48px
}
}

@media (min-width: 1280px) {
.support-list.support-list-vid {
  max-width: 1152px !important
}
}

@media (min-width: 960px) {
.support-list.support-list-vid {
  max-width: 864px
}
.support-list.support-list-vid .blk-list {
  grid-template-columns: 1fr 1fr 1fr;
  padding: 0
}
}
.faq-page .blk-grid {
  z-index: 3
}
.faq-page .faq-page-header {
  text-align: center;
  position: relative
}
.faq-page .faq-page-header .content-wrapper {
  max-width: 1440px;
  position: relative;
  margin: 0 auto;
  padding: 2.4rem 1.6rem 1rem
}

@media (min-width: 960px) {
.faq-page .faq-page-header .content-wrapper {
  padding: 3.6rem 3.2rem 0rem
}
}
.faq-page .faq-page-header .logo-link {
  position: absolute;
  top: 0.8rem;
  left: 2.4rem
}

@media (min-width: 1280px) {
.faq-page .faq-page-header .logo-link {
  top: 1.2rem;
  left: 3.2rem
}
}

@media (max-width: 959px) {
.faq-page .faq-page-header .logo-link {
  max-width: 87px;
  left: 1rem
}
.faq-page .faq-page-header .logo-link img {
  display: block;
  height: auto;
  width: 100%
}
}
.faq-page .faq-page-header h1, .faq-page .faq-page-header .h1 {
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold;
  font-size: 1.4rem;
  line-height: 1.42;
  margin: 0
}

@media (min-width: 960px) {
.faq-page .faq-page-header h1, .faq-page .faq-page-header .h1 {
  font-size: 2.1rem
}
}
.faq-page .inner-page {
  padding: 2rem 1.6rem;
  position: relative
}

@media (min-width: 840px) {
.faq-page .inner-page {
  padding: 3rem 1.6rem 5rem
}
}
.faq-page .inner-page.has-side-navigation {
  padding: 0
}

@media (min-width: 960px) {
.faq-page .inner-page.has-side-navigation .content-wrapper {
  padding: 2rem 0rem;
  flex-wrap: nowrap;
  align-items: flex-start
}
}

@media (min-width: 1280px) {
.faq-page .inner-page.has-side-navigation .content-wrapper {
  padding: 1.6rem 0rem 3.6rem
}
}
.faq-page .inner-page.has-side-navigation .faq-details-accordion {
  border-top: 1px solid #34303d;
  border-bottom: 1px solid #979797
}

@media (max-width: 959px) {
.faq-page .inner-page.has-side-navigation .faq-details-accordion {
  border-top: 1px solid #979797;
  border-bottom: 1px solid #979797
}
}
.faq-page .inner-page.has-side-navigation .faq-details-accordion .content-wrapper {
  padding: 0rem
}
.faq-page .inner-page.has-side-navigation .faq-details-accordion .content-wrapper .accordion .accordion-content-wrapper {
  border-color: #979797
}
.faq-page .inner-page.has-side-navigation .faq-details-accordion .content-wrapper .accordion-btn {
  font-size: 0.9rem
}

@media (max-width: 959px) {
.faq-page .inner-page.has-side-navigation .faq-details-accordion .content-wrapper .accordion-btn {
  padding: 0.75rem 0.3rem 0.75rem 0rem
}
}
.faq-page .inner-page.has-side-navigation .faq-details-accordion .content-wrapper .accordion-btn b {
  border: none;
  position: relative
}

@media (max-width: 839px) {
.faq-page .inner-page.has-side-navigation .faq-details-accordion .content-wrapper .accordion-btn b {
  margin-left: 0
}
}
.faq-page .inner-page.has-side-navigation .faq-details-accordion .accordion-content .accordion-cont {
  padding-bottom: 1.25rem
}
.faq-page .inner-page.has-side-navigation .faq-details-accordion .accordion.no-cont-padding .accordion-content-wrapper.active .accordion-content {
  padding: 0
}

@media (min-width: 960px) {
.faq-page .inner-page.has-side-navigation .inner-page-content {
  flex: 1;
  padding: 0;
  display: flex;
  flex-direction: column
}
}
.faq-page .inner-page-content {
  padding: 1.6rem 0rem 2rem
}
.faq-page .inner-page-content .form-note {
  padding-top: 2.8rem;
  margin-top: 2rem;
  border-top: 1px solid #e1e0e2
}

@media (min-width: 960px) {
.faq-page .inner-page-content .form-note {
  padding-top: 5rem;
  margin-top: 2rem
}
}
.faq-page .inner-page-content .main-section {
  flex: 1;
  height: 100%
}
.faq-page .main-section h3, .faq-page .main-section .h3 {
  font-size: 1.2rem;
  line-height: 1.333;
  margin-bottom: 1.6rem
}
.faq-page .inner-page-banner {
  display: none
}

@media (min-width: 1280px) {
.faq-page .inner-page-banner {
  display: block;
  width: 18%;
  flex-shrink: 0;
  margin-left: 2.1rem
}
.faq-page .inner-page-banner img {
  height: 768px;
  width: 100%;
  object-fit: cover
}
}

@media (min-width: 1440px) {
.faq-page .inner-page-banner {
  width: 304px;
  margin-left: 3.6rem
}
}
.faq-page .inner-page-navigation {
  position: relative;
  z-index: 5;
  overflow: visible !important
}

@media (min-width: 960px) {
.faq-page .inner-page-navigation {
  background: #f6f4f0;
  flex-shrink: 0;
  margin-right: 0.6rem;
  padding: 2rem 1.6rem;
  position: sticky;
  top: 40px;
  transition: top 0.5s ease-in-out
}
.navShow .faq-page .inner-page-navigation {
  top: 116px
}
}

@media (min-width: 960px) and (min-width:1440px) {
.faq-page .inner-page-navigation {
  width: 336px;
  margin-left: -1.6rem
}
}
.faq-page .inner-page-navigation .nav-toggle {
  background: #f6f4f0;
  border: 1px solid #b8b7bb;
  border-radius: 3px;
  padding: 0.6rem 0.8rem;
  cursor: pointer;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: normal;
  font-size: 0.8rem;
  line-height: 1.5;
  letter-spacing: 0.2px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  outline: none;
  color: #7b7881
}

@media (min-width: 960px) {
.faq-page .inner-page-navigation .nav-toggle {
  display: none
}
}
.faq-page .inner-page-navigation .nav-toggle::after {
  content: '';
  height: 1.6rem;
  width: 1.6rem;
  display: block;
  background: url('../../../../../design/themes/kura/media/icons/chevron-up.svg?1690945733') no-repeat center center;
  transform: rotate(180deg);
  transition: transform 0.5s ease-in-out
}
.faq-page .inner-page-navigation .nav-toggle.active::after {
  transform: rotate(0)
}

@media (max-width: 959px) {
.faq-page .inner-page-navigation .nav-wrapper {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #FFFDFB;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: all 0.5s ease-in-out;
  box-shadow: none;
  border: 1px solid #b8b7bb;
  border-top: none
}
.faq-page .inner-page-navigation .nav-wrapper ul {
  padding: 0.6rem 0.8rem !important;
  background: #f6f4f0
}
.faq-page .inner-page-navigation .nav-wrapper ul a {
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: normal;
  font-size: 0.8rem
}
.faq-page .inner-page-navigation .nav-wrapper.expanded {
  max-height: none;
  opacity: 1
}
}
.faq-page .inner-page-navigation .nav-wrapper ul {
  list-style: none;
  padding: 1.6rem;
  margin: 0
}

@media (min-width: 960px) {
.faq-page .inner-page-navigation .nav-wrapper ul {
  padding: 0
}
}
.faq-page .inner-page-navigation .nav-wrapper li {
  margin: 0
}
.faq-page .inner-page-navigation .nav-wrapper li+li {
  margin-top: 1rem
}

@media (max-width: 959px) {
.faq-page .inner-page-navigation .nav-wrapper li+li {
  margin-top: 0.89rem
}
}

@media (min-width: 960px) {
.faq-page .inner-page-navigation .nav-wrapper li+li {
  margin-top: 1rem
}
}
.faq-page .inner-page-navigation .nav-wrapper li ul {
  margin-left: 1rem;
  margin-top: 0.8rem
}
.faq-page .inner-page-navigation .nav-wrapper li ul li a {
  font-size: 0.9rem
}
.faq-page .inner-page-navigation .nav-wrapper li ul li+li {
  margin-top: 0.5rem
}
.faq-page .inner-page-navigation .nav-wrapper a {
  font-size: 1rem;
  line-height: 1.4;
  letter-spacing: 0.2px;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold;
  position: relative;
  margin: -0.25rem 0;
  padding: 0.25rem 0;
  background-image: linear-gradient(transparent 2px, #00D1D2 2px, #00D1D2 4px, transparent 4px), linear-gradient(transparent 2px, transparent 2px, transparent 4px, transparent 4px);
  background-size: 0% 6px, 100% 6px;
  background-position: 0 bottom, 0 bottom;
  transition: background-size 0.3s ease-in-out;
  background-repeat: no-repeat;
  padding-bottom: 3px;
  border-bottom: 6px solid transparent
}
.faq-page .inner-page-navigation .nav-wrapper a:hover {
  background-size: 100% 6px
}
.faq-page .inner-page-navigation .nav-wrapper li.active>a {
  background-image: linear-gradient(transparent 2px, #00D1D2 2px, #00D1D2 4px, transparent 4px), linear-gradient(transparent 2px, #34303d 2px, #34303d 4px, transparent 4px)
}
.blk-simple-faq {
  margin: 0 0 56px 0;
  width: 100%
}

@media (min-width: 960px) {
.blk-simple-faq {
  width: 75.5555555556vw;
  margin: 0 auto 100px auto
}
}
.blk-simple-faq header, .blk-simple-faq footer {
  margin: 0 0 1.55rem 0;
  padding: 0 8.5vw
}

@media (min-width: 960px) {
.blk-simple-faq header, .blk-simple-faq footer {
  margin: 0 0 2.8rem 0;
  padding: 0
}
}
.blk-simple-faq header h2, .blk-simple-faq footer h2 {
  margin: 0 0 0 0;
  font-size: 1.4rem
}

@media (min-width: 960px) {
.blk-simple-faq header h2, .blk-simple-faq footer h2 {
  font-size: 2.1rem
}
}
.blk-simple-faq .accordion .accordion-btn {
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: normal;
  font-size: 0.7rem;
  line-height: 1.5;
  padding-left: 8.5vw;
  padding-right: 8.5vw
}

@media (min-width: 960px) {
.blk-simple-faq .accordion .accordion-btn {
  padding-left: 0;
  padding-right: 0;
  font-size: 0.8rem
}
}
.blk-simple-faq .accordion .accordion-btn b {
  border: none
}
.blk-simple-faq .accordion .accordion-content {
  padding-left: 8.5vw;
  padding-right: 8.5vw
}

@media (min-width: 960px) {
.blk-simple-faq .accordion .accordion-content {
  padding-left: 0;
  padding-right: 0
}
}

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

@media (max-width: 959px) {
.faq-page .blk-grid .inner-page-navigation {
  grid-column-end: span 12
}
}
.hero-care-plus .content-wrapper {
  min-height: 610px;
  margin: 0 0 56px 0;
  max-height: 100vh
}

@media (min-width: 960px) {
.hero-care-plus .content-wrapper {
  margin: 0 0 100px 0
}
}

@media (max-width: 959px) {
.hero-care-plus .content-wrapper {
  min-height: 496px
}
.hero-care-plus .content-wrapper .text-wrapper img {
  max-width: 124px;
  margin-bottom: 1.2rem
}
.hero-care-plus .content-wrapper .text-wrapper p {
  max-width: 80%;
  margin-left: auto;
  margin-right: auto
}
}
.text-box {
  font-size: 1rem;
  line-height: 1.4rem;
  text-align: center;
  width: 83vw;
  margin: 0 auto 2.75rem auto
}

@media (min-width: 960px) {
.text-box {
  font-size: 1.4rem;
  line-height: 1.43;
  max-width: 665px;
  margin: 0 auto 5.5rem auto
}
}
.text-box>:last-child {
  margin-bottom: 0
}
.myiqos__toolbar {
  margin: 0 0 56px 0
}

@media (min-width: 960px) {
.myiqos__toolbar {
  margin: 0 0 4rem 0
}
}
.myiqos__toolbar ul {
  list-style: none;
  display: flex;
  flex-direction: column;
  margin: 0
}

@media (min-width: 960px) {
.myiqos__toolbar ul {
  flex-direction: row;
  justify-content: space-evenly;
  width: 91.1vw;
  max-width: 1312px;
  margin: 0 auto
}
}
.myiqos__toolbar ul li {
  text-align: center;
  margin: 0 0 1.2rem 0;
  cursor: pointer
}
.myiqos__toolbar ul li:last-child {
  margin-bottom: 0
}

@media (min-width: 960px) {
.myiqos__toolbar ul li {
  max-width: 23%;
  padding: 0 15px
}
}
.myiqos__toolbar ul li h2 {
  font-size: 1.2rem;
  line-height: 1.33;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold;
  margin: 0 0 0.4rem 0
}

@media (min-width: 960px) {
.myiqos__toolbar ul li h2 {
  font-size: 1.6rem
}
}
.myiqos__toolbar ul li p {
  margin: 0
}

@media (min-width: 960px) {
.myiqos__toolbar ul li p {
  margin: 0 0 20px 0
}
}
.myiqos__toolbar ul li svg path {
  stroke: #34303d;
  transition: stroke 0.4s;
  stroke-width: 1.5
}
.myiqos__toolbar ul li:hover svg path {
  stroke: #00D1D2
}
.navShow .myiqos__nav.visible, .navShow .myiqos__stickynav.visible {
  transform: translateY(56px)
}

@media (min-width: 960px) {
.navShow .myiqos__nav.visible, .navShow .myiqos__stickynav.visible {
  transform: translateY(75px)
}
}
.myiqos__nav, .myiqos__stickynav {
  will-change: transform;
  transition: transform 0.5s ease-in-out;
  position: fixed;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.05);
  left: 0;
  top: 0;
  width: 100%;
  height: 56px;
  z-index: 90;
  transform: translateY(-100%);
  background-color: white
}
.myiqos__nav.visible, .myiqos__stickynav.visible {
  transform: translateY(0%)
}

@media (min-width: 960px) {
.myiqos__nav, .myiqos__stickynav {
  height: 80px;
  box-shadow: none;
  border-bottom: solid 1px #e1e0e2
}
}
.myiqos__nav .nav-wrap, .myiqos__stickynav .nav-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  padding: 0 22px;
  width: 100%;
  height: 56px;
  background: #FFFDFB
}

@media (min-width: 640px) {
.myiqos__nav .nav-wrap, .myiqos__stickynav .nav-wrap {
  padding: 0 22px
}
}

@media (min-width: 960px) {
.myiqos__nav .nav-wrap, .myiqos__stickynav .nav-wrap {
  height: 80px;
  padding: 0 4.45vw;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  border-bottom: solid 1px #e1e0e2
}
}

@media (min-width: 1440px) {
.myiqos__nav .nav-wrap, .myiqos__stickynav .nav-wrap {
  padding-left: 64px;
  padding-right: 64px
}
}
.myiqos__nav .nav-wrap ul, .myiqos__stickynav .nav-wrap ul {
  margin: 0;
  list-style: none;
  display: flex;
  height: 80px
}
.myiqos__nav .nav-wrap ul li, .myiqos__stickynav .nav-wrap ul li {
  display: none;
  margin: 0;
  align-items: center;
  font-size: 14px;
  letter-spacing: 0.4px;
  position: relative;
  text-align: center
}

@media (min-width: 960px) {
.myiqos__nav .nav-wrap ul li, .myiqos__stickynav .nav-wrap ul li {
  display: inline-flex;
  margin: 0 0 0 30px
}
.myiqos__nav .nav-wrap ul li:after, .myiqos__stickynav .nav-wrap ul li:after {
  content: " ";
  display: block;
  width: 100%;
  bottom: 0;
  left: 0;
  background: #34303d;
  height: 3px;
  position: absolute;
  transform: scaleX(0);
  transform-origin: center center;
  transition: transform 0.4s ease-out
}
}
.myiqos__nav .nav-wrap ul li a, .myiqos__stickynav .nav-wrap ul li a {
  position: relative;
  margin-right: 20px
}

@media (min-width: 960px) {
.myiqos__nav .nav-wrap ul li a, .myiqos__stickynav .nav-wrap ul li a {
  margin-right: 0px
}
}
.myiqos__nav .nav-wrap ul li a:after, .myiqos__stickynav .nav-wrap ul li a:after {
  content: " ";
  display: block;
  position: absolute;
  width: 21px;
  height: 21px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='21' viewBox='0 0 24 24' fill='none' stroke='%2334303D' stroke-width='2' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  left: 100%;
  top: 0;
  transform: scaleY(1);
  transition: transform 0.3s
}

@media (min-width: 960px) {
.myiqos__nav .nav-wrap ul li a:after, .myiqos__stickynav .nav-wrap ul li a:after {
  display: none
}
}
.myiqos__nav .nav-wrap ul li.selected, .myiqos__stickynav .nav-wrap ul li.selected {
  display: inline-flex
}

@media (min-width: 960px) {
.myiqos__nav .nav-wrap ul li.selected, .myiqos__stickynav .nav-wrap ul li.selected {
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold
}
.myiqos__nav .nav-wrap ul li.selected:after, .myiqos__stickynav .nav-wrap ul li.selected:after {
  transform: scaleX(1)
}
}
.myiqos__nav img, .myiqos__stickynav img {
  max-width: 102px;
  display: block;
  transform: translateY(20%)
}
.myiqos__nav .nav-expanded-content, .myiqos__stickynav .nav-expanded-content {
  display: flex;
  flex-direction: column;
  height: auto;
  background: #FFFDFB;
  justify-content: center;
  opacity: 0;
  padding: 2rem 0;
  pointer-events: none
}

@media (min-width: 960px) {
.myiqos__nav .nav-expanded-content, .myiqos__stickynav .nav-expanded-content {
  display: none
}
}
.myiqos__nav .nav-expanded-content ul, .myiqos__stickynav .nav-expanded-content ul {
  list-style-type: none;
  margin: 0;
  width: 100%;
  box-sizing: border-box;
  padding: 0 8.5vw
}
.myiqos__nav .nav-expanded-content li, .myiqos__stickynav .nav-expanded-content li {
  margin: 1rem 0
}
.myiqos__nav .nav-expanded-content li a, .myiqos__stickynav .nav-expanded-content li a {
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold;
  font-size: 1.2rem;
  line-height: 1.5;
  margin: 0 0 0.4rem 0;
  display: block;
  position: relative
}
.myiqos__nav .nav-expanded-content li a:after, .myiqos__stickynav .nav-expanded-content li a:after {
  content: " ";
  display: block;
  position: absolute;
  width: 21px;
  height: 21px;
  background-image: url('../../../../../design/themes/kura/media/images/ico/chevron-right.svg?1690945733');
  right: 0;
  top: 50%;
  transform: translateY(-50%)
}

@media (min-width: 960px) {
.myiqos__nav .nav-expanded-content li a:after, .myiqos__stickynav .nav-expanded-content li a:after {
  display: none
}
}
.myiqos__nav .nav-expanded-content li span, .myiqos__stickynav .nav-expanded-content li span {
  font-size: 0.8rem;
  line-height: 1.5;
  display: block
}
.myiqos__nav.expanded .nav-wrap ul li a:after, .myiqos__stickynav.expanded .nav-wrap ul li a:after {
  transform: scaleY(-1)
}
.myiqos__nav.expanded .nav-expanded-content, .myiqos__stickynav.expanded .nav-expanded-content {
  opacity: 1;
  pointer-events: auto
}
.myiqos__hero {
  width: 100%;
  margin: 0 0 56px 0;
  position: relative;
  overflow: hidden;
  height: auto;
  min-height: -webkit-fill-available;
  max-height: -webkit-fill-available
}

@media (min-width: 960px) {
.myiqos__hero {
  height: auto;
  margin: 0 0 100px 0;
  max-height: 700px
}
}
.myiqos__hero figure {
  position: relative
}
.myiqos__hero figure:after {
  content: " ";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0.68;
  background-image: linear-gradient(to bottom, rgba(52, 48, 61, 0), #34303d 58%)
}
.myiqos__hero figure video {
  width: 100%;
  display: block
}
.myiqos__hero figure img {
  display: block;
  height: auto;
  width: 100%
}
.myiqos__hero .text-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  max-width: 83vw;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  text-align: center;
  box-sizing: border-box;
  padding: 0 8.5vw 4.6rem 8.5vw;
  color: #FFFDFB
}

@media (min-width: 960px) {
.myiqos__hero .text-wrapper {
  max-width: 1440px;
  justify-content: flex-start;
  padding: 4rem 144px 0 144px;
  align-items: flex-start;
  text-align: left
}
}
.myiqos__hero .text-wrapper img {
  max-width: 205px;
  display: inline-block;
  margin: 0 0 0.6rem 0
}

@media (min-width: 960px) {
.myiqos__hero .text-wrapper img {
  max-width: 225px;
  margin: 0 0 1.2rem 0;
  transform: translateX(-12%)
}
}
.myiqos__hero .text-wrapper h1, .myiqos__hero .text-wrapper .h1 {
  font-size: 1.8rem;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold;
  margin: 0 0 2rem 0;
  letter-spacing: 0.01px;
  line-height: 1.22
}

@media (min-width: 960px) {
.myiqos__hero .text-wrapper h1, .myiqos__hero .text-wrapper .h1 {
  font-size: 2.8rem;
  line-height: 1.08;
  letter-spacing: -1.28px
}
}

@media (min-width: 1280px) {
.myiqos__hero .text-wrapper h1, .myiqos__hero .text-wrapper .h1 {
  font-size: 3.6rem
}
}

@media (min-width: 1366px) {
.myiqos__hero .text-wrapper h1, .myiqos__hero .text-wrapper .h1 {
  font-size: 4.8rem
}
}
.myiqos__hero .text-wrapper>:last-child {
  margin-bottom: 0
}
.myiqos__block {
  width: 100%
}

@media (min-width: 960px) {
.myiqos__block {
  width: 91.1vw;
  max-width: 1312px;
  margin: 0 auto 4rem auto
}
}

@media (min-width: 960px) {
.myiqos__block .content-wrapper {
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: wrap
}
}
.myiqos__block .content-wrapper>figure {
  position: relative;
  margin: 0 0 2.85rem 0
}

@media (min-width: 960px) {
.myiqos__block .content-wrapper>figure {
  display: flex;
  width: 42.68%;
  margin: 0 0 auto 0
}
}
.myiqos__block .content-wrapper>figure img {
  display: block;
  height: auto;
  width: 100%
}
.myiqos__block .content-wrapper>figure .video-btn {
  width: 100%;
  position: absolute;
  height: 100%
}
.myiqos__block .content-wrapper>figure .video-btn:hover .action .btn-play-inline {
  background: #00D1D2
}
.myiqos__block .content-wrapper>figure .action {
  position: absolute;
  left: 8.5vw;
  bottom: 2.05rem;
  display: flex;
  align-items: center
}

@media (min-width: 960px) {
.myiqos__block .content-wrapper>figure .action {
  left: 2rem;
  bottom: 2.8rem
}
}
.myiqos__block .content-wrapper>figure .action .btn-play-inline {
  width: 48px;
  height: 48px;
  border-radius: 100%;
  background: #FFFDFB;
  position: relative;
  margin-right: 0.8rem;
  transition: background 0.3s
}
.myiqos__block .content-wrapper>figure .action .btn-play-inline .ico {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-28%) translateY(-50%) rotate(90deg)
}
.myiqos__block .content-wrapper>figure .action .btn-play-inline .ico .t {
  display: block;
  position: relative;
  overflow: hidden;
  transform: translateY(50%) rotate(30deg) skewY(30deg) scaleX(0.866);
  pointer-events: none;
  border-radius: 20%
}
.myiqos__block .content-wrapper>figure .action .btn-play-inline .ico .t, .myiqos__block .content-wrapper>figure .action .btn-play-inline .ico .t::before, .myiqos__block .content-wrapper>figure .action .btn-play-inline .ico .t::after {
  width: 1rem;
  height: 1rem
}
.myiqos__block .content-wrapper>figure .action .btn-play-inline .ico .t::before, .myiqos__block .content-wrapper>figure .action .btn-play-inline .ico .t::after {
  content: '';
  position: absolute;
  background: #34303d;
  pointer-events: auto
}
.myiqos__block .content-wrapper>figure .action .btn-play-inline .ico .t::before {
  transform: scaleX(1.155) skewY(-30deg) rotate(-30deg) translateY(-42.3%) skewX(30deg) scaleY(0.866) translateX(-24%)
}
.myiqos__block .content-wrapper>figure .action .btn-play-inline .ico .t::after {
  transform: scaleX(1.155) skewY(-30deg) rotate(-30deg) translateY(-42.3%) skewX(-30deg) scaleY(0.866) translateX(24%)
}
.myiqos__block .content-wrapper>figure .action .btn-play-inline .ico .t::before {
  border-radius: 20% 20% 20% 55%
}
.myiqos__block .content-wrapper>figure .action .btn-play-inline .ico .t::after {
  border-radius: 20% 20% 55% 20%
}
.myiqos__block .content-wrapper>figure .action span {
  font-size: 20px;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold;
  color: #FFFDFB
}
.myiqos__block .text-wrapper, .myiqos__block .extra-content {
  margin: 0 auto;
  padding: 0 8.5vw 2rem 8.5vw
}

@media (min-width: 960px) {
.myiqos__block .text-wrapper, .myiqos__block .extra-content {
  width: 57.32%;
  padding: 4.5rem 7.4% 4rem 7.4%;
  box-sizing: border-box
}
}
.myiqos__block .text-wrapper h2, .myiqos__block .extra-content h2 {
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 1.25;
  margin: 0 0 0.8rem 0
}

@media (min-width: 960px) {
.myiqos__block .text-wrapper h2, .myiqos__block .extra-content h2 {
  font-size: 2.8rem
}
}
.myiqos__block .text-wrapper>p, .myiqos__block .extra-content>p {
  font-size: 1rem;
  line-height: 1.4rem;
  margin-bottom: 1.6rem
}
.myiqos__block .text-wrapper .legal, .myiqos__block .extra-content .legal {
  font-size: 0.6rem;
  line-height: 0.8rem;
  margin-bottom: 1.2rem;
  letter-spacing: 0.2px
}
.myiqos__block .text-wrapper ul, .myiqos__block .extra-content ul {
  list-style: none;
  margin: 0 0 3.2rem 0;
  padding: 2.85rem 0 0 0;
  position: relative
}

@media (min-width: 960px) {
.myiqos__block .text-wrapper ul, .myiqos__block .extra-content ul {
  margin: 0 0 4rem 0
}
}
.myiqos__block .text-wrapper ul:before, .myiqos__block .extra-content ul:before {
  content: " ";
  display: block;
  width: 48px;
  height: 6px;
  background-color: #00D1D2;
  position: absolute;
  top: 0;
  left: 0
}
.myiqos__block .text-wrapper ul li, .myiqos__block .extra-content ul li {
  margin: 0 0 1.75rem 0
}

@media (min-width: 960px) {
.myiqos__block .text-wrapper ul li, .myiqos__block .extra-content ul li {
  margin: 0 0 2rem 0
}
}
.myiqos__block .text-wrapper ul li h3, .myiqos__block .extra-content ul li h3 {
  font-size: 1rem;
  line-height: 1.2rem;
  margin-bottom: 0.65rem;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold
}

@media (min-width: 960px) {
.myiqos__block .text-wrapper ul li h3, .myiqos__block .extra-content ul li h3 {
  font-size: 1.4rem;
  line-height: 1.8rem;
  margin-bottom: 0.4rem
}
}
.myiqos__block .text-wrapper ul li span, .myiqos__block .extra-content ul li span {
  display: block;
  font-size: 0.8rem;
  line-height: 1.5
}
.myiqos__block .text-wrapper ul li:last-child, .myiqos__block .extra-content ul li:last-child {
  margin-bottom: 0
}
.myiqos__block .text-wrapper h3, .myiqos__block .extra-content h3 {
  font-size: 1.2rem;
  line-height: 1.6rem;
  margin-bottom: 1.6rem;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold
}

@media (min-width: 960px) {
.myiqos__block .text-wrapper h3, .myiqos__block .extra-content h3 {
  font-size: 1.6rem;
  line-height: 2.1rem;
  margin-bottom: 2rem
}
}
.myiqos__block .text-wrapper p+p.legal, .myiqos__block .extra-content p+p.legal {
  padding-top: 1.6rem
}
.myiqos__block .text-wrapper>:last-child, .myiqos__block .extra-content>:last-child {
  margin-bottom: 0
}
.myiqos__block .extra-content {
  background: #27242d;
  padding-top: 2.4rem;
  border-top: solid 1.2rem #27242d
}

@media (min-width: 960px) {
.myiqos__block .extra-content {
  width: 57.32%;
  margin-right: auto;
  margin-left: 0;
  background: #27242d
}
}
.myiqos__block .extra-content h2 {
  font-size: 1.2rem;
  margin: 0 0 0.6rem 0
}
.myiqos__block .extra-content p {
  font-size: 0.8rem;
  line-height: 1.5
}
.myiqos__block .extra-content p+p.legal {
  padding-top: 0.5rem
}

@media (min-width: 960px) {
.myiqos__block .extra-content p+p.legal {
  padding-top: 1.6rem
}
}
.myiqos__block.brand-hard-white {
  background-color: #f6f4f0
}

@media (min-width: 960px) {
.myiqos__block.brand-hard-white {
  background-color: transparent
}
.myiqos__block.brand-hard-white .text-wrapper {
  background-color: #f6f4f0
}
}

@media (min-width: 960px) {
.myiqos__block.image-left .content-wrapper {
  flex-direction: row
}
}

@media (max-width: 959px) {
.myiqos__block.space-b-md {
  margin-bottom: 1.6rem
}
}
.myiqos__block.dark {
  background-color: #34303d;
  color: #FFFDFB
}

@media (min-width: 960px) {
.myiqos__block.dark {
  background-color: transparent
}
}
.myiqos__block.dark .text-wrapper {
  padding-bottom: 3.2rem
}

@media (min-width: 960px) {
.myiqos__block.dark .text-wrapper {
  background-color: #34303d;
  color: #FFFDFB;
  padding-bottom: 4rem
}
}
.myiqos__block.dark ul {
  margin-bottom: 2.4rem
}

@media (min-width: 960px) {
.myiqos__block.dark ul {
  margin-bottom: 3.2rem
}
}
.myiqos__block.dark .btn-myiqos {
  color: inherit
}
.myiqos__block.dark .btn-myiqos:after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOCAxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTggMTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KCTxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+CgkJLnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiNGRkZERkI7c3Ryb2tlLXdpZHRoOjI7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7fQoJPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTExLjQsMTFsNS01bC01LTUgTTE1LjQsNi4xbC0xNC0wLjEiLz4KPC9zdmc+Cg==")
}
.blk-myiqos {
  margin: 0 0 56px 0;
  background-color: #34303d;
  padding: 2.2rem 0 0 0
}

@media (min-width: 960px) {
.blk-myiqos {
  margin: 0 auto 100px auto;
  max-width: 1312px;
  width: 91.1vw;
  padding: 0
}
}
.blk-myiqos .logo {
  width: 138px;
  margin: 0 0 2rem 0
}

@media (min-width: 960px) {
.blk-myiqos .logo {
  margin: 0 0 3.3rem 0;
  width: 127px
}
}
.blk-myiqos .logo img {
  display: block;
  height: auto;
  width: 100%
}
.blk-myiqos .main-content {
  color: #FFFDFB
}

@media (min-width: 960px) {
.blk-myiqos .main-content {
  position: relative
}
}
.blk-myiqos figure {
  margin: 0
}
.blk-myiqos figure img {
  display: block;
  height: auto;
  width: 100%
}
.blk-myiqos .text-wrapper {
  margin: 0 auto 2rem auto;
  width: 83vw;
  font-size: 0.8rem;
  line-height: 1.5
}

@media (min-width: 960px) {
.blk-myiqos .text-wrapper {
  position: absolute;
  padding: 0 0;
  margin: 2rem auto 0 6%
}
}
.blk-myiqos .text-wrapper h2 {
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 1.25;
  margin-bottom: 1.2rem
}

@media (min-width: 960px) {
.blk-myiqos .text-wrapper h2 {
  font-size: 2.3rem;
  line-height: 1.15
}
}

@media (min-width: 1280px) {
.blk-myiqos .text-wrapper h2 {
  font-size: 2.8rem
}
}
.blk-myiqos .text-wrapper>:last-child {
  margin-bottom: 0
}

@media (min-width: 960px) {
.blk-myiqos .text-wrapper p {
  max-width: 370px
}
}
.blk-myiqos .expanded-content {
  background-color: #00D1D2;
  padding: 2.2rem 8.5vw 2.8rem 8.5vw;
  width: 100%;
  box-sizing: border-box;
  font-size: 0.8rem;
  line-height: 1.5
}

@media (min-width: 960px) {
.blk-myiqos .expanded-content {
  padding: 2.75rem 6% 2.75rem 6%
}
}
.blk-myiqos .expanded-content>ul {
  display: flex;
  flex-direction: column;
  margin: 0;
  list-style-type: none
}

@media (min-width: 960px) {
.blk-myiqos .expanded-content>ul {
  flex-direction: row;
  justify-content: space-between;
  margin: 0 0
}
}
.blk-myiqos .expanded-content>ul>li {
  margin: 0 0 2rem 0
}

@media (min-width: 960px) {
.blk-myiqos .expanded-content>ul>li {
  flex-basis: 27%
}
}
.blk-myiqos .expanded-content>ul>li>:last-child {
  margin-bottom: 0
}
.blk-myiqos .expanded-content h3 {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5
}

@media (min-width: 960px) {
.blk-myiqos .expanded-content h3 {
  font-size: 1.2rem
}
}
.blk-myiqos.brand-hard-white-expanded-content .expanded-content {
  background-color: #f6f4f0
}
.blk-myiqos.brand-hard-white {
  background-color: #f6f4f0
}
.blk-myiqos.brand-hard-white .text-wrapper {
  color: #34303d
}

@media (min-width: 960px) {
.blk-myiqos.brand-hard-white .text-wrapper {
  color: #FFFDFB
}
}
.blk-myiqos.brand-hard-white .expanded-content {
  background-color: #f6f4f0;
  color: #34303d
}
.myiqos-promo-contained {
  margin: 0 auto 56px auto;
  width: 83vw;
  height: 171vw;
  position: relative
}

@media (min-width: 768px) {
.myiqos-promo-contained {
  max-width: 468px;
  max-height: 966px
}
}

@media (min-width: 960px) {
.myiqos-promo-contained {
  margin: 0 auto 100px auto;
  height: 48.05vw;
  max-width: 1312px;
  height: 42.98vw;
  max-height: 564px;
  width: 91.1vw;
  display: flex;
  align-items: center
}
}
.myiqos-promo-contained.options {
  padding: 70px 0px 300px 0px;
  max-height: 800px;
  height: 800px
}
.myiqos-promo-contained figure {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%
}
.myiqos-promo-contained figure img {
  object-fit: cover;
  width: 100%;
  height: 100%
}
.myiqos-promo-contained .text-wrapper {
  padding: 1.6rem;
  color: #FFFDFB;
  position: relative
}

@media (min-width: 960px) {
.myiqos-promo-contained .text-wrapper {
  max-width: 562px;
  padding: 1.6rem 8.5%;
  box-sizing: content-box
}
}
.myiqos-promo-contained .text-wrapper img {
  max-width: 205px;
  display: inline-block;
  margin: 0 0 0.4rem 0
}

@media (min-width: 960px) {
.myiqos-promo-contained .text-wrapper img {
  max-width: 225px;
  margin: -25px 0 0.1rem 0;
  transform: translateX(-12.2%)
}
}
.myiqos-promo-contained .text-wrapper>:last-child {
  margin-bottom: 0
}
.myiqos-promo-contained .myiqos-promo-options {
  display: flex;
  justify-content: space-between;
  width: 100%;
  position: absolute;
  bottom: 0px;
  left: 0px;
  padding: 0px 8.5% 5% 8.5%
}

@media (max-width: 959px) {
.myiqos-promo-contained .myiqos-promo-options {
  flex-direction: column
}
}
.myiqos-promo-contained .myiqos-promo-options div {
  width: 48%;
  padding: 4% 8%;
  text-align: center;
  background-color: #ffffff
}

@media (max-width: 959px) {
.myiqos-promo-contained .myiqos-promo-options div {
  width: 100%
}
.myiqos-promo-contained .myiqos-promo-options div:nth-child(1) {
  margin-bottom: 8%
}
.myiqos-promo-contained .myiqos-promo-options div:nth-child(2) {
  margin-bottom: 10%
}
}
.myiqos-promo-contained .myiqos-promo-options div span {
  display: block;
  margin-bottom: 15px;
  font-size: 0.8em
}
.myiqos-promo-contained .myiqos-promo-options div p {
  font-size: 1.1em
}
.myiqos-promo-contained .myiqos-promo-options div a img {
  margin-left: 20px;
  height: 10px
}
.myiqos-promo-contained .title {
  font-size: 1.4rem;
  line-height: 1.42;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold;
  margin: 0 0 1.2rem 0
}

@media (min-width: 960px) {
.myiqos-promo-contained .title {
  font-size: 2.1rem;
  line-height: 1.33;
  margin: 0 0 1.6rem 0
}
}
.myiqos-promo-contained>:last-child {
  margin-bottom: 0
}
.myiqos-promo-landing {
  margin: 0 auto 56px auto;
  background-color: #34303d;
  width: 83vw
}

@media (min-width: 960px) {
.myiqos-promo-landing {
  margin: 0 auto 100px auto;
  max-width: 1312px;
  width: 91.1vw;
  padding: 0
}
}

@media (min-width: 960px) {
.myiqos-promo-landing .content-wrapper {
  display: flex;
  flex-direction: row-reverse
}
}
.myiqos-promo-landing figure {
  margin: 0
}
.myiqos-promo-landing figure img {
  display: block;
  height: auto;
  width: 100%
}

@media (min-width: 960px) {
.myiqos-promo-landing figure img {
  min-height: 100%;
  object-fit: cover
}
}

@media (min-width: 960px) {
.myiqos-promo-landing figure {
  width: 50%
}
}
.myiqos-promo-landing .text-wrapper {
  color: #FFFDFB;
  padding: 2rem 1.5rem 1rem 1.5rem
}

@media (min-width: 960px) {
.myiqos-promo-landing .text-wrapper {
  padding: 2rem 2.5rem 2rem 2rem;
  width: 50%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto
}
}
.myiqos-promo-landing .text-wrapper img {
  max-width: 205px;
  display: inline-block;
  margin: 0 0 0.6rem 0
}

@media (min-width: 960px) {
.myiqos-promo-landing .text-wrapper img {
  max-width: 225px;
  margin: 0 0 1.2rem 0
}
}
.myiqos-promo-landing .text-wrapper h4 {
  font-size: 1.2rem;
  line-height: 1.5;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold;
  margin: 0 0 1.2rem 0;
  letter-spacing: 0.01px
}

@media (min-width: 960px) {
.myiqos-promo-landing .text-wrapper h4 {
  text-align: center;
  font-size: 1.6rem
}
}
.myiqos-promo-landing .text-wrapper p {
  margin: 0 0 1.6rem 0
}

@media (min-width: 960px) {
.myiqos-promo-landing .text-wrapper p {
  text-align: center;
  margin: 0 0 2rem 0
}
}
.myiqos-promo-landing .text-wrapper .btn, .myiqos-promo-landing .text-wrapper .ui_558574, .myiqos-promo-landing .text-wrapper .ui_517427, .myiqos-promo-landing .text-wrapper .ui_464917 {
  margin-top: 8px
}
.myiqos-promo-landing .text-wrapper .legal {
  font-size: 12px;
  line-height: 1.33;
  letter-spacing: 0.2px
}
.myiqos-promo-landing .text-wrapper>:last-child {
  margin-bottom: 0
}

@media (min-width: 960px) {
.myiqos-promo-landing.has-footerlegal .text-wrapper>:first-child {
  margin-top: auto
}
}
.myiqos-promo-landing.has-footerlegal .text-wrapper .legal {
  padding-top: 0.8rem
}

@media (min-width: 960px) {
.myiqos-promo-landing.has-footerlegal .text-wrapper .legal {
  padding-top: 0;
  margin-top: auto
}
}
.myiqos-promo-landing.brand-turquoise {
  background-color: #00D1D2;
  color: #34303d
}
.myiqos-promo-landing.brand-turquoise .text-wrapper {
  color: #34303d
}
.myiqos-promo-landing.brand-hard-white {
  background-color: #f6f4f0;
  color: #34303d
}
.myiqos-promo-landing.brand-hard-white .text-wrapper {
  color: #34303d
}
.myiqos__register-simple {
  background-color: #00D1D2;
  background-image: url('../../../../../design/themes/kura/media/images/textures/sensory-turquoise.jpg?1690945733');
  background-repeat: no-repeat;
  background-size: cover;
  width: 83vw;
  margin: 0 auto 1.6rem auto
}

@media (min-width: 960px) {
.myiqos__register-simple {
  width: 91.1vw;
  max-width: 1312px;
  background-image: url('../../../../../design/themes/kura/media/images/textures/sensory-turquoise-md.jpg?1690945733');
  margin: 0 auto 4rem auto
}
}
.myiqos__register-simple .content-wrapper {
  text-align: center;
  padding: 2.8rem 33px 3.2rem 33px
}

@media (min-width: 960px) {
.myiqos__register-simple .content-wrapper {
  padding: 2rem 33px 4rem 33px
}
}
.myiqos__register-simple .content-wrapper>:last-child {
  margin-bottom: 0
}
.myiqos__register-simple img {
  margin: 0 auto 0.75rem auto;
  max-width: 183px
}
.myiqos__register-simple h2 {
  font-size: 1.4rem;
  line-height: 2rem;
  margin: 0 0 1.2rem 0;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold
}

@media (min-width: 960px) {
.myiqos__register-simple h2 {
  font-size: 2.1rem;
  line-height: 1.33;
  margin: 0 auto 2rem auto;
  max-width: 85%
}
}

@media (min-width: 960px) {
.contact-us .content-wrapper {
  display: flex
}
}

@media (min-width: 960px) {
.contact-us .content-wrapper>figure {
  width: 50%
}
}
.contact-us .content-wrapper>figure img {
  display: block;
  height: auto;
  width: 100%
}

@media (min-width: 960px) {
.contact-us .content-wrapper>figure img {
  position: absolute;
  height: 100%;
  object-fit: cover;
  object-position: right top
}
}
.contact-us .content-wrapper>.contact-box {
  width: 83vw;
  margin: 0 auto;
  padding: 40px 0 57px 0
}

@media (min-width: 960px) {
.contact-us .content-wrapper>.contact-box {
  margin: 0 auto 0 64px;
  width: 478px;
  max-width: 50%;
  padding: 56px 0 90px 0
}
}
.contact-us .mid-section {
  margin-bottom: 56px
}
.contact-us .mid-section h2 {
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold;
  font-size: 1.4rem;
  margin-bottom: 0.8rem
}

@media (min-width: 960px) {
.contact-us .mid-section h2 {
  font-size: 1.6rem;
  line-height: 1.31
}
}
.contact-us .mid-section p {
  font-size: 0.8rem;
  line-height: 1.5
}
.contact-us .mid-section>:last-child {
  margin-bottom: 0
}
.contact-us .info-block {
  font-size: 0.7rem;
  line-height: 1.43;
  border-top: solid 1px #e1e0e2;
  padding: 40px 0 0;
  margin-top: 40px
}
.contact-us .info-block a {
  font-size: 0.7rem;
  line-height: 1.43
}
.contact-us .info-block>:last-child {
  margin-bottom: 0
}
.start-trial, .launch-date-reminder {
  background: #f6f4f0;
  padding: 2.8rem 0;
  margin: 0 0 56px 0
}

@media (min-width: 960px) {
.start-trial, .launch-date-reminder {
  padding: 5rem 0;
  margin: 0 0 100px 0
}
}
.start-trial header, .launch-date-reminder header {
  margin: 0 0 2.75rem 0
}
.start-trial header h2, .launch-date-reminder header h2 {
  margin: 0 0 1.6rem 0
}

@media (min-width: 960px) {
.start-trial header h2, .launch-date-reminder header h2 {
  font-size: 2.1rem;
  line-height: 2.6rem
}
}
.start-trial header>:last-child, .launch-date-reminder header>:last-child {
  margin-bottom: 0
}
.start-trial .content-wrapper, .launch-date-reminder .content-wrapper {
  max-width: 640px;
  width: 83vw;
  margin: 0 auto
}
.start-trial .label-desc>span, .launch-date-reminder .label-desc>span {
  background-color: #f6f4f0
}
.blk-simple-faq {
  margin: 0 0 56px 0;
  width: 100%
}

@media (min-width: 960px) {
.blk-simple-faq {
  width: 75%;
  margin: 0 auto;
  max-width: 1090px;
  margin: 0 auto 100px auto
}
}
.blk-simple-faq header {
  margin: 0 0 1.55rem 0;
  padding: 0 8.5vw
}

@media (min-width: 960px) {
.blk-simple-faq header {
  margin: 0 0 2.8rem 0;
  padding: 0
}
}
.blk-simple-faq header h2 {
  margin: 0 0 0 0;
  font-size: 1.4rem
}

@media (min-width: 960px) {
.blk-simple-faq header h2 {
  font-size: 2.1rem
}
}
.blk-simple-faq .accordion .accordion-btn {
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: normal;
  font-size: 0.7rem;
  line-height: 1.5;
  padding-left: 8.5vw;
  padding-right: 8.5vw
}

@media (min-width: 960px) {
.blk-simple-faq .accordion .accordion-btn {
  padding-left: 0;
  padding-right: 0;
  font-size: 0.8rem
}
}
.blk-simple-faq .accordion .accordion-btn b {
  border: none
}
.blk-simple-faq .accordion .accordion-content {
  padding-left: 8.5vw;
  padding-right: 8.5vw
}

@media (min-width: 960px) {
.blk-simple-faq .accordion .accordion-content {
  padding-left: 0;
  padding-right: 0
}
}
.right-to-left .c-nav4__second__item:not(.is--header)>.c-nav4__second__item__link:after {
  transform-origin: bottom left;
  transition: transform 0.25s ease-out
}
.right-to-left .c-nav4__second__item:not(.is--header)>.c-nav4__second__item__link:hover:after {
  transform: scaleX(1);
  transform-origin: right bottom
}
.right-to-left .c-nav4__first__item.has--sub>.c-nav4__first__item__link:before {
  left: 0;
  right: initial;
  transform: translateY(-50%) translateX(20%) scale(1.1) rotate(90deg)
}

@media (min-width: 961px) {
.right-to-left .c-nav4 .c-additional_content {
  left: 0;
  right: initial
}
.right-to-left .c-nav4__second__item.has--sub .c-nav4__second__item__link:before {
  right: 100%;
  left: initial;
  transform: rotate(90deg) translate(-30%, 50%) scale(1.1)
}
.right-to-left .c-nav4__third__wrapper {
  right: 0;
  left: initial;
  padding-right: 31%;
  width: 100%;
  z-index: initial
}
.right-to-left .is--product .c-nav4__third__item__link img {
  left: -40px;
  right: initial
}
}

@media (max-width: 959px) {
.right-to-left .is--product .c-nav4__third__item__link img {
  left: 0;
  right: initial;
  transform: translate(0, -50%)
}
.right-to-left .c-nav4__second__item.has--sub>.c-nav4__second__item__link:after {
  transform: rotate(90deg) translate(-150%, 50%);
  left: auto;
  right: initial
}
.right-to-left .c-nav4__icon {
  margin-left: auto;
  margin-right: 0
}
.right-to-left .c-nav4__overlay {
  left: initial;
  right: 100%
}
.right-to-left .c-nav4__first__wrapper__inner {
  left: initial;
  right: 0
}
.right-to-left .c-nav4__second__wrapper {
  left: initial;
  right: 100%
}
.right-to-left .c-nav4 .h--burger-icon {
  margin-right: 0;
  margin-left: 0
}
.right-to-left .c-nav4 .h--close-icon {
  left: 20px;
  right: initial
}
.right-to-left .c-nav4 .h--back-icon {
  right: 55%;
  left: initial
}
}

@media (max-width: 639px) {
.right-to-left .c-nav4__icon {
  margin-left: 0;
  margin-right: auto
}
.right-to-left .c-nav4__second__wrapper {
  right: 0
}
.right-to-left .c-nav4 .h--back-icon {
  right: 5%
}
}
.right-to-left .home-header .slide-cover, .right-to-left .js-reveal .cover {
  right: 0;
  left: initial;
  transform: skew(21.5deg);
  transform-origin: top left
}
.right-to-left .home-header .cover {
  right: 0;
  left: initial
}
.right-to-left .home-header .cover .shape, .right-to-left .home-header .cover .mask {
  right: 0;
  left: initial;
  transform: skew(21.5deg);
  transform-origin: top right
}

@media (min-width: 960px) {
.right-to-left .home-header .slide-content {
  text-align: right
}
}

@media (min-width: 960px) {
.right-to-left .home-header .slide-content h1, .right-to-left .home-header .slide-content .h1 {
  margin: auto 0
}
}
.right-to-left .home-header .home-trio :before {
  right: -30px;
  left: initial;
  transform: translateX(100%) skew(21deg)
}
.right-to-left .home-header .home-trio .trio-item-bg {
  background-position: left center
}

@media (min-width: 960px) {
.right-to-left .home-header .home-trio .trio-item-desc {
  right: 0
}
}
.right-to-left .home-header .home-trio .trio-item-desc p {
  margin: 0 0 0 1.2rem
}
.right-to-left .home-header .home-trio .trio-item-desc p:before, .right-to-left .home-header .home-trio .trio-item-desc p:after {
  left: auto;
  transform: rotate(180deg) translate(0.5rem, 0rem)
}
.right-to-left .home-header .home-trio a:first-child .trio-item-desc p:before {
  transform: rotate(180deg) translate(5.2rem, 0rem)
}
.right-to-left .home-header .home-trio a:nth-child(2) .trio-item-desc p:before {
  transform: rotate(180deg) translate(6.3rem, 0rem)
}
.right-to-left .home-header .home-trio a:nth-child(3) .trio-item-desc p:before {
  transform: rotate(180deg) translate(7.7rem, 0rem)
}
.right-to-left .home-header .slide-control.slide-control-next {
  transform: rotate(180deg);
  left: 8.5333333333vw;
  right: initial
}

@media (min-width: 960px) {
.right-to-left .home-header .slide-control.slide-control-next {
  left: 4.4444444444vw
}
}
.right-to-left .home-header .slide-control.slide-control-prev {
  transform: rotate(0deg);
  left: initial;
  right: 8.5333333333vw
}

@media (min-width: 960px) {
.right-to-left .home-header .slide-control.slide-control-prev {
  right: 4.4444444444vw
}
}
.right-to-left .promo-variant-nbw figure {
  margin: 0 0 auto auto
}
.right-to-left .promo-variant-nbw .text-wrapper {
  text-align: right
}
.right-to-left .promo-variant-nbw .text-wrapper p.box-p, .right-to-left .promo-variant-nbw .text-wrapper p.legal-advice {
  text-align: right
}

@media (min-width: 1280px) {
.right-to-left .promo-component .text-wrapper {
  padding: 5rem 10.97% 5rem 9.29%
}
}
.right-to-left .block-ugc .text-wrapper {
  padding: 6rem 10.97% 9.29% 0;
  margin: 0
}

@media (min-width: 960px) {
.right-to-left .product-card-1 .text-wrapper {
  padding: 5rem 8.4% 6rem 6.15%
}
}

@media (min-width: 960px) {
.right-to-left .product-card-2 .text-wrapper {
  padding: 6.5rem 10.97% 4rem 8.29%
}
}

@media (min-width: 960px) {
.right-to-left .promo-variant-1 .text-wrapper {
  padding: 5rem 10.97% 4rem 9.29%
}
}
.right-to-left .navigation-card-variant-2 .content-wrapper:before {
  left: 50%;
  right: auto
}

@media (max-width: 639px) {
.right-to-left .navigation-card-variant-2 .content-wrapper {
  flex-direction: column
}
}

@media (min-width: 960px) {
.right-to-left .hero-variant-2 .text-wrapper {
  margin: 0 auto 0 0;
  padding: 0 7.15rem 0 4.5rem
}
}

@media (min-width: 960px) {
.right-to-left .b-imgtxt-variant-2 .content-box {
  margin: 0 auto 0 7.777%
}
}

@media (min-width: 960px) {
.right-to-left .b-imgtxt-variant-2.order-image-left .content-box {
  margin: 0 7.777% 0 auto
}
}
.right-to-left .navigation-card-variant-2.sd-horizontal-space .text-wrapper {
  margin: 6.15rem 8.5% 3.75rem 0
}

@media (max-width: 639px) {
.right-to-left .navigation-card-variant-2.sd-horizontal-space .text-wrapper {
  margin: 6.15rem 0 3.75rem 0
}
}
.right-to-left .promo-variant-2 .content-wrapper:after {
  left: 50%;
  right: initial
}

@media (max-width: 639px) {
.right-to-left .promo-variant-2 .content-wrapper {
  flex-direction: column
}
}
.right-to-left .promo-variant-2 .text-wrapper {
  margin: 0 10% 0 0
}
.right-to-left .promo-variant-2.order-inverse .content-wrapper:after {
  right: 50%;
  left: initial
}
.right-to-left .promo-variant-2.order-inverse .text-wrapper {
  margin: 0 0 0 10%
}
.right-to-left .promo-variant-3.text-left .text-wrapper {
  text-align: right
}
.right-to-left .btn-link-box, .right-to-left .btn-link-box-back {
  padding: 0 0 0 1.2rem
}
.right-to-left .btn-link-box-back:after, .right-to-left .btn-link-box-back:before, .right-to-left .btn-link-box:after {
  transform: rotate(180deg);
  left: 0;
  right: initial
}
.right-to-left .prl-benefits .prl-benefits-type-2-desktop .background-layer {
  right: 0
}
.right-to-left .prl-benefits .prl-benefits-type-2-desktop .text {
  text-align: right
}

@media (min-width: 1440px) {
.right-to-left .prl-benefits .prl-benefits-type-2-desktop .prl-slider-progress {
  left: calc(50vw + 656px)
}
.right-to-left .prl-benefits .prl-benefits-type-2-desktop .background-layer {
  left: calc(50vw - 656px)
}
}

@media (min-width: 1280px) {
.right-to-left .prl-benefits .prl-benefits-type-2-desktop .cell-descriptions {
  padding: 140px 80px 49px 0px
}
}
.right-to-left .prl-benefits .prl-benefits-type-2-desktop .prl-grid, .right-to-left .prl-benefits .prl-benefits-type-2-desktop .prl-sub-grid {
  left: initial;
  right: 50%;
  transform: translateX(50%)
}
.right-to-left .prl-benefits .prl-benefits-type-2-desktop .parallax-wrapper {
  right: 50%;
  left: initial;
  transform: translateX(44.3%)
}

@media (min-width: 840px) {
.right-to-left .product-story-card .prl-grid, .right-to-left .product-story-card .prl-sub-grid {
  right: 100%;
  left: initial
}
}

@media (max-width: 839px) {
.right-to-left .product-story-card .prl-grid, .right-to-left .product-story-card .prl-sub-grid {
  right: 50%
}
}
.right-to-left .product-story-card .content {
  text-align: right !important
}

@media (max-width: 639px) {
.right-to-left .product-story-card .content {
  left: 35%
}
}

@media (max-width: 639px) {
.right-to-left .product-story-card .content-wrapper.-text-image {
  text-align: right
}
}
.right-to-left .product-story-card .carousel {
  right: 50%;
  transform: translateX(50%)
}

@media (min-width: 768px) {
.right-to-left .product-story-card .carousel .progress-slider {
  right: 52%
}
}
.right-to-left .blk-cite .author .text-wrapper {
  padding-left: 0;
  padding-right: 0.8rem;
  text-align: right
}

@media (min-width: 1280px) {
.right-to-left .flow-page .bgimage-title .text-wrapper {
  right: 50%;
  transform: translateX(100%)
}
}
.right-to-left .flow-page .prl-grid, .right-to-left .flow-page .prl-sub-grid {
  right: 50%;
  transform: translateX(50%)
}
.right-to-left .flow-page .prl-compare-description .prl-grid, .right-to-left .flow-page .prl-compare-description .prl-sub-grid {
  transform: initial
}
.right-to-left .flow-page .prl-compare .prl-compare-device-colors {
  right: 28px;
  left: initial
}
.right-to-left .flow-page .prl-button.-dropdown .prl-button-label {
  text-align: right
}
.right-to-left .flow-page .prl-dropdown.-compare .prl-dropdown-item {
  padding: 35px 70px 35px 0px
}
.right-to-left .flow-page .prl-dropdown .prl-dropdown-menu {
  text-align: right
}
.right-to-left .flow-page .prl-compare-description-title .prl-link::after {
  content: "â†"
}
.right-to-left .flow-page .prl-compare h3, .right-to-left .flow-page .prl-compare .h3 {
  text-align: right
}
.right-to-left .flow-page .prl-compare .prl-compare-item-technology span.-header-text:after, .right-to-left .flow-page .prl-compare .prl-compare-item-support span.-header-text:after {
  transform: rotate(180deg) translateY(0)
}
.right-to-left .flow-page .prl-compare [class^=prl-compare-item-] .prl-link span {
  margin-right: 0
}
.right-to-left .blk-grid-col.-w4-5-gap-left {
  padding-right: 15%;
  padding-left: 0
}
.right-to-left .blk-container .blk-grid, .right-to-left .blk-container .blk-sub-grid {
  right: 50%;
  transform: translateX(50%);
  left: auto
}

@media (min-width: 960px) {
.right-to-left .bgimage-title .text-wrapper {
  transform: translateX(100%);
  right: 60%
}
}

@media (min-width: 1440px) {
.right-to-left .bgimage-title .text-wrapper {
  right: 50%
}
}

@media (min-width: 1024px) {
.right-to-left .prl-grid.prl-promo-wrapper.prl-image-slider.full-width {
  left: 50%
}
}

@media (min-width: 1024px) {
.right-to-left .prl-grid.prl-promo-wrapper.prl-image-slider.full-width .prl-sub-grid {
  left: 50%
}
}

@media (min-width: 1024px) {
.right-to-left .prl-grid.prl-promo-wrapper.prl-image-slider.full-width .prl-promo.-image-slider .prl-promo-info-wrapper {
  right: 50%
}
}
.right-to-left .prl-grid.prl-promo-wrapper.prl-image-slider.full-width .prl-promo.-image-slider .prl-cell-description, .right-to-left .prl-grid.prl-promo-wrapper.prl-image-slider.full-width .prl-promo.-image-slider .prl-cell-description p {
  text-align: right
}

@media (max-width: 959px) {
.right-to-left .prl-grid.prl-promo-wrapper.prl-image-slider.full-width .prl-promo.-image-slider img {
  right: 50%;
  left: initial;
  transform: translate(50%, -50%)
}
}
.right-to-left .prl-grid.prl-promo-wrapper.prl-image-slider.mb-block, .right-to-left .prl-grid.prl-promo-wrapper.prl-image-slider {
  right: 50%;
  transform: translateX(50%);
  left: auto
}

@media (min-width: 840px) {
.right-to-left .prl-grid.prl-promo-wrapper.prl-image-slider.mb-block .prl-sub-grid, .right-to-left .prl-grid.prl-promo-wrapper.prl-image-slider .prl-sub-grid {
  left: 20%
}
}

@media (min-width: 840px) {
.right-to-left .prl-grid.prl-promo-wrapper.prl-image-slider.mb-block .prl-promo.-image-slider, .right-to-left .prl-grid.prl-promo-wrapper.prl-image-slider .prl-promo.-image-slider {
  flex-direction: row
}
}

@media (min-width: 1024px) {
.right-to-left .prl-grid.prl-promo-wrapper.prl-image-slider.mb-block .prl-promo.-image-slider .prl-promo-info-wrapper, .right-to-left .prl-grid.prl-promo-wrapper.prl-image-slider .prl-promo.-image-slider .prl-promo-info-wrapper {
  right: 50%
}
}
.right-to-left .prl-grid.prl-promo-wrapper.prl-image-slider.mb-block .prl-promo.-image-slider .prl-promo-images-wrapper, .right-to-left .prl-grid.prl-promo-wrapper.prl-image-slider .prl-promo.-image-slider .prl-promo-images-wrapper {
  right: 0
}

@media (min-width: 840px) {
.right-to-left .prl-grid.prl-promo-wrapper.prl-image-slider.mb-block .prl-promo.-image-slider .prl-promo-images-wrapper img, .right-to-left .prl-grid.prl-promo-wrapper.prl-image-slider .prl-promo.-image-slider .prl-promo-images-wrapper img {
  right: 50%;
  transform: translate(50%, -50%)
}
}
.right-to-left .prl-image-slider .slider-prev-btn, .right-to-left .prl-image-slider .slider-next-btn {
  transform: initial
}
.right-to-left .heets .stars span:last-child {
  margin-right: 16px
}
.right-to-left .heets .content {
  margin-left: 0;
  margin-right: 10%
}
.right-to-left .carousel-cards .navigation-container .previous-btn {
  right: 0;
  left: initial;
  transform: rotate(180deg) translateX(50%) translateY(-50%)
}
.right-to-left .carousel-cards .navigation-container .next-btn {
  left: 0;
  right: initial;
  transform: rotate(180deg) translateX(50%) translateY(-50%)
}
.right-to-left .carousel-cards .header-navigation-container {
  left: 0;
  right: auto
}
.right-to-left .carousel-cards .header-navigation-container .previous-btn {
  right: 0;
  left: auto
}
.right-to-left .carousel-cards .header-navigation-container .next-btn {
  left: 0;
  right: auto
}
.right-to-left .carousel-cards .header-navigation-container div img {
  right: 50%;
  left: initial;
  transform: rotate(180deg) translate(-50%, 50%)
}

@media (max-width: 1023px) {
.right-to-left .carousel-cards header {
  padding: 0 12.2222222222vw 0 0
}
}

@media (max-width: 639px) {
.right-to-left .carousel-flavours .slides-description {
  margin: 0 auto 3rem auto
}
}

@media (min-width: 960px) {
.right-to-left .grid-imgtxt .grid-imgtxt__img2 figure:first-child {
  left: 0;
  transform: translateY(-65%) translateX(-1.6rem);
  right: initial
}
}

@media (max-width: 639px) {
.right-to-left .grid-imgtxt .grid-imgtxt__img2 figure:first-child {
  transform: initial;
  width: 100%
}
}

@media (max-width: 639px) {
.right-to-left .grid-imgtxt .grid-imgtxt__img2 figure:last-child {
  margin-top: 3rem;
  width: 100%
}
}

@media only screen and (min-width: 768px) {
.right-to-left .timeline .timeline-wrapper .header {
  right: 6%;
  left: auto
}
}

@media (max-width: 639px) {
.right-to-left .timeline .timeline-wrapper .header {
  right: 1rem;
  padding: 0 12.2222222222vw 0 0
}
}

@media (min-width: 1280px) {
.right-to-left .timeline .timeline-wrapper .header {
  padding: 0
}
}
.right-to-left .block-ugc.brand-turquoise {
  position: relative
}
.right-to-left .contact-us .content-wrapper>.contact-box {
  margin: 0 64px 0 auto
}

@media (max-width: 1023px) {
.right-to-left .contact-us .content-wrapper>.contact-box {
  margin: 0 auto
}
}
.right-to-left .contact-us .radio-desc::before, .right-to-left .contact-us .checkbox-desc::before {
  margin-left: 1.2rem;
  margin-right: 0
}
.right-to-left .contact-us .form-label input {
  background-position: 2% 50% !important
}

@media (max-width: 639px) {
.right-to-left .blk-cite.text-left-sd blockquote {
  text-align: right
}
}

@media (max-width: 639px) {
.right-to-left .block-ugc .text-wrapper p {
  margin: 0 0 3rem 0
}
}

@media (min-width: 768px) {
.right-to-left .product-list-item {
  padding-right: 1.5rem;
  padding-left: 0
}
}
.right-to-left .product-details .old-price {
  margin-right: 1rem;
  margin-left: auto
}

@media (min-width: 960px) {
.right-to-left .product-list .product-list-filters {
  margin-left: 1.6rem;
  margin-right: initial
}
}

@media (min-width: 768px) {
.right-to-left .product-list .product-list-wrapper {
  margin: -0.8rem -1.5rem 0 0
}
}
.right-to-left .rating-reviews {
  margin-right: 5px;
  margin-left: initial
}
.right-to-left .rating-stars span {
  margin-left: 3px;
  margin-right: initial
}
.right-to-left .product-content .product-content-desc .product-form .qty-selector {
  margin-left: 2rem;
  margin-right: 0
}
.right-to-left .product-content .product-content-desc .ic-chk {
  margin-left: 0.8rem;
  margin-right: 0
}
.right-to-left .product-content .product-content-desc .colors-list .img-wrapper {
  margin-left: 1rem;
  margin-right: 0
}
.right-to-left .product-content .product-content-desc .product-price .old-price {
  margin-left: 1rem;
  margin-right: auto
}
.right-to-left .product-content .prod-sticky .prod-actions {
  margin-left: 1.6rem;
  margin-right: 0
}
.right-to-left .product-content .prod-sticky .prod-actions .prod-price .old-price {
  margin-left: 0.5rem;
  margin-right: auto
}

@media (min-width: 840px) {
.right-to-left .product-content .prod-sticky .prod-actions .prod-price {
  margin-left: 1.6rem;
  margin-right: 0
}
}

@media (min-width: 840px) {
.right-to-left .product-content .prod-sticky h2 a, .right-to-left .product-content .prod-sticky .h2 a {
  margin-right: 0.8rem;
  margin-left: 0
}
}
.right-to-left .product-content .prod-sticky h2 img, .right-to-left .product-content .prod-sticky .h2 img {
  margin-left: 0.8rem !important
}
.right-to-left .product-content .js-carousel-product-images .swiper-pagination-bullet+.swiper-pagination-bullet {
  margin-right: 0.6rem;
  margin-left: 0
}
.right-to-left .product-content .product-content-imgs {
  margin-left: 8%;
  margin-right: 0
}
.right-to-left .product-content .top-actions .btn-link-box:after, .right-to-left .product-content .top-actions .btn-link-box-back:after {
  transform: rotate(3600deg);
  left: 0;
  right: 0
}
.right-to-left .product-content .top-actions a span {
  padding-right: 1.5rem
}
.right-to-left .product-details-accordion .accordion .accordion-btn b {
  margin-right: 1.6rem;
  margin-left: 0
}

@media (min-width: 960px) {
.right-to-left .bundle-options .bundle-option .colors-list {
  padding-left: 2rem;
  padding-right: 0
}
}
.right-to-left .bundle-options .bundle-option .colors-list .img-wrapper {
  margin-left: 1rem;
  margin-right: 0
}
.right-to-left .bundle-options .bundle-option .colors-list .ic-chevron-right {
  display: none
}

@media (min-width: 1024px) {
.right-to-left .accordion-content, .right-to-left .in-the-box .inner-content {
  padding-right: 20%;
  padding-left: 10%
}
}
.right-to-left .prl-product-usps {
  direction: ltr;
  text-align: right
}
.right-to-left .flow-page.login-page .left-icon-list>ul>li::before {
  margin-right: 0;
  margin-left: 0.6rem
}
.right-to-left .inner-page .radio-desc::before, .right-to-left .inner-page .checkbox-desc::before {
  margin-left: 1.2rem;
  margin-right: 0
}
.right-to-left .inner-page .left-icon-big>ul>li img {
  margin-left: 1rem;
  margin-right: 0
}

@media (min-width: 960px) {
.right-to-left .flow-page.myaccount .form-toggle.-edit .form-actions button+button {
  margin-right: 2rem;
  margin-left: 0
}
}

@media (min-width: 1440px) {
.right-to-left .flow-page.myaccount .inner-page-banner {
  margin-left: 0;
  margin-right: 3.6rem
}
}

@media (min-width: 1440px) {
.right-to-left .flow-page.myaccount .inner-page-navigation {
  margin-right: 0;
  margin-left: 3.6rem
}
}

@media (min-width: 640px) {
.right-to-left .flow-page.myaccount .devices-list .device-img {
  margin-right: 0;
  margin-left: 1.2rem
}
}

@media (min-width: 960px) {
.right-to-left .blk-img-txt .text-wrapper, .right-to-left .blk-img-txt.image-left .content-wrapper .text-wrapper {
  padding: 40px 56px 48px 56px
}
}
.right-to-left .faq-page .faq-page-header .logo-link {
  left: 0;
  right: 3.2rem;
  text-align: right
}
.right-to-left .faq-page .inner-page-navigation .nav-wrapper li ul {
  margin-right: 1rem
}

@media (min-width: 1440px) {
.right-to-left .faq-page .inner-page-navigation {
  margin-right: -1.6rem;
  margin-left: 0
}
}
.right-to-left .faq-page .blk-grid, .right-to-left .faq-page .blk-sub-grid {
  right: 50%;
  transform: translateX(50%)
}

@media (max-width: 959px) {
.right-to-left .faq-page .inner-page.has-side-navigation .faq-details-accordion .content-wrapper .accordion-btn {
  padding: 0.75rem 0rem 0.75rem 0.3rem
}
}
.right-to-left .faq-about .list-links .txt-wrapper {
  padding-left: 80px;
  padding-right: 0px
}

@media (min-width: 960px) {
.right-to-left .b-imgtxt-variant-2.full-width .content-wrapper {
  padding-left: 4.45vw;
  padding-right: 0
}
}

@media (min-width: 960px) {
.right-to-left .blk-myiqos .text-wrapper {
  margin: 2rem 6% 0 auto
}
}
.right-to-left .myiqos__block .text-wrapper ul:before, .right-to-left .myiqos__block .extra-content ul:before {
  right: 0;
  left: initial
}
.right-to-left .myiqos__block .content-wrapper>figure .action {
  right: 2rem;
  left: initial
}
.right-to-left .myiqos__block .content-wrapper>figure .action .btn-play-inline {
  margin-right: 0;
  margin-left: 0.8rem
}
.right-to-left .myiqos__block .content-wrapper>figure .action .btn-play-inline .ico {
  transform: translateX(-70%) translateY(-50%) rotate(-90deg)
}

@media (min-width: 960px) {
.right-to-left .myiqos__block .extra-content {
  margin-right: 0;
  margin-left: auto
}
}
.right-to-left .myiqos__block .btn-myiqos:before, .right-to-left .myiqos__block .btn-myiqos:after {
  left: initial;
  right: calc(100% + 10px);
  margin-right: 0.5rem;
  transform: rotate(180deg) translateX(0px)
}
.right-to-left .link:after, .right-to-left .page-main p a:not([class]):after, .page-main p .right-to-left a:not([class]):after, .right-to-left .link:before, .right-to-left .page-main p a:not([class]):before, .page-main p .right-to-left a:not([class]):before {
  right: auto;
  left: 0
}

@media (min-width: 1440px) {
.right-to-left .prl-scroll-activated-story .active-story-scene p {
  left: calc(32% + 656px);
  text-align: right
}
}
.right-to-left .colors-list .ic-chevron-right {
  transform: rotate(180deg)
}
.right-to-left .form-input {
  padding: 0.6rem 0.8rem 0.6rem 1rem;
  background-position: 2% 50% !important
}
.right-to-left .form-label .ipt-btn {
  margin: 0 0 0 1rem
}
.right-to-left .form-label.is-prefield {
  padding-right: 0.8rem;
  padding-left: 0
}
.right-to-left .tooltip-wrapper {
  margin-right: 0.6rem;
  margin-left: 0
}
.right-to-left .order-list .order-resume .img-wrapper {
  margin-right: 0;
  margin-left: 0.4rem
}
.right-to-left .hero-full-width.text-left .content-wrapper .text-wrapper {
  text-align: right
}

@media (min-width: 960px) {
.right-to-left .support-list.support-list-2-col .blk-list .article:first-of-type {
  margin-right: auto;
  margin-left: 0
}
}
.right-to-left .blk-list ul {
  margin: 0 auto
}
.right-to-left .accordion .accordion-btn {
  text-align: right
}

@media (min-width: 1440px) {
.right-to-left .hero-full-width.text-wide-2x.text-left .content-wrapper .text-wrapper {
  right: 10vw;
  left: auto
}
}

@media (min-width: 840px) {
.right-to-left .radio-desc::before, .right-to-left .checkbox-desc::before {
  margin-left: 1.2rem;
  margin-right: 0
}
}
.right-to-left .pagination .page-item:first-child {
  margin-right: 0;
  margin-left: 5%
}
.right-to-left .pagination .page-item:last-child {
  margin-right: 5%;
  margin-left: 0
}
.right-to-left .pagination .page-item:first-child img, .right-to-left .pagination .page-item:last-child img {
  transform: rotate(180deg)
}
.right-to-left .c-nav4__first__item.has--sub.is--active .c-nav4__second__item__link, .right-to-left .c-nav4__first__item.has--sub.is--active .c-additional_content, .right-to-left .c-nav4__first__item.has--sub.is--active .c-nav4__second__item__subtitle {
  position: relative;
  animation: right-to-left 5s 2
}

@media (max-width: 839px) {
.right-to-left .c-nav4.h--menu-open .c-nav4__first__item__link, .right-to-left .c-nav4.h--menu-open .c-nav4__first__item__subtitle {
  position: relative;
  animation: right-to-left 5s 2
}
}
.right-to-left .btn:after, .right-to-left .ui_558574:after, .right-to-left .ui_517427:after, .right-to-left .ui_464917:after {
  transform: translate(101%, -50%) skew(0deg)
}
.right-to-left .btn:hover:after, .right-to-left .ui_558574:hover:after, .right-to-left .ui_517427:hover:after, .right-to-left .ui_464917:hover:after, .right-to-left .btn:focus:after, .right-to-left .ui_558574:focus:after, .right-to-left .ui_517427:focus:after, .right-to-left .ui_464917:focus:after, .right-to-left .btn:active:after, .right-to-left .ui_558574:active:after, .right-to-left .ui_517427:active:after, .right-to-left .ui_464917:active:after {
  transform: translate(-10%, -50%) skew(30deg)
}
.right-to-left .prl-how-it-works {
  direction: ltr
}
.right-to-left .prl-how-it-works .prl-grid, .right-to-left .prl-how-it-works .prl-sub-grid {
  text-align: right
}
.right-to-left .prl-progress-bar {
  margin-left: 10px;
  margin-right: auto
}
.right-to-left .prl-progress-bar:last-child {
  margin-right: auto
}
.right-to-left .prl-progress-bar:before {
  transition: width 0.5s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  right: 0;
  left: auto
}
.right-to-left .prl-progress-bar.-light {
  background: #fffdfb
}
.right-to-left .prl-progress-bar.-light:before {
  background: #FFFDFB
}
.right-to-left .prl-progress-bar.-reset:before {
  transition: opacity 0.5s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1)
}
.right-to-left .slider-prev-btn, .right-to-left .slider-next-btn {
  transform: rotate(180deg)
}
.right-to-left .cart-content-wrapper .article figure>figcaption h4, .right-to-left .cart-content-wrapper .article figure>figcaption .h4, .right-to-left .cart-content-wrapper .cart-content-wrapper .article figure>figcaption h4, .right-to-left .cart-content-wrapper .cart-content-wrapper .article figure>figcaption .h4 {
  padding: 0 0 0.4rem 0.8rem
}

@media (min-width: 640px) {
.right-to-left .cart-content-wrapper .article figure>figcaption div.item-price {
  padding-right: 16px;
  padding-left: 0
}
}

@media (min-width: 840px) {
.right-to-left .page-cart .cart-content-wrapper .article figure>figcaption div.item-price {
  padding-right: 32px;
  padding-left: 0
}
.right-to-left .checkout-complete .right-container {
  padding-left: 0;
  padding-right: 40px;
  border-right: 1px solid #e1e0e2;
  border-left: none
}
}
.right-to-left .left-icon-list>ul>li::before {
  margin-right: 0;
  margin-left: 0.6rem
}

@media (min-width: 840px) {
.right-to-left .checkout-complete .left-container {
  padding-left: 40px;
  padding-right: 0
}
}
.right-to-left .cart-content-wrapper .article figure>figcaption {
  padding-right: 0.2rem;
  padding-left: initial
}
.right-to-left .checkout-complete .right-container .column {
  padding-left: initial;
  padding-right: 16px
}
.right-to-left .v-icon-list .v-icon-desc {
  margin-left: initial;
  margin-right: 20px
}
.right-to-left .old-product-price {
  margin: 3px 19px 5px 0
}
.right-to-left .product-price {
  margin: 24px 0 0 19px
}
.right-to-left #age-gate-overlay .age-gate-btn-fields {
  direction: rtl
}
.right-to-left .form-label:not(.has-btn)::after {
  margin-right: 0;
  margin-left: 1rem
}
.right-to-left .label-desc, .right-to-left .form-select {
  padding: 0.6rem 0.8rem 0.6rem 1rem
}

@media (min-width: 960px) {
.right-to-left .blk-img-txt.blk-img-txt-quiz .actions-quiz .links {
  margin-left: initial;
  margin-right: auto
}
}
.right-to-left .blk-img-txt.blk-img-txt-quiz .actions-quiz .links a+a {
  margin-left: 0;
  margin-right: 20px
}
.right-to-left .quiz_subheader .wrap img {
  margin-left: 15px;
  margin-right: 0
}
.right-to-left .quiz_subheader .wrap span {
  margin-left: initial;
  margin-right: auto
}
.right-to-left .devices-list .confirm-container .actions-wrapper button+button {
  margin: 0 0.8rem 0 0
}

@media (min-width: 640px) {
.right-to-left .device-add-wrapper .device-add-form .actions-wrapper a+a, .right-to-left .device-add-wrapper .device-add-form .actions-wrapper a+button, .right-to-left .device-add-wrapper .device-add-form .actions-wrapper button+a, .right-to-left .device-add-wrapper .device-add-form .actions-wrapper button+button {
  margin-right: 0.6rem;
  margin-left: initial
}
}

@media (min-width: 960px) {
.right-to-left .tri-info__cell:not(:last-child) {
  margin-left: 1.5rem;
  margin-right: initial
}
}
.right-to-left .store-info ul li {
  padding-right: 2.3rem;
  padding-left: initial
}
.right-to-left .store-info ul li>a:before {
  right: -2.3rem;
  left: initial
}
.right-to-left .store-info__timetable tbody>tr>td {
  text-align: right
}
.right-to-left .prl-animated-hero {
  direction: ltr
}
.right-to-left .prl-dropdown [data-dropdowntoggle]:after {
  left: 10px;
  right: initial
}
.right-to-left .breadcrumb>ol>li:not(:last-child):after {
  transform: rotate(225deg) scale(0.8);
  margin: 0 2px 0 7px
}
.right-to-left .js-carousel-product-images .side-btn-nav button.swiper-button-next::after {
  margin-right: 5px;
  margin-left: initial
}
.right-to-left .js-carousel-product-images .side-btn-nav button.swiper-button-prev::after {
  margin-left: 5px
}
.right-to-left .item-count {
  position: absolute;
  right: auto;
  margin-right: 10px
}
.right-to-left .product-list-filters a {
  overflow: visible !important
}
.right-to-left .prl-icon-arrow-right {
  display: none
}
.right-to-left .store-list__store a, .right-to-left .store-list__dealer a {
  position: relative;
  padding-left: 25px
}
.right-to-left .store-list__store a:before, .right-to-left .store-list__dealer a:before {
  content: " ";
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center left;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOCAxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTggMTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KCTxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+CgkJLnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiMzNDMwM2Q7c3Ryb2tlLXdpZHRoOjI7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7fQoJPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTExLjQsMTFsNS01bC01LTUgTTE1LjQsNi4xbC0xNC0wLjEiLz4KPC9zdmc+Cg==");
  height: 100%;
  position: absolute;
  left: 0;
  width: 0.8rem;
  z-index: 2;
  transform: rotate(180deg)
}
.right-to-left .locator-chat-btn {
  left: 1.6rem;
  right: initial
}

@media (min-width: 960px) {
.right-to-left .locator-chat-btn {
  left: 5.6rem
}
}
.right-to-left .store-info ul li>span {
  position: absolute;
  margin-right: 0.3rem;
  right: auto;
  margin-top: 0.2rem
}
.right-to-left .myiqos__hero .text-wrapper {
  text-align: right
}
.right-to-left .c-nav4__third__wrapper .c-additional_content {
  display: none
}
.right-to-left ul, .right-to-left ol {
  margin: 0.8rem 0.8rem 0.8rem 0
}
.right-to-left .blog-detail ol li {
  padding-right: 8px;
  padding-left: initial
}
.right-to-left .blog-detail .checklist {
  padding-left: initial;
  margin-left: initial;
  margin-right: 0;
  padding-right: 0
}
.right-to-left .blog-detail .checklist li {
  padding-right: 25px;
  padding-left: initial
}
.right-to-left .blog-detail .checklist li:before {
  left: initial;
  right: 0
}
.right-to-left .how-it-works-fixed .item:first-child {
  margin-left: 21px;
  margin-right: 0
}
.right-to-left .how-it-works-fixed .item:last-child {
  margin-right: 21px;
  margin-left: 0
}

@media (max-width: 959px) {
.right-to-left .how-it-works-fixed-nav .item:last-child {
  margin-left: 0.25rem
}
}

@media (max-width: 959px) {
.right-to-left .how-it-works-fixed.iqos3multi .how-it-works-fixed-nav .item:first-child {
  transform: translateX(20%)
}
.right-to-left .how-it-works-fixed.iqos3multi .how-it-works-fixed-nav .item:nth-child(2) {
  margin-left: 0.9rem
}
}

@media (max-width: 959px) {
.right-to-left .how-it-works-fixed.no-heets.iqos3duo .how-it-works-fixed-nav .item:first-child {
  margin-right: 0.5rem
}
.right-to-left .how-it-works-fixed.no-heets.iqos3duo .how-it-works-fixed-nav .item:nth-child(2) {
  transform: translateX(-50%)
}
}

@media (max-width: 959px) {
.right-to-left .how-it-works-fixed.no-heets.iqos24plus .how-it-works-fixed-nav .item:first-child {
  margin-right: 0.75rem
}
.right-to-left .how-it-works-fixed.no-heets.iqos24plus .how-it-works-fixed-nav .item:nth-child(2) {
  margin-right: 0;
  transform: translateX(-120%)
}
}

@media (max-width: 959px) {
.right-to-left .how-it-works-fixed.no-heets.iqos3multi .how-it-works-fixed-nav .item {
  margin-left: 0;
  margin-right: 0
}
}

@media (min-width: 840px) {
.store-list .content-wrapper {
  padding: 5.1rem 7.3rem 0
}
}

@media (min-width: 1440px) {
.store-list .content-wrapper {
  padding: 5.1rem 0 0;
  max-width: 1312px;
  margin-left: auto;
  margin-right: auto
}
}
.store-list__header {
  padding: 2.8rem 1.6rem 0;
  margin-bottom: 56px
}

@media (min-width: 840px) {
.store-list__header {
  padding: 0
}
}

@media (min-width: 960px) {
.store-list__header {
  margin-bottom: 100px
}
}
.store-list__header>.title {
  font-size: 1.8rem;
  margin-bottom: 1.3rem
}

@media (min-width: 840px) {
.store-list__header>.title {
  font-size: 3.1rem;
  line-height: 3.6rem;
  max-width: 55vw;
  margin-bottom: 2rem
}
}
.store-list__header .subtitle {
  font-size: 1rem;
  line-height: 1.4rem;
  margin-bottom: 1rem
}

@media (min-width: 840px) {
.store-list__header .subtitle {
  font-size: 1.45rem;
  line-height: 2rem;
  margin-bottom: 1.73rem
}
}
.store-list__stores, .store-list__dealers {
  padding: 0 1.6rem 0;
  margin-bottom: 56px
}

@media (min-width: 840px) {
.store-list__stores, .store-list__dealers {
  padding: 0
}
}

@media (min-width: 960px) {
.store-list__stores, .store-list__dealers {
  margin-bottom: 100px
}
}
.store-list__stores>.title, .store-list__dealers>.title {
  font-size: 1.4rem;
  margin-bottom: 1.2rem
}

@media (min-width: 840px) {
.store-list__stores>.title, .store-list__dealers>.title {
  font-size: 2.1rem;
  margin: 0 0 2rem
}
}
.store-list__stores-wrapper, .store-list__dealers-wrapper {
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
  justify-content: end
}

@media (min-width: 960px) {
.store-list__stores-wrapper, .store-list__dealers-wrapper {
  width: calc(100vw - 5rem)
}
}

@media (min-width: 1440px) {
.store-list__stores-wrapper, .store-list__dealers-wrapper {
  width: calc(100% - 5rem)
}
}
.store-list__store, .store-list__dealer {
  display: block;
  margin: 0.3rem 0;
  flex: 0 0 100%
}

@media (min-width: 460px) {
.store-list__store, .store-list__dealer {
  flex: 0 0 50%
}
}

@media (min-width: 640px) {
.store-list__store, .store-list__dealer {
  flex: 0 0 33%
}
}

@media (min-width: 960px) {
.store-list__store, .store-list__dealer {
  flex: 0 0 25%
}
}
.store-list__store>.title, .store-list__dealer>.title {
  font-size: 0.78rem;
  margin-bottom: 0.7rem
}
.store-list__store>.status, .store-list__dealer>.status {
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold;
  margin-bottom: 0.6rem
}
.store-list__store p, .store-list__dealer p {
  line-height: 1.2rem
}
.store-list__store a span:before, .store-list__dealer a span:before {
  font-size: 0.7rem;
  margin-left: 5px
}
.store-list__store>.title {
  font-size: 1rem
}

@media (min-width: 960px) {
.store-list__store>.title {
  margin-bottom: 1.1rem
}
}

@media (min-width: 960px) {
.store-list__store>.status {
  margin-bottom: 0.3rem
}
}
.video-overlay, .video-overlay-inline {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  z-index: 600;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  opacity: 0
}
.video-overlay iframe, .video-overlay-inline iframe {
  pointer-events: none
}
.video-overlay.open, .video-overlay-inline.open {
  opacity: 1;
  pointer-events: all
}
.video-overlay.open .video-overlay-content, .video-overlay-inline.open .video-overlay-content {
  pointer-events: none
}
.video-overlay.open .video-overlay-content .video-overlay-close-bnt, .video-overlay.open .video-overlay-content iframe, .video-overlay-inline.open .video-overlay-content .video-overlay-close-bnt, .video-overlay-inline.open .video-overlay-content iframe {
  pointer-events: all
}
.video-overlay-bg {
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8)
}
.video-overlay-inline .video-overlay-bg {
  position: absolute
}
.video-overlay-close-bnt {
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  cursor: pointer;
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 46 46'%3e%3cpolygon fill='%23ffffff' points='46,1.4 44.6,0 23,21.6 1.4,0 0,1.4 21.6,23 0,44.6 1.4,46 23,24.4 44.6,46 46,44.6 24.4,23'%3e%3c/polygon%3e%3c/svg%3e");
  position: absolute;
  z-index: 5;
  border: none;
  top: -20px;
  right: 0;
  width: 2.875vw;
  height: 2.875vw;
  transform: translateY(-100%) scale(1);
  max-width: 24px;
  max-height: 24px
}

@media (max-width: 959px) {
.video-overlay-close-bnt {
  top: -24px;
  right: 0;
  width: 8vw;
  height: 8vw
}
}

@media (min-aspect-ratio: 17/9) {
.video-overlay-close-bnt {
  top: 25px;
  right: -38px
}
}
.video-overlay-close-bnt:hover {
  transform: translateY(-100%) scale(1.05)
}
.video-overlay-content {
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  position: relative;
  z-index: 10;
  width: 75vw;
  height: 42.1875vw
}

@media (max-width: 959px) {
.video-overlay-content {
  width: 92vw;
  height: 51.75vw
}
}
.video-overlay-content iframe {
  border: 0;
  width: 100%;
  height: 100%
}

@media (max-width: 639px) {
.video-overlay.mobile-display .video-overlay-content {
  height: 68vh
}
}
.video-inline-wrapper {
  position: relative
}
.video-inline-wrapper.video-open .btn-play {
  opacity: 0
}
.video-overlay-inline {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0
}
.video-overlay-inline .video-overlay-content {
  width: 100%;
  height: 100%
}

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

@media (max-width: 767px) {
.c-language-switcher__item__link {
  font-size: 20px;
  line-height: 26px;
  margin: 8px 0
}
}
.c-language-switcher__item__link .flag {
  height: 14px;
  margin-right: 16px
}
.c-language-switcher__item__link.is--small {
  font-size: 16px;
  margin: 4px 0;
  line-height: 23px
}
.c-language-switcher__item__link.is--invert {
  color: #34303d
}
.c-footer .c-language-switcher .c-language-switcher__list__item .c-language-switcher__list__ico:before, .c-footer .c-language-switcher .c-language-switcher__list__item .c-language-switcher__list__ico:after {
  background-color: #FFFDFB
}
body>main {
  padding-top: 56px
}

@media (min-width: 960px) {
body>main {
  padding-top: 76px
}
}
#header {
  top: 0;
  left: 0;
  right: 0;
  z-index: 101;
  position: fixed
}
.navHide #header {
  pointer-events: none
}
.c-nav4 {
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.05)
}
.c-nav4.is--autohide-mode {
  transform: translateY(0%);
  transition: transform 0.5s ease-in-out, background 0.6s
}
.c-nav4.is--autohide-mode.unpinned:not(.navfocused) {
  transform: translateY(-100%)
}
.c-nav4.is--picto--active .c-nav4__logo .logo__i {
  opacity: 0;
  transform: translateX(35%)
}
.c-nav4.is--picto--active .c-nav4__logo .logo__q {
  opacity: 0;
  transform: translateX(14%)
}
.c-nav4.is--picto--active .c-nav4__logo .logo__o {
  opacity: 0;
  transform: translateX(14%)
}
.c-nav4.is--picto--active .c-nav4__logo .logo__s {
  opacity: 0;
  transform: translateX(-25%)
}
.c-nav4.is--picto--active .c-nav4__logo .logo__picto {
  opacity: 1
}
.c-nav4.is--transparent-mode {
  transition: transform 0.5s ease-in-out, background 0.6s
}
.c-nav4.is--transparent-mode .c-nav4__first__item.has--sub .c-nav4__first__item__link {
  transition: background-image 0.4s
}
.c-nav4.is--transparent-mode #iqos-svg-logo path {
  transition: fill 0.4s
}
.c-nav4.is--transparent-mode.is--transparent-mode--active {
  background: transparent
}
.c-nav4.is--transparent-mode.is--transparent-mode--active .c-nav4__first__item.has--sub .c-nav4__first__item__link {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='21' viewBox='0 0 24 24' fill='none' stroke='%2334303D' stroke-width='2' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")
}
.c-nav4.is--transparent-mode.is--transparent-mode--active a {
  color: white
}
.c-nav4.is--transparent-mode.is--transparent-mode--active #iqos-svg-logo path {
  fill: white
}
.c-nav4.is--opened.is--transparent-mode.is--transparent-mode--active {
  background: white
}
.c-nav4__icon {
  position: relative;
  padding: 0 10px;
  display: flex
}
.c-nav4__icon__counter {
  position: absolute;
  display: block;
  left: 50%;
  top: 50%;
  transform: translate(50%, -20%);
  font-size: 0.5rem;
  padding-top: 2px;
  color: #34303d;
  opacity: 0
}
.c-nav4__icon__counter span {
  position: relative;
  z-index: 3;
  display: block;
  line-height: 1
}
.c-nav4__icon__counter:before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 14px;
  background-color: #00D1D2;
  border-radius: 100%;
  transform: translateX(-50%) translateY(-40%)
}
.c-nav4__icon .planer {
  font-size: 1.2rem;
  margin-top: -5px;
  line-height: 1rem
}
.c-nav4 .c-nav4__logo {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  height: 24px;
  width: 78px;
  text-align: center
}
.c-nav4 .c-nav4__logo.is--veev-logo {
  width: 72px;
  height: 18px
}
.c-nav4 .c-nav4__logo svg g {
  transition: opacity 0.4s, transform 0.55s
}
.c-nav4 .c-nav4__logo svg rect {
  fill: none
}
.c-nav4 .c-nav4__logo svg path {
  fill: #34303d
}
.c-nav4 .c-nav4__logo svg .logo__i {
  transform: translateX(-4px)
}
.c-nav4 .c-nav4__logo svg .logo__q {
  transform: translateX(-1px)
}
.c-nav4 .c-nav4__logo svg .logo__o {
  transform: translateX(0px)
}
.c-nav4 .c-nav4__logo svg .logo__s {
  transform: translateX(5px)
}
.c-nav4 .c-nav4__logo .logo__picto {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  transform: scale(1.6);
  opacity: 0;
  transition: opacity 0.75s
}
.c-nav4 .c-nav4__logo_link {
  display: inline-flex;
  justify-content: center;
  margin: 0 auto
}
.c-nav4 .c-nav4__logo.h--show-md .logo__picto {
  transform: scale(1.3)
}
.c-nav4__overlay {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  width: 200%;
  height: 100vh;
  background: #272a33;
  opacity: 0;
  display: none
}

@media (min-width: 960px) {
body:not(.increase-breakpoint) .c-nav4 {
  height: 76px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-left: calc(4.45vw - 15px);
  padding-right: calc(4.45vw - 10px);
  background-color: #FFFDFB
}
body:not(.increase-breakpoint) .c-nav4 .c-nav4__footer-background {
  display: none
}
body:not(.increase-breakpoint) .c-nav4 .c-nav4__entry {
  display: none
}
body:not(.increase-breakpoint) .c-nav4 .c-language-switcher {
  display: none
}
body:not(.increase-breakpoint) .c-nav4__first__wrapper {
  width: 100%
}
body:not(.increase-breakpoint) .c-nav4__first__wrapper__inner {
  transform: none !important;
  width: 100%;
  height: 100%
}
body:not(.increase-breakpoint) .c-nav4__first__wrapper__inner ul, body:not(.increase-breakpoint) .c-nav4__first__wrapper__inner li {
  list-style: none
}
body:not(.increase-breakpoint) .c-nav4__first {
  display: flex;
  width: 100%;
  height: inherit;
  margin: 0;
  font-size: 0.7rem
}
body:not(.increase-breakpoint) .c-nav4__first__item {
  display: block;
  padding: 0;
  margin: 0;
  transition: opacity 200ms
}
body:not(.increase-breakpoint) .c-nav4__first__item.is--separator {
  margin-left: auto;
  margin-bottom: 0
}
body:not(.increase-breakpoint) .c-nav4__first__item.is--dt-sm-pading .c-nav4__first__item__link {
  padding: 0 11px !important
}
body:not(.increase-breakpoint) .c-nav4__first__item.has--sub>.c-nav4__first__item__link {
  padding-right: 30px;
  background: no-repeat;
  background-position: right 6px center;
  position: relative
}
body:not(.increase-breakpoint) .c-nav4__first__item.has--sub>.c-nav4__first__item__link:after {
  content: " ";
  display: block;
  position: absolute;
  width: 21px;
  height: 21px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='21' viewBox='0 0 24 24' fill='none' stroke='%2334303D' stroke-width='2' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  right: 5px;
  transition: transform 1s
}
body:not(.increase-breakpoint) .c-nav4__first__item.is--active .c-nav4__first__item__link:after {
  transform: scaleY(-1)
}
body:not(.increase-breakpoint) .c-nav4__first__item.is--sibling-hovered .c-nav4__first__item__link {
  opacity: 0.5
}
body:not(.increase-breakpoint) .c-nav4__first__item__link {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 0 15px;
  border: 0;
  font-weight: 500;
  transition: opacity 0.3s
}
body:not(.increase-breakpoint) .c-nav4__first__item__link img {
  vertical-align: middle
}
body:not(.increase-breakpoint) .c-nav4__second__wrapper {
  position: absolute;
  width: 100vw;
  min-height: 540px;
  left: 0;
  z-index: 1;
  background-color: #FFFDFB;
  top: 72px;
  margin: 0 auto;
  transform: scaleY(0);
  transform-origin: top;
  overflow: hidden;
  padding: 48px 4.45vw
}
body:not(.increase-breakpoint) .c-nav4__second__wrapper__title {
  display: none
}
body:not(.increase-breakpoint) .c-nav4__second__wrapper__inner {
  display: flex;
  position: relative;
  width: 100%;
  min-height: 384px;
  justify-content: space-between;
  transition: min-height 0.5s ease-in-out
}
body:not(.increase-breakpoint) .c-nav4__second__wrapper__inner .c-additional_content {
  z-index: 10
}
body:not(.increase-breakpoint) .c-nav4__second {
  margin: 0;
  padding: 0;
  width: 29%
}
body:not(.increase-breakpoint) .c-nav4__second.is--scrollable {
  width: 100%;
  background: #FFFDFB
}
body:not(.increase-breakpoint) .c-nav4__second__item {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  font-size: 0.7rem;
  color: #34303d;
  z-index: 2
}
body:not(.increase-breakpoint) .c-nav4__second__item+.c-nav4__second__item {
  margin-top: 30px
}
body:not(.increase-breakpoint) .c-nav4__second__item.is--active {
  position: static
}
body:not(.increase-breakpoint) .c-nav4__second__item.is--header {
  display: block;
  padding-bottom: 21px
}
body:not(.increase-breakpoint) .c-nav4__second__item:not(.is--header)>.c-nav4__second__item__link:hover {
  background-position: 0% bottom
}
body:not(.increase-breakpoint) .c-nav4__second__item.is--active .c-nav4__second__item__link {
  background-position: 0% bottom
}
body:not(.increase-breakpoint) .c-nav4__second__item__link {
  display: inline;
  position: relative;
  z-index: 2;
  font-size: 0.95rem;
  color: #34303d;
  opacity: 0;
  line-height: 1.39;
  background-image: linear-gradient(to right, #00D1D2 50%, transparent 50%);
  background-size: 200% 4px;
  background-position: 100% bottom;
  transition: opacity 200ms, background-position 0.5s ease-in-out;
  background-repeat: no-repeat;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold
}
body:not(.increase-breakpoint) .c-nav4__second__item.is--small-first {
  margin-top: 38px
}
body:not(.increase-breakpoint) .c-nav4__second__item.is--small a {
  font-size: 0.9rem
}
body:not(.increase-breakpoint) .c-nav4__second__item.has--sub .c-nav4__second__item__link:after {
  content: " ";
  display: inline-block;
  position: absolute;
  bottom: 0;
  height: 20px;
  width: 20px;
  transform: translateX(20px) translateY(-7px) rotate(-90deg);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='21' viewBox='0 0 24 24' fill='none' stroke='%2334303D' stroke-width='2' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center
}
body:not(.increase-breakpoint) .c-nav4__second__item__subtitle {
  display: block;
  opacity: 0;
  margin-top: 4px
}
body:not(.increase-breakpoint) .c-nav4__second__item.is--small {
  margin-bottom: 5px
}
body:not(.increase-breakpoint) .c-nav4__second__item.is--xsmall {
  margin-bottom: 20px
}
body:not(.increase-breakpoint) .c-nav4__second__item.is--xsmall .c-nav4__second__item__link {
  font-size: 0.8rem;
  font-weight: 600;
  padding: 8px 0 0;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: normal
}
body:not(.increase-breakpoint) .c-nav4 .is--active>.c-nav4__third__wrapper {
  visibility: visible;
  opacity: 1
}
body:not(.increase-breakpoint) .c-nav4__third__wrapper {
  display: flex;
  justify-content: space-between;
  flex-flow: row;
  position: absolute;
  left: 31%;
  top: 0;
  padding-left: 0;
  width: auto;
  visibility: hidden;
  opacity: 0;
  right: 0;
  z-index: 12
}
body:not(.increase-breakpoint) .c-nav4__third__wrapper__title {
  display: none
}
body:not(.increase-breakpoint) .c-nav4__third__wrapper .c-additional_content {
  z-index: 11
}
body:not(.increase-breakpoint) .c-nav4__third__wrapper:hover>.c-additional_content {
  visibility: visible;
  opacity: 1
}
body:not(.increase-breakpoint) .c-nav4__third__wrapper .is--active .c-additional_content {
  z-index: 0 !important
}
body:not(.increase-breakpoint) .c-nav4__third {
  position: static;
  z-index: 13;
  margin: 0
}
body:not(.increase-breakpoint) .c-nav4__third__item {
  margin: 0;
  display: block;
  padding: 7px 0;
  color: #6e6e6e;
  transition: opacity 0.5s;
  max-width: 390px
}
body:not(.increase-breakpoint) .c-nav4__third__item+.c-nav4__third__item {
  margin-top: 10px
}
body:not(.increase-breakpoint) .c-nav4__third__item__link {
  z-index: 1;
  opacity: 0;
  transition: opacity 0.3s;
  display: inline-flex;
  font-size: 0.9rem
}
body:not(.increase-breakpoint) .c-nav4__third__item__link .is--title {
  display: block;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold;
  transition: opacity 0.5s;
  font-size: 1rem
}
body:not(.increase-breakpoint) .c-nav4__third__item__link .is--title .badge {
  display: inline-block;
  transform: translateY(-7px);
  font-weight: normal
}
body:not(.increase-breakpoint) .c-nav4__third__item__link .is--subtitle {
  transition: opacity 0.5s;
  margin-bottom: 4px
}
body:not(.increase-breakpoint) .c-nav4__third__item__link .is--subtitle, body:not(.increase-breakpoint) .c-nav4__third__item__link img {
  display: none
}
body:not(.increase-breakpoint) .c-nav4__third__item.is--product .c-nav4__third__item__link {
  position: relative;
  display: block;
  width: 280px;
  height: 100%
}
body:not(.increase-breakpoint) .c-nav4__third__item.is--product .c-nav4__third__item__link .is--new {
  display: none
}
body:not(.increase-breakpoint) .c-nav4__third__item.is--product .c-nav4__third__item__link .is--title {
  display: block
}
body:not(.increase-breakpoint) .c-nav4__third__item.is--product .c-nav4__third__item__link .is--subtitle {
  display: block;
  font-size: 0.7rem
}
body:not(.increase-breakpoint) .c-nav4__third__item.is--product .c-nav4__third__item__link img {
  position: absolute;
  display: block;
  right: -40px;
  top: 52%;
  height: 50px;
  transform: translate(0, -58%)
}
body:not(.increase-breakpoint) .c-nav4__third__item.is--small-link {
  margin-top: 30px
}
body:not(.increase-breakpoint) .c-nav4__third__item.is--small-link .c-nav4__third__item__link {
  position: relative;
  display: block;
  width: 280px;
  height: 100%
}
body:not(.increase-breakpoint) .c-nav4__third__item.is--small-link .c-nav4__third__item__link .is--title {
  display: block;
  font-size: 0.8rem;
  font-weight: normal
}
body:not(.increase-breakpoint) .c-nav4__third__item.is--small-link+.is--small-link {
  margin-top: 10px
}
body:not(.increase-breakpoint) .c-nav4__third__item.is--continue a {
  font-size: 0.9rem;
  margin-top: 17px
}
body:not(.increase-breakpoint) .c-nav4__third__item.is--sibling-hovered .c-nav4__third__item__link .is--title, body:not(.increase-breakpoint) .c-nav4__third__item.is--sibling-hovered .c-nav4__third__item__link .is--subtitle {
  opacity: 0.5 !important
}
body:not(.increase-breakpoint) .c-nav4__third__item .c-additional_content {
  z-index: 12;
  visibility: hidden;
  opacity: 0;
  margin-top: -250px;
  position: absolute
}
body:not(.increase-breakpoint) .c-nav4 .is--scrollable {
  padding-bottom: 1rem
}
body:not(.increase-breakpoint) .c-nav4 .is--scrollable:after {
  content: " ";
  position: absolute;
  bottom: 0;
  width: 35%;
  height: 1.25rem;
  pointer-events: none;
  background: linear-gradient(8deg, #fffdfb 0%, rgba(255, 253, 251, 0) 100%);
  z-index: 2
}
body:not(.increase-breakpoint) .c-nav4 .c-additional_content {
  width: 300px;
  background-color: #FFFDFB;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 0.8rem
}
body:not(.increase-breakpoint) .c-nav4 .c-additional_content>a {
  display: block
}
body:not(.increase-breakpoint) .c-nav4 .c-additional_content__image {
  width: 100%;
  height: auto;
  padding-top: 20px;
  display: block;
  margin-bottom: 13px
}
body:not(.increase-breakpoint) .c-nav4 .c-additional_content__title {
  display: block;
  font-size: 0.95rem;
  margin-bottom: 2px;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold
}
body:not(.increase-breakpoint) .c-nav4 .c-additional_content a {
  color: #272a33
}
body:not(.increase-breakpoint) .c-nav4 .c-nav_slider {
  display: none
}
body:not(.increase-breakpoint) .c-nav4 .h--close-icon {
  display: none
}
body:not(.increase-breakpoint) .c-nav4 .h--back-icon {
  display: none
}
body:not(.increase-breakpoint) .c-nav4 .h--hide-md {
  display: flex
}
body:not(.increase-breakpoint) .c-nav4 .h--show-md {
  display: none
}
}

@media (min-width: 960px) and (min-width:1440px) {
body:not(.increase-breakpoint) .c-nav4 {
  padding-left: calc(50vw - 670px);
  padding-right: calc(50vw - 665px)
}
}

@media (min-width: 960px) and (min-width:1440px) {
body:not(.increase-breakpoint) .c-nav4__second__wrapper {
  padding-left: calc(50vw - 656px);
  padding-right: calc(50vw - 656px)
}
}

@media (min-width: 960px) and (min-width:1280px) {
body:not(.increase-breakpoint) .c-nav4__second__item {
  font-size: 0.8rem
}
}

@media (min-width: 960px) and (min-width:1110px) {
body:not(.increase-breakpoint) .c-nav4__second__item__link {
  font-size: 1.1rem
}
}

@media (min-width: 960px) and (min-width:1280px) {
body:not(.increase-breakpoint) .c-nav4__second__item__link {
  font-size: 1.4rem
}
}

@media (min-width: 960px) and (min-width:1280px) {
body:not(.increase-breakpoint) .c-nav4__second__item.is--small a {
  font-size: 1.2rem
}
}

@media (min-width: 960px) and (max-width:639px) {
body:not(.increase-breakpoint) .c-nav4__second__item.is--xsmall .c-nav4__second__item__link {
  font-size: 1rem
}
}

@media (min-width: 960px) and (max-width:1023px) {
body:not(.increase-breakpoint) .c-nav4__third__wrapper {
  left: 32%
}
}

@media (min-width: 960px) and (max-width:1500px) {
body:not(.increase-breakpoint) .c-nav4__third__item {
  max-width: 390px
}
}

@media (min-width: 960px) and (max-width:1439px) {
body:not(.increase-breakpoint) .c-nav4__third__item {
  max-width: 340px
}
}

@media (min-width: 960px) and (max-width:1279px) {
body:not(.increase-breakpoint) .c-nav4__third__item {
  max-width: 280px
}
}

@media (min-width: 960px) and (min-width:1280px) {
body:not(.increase-breakpoint) .c-nav4__third__item__link {
  font-size: 1.2rem
}
}

@media (min-width: 960px) and (min-width:1280px) {
body:not(.increase-breakpoint) .c-nav4__third__item__link .is--title {
  font-size: 1.4rem
}
}

@media (min-width: 960px) and (max-width:1365px) {
body:not(.increase-breakpoint) .c-nav4__third__item.is--product .c-nav4__third__item__link {
  width: 240px
}
}

@media (min-width: 960px) and (min-width:1280px) {
body:not(.increase-breakpoint) .c-nav4__third__item.is--product .c-nav4__third__item__link .is--subtitle {
  font-size: 0.8rem
}
}

@media (min-width: 960px) and (max-width:1365px) {
body:not(.increase-breakpoint) .c-nav4__third__item.is--small-link .c-nav4__third__item__link {
  width: 240px
}
}

@media (min-width: 960px) and (min-width:960px) {
body:not(.increase-breakpoint) .c-nav4 .c-additional_content {
  padding-bottom: 50px
}
}

@media (min-width: 960px) and (min-width:1366px) {
body:not(.increase-breakpoint) .c-nav4 .c-additional_content {
  width: 414px
}
}

@media (min-width: 960px) and (min-width:1440px) {
body:not(.increase-breakpoint) .c-nav4 .c-additional_content {
  width: 512px
}
}

@media (min-width: 960px) and (min-width:1280px) {
body:not(.increase-breakpoint) .c-nav4 .c-additional_content__image {
  margin-bottom: 20px
}
}

@media (min-width: 960px) and (min-width:1110px) {
body:not(.increase-breakpoint) .c-nav4 .c-additional_content__title {
  font-size: 1.1rem
}
}

@media (min-width: 960px) and (min-width:1280px) {
body:not(.increase-breakpoint) .c-nav4 .c-additional_content__title {
  font-size: 1.4rem
}
}

@media (max-width: 959px) {
body:not(.increase-breakpoint) .c-nav4 {
  height: 56px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 40px;
  background-color: #FFFDFB
}
body:not(.increase-breakpoint) .c-nav4__overlay {
  top: 0;
  left: 100%
}
body:not(.increase-breakpoint) .c-nav4 .badge {
  font-weight: normal !important
}
body:not(.increase-breakpoint) .c-nav4 .c-nav4__logo svg {
  max-width: 66px
}
body:not(.increase-breakpoint) .c-nav4 .c-nav4__footer-background {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #FFFDFB;
  height: 100px;
  -webkit-box-shadow: 0px -7px 14px 0px white;
  -moz-box-shadow: 0px -7px 14px 0px white;
  box-shadow: 0px -7px 14px 0px white
}
body:not(.increase-breakpoint) .c-nav4 .c-nav4__entry {
  display: block;
  font-size: 0.8rem;
  line-height: 24px;
  font-weight: 500;
  position: absolute;
  bottom: 32px;
  left: 48px;
  color: #34303d
}
body:not(.increase-breakpoint) .c-nav4 .c-language-switcher {
  position: absolute;
  bottom: 38px;
  right: 20px;
  display: block;
  font-size: 0.8rem;
  line-height: 24px;
  font-weight: 500;
  color: #34303d
}
body:not(.increase-breakpoint) .c-nav4__first__wrapper {
  width: 100%
}
body:not(.increase-breakpoint) .c-nav4__first__wrapper__inner {
  display: none;
  position: fixed;
  width: 50vw;
  background: #FFFDFB;
  left: 0;
  top: 0;
  bottom: 0
}
body:not(.increase-breakpoint) .c-nav4__first__wrapper__inner:before {
  content: " ";
  display: block;
  width: 100%;
  height: 56px;
  border-bottom: 1px solid #e1e0e2;
  background: #FFFDFB;
  left: 0;
  top: 0;
  position: absolute;
  z-index: 1
}
body:not(.increase-breakpoint) .c-nav4__first__wrapper__inner .h--menu-open .c-nav4__first__wrapper__inner {
  display: block
}
body:not(.increase-breakpoint) .c-nav4__first__wrapper__inner ul, body:not(.increase-breakpoint) .c-nav4__first__wrapper__inner li {
  list-style: none
}
body:not(.increase-breakpoint) .c-nav4__first {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding-top: 78px;
  padding-bottom: 110px;
  overflow-y: auto
}
body:not(.increase-breakpoint) .c-nav4__first.has--active>* {
  opacity: 0.5
}
body:not(.increase-breakpoint) .c-nav4__first__item {
  display: block;
  padding: 0 24px 0 48px;
  margin: 0 0 21px
}
body:not(.increase-breakpoint) .c-nav4__first__item.is--sm-margin-bottom {
  margin-bottom: 16px
}
body:not(.increase-breakpoint) .c-nav4__first__item.is--separator {
  margin-bottom: 2.25rem
}
body:not(.increase-breakpoint) .c-nav4__first__item.is--active {
  opacity: 1
}
body:not(.increase-breakpoint) .c-nav4__first__item.has--sub>.c-nav4__first__item__link {
  display: block
}
body:not(.increase-breakpoint) .c-nav4__first__item.has--sub>.c-nav4__first__item__link:before {
  position: absolute;
  right: 0;
  top: 50%;
  height: 27px;
  content: " ";
  transform: translateY(-50%) translateX(20%) scale(1.1) rotate(-90deg);
  width: 24px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='21' viewBox='0 0 24 24' fill='none' stroke='%2334303D' stroke-width='2' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")
}
body:not(.increase-breakpoint) .c-nav4__first__item__link {
  font-size: 1.2rem;
  border: 0;
  display: block;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold;
  color: #34303d
}
body:not(.increase-breakpoint) .c-nav4__first__item__link img {
  vertical-align: middle
}
body:not(.increase-breakpoint) .c-nav4__first__item__subtitle {
  display: block;
  margin-top: 3px;
  font-size: 0.7rem;
  letter-spacing: 0.4px;
  padding-right: 30px
}
body:not(.increase-breakpoint) .c-nav4__second__wrapper {
  display: none;
  position: absolute;
  width: 50vw;
  z-index: 2;
  left: 100%;
  height: 100vh;
  padding-top: 78px;
  background: #FFFDFB;
  top: 0;
  transform-origin: left;
  overflow: auto
}
body:not(.increase-breakpoint) .c-nav4__second__wrapper__title {
  display: none
}
body:not(.increase-breakpoint) .c-nav4__second__wrapper__inner .c-additional_content {
  z-index: 10
}
body:not(.increase-breakpoint) .c-nav4__second {
  margin: 0;
  padding-bottom: 350px;
 min-height: calc((var(--vh, 1vh) * 100) - 78px)
}
body:not(.increase-breakpoint) .c-nav4__second.has--active+.c-additional_content {
  display: none
}
body:not(.increase-breakpoint) .c-nav4__second.has--active>* {
  display: none
}
body:not(.increase-breakpoint) .c-nav4__second.has--active>*.is--active {
  display: block
}
body:not(.increase-breakpoint) .c-nav4__second__item {
  display: block;
  padding: 0 24px;
  margin: 0 0 18px;
  display: flex;
  flex-direction: column
}
body:not(.increase-breakpoint) .c-nav4__second__item__subtitle {
  font-size: 0.7rem;
  letter-spacing: 0.4px
}
body:not(.increase-breakpoint) .c-nav4__second__item.has--sub>.c-nav4__second__item__link {
  display: block;
  position: relative
}
body:not(.increase-breakpoint) .c-nav4__second__item.has--sub>.c-nav4__second__item__link:after {
  position: absolute;
  right: 0;
  top: 50%;
  height: 27px;
  content: " ";
  transform: translateY(-50%) translateX(20%) scale(1.1) rotate(-90deg);
  width: 24px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='21' viewBox='0 0 24 24' fill='none' stroke='%2334303D' stroke-width='2' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")
}
body:not(.increase-breakpoint) .c-nav4__second__item__link {
  font-size: 1.2rem;
  border: 0;
  display: block;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold
}
body:not(.increase-breakpoint) .c-nav4__second__item.is--small-first {
  margin-top: 32px
}
body:not(.increase-breakpoint) .c-nav4__second__item.is--small a {
  font-size: 1rem
}
body:not(.increase-breakpoint) .c-nav4__second__item.is--xsmall {
  margin: 0 0 10px
}
body:not(.increase-breakpoint) .c-nav4__second__item.is--xsmall.is--small-first {
  margin-top: 32px
}
body:not(.increase-breakpoint) .c-nav4__second__item.is--xsmall .c-nav4__second__item__link {
  font-size: 0.8rem;
  font-weight: 600;
  padding: 8px 0 0
}
body:not(.increase-breakpoint) .c-nav4__third__wrapper {
  display: none;
  background: #FFFDFB;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding-top: 78px;
  z-index: 11;
  overflow: auto
}
body:not(.increase-breakpoint) .c-nav4__third__wrapper__title {
  display: none
}
body:not(.increase-breakpoint) .c-nav4__third__wrapper .c-additional_content {
  z-index: 15
}
body:not(.increase-breakpoint) .c-nav4__third__wrapper .c-additional_content:before {
  content: '';
  display: block;
  position: absolute;
  left: -100%;
  top: 0;
  width: 100%;
  height: 100%
}
body:not(.increase-breakpoint) .c-nav4__third {
  margin: 0;
  padding-bottom: 350px;
 min-height: calc((var(--vh, 1vh) * 100) - 78px)
}
body:not(.increase-breakpoint) .c-nav4__third__item {
  display: block;
  padding: 0 50px 0 24px;
  margin: 0 0 18px
}
body:not(.increase-breakpoint) .c-nav4__third__item__link {
  font-size: 1.55rem;
  border: 0;
  display: flex
}
body:not(.increase-breakpoint) .c-nav4__third__item__link .is--new {
  display: none
}
body:not(.increase-breakpoint) .c-nav4__third__item__link .is--title {
  font-size: 0.8rem
}
body:not(.increase-breakpoint) .c-nav4__third__item.is--product .c-nav4__third__item__link {
  position: relative;
  display: block;
  height: 100%
}
body:not(.increase-breakpoint) .c-nav4__third__item.is--product .c-nav4__third__item__link .is--title {
  display: block;
  font-size: 1.25rem
}
body:not(.increase-breakpoint) .c-nav4__third__item.is--product .c-nav4__third__item__link .is--subtitle {
  display: block;
  font-size: 0.7rem;
  margin: 6px 0 10px
}
body:not(.increase-breakpoint) .c-nav4__third__item.is--product .c-nav4__third__item__link img {
  position: absolute;
  display: block;
  right: 0;
  top: 52%;
  height: 110%;
  transform: translate(25%, -50%)
}
body:not(.increase-breakpoint) .c-nav4__third__item.is--small-link .c-nav4__third__item__link {
  position: relative;
  display: block;
  width: 280px;
  height: 100%
}
body:not(.increase-breakpoint) .c-nav4__third__item.is--small-link .c-nav4__third__item__link .is--title {
  display: block
}
body:not(.increase-breakpoint) .c-nav4__third__item .c-additional_content {
  display: none !important
}
body:not(.increase-breakpoint) .c-nav4 .c-additional_content {
  display: block;
  bottom: 0;
  padding: 0 20px 32px;
  margin-top: -328px
}
body:not(.increase-breakpoint) .c-nav4 .c-additional_content__image {
  width: 100%;
  max-width: 350px;
  margin-bottom: 16px;
  display: block
}
body:not(.increase-breakpoint) .c-nav4 .c-additional_content__title {
  font-size: 1.2rem;
  display: block;
  margin-bottom: 8px;
  line-height: 1.33;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold
}
body:not(.increase-breakpoint) .c-nav4 .c-nav_slider {
  display: none
}
body:not(.increase-breakpoint) .c-nav4 .h--burger-icon {
  margin-right: auto
}
body:not(.increase-breakpoint) .c-nav4 .h--burger-icon img {
  width: 30px;
  margin-top: 6px
}
body:not(.increase-breakpoint) .c-nav4 .h--menu-open .h--burger-icon {
  display: block
}
body:not(.increase-breakpoint) .c-nav4 .h--menu-open .h--close-icon svg path {
  fill: black
}
body:not(.increase-breakpoint) .c-nav4 .h--back-icon {
  display: none;
  visibility: hidden;
  position: absolute;
  pointer-events: none;
  left: 52%
}
body:not(.increase-breakpoint) .c-nav4 .h--back-icon svg {
  width: 24px;
  height: 24px;
  display: block
}
body:not(.increase-breakpoint) .c-nav4 .h--back-icon.is--secondary {
  display: block;
  visibility: visible;
  pointer-events: auto;
  z-index: 100
}
body:not(.increase-breakpoint) .c-nav4 .h--close-icon {
  z-index: 2;
  display: none;
  position: absolute;
  padding: 0;
  right: 20px;
  height: 20px
}
body:not(.increase-breakpoint) .c-nav4 .h--close-icon svg path {
  transition: fill 0.3s;
  fill: #FFFDFB
}
body:not(.increase-breakpoint) .c-nav4 .h--close-icon.is--secondary svg path {
  fill: black
}
body:not(.increase-breakpoint) .c-nav4 .h--close-icon:after {
  content: " ";
  display: block;
  opacity: 0.3;
  border-radius: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  transform: translateX(-10px) translateY(-10px)
}
body:not(.increase-breakpoint) .c-nav4.h--menu-open .h--close-icon {
  display: block
}
body:not(.increase-breakpoint) .c-nav4.h--menu-open .c-nav4__icon:not(.h--close-icon):not(.h--back-icon) {
  opacity: 0;
  pointer-events: none
}
body:not(.increase-breakpoint) .c-nav4 .h--hide-md {
  display: none
}
body:not(.increase-breakpoint) .c-nav4 .h--show-md {
  display: block
}
}

@media (max-width: 959px) and (max-width:639px) {
body:not(.increase-breakpoint) .c-nav4 .c-nav4__entry {
  left: 20px
}
}

@media (max-width: 959px) and (max-width:959px) {
body:not(.increase-breakpoint) .c-nav4 {
  padding: 0 15px
}
}

@media (max-width: 959px) and (max-width:639px) {
body:not(.increase-breakpoint) .c-nav4__first__wrapper__inner {
  width: 100vw
}
body:not(.increase-breakpoint) .c-nav4__first__wrapper__inner~.h--close-icon svg path {
  fill: black !important
}
}

@media (max-width: 959px) and (max-width:639px) {
body:not(.increase-breakpoint) .c-nav4__first__item {
  margin-bottom: 23px;
  padding: 0 21px
}
}

@media (max-width: 959px) and (max-width:959px) {
body:not(.increase-breakpoint) .c-nav4__first__item__link.is--sm-size {
  font-size: 0.8rem;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: normal
}
}

@media (max-width: 959px) and (max-width:639px) {
body:not(.increase-breakpoint) .c-nav4__first__item__link {
  font-size: 1.2rem
}
body:not(.increase-breakpoint) .c-nav4__first__item__link.is--sm-size {
  font-size: 0.8rem
}
}

@media (max-width: 959px) and (max-width:639px) {
body:not(.increase-breakpoint) .c-nav4__first__item__subtitle {
  margin-top: 2px
}
}

@media (max-width: 959px) and (max-width:639px) {
body:not(.increase-breakpoint) .c-nav4__second__wrapper {
  left: 0;
  width: 100vw
}
}

@media (max-width: 959px) and (max-width:639px) {
body:not(.increase-breakpoint) .c-nav4__second__wrapper__title {
  display: block;
  position: sticky;
  top: 0;
  height: 56px;
  line-height: 56px;
  margin-bottom: -56px;
  transform: translateY(-78px);
  z-index: 1;
  background: #FFFDFB;
  font-size: 0.8rem;
  text-align: center;
  border-bottom: solid 1px #e1e0e2
}
}

@media (max-width: 959px) and (max-width:639px) {
body:not(.increase-breakpoint) .c-nav4__second__wrapper__inner {
  padding-bottom: 100px;
  max-height: 100%
}
}

@media (max-width: 959px) and (max-width:639px) {
body:not(.increase-breakpoint) .c-nav4__second__item__link {
  font-size: 1.2rem
}
}

@media (max-width: 959px) and (max-width:639px) {
body:not(.increase-breakpoint) .c-nav4__second__item.is--small a {
  font-size: 0.95rem
}
}

@media (max-width: 959px) and (max-width:639px) {
body:not(.increase-breakpoint) .c-nav4__second__item.is--xsmall .c-nav4__second__item__link {
  font-size: 0.8rem;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: normal;
  padding: 0
}
}

@media (max-width: 959px) and (max-width:639px) {
body:not(.increase-breakpoint) .c-nav4__third__wrapper {
 height:calc((var(--vh, 1vh) * 100))
}
}

@media (max-width: 959px) and (max-width:639px) {
body:not(.increase-breakpoint) .c-nav4__third__wrapper__title {
  display: block;
  position: sticky;
  top: 0;
  height: 56px;
  line-height: 56px;
  margin-bottom: -56px;
  transform: translateY(-78px);
  z-index: 1;
  background: #FFFDFB;
  font-size: 0.8rem;
  text-align: center;
  border-bottom: solid 1px #e1e0e2
}
}

@media (max-width: 959px) and (max-width:639px) {
body:not(.increase-breakpoint) .c-nav4__third__item__link {
  font-size: 1.3rem
}
}

@media (max-width: 959px) and (max-width:475px) {
body:not(.increase-breakpoint) .c-nav4__third__item__link {
  font-size: 1rem
}
}

@media (max-width: 959px) and (max-width:639px) {
body:not(.increase-breakpoint) .c-nav4__third__item.is--product .c-nav4__third__item__link {
  display: none
}
}

@media (max-width: 959px) and (max-width:639px) {
body:not(.increase-breakpoint) .c-nav4 .c-nav_slider {
  display: block;
  width: 100%;
  margin: 0 0 32px;
  background-color: #FFFDFB;
  height: 240px
}
body:not(.increase-breakpoint) .c-nav4 .c-nav_slider.has--new {
  height: 280px
}
body:not(.increase-breakpoint) .c-nav4 .c-nav_slider:after {
  content: " ";
  width: 100px;
  background: #e1e0e2;
  height: 1px;
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 0;
  margin: 0 auto;
  width: calc(100% - 40px)
}
body:not(.increase-breakpoint) .c-nav4 .c-nav_slider__item {
  display: block;
  width: 142px;
  height: inherit
}
body:not(.increase-breakpoint) .c-nav4 .c-nav_slider__item .is--new {
  font-size: 0.6rem;
  font-weight: 500;
  position: absolute;
  bottom: 35px;
  left: 50%;
  transform: translateY(0%) translateX(-50%)
}
body:not(.increase-breakpoint) .c-nav4 .c-nav_slider__item__img {
  margin: auto;
  display: block;
  max-width: 128px;
  max-height: 128px
}
body:not(.increase-breakpoint) .c-nav4 .c-nav_slider__item__title {
  text-align: center;
  font-size: 0.8rem;
  line-height: 1.5;
  color: #34303d;
  margin-top: 10px;
  margin-bottom: 3px;
  text-transform: uppercase
}
body:not(.increase-breakpoint) .c-nav4 .c-nav_slider__item__title .badge {
  display: none
}
body:not(.increase-breakpoint) .c-nav4 .c-nav_slider__item__subtitle {
  font-size: 0.65rem;
  line-height: 20px;
  max-width: 110px;
  margin: 0 auto;
  text-align: center
}
body:not(.increase-breakpoint) .c-nav4 .c-nav_slider__item__subtitle .badge {
  display: none
}
}

@media (max-width: 959px) and (max-width:639px) {
body:not(.increase-breakpoint) .c-nav4 .h--back-icon {
  left: 24px;
  padding: 0
}
}

@media (min-width: 1280px) {
body.increase-breakpoint .c-nav4 {
  height: 76px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-left: calc(4.45vw - 15px);
  padding-right: calc(4.45vw - 10px);
  background-color: #FFFDFB
}
body.increase-breakpoint .c-nav4 .c-nav4__footer-background {
  display: none
}
body.increase-breakpoint .c-nav4 .c-nav4__entry {
  display: none
}
body.increase-breakpoint .c-nav4 .c-language-switcher {
  display: none
}
body.increase-breakpoint .c-nav4__first__wrapper {
  width: 100%
}
body.increase-breakpoint .c-nav4__first__wrapper__inner {
  transform: none !important;
  width: 100%;
  height: 100%
}
body.increase-breakpoint .c-nav4__first__wrapper__inner ul, body.increase-breakpoint .c-nav4__first__wrapper__inner li {
  list-style: none
}
body.increase-breakpoint .c-nav4__first {
  display: flex;
  width: 100%;
  height: inherit;
  margin: 0;
  font-size: 0.7rem
}
body.increase-breakpoint .c-nav4__first__item {
  display: block;
  padding: 0;
  margin: 0;
  transition: opacity 200ms
}
body.increase-breakpoint .c-nav4__first__item.is--separator {
  margin-left: auto;
  margin-bottom: 0
}
body.increase-breakpoint .c-nav4__first__item.is--dt-sm-pading .c-nav4__first__item__link {
  padding: 0 11px !important
}
body.increase-breakpoint .c-nav4__first__item.has--sub>.c-nav4__first__item__link {
  padding-right: 30px;
  background: no-repeat;
  background-position: right 6px center;
  position: relative
}
body.increase-breakpoint .c-nav4__first__item.has--sub>.c-nav4__first__item__link:after {
  content: " ";
  display: block;
  position: absolute;
  width: 21px;
  height: 21px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='21' viewBox='0 0 24 24' fill='none' stroke='%2334303D' stroke-width='2' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  right: 5px;
  transition: transform 1s
}
body.increase-breakpoint .c-nav4__first__item.is--active .c-nav4__first__item__link:after {
  transform: scaleY(-1)
}
body.increase-breakpoint .c-nav4__first__item.is--sibling-hovered .c-nav4__first__item__link {
  opacity: 0.5
}
body.increase-breakpoint .c-nav4__first__item__link {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 0 15px;
  border: 0;
  font-weight: 500;
  transition: opacity 0.3s
}
body.increase-breakpoint .c-nav4__first__item__link img {
  vertical-align: middle
}
body.increase-breakpoint .c-nav4__second__wrapper {
  position: absolute;
  width: 100vw;
  min-height: 540px;
  left: 0;
  z-index: 1;
  background-color: #FFFDFB;
  top: 72px;
  margin: 0 auto;
  transform: scaleY(0);
  transform-origin: top;
  overflow: hidden;
  padding: 48px 4.45vw
}
body.increase-breakpoint .c-nav4__second__wrapper__title {
  display: none
}
body.increase-breakpoint .c-nav4__second__wrapper__inner {
  display: flex;
  position: relative;
  width: 100%;
  min-height: 384px;
  justify-content: space-between;
  transition: min-height 0.5s ease-in-out
}
body.increase-breakpoint .c-nav4__second__wrapper__inner .c-additional_content {
  z-index: 10
}
body.increase-breakpoint .c-nav4__second {
  margin: 0;
  padding: 0;
  width: 29%
}
body.increase-breakpoint .c-nav4__second.is--scrollable {
  width: 100%;
  background: #FFFDFB
}
body.increase-breakpoint .c-nav4__second__item {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  font-size: 0.7rem;
  color: #34303d;
  z-index: 2
}
body.increase-breakpoint .c-nav4__second__item+.c-nav4__second__item {
  margin-top: 30px
}
body.increase-breakpoint .c-nav4__second__item.is--active {
  position: static
}
body.increase-breakpoint .c-nav4__second__item.is--header {
  display: block;
  padding-bottom: 21px
}
body.increase-breakpoint .c-nav4__second__item:not(.is--header)>.c-nav4__second__item__link:hover {
  background-position: 0% bottom
}
body.increase-breakpoint .c-nav4__second__item.is--active .c-nav4__second__item__link {
  background-position: 0% bottom
}
body.increase-breakpoint .c-nav4__second__item__link {
  display: inline;
  position: relative;
  z-index: 2;
  font-size: 0.95rem;
  color: #34303d;
  opacity: 0;
  line-height: 1.39;
  background-image: linear-gradient(to right, #00D1D2 50%, transparent 50%);
  background-size: 200% 4px;
  background-position: 100% bottom;
  transition: opacity 200ms, background-position 0.5s ease-in-out;
  background-repeat: no-repeat;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold
}
body.increase-breakpoint .c-nav4__second__item.is--small-first {
  margin-top: 38px
}
body.increase-breakpoint .c-nav4__second__item.is--small a {
  font-size: 0.9rem
}
body.increase-breakpoint .c-nav4__second__item.has--sub .c-nav4__second__item__link:after {
  content: " ";
  display: inline-block;
  position: absolute;
  bottom: 0;
  height: 20px;
  width: 20px;
  transform: translateX(20px) translateY(-7px) rotate(-90deg);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='21' viewBox='0 0 24 24' fill='none' stroke='%2334303D' stroke-width='2' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center
}
body.increase-breakpoint .c-nav4__second__item__subtitle {
  display: block;
  opacity: 0;
  margin-top: 4px
}
body.increase-breakpoint .c-nav4__second__item.is--small {
  margin-bottom: 5px
}
body.increase-breakpoint .c-nav4__second__item.is--xsmall {
  margin-bottom: 20px
}
body.increase-breakpoint .c-nav4__second__item.is--xsmall .c-nav4__second__item__link {
  font-size: 0.8rem;
  font-weight: 600;
  padding: 8px 0 0;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: normal
}
body.increase-breakpoint .c-nav4 .is--active>.c-nav4__third__wrapper {
  visibility: visible;
  opacity: 1
}
body.increase-breakpoint .c-nav4__third__wrapper {
  display: flex;
  justify-content: space-between;
  flex-flow: row;
  position: absolute;
  left: 31%;
  top: 0;
  padding-left: 0;
  width: auto;
  visibility: hidden;
  opacity: 0;
  right: 0;
  z-index: 12
}
body.increase-breakpoint .c-nav4__third__wrapper__title {
  display: none
}
body.increase-breakpoint .c-nav4__third__wrapper .c-additional_content {
  z-index: 11
}
body.increase-breakpoint .c-nav4__third__wrapper:hover>.c-additional_content {
  visibility: visible;
  opacity: 1
}
body.increase-breakpoint .c-nav4__third__wrapper .is--active .c-additional_content {
  z-index: 0 !important
}
body.increase-breakpoint .c-nav4__third {
  position: static;
  z-index: 13;
  margin: 0
}
body.increase-breakpoint .c-nav4__third__item {
  margin: 0;
  display: block;
  padding: 7px 0;
  color: #6e6e6e;
  transition: opacity 0.5s;
  max-width: 390px
}
body.increase-breakpoint .c-nav4__third__item+.c-nav4__third__item {
  margin-top: 10px
}
body.increase-breakpoint .c-nav4__third__item__link {
  z-index: 1;
  opacity: 0;
  transition: opacity 0.3s;
  display: inline-flex;
  font-size: 0.9rem
}
body.increase-breakpoint .c-nav4__third__item__link .is--title {
  display: block;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold;
  transition: opacity 0.5s;
  font-size: 1rem
}
body.increase-breakpoint .c-nav4__third__item__link .is--title .badge {
  display: inline-block;
  transform: translateY(-7px);
  font-weight: normal
}
body.increase-breakpoint .c-nav4__third__item__link .is--subtitle {
  transition: opacity 0.5s;
  margin-bottom: 4px
}
body.increase-breakpoint .c-nav4__third__item__link .is--subtitle, body.increase-breakpoint .c-nav4__third__item__link img {
  display: none
}
body.increase-breakpoint .c-nav4__third__item.is--product .c-nav4__third__item__link {
  position: relative;
  display: block;
  width: 280px;
  height: 100%
}
body.increase-breakpoint .c-nav4__third__item.is--product .c-nav4__third__item__link .is--new {
  display: none
}
body.increase-breakpoint .c-nav4__third__item.is--product .c-nav4__third__item__link .is--title {
  display: block
}
body.increase-breakpoint .c-nav4__third__item.is--product .c-nav4__third__item__link .is--subtitle {
  display: block;
  font-size: 0.7rem
}
body.increase-breakpoint .c-nav4__third__item.is--product .c-nav4__third__item__link img {
  position: absolute;
  display: block;
  right: -40px;
  top: 52%;
  height: 50px;
  transform: translate(0, -58%)
}
body.increase-breakpoint .c-nav4__third__item.is--small-link {
  margin-top: 30px
}
body.increase-breakpoint .c-nav4__third__item.is--small-link .c-nav4__third__item__link {
  position: relative;
  display: block;
  width: 280px;
  height: 100%
}
body.increase-breakpoint .c-nav4__third__item.is--small-link .c-nav4__third__item__link .is--title {
  display: block;
  font-size: 0.8rem;
  font-weight: normal
}
body.increase-breakpoint .c-nav4__third__item.is--small-link+.is--small-link {
  margin-top: 10px
}
body.increase-breakpoint .c-nav4__third__item.is--continue a {
  font-size: 0.9rem;
  margin-top: 17px
}
body.increase-breakpoint .c-nav4__third__item.is--sibling-hovered .c-nav4__third__item__link .is--title, body.increase-breakpoint .c-nav4__third__item.is--sibling-hovered .c-nav4__third__item__link .is--subtitle {
  opacity: 0.5 !important
}
body.increase-breakpoint .c-nav4__third__item .c-additional_content {
  z-index: 12;
  visibility: hidden;
  opacity: 0;
  margin-top: -250px;
  position: absolute
}
body.increase-breakpoint .c-nav4 .is--scrollable {
  padding-bottom: 1rem
}
body.increase-breakpoint .c-nav4 .is--scrollable:after {
  content: " ";
  position: absolute;
  bottom: 0;
  width: 35%;
  height: 1.25rem;
  pointer-events: none;
  background: linear-gradient(8deg, #fffdfb 0%, rgba(255, 253, 251, 0) 100%);
  z-index: 2
}
body.increase-breakpoint .c-nav4 .c-additional_content {
  width: 300px;
  background-color: #FFFDFB;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 0.8rem
}
body.increase-breakpoint .c-nav4 .c-additional_content>a {
  display: block
}
body.increase-breakpoint .c-nav4 .c-additional_content__image {
  width: 100%;
  height: auto;
  padding-top: 20px;
  display: block;
  margin-bottom: 13px
}
body.increase-breakpoint .c-nav4 .c-additional_content__title {
  display: block;
  font-size: 0.95rem;
  margin-bottom: 2px;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold
}
body.increase-breakpoint .c-nav4 .c-additional_content a {
  color: #272a33
}
body.increase-breakpoint .c-nav4 .c-nav_slider {
  display: none
}
body.increase-breakpoint .c-nav4 .h--close-icon {
  display: none
}
body.increase-breakpoint .c-nav4 .h--back-icon {
  display: none
}
body.increase-breakpoint .c-nav4 .h--hide-md {
  display: flex
}
body.increase-breakpoint .c-nav4 .h--show-md {
  display: none
}
}

@media (min-width: 1280px) and (min-width:1440px) {
body.increase-breakpoint .c-nav4 {
  padding-left: calc(50vw - 670px);
  padding-right: calc(50vw - 665px)
}
}

@media (min-width: 1280px) and (min-width:1440px) {
body.increase-breakpoint .c-nav4__second__wrapper {
  padding-left: calc(50vw - 656px);
  padding-right: calc(50vw - 656px)
}
}

@media (min-width: 1280px) and (min-width:1280px) {
body.increase-breakpoint .c-nav4__second__item {
  font-size: 0.8rem
}
}

@media (min-width: 1280px) and (min-width:1110px) {
body.increase-breakpoint .c-nav4__second__item__link {
  font-size: 1.1rem
}
}

@media (min-width: 1280px) and (min-width:1280px) {
body.increase-breakpoint .c-nav4__second__item__link {
  font-size: 1.4rem
}
}

@media (min-width: 1280px) and (min-width:1280px) {
body.increase-breakpoint .c-nav4__second__item.is--small a {
  font-size: 1.2rem
}
}

@media (min-width: 1280px) and (max-width:639px) {
body.increase-breakpoint .c-nav4__second__item.is--xsmall .c-nav4__second__item__link {
  font-size: 1rem
}
}

@media (min-width: 1280px) and (max-width:1023px) {
body.increase-breakpoint .c-nav4__third__wrapper {
  left: 32%
}
}

@media (min-width: 1280px) and (max-width:1500px) {
body.increase-breakpoint .c-nav4__third__item {
  max-width: 390px
}
}

@media (min-width: 1280px) and (max-width:1439px) {
body.increase-breakpoint .c-nav4__third__item {
  max-width: 340px
}
}

@media (min-width: 1280px) and (max-width:1279px) {
body.increase-breakpoint .c-nav4__third__item {
  max-width: 280px
}
}

@media (min-width: 1280px) and (min-width:1280px) {
body.increase-breakpoint .c-nav4__third__item__link {
  font-size: 1.2rem
}
}

@media (min-width: 1280px) and (min-width:1280px) {
body.increase-breakpoint .c-nav4__third__item__link .is--title {
  font-size: 1.4rem
}
}

@media (min-width: 1280px) and (max-width:1365px) {
body.increase-breakpoint .c-nav4__third__item.is--product .c-nav4__third__item__link {
  width: 240px
}
}

@media (min-width: 1280px) and (min-width:1280px) {
body.increase-breakpoint .c-nav4__third__item.is--product .c-nav4__third__item__link .is--subtitle {
  font-size: 0.8rem
}
}

@media (min-width: 1280px) and (max-width:1365px) {
body.increase-breakpoint .c-nav4__third__item.is--small-link .c-nav4__third__item__link {
  width: 240px
}
}

@media (min-width: 1280px) and (min-width:960px) {
body.increase-breakpoint .c-nav4 .c-additional_content {
  padding-bottom: 50px
}
}

@media (min-width: 1280px) and (min-width:1366px) {
body.increase-breakpoint .c-nav4 .c-additional_content {
  width: 414px
}
}

@media (min-width: 1280px) and (min-width:1440px) {
body.increase-breakpoint .c-nav4 .c-additional_content {
  width: 512px
}
}

@media (min-width: 1280px) and (min-width:1280px) {
body.increase-breakpoint .c-nav4 .c-additional_content__image {
  margin-bottom: 20px
}
}

@media (min-width: 1280px) and (min-width:1110px) {
body.increase-breakpoint .c-nav4 .c-additional_content__title {
  font-size: 1.1rem
}
}

@media (min-width: 1280px) and (min-width:1280px) {
body.increase-breakpoint .c-nav4 .c-additional_content__title {
  font-size: 1.4rem
}
}

@media (max-width: 1279px) {
body.increase-breakpoint .c-nav4 {
  height: 56px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 40px;
  background-color: #FFFDFB
}
body.increase-breakpoint .c-nav4__overlay {
  top: 0;
  left: 100%
}
body.increase-breakpoint .c-nav4 .badge {
  font-weight: normal !important
}
body.increase-breakpoint .c-nav4 .c-nav4__logo svg {
  max-width: 66px
}
body.increase-breakpoint .c-nav4 .c-nav4__footer-background {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #FFFDFB;
  height: 100px;
  -webkit-box-shadow: 0px -7px 14px 0px white;
  -moz-box-shadow: 0px -7px 14px 0px white;
  box-shadow: 0px -7px 14px 0px white
}
body.increase-breakpoint .c-nav4 .c-nav4__entry {
  display: block;
  font-size: 0.8rem;
  line-height: 24px;
  font-weight: 500;
  position: absolute;
  bottom: 32px;
  left: 48px;
  color: #34303d
}
body.increase-breakpoint .c-nav4 .c-language-switcher {
  position: absolute;
  bottom: 38px;
  right: 20px;
  display: block;
  font-size: 0.8rem;
  line-height: 24px;
  font-weight: 500;
  color: #34303d
}
body.increase-breakpoint .c-nav4__first__wrapper {
  width: 100%
}
body.increase-breakpoint .c-nav4__first__wrapper__inner {
  display: none;
  position: fixed;
  width: 50vw;
  background: #FFFDFB;
  left: 0;
  top: 0;
  bottom: 0
}
body.increase-breakpoint .c-nav4__first__wrapper__inner:before {
  content: " ";
  display: block;
  width: 100%;
  height: 56px;
  border-bottom: 1px solid #e1e0e2;
  background: #FFFDFB;
  left: 0;
  top: 0;
  position: absolute;
  z-index: 1
}
body.increase-breakpoint .c-nav4__first__wrapper__inner .h--menu-open .c-nav4__first__wrapper__inner {
  display: block
}
body.increase-breakpoint .c-nav4__first__wrapper__inner ul, body.increase-breakpoint .c-nav4__first__wrapper__inner li {
  list-style: none
}
body.increase-breakpoint .c-nav4__first {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding-top: 78px;
  padding-bottom: 110px;
  overflow-y: auto
}
body.increase-breakpoint .c-nav4__first.has--active>* {
  opacity: 0.5
}
body.increase-breakpoint .c-nav4__first__item {
  display: block;
  padding: 0 24px 0 48px;
  margin: 0 0 21px
}
body.increase-breakpoint .c-nav4__first__item.is--sm-margin-bottom {
  margin-bottom: 16px
}
body.increase-breakpoint .c-nav4__first__item.is--separator {
  margin-bottom: 2.25rem
}
body.increase-breakpoint .c-nav4__first__item.is--active {
  opacity: 1
}
body.increase-breakpoint .c-nav4__first__item.has--sub>.c-nav4__first__item__link {
  display: block
}
body.increase-breakpoint .c-nav4__first__item.has--sub>.c-nav4__first__item__link:before {
  position: absolute;
  right: 0;
  top: 50%;
  height: 27px;
  content: " ";
  transform: translateY(-50%) translateX(20%) scale(1.1) rotate(-90deg);
  width: 24px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='21' viewBox='0 0 24 24' fill='none' stroke='%2334303D' stroke-width='2' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")
}
body.increase-breakpoint .c-nav4__first__item__link {
  font-size: 1.2rem;
  border: 0;
  display: block;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold;
  color: #34303d
}
body.increase-breakpoint .c-nav4__first__item__link img {
  vertical-align: middle
}
body.increase-breakpoint .c-nav4__first__item__subtitle {
  display: block;
  margin-top: 3px;
  font-size: 0.7rem;
  letter-spacing: 0.4px;
  padding-right: 30px
}
body.increase-breakpoint .c-nav4__second__wrapper {
  display: none;
  position: absolute;
  width: 50vw;
  z-index: 2;
  left: 100%;
  height: 100vh;
  padding-top: 78px;
  background: #FFFDFB;
  top: 0;
  transform-origin: left;
  overflow: auto
}
body.increase-breakpoint .c-nav4__second__wrapper__title {
  display: none
}
body.increase-breakpoint .c-nav4__second__wrapper__inner .c-additional_content {
  z-index: 10
}
body.increase-breakpoint .c-nav4__second {
  margin: 0;
  padding-bottom: 350px;
 min-height: calc((var(--vh, 1vh) * 100) - 78px)
}
body.increase-breakpoint .c-nav4__second.has--active+.c-additional_content {
  display: none
}
body.increase-breakpoint .c-nav4__second.has--active>* {
  display: none
}
body.increase-breakpoint .c-nav4__second.has--active>*.is--active {
  display: block
}
body.increase-breakpoint .c-nav4__second__item {
  display: block;
  padding: 0 24px;
  margin: 0 0 18px;
  display: flex;
  flex-direction: column
}
body.increase-breakpoint .c-nav4__second__item__subtitle {
  font-size: 0.7rem;
  letter-spacing: 0.4px
}
body.increase-breakpoint .c-nav4__second__item.has--sub>.c-nav4__second__item__link {
  display: block;
  position: relative
}
body.increase-breakpoint .c-nav4__second__item.has--sub>.c-nav4__second__item__link:after {
  position: absolute;
  right: 0;
  top: 50%;
  height: 27px;
  content: " ";
  transform: translateY(-50%) translateX(20%) scale(1.1) rotate(-90deg);
  width: 24px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='21' viewBox='0 0 24 24' fill='none' stroke='%2334303D' stroke-width='2' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")
}
body.increase-breakpoint .c-nav4__second__item__link {
  font-size: 1.2rem;
  border: 0;
  display: block;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold
}
body.increase-breakpoint .c-nav4__second__item.is--small-first {
  margin-top: 32px
}
body.increase-breakpoint .c-nav4__second__item.is--small a {
  font-size: 1rem
}
body.increase-breakpoint .c-nav4__second__item.is--xsmall {
  margin: 0 0 10px
}
body.increase-breakpoint .c-nav4__second__item.is--xsmall.is--small-first {
  margin-top: 32px
}
body.increase-breakpoint .c-nav4__second__item.is--xsmall .c-nav4__second__item__link {
  font-size: 0.8rem;
  font-weight: 600;
  padding: 8px 0 0
}
body.increase-breakpoint .c-nav4__third__wrapper {
  display: none;
  background: #FFFDFB;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding-top: 78px;
  z-index: 11;
  overflow: auto
}
body.increase-breakpoint .c-nav4__third__wrapper__title {
  display: none
}
body.increase-breakpoint .c-nav4__third__wrapper .c-additional_content {
  z-index: 15
}
body.increase-breakpoint .c-nav4__third__wrapper .c-additional_content:before {
  content: '';
  display: block;
  position: absolute;
  left: -100%;
  top: 0;
  width: 100%;
  height: 100%
}
body.increase-breakpoint .c-nav4__third {
  margin: 0;
  padding-bottom: 350px;
 min-height: calc((var(--vh, 1vh) * 100) - 78px)
}
body.increase-breakpoint .c-nav4__third__item {
  display: block;
  padding: 0 50px 0 24px;
  margin: 0 0 18px
}
body.increase-breakpoint .c-nav4__third__item__link {
  font-size: 1.55rem;
  border: 0;
  display: flex
}
body.increase-breakpoint .c-nav4__third__item__link .is--new {
  display: none
}
body.increase-breakpoint .c-nav4__third__item__link .is--title {
  font-size: 0.8rem
}
body.increase-breakpoint .c-nav4__third__item.is--product .c-nav4__third__item__link {
  position: relative;
  display: block;
  height: 100%
}
body.increase-breakpoint .c-nav4__third__item.is--product .c-nav4__third__item__link .is--title {
  display: block;
  font-size: 1.25rem
}
body.increase-breakpoint .c-nav4__third__item.is--product .c-nav4__third__item__link .is--subtitle {
  display: block;
  font-size: 0.7rem;
  margin: 6px 0 10px
}
body.increase-breakpoint .c-nav4__third__item.is--product .c-nav4__third__item__link img {
  position: absolute;
  display: block;
  right: 0;
  top: 52%;
  height: 110%;
  transform: translate(25%, -50%)
}
body.increase-breakpoint .c-nav4__third__item.is--small-link .c-nav4__third__item__link {
  position: relative;
  display: block;
  width: 280px;
  height: 100%
}
body.increase-breakpoint .c-nav4__third__item.is--small-link .c-nav4__third__item__link .is--title {
  display: block
}
body.increase-breakpoint .c-nav4__third__item .c-additional_content {
  display: none !important
}
body.increase-breakpoint .c-nav4 .c-additional_content {
  display: block;
  bottom: 0;
  padding: 0 20px 32px;
  margin-top: -328px
}
body.increase-breakpoint .c-nav4 .c-additional_content__image {
  width: 100%;
  max-width: 350px;
  margin-bottom: 16px;
  display: block
}
body.increase-breakpoint .c-nav4 .c-additional_content__title {
  font-size: 1.2rem;
  display: block;
  margin-bottom: 8px;
  line-height: 1.33;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold
}
body.increase-breakpoint .c-nav4 .c-nav_slider {
  display: none
}
body.increase-breakpoint .c-nav4 .h--burger-icon {
  margin-right: auto
}
body.increase-breakpoint .c-nav4 .h--burger-icon img {
  width: 30px;
  margin-top: 6px
}
body.increase-breakpoint .c-nav4 .h--menu-open .h--burger-icon {
  display: block
}
body.increase-breakpoint .c-nav4 .h--menu-open .h--close-icon svg path {
  fill: black
}
body.increase-breakpoint .c-nav4 .h--back-icon {
  display: none;
  visibility: hidden;
  position: absolute;
  pointer-events: none;
  left: 52%
}
body.increase-breakpoint .c-nav4 .h--back-icon svg {
  width: 24px;
  height: 24px;
  display: block
}
body.increase-breakpoint .c-nav4 .h--back-icon.is--secondary {
  display: block;
  visibility: visible;
  pointer-events: auto;
  z-index: 100
}
body.increase-breakpoint .c-nav4 .h--close-icon {
  z-index: 2;
  display: none;
  position: absolute;
  padding: 0;
  right: 20px;
  height: 20px
}
body.increase-breakpoint .c-nav4 .h--close-icon svg path {
  transition: fill 0.3s;
  fill: #FFFDFB
}
body.increase-breakpoint .c-nav4 .h--close-icon.is--secondary svg path {
  fill: black
}
body.increase-breakpoint .c-nav4 .h--close-icon:after {
  content: " ";
  display: block;
  opacity: 0.3;
  border-radius: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  transform: translateX(-10px) translateY(-10px)
}
body.increase-breakpoint .c-nav4.h--menu-open .h--close-icon {
  display: block
}
body.increase-breakpoint .c-nav4.h--menu-open .c-nav4__icon:not(.h--close-icon):not(.h--back-icon) {
  opacity: 0;
  pointer-events: none
}
body.increase-breakpoint .c-nav4 .h--hide-md {
  display: none
}
body.increase-breakpoint .c-nav4 .h--show-md {
  display: block
}
}

@media (max-width: 1279px) and (max-width:639px) {
body.increase-breakpoint .c-nav4 .c-nav4__entry {
  left: 20px
}
}

@media (max-width: 1279px) and (max-width:959px) {
body.increase-breakpoint .c-nav4 {
  padding: 0 15px
}
}

@media (max-width: 1279px) and (max-width:639px) {
body.increase-breakpoint .c-nav4__first__wrapper__inner {
  width: 100vw
}
body.increase-breakpoint .c-nav4__first__wrapper__inner~.h--close-icon svg path {
  fill: black !important
}
}

@media (max-width: 1279px) and (max-width:639px) {
body.increase-breakpoint .c-nav4__first__item {
  margin-bottom: 23px;
  padding: 0 21px
}
}

@media (max-width: 1279px) and (max-width:959px) {
body.increase-breakpoint .c-nav4__first__item__link.is--sm-size {
  font-size: 0.8rem;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: normal
}
}

@media (max-width: 1279px) and (max-width:639px) {
body.increase-breakpoint .c-nav4__first__item__link {
  font-size: 1.2rem
}
body.increase-breakpoint .c-nav4__first__item__link.is--sm-size {
  font-size: 0.8rem
}
}

@media (max-width: 1279px) and (max-width:639px) {
body.increase-breakpoint .c-nav4__first__item__subtitle {
  margin-top: 2px
}
}

@media (max-width: 1279px) and (max-width:639px) {
body.increase-breakpoint .c-nav4__second__wrapper {
  left: 0;
  width: 100vw
}
}

@media (max-width: 1279px) and (max-width:639px) {
body.increase-breakpoint .c-nav4__second__wrapper__title {
  display: block;
  position: sticky;
  top: 0;
  height: 56px;
  line-height: 56px;
  margin-bottom: -56px;
  transform: translateY(-78px);
  z-index: 1;
  background: #FFFDFB;
  font-size: 0.8rem;
  text-align: center;
  border-bottom: solid 1px #e1e0e2
}
}

@media (max-width: 1279px) and (max-width:639px) {
body.increase-breakpoint .c-nav4__second__wrapper__inner {
  padding-bottom: 100px;
  max-height: 100%
}
}

@media (max-width: 1279px) and (max-width:639px) {
body.increase-breakpoint .c-nav4__second__item__link {
  font-size: 1.2rem
}
}

@media (max-width: 1279px) and (max-width:639px) {
body.increase-breakpoint .c-nav4__second__item.is--small a {
  font-size: 0.95rem
}
}

@media (max-width: 1279px) and (max-width:639px) {
body.increase-breakpoint .c-nav4__second__item.is--xsmall .c-nav4__second__item__link {
  font-size: 0.8rem;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: normal;
  padding: 0
}
}

@media (max-width: 1279px) and (max-width:639px) {
body.increase-breakpoint .c-nav4__third__wrapper {
 height:calc((var(--vh, 1vh) * 100))
}
}

@media (max-width: 1279px) and (max-width:639px) {
body.increase-breakpoint .c-nav4__third__wrapper__title {
  display: block;
  position: sticky;
  top: 0;
  height: 56px;
  line-height: 56px;
  margin-bottom: -56px;
  transform: translateY(-78px);
  z-index: 1;
  background: #FFFDFB;
  font-size: 0.8rem;
  text-align: center;
  border-bottom: solid 1px #e1e0e2
}
}

@media (max-width: 1279px) and (max-width:639px) {
body.increase-breakpoint .c-nav4__third__item__link {
  font-size: 1.3rem
}
}

@media (max-width: 1279px) and (max-width:475px) {
body.increase-breakpoint .c-nav4__third__item__link {
  font-size: 1rem
}
}

@media (max-width: 1279px) and (max-width:639px) {
body.increase-breakpoint .c-nav4__third__item.is--product .c-nav4__third__item__link {
  display: none
}
}

@media (max-width: 1279px) and (max-width:639px) {
body.increase-breakpoint .c-nav4 .c-nav_slider {
  display: block;
  width: 100%;
  margin: 0 0 32px;
  background-color: #FFFDFB;
  height: 240px
}
body.increase-breakpoint .c-nav4 .c-nav_slider.has--new {
  height: 280px
}
body.increase-breakpoint .c-nav4 .c-nav_slider:after {
  content: " ";
  width: 100px;
  background: #e1e0e2;
  height: 1px;
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 0;
  margin: 0 auto;
  width: calc(100% - 40px)
}
body.increase-breakpoint .c-nav4 .c-nav_slider__item {
  display: block;
  width: 142px;
  height: inherit
}
body.increase-breakpoint .c-nav4 .c-nav_slider__item .is--new {
  font-size: 0.6rem;
  font-weight: 500;
  position: absolute;
  bottom: 35px;
  left: 50%;
  transform: translateY(0%) translateX(-50%)
}
body.increase-breakpoint .c-nav4 .c-nav_slider__item__img {
  margin: auto;
  display: block;
  max-width: 128px;
  max-height: 128px
}
body.increase-breakpoint .c-nav4 .c-nav_slider__item__title {
  text-align: center;
  font-size: 0.8rem;
  line-height: 1.5;
  color: #34303d;
  margin-top: 10px;
  margin-bottom: 3px;
  text-transform: uppercase
}
body.increase-breakpoint .c-nav4 .c-nav_slider__item__title .badge {
  display: none
}
body.increase-breakpoint .c-nav4 .c-nav_slider__item__subtitle {
  font-size: 0.65rem;
  line-height: 20px;
  max-width: 110px;
  margin: 0 auto;
  text-align: center
}
body.increase-breakpoint .c-nav4 .c-nav_slider__item__subtitle .badge {
  display: none
}
}

@media (max-width: 1279px) and (max-width:639px) {
body.increase-breakpoint .c-nav4 .h--back-icon {
  left: 24px;
  padding: 0
}
}
.cart-filled .c-nav4__icon__counter {
  opacity: 1
}
.c-footer {
  background-color: #34303d;
  padding: 0 !important
}
.c-footer .h--divider {
  height: 1px;
  background-color: #99979e;
  width: 100%;
  display: block;
  opacity: 20%
}

@media (min-width: 960px) {
.c-footer .h--divider {
  background-color: transparent
}
}
.c-footer__inner {
  display: flex;
  justify-content: space-between;
 max-width: calc(1136px + (100vw - 1440px) / (1920 - 1440) * (1316 - 1136));
  padding: 35px 0 0;
  flex-flow: column;
  margin: 0 8.5vw
}

@media (min-width: 960px) {
.c-footer__inner {
  padding: 70px 0 30px
}
}

@media (max-width: 1279px) {
.c-footer__inner {
  justify-content: flex-start
}
}

@media (min-width: 640px) {
.c-footer__inner {
  flex-flow: row;
  margin: 0 48px
}
}

@media (min-width: 1280px) {
.c-footer__inner {
  margin: 0 auto
}
}
.c-footer__inner .c-footer__aside {
  display: flex;
  flex-flow: column;
  flex-wrap: wrap;
  width: auto
}

@media (max-width: 374px) {
.c-footer__inner .c-footer__aside {
  margin-bottom: 19px
}
.c-footer__inner .c-footer__aside .c-footer__list {
  margin-bottom: 0
}
}

@media (min-width: 375px) {
.c-footer__inner .c-footer__aside {
  flex-flow: row
}
}

@media (min-width: 768px) {
.c-footer__inner .c-footer__aside {
  flex-flow: column
}
}

@media (min-width: 1280px) {
.c-footer__inner .c-footer__aside {
  margin-right: 30px
}
}
.c-footer__inner .c-footer__main {
  display: flex;
  width: auto
}

@media (max-width: 767px) {
.c-footer__inner .c-footer__main {
  flex-wrap: wrap
}
}
.c-footer__inner .c-footer__main .c-footer__header {
  color: rgba(255, 253, 251, 0.65)
}
.c-footer__inner .c-footer__nav {
  margin-bottom: 24px
}

@media (min-width: 375px) {
.c-footer__inner .c-footer__nav {
  padding-right: 81px
}
}
.c-footer__inner .c-footer__nav.is--social {
  margin: 0 100px 16px 0;
  padding: 0
}

@media (min-width: 768px) {
.c-footer__inner .c-footer__nav.is--social {
  margin: 0 0 28px 0
}
}

@media (max-width: 639px) {
.c-footer__inner .c-footer__nav.is--social {
  margin: 0 175px 16px 0
}
}

@media (max-width: 551px) {
.c-footer__inner .c-footer__nav.is--social {
  margin: 0 80px 16px 0
}
}
.c-footer__inner .c-footer__nav.is--lang {
  margin: 0 100px 16px 0;
  padding: 0
}

@media (min-width: 768px) {
.c-footer__inner .c-footer__nav.is--lang {
  margin: 0 0 28px 0
}
}

@media (max-width: 639px) {
.c-footer__inner .c-footer__nav.is--lang {
  margin: 0 175px 16px 0
}
}

@media (max-width: 551px) {
.c-footer__inner .c-footer__nav.is--lang {
  margin: 0 80px 16px 0
}
}
.c-footer__inner .c-footer__nav.is--lang .c-footer__header {
  margin-bottom: 4px
}

@media (max-width: 767px) {
.c-footer__inner .c-footer__nav.is--lang .c-footer__header {
  margin-bottom: 16px
}
}

@media (max-width: 374px) {
.c-footer__inner .c-footer__nav.is--extended {
  padding-right: 40px
}
}

@media (min-width: 375px) {
.c-footer__inner .c-footer__nav.is--extended {
  padding-right: 81px
}
}

@media (min-width: 960px) {
.c-footer__inner .c-footer__nav.is--extended {
  padding-right: 172px
}
}
.c-footer__inner .c-footer__header {
  font-size: 0.7rem;
  line-height: 1.15rem;
  margin-bottom: 24px;
  color: rgba(255, 253, 251, 0.65);
  font-weight: normal
}

@media (max-width: 767px) {
.c-footer__inner .c-footer__header {
  font-size: 0.7rem;
  line-height: 1rem;
  letter-spacing: 0.5px;
  margin-bottom: 16px;
  font-weight: normal
}
}
.c-footer__inner .c-footer__list {
  list-style: none;
  margin: 0;
  padding: 0
}

@media (max-width: 767px) {
.c-footer__inner .c-footer__list {
  margin: 0 0 30px 0
}
}
.c-footer__inner .c-footer__item {
  display: flex;
  color: #FFFDFB;
  margin: 0
}
.c-footer__inner .c-footer__item__link {
  display: flex;
  align-items: center;
  color: #FFFDFB;
  font-size: 1rem;
  line-height: 1.6rem;
  margin: 6px 0
}

@media (max-width: 767px) {
.c-footer__inner .c-footer__item__link {
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold;
  font-size: 0.8rem;
  line-height: 1.2rem;
  margin: 8px 0;
  letter-spacing: 0.2px
}
}
.c-footer__inner .c-footer__item__link .flag {
  height: 14px;
  margin-right: 16px
}
.c-footer__inner .c-footer__item__link.is--small {
  font-size: 0.8rem;
  margin: 4px 0;
  line-height: 1.15rem
}
.c-footer__inner .c-footer__item__link.is--invert {
  color: orange
}
.c-footer__inner .c-language-switcher {
  list-style: none
}
.c-footer__inner .c-language-switcher__item__link {
  color: white
}
.c-footer__inner .c-language-switcher .c-language-switcher__popup-list {
  top: calc(100% + 16px);
  left: auto;
  bottom: auto;
  right: 0
}
.c-footer__inner .c-language-switcher .c-language-switcher__popup-list .c-language-switcher__item__link {
  color: #34303d
}
.c-footer__inner .c-language-switcher .c-language-switcher__popup-list a {
  color: #34303d
}
.c-footer .c-partners {
  display: flex;
  justify-content: space-between;
  padding: 32px 0;
  margin: 0 20px;
  max-width: unset;
  flex-flow: column
}

@media (min-width: 640px) {
.c-footer .c-partners {
  flex-flow: row;
  margin: 0 48px
}
}

@media (min-width: 1280px) {
.c-footer .c-partners {
  padding: 0 0;
 max-width: calc(1136px + (100vw - 1440px) / (1920 - 1440) * (1316 - 1136));
  margin: 10px auto 40px auto
}
}
.c-footer .c-partners .c-partners__shipping {
  width: 100%;
  margin-top: 32px;
  align-items: center
}

@media (max-width: 639px) {
.c-footer .c-partners .c-partners__shipping {
  flex-wrap: wrap;
  justify-content: center;
  margin: 24px 0
}
}
.c-footer .c-partners__box {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  max-width: 380px
}

@media (max-width: 767px) {
.c-footer .c-partners__box:last-of-type {
  align-items: flex-start
}
}

@media (max-width: 639px) {
.c-footer .c-partners__box {
  justify-content: center;
  max-width: unset
}
}
.c-footer .c-partners__box .c-partners__img {
  display: flex;
  align-items: center;
  margin: 0 12px 0
}

@media (min-width: 768px) {
.c-footer .c-partners__box .c-partners__img.h--first {
  margin-left: 24px
}
.c-footer .c-partners__box .c-partners__img.h--last {
  margin-right: 0
}
}
.c-footer .c-partners__box .c-partners__header {
  font-size: 0.6rem;
  color: #949494
}

@media (max-width: 639px) {
.c-footer .c-partners__box .c-partners__header {
  width: 100%;
  text-align: center;
  margin: 15px 0;
  justify-content: center
}
}

@media (min-width: 769px) {
.c-footer .c-partners .h--hide-ss {
  display: flex !important
}
.c-footer .c-partners .h--show-ss {
  display: none !important
}
}

@media (max-width: 767px) {
.c-footer .c-partners .h--hide-ss {
  display: none !important
}
.c-footer .c-partners .h--show-ss {
  display: flex !important
}
}
.c-footer .c-trademark {
  display: flex;
  justify-content: space-between;
  padding: 32px 0
}
.c-footer .c-trademark__box {
  display: flex;
  flex-wrap: wrap;
  justify-content: center
}
.c-footer .c-trademark__link {
  display: flex;
  color: rgba(255, 255, 255, 0.7);
  font-size: 0.6rem;
  line-height: 1rem;
  margin: 0 12px
}
.c-footer .c-trademark__link:last-of-type {
  margin: 0 0 0 12px
}

@media (max-width: 639px) {
.c-footer .c-trademark__link {
  margin: 0 12px 8px
}
}
.c-footer .c-trademark__text {
  display: flex;
  color: rgba(255, 255, 255, 0.7);
  font-size: 0.6rem;
  line-height: 1rem;
  text-align: center
}

@media (max-width: 959px) {
.c-footer .c-trademark__text {
  margin-bottom: 16px
}
}

@media (min-width: 1280px) {
.c-footer .c-trademark {
 max-width:calc(1136px + (100vw - 1440px) / (1920 - 1440) * (1316 - 1136));
  margin: 0 auto
}
}

@media (max-width: 1279px) {
.c-footer .c-trademark {
  margin: 0 48px
}
}

@media (max-width: 639px) {
.c-footer .c-trademark {
  margin: 0 30px
}
}

@media (max-width: 959px) {
.c-footer .c-trademark {
  flex-flow: column;
  align-items: center
}
}

@media (min-width: 961px) {
.c-footer .h--hide-md {
  display: flex !important
}
.c-footer .h--show-md {
  display: none !important
}
}

@media (max-width: 959px) {
.c-footer .h--hide-md {
  display: none !important
}
.c-footer .h--show-md {
  display: flex !important
}
}
#fencing-overlay {
  z-index: 701
}
.ov-hidden {
  overflow: hidden;
  max-height: 100vh;
  max-width: 100vw
}
body.age-gate-overlay-transparent #languages {
  background: white
}
body.age-gate-overlay-transparent #age-gate-overlay {
  background-color: rgba(255, 255, 255, 0.85)
}
body.age-gate-overlay-transparent #age-gate-overlay .age-gate-steps-container {
  max-width: 674px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding-top: 50px;
  background: white
}
#age-gate-overlay {
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: normal;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  z-index: 700;
  overflow-y: auto;
  background-image: none;
  background-color: white;
  color: #404040;
  padding-top: 0
}
#age-gate-overlay.active {
  pointer-events: all;
  opacity: 1
}
#age-gate-overlay.active .age-gate-step.active {
  opacity: 1;
  pointer-events: all
}
#age-gate-overlay .text-light {
  color: #ffffff !important
}
#age-gate-overlay a.text-light:focus, #age-gate-overlay a.text-light:hover {
  color: #f2f2f2
}
#age-gate-overlay a.text-light:visited {
  color: white
}
 #age-gate-overlay input::-webkit-inner-spin-button {
 -webkit-appearance: none;
 margin: 0
}
 #age-gate-overlay input::-webkit-outer-spin-button {
 -webkit-appearance: none;
 margin: 0
}
#age-gate-overlay input[type=number] {
  -moz-appearance: textfield
}
#age-gate-overlay .cta-button {
  color: inherit !important
}
#age-gate-overlay .cta-button.-primary {
  cursor: pointer;
  color: white !important
}
#age-gate-overlay.age-gate-overlay-transparent {
  background-color: rgba(255, 255, 255, 0.96)
}
#age-gate-overlay .age-gate-btn-wrapper {
  max-width: 327px;
  margin: auto
}

@media (min-width: 1024px) {
#age-gate-overlay .age-gate-btn-wrapper {
  max-width: 416px
}
}
#age-gate-overlay .age-gate-btn-fields {
  display: flex;
  direction: ltr
}
#age-gate-overlay fieldset {
  border: none;
  padding: 0;
  margin: 0
}
#age-gate-overlay .buttons {
  display: flex;
  justify-content: center;
  padding-top: 32px;
  margin-bottom: 40px
}
#age-gate-overlay .button_wrapper {
  padding: 0.5rem 0 0 0;
  margin-bottom: 2rem
}
#age-gate-overlay .button_wrapper .cta-button {
  flex: 1 1 0px
}
#age-gate-overlay .button_wrapper .cta-button+.cta-button {
  margin-left: 0.5rem
}
#age-gate-overlay .button_wrapper .age-gate-button {
  width: 100%;
  margin-bottom: 20px
}
#age-gate-overlay .age-gate-steps-wrapper {
  width: 100%;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center
}

@media (min-width: 768px) {
#age-gate-overlay .age-gate-steps-wrapper {
  margin-bottom: 60px
}
}

@media (max-width: 839px) {
#age-gate-overlay .age-gate-steps-wrapper {
  justify-content: initial
}
}
#age-gate-overlay .age-gate-steps {
  max-width: 1440px;
  margin: 0 auto
}
#age-gate-overlay .age-gate-steps .age-gate-step {
  padding: 0;
  position: relative;
  display: none
}
#age-gate-overlay .age-gate-steps .age-gate-step.active {
  display: block
}
#age-gate-overlay .age-gate-steps .age-gate-step .checkbox-container {
  display: inline-block;
  vertical-align: middle
}
#age-gate-overlay .age-gate-steps .checkbox-desc {
  font-size: 0.7rem
}
#age-gate-overlay .age-gate-steps .age-confirmation-checkbox {
  margin-bottom: 20px
}
#age-gate-overlay .age-gate-steps .age-confirmation-checkbox .checkbox-container {
  max-width: 800px
}

@media (max-width: 839px) {
#age-gate-overlay .age-gate-steps .age-confirmation-checkbox .checkbox-container {
  margin: 0 20px
}
}
#age-gate-overlay .age-gate-steps .age-confirmation-checkbox .checkbox-container-error {
  display: none
}
#age-gate-overlay .age-gate-steps .age-confirmation-checkbox .is-error+.checkbox-container-error {
  display: block;
  font-size: 0.65rem;
  margin: 0.25rem 1rem;
  color: #c60000
}
#age-gate-overlay .age-gate-logo {
  display: flex
}
#age-gate-overlay .age-gate-logo svg {
  height: 2.05rem;
  width: 100%;
  margin: 0 auto
}

@media (min-width: 768px) {
#age-gate-overlay .age-gate-logo svg {
  height: 3rem
}
}
#age-gate-overlay .age-gate-logo svg .path-light {
  fill: #404040
}
#age-gate-overlay .intro {
  margin: 0;
  font-size: 0.7rem;
  line-height: 23px;
  text-align: center;
  padding: 25px 21px 28px 21px
}

@media screen and (min-width: 1024px) {
#age-gate-overlay .intro {
  font-size: 0.8rem;
  line-height: 1.2rem;
  padding: 34px 21px 20px 21px
}
}
#age-gate-overlay .intro span {
  display: inline-block;
  letter-spacing: 0.4px;
  max-width: 416px;
  line-height: 1rem
}
#age-gate-overlay .age-gate-step-text {
  margin: 0;
  font-size: 16px;
  line-height: 23px;
  text-align: center;
  padding: 20px 21px 13px 21px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  max-width: 100%;
  width: 100%
}

@media (min-width: 768px) {
#age-gate-overlay .age-gate-step-text {
  padding: 16px 21px 20px 21px
}
}

@media screen and (min-width: 1024px) {
#age-gate-overlay .age-gate-step-text {
  font-size: 18px;
  line-height: 1.44;
  padding: 20px 21px 30px 21px
}
}
#age-gate-overlay .age-gate-step-text span {
  display: inline-block;
  max-width: 500px
}

@media (min-width: 768px) {
#age-gate-overlay .age-gate-step-text span {
  max-width: 542px
}
}

@media screen and (min-width: 1024px) {
#age-gate-overlay .age-gate-step-text span {
  max-width: 713px
}
}

@media screen and (min-width: 1440px) {
#age-gate-overlay .age-gate-step-text span {
  max-width: 750px
}
}
#age-gate-overlay .notice {
  max-width: 1440px;
  margin: 0 auto;
  text-align: center;
  width: 100%;
  padding: 0 19px 50px
}
#age-gate-overlay .notice span, #age-gate-overlay .notice h2 {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.2px
}
#age-gate-overlay .notice h2 {
  margin-bottom: 2px
}
#age-gate-overlay .notice span {
  display: inline-block;
  max-width: 500px
}

@media (min-width: 1025px) {
#age-gate-overlay .notice span {
  max-width: 674px
}
}
#age-gate-overlay #languages {
  display: block;
  text-align: right
}
#age-gate-overlay #languages .top-wrapper #language-wrapper {
  display: inline-block;
  position: relative;
  margin-right: 10px
}
#age-gate-overlay #languages .top-wrapper #language-wrapper ul {
  position: relative;
  z-index: 2;
  margin: 0;
  display: flex;
  flex-direction: column;
  width: inherit
}
#age-gate-overlay #languages .top-wrapper #language-wrapper ul li {
  user-select: none;
  list-style: none;
  border-top: 1px solid #dfe0e2
}
#age-gate-overlay #languages .top-wrapper #language-wrapper .popup-lang-list {
  display: flex;
  position: absolute;
  top: -16px;
  left: -20px;
  padding: 16px 15px 16px 20px;
  height: auto;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  border-radius: 5px;
  background-color: #fff;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.1s linear
}
#age-gate-overlay #languages .top-wrapper #language-wrapper .popup-lang-list.open {
  visibility: visible;
  opacity: 1
}
#age-gate-overlay #languages .top-wrapper #language-wrapper .popup-lang-list.open .option .ico:before {
  transform: translate(4px, 0px) rotate(45deg)
}
#age-gate-overlay #languages .top-wrapper #language-wrapper .popup-lang-list.open .option .ico:after {
  transform: translate(-4px, 0px) rotate(-45deg)
}
#age-gate-overlay #languages .top-wrapper #language-wrapper .popup-lang-list .lang-divider {
  width: 100%;
  height: 1px;
  background-color: #dfe0e2
}
#age-gate-overlay #languages .top-wrapper #language-wrapper .popup-lang-list .option {
  margin: 0;
  order: 0
}
#age-gate-overlay #languages .top-wrapper #language-wrapper .popup-lang-list .option.current-lang {
  order: 0;
  display: flex;
  align-items: center;
  padding-bottom: 10px;
  cursor: pointer;
  border-top: 0
}
#age-gate-overlay #languages .top-wrapper #language-wrapper .popup-lang-list .option.current-lang .lang-name {
  margin-right: 9px;
  letter-spacing: normal;
  padding: 0;
  font-size: 14px;
  background-color: transparent
}
#age-gate-overlay #languages .top-wrapper #language-wrapper .popup-lang-list .option:last-of-type a {
  margin-bottom: 0;
  padding-bottom: 0
}
#age-gate-overlay #languages .top-wrapper #language-wrapper .popup-lang-list .option a {
  border-width: 0 1px;
  border-color: rgba(255, 255, 255, 0.5);
  border-style: solid;
  font-weight: normal;
  transition-duration: 200ms;
  text-align: left;
  letter-spacing: normal;
  font-size: 14px;
  background-color: transparent;
  color: #404040;
  display: flex;
  align-items: center;
  padding: 5px 0 5px 0;
  margin: 5px 0 5px 0
}
#age-gate-overlay #languages .top-wrapper #language-wrapper .popup-lang-list .option a:not(.current-lang):hover {
  color: #34303d
}
#age-gate-overlay #languages .top-wrapper #language-wrapper .popup-lang-list .option .ico {
  width: 16px;
  height: 12px;
  position: relative;
  display: inline-block
}
#age-gate-overlay #languages .top-wrapper #language-wrapper .popup-lang-list .option .ico:before, #age-gate-overlay #languages .top-wrapper #language-wrapper .popup-lang-list .option .ico:after {
  content: '';
  position: absolute;
  width: 2px;
  height: 10px;
  top: 1px;
  background-color: #34303d;
  transition: transform 0.1s
}
#age-gate-overlay #languages .top-wrapper #language-wrapper .popup-lang-list .option .ico:before {
  left: 0;
  transform: translate(10px, 0px) rotate(45deg)
}
#age-gate-overlay #languages .top-wrapper #language-wrapper .popup-lang-list .option .ico:after {
  right: 0;
  transform: translate(-10px, 0px) rotate(-45deg)
}
#age-gate-overlay #languages .top-wrapper #language-wrapper .default-lang-list button {
  background: none;
  display: flex;
  align-items: center;
  padding: 0;
  border: none
}
#age-gate-overlay #languages .top-wrapper #language-wrapper .default-lang-list button .lang-name {
  font-size: 14px;
  letter-spacing: normal;
  margin-right: 9px;
  letter-spacing: normal;
  padding: 0;
  font-size: 14px;
  background-color: transparent
}
#age-gate-overlay #languages .top-wrapper #language-wrapper .default-lang-list button:after {
  display: none
}
#age-gate-overlay #languages .top-wrapper #language-wrapper .default-lang-list .ico {
  width: 16px;
  height: 12px;
  position: relative;
  display: inline-block
}
#age-gate-overlay #languages .top-wrapper #language-wrapper .default-lang-list .ico:before, #age-gate-overlay #languages .top-wrapper #language-wrapper .default-lang-list .ico:after {
  transition: transform 0.1s;
  content: '';
  position: absolute;
  width: 2px;
  height: 10px;
  top: 1px;
  background-color: #34303d
}
#age-gate-overlay #languages .top-wrapper #language-wrapper .default-lang-list .ico:before {
  left: 0;
  transform: translate(10px, 0px) rotate(45deg)
}
#age-gate-overlay #languages .top-wrapper #language-wrapper .default-lang-list .ico:after {
  right: 0;
  transform: translate(-10px, 0px) rotate(-45deg)
}
#age-gate-overlay .age-gate-step-text-small {
  font-weight: 400;
  margin: 0 auto 3vh auto;
  max-width: 60%
}

@media (max-width: 959px) {
#age-gate-overlay .age-gate-step-text-small {
  max-width: 80%
}
}
#age-gate-overlay .age-gate-step-text {
  font-weight: 700;
  margin: 0 auto 3.68526vh auto;
  max-width: 60%
}

@media (max-width: 959px) {
#age-gate-overlay .age-gate-step-text {
  max-width: 80%
}
}
#age-gate-overlay .agree-answer .age-gate-step-text {
  margin-bottom: 2.75rem;
  margin-top: 2.75rem;
  font-size: 0.8rem;
  font-weight: normal
}

@media (max-height: 720px) and (min-width:840px) {
#age-gate-overlay .agree-answer .age-gate-step-text {
  margin-top: 4.22vh;
  margin-bottom: 4.22vh
}
}

@media (max-width: 639px) {
#age-gate-overlay .agree-answer .age-gate-step-text {
  font-size: 4vw;
  line-height: 6vw
}
}
#age-gate-overlay .agree-answer .age-gate-step-text strong {
  font-size: 1.2rem;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold;
  margin: 0 0 0.6rem;
  display: inline-block
}
#age-gate-overlay .age-gate-error-wrapper {
  display: flex;
  justify-content: center
}
#age-gate-overlay .age-gate-error-wrapper p {
  color: #c73636;
  font-weight: bolder
}
#age-gate-overlay .age-gate-legal-info {
  margin: 1.99203vh auto 0 auto;
  font-size: 1.19522vh;
  max-width: 60%
}

@media (max-width: 959px) {
#age-gate-overlay .age-gate-legal-info {
  max-width: 80%
}
}
#age-gate-overlay.age-gate-vertically .age-gate-steps {
  margin: 4vh 0 0
}
#age-gate-overlay.age-gate-vertically .age-gate-step-text {
  margin-top: 4vh
}
#age-gate-overlay .age-gate-customer-consent-alternative-images {
  margin-top: 1rem
}
#age-gate-overlay .consent-alternative-image {
  margin-right: 0.5rem;
  display: inline-block
}
#age-gate-overlay .top-wrapper {
  padding: 25px 25px 0 25px;
  max-width: 1440px;
  margin: 0 auto 47px
}

@media (min-width: 768px) {
#age-gate-overlay .top-wrapper {
  padding: 40px 48px 0 48px
}
}

@media screen and (min-width: 1024px) {
#age-gate-overlay .top-wrapper {
  padding: 40px 84px 0 84px
}
}

@media screen and (min-width: 1440px) {
#age-gate-overlay .top-wrapper {
  padding: 40px 152px 0 152px
}
}

@media screen and (max-width: 320px) {
#age-gate-overlay .top-wrapper {
  padding-top: 10px;
  padding-bottom: 15px
}
}
.cookie-toast-container {
  z-index: 800 !important;
  opacity: 0;
  display: none;
  transform: translateY(100%);
  pointer-events: none;
  transition: all 0.7s ease-in-out
}
.cookie-toast-container.active {
  transform: translateY(0);
  opacity: 1;
  display: flex;
  pointer-events: all
}
.cookie-toast-container .toast .toast-inner {
  padding-right: 0.5rem;
  display: block;
  justify-content: center;
  align-items: center
}

@media (min-width: 840px) {
.cookie-toast-container .toast .toast-inner {
  display: flex
}
}
.cookie-toast-container .text-wrapper {
  flex: 1
}

@media (max-width: 839px) {
.cookie-toast-container .text-wrapper {
  padding-bottom: 0.5rem
}
}
.cookie-toast-container .btns-wrapper {
  white-space: nowrap;
  text-align: center
}
.cookie-toast-container .links-wrapper {
  padding: 0.5rem;
  text-align: center;
  width: 50%
}

@media (min-width: 840px) {
.cookie-toast-container .links-wrapper {
  width: auto
}
}
.cookie-toast-container .static-cross-wrapper {
  padding: 0.5rem;
  text-align: center
}
 @media (max-width: @size-sm) {
 .cookie-toast-container .static-cross-wrapper {
 width:50%
}
}
.cookie-toast-container .static-cross-wrapper .close {
  position: relative;
  top: 0;
  right: 0
}
.faq-page .inner-page-navigation, .page-side-nav .inner-page-navigation {
  position: relative;
  z-index: 5;
  overflow: visible !important;
  grid-column-end: span 12
}

@media (min-width: 960px) {
.faq-page .inner-page-navigation, .page-side-nav .inner-page-navigation {
  background: #f6f4f0;
  flex-shrink: 0;
  margin-right: 0.6rem;
  padding: 2rem 1.6rem;
  position: sticky;
  top: 40px;
  transition: top 0.5s ease-in-out
}
.navShow .faq-page .inner-page-navigation, .navShow .page-side-nav .inner-page-navigation {
  top: 116px
}
}

@media (min-width: 960px) and (min-width:1440px) {
.faq-page .inner-page-navigation, .page-side-nav .inner-page-navigation {
  width: 336px;
  margin-left: -1.6rem
}
}

@media only screen and (min-device-width: 481px) and (max-device-width:1024px) and (orientation:landscape) {
.faq-page .inner-page-navigation, .page-side-nav .inner-page-navigation {
  grid-column-end: span 4;
  grid-column-start: 1
}
}
.faq-page .inner-page-navigation .nav-toggle, .page-side-nav .inner-page-navigation .nav-toggle {
  background: #f6f4f0;
  border: 1px solid #b8b7bb;
  border-radius: 3px;
  padding: 0.6rem 0.8rem;
  cursor: pointer;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: normal;
  font-size: 0.8rem;
  line-height: 1.5;
  letter-spacing: 0.2px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  outline: none;
  color: #7b7881
}

@media (min-width: 960px) {
.faq-page .inner-page-navigation .nav-toggle, .page-side-nav .inner-page-navigation .nav-toggle {
  display: none
}
}
.faq-page .inner-page-navigation .nav-toggle::after, .page-side-nav .inner-page-navigation .nav-toggle::after {
  content: '';
  height: 1.6rem;
  width: 1.6rem;
  display: block;
  background: url('../../../../../design/themes/kura/media/icons/chevron-up.svg?1690945733') no-repeat center center;
  transform: rotate(180deg);
  transition: transform 0.5s ease-in-out
}
.faq-page .inner-page-navigation .nav-toggle.active::after, .page-side-nav .inner-page-navigation .nav-toggle.active::after {
  transform: rotate(0)
}

@media (max-width: 959px) {
.faq-page .inner-page-navigation .nav-wrapper, .page-side-nav .inner-page-navigation .nav-wrapper {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #FFFDFB;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: all 0.5s ease-in-out;
  box-shadow: none;
  border: 1px solid #b8b7bb;
  border-top: none
}
.faq-page .inner-page-navigation .nav-wrapper ul, .page-side-nav .inner-page-navigation .nav-wrapper ul {
  padding: 0.6rem 0.8rem !important;
  background: #f6f4f0
}
.faq-page .inner-page-navigation .nav-wrapper ul a, .page-side-nav .inner-page-navigation .nav-wrapper ul a {
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: normal;
  font-size: 0.8rem
}
.faq-page .inner-page-navigation .nav-wrapper.expanded, .page-side-nav .inner-page-navigation .nav-wrapper.expanded {
  max-height: none;
  opacity: 1
}
}
.faq-page .inner-page-navigation .nav-wrapper ul, .page-side-nav .inner-page-navigation .nav-wrapper ul {
  list-style: none;
  padding: 1.6rem;
  margin: 0
}

@media (min-width: 960px) {
.faq-page .inner-page-navigation .nav-wrapper ul, .page-side-nav .inner-page-navigation .nav-wrapper ul {
  padding: 0
}
}
.faq-page .inner-page-navigation .nav-wrapper li, .page-side-nav .inner-page-navigation .nav-wrapper li {
  margin: 0
}
.faq-page .inner-page-navigation .nav-wrapper li+li, .page-side-nav .inner-page-navigation .nav-wrapper li+li {
  margin-top: 1rem
}

@media (max-width: 959px) {
.faq-page .inner-page-navigation .nav-wrapper li+li, .page-side-nav .inner-page-navigation .nav-wrapper li+li {
  margin-top: 0.89rem
}
}

@media (min-width: 960px) {
.faq-page .inner-page-navigation .nav-wrapper li+li, .page-side-nav .inner-page-navigation .nav-wrapper li+li {
  margin-top: 1rem
}
}
.faq-page .inner-page-navigation .nav-wrapper li ul, .page-side-nav .inner-page-navigation .nav-wrapper li ul {
  margin-left: 1rem;
  margin-top: 0.8rem
}
.faq-page .inner-page-navigation .nav-wrapper li ul li a, .page-side-nav .inner-page-navigation .nav-wrapper li ul li a {
  font-size: 0.9rem
}
.faq-page .inner-page-navigation .nav-wrapper li ul li+li, .page-side-nav .inner-page-navigation .nav-wrapper li ul li+li {
  margin-top: 0.5rem
}
.faq-page .inner-page-navigation .nav-wrapper a, .page-side-nav .inner-page-navigation .nav-wrapper a {
  font-size: 1rem;
  line-height: 1.4;
  letter-spacing: 0.2px;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold;
  padding: 0.6rem 1.6rem;
  position: relative;
  margin: -0.25rem 0;
  padding: 0.25rem 0;
  background-image: linear-gradient(transparent 2px, #00D1D2 2px, #00D1D2 4px, transparent 4px), linear-gradient(transparent 2px, transparent 2px, transparent 4px, transparent 4px);
  background-size: 0% 6px, 100% 6px;
  background-position: 0 bottom, 0 bottom;
  transition: background-size 0.3s ease-in-out;
  background-repeat: no-repeat;
  padding-bottom: 3px;
  border-bottom: 6px solid transparent
}
.faq-page .inner-page-navigation .nav-wrapper a:hover, .page-side-nav .inner-page-navigation .nav-wrapper a:hover {
  background-size: 100% 6px
}
.faq-page .inner-page-navigation .nav-wrapper li.active>a, .page-side-nav .inner-page-navigation .nav-wrapper li.active>a {
  background-image: linear-gradient(transparent 2px, #00D1D2 2px, #00D1D2 4px, transparent 4px), linear-gradient(transparent 2px, #34303d 2px, #34303d 4px, transparent 4px)
}
.mCustomScrollbar {
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom
}
.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
  -ms-touch-action: auto;
  touch-action: auto
}
.mCustomScrollBox {
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: none;
  direction: ltr
}
.mCSB_container {
  overflow: hidden;
  width: auto;
  height: auto
}
.mCSB_inside>.mCSB_container {
  margin-right: 30px
}
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0
}
.mCS-dir-rtl>.mCSB_inside>.mCSB_container {
  margin-right: 0;
  margin-left: 30px
}
.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left: 0
}
.mCSB_scrollTools {
  position: absolute;
  width: 16px;
  height: auto;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0
}
.mCSB_outside+.mCSB_scrollTools {
  right: -26px
}
.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools, .mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
  right: auto;
  left: 0
}
.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
  left: -26px
}
.mCSB_scrollTools .mCSB_draggerContainer {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto
}
.mCSB_scrollTools a+.mCSB_draggerContainer {
  margin: 20px 0
}
.mCSB_scrollTools .mCSB_draggerRail {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  border-radius: 0
}
.mCSB_scrollTools .mCSB_dragger {
  cursor: pointer;
  width: 100%;
  height: 30px;
  z-index: 1
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  border-radius: 0;
  text-align: center
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 100%
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 100%
}
.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown {
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer
}
.mCSB_scrollTools .mCSB_buttonDown {
  bottom: 0
}
.mCSB_horizontal.mCSB_inside>.mCSB_container {
  margin-right: 0;
  margin-bottom: 30px
}
.mCSB_horizontal.mCSB_outside>.mCSB_container {
  min-height: 100%
}
.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 16px;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0
}
.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: -26px
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer {
  margin: 0 20px
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 100%
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 30px;
  height: 100%;
  left: 0
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 100%
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  margin: 2px auto
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 8px;
  margin: 4px 0
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  display: block;
  position: absolute;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
  left: 0
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  right: 0
}
.mCSB_container_wrapper {
  position: absolute;
  height: auto;
  width: auto;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-right: 30px;
  margin-bottom: 30px
}
.mCSB_container_wrapper>.mCSB_container {
  padding-right: 30px;
  padding-bottom: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}
.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 20px
}
.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 20px
}
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 0
}
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 0
}
.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 20px
}
.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 0
}
.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper {
  margin-right: 0;
  margin-left: 30px
}
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container {
  padding-right: 0
}
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container {
  padding-bottom: 0
}
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
  margin-left: 0
}
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0
}
.mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight {
  -webkit-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
  -webkit-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -moz-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -o-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out
}
.mCSB_scrollTools {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)"
}
.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools, .mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools {
  opacity: 0;
  filter: "alpha(opacity=0)";
  -ms-filter: "alpha(opacity=0)"
}
.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover>.mCSB_scrollTools, .mCustomScrollBox:hover~.mCSB_scrollTools, .mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools, .mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)"
}
.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4);
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)"
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)"
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
  filter: "alpha(opacity=85)";
  -ms-filter: "alpha(opacity=85)"
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)"
}
.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight {
  background-image: url('../../../../../design/themes/kura/media/mCSB_buttons.png?1690945733');
  background-repeat: no-repeat;
  opacity: 0.4;
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)"
}
.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 0
}
.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -20px
}
.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -40px
}
.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -56px
}
.mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)"
}
.mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active {
  opacity: 0.9;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)"
}
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15)
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75)
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.85)
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.9)
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px
}
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px
}
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85)
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9)
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px 0
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -20px
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -40px
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -56px
}
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85)
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9)
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px 0
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -20px
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -40px
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -56px
}
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px
}
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0
}
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 6px;
  margin: 5px auto
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85)
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9)
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px 0
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -20px
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -40px
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -56px
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85)
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9)
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px 0
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -20px
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -40px
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -56px
}
.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1)
}
.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px
}
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%
}
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 2px;
  margin: 7px auto
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15)
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75)
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85)
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9)
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px
}
.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.15)
}
.mCS-rounded.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
  height: 14px
}
.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 14px;
  margin: 0 1px
}
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 14px
}
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 14px;
  margin: 1px 0
}
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 16px;
  height: 16px;
  margin: -1px 0
}
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 4px
}
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 16px;
  width: 16px;
  margin: 0 -1px
}
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 -72px
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -92px
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -112px
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -128px
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75)
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15)
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85)
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9)
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px -72px
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -92px
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -112px
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -128px
}
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
  width: 4px
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  background-color: transparent;
  background-position: center
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
  background-repeat: repeat-y;
  opacity: 0.3;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)"
}
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
  background-repeat: repeat-x
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px -72px
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -92px
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -112px
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -128px
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=")
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px -72px
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -92px
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -112px
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -128px
}
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-y;
  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%)
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%)
}
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 70px
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 70px
}
.mCS-3d.mCSB_scrollTools, .mCS-3d-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)"
}
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px
}
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 8px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2)
}
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555
}
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 8px
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 8px;
  margin: 4px 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2)
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 8px;
  margin: 4px auto
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1)
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1)
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px
}
.mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)"
}
.mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px
}
.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical, .mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  right: 1px
}
.mCS-3d-thick.mCSB_scrollTools_vertical, .mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5)
}
.mCS-3d-thick.mCSB_scrollTools_horizontal, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  bottom: 1px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5)
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
  width: 12px;
  margin: 2px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4)
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555
}
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  width: auto
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1)
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px
}
.mCS-3d-thick-dark.mCSB_scrollTools {
  box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2)
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2)
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2)
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2)
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #777
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #fff;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1)
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px
}
.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical {
  right: 0;
  margin: 12px 0
}
.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: 0;
  margin: 0 12px
}
.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical, .mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical {
  left: 0;
  right: auto
}
.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent
}
.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 50px
}
.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 50px
}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)"
}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)"
}
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.1)
}
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.5)
}
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  width: 6px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2)
}
.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px
}
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 6px;
  margin: 5px 0
}
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 12px
}
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 12px;
  margin: 2px 0
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75)
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85)
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9)
}
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1)
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px
}
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 12px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2)
}
.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  margin: 3px 5px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 6px;
  margin: 5px 3px;
  position: absolute;
  width: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 12px;
  margin: 2px 0
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75)
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85)
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9)
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1)
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px
}
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-color: #fff;
  border-color: rgba(255, 255, 255, 0.2);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  border-color: #000;
  border-color: rgba(0, 0, 0, 0.2)
}
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.6)
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6)
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75)
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85)
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9)
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75)
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85)
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9)
}
.mCS-iqos-revamp .mCSB_container {
  text-align: inherit
}
.mCS-iqos-revamp .mCSB_scrollTools {
  width: 6px
}
.mCS-iqos-revamp .mCSB_scrollTools .mCSB_dragger_bar {
  border-radius: 9px !important;
  background-color: #b4b4b4 !important
}
.mCS-iqos-revamp .mCSB_scrollTools .mCSB_draggerRail {
  border-radius: 9px !important;
  background-color: #efefef !important
}
.reorder-warn {
  margin-top: 0.5em
}
.order-item-wrapper.order-item-wrapper-partially .order-item-row {
  border-bottom: 0 !important
}
.order-item-wrapper.order-item-wrapper-unavailable .order-item-row {
  border-bottom: 0 !important
}
.order-item-notification {
  padding-bottom: 1.2rem;
  border-bottom: 1px solid #e1e0e2
}
.ilu-terea-bg-mint {
  background: #6ad6b7
}
.ilu-terea-bg-mint .link, .ilu-terea-bg-mint .page-main p a:not([class]), .page-main p .ilu-terea-bg-mint a:not([class]) {
  background-image: linear-gradient(to right, #FFFDFB 50%, #34303d 50%)
}
.ilu-terea-bg-mint .link:hover, .ilu-terea-bg-mint .page-main p a:not([class]):hover, .page-main p .ilu-terea-bg-mint a:not([class]):hover {
  color: #34303d
}
.ilu-terea-childbg-mint>* {
  background-color: #6ad6b7 !important
}
.ilu-terea-bg-regular {
  background: #6bb9e3
}
.ilu-terea-bg-regular .link, .ilu-terea-bg-regular .page-main p a:not([class]), .page-main p .ilu-terea-bg-regular a:not([class]) {
  background-image: linear-gradient(to right, #FFFDFB 50%, #34303d 50%)
}
.ilu-terea-bg-regular .link:hover, .ilu-terea-bg-regular .page-main p a:not([class]):hover, .page-main p .ilu-terea-bg-regular a:not([class]):hover {
  color: #34303d
}
.ilu-terea-childbg-regular>* {
  background-color: #6bb9e3 !important
}
.ilu-terea-bg-balanced {
  background: #a5bad5
}
.ilu-terea-bg-balanced .link, .ilu-terea-bg-balanced .page-main p a:not([class]), .page-main p .ilu-terea-bg-balanced a:not([class]) {
  background-image: linear-gradient(to right, #FFFDFB 50%, #34303d 50%)
}
.ilu-terea-bg-balanced .link:hover, .ilu-terea-bg-balanced .page-main p a:not([class]):hover, .page-main p .ilu-terea-bg-balanced a:not([class]):hover {
  color: #34303d
}
.ilu-terea-childbg-balanced>* {
  background-color: #a5bad5 !important
}
.ilu-terea-bg-rich {
  background: #286ba2;
  color: #FFFDFB
}
.ilu-terea-bg-rich .h-levels span {
  background-color: #FFFDFB
}
.ilu-terea-bg-rich .link, .ilu-terea-bg-rich .page-main p a:not([class]), .page-main p .ilu-terea-bg-rich a:not([class]) {
  color: #FFFDFB;
  background-image: linear-gradient(to right, #34303d 50%, #FFFDFB 50%)
}
.ilu-terea-bg-rich .link:hover, .ilu-terea-bg-rich .page-main p a:not([class]):hover, .page-main p .ilu-terea-bg-rich a:not([class]):hover {
  color: #FFFDFB
}
.ilu-terea-childbg-rich>* {
  background-color: #286ba2 !important
}
.ilu-terea-bg-smooth {
  background: #6f7375;
  color: #FFFDFB
}
.ilu-terea-bg-smooth .h-levels span {
  background-color: #FFFDFB
}
.ilu-terea-bg-smooth .link, .ilu-terea-bg-smooth .page-main p a:not([class]), .page-main p .ilu-terea-bg-smooth a:not([class]) {
  color: #FFFDFB;
  background-image: linear-gradient(to right, #34303d 50%, #FFFDFB 50%)
}
.ilu-terea-bg-smooth .link:hover, .ilu-terea-bg-smooth .page-main p a:not([class]):hover, .page-main p .ilu-terea-bg-smooth a:not([class]):hover {
  color: #FFFDFB
}
.ilu-terea-childbg-smooth>* {
  background-color: #6f7375 !important
}
.ilu-terea-bg-menthol {
  background: #0d6960;
  color: #FFFDFB
}
.ilu-terea-bg-menthol .h-levels span {
  background-color: #FFFDFB
}
.ilu-terea-bg-menthol .link, .ilu-terea-bg-menthol .page-main p a:not([class]), .page-main p .ilu-terea-bg-menthol a:not([class]) {
  color: #FFFDFB;
  background-image: linear-gradient(to right, #34303d 50%, #FFFDFB 50%)
}
.ilu-terea-bg-menthol .link:hover, .ilu-terea-bg-menthol .page-main p a:not([class]):hover, .page-main p .ilu-terea-bg-menthol a:not([class]):hover {
  color: #FFFDFB
}
.ilu-terea-childbg-menthol>* {
  background-color: #0d6960 !important
}
.ilu-terea-bg-black {
  background: #0f453e;
  color: #FFFDFB
}
.ilu-terea-bg-black .h-levels span {
  background-color: #FFFDFB
}
.ilu-terea-bg-black .link, .ilu-terea-bg-black .page-main p a:not([class]), .page-main p .ilu-terea-bg-black a:not([class]) {
  color: #FFFDFB;
  background-image: linear-gradient(to right, #34303d 50%, #FFFDFB 50%)
}
.ilu-terea-bg-black .link:hover, .ilu-terea-bg-black .page-main p a:not([class]):hover, .page-main p .ilu-terea-bg-black a:not([class]):hover {
  color: #FFFDFB
}
.ilu-terea-childbg-black>* {
  background-color: #0f453e !important
}
.ilu-terea-bg-yellow {
  background: #F7B500;
  color: #FFFDFB
}
.ilu-terea-bg-yellow .h-levels span {
  background-color: #FFFDFB
}
.ilu-terea-bg-yellow .link, .ilu-terea-bg-yellow .page-main p a:not([class]), .page-main p .ilu-terea-bg-yellow a:not([class]) {
  color: #FFFDFB;
  background-image: linear-gradient(to right, #34303d 50%, #FFFDFB 50%)
}
.ilu-terea-bg-yellow .link:hover, .ilu-terea-bg-yellow .page-main p a:not([class]):hover, .page-main p .ilu-terea-bg-yellow a:not([class]):hover {
  color: #FFFDFB
}
.ilu-terea-childbg-yellow>* {
  background-color: #F7B500 !important
}
.ilu-terea-bg-purple {
  background: #3e3870;
  color: #FFFDFB
}
.ilu-terea-bg-purple .h-levels span {
  background-color: #FFFDFB
}
.ilu-terea-bg-purple .link, .ilu-terea-bg-purple .page-main p a:not([class]), .page-main p .ilu-terea-bg-purple a:not([class]) {
  color: #FFFDFB;
  background-image: linear-gradient(to right, #34303d 50%, #FFFDFB 50%)
}
.ilu-terea-bg-purple .link:hover, .ilu-terea-bg-purple .page-main p a:not([class]):hover, .page-main p .ilu-terea-bg-purple a:not([class]):hover {
  color: #FFFDFB
}
.ilu-terea-childbg-purple>* {
  background-color: #3e3870 !important
}
.ilu-terea-bg-tropical {
  background: #e7804b
}
.ilu-terea-bg-tropical .link, .ilu-terea-bg-tropical .page-main p a:not([class]), .page-main p .ilu-terea-bg-tropical a:not([class]) {
  background-image: linear-gradient(to right, #FFFDFB 50%, #34303d 50%)
}
.ilu-terea-bg-tropical .link:hover, .ilu-terea-bg-tropical .page-main p a:not([class]):hover, .page-main p .ilu-terea-bg-tropical a:not([class]):hover {
  color: #34303d
}
.ilu-terea-childbg-tropical>* {
  background-color: #e7804b !important
}
.ilu-terea-bg-bright {
  background: #dcca19
}
.ilu-terea-bg-bright .link, .ilu-terea-bg-bright .page-main p a:not([class]), .page-main p .ilu-terea-bg-bright a:not([class]) {
  background-image: linear-gradient(to right, #FFFDFB 50%, #34303d 50%)
}
.ilu-terea-bg-bright .link:hover, .ilu-terea-bg-bright .page-main p a:not([class]):hover, .page-main p .ilu-terea-bg-bright a:not([class]):hover {
  color: #34303d
}
.ilu-terea-childbg-bright>* {
  background-color: #dcca19 !important
}
.ilu-terea-bg-noor {
  background: #3e3734;
  color: #FFFDFB
}
.ilu-terea-bg-noor .h-levels span {
  background-color: #FFFDFB
}
.ilu-terea-bg-noor .link, .ilu-terea-bg-noor .page-main p a:not([class]), .page-main p .ilu-terea-bg-noor a:not([class]) {
  color: #FFFDFB;
  background-image: linear-gradient(to right, #34303d 50%, #FFFDFB 50%)
}
.ilu-terea-bg-noor .link:hover, .ilu-terea-bg-noor .page-main p a:not([class]):hover, .page-main p .ilu-terea-bg-noor a:not([class]):hover {
  color: #FFFDFB
}
.ilu-terea-childbg-noor>* {
  background-color: #3e3734 !important
}
.ilu-terea-bg-dimensions {
  background: linear-gradient(to bottom, #b4755f, #d38e52);
  color: #FFFDFB
}
.ilu-terea-bg-dimensions .h-levels span {
  background-color: #FFFDFB
}
.ilu-terea-bg-dimensions .link, .ilu-terea-bg-dimensions .page-main p a:not([class]), .page-main p .ilu-terea-bg-dimensions a:not([class]) {
  color: #FFFDFB;
  background-image: linear-gradient(to right, #34303d 50%, #FFFDFB 50%)
}
.ilu-terea-bg-dimensions .link:hover, .ilu-terea-bg-dimensions .page-main p a:not([class]):hover, .page-main p .ilu-terea-bg-dimensions a:not([class]):hover {
  color: #FFFDFB
}
.ilu-terea-childbg-dimensions>* {
  background-color: linear-gradient(to bottom, #b4755f, #d38e52) !important
}
.ilu-terea-bg-sentia {
  background: #5a3d38;
  color: #FFFDFB
}
.ilu-terea-bg-sentia .h-levels span {
  background-color: #FFFDFB
}
.ilu-terea-bg-sentia .link, .ilu-terea-bg-sentia .page-main p a:not([class]), .page-main p .ilu-terea-bg-sentia a:not([class]) {
  color: #FFFDFB;
  background-image: linear-gradient(to right, #34303d 50%, #FFFDFB 50%)
}
.ilu-terea-bg-sentia .link:hover, .ilu-terea-bg-sentia .page-main p a:not([class]):hover, .page-main p .ilu-terea-bg-sentia a:not([class]):hover {
  color: #FFFDFB
}
.ilu-terea-childbg-sentia>* {
  background-color: #5a3d38 !important
}
.ilu-terea-bg-cool {
  background: #4f9c65;
  color: #FFFDFB
}
.ilu-terea-bg-cool .h-levels span {
  background-color: #FFFDFB
}
.ilu-terea-bg-cool .link, .ilu-terea-bg-cool .page-main p a:not([class]), .page-main p .ilu-terea-bg-cool a:not([class]) {
  color: #FFFDFB;
  background-image: linear-gradient(to right, #34303d 50%, #FFFDFB 50%)
}
.ilu-terea-bg-cool .link:hover, .ilu-terea-bg-cool .page-main p a:not([class]):hover, .page-main p .ilu-terea-bg-cool a:not([class]):hover {
  color: #FFFDFB
}
.ilu-terea-childbg-cool>* {
  background-color: #4f9c65 !important
}
.ilu-terea-bg-russet {
  background: #5F1E34;
  color: #FFFDFB
}
.ilu-terea-bg-russet .h-levels span {
  background-color: #FFFDFB
}
.ilu-terea-bg-russet .link, .ilu-terea-bg-russet .page-main p a:not([class]), .page-main p .ilu-terea-bg-russet a:not([class]) {
  color: #FFFDFB;
  background-image: linear-gradient(to right, #34303d 50%, #FFFDFB 50%)
}
.ilu-terea-bg-russet .link:hover, .ilu-terea-bg-russet .page-main p a:not([class]):hover, .page-main p .ilu-terea-bg-russet a:not([class]):hover {
  color: #FFFDFB
}
.ilu-terea-childbg-russet>* {
  background-color: #5F1E34 !important
}
.ilu-terea-bg-bronze {
  background: #712F25;
  color: #FFFDFB
}
.ilu-terea-bg-bronze .h-levels span {
  background-color: #FFFDFB
}
.ilu-terea-bg-bronze .link, .ilu-terea-bg-bronze .page-main p a:not([class]), .page-main p .ilu-terea-bg-bronze a:not([class]) {
  color: #FFFDFB;
  background-image: linear-gradient(to right, #34303d 50%, #FFFDFB 50%)
}
.ilu-terea-bg-bronze .link:hover, .ilu-terea-bg-bronze .page-main p a:not([class]):hover, .page-main p .ilu-terea-bg-bronze a:not([class]):hover {
  color: #FFFDFB
}
.ilu-terea-childbg-bronze>* {
  background-color: #712F25 !important
}
.ilu-terea-bg-sienna {
  background: #8E0E1D;
  color: #FFFDFB
}
.ilu-terea-bg-sienna .h-levels span {
  background-color: #FFFDFB
}
.ilu-terea-bg-sienna .link, .ilu-terea-bg-sienna .page-main p a:not([class]), .page-main p .ilu-terea-bg-sienna a:not([class]) {
  color: #FFFDFB;
  background-image: linear-gradient(to right, #34303d 50%, #FFFDFB 50%)
}
.ilu-terea-bg-sienna .link:hover, .ilu-terea-bg-sienna .page-main p a:not([class]):hover, .page-main p .ilu-terea-bg-sienna a:not([class]):hover {
  color: #FFFDFB
}
.ilu-terea-childbg-sienna>* {
  background-color: #8E0E1D !important
}
.ilu-terea-bg-teak {
  background: #8A6457;
  color: #FFFDFB
}
.ilu-terea-bg-teak .h-levels span {
  background-color: #FFFDFB
}
.ilu-terea-bg-teak .link, .ilu-terea-bg-teak .page-main p a:not([class]), .page-main p .ilu-terea-bg-teak a:not([class]) {
  color: #FFFDFB;
  background-image: linear-gradient(to right, #34303d 50%, #FFFDFB 50%)
}
.ilu-terea-bg-teak .link:hover, .ilu-terea-bg-teak .page-main p a:not([class]):hover, .page-main p .ilu-terea-bg-teak a:not([class]):hover {
  color: #FFFDFB
}
.ilu-terea-childbg-teak>* {
  background-color: #8A6457 !important
}
.ilu-terea-bg-amber {
  background: #C7401F;
  color: #FFFDFB
}
.ilu-terea-bg-amber .h-levels span {
  background-color: #FFFDFB
}
.ilu-terea-bg-amber .link, .ilu-terea-bg-amber .page-main p a:not([class]), .page-main p .ilu-terea-bg-amber a:not([class]) {
  color: #FFFDFB;
  background-image: linear-gradient(to right, #34303d 50%, #FFFDFB 50%)
}
.ilu-terea-bg-amber .link:hover, .ilu-terea-bg-amber .page-main p a:not([class]):hover, .page-main p .ilu-terea-bg-amber a:not([class]):hover {
  color: #FFFDFB
}
.ilu-terea-childbg-amber>* {
  background-color: #C7401F !important
}
.ilu-terea-bg-gold {
  background: #AF804E;
  color: #FFFDFB
}
.ilu-terea-bg-gold .h-levels span {
  background-color: #FFFDFB
}
.ilu-terea-bg-gold .link, .ilu-terea-bg-gold .page-main p a:not([class]), .page-main p .ilu-terea-bg-gold a:not([class]) {
  color: #FFFDFB;
  background-image: linear-gradient(to right, #34303d 50%, #FFFDFB 50%)
}
.ilu-terea-bg-gold .link:hover, .ilu-terea-bg-gold .page-main p a:not([class]):hover, .page-main p .ilu-terea-bg-gold a:not([class]):hover {
  color: #FFFDFB
}
.ilu-terea-childbg-gold>* {
  background-color: #AF804E !important
}
.ilu-terea-bg-blue {
  background: #03588F;
  color: #FFFDFB
}
.ilu-terea-bg-blue .h-levels span {
  background-color: #FFFDFB
}
.ilu-terea-bg-blue .link, .ilu-terea-bg-blue .page-main p a:not([class]), .page-main p .ilu-terea-bg-blue a:not([class]) {
  color: #FFFDFB;
  background-image: linear-gradient(to right, #34303d 50%, #FFFDFB 50%)
}
.ilu-terea-bg-blue .link:hover, .ilu-terea-bg-blue .page-main p a:not([class]):hover, .page-main p .ilu-terea-bg-blue a:not([class]):hover {
  color: #FFFDFB
}
.ilu-terea-childbg-blue>* {
  background-color: #03588F !important
}
.ilu-terea-bg-green {
  background: #006A46;
  color: #FFFDFB
}
.ilu-terea-bg-green .h-levels span {
  background-color: #FFFDFB
}
.ilu-terea-bg-green .link, .ilu-terea-bg-green .page-main p a:not([class]), .page-main p .ilu-terea-bg-green a:not([class]) {
  color: #FFFDFB;
  background-image: linear-gradient(to right, #34303d 50%, #FFFDFB 50%)
}
.ilu-terea-bg-green .link:hover, .ilu-terea-bg-green .page-main p a:not([class]):hover, .page-main p .ilu-terea-bg-green a:not([class]):hover {
  color: #FFFDFB
}
.ilu-terea-childbg-green>* {
  background-color: #006A46 !important
}
.ilu-terea-bg-turquoise {
  background: #007989;
  color: #FFFDFB
}
.ilu-terea-bg-turquoise .h-levels span {
  background-color: #FFFDFB
}
.ilu-terea-bg-turquoise .link, .ilu-terea-bg-turquoise .page-main p a:not([class]), .page-main p .ilu-terea-bg-turquoise a:not([class]) {
  color: #FFFDFB;
  background-image: linear-gradient(to right, #34303d 50%, #FFFDFB 50%)
}
.ilu-terea-bg-turquoise .link:hover, .ilu-terea-bg-turquoise .page-main p a:not([class]):hover, .page-main p .ilu-terea-bg-turquoise a:not([class]):hover {
  color: #FFFDFB
}
.ilu-terea-childbg-turquoise>* {
  background-color: #007989 !important
}
.ilu-terea-bg-greenzing {
  background: #6FA126;
  color: #FFFDFB
}
.ilu-terea-bg-greenzing .h-levels span {
  background-color: #FFFDFB
}
.ilu-terea-bg-greenzing .link, .ilu-terea-bg-greenzing .page-main p a:not([class]), .page-main p .ilu-terea-bg-greenzing a:not([class]) {
  color: #FFFDFB;
  background-image: linear-gradient(to right, #34303d 50%, #FFFDFB 50%)
}
.ilu-terea-bg-greenzing .link:hover, .ilu-terea-bg-greenzing .page-main p a:not([class]):hover, .page-main p .ilu-terea-bg-greenzing a:not([class]):hover {
  color: #FFFDFB
}
.ilu-terea-childbg-greenzing>* {
  background-color: #6FA126 !important
}
.ilu-terea-bg-purplewave {
  background: #7A5CA3;
  color: #FFFDFB
}
.ilu-terea-bg-purplewave .h-levels span {
  background-color: #FFFDFB
}
.ilu-terea-bg-purplewave .link, .ilu-terea-bg-purplewave .page-main p a:not([class]), .page-main p .ilu-terea-bg-purplewave a:not([class]) {
  color: #FFFDFB;
  background-image: linear-gradient(to right, #34303d 50%, #FFFDFB 50%)
}
.ilu-terea-bg-purplewave .link:hover, .ilu-terea-bg-purplewave .page-main p a:not([class]):hover, .page-main p .ilu-terea-bg-purplewave a:not([class]):hover {
  color: #FFFDFB
}
.ilu-terea-childbg-purplewave>* {
  background-color: #7A5CA3 !important
}
.sec-header {
  padding: 1rem 2.8rem
}

@media (min-width: 960px) {
.sec-header {
  padding: 5rem 3.2rem
}
}
.sec-header.content-wrapper {
  max-width: 1312px;
  margin: 0 auto
}
.sec-header.size-md {
  max-width: 864px
}
.sec-header h1, .sec-header .h1 {
  font-size: 2rem;
  line-height: 1.2;
  letter-spacing: 0.1px;
  margin-bottom: 0.8rem
}

@media (min-width: 960px) {
.sec-header h1, .sec-header .h1 {
  font-size: 4.8rem;
  letter-spacing: -1.28px;
  margin-bottom: 2.8rem
}
}
.sec-header *:last-child {
  margin-bottom: 0
}
.hero-variant-2 {
  background-color: var(--block-background)
}
.hero-variant-2.limit-text-max-width .text-wrapper>* {
  max-width: 416px
}

@media (max-width: 959px) {
.hero-variant-2.mobile-text-center .text-wrapper {
  text-align: center;
  align-items: center
}
}
.hero-variant-2.margin-bottom-0 {
  margin-bottom: 0
}

@media (min-width: 960px) {
.hero-variant-2.desktop-header-smaller .text-wrapper h2, .hero-variant-2.desktop-header-smaller .text-wrapper .h2 {
  font-size: 2.1rem
}
}
.hero-variant-2.has-iluma-detail {
  position: relative;
  background: #1bd9c5
}
.hero-variant-2.has-iluma-detail .detail-img {
  display: flex;
  justify-content: center;
  background: transparent
}
.hero-variant-2.has-iluma-detail .detail-img picture {
  max-width: 50%
}

@media (min-width: 960px) {
.hero-variant-2.has-iluma-detail .detail-img picture {
  max-width: 100%
}
}

@media (min-width: 960px) {
.hero-variant-2.has-iluma-detail .detail-img {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 380px;
  width: 26.38vw;
  height: auto;
  margin: 0 auto
}
.hero-variant-2.has-iluma-detail .detail-img img {
  position: static
}
}
.hero-variant-2.has-iluma-detail .content-wrapper {
  flex-direction: column-reverse
}

@media (min-width: 960px) {
.hero-variant-2.has-iluma-detail .content-wrapper {
  flex-direction: row-reverse
}
}
.hero-variant-2.has-iluma-detail .text-wrapper {
  text-align: center;
  align-items: center
}

@media (min-width: 960px) {
.hero-variant-2.has-iluma-detail .text-wrapper {
  background-color: transparent;
  text-align: left;
  align-items: flex-start
}
}
.bgimage-title.brand-iluma-green {
  background: #1bd9c5
}
.bgimage-title.brand-iluma-green .text-wrapper {
  color: #34303d
}
.grid-imgtxt__txt--1 {
  margin: 0 0 1.8rem 0
}

@media (min-width: 960px) {
.grid-imgtxt__txt--1 h2 {
  font-size: 3.1rem
}
}

@media (min-width: 960px) {
.grid-imgtxt__txt--1 {
  grid-column-end: span 5
}
}

@media (min-width: 960px) {
.grid-imgtxt.no-hero-img .grid-imgtxt__img2 {
  margin-top: 8rem
}
}

@media (min-width: 960px) {
.carousel-items.brand-iluma .swiper-slide {
  width: 25.5555555556vw
}
}

@media (min-width: 1440px) {
.carousel-items.brand-iluma .swiper-slide {
  width: 368px
}
}
.carousel-items.brand-iluma .swiper-slide .slide-content {
  flex-flow: column;
  align-items: flex-start
}
.carousel-items.brand-iluma .swiper-slide .slide-content .slide-image-wrapper {
  min-height: 66.1333333333vw;
  display: flex;
  align-self: stretch;
  position: relative;
  margin-bottom: 16px
}

@media (min-width: 960px) {
.carousel-items.brand-iluma .swiper-slide .slide-content .slide-image-wrapper {
  min-height: 19.4444444444vw
}
}

@media (min-width: 1440px) {
.carousel-items.brand-iluma .swiper-slide .slide-content .slide-image-wrapper {
  min-height: 280px
}
}
.carousel-items.brand-iluma .swiper-slide .slide-content .slide-image-wrapper figure img {
  height: 100%
}
.carousel-items.brand-iluma .swiper-slide .slide-content .text-wrapper {
  color: #34303d;
  font-size: 0.8rem;
  margin: 0;
  text-align: left
}
.carousel-items.brand-iluma.img-height .swiper-slide .slide-image-wrapper {
  min-height: auto
}
.carousel-items.brand-iluma.img-height .swiper-slide .slide-image-wrapper figure {
  position: static
}
.carousel-flavours .swiper-slide {
  opacity: 1;
  transform: scale(1)
}
.carousel-flavours .swiper-slide.swiper-slide-active .cell-badge {
  transform: translateX(-50%) translateY(0%)
}
.flavour-match {
  padding: 1.6rem;
  text-align: center
}

@media (min-width: 960px) {
.flavour-match {
  padding: 3.2rem
}
}
.flavour-match .content-wrapper {
  max-width: 416px;
  margin: 0 auto
}
.flavour-match h2, .flavour-match .h2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: normal
}

@media (min-width: 960px) {
.flavour-match h2, .flavour-match .h2 {
  font-size: 1.4rem
}
}
.flavour-match h2 .icon, .flavour-match .h2 .icon {
  height: 3.2rem;
  width: 3.2rem;
  margin: 0 0 0.8rem
}
.flavour-match .actions-wrapper {
  margin-top: 1.6rem
}
.flavour-match.brand-hard-white {
  background: #f6f4f0
}
.flavour-match.extra-margin-bottom {
  margin-bottom: 2rem
}
.card-carousel {
  padding: 2rem 1.6rem 2.8rem;
  background: #f6f4f0;
  max-width: 100%;
  overflow: hidden
}

@media (min-width: 960px) {
.card-carousel {
  padding: 5rem 3.2rem
}
}
.card-carousel .content-wrapper {
  max-width: 1312px;
  margin: 0 auto
}

@media (min-width: 960px) {
.card-carousel header {
  text-align: center
}
}
.card-carousel h2, .card-carousel .h2 {
  font-size: 1.6rem;
  line-height: 1.2
}

@media (min-width: 960px) {
.card-carousel h2, .card-carousel .h2 {
  font-size: 2.8rem;
  letter-spacing: -0.75px;
  margin-bottom: 1.6rem
}
}
.card-carousel .actions-wrapper {
  margin-top: 1.6rem
}

@media (min-width: 960px) {
.card-carousel .actions-wrapper {
  margin-top: 2rem
}
}
.card-carousel .swiper-container {
  margin-top: 2.4rem
}

@media (min-width: 960px) {
.card-carousel .swiper-container {
  margin-top: 3.2rem
}
}
.card-carousel .swiper-pagination {
  position: static;
  height: 4px;
  margin: 1.6rem 0 0 0
}
.card-carousel .swiper-pagination .swiper-pagination-bullet {
  width: 24px;
  height: 2px
}
.card-carousel .swiper-pagination .swiper-pagination-bullet-active {
  background: #34303d
}
.js-card-carousel {
  text-align: center;
  overflow: visible;
  margin-left: -8px
}

@media (min-width: 1280px) {
.js-card-carousel {
  margin-left: -1.6rem
}
}
.js-card-carousel .swiper-wrapper {
  display: flex;
  flex-wrap: nowrap;
  width: auto;
  justify-content: flex-start
}
.js-card-carousel .swiper-slide {
  border-radius: 4px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  max-width: 416px;
  height: auto;
  flex-shrink: 0;
  width: 76%;
  margin-left: 0.4rem
}

@media (min-width: 1280px) {
.js-card-carousel .swiper-slide {
  max-width: calc(33.33333% - 32px)
}
}

@media (min-width: 1280px) {
.js-card-carousel .swiper-slide {
  margin-left: 1.6rem
}
}
.js-card-carousel .swiper-slide>.badge {
  position: absolute;
  top: 1rem;
  left: 1rem
}
.js-card-carousel .swiper-button-prev {
  margin-left: 0.4rem
}

@media (min-width: 1280px) {
.js-card-carousel .swiper-button-prev {
  margin-left: 1.6rem
}
}
.js-card-carousel .text-wrapper {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  padding: 1.6rem;
  flex: 1
}

@media (min-width: 1280px) {
.js-card-carousel .text-wrapper {
  padding: 3.2rem
}
}
.js-card-carousel h3, .js-card-carousel .h3 {
  font-size: 1.4rem;
  line-height: 1.4;
  margin-bottom: 0.8rem
}

@media (min-width: 1280px) {
.js-card-carousel h3, .js-card-carousel .h3 {
  font-size: 2.1rem;
  line-height: 1.2
}
}
.js-card-carousel p {
  font-size: 0.7rem;
  margin: 0
}

@media (min-width: 1280px) {
.js-card-carousel p {
  font-size: 0.8rem;
  line-height: 1.5
}
}
.js-card-carousel .actions-wrapper {
  margin-top: 1.2rem
}
.js-card-carousel .img-wrapper {
  flex-shrink: 0
}
.js-card-carousel .img-wrapper img {
  display: block;
  width: 100%
}

@media (max-width: 959px) {
.carousel-nav {
  display: none
}
}
.carousel-nav button {
  height: 2.2rem;
  width: 2.2rem;
  background: #FFFDFB;
  border-radius: 30px;
  color: #34303d;
  text-align: center;
  border: none;
  transition: 0.3s ease-in-out;
  opacity: 1
}
.carousel-nav button.swiper-button-disabled {
  opacity: 0
}
.carousel-nav button:focus {
  outline: none
}
.carousel-nav button::after {
  font-size: 1rem;
  font-weight: bold
}
.carousel-nav button.swiper-button-prev::after {
  margin-left: -5px
}
.carousel-nav button.swiper-button-next::after {
  margin-left: 5px
}
.mini-compare-detailed {
  margin: 0 auto 56px;
  width: 100%
}

@media (min-width: 960px) {
.mini-compare-detailed {
  margin: 0 auto 100px;
  max-width: 1312px;
  width: 91.1vw
}
}
.mini-compare-detailed h2, .mini-compare-detailed .h2 {
  font-size: 1.8rem;
  line-height: 1.22
}

@media (min-width: 960px) {
.mini-compare-detailed h2, .mini-compare-detailed .h2 {
  font-size: 2.8rem
}
}
.mini-compare-detailed header {
  margin: 0 auto 1rem
}

@media (min-width: 375px) {
.mini-compare-detailed header {
  text-align: center;
  max-width: 640px;
  margin: 0 auto 3.2rem
}
}
.mini-compare-detailed header :last-child {
  margin-bottom: 0
}
.mini-compare-detailed .content-wrapper {
  display: flex;
  margin: 0 auto;
  overflow: auto;
  padding: 0 8.5vw
}

@media (min-width: 840px) {
.mini-compare-detailed .content-wrapper {
  justify-content: center;
  padding: 0;
  overflow: visible
}
}
.mini-compare-detailed article {
  width: 150px;
  box-sizing: border-box;
  padding: 0 0.75rem 0 0;
  display: flex;
  flex-direction: column;
  max-width: 200px;
  flex-shrink: 0
}

@media (min-width: 840px) {
.mini-compare-detailed article {
  margin: 0 1.35rem;
  width: calc(50% - 8px)
}
}
.mini-compare-detailed article figure {
  margin: 0 0 1rem
}
.mini-compare-detailed article .product-title {
  position: relative;
  padding-top: 2rem
}
.mini-compare-detailed article .product-title>.badge {
  position: absolute;
  top: 0;
  left: 0
}
.mini-compare-detailed article .product-title p {
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold;
  font-size: 0.9rem;
  line-height: 1.5
}

@media (min-width: 960px) {
.mini-compare-detailed article .product-title p {
  font-size: 1.2rem
}
}
.mini-compare-detailed article p {
  margin: 0 0 1rem
}
.mini-compare-detailed article .color-variants {
  padding-left: 8px
}
.mini-compare-detailed article .color-variants span {
  width: 14px;
  height: 14px;
  display: inline-block;
  border-radius: 50%;
  margin-left: -8px
}
.mini-compare-detailed article .info-expanded {
  margin-top: auto
}
.mini-compare-detailed.list-2 .content-wrapper {
  justify-content: center
}
.mini-compare-detailed.list-2 article {
  width: 50%
}
.promo-variant-1 .text-wrapper h4, .promo-variant-1 .text-wrapper .h4 {
  font-size: 1.2rem;
  line-height: 1.4
}

@media (min-width: 960px) {
.promo-variant-1 .text-wrapper h4, .promo-variant-1 .text-wrapper .h4 {
  font-size: 1.6rem
}
}

@media (max-width: 959px) {
.promo-variant-1.mobile-invert .content-wrapper {
  flex-direction: column-reverse
}
}
.promo-product-range {
  margin: 0 0 56px 0;
  padding: 3.1rem 0 0
}

@media (min-width: 960px) {
.promo-product-range {
  margin: 0 0 100px 0;
  padding: 4.8rem 0
}
}
.promo-product-range header {
  margin: 0 auto 2.4rem auto;
  width: 83vw
}

@media (min-width: 960px) {
.promo-product-range header {
  width: 91.1vw;
  max-width: 1312px;
  text-align: center;
  margin: 0 auto 3rem auto
}
}
.promo-product-range header>:last-child {
  margin-bottom: 0
}
.promo-product-range .h2 {
  font-size: 1.6rem;
  line-height: 1.25
}

@media (min-width: 960px) {
.promo-product-range .h2 {
  font-size: 2.8rem
}
}
.promo-product-range .content-wrapper {
  margin: 0 auto;
  width: 83vw;
  display: flex;
  flex-direction: column
}

@media (min-width: 960px) {
.promo-product-range .content-wrapper {
  flex-direction: row;
  justify-content: space-between;
  width: 91.1vw;
  max-width: 1312px
}
}
.promo-product-range article {
  margin: 0 auto 3.2rem;
  width: 100%;
  max-width: 622px
}

@media (min-width: 960px) {
.promo-product-range article {
  margin: 0;
  width: calc(33.33% - 22px)
}
}
.promo-product-range article figure {
  margin: 0 0 2rem
}
.promo-product-range article figure img {
  width: 100%
}
.promo-product-range article .h3 {
  font-size: 1.6rem;
  line-height: 1.24;
  font-weight: bold;
  margin: 0 0 1.2rem
}

@media (min-width: 960px) {
.promo-product-range article .h3 {
  font-size: 2.1rem;
  margin: 0 0 0.8rem
}
}

@media (min-width: 960px) {
.promo-product-range article .text-wrapper {
  text-align: center
}
}
.promo-product-range article .text-wrapper>:last-child {
  margin-bottom: 0
}
.promo-product-range article .text-wrapper p, .promo-product-range article .text-wrapper .h3 {
  margin: 0 0 1.2rem
}
.promo-product-range article .text-wrapper .cta-box .btn, .promo-product-range article .text-wrapper .cta-box .ui_558574, .promo-product-range article .text-wrapper .cta-box .ui_517427, .promo-product-range article .text-wrapper .cta-box .ui_464917 {
  margin: 0.8rem 0 0
}
.promo-product-range.brand-hard-white {
  background-color: #f6f4f0
}

@media (max-width: 959px) {
.product-card-1.mobile-image-full-width .content-wrapper picture img {
  max-width: 100vw
}
}
.product-story-card .-header .badge {
  margin-left: 0.6rem
}
.product-story-card .txt-dark {
  color: #34303d
}
.product-story-card .image-on-right .image {
  bottom: 0;
  height: 50%
}

@media (min-width: 768px) {
.product-story-card .image-on-right .image {
  width: 50%;
  left: auto;
  right: 0;
  bottom: auto;
  height: 100%
}
}

@media (min-width: 768px) {
.product-story-card .image-on-right .content-wrapper .content {
  right: 13.41%
}
}
.flavour-profile .sec-header {
  width: 1440px;
  max-width: 100%;
  margin: 0 auto;
  padding: 2rem 1.6rem;
  text-align: center
}

@media (min-width: 840px) {
.flavour-profile .sec-header {
  padding: 3.2rem
}
}
.flavour-profile .sec-header h2, .flavour-profile .sec-header .h2 {
  margin: 0;
  font-size: 1.6rem;
  line-height: 1.25
}

@media (min-width: 840px) {
.flavour-profile .sec-header h2, .flavour-profile .sec-header .h2 {
  font-size: 2.1rem
}
}
.flavour-profile-bundle .sec-header {
  width: 1440px;
  max-width: 100%;
  margin: 0 auto;
  padding: 2rem 1.4rem;
  text-align: center
}

@media (min-width: 840px) {
.flavour-profile-bundle .sec-header {
  padding: 3.2rem
}
}
.flavour-profile-bundle .sec-header h2, .flavour-profile-bundle .sec-header .h2 {
  margin: 0;
  font-size: 1.6rem;
  line-height: 1.25;
  margin-bottom: 24px
}

@media (min-width: 840px) {
.flavour-profile-bundle .sec-header h2, .flavour-profile-bundle .sec-header .h2 {
  font-size: 2.1rem
}
}
.flavour-profiles-nav {
  overflow-x: auto;
  margin: 2rem auto 0;
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-end;
  text-align: center;
  max-width: 410px
}

@media (min-width: 840px) {
.flavour-profiles-nav.has-slider {
  overflow-x: visible;
  position: relative
}
}
.flavour-profiles-nav button {
  width: 75px;
  display: flex;
  flex-direction: column;
  background: none;
  border: none;
  border-bottom: 5px solid transparent;
  font-size: 0.7rem;
  line-height: 1.4;
  cursor: pointer;
  padding: 0;
  outline: none
}
.flavour-profiles-nav button:first-child {
  margin-left: auto
}
.flavour-profiles-nav button:last-child {
  margin-right: auto
}
.flavour-profiles-nav button>* {
  pointer-events: none
}
.flavour-profiles-nav button+button {
  margin-left: 1.6rem
}
.flavour-profiles-nav button.active {
  border-color: #34303d;
  pointer-events: none
}
.flavour-profiles-nav button.active .img-wrapper .bg-wrapper {
  opacity: 1
}
.flavour-profiles-nav button.active .img-wrapper>img {
  bottom: 0;
  transform: scale(1) translateX(-50%)
}
.flavour-profiles-nav button.swiper-slide {
  margin-left: 0
}
.flavour-profiles-nav .item-name {
  margin: 1rem 0;
  display: block
}
.flavour-profiles-nav .img-wrapper {
  position: relative;
  overflow: hidden;
  padding-top: 10px;
  border-radius: 0 0 38px 38px;
  width: 76px;
  height: 76px;
  box-sizing: content-box
}
.flavour-profiles-nav .img-wrapper .bg-wrapper {
  border-radius: 50%;
  overflow: hidden;
  width: 76px;
  height: 76px;
  opacity: 0.6;
  transition: opacity 0.3s ease;
  will-change: opacity
}
.flavour-profiles-nav .img-wrapper .bg-wrapper img {
  max-width: 100%;
  max-height: 100%
}
.flavour-profiles-nav .img-wrapper>img {
  position: absolute;
  bottom: -25px;
  left: 50%;
  transform: scale(0.9) translateX(-50%);
  width: 20px;
  transition: all 0.3s ease
}
.flavour-profiles-nav .swiper-container {
  width: 410px
}
.flavour-profiles-nav .swiper-button-next, .flavour-profiles-nav .swiper-button-prev {
  width: 48px;
  height: 48px;
  background-color: #f6f4f0;
  border-radius: 100%
}
.flavour-profiles-nav .swiper-button-next:after, .flavour-profiles-nav .swiper-button-prev:after {
  font-size: 20px;
  transform: translateX(-50%) translateY(-50%);
  position: absolute;
  top: 50%;
  left: 50%;
  color: #34303d
}
.flavour-profiles-nav .swiper-button-next {
  right: -10px;
  transform: translateX(100%);
  display: none
}
.flavour-profiles-nav .swiper-button-prev {
  left: -20px;
  transform: translateX(-100%);
  display: none
}

@media (min-width: 840px) {
.flavour-profiles-nav .swiper-button-next, .flavour-profiles-nav .swiper-button-prev {
  display: block
}
}

@media (min-width: 840px) {
.flavour-card:first-child {
  margin: 3.2rem 0
}
.tab-content-wrapper .flavour-card:first-child {
  margin: 0
}
}
.flavour-card .content-wrapper {
  max-width: 1440px;
  margin: 0 auto
}

@media (min-width: 840px) {
.flavour-card .content-wrapper {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch
}
}
.flavour-card .text-wrapper {
  padding: 2rem 1.6rem
}

@media (min-width: 840px) {
.flavour-card .text-wrapper {
  width: 50%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-right: 0;
  padding-left: 64px
}
}

@media (min-width: 840px) {
.flavour-card .text-wrapper .text-inner {
  width: 370px;
  margin-left: auto;
  margin-right: 22.7%
}
}

@media (min-width: 1440px) {
.flavour-card .text-wrapper .text-inner {
  margin-right: 175px
}
}

@media (min-width: 840px) {
.flavour-card figure {
  flex-basis: 50%
}
}
.flavour-card figure img {
  display: block;
  width: 100%
}
.flavour-card h3, .flavour-card .h3 {
  display: flex;
  flex-direction: column;
  font-size: 1.4rem;
  line-height: 1.4;
  margin-bottom: 0.8rem
}
.flavour-card h3 img, .flavour-card .h3 img {
  margin-bottom: 0.4rem;
  width: 64px;
  height: 64px
}
.flavour-card .flavour-levels {
  margin-top: 1.6rem
}
.flavour-card .flavour-levels ul {
  list-style: none;
  padding: 0;
  margin: 0 0 1.6rem
}
.flavour-card .flavour-levels li {
  display: flex;
  justify-content: space-between;
  align-items: center
}
.flavour-card .flavour-levels li+li {
  margin-top: 0.6rem
}
.flavour-card .flavour-levels .list-label {
  font-size: 0.8rem;
  line-height: 1.5
}
.aroma-notes {
  margin: 1.6rem 0
}
.aroma-notes .aroma-note-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 1.5
}
.aroma-notes .aroma-note-row+.aroma-note-row {
  margin-top: 0.6rem
}
.aroma-notes .aroma-note-row img {
  max-height: 25px
}
.h-levels {
  display: flex;
  border-radius: 6px;
  overflow: hidden;
  height: 6px
}
.h-levels span {
  background-color: #34303d;
  width: 16px;
  font-size: 0;
  line-height: 0;
  opacity: 0.4
}
.h-levels span.filled {
  opacity: 1
}
.h-levels span+span {
  margin-left: 4px
}
.type-dimensions .h-levels {
  border-radius: none;
  height: 12px
}
.type-dimensions .h-levels span {
  width: 12px;
  height: 12px;
  border-radius: 50%
}
.type-dimensions .h-levels span+span {
  margin-left: 16px
}
.flavour-modal {
  text-align: center;
  color: #34303d
}
.flavour-modal h3, .flavour-modal .h3 {
  font-size: 0.8rem;
  line-height: 1.5;
  letter-spacing: 0.2px;
  margin-bottom: 8px
}
.h-levels-legend {
  display: flex;
  justify-content: center;
  font-size: 0.7rem;
  line-height: 1.4;
  letter-spacing: 0.4px;
  margin: 0.4rem 0 1rem;
  align-items: center
}
.h-levels-legend .h-levels {
  margin: 0 0.4rem
}
.product-category-nav {
  padding-right: 0.5rem
}
.product-category-nav .filters-wrapper {
  padding: 1.6rem
}

@media (min-width: 960px) {
.product-category-nav .filters-wrapper {
  padding: 0
}
}
.product-category-nav .filters-wrapper .filter-box+.filter-box {
  margin-top: 2rem
}
.product-category-nav .filters-wrapper h3, .product-category-nav .filters-wrapper .h3 {
  font-size: 0.8rem;
  line-height: 1.6;
  margin: 0 0 1.2rem;
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold
}
.product-category-nav .filters-wrapper p {
  margin: 0.4rem 0 0
}
.product-category-nav .filters-wrapper .filter-selection {
  margin: 0.2rem 0 0 -0.6rem
}
.product-category-nav .filters-wrapper .filter-selection ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap
}
.product-category-nav .filters-wrapper .filter-selection li {
  margin: 0.6rem 0 0 0.6rem
}
.product-category-nav .filters-wrapper .range-selection {
  margin: 0.2rem 0 0 -0.6rem;
  display: inline-flex;
  flex-direction: column;
  margin: 0.6rem 0 0
}
.product-category-nav .filters-wrapper .range-selection ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap
}
.product-category-nav .filters-wrapper .range-selection li {
  margin: 0.6rem 0 0 0.6rem
}
.product-category-nav .filters-wrapper .range-selection ul {
  flex-wrap: nowrap
}
.product-category-nav .filters-wrapper .range-selection li {
  margin: 0
}
.product-category-nav .filters-wrapper .range-selection li+li {
  margin-left: 0.6rem
}
.product-category-nav .filters-wrapper .range-selection .range-legend {
  margin-top: 0.4rem;
  display: flex;
  justify-content: space-between;
  font-size: 0.6rem;
  line-height: 1.5;
  letter-spacing: 0.2px
}
.product-category-nav .filters-wrapper .radio-h-list .form-radio+.form-radio {
  margin-top: 0.8rem
}
.product-category-nav .filters-wrapper .remove-filters-btn {
  margin-top: 20px
}

@media (max-width: 959px) {
.product-category-nav .filters-wrapper .remove-filters-btn {
  display: none
}
}
.product-category-nav .filter-actions {
  border-top: 1px solid #e1e0e2;
  padding: 1rem 1.6rem;
  display: flex;
  justify-content: space-between
}

@media (min-width: 960px) {
.product-category-nav .filter-actions {
  display: none
}
}
.product-category-nav .filter-actions button+button {
  margin-left: 0.6rem
}
.check-btns-list {
  margin: 0.2rem 0 0 -0.6rem
}
.check-btns-list ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap
}
.check-btns-list li {
  margin: 0.6rem 0 0 0.6rem
}
.check-btn-like {
  position: relative;
  display: block
}
.check-btn-like input {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
.check-btn-like input:checked+.check-btn-desc {
  border: solid 2px #34303d;
  font-weight: bold;
  padding: 9px 8px
}
.check-btn-like input:checked+.check-btn-box {
  border: solid 2px #34303d;
  font-weight: bold;
  border-radius: 50%
}
.check-btn-like input:disabled+.check-btn-desc {
  opacity: 0.5;
  pointer-events: none
}
.check-btn-like .check-btn-desc {
  padding: 10px 12px;
  border-radius: 3px;
  border: solid 1px #99979e;
  font-size: 0.8rem;
  line-height: 1.5;
  color: #34303d;
  text-align: center;
  min-width: 44px
}
.check-btn-like .check-btn-desc::before {
  display: block;
  content: attr(title);
  font-weight: bold;
  height: 0;
  overflow: hidden;
  visibility: hidden
}
.color-filter .check-btn-like .check-btn-desc {
  position: relative;
  padding-left: 1.5rem
}
.color-filter .check-btn-like input:checked+.check-btn-desc {
  padding-left: 1.45rem
}
.color-filter .check-btn-like b {
  height: 0.6rem;
  width: 0.6rem;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  right: 0;
  bottom: auto;
  left: 12px;
  transform: translateY(-50%)
}
.color-filter .check-btn-box {
  padding: 15px 15px;
  font-size: 0.8rem;
  line-height: 1.5;
  color: #34303d;
  text-align: center;
  min-width: 30px
}
.color-filter .check-btn-box b {
  height: 1rem;
  width: 1rem;
  left: 7px
}
.dcs .product-category-nav .filters-wrapper h3 {
  font-size: 1rem;
  margin-bottom: 0.4rem
}
.range-wrapper {
  width: 200px
}
.range-wrapper .selected_values {
  display: flex;
  justify-content: space-between
}
.range-wrapper .range-slider {
  margin-top: 10px
}
.range-wrapper .range-slider .slider {
  height: 5px;
  position: relative;
  background: #ddd;
  border-radius: 5px
}
.range-wrapper .range-slider .slider .progress {
  height: 100%;
  left: 25%;
  right: 25%;
  position: absolute;
  border-radius: 5px;
  background: #34303d;
  pointer-events: none
}
.range-wrapper .range-slider .range-input {
  position: relative
}
.range-wrapper .range-slider .range-input input {
  position: absolute;
  width: 100%;
  height: 5px;
  top: -5px;
  background: none;
  pointer-events: none;
  -webkit-appearance: none;
  -moz-appearance: none
}
 input[type="range"]::-webkit-slider-thumb {
 height: 17px;
 width: 17px;
 border-radius: 50%;
 background: #34303d;
 pointer-events: auto;
 -webkit-appearance: none;
 box-shadow: 0 0 6px rgba(0, 0, 0, 0.05)
}
 input[type="range"]::-moz-range-thumb {
 height: 17px;
 width: 17px;
 border: none;
 border-radius: 50%;
 background: #34303d;
 pointer-events: auto;
 -moz-appearance: none;
 box-shadow: 0 0 6px rgba(0, 0, 0, 0.05)
}
.iluma-plp .searchCatalogContainer #searchContainer {
  margin-right: 0
}
.iluma-plp .searchCatalogContainer #searchContainer #searchCatalog {
  background-image: url('../../../../../design/themes/kura/media/images/ico/icons-16-search-light-theme.svg?1690945733');
  padding-right: 2.8rem;
  border: none;
  border-radius: 0
}
ul.ui-widget.product-filter-autocomplete {
  border: 2px solid #34303d;
  margin-top: 2px;
  border-radius: 0 0 3px 3px;
  background: #FFFDFB;
  border-top: none !important
}
ul.ui-widget.product-filter-autocomplete .ui-menu-item:hover {
  background-color: #edecf0
}
ul.ui-widget.product-filter-autocomplete .ui-menu-item a {
  display: block
}

@media (max-width: 959px) {
.iluma-plp {
  display: flex;
  flex-direction: column
}
}

@media (min-width: 960px) {
.iluma-plp {
  flex-wrap: wrap;
  margin-top: 0
}
}

@media (min-width: 960px) {
.iluma-plp.no-plp-nav {
  padding-top: 2.9rem
}
}
.iluma-plp .product-list-nav {
  border-bottom: 1px solid rgba(52, 48, 61, 0.2);
  display: flex;
  flex-wrap: nowrap;
  padding: 0 1.15rem;
  overflow-x: auto;
  transition: all 0.5s ease-in-out;
  background-color: #FFFDFB;
  z-index: 5;
  position: sticky;
  top: -68px
}
.navShow .iluma-plp .product-list-nav {
  top: 55px
}

@media (min-width: 960px) {
.iluma-plp .product-list-nav {
  overflow-x: unset;
  flex: 1 100%;
  margin-bottom: 2.9rem;
  padding: 0 0 2px;
  margin-left: 0;
  justify-content: center;
  top: 0
}
.iluma-plp .product-list-nav.limit-reached {
  top: -75px
}
.navShow .iluma-plp .product-list-nav {
  top: 75px
}
.navShow .iluma-plp .product-list-nav.limit-reached {
  top: 0
}
}
.iluma-plp .product-list-nav>a {
  padding: 1.1rem 0.45rem;
  white-space: nowrap;
  position: relative;
  font-size: 0.7rem;
  line-height: 1.5
}

@media (min-width: 960px) {
.iluma-plp .product-list-nav>a {
  font-size: 0.8rem;
  padding: 1.2rem 1.6rem
}
}
.iluma-plp .product-list-nav>a+a {
  margin-left: 0.6rem
}
.iluma-plp .product-list-nav>a::before {
  content: "";
  position: absolute;
  top: "auto";
  right: 0;
  bottom: 0;
  left: 0;
  height: 2px;
  background: #34303d;
  width: 0;
  transition: width 0.2s;
  will-change: width
}

@media (min-width: 960px) {
.iluma-plp .product-list-nav>a::before {
  height: 3px;
  bottom: -2px
}
}
.iluma-plp .product-list-nav>a.active::before {
  width: 100%
}
.iluma-plp .product-list-filters {
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  background: #FFFDFB;
  transition: top 0.5s ease-in-out
}
.navShow .iluma-plp .product-list-filters {
  top: 122px
}

@media (min-width: 960px) {
.iluma-plp .product-list-filters {
  top: 96px
}
.navShow .iluma-plp .product-list-filters {
  top: calc(96px + 75px)
}
}

@media (min-width: 960px) {
.iluma-plp .product-list-filters header {
  padding-bottom: 0;
  border-bottom: none
}
}

@media (max-width: 959px) {
.iluma-plp .product-list-filters .product-category-nav.expanded {
  max-height: calc(100vh - 77px)
}
.navShow .iluma-plp .product-list-filters .product-category-nav.expanded {
  max-height: calc(100vh - 198px)
}
}

@media (min-width: 960px) {
.iluma-plp .product-list-filters .product-category-nav {
  max-height: calc(100vh - 170px)
}
.navShow .iluma-plp .product-list-filters .product-category-nav {
  max-height: calc(100vh - 245px)
}
}
.iluma-plp .product-list-main {
  position: static
}

@media (min-width: 960px) {
.iluma-plp .product-list-main {
  width: calc(100% - 332px)
}
}

@media (min-width: 960px) {
.iluma-plp .product-list-main .product-list-description {
  margin-top: 0
}
}
.iluma-plp .preorder-date {
  text-align: left
}
.iluma-plp .active-filters {
  display: flex;
  flex-wrap: wrap;
  margin: -8px 0 40px -8px
}
.iluma-plp .active-filters .btn, .iluma-plp .active-filters .ui_558574, .iluma-plp .active-filters .ui_517427, .iluma-plp .active-filters .ui_464917 {
  margin: 8px 0 0 8px
}

@media (min-width: 960px) {
.iluma-plp .active-filters {
  display: none
}
}
.iluma-plp .subcat-list-wrapper {
  position: relative
}
.iluma-plp .subcat-list-wrapper~.subcat-list-wrapper {
  margin-top: 2.8rem
}
.iluma-plp .inner-category-title {
  font-size: 0.8rem;
  line-height: 1.5;
  font-weight: bold;
  margin-bottom: 1rem
}

@media (min-width: 960px) {
.iluma-plp .inner-category-title {
  margin-bottom: 1.6rem;
  font-size: 1.4rem
}
}
.iluma-plp .inner-category-title span {
  color: #34303d
}
.iluma-plp .has-description .inner-category-title {
  margin-bottom: 0.6rem
}
.iluma-plp .has-description .inner-category-title+.product-list-description {
  margin-bottom: 2.8rem
}

@media (max-width: 959px) {
.iluma-plp .has-description .inner-category-title {
  margin-bottom: 1.6rem
}
.iluma-plp .has-description .searchCatalogContainer {
  top: -0.4rem
}
}
.iluma-plp .product-list-wrapper {
  margin-top: -1.8rem;
  position: relative;
  z-index: 3;
  overflow: visible
}

@media (min-width: 1280px) {
.iluma-plp .product-list-wrapper {
  margin-top: -3.2rem
}
}
.iluma-plp .product-list-item {
  margin-top: 2.8rem
}

@media (min-width: 1280px) {
.iluma-plp .product-list-item {
  margin-top: 3.2rem
}
}
.iluma-plp .iluma-card {
  background: transparent;
  padding: 0
}
.iluma-plp .iluma-card .product-image-wrapper {
  height: auto;
  padding-top: 90%;
  position: relative
}
.iluma-plp .iluma-card .product-image-wrapper .product-badges {
  left: 0.8rem;
  top: 0.8rem;
  right: 0.8rem
}
.iluma-plp .iluma-card .product-image-wrapper .no-image, .iluma-plp .iluma-card .product-image-wrapper img {
  position: absolute;
  top: 10%;
  left: 10%;
  right: 10%;
  width: 80%;
  height: 80%;
  bottom: 10%;
  object-fit: contain;
  transform: none;
  padding: 0 !important
}
.iluma-plp .iluma-card .product-image-wrapper .colors-list {
  bottom: 1rem;
  left: 1rem;
  right: 1rem
}
.iluma-plp .iluma-card .product-details {
  margin-bottom: 1.2rem
}
.iluma-plp .iluma-card .product-details .prod-descr {
  margin: 0 0 1rem
}
.iluma-plp .iluma-card .product-details .product-prices {
  align-items: baseline
}
.iluma-plp .iluma-card .product-details .price {
  font-size: 0.9rem;
  letter-spacing: 0.2px;
  line-height: 1.5;
  font-weight: bold
}
.iluma-plp .iluma-card .product-details .old-price {
  font-size: 0.7rem;
  line-height: 1.43;
  letter-spacing: 0.2px;
  margin-left: 0.4rem;
  opacity: 1;
  color: #34303d
}
.iluma-plp .iluma-card .product-details .price-savings {
  font-size: 0.6rem;
  line-height: 1.43;
  letter-spacing: 0.2px;
  margin-left: 0.4rem;
  color: #34303d
}
.iluma-plp .iluma-card .product-details .product-title {
  margin-bottom: 0.5rem;
  -webkit-line-clamp: 3
}
.iluma-plp .iluma-card .product-details .product-title h4, .iluma-plp .iluma-card .product-details .product-title h3, .iluma-plp .iluma-card .product-details .product-title .h4, .iluma-plp .iluma-card .product-details .product-title .h3 {
  line-height: 1.2;
  letter-spacing: 0.2px
}
.iluma-plp .iluma-card .product-details .product-title .product-subtitle {
  margin-bottom: 0;
  margin-top: 4px;
  margin-top: 0.5rem;
  font-size: 0.7rem;
  line-height: 1.4;
  letter-spacing: 0.4px
}
.iluma-plp .iluma-card .flavour-levels {
  list-style-type: none;
  margin: 0 0 0.6rem 0;
  background: #f6f4f0;
  width: 100%;
  box-sizing: border-box;
  padding: 0.7rem 0.8rem;
  font-size: 0.6rem
}
.iluma-plp .iluma-card .flavour-levels ul {
  margin: 0
}
.iluma-plp .iluma-card .flavour-levels li {
  display: flex;
  justify-content: space-between;
  align-items: center
}
.iluma-plp .iluma-card .flavour-levels li:first-child {
  margin-top: 0
}
.iluma-plp .iluma-card .flavour-levels li .h-levels span {
  background-color: #e27d34;
  width: 20px
}
.iluma-plp .iluma-card .check-btns-list {
  margin: -0.6rem 0 1rem
}
.iluma-plp .iluma-card .check-btns-list .po-option-title {
  display: block;
  font-size: 0.6rem
}
.iluma-plp .iluma-card .check-btns-list ul {
  flex-wrap: wrap;
  justify-content: space-between;
  margin: -6px -6px 0
}
.iluma-plp .iluma-card .check-btns-list li {
  text-align: center;
  max-width: calc(50% - 12px);
  min-width: calc(33.333333% - 12px);
  margin: 0.6rem 0.3rem 0;
  flex: 1;
  white-space: nowrap
}
.iluma-plp .iluma-card .check-btns-list .check-btn-desc {
  text-overflow: ellipsis;
  overflow: hidden
}
.iluma-plp .iluma-card .s_options {
  margin-bottom: 1rem
}
.iluma-plp .iluma-card .product-actions {
  margin-top: 0
}
.iluma-plp .iluma-card .product-actions>button:only-child {
  align-self: flex-start
}
.iluma-plp .iluma-card .product-actions .add-to-cart, .iluma-plp .iluma-card .product-actions .other-actions {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column
}
.iluma-plp .iluma-card .product-actions .add-to-cart>.btn, .iluma-plp .iluma-card .product-actions .add-to-cart>.ui_558574, .iluma-plp .iluma-card .product-actions .add-to-cart>.ui_517427, .iluma-plp .iluma-card .product-actions .add-to-cart>.ui_464917, .iluma-plp .iluma-card .product-actions .other-actions>.btn, .iluma-plp .iluma-card .product-actions .other-actions>.ui_558574, .iluma-plp .iluma-card .product-actions .other-actions>.ui_517427, .iluma-plp .iluma-card .product-actions .other-actions>.ui_464917 {
  align-self: flex-start
}
.iluma-plp .iluma-card .product-actions .add-to-cart+.other-actions {
  margin-top: 0.5rem
}
.iluma-plp .iluma-card .product-actions .product_notify_me_container {
  margin-top: 0
}
.box-add-multi {
  display: flex
}
.box-add-multi .is-dropdown {
  width: 4rem;
  margin-right: 0.8rem
}
.box-add-multi>button {
  flex-grow: 1
}

@media (min-width: 960px) {
.dcs .iluma-plp .product-list-nav {
  margin-left: 332px;
  justify-content: flex-start
}
}

@media (min-width: 960px) {
.dcs .iluma-plp .product-list-filters header {
  padding-bottom: 1.2rem;
  border-bottom: 1px solid #e1e0e2
}
}
.dcs .iluma-plp .subcat-list-wrapper:first-child {
  margin-top: 2rem
}
.dcs .iluma-plp .inner-category-title {
  font-weight: normal;
  font-size: 0.8rem
}

@media (min-width: 960px) {
.dcs .iluma-plp .inner-category-title {
  font-size: 0.8rem
}
}
.dcs .iluma-plp .inner-category-title span {
  color: #99979e
}
.dcs .iluma-plp .iluma-card {
  background: #f6f4f0;
  padding: 1.6rem
}
.dcs .iluma-plp .iluma-card .product-image-wrapper {
  padding-top: 2rem;
  padding-bottom: 0
}
.dcs .iluma-plp .iluma-card .product-image-wrapper img {
  max-width: 80%
}
.dcs .iluma-plp .iluma-card .product-image-wrapper .product-badges {
  left: 0;
  top: 0;
  right: 0
}
.dcs .iluma-plp .iluma-card .product-details .product-title .product-subtitle {
  margin-top: 4px
}
.dcs .iluma-plp .iluma-card .product-actions>button:only-child {
  align-self: auto
}
.dcs .iluma-plp .check-btns-list {
  margin-top: 1.6rem
}
.product-content-desc .product-badges {
  margin-bottom: 0.6rem
}
.product-content-desc .check-btns-list {
  margin: 1rem -0.4rem 1.6rem
}
.product-content-desc .check-btns-list+.check-btns-list {
  margin-top: -1.6rem
}
.product-content-desc .check-btns-list .po-option-title {
  display: block;
  margin: 0 0.4rem 0.4rem;
  font-size: 0.7rem
}
.product-content-desc .check-btns-list ul {
  flex-wrap: wrap
}
.product-content-desc .check-btns-list li {
  margin: 0 0.4rem 0.4rem;
  min-width: calc(33.333333% - 16px);
  max-width: calc(50% - 16px);
  flex: 1
}

@media (min-width: 960px) {
.product-content-desc .check-btns-list .check-btn-like .check-btn-desc {
  padding: 0.6rem
}
}
.product-content-desc .alert-box {
  margin: 1rem 0
}
.product-content-desc .qty-dropdown {
  width: 70px;
  flex-shrink: 0;
  margin-right: 0.6rem
}
.iluma-pdp-detail h1, .iluma-pdp-detail .h1 {
  font-size: 1rem;
  line-height: 1.2;
  letter-spacing: 0.2px;
  margin-bottom: 0.6rem
}

@media (min-width: 960px) {
.iluma-pdp-detail h1, .iluma-pdp-detail .h1 {
  font-size: 2.1rem;
  letter-spacing: 0;
  margin-bottom: 0.8rem
}
}
.iluma-pdp-detail .product-subtitle {
  margin: 0.6rem 0;
  font-size: 0.7rem;
  line-height: 1.4;
  letter-spacing: 0.4px
}

@media (min-width: 960px) {
.iluma-pdp-detail .product-subtitle {
  margin-bottom: 1.6rem
}
}
.iluma-pdp-detail .product-price {
  margin: 0.6rem 0
}

@media (min-width: 960px) {
.iluma-pdp-detail .product-price {
  margin: 1.2rem 0
}
}
.iluma-pdp-detail .product-price .price {
  font-size: 1rem;
  line-height: 1.2;
  letter-spacing: 0.2px;
  font-weight: bold
}

@media (min-width: 960px) {
.iluma-pdp-detail .product-price .price {
  font-size: 1.2rem;
  line-height: 1.5
}
}
.iluma-pdp-detail .product-price .old-price {
  font-size: 0.8rem;
  line-height: 1.5;
  letter-spacing: 0.2px;
  opacity: 1;
  color: #7b7881;
  margin-right: 0;
  margin-left: 0.6rem
}
.iluma-pdp-detail .product-price .price-savings {
  font-size: 0.6rem;
  line-height: 1.67;
  letter-spacing: 0.2px;
  color: #34303d;
  margin-left: 0.6rem
}
.iluma-pdp-detail .product-form {
  display: flex;
  flex-wrap: nowrap
}
.iluma-pdp-detail .product-form .product-actions {
  margin: 0
}
.iluma-pdp-detail .product-form .qty-wrapper {
  margin-right: 0.5rem
}
.iluma-pdp-detail .other-actions {
  margin-top: 0.5rem
}
.alert-box {
  border-radius: 4px;
  padding: 0.8rem;
  display: flex;
  flex-wrap: nowrap
}
.alert-box.alert-warning {
  background: #FFFDFB
}
.alert-box .alert-icon {
  height: 0.9rem;
  width: 0.9rem;
  margin-right: 0.8rem;
  flex-shrink: 0;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center
}
.alert-box .alert-text {
  font-size: 0.7rem;
  line-height: 1.4;
  letter-spacing: 0.4px
}
.bundle-options .item-variants {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-shrink: 0
}
.bundle-options .item-variants .option-img {
  align-self: flex-start;
  margin-right: 1rem;
  margin-top: 0
}

@media (max-width: 959px) {
.bundle-options .item-variants .option-img {
  width: 80px;
  height: 80px
}
}
.bundle-options .item-variants .option-img .color_product_image {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center
}
.bundle-options .item-variants .chain-options {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  margin-left: -1rem;
  margin-top: -1rem
}
.bundle-options .item-variants .chain-options>* {
  margin-left: 1rem;
  margin-top: 1rem
}
.bundle-options .item-variants .colors-list {
  margin: 0
}
.bundle-options .item-variants .colors-wrapper {
  width: 100%
}
.bundle-options .item-variants .inline-option .form-label.is-dropdown .select2-hidden-accessible {
  clip: unset !important;
  width: auto !important;
  position: static !important;
  padding: 0.6rem 2rem 0.6rem 0.8rem !important;
  opacity: 0
}
.bundle-options .item-variants .inline-option .form-label.is-dropdown .select2.select2-container .select2-selection__rendered {
  padding-right: 20px
}
.bundle-options .item-variants .chain-qty {
  width: 80px
}
.bundle-options .item-variants .atc-wrapper {
  align-self: flex-end
}
.bundle-options .actions-wrapper .selected-options {
  margin-bottom: 1.6rem
}
.bundle-options .actions-wrapper .selected-options .add-options {
  background: #f6f4f0;
  padding: 20px;
  border-radius: 5px;
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: center
}
.bundle-options .actions-wrapper .selected-options .options-table {
  display: none
}
.bundle-options .actions-wrapper .selected-options .options-table table {
  width: 100%;
  border-collapse: collapse
}
.bundle-options .actions-wrapper .selected-options .options-table .chain_title {
  font-weight: bold;
  font-size: 0.9rem;
  padding-top: 0.6rem
}
.bundle-options .actions-wrapper .selected-options .options-table .chain_options {
  width: 80%
}
.bundle-options .actions-wrapper .selected-options .options-table .chain_qty {
  white-space: nowrap;
  padding-left: 10px
}
.bundle-options .actions-wrapper .selected-options .options-table .chain_remove {
  width: 30px;
  text-align: right;
  padding-left: 10px
}
.bundle-options .actions-wrapper .selected-options .options-table .rm-chain-selection {
  display: inline-block;
  margin-left: 1rem;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd' stroke-linecap='round'%3E%3Cg stroke='%23e55252' stroke-width='1.5'%3E%3Cpath d='M15.5 0.5L0.5 15.5' transform='translate(-320 -24) translate(320 24) translate(4.5 4.5)'%3E%3C/path%3E%3Cpath d='M15.5 0.5L0.5 15.5' transform='translate(-320 -24) translate(320 24) translate(4.5 4.5) matrix(-1 0 0 1 16 0)'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E") transparent center no-repeat;
  border: none;
  cursor: pointer;
  height: 20px;
  width: 20px;
  vertical-align: middle;
  padding: 0;
  position: relative;
  top: -2px
}
.bundle-options .actions-wrapper .selected-options.active .add-options {
  display: none
}
.bundle-options .actions-wrapper .selected-options.active .options-table {
  display: block
}
.icon-warning {
  background-image: url('../../../../../design/themes/kura/media/images/ico/alerts-badges-large-warning.svg?1690945733')
}
.prl-product-usps.sec-images .video.-desktop {
  width: auto;
  margin-left: auto
}
.prl-product-usps.sec-images .video.-mobile {
  position: absolute;
  bottom: 0;
  top: auto !important
}
.prl-product-usps.high-text-mobile .prl-product-usps-scene.-was-active .prl-product-usps-text h2 .prl-product-usps-scene.-was-active .prl-product-usps-text .h2, .prl-product-usps.high-text-mobile h2, .prl-product-usps.high-text-mobile h3, .prl-product-usps.high-text-mobile .h2, .prl-product-usps.high-text-mobile .h3 {
  margin-top: 0
}

@media (max-width: 959px) {
.how-it-works-fixed.ilumaone .img-wrapper {
  max-width: 7rem
}
.how-it-works-fixed.ilumaone .how-it-works-fixed-nav {
  width: 6.6rem
}
.how-it-works-fixed.ilumaone .how-it-works-fixed-nav .item:nth-child(2) {
  margin-right: 0.5rem
}
}

@media (max-width: 959px) {
.how-it-works-fixed.no-heets.ilumaprime .how-it-works-fixed-nav .item:first-child, .how-it-works-fixed.no-heets.ilumamid .how-it-works-fixed-nav .item:first-child {
  margin-left: 0.75rem
}
.how-it-works-fixed.no-heets.ilumaprime .how-it-works-fixed-nav .item:nth-child(2), .how-it-works-fixed.no-heets.ilumamid .how-it-works-fixed-nav .item:nth-child(2) {
  margin-right: 0;
  transform: translateX(50%)
}
}

@media (max-width: 959px) {
.how-it-works-fixed.no-heets.ilumaone .img-wrapper {
  max-width: 3rem
}
.how-it-works-fixed.no-heets.ilumaone .how-it-works-fixed-nav {
  justify-content: center
}
}
.mix-selection-modal .modal-body {
  padding: 2rem 0
}
.mix-selection-modal .items {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap
}
.mix-selection-modal .items>div {
  width: 100%;
  text-align: center;
  padding: 0 0 2rem 0;
  margin: 0 0 0.6rem
}

@media (min-width: 840px) {
.mix-selection-modal .items>div {
  width: calc(50% - 24px)
}
}

@media (min-width: 1024px) {
.mix-selection-modal .items>div {
  width: calc(25% - 24px)
}
}
.mix-selection-modal .items>div figure {
  margin: 1.25rem 2.4rem
}
.mix-selection-modal .items>div .txt-wrapper {
  padding: 0 1.5rem;
  font-size: 0.7rem
}
.mix-selection-modal .items>div .txt-wrapper p {
  margin-bottom: 0.6rem
}
.mix-selection-modal .items>div .txt-wrapper :last-child {
  margin-bottom: 0
}
.prl-scroll-activated-story.brand-iluma .background-layer {
  background-color: #1bd9c5
}
.prl-scroll-activated-story.brand-iluma .background-layer .title {
  display: none
}
.comparison-table {
  margin: 0 0 56px 0;
  padding: 3.4rem 0 2rem 0;
  position: relative
}

@media (min-width: 960px) {
.comparison-table {
  margin: 0 0 100px 0;
  padding: 4rem 0 0 0;
  background: transparent
}
}
.comparison-table>header, .comparison-table footer {
  width: 83vw;
  margin: 0 auto
}

@media (min-width: 960px) {
.comparison-table>header, .comparison-table footer {
  width: 100%;
  box-sizing: border-box;
  margin: 0 auto 3rem auto
}
}
.comparison-table>header>*, .comparison-table footer>* {
  max-width: 660px;
  margin-left: auto;
  margin-right: auto;
  text-align: center
}
.comparison-table>header h2, .comparison-table footer h2 {
  font-size: 1.6rem;
  padding-bottom: 0.4rem
}

@media (min-width: 960px) {
.comparison-table>header h2, .comparison-table footer h2 {
  font-size: 2.8rem
}
}
.comparison-table>header p, .comparison-table footer p {
  font-size: 0.8rem;
  line-height: 1.5
}
.comparison-table .st-contents {
  max-height: none !important
}
.comparison-table .sec-header {
  width: 1440px;
  max-width: 100%;
  margin: 0 auto;
  padding: 2rem 1.4rem;
  text-align: center
}

@media (min-width: 840px) {
.comparison-table .sec-header {
  padding: 0.5rem
}
}
.comparison-table .sec-header h2, .comparison-table .sec-header .h2 {
  margin: 0;
  font-size: 1.6rem;
  line-height: 1.25;
  margin-bottom: 24px
}

@media (min-width: 840px) {
.comparison-table .sec-header h2, .comparison-table .sec-header .h2 {
  font-size: 2.1rem
}
}
.comparison-table .sec-header .st-nav {
  overflow-x: auto;
  margin: 0;
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-end;
  justify-content: center
}

@media (min-width: 960px) {
.comparison-table .sec-header .st-nav {
  margin-bottom: 4rem
}
}
.comparison-table .sec-header .st-nav button {
  max-width: 120px;
  display: flex;
  flex-direction: column;
  background: none;
  border: none;
  border-bottom: 2px solid transparent;
  font-size: 0.8rem;
  line-height: 1.4;
  cursor: pointer;
  padding: 0;
  outline: none;
  transition: border-bottom-color 0.2s;
  color: #524f5a
}
.comparison-table .sec-header .st-nav button:first-child {
  margin-left: auto
}
.comparison-table .sec-header .st-nav button:last-child {
  margin-right: auto
}
.comparison-table .sec-header .st-nav button>* {
  pointer-events: none
}
.comparison-table .sec-header .st-nav button+button {
  margin-left: 0.9rem
}

@media (min-width: 640px) {
.comparison-table .sec-header .st-nav button+button {
  margin-left: 1.6rem
}
}

@media (min-width: 960px) {
.comparison-table .sec-header .st-nav button+button {
  margin-left: 2.4rem
}
}
.comparison-table .sec-header .st-nav button.active {
  border-color: #34303d;
  pointer-events: none;
  color: #34303d
}
.comparison-table .sec-header .st-nav button.active .img-wrapper .bg-wrapper {
  opacity: 1
}
.comparison-table .sec-header .st-nav button.active .img-wrapper>img {
  bottom: 0;
  transform: scale(1) translateX(-50%)
}
.comparison-table .sec-header .st-nav .item-name {
  margin: 0.1rem 0;
  display: block
}
.comparison-table .sec-header .st-nav .img-wrapper {
  position: relative;
  overflow: hidden;
  padding-top: 10px;
  border-radius: 0 0 38px 38px;
  width: 76px;
  height: 76px;
  box-sizing: content-box
}
.comparison-table .sec-header .st-nav .img-wrapper .bg-wrapper {
  border-radius: 50%;
  overflow: hidden;
  width: 76px;
  height: 76px;
  opacity: 0.6;
  transition: opacity 0.3s ease;
  will-change: opacity
}
.comparison-table .sec-header .st-nav .img-wrapper .bg-wrapper img {
  max-width: 100%;
  max-height: 100%
}
.comparison-table .sec-header .st-nav .img-wrapper>img {
  position: absolute;
  bottom: -25px;
  left: 50%;
  transform: scale(0.9) translateX(-50%);
  width: 20px;
  transition: all 0.3s ease
}
.comparison-table b {
  position: relative;
  width: 0.9rem;
  height: 0.9rem
}
.comparison-table b.check-icon::after {
  content: '';
  position: absolute;
  top: 50%;
  opacity: 1;
  left: 50%;
  width: 1.2rem;
  height: 1.2rem;
  background: url('../../../../../design/themes/kura/media/icons/check_dark.svg?1690945733') no-repeat center;
  background-size: 75%;
  background-color: #00D1D2;
  transform: translate(-50%, -50%);
  z-index: 2;
  border-radius: 50%
}
.comparison-table b.cross-icon::after {
  content: '';
  position: absolute;
  top: 50%;
  opacity: 1;
  left: 50%;
  width: 1.2rem;
  height: 1.2rem;
  background: url('../../../../../design/themes/kura/media/icons/close.svg?1690945733') no-repeat center;
  transform: translate(-50%, -50%);
  z-index: 2
}
.comparison-table .comparison-table-header {
  display: none;
  width: 75.5555555556vw;
  margin: 0 auto 2rem;
  flex-wrap: nowrap;
  text-align: center
}

@media (min-width: 960px) {
.comparison-table .comparison-table-header {
  display: flex
}
}
.comparison-table .comparison-table-header>* {
  width: 33.333%
}

@media (min-width: 960px) {
.comparison-table .comparison-table-header>* {
  width: 25%
}
.comparison-table .comparison-table-header>*:first-of-type {
  width: 296px
}
}
.comparison-table .comparison-table-body {
  padding-bottom: 2.1rem
}

@media (min-width: 960px) {
.comparison-table .comparison-table-body {
  padding-bottom: 3.6rem
}
}
.comparison-table .comparison-row {
  position: relative;
  padding: 0 0 24px;
  width: 75.5555555556vw;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  text-align: center
}

@media (min-width: 960px) {
.comparison-table .comparison-row {
  flex-wrap: nowrap;
  padding: 0
}
}
.comparison-table .comparison-row>* {
  width: 33.333%
}

@media (min-width: 960px) {
.comparison-table .comparison-row>* {
  width: 25%
}
}
.comparison-table .comparison-row:nth-of-type(odd) {
  background-color: #f6f4f0
}
.comparison-table .comparison-row:nth-of-type(odd):after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #f6f4f0;
  transform: translateX(-12%);
  width: 100vw;
  z-index: -1
}

@media (min-width: 960px) {
.comparison-table .comparison-row:nth-of-type(odd):after {
  display: none
}
}
.comparison-table .comparison-row .comparison-row-header {
  padding: 1.2rem;
  display: flex;
  flex-flow: column;
  justify-content: center;
  text-align: center;
  width: 100%
}

@media (min-width: 960px) {
.comparison-table .comparison-row .comparison-row-header {
  text-align: left;
  width: 296px
}
}
.comparison-table .comparison-row .comparison-row-header .comparison-row-title {
  font-size: 0.8rem;
  font-weight: bold;
  margin-bottom: 0.2rem
}
.comparison-table .comparison-row .comparison-row-header .comparison-row-subtitle {
  color: #7b7881;
  font-size: 0.7rem;
  letter-spacing: 0.6px
}
.comparison-table .comparison-row .comparison-row-header .comparison-row-image-title {
  margin-bottom: 0.2rem;
  display: inline-flex;
  align-items: center
}
.comparison-table .comparison-row .comparison-row-header .comparison-row-image-title span {
  font-size: 0.8rem;
  font-weight: bold
}
.comparison-table .comparison-row .comparison-row-header .comparison-row-image-title img {
  max-width: 4rem
}
.comparison-table .comparison-row .comparison-row-value {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column
}
.comparison-table .comparison-row .comparison-row-value .helper-text-mobile {
  font-size: 0.6rem;
  font-weight: bold;
  margin-bottom: 12px
}

@media (min-width: 960px) {
.comparison-table .comparison-row .comparison-row-value .helper-text-mobile {
  display: none
}
}
.comparison-table .platform-count-1 .comparison-row {
  flex-wrap: wrap;
  background: none
}
.comparison-table .platform-count-1 .comparison-row:after {
  display: none
}
.comparison-table .platform-count-1 .comparison-row .comparison-row-single {
  width: 100%;
  padding: 20px 0
}

@media (min-width: 960px) {
.comparison-table .platform-count-1 .comparison-row .comparison-row-single {
  width: 33.3333%
}
}
.comparison-table .platform-count-1 .comparison-row .comparison-row-single .comparison-row-title {
  font-size: 0.9rem;
  font-weight: bold;
  margin-bottom: 0.2rem
}

@media (min-width: 960px) {
.comparison-table .platform-count-1 .comparison-row .comparison-row-single .comparison-row-title {
  font-size: 0.8rem;
  font-weight: normal
}
}
.comparison-table .platform-count-1 .comparison-row .comparison-row-single .comparison-row-subtitle {
  color: #7b7881;
  font-size: 0.7rem;
  letter-spacing: 0.6px
}
.comparison-table .platform-count-2 .comparison-row {
  width: 67.7777777778vw
}
.comparison-table .platform-count-2 .comparison-row>* {
  width: 50%
}

@media (min-width: 960px) {
.comparison-table .platform-count-2 .comparison-row>* {
  width: 33.3333%
}
}
.comparison-table .platform-count-2 .comparison-row>*.comparison-row-header {
  width: 100%
}

@media (min-width: 960px) {
.comparison-table .platform-count-2 .comparison-row>*.comparison-row-header {
  width: 296px
}
}
.comparison-table .platform-count-2 .comparison-table-header {
  width: 67.7777777778vw
}
.comparison-table .platform-count-2 .comparison-table-header>* {
  width: 50%
}

@media (min-width: 960px) {
.comparison-table .platform-count-2 .comparison-table-header>* {
  width: 33.3333%
}
.comparison-table .platform-count-2 .comparison-table-header>*:first-of-type {
  width: 296px
}
}
.comparison-table .comparison-table-header .header-text {
  font-size: 1.2rem;
  font-weight: bold
}
.iqos-app-modal {
  padding: 0;
  margin: 0
}
.iqos-app-modal .modal-container {
  max-height: 100vh;
  max-height: -webkit-fill-available;
  min-height: -webkit-fill-available;
  justify-content: center
}

@media (min-width: 960px) and (min-height:700px) {
.iqos-app-modal .modal-container {
  min-height: 668px
}
}

@media (min-width: 960px) {
.iqos-app-modal .modal-container .promo-blocks .content-wrapper {
  max-width: 967px;
  width: 100%
}
}
.iqos-app-modal .modal-container .promo-blocks h3 {
  font-size: 0.9rem
}

@media (min-width: 960px) {
.iqos-app-modal .modal-container .promo-blocks h3 {
  font-size: 1.2rem
}
}
.iqos-app-modal .modal-container .promo-blocks p {
  font-size: 0.8rem
}
.modal .comparison-table {
  padding: 1.75rem 0 0;
  margin-bottom: 0;
  width: 100%;
  overflow: hidden
}

@media (min-width: 960px) {
.modal .comparison-table {
  padding-top: 2rem
}
}
.modal .comparison-table .comparison-table-header, .modal .comparison-table .comparison-row {
  width: 100%
}
.promo-blocks {
  margin: 0 0 56px 0;
  padding: 3.1rem 0 0;
  text-align: center
}

@media (min-width: 960px) {
.promo-blocks {
  margin: 0 0 100px 0;
  padding: 4.8rem 0
}
}
.promo-blocks header {
  margin: 0 auto 2.4rem auto;
  width: 83vw
}

@media (min-width: 960px) {
.promo-blocks header {
  max-width: 75.5555555556vw;
  text-align: center;
  margin: 0 auto 3.9rem auto
}
}
.promo-blocks header>:last-child {
  margin-bottom: 0
}
.promo-blocks h2, .promo-blocks .h2 {
  font-size: 1.6rem;
  line-height: 1.25
}

@media (min-width: 960px) {
.promo-blocks h2, .promo-blocks .h2 {
  font-size: 2.1rem
}
}
.promo-blocks .content-wrapper {
  margin: 0 auto;
  width: 83vw;
  display: flex;
  flex-direction: column
}

@media (min-width: 960px) {
.promo-blocks .content-wrapper {
  flex-direction: row;
  justify-content: space-around;
  max-width: 75.5555555556vw
}
}
.promo-blocks article, .promo-blocks .article {
  margin: 0 auto 3.2rem;
  width: 100%;
  max-width: 622px
}

@media (min-width: 960px) {
.promo-blocks article, .promo-blocks .article {
  margin: 0 auto;
  width: 304px
}
}
.promo-blocks article figure, .promo-blocks .article figure {
  margin: 0 0 2rem;
  display: flex;
  justify-content: center;
  align-items: center
}
.promo-blocks article figure.display-icons, .promo-blocks .article figure.display-icons {
  margin: 0 0 1rem
}
.promo-blocks article figure.display-icons img, .promo-blocks .article figure.display-icons img {
  width: 48px
}

@media (min-width: 960px) {
.promo-blocks article figure.display-icons img, .promo-blocks .article figure.display-icons img {
  width: 64px
}
}
.promo-blocks article figure:not(.display-icons) img, .promo-blocks .article figure:not(.display-icons) img {
  width: 100%
}
.promo-blocks article h3, .promo-blocks article .h3, .promo-blocks .article h3, .promo-blocks .article .h3 {
  font-size: 1rem;
  line-height: 1.24;
  font-weight: bold;
  margin: 0 0 1.2rem
}

@media (min-width: 960px) {
.promo-blocks article h3, .promo-blocks article .h3, .promo-blocks .article h3, .promo-blocks .article .h3 {
  font-size: 1.4rem;
  margin: 0 0 0.8rem
}
}

@media (min-width: 960px) {
.promo-blocks article .text-wrapper, .promo-blocks .article .text-wrapper {
  text-align: center
}
}
.promo-blocks article .text-wrapper>:last-child, .promo-blocks .article .text-wrapper>:last-child {
  margin-bottom: 0
}
.promo-blocks article .text-wrapper p, .promo-blocks article .text-wrapper h3, .promo-blocks article .text-wrapper .h3, .promo-blocks .article .text-wrapper p, .promo-blocks .article .text-wrapper h3, .promo-blocks .article .text-wrapper .h3 {
  margin: 0 0 1.2rem
}
.promo-blocks article .text-wrapper p, .promo-blocks .article .text-wrapper p {
  font-size: 0.7rem;
  letter-spacing: 0.4px
}
.promo-blocks article .text-wrapper p a:not(.btn), .promo-blocks .article .text-wrapper p a:not(.btn) {
  font-size: inherit
}
.promo-blocks article .text-wrapper .cta-box .btn, .promo-blocks article .text-wrapper .cta-box .ui_558574, .promo-blocks article .text-wrapper .cta-box .ui_517427, .promo-blocks article .text-wrapper .cta-box .ui_464917, .promo-blocks .article .text-wrapper .cta-box .btn, .promo-blocks .article .text-wrapper .cta-box .ui_558574, .promo-blocks .article .text-wrapper .cta-box .ui_517427, .promo-blocks .article .text-wrapper .cta-box .ui_464917 {
  margin: 0.8rem 0 0
}
.promo-blocks.brand-hard-white {
  background-color: #f6f4f0
}

@media (max-width: 959px) {
.promo-blocks.mobile-first-block-display-as-last article:first-of-type, .promo-blocks.mobile-first-block-display-as-last .article:first-of-type {
  order: 1
}
}
.blk-unwrapped {
  margin: 0 0 56px 0
}

@media (min-width: 960px) {
.blk-unwrapped {
  margin: 0 0 100px 0
}
}
.blk-unwrapped header {
  width: 83vw;
  margin: 0 auto 2.6rem auto
}

@media (min-width: 960px) {
.blk-unwrapped header {
  margin: 0 auto 5.4rem auto
}
}
.blk-unwrapped header h2 {
  font-size: 2rem;
  line-height: 1.2;
  letter-spacing: 0.1px;
  text-align: center
}

@media (min-width: 960px) {
.blk-unwrapped header h2 {
  font-size: 3.2rem;
  line-height: 1.08;
  letter-spacing: -1.28px
}
}

@media (min-width: 1280px) {
.blk-unwrapped header h2 {
  font-size: 4.8rem
}
}
.blk-unwrapped picture, .blk-unwrapped img {
  display: block;
  width: 100%
}
.blk-unwrapped ol.text-list {
  list-style: none;
  margin: 0
}
.blk-unwrapped ol.text-list li {
  margin: 0
}
.blk-unwrapped ol.text-list .text-wrapper p {
  margin: 0;
  font-size: 0.7rem;
  line-height: 1.43
}
.blk-unwrapped ol.text-list .text-wrapper p.title {
  font-weight: 700
}
.blk-unwrapped .desktop-container {
  position: relative;
  display: none
}

@media (min-width: 1024px) {
.blk-unwrapped .desktop-container {
  display: block
}
}
.blk-unwrapped .desktop-container .image-wrapper {
  padding: 2vw 3vw 5vw 10vw;
  background-color: white
}
.blk-unwrapped .desktop-container ol.text-list {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%
}
.blk-unwrapped .desktop-container ol.text-list li {
  position: absolute;
  margin: 0
}
.blk-unwrapped .desktop-container ol.text-list li .number-wrapper {
  position: absolute;
  top: -0.5rem;
  right: 100%;
  margin-right: 1rem;
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  line-height: 1.6rem;
  text-align: center;
  border-radius: 50%;
  background-color: #1bd9c5;
  font-weight: 700;
  font-size: 0.8rem;
  z-index: 2
}
.blk-unwrapped .desktop-container ol.text-list li .number-wrapper span {
  position: absolute;
  z-index: -1;
  left: 50%;
  display: block;
  width: 2px;
  background-color: #27242d
}
.blk-unwrapped .desktop-container ol.text-list li .number-wrapper span:after {
  content: '';
  position: absolute;
  z-index: 1;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #27242d
}
.blk-unwrapped .desktop-container ol.text-list li .text-wrapper {
  max-width: 200px
}
.blk-unwrapped .desktop-container ol.text-list li .text-wrapper .text-wrapper p {
  font-size: 0.7rem;
  line-height: 1.43
}
.blk-unwrapped .desktop-container ol.text-list li:nth-child(1) .number-wrapper span, .blk-unwrapped .desktop-container ol.text-list li:nth-child(1) .number-wrapper span:after, .blk-unwrapped .desktop-container ol.text-list li:nth-child(2) .number-wrapper span, .blk-unwrapped .desktop-container ol.text-list li:nth-child(2) .number-wrapper span:after, .blk-unwrapped .desktop-container ol.text-list li:nth-child(3) .number-wrapper span, .blk-unwrapped .desktop-container ol.text-list li:nth-child(3) .number-wrapper span:after {
  top: 100%
}
.blk-unwrapped .desktop-container ol.text-list li:nth-child(4) .number-wrapper span, .blk-unwrapped .desktop-container ol.text-list li:nth-child(4) .number-wrapper span:after, .blk-unwrapped .desktop-container ol.text-list li:nth-child(5) .number-wrapper span, .blk-unwrapped .desktop-container ol.text-list li:nth-child(5) .number-wrapper span:after, .blk-unwrapped .desktop-container ol.text-list li:nth-child(6) .number-wrapper span, .blk-unwrapped .desktop-container ol.text-list li:nth-child(6) .number-wrapper span:after {
  bottom: 100%
}
.blk-unwrapped .desktop-container ol.text-list li:nth-child(1) {
  left: 17.5vw;
  top: 10.8vw
}
.blk-unwrapped .desktop-container ol.text-list li:nth-child(1) .number-wrapper span {
  height: 12vw
}
.blk-unwrapped .desktop-container ol.text-list li:nth-child(2) {
  left: 35vw;
  top: 6vw
}
.blk-unwrapped .desktop-container ol.text-list li:nth-child(2) .number-wrapper span {
  height: 13vw
}
.blk-unwrapped .desktop-container ol.text-list li:nth-child(3) {
  left: 49.3vw;
  top: 2vw
}
.blk-unwrapped .desktop-container ol.text-list li:nth-child(3) .number-wrapper span {
  height: 10vw
}
.blk-unwrapped .desktop-container ol.text-list li:nth-child(4) {
  left: 27vw;
  top: 40.9vw
}
.blk-unwrapped .desktop-container ol.text-list li:nth-child(4) .number-wrapper span {
  height: 14.2vw
}
.blk-unwrapped .desktop-container ol.text-list li:nth-child(5) {
  left: 45vw;
  top: 38vw
}
.blk-unwrapped .desktop-container ol.text-list li:nth-child(5) .number-wrapper span {
  height: 5.2vw
}
.blk-unwrapped .desktop-container ol.text-list li:nth-child(6) {
  left: 64vw;
  top: 35vw
}
.blk-unwrapped .desktop-container ol.text-list li:nth-child(6) .number-wrapper span {
  height: 17.7vw
}

@media (min-width: 1024px) {
.blk-unwrapped .mobile-container {
  display: none
}
}
.blk-unwrapped .mobile-container .number-button {
  position: absolute;
  display: block;
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
  text-align: center;
  border-radius: 50%;
  background-color: #27242d;
  color: white;
  font-size: 1rem;
  border: none;
  outline: none;
  padding: 0
}
.blk-unwrapped .mobile-container .number-button.active {
  background-color: #1bd9c5;
  color: black
}
.blk-unwrapped .mobile-container .number-button[data-target="1"] {
  top: 43vw;
  left: 18vw
}
.blk-unwrapped .mobile-container .number-button[data-target="2"] {
  top: 45vw;
  left: 46vw
}
.blk-unwrapped .mobile-container .number-button[data-target="3"] {
  top: 28vw;
  left: 67vw
}
.blk-unwrapped .mobile-container .number-button[data-target="4"] {
  top: 54vw;
  left: 20vw
}
.blk-unwrapped .mobile-container .number-button[data-target="5"] {
  top: 5vw;
  left: 9vw
}
.blk-unwrapped .mobile-container .number-button[data-target="6"] {
  top: 14vw;
  left: 50vw
}
.blk-unwrapped .mobile-container ol.text-list li {
  display: none
}
.blk-unwrapped .mobile-container ol.text-list li.active {
  display: block
}
.blk-unwrapped .mobile-container ol.text-list .text-wrapper {
  padding: 0 1.5rem
}
.blk-unwrapped .mobile-container ol.text-list .text-wrapper p {
  text-align: center
}
.blk-unwrapped .mobile-container ol.text-list .text-wrapper p.title {
  margin-bottom: 0.75rem
}
.blk-unwrapped .mobile-container .unwrapped-swiper-pagination {
  position: static;
  margin: 40px 0;
  text-align: center
}
.blk-unwrapped .mobile-container .unwrapped-swiper-pagination .swiper-pagination-bullet {
  border-radius: 0;
  width: 30px;
  height: 2px;
  margin: 0 6px
}
.blk-unwrapped .mobile-container .unwrapped-swiper-pagination .swiper-pagination-bullet-active {
  background: black
}
.nav-new-support-slider {
  margin: 0 auto;
  padding: 1.5rem 0;
  text-align: center;
  position: relative
}

@media (min-width: 960px) {
.nav-new-support-slider {
  margin: 0 auto;
  padding: 2.8rem 0;
  max-width: 1312px
}
}
.nav-new-support-slider .support-nav-prev, .nav-new-support-slider .support-nav-next {
  background-color: #FFFDFB;
  position: absolute;
  z-index: 1;
  width: 40px;
  height: 100%;
  max-height: 6.8rem;
  top: 0;
  bottom: 0;
  margin: auto 0;
  cursor: pointer;
  transition: opacity 0.4s
}
.nav-new-support-slider .support-nav-prev:before, .nav-new-support-slider .support-nav-next:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: " ";
  background-image: url('../../../../../design/themes/kura/media/images/ico/chevron-right.svg?1690945733');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 25px;
  height: 25px
}
.nav-new-support-slider .support-nav-prev.swiper-button-disabled, .nav-new-support-slider .support-nav-next.swiper-button-disabled {
  opacity: 0
}
.nav-new-support-slider .support-nav-prev {
  left: 0
}
.nav-new-support-slider .support-nav-prev:before {
  transform: scaleX(-1)
}
.nav-new-support-slider .support-nav-next {
  right: 0
}
.nav-new-support-slider .swiper-container {
  max-width: calc(100% - 80px)
}
.nav-new-support-slider a.swiper-slide {
  text-align: center;
  color: #34303d;
  opacity: 1;
  width: 4.8rem;
  min-height: 6.8rem;
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-content: center
}

@media (max-width: 321px) {
.nav-new-support-slider a.swiper-slide {
  min-height: 5.5rem
}
}
.nav-new-support-slider a.swiper-slide img {
  align-self: center;
  opacity: 1;
  width: 80%;
  max-width: 85px;
  pointer-events: none;
  transform: scale(1.25);
  margin-top: 0.2rem
}

@media (min-width: 960px) {
.nav-new-support-slider a.swiper-slide img {
  transform: scale(1.3)
}
}
.nav-new-support-slider a.swiper-slide span {
  display: block;
  text-align: center;
  font-size: 0.6rem;
  line-height: 1.6;
  width: 95%;
  margin: 4px auto 0
}
.nav-new-support-slider a.swiper-slide:hover, .nav-new-support-slider a.swiper-slide.active {
  opacity: 1
}
.nav-new-support-slider a.swiper-slide.active {
  background: #f6f4f0
}
.prl-compare .prl-compare-technology, .prl-compare .prl-compare-support, .prl-compare .prl-compare-usage, .prl-compare .prl-compare-flavours, .prl-compare .prl-compare-size-weight {
  background: #f6f4f0
}
.prl-compare .prl-compare-description, .prl-compare .prl-compare-charging, .prl-compare .prl-compare-customisation, .prl-compare .prl-compare-other-specs {
  background: white
}
.prl-compare .bg-light-grey {
  background: #f6f4f0 !important
}
.prl-compare .bg-white {
  background: white !important
}
.brand-iluma-blue {
 --block-background: #00c1ff;
 --block-text-color: inherit
}
.brand-iluma-dark-blue {
 --block-background: #2980B5;
 --block-text-color: #FFFDFB
}
.brand-iluma-dark-yellow {
 --block-background: #f8b80f;
 --block-text-color: inherit
}
.brand-iluma-green {
 --block-background: #1bd9c5;
 --block-text-color: inherit
}
.brand-iluma-orange {
 --block-background: #ffb440;
 --block-text-color: inherit
}
.brand-iluma-red {
 --block-background: #ef0117;
 --block-text-color: inherit
}
.brand-iluma-rich {
 --block-background: #286ba2;
 --block-text-color: #FFFDFB
}
.brand-iluma-secc-red {
 --block-background: #db3826;
 --block-text-color: inherit
}
.brand-iluma-slate {
 --block-background: var(--prl-color-primary);
 --block-text-color: #FFFDFB
}
.brand-iluma-terea-dimensions {
 --block-background: linear-gradient(to bottom, #b4755f, #d38e52);
 --block-text-color: #FFFDFB
}
.brand-iluma-terea-sentia {
 --block-background: #5a3d38;
 --block-text-color: #FFFDFB
}
.brand-iluma-terea-tropical {
 --block-background: #e7804b;
 --block-text-color: inherit
}
.brand-iluma-yellow {
 --block-background: #ffd040;
 --block-text-color: inherit
}
.prl-scroll-activated-story .brand-iluma-blue {
  background: #2980B5
}
.prl-scroll-activated-story-iluma {
  position: relative;
  width: 100%;
  margin-bottom: 3.3rem;
  color: #ffffff
}

@media (min-width: 960px) {
.prl-scroll-activated-story-iluma {
  margin-bottom: 5rem
}
}
.prl-scroll-activated-story-iluma.sec-images .video.-desktop {
  width: auto;
  margin-left: auto
}
.prl-scroll-activated-story-iluma.-animate.-is-scene-1 .prl-scroll-activated-story-iluma-scene:nth-child(1) .prl-scroll-activated-story-iluma-text {
  opacity: 1
}

@media only screen and (max-width: 1023px) {
.prl-scroll-activated-story-iluma.-animate.-is-scene-1 .prl-scroll-activated-story-iluma-scene:nth-child(1) .prl-scroll-activated-story-iluma-text {
  position: relative;
  transform: translateY(0);
  top: 0
}
}
.prl-scroll-activated-story-iluma.-animate.-is-scene-1 .prl-scroll-activated-story-iluma-scene:nth-child(1) .prl-scroll-activated-story-iluma-text p {
  transform: translateY(0px);
  opacity: 1
}
.prl-scroll-activated-story-iluma.-animate.-is-scene-1 .prl-scroll-activated-story-iluma-scene:nth-child(1) .prl-scroll-activated-story-iluma-caption {
  transition-delay: 200ms;
  opacity: 1
}
.prl-scroll-activated-story-iluma.-animate.-is-scene-1 .prl-scroll-activated-story-iluma-scene:nth-child(1) img {
  opacity: 1
}

@media only screen and (min-width: 1024px) {
.prl-scroll-activated-story-iluma.-animate.-is-scene-1 .prl-scroll-activated-story-iluma-scene:nth-child(1) img {
  top: 0
}
}
.prl-scroll-activated-story-iluma.-animate.-is-scene-2 .prl-scroll-activated-story-iluma-scene:nth-child(2) .prl-scroll-activated-story-iluma-text {
  opacity: 1
}

@media only screen and (max-width: 1023px) {
.prl-scroll-activated-story-iluma.-animate.-is-scene-2 .prl-scroll-activated-story-iluma-scene:nth-child(2) .prl-scroll-activated-story-iluma-text {
  position: relative;
  transform: translateY(0);
  top: 0
}
}
.prl-scroll-activated-story-iluma.-animate.-is-scene-2 .prl-scroll-activated-story-iluma-scene:nth-child(2) .prl-scroll-activated-story-iluma-text p {
  transform: translateY(0px);
  opacity: 1
}
.prl-scroll-activated-story-iluma.-animate.-is-scene-2 .prl-scroll-activated-story-iluma-scene:nth-child(2) .prl-scroll-activated-story-iluma-caption {
  transition-delay: 200ms;
  opacity: 1
}
.prl-scroll-activated-story-iluma.-animate.-is-scene-2 .prl-scroll-activated-story-iluma-scene:nth-child(2) img {
  opacity: 1
}

@media only screen and (min-width: 1024px) {
.prl-scroll-activated-story-iluma.-animate.-is-scene-2 .prl-scroll-activated-story-iluma-scene:nth-child(2) img {
  top: 0
}
}
.prl-scroll-activated-story-iluma.-animate.-is-scene-3 .prl-scroll-activated-story-iluma-scene:nth-child(3) .prl-scroll-activated-story-iluma-text {
  opacity: 1
}

@media only screen and (max-width: 1023px) {
.prl-scroll-activated-story-iluma.-animate.-is-scene-3 .prl-scroll-activated-story-iluma-scene:nth-child(3) .prl-scroll-activated-story-iluma-text {
  position: relative;
  transform: translateY(0);
  top: 0
}
}
.prl-scroll-activated-story-iluma.-animate.-is-scene-3 .prl-scroll-activated-story-iluma-scene:nth-child(3) .prl-scroll-activated-story-iluma-text p {
  transform: translateY(0px);
  opacity: 1
}
.prl-scroll-activated-story-iluma.-animate.-is-scene-3 .prl-scroll-activated-story-iluma-scene:nth-child(3) .prl-scroll-activated-story-iluma-caption {
  transition-delay: 200ms;
  opacity: 1
}
.prl-scroll-activated-story-iluma.-animate.-is-scene-3 .prl-scroll-activated-story-iluma-scene:nth-child(3) img {
  opacity: 1
}

@media only screen and (min-width: 1024px) {
.prl-scroll-activated-story-iluma.-animate.-is-scene-3 .prl-scroll-activated-story-iluma-scene:nth-child(3) img {
  top: 0
}
}
.prl-scroll-activated-story-iluma .prl-scroll-activated-story-iluma-scene {
  transition: all 1s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0, 0, 0, 1);
  height: 100vh;
  width: 100vw;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  opacity: 0;
  overflow: hidden;
  min-height: -webkit-fill-available;
  height: -webkit-fill-available
}

@media (min-width: 960px) {
.prl-scroll-activated-story-iluma .prl-scroll-activated-story-iluma-scene.-is-inverse .prl-scroll-activated-story-iluma-text {
  color: #FFFDFB
}
}
.prl-scroll-activated-story-iluma .prl-scroll-activated-story-iluma-scene .prl-scroll-activated-story-iluma-video-wrapper, .prl-scroll-activated-story-iluma .prl-scroll-activated-story-iluma-scene .prl-scroll-activated-story-iluma-img-wrapper {
  background-color: transparent
}

@media only screen and (min-width: 1024px) {
.prl-scroll-activated-story-iluma .prl-scroll-activated-story-iluma-scene .prl-scroll-activated-story-iluma-video-wrapper {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0
}
}
.prl-scroll-activated-story-iluma .prl-scroll-activated-story-iluma-scene .prl-scroll-activated-story-iluma-video-wrapper img {
  position: absolute;
  bottom: 0
}

@media (min-width: 1024px) {
.prl-scroll-activated-story-iluma .prl-scroll-activated-story-iluma-scene .prl-scroll-activated-story-iluma-video-wrapper img {
  position: relative
}
}

@media only screen and (min-width: 1024px) {
.prl-scroll-activated-story-iluma .prl-scroll-activated-story-iluma-scene {
  background-color: transparent
}
}
.prl-scroll-activated-story-iluma .prl-scroll-activated-story-iluma-scene.-was-active img {
  transition: all 0.7s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0, 0, 0, 1);
  opacity: 0
}
.prl-scroll-activated-story-iluma .badge-box {
  margin-bottom: 0.4rem
}

@media (min-width: 960px) {
.prl-scroll-activated-story-iluma .badge-box {
  margin-bottom: 1.4rem
}
}

@media only screen and (max-width: 1023px) {
.prl-scroll-activated-story-iluma .badge-box {
  margin-top: 70px
}
}
.prl-scroll-activated-story-iluma .badge-box+h2, .prl-scroll-activated-story-iluma .badge-box+h3 {
  margin-top: 0
}
.prl-scroll-activated-story-iluma h2, .prl-scroll-activated-story-iluma h3 {
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 1.2rem
}

@media (min-width: 960px) {
.prl-scroll-activated-story-iluma h2, .prl-scroll-activated-story-iluma h3 {
  line-height: 1.08;
  letter-spacing: -1.28px;
  margin-bottom: 2rem
}
}
.prl-scroll-activated-story-iluma h2 {
  font-size: 1.6rem
}

@media (min-width: 960px) {
.prl-scroll-activated-story-iluma h2 {
  font-size: 3.2rem
}
}

@media (min-width: 768px) and (max-width:1024px) and (min-height:650px) {
.prl-scroll-activated-story-iluma h2 {
  font-size: 3.2rem
}
}
.prl-scroll-activated-story-iluma h3 {
  font-size: 1.4rem;
  line-height: 2rem
}

@media (min-width: 960px) {
.prl-scroll-activated-story-iluma h3 {
  font-size: 2.1rem;
  line-height: 2.6rem
}
}
.prl-scroll-activated-story-iluma p {
  transition: all 1s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.3, 0, 0, 1);
  transform: translateY(30px);
  opacity: 0
}

@media only screen and (max-width: 1023px) {
.prl-scroll-activated-story-iluma p {
  margin-bottom: 30px
}
}
.prl-scroll-activated-story-iluma small {
  font-size: 0.6rem
}
.prl-scroll-activated-story-iluma video {
  height: 100%;
  width: 177.77777778vh;
  min-width: 100%;
  min-height: 56.25vw
}

@media only screen and (max-width: 1023px) {
.prl-scroll-activated-story-iluma video {
  height: 100vw;
  width: auto
}
}

@media only screen and (max-width: 1023px) {
.prl-scroll-activated-story-iluma .prl-scroll-activated-story-iluma-img-wrapper {
  position: relative;
  overflow: hidden;
  height: 100vw
}
}
.prl-scroll-activated-story-iluma .prl-scroll-activated-story-iluma-img-wrapper img {
  transition: all 0.7s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.3, 0, 0, 1);
  top: unset;
  bottom: 0;
  right: 0;
  width: 100vw;
  position: absolute;
  opacity: 0;
  object-fit: cover
}

@media only screen and (min-width: 1024px) {
.prl-scroll-activated-story-iluma .prl-scroll-activated-story-iluma-img-wrapper img {
  width: 100%;
  height: 100%
}
}
.prl-scroll-activated-story-iluma.-is-scene-1 .prl-scroll-activated-story-iluma-scene:nth-child(1) {
  transition: all 0.5s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.3, 0, 0, 1);
  opacity: 1
}
.prl-scroll-activated-story-iluma.-is-scene-1 .prl-slider-progress .prl-progress-bar:nth-child(1)::before {
  width: 100%
}
.prl-scroll-activated-story-iluma.-is-scene-2 .prl-scroll-activated-story-iluma-scene:nth-child(2) {
  transition: all 0.5s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.3, 0, 0, 1);
  opacity: 1
}
.prl-scroll-activated-story-iluma.-is-scene-2 .prl-slider-progress .prl-progress-bar:nth-child(1)::before {
  width: 100%
}
.prl-scroll-activated-story-iluma.-is-scene-2 .prl-slider-progress .prl-progress-bar:nth-child(2)::before {
  width: 100%
}
.prl-scroll-activated-story-iluma.-is-scene-3 .prl-scroll-activated-story-iluma-scene:nth-child(3) {
  transition: all 0.5s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.3, 0, 0, 1);
  opacity: 1
}
.prl-scroll-activated-story-iluma.-is-scene-3 .prl-slider-progress .prl-progress-bar:nth-child(1)::before {
  width: 100%
}
.prl-scroll-activated-story-iluma.-is-scene-3 .prl-slider-progress .prl-progress-bar:nth-child(2)::before {
  width: 100%
}
.prl-scroll-activated-story-iluma.-is-scene-3 .prl-slider-progress .prl-progress-bar:nth-child(3)::before {
  width: 100%
}
.prl-scroll-activated-story-iluma .prl-scroll-activated-story-iluma-inner-wrapper {
  height: 100vh
}
.prl-scroll-activated-story-iluma .prl-scroll-activated-story-iluma-scene.-was-active {
  opacity: 0
}
.prl-scroll-activated-story-iluma .prl-scroll-activated-story-iluma-scene.-was-active .prl-scroll-activated-story-iluma-text {
  transform: translateY(calc(-50% - 30px)) !important
}

@media only screen and (max-width: 1023px) {
.prl-scroll-activated-story-iluma .prl-scroll-activated-story-iluma-scene.-was-active .prl-scroll-activated-story-iluma-text {
  position: relative;
  transform: translateY(0) !important;
  top: -10px
}
}

@media only screen and (max-width: 1023px) {
.prl-scroll-activated-story-iluma .prl-scroll-activated-story-iluma-scene.-was-active .prl-scroll-activated-story-iluma-text h2 {
  margin-top: 80px
}
}
.prl-scroll-activated-story-iluma .prl-scroll-activated-story-iluma-scene.-was-active .prl-scroll-activated-story-iluma-text p {
  transform: translateY(0)
}

@media only screen and (max-width: 1023px) {
.prl-scroll-activated-story-iluma .prl-scroll-activated-story-iluma-scene.-was-active .prl-scroll-activated-story-iluma-text p {
  margin-bottom: 30px
}
}
.prl-scroll-activated-story-iluma .prl-slider-progress {
  margin: 0;
  padding: 0;
  position: absolute;
  top: calc(100vw + 85px);
  width: auto
}

@media only screen and (max-width: 1023px) {
.prl-scroll-activated-story-iluma .prl-slider-progress {
  left: 20px
}
}

@media only screen and (min-width: 1024px) {
.prl-scroll-activated-story-iluma .prl-slider-progress {
  top: calc(50vh - 138px / 2);
  right: 0
}
}
.prl-scroll-activated-story-iluma .prl-progress-bar {
  display: block;
  transform: rotate(90deg);
  transform-origin: 0 0;
  width: 16px;
  margin-right: 0;
  margin-top: 24px;
  background-color: var(--prl-color-grey-600)
}

@media only screen and (max-width: 1023px) {
.prl-scroll-activated-story-iluma .prl-progress-bar {
  width: 16px;
  margin-right: 9px
}
}
.prl-scroll-activated-story-iluma .prl-progress-bar::before {
  content: '';
  background-color: var(--prl-color-primary-inverse);
  height: 100%;
  border-radius: 3px;
  width: 0;
  transition-duration: 0.5s
}
.prl-scroll-activated-story-iluma .prl-scroll-activated-story-iluma-text, .prl-scroll-activated-story-iluma .prl-scroll-activated-story-iluma-caption {
  transition: all 1s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.3, 0, 0, 1);
  transform: translateY(0);
  opacity: 0;
  max-width: 416px
}

@media only screen and (max-width: 1023px) {
.prl-scroll-activated-story-iluma .prl-scroll-activated-story-iluma-text, .prl-scroll-activated-story-iluma .prl-scroll-activated-story-iluma-caption {
  position: relative;
  transform: translateY(0);
  top: 10px;
  padding-top: 40px;
  text-align: center;
  margin-left: auto;
  margin-right: auto
}
}
.prl-scroll-activated-story-iluma .prl-scroll-activated-story-iluma-caption {
  line-height: 1.333;
  top: calc(100% - 75px)
}

@media only screen and (max-width: 1023px) {
.prl-scroll-activated-story-iluma .prl-scroll-activated-story-iluma-caption {
  top: 0;
  margin-top: 16px
}
}
.prl-scroll-activated-story-iluma .prl-scroll-activated-story-iluma-grid {
  z-index: 1
}

@media only screen and (min-width: 1024px) {
.prl-scroll-activated-story-iluma .prl-scroll-activated-story-iluma-grid {
  top: 50%;
  transform: translate(-50%, -50%)
}
.prl-scroll-activated-story-iluma .prl-scroll-activated-story-iluma-grid .prl-grid-col {
  overflow: visible
}
}
.prl-scroll-activated-story-iluma .prl-scroll-activated-story-iluma-caption-grid {
  z-index: 1
}

@media only screen and (min-width: 1024px) {
.prl-scroll-activated-story-iluma .prl-scroll-activated-story-iluma-caption-grid {
  bottom: 32px;
  position: absolute
}
}
.prl-scroll-activated-story-iluma .video {
  width: 100%
}
.prl-scroll-activated-story-iluma .video.-mobile {
  display: block;
  object-fit: contain;
  max-height: 75vh
}
.prl-scroll-activated-story-iluma .video.-tablet, .prl-scroll-activated-story-iluma .video.-desktop {
  display: none
}

@media only screen and (min-width: 768px) {
.prl-scroll-activated-story-iluma .video.-tablet {
  display: block;
  width: 100%;
  margin: auto;
  left: 50%;
  transform: translateX(-50%);
  max-height: 60vh;
  object-fit: contain
}
.prl-scroll-activated-story-iluma .video.-mobile, .prl-scroll-activated-story-iluma .video.-desktop {
  display: none
}
}

@media only screen and (min-width: 1024px) {
.prl-scroll-activated-story-iluma .video {
  width: auto
}
.prl-scroll-activated-story-iluma .video.-desktop {
  display: block;
  width: 100%;
  min-height: 100%;
  object-fit: cover
}
.prl-scroll-activated-story-iluma .video.-mobile, .prl-scroll-activated-story-iluma .video.-tablet {
  display: none
}
}

@media (max-width: 1279px) {
.prl-scroll-activated-story-iluma .video.-desktop {
  max-width: 50vh;
  object-fit: contain
}
}

@media (max-width: 1023px) {
.navShow .prl-scroll-activated-story-iluma .prl-scroll-activated-story-iluma-scene {
  margin-top: 35px
}
}
.prl-scroll-activated-story .brand-iluma-blue {
  background: #2980B5
}
.prl-scroll-activated-story-iluma {
  position: relative;
  width: 100%;
  margin-bottom: 3.3rem;
  color: #ffffff
}

@media (min-width: 960px) {
.prl-scroll-activated-story-iluma {
  margin-bottom: 5rem
}
}
.prl-scroll-activated-story-iluma.sec-images .video.-desktop {
  width: auto;
  margin-left: auto
}
.prl-scroll-activated-story-iluma.-animate.-is-scene-1 .prl-scroll-activated-story-iluma-scene:nth-child(1) .prl-scroll-activated-story-iluma-text {
  opacity: 1
}

@media only screen and (max-width: 1023px) {
.prl-scroll-activated-story-iluma.-animate.-is-scene-1 .prl-scroll-activated-story-iluma-scene:nth-child(1) .prl-scroll-activated-story-iluma-text {
  position: relative;
  transform: translateY(0);
  top: 0
}
}
.prl-scroll-activated-story-iluma.-animate.-is-scene-1 .prl-scroll-activated-story-iluma-scene:nth-child(1) .prl-scroll-activated-story-iluma-text p {
  transform: translateY(0px);
  opacity: 1
}
.prl-scroll-activated-story-iluma.-animate.-is-scene-1 .prl-scroll-activated-story-iluma-scene:nth-child(1) .prl-scroll-activated-story-iluma-caption {
  transition-delay: 200ms;
  opacity: 1
}
.prl-scroll-activated-story-iluma.-animate.-is-scene-1 .prl-scroll-activated-story-iluma-scene:nth-child(1) img {
  opacity: 1
}

@media only screen and (min-width: 1024px) {
.prl-scroll-activated-story-iluma.-animate.-is-scene-1 .prl-scroll-activated-story-iluma-scene:nth-child(1) img {
  top: 0
}
}
.prl-scroll-activated-story-iluma.-animate.-is-scene-2 .prl-scroll-activated-story-iluma-scene:nth-child(2) .prl-scroll-activated-story-iluma-text {
  opacity: 1
}

@media only screen and (max-width: 1023px) {
.prl-scroll-activated-story-iluma.-animate.-is-scene-2 .prl-scroll-activated-story-iluma-scene:nth-child(2) .prl-scroll-activated-story-iluma-text {
  position: relative;
  transform: translateY(0);
  top: 0
}
}
.prl-scroll-activated-story-iluma.-animate.-is-scene-2 .prl-scroll-activated-story-iluma-scene:nth-child(2) .prl-scroll-activated-story-iluma-text p {
  transform: translateY(0px);
  opacity: 1
}
.prl-scroll-activated-story-iluma.-animate.-is-scene-2 .prl-scroll-activated-story-iluma-scene:nth-child(2) .prl-scroll-activated-story-iluma-caption {
  transition-delay: 200ms;
  opacity: 1
}
.prl-scroll-activated-story-iluma.-animate.-is-scene-2 .prl-scroll-activated-story-iluma-scene:nth-child(2) img {
  opacity: 1
}

@media only screen and (min-width: 1024px) {
.prl-scroll-activated-story-iluma.-animate.-is-scene-2 .prl-scroll-activated-story-iluma-scene:nth-child(2) img {
  top: 0
}
}
.prl-scroll-activated-story-iluma.-animate.-is-scene-3 .prl-scroll-activated-story-iluma-scene:nth-child(3) .prl-scroll-activated-story-iluma-text {
  opacity: 1
}

@media only screen and (max-width: 1023px) {
.prl-scroll-activated-story-iluma.-animate.-is-scene-3 .prl-scroll-activated-story-iluma-scene:nth-child(3) .prl-scroll-activated-story-iluma-text {
  position: relative;
  transform: translateY(0);
  top: 0
}
}
.prl-scroll-activated-story-iluma.-animate.-is-scene-3 .prl-scroll-activated-story-iluma-scene:nth-child(3) .prl-scroll-activated-story-iluma-text p {
  transform: translateY(0px);
  opacity: 1
}
.prl-scroll-activated-story-iluma.-animate.-is-scene-3 .prl-scroll-activated-story-iluma-scene:nth-child(3) .prl-scroll-activated-story-iluma-caption {
  transition-delay: 200ms;
  opacity: 1
}
.prl-scroll-activated-story-iluma.-animate.-is-scene-3 .prl-scroll-activated-story-iluma-scene:nth-child(3) img {
  opacity: 1
}

@media only screen and (min-width: 1024px) {
.prl-scroll-activated-story-iluma.-animate.-is-scene-3 .prl-scroll-activated-story-iluma-scene:nth-child(3) img {
  top: 0
}
}
.prl-scroll-activated-story-iluma .prl-scroll-activated-story-iluma-scene {
  transition: all 1s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0, 0, 0, 1);
  height: 100vh;
  width: 100vw;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  opacity: 0;
  overflow: hidden;
  min-height: -webkit-fill-available;
  height: -webkit-fill-available
}

@media (min-width: 960px) {
.prl-scroll-activated-story-iluma .prl-scroll-activated-story-iluma-scene.-is-inverse .prl-scroll-activated-story-iluma-text {
  color: #FFFDFB
}
}
.prl-scroll-activated-story-iluma .prl-scroll-activated-story-iluma-scene .prl-scroll-activated-story-iluma-video-wrapper, .prl-scroll-activated-story-iluma .prl-scroll-activated-story-iluma-scene .prl-scroll-activated-story-iluma-img-wrapper {
  background-color: transparent
}

@media only screen and (min-width: 1024px) {
.prl-scroll-activated-story-iluma .prl-scroll-activated-story-iluma-scene .prl-scroll-activated-story-iluma-video-wrapper {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0
}
}
.prl-scroll-activated-story-iluma .prl-scroll-activated-story-iluma-scene .prl-scroll-activated-story-iluma-video-wrapper img {
  position: absolute;
  bottom: 0
}

@media (min-width: 1024px) {
.prl-scroll-activated-story-iluma .prl-scroll-activated-story-iluma-scene .prl-scroll-activated-story-iluma-video-wrapper img {
  position: relative
}
}

@media only screen and (min-width: 1024px) {
.prl-scroll-activated-story-iluma .prl-scroll-activated-story-iluma-scene {
  background-color: transparent
}
}
.prl-scroll-activated-story-iluma .prl-scroll-activated-story-iluma-scene.-was-active img {
  transition: all 0.7s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0, 0, 0, 1);
  opacity: 0
}
.prl-scroll-activated-story-iluma .badge-box {
  margin-bottom: 0.4rem
}

@media (min-width: 960px) {
.prl-scroll-activated-story-iluma .badge-box {
  margin-bottom: 1.4rem
}
}

@media only screen and (max-width: 1023px) {
.prl-scroll-activated-story-iluma .badge-box {
  margin-top: 70px
}
}
.prl-scroll-activated-story-iluma .badge-box+h2, .prl-scroll-activated-story-iluma .badge-box+h3 {
  margin-top: 0
}
.prl-scroll-activated-story-iluma h2, .prl-scroll-activated-story-iluma h3 {
  font-family: 'iqos', "Open Sans", sans-serif;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 1.2rem
}

@media (min-width: 960px) {
.prl-scroll-activated-story-iluma h2, .prl-scroll-activated-story-iluma h3 {
  line-height: 1.08;
  letter-spacing: -1.28px;
  margin-bottom: 2rem
}
}
.prl-scroll-activated-story-iluma h2 {
  font-size: 1.6rem
}

@media (min-width: 960px) {
.prl-scroll-activated-story-iluma h2 {
  font-size: 3.2rem
}
}

@media (min-width: 768px) and (max-width:1024px) and (min-height:650px) {
.prl-scroll-activated-story-iluma h2 {
  font-size: 3.2rem
}
}
.prl-scroll-activated-story-iluma h3 {
  font-size: 1.4rem;
  line-height: 2rem
}

@media (min-width: 960px) {
.prl-scroll-activated-story-iluma h3 {
  font-size: 2.1rem;
  line-height: 2.6rem
}
}
.prl-scroll-activated-story-iluma p {
  transition: all 1s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.3, 0, 0, 1);
  transform: translateY(30px);
  opacity: 0
}

@media only screen and (max-width: 1023px) {
.prl-scroll-activated-story-iluma p {
  margin-bottom: 30px
}
}
.prl-scroll-activated-story-iluma small {
  font-size: 0.6rem
}
.prl-scroll-activated-story-iluma video {
  height: 100%;
  width: 177.77777778vh;
  min-width: 100%;
  min-height: 56.25vw
}

@media only screen and (max-width: 1023px) {
.prl-scroll-activated-story-iluma video {
  height: 100vw;
  width: auto
}
}

@media only screen and (max-width: 1023px) {
.prl-scroll-activated-story-iluma .prl-scroll-activated-story-iluma-img-wrapper {
  position: relative;
  overflow: hidden;
  height: 100vw
}
}
.prl-scroll-activated-story-iluma .prl-scroll-activated-story-iluma-img-wrapper img {
  transition: all 0.7s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.3, 0, 0, 1);
  top: unset;
  bottom: 0;
  right: 0;
  width: 100vw;
  position: absolute;
  opacity: 0;
  object-fit: cover
}

@media only screen and (min-width: 1024px) {
.prl-scroll-activated-story-iluma .prl-scroll-activated-story-iluma-img-wrapper img {
  width: 100%;
  height: 100%
}
}
.prl-scroll-activated-story-iluma.-is-scene-1 .prl-scroll-activated-story-iluma-scene:nth-child(1) {
  transition: all 0.5s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.3, 0, 0, 1);
  opacity: 1
}
.prl-scroll-activated-story-iluma.-is-scene-1 .prl-slider-progress .prl-progress-bar:nth-child(1)::before {
  width: 100%
}
.prl-scroll-activated-story-iluma.-is-scene-2 .prl-scroll-activated-story-iluma-scene:nth-child(2) {
  transition: all 0.5s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.3, 0, 0, 1);
  opacity: 1
}
.prl-scroll-activated-story-iluma.-is-scene-2 .prl-slider-progress .prl-progress-bar:nth-child(1)::before {
  width: 100%
}
.prl-scroll-activated-story-iluma.-is-scene-2 .prl-slider-progress .prl-progress-bar:nth-child(2)::before {
  width: 100%
}
.prl-scroll-activated-story-iluma.-is-scene-3 .prl-scroll-activated-story-iluma-scene:nth-child(3) {
  transition: all 0.5s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.3, 0, 0, 1);
  opacity: 1
}
.prl-scroll-activated-story-iluma.-is-scene-3 .prl-slider-progress .prl-progress-bar:nth-child(1)::before {
  width: 100%
}
.prl-scroll-activated-story-iluma.-is-scene-3 .prl-slider-progress .prl-progress-bar:nth-child(2)::before {
  width: 100%
}
.prl-scroll-activated-story-iluma.-is-scene-3 .prl-slider-progress .prl-progress-bar:nth-child(3)::before {
  width: 100%
}
.prl-scroll-activated-story-iluma .prl-scroll-activated-story-iluma-inner-wrapper {
  height: 100vh
}
.prl-scroll-activated-story-iluma .prl-scroll-activated-story-iluma-scene.-was-active {
  opacity: 0
}
.prl-scroll-activated-story-iluma .prl-scroll-activated-story-iluma-scene.-was-active .prl-scroll-activated-story-iluma-text {
  transform: translateY(calc(-50% - 30px)) !important
}

@media only screen and (max-width: 1023px) {
.prl-scroll-activated-story-iluma .prl-scroll-activated-story-iluma-scene.-was-active .prl-scroll-activated-story-iluma-text {
  position: relative;
  transform: translateY(0) !important;
  top: -10px
}
}

@media only screen and (max-width: 1023px) {
.prl-scroll-activated-story-iluma .prl-scroll-activated-story-iluma-scene.-was-active .prl-scroll-activated-story-iluma-text h2 {
  margin-top: 80px
}
}
.prl-scroll-activated-story-iluma .prl-scroll-activated-story-iluma-scene.-was-active .prl-scroll-activated-story-iluma-text p {
  transform: translateY(0)
}

@media only screen and (max-width: 1023px) {
.prl-scroll-activated-story-iluma .prl-scroll-activated-story-iluma-scene.-was-active .prl-scroll-activated-story-iluma-text p {
  margin-bottom: 30px
}
}
.prl-scroll-activated-story-iluma .prl-slider-progress {
  margin: 0;
  padding: 0;
  position: absolute;
  top: calc(100vw + 85px);
  width: auto
}

@media only screen and (max-width: 1023px) {
.prl-scroll-activated-story-iluma .prl-slider-progress {
  left: 20px
}
}

@media only screen and (min-width: 1024px) {
.prl-scroll-activated-story-iluma .prl-slider-progress {
  top: calc(50vh - 138px / 2);
  right: 0
}
}
.prl-scroll-activated-story-iluma .prl-progress-bar {
  display: block;
  transform: rotate(90deg);
  transform-origin: 0 0;
  width: 16px;
  margin-right: 0;
  margin-top: 24px;
  background-color: var(--prl-color-grey-600)
}

@media only screen and (max-width: 1023px) {
.prl-scroll-activated-story-iluma .prl-progress-bar {
  width: 16px;
  margin-right: 9px
}
}
.prl-scroll-activated-story-iluma .prl-progress-bar::before {
  content: '';
  background-color: var(--prl-color-primary-inverse);
  height: 100%;
  border-radius: 3px;
  width: 0;
  transition-duration: 0.5s
}
.prl-scroll-activated-story-iluma .prl-scroll-activated-story-iluma-text, .prl-scroll-activated-story-iluma .prl-scroll-activated-story-iluma-caption {
  transition: all 1s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.3, 0, 0, 1);
  transform: translateY(0);
  opacity: 0;
  max-width: 416px
}

@media only screen and (max-width: 1023px) {
.prl-scroll-activated-story-iluma .prl-scroll-activated-story-iluma-text, .prl-scroll-activated-story-iluma .prl-scroll-activated-story-iluma-caption {
  position: relative;
  transform: translateY(0);
  top: 10px;
  padding-top: 40px;
  text-align: center;
  margin-left: auto;
  margin-right: auto
}
}
.prl-scroll-activated-story-iluma .prl-scroll-activated-story-iluma-caption {
  line-height: 1.333;
  top: calc(100% - 75px)
}

@media only screen and (max-width: 1023px) {
.prl-scroll-activated-story-iluma .prl-scroll-activated-story-iluma-caption {
  top: 0;
  margin-top: 16px
}
}
.prl-scroll-activated-story-iluma .prl-scroll-activated-story-iluma-grid {
  z-index: 1
}

@media only screen and (min-width: 1024px) {
.prl-scroll-activated-story-iluma .prl-scroll-activated-story-iluma-grid {
  top: 50%;
  transform: translate(-50%, -50%)
}
.prl-scroll-activated-story-iluma .prl-scroll-activated-story-iluma-grid .prl-grid-col {
  overflow: visible
}
}
.prl-scroll-activated-story-iluma .prl-scroll-activated-story-iluma-caption-grid {
  z-index: 1
}

@media only screen and (min-width: 1024px) {
.prl-scroll-activated-story-iluma .prl-scroll-activated-story-iluma-caption-grid {
  bottom: 32px;
  position: absolute
}
}
.prl-scroll-activated-story-iluma .video {
  width: 100%
}
.prl-scroll-activated-story-iluma .video.-mobile {
  display: block;
  object-fit: contain;
  max-height: 75vh
}
.prl-scroll-activated-story-iluma .video.-tablet, .prl-scroll-activated-story-iluma .video.-desktop {
  display: none
}

@media only screen and (min-width: 768px) {
.prl-scroll-activated-story-iluma .video.-tablet {
  display: block;
  width: 100%;
  margin: auto;
  left: 50%;
  transform: translateX(-50%);
  max-height: 60vh;
  object-fit: contain
}
.prl-scroll-activated-story-iluma .video.-mobile, .prl-scroll-activated-story-iluma .video.-desktop {
  display: none
}
}

@media only screen and (min-width: 1024px) {
.prl-scroll-activated-story-iluma .video {
  width: auto
}
.prl-scroll-activated-story-iluma .video.-desktop {
  display: block;
  width: 100%;
  min-height: 100%;
  object-fit: cover
}
.prl-scroll-activated-story-iluma .video.-mobile, .prl-scroll-activated-story-iluma .video.-tablet {
  display: none
}
}

@media (max-width: 1279px) {
.prl-scroll-activated-story-iluma .video.-desktop {
  max-width: 50vh;
  object-fit: contain
}
}

@media (max-width: 1023px) {
.navShow .prl-scroll-activated-story-iluma .prl-scroll-activated-story-iluma-scene {
  margin-top: 35px
}
}
.page-store-locator .alternative-wrapper {
  padding: 0;
  margin: 0.3rem 0 0.4rem 0
}

@media (max-width: 959px) {
.page-store-locator .alternative-wrapper {
  margin: 0 0 0.4rem 0
}
}
.page-store-locator .filters-wrapper #show_touchpoints_filters {
  text-align: center;
  border: 1px solid #b3b3b3;
  background: #f5f5f5;
  padding: 0.3rem;
  z-index: 5
}
.page-store-locator .filters-wrapper #show_touchpoints_filters.highlight-touchpoints {
  background: #eeeeee
}
.page-store-locator .filters-wrapper ul.store-subcategory-element, .page-store-locator .filters-wrapper li.store-subcategory-element {
  display: none
}
.page-store-locator .filters-wrapper ul.store-subcategory-element li:first-child {
  margin-top: 8px
}
.page-store-locator .filters-wrapper ul.store-subcategory-element li {
  width: 100%
}
.page-store-locator .filters-wrapper #touchpoints_filters {
  position: absolute;
  z-index: 2;
  background: white;
  width: 87%;
  padding-bottom: 3px;
  border-bottom: 1px solid #b3b3b3;
  transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1);
  transform: translateY(-1rem);
  opacity: 0;
  pointer-events: none
}

@media (max-width: 959px) {
.page-store-locator .filters-wrapper #touchpoints_filters {
  width: 100%
}
}
.page-store-locator .filters-wrapper #touchpoints_filters.open {
  pointer-events: all !important;
  transform: translateY(0);
  opacity: 1
}
.page-store-locator .filters-wrapper #touchpoints_filters .alternative_filters {
  box-shadow: 0 2px 0 white;
  text-align: left;
  display: block !important;
  cursor: pointer;
  margin: 10px !important
}

@media (max-width: 959px) {
.page-store-locator .filters-wrapper #touchpoints_filters .alternative_filters {
  border-style: solid;
  border-color: white;
  border-width: 0 0.4rem
}
}
.page-store-locator .filters-wrapper #touchpoints_filters .form-checkbox .touchpoint-icon {
  top: 0.4rem;
  left: 0.5rem
}
.page-store-locator .filters-wrapper #touchpoints_filters .form-checkbox .touchpoint-category {
  padding-left: 0.8rem
}
.store-locator__main {
  display: flex;
  flex-flow: column;
  height: 90vh
}

@media (min-width: 960px) {
.store-locator__main {
  flex-flow: row
}
}
.store-locator__map-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  background: #27242d
}

@media (min-width: 960px) {
.store-locator__map-wrapper {
  height: auto;
  max-height: unset
}
}
.store-locator__map-wrapper .map-tools {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
.store-locator__map-wrapper .map-tools button {
  display: block;
  cursor: pointer;
  position: absolute;
  z-index: 2;
  right: 3rem;
  border: none;
  background: none;
  padding: 0
}

@media (max-width: 1279px) {
.store-locator__map-wrapper .map-tools button {
  right: 2rem
}
}
.store-locator__map-wrapper .map-tools button.map-tool-zoomin {
  width: 2rem;
  height: 2rem;
  top: 2rem
}

@media (max-width: 959px) {
.store-locator__map-wrapper .map-tools button.map-tool-zoomin {
  display: none
}
}
.store-locator__map-wrapper .map-tools button.map-tool-zoomout {
  width: 2rem;
  height: 2rem;
  top: 4.25rem
}

@media (max-width: 959px) {
.store-locator__map-wrapper .map-tools button.map-tool-zoomout {
  display: none
}
}
.store-locator__map-wrapper .map-tools button.map-tool-geoloc {
  width: 2.5rem;
  height: 2.5rem;
  bottom: 4rem;
  right: 1rem;
  transform: rotate(50deg)
}
.store-locator__map-wrapper .map-tools button.map-tool-geoloc:hover {
  transform: rotate(0deg)
}

@media (min-width: 960px) {
.store-locator__map-wrapper .map-tools button.map-tool-geoloc {
  bottom: 2rem
}
}
.store-locator__map-wrapper .map-tools button svg {
  width: 100%;
  height: 100%
}
.store-locator__search .store-locator__main {
  position: relative
}
.store-locator__search aside {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  overflow: hidden;
  height: 100%;
  width: 100%;
  transition: all 0.8s ease-in-out;
  pointer-events: none
}

@media (min-width: 960px) {
.store-locator__search aside {
  transform: translateX(calc(-100% - 2rem));
  width: unset;
  left: 2rem;
  top: 2rem;
  overflow: visible;
  pointer-events: all
}
}

@media (min-width: 960px) {
.store-locator__search aside .aside-inner {
  background-color: #ffffff;
  padding: 2rem 1rem;
  width: 20rem;
  height: calc(100% - 4rem)
}
}
.store-locator__search aside .aside-inner>* {
  pointer-events: all
}
.store-locator__search aside #aside-trigger {
  transform: rotate(180deg);
  position: absolute;
  display: none;
  top: 0;
  left: 100%;
  cursor: pointer;
  width: 1.5rem;
  height: 3.6rem;
  background-color: #34303d;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3cpolygon fill='%23ffffff' points='3.7,6.1 7.5,0.2 8.3,0.7 4.9,6.1 8.3,11.4 7.5,12 '/%3e%3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 1rem;
  outline: none;
  border: none
}

@media (min-width: 960px) {
.store-locator__search aside #aside-trigger {
  display: block
}
}

@media (min-width: 960px) {
.store-locator__search aside.open {
  transform: none
}
.store-locator__search aside.open #aside-trigger {
  transform: rotate(0deg)
}
}
.store-locator__search .search-form-wrapper {
  position: relative;
  z-index: 3;
  background-color: #ffffff;
  margin: 0.8rem 0.8rem 0;
  padding: 0.5rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between
}

@media (min-width: 960px) {
.store-locator__search .search-form-wrapper {
  margin: 0 0 1.2rem;
  padding: 0;
  display: block
}
}
.store-locator__search .search-form-wrapper form {
  padding-right: 1rem
}

@media (min-width: 960px) {
.store-locator__search .search-form-wrapper form {
  padding: 0
}
}
.store-locator__search .search-form-wrapper .form-group {
  margin: 0
}
.store-locator__search .search-form-wrapper .mobile-filters-trigger {
  flex-shrink: 0;
  border: none;
  background: none;
  display: flex;
  align-items: center;
  padding: 0.5rem;
  cursor: pointer
}
.store-locator__search .search-form-wrapper .mobile-filters-trigger.open:after {
  transform: rotate(180deg)
}
.store-locator__search .search-form-wrapper .mobile-filters-trigger:after {
  display: block;
  content: " ";
  width: 0.6rem;
  height: 0.4rem;
  background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23b3b3b3' viewBox='0 0 12 12'%3e%3cpolygon points='6,8.4 0.1,4.6 0.6,3.8 6,7.2 11.3,3.8 11.9,4.6 '/%3e%3c/svg%3e") center no-repeat;
  background-size: cover;
  transform: rotate(0deg);
  margin-left: 0.5rem
}

@media (min-width: 960px) {
.store-locator__search .search-form-wrapper .mobile-filters-trigger {
  display: none
}
}
.store-locator__search .filters-wrapper {
  position: relative;
  background-color: #ffffff;
  margin: 0 0.8rem;
  padding: 0.5rem;
  transition: all 0.3s ease-in-out;
  transform: translateY(-70px);
  opacity: 0;
  pointer-events: none
}
.store-locator__search .filters-wrapper h6, .store-locator__search .filters-wrapper p {
  display: none;
  margin: 0
}

@media (min-width: 960px) {
.store-locator__search .filters-wrapper {
  margin: 0 0 1.2rem;
  padding-top: 0;
  padding-bottom: 0;
  transform: none;
  opacity: 1;
  pointer-events: initial
}
.store-locator__search .filters-wrapper h6, .store-locator__search .filters-wrapper p {
  display: block
}
}
.store-locator__search .filters-wrapper ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0 -0.3rem;
  list-style: none
}

@media (min-width: 960px) {
.store-locator__search .filters-wrapper ul {
  margin: 1rem -0.5rem
}
}
.store-locator__search .filters-wrapper ul li {
  margin: 0.3rem 0 0 0.3rem
}

@media (min-width: 960px) {
.store-locator__search .filters-wrapper ul li {
  margin: 0.5rem 0 0 0.5rem
}
}
.store-locator__search .filters-wrapper ul li span {
  padding: 0.3rem 0.8rem
}
.store-locator__search .filters-wrapper ul li.active span {
  background: #34303d;
  color: #ffffff;
  transition: none
}
.store-locator__search .filters-wrapper.open {
  transform: translateY(0);
  opacity: 1;
  pointer-events: all
}
.store-locator__search .results-wrapper {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #ffffff;
  padding: 0.5rem
}

@media (min-width: 960px) {
.store-locator__search .results-wrapper {
  position: relative;
  width: unset;
  padding: 0;
  max-height: unset
}
}
.store-locator__search .results-wrapper .mobile-results-trigger {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: none;
  height: 2rem;
  background: none;
  width: 100%;
  padding: 0.5rem;
  cursor: pointer
}
.store-locator__search .results-wrapper .mobile-results-trigger:after {
  display: block;
  content: " ";
  width: 0.6rem;
  height: 1rem;
  background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23b3b3b3' viewBox='0 0 12 12'%3e%3cpolygon points='6,8.4 0.1,4.6 0.6,3.8 6,7.2 11.3,3.8 11.9,4.6 '/%3e%3c/svg%3e") center no-repeat;
  background-size: cover;
  transform: rotate(180deg)
}

@media (min-width: 960px) {
.store-locator__search .results-wrapper .mobile-results-trigger {
  display: none
}
}
.store-locator__search .results-wrapper ul {
  list-style: none;
  height: 0;
  overflow: auto;
  margin: 0;
  transition: all 0.5s ease-in-out
}

@media (min-width: 960px) {
.store-locator__search .results-wrapper ul {
  height: unset;
  margin: 0
}
}
.store-locator__search .results-wrapper ul li {
  cursor: pointer;
  margin: 0;
  padding: 0.8rem 0.5rem;
  transition: all 0.3s ease-in
}
.store-locator__search .results-wrapper ul li.active, .store-locator__search .results-wrapper ul li:hover {
  background-color: #f6f4f0
}
.store-locator__search .results-wrapper ul li address, .store-locator__search .results-wrapper ul li h5, .store-locator__search .results-wrapper ul li p {
  margin-bottom: 0.5rem
}
.store-locator__search .results-wrapper ul li .store-links {
  display: flex;
  flex-direction: row
}
.store-locator__search .results-wrapper ul li .store-links a+a {
  margin-left: 1rem
}
.store-locator__search .results-wrapper ul li+li {
  margin-top: 0.5rem
}
.store-locator__search .results-wrapper.open ul {
  height: 40vh
}
.store-locator__search .results-wrapper.open .mobile-results-trigger:after {
  transform: rotate(0deg)
}

@media (min-width: 960px) {
.store-locator__search .search-form-wrapper, .store-locator__search .filters-wrapper, .store-locator__search .results-wrapper ul li {
  padding-left: 1rem;
  padding-right: 1rem
}
}

@media (min-width: 960px) {
.store-locator__detail .content-wrapper {
  padding: 2rem 3.3rem 5rem
}
}

@media (min-width: 1440px) {
.store-locator__detail .content-wrapper {
  padding: 2rem 0 5rem;
  max-width: 1312px;
  margin-left: auto;
  margin-right: auto
}
}
.store-locator__detail .store-locator__main {
  background-color: #00D1D2
}
.store-locator__detail .store-locator__info-wrapper {
  padding: 1rem 1.6rem 2.75rem
}

@media (min-width: 960px) {
.store-locator__detail .store-locator__info-wrapper {
  padding-top: 1.85rem;
  padding-bottom: 3.85rem;
  width: 648px
}
}
.store-locator__detail .store-status {
  margin: 1.45rem 0 1.8rem
}
.store-locator__detail .store-status .store-name {
  font-size: 1.24rem
}

@media (min-width: 960px) {
.store-locator__detail .store-status .store-name {
  font-size: 2.11rem;
  margin-bottom: 1.6rem;
  font-family: "iqos", "Open Sans", sans-serif;
  font-weight: bold
}
}

@media (min-width: 960px) {
.store-locator__detail .store-status .store-status {
  font-size: 1rem;
  margin-bottom: 1.8rem
}
}
.store-locator__detail ul.info-list {
  list-style: none;
  margin: 0.25rem 0 0 0
}

@media (min-width: 960px) {
.store-locator__detail ul.info-list {
  margin: 2rem 0 0 0
}
}
.store-locator__detail ul.info-list li {
  margin: 0;
  padding-left: 2rem
}

@media (min-width: 960px) {
.store-locator__detail ul.info-list li {
  padding-left: 2.3rem
}
}
.store-locator__detail ul.info-list li:not(:last-child) {
  margin-bottom: 1.2rem
}
.store-locator__detail ul.info-list li>a, .store-locator__detail ul.info-list li>button, .store-locator__detail ul.info-list li>span {
  position: relative
}
.store-locator__detail ul.info-list li>a:before, .store-locator__detail ul.info-list li>button:before, .store-locator__detail ul.info-list li>span:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: -2rem;
  width: 2.2rem;
  height: 1.1rem;
  background: no-repeat center center
}

@media (min-width: 960px) {
.store-locator__detail ul.info-list li>a:before, .store-locator__detail ul.info-list li>button:before, .store-locator__detail ul.info-list li>span:before {
  left: -2.3rem
}
}
.store-locator__detail ul.info-list li>span {
  font-size: 0.6rem;
  margin-left: 0.3rem
}
.store-locator__detail ul.info-list li .phone:before {
  background-image: url('../../../../../design/themes/kura/media/images/addons/bi_store_locator/phone.svg?1690945733')
}
.store-locator__detail ul.info-list li .location:before {
  background-image: url('../../../../../design/themes/kura/media/images/addons/bi_store_locator/location.svg?1690945733')
}
.store-locator__detail ul.info-list li .store:before {
  background-image: url('../../../../../design/themes/kura/media/images/addons/bi_store_locator/store.svg?1690945733')
}
.store-locator__detail .store-timetable {
  margin-top: 2rem
}

@media (min-width: 960px) {
.store-locator__detail .store-timetable {
  margin-top: 4rem
}
}
.store-locator__detail .store-timetable table {
  border: 0;
  width: 100%
}
.store-locator__detail .store-timetable table tbody {
  border: 0
}
.store-locator__detail .store-timetable table tbody>tr {
  border: 0
}
.store-locator__detail .store-timetable table tbody>tr>th, .store-locator__detail .store-timetable table tbody>tr>td {
  text-align: left
}
.store-locator__detail .store-timetable table tbody>tr>td {
  border: 0;
  line-height: 1.1rem;
  padding: 0
}
.store-locator__detail .store-timetable table tbody>tr>td:first-child {
  width: 158px
}

@media (min-width: 960px) {
.store-locator__detail .store-timetable table tbody>tr>td:first-child {
  width: 205px
}
}
.touchpoint-dropdown-container {
  position: relative
}
.touchpoint-dropdown-container .form-label #touchpoint_name_input {
  cursor: pointer
}
.touchpoint-dropdown-container .form-autocomplete {
  border: 1px solid #f5f5f7;
  border-radius: 5px
}
.touchpoint-dropdown-container>input {
  padding: 10px;
  border-radius: 5px;
  border: 1px solid #f5f5f7
}
.touchpoint-dropdown-container .search-wrap>input {
  padding: 5px 10px
}
.touchpoint-dropdown-container .search-wrap .form-input-hint {
  margin: 10px 5px 0;
  font-size: 0.6rem
}
.touchpoint-dropdown-container #scroller_touchpoints {
  border: none;
  box-shadow: 0 6px 0.2rem #3333334d;
  border-top: 1px solid #d1d1d1
}
.touchpoint-dropdown-container #scroller_touchpoints #noResults {
  padding: 10px
}
.touchpoint-dropdown-container>div:first-of-type {
  background: #FFFDFB;
  border-radius: 0.05rem;
  list-style: none;
  margin: 0;
  min-width: 180px;
  padding: 0.8rem 0.4rem 0.4rem 0.4rem;
  box-shadow: 0 0 0.2rem #3333334d;
  z-index: 80;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0
}
.touchpoint-dropdown-container>div:first-of-type input {
  height: 2rem
}
.touchpoint-dropdown-container .search-wrap>input {
  width: 100%
}
.touchpoint-dropdown-container .menu {
  left: 0;
  position: absolute;
  top: 93%;
  width: 100%;
  max-height: 7rem;
  overflow: auto
}
.touchpoint-dropdown-container .menu ul {
  list-style: none;
  padding: 0;
  margin: 0
}
@font-face {
  font-family: 'Planer-Medium-Italic';
  src: url('../../../../../design/themes/kura/media/../../royal/media/fonts/Planer_Medium_Italic.eot?1690945733');
  src: url('../../../../../design/themes/kura/media/../../royal/media/fonts/Planer_Medium_Italic.svg?1690945733');
  src: url('../../../../../design/themes/kura/media/../../royal/media/fonts/Planer_Medium_Italic.ttf?1690945733');
  src: url('../../../../../design/themes/kura/media/../../royal/media/fonts/Planer_Medium_Italic.woff?1690945733');
  src: url('../../../../../design/themes/kura/media/../../royal/media/fonts/Planer_Medium_Italic.woff2?1690945733');
  font-display: swap
}
@font-face {
  font-family: 'Planer-Medium';
  src: url('../../../../../design/themes/kura/media/../../royal/media/fonts/Planer_Medium.eot?1690945733');
  src: url('../../../../../design/themes/kura/media/../../royal/media/fonts/Planer_Medium.svg?1690945733');
  src: url('../../../../../design/themes/kura/media/../../royal/media/fonts/Planer_Medium.ttf?1690945733');
  src: url('../../../../../design/themes/kura/media/../../royal/media/fonts/Planer_Medium.woff?1690945733');
  src: url('../../../../../design/themes/kura/media/../../royal/media/fonts/Planer_Medium.woff2?1690945733');
  font-display: swap
}
@font-face {
  font-family: 'Planer-Regular';
  src: url('../../../../../design/themes/kura/media/../../royal/media/fonts/Planer_Regular.eot?1690945733');
  src: url('../../../../../design/themes/kura/media/../../royal/media/fonts/Planer_Regularsvg?1690945733');
  src: url('../../../../../design/themes/kura/media/../../royal/media/fonts/Planer_Regular.ttf?1690945733');
  src: url('../../../../../design/themes/kura/media/../../royal/media/fonts/Planer_Regular.woff?1690945733');
  src: url('../../../../../design/themes/kura/media/../../royal/media/fonts/Planer_Regular.woff2?1690945733');
  font-display: swap
}
html.hostess-faulttree {
  font-size: 18px !important
}
html.hostess-faulttree .hostess-wrapper {
  padding: 0
}
html.hostess-faulttree .hostess-wrapper .faulttree-container {
  min-height: 100vh;
  background: url('../../../../../design/themes/kura/media/../../royal/media/images/bg-img.png?1690945733') no-repeat center center fixed;
  background-size: cover;
  padding: 2.5rem;
  width: 100%;
  font-family: 'Planer-Regular';
  font-size: 1.1rem
}
html.hostess-faulttree .hostess-wrapper .faulttree-container span.content, html.hostess-faulttree .hostess-wrapper .faulttree-container .content.markdown-able {
  display: block !important
}
html.hostess-faulttree .hostess-wrapper .faulttree-container h3 {
  text-transform: uppercase;
  font-size: 1.5rem;
  font-family: 'Planer-Medium';
  font-weight: 400 !important
}
html.hostess-faulttree .hostess-wrapper .faulttree-container ul {
  list-style: none;
  margin: 0
}
html.hostess-faulttree .hostess-wrapper .faulttree-container .page {
  font-size: 1rem;
  padding: 2rem
}
html.hostess-faulttree .hostess-wrapper .faulttree-container .page a {
  color: #0071dc
}
html.hostess-faulttree .hostess-wrapper .faulttree-container .page.grid ul {
  margin: 3vh 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  font-size: 1.1rem
}
html.hostess-faulttree .hostess-wrapper .faulttree-container .page.grid ul li {
  width: calc((100% /3) - 2vw);
  text-align: center;
  margin: 0
}
html.hostess-faulttree .hostess-wrapper .faulttree-container .page.grid ul li a {
  color: #404040
}
html.hostess-faulttree .hostess-wrapper .faulttree-container .page.grid ul li figure.picture {
  margin: 0;
  padding: 1rem 1rem 0
}
html.hostess-faulttree .hostess-wrapper .faulttree-container .page.grid ul li figure.picture .img-container {
  border-radius: 50%;
  background-image: linear-gradient(to bottom, #79dab3 0%, #0071DC 101%);
  width: 21vw;
  height: 21vw;
  border: 2px solid transparent;
  overflow: hidden;
  background-origin: border-box;
  position: relative;
  margin: 0 auto
}
html.hostess-faulttree .hostess-wrapper .faulttree-container .page.grid ul li figure.picture .img-container::before {
  content: '';
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}
html.hostess-faulttree .hostess-wrapper .faulttree-container .page.grid ul li figure.picture .img-container img {
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  position: relative
}
html.hostess-faulttree .hostess-wrapper .faulttree-container .page.grid ul li figure.picture figcaption {
  margin: 5vh 0
}
html.hostess-faulttree .hostess-wrapper .faulttree-container .page.choice .title {
  width: 50%
}
html.hostess-faulttree .hostess-wrapper .faulttree-container .page.choice .content {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  width: 100%
}
html.hostess-faulttree .hostess-wrapper .faulttree-container .page.choice .content .left {
  width: 65%
}
html.hostess-faulttree .hostess-wrapper .faulttree-container .page.choice .content .left header {
  line-height: 1.2rem;
  margin: 0 0 1.3rem
}
html.hostess-faulttree .hostess-wrapper .faulttree-container .page.choice .content .left footer div {
  line-height: 1.2rem;
  margin: 0 0 1.3rem
}
html.hostess-faulttree .hostess-wrapper .faulttree-container .page.choice .content .right {
  position: absolute;
  width: 35%;
  margin: 0;
  top: 4.5rem;
  right: 4.5rem;
  padding-left: 3rem
}
html.hostess-faulttree .hostess-wrapper .faulttree-container .page.choice .content .left figure.picture, html.hostess-faulttree .hostess-wrapper .faulttree-container .page.choice .content .right figure.picture {
  margin-right: 0;
  margin-top: 0
}
html.hostess-faulttree .hostess-wrapper .faulttree-container .page.choice .content .left figure.picture img, html.hostess-faulttree .hostess-wrapper .faulttree-container .page.choice .content .right figure.picture img {
  width: 100%
}
html.hostess-faulttree .hostess-wrapper .faulttree-container .page.choice nav {
  width: 65%
}
html.hostess-faulttree .hostess-wrapper .faulttree-container .page.choice nav ul {
  display: flex;
  flex-direction: row;
  justify-content: start
}
html.hostess-faulttree .hostess-wrapper .faulttree-container .page.choice nav ul li.end:not(:first-child), html.hostess-faulttree .hostess-wrapper .faulttree-container .page.choice nav ul li.goto:not(:first-child) {
  margin-left: 2vw
}
html.hostess-faulttree .hostess-wrapper .faulttree-container .page.grid, html.hostess-faulttree .hostess-wrapper .faulttree-container .page.choice {
  max-width: 100%;
  width: 100%
}
html.hostess-faulttree .hostess-wrapper .faulttree-container .page.grid li button, html.hostess-faulttree .hostess-wrapper .faulttree-container .page.choice li button {
  max-height: 64px;
  white-space: nowrap;
  width: auto;
  display: inline-block;
  vertical-align: middle;
  padding: 8px 18px;
  text-decoration: none;
  background: transparent;
  border: 0;
  box-shadow: 0 -1px 0 1px rgba(121, 218, 179, 0.75), -1px -1px 0 1px rgba(91, 192, 189, 0.25), 1px -1px 0 1px rgba(91, 192, 189, 0.25), -1px 0 0 1px rgba(61, 166, 200, 0.05), 1px 0 0 1px rgba(61, 166, 200, 0.05), -1px 1px 0 1px rgba(30, 139, 210, 0.25), 1px 1px 0 1px rgba(30, 139, 210, 0.25), 0 1px 0 1px rgba(0, 113, 220, 0.75);
  border-radius: 8px
}
html.hostess-faulttree .hostess-wrapper .faulttree-container .page.grid li button span, html.hostess-faulttree .hostess-wrapper .faulttree-container .page.choice li button span {
  background-image: -webkit-linear-gradient(#79dab3, #0071dc);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: 'Planer-Medium-Italic';
  font-size: 19px !important
}
html.hostess-faulttree .hostess-wrapper .faulttree-container #page-holder_24 ul li:last-child, html.hostess-faulttree .hostess-wrapper .faulttree-container #page-charger_24 ul li:last-child, html.hostess-faulttree .hostess-wrapper .faulttree-container #page-charger_24p ul li:last-child, html.hostess-faulttree .hostess-wrapper .faulttree-container #page-c24_other_issue ul li:last-child {
  width: 100% !important
}
html.hostess-faulttree .hostess-wrapper .faulttree-container #page-holder_24 li.end {
  width: 100%;
  min-width: 100vw;
  text-align: center
}
html.hostess-faulttree .hostess-wrapper .faulttree-container #page-holder_24 li.end figure.picture .img-container {
  margin: 0 auto
}
html.hostess-faulttree .hostess-wrapper .faulttree-container #page-holder_24 li.end.skip-front-end {
  min-width: unset !important;
  max-width: calc((100% /3) - 2vw)
}
html.hostess-faulttree .hostess-wrapper .faulttree-container #page-h24_broken_heating_blade footer, html.hostess-faulttree .hostess-wrapper .faulttree-container #page-h24p_broken_heating_blade footer {
  display: none
}
html.hostess-faulttree .hostess-wrapper .faulttree-container #page-m30_broken_heating_blade .right, html.hostess-faulttree .hostess-wrapper .faulttree-container #page-m30_blinking_red_light .right {
  top: 2.5rem
}
html.hostess-faulttree .hostess-wrapper .faulttree-container #page-h24_solid_red_light_or_not_light nav, html.hostess-faulttree .hostess-wrapper .faulttree-container #page-m30_no_vibration_when_pressing_button nav {
  padding-top: 0
}
html.hostess-faulttree .hostess-wrapper .faulttree-container #page-m30_no_vibration_when_pressing_button .content.markdown-able ul, html.hostess-faulttree .hostess-wrapper .faulttree-container #page-m30_light_not_turning_on_2 .content.markdown-able ul {
  margin-bottom: 1.3rem
}
html.hostess-faulttree .hostess-wrapper .faulttree-container #page-multi_30 ul li:last-child, html.hostess-faulttree .hostess-wrapper .faulttree-container #page-m30_other_issues ul li:last-child, html.hostess-faulttree .hostess-wrapper .faulttree-container #page-holder_30 ul li:last-child, html.hostess-faulttree .hostess-wrapper .faulttree-container #page-h30_other_issues ul li:last-child, html.hostess-faulttree .hostess-wrapper .faulttree-container #page-charger_30 ul li:last-child, html.hostess-faulttree .hostess-wrapper .faulttree-container #page-c30_other_issues ul li:last-child {
  width: 100% !important
}
html.hostess-faulttree .hostess-wrapper .faulttree-container #page-multi_30 ul li:last-child figure.picture, html.hostess-faulttree .hostess-wrapper .faulttree-container #page-m30_other_issues ul li:last-child figure.picture, html.hostess-faulttree .hostess-wrapper .faulttree-container #page-holder_30 ul li:last-child figure.picture, html.hostess-faulttree .hostess-wrapper .faulttree-container #page-h30_other_issues ul li:last-child figure.picture, html.hostess-faulttree .hostess-wrapper .faulttree-container #page-charger_30 ul li:last-child figure.picture, html.hostess-faulttree .hostess-wrapper .faulttree-container #page-c30_other_issues ul li:last-child figure.picture {
  padding: 0
}
html.hostess-faulttree .hostess-wrapper .faulttree-container #page-multi_30 ul li:last-child figure.picture .img-container, html.hostess-faulttree .hostess-wrapper .faulttree-container #page-m30_other_issues ul li:last-child figure.picture .img-container, html.hostess-faulttree .hostess-wrapper .faulttree-container #page-holder_30 ul li:last-child figure.picture .img-container, html.hostess-faulttree .hostess-wrapper .faulttree-container #page-h30_other_issues ul li:last-child figure.picture .img-container, html.hostess-faulttree .hostess-wrapper .faulttree-container #page-charger_30 ul li:last-child figure.picture .img-container, html.hostess-faulttree .hostess-wrapper .faulttree-container #page-c30_other_issues ul li:last-child figure.picture .img-container {
  width: unset;
  height: unset;
  max-height: 80px;
  background-image: unset;
  border: none
}
html.hostess-faulttree .hostess-wrapper .faulttree-container #page-multi_30 ul li:last-child figure.picture .img-container::before, html.hostess-faulttree .hostess-wrapper .faulttree-container #page-m30_other_issues ul li:last-child figure.picture .img-container::before, html.hostess-faulttree .hostess-wrapper .faulttree-container #page-holder_30 ul li:last-child figure.picture .img-container::before, html.hostess-faulttree .hostess-wrapper .faulttree-container #page-h30_other_issues ul li:last-child figure.picture .img-container::before, html.hostess-faulttree .hostess-wrapper .faulttree-container #page-charger_30 ul li:last-child figure.picture .img-container::before, html.hostess-faulttree .hostess-wrapper .faulttree-container #page-c30_other_issues ul li:last-child figure.picture .img-container::before {
  display: none
}
html.hostess-faulttree .hostess-wrapper .faulttree-container #page-multi_30 ul li:last-child figure.picture .img-container img, html.hostess-faulttree .hostess-wrapper .faulttree-container #page-m30_other_issues ul li:last-child figure.picture .img-container img, html.hostess-faulttree .hostess-wrapper .faulttree-container #page-holder_30 ul li:last-child figure.picture .img-container img, html.hostess-faulttree .hostess-wrapper .faulttree-container #page-h30_other_issues ul li:last-child figure.picture .img-container img, html.hostess-faulttree .hostess-wrapper .faulttree-container #page-charger_30 ul li:last-child figure.picture .img-container img, html.hostess-faulttree .hostess-wrapper .faulttree-container #page-c30_other_issues ul li:last-child figure.picture .img-container img {
  height: 150px
}
html.hostess-faulttree .hostess-wrapper .faulttree-container #page-c24p_blinking_top_red_light .step:last-child .content.markdown-able p:last-child, html.hostess-faulttree .hostess-wrapper .faulttree-container #page-c30_blinking_top_red_light .step:last-child .content.markdown-able p:last-child {
  line-height: 1.2rem;
  margin-top: 1.3rem
}
html.hostess-faulttree .hostess-wrapper .buttons-container.diagnose-buttons {
  position: fixed;
  bottom: 0
}
html.hostess-faulttree .hostess-wrapper .buttons-container.diagnose-buttons a#previous_button {
  font-size: 0;
  border: 0;
  background: transparent;
  width: 60px;
  height: 60px
}
html.hostess-faulttree .hostess-wrapper .buttons-container.diagnose-buttons a#previous_button::before {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  width: 60px;
  height: 60px;
  border-bottom: solid 30px #484848;
  border-left: solid 30px #484848;
  border-right: solid 30px transparent;
  border-top: solid 30px transparent
}
html.hostess-faulttree .hostess-wrapper .buttons-container.diagnose-buttons a#previous_button::after {
  content: '';
  width: 20px;
  height: 30px;
  background: url('../../../../../design/themes/kura/media/../../royal/media/images/left-arrow.png?1690945733') no-repeat;
  display: block;
  position: absolute;
  bottom: 0px;
  left: 7px;
  background-size: contain
}
body.hostess-body .layout-wrapper {
  padding: 0
}
body.hostess-body .flow-page .form-wrapper .form-group {
  max-width: 100%
}
body.hostess-body .page-registration .registration-step .step-inner .form-group {
  width: 100%;
  max-width: 100%
}
body.hostess-body .registration-choose-store label {
  margin: 0.5rem 0
}
body.hostess-body .page-registration .registration-step .step-inner .form-group.phone-validation-group {
  margin-bottom: 2rem
}
body.hostess-body .page-registration .registration-step .step-inner .form-group.phone-validation-group>div {
  margin-bottom: 1rem
}
body.hostess-body .page-registration .registration-step .step-inner .form-group.phone-validation-group .btn.btn-primary-dark, body.hostess-body .page-registration .registration-step .step-inner .form-group.phone-validation-group .btn-primary-dark.ui_558574, body.hostess-body .page-registration .registration-step .step-inner .form-group.phone-validation-group .ui_558574, body.hostess-body .page-registration .registration-step .step-inner .form-group.phone-validation-group .btn-primary-dark.ui_517427, body.hostess-body .page-registration .registration-step .step-inner .form-group.phone-validation-group .ui_517427.ui_558574, body.hostess-body .page-registration .registration-step .step-inner .form-group.phone-validation-group .btn-primary-dark.ui_464917, body.hostess-body .page-registration .registration-step .step-inner .form-group.phone-validation-group .ui_464917.ui_558574, body.hostess-body .page-registration .registration-step .step-inner .form-group.phone-validation-group .btn.ui_558574, body.hostess-body .page-registration .registration-step .step-inner .form-group.phone-validation-group .ui_558574.ui_517427, body.hostess-body .page-registration .registration-step .step-inner .form-group.phone-validation-group .ui_558574.ui_464917 {
  margin: 1rem 0
}
body.hostess-body .page-registration .registration-step .step-inner .form-group.phone-validation-group p {
  margin: 0
}
body.hostess-body .page-registration .registration-step .step-inner .form-group.phone-validation-group input.code-submition-btn {
  border-bottom: 1px solid black;
  display: block;
  width: auto
}

@media (max-width: 840px) {
.hostess-body .page-registration .registration-step .step-inner .form-group {
  width: 100% !important;
  margin-right: 0 !important
}
}
.countdown-stock-box-pdp {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  background: #d22d2e;
  margin: 0 0 0.6rem 0;
  padding: 2.5vw 0;
  width: 100%
}

@media (min-width: 721px) {
.countdown-stock-box-pdp {
  flex-direction: row;
  justify-content: center;
  display: inline-flex;
  padding: 14px 20px
}
}
.countdown-stock-box-pdp .countdown-stock-description-1 {
  display: flex;
  flex-direction: column;
  color: white;
  margin: 1.2vw 10px 0 0
}

@media (min-width: 721px) {
.countdown-stock-box-pdp .countdown-stock-description-1 {
  justify-content: flex-start;
  margin: 0 20px 0 0
}
}
.countdown-stock-box-pdp .countdown-stock-description-1 span {
  background: #302e3d;
  display: inline-block;
  text-transform: uppercase;
  display: inline-block;
  margin: 0 auto 1.1vw 0;
  padding: 1.5px 8px;
  border-radius: 24.4px;
  color: white;
  letter-spacing: 2.55px;
  font-size: 1.9vw
}

@media (min-width: 721px) {
.countdown-stock-box-pdp .countdown-stock-description-1 span {
  border-radius: 24.4px;
  padding: 6px 10px;
  margin: 0 auto 6px 0;
  letter-spacing: 3px;
  font-size: 9px;
  line-height: 0.86;
  white-space: nowrap
}
}
.countdown-stock-box-pdp .countdown-stock-description-1>p {
  margin: 0 auto;
  font-weight: bold;
  line-height: 1;
  text-transform: uppercase;
  text-align: center;
  font-size: 1.3vw
}

@media (min-width: 721px) {
.countdown-stock-box-pdp .countdown-stock-description-1>p {
  font-size: 0.63vw;
  text-align: left;
  letter-spacing: 3.05px;
  white-space: nowrap
}
}
.countdown-stock-box-pdp .countdown-stock {
  display: flex;
  margin: 0 0 0 0
}

@media (min-width: 721px) {
.countdown-stock-box-pdp .countdown-stock {
  display: flex;
  margin: 0 0 0 0
}
}
.countdown-stock-box-pdp .countdown-stock .countdown-stock-value--box {
  display: flex;
  flex-direction: column;
  margin: auto 0
}
.countdown-stock-box-pdp .countdown-stock .countdown-stock-value {
  font-size: 5.68vw;
  letter-spacing: 2.12px;
  text-align: center;
  color: white;
  font-weight: normal;
  font-stretch: normal
}

@media (min-width: 721px) {
.countdown-stock-box-pdp .countdown-stock .countdown-stock-value {
  font-size: 27.5px;
  letter-spacing: 1.14px;
  line-height: 1.11
}
}
.countdown-stock-box-pdp .countdown-stock .label {
  background: transparent;
  font-size: 2vw;
  color: white;
  letter-spacing: 0.3vw;
  border-top: solid 1px white;
  padding: 1.1vw 0 0 0;
  text-align: center;
  text-transform: uppercase
}

@media (min-width: 721px) {
.countdown-stock-box-pdp .countdown-stock .label {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 1.76px;
  padding: 3px 0 0 0
}
}
.countdown-stock-box-pdp .countdown-stock .countdown-stock-separator {
  position: relative;
  width: 4px;
  height: 12.2vw;
  margin: 0 4px 0 4px;
  display: flex;
  flex-direction: column;
  justify-content: center
}

@media (min-width: 721px) {
.countdown-stock-box-pdp .countdown-stock .countdown-stock-separator {
  width: 3px;
  margin: 4px 4px 0 4px;
  height: 20px
}
}

@media (min-width: 961px) and (max-width:1150px) {
.product-description-wrapper .countdown-stock-box-pdp[id] {
  padding: 10px 10px
}
.countdown-stock-box-pdp .product-description-wrapper .countdown-stock-description-1>p {
  font-size: 13px
}
.countdown-stock-box-pdp .product-description-wrapper .countdown-stock-description-1 {
  margin: 0 10px 0 0
}
}
.product-image-wrapper .countdown-stock-box-pdp {
  position: absolute;
  top: 0
}

@media (max-width: 480px) {
.product-image-wrapper .countdown-stock-box-pdp {
  padding: 0
}
}
.preorder-date {
  text-align: center;
  letter-spacing: 0.4px;
  margin-top: 12px;
  min-height: 21px;
  font-size: 0.7rem
}
.preorder-date a, .preorder-date link {
  font-size: inherit
}

@media (min-width: 960px) {
.preorder-date.preorder-date--pdp {
  text-align: unset
}
}
.preorder-shipping-availability-date {
  font-size: 0.7rem;
  margin: 10px 0
}

@media (min-width: 960px) {
.preorder-shipping-availability-date {
  font-size: 0.8rem
}
}
.preorder-shipping-info {
  padding: 16px;
  background: #f6f4f0;
  font-size: 0.7rem;
  letter-spacing: 0.4px;
  font-size: 0.7rem
}

@media (min-width: 960px) {
.preorder-shipping-info {
  font-size: 0.8rem
}
}
.product-image-wrapper .product-badges .badge.-preorder {
  position: absolute;
  top: 0;
  right: 0
}
#dz-popup .dz-form-body img {
  max-width: 100%
}
#dz-popup .dz-form-container, #dz-popup #dz-dynamic-field-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex-basis: 100%
}
#dz-popup .dz-form-container .ty-control-group, #dz-popup #dz-dynamic-field-container .ty-control-group {
  flex-basis: 100%;
  padding: 0 10px;
  margin-top: 15px
}

@media (min-width: 640px) {
#dz-popup .dz-form-container .ty-control-group:not(.dz-consent):not(.dz-manual), #dz-popup #dz-dynamic-field-container .ty-control-group:not(.dz-consent):not(.dz-manual) {
  flex-basis: 50%
}
}
#dz-popup .dz-buttons-container {
  text-align: right;
  padding-top: 1rem
}
 ul.documents-list li::marker {
 color: #00cccc
}
.dcams-box {
  max-width: 640px;
  margin: 0 auto;
  padding: 30px
}
.sea-app .modal-container .modal-body {
  max-height: 100vh !important;
  max-width: 100vw !important
}
body .bv-cv2-cleanslate .bv-shared .bv-action-bar .bv-action-bar-header.bv-focusable {
  font-style: normal !important;
  font-family: 'iqos', "Open Sans", sans-serif !important;
  font-size: 1.6rem !important;
  line-height: 1.31 !important;
  color: #34303d !important;
  font-weight: bold !important
}
body .bv-cv2-cleanslate .bv-shared .bv-text-link:hover {
  font-family: 'iqos', "Open Sans", sans-serif !important;
  font-size: 0.6rem !important;
  line-height: 1rem !important;
  color: #34303d !important;
  font-weight: normal !important
}
body .bv-cv2-cleanslate .bv-shared .bv-content-placeholder .bv-content-noreviews-label {
  font-family: 'iqos', "Open Sans", sans-serif !important
}
body .bv-cv2-cleanslate .bv-shared .bv-header .bv-action-bar {
  background: transparent !important;
  padding: 0 !important;
  padding-bottom: 30px !important
}
body .bv-cv2-cleanslate .bv-shared .bv-header .bv-section-summary {
  background: transparent !important;
  margin-bottom: 80px !important
}
body .bv-cv2-cleanslate .bv-shared .bv-header .bv-section-summary .bv-content-title {
  font-family: 'iqos', "Open Sans", sans-serif !important;
  font-size: 0.8rem !important;
  line-height: 1.5 !important;
  color: #34303d !important;
  font-weight: normal !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important
}

@media (max-width: 639px) {
body .bv-cv2-cleanslate .bv-shared .bv-header .bv-section-summary .bv-content-title {
  margin-bottom: 12px !important
}
}

@media (max-width: 639px) {
body .bv-cv2-cleanslate .bv-shared .bv-header .bv-section-summary .bv-section-summary-inline .bv-inline-histogram-ratings {
  margin-bottom: 50px !important
}
}
body .bv-cv2-cleanslate .bv-shared .bv-header .bv-section-summary .bv-section-summary-inline .bv-inline-histogram-ratings .bv-histogram-filter-helper {
  font-family: 'iqos', "Open Sans", sans-serif !important;
  font-size: 0.8rem !important;
  line-height: 1.5 !important;
  color: #34303d !important;
  font-weight: normal !important;
  padding: 0 !important;
  margin: 0 !important
}

@media (max-width: 639px) {
body .bv-cv2-cleanslate .bv-shared .bv-header .bv-section-summary {
  margin-bottom: 40px !important
}
}
body .bv-cv2-cleanslate .bv-shared .bv-compat .bv-content-search {
  margin-bottom: 70px !important;
  background: transparent !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border-bottom: 0 !important
}
body .bv-cv2-cleanslate .bv-shared .bv-compat .bv-content-search .bv-masthead {
  background: transparent !important
}
body .bv-cv2-cleanslate .bv-shared .bv-compat .bv-content-search .bv-masthead .bv-masthead-product {
  padding-left: 0 !important
}
body .bv-cv2-cleanslate .bv-shared .bv-compat .bv-content-search .bv-masthead .bv-masthead-product .bv-stars-container {
  background: transparent !important
}
body .bv-cv2-cleanslate .bv-shared .bv-compat .bv-content-search .bv-masthead .bv-masthead-product .bv-stars-container .bv-rating-stars-on {
  color: #e5b052 !important
}
body .bv-cv2-cleanslate .bv-shared .bv-compat .bv-content-search .bv-masthead .bv-masthead-product .bv-secondary-summary .bv-percent-recommend-container {
  font-family: 'iqos', "Open Sans", sans-serif !important;
  font-size: 0.8rem !important;
  line-height: 1.5 !important;
  color: #34303d !important;
  font-weight: normal !important;
  padding: 0 !important;
  margin: 0 !important
}
body .bv-cv2-cleanslate .bv-shared .bv-compat .bv-content-search .bv-masthead-search .bv-fieldsets {
  padding-left: 0 !important
}
body .bv-cv2-cleanslate .bv-shared .bv-compat .bv-content-search .bv-masthead-search .bv-fieldsets input.bv-text {
  padding: 8px 18px !important;
  border: 1px solid #e1e0e2 !important;
  border-right: 0 !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  font-family: 'iqos', "Open Sans", sans-serif !important;
  font-size: 0.8rem !important;
  color: #34303d !important
}
body .bv-cv2-cleanslate .bv-shared .bv-compat .bv-content-search .bv-masthead-search .bv-content-search-btn {
  float: none !important;
  position: relative !important;
  width: auto !important;
  height: 43px !important;
  border-top-right-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
  border: 1px solid #e1e0e2 !important;
  border-left: 0 !important;
  background: #fff !important;
  padding: 0 20px !important;
  font-weight: 100 !important
}
body .bv-cv2-cleanslate .bv-shared .bv-compat .bv-content-search .bv-generic-submission .bv-fieldsets {
  padding-left: 0 !important
}
body .bv-cv2-cleanslate .bv-shared .bv-header .bv-control-bar {
  background: transparent !important;
  margin-bottom: 30px !important
}
body .bv-cv2-cleanslate .bv-shared .bv-section-summary-inline .bv-secondary-rating-summary .bv-table .bv-table-row .bv-secondary-rating-summary-id {
  font-family: 'iqos', "Open Sans", sans-serif !important;
  font-size: 0.8rem !important;
  line-height: 1.5 !important;
  color: #34303d !important;
  font-weight: normal !important;
  padding: 0 !important;
  margin: 0 !important
}
body .bv-cv2-cleanslate .bv-shared .bv-section-summary-inline .bv-secondary-rating-summary .bv-table .bv-table-row .bv-table-row span.bv-table-cell {
  font-family: 'iqos', "Open Sans", sans-serif !important;
  font-size: 0.8rem !important;
  padding-left: 0 !important
}
body .bv-cv2-cleanslate .bv-shared .bv-section-summary-inline .bv-secondary-rating-summary .bv-secondary-rating-summary-list {
  margin: 0 !important;
  margin-top: 27px !important
}
body .bv-cv2-cleanslate .bv-shared p {
  font-family: 'iqos', "Open Sans", sans-serif !important;
  font-size: 0.8rem !important;
  line-height: 1.5 !important;
  color: #34303d !important;
  font-weight: normal !important;
  padding: 0 !important;
  margin: 0 !important
}
body .bv-cv2-cleanslate .bv-shared .bv-content-pagination-pages-current span {
  font-family: 'iqos', "Open Sans", sans-serif !important;
  font-size: 0.8rem !important;
  line-height: 1.5 !important;
  color: #34303d !important;
  font-weight: normal !important;
  padding: 0 !important;
  margin: 0 !important
}
body .bv-cv2-cleanslate .bv-shared .bv-content-data .bv-content-data-value {
  font-family: 'iqos', "Open Sans", sans-serif !important;
  font-size: 0.8rem !important;
  line-height: 1.5 !important;
  color: #34303d !important;
  font-weight: normal !important;
  padding: 0 !important;
  margin: 0 !important
}
body .bv-cv2-cleanslate .bv-shared .bv-dropdown-target, body .bv-cv2-cleanslate .bv-shared .bv-content-filter-select .bv-dropdown-target .bv-dropdown-title {
  font-family: 'iqos', "Open Sans", sans-serif !important;
  font-size: 0.8rem !important;
  line-height: 1.5 !important;
  color: #34303d !important;
  font-weight: normal !important
}
body .bv-cv2-cleanslate .bv-shared .bv-content-filter-select .bv-dropdown-target .bv-dropdown-title {
  font-style: normal !important
}
body .bv-cv2-cleanslate .bv-shared .bv-inline-histogram-ratings-bar .bv-content-secondary-ratings-container {
  background-color: #e4e4e4 !important;
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  background-image: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important
}
body .bv-cv2-cleanslate .bv-shared .bv-inline-histogram-ratings-bar .bv-content-secondary-ratings-container .bv-content-secondary-ratings-value {
  background-color: #34303d !important;
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  background-image: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important
}
body .bv-cv2-cleanslate .bv-shared .bv-content-secondary-ratings-container .bv-content-secondary-ratings-value {
  background-color: #34303d !important;
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  background-image: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important
}
body .bv-cv2-cleanslate .bv-shared .bv-secondary-rating-summary-bars .bv-secondary-rating-summary-value, body .bv-cv2-cleanslate .bv-shared .bv-secondary-rating-summary-bars .bv-secondary-slider-summary-value, body .bv-cv2-cleanslate .bv-shared .bv-secondary-rating-summary-bars .bv-content-slider-value {
  background-color: #34303d !important;
  background-image: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important
}
body .bv-cv2-cleanslate .bv-shared .bv-inline-histogram-ratings .bv-inline-histogram-row-active {
  background: transparent !important
}
body .bv-cv2-cleanslate .bv-shared .bv-content-list-container .bv-header {
  padding: 0 !important
}

@media (max-width: 1365px) {
body .bv-cv2-cleanslate .bv-shared .bv-content-list-container .bv-header {
  padding: 50px 32px 30px !important
}
}
body .bv-cv2-cleanslate .bv-shared .bv-content-list-container .bv-content-placeholder {
  background-color: transparent !important
}

@media (max-width: 639px) {
body .bv-cv2-cleanslate .bv-shared .bv-content-list-container .bv-content-placeholder {
  padding: 0 32px 50px !important
}
}
body .bv-cv2-cleanslate .bv-shared .bv-content-list-container .bv-content-placeholder .bv-rating-stars-container {
  margin: 0 !important
}

@media (max-width: 639px) {
body .bv-cv2-cleanslate .bv-shared .bv-content-list-container .bv-content-placeholder .bv-rating-stars-container {
  display: block !important;
  padding-bottom: 15px !important
}
}
body .bv-cv2-cleanslate .bv-shared .bv-inline-histogram-ratings .bv-flex-container-column {
  margin: 0 !important;
  margin-top: 27px !important;
  width: 70% !important
}

@media (max-width: 639px) {
body .bv-cv2-cleanslate .bv-shared .bv-inline-histogram-ratings .bv-flex-container-column {
  width: 100% !important
}
}
body .bv-cv2-cleanslate .bv-shared .bv-inline-histogram-ratings .bv-flex-container-column .bv-flex-container div {
  font-family: 'iqos', "Open Sans", sans-serif !important;
  font-size: 0.8rem !important;
  padding-left: 0 !important
}
body .bv-cv2-cleanslate .bv-shared .bv-inline-histogram-ratings .bv-flex-container-column .bv-flex-container div:first-child {
  padding-right: 16px !important
}
body .bv-cv2-cleanslate .bv-shared .bv-glyph {
  color: #e5b052 !important
}
body .bv-cv2-cleanslate .bv-shared .bv-rating-stars-container .bv-rating-stars {
  letter-spacing: 6px !important
}
body .bv-cv2-cleanslate .bv-shared .bv-rating-stars-container .bv-rating-stars-on {
  color: #e5b052 !important
}
body .bv-cv2-cleanslate .bv-shared .bv-content-list .bv-content-item {
  padding: 40px !important;
  margin-bottom: 16px !important;
  background-color: #fffdfb !important
}

@media (max-width: 639px) {
body .bv-cv2-cleanslate .bv-shared .bv-content-list .bv-content-item {
  padding: 0 32px !important
}
}
body .bv-cv2-cleanslate .bv-shared .bv-content-item.bv-content-review .bv-author-profile {
  padding: 0 !important;
  background-color: #fffdfb !important
}
body .bv-cv2-cleanslate .bv-shared .bv-content-item.bv-content-review .bv-author-profile .bv-inline-profile .bv-author.bv-fullprofile-popup-target h3 {
  font-family: 'iqos', "Open Sans", sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.6rem !important;
  color: #34303d !important;
  font-weight: normal !important;
  padding: 0 !important;
  margin: 0 !important
}
body .bv-cv2-cleanslate .bv-shared .bv-content-item.bv-content-review .bv-author-profile .bv-inline-profile .bv-author-avatar {
  margin-bottom: 46px !important
}
body .bv-cv2-cleanslate .bv-shared .bv-content-item.bv-content-review .bv-author-profile .bv-inline-profile .bv-author-userstats .bv-author-userstats-reviews {
  font-family: 'iqos', "Open Sans", sans-serif !important;
  font-size: 0.6rem !important;
  line-height: 1rem !important;
  color: #34303d !important;
  font-weight: normal !important
}
body .bv-cv2-cleanslate .bv-shared .bv-content-item.bv-content-review .bv-author-profile .bv-inline-profile .bv-author-userstats .bv-author-userstats-answers {
  font-family: 'iqos', "Open Sans", sans-serif !important;
  font-size: 0.6rem !important;
  line-height: 1rem !important;
  color: #34303d !important;
  font-weight: normal !important
}
body .bv-cv2-cleanslate .bv-shared .bv-content-item.bv-content-review .bv-author-profile .bv-inline-profile .bv-author-userstats .bv-author-userstats-votes {
  font-family: 'iqos', "Open Sans", sans-serif !important;
  font-size: 0.6rem !important;
  line-height: 1rem !important;
  color: #34303d !important;
  font-weight: normal !important
}
body .bv-cv2-cleanslate .bv-shared .bv-content-item-author-profile-offset-on .bv-content-header {
  padding: 0 !important;
  background-color: #fffdfb !important
}

@media (max-width: 639px) {
body .bv-cv2-cleanslate .bv-shared .bv-content-item-author-profile-offset-on .bv-content-header .bv-content-rating {
  margin-bottom: 15px !important
}
}

@media (max-width: 639px) {
body .bv-cv2-cleanslate .bv-shared .bv-content-item-author-profile-offset-on .bv-content-header .bv-content-meta-wrapper {
  margin-bottom: 20px !important
}
}
body .bv-cv2-cleanslate .bv-shared .bv-content-core .bv-content-summary {
  padding: 0 !important;
  background-color: #fffdfb !important
}
body .bv-cv2-cleanslate .bv-shared .bv-content-core .bv-content-summary .bv-content-summary-body-text {
  margin-bottom: 40px !important
}
body .bv-cv2-cleanslate .bv-shared .bv-content-data-summary .bv-content-meta .bv-content-datetime-stamp {
  font-family: 'iqos', "Open Sans", sans-serif !important;
  font-size: 0.6rem !important;
  line-height: 1rem !important;
  color: #34303d !important;
  font-weight: normal !important
}
body .bv-cv2-cleanslate .bv-shared .bv-summary-bar .bv-rating-ratio-number .bv-rating {
  font-family: 'iqos', "Open Sans", sans-serif !important;
  font-size: 0.6rem !important;
  line-height: 1rem !important;
  color: #34303d !important;
  font-weight: normal !important
}
body .bv-cv2-cleanslate .bv-shared .bv-summary-bar .bv-rating-label {
  font-family: 'iqos', "Open Sans", sans-serif !important;
  font-size: 0.6rem !important;
  line-height: 1rem !important;
  color: #34303d !important;
  font-weight: normal !important
}
body .bv-cv2-cleanslate .bv-shared .bv-summary-bar .bv-rating-label:hover {
  font-family: 'iqos', "Open Sans", sans-serif !important;
  font-size: 0.6rem !important;
  line-height: 1rem !important;
  color: #34303d !important;
  font-weight: normal !important
}
body .bv-cv2-cleanslate .bv-shared .bv-content-data-label-container .bv-content-data-icon {
  width: 1.2rem !important;
  height: 1.2rem !important;
  position: relative !important;
  flex-shrink: 0 !important;
  margin-right: 0.8rem !important;
  background-color: #00d1d2 !important;
  transform: rotate(45deg) !important;
  border-radius: 50% !important;
  display: inline-block !important;
  vertical-align: middle !important;
  text-indent: -9999px !important;
  line-height: 0 !important
}
body .bv-cv2-cleanslate .bv-shared .bv-content-data-label-container .bv-content-data-icon:before {
  content: '';
  position: absolute;
  top: 50%;
  right: 50%;
  bottom: auto;
  left: auto;
  width: 0.25rem;
  height: 0.1rem;
  background: #34303d;
  transform: translate(1px, 2px)
}
body .bv-cv2-cleanslate .bv-shared .bv-content-data-label-container .bv-content-data-icon:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 50%;
  bottom: auto;
  left: auto;
  width: 0.1rem;
  height: 0.5rem;
  background: #34303d;
  transform: translate(2px, -6px)
}
body .bv-cv2-cleanslate .bv-shared .bv-content-title {
  font-family: 'iqos', "Open Sans", sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.6rem !important;
  color: #34303d !important;
  font-weight: normal !important;
  margin-bottom: 25px !important
}
body .bv-cv2-cleanslate .bv-shared .bv-content-feedback-vote .bv-content-btn {
  border: 0 !important;
  background: transparent !important
}
body .bv-cv2-cleanslate .bv-shared .bv-content-feedback-vote .bv-content-feedback-btn-container .bv-content-btn {
  border: 0 !important;
  background: transparent !important
}
body .bv-cv2-cleanslate .bv-shared .bv-content-feedback-vote .bv-secondary-content-actions-container .bv-content-btn {
  border: 0 !important;
  background: transparent !important
}
body .bv-cv2-cleanslate .bv-shared .bv-content-feedback-vote .bv-content-feedback-vote-active .bv-content-report-btn {
  border: 0 !important;
  background: transparent !important
}
body .bv-cv2-cleanslate .bv-shared .bv-generic-submission .bv-masthead-search .bv-fieldsets {
  padding-left: 0 !important
}
body .bv-cv2-cleanslate .bv-shared .bv-generic-submission .bv-generic-submission .bv-fieldsets {
  padding-left: 0 !important
}
body .bv-cv2-cleanslate .bv-mbox-inner .bv-mbox .bv-mbox-sidebar .bv-submission-sidebar .bv-subject-info-section .bv-subject-info span, body .bv-cv2-cleanslate .bv-fieldset-label-text .bv-text-link, body .bv-cv2-cleanslate .bv-active-filters .bv-active-filter-button, body .bv-cv2-cleanslate.bv-dropdown-in .bv-dropdown-container .bv-dropdown ul .bv-dropdown-item, body .bv-cv2-cleanslate h1, body .bv-cv2-cleanslate h2, body .bv-cv2-cleanslate h3, body .bv-cv2-cleanslate h4, body .bv-cv2-cleanslate h5, body .bv-cv2-cleanslate h6, body .bv-cv2-cleanslate p, body .bv-cv2-cleanslate dl, body .bv-cv2-cleanslate dt, body .bv-cv2-cleanslate ol, body .bv-cv2-cleanslate form, body .bv-cv2-cleanslate select.bv-select-cleanslate, body .bv-cv2-cleanslate option, body .bv-cv2-cleanslate pre, body .bv-cv2-cleanslate div, body .bv-cv2-cleanslate caption, body .bv-cv2-cleanslate thead, body .bv-cv2-cleanslate ul, body .bv-cv2-cleanslate li, body .bv-cv2-cleanslate ul li, body .bv-cv2-cleanslate ol li, body .bv-cv2-cleanslate .bv-shared ul li, body .bv-cv2-cleanslate .bv-shared ol li, body .bv-cv2-cleanslate address, body .bv-cv2-cleanslate blockquote, body .bv-cv2-cleanslate dd, body .bv-cv2-cleanslate fieldset, body .bv-cv2-cleanslate iframe, body .bv-cv2-cleanslate strong, body .bv-cv2-cleanslate legend, body .bv-cv2-cleanslate em, body .bv-cv2-cleanslate s, body .bv-cv2-cleanslate cite, body .bv-cv2-cleanslate span, body .bv-cv2-cleanslate input, body .bv-cv2-cleanslate sup, body .bv-cv2-cleanslate label, body .bv-cv2-cleanslate dfn, body .bv-cv2-cleanslate object, body .bv-cv2-cleanslate big, body .bv-cv2-cleanslate q, body .bv-cv2-cleanslate font, body .bv-cv2-cleanslate samp, body .bv-cv2-cleanslate acronym, body .bv-cv2-cleanslate small, body .bv-cv2-cleanslate img, body .bv-cv2-cleanslate strike, body .bv-cv2-cleanslate code, body .bv-cv2-cleanslate sub, body .bv-cv2-cleanslate ins, body .bv-cv2-cleanslate textarea, body .bv-cv2-cleanslate var, body .bv-cv2-cleanslate a, body .bv-cv2-cleanslate abbr, body .bv-cv2-cleanslate applet, body .bv-cv2-cleanslate del, body .bv-cv2-cleanslate kbd, body .bv-cv2-cleanslate tt, body .bv-cv2-cleanslate b, body .bv-cv2-cleanslate i, body .bv-cv2-cleanslate hr, body .bv-cv2-cleanslate article, body .bv-cv2-cleanslate aside, body .bv-cv2-cleanslate dialog, body .bv-cv2-cleanslate figure, body .bv-cv2-cleanslate footer, body .bv-cv2-cleanslate header, body .bv-cv2-cleanslate hgroup, body .bv-cv2-cleanslate menu, body .bv-cv2-cleanslate nav, body .bv-cv2-cleanslate section, body .bv-cv2-cleanslate time, body .bv-cv2-cleanslate mark, body .bv-cv2-cleanslate audio, body .bv-cv2-cleanslate video, body .bv-cv2-cleanslate button {
  font-family: 'iqos', "Open Sans", sans-serif !important
}
body .bv-cv2-cleanslate .bv-mbox-inner .bv-mbox-wrapper .bv-mbox .bv-mbox-close span, body .bv-cv2-cleanslate .bv-mbox-inner .bv-submission .bv-fieldsets .bv-fieldset .bv-helper-icon-positive, body .bv-cv2-cleanslate .bv-mbox-inner .bv-submission .bv-fieldsets .bv-fieldset .bv-helper-icon-negative {
  font-family: inherit !important
}
body .bv-cv2-cleanslate .bv-filters .bv-content-filter-select .bv-dropdown {
  font-family: 'iqos', "Open Sans", sans-serif !important;
  width: auto !important
}
body .bv-cv2-cleanslate .bv-mbox-content-container .bv-submission .bv-fieldsets .bv-fieldset.bv-select-field .bv-fieldset-select-wrapper .bv-select, body .bv-cv2-cleanslate .bv-mbox-content-container .bv-submission .bv-fieldsets .bv-fieldset.bv-fieldset-active.bv-select-field .bv-fieldset-select-wrapper .bv-select {
  font-size: 14px !important
}
body .bv-cv2-cleanslate .bv-mbox-inner .bv-mbox-wide .bv-mbox {
  background-color: #34303d !important
}
body .bv-cv2-cleanslate .bv-mbox-inner .bv-mbox-wide .bv-mbox .bv-mbox-injection-target .bv-fieldsets .bv-fieldset.bv-fieldset-active .bv-fieldset-arrowicon, body .bv-cv2-cleanslate .bv-mbox-inner .bv-mbox-wide .bv-mbox .bv-mbox-breadcrumb .bv-fieldsets .bv-fieldset.bv-fieldset-active .bv-fieldset-arrowicon {
  border-left-color: #34303d !important
}
.rating_summary-wrapper[data-bv-show=rating_summary] .bv_main_container {
  background: transparent !important
}
.rating_summary-wrapper[data-bv-show=rating_summary] .bv_main_container .bv_stars_component_container stop:first-child {
  stop-color: #e5b052 !important
}
.rating_summary-wrapper[data-bv-show=rating_summary] .bv_main_container .bv_button_buttonMinimalist {
  font-family: 'iqos', "Open Sans", sans-serif !important;
  font-size: 0.6rem !important;
  line-height: 1rem !important;
  color: #34303d !important;
  font-weight: normal !important
}
.rating_summary-wrapper[data-bv-show=rating_summary] .bv_main_container .bv_button_buttonMinimalist:hover {
  font-family: 'iqos', "Open Sans", sans-serif !important;
  font-size: 0.6rem !important;
  line-height: 1rem !important;
  color: #34303d !important;
  font-weight: normal !important
}
.rating_summary-wrapper[data-bv-show=rating_summary] .bv_main_container .bv_avgRating_component_container, .rating_summary-wrapper[data-bv-show=rating_summary] .bv_main_container .bv_numReviews_text {
  font-family: 'iqos', "Open Sans", sans-serif !important;
  font-size: 0.6rem !important;
  line-height: 1rem !important;
  color: #34303d !important;
  font-weight: normal !important
}
.rating_summary-wrapper[data-bv-show=rating_summary] .bv_main_container .bv_avgRating_component_container:hover, .rating_summary-wrapper[data-bv-show=rating_summary] .bv_main_container .bv_numReviews_text:hover {
  color: #00d1d2 !important;
  text-decoration: underline !important
}
.rating_summary-wrapper[data-bv-show="rating_summary"] svg, .rating_summary-wrapper[data-bv-show="rating_summary"] polygon {
  padding: 0 4px !important;
  padding-left: 0 !important;
  padding-left: 4px !important
}
.rating_summary-wrapper[data-bv-show="rating_summary"] svg:first-child, .rating_summary-wrapper[data-bv-show="rating_summary"] polygon:first-child {
  padding: 0 !important
}
.bv_main_container .bv_stars_svg_no_wrap svg, .bv_main_container .bv_stars_svg_no_wrap polygon {
  padding: 0 4px !important;
  padding-left: 0 !important;
  padding-left: 4px !important
}
.bv_main_container .bv_stars_svg_no_wrap svg:first-child, .bv_main_container .bv_stars_svg_no_wrap polygon:first-child {
  padding: 0 !important
}
.reviews-wrapper #BVRRSearchContainer {
  padding-top: 70px !important
}

@media (max-width: 1365px) {
.reviews-wrapper #BVRRSearchContainer {
  padding: 70px 32px 0 !important
}
}

@media (max-width: 639px) {
.reviews-wrapper #BVRRSearchContainer {
  padding: 70px 0 !important
}
}
#BVRRContainer {
  padding-bottom: 70px !important
}

@media (max-width: 639px) {
.reviews-wrapper #BVRRSearchContainer {
  padding: 50px 32px 30px !important
}
.bv-cv2-cleanslate .bv-shared .bv-compat .bv-content-search {
  margin-bottom: 0 !important
}
}

@media screen and (max-width: 736px) {
#bv-text-field-search-contentSearch1 {
  padding-left: 20px !important
}
.reviews-wrapper .bv-cv2-cleanslate .bv-shared .bv-content-search .bv-masthead-search .bv-search-control-icon {
  left: initial !important;
  right: 20px !important
}
.reviews-wrapper .bv-cv2-cleanslate .bv-shared .bv-compat .bv-content-search .bv-masthead-search .bv-fieldsets input.bv-text {
  border: 1px solid #e1e0e2 !important
}
}

@media (max-width: 839px) {
.reviews-wrapper>div {
  padding: 0
}
}
.bv_modal_outer_content .bv_histogram_row_container stop:first-child, .bv_stars_component_container stop:first-child {
  stop-color: #e5b052 !important
}
.bv_modal_outer_content .bv_histogram_row_bar_filled {
  background-color: #34303d !important
}
.product-list-item [data-bv-rating] .bv_main_container .bv_text, .product-list-item [data-bv-show=inline_rating] .bv_main_container .bv_text, .bv_modal_outer_content .bv_histogram_row_container, .bv_modal_outer_content .bv_button_buttonFull {
  font-family: 'iqos', "Open Sans", sans-serif !important
}
.bv_modal_outer_content .bv_button_buttonFull, body .bv-cv2-cleanslate .bv-mbox .bv-submission .bv-fieldsets .bv-form-actions button.bv-submission-button-submit {
  background-color: transparent !important;
  transition: border-color 0.3s;
  z-index: 1 !important;
  overflow: hidden !important;
  position: relative !important;
  font-family: 'iqos', "Open Sans", sans-serif !important
}
.bv_modal_outer_content .bv_button_buttonFull:hover, body .bv-cv2-cleanslate .bv-mbox .bv-submission .bv-fieldsets .bv-form-actions button.bv-submission-button-submit:hover {
  background-color: transparent !important;
  font-family: 'iqos', "Open Sans", sans-serif !important;
  border-color: transparent !important
}
.bv_modal_outer_content .bv_button_buttonFull::after, body .bv-cv2-cleanslate .bv-mbox .bv-submission .bv-fieldsets .bv-form-actions button.bv-submission-button-submit:after {
  content: " ";
  position: absolute;
  top: 50%;
  left: 0;
  background: #00D1D2;
  width: 120%;
  height: 120%;
  z-index: -1;
  transition: transform 0.25s ease-out;
  transform: translate(-101%, -50%) skew(0deg);
  opacity: 1
}
.bv_modal_outer_content .bv_button_buttonFull:hover::after, body .bv-cv2-cleanslate .bv-mbox .bv-submission .bv-fieldsets .bv-form-actions button.bv-submission-button-submit:hover::after {
  transform: translate(-10%, -50%) skew(-30deg);
  opacity: 1
}
.bv_modal_outer_content .bv_button_component_container {
  margin-top: 20px
}
.page-search-faq {
  padding-bottom: 0rem !important;
  max-width: 600px;
  margin: 20px auto
}
.page-search-faq .button-wrapper {
  width: 25%
}
 @media (max-width: @size-md) {
 .page-search-faq .button-wrapper {
 width:100%
}
}
.page-search-faq .faq-search {
  display: flex;
  width: 100%
}

@media (max-width: 767px) {
.page-search-faq .faq-search {
  display: grid;
  width: 90%;
  margin: 0 auto
}
}
.page-search-faq .faq-search .faq-search-but {
  position: relative;
  text-align: right;
  border: none
}
 @media (max-width: @size-md) {
 .page-search-faq .faq-search .faq-search-but {
 width:100%;
 text-align: justify;
 padding: 0
}
}
.page-search-faq .faq-search .faq-search-form .input-group.input-inline {
  display: flex;
  justify-content: flex-end
}
.page-search-faq .faq-search .faq-search-form input[type="search"] {
  height: 33px;
  border: 1px solid #ccc9c9;
  outline: none
}
 .page-search-faq .faq-search .faq-search-form input[type="search"]::-webkit-search-cancel-button, .page-search-faq .faq-search .faq-search-form input[type="search"]::-webkit-search-decoration {
 -webkit-appearance: searchfield-cancel-button;
 margin-right: 5px;
 cursor: pointer
}
 @media (max-width: @size-md) {
 .page-search-faq .faq-search .faq-search-form input[type="search"]::-webkit-search-cancel-button, .page-search-faq .faq-search .faq-search-form input[type="search"]::-webkit-search-decoration {
 margin-right:0px
}
}
 .page-search-faq .faq-search .faq-search-form input[type="search"]::-ms-clear, .page-search-faq .faq-search .faq-search-form input[type="search"]::-ms-reveal {
 display: unset
}
 @media (max-width: @size-md) {
 .page-search-faq .faq-search .faq-search-form .btn, .page-search-faq .faq-search .faq-search-form .ui_558574, .page-search-faq .faq-search .faq-search-form .ui_517427, .page-search-faq .faq-search .faq-search-form .ui_464917 {
 width:25%
}
}
.page-search-faq .faq-search .tt-input {
  height: 100% !important
}
.page-search-faq .faq-search .tt-menu {
  top: unset !important;
  box-shadow: 0 0.05rem 0.2rem rgba(51, 51, 51, 0.3);
  width: 100%;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #34303d
}
.page-search-faq .faq-search .tt-hint {
  top: unset !important;
  color: grey;
  width: 100%
}
.page-search-faq .faq-search .tt-suggestion {
  text-align: left
}
.page-search-faq .faq-search .tt-suggestion+.tt-suggestion {
  border-top: 1px solid #eee
}
.page-search-faq .faq-search .tt-suggestion a {
  display: block;
  padding: 0.5rem
}
.page-search-faq .faq-search .tt-suggestion a .res-q {
  display: block;
  font-size: 0.6rem
}
.page-search-faq .faq-search .tt-suggestion a .res-a {
  display: block
}
.page-search-faq .faq-search .tt-suggestion small {
  font-size: 0.5rem;
  color: #999
}
.page-search-faq .faq-search .tt-suggestion:hover, .page-search-faq .faq-search .tt-suggestion:focus {
  background-color: #f5f5f3
}
.page-search-faq .faq-search .tt-suggestion:hover a span, .page-search-faq .faq-search .tt-suggestion:focus a span {
  color: #34303d
}
.page-search-faq .faq-search .no-res {
  padding: 0.5rem;
  text-align: center;
  font-weight: bold;
  color: #999
}
.page-search-faq .faq-search .clear_search {
  color: #404040;
  text-decoration: underline
}
.page-search-faq .faq-search .clear_search:hover {
  color: #34303d
}
.page-search-faq .form-group {
  overflow: visible;
  flex: 1;
  margin-bottom: 0;
  margin-right: 10px
}

@media (max-width: 767px) {
.page-search-faq .form-group {
  margin-bottom: 20px
}
}
.page-search-faq .faq-search-button {
  height: 2.4rem
}
#faq_content .faq_not_found {
  text-align: center
}
.twitter-typeahead {
  width: 100%
}
#iqos-rewards-widget {
  background-color: #00D1D2;
  border-radius: 30px;
  bottom: 90px;
  height: 60px;
  position: fixed;
  right: 20px;
  transition: width 0.08s ease 0s;
  visibility: visible;
  width: 149px;
  z-index: 99 !important;
  cursor: pointer
}
#iqos-rewards-widget .iqos-rewards-widget-desktop {
  width: 100px;
  height: 27px;
  margin-top: 17px;
  margin-left: 24px;
  display: block
}
#iqos-rewards-widget .iqos-rewards-widget-mobile {
  display: none
}

@media only screen and (max-width: 420px) {
#iqos-rewards-widget {
  transition: transform 0.16s linear 0s, opacity 0.08s linear 0s, -webkit-transform 0.16s linear 0s;
  width: 60px;
  transform: scale(1)
}
#iqos-rewards-widget .iqos-rewards-widget-desktop {
  display: none
}
#iqos-rewards-widget .iqos-rewards-widget-mobile {
  margin-top: 15px;
  margin-left: 7px;
  width: 45px;
  display: block
}
}
#iqos-rewards-modal {
  position: fixed;
  top: 100px;
  right: 10px;
  width: 400px;
  min-height: 300px;
  max-height: 100%;
  z-index: 9999;
  background-color: #00D1D2;
  border-radius: 15px;
  padding: 10px;
  z-index: 100 !important
}

@media only screen and (max-width: 960px) {
#iqos-rewards-modal {
  top: 50px
}
}

@media only screen and (max-width: 420px) {
#iqos-rewards-modal {
  top: 10px;
  right: 20px
}
}
#iqos-rewards-modal #iqos-rewards-modal-body {
  position: relative;
  overflow: auto;
  height: 100%
}
#iqos-rewards-modal #iqos-rewards-modal-header {
  padding-top: 10px
}
#iqos-rewards-modal #iqos-rewards-modal-header .iqos-rewards-modal-logo {
  float: left;
  width: 40px;
  margin-left: 38px;
  margin-top: 14px
}
#iqos-rewards-modal #iqos-rewards-modal-header .iqos-rewards-modal-logo-full {
  width: 250px;
  float: left
}

@media only screen and (max-width: 420px) {
#iqos-rewards-modal #iqos-rewards-modal-header .iqos-rewards-modal-logo-full {
  width: 150px
}
}
#iqos-rewards-modal #iqos-rewards-top-box, #iqos-rewards-modal #iqos-rewards-modal-content {
  padding: 10px;
  background: white;
  position: relative;
  margin-bottom: 10px
}
#iqos-rewards-modal #iqos-rewards-top-box #iqos-rewards-close, #iqos-rewards-modal #iqos-rewards-modal-content #iqos-rewards-close {
  display: inline-block;
  position: absolute;
  bottom: -18px;
  right: 10px;
  border-radius: 20px;
  padding: 10px;
  width: 40px;
  text-align: center;
  font-weight: bolder;
  background-color: #34303D;
  color: #ffffff
}
#iqos-rewards-modal #iqos-rewards-top-box #iqos-rewards-close:hover, #iqos-rewards-modal #iqos-rewards-top-box #iqos-rewards-close:focus, #iqos-rewards-modal #iqos-rewards-modal-content #iqos-rewards-close:hover, #iqos-rewards-modal #iqos-rewards-modal-content #iqos-rewards-close:focus {
  text-decoration: none;
  cursor: pointer
}
#iqos-rewards-modal #iqos-rewards-top-box .modal-header, #iqos-rewards-modal #iqos-rewards-modal-content .modal-header {
  text-align: center
}
#iqos-rewards-modal #iqos-rewards-top-box .modal-header p, #iqos-rewards-modal #iqos-rewards-modal-content .modal-header p {
  margin-bottom: 0.2rem
}
#iqos-rewards-modal #iqos-rewards-top-box .iqos-rewards-button, #iqos-rewards-modal #iqos-rewards-modal-content .iqos-rewards-button {
  display: inline-block;
  background-color: #c2996d;
  border-radius: 5px;
  padding: 10px;
  cursor: pointer;
  font-weight: bold
}
#iqos-rewards-modal #iqos-rewards-top-box .iqos-rewards-img-redeem, #iqos-rewards-modal #iqos-rewards-modal-content .iqos-rewards-img-redeem {
  width: 200px
}
#iqos-rewards-modal #iqos-rewards-top-box .border-bottom, #iqos-rewards-modal #iqos-rewards-modal-content .border-bottom {
  border-bottom: 1px solid #b2b3b2
}
 #iqos-rewards-modal #iqos-rewards-top-box details summary::-webkit-details-marker, #iqos-rewards-modal #iqos-rewards-modal-content details summary::-webkit-details-marker {
 display: none
}
#iqos-rewards-modal #iqos-rewards-top-box details summary, #iqos-rewards-modal #iqos-rewards-modal-content details summary {
  list-style: none;
  cursor: pointer;
  outline: none;
  text-indent: 20px
}
#iqos-rewards-modal #iqos-rewards-top-box details summary .arrow, #iqos-rewards-modal #iqos-rewards-modal-content details summary .arrow {
  border: solid black;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  margin-right: 26px;
  margin-top: 4px;
  float: right;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg)
}
#iqos-rewards-modal #iqos-rewards-top-box details div, #iqos-rewards-modal #iqos-rewards-modal-content details div {
  padding-bottom: 10px;
  text-align: center
}
#iqos-rewards-modal #iqos-rewards-top-box details div div, #iqos-rewards-modal #iqos-rewards-modal-content details div div {
  padding: 5px 25px;
  text-align: left
}
#iqos-rewards-modal #iqos-rewards-top-box details div div p, #iqos-rewards-modal #iqos-rewards-modal-content details div div p {
  margin-bottom: 0.2rem
}
#iqos-rewards-modal #iqos-rewards-top-box details div div p.small, #iqos-rewards-modal #iqos-rewards-modal-content details div div p.small {
  font-size: 10px
}
#iqos-rewards-modal #iqos-rewards-top-box details[open] summary .arrow, #iqos-rewards-modal #iqos-rewards-modal-content details[open] summary .arrow {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg)
}
#iqos-rewards-modal #iqos-rewards-top-box #iqos_redeem_value, #iqos-rewards-modal #iqos-rewards-modal-content #iqos_redeem_value {
  width: 50px;
  height: auto
}
#iqos-rewards-modal #iqos-rewards-top-box .pb-5, #iqos-rewards-modal #iqos-rewards-modal-content .pb-5 {
  padding-bottom: 5px
}
#iqos-rewards-modal #iqos-rewards-top-box #iqos-rewards-pagination, #iqos-rewards-modal #iqos-rewards-modal-content #iqos-rewards-pagination {
  text-align: center;
  user-select: none
}
#iqos-rewards-modal #iqos-rewards-top-box #iqos-rewards-pagination span, #iqos-rewards-modal #iqos-rewards-modal-content #iqos-rewards-pagination span {
  display: inline-block;
  background-color: black;
  height: 22px;
  width: 22px;
  text-align: center;
  border-radius: 10px;
  cursor: pointer;
  margin: 0 10px
}
#iqos-rewards-modal #iqos-rewards-top-box #iqos-rewards-pagination span.disabled, #iqos-rewards-modal #iqos-rewards-modal-content #iqos-rewards-pagination span.disabled {
  background-color: gray;
  cursor: default
}
#iqos-rewards-modal #iqos-rewards-top-box #iqos-rewards-pagination span .arrow, #iqos-rewards-modal #iqos-rewards-modal-content #iqos-rewards-pagination span .arrow {
  border: solid white;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px
}
#iqos-rewards-modal #iqos-rewards-top-box #iqos-rewards-pagination span.arrow-prev .arrow, #iqos-rewards-modal #iqos-rewards-modal-content #iqos-rewards-pagination span.arrow-prev .arrow {
  transform: rotate(134deg);
  -webkit-transform: rotate(134deg)
}
#iqos-rewards-modal #iqos-rewards-top-box #iqos-rewards-pagination span.arrow-next .arrow, #iqos-rewards-modal #iqos-rewards-modal-content #iqos-rewards-pagination span.arrow-next .arrow {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg)
}
#iqos-rewards-modal #iqos-rewards-top-box {
  padding: 10px 30px;
  text-align: center
}
#iqos-rewards-modal #iqos-rewards-top-box h5 {
  font-size: 0.9rem;
  font-weight: bolder;
  letter-spacing: normal;
  margin-bottom: 0.6rem;
  margin-top: 0.5rem
}
#iqos-rewards-modal #iqos-rewards-top-box p {
  font-size: 0.6rem;
  line-height: 1rem;
  margin: 0
}
#iqos-rewards-modal #iqos-rewards-top-box p.small {
  font-size: 10px
}
#iqos-rewards-modal #iqos-rewards-top-box p a {
  text-decoration: underline;
  cursor: pointer
}
#iqos-rewards-modal #iqos-rewards-top-box>a {
  margin-bottom: 5px;
  width: 180px
}
#iqos-rewards-modal #iqos-rewards-top-box img {
  margin: 0 auto 5px auto;
  display: block
}
#iqos-rewards-modal #modal-footer {
  padding: 10px 0 10px 74px
}
#iqos-rewards-modal #modal-footer p, #iqos-rewards-modal #modal-footer a {
  color: white;
  margin-bottom: 0.2rem
}
#iqos-rewards-modal #modal-footer a {
  text-decoration: underline
}
#iqos-rewards-modal .iqos-rewards-modal-section {
  margin: 20px 0 20px 0;
  font-size: 14px;
  font-weight: bold
}

@media only screen and (max-width: 420px) {
#iqos-rewards-modal {
  width: 90%
}
}
.cpd_configurator {
}
.cpd_configurator__header {
  height: 50px;
  border-bottom: 1px solid #34303d;
  align-items: center;
  display: flex;
  padding: 0 1.6rem
}
.cpd_configurator__progress {
  height: 40px;
  border-bottom: 1px solid #f6f4f0
}

@media (min-width: 960px) {
.cpd_configurator__progress {
  height: 72px
}
}
.cpd_configurator__progress ul {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 0;
  height: 40px;
  counter-reset: progress
}

@media (min-width: 960px) {
.cpd_configurator__progress ul {
  height: 72px
}
}
.cpd_configurator__progress ul li {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  height: 100%;
  flex-grow: 1;
  text-align: center;
  list-style: none;
  padding: 0;
  margin: 0;
  cursor: default
}
.cpd_configurator__progress ul li:before {
  counter-increment: progress;
  content: counter(progress);
  font-size: 1.02em
}
.cpd_configurator__progress ul li:after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  background: #34303d
}
.cpd_configurator__progress ul li.is-active:after {
  animation-name: loadProgress;
  animation-duration: 1200ms;
  animation-delay: 500ms;
  animation-iteration-count: 1;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
  width: 0
}
 @keyframes loadProgress {
 from {
 width: 0
}
 to {
 width: 100%
}
}
.cpd_configurator__progress ul li.is-active~li:after {
  width: 0
}
.cpd_configurator__progress ul li>span {
  text-transform: capitalize;
  color: #34303d;
  font-size: 0.8rem
}
.cpd_configurator__content {
  padding: 27px 1.6rem
}

@media (min-width: 960px) {
.cpd_configurator__content {
  padding: 70px 1.6rem 70px
}
}
.cpd_configurator__content>h1 {
  font-size: 1.6rem;
  letter-spacing: 0;
  margin: 0 0 0.5rem;
  font-family: "iqos", "Open Sans", sans-serif;
  font-weight: bold
}

@media (min-width: 960px) {
.cpd_configurator__content>h1 {
  text-align: center;
  font-size: 2.1rem
}
}
.cpd_configurator__content>h2 {
  font-size: 0.8rem;
  line-height: 1.5;
  margin: 0
}

@media (min-width: 960px) {
.cpd_configurator__content>h2 {
  text-align: center
}
}
.cpd_configurator__content>h1+h2 {
  font-weight: normal
}
.cpd_configurator__content .cpd_configurator__option {
  flex-grow: 1;
  position: relative;
  text-align: center;
  margin: 0 0 11px;
  padding: 1rem;
  border: 1px solid #b8b7bb;
  border-radius: 4px;
  overflow: hidden;
  cursor: pointer;
  min-height: 165px
}
.cpd_configurator__content .cpd_configurator__option.is-checked, .cpd_configurator__content .cpd_configurator__option.is-selected {
  border: 2px solid #34303d
}
.cpd_configurator__content .cpd_configurator__option__padding_top {
  padding: 20px 0 0
}

@media (min-width: 960px) {
.cpd_configurator__content .cpd_configurator__option__padding_top {
  padding: 88px 0 0
}
}
.cpd_configurator__content .cpd_configurator__option__padding_top.is-checked, .cpd_configurator__content .cpd_configurator__option__padding_top.is-selected {
  border: 2px solid #34303d;
  padding: 19px 0 0
}

@media (min-width: 960px) {
.cpd_configurator__content .cpd_configurator__option__padding_top.is-checked, .cpd_configurator__content .cpd_configurator__option__padding_top.is-selected {
  padding-top: 88px
}
}

@media (min-width: 960px) {
.cpd_configurator__content .cpd_configurator__option__padding_top.is-checked img, .cpd_configurator__content .cpd_configurator__option__padding_top.is-selected img {
  bottom: -1px
}
}
.cpd_configurator__content .cpd_configurator__option h3 {
  font-size: 1rem;
  margin: 0 0 0.75rem
}

@media (min-width: 960px) {
.cpd_configurator__content .cpd_configurator__option h3 {
  font-size: 1.4rem;
  margin: 0 0 0.3rem
}
}
.cpd_configurator__content .cpd_configurator__option__subtitle {
  font-size: 0.7rem;
  margin: 0 auto;
  max-width: 95%
}
.cpd_configurator__content .cpd_configurator__option__subtitle span {
  display: block
}
.cpd_configurator__content .cpd_configurator_skip_next_delivery_button {
  min-height: 140px;
  display: flex;
  flex-direction: column;
  justify-content: center
}

@media (min-width: 640px) {
.cpd_configurator__content .cpd_configurator_skip_next_delivery_button {
  max-width: 340px
}
}

@media (min-width: 960px) {
.cpd_configurator__content .cpd_configurator_skip_next_delivery_button {
  margin: 0 20px 30px;
  min-width: 300px
}
}
.cpd_configurator__content .cpd_configurator_skip_next_delivery_button h4 {
  font-size: 1rem
}

@media (min-width: 960px) {
.cpd_configurator__content .cpd_configurator_skip_next_delivery_button h4 {
  font-size: 1.4rem;
  margin: 0 0 0.3rem
}
}
.cpd_configurator__content .cpd_configurator_skip_next_delivery_button h5 {
  font-weight: normal;
  font-size: 0.7rem
}
.cpd_configurator__content_step1 .cpd_configurator__options {
  display: flex;
  flex-flow: column;
  margin: 1.6rem auto 0
}

@media (min-width: 960px) {
.cpd_configurator__content_step1 .cpd_configurator__options {
  flex-flow: row;
  flex-wrap: wrap;
  justify-content: center;
  margin: 3.5rem auto 0;
  max-width: 1020px
}
}
.cpd_configurator__content_step1 .cpd_configurator__option {
  min-height: 140px
}

@media (min-width: 960px) {
.cpd_configurator__content_step1 .cpd_configurator__option {
  margin: 0 20px 30px;
  flex: 0 1 calc(50% - 40px);
  max-width: 340px;
  height: 300px;
  min-width: 300px
}
}
.cpd_configurator__content_step1 .cpd_configurator__option:after {
  position: absolute;
  content: "";
  width: 24px;
  height: 24px;
  top: 8px;
  right: 8px;
  border: 1px solid #b8b7bb;
  border-radius: 4px;
  background-image: url('../../../../../design/themes/kura/media/images/addons/cpd/icon-check.svg?1690945733') !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 0 !important;
  transition: 0.1s linear
}
.cpd_configurator__content_step1 .cpd_configurator__option.is-checked:after {
  top: 7px;
  right: 7px;
  border-color: #34303d;
  background-color: #34303d !important;
  background-size: 15px !important
}
.cpd_configurator__content_step1 .cpd_configurator__option h5 {
  margin: 0 0 62px
}
.cpd_configurator__content_step1 .cpd_configurator__option img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  max-height: 120px
}

@media (min-width: 960px) {
.cpd_configurator__content_step1 .cpd_configurator__option img {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%)
}
}

@media (min-width: 960px) {
.cpd_configurator__content_step1 .cpd_configurator_category_margin {
  height: 300px
}
}
.cpd_configurator__content_step2 .cpd_configurator__options {
  display: flex;
  flex-flow: column;
  margin: 1.6rem auto 0
}

@media (min-width: 960px) {
.cpd_configurator__content_step2 .cpd_configurator__options {
  flex-flow: row;
  flex-wrap: wrap;
  margin: 3.5rem auto 0;
  max-width: 1000px
}
}
.cpd_configurator__content_step2 .cpd_configurator__option {
  padding: 40px 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center
}

@media (min-width: 960px) {
.cpd_configurator__content_step2 .cpd_configurator__option {
  margin: 0 20px 30px;
  flex: 0 1 calc(50% - 40px);
  padding: 75px 19px
}
.cpd_configurator__content_step2 .cpd_configurator__option:nth-last-child(1):nth-child(odd) {
  flex: 0.45;
  margin: 0 auto 30px
}
}
.cpd_configurator__content_step2 .cpd_configurator__option h5 {
  margin: 0
}
.cpd_configurator__content_step3 .cpd_configurator__options, .cpd_configurator__content_step4 .cpd_configurator__options, .cpd_configurator__content_step-products .cpd_configurator__options {
  display: flex;
  flex-direction: column;
  max-width: 1000px;
  margin: 1.6rem auto 0
}

@media (min-width: 960px) {
.cpd_configurator__content_step3 .cpd_configurator__options, .cpd_configurator__content_step4 .cpd_configurator__options, .cpd_configurator__content_step-products .cpd_configurator__options {
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  margin: 3.5rem auto 0
}
}
.cpd_configurator__content_step3>p, .cpd_configurator__content_step4>p, .cpd_configurator__content_step-products>p {
  text-align: center
}
.cpd_configurator__content_step3 .cpd_configurator__flavors, .cpd_configurator__content_step4 .cpd_configurator__flavors, .cpd_configurator__content_step-products .cpd_configurator__flavors {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  margin: 1rem auto 0
}

@media (min-width: 640px) {
.cpd_configurator__content_step3 .cpd_configurator__flavors, .cpd_configurator__content_step4 .cpd_configurator__flavors, .cpd_configurator__content_step-products .cpd_configurator__flavors {
  flex-flow: row;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 1370px;
  margin: 2rem auto 0
}
}
.cpd_configurator__content_step3 .cpd_configurator__flavor, .cpd_configurator__content_step4 .cpd_configurator__flavor, .cpd_configurator__content_step-products .cpd_configurator__flavor {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  background: #f6f4f0;
  padding: 0 18px 30px;
  margin-bottom: 10px
}

@media (min-width: 640px) {
.cpd_configurator__content_step3 .cpd_configurator__flavor, .cpd_configurator__content_step4 .cpd_configurator__flavor, .cpd_configurator__content_step-products .cpd_configurator__flavor {
  flex: 0 1 calc(50% - 80px);
  margin: 0 10px 10px;
  padding: 0px 18px 30px
}
}

@media (min-width: 1024px) {
.cpd_configurator__content_step3 .cpd_configurator__flavor, .cpd_configurator__content_step4 .cpd_configurator__flavor, .cpd_configurator__content_step-products .cpd_configurator__flavor {
  flex: 0 1 calc(33% - 32px);
  margin: 0 16px 32px
}
}

@media (min-width: 1280px) {
.cpd_configurator__content_step3 .cpd_configurator__flavor, .cpd_configurator__content_step4 .cpd_configurator__flavor, .cpd_configurator__content_step-products .cpd_configurator__flavor {
  flex: 0 1 calc(25% - 32px);
  margin: 0 16px 32px
}
}
.cpd_configurator__content_step3 .cpd_configurator__flavor img, .cpd_configurator__content_step4 .cpd_configurator__flavor img, .cpd_configurator__content_step-products .cpd_configurator__flavor img {
  display: block;
  margin: 0.8rem auto;
  max-width: 100%
}

@media screen and (max-width: 767px) {
.cpd_configurator__content_step3 .cpd_configurator__flavor img, .cpd_configurator__content_step4 .cpd_configurator__flavor img, .cpd_configurator__content_step-products .cpd_configurator__flavor img {
  max-width: calc(100% - 14px)
}
}
.cpd_configurator__content_step3 .cpd_configurator__flavor__information, .cpd_configurator__content_step4 .cpd_configurator__flavor__information, .cpd_configurator__content_step-products .cpd_configurator__flavor__information {
  margin: auto 0 24px
}
.cpd_configurator__content_step3 .cpd_configurator__flavor .label-desc>span, .cpd_configurator__content_step3 .cpd_configurator__flavor .label-desc div, .cpd_configurator__content_step4 .cpd_configurator__flavor .label-desc>span, .cpd_configurator__content_step4 .cpd_configurator__flavor .label-desc div, .cpd_configurator__content_step-products .cpd_configurator__flavor .label-desc>span, .cpd_configurator__content_step-products .cpd_configurator__flavor .label-desc div {
  background: #f6f4f0
}
.cpd_configurator__content_step3 .cpd_configurator__flavor__desc, .cpd_configurator__content_step4 .cpd_configurator__flavor__desc, .cpd_configurator__content_step-products .cpd_configurator__flavor__desc {
  margin: 1rem 0 0;
  opacity: 0.8;
  font-size: 0.7rem;
  line-height: 1.4
}
.cpd_configurator__content_step3 .cpd_flavour__line, .cpd_configurator__content_step4 .cpd_flavour__line, .cpd_configurator__content_step-products .cpd_flavour__line {
  display: flex;
  justify-content: space-between;
  color: #34303d;
  align-items: flex-start;
  min-height: 2.4rem
}
.cpd_configurator__content_step3 .cpd_flavour__line__name, .cpd_configurator__content_step4 .cpd_flavour__line__name, .cpd_configurator__content_step-products .cpd_flavour__line__name {
  color: #34303d;
  font-size: 0.9rem;
  font-weight: bold;
  padding: 0 1rem 0 0
}

@media (min-width: 960px) {
.cpd_configurator__content_step3 .cpd_flavour__line__name, .cpd_configurator__content_step4 .cpd_flavour__line__name, .cpd_configurator__content_step-products .cpd_flavour__line__name {
  font-size: 1.1rem
}
}
.cpd_configurator__content_step3 .cpd_flavour__line__price, .cpd_configurator__content_step4 .cpd_flavour__line__price, .cpd_configurator__content_step-products .cpd_flavour__line__price {
  color: #34303d;
  font-size: 0.9rem;
  display: flex;
  flex-direction: column;
  align-items: flex-end
}

@media (min-width: 960px) {
.cpd_configurator__content_step3 .cpd_flavour__line__price, .cpd_configurator__content_step4 .cpd_flavour__line__price, .cpd_configurator__content_step-products .cpd_flavour__line__price {
  margin-bottom: 0.2rem
}
}
.cpd_configurator__content_step3 .cpd_flavour__line__price__wrapper, .cpd_configurator__content_step4 .cpd_flavour__line__price__wrapper, .cpd_configurator__content_step-products .cpd_flavour__line__price__wrapper {
  display: flex;
  align-items: flex-end;
  flex-direction: column
}
.cpd_configurator__content_step3 .cpd_flavour__line__price__base, .cpd_configurator__content_step4 .cpd_flavour__line__price__base, .cpd_configurator__content_step-products .cpd_flavour__line__price__base {
  position: relative;
  font-size: 0.7rem;
  margin: 0 0.25rem 0 0
}

@media (min-width: 960px) {
.cpd_configurator__content_step3 .cpd_flavour__line__price__base, .cpd_configurator__content_step4 .cpd_flavour__line__price__base, .cpd_configurator__content_step-products .cpd_flavour__line__price__base {
  margin: 0 0.4rem 0.2rem 0
}
}
.cpd_configurator__content_step3 .cpd_flavour__line__price__base:before, .cpd_configurator__content_step4 .cpd_flavour__line__price__base:before, .cpd_configurator__content_step-products .cpd_flavour__line__price__base:before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 1px;
  top: 50%;
  background: #34303d;
  left: 0
}
.cpd_configurator__content_step3 .cpd_flavour__line__price__actual, .cpd_configurator__content_step4 .cpd_flavour__line__price__actual, .cpd_configurator__content_step-products .cpd_flavour__line__price__actual {
  font-size: 0.9rem;
  font-weight: bold
}

@media (min-width: 960px) {
.cpd_configurator__content_step3 .cpd_flavour__line__price__actual, .cpd_configurator__content_step4 .cpd_flavour__line__price__actual, .cpd_configurator__content_step-products .cpd_flavour__line__price__actual {
  font-size: 1.1rem
}
}
.cpd_configurator__content_step3 .cpd_flavour__line__price_unit, .cpd_configurator__content_step4 .cpd_flavour__line__price_unit, .cpd_configurator__content_step-products .cpd_flavour__line__price_unit {
  font-size: 0.5rem
}
.cpd_configurator__content_step3 .cpd_flavour__line__description, .cpd_configurator__content_step4 .cpd_flavour__line__description, .cpd_configurator__content_step-products .cpd_flavour__line__description {
  color: #34303d;
  font-size: 0.7rem;
  max-width: 50%
}
.cpd_configurator__content_step3 .cpd_configurator__flavor__carton_amount, .cpd_configurator__content_step4 .cpd_configurator__flavor__carton_amount, .cpd_configurator__content_step-products .cpd_configurator__flavor__carton_amount {
  display: flex;
  flex-flow: row;
  justify-content: space-between;
  border-radius: 2px;
  height: 36px;
  align-items: center
}

@media (min-width: 960px) {
.cpd_configurator__content_step3 .cpd_configurator__flavor__carton_amount, .cpd_configurator__content_step4 .cpd_configurator__flavor__carton_amount, .cpd_configurator__content_step-products .cpd_configurator__flavor__carton_amount {
  height: 48px
}
}
.cpd_configurator__content_step3 .cpd_configurator__flavor__carton_amount>button, .cpd_configurator__content_step4 .cpd_configurator__flavor__carton_amount>button, .cpd_configurator__content_step-products .cpd_configurator__flavor__carton_amount>button {
  display: block;
  width: 36px;
  height: 36px;
  border: 0;
  background: none;
  cursor: pointer;
  font-size: 1.6em;
  outline: none;
  border-radius: 100%;
  border: solid 2px #34303d;
  position: relative
}
.cpd_configurator__content_step3 .cpd_configurator__flavor__carton_amount>button:before, .cpd_configurator__content_step4 .cpd_configurator__flavor__carton_amount>button:before, .cpd_configurator__content_step-products .cpd_configurator__flavor__carton_amount>button:before {
  position: absolute;
  top: 50%;
  left: 50%
}
.cpd_configurator__content_step3 .cpd_configurator__flavor__carton_amount>button:first-child:before, .cpd_configurator__content_step4 .cpd_configurator__flavor__carton_amount>button:first-child:before, .cpd_configurator__content_step-products .cpd_configurator__flavor__carton_amount>button:first-child:before {
  content: '-';
  transform: translateX(-50%) translateY(-55%)
}
.cpd_configurator__content_step3 .cpd_configurator__flavor__carton_amount>button:last-child:before, .cpd_configurator__content_step4 .cpd_configurator__flavor__carton_amount>button:last-child:before, .cpd_configurator__content_step-products .cpd_configurator__flavor__carton_amount>button:last-child:before {
  content: '+';
  transform: translateX(-50%) translateY(-50%)
}
.cpd_configurator__content_step3 .cpd_configurator__flavor__carton_amount>span, .cpd_configurator__content_step4 .cpd_configurator__flavor__carton_amount>span, .cpd_configurator__content_step-products .cpd_configurator__flavor__carton_amount>span {
  display: flex;
  flex-flow: column;
  justify-content: space-around;
  width: auto;
  text-align: center;
  font-size: 0.8rem
}
.cpd_configurator__content_step3 .cpd_configurator__flavor__carton_add>span, .cpd_configurator__content_step4 .cpd_configurator__flavor__carton_add>span, .cpd_configurator__content_step-products .cpd_configurator__flavor__carton_add>span {
  display: block;
  margin: 0 auto
}
.cpd_configurator__content_step3 .cpd_configurator__flavor__carton_add.out-of-stock, .cpd_configurator__content_step4 .cpd_configurator__flavor__carton_add.out-of-stock, .cpd_configurator__content_step-products .cpd_configurator__flavor__carton_add.out-of-stock {
  box-shadow: inset 0 0 0 2px #b8b7bb
}
.cpd_configurator__content_step3 .cpd_configurator__flavor__carton_add.out-of-stock:after, .cpd_configurator__content_step4 .cpd_configurator__flavor__carton_add.out-of-stock:after, .cpd_configurator__content_step-products .cpd_configurator__flavor__carton_add.out-of-stock:after {
  display: none
}
.cpd_configurator__content_step3 .cpd_configurator__flavor__carton_add_violated, .cpd_configurator__content_step4 .cpd_configurator__flavor__carton_add_violated, .cpd_configurator__content_step-products .cpd_configurator__flavor__carton_add_violated {
  color: #b8b7bb
}
.cpd_configurator__content_step3 .cpd_configurator__flavor_select, .cpd_configurator__content_step4 .cpd_configurator__flavor_select, .cpd_configurator__content_step-products .cpd_configurator__flavor_select {
  display: flex;
  flex-flow: column;
  justify-content: space-around;
  border: 1px solid #34303d;
  border-radius: 2px;
  width: 100%;
  padding: 0 12px;
  text-align: center;
  text-transform: uppercase;
  font-size: 0.85em;
  margin-bottom: 10px;
  font-weight: 600
}
.cpd_configurator__content_step3 .cpd_configurator__flavor_select select, .cpd_configurator__content_step4 .cpd_configurator__flavor_select select, .cpd_configurator__content_step-products .cpd_configurator__flavor_select select {
  display: block;
  font-size: 1.12em;
  color: #b8b7bb;
  height: 44px;
  outline: none;
  background: none;
  border: 0
}
.cpd_configurator__content_step-calendar #cpd_delivery_date {
  max-width: 500px;
  margin: 0 auto
}
.cpd_configurator__content_step-calendar #cpd_delivery_date * {
  border: initial;
  background: initial;
  text-align: center;
  font-size: 1.03em;
  font-family: 'Open Sans', sans-serif
}
.cpd_configurator__content_step-calendar #cpd_delivery_date *:focus {
  outline: none
}
.cpd_configurator__content_step-calendar #cpd_delivery_date .ui-datepicker {
  width: 100%;
  border: 0;
  margin-bottom: 30px;
  padding: 1px
}
.cpd_configurator__content_step-calendar #cpd_delivery_date .ui-datepicker td {
  padding: 5px 0
}
.cpd_configurator__content_step-calendar #cpd_delivery_date .ui-datepicker td[data-handler="selectDay"] {
  cursor: pointer
}
.cpd_configurator__content_step-calendar #cpd_delivery_date .ui-datepicker .ui-datepicker-header {
  border-bottom: 2px solid #b8b7bb !important;
  border-radius: 0;
  margin-bottom: 10px;
  padding: 6px 0
}
.cpd_configurator__content_step-calendar #cpd_delivery_date .ui-datepicker .ui-datepicker-header .datepicker-range-value {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-25px);
  transform: translateX(-50%) translateY(-25px);
  white-space: nowrap
}
.cpd_configurator__content_step-calendar #cpd_delivery_date .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
  min-height: 25px
}
.cpd_configurator__content_step-calendar #cpd_delivery_date .ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year {
  display: none
}
.cpd_configurator__content_step-calendar #cpd_delivery_date .ui-datepicker .ui-datepicker-header .ui-icon {
  background-size: contain !important;
  background-repeat: no-repeat;
  width: 20px;
  position: relative !important;
  margin: 0;
  left: auto;
  right: auto;
  cursor: pointer
}
.cpd_configurator__content_step-calendar #cpd_delivery_date .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
  left: 15px !important;
  top: auto
}
.cpd_configurator__content_step-calendar #cpd_delivery_date .ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon {
  background-image: url('../../../../../design/themes/kura/media/images/addons/cpd/arrow-left.svg?1690945733') !important
}
.cpd_configurator__content_step-calendar #cpd_delivery_date .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  right: 15px !important;
  top: auto
}
.cpd_configurator__content_step-calendar #cpd_delivery_date .ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon {
  background-image: url('../../../../../design/themes/kura/media/images/addons/cpd/arrow-right.svg?1690945733') !important
}
.cpd_configurator__content_step-calendar #cpd_delivery_date .ui-datepicker .ui-state-default {
  padding: 10px 6px;
  color: #34303d !important;
  pointer-events: none
}
.cpd_configurator__content_step-calendar #cpd_delivery_date .ui-datepicker .ui-datepicker-highlight .ui-state-default {
  background-color: #00D1D2 !important
}
.cpd_configurator__content_step-calendar #cpd_delivery_date .ui-datepicker .ui-datepicker-highlight.ui-checkin .ui-state-default {
  border-radius: 25px 0 0 25px
}
.cpd_configurator__content_step-calendar #cpd_delivery_date .ui-datepicker .ui-datepicker-highlight.ui-checkout .ui-state-default {
  border-radius: 0 25px 25px 0
}
.cpd_configurator__content_step-calendar #cpd_delivery_date .ui-datepicker .ui-datepicker-calendar .ui-state-disabled {
  position: relative
}
.cpd_configurator__content_step-calendar #cpd_delivery_date .ui-datepicker .ui-datepicker-calendar .ui-state-disabled:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  right: 0;
  border-top: 1px solid;
  border-color: inherit;
  -webkit-transform: rotate(-35deg);
  -moz-transform: rotate(-35deg);
  -ms-transform: rotate(-35deg);
  -o-transform: rotate(-35deg);
  transform: rotate(-35deg);
  width: 30px;
  margin: auto
}
.cpd_configurator__content_step-calendar #subscription_date_calendar {
  margin: 2rem auto 0.5rem
}

@media (min-width: 960px) {
.cpd_configurator__content_step-calendar #subscription_date_calendar {
  margin: 2.4rem auto 1.6rem
}
}
.cpd_configurator__content_step-calendar>p {
  text-align: center
}
.cpd_configurator__sticky_footer {
  display: flex;
  justify-content: center;
  flex-flow: column;
  background: #f6f4f0;
  padding: 20px;
  box-sizing: border-box;
  position: relative
}

@media (max-width: 639px) {
.cpd_configurator__sticky_footer {
  position: fixed;
  z-index: 99;
  bottom: 0;
  width: 100vw;
  padding: 20px
}
}

@media (min-width: 640px) {
.cpd_configurator__sticky_footer {
  position: sticky;
  bottom: 0;
  z-index: 4
}
}
.cpd_configurator__sticky_footer__wrapper {
  display: flex;
  justify-content: center;
  flex-flow: column;
  margin: 0 auto;
  width: 100%
}

@media (min-width: 640px) {
.cpd_configurator__sticky_footer__wrapper {
  align-items: center;
  justify-content: flex-end;
  flex-flow: row;
  width: 91.1vw;
  max-width: 1440px
}
}
.cpd_configurator__sticky_footer:before {
  content: "";
  position: absolute;
  width: 100vw;
  height: 5px;
  top: -5px;
  left: 0;
  background: transparent;
  background: linear-gradient(0, rgba(100, 100, 100, 0.07) 0%, rgba(0, 0, 0, 0) 100%);
  pointer-events: none
}
.cpd_configurator__sticky_footer .edit-order-terms-n-condition {
  margin: 14px 0 0 20px;
  padding-top: 0
}
.cpd_configurator__sticky_footer .edit-order-terms-n-condition i.form-icon {
  top: 0
}
.cpd_configurator__sticky_summary {
  flex-flow: row;
  justify-content: center;
  text-align: center;
  margin: 0 0 12px 0;
  display: flex
}

@media (min-width: 640px) {
.cpd_configurator__sticky_summary {
  margin: 0 auto 0 20px;
  flex-flow: row
}
}
.cpd_configurator__sticky_summary .j-summary-price {
  margin-right: auto
}
.cpd_configurator__sticky_summary .j-summary-amount {
  margin-left: auto
}

@media (min-width: 640px) {
.cpd_configurator__sticky_summary .j-summary-amount {
  padding: 0 0.6rem
}
}

@media (min-width: 960px) {
.cpd_configurator__sticky_summary .j-summary-amount {
  padding: 0;
  position: absolute;
  left: 50vw;
  transform: translateX(-50%)
}
}

@media (min-width: 640px) {
.cpd_configurator__btn_next, .cpd_configurator__btn_prev {
  margin: 0 0 0 10px
}
}
.cpd_configurator__btn_next.is-disabled, .cpd_configurator__btn_prev.is-disabled {
  cursor: not-allowed
}
.cpd_configurator .cpd_btn_fix {
  margin: auto
}
.cpd_configurator .edit-order-terms-n-condition {
  text-align: center;
  display: flex;
  justify-content: center;
  padding: 0 1.6rem 1.5rem
}

@media (min-width: 640px) {
.cpd_configurator .edit-order-terms-n-condition {
  padding: 0 1.6rem 2.4rem
}
}
.cpd_configurator .cpd_cancel_button_reskin {
  margin: auto
}
.cpd_configurator .btn.is-disabled, .cpd_configurator .is-disabled.ui_558574, .cpd_configurator .is-disabled.ui_517427, .cpd_configurator .is-disabled.ui_464917 {
  box-shadow: none;
  background: #7b7881;
  color: #e1e0e2;
  pointer-events: none
}
.cpd_configurator .btn.is-disabled:after, .cpd_configurator .is-disabled.ui_558574:after, .cpd_configurator .is-disabled.ui_517427:after, .cpd_configurator .is-disabled.ui_464917:after {
  display: none
}
.myaccount-cpd .inner-page-content {
  padding-left: 0;
  padding-right: 0
}
.cpd_dashboard {
  padding: 0 0px 30px
}
.cpd_dashboard p, .cpd_dashboard h2, .cpd_dashboard h3, .cpd_dashboard h4, .cpd_dashboard h5, .cpd_dashboard div, .cpd_dashboard span {
  color: #34303d
}
.cpd_dashboard__header {
  padding: 1.2rem 0px;
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  flex-direction: column
}

@media (min-width: 960px) {
.cpd_dashboard__header {
  flex-direction: row
}
}
.cpd_dashboard__header .title-area .main-title {
  display: inline-block;
  margin: 0;
  font-size: 1.4rem;
  line-height: 2rem
}

@media (min-width: 960px) {
.cpd_dashboard__header .title-area .main-title {
  font-size: 1.6rem;
  line-height: 2.1rem
}
}
.cpd_dashboard__header .delivery-status {
  display: inline-block;
  font-size: 0.7rem
}
.cpd_dashboard__header .delivery-status .cpd-status-dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 0 3px;
  border-radius: 50%
}
.cpd_dashboard__header .delivery-status .cpd-status-dot.green {
  background-color: #92b934
}
.cpd_dashboard__header .delivery-status .cpd-status-dot.red {
  background-color: #e55252
}
.cpd_dashboard__header .delivery-status .cpd-status-dot.orange {
  background-color: #FF9800
}
.cpd_dashboard__delivery-recap {
  text-align: center;
  background: #f6f4f0;
  padding: 30px 20px;
  margin: 0 1.6rem
}

@media (min-width: 960px) {
.cpd_dashboard__delivery-recap {
  margin: 0;
  display: flex;
  flex-direction: row;
  padding: 40px 40px 45px;
  flex-wrap: wrap
}
}
.cpd_dashboard__delivery-recap .inner-first-item {
  margin-bottom: 1.5rem
}

@media (min-width: 960px) {
.cpd_dashboard__delivery-recap .inner-first-item {
  margin-right: auto;
  text-align: left;
  margin-bottom: 0
}
}

@media (min-width: 960px) {
.cpd_dashboard__delivery-recap .inner-second-item {
  margin: 20px 10px 20px auto;
  align-self: center
}
}
.cpd_dashboard__delivery-recap .delivery-state {
  display: flex;
  justify-content: center;
  margin-bottom: 15px;
  width: 100%
}
.cpd_dashboard__delivery-recap .secondary-title {
  font-size: 0.8rem;
  font-weight: bold;
  color: #34303d;
  margin-bottom: 0.6rem
}
.cpd_dashboard__delivery-recap .delivery-date {
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.33;
  margin: 0 0 0.6rem
}

@media (min-width: 960px) {
.cpd_dashboard__delivery-recap .delivery-date {
  font-size: 1.6rem
}
}
.cpd_dashboard__delivery-recap .delivery-note {
  font-size: 0.6rem;
  color: #34303d;
  margin: 0px
}

@media (min-width: 960px) {
.cpd_dashboard__delivery-recap .delivery-note {
  font-size: 0.7rem;
  max-width: 400px
}
}
.cpd_dashboard__delivery-recap .delivery-title {
  font-size: 0.8rem;
  line-height: 1.5;
  margin-bottom: 0.6rem
}

@media (min-width: 960px) {
.cpd_dashboard__delivery-recap .delivery-title {
  font-size: 1.2rem;
  margin-top: 10px
}
}
.cpd_dashboard__delivery-content {
  margin-top: 10px
}
.cpd_dashboard__delivery-content .tabs {
  display: flex;
  align-items: center;
  margin: 0;
  overflow: auto;
  border-bottom: 1px solid rgba(204, 204, 204, 0.4);
  width: 100%;
  justify-content: left;
  max-width: 100% !important;
  padding: 0
}
.cpd_dashboard__delivery-content .tabs li {
  list-style: none
}

@media (min-width: 960px) {
.cpd_dashboard__delivery-content .tabs {
  justify-content: center
}
}
.cpd_dashboard__delivery-content .tabs .open-tab {
  display: flex;
  flex: 1;
  color: #34303d;
  font-size: 0.7rem;
  line-height: 1.5;
  justify-content: center;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  padding: 25px 25px;
  white-space: nowrap;
  position: relative;
  background-color: transparent;
  border: none
}

@media (min-width: 960px) {
.cpd_dashboard__delivery-content .tabs .open-tab {
  font-size: 0.8rem;
  padding: 19px 30px;
  flex: none
}
}
.cpd_dashboard__delivery-content .tabs .open-tab:after {
  content: "";
  display: block;
  height: 0;
  width: 100%;
  margin: auto;
  background-color: #34303d;
  position: absolute;
  bottom: 0;
  left: auto;
  right: auto
}
.cpd_dashboard__delivery-content .tabs .open-tab.active {
  font-weight: bold
}
.cpd_dashboard__delivery-content .tabs .open-tab:hover, .cpd_dashboard__delivery-content .tabs .open-tab.active, .cpd_dashboard__delivery-content .tabs .open-tab:focus {
  opacity: 1
}
.cpd_dashboard__delivery-content .tabs .open-tab:hover:after, .cpd_dashboard__delivery-content .tabs .open-tab.active:after, .cpd_dashboard__delivery-content .tabs .open-tab:focus:after {
  height: 3px
}
.cpd_dashboard__delivery-content .tabs-container {
  padding: 30px 0;
  max-width: calc(100% - 2.6rem);
  margin: auto
}

@media (min-width: 960px) {
.cpd_dashboard__delivery-content .tabs-container {
  max-width: 100%
}
}
.cpd_dashboard__delivery-content .tabs-container .tab-content {
  display: none;
  width: 100%;
  padding: 15px 0
}
.cpd_dashboard__delivery-content .tabs-container .tab-content.active {
  display: block
}
.cpd_dashboard__delivery-content .tabs-container .tab-content * {
  -webkit-animation: scale 0.3s linear;
  -moz-animation: scale 0.3s linear;
  animation: scale 0.3s linear
}
.cpd_dashboard__delivery-content .tabs-container .content-heading {
  display: flex;
  justify-content: space-between;
  font-size: 0.8rem;
  line-height: 1.5
}

@media (min-width: 960px) {
.cpd_dashboard__delivery-content .tabs-container .content-heading {
  font-size: 0.7rem
}
}
.cpd_dashboard__delivery-content .tabs-container .content-heading .tab-title {
  font-size: 0.7rem
}
.cpd_dashboard__delivery-content .tabs-container .content-heading .tab-inner-title {
  margin: 10px 0;
  font-size: 0.8rem;
  line-height: 1.5
}
.cpd_dashboard__delivery-content .tabs-container .content-heading .tab-inner-value {
  margin: 10px 0
}
.cpd_dashboard__delivery-content .tabs-container #cpd-taxes-container {
  margin: 0 0 20px 20px
}
.cpd_dashboard__delivery-content .tabs-container #cpd-taxes-container .content-heading h4.tab-inner-title, .cpd_dashboard__delivery-content .tabs-container #cpd-taxes-container .content-heading .product-text {
  font-size: 0.85em;
  margin-top: 0;
  font-weight: normal
}
.cpd_dashboard__delivery-content .tabs-container #details-tab .tab-inner-title {
  font-weight: normal
}
.cpd_dashboard__delivery-content .tabs-container .cpd_accordion #order_total_accordion {
  justify-content: space-between
}
.cpd_dashboard__delivery-content .tabs-container .cpd_accordion__item {
  display: flex;
  padding: 20px 0;
  font-size: 0.8rem
}
.cpd_dashboard__delivery-content .tabs-container .cpd_accordion__item .order-schedule {
  width: 30%
}
.cpd_dashboard__delivery-content .tabs-container .cpd_accordion__item .order-state {
  width: 30%;
  padding-right: 15px;
  word-break: break-word
}
.cpd_dashboard__delivery-content .tabs-container .cpd_accordion__item .order-total {
  margin-left: auto;
  margin-right: 1.5rem
}

@media (min-width: 960px) {
.cpd_dashboard__delivery-content .tabs-container .cpd_accordion__item .order-total {
  margin-right: 4.25rem
}
}
.cpd_dashboard__delivery-content .tabs-container .cpd_accordion__item .order-state+.order-total {
  margin-left: auto;
  margin-right: 2.7rem
}

@media (min-width: 960px) {
.cpd_dashboard__delivery-content .tabs-container .cpd_accordion__item .order-state+.order-total {
  margin-right: auto;
  margin-left: 4.25rem
}
}
.cpd_dashboard__delivery-content .tabs-container .cpd_accordion__item .more {
  transition: transform 0.25s;
  transform: rotate(0)
}
.cpd_dashboard__delivery-content .tabs-container .cpd_accordion__item .arrow {
  right: 0
}
.cpd_dashboard__delivery-content .tabs-container .cpd_accordion__item.active .more {
  transform: rotate(-45deg)
}
.cpd_dashboard__delivery-content .tabs-container .cpd_accordion__panel {
  padding: 0
}
.cpd_dashboard__delivery-content .tabs-container .cpd_accordion .order-product-detail {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  align-items: flex-start
}
.cpd_dashboard__delivery-content .tabs-container .cpd_accordion .order-product-detail__img {
  background: #f6f4f0;
  text-align: center;
  padding: 16px 10px;
  display: flex;
  flex-direction: column;
  flex: 1;
  max-width: 100px
}
.cpd_dashboard__delivery-content .tabs-container .cpd_accordion .order-product-detail__content {
  display: flex;
  padding-left: 0px;
  flex: 3;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-end
}
.cpd_dashboard__delivery-content .tabs-container .cpd_accordion .order-product-detail__content-right, .cpd_dashboard__delivery-content .tabs-container .cpd_accordion .order-product-detail__content-left {
  display: flex;
  flex-direction: column
}
.cpd_dashboard__delivery-content .tabs-container .cpd_accordion .order-product-detail__content .product-text, .cpd_dashboard__delivery-content .tabs-container .cpd_accordion .order-product-detail__content .product-title {
  font-size: 0.7rem;
  font-weight: normal;
  margin: 0;
  padding: 0 !important
}
.cpd_dashboard__delivery-content .tabs-container .cpd_accordion .order-product-detail__content .product-text {
  color: #7b7881
}
.cpd_dashboard__delivery-content .tabs-container .cpd_accordion .order-product-detail__content span {
  font-size: 0.7rem;
  margin: 0;
  padding: 0 !important
}
.cpd_dashboard__delivery-content .tabs-container .cpd_accordion .order-product-detail__content span.old-price {
  color: #7b7881
}
*+.cpd_dashboard__delivery-content .tabs-container .cpd_accordion .order-product-detail__content {
  padding-left: 10px
}
.cpd_dashboard__delivery-content .tabs-container .help-actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 4rem
}
.cpd_dashboard__delivery-content .product-breif-content {
  display: flex;
  flex-shrink: 1
}
.cpd_dashboard__delivery-content .product-breif-content .product-breif {
  background-color: #f6f4f0;
  padding: 25px 15px 15px;
  margin: 10px 18px;
  text-align: center;
  width: 100%
}
.cpd_dashboard__delivery-content .product-breif-content .product-breif__img {
  margin: 10px auto;
  max-width: 100%;
  max-height: 140px
}
.cpd_dashboard__delivery-content .product-breif-content .product-breif__title {
  font-size: 1em;
  margin: 0
}
.cpd_dashboard__delivery-content .product-breif-content .product-breif__text {
  font-size: 0.7rem
}
.cpd_dashboard__delivery-content .product-breif-content .product-breif>:last-child {
  margin-bottom: 0
}
.cpd_dashboard__delivery-content .edit-link {
  text-decoration: underline;
  margin: 10px 0
}
.cpd_dashboard__delivery-content .edit-link:hover {
  opacity: 0.75
}
.cpd_dashboard__delivery-content .user-details-content {
  background: #f6f4f0;
  padding: 20px 22px;
  border-radius: 3px;
  margin: 10px 0;
  align-items: center;
  font-size: 0.7rem
}
.cpd_dashboard__delivery-content .user-details-content.user-details-payment {
  display: flex;
  flex-wrap: wrap
}
.cpd_dashboard__delivery-content .user-details-payment__img {
  flex: none;
  max-width: 65px;
  width: 100%
}
.cpd_dashboard__delivery-content .user-details-payment__img img {
  width: 100%
}
.cpd_dashboard__delivery-content .user-details-payment__content {
  flex: none;
  width: calc(100% - 65px);
  padding: 0 12px
}
.cpd_dashboard .content-heading .help-title {
  font-size: 1.4rem;
  margin-bottom: 1.2rem;
  line-height: 1.33
}

@media (min-width: 960px) {
.cpd_dashboard .content-heading .help-title {
  font-size: 1.8rem
}
}
.cpd_dashboard .content-heading .help-title:not(:first-child) {
  margin-top: 15px
}
.cpd_dashboard hr {
  margin: 15px 0;
  border-bottom: solid #e1e0e2;
  border-width: 0 0 1px 0
}
.cpd_dashboard .default-link {
  font-size: 1.05em;
  text-transform: uppercase;
  padding: 10px 15px;
  font-weight: 600
}
 @keyframes scale {
 0% {
 transform: scale(0.9);
 opacity: 0
}
 50% {
 transform: scale(1.01);
 opacity: 0.5
}
 100% {
 transform: scale(1);
 opacity: 1
}
}
.cpd_accordion__item {
  cursor: pointer;
  padding: 18px;
  position: relative;
  width: 100%;
  text-align: left;
  outline: none;
  font-size: 1.25em;
  border: 0;
  background: transparent;
  border-bottom: 1px solid #e1e0e2;
  transition: 0.25s linear
}
.cpd_accordion__item:before, .cpd_accordion__item:after {
  position: absolute;
  top: 50%;
  right: 0px;
  background: #34303d;
  width: 15px;
  height: 1px;
  content: " ";
  transition: transform 0.25s
}
.cpd_accordion__item:after {
  transform: rotate(90deg) scaleX(1)
}
.cpd_accordion__item .arrow {
  position: absolute;
  height: 8px;
  width: 16px;
  right: 20px;
  top: 50%;
  display: none
}
.cpd_accordion__item .arrow::before {
  content: '';
  position: absolute;
  background-image: url('../../../../../design/themes/kura/media/icons/chevron-down.svg?1690945733');
  height: 8px;
  width: 16px;
  background-size: contain;
  transition: transform 0.5s cubic-bezier(0.2, 0, 0.1, 1);
  background-repeat: no-repeat;
  background-position: center;
  will-change: transform;
  transform: scaleY(1)
}
.cpd_accordion__item.active {
  border-bottom: 0
}
.cpd_accordion__item.active:after {
  transform: rotate(90deg) scaleX(0)
}
.cpd_accordion__item.active .arrow {
  transform: scaleY(-1)
}
.cpd_accordion__panel {
  padding: 0 18px;
  overflow: hidden;
  display: none;
  font-size: 0.8rem;
  transition: max-height 0.25s linear
}
.cpd_accordion__panel p {
  padding: 10px 0 20px
}
.bold-text {
  font-weight: 600
}
.erased {
  text-decoration: line-through
}
.cpd-back-btn {
  display: inline-block
}
.reschedule .cpd_configurator__content>h2 {
  font-size: 1.4rem;
  line-height: 1.42;
  font-weight: bold
}

@media (min-width: 960px) {
.reschedule .cpd_configurator__content>h2 {
  font-size: 2rem
}
}
.reschedule .cpd_configurator__option h4 {
  text-transform: capitalize !important
}
.reschedule .cpd_configurator__content_step4 {
  padding: 27px 1.6rem
}
.edit-order .j-cpd-step:before {
  font-weight: 600;
  font-size: 0.94em
}
.edit-order .cpd_configurator__content>h3 {
  font-size: 2.39em;
  margin: 0
}
.subscription {
}
.subscription__cancel .cpd_configurator__content {
  margin: 0 auto;
  max-width: 840px
}
.subscription__cancel .cpd_configurator__content>h2 {
  font-size: 1.4rem;
  text-align: center
}

@media (min-width: 960px) {
.subscription__cancel .cpd_configurator__content>h2 {
  font-size: 2.6em
}
}
.subscription__cancel-img {
  width: 100%;
  margin: 15px 0 30px
}
.subscription__cancel-img img {
  width: calc(100% + 40px);
  max-width: 560px;
  margin: auto;
  display: block
}
.subscription__cancel-success {
  padding: 30px 1.6rem
}
.subscription__cancel-success svg {
  margin: 45px auto 30px
}
.subscription__cancel-success-note {
  margin: 25px 0 0
}
.subscription__cancel .actions-wrapper {
  display: flex;
  flex-direction: column
}

@media (min-width: 960px) {
.subscription__cancel .actions-wrapper {
  flex-direction: row;
  justify-content: center
}
}
.subscription__cancel .actions-wrapper>.btn, .subscription__cancel .actions-wrapper>.ui_558574, .subscription__cancel .actions-wrapper>.ui_517427, .subscription__cancel .actions-wrapper>.ui_464917 {
  margin: 0.35rem 0
}

@media (min-width: 960px) {
.subscription__cancel .actions-wrapper>.btn, .subscription__cancel .actions-wrapper>.ui_558574, .subscription__cancel .actions-wrapper>.ui_517427, .subscription__cancel .actions-wrapper>.ui_464917 {
  margin: 0 0.35rem
}
}
.subscription__cancel .simple-link {
  font-size: 1.25em
}
.subscription__reactivate, .subscription__confirmed {
  background: #f6f4f0
}
.subscription__reactivate .cpd_configurator__content, .subscription__confirmed .cpd_configurator__content {
  max-width: 570px;
  margin: auto;
  word-break: break-word
}
.subscription .subscription__delivery-reavtive-title {
  font-size: 1.4rem;
  font-weight: bold;
  margin: 0 0 1rem;
  text-align: center
}
.subscription .order-summary {
  padding: 15px 0px;
  margin-bottom: 20px
}
.subscription .order-summary__title {
  font-size: 0.8rem;
  color: #000
}
.subscription .order-summary__item {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #e1e0e2;
  padding: 15px 0
}
.subscription .order-summary__item:last-of-type {
  border-bottom: 1px solid #e1e0e2
}
.subscription .order-summary__item * {
  margin-bottom: 0
}
.subscription .order-summary__item-header {
  font-size: 0.7rem;
  line-height: 1rem
}
.subscription .order-summary__item-value {
  font-size: 0.7rem;
  line-height: 1rem;
  text-align: right
}
.subscription .order-summary .btn-outline {
  background-color: #fff;
  border-radius: 3px;
  border: solid 2px #34303d;
  padding: 15px 20px;
  max-width: 375px;
  width: 100%;
  letter-spacing: 2px;
  display: block;
  font-size: 0.87em;
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
  margin: 20px auto
}
.subscription .order-summary__actions {
  display: flex;
  flex-direction: column
}
.subscription .order-number {
  text-align: center;
  background: #f5f4f2;
  display: block;
  max-width: 330px;
  margin: auto;
  padding: 18px 10px
}
.subscription .order-number b {
  font-size: 1.6em;
  line-height: 32px;
  display: block
}
.cpd_order_notice {
  position: relative;
  background: #fff;
  padding: 24px;
  margin: 0.5rem 1.6rem 0.9rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  border-radius: 3px;
  text-align: center
}

@media (min-width: 960px) {
.cpd_order_notice {
  margin: 0.5rem 0 1.8rem;
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.15)
}
}
.cpd_order_notice .cpd_order_notice__title {
  font-size: 0.7rem;
  line-height: 1.42;
  text-align: left;
  margin: 0.25rem 0 0 1.2rem;
  font-weight: normal
}
.cpd_order_notice__text {
  font-size: 0.87em;
  margin-left: 20px;
  margin-bottom: 5px
}
.cpd_order_notice .notice-icon {
  display: flex;
  width: 100%;
  justify-content: center;
  margin: 8px auto 15px
}
.cpd_order_notice .notice-icon-reskin {
  width: 24px;
  justify-content: normal;
  margin: 6px
}

@media (max-width: 705px) {
.cpd_order_notice .notice-icon-reskin {
  margin-right: 8px
}
}
.cpd_order_notice .notice-icon-order-on-its-way {
  margin: 0.4rem 0 0px 0px
}

@media (min-width: 960px) {
.cpd_order_notice .notice-icon-order-on-its-way {
  margin: 0.2rem 0 0px 0px
}
}
.cpd_order_notice img {
  width: auto;
  max-width: 100%
}
.cpd_order_notice .cpd-close-notice {
  position: absolute;
  right: 15px;
  top: 6px;
  width: 12px;
  height: 15px;
  opacity: 0.4;
  border: none;
  cursor: pointer
}
.cpd_order_notice .cpd-close-notice:hover {
  opacity: 1
}
.cpd_order_notice .cpd-close-notice:before, .cpd_order_notice .cpd-close-notice:after {
  position: absolute;
  content: ' ';
  height: 15px;
  width: 1.5px;
  background-color: #34303d
}
.cpd_order_notice .cpd-close-notice:before {
  transform: rotate(45deg)
}
.cpd_order_notice .cpd-close-notice:after {
  transform: rotate(-45deg)
}
.cpd_orders_notice_reskin {
  background: #f6f4f0;
  justify-content: normal;
  flex-wrap: nowrap
}

@media (min-width: 705px) {
.cpd_orders_notice_reskin {
  flex-wrap: nowrap
}
}
.cpd_orders_notice_reskin .order_notice_icon {
  display: inline-block;
  vertical-align: middle;
  background: transparent no-repeat center;
  background-size: cover;
  height: 24px;
  width: 24px;
  min-width: 24px;
  margin-top: 4px
}
.cpd_orders_notice_reskin.order_notice_success .order_notice_icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg%3E%3Cg%3E%3Cg transform='translate(-174 -152) translate(20 122) translate(154 30)'%3E%3Ccircle cx='14' cy='14' r='14' fill='%23A0CA32'/%3E%3Cpath stroke='%23FFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8' d='M8.4 15.846L11.166 18.609 18.433 11.2'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}
.cpd_orders_notice_reskin.order_notice_error .order_notice_icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' version='1.1' width='28' height='28' x='0' y='0' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Ccircle r='256' cx='256' cy='256' fill='%23e55252' shape='circle'/%3E%3Cg transform='matrix(0.7,0,0,0.7,76.80000000000004,76.80000000000007)'%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m256 422c-24.853 0-45 20.147-45 45s20.147 45 45 45 45-20.147 45-45-20.147-45-45-45z' fill='%23ffffff' data-original='%23000000' style='' class=''/%3E%3Cpath d='m256 0c-24.853 0-45 20.147-45 45v299c0 24.853 20.147 45 45 45s45-20.147 45-45v-299c0-24.853-20.147-45-45-45z' fill='%23ffffff' data-original='%23000000' style='' class=''/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}
.cpd_orders_notice_reskin.order_notice_warning .order_notice_icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' version='1.1' width='28' height='28' x='0' y='0' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Ccircle r='256' cx='256' cy='256' fill='%23e5b053' shape='circle'/%3E%3Cg transform='matrix(0.7,0,0,0.7,76.80000000000004,76.80000000000007)'%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m256 422c-24.853 0-45 20.147-45 45s20.147 45 45 45 45-20.147 45-45-20.147-45-45-45z' fill='%23ffffff' data-original='%23000000' style='' class=''/%3E%3Cpath d='m256 0c-24.853 0-45 20.147-45 45v299c0 24.853 20.147 45 45 45s45-20.147 45-45v-299c0-24.853-20.147-45-45-45z' fill='%23ffffff' data-original='%23000000' style='' class=''/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}
.cpd_orders_notice_reskin.cpd_orders_notice_on_its_way {
  text-align: left;
  margin-top: auto;
  flex-wrap: nowrap
}

@media (max-width: 705px) {
.cpd_orders_notice_reskin.cpd_orders_notice_on_its_way {
  justify-content: center;
  flex-wrap: wrap
}
}
.cpd_orders_notice_reskin.cpd_orders_notice_on_its_way .cpd_order_notice__title {
  font-size: 0.8rem;
  margin: 0.8rem 0 0.4rem;
  font-weight: bold;
  text-align: center
}

@media (min-width: 960px) {
.cpd_orders_notice_reskin.cpd_orders_notice_on_its_way .cpd_order_notice__title {
  margin: 0 1.2rem 0.4rem;
  text-align: left
}
}
.cpd_orders_notice_reskin.cpd_orders_notice_on_its_way .cpd_order_notice__text {
  text-align: center;
  margin: 0
}

@media (min-width: 960px) {
.cpd_orders_notice_reskin.cpd_orders_notice_on_its_way .cpd_order_notice__text {
  margin: 0 1.2rem 0;
  text-align: left
}
}
.cpd-notification__wrapper {
  position: fixed;
  z-index: 9999;
  width: 100%;
  padding: 0;
  bottom: 88px;
  display: flex;
  flex-flow: column-reverse;
  box-sizing: border-box;
  font-size: 0.7rem;
  margin: 0 auto;
  left: 0;
  right: 0;
  max-width: 1312px
}

@media (min-width: 960px) {
.cpd-notification__wrapper {
  left: auto;
  right: 25px;
  bottom: auto;
  top: 98px;
  min-width: 375px;
  max-width: 576px
}
}
.cpd-notification__popup {
  position: relative;
  background: #fff;
  box-shadow: 1px 1px 5px 1px rgba(170, 170, 170, 0.38);
  padding: 32px 64px 32px 32px
}
.cpd-notification__popup button {
  position: absolute;
  right: 32px;
  top: 32px;
  border: 0;
  color: #34303d;
  font-weight: bold;
  font-size: 16px;
  cursor: pointer
}
.cpd-notification__popup span {
  display: block;
  text-align: left;
  padding-left: 24px
}
.cpd-notification__popup .cpd-icon {
  position: absolute;
  top: 32px;
  left: 16px;
  width: 24px;
  height: 24px;
  padding-left: 0;
  border-radius: 50%;
  color: white
}
.cpd-notification__popup .cpd-icon:after {
  content: "!";
  position: absolute;
  width: 24px;
  color: #fff;
  height: 24px;
  text-align: center;
  font-size: 16px
}
.cpd-notification__popup__notice {
  background: #32b643
}
.cpd-notification__popup__warning {
  background: #ffb700
}
.cpd-notification__popup__error {
  background: #c73636
}
.cpd_limits_violated {
  color: #c73636
}
.cpd-checkout__buttons {
  display: flex;
  justify-content: space-between
}
.cpd_configurator__content button.cpd_configurator__option {
  background-color: transparent;
  color: #404040;
  outline: transparent
}
#remove_form_wrapper #deactivating_form {
  display: none
}
#remove_form_wrapper.step2 #deactivating_form {
  display: block
}
#remove_form_wrapper.step2 #additional_prompt {
  display: none
}
.suggested_products figure {
  margin: 0;
  min-height: 13rem !important
}
.suggested_products .btn, .suggested_products .ui_558574, .suggested_products .ui_517427, .suggested_products .ui_464917 {
  display: block;
  width: 100%
}
.suggested_products article {
  padding-left: 1rem;
  padding-right: 1rem;
  margin-top: 0;
  margin-bottom: 0;
  width: 20%
}
.suggested_products article h5 small {
  font-weight: 400;
  font-size: 0.7rem;
  margin: 0.4rem 0 0 0;
  display: block;
  color: #999
}
.suggested_products article footer a {
  background: #fff;
  color: #111
}
.suggested_products article footer span {
  margin: auto;
  width: 50%
}
.suggested_products .flickity-prev-next-button {
  display: unset;
  position: relative;
  top: 0;
  bottom: 0;
  width: 2rem;
  z-index: 1000 !important;
  border: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-color: transparent;
  cursor: pointer
}
.suggested_products .flickity-prev-next-button.previous {
  left: 0;
  float: left;
  margin-top: -137px
}
.suggested_products .flickity-prev-next-button.next {
  right: 0;
  float: right;
  margin-top: -137px
}
.suggested_products .flickity-prev-next-button:disabled {
  opacity: 0
}

@media (max-width: 960px) {
.carousel-cell {
  flex-shrink: 0;
  width: 50%;
  text-align: center;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  z-index: 1
}
.flickity-viewport {
  z-index: 1
}
.flickity-enabled.is-draggable {
  width: 100%
}
.suggested_products article {
  padding-right: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 30px;
  width: 50%
}
.suggested_products .btn, .suggested_products .ui_558574, .suggested_products .ui_517427, .suggested_products .ui_464917 {
  white-space: normal;
  height: auto !important;
  display: block
}
}
.registration-step .form-group .form-icon.password-show-hide {
  top: 1.7rem
}
.mobile-show {
  display: none
}
.mobile-hide {
  display: inline
}

@media only screen and (min-device-width: 320px) and (max-device-width:480px) {
.mobile-show {
  display: inline
}
.mobile-hide {
  display: none
}
}
.coach_access_wrapper {
  padding: 0 1.5rem
}
.coach_access_wrapper .form-input {
  font-weight: bold
}
 .coach_access_wrapper .form-input:-webkit-autofill {
 background-color: transparent !important;
 background-image: none !important;
 color: inherit !important;
 background-clip: content-box;
 padding: 0.85rem 0
}
.coach_access_wrapper .form-actions {
  margin-top: 1.5rem
}
#footer-nav .main-nav button {
  background-color: transparent;
  border: 0;
  padding-left: 0;
  padding-right: 0
}
.recaptcha-failed {
  border: 1px solid #c73636;
  border-radius: 3px 3px 3px 3px
}
.max-item-reached-notice {
  display: flex;
  align-items: center;
  line-height: 1.2;
  min-height: 48px
}
.max-item-reached-notice>span {
  align-self: center
}
#login_registration_popup.modal-fullscreen {
  padding: 0;
  min-height: -webkit-fill-available;
  height: -webkit-fill-available
}
#login_registration_popup.modal-fullscreen .modal-container {
  max-height: 100vh;
  min-height: -webkit-fill-available;
  height: -webkit-fill-available;
  justify-content: center;
  padding: 0;
  max-width: 100%
}
#login_registration_popup.modal-fullscreen h2 {
  margin-bottom: 2.8rem
}
#login_registration_popup.modal-fullscreen a {
  margin-bottom: 1.5rem
}

@media (max-width: 959px) {
#login_registration_popup.modal-fullscreen a {
  display: block;
  max-width: 12.5rem;
  margin: 0 auto 1.4rem
}
}
.check-btn-like {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  max-width: initial !important
}
.check-btn-desc {
  padding-left: 10px
}
.check-btns-list .ty-product-options__elem {
  margin-left: 0
}
.cpd_configurator__content button.cpd_configurator__option h4, .cpd_configurator__content button.cpd_configurator__option h5 {
  width: 100%
}