@charset 'UTF-8';
/* autoprefixer grid: on */

@font-face {
  font-weight: 400;
  font-style: normal;
  font-family: 'Roboto';
  font-display: swap;
  src: url(../fonts/Roboto/roboto-regular.woff2) format('woff2'), url(../fonts/Roboto/roboto-regular.woff) format('woff'), url(../fonts/Roboto/roboto-regular.ttf) format('truetype'), url(../fonts/Roboto/roboto-regular.eot) format('embedded-opentype');
  }

@font-face {
  font-weight: 700;
  font-style: normal;
  font-family: 'Roboto';
  font-display: swap;
  src: url(../fonts/Roboto/roboto-bold.woff2) format('woff2'), url(../fonts/Roboto/roboto-bold.woff) format('woff'), url(../fonts/Roboto/roboto-bold.ttf) format('truetype'), url(../fonts/Roboto/roboto-bold.eot) format('embedded-opentype');
  }

/**

$type: type - screen, tv, etc.
$pixels: true|false - pixels instead of ems
$orientation: false|portrait|landscape - screen orientation

*/

.visible-hidden {
  visibility: hidden;
  }

/* Fast Touch */

label,
button,
select {
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  }

/* Baseline, Typography & Vertical Rhythm */

article,
aside,
canvas,
figure,
figcaption,
footer,
header,
hgroup,
nav,
main,
progress,
section,
summary,
fieldset,
textarea {
  display: block;
  }

html.global-html {
  font-size: 16px;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  line-height: 1.5;

  -moz-text-size-adjust: 100%;
  }

body {
  color: #212121;
  font-family: Roboto,Segoe UI,'PTSans',Droid Sans,Helvetica Neue,Helvetica,Calibri,Arial,sans-serif;
  -webkit-font-feature-settings: 'liga' 1, 'clig' 1, 'kern' 1;
  font-feature-settings: 'liga' 1, 'clig' 1, 'kern' 1;
  font-display: swap;
  -epub-hyphens: manual;
  -webkit-hyphens: manual;
  -ms-hyphens: manual;
  hyphens: manual;
  }

canvas {
  font-family: 'Montserrat';
  }

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 48px 0 24px;
  margin: 3rem 0 1.5rem;
  font-weight: bold;
  text-rendering: auto;
  -webkit-column-break-after: avoid;
  page-break-after: avoid;
  break-after: avoid;
  orphans: 3;
  widows: 3;

  -moz-column-break-after: avoid;
  }

h1 {
  font-size: 42px;
  font-size: 2.62rem;
  line-height: 1.14;
  }

@media only screen and (max-width: 45em) {

  h1 {
    font-size: 26px;
    font-size: 1.62rem;
    line-height: 1.25;
    }

  }

h2 {
  font-size: 40px;
  font-size: 2.5rem;
  line-height: 1.2;
  }

h3 {
  font-size: 27.65px;
  font-size: 1.73rem;
  line-height: 1.74;
  }

h4 {
  font-size: 23.04px;
  font-size: 1.44rem;
  line-height: 1.04;
  }

h5 {
  font-size: 19.2px;
  font-size: 1.2rem;
  line-height: 1.25;
  }

h6 {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  }

p,
dl,
dt,
dd,
ul,
ol,
pre,
address,
audio,
video {
  margin: 24px 0;
  margin: 1.5rem 0;
  }

dd,
ul,
ol {
  padding: 0 0 0 1em;
  }

li > ul,
li > ol {
  margin: 24px 0;
  margin: 1.5rem 0;
  }

pre,
code,
samp,
var,
tt {
  font-family: Consolas, Monaco, 'Andale Mono', 'Courier New', Courier, Freemono, 'Nimbus Mono L', monospace;
  }

dt {
  font-weight: bold;
  }

dd {
  font-style: italic;
  }

ul {
  list-style: disc;
  }

ol {
  list-style: decimal;
  }

ol > li {
  padding: 0 0 0 .5em;
  }

li {
  margin: 24px 0;
  margin: 1.5rem 0;
  }

var,
strong,
b,
dfn,
acronym,
abbr,
kbd,
th {
  font-weight: bold;
  }

code,
samp,
var {
  color: #cc2929;
  }

pre {
  overflow-x: auto;
  padding: 0 1.5em;
  white-space: pre-wrap;
  word-wrap: break-word;
  -moz-tab-size: 2;
  -o-tab-size: 2;
  tab-size: 2;
  }

var {
  font-style: normal;
  }

blockquote,
em,
cite,
q,
i {
  font-style: italic;
  }

blockquote,
q {
  quotes: none;
  }

blockquote:before,
q:before,
blockquote:after,
q:after {
  content: none;
  }

blockquote {
  margin: 24px 3em;
  margin: 1.5rem 3em;
  }

acronym,
abbr,
ins {
  text-decoration: none;
  cursor: help;
  }

acronym,
abbr,
ins,
mark {
  border-bottom: 1px dotted #2988cc;
  color: #2988cc;
  }

del,
strike,
s {
  text-decoration: line-through;
  }

acronym,
abbr {
  margin: 0 -.075em 0 0;
  letter-spacing: .075em;
  }

sup,
sub,
small {
  font-size: 12px;
  font-size: .75rem;
  line-height: 0;
  }

sup,
sub {
  position: relative;
  }

address {
  font-style: normal;
  }

del {
  border-bottom: 1px dotted #90a4ae;
  color: #90a4ae;
  }

kbd {
  display: inline-block;
  height: 22px;
  height: 1.38rem;
  padding: 0 .25em;
  border-radius: 3px;
  background: #90a4ae;
  background-clip: padding-box;
  font-weight: bold;
  font-family: Consolas, Monaco, 'Andale Mono', 'Courier New', Courier, Freemono, 'Nimbus Mono L', monospace;
  line-height: 22px;
  line-height: 1.38rem;
  vertical-align: top;
  }

sup {
  top: -.65em;
  }

sub {
  bottom: -.25em;
  }

big {
  font-size: 33.18px;
  font-size: 2.07rem;
  line-height: 0;
  }

u {
  text-decoration: underline;
  }

img {
  border: 0;
  vertical-align: top;
  -ms-interpolation-mode: bicubic;
  }

td,
th {
  padding: 23px 15px 24px;
  padding: 1.44rem 15px 1.5rem;
  border: 1px solid #90a4ae;
  }

caption {
  padding: 0 0 12px;
  padding: 0 0 .75rem;
  font-weight: bold;
  text-align: left;
  }

table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  margin: 24px 0;
  margin: 1.5rem 0;
  empty-cells: hide;
  }

th {
  text-align: left;
  }

hr {
  display: block;
  height: 0;
  padding: 0;
  border-top: 1px solid #000;
  margin: 24px 0;
  margin: 1.5rem 0;
  }

/* Selection */

::-moz-selection {
  color: #fff;
  background: #2988cc;
  }
::selection {
  color: #fff;
  background: #2988cc;
  }

/* Focus */

input:focus,
select:focus,
button:focus,
textarea:focus {
  outline: 1px dotted #cfd8dc;
  }

a:focus,
input:focus {
  outline: 0;
  }

/* Links */

a {
  color: #90a4ae;
  -webkit-tap-highlight-color: rgba(38, 50, 56, .25);
  text-decoration: underline;
  -webkit-text-decoration-skip: ink;
  text-decoration-skip: ink;
  -webkit-transition: color .2s;
  transition: color .2s;
  }

a:visited {
  color: #90a4ae;
  }

a:hover,
a:active {
  color: #263238;
  }

@media (pointer: coarse) {

  a {
    color: #90a4ae;
    }

  a:visited,
  a:hover,
  a:active {
    color: #90a4ae;
    }

  }

/* Forms */

fieldset {
  padding: 0;
  border: 0;
  margin: 0;
  }

legend {
  position: relative;
  left: -1.5em;
  padding: 0 1.5em;
  font-weight: bold;
  }

label {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  }

input,
select,
button,
textarea {
  margin: 0;
  font-family: inherit;
  }

input,
select,
button {
  font-size: inherit;
  }

input,
button,
textarea {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  }

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

input,
select,
textarea {
  border: 1px solid #cfd8dc;
  }

input {
  padding: 0 15px;
  }

select,
button {
  text-transform: none;
  }

input,
select {
  vertical-align: top;
  }

input[type='radio'],
input[type='checkbox'] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: auto;
  padding: 0;
  border: 0;
  vertical-align: middle;
  }

input[type='search'],
input[type='number'],
input[type='date'],
button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  }

input:disabled,
input[readonly],
button:disabled,
textarea:disabled,
textarea[readonly] {
  opacity: .5;
  cursor: default;
  cursor: not-allowed;
  }

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #90a4ae;
  opacity: 1;
  }

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #90a4ae;
  opacity: 1;
  }

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #90a4ae;
  opacity: 1;
  }

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  color: #90a4ae;
  opacity: 1;
  }

input::placeholder,
textarea::placeholder {
  color: #90a4ae;
  opacity: 1;
  }

button {
  background: none;
  border: 0;
  font: inherit;
  color: inherit;
  cursor: pointer;
  }

input {
  height: 46px;
  height: 2.88rem;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }

input[type='file'] {
  height: auto;
  border: 0;
  }

input[type='search'] ::-webkit-search-cancel-button {
  -webkit-appearance: none;
  }

input[type='number']::-webkit-inner-spin-button {
  -webkit-appearance: none;
  }

input[type='date']::-webkit-inner-spin-button {
  -webkit-appearance: none;
  }

input[type='date']::-webkit-clear-button {
  -webkit-appearance: none;
  }

select {
  height: 48px;
  height: 3rem;
  vertical-align: top;
  }

select[multiple] {
  height: 120px;
  height: 7.5rem;
  }

textarea {
  overflow: auto;
  height: 190px;
  height: 11.88rem;
  padding: 12px 15px;
  padding: .75rem 15px;
  font-size: inherit;
  }

/* Print Baseline */

@media print {

  /* csslint ignore:start */

  /* Baseline, Typography & Vertical Rhythm */

  pre,
  code,
  var,
  acronym,
  abbr,
  ins,
  del {
    border: 0;
    color: #212121;
    text-decoration: none;
    }

  html,
  body {
    background: #fff;
    }

  blockquote,
  img,
  table,
  tr {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;

    -moz-column-break-inside: avoid;
    }

  acronym[title]:after,
  abbr[title]:after,
  ins[title]:after,
  del[title]:after {
    content: ' (' attr(title) ')';
    }

  @page {
    size: A4;
    margin: .5cm;
    }

  html {
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    }

  body {
    color: #212121;
    font-size: 12pt;
    line-height: 1.5;
    }

  p {
    orphans: 3;
    widows: 3;
    }

  thead {
    display: table-header-group;
    }

  /* Links */

  a[href^='javascript:']:after,
  a[href^='#']:after,
  a[href^='mailto:']:after,
  a[href^='tel:']:after {
    content: '';
    }

  a {
    color: #212121;
    text-decoration: none;
    }

  a:visited,
  a:hover,
  a:active {
    color: #212121;
    }

  a:after {
    content: ' (' attr(href) ')';
    font-size: 90%;
    }

  /* Forms */

  form,
  input,
  select,
  button,
  textarea {
    display: none;
    }

  /* csslint ignore:end */

  }

/* Layout */

html {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  }

body {
  position: relative;
  padding: 0;
  margin: 0;
  background: #fff;
  }

body.hiddenScroll {
  overflow: hidden !important;
  }

body.hiddenScroll .scrollUp {
  display: none !important;
  }

/* Phone Layout */

@media only screen and (max-width: 45em) {

  /* Layout */

  body {
    min-width: 0;
    }

  }

/* Print Layout */

@media print {

  /* Layout */

  body {
    width: auto;
    min-width: 0;
    max-width: none;
    padding: 2.54cm;
    }

  }

/* Visually Hidden */

.footerNavToggle,
.contactDetailLink {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  color: currentColor;
  }

.footerNavToggle:visited,
.contactDetailLink:visited,
.footerNavToggle:hover,
.contactDetailLink:hover,
.footerNavToggle:active,
.contactDetailLink:active {
  color: currentColor;
  }

.footerNavToggle:before,
.contactDetailLink:before {
  position: absolute;
  top: 50%;
  right: 20px;
  content: '';
  display: block;
  width: 4px;
  height: 4px;
  border-width: 2px;
  border-style: solid;
  border-color: currentColor currentColor transparent transparent;
  border-radius: 3px 2px 3px 3px;
  margin: -7px 0 0 -2px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  }

@media only screen and (max-width: 45em) {

  .footerNavToggle,
  .contactDetailLink {
    display: block;
    }

  }

.bonusActivateStart,
.bonusApplication,
.bonusCardLink,
.bonusBenefitsStart,
.bonusScoreStart,
.moreSpecialOffers {
  display: block;
  height: 60px;
  margin: 0 0 30px;
  color: #cfd8dc;
  background: #263238;
  font-size: 14px;
  font-size: .88rem;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 60px;
  }

.bonusActivateStart:visited,
.bonusApplication:visited,
.bonusCardLink:visited,
.bonusBenefitsStart:visited,
.bonusScoreStart:visited,
.moreSpecialOffers:visited {
  color: #cfd8dc;
  }

.bonusActivateStart:hover,
.bonusApplication:hover,
.bonusCardLink:hover,
.bonusBenefitsStart:hover,
.bonusScoreStart:hover,
.moreSpecialOffers:hover,
.bonusActivateStart:active,
.bonusApplication:active,
.bonusCardLink:active,
.bonusBenefitsStart:active,
.bonusScoreStart:active,
.moreSpecialOffers:active {
  color: #e9edef;
  }

@media only screen and (max-width: 45em) {

  .bonusActivateStart,
  .bonusApplication,
  .bonusCardLink,
  .bonusBenefitsStart,
  .bonusScoreStart,
  .moreSpecialOffers {
    height: 50px;
    line-height: 50px;
    }

  }

.bonusFormFrame,
.giftCheckFrame {
  overflow: hidden;
  width: 100%;
  height: 100%;
  border: 0;
  }

.formField,
.formSelect,
.formTextarea,
.formField-short,
.subField {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 20px;
  border: 1px solid #90a4ae;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  }

.formField:focus,
.formSelect:focus,
.formTextarea:focus,
.formField-short:focus,
.subField:focus {
  background-color: #e9edef;
  }

.formSubmit,
.subSubmit,
.subscriptionSuccessOK {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  border: 0;
  border-radius: 0;
  color: #cfd8dc;
  background: #263238;
  font-weight: bold;
  font-size: 14px;
  font-size: .88rem;
  text-transform: uppercase;
  }

.formSubmit:disabled,
.subSubmit:disabled,
.subscriptionSuccessOK:disabled {
  background: #90a4ae;
  opacity: 1;
  }

.formSubmit:hover,
.subSubmit:hover,
.subscriptionSuccessOK:hover {
  color: #f4f7f8;
  }

.formInterestsHolder,
.profileInterestsHolder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 20px 0 45px;
  }

.interestLabel,
.adviceLabel,
.profileInterestsItem {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 15px 20px;
  margin: 0 10px 10px 0;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  -webkit-transition: .2s;
  transition: .2s;
  }

.interestsDesc,
.profileInterestsDesc {
  display: block;
  margin: 10px 0 0;
  font-weight: normal;
  font-size: 14px;
  font-size: .88rem;
  }

.all,
.profileChangeLink {
  color: #90a4ae;
  font-weight: bold;
  font-size: 12px;
  font-size: .75rem;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: .1s;
  transition: .1s;
  }

.all:visited,
.profileChangeLink:visited {
  color: #90a4ae;
  }

.all:hover,
.profileChangeLink:hover,
.all:active,
.profileChangeLink:active {
  color: #607d8b;
  }

.all:before,
.profileChangeLink:before {
  position: absolute;
  top: -50%;
  right: -10px;
  bottom: -50%;
  left: -10px;
  content: '';
  display: block;
  }

@media only screen and (max-width: 45em) {

  .all,
  .profileChangeLink {
    color: #212121;
    }

  .all:visited,
  .profileChangeLink:visited,
  .all:hover,
  .profileChangeLink:hover,
  .all:active,
  .profileChangeLink:active {
    color: #212121;
    }

  .all:before,
  .profileChangeLink:before {
    top: -25%;
    bottom: -25%;
    }

  }

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

.profileSubscriptionItem {
  position: relative;
  padding: 0 0 0 20px;
  margin: 0 0 25px;
  color: #757575;
  }

.profileSubscriptionItem:before {
  position: absolute;
  top: 10px;
  left: 0;
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #dce775;
  }

.bonusNavigation,
.profileNavigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0;
  margin: 0;
  font-weight: bold;
  font-size: 11px;
  font-size: .69rem;
  text-transform: uppercase;
  list-style: none;
  }

@media only screen and (max-width: 61.25em) {

  .bonusNavigation,
  .profileNavigation {
    display: none;
    }

  }

.bonusNavItem,
.profileNavigationItem {
  margin: 10px 0;
  }

.bonusNavLink,
.profileNavigationLink {
  position: relative;
  text-decoration: none;
  }

.bonusNavLink:before,
.profileNavigationLink:before {
  position: absolute;
  bottom: -5px;
  left: 0;
  content: '';
  display: block;
  width: 100%;
  height: 2px;
  background: currentColor;
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transition: -webkit-transform .2s;
  transition: -webkit-transform .2s;
  transition: transform .2s;
  transition: transform .2s, -webkit-transform .2s;
  }

.bonusNavLink:after,
.profileNavigationLink:after {
  position: absolute;
  top: -50%;
  right: 0;
  bottom: -50%;
  left: -30px;
  content: '';
  display: block;
  }

.bonusNavLink.js-pageNavigationLink-is-active,
.js-profileNavigationLink-is-active {
  color: #212121;
  }

.bonusNavLink.js-pageNavigationLink-is-active:visited,
.js-profileNavigationLink-is-active:visited,
.bonusNavLink.js-pageNavigationLink-is-active:hover,
.js-profileNavigationLink-is-active:hover,
.bonusNavLink.js-pageNavigationLink-is-active:active,
.js-profileNavigationLink-is-active:active {
  color: #212121;
  }

.bonusNavLink.js-pageNavigationLink-is-active:before,
.js-profileNavigationLink-is-active:before {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  }

.bonusBenefitList,
.oldCard .giftOptionList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0;
  color: #757575;
  list-style: none;
  }

.bonusBenefitList .bonusBenefit,
.oldCard .giftOptionList .bonusBenefit,
.bonusBenefitList .oldCard .giftOption,
.oldCard .bonusBenefitList .giftOption,
.oldCard .giftOptionList .giftOption {
  margin: 0 0 60px;
  }

@media only screen and (max-width: 45em) {

  .bonusBenefitList,
  .oldCard .giftOptionList {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    }

  .bonusBenefitList .bonusBenefit,
  .oldCard .giftOptionList .bonusBenefit,
  .bonusBenefitList .oldCard .giftOption,
  .oldCard .bonusBenefitList .giftOption,
  .oldCard .giftOptionList .giftOption {
    margin: 0 0 30px;
    }

  }

.bonusBenefitList .bonusBenefit,
.bonusBenefit,
.oldCard .giftOptionList .giftOption,
.oldCard .giftOption {
  position: relative;
  width: 20%;
  }

.bonusBenefitList .bonusBenefit:before,
.bonusBenefit:before,
.oldCard .giftOptionList .giftOption:before,
.oldCard .giftOption:before {
  position: relative;
  content: '';
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 85px;
  height: 85px;
  border: 2px solid #607d8b;
  margin: 0 0 35px;
  }

@media only screen and (max-width: 45em) {

  .bonusBenefitList .bonusBenefit,
  .bonusBenefit,
  .oldCard .giftOptionList .giftOption,
  .oldCard .giftOption {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    }

  .bonusBenefitList .bonusBenefit:before,
  .bonusBenefit:before,
  .oldCard .giftOptionList .giftOption:before,
  .oldCard .giftOption:before {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 60px;
    height: 60px;
    margin: 0 15px 35px 0;
    }

  }

.bonusBenefitSVG,
.oldCard .giftOptionSVG {
  position: absolute;
  top: 42.5px;
  left: 42.5px;
  display: block;
  stroke: #607d8b;
  stroke-width: 2;
  fill: none;
  }

@media only screen and (max-width: 45em) {

  .bonusBenefitSVG,
  .oldCard .giftOptionSVG {
    top: 30px;
    left: 30px;
    }

  }

.page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  }

.aboutSection,
.pageSection,
.staticContent,
.text {
  margin: 100px 14.3%;
  }

@media only screen and (max-width: 81.25em) {

  .aboutSection,
  .pageSection,
  .staticContent,
  .text {
    margin: 60px 6.3%;
    }

  }

@media only screen and (max-width: 61.25em) {

  .aboutSection,
  .pageSection,
  .staticContent,
  .text {
    margin: 60px 20px;
    }

  }

@media only screen and (max-width: 45em) {

  .aboutSection,
  .pageSection,
  .staticContent,
  .text {
    margin: 40px 20px;
    }

  }

.bonusActivate,
.bonusApply,
.bonusBenefits,
.bonusBuy,
.bonusConditions,
.bonusFeedback,
.bonusForm,
.bonusForwarding,
.bonusOffers,
.bonusPartners,
.bonusPayByParts,
.bonusScore,
.bonusSpecial,
.giftApply,
.newCard .giftApply,
.oldCard .giftCheck,
.newCard .giftCheck,
.giftInstructions,
.newCard .giftInstructions,
.oldCard .giftOptions,
.newCard .giftOptions,
.newCard .giftAbout.giftCorparateAbout {
  margin: 130px 14.3%;
  }

@media only screen and (max-width: 61.25em) {

  .bonusActivate,
  .bonusApply,
  .bonusBenefits,
  .bonusBuy,
  .bonusConditions,
  .bonusFeedback,
  .bonusForm,
  .bonusForwarding,
  .bonusOffers,
  .bonusPartners,
  .bonusPayByParts,
  .bonusScore,
  .bonusSpecial,
  .giftApply,
  .newCard .giftApply,
  .oldCard .giftCheck,
  .newCard .giftCheck,
  .giftInstructions,
  .newCard .giftInstructions,
  .oldCard .giftOptions,
  .newCard .giftOptions,
  .newCard .giftAbout.giftCorparateAbout {
    margin: 60px 20px;
    }

  }

@media only screen and (max-width: 45em) {

  .bonusActivate,
  .bonusApply,
  .bonusBenefits,
  .bonusBuy,
  .bonusConditions,
  .bonusFeedback,
  .bonusForm,
  .bonusForwarding,
  .bonusOffers,
  .bonusPartners,
  .bonusPayByParts,
  .bonusScore,
  .bonusSpecial,
  .giftApply,
  .newCard .giftApply,
  .oldCard .giftCheck,
  .newCard .giftCheck,
  .giftInstructions,
  .newCard .giftInstructions,
  .oldCard .giftOptions,
  .newCard .giftOptions,
  .newCard .giftAbout.giftCorparateAbout {
    margin: 40px 20px;
    }

  .bonusActivate h2,
  .bonusApply h2,
  .bonusBenefits h2,
  .bonusBuy h2,
  .bonusConditions h2,
  .bonusFeedback h2,
  .bonusForm h2,
  .bonusForwarding h2,
  .bonusOffers h2,
  .bonusPartners h2,
  .bonusPayByParts h2,
  .bonusScore h2,
  .bonusSpecial h2,
  .giftApply h2,
  .newCard .giftApply h2,
  .oldCard .giftCheck h2,
  .newCard .giftCheck h2,
  .giftInstructions h2,
  .newCard .giftInstructions h2,
  .oldCard .giftOptions h2,
  .newCard .giftOptions h2,
  .newCard .giftAbout.giftCorparateAbout h2 {
    margin-bottom: 0;
    font-size: 14px;
    font-size: .88rem;
    text-transform: uppercase;
    }

  }

.aboutSection h2,
.pageSection h2,
.contacts h2,
.mapSection h2 {
  width: 100%;
  margin: 0 0 15px;
  color: #263238;
  font-size: 22px;
  font-size: 1.38rem;
  text-transform: uppercase;
  line-height: 1.25;
  }

@media only screen and (max-width: 61.25em) {

  .aboutSection h2,
  .pageSection h2,
  .contacts h2,
  .mapSection h2 {
    margin: 0 0 10px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    }

  }

.itemsNext,
.popularNext,
.textSliderNext,
.itemsPrev,
.popularPrev,
.textSliderPrev,
.itemsCounter,
.popularCounter,
.textSliderCounter {
  position: relative;
  display: block;
  width: 60px;
  height: 60px;
  background: #263238;
  text-align: center;
  line-height: 60px;
  }

@media only screen and (max-width: 45em) {

  .itemsNext,
  .popularNext,
  .textSliderNext,
  .itemsPrev,
  .popularPrev,
  .textSliderPrev,
  .itemsCounter,
  .popularCounter,
  .textSliderCounter {
    width: 50px;
    height: 50px;
    background: none;
    font-size: 14px;
    font-size: .88rem;
    line-height: 50px;
    }

  }

.itemsNext,
.popularNext,
.textSliderNext,
.itemsPrev,
.popularPrev,
.textSliderPrev {
  color: #cfd8dc;
  text-indent: -10000px;
  }

.itemsNext:visited,
.popularNext:visited,
.textSliderNext:visited,
.itemsPrev:visited,
.popularPrev:visited,
.textSliderPrev:visited {
  color: #cfd8dc;
  }

.itemsNext:hover,
.popularNext:hover,
.textSliderNext:hover,
.itemsPrev:hover,
.popularPrev:hover,
.textSliderPrev:hover,
.itemsNext:active,
.popularNext:active,
.textSliderNext:active,
.itemsPrev:active,
.popularPrev:active,
.textSliderPrev:active {
  color: #e9edef;
  }

.itemsNext:before,
.popularNext:before,
.textSliderNext:before,
.itemsPrev:before,
.popularPrev:before,
.textSliderPrev:before {
  position: absolute;
  top: 50%;
  left: 50%;
  content: '';
  display: block;
  width: 15px;
  height: 15px;
  border-width: 2px 2px 0 0;
  border-style: solid;
  border-color: currentColor;
  margin: -7.5px 0 0 -7.5px;
  }

.itemsNext.js-sliderNavigation-is-disabled,
.itemsPrev.js-sliderNavigation-is-disabled,
.popularPrev.js-sliderNavigation-is-disabled,
.popularNext.js-sliderNavigation-is-disabled,
.textSliderNext.js-sliderNavigation-is-disabled,
.textSliderPrev.js-sliderNavigation-is-disabled,
.js-textSliderPrev-is-disabled {
  pointer-events: none;
  }

.itemsNext.js-sliderNavigation-is-disabled:before,
.itemsPrev.js-sliderNavigation-is-disabled:before,
.popularPrev.js-sliderNavigation-is-disabled:before,
.popularNext.js-sliderNavigation-is-disabled:before,
.textSliderNext.js-sliderNavigation-is-disabled:before,
.textSliderPrev.js-sliderNavigation-is-disabled:before,
.js-textSliderPrev-is-disabled:before {
  opacity: .5;
  }

@media only screen and (max-width: 45em) {

  .itemsNext,
  .popularNext,
  .textSliderNext,
  .itemsPrev,
  .popularPrev,
  .textSliderPrev {
    color: #263238;
    }

  .itemsNext:visited,
  .popularNext:visited,
  .textSliderNext:visited,
  .itemsPrev:visited,
  .popularPrev:visited,
  .textSliderPrev:visited,
  .itemsNext:hover,
  .popularNext:hover,
  .textSliderNext:hover,
  .itemsPrev:hover,
  .popularPrev:hover,
  .textSliderPrev:hover,
  .itemsNext:active,
  .popularNext:active,
  .textSliderNext:active,
  .itemsPrev:active,
  .popularPrev:active,
  .textSliderPrev:active {
    color: #263238;
    }

  .itemsNext:before,
  .popularNext:before,
  .textSliderNext:before,
  .itemsPrev:before,
  .popularPrev:before,
  .textSliderPrev:before {
    width: 10px;
    height: 10px;
    }

  }

.itemsNext:before,
.popularNext:before,
.textSliderNext:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  }

.itemsPrev:before,
.popularPrev:before,
.textSliderPrev:before {
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  }

.itemsCounter,
.popularCounter,
.textSliderCounter {
  color: #607d8b;
  font-weight: bold;
  }

@media only screen and (max-width: 45em) {

  .itemsCounter,
  .popularCounter,
  .textSliderCounter {
    color: #263238;
    }

  }

.itemsCurrent,
.popularCurrent,
.textSliderCurrent,
.itemsTotal,
.popularTotal,
.textSliderTotal {
  position: absolute;
  top: 0;
  display: block;
  }

.itemsCurrent,
.popularCurrent,
.textSliderCurrent {
  right: 50%;
  margin: 0 .75em 0 0;
  color: #e9edef;
  }

@media only screen and (max-width: 45em) {

  .itemsCurrent,
  .popularCurrent,
  .textSliderCurrent {
    color: #263238;
    }

  }

.itemsTotal,
.popularTotal,
.textSliderTotal {
  left: 50%;
  margin: 0 0 0 .75em;
  }

.formSocialLink,
.profileSocialLink,
.shareLink,
.socialLink {
  position: relative;
  display: block;
  width: 26px;
  height: 26px;
  margin: 10px 0;
  color: #607d8b;
  text-indent: -10000px;
  }

.formSocialLink:visited,
.profileSocialLink:visited,
.shareLink:visited,
.socialLink:visited {
  color: #607d8b;
  }

.formSocialLink:hover,
.profileSocialLink:hover,
.shareLink:hover,
.socialLink:hover,
.formSocialLink:active,
.profileSocialLink:active,
.shareLink:active,
.socialLink:active {
  color: #455a64;
  }

.formSocialLink:before,
.profileSocialLink:before,
.shareLink:before,
.socialLink:before {
  position: absolute;
  z-index: 1;
  top: -25%;
  left: -25%;
  content: '';
  display: block;
  width: 150%;
  height: 150%;
  }

@media only screen and (max-width: 61.25em) {

  .formSocialLink,
  .profileSocialLink,
  .shareLink,
  .socialLink {
    width: 35px;
    height: 35px;
    margin: 10px 15px 10px 0;
    }

  }

.formSocialLinkSVG,
.profileSocialLinkSVG,
.shareLinkSVG,
.socialLinkSVG {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  fill: currentColor;
  }

.bonusInfoLink,
.giftAboutLink,
.giftApply-newCard,
.giftCardItem-delete,
.loginOption {
  position: relative;
  border-bottom: 1px solid currentColor;
  margin: 5px 0 0;
  font-size: 14px;
  font-size: .88rem;
  text-decoration: none;
  -webkit-transition: .2s;
  transition: .2s;
  }

.bonusInfoLink:before,
.giftAboutLink:before,
.giftApply-newCard:before,
.giftCardItem-delete:before,
.loginOption:before {
  position: absolute;
  top: -25%;
  right: 0;
  bottom: -25%;
  left: 0;
  content: '';
  display: block;
  }

.bonusInfoLink:hover,
.giftAboutLink:hover,
.giftApply-newCard:hover,
.giftCardItem-delete:hover,
.loginOption:hover,
.bonusInfoLink:active,
.giftAboutLink:active,
.giftApply-newCard:active,
.giftCardItem-delete:active,
.loginOption:active {
  border-color: transparent;
  }

.bonusScoreTabs,
.formOptions,
.giftApplyTabs {
  border-bottom: 2px solid #cfd8dc;
  font-size: 18px;
  font-size: 1.12rem;

  scroll-behavior: smooth;
  }

.bonusScoreTab,
.formOptionLabel,
.giftApplyTab {
  position: relative;
  display: block;
  padding: 5px 0;
  margin: 0 25px 0 0;
  color: #757575;
  text-decoration: none;
  }

.bonusScoreTab:visited,
.formOptionLabel:visited,
.giftApplyTab:visited {
  color: #757575;
  }

.bonusScoreTab:hover,
.formOptionLabel:hover,
.giftApplyTab:hover,
.bonusScoreTab:active,
.formOptionLabel:active,
.giftApplyTab:active {
  color: #212121;
  }

.bonusScoreTab:before,
.formOptionLabel:before,
.giftApplyTab:before {
  position: absolute;
  top: 100%;
  left: 0;
  content: '';
  display: block;
  width: 100%;
  height: 2px;
  background: #212121;
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transition: .2s;
  transition: .2s;
  }

.bonusScoreTab:after,
.formOptionLabel:after,
.giftApplyTab:after {
  position: absolute;
  top: -50%;
  right: 0;
  bottom: -50%;
  left: 0;
  content: '';
  display: block;
  }

.bonusScoreTab:last-child,
.formOptionLabel:last-child,
.giftApplyTab:last-child {
  padding-right: 20px;
  margin: 0;
  }

.bonusScoreTab:last-child:before,
.formOptionLabel:last-child:before,
.giftApplyTab:last-child:before {
  right: 20px;
  width: auto;
  }

.js-bonusScoreTab-is-active,
.formOptionRadio:checked + .formOptionLabel,
.js-giftApplyTab-is-active {
  color: #212121;
  }

.js-bonusScoreTab-is-active:visited,
.formOptionRadio:checked + .formOptionLabel:visited,
.js-giftApplyTab-is-active:visited,
.js-bonusScoreTab-is-active:hover,
.formOptionRadio:checked + .formOptionLabel:hover,
.js-giftApplyTab-is-active:hover,
.js-bonusScoreTab-is-active:active,
.formOptionRadio:checked + .formOptionLabel:active,
.js-giftApplyTab-is-active:active {
  color: #212121;
  }

.js-bonusScoreTab-is-active:before,
.formOptionRadio:checked + .formOptionLabel:before,
.js-giftApplyTab-is-active:before {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  }

@media only screen and (max-width: 61.25em) {

  .bonusScoreTab,
  .formOptionLabel,
  .giftApplyTab {
    margin: 0 30px 0 0;
    font-weight: bold;
    font-size: 14px;
    font-size: .88rem;
    text-transform: uppercase;
    white-space: nowrap;
    }

  }

@media only screen and (max-width: 61.25em) {

  .bonusScoreTabsHolder,
  .bonusTabsHolder,
  .giftApplyTabsHolder,
  .profileNavigationHolder,
  .shuttleTabsHolder {
    overflow: hidden;
    background: linear-gradient(to top, #cfd8dc, #cfd8dc 2px, rgba(207, 216, 220, 0) 2px, rgba(207, 216, 220, 0));
    }

  }

@media only screen and (max-width: 61.25em) {

  .bonusScoreTabs,
  .bonusTabs,
  .giftApplyTabs,
  .profileNavigation,
  .shuttleTabs {
    overflow: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0 20px 20px;
    }

  }

.tagFilterItems {
  position: absolute;
  padding: 20px 40px 30px 20px;
  margin: 0;
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  list-style: none;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateY(-25px);
  transform: translateY(-25px);
  }

.js-tagFilter-is-active > .tagFilterItems {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  }

.tagFilterItem {
  position: relative;
  margin: 0;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;

  -moz-column-break-inside: avoid;
  }

.schemeTagItem {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
  }

@media only screen and (max-width: 45em) {

  .tagFilterItem {
    padding: 0 20px;
    }

  }

.tagFilterRadio,
.schemeTagRadio {
  position: absolute;
  top: 0;
  left: -10000px;
  display: block;
  height: 0;
  }

.tagFilterLabel:after,
.tagFilterToggle:after {
  position: relative;
  bottom: 100%;
  content: attr(data-count);
  display: inline-block;
  margin: 0 0 0 .5em;
  font-weight: normal;
  font-size: 12px;
  font-size: .75rem;
  line-height: 1;
  vertical-align: middle;
  }

@media only screen and (max-width: 45em) {

  .tagFilterLabel:after,
  .tagFilterToggle:after {
    position: absolute;
    top: 50%;
    right: 30px;
    bottom: auto;
    font-size: 10px;
    font-size: .62rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    }

  }

.tagFilterLabel {
  display: block;
  padding: .5em 0;
  color: #757575;
  -webkit-transition: .2s;
  transition: .2s;
  }

.tagFilterLabel:hover,
.tagFilterLabel:active {
  color: #212121;
  }

.tagFilterRadio:checked + .tagFilterLabel,
.schemeTagRadio:checked + .tagFilterLabel {
  color: #212121;
  }

.js-tagFilterLabel-is-disabled,
.js-schemeTagLabel-is-disabled {
  opacity: .25;
  pointer-events: none;
  }

.tagFilterRadio:checked + .js-tagFilterLabel-is-disabled,
.schemeTagRadio:checked + .js-tagFilterLabel-is-disabled,
.tagFilterRadio:checked + .js-schemeTagLabel-is-disabled,
.schemeTagRadio:checked + .js-schemeTagLabel-is-disabled {
  color: #757575;
  }

.tagFilterRadio:checked + .js-tagFilterLabel-is-disabled:before,
.schemeTagRadio:checked + .js-tagFilterLabel-is-disabled:before,
.tagFilterRadio:checked + .js-schemeTagLabel-is-disabled:before,
.schemeTagRadio:checked + .js-schemeTagLabel-is-disabled:before {
  display: none;
  }

@media (pointer: coarse) {

  .tagFilterLabel:hover,
  .tagFilterLabel:active {
    color: #212121;
    }

  }

.article,
.text {
  color: #757575;
  font-size: 18px;
  font-size: 1.12rem;
  line-height: 1.5;
  }

.article h2,
.text h2 {
  color: #212121;
  }

@media only screen and (max-width: 45em) {

  .article,
  .text {
    font-size: 16px;
    font-size: 1rem;
    }

  }

.aboutSection {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  }

@media only screen and (max-width: 45em) {

  .aboutSection {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    }

  }

.aboutText {
  margin: 0 0 0 260px;
  color: #757575;
  font-size: 1.12rem;
  }

.aboutAside + .aboutText {
  margin: 0;
  }

.aboutText div {
  margin-bottom: 15px;
  }

.aboutText p,
.aboutText li {
  margin: 0;
  color: #757575;
  font-size: 18px;
  font-size: 1.12rem;
  line-height: 1.5;
  }

.aboutText li {
  line-height: 2;
  }

@media only screen and (max-width: 61.25em) {

  .aboutText p {
    font-size: 16px;
    font-size: 1rem;
    }

  .aboutText li {
    font-size: 16px;
    font-size: 1rem;
    }

  }

@media only screen and (max-width: 45em) {

  .aboutText {
    margin: 0;
    }

  .aboutAside + .aboutText {
    margin: 25px 0 0;
    }

  }

.aboutAside {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  width: 333px;
  margin: 0 0 0 13%;
  }

@media only screen and (max-width: 45em) {

  .aboutAside {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    width: auto;
    margin: 25px 0;
    }

  }

.aboutVideo {
  width: 100%;
  height: 600px;
  }

@media only screen and (max-width: 45em) {

  .aboutVideo {
    height: 210px;
    }

  }

.aboutVideoContainer iframe {
  width: 100%;
  }

.sliderVideoPrimary iframe {
  width: 750px;
  height: 340px;
  }

@media only screen and (max-width: 45em) {

  .sliderVideoPrimary iframe {
    width: unset;
    height: 210px;
    }

  }

.aquaparkPage {
  position: relative;
  margin: 0;
  font-family: Roboto, 'PTSans', Arial, Helvetica, sans-serif;
  }

.aquaparkPage .aquaparkPageBackground {
  position: absolute;
  z-index: -2;
  top: -90px;
  right: 0;
  right: var(--shift);
  left: 0;
  width: 100%;
  -webkit-transition: .4s;
  transition: .4s;
  }

@media only screen and (max-width: 45em) {

  .aquaparkPage .aquaparkPageBackground {
    display: none;
    }

  }

.aquaparkAbout,
.aquaparkAttractions,
.aquaparkRates,
.aquaparkMedia,
.aquaparkBuyTicket,
.newAquaBuyTiket,
.payment-section {
  margin: 90px 14.3% 0;
  }

.aquaparkTitle {
  margin: 20px 0;
  color: #263238;
  font-weight: bold;
  font-size: 24px;
  text-transform: uppercase;
  }

.aquaparkLogo {
  position: absolute;
  top: 15%;
  right: 15%;
  width: 156px;
  height: 156px;
  background: #efefef;
  }

.aquaparkLogo img {
  display: block;
  width: 80%;
  margin: 12% 10%;
  }

@media only screen and (max-width: 45em) {

  .aquaparkLogo {
    top: inherit;
    right: 50%;
    bottom: -30px;
    display: none;
    width: 100px;
    height: 100px;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    }

  }

.aboutInfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 0 15px;
  }

.aboutInfoItem {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 15px 45px 15px 75px;
  color: #767576;
  font-size: 14px;
  }

.AquaparkUrl {
  -ms-flex-item-align: baseline;
  align-self: baseline;
  padding-top: 30px;
  margin-top: 3px;
  }

.aboutInfoItem::before {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  display: block;
  width: 2px;
  height: 70px;
  background: #e9edef;
  }

.aboutInfoItem:nth-child(2)::before {
  top: 5px;
  }

.aboutInfoItem:first-child {
  padding-right: 35px;
  padding-left: 30px;
  }

.aboutInfoItem:first-child::before {
  display: none;
  }

.aboutInfoIcon {
  position: absolute;
  top: 50%;
  left: 39px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  }

.aboutInfoIcon.phone {
  left: 47px;
  }

.aboutInfoItem:first-child .aboutInfoIcon {
  top: 45%;
  left: 0;
  }

.aboutInfoItem_telBlock {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  }

.aboutInfoItem_telBlock:first-of-type {
  margin-bottom: 14px;
  }

.aboutInfoItem_telBlock .aboutInfoIcon {
  top: unset;
  left: -25px;
  -webkit-transform: none;
  transform: none;
  }

.infoLink {
  color: #90a4ae;
  font-size: 14px;
  text-decoration: underline;
  }

.phoneLink {
  color: #767576;
  font-size: 14px;
  text-decoration: none;
  }

.infoText {
  margin: 0 0 30px;
  color: #767576;
  font-size: 18px;
  font-size: 1.12rem;
  text-align: justify;
  line-height: 1.5;
  }

.aquaparkAbout p {
  margin: 0 0 30px;
  color: #767576;
  font-size: 18px;
  font-size: 1.12rem;
  text-align: justify;
  line-height: 1.5;
  }

.infoAdvantages {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  }

.advantageItem {
  position: relative;
  width: 25%;
  color: #767576;
  font-size: 14px;
  }

.advantageItem::before {
  content: '';
  display: inline-block;
  width: 85px;
  height: 85px;
  border: 2px solid #607d8b;
  margin-right: 10px;
  vertical-align: middle;
  }

.advantageItemSVG {
  position: absolute;
  }

.advantageItemSVG-slides {
  top: 20px;
  left: 22px;
  width: 45px;
  height: 46px;
  }

.advantageItemSVG-worktime {
  top: 24px;
  left: 25px;
  width: 41px;
  height: 42px;
  }

.advantageItemSVG-tickets {
  top: 22px;
  left: 27px;
  width: 38px;
  height: 44px;
  }

.advantageItemSVG-group {
  top: 28px;
  left: 22px;
  width: 45px;
  height: 37px;
  }

.advantageText {
  display: inline-block;
  max-width: 120px;
  vertical-align: middle;
  }

.attractionsList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-left: -1%;
  }

.attractionItem {
  width: 22.5%;
  padding: 1.25%;
  cursor: pointer;
  }

.attractionItem:nth-child(5),
.attractionItem:nth-child(6),
.attractionItem:nth-child(11),
.attractionItem:nth-child(18) {
  width: 47.5%;
  }

.attractionDescr {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 30px 0;
  border: 1px solid #cfd8dc;
  border-top: none;
  color: #757575;
  background: #f0f3f4;
  font-size: 14px;
  text-align: center;
  }

.attractionName {
  display: block;
  margin-bottom: 10px;
  color: #212121;
  font-size: 17px;
  }

.attractionPhoto {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding-top: 100%;
  border: 1px solid #cfd8dc;
  border-bottom: none;
  background-position: center center;
  }

.attractionItem:nth-child(5) .attractionPhoto,
.attractionItem:nth-child(6) .attractionPhoto,
.attractionItem:nth-child(11) .attractionPhoto,
.attractionItem:nth-child(18) .attractionPhoto {
  padding-top: 47%;
  }

@media only screen and (max-width: 45em) {

  .attractionItem:nth-child(5) .attractionPhoto,
  .attractionItem:nth-child(6) .attractionPhoto,
  .attractionItem:nth-child(11) .attractionPhoto,
  .attractionItem:nth-child(18) .attractionPhoto {
    padding-top: 100%;
    }

  }

.aquaparkRates .bonusTabs {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin: 25px 0 80px;
  }

@media only screen and (max-width: 45em) {

  .aquaparkRates .bonusTabs {
    overflow-y: hidden;
    padding: 0;
    margin: 0;
    }

  }

.ratesTable {
  width: 100%;
  border: 2px solid #efefef;
  border-collapse: collapse;
  margin: 0;
  background: #fff;
  text-align: center;
  table-layout: fixed;
  }

.ratesTableHeader tr th {
  padding: 6px 0;
  border: none;
  color: #263238;
  background: #efefef;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  line-height: 1;
  }

.ratesTableHeader tr .children-years {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 10px;
  }

.ratesTableBody tr td {
  padding: 16px 0;
  border: none;
  color: #3d3d3d;
  font-size: 18px;
  }

.ratesTableBody tr .withBorder {
  border-bottom: 2px solid #efefef;
  }

.ratesTableBody tr:nth-child(2n) {
  background: #f8f8f8;
  }

.ratesTableBody tr td.cellCaption {
  border-right: 2px solid #efefef;
  background: #fff;
  }

.detailButtonWrap {
  margin: 65px 0;
  text-align: center;
  }

.aquaparkDetailButton {
  display: inline-block;
  padding: 25px;
  color: #cfd8dc;
  background: #263238;
  font-size: 14px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  }

.aquaparkDetailButton:hover {
  color: #cfd8dc;
  }

.aquaparkDetailButton:visited {
  color: #cfd8dc;
  }

.ratesTabContent {
  margin: 0 0 20px;
  }

.ratesTabContent:last-child {
  margin-bottom: 0;
  }

.buyTicketButton {
  position: fixed;
  z-index: 204;
  right: -64px;
  bottom: 44%;
  display: inline-block;
  padding: 20px 20px 20px 60px;
  color: #cfd8dc;
  background: #263238;
  font-size: 14px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  text-transform: uppercase;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  }

.buyTicketButton:hover {
  color: #cfd8dc;
  }

.buyTicketButton:visited {
  color: #cfd8dc;
  }

.buyTicketButton::before {
  position: absolute;
  top: 15px;
  left: 20px;
  content: '';
  display: block;
  width: 30px;
  height: 24px;
  background: url(/images/aquapark/ticket_light.png) no-repeat;
  background-size: cover;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  }

.groupTarifTitle {
  margin: 1rem 0;
  color: #263238;
  font-weight: bold;
  font-size: 18px;
  text-align: justify;
  }

.groupTarifText {
  margin: 1rem 0;
  color: #767576;
  font-size: 18px;
  text-align: justify;
  }

.groupTarifText:last-child {
  margin-bottom: 0;
  }

.groupTarifText .red {
  color: red;
  font-weight: bold;
  }

@media only screen and (max-width: 45em) {

  .aquaparkRates .bonusTabsHolder {
    margin: 30px 0 30px;
    }

  .aquaparkRates .bonusTabsHolder .bonusTab {
    margin: 0 15px 0 0;
    text-transform: none;
    }

  }

.aquaparkPopup {
  position: fixed;
  z-index: 1300;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .2s .2s, visibility .2s .2s step-start;
  transition: opacity .2s .2s, visibility .2s .2s step-start;
  }

.aquaparkPopup.active {
  visibility: visible;
  opacity: 1;
  }

.aquaparkPopupOverlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  background: #000;
  opacity: .5;
  }

.aquaparkPopupContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  outline: 0;
  }

.aquaparkPopupRoot {
  position: relative;
  height: 580px;
  max-width: 60%;
  max-height: calc(100% - 64px);
  margin: 32px;
  background: #f0f3f4;
  }

.aquaparkPopupRoot .popupContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  overflow-y: auto;
  overflow-y: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: auto;
  max-height: 100%;
  padding: 20px;
  }

@media only screen and (max-width: 61.25em) {

  .aquaparkPopupRoot {
    height: calc(100% - 30px);
    max-width: calc(100% - 30px);
    max-height: calc(100% - 30px);
    margin: 15px;
    }

  .aquaparkPopupRoot .popupContent {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow-y: auto;
    padding: 15px;
    }

  }

.mobileTitle {
  display: none;
  }

@media only screen and (max-width: 61.25em) {

  .mobileTitle {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0 0 15px;
    color: #263238;
    font-weight: 700;
    font-size: 20px;
    text-transform: uppercase;
    }

  }

.popupClose {
  position: absolute;
  top: -15px;
  right: -15px;
  display: block;
  width: 40px;
  height: 40px;
  background: url(/images/aquapark/popup-close.png) no-repeat;
  background-size: contain;
  cursor: pointer;
  }

@media only screen and (max-width: 61.25em) {

  .popupClose {
    width: 35px;
    height: 35px;
    }

  }

.aquaparkPopupGallery {
  width: 65%;
  }

@media only screen and (max-width: 61.25em) {

  .aquaparkPopupGallery {
    width: 100%;
    }

  }

.aquaparkPopupInfo {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 35%;
  padding-left: 20px;
  }

.aquaparkPopupInfo .popupTitle {
  margin: 0 0 30px;
  color: #263238;
  font-weight: bold;
  font-size: 24px;
  text-transform: uppercase;
  }

.aquaparkPopupInfo .popupDetailText {
  margin-bottom: 20px;
  color: #767576;
  font-size: 18px;
  }

.aquaparkPopupInfo .popupDetailText p {
  margin: 0;
  }

@media only screen and (max-width: 61.25em) {

  .aquaparkPopupInfo {
    width: 100%;
    padding-left: 0;
    }

  .aquaparkPopupInfo .popupTitle {
    display: none;
    }

  .aquaparkPopupInfo .popupDetailText {
    margin: 20px 0;
    font-size: 16px;
    }

  }

.attractionFeature .featureItem {
  display: inline-block;
  width: auto;
  margin-right: 5%;
  text-align: center;
  }

.attractionFeature .imgContainer {
  position: relative;
  width: 80px;
  height: 80px;
  border: 1px solid #607d8b;
  margin: auto;
  }

.attractionFeature .imgContainer img {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 60%;
  max-height: 60%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  }

.attractionFeature .featureText {
  margin: 5px 0;
  color: #767576;
  font-size: 14px;
  }

.attractionFeature .featureText strong {
  display: block;
  }

@media only screen and (max-width: 61.25em) {

  .attractionFeature {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    }

  .attractionFeature .featureItem {
    width: 50%;
    margin-right: 0;
    margin-bottom: 20px;
    text-align: left;
    }

  .attractionFeature .imgContainer {
    display: inline-block;
    width: 60px;
    height: 60px;
    margin-right: 5px;
    vertical-align: middle;
    }

  .attractionFeature .imgContainer img {
    display: block;
    max-width: 50%;
    max-height: 60%;
    }

  .attractionFeature .featureText {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    }

  }

.attractionGallery {
  height: 400px;
  margin-bottom: 20px;
  }

@media only screen and (max-width: 45em) {

  .attractionGallery {
    height: 210px;
    }

  }

.sliderCounter {
  position: absolute;
  z-index: 1;
  right: 60px;
  bottom: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 60px;
  padding: 0 15px;
  color: #607d8b;
  background: #263238;
  font-weight: 700;
  font-size: 16px;
  line-height: 60px;
  pointer-events: none;
  }

.sliderCounter::first-letter {
  color: #cfd8dc;
  }

@media only screen and (max-width: 61.25em) {

  .sliderCounter {
    right: 40px;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    }

  }

.buyTicketWidgetWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  }

@media only screen and (max-width: 45em) {

  .buyTicketWidgetWrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    }

  }

.buyTicketButtonsWrap {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 25%;
  padding: 0 15px;
  }

.buyTicketButtonsWrap .widgetButton {
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 10px 20px;
  border: 1px solid transparent;
  border-radius: .25rem;
  margin-bottom: 20px;
  color: #000;
  background: #f0f0f0;
  font-weight: 400;
  font-size: 16px;
  text-align: center;
  line-height: 1.5;
  vertical-align: middle;
  white-space: nowrap;
  }

.buyTicketButtonsWrap .widgetButton.dark {
  border-color: #343a40;
  color: #fff;
  background-color: #343a40;
  }

@media only screen and (max-width: 45em) {

  .buyTicketButtonsWrap {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    }

  }

.buyTicketWidget {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
  }

@media only screen and (max-width: 45em) {

  .buyTicketWidget {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    }

  }

.aquaparkHeaderButton {
  position: relative;
  display: block;
  height: 65px;
  max-width: 180px;
  padding: 0 35px;
  margin: 80px 0 30px;
  color: #cfd8dc;
  background: #263238;
  font-size: 14px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 65px;
  -webkit-transition: color .3s;
  transition: color .3s;
  }

.aquaparkHeaderButton:hover,
.aquaparkHeaderButton:visited {
  color: #cfd8dc;
  }

@media only screen and (max-width: 45em) {

  .aquaparkHeaderButton {
    margin-top: 50px;
    }

  }

@media only screen and (max-width: 81.25em) {

  .aquaparkAbout,
  .aquaparkAttractions,
  .aquaparkRates,
  .aquaparkMedia,
  .aquaparkBuyTicket {
    margin: 60px 6.3%;
    }

  .ratesTableHeader tr th {
    font-size: 16px;
    font-size: 1rem;
    }

  .ratesTableBody tr td {
    font-size: 16px;
    font-size: 1rem;
    }

  }

@media only screen and (max-width: 61.25em) {

  .aquaparkAbout,
  .aquaparkAttractions,
  .aquaparkRates,
  .aquaparkMedia,
  .aquaparkBuyTicket {
    margin: 60px 20px;
    }

  .aquaparkTitle {
    margin: 0 0 20px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    }

  .advantageText {
    display: block;
    }

  .advantageItem::before {
    margin-bottom: 10px;
    }

  .infoAdvantages {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    }

  }

@media only screen and (max-width: 45em) {

  .aquaparkAttractions,
  .aquaparkRates,
  .aquaparkMedia,
  .aquaparkBuyTicket {
    margin: 40px 20px;
    }

  .aquaparkAbout {
    margin: 60px 20px 40px;
    }

  .aboutInfoItem::before {
    display: none;
    }

  .aboutInfo {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    }

  .aboutInfoItem,
  .aboutInfoItem:first-child {
    padding: 10px 0 10px 40px;
    }

  .aboutInfoIcon {
    left: 0;
    }

  .aboutInfoIcon.phone,
  .aboutInfoIcon.whatsapp {
    left: -38px;
    }

  .infoAdvantages {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    }

  .advantageItem {
    width: 50%;
    margin: 0 0 20px;
    font-size: 12px;
    }

  .advantageText {
    margin: 10px 0 0;
    }

  .infoText {
    font-size: 16px;
    font-size: 1rem;
    }

  .aquaparkAbout p {
    font-size: 16px;
    font-size: 1rem;
    }

  .aboutInfoItem {
    font-size: 12px;
    }

  .phoneLink {
    font-size: 12px;
    }

  .infoLink {
    font-size: 12px;
    }

  .attractionName {
    font-size: 14px;
    }

  .attractionDescr {
    padding: 20px 0;
    font-size: 12px;
    }

  .attractionsList {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-y: scroll;
    }

  .ratesTableHeader tr th.nomobile {
    font-size: 0;
    }

  .ratesTableBody tr td.cellCaption span {
    display: inline-block;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    }

  .ratesTableBody tr td.cellCaption.allCategories {
    color: #263238;
    background: #efefef;
    font-weight: bold;
    }

  .ratesTableHeader tr th {
    padding: 5px 0;
    font-size: .4rem;

    overflow-wrap: break-word;
    }

  .ratesTableBody tr td {
    padding: 5px 0;
    font-size: .6rem;
    }

  .buyTicketButton {
    display: none;
    }

  .ratesTable {
    border: 1px solid #efefef;
    }

  .ratesTableBody tr .withBorder {
    border-bottom: 1px solid #efefef;
    }

  .ratesTableBody tr td.cellCaption {
    border-right: 1px solid #efefef;
    }

  .groupTarifTitle {
    margin: .6rem 0;
    font-size: 13px;
    }

  .groupTarifText {
    margin: .6rem 0;
    font-size: 12px;
    }

  .aquaparkDetailButton {
    width: 100%;
    padding: 15px 0;
    margin-bottom: 10px;
    font-size: 12px;
    }

  .attractionItem,
  .attractionItem:nth-child(5),
  .attractionItem:nth-child(6),
  .attractionItem:nth-child(11),
  .attractionItem:nth-child(18) {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 200px;
    margin-bottom: 0;
    }

  }

@media only screen and (max-width: 370px) {

  .attractionFeature .featureText {
    font-size: 13px;
    }

  .aquaparkPopupInfo .attractionFeature .imgContainer {
    width: 50px;
    height: 50px;
    }

  }

.newAquaBuyTiket .middle {
  margin-top: 64px;
  margin-bottom: 60px;
  }

@media (max-width: 768px) {

  .newAquaBuyTiket {
    margin: 40px 20px;
    }

  .newAquaBuyTiket .main-title-text {
    margin-top: 70px;
    margin-bottom: 36px;
    font-size: 24px;
    line-height: 29px;
    }

  }

.r2_what,
.r2_when,
.r2_who {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  }

.r2_what .vector {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  }

.r2_what .vector .vector-ticket {
  margin-bottom: 20px;
  }

.r2_what .vector .vector-arrow {
  margin-bottom: 26px;
  }

.r2_button_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 520px;
  height: 48px;
  border-radius: 4px;
  margin-bottom: 20px;
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
  font-family: PT Sans;
  line-height: 24px;
  }

.r2_button_wrap:last-child {
  margin-bottom: 0;
  }

.r2_button_wrap a,
.r2_button_wrap button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  }

@media (max-width: 768px) {

  .r2_button_wrap {
    width: 100%;
    margin-bottom: 38px;
    font-size: 14px;
    line-height: 24px;
    }

  }

.btn-to-buy {
  color: #fff !important;
  background: #343a40;
  text-decoration: none;
  text-decoration: none !important;
  text-transform: uppercase;
  }

.btn-to-buy:hover {
  font-weight: inherit !important;
  }

.blocks_names_block {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 1013px;
  }

.blocks_names_block::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  display: block;
  width: 100%;
  height: 2px;
  background: #cfd9da;
  }

.blocks_names_block .block_name {
  position: relative;
  padding-bottom: 17px;
  margin-right: 50px;
  color: #90a4ae;
  font-weight: normal;
  font-style: normal;
  font-size: 22px;
  font-family: PT Sans;
  line-height: 33px;
  }

.blocks_names_block .block_name:last-child {
  margin-right: 0;
  }

@media (max-width: 768px) {

  .blocks_names_block .block_name {
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 32px;
    margin-right: 0;
    font-size: 22px;
    line-height: 33px;
    }

  }

.blocks_names_block .active_block_name {
  position: relative;
  color: #212121;
  }

.blocks_names_block .active_block_name::after {
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  content: '';
  display: block;
  width: 100%;
  height: 2px;
  background: #212121;
  }

@media (max-width: 768px) {

  .blocks_names_block .active_block_name::after {
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    }

  }

@media (max-width: 768px) {

  .blocks_names_block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
    }

  .blocks_names_block::after {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    display: block;
    width: 4px;
    height: 100%;
    background: #cfd9da;
    }

  }

.btn_wrapp_100 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  }

.r2_calendar {
  width: 735px;
  }

@media (max-width: 768px) {

  .r2_calendar {
    width: 100%;
    }

  }

.widget_place {
  width: 896px;
  height: 550px;
  border: 1px solid #cfd8dc;
  margin: 0 auto;
  }

@media (max-width: 768px) {

  .widget_place {
    width: 100%;
    }

  }

.r2_breadcrumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 896px;
  margin: 0 auto;
  margin-bottom: 45px;
  }

.r2_breadcrumbs a {
  position: relative;
  height: 29px;
  margin-right: 59px;
  color: #607d8b;
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  font-family: PT Sans;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 29px;
  cursor: pointer;
  }

.r2_breadcrumbs a:hover {
  font-weight: inherit;
  text-decoration: none;
  }

.r2_breadcrumbs a::after {
  position: absolute;
  top: 41%;
  right: -37px;
  content: '';
  display: block;
  width: 14px;
  height: 9px;
  background: url('/images/aquapark/arrow_right_small.svg');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  }

.r2_breadcrumbs a:last-child {
  margin-right: 0;
  }

.r2_breadcrumbs a:last-child::after {
  display: none;
  }

@media (max-width: 768px) {

  .r2_breadcrumbs a {
    height: auto;
    margin-right: 57px;
    font-size: 18px;
    text-align: center;
    line-height: 24px;
    }

  }

@media (max-width: 768px) {

  .r2_breadcrumbs {
    width: 100%;
    margin-bottom: 35px;
    }

  }

.back-btn {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 137px;
  height: 48px;
  border: 1px solid #343a40;
  border-radius: 4px;
  margin-top: 50px;
  color: #fff;
  background: #343a40;
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
  font-family: PT Sans;
  text-align: center;
  text-transform: uppercase;
  line-height: 24px;
  }

.selector-time-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 735px;
  height: 293px;
  border-top: 1px solid #607d8b;
  border-bottom: 1px solid #607d8b;
  margin: 0 auto;
  }

.selector-time-wrap .hours_btns {
  margin-right: 220px;
  text-decoration: none;
  }

.selector-time-wrap .hours_btns:last-child {
  margin-right: 0;
  }

@media (max-width: 768px) {

  .selector-time-wrap .hours_btns {
    margin-right: 0;
    }

  }

.selector-time-wrap .selector-time-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  }

.selector-time-wrap .selector-time-item .selector-time-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 51px;
  }

.selector-time-wrap .selector-time-item .selector-time-text {
  color: #607d8b;
  font-weight: bold;
  font-style: normal;
  font-size: 20px;
  font-family: PT Sans;
  text-align: center;
  line-height: 24px;
  }

@media (max-width: 768px) {

  .selector-time-wrap {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    height: 216px;
    }

  }

.pay_description {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  }

.pay_description .bank-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 1052px;
  margin-bottom: 92px;
  }

@media (max-width: 768px) {

  .pay_description .bank-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    margin-bottom: 0;
    }

  }

.pay_description .bank-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  }

.pay_description .bank-item .bank-item-logo {
  margin-bottom: 21px;
  }

.pay_description .bank-item .bank-item-name {
  color: #607d8b;
  font-weight: normal;
  font-style: normal;
  font-size: 18px;
  font-family: PT Sans;
  text-align: center;
  text-transform: uppercase;
  line-height: 30px;
  }

@media (max-width: 768px) {

  .pay_description .bank-item {
    margin-bottom: 62px;
    }

  .pay_description .bank-item:last-child {
    margin-bottom: 0;
    }

  }

.pay_description_p {
  margin: 0;
  margin-bottom: 51px;
  color: #212121;
  font-weight: bold;
  font-style: normal;
  font-size: 19px;
  font-family: PT Sans;
  text-align: center;
  line-height: 32px;
  }

@media (max-width: 768px) {

  .pay_description_p {
    margin-bottom: 62px;
    font-size: 18px;
    line-height: 32px;
    }

  }

.payment-section {
  margin-top: 0;
  }

@media (max-width: 768px) {

  .payment-section {
    margin: 40px 20px;
    }

  }

.rules_modal_block {
  position: fixed;
  z-index: 1111111;
  top: 0;
  left: 0;
  display: none;
  overflow-y: auto;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, .4);
  }

.rules_modal_block .rules_block {
  position: relative;
  min-height: 400px;
  max-width: 500px;
  padding: 38px;
  border-radius: 4px;
  margin: 1.75rem auto;
  background: #fff;
  }

@media (max-width: 768px) {

  .rules_modal_block .rules_block {
    width: auto;
    max-width: inherit;
    padding: 13px;
    margin: .5rem;
    }

  }

.rules_modal_block .close_x {
  position: absolute;
  top: 20px;
  right: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 17px;
  height: 17px;
  padding: 0;
  border: 0;
  background: none;
  outline: none;
  }

.rules_modal_block .rules {
  width: 100%;
  }

.rules_modal_block .rules h2 {
  margin-top: 17px;
  margin-bottom: 42px;
  color: #111;
  font-weight: bold;
  font-style: normal;
  font-size: 20px;
  font-family: PT Sans;
  text-align: center;
  line-height: 22px;
  }

@media (max-width: 768px) {

  .rules_modal_block .rules h2 {
    margin-bottom: 22px;
    font-size: 16px;
    }

  }

.rules_modal_block .rules ul {
  padding: 0;
  list-style: none;
  }

.rules_modal_block .rules ul li {
  position: relative;
  margin-top: 0;
  margin-bottom: 15px;
  color: #000;
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
  font-family: PT Sans;
  text-indent: 20px;
  line-height: 21px;
  }

.rules_modal_block .rules ul li:last-child {
  margin-bottom: 0;
  }

.rules_modal_block .rules ul li img {
  position: absolute;
  top: 7px;
  left: 0;
  }

.rules_modal_block .rules ul li a {
  text-decoration: none;
  }

@media (max-width: 768px) {

  .rules_modal_block .rules ul li {
    margin-bottom: 12px;
    font-size: 14px;
    line-height: 16px;
    }

  }

.rules_modal_block .btn_wrap_100 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  margin-top: 45px;
  }

.rules_modal_block .btn_wrap_100 .close-big-btn {
  width: 106px;
  height: 33px;
  border-radius: 20px;
  font-weight: bold;
  font-size: 12px;
  font-family: PT Sans;
  text-align: center;
  text-transform: uppercase;
  line-height: 27px;
  }

.active_modal {
  display: block;
  }

.aquaparkMedia {
  overflow: hidden;
  }

#privilageTabPices {
  overflow: auto;
  }

.footfallSection p,
.footfallSection li {
  color: #757575;
  font-size: 18px;
  }

.footfallSection h4 {
  color: #757575;
  }

.footfallSection a {
  color: #757575;
  }

.footfallSection .pageSection {
  margin-top: 50px;
  }

.footfallSection .indicatorScheme {
  width: 600px;
  max-width: 100%;
  margin: 0;
  margin: 20px 0;
  }

.footfallSection .indicatorList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: 100%;
  }

.footfallSection .indicator-ex-wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 280px;
  min-height: 100%;
  max-width: 280px;
  padding: 10px 0;
  margin: 0 0 20px;
  background: #fff;
  }

.footfallSection .indicator-ex-text {
  width: 100px;
  padding: 0 10px;
  margin: auto auto auto 10px;
  color: #757575;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  }

.footfallSection .progress-ex-bar {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  width: 100px;
  height: 100px;
  min-width: 100px;
  margin: 0 0 10px;
  }

.footfallSection .progress-ex-bar div {
  position: absolute;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  }

.footfallSection .progress-ex-bar div span {
  position: absolute;
  top: 8px;
  left: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  width: 80px;
  height: 80px;
  padding: 0 0 0 0;
  border: 2px solid #fff;
  border-radius: 50%;
  background-color: white;
  font-size: 25px;
  text-align: center;
  line-height: 25px;
  }

.footfallSection .progress-ex-bar div span div {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  width: 100%;
  height: 100%;
  margin: auto;
  text-align: center;
  text-align: center;
  }

.footfallSection .progress-ex-bar div span div span {
  position: relative;
  top: 1px;
  left: 0;
  -webkit-box-flex: 0;
  -ms-flex: 0;
  flex: 0;
  width: 100%;
  height: auto;
  border: 0;
  background: none;
  line-height: 3px;
  }

.footfallSection .background {
  background-color: #cfd8dc;
  }

.footfallSection .rotate {
  clip: rect(0 50px 100px 0);
  background-color: #6cc24a;
  }

.footfallSection .left {
  clip: rect(0 50px 100px 0);
  background-color: #cfd8dc;
  opacity: 1;
  }

.footfallSection .right {
  clip: rect(0 50px 100px 0);
  background-color: #6cc24a;
  opacity: 0;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  }

@-webkit-keyframes toggle {
  0% {
    opacity: 0;
    }

  100% {
    opacity: 1;
    }

  }

@keyframes toggle {
  0% {
    opacity: 0;
    }

  100% {
    opacity: 1;
    }

  }

@media screen and (max-width: 1180px) {

  .footfallSection .indicator-ex-wrap {
    width: 230px;
    max-width: 230px;
    }

  .footfallSection .indicator-ex-text {
    font-size: 20px;
    }

  .footfallSection .right,
  .footfallSection .left,
  .footfallSection .rotate {
    clip: rect(0 40px 80px 0);
    }

  .footfallSection .progress-ex-bar {
    width: 70px;
    min-width: 70px;
    }

  .footfallSection .progress-ex-bar div span {
    top: 5px;
    left: 5px;
    width: 70px;
    height: 70px;
    border: 0;
    font-size: 16px;
    }

  .footfallSection .progress-ex-bar,
  .footfallSection .progress-ex-bar div {
    width: 80px;
    height: 80px;
    }

  }

@media screen and (max-width: 970px) {

  .footfallSection .indicator-ex-wrap {
    width: 185px;
    max-width: 185px;
    }

  .footfallSection .indicatorScheme {
    margin: 0 0 20px;
    }

  .footfallSection .indicator-ex-text {
    font-size: 16px;
    line-height: 21px;
    }

  }

@media screen and (max-width: 620px) {

  .footfallSection .indicator-ex-wrap {
    width: 100%;
    max-width: 100%;
    margin: 0 auto 10px;
    }

  }

.footfall-prognose {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  min-width: 100%;
  }

.footfall-prognose h2 {
  width: 100%;
  font-weight: 600;
  font-size: 1.5rem !important;
  text-align: center;
  }

.footfall-prognose__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-width: 100%;
  }

.footfall-prognose__header-controls {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  width: 100%;
  height: 100px;
  min-width: 100%;
  }

.footfall-prognose__header-controls__left-arrow {
  display: none;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  width: 60px;
  height: 50px;
  max-width: 60px;
  margin: auto 10px auto auto;
  background: #263238;
  cursor: pointer;
  }

.footfall-prognose__header-controls__right-arrow {
  display: none;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  width: 60px;
  height: 50px;
  max-width: 60px;
  margin: auto auto auto 10px;
  background: #263238;
  cursor: pointer;
  }

.footfall-prognose__header-controls__left-arrow svg,
.footfall-prognose__header-controls__right-arrow svg {
  stroke: #e9edef;
  }

.--disabled-footfall-arrow {
  cursor: not-allowed;
  }

.--disabled-footfall-arrow svg {
  stroke: #607d8b !important;
  }

@media screen and (max-width: 700px) {

  .footfall-prognose__header-controls__left-arrow,
  .footfall-prognose__header-controls__right-arrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    }

  }

/*wrapper for days controls*/

.footfall-prognose__header-controls__controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  overflow: hidden;
  width: 100%;
  height: 100%;
  }

@media screen and (max-width: 700px) {

  .footfall-prognose__header-controls__controls {
    width: 80px;
    max-width: 80px;
    }

  .footfall-prognose__header-controls__controls__item {
    width: 80px;
    min-width: 80px;
    margin: auto 0;
    }

  }

.footfall-prognose__header-controls__controls__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  width: 12%;
  height: 50px;
  max-width: 12%;
  color: #607d8b;
  background: #263238;
  font-size: 12px;
  cursor: pointer;
  }

.footfall-prognose__header-controls__controls__item.--active-day {
  color: #e9edef;
  }

.footfall-prognose__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  min-width: 100%;
  }

.footfall-prognose__body-wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  height: 300px;
  min-width: 100%;
  min-height: 300px;
  }

.footfall-prognose__body-metrics {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  width: 7%;
  min-height: 100%;
  margin: 0 0;
  margin: 0 3% 0 0;
  }

.footfall-prognose__body-metrics__item {
  width: 100%;
  }

.--green-footfall-metric {
  background: #6cc24a;
  }

.--yellow-footfall-metric {
  background: #ffb81c;
  }

.--red-footfall-metric {
  background: #d22630;
  }

.footfall-prognose__body-metrics__green-after {
  position: absolute;
  z-index: 9;
  width: 100%;
  border-top: 1px solid #6cc24a;
  }

.footfall-prognose__body-metrics__yellow-after {
  position: absolute;
  z-index: 9;
  width: 100%;
  border-top: 1px solid #ffb81c;
  }

.footfall-prognose__body-metrics__red-after {
  position: absolute;
  z-index: 9;
  width: 100%;
  border-top: 1px solid #d22630;
  }

.footfall-prognose__body-metrics__green-after:after {
  position: relative;
  top: 1%;
  content: 'Свободно';
  margin-left: 8%;
  color: #6cc24a;
  font-size: 14px;
  text-transform: uppercase;
  }

.footfall-prognose__body-metrics__yellow-after:after {
  position: relative;
  top: 1%;
  content: 'Комфортно';
  margin-left: 8%;
  color: #ffb81c;
  font-size: 14px;
  text-transform: uppercase;
  }

.footfall-prognose__body-metrics__red-after:after {
  position: relative;
  top: 1%;
  content: 'Многолюдно';
  margin-left: 8%;
  color: #d22630;
  font-size: 14px;
  text-transform: uppercase;
  }

.footfall-prognose__body-values {
  position: relative;
  overflow: hidden;
  width: 85%;
  min-height: 100%;
  margin: 0 1% 0 auto;
  }

.footfall-prognose__body-values__now {
  position: absolute;
  bottom: 0;
  left: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  }

@media screen and (max-width: 800px) {

  .footfall-prognose__body-values__now {
    left: 2px;
    }

  }

.footfall-prognose__body-values__prognose {
  position: absolute;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  }

.footfall-prognose__body-values__item-wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  }

.footfall-prognose__body-values__now-item {
  width: 85%;
  margin: auto auto 0 0;
  background: rgba(12, 107, 182, .6);
  }

.footfall-prognose__body-values__prognose-item {
  width: 85%;
  margin: auto auto 0 0;
  background: #cfd8dc;
  }

.footfall-prognose__body-ruler {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  min-width: 100%;
  border-top: 2px solid #000;
  }

.footfall-prognose__body-ruler__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 85%;
  padding: 0 0 40px;
  margin: 0 1% 0 auto;
  }

.footfall-prognose__body-ruler__ruler-legend {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 12%;
  padding: 0 8px 0 0;
  margin-top: 16px;
  font-size: 14px;
  line-height: 14px;
  word-wrap: break-word;
  }

@media screen and (max-width: 724px) {

  .footfall-prognose__body-ruler__ruler-legend {
    margin-top: 6px;
    font-size: 12px;
    line-height: 12px;
    }

  }

@media screen and (max-width: 479px) {

  .footfall-prognose__body-ruler__ruler-legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 12%;
    padding: 0 5px 0 0;
    margin-top: 4px;
    font-size: 10px;
    line-height: 14px;
    }

  }

@media screen and (max-width: 379px) {

  .footfall-prognose__body-ruler__ruler-legend {
    max-width: 12%;
    margin-top: 2px;
    font-size: 9px;
    line-height: 12px;
    }

  }

.footfall-prognose__body-ruler__item {
  position: relative;
  border-left: 2px solid #000;
  }

.footfall-prognose__body-ruler__item:nth-child(odd) {
  height: 100%;
  max-height: 100%;
  }

.footfall-prognose__body-ruler__item:nth-child(even) {
  height: 50%;
  max-height: 50%;
  }

.footfall-prognose__body-ruler__item span {
  position: absolute;
  top: calc(100% + 2px);
  left: -20px;
  color: #000;
  font-size: 14px;
  }

.footfall-prognose__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  min-width: 100%;
  }

.footfall-prognose__footer h3 {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 10px 0 30px;
  margin: 0;
  font-weight: 600;
  font-size: 16px;
  text-align: center;
  }

.footfall-prognose__footer-legend {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  min-width: 100%;
  }

@media screen and (max-width: 700px) {

  .footfall-prognose__footer-legend {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    }

  }

.footfall-prognose__footer-legend__item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: auto;
  min-height: 100px;
  padding: 0 20px 0 0;
  }

@media screen and (max-width: 700px) {

  .footfall-prognose__footer-legend__item {
    width: 100%;
    }

  }

.footfall-prognose__footer-legend__item span {
  margin: auto 0 auto 10px;
  color: #757575;
  font-weight: 300;
  font-size: 18px;
  }

.footfall-prognose__footer-legend__item-color {
  width: 70px;
  height: 30px;
  min-width: 70px;
  min-height: 30px;
  margin: auto 20px auto 0;
  }

.--grey-cube-item {
  background: #cfd8dc;
  }

.--blue-cube-item {
  background: #6da6d3;
  }

.--green-cube-item {
  background: #6cc24a;
  }

.--yellow-cube-item {
  background: #ffb81c;
  }

.--red-cube-item {
  background: #d22630;
  }

.bonusAbout {
  position: relative;
  left: 39.5%;
  width: 425px;
  padding: 0 0 100px 60px;
  margin: 130px 0 120px;
  font-size: 18px;
  font-size: 1.12rem;
  line-height: 1.5;
  }

.bonusAbout h2 {
  font-size: 42px;
  font-size: 2.62rem;
  text-transform: uppercase;
  }

.bonusAbout p {
  color: #757575;
  }

@media only screen and (max-width: 61.25em) {

  .bonusAbout {
    width: 50%;
    margin: 120px 0 80px;
    }

  }

@media only screen and (max-width: 45em) {

  .bonusAbout {
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 0 20px;
    margin: 30px 0 0;
    font-size: 14px;
    font-size: .88rem;
    }

  .bonusAbout h2 {
    margin: 3rem 0 1.5rem;
    font-size: 26px;
    font-size: 1.62rem;
    }

  .bonusAbout p {
    margin: 0 0 40px;
    }

  }

.bonusAboutImage {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 100%;
  margin: 0;
  }

@media only screen and (max-width: 45em) {

  .bonusAboutImage {
    position: relative;
    top: 0;
    right: 0;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    -ms-flex-item-align: center;
    align-self: center;
    width: 100%;
    height: auto;
    margin: 30px -20px 0;

    -ms-grid-row-align: center;
    }

  }

.bonusAboutBackground {
  position: absolute;
  z-index: -2;
  top: -50%;
  right: 70%;
  width: 200%;
  height: 150%;
  margin: 0 -100px 0 0;
  }

.bonusActivateInfo {
  width: 550px;
  margin: 40px 0 30px;
  color: #757575;
  }

@media only screen and (max-width: 45em) {

  .bonusActivateInfo {
    width: 100%;
    margin: 30px 0;
    font-size: 14px;
    font-size: .88rem;
    }

  }

.bonusActivateStart {
  width: 215px;
  }

@media only screen and (max-width: 45em) {

  .bonusActivateStart {
    width: 100%;
    }

  }

.bonusApply {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 90px;
  }

.bonusApply:before {
  position: relative;
  content: '';
  display: block;
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
  width: 100%;
  }

.bonusApply:after {
  position: relative;
  content: '';
  display: block;
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
  width: 100%;
  }

.bonusApply h2 {
  z-index: 2;
  -webkit-box-ordinal-group: -2;
  -ms-flex-order: -3;
  order: -3;
  width: 100%;
  margin: 0;
  }

.bonusApply h3 {
  -webkit-box-ordinal-group: -1;
  -ms-flex-order: -2;
  order: -2;
  min-height: 3em;
  font-size: 22px;
  font-size: 1.38rem;
  line-height: 1.5;
  }

.bonusCardLink__offer {
  z-index: 99;
  width: 100%;
  margin: 120px 0 0;
  text-align: center;
  }

@media only screen and (max-width: 61.25em) {

  .bonusCardLink__offer {
    margin: 50px auto 0;
    }

  }

.bonusCardLink__offer .bonusCardLink {
  display: block !important;
  margin: auto 0;
  }

@media all and (max-width: 1200px) {

  .bonusCardLink__offer .bonusCardLink {
    margin: auto;
    }

  }

.applicationOption {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-box-ordinal-group: -2;
  -ms-flex-order: -3;
  order: -3;
  width: 50%;
  margin: 55px 0 65px;
  background-repeat: no-repeat;
  }

@media all and (max-width: 1200px) {

  .applicationOption {
    width: 100%;
    }

  }

.applicationOptionPortrait {
  margin: 55px auto 165px;
  }

.applicationOption:before {
  position: relative;
  content: '';
  display: block;
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
  width: 100%;
  }

.applicationOption-here {
  background-position: 30% 0;
  background-size: 55%;
  }

.applicationOption-here h3 {
  width: 210px;
  margin: 35px 0 160px auto;
  }

.applicationOption-construction {
  background-position: 0 0;
  background-size: 80%;
  }

.applicationOption-construction h3 {
  z-index: 2;
  width: 170px;
  margin: 35px 0 220px;
  }

@media only screen and (max-width: 61.25em) {

  .applicationOption-construction h3 {
    margin: 35px 0 130px;
    }

  }

@media only screen and (max-width: 45em) {

  .applicationOption {
    width: auto;
    margin: 50px -20px;
    background-size: 0 0;
    }

  .applicationOption:after {
    position: relative;
    content: '';
    display: block;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    width: 100%;
    padding: 80% 0 0;
    background: inherit;
    background-size: contain;
    }

  .applicationOption h3 {
    position: absolute;
    top: 35px;
    right: 0;
    width: 130px;
    }

  .applicationOption-construction h3 {
    left: 20px;
    margin-top: -60px;
    }

  }

.applicationOptionBackground {
  position: absolute;
  left: 0;
  }

.applicationOption-here .applicationOptionBackground {
  z-index: -1;
  top: 0;
  width: 75%;
  }

.applicationOption-construction .applicationOptionBackground {
  z-index: 1;
  top: -24%;
  width: 100%;
  height: 120%;
  margin: 0 0 0 -110px;
  }

@media only screen and (max-width: 45em) {

  .applicationOption-construction .applicationOptionBackground {
    margin: 0;
    }

  }

.applicationOptionText {
  position: relative;
  z-index: 2;
  width: 210px;
  margin: 0 0 0 auto;
  color: #757575;
  line-height: 1.75;
  }

.applicationOptionText--planeta {
  position: absolute;
  z-index: 2;
  top: 300px;
  right: 0;
  }

.applicationOptionText--aura {
  margin-top: 15px;
  }

@media only screen and (max-width: 61.25em) {

  .applicationOptionText {
    position: static;
    width: 100%;
    margin: 30px 20px 0;
    }

  }

.bonusApplication {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
  padding: 0 35px;
  }

@media only screen and (max-width: 45em) {

  .bonusApplication {
    width: 100%;
    }

  }

.bonusCardLink {
  position: relative;
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 5;
  order: 5;
  max-width: 180px;
  padding: 0 35px;
  margin-top: 15%;
  }

@media only screen and (max-width: 61.25em) {

  .bonusCardLink {
    position: relative;
    left: 0;
    max-width: 180px;
    }

  }

@media only screen and (max-width: 45em) {

  .bonusCardLink {
    max-width: 140px;
    font-size: 11px;
    }

  }

.bonusCardLinkAlter {
  max-width: 330px !important;
  padding-top: 0 !important;
  margin-top: 0 !important;
  }

@media only screen and (max-width: 61.25em) {

  .bonusCardLinkAlter {
    left: 0;
    }

  }

@media only screen and (max-width: 45em) {

  .bonusCardLinkAlter {
    font-size: 11px;
    }

  }

.bonusApplyInfo h4 {
  margin: 0 0 15px;
  font-size: 18px;
  }

.bonusApplyInfo .info-phoneNumber {
  display: block;
  color: #757575;
  font-weight: bold;
  font-size: 24px;
  text-decoration: none;
  line-height: normal;
  }

.bonusApplyInfo .info-taryf {
  color: #757575;
  font-style: italic;
  font-size: 16px;
  }

.bonusApplyInfo .info-address {
  margin-bottom: 30px;
  color: #757575;
  font-size: 16px;
  }

.bonusApplyInfo .info-exeptions {
  color: #757575;
  font-style: italic;
  font-size: 14px;
  }

.bonusBenefitList {
  margin: 60px 0 0;
  }

.bonusBenefitSVG-atm {
  width: 48px;
  height: 29px;
  margin: -14.5px 0 0 -24px;
  }

.bonusBenefitSVG-cash {
  width: 54px;
  height: 42px;
  margin: -19px 0 0 -27px;
  }

.bonusBenefitSVG-wallet {
  width: 38px;
  height: 44px;
  margin: -22px 0 0 -19px;
  }

.bonusBenefitSVG-coins {
  width: 46px;
  height: 33px;
  margin: -14.5px 0 0 -23px;
  }

.bonusBenefitsStart {
  width: 255px;
  }

.bonusBenefitsList {
  padding: 0;
  list-style: none;
  }

@media only screen and (max-width: 45em) {

  .bonusBenefitsList {
    margin: 0;
    }

  }

.bonusBenefitsListItem {
  position: relative;
  padding-left: 20px;
  color: #757575;
  font-size: 16px;
  }

.bonusBenefitsListItem::before {
  position: absolute;
  top: -8px;
  left: 0;
  content: '\2022';
  display: inline-block;
  margin-right: 8px;
  color: #d32f2f;
  font-weight: bold;
  font-size: 29px;
  }

.bonusBuyGallery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 0 90px;
  }

@media only screen and (max-width: 45em) {

  .bonusBuyGallery {
    position: relative;
    height: 200px;
    margin: 0;
    }

  }

.bonusBuyItem {
  position: relative;
  display: block;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 0 5px;
  color: #757575;
  text-decoration: none;
  -webkit-transition: .2s;
  transition: .2s;
  }

.bonusBuyItem:visited,
.bonusBuyItem:hover,
.bonusBuyItem:active {
  color: #757575;
  }

.bonusBuyItem:before {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  }

.bonusBuyImage {
  display: block;
  margin: 0;
  }

.bonusBuyNote {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: .5em 0 0;
  font-size: 9px;
  font-size: .56rem;
  opacity: 0;
  -webkit-transition: inherit;
  transition: inherit;
  }

.js-fluidItem-is-active .bonusBuyNote {
  opacity: 1;
  }

.bonusCalculator {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin: 0 0 100px;
  }

@media only screen and (max-width: 61.25em) {

  .bonusCalculator {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    }

  }

@media only screen and (max-width: 45em) {

  .bonusCalculator {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    }

  }

.bonusCalcOption,
.bonusCalcResult {
  position: relative;
  display: block;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 30%;
  color: #757575;
  font-size: 18px;
  font-size: 1.12rem;
  }

@media only screen and (max-width: 61.25em) {

  .bonusCalcOption,
  .bonusCalcResult {
    width: 48%;
    margin: 30px 0;
    }

  }

@media only screen and (max-width: 45em) {

  .bonusCalcOption,
  .bonusCalcResult {
    width: 100%;
    }

  }

.bonusCalcField {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 70%;
  height: 50px;
  margin: 20px 0 0;
  font-weight: bold;
  }

@media only screen and (max-width: 45em) {

  .bonusCalcField {
    margin: 10px 0 0;
    }

  }

.bonusCalcRange,
.giftCardItemCalcRange {
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 7px;
  height: 4px;
  padding: 0;
  border: 0;
  margin: 0;
  background: -webkit-gradient(linear, left top, right top, from(#455a64), color-stop(#455a64), color-stop(rgba(69, 90, 100, 0)), to(rgba(69, 90, 100, 0)));
  background: linear-gradient(to right, #455a64, #455a64 var(--border), rgba(69, 90, 100, 0) var(--border), rgba(69, 90, 100, 0));
  -webkit-transform: translateY(50%) translateY(-1px);
  transform: translateY(50%) translateY(-1px);

  --border: 50%;
  }

.bonusCalcRange:focus,
.giftCardItemCalcRange:focus {
  outline-offset: 5px;
  }

.bonusCalcRange::-webkit-slider-thumb,
.giftCardItemCalcRange::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 16px;
  height: 16px;
  border: 4px solid #cfd8dc;
  border-radius: 50%;
  background: #455a64;
  -webkit-box-shadow: 0 2px 4px 0 rgba(33, 33, 33, .5);
  box-shadow: 0 2px 4px 0 rgba(33, 33, 33, .5);
  }

.bonusCalcRange::-moz-range-thumb,
.giftCardItemCalcRange::-moz-range-thumb {
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  border: 4px solid #cfd8dc;
  border-radius: 50%;
  background: #455a64;
  box-shadow: 0 2px 4px 0 rgba(33, 33, 33, .5);
  }

.bonusCalcRange::-webkit-slider-runnable-track,
.giftCardItemCalcRange::-webkit-slider-runnable-track {
  border: 0;
  cursor: pointer;
  }

.bonusCalcRange::-moz-range-track,
.giftCardItemCalcRange::-moz-range-track {
  background: none;
  cursor: pointer;
  }

.bonusCalcRange::-ms-track,
.giftCardItemCalcRange::-ms-track {
  border: 0;
  color: transparent;
  background: none;
  cursor: pointer;
  }

.bonusCalcRange {
  width: 70%;
  }

.bonusCalcResultValue {
  margin: 15px 0 5px;
  color: #212121;
  font-weight: bold;
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 1;
  }

.bonusCalcResultValue:after {
  position: relative;
  content: ' ₽';
  display: inline;
  }

.bonusCalcResultNote {
  font-size: 16px;
  font-size: 1rem;
  }

.bonusConditions {
  margin: 90px 14.3% 0;
  }

.bonusConditions h2 {
  width: 61%;
  }

@media (max-width: 1400px) {

  .bonusConditions h2 {
    width: 100%;
    }

  }

@media only screen and (max-width: 45em) {

  .bonusConditions h2 {
    margin: 3rem 0 1.5rem;
    }

  }

.bonusConditionList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 78%;
  padding: 0;
  margin: 0;
  list-style: none;
  }

@media (max-width: 1400px) {

  .bonusConditionList {
    width: 100%;
    }

  }

.bonusCondition {
  position: relative;
  width: 20%;
  margin: 0;
  color: #757575;
  font-size: 16px;
  }

.bonusCondition .conditionImgWrap {
  position: relative;
  width: 148px;
  height: 148px;
  border: 2px solid #517e8d;
  }

@media only screen and (max-width: 45em) {

  .bonusCondition {
    width: auto;
    min-width: 40%;
    margin-bottom: 15px;
    }

  .bonusCondition .conditionImgWrap {
    width: 130px;
    height: 130px;
    }

  }

.bonusConditionSVG {
  position: absolute;
  top: 0;
  left: 0;
  width: 148px;
  height: 140px;
  fill: #517e8d;
  }

.bonusConditionSVG-pen {
  top: 35px;
  left: 36px;
  width: 88px;
  height: 80px;
  }

.bonusConditionSVG-repair {
  top: 42px;
  left: 28px;
  width: 98px;
  height: 80px;
  }

.bonusConditionSVG-coins {
  top: 29px;
  left: 30px;
  width: 88px;
  height: 80px;
  }

.bonusConditionSVG-percent {
  top: 42px;
  left: 36px;
  width: 78px;
  height: 70px;
  }

@media only screen and (max-width: 45em) {

  .bonusConditionSVG-pen {
    top: 33px;
    left: 41px;
    width: 58px;
    height: 60px;
    }

  .bonusConditionSVG-repair {
    top: 43px;
    left: 31px;
    width: 80px;
    height: 60px;
    }

  .bonusConditionSVG-coins {
    top: 33px;
    left: 27px;
    width: 80px;
    height: 60px;
    }

  .bonusConditionSVG-percent {
    top: 36px;
    left: 27px;
    width: 80px;
    height: 60px;
    }

  }

.bonusConditionCaption {
  display: block;
  margin-top: 10px;
  }

.bonusFeedback-form {
  margin-top: 30px;
  }

.bonusFeedback-form .feedbackForm {
  margin-top: 0;
  }

.bonusFormInfo {
  width: 635px;
  margin: 30px 0 50px;
  color: #757575;
  font-size: 18px;
  font-size: 1.12rem;
  }

@media only screen and (max-width: 45em) {

  .bonusFormInfo {
    width: 100%;
    font-size: 14px;
    font-size: .88rem;
    }

  }

.bonusFormHolder {
  width: 625px;
  }

@media only screen and (max-width: 45em) {

  .bonusFormHolder {
    width: 100%;
    margin: 0;
    }

  }

.bonusFormFrame {
  height: 790px;
  }

@media only screen and (max-width: 45em) {

  .bonusFormFrame {
    margin: 0;
    }

  }

.bonusFormHolderConditionsCard {
  width: 512px;
  color: #757575;
  font-size: 10px;
  line-height: 1.4;
  }

@media only screen and (max-width: 45em) {

  .bonusFormHolderConditionsCard {
    width: 100%;
    }

  }

.bonusFormSVGTinkoff {
  width: 175px;
  height: 76px;
  max-width: 48%;
  margin: 0 3% 0 0;
  }

.bonusFormLogoSVG {
  width: 130px;
  height: 76px;
  max-width: 48%;
  }

.bonusForwarding h2 {
  text-align: center;
  }

.forwardingWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin: 10% 0 100px;
  }

@media only screen and (max-width: 45em) {

  .forwardingWrapper {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 50px 0 80px;
    }

  }

.forwardingItem {
  position: relative;
  z-index: 2;
  width: 45%;
  text-align: center;
  }

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

.forwardingItem .bankLogo {
  display: block;
  margin: 45px auto 0;
  }

@media only screen and (max-width: 61.25em) {

  .forwardingItem .bankLogo {
    max-width: 60%;
    }

  }

@media only screen and (max-width: 45em) {

  .forwardingItem {
    width: 90%;
    margin: 0 0 50px;
    }

  .forwardingItem:last-child {
    margin: 0 0 0;
    }

  .forwardingItem .bankLogo {
    max-width: 50%;
    margin: 25px auto 0;
    }

  }

.bonuscardBackground {
  position: absolute;
  z-index: -1;
  top: -35%;
  left: -10%;
  width: 115%;
  height: 175%;
  pointer-events: none;
  }

.bonuscardBackground-sovkombank {
  top: -55%;
  }

.bonusNavigation {
  position: fixed;
  z-index: 50;
  top: 0;
  right: 4.5%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  width: 0;
  height: 100%;
  font-size: 10px;
  white-space: nowrap;
  }

.bonusNavigation a {
  color: #263238;
  }

.bonusPartners {
  margin: 90px 14.3% 0;
  }

@media only screen and (max-width: 45em) {

  .bonusPartners h2 {
    margin: 3rem 0 1.5rem;
    }

  }

.partnertWrap {
  width: 69%;
  margin-top: 40px;
  }

@media (max-width: 1400px) {

  .partnertWrap {
    width: 100%;
    margin-top: 0;
    }

  }

.partnersTable {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  }

@media only screen and (max-width: 45em) {

  .partnersTable {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    }

  }

.partnersItem {
  width: 18%;
  margin: 0 2.5% 50px 0;
  text-align: center;
  text-decoration: none;
  }

.partnersItem:nth-child(5n) {
  margin-right: 0;
  }

@media only screen and (max-width: 45em) {

  .partnersItem {
    width: 48%;
    margin: 0 0 10px;
    }

  }

.partnersItemLogo {
  padding-top: 100%;
  margin-bottom: 10px;
  background: #efefef;
  }

@media only screen and (max-width: 45em) {

  .partnersItemLogo {
    margin-bottom: 5px;
    }

  }

.partnersItemCaption {
  color: #212121;
  font-weight: bold;
  font-size: 18px;
  }

@media only screen and (max-width: 45em) {

  .partnersItemCaption {
    font-size: 14px;
    }

  }

.partnersLink {
  text-decoration: none;
  }

.partnersText {
  margin: 0;
  color: #000;
  font-size: 30px;
  text-align: center;
  }

@media only screen and (max-width: 45em) {

  .partnersText {
    margin-top: 15px;
    font-size: 20px;
    }

  }

.bonusPayByParts {
  margin: 90px 14.3% 0;
  }

.bonusPayByParts h2 {
  width: 65%;
  }

@media (max-width: 1400px) {

  .bonusPayByParts h2 {
    width: 100%;
    }

  }

@media only screen and (max-width: 45em) {

  .bonusPayByParts h2 {
    margin: 3rem 0 1.5rem;
    }

  }

.payByPartsTable {
  width: 78%;
  }

@media (max-width: 1400px) {

  .payByPartsTable {
    width: 100%;
    }

  }

@media only screen and (max-width: 45em) {

  .payByPartsTable {
    width: calc(100% + 40px);
    margin: 0 -20px;
    }

  }

.tableHead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 0 20px;
  border-bottom: 2px solid #e8e8e8;
  line-height: 1;
  }

.tableHead .headCell {
  width: 20%;
  color: #212121;
  font-weight: bold;
  font-size: 24px;
  text-align: center;
  line-height: 1;
  }

.tableHead .headCell.big {
  width: 41%;
  text-align: left;
  }

@media only screen and (max-width: 45em) {

  .tableHead .headCell {
    display: none;
    }

  .tableHead .headCell.big {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 0 20px;
    font-size: 16px;
    }

  }

@media only screen and (max-width: 45em) {

  .tableHead {
    padding: 0 0 5px;
    border-bottom: 3px solid #e8e8e8;
    }

  }

.tableRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px 0 0;
  }

@media only screen and (max-width: 45em) {

  .tableRow {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 20px 20px 0 20px;
    border-bottom: 3px solid #e8e8e8;
    }

  }

.purchaseLogoCell {
  position: relative;
  margin-right: 43px;
  }

.purchaseLogoCell::before {
  position: relative;
  content: '';
  display: block;
  width: 79px;
  height: 79px;
  border-radius: 50%;
  background: #e8e8e8;
  }

@media only screen and (max-width: 45em) {

  .purchaseLogoCell {
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-right: 15px;
    }

  .purchaseLogoCell::before {
    width: 69px;
    height: 69px;
    border-radius: 0;
    }

  }

.purchaseCell {
  width: calc(40% - 112px);
  }

.purchaseCell .title {
  display: block;
  color: #000;
  font-size: 24px;
  }

.purchaseCell .price {
  display: block;
  color: #90a4ae;
  font-size: 18px;
  }

@media only screen and (max-width: 45em) {

  .purchaseCell {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: calc(100% - 84px);
    }

  .purchaseCell .title {
    display: inline-block;
    width: 55%;
    margin-right: 5px;
    font-size: 14px;
    vertical-align: top;
    }

  .purchaseCell .price {
    display: inline-block;
    width: 45%;
    font-size: 13px;
    vertical-align: top;
    }

  }

.partPayCell {
  display: block;
  width: 20%;
  color: #90a4ae;
  font-size: 18px;
  text-align: center;
  }

.partPayCell .mobileOnly {
  display: none;
  }

@media only screen and (max-width: 45em) {

  .partPayCell {
    width: calc(100% - 84px);
    padding: 7px 0;
    border-top: 2px solid #e8e8e8;
    margin-left: 84px;
    font-size: 16px;
    text-align: left;
    }

  .partPayCell .mobileOnly {
    display: inline-block;
    width: 55%;
    color: #212121;
    font-weight: bold;
    }

  }

.purchaseSVG {
  position: absolute;
  fill: #607d8b;
  }

.purchaseSVG.washingMashine {
  top: 24px;
  left: 24px;
  width: 30px;
  height: 30px;
  }

.purchaseSVG.shoes {
  top: 27px;
  left: 24px;
  width: 41px;
  height: 24px;
  }

.purchaseSVG.food {
  top: 23px;
  left: 22px;
  width: 40px;
  height: 37px;
  }

.purchaseSVG.gift {
  top: 24px;
  left: 24px;
  width: 32px;
  height: 31px;
  }

@media only screen and (max-width: 45em) {

  .purchaseSVG.washingMashine {
    top: 10px;
    left: 10px;
    width: 50px;
    height: 50px;
    }

  .purchaseSVG.shoes {
    top: 18px;
    left: 10px;
    width: 52px;
    height: 37px;
    }

  .purchaseSVG.food {
    top: 13px;
    left: 12px;
    width: 50px;
    height: 46px;
    }

  .purchaseSVG.gift {
    top: 10px;
    left: 10px;
    width: 52px;
    height: 51px;
    }

  }

.payByPartText {
  margin: 0;
  color: #000;
  font-size: 30px;
  text-align: center;
  }

@media only screen and (max-width: 45em) {

  .payByPartText {
    margin-top: 15px;
    font-size: 16px;
    }

  }

.tableFooter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 50px 0 20px;
  }

.tableFooter .footerCell {
  width: 20%;
  color: #000;
  font-size: 18px;
  text-align: center;
  }

.tableFooter .footerCell.big {
  width: 42%;
  font-size: 24px;
  text-align: left;
  text-transform: uppercase;
  }

.tableFooter .footerCell .mobileOnly {
  display: none;
  }

.tableFooter .mobileIcon {
  display: none;
  }

@media only screen and (max-width: 45em) {

  .tableFooter {
    position: relative;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 20px 0 20px;
    border-bottom: 2px solid #e8e8e8;
    }

  .tableFooter .footerCell {
    width: calc(100% - 84px);
    padding: 7px 0;
    border-top: 2px solid #e8e8e8;
    margin-left: 84px;
    font-size: 16px;
    text-align: left;
    }

  .tableFooter .footerCell.big {
    width: calc(100% - 84px);
    border-top: none;
    font-size: 16px;
    }

  .tableFooter .footerCell.big br {
    display: none;
    }

  .tableFooter .footerCell .mobileOnly {
    display: inline-block;
    width: 55%;
    color: #212121;
    font-weight: bold;
    }

  .tableFooter .mobileIcon {
    position: relative;
    position: absolute;
    top: 20px;
    display: inline-block;
    width: 69px;
    height: 69px;
    background: #e8e8e8;
    }

  .tableFooter .mobileIcon .footerSVG {
    position: absolute;
    top: 18px;
    left: 18px;
    width: 35px;
    height: 35px;
    fill: #607d8b;
    }

  }

.bonusScore {
  margin: 90px 14.3% 0;
  }

@media only screen and (max-width: 45em) {

  .bonusScore {
    margin-top: 10px;
    }

  .bonusScore h2 {
    margin-top: 10px;
    }

  }

.bonusScoreInfo {
  width: 700px;
  color: #757575;
  font-size: 18px;
  font-size: 1.12rem;
  }

@media only screen and (max-width: 45em) {

  .bonusScoreInfo {
    width: 100%;
    margin: 30px 0 0;
    font-size: 14px;
    font-size: .88rem;
    }

  }

.bonusScoreStart {
  width: 230px;
  }

@media only screen and (max-width: 45em) {

  .bonusScoreStart {
    width: 100%;
    }

  }

.bonusScoreDetails {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0;
  margin: 85px 95px 0 0;
  color: #757575;
  list-style: none;
  }

.bonusScoreDetails .bonusScoreDetail {
  margin: 0 0 60px;
  }

@media only screen and (max-width: 61.25em) {

  .bonusScoreDetails {
    margin: 70px 0 0;
    }

  }

@media only screen and (max-width: 45em) {

  .bonusScoreDetails {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 40px 0 0;
    }

  .bonusScoreDetails .bonusScoreDetail {
    margin: 0 0 35px;
    }

  }

.bonusScoreDetail {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  width: 26%;
  }

@media only screen and (max-width: 45em) {

  .bonusScoreDetail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    font-size: 14px;
    font-size: .88rem;
    }

  }

.bonusScoreValue {
  display: block;
  width: 85px;
  height: 85px;
  margin: 0 0 35px;
  color: #263238;
  background: #cdda3a;
  font-size: 24px;
  font-size: 1.5rem;
  text-align: center;
  line-height: 85px;
  }

@media only screen and (max-width: 45em) {

  .bonusScoreValue {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 60px;
    height: 60px;
    margin: 0 15px 35px 0;
    font-size: 16px;
    font-size: 1rem;
    line-height: 60px;
    }

  }

.bonusScoreSteps {
  position: relative;
  counter-reset: steps;
  width: 470px;
  padding: 0;
  margin: 75px 0 110px;
  color: #757575;
  background-position: -10000px -10000px;
  background-size: 0 0;
  background-repeat: no-repeat;
  list-style: none;
  }

.bonusScoreSteps:before {
  position: absolute;
  top: 50%;
  left: 50%;
  content: '';
  display: block;
  width: 595px;
  height: 495px;
  margin: -247.5px 0 0 160px;
  background-image: inherit;
  background-position: 100% 50%;
  background-size: contain;
  background-repeat: no-repeat;
  }

@media only screen and (max-width: 45em) {

  .bonusScoreSteps {
    width: 100%;
    margin: 45px 0;
    }

  .bonusScoreSteps:before {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    padding: 75% 0 0;
    margin: 30px 0;
    background-size: contain;
    background-repeat: no-repeat;
    }

  }

.bonusScoreStep {
  position: relative;
  min-height: 85px;
  padding: 0 0 0 115px;
  }

.bonusScoreStep:before {
  position: absolute;
  top: 0;
  left: 0;
  content: counter(steps);
  counter-increment: steps;
  display: block;
  width: 85px;
  height: 85px;
  color: #212121;
  background: #cdda3a;
  font-size: 28px;
  font-size: 1.75rem;
  text-align: center;
  line-height: 85px;
  }

.bonusScoreStep--planeta:before {
  background: linear-gradient(315deg, #f44336 0%, #e57373 100%);
  }

.bonusScoreStep--aura:before {
  background: #ffc107;
  }

@media only screen and (max-width: 45em) {

  .bonusScoreStep {
    min-height: 60px;
    padding: 0 0 0 80px;
    font-size: 14px;
    font-size: .88rem;
    }

  .bonusScoreStep:before {
    width: 60px;
    height: 60px;
    font-size: 18px;
    font-size: 1.12rem;
    line-height: 60px;
    }

  }

@media only screen and (max-width: 45em) {

  .bonusScoreTabsHolder {
    margin: 20px -20px 0;
    }

  }

.bonusScoreTabs {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 20px 0 50px;
  }

@media only screen and (max-width: 45em) {

  .bonusScoreTabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 -20px;
    }

  }

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

.bonusScoreContent {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  margin: 0 -100% 0 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
  -webkit-transition: opacity .2s, visibility .2s step-end, -webkit-transform .2s;
  transition: opacity .2s, visibility .2s step-end, -webkit-transform .2s;
  transition: opacity .2s, transform .2s, visibility .2s step-end;
  transition: opacity .2s, transform .2s, visibility .2s step-end, -webkit-transform .2s;
  }

.js-bonusScoreContent-is-active {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: opacity .2s .2s, visibility .2s .2s step-start, -webkit-transform .2s .2s;
  transition: opacity .2s .2s, visibility .2s .2s step-start, -webkit-transform .2s .2s;
  transition: opacity .2s .2s, transform .2s .2s, visibility .2s .2s step-start;
  transition: opacity .2s .2s, transform .2s .2s, visibility .2s .2s step-start, -webkit-transform .2s .2s;
  }

.bonusScoreContentSpendBackground {
  position: absolute;
  z-index: -1;
  top: -125px;
  right: -125px;
  width: 695px;
  height: 700px;
  }

@media only screen and (max-width: 45em) {

  .bonusScoreContentSpendBackground {
    display: none;
    }

  }

@media only screen and (max-width: 45em) {

  .bonusSpecial {
    margin: 40px 0;
    }

  .bonusSpecial h2 {
    padding: 0 20px;
    margin: 0 0 70px;
    }

  }

.specialOffersSliderWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 33px 0 0;
  }

@media only screen and (max-width: 45em) {

  .specialOffersSliderWrapper {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 262px;
    padding: 0;
    }

  }

.speialOffers {
  padding: 0;
  margin: 0;
  }

@media only screen and (max-width: 45em) {

  .speialOffers.categorySliderHolder {
    padding: 0 0 0 20px !important;
    }

  }

.item-specialOffer {
  position: relative;
  z-index: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 246px;
  padding: 0 10px 30px 20px;
  margin: 0 20px 50px 0;
  -webkit-transition: .2s;
  transition: .2s;
  }

.item-specialOffer:after {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 5px 15px 0 rgba(69, 90, 100, .3);
  box-shadow: 0 5px 15px 0 rgba(69, 90, 100, .3);
  opacity: 0;
  -webkit-transform: scale(.95);
  transform: scale(.95);
  -webkit-transition: inherit;
  transition: inherit;
  }

.item-specialOffer:before {
  position: relative;
  content: '';
  display: block;
  }

.item-specialOffer:hover:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  }

.item-specialOffer p {
  margin: 24px 0 0;
  margin: 1.5rem 0 0;
  }

@media only screen and (max-width: 45em) {

  .item-specialOffer {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0 20px 0 0;
    margin-bottom: 0;
    }

  .item-specialOffer:last-of-type {
    margin-right: 0;
    }

  }

.specialOfferLogoHolder {
  display: block;
  width: 156px;
  height: 156px;
  margin: -33px 0 0;
  background-color: currentColor;
  background-position: center;
  background-size: 50%;
  background-repeat: no-repeat;
  }

.specialOfferDescription {
  margin: 25px 0 0;
  color: #90a4ae;
  font-size: 14px;
  font-size: .88rem;
  line-height: 1;
  }

.item-specialOffer ul {
  padding: 0;
  margin: 35px 0 0;
  list-style: none;
  }

.item-specialOffer li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin: 0 0 1.5em;
  }

.item-specialOffer li:before {
  position: relative;
  top: .5em;
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-right: 10px;
  background-color: #dce775;
  }

.specialOfferItem-until {
  margin: auto 0 0;
  color: #90a4ae;
  font-size: 12px;
  font-size: .75rem;
  line-height: 1.4;
  }

.moreSpecialOffers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 120px;
  height: 120px;
  margin-left: auto;
  }

@media only screen and (max-width: 45em) {

  .bonusTabsHolder {
    margin: 65px 0 80px;
    }

  }

.bonusTabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 65px 0 80px;
  font-size: 22px;
  font-size: 1.38rem;
  }

@media only screen and (max-width: 45em) {

  .bonusTabs {
    -webkit-box-pack: unset;
    -ms-flex-pack: unset;
    justify-content: unset;
    padding-right: 20px;
    margin: 0 0 -17px;
    }

  }

.bonusTab {
  position: relative;
  display: block;
  padding: 15px 0;
  margin: 0 40px 0 0;
  text-decoration: none;
  }

.bonusTab:before,
.bonusTab:after {
  position: absolute;
  top: 100%;
  left: 0;
  content: '';
  display: block;
  height: 2px;
  }

.bonusTab:before {
  right: -40px;
  background: #cfd8dc;
  }

.bonusTab:after {
  right: 0;
  background: #212121;
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transition: .2s;
  transition: .2s;
  }

.bonusTab:last-child {
  margin: 0;
  }

.bonusTab:last-child:before {
  right: 0;
  }

.bonusTab:hover:after,
.bonusTab:active:after,
.bonusTab:focus:after {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  }

@media only screen and (max-width: 45em) {

  .bonusTab {
    padding: 10px 0;
    margin: 0 30px 0 0;
    font-weight: bold;
    font-size: 14px;
    font-size: .88rem;
    text-transform: uppercase;
    white-space: nowrap;
    }

  .bonusTab:last-child {
    padding-right: 20px;
    }

  .bonusTab:last-child:after {
    right: 20px;
    }

  }

.js-bonusTab-is-active {
  color: #212121;
  }

.js-bonusTab-is-active:visited,
.js-bonusTab-is-active:hover,
.js-bonusTab-is-active:active {
  color: #212121;
  }

.js-bonusTab-is-active:after {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  }

.bonusTabHolder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: -30px 0 0;
  }

@media only screen and (max-width: 45em) {

  .bonusTabHolder {
    margin: 0;
    }

  }

.bonusTabContent {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  margin: -10000px -100% 0 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
  -webkit-transition: opacity .2s, visibility .2s step-end, margin .2s step-end, -webkit-transform .2s;
  transition: opacity .2s, visibility .2s step-end, margin .2s step-end, -webkit-transform .2s;
  transition: opacity .2s, transform .2s, visibility .2s step-end, margin .2s step-end;
  transition: opacity .2s, transform .2s, visibility .2s step-end, margin .2s step-end, -webkit-transform .2s;
  }

.js-bonusTabContent-is-active {
  margin: 0 -100% 0 0;
  visibility: visible;
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  -webkit-transition: opacity .2s .2s, visibility .2s .2s step-start, margin .2s step-end, -webkit-transform .2s .2s;
  transition: opacity .2s .2s, visibility .2s .2s step-start, margin .2s step-end, -webkit-transform .2s .2s;
  transition: opacity .2s .2s, transform .2s .2s, visibility .2s .2s step-start, margin .2s step-end;
  transition: opacity .2s .2s, transform .2s .2s, visibility .2s .2s step-start, margin .2s step-end, -webkit-transform .2s .2s;
  }

.calendarBlock {
  position: relative;
  color: #90a4ae;
  font-size: 12px;
  text-decoration: underline;
  }

@media only screen and (max-width: 45em) {

  .calendarBlock {
    color: #757575;
    font-size: 16px;
    text-decoration: none;
    }

  }

.calendarButton {
  cursor: pointer;
  }

@media only screen and (max-width: 45em) {

  .calendarButton {
    padding-left: 24px;
    }

  .calendarButton::before {
    position: absolute;
    top: 0;
    content: '';
    display: block;
    width: 19px;
    height: 19px;
    background: url(/images/calendar.svg) no-repeat;
    background-size: contain;
    }

  }

.calendarList {
  position: absolute;
  top: -150px;
  left: 29%;
  display: none;
  padding: 10px 0;
  margin: 0;
  background: #fff;
  text-align: left;
  list-style: none;
  -webkit-filter: drop-shadow(0 0 4px rgba(33, 33, 33, .5));
  filter: drop-shadow(0 0 4px rgba(33, 33, 33, .5));
  }

.news-page .calendarList {
  left: 29%;
  }

.calendarList.visible {
  display: block;
  }

.calendarList::before {
  position: absolute;
  top: 100%;
  left: 0;
  content: '';
  display: block;
  width: 35px;
  height: 35px;
  background: linear-gradient(135deg, #fff, #fff 50%, transparent 50%, transparent);
  pointer-events: none;
  }

@media only screen and (max-width: 45em) {

  .calendarList {
    top: -155px;
    left: 25px;
    padding: 20px 0;
    }

  }

.calendarItem {
  position: relative;
  padding: 0 20px 0 41px;
  margin: 0 0 7px;
  font-size: 18px;
  cursor: pointer;
  }

.calendarItem:last-child {
  margin-bottom: 0;
  }

.calendarItem.google::before {
  position: absolute;
  top: 3px;
  left: 16px;
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  background: url(/images/googl.svg) no-repeat;
  background-size: contain;
  }

.calendarItem.apple::before {
  position: absolute;
  top: 3px;
  left: 16px;
  content: '';
  display: block;
  width: 14px;
  height: 16px;
  background: url(/images/appl.svg) no-repeat;
  background-size: contain;
  }

.calendarItem.outlook::before {
  position: absolute;
  top: 3px;
  left: 16px;
  content: '';
  display: block;
  width: 15px;
  height: 15px;
  background: url(/images/wind.svg) no-repeat;
  background-size: contain;
  }

@media only screen and (max-width: 45em) {

  .calendarItem {
    padding: 0 30px 0 50px;
    font-size: 15px;
    }

  .calendarItem.google::before {
    left: 26px;
    width: 14px;
    height: 14px;
    }

  .calendarItem.apple::before {
    left: 26px;
    width: 13px;
    height: 14px;
    }

  .calendarItem.outlook::before {
    left: 26px;
    width: 13px;
    height: 13px;
    }

  }

.error {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  }

@media only screen and (max-width: 45em) {

  .error {
    padding: 0 20px;
    }

  }

.errorBack {
  display: block;
  width: 190px;
  height: 65px;
  margin-bottom: 120px;
  color: #cfd8dc;
  background: #263238;
  font-size: 14px;
  font-size: .88rem;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 65px;
  }

.errorBack:visited {
  color: #cfd8dc;
  }

.errorBack:hover,
.errorBack:active {
  color: #e9edef;
  }

@media only screen and (max-width: 45em) {

  .errorBack {
    width: 100%;
    height: 50px;
    line-height: 50px;
    }

  }

.errorCode {
  margin: 100px 0 20px;
  color: transparent;
  background: #cdda3a url('../images/leto404.svg');
  -webkit-background-clip: text;
  background-clip: text;
  font-weight: 900;
  font-size: 250px;
  font-size: 15.62rem;
  line-height: 1;
  }

@media only screen and (max-width: 61.25em) {

  .errorCode {
    margin: 0 0 20px;
    }

  }

@media only screen and (max-width: 45em) {

  .errorCode {
    margin: 45px 0 25px;
    font-size: 130px;
    font-size: 8.12rem;
    }

  }

.errorMessage {
  width: 600px;
  margin: 0 0 40px;
  color: #757575;
  font-size: 18px;
  font-size: 1.12rem;
  line-height: 1.5;
  }

@media only screen and (max-width: 45em) {

  .errorMessage {
    width: 100%;
    font-size: 14px;
    font-size: .88rem;
    }

  }

.feedbackForm {
  width: 510px;
  margin: -80px 0 0;
  }

@media only screen and (max-width: 45em) {

  .feedbackForm {
    width: 100%;
    margin: 0;
    }

  }

.feedbackDesc {
  margin: 100px 0 80px;
  color: #757575;
  font-size: 18px;
  font-size: 1.12rem;
  }

@media only screen and (max-width: 61.25em) {

  .feedbackDesc {
    font-size: 14px;
    font-size: .88rem;
    }

  }

@media only screen and (max-width: 45em) {

  .feedbackDesc {
    margin: 0 0 50px;
    }

  }

.all {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  padding: .45em 0;
  }

@media only screen and (max-width: 45em) {

  .all {
    top: -.45em;
    }

  }

.js-filtered {
  padding: 0 0 120px;
  }

.js-filtered-is-disabled,
.js-filtered-is-end {
  padding: 0;
  }

@media only screen and (max-width: 45em) {

  .js-filtered {
    padding: 0;
    }

  }

.load {
  position: relative;
  left: 100%;
  display: block;
  width: 120px;
  height: 120px;
  margin: 20px 0 0 -120px;
  color: #cfd8dc;
  background: #263238;
  font-size: 14px;
  font-size: .88rem;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 122px;
  -webkit-transition: color .2s, opacity .2s, visibility .2s step-start;
  transition: color .2s, opacity .2s, visibility .2s step-start;
  }

.load:visited {
  color: #cfd8dc;
  }

.load:hover,
.load:active {
  color: #e9edef;
  }

.js-filtered-is-disabled ~ .load,
.js-filtered-is-end ~ .load {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: color .2s, opacity .2s, visibility .2s step-end;
  transition: color .2s, opacity .2s, visibility .2s step-end;
  }

@media only screen and (max-width: 61.25em) {

  .load {
    width: 90px;
    height: 90px;
    margin: 20px 0 0 -90px;
    line-height: 90px;
    }

  }

@media only screen and (max-width: 45em) {

  .load {
    left: 0;
    width: 100%;
    height: 50px;
    margin: 20px 0 45px;
    line-height: 50px;
    }

  }

.js-load-is-positioned {
  position: absolute;
  right: 0;
  left: auto;
  margin: 3.15em 0 0;
  }

@media only screen and (max-width: 45em) {

  .js-load-is-positioned {
    position: static;
    margin: 20px 0 0;
    }

  }

.content .optionFilter {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 20px;
  font-weight: bold;
  font-size: 12px;
  font-size: .75rem;
  text-transform: uppercase;
  -webkit-transition: opacity .2s;
  transition: opacity .2s;
  }

h2 + .content .optionFilter {
  position: absolute;
  top: 0;
  right: 0;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  }

@media only screen and (max-width: 61.25em) {

  .content .optionFilter {
    font-size: 10px;
    font-size: .62rem;
    }

  }

@media only screen and (max-width: 45em) {

  .content .optionFilter {
    position: static;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    }

  h2 + .content .optionFilter {
    top: -.45em;
    }

  .content .optionFilter a {
    display: block;
    }

  .content .optionFilter a:first-child {
    margin-left: 0;
    }

  .content .optionFilter a::after {
    display: none;
    margin-top: -7px;
    }

  }

.js-optionFilter-is-disabled {
  opacity: .5;
  pointer-events: none;
  }

.js-optionFilter-is-disabled:before {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  }

.optionFilterLabel {
  position: relative;
  display: block;
  padding: .45em 0;
  margin: 0 20px 0 0;
  color: #90a4ae;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: .2s;
  transition: .2s;
  }

.optionFilterLabel:before {
  position: absolute;
  top: -50%;
  right: -10px;
  bottom: -50%;
  left: -10px;
  content: '';
  display: block;
  }

.optionFilterLabel:hover,
.optionFilterLabel:active {
  color: #607d8b;
  }

.optionFilterRadio:checked + .optionFilterLabel {
  color: #212121;
  }

.optionFilterRadio:focus + .optionFilterLabel {
  color: #607d8b;
  outline: 1px dotted #cfd8dc;
  }

h2 + .optionFilter > .optionFilterLabel {
  margin: 0 0 0 20px;
  }

.optionFilterLabel-is-active {
  color: #000;
  }

.optionFilterLabel-is-active:visited,
.optionFilterLabel-is-active:hover,
.optionFilterLabel-is-active:active {
  color: #000;
  }

@media only screen and (max-width: 45em) {

  .optionFilterLabel {
    display: none;
    padding: .45em 20px .45em 0;
    }

  .optionFilterLabel:before {
    top: -25%;
    bottom: -25%;
    }

  .optionFilterLabel:after {
    position: absolute;
    top: 50%;
    right: 1px;
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    border-width: 2px 2px 0 0;
    border-style: solid;
    border-color: currentColor;
    margin: -3.5px 0 0;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    }

  .optionFilterRadio:checked + .optionFilterLabel {
    display: block;
    }

  }

.optionFilterRadio {
  position: absolute;
  top: 0;
  left: -10000px;
  }

.tagFilter {
  position: relative;
  z-index: 1;
  top: -10px;
  width: 100%;
  }

@media only screen and (max-width: 45em) {

  .tagFilter {
    position: fixed;
    z-index: 200;
    z-index: 999;
    top: 0;
    right: 0;
    left: 0;
    height: 100%;
    background: #fff;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    }

  .tagFilter:after {
    position: absolute;
    top: 0;
    left: 0;
    content: attr(data-title);
    padding: 20px;
    font-weight: bold;
    font-size: 26px;
    font-size: 1.62rem;
    }

  }

@media only screen and (max-width: 45em) {

  .js-tagFilter-is-active {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    }

  }

.tagFilterItems {
  top: 0;
  right: -40px;
  left: -40px;
  background: #fff;
  font-weight: bold;
  -webkit-filter: drop-shadow(0 5px 10px rgba(33, 33, 33, .1));
  filter: drop-shadow(0 5px 10px rgba(33, 33, 33, .1));
  -webkit-transition: opacity .2s, visibility .2s step-end, -webkit-transform .2s;
  transition: opacity .2s, visibility .2s step-end, -webkit-transform .2s;
  transition: opacity .2s, transform .2s, visibility .2s step-end;
  transition: opacity .2s, transform .2s, visibility .2s step-end, -webkit-transform .2s;
  }

.tagFilterItems:before {
  position: absolute;
  bottom: 100%;
  left: 0;
  content: 'X';
  display: block;
  width: 100%;
  padding: 20px 0;
  border-bottom: 1px solid #cfd8dc;
  color: #fff;
  background: #fff;
  font-size: 42px;
  font-size: 2.62rem;
  line-height: 1.1;
  -webkit-transform: translateY(25px);
  transform: translateY(25px);
  -webkit-transition: inherit;
  transition: inherit;
  }

.js-tagFilter-is-active > .tagFilterItems {
  -webkit-transition: opacity .2s, visibility .2s step-start, -webkit-transform .2s;
  transition: opacity .2s, visibility .2s step-start, -webkit-transform .2s;
  transition: opacity .2s, transform .2s, visibility .2s step-start;
  transition: opacity .2s, transform .2s, visibility .2s step-start, -webkit-transform .2s;
  }

.js-tagFilter-is-active > .tagFilterItems:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  }

@media only screen and (max-width: 45em) {

  .tagFilterItems {
    top: 80px;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    padding: 0 20px 15px;
    font-size: 14px;
    font-size: .88rem;
    text-transform: uppercase;
    -webkit-column-count: auto;
    -moz-column-count: auto;
    column-count: auto;
    -webkit-filter: none;
    filter: none;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    }

  }

@media only screen and (max-width: 45em) {

  .tagFilterLabel {
    color: #90a4ae;
    font-size: .8rem;
    }

  }

.tagFilterLabel[data-count='0'] {
  display: none !important;
  }

.tagFilterToggle {
  position: relative;
  display: inline-block;
  padding: 0 60px 0 0;
  color: #212121;
  text-decoration: none;
  -webkit-transition: .2s;
  transition: .2s;
  }

.tagFilterToggle:visited,
.tagFilterToggle:hover,
.tagFilterToggle:active {
  color: #212121;
  }

.tagFilterToggle:before {
  position: absolute;
  top: 50%;
  right: 8px;
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  border-width: 2px 2px 0 0;
  border-style: solid;
  border-color: currentColor;
  margin: -9px -4px 0 0;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  -webkit-transition: .2s;
  transition: .2s;
  }

.tagFilterToggle:after {
  display: none;
  }

@media only screen and (max-width: 45em) {

  .tagFilterToggle {
    padding: 0 30px 0 0;
    }

  }

.js-tagFilterToggle-is-active:before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  }

.js-tagFilterToggle-is-disabled {
  opacity: .5;
  pointer-events: none;
  }

.tagFilterClose {
  position: absolute;
  z-index: 1;
  top: 10px;
  right: 0;
  display: none;
  overflow: hidden;
  width: 90px;
  height: 0;
  padding: 90px 0 0;
  color: #cfd8dc;
  background: #fff;
  }

.tagFilterClose:visited {
  color: #cfd8dc;
  }

.tagFilterClose:hover,
.tagFilterClose:active {
  color: #607d8b;
  }

.tagFilterClose:before,
.tagFilterClose:after {
  position: absolute;
  top: 50%;
  left: 50%;
  content: '';
  display: block;
  width: 25px;
  height: 2px;
  margin: -1px 0 0 -12.5px;
  background: currentColor;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  }

.tagFilterClose:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  }

.tagFilterClose:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  }

@media only screen and (max-width: 45em) {

  .tagFilterClose {
    display: block;
    width: 50px;
    padding: 50px 0 0;
    }

  }

.viewToggles {
  position: absolute;
  z-index: 3;
  right: 14.3%;
  bottom: 2.5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  }

@media only screen and (max-width: 61.25em) {

  .viewToggles {
    right: 20px;
    margin: 0 0 35px;
    }

  }

@media only screen and (max-width: 45em) {

  .viewToggles {
    right: 20px;
    bottom: 1em;
    margin: 0 0 37px;
    }

  }

.viewToggle {
  position: relative;
  display: block;
  width: 30px;
  height: 30px;
  margin: 0 0 0 40px;
  color: #cfd8dc;
  text-indent: -10000px;
  }

.viewToggle:visited {
  color: #cfd8dc;
  }

.viewToggle:hover,
.viewToggle:active {
  color: #607d8b;
  }

.viewToggle:before {
  position: absolute;
  z-index: 50;
  top: 0;
  left: 0;
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  }

@media only screen and (max-width: 45em) {

  .viewToggle {
    width: 20px;
    height: 20px;
    margin: 0 0 0 20px;
    }

  }

.js-viewToggle-is-active {
  color: #607d8b;
  }

.js-viewToggle-is-active:visited,
.js-viewToggle-is-active:hover,
.js-viewToggle-is-active:active {
  color: #607d8b;
  }

.viewToggleSVG {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  stroke: currentColor;
  stroke-width: 2;
  fill: none;
  }

.footer {
  position: relative;
  z-index: 202;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 45px 14.3%;
  color: #90a4ae;
  background: #e9edef;
  font-size: 12px;
  font-size: .75rem;
  line-height: 1.5;
  }

.footer:before {
  position: relative;
  content: '';
  display: block;
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  }

.footer:after {
  position: relative;
  content: '';
  display: block;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 2px;
  margin: 20px 0 35px;
  background: #cfd8dc;
  }

@media only screen and (max-width: 61.25em) {

  .footer {
    padding: 45px 20px 135px;
    }

  .footer:after {
    margin: 0 0 20px;
    }

  }

@media only screen and (max-width: 45em) {

  .footer {
    z-index: 199;
    display: block;
    padding: 0 0 120px;
    }

  .footer:before,
  .footer:after {
    display: none;
    }

  }

.footerAddrHeader,
.footerNavHeader,
.footerSchHeader {
  margin: 0 0 18px;
  margin: 0 0 1.12rem;
  color: #212121;
  font-weight: bold;
  text-transform: uppercase;
  }

@media only screen and (max-width: 45em) {

  .footerAddress,
  .footerNavSection,
  .footerSchedule {
    border-bottom: 2px solid #cfd8dc;
    }

  }

.rutorika {
  position: relative;
  display: block;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 92px;
  height: 10px;
  }

@media only screen and (max-width: 45em) {

  .rutorika {
    margin: 50px auto;
    }

  }

.rutorikaSVG {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  }

.footerAddress {
  width: 17.5%;
  margin: 0;
  color: #757575;
  }

@media only screen and (max-width: 45em) {

  .footerAddress {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: auto;
    padding: 20px 20px;
    }

  }

.footerAddress a {
  display: block;
  }

.footerAddress > div {
  width: 100%;
  }

@media only screen and (max-width: 45em) {

  .footerAddrHeader {
    width: 100%;
    }

  }

.footerAddrLocation {
  margin: 18px 0;
  margin: 1.12rem 0;
  }

@media only screen and (max-width: 45em) {

  .footerAddrLocation {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    padding: 0 30px 0 0;
    margin: 0;
    }

  }

.footerAddrPhone {
  display: block;
  color: currentColor;
  text-decoration: none;
  cursor: text;
  }

.footerAddrPhone:visited,
.footerAddrPhone:hover,
.footerAddrPhone:active {
  color: currentColor;
  }

.footerLegal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  width: 53%;
  margin: 0 auto;
  font-size: 10px;
  font-size: .62rem;
  text-align: center;
  line-height: 1.5;
  }

@media only screen and (max-width: 45em) {

  .footerLegal {
    display: block;
    width: auto;
    padding: 0 20px;
    font-size: 14px;
    font-size: .88rem;
    text-align: center;
    }

  }

.footerLegalLink {
  display: block;
  min-width: 125px;
  color: currentColor;
  }

.footerLegalLink:visited,
.footerLegalLink:hover,
.footerLegalLink:active {
  color: currentColor;
  }

.footerLegalLink:hover,
.footerLegalLink:active {
  text-decoration: none;
  }

@media only screen and (max-width: 45em) {

  .footerLegalLink {
    width: auto;
    padding: 0;
    margin: 36px 0 0;
    margin: 2.25rem 0 0;
    }

  }

.footerNav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 53%;
  }

@media only screen and (max-width: 61.25em) {

  .footerNav {
    width: 60%;
    }

  }

@media only screen and (max-width: 45em) {

  .footerNav {
    display: block;
    width: auto;
    }

  }

.footerNavWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  }

@media only screen and (max-width: 45em) {

  .footerNavWrapper {
    padding: 20px 20px 0 20px;
    }

  }

.footerNavApps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;

  gap: 8px;
  }

.footerNavApps a img {
  height: 40px;
  }

.footerNavText {
  margin-bottom: 10px;
  color: #757575;
  font-size: 11px;
  line-height: 18px;
  }

@media only screen and (max-width: 45em) {

  .footerNavText {
    margin-top: 0;
    }

  }

.footerNavSection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 30%;
  }

@media only screen and (max-width: 45em) {

  .footerNavSection {
    position: relative;
    display: block;
    width: auto;
    }

  }

.footerNavHeader {
  position: relative;
  }

@media only screen and (max-width: 45em) {

  .footerNavHeader {
    height: 55px;
    padding: 0 20px;
    margin: 0;
    line-height: 55px;
    }

  }

.footerNavToggle {
  height: 55px;
  }

@media only screen and (max-width: 45em) {

  .footerNavHolder {
    position: relative;
    overflow: hidden;
    height: 0;
    padding: 0 20px;
    -webkit-transition: .2s;
    transition: .2s;
    }

  }

.footerNavLink {
  position: relative;
  top: -.25em;
  display: block;
  padding: .25em 0;
  color: #757575;
  text-decoration: none;
  }

.footerNavLink:visited,
.footerNavLink:hover,
.footerNavLink:active {
  color: #757575;
  }

.footerNavLink:hover {
  color: #212121;
  }

.footerSchedule {
  width: 17.5%;
  }

@media only screen and (max-width: 61.25em) {

  .footerSchedule {
    width: 22.5%;
    }

  }

@media only screen and (max-width: 45em) {

  .footerSchedule {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: auto;
    padding: 20px 20px;
    }

  }

@media only screen and (max-width: 45em) {

  .footerSchHeader {
    width: 100%;
    margin: 0;
    }

  }

.footerSchPlace {
  margin: 18px 0;
  margin: 1.12rem 0;
  color: #212121;
  }

@media only screen and (max-width: 45em) {

  .footerSchPlace {
    width: 50%;
    margin: 24px 0 0;
    margin: 1.5rem 0 0;
    }

  }

.footerSchHours {
  color: #757575;
  }

.formLabel,
.formItemLabel {
  position: relative;
  display: block;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  margin: 0 0 .5em;
  color: #757575;
  font-size: 14px;
  font-size: .88rem;
  line-height: 1.25;
  }

.formField,
.formItem,
.formSelect {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  margin: 0 0 20px;
  }

.formOptionContent .formField,
.formOptionContent .formItem,
.formOptionContent .formSelect,
.confirmForm .formField,
.confirmForm .formItem,
.confirmForm .formSelect {
  display: inline-block;
  width: 65%;
  margin: 0;
  vertical-align: top;
  }

@media only screen and (max-width: 45em) {

  .formOptionContent .formField,
  .formOptionContent .formItem,
  .formOptionContent .formSelect,
  .confirmForm .formField,
  .confirmForm .formItem,
  .confirmForm .formSelect {
    width: 100%;
    margin: 0 0 20px;
    }

  }

.formField {
  height: 50px;
  padding: 15px 20px;
  font-size: 16px;
  font-size: 1rem;
  }

.formItem {
  position: relative;
  }

.formRadio,
.formCheckbox {
  position: absolute;
  left: -10000px;
  opacity: 0;
  }

.formRadioLabel,
.formCheckboxLabel {
  position: relative;
  padding: 0 0 0 30px;
  }

.formRadioLabel:before,
.formCheckboxLabel:before {
  position: absolute;
  top: .65em;
  left: 0;
  content: '';
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 17px;
  height: 17px;
  border: 2px solid #cfd8dc;
  margin: -8.5px 0 0;
  }

.formRadioLabel:after,
.formCheckboxLabel:after {
  position: absolute;
  top: .65em;
  content: '';
  display: block;
  opacity: 0;
  -webkit-transition: opacity .2s;
  transition: opacity .2s;
  }

.js-field-has-error + .formRadioLabel:before,
.js-field-has-error + .formCheckboxLabel:before {
  border: 2px solid #cc2929;
  }

@media only screen and (max-width: 45em) {

  .formRadioLabel,
  .formCheckboxLabel {
    padding: 0 0 0 40px;
    }

  }

.formRadioLabel {
  display: inline-block;
  margin: 0 35px 0 0;
  vertical-align: top;
  }

.formRadioLabel:before {
  border-radius: 50%;
  }

.formRadioLabel:after {
  left: 2px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 13px;
  height: 13px;
  border: 4px solid #455a64;
  border-radius: 50%;
  margin: -6.5px 0 0;
  -webkit-box-shadow: 0 0 0 2px #fff;
  box-shadow: 0 0 0 2px #fff;
  }

.formRadio:checked + .formRadioLabel:after {
  opacity: 1;
  }

.formCheckboxLabel {
  display: block;
  }

.formCheckboxLabel:after {
  left: 0;
  width: 17px;
  height: 17px;
  margin: -8.5px 0 0;
  background-color: #455a64;
  background-image: linear-gradient(45deg, #455a64, #455a64 21%, rgba(69, 90, 100, 0) 21%, rgba(69, 90, 100, 0)), linear-gradient(-45deg, #455a64, #455a64 33%, rgba(69, 90, 100, 0) 33%, rgba(69, 90, 100, 0)), linear-gradient(135deg, #455a64, #455a64 28%, rgba(69, 90, 100, 0) 28%, rgba(69, 90, 100, 0)), linear-gradient(-135deg, #455a64, #455a64 18%, rgba(69, 90, 100, 0) 18%, rgba(69, 90, 100, 0)), linear-gradient(45deg, rgba(69, 90, 100, 0), rgba(69, 90, 100, 0) 4px, #fff 4px, #fff 6px, rgba(69, 90, 100, 0) 6px, rgba(69, 90, 100, 0)), linear-gradient(-45deg, rgba(69, 90, 100, 0), rgba(69, 90, 100, 0) 6px, #fff 6px, #fff 8px, rgba(69, 90, 100, 0) 8px, rgba(69, 90, 100, 0));
  background-position: 50% 25%;
  background-size: 13px 13px;
  background-repeat: no-repeat;
  }

.formCheckbox:checked + .formCheckboxLabel:after,
.formCheckbox.js-PD-checkbox:checked ~ .formCheckboxLabel:after {
  opacity: 1;
  }

.formItem .formCheckboxLabel {
  margin: 20px 0 0;
  }

.schemeAdd .formCheckboxLabel {
  position: relative;
  display: inline-block;
  margin: 0 60px 0 0;
  text-align: left;
  line-height: 1.5em;
  vertical-align: middle;
  }

.schemeAdd .formCheckboxLabel:last-child {
  margin: 0;
  }

@media only screen and (max-width: 45em) {

  .formCheckboxLabel:after,
  .formCheckboxLabel:before {
    top: 13px;
    width: 25px;
    height: 25px;
    margin: -12.5px 0 0;
    }

  .formCheckboxLabel:after {
    background-position: 50% 35%;
    }

  .schemeAdd .formCheckboxLabel {
    padding: 0 0 0 35px;
    margin: 0 0 0 15px;
    }

  .schemeAdd .formCheckboxLabel:last-of-type {
    margin: 0 0 0 15px;
    }

  .schemeAdd .formCheckboxLabel:after,
  .schemeAdd .formCheckboxLabel:before {
    top: .5em;
    }

  }

.formSubmit {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 60px;
  -webkit-transition: color .2s;
  transition: color .2s;
  }

.formSubmit:not(:disabled) {
  cursor: pointer;
  }

.formOptionContent .formSubmit,
.confirmForm .formSubmit {
  display: inline-block;
  width: 35%;
  vertical-align: top;
  }

@media only screen and (max-width: 45em) {

  .formSubmit {
    height: 50px;
    }

  .formOptionContent .formSubmit,
  .confirmForm .formSubmit {
    width: 100%;
    }

  }

.formSubmit {
  margin: 20px 0 0;
  }

.formOptionContent .formSubmit,
.confirmForm .formSubmit {
  height: 50px;
  margin: 0;
  }

.profileSection .formSubmit {
  margin: 20px 0 120px;
  }

@media only screen and (max-width: 45em) {

  .profileSection .formSubmit {
    margin: 20px 0 70px;
    }

  }

.formSelect {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 50px;
  border-radius: 0;
  margin: 15px 0 55px;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAGCAYAAAAVMmT4AAAAAXNSR0IArs4c6QAAAHtJREFUGBljVlZWLhEWFn757t279ww4gIqKirKgoGAy0////w/++/fvOFCTBza1QIXuIHkgPgSWV1JSMgXiV+gaFBUVXYH4OVDOBMUgdA0gE0EGABWbwRQywhggGqQBSG0D4jwgngh0os/9+/dPAdnYAcgkIL6AbCJMJQCfji0JSdJCtAAAAABJRU5ErkJggg==') no-repeat right 10px top 25px;
  }

.feedbackForm .formSelect {
  padding: 0 0 0 10px;
  border: 0;
  border-bottom: 2px solid #cfd8dc;
  color: #455a64;
  background-position: right 0 top 20px;
  font-size: 24px;
  font-size: 1.5rem;
  }

.formSelect.js-field-has-error {
  border-bottom: 2px solid #cc2929;
  }

@media only screen and (max-width: 45em) {

  .feedbackForm .formSelect {
    font-size: 16px;
    font-size: 1rem;
    }

  }

.formLegend {
  margin: 0 0 20px;
  font-weight: normal;
  font-size: 18px;
  font-size: 1.12rem;
  }

.feedbackForm .formLegend {
  margin: 0 0 30px;
  color: #757575;
  }

.formPasswordLink {
  float: right;
  margin: -15px 0 0;
  font-size: 14px;
  font-size: .88rem;
  text-decoration: none;
  }

.formSocial {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 10px 0 40px;
  }

.formSocialLink {
  margin: 15px 0 0;
  text-decoration: none;
  text-indent: 0;
  }

.formSocialLink:after {
  content: attr(data-text);
  padding: 0 0 0 40px;
  color: #212121;
  white-space: nowrap;
  }

@media only screen and (max-width: 45em) {

  .formSocialLink {
    width: 28px;
    height: 28px;
    }

  }

.formSocialLinkSVG-is-active.formSocialLinkSVG-fb {
  fill: #3b5998;
  }

.formSocialLinkSVG-is-active.formSocialLinkSVG-ok {
  fill: #ee8208;
  }

.formTextarea {
  width: 100%;
  padding: 20px;
  margin: 0 0 50px;
  }

.formLink {
  border-bottom: 1px solid currentColor;
  color: #90a4ae;
  font-size: 14px;
  font-size: .88rem;
  text-decoration: none;
  }

.formLink:visited {
  color: #90a4ae;
  }

.formLink:hover,
.formLink:active {
  color: #607d8b;
  }

.formShowLink {
  position: absolute;
  top: 42px;
  right: 20px;
  -webkit-transition: .2s;
  transition: .2s;
  }

.formShowLink-is-active {
  opacity: .6;
  }

.formShowIcon {
  width: 22px;
  height: 15px;
  fill: #263238;
  }

.hiddenField {
  overflow: hidden;
  max-height: 0;
  margin: 0;
  -webkit-transition: .2s;
  transition: .2s;
  }

.js-field-has-error {
  border-color: #cc2929;
  }

.js-field-is-visible {
  max-height: 300px;
  margin: 0 0 20px;
  }

.formErrorText {
  position: absolute;
  top: 100%;
  margin: 0;
  color: #cc2929;
  font-size: 12px;
  font-size: .75rem;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility .1s step-end, opacity .2s;
  transition: visibility .1s step-end, opacity .2s;
  }

.js-field-has-error .formErrorText,
.js-field-has-error ~ .formErrorText {
  visibility: visible;
  opacity: 1;
  -webkit-transition: visibility .1s step-start, opacity .2s;
  transition: visibility .1s step-start, opacity .2s;
  }

.submitHolder {
  position: relative;
  margin-top: 20px;
  }

.submitHolder .formSubmit {
  margin: 0;
  }

.button_loader::after {
  position: absolute;
  top: 50%;
  right: 30px;
  content: '';
  width: 30px;
  height: 30px;
  background: url('../images/loader.gif') no-repeat;
  background-size: contain;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  }

.formOptions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 35px 0 30px;
  }

.formOptionContent {
  display: none;
  width: 100%;
  font-size: 0;
  }

.js-formOptionContent-is-active {
  display: block;
  }

.formOptionRadio {
  position: absolute;
  left: -10000px;
  opacity: 0;
  }

.requestForm {
  width: 510px;
  }

@media only screen and (max-width: 45em) {

  .requestForm {
    width: 100%;
    margin: 0;
    }

  }

.requestForm .feedbackDesc {
  width: 100%;
  margin: 0 0 .5em;
  }

.intervalFormHolder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 0 45px;
  }

.intervalFormHolder .formLabelFrom {
  width: auto;
  margin: 0 15px 0 0;
  }

.intervalFormHolder .formLabelTo {
  width: auto;
  margin: 0 15px 0 25px;
  }

@media only screen and (max-width: 45em) {

  .intervalFormHolder .formLabelTo {
    margin: 10px 0 0 0;
    }

  }

.intervalFormHolder .rangeField {
  width: 100%;
  padding: 0;
  border: 0;
  }

.intervalFormHolder .rangeHolder {
  position: relative;
  width: 40%;
  margin: 0;
  }

.formFileInput {
  position: absolute;
  top: 0;
  left: -10000px;
  }

.formFileLabel {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: 50%;
  min-height: 50px;
  padding: 0 20px 0 60px;
  color: #607d8b;
  font-size: 18px;
  font-size: 1.12rem;
  line-height: 2;
  }

.formFileLabelSVG {
  position: absolute;
  top: 50%;
  left: 0;
  width: 40px;
  height: 50px;
  margin: -25px 0 0;
  stroke: #607d8b;
  stroke-width: 2;
  fill: none;
  }

.fileFieldHolder {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  }

.fileFieldHolder + .formLabel {
  margin-top: 50px;
  }

.fileFieldRefresh {
  z-index: 50;
  width: 14px;
  height: 14px;
  background: linear-gradient(45deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 9px, #607d8b 9px, #607d8b 11px, rgba(255, 255, 255, 0) 11px, rgba(255, 255, 255, 0)), linear-gradient(-45deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 9px, #607d8b 9px, #607d8b 11px, rgba(255, 255, 255, 0) 11px, rgba(255, 255, 255, 0));
  visibility: hidden;
  opacity: 0;
  }

.refreshButton-is-active {
  visibility: visible;
  opacity: 1;
  }

.arendatorsRangeInputHolder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  }

@media only screen and (max-width: 45em) {

  .arendatorsRangeInputHolder {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
    }

  }

.formField-short {
  position: relative;
  width: 30%;
  }

@media only screen and (max-width: 45em) {

  .formField-short {
    width: 100%;
    }

  }

.formFieldUnit {
  margin-left: 15px;
  }

.pageHeader {
  position: relative;
  margin: 0;
  }

.pageHeader-card .pageHero {
  overflow: hidden;
  }

.pageHeader.pageHeader-card {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: calc(100vh - 135px);
  font-family: Roboto,Segoe UI,'PTSans',Droid Sans,Helvetica Neue,Helvetica,Calibri,Arial,sans-serif;
  }

@media only screen and (max-width: 61.25em) {

  .pageHeader.pageHeader-card {
    height: calc(100vh - 85px);
    }

  }

@media only screen and (max-width: 45em) {

  .pageHeader.pageHeader-card {
    height: calc(100vh - 135px);
    padding: 55px 20px 0;
    }

  }

.pageHeader.pageHeader-card .pageHeader-card__switch-menu {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-item-align: center;
  align-self: center;
  width: 100%;
  height: auto;
  margin: auto;
  }

.pageHeader.pageHeader-card .pageHeader-card__switch-menu a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  max-width: 45%;
  text-decoration: none !important;
  }

.pageHeader.pageHeader-card .pageHeader-card__switch-menu a span {
  max-width: 85%;
  margin: 0 auto 30px;
  color: #333;
  font-weight: bold;
  font-size: 1.15rem;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: .15s ease-in;
  transition: .15s ease-in;
  }

.pageHeader.pageHeader-card .pageHeader-card__switch-menu a img {
  width: 85%;
  max-width: 600px;
  margin: 0 auto 20px;
  -webkit-transition: .15s ease-in;
  transition: .15s ease-in;
  }

.pageHeader.pageHeader-card .pageHeader-card__switch-menu a:hover img {
  -webkit-filter: saturate(120%);
  filter: saturate(120%);
  }

.pageHeader.pageHeader-card .pageHeader-card__tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 250px;
  margin-right: auto;
  margin-left: 0;
  }

.pageHeader.pageHeader-card .pageHeader-card__tabs a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  min-height: 50px;
  padding: 20px 10px;
  margin: 0 auto 20px;
  color: #cfd8dc;
  background: #0c6bb6;
  font-weight: normal;
  font-size: .8rem;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
  -webkit-transition: .15s ease-in;
  transition: .15s ease-in;
  }

.pageHeader.pageHeader-card .pageHeader-card__tabs a:hover {
  color: #fff !important;
  background: #0b89ec;
  }

.pageHeader.pageHeader-card .pageHeader-card__tabs .-selected-tab {
  color: #fff !important;
  background: #0b89ec !important;
  }

@media screen and (max-width: 720px) {

  .pageHeader.pageHeader-card .pageHeader-card__tabs {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    }

  .pageHeader.pageHeader-card .pageHeader-card__tabs a {
    width: 45%;
    }

  }

.pageHeader.pageHeader-card .title-holder {
  max-width: 100%;
  }

.pageHeader.pageHeader-card.bonus .title-holder {
  max-width: 370px;
  }

.pageHeader.pageHeader-card .breadCrumbs {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  }

@media only screen and (max-width: 45em) {

  .pageHeader.pageHeader-card .breadCrumbs {
    left: 0;
    }

  }

.pageHeader.pageHeader-card h1 {
  font-weight: 700;
  font-size: 40px;
  font-size: 2.5rem;
  text-transform: none;
  }

@media only screen and (max-width: 45em) {

  .pageHeader.pageHeader-card h1 .highlight {
    left: 5px;
    }

  .pageHeader.pageHeader-card h1 .highlight::before {
    left: 0;
    }

  }

.pageHeader.pageHeader-card .pageHero {
  background-color: #0c1d38;
  background-position: 50% 75%;
  background-repeat: no-repeat;
  }

.pageHeader.pageHeader-card .pageHero .heroImage {
  -o-object-position: 50% 75%;
  object-position: 50% 75%;
  }

.pageHeader.pageHeader-card .pageCard {
  color: #cfd8dc;
  background: #0c6bb6;
  cursor: pointer;
  -webkit-transition: color .3s;
  transition: color .3s;
  }

.pageHeader.pageHeader-card .pageCard:hover {
  color: #fff;
  }

.pageHeader.pageHeader-card .headerLink {
  display: inline-block;
  border-bottom: 2px solid #7f899a;
  margin-top: 10px;
  color: #fff;
  font-size: 14px;
  font-size: .88rem;
  text-decoration: none;
  line-height: 1.3;
  opacity: 1;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
  }

.pageHeader.pageHeader-card .headerLink-active {
  border-color: #fff;
  font-weight: bold;
  }

@media only screen and (max-width: 45em) {

  .pageHeader.pageHeader-card .headerLink {
    text-shadow: 1px 1px #000;
    }

  }

.pageHeader.pageHeader-card a.headerLink:hover {
  opacity: .7;
  }

.gift-bonusNavigation .bonusNavItem .bonusNavLink {
  color: #90a4ae;
  font-size: 10px;
  font-size: .62rem;
  }

.gift-bonusNavigation .bonusNavItem .bonusNavLink:hover {
  color: #263238;
  }

.gift-bonusNavigation .bonusNavLink.js-pageNavigationLink-is-active {
  color: #263238;
  font-size: 12px;
  font-size: .75rem;
  }

.stub-wrap-title {
  margin-bottom: 25px;
  color: #757575;
  font-weight: bold;
  font-size: 18px;
  }

.stub-wrap-text {
  color: #757575;
  font-size: 18px;
  }

.stub-wrap {
  margin: 60px 14.3% 120px;
  }

.pageHero-stub {
  background-position: 50% 8% !important;
  }

.giftCard-explanations,
.giftFaq,
.giftLinks {
  margin: 50px 14.3%;
  }

@media screen and (max-width: 719px) {

  .giftCard-explanations,
  .giftFaq,
  .giftLinks {
    margin: 50px 5%;
    }

  .giftFaq h2,
  .giftLinks h2 {
    font-size: 1.2rem;
    }

  }

.gift-about__img {
  position: absolute;
  z-index: -1;
  top: 20px;
  left: -105%;
  max-width: 100% !important;
  margin: 0 10px 0 0;
  }

@media screen and (max-width: 720px) {

  .gift-about__img {
    position: relative;
    left: 0;
    }

  }

.giftLinks p {
  margin: 0 !important;
  color: #757575;
  }

.giftLinks ul {
  padding: 0 0 0 12px;
  margin: 0 !important;
  color: #757575;
  list-style: none;
  }

.giftLinks ul li {
  position: relative;
  margin: 0 !important;
  color: #757575;
  }

.giftLinks ul li::before {
  position: absolute;
  position: absolute;
  top: .5em;
  left: -1em;
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #004b87;
  }

.giftLinks__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px 0;
  }

.giftLinks__links-item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 42%;
  height: 50px;
  padding: 0 20px;
  margin: 0 20px 20px 0;
  color: #fff !important;
  background: #0c6bb6;
  font-weight: 300;
  font-size: .88rem;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
  -webkit-transition: .15s;
  transition: .15s;
  }

.giftLinks__links-item:hover {
  color: #fff !important;
  background: #09518a;
  }

@media screen and (max-width: 639px) {

  .giftLinks__links-item {
    width: 100%;
    margin: 0 0 20px;
    }

  }

.gift-accordion {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 0;
  list-style: none;
  }

.gift-accordion li {
  margin: 0;
  cursor: pointer;
  }

.gift-accordion li:first-child .gift-accordion__title {
  border-top: 1px solid #c4c4c4;
  }

.gift-accordion__title {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 15px 30px 10px 0;
  border-bottom: 1px solid #c4c4c4;
  color: #757575;
  cursor: pointer;
  }

.gift-accordion__title span {
  min-height: 100%;
  margin: 0 10px 0 0;
  color: #757575;
  }

.gift-accordion__title:after {
  position: absolute;
  top: 15px;
  right: 10px;
  bottom: 0;
  content: '';
  width: 20px;
  height: 14px;
  background-image: url('/images/giftCard/arrow_accordion.svg');
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-transition: .15s;
  transition: .15s;
  }

.gift-accordion__text {
  display: none;
  padding: 10px 20px;
  margin: 0;
  color: #757575;
  background: #e5e5e5;
  font-size: 14px;
  }

.gift-accordion__text h4 {
  margin: 0 0 5px !important;
  color: #757575;
  font-size: 1rem !important;
  line-height: 1.2rem !important;
  }

.gift-accordion__text p {
  margin: 0 0 10px;
  color: #757575;
  }

.open-accordion-item .gift-accordion__text {
  display: block;
  }

.open-accordion-item .gift-accordion__title::after {
  top: 20px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  }

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

.giftCard-explanations p {
  color: #757575;
  }

.giftCard-explanations__col {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
  padding: 0 20px 0 0;
  margin: 0;
  }

.giftCard-explanations__col p {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 20px 0 0;
  margin: 0 0 30px;
  font-size: .9rem;
  }

@media screen and (max-width: 639px) {

  .giftCard-explanations {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    }

  .giftCard-explanations__col {
    width: 100%;
    }

  }

.giftOptionText ul {
  padding: 0 0 0 12px;
  list-style: none;
  }

.giftOptionText ul li {
  position: relative;
  }

.giftOptionText ul li::before {
  position: absolute;
  position: absolute;
  top: .5em;
  left: -1em;
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #004b87;
  }

.giftOptions-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  }

.giftOptions-title span {
  width: 50%;
  text-align: center;
  }

.giftOptions-title span h2 {
  margin: auto;
  font-weight: 300;
  font-size: 24px;
  text-align: center;
  }

.pageHeader.pageHeader-card .title-holder h1 {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  }

.-high-contrast-links .bonusNavItem {
  padding: 5px 10px;
  background: none;
  }

.-text-align-left,
.-text-align-left p,
.-text-align-left li,
.-text-align-left div {
  text-align: left !important;
  }

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

.-mob-view {
  display: none;
  width: 100%;
  color: #000;
  }

@media screen and (max-width: 720px) {

  .-mob-hide {
    display: none;
    }

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

  .giftOptions-title span {
    width: 100%;
    }

  }

@media screen and (max-width: 578px) {

  .pageHeader-card__tabs {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    }

  .pageHeader-card .title-holder h1 {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
    }

  .pageHeader-card__tabs a {
    width: 80% !important;
    margin: 0 auto 10px !important;
    }

  .pageHeader.pageHeader-card .title-holder h1 span:nth-child(2) {
    margin-left: .5rem;
    }

  }

.pageHeader.pageHeader-card .pageText {
  margin: 1rem 0 0 0;
  }

.pageHeader.pageHeader-card h1 .highlight::after,
.pageHeader.pageHeader-card h1 .highlight::before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-right: 12px;
  padding-left: 12px;
  }

.pageHeader.pageHeader-card .pageText .highlight::after,
.pageHeader.pageHeader-card .pageText .highlight::before {
  padding-right: 12px;
  padding-left: 12px;
  }

.pageHeader.pageHeader-card .highlight,
.pageHeader.pageHeader-card h1 .highlight,
.pageHeader-card__tabs,
.pageHeader.pageHeader-card .title-holder {
  max-width: 100%;
  }

.pageHeader.pageHeader-card .title-holder {
  margin-top: 5.85vw;
  margin-bottom: .75vw;
  }

.pageHeader-card__tabs,
.pageHeader.pageHeader-card .pageCard {
  margin-top: auto;
  margin-bottom: 1.95vw;
  }

@media screen and (max-width: 1023px) {

  .pageHeader.pageHeader-card .title-holder {
    margin-top: 3.45vw;
    }

  .pageHeader.pageHeader-card .pageText .highlight {
    left: 0;
    max-width: auto;
    }

  }

@media screen and (max-height: 640px) {

  .pageHeader.pageHeader-card .title-holder {
    margin-top: .45vw;
    }

  .pageHeader-card__tabs,
  .pageHeader.pageHeader-card .pageCard {
    margin-bottom: 1.75vw;
    }

  }

@media screen and (max-height: 440px) {

  .bonusNavigation.gift-bonusNavigation.js-pageNavigation {
    display: none !important;
    }

  .pageHeader.pageHeader-card .title-holder {
    margin-top: -3.85vw;
    margin-bottom: .75vw;
    }

  .pageHeader-card__tabs,
  .pageHeader.pageHeader-card .pageCard {
    margin-bottom: 4.5vw;
    }

  }

.pageHeader.pageHeader-card .pageText {
  margin-left: 0 !important;
  }

.highlight-a {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  padding-left: 10px;
  color: #333;
  }

.highlight-a:before {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  width: calc(100% + 20px);
  height: 120%;
  margin: auto 0 auto 0;
  background: #fff;
  }

.pageHeader.pageHeader-card .title-holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 100%;
  }

.pageHeader.pageHeader-card h1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  }

.pageHeader.pageHeader-card .pageText {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  }

@media screen and (max-width: 400px) {

  .pageHeader.pageHeader-card .title-holder h1 {
    font-size: 1.8rem;
    }

  }

.spanLikeAhref:hover {
  color: #263238;
  }

.spanLikeAhref {
  color: #90a4ae;
  -webkit-tap-highlight-color: rgba(38, 50, 56, .25);
  text-decoration: underline;
  -webkit-text-decoration-skip: ink;
  text-decoration-skip: ink;
  cursor: pointer;
  -webkit-transition: color .2s;
  transition: color .2s;
  }

@media screen and (max-width: 720px) {

  .newCard .giftOption {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    }

  .giftOptionSVG-pay {
    width: 97px !important;
    height: 97px !important;
    margin-top: 10px !important;
    stroke: none !important;
    }

  .giftOptionSVG-money {
    width: 104px !important;
    height: 72px !important;
    margin-top: 17px !important;
    stroke: none !important;
    fill: none !important;
    }

  .giftOptionSVG-giftBox {
    width: 72px !important;
    height: 80px !important;
    stroke: none !important;
    }

  .giftOptionSVG-gift {
    width: 89px !important;
    height: 58px !important;
    margin-top: 17px !important;
    stroke: none !important;
    }

  }

.bonusNavigation.gift-bonusNavigation.js-pageNavigation li a {
  color: #000;
  }

.promo-letter {
  padding: 2px 2px 0;
  background: #e9edef;
  font-weight: bold;
  text-transform: lowercase;
  }

.promo-letter-wrapper {
  display: inline;
  }

.oldCard .giftAbout {
  position: relative;
  left: 50%;
  width: 425px;
  padding: 0 0 100px;
  margin: 120px 0 190px;
  font-size: 18px;
  font-size: 1.12rem;
  line-height: 1.5;
  }

.oldCard .giftAbout h2 {
  padding-right: 15%;
  }

@media only screen and (max-width: 45em) {

  .oldCard .giftAbout {
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 0 20px;
    margin: 100px 0;
    font-size: 14px;
    font-size: .88rem;
    }

  .oldCard .giftAbout h2 {
    padding-right: unset;
    margin-bottom: 0;
    font-size: 14px;
    font-size: .88rem;
    text-transform: uppercase;
    }

  }

.oldCard .giftAboutImage {
  position: absolute;
  z-index: -1;
  top: -40px;
  right: 100%;
  margin: 0 30px 0 0;
  }

@media only screen and (max-width: 45em) {

  .oldCard .giftAboutImage {
    position: relative;
    top: 0;
    right: 0;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    -ms-flex-item-align: center;
    align-self: center;
    width: 100%;
    height: auto;
    margin: 30px -20px 0;

    -ms-grid-row-align: center;
    }

  }

.newCard .giftAbout {
  position: relative;
  left: 50%;
  width: 425px;
  margin: 100px 0;
  font-size: 18px;
  font-size: 1.12rem;
  line-height: 1.45;
  }

.newCard .giftAbout h2 {
  padding-right: 15%;
  line-height: 1.1;
  }

.newCard .giftAbout p {
  color: #757575;
  }

@media only screen and (max-width: 61.25em) {

  .newCard .giftAbout {
    left: 40%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 60%;
    padding-right: 20px;
    margin: 60px 0;
    }

  .newCard .giftAbout h2 {
    padding-right: unset;
    }

  .newCard .giftAbout p {
    margin-bottom: 16px;
    }

  }

@media only screen and (max-width: 45em) {

  .newCard .giftAbout {
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 0 20px;
    margin: 40px 0;
    font-size: 14px;
    font-size: .88rem;
    }

  .newCard .giftAbout h2 {
    padding-right: unset;
    margin-bottom: 0;
    font-size: 14px;
    font-size: .88rem;
    text-transform: uppercase;
    }

  }

.newCard .giftAboutImage {
  position: absolute;
  z-index: -1;
  top: -40px;
  right: 100%;
  margin: 0 10px 0 0;
  }

@media only screen and (max-width: 81.25em) {

  .newCard .giftAboutImage {
    max-width: 50vw;
    }

  }

@media only screen and (max-width: 61.25em) {

  .newCard .giftAboutImage {
    top: 0;
    max-width: 40vw;
    }

  }

@media only screen and (max-width: 45em) {

  .newCard .giftAboutImage {
    position: relative;
    top: 0;
    right: 0;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    -ms-flex-item-align: center;
    align-self: center;
    width: 90%;
    height: auto;
    max-width: none;

    -ms-grid-row-align: center;
    }

  }

.giftAboutLinks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  }

.giftAboutLink {
  display: block;
  margin: 5px 0;
  }

.giftAboutBackground {
  position: absolute;
  z-index: -2;
  top: -20%;
  right: 100%;
  height: 130%;
  }

@media only screen and (max-width: 45em) {

  .giftApplyTabsHolder {
    margin: 20px -20px 0;
    }

  }

.giftApply {
  position: relative;
  width: 625px;
  }

@media only screen and (max-width: 45em) {

  .giftApply {
    width: auto;
    }

  }

.giftApply .giftApply__tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  max-width: 260px;
  }

.giftApply .giftApply__tabs span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  width: 48%;
  height: 50px;
  min-width: 48%;
  padding: 5px 0 0;
  margin: 0 auto;
  color: #cfd8dc;
  background: #0c6bb6;
  font-weight: bold;
  font-size: .8rem;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  -webkit-transition: .15s ease-in;
  transition: .15s ease-in;
  }

.giftApply .giftApply__tabs span:hover {
  color: #fff;
  background: #0b89ec;
  }

.giftApply .gift_form_btn {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 100%;
  }

.giftApply .giftApply__tabs-selected {
  color: #fff !important;
  background: #0b89ec !important;
  }

.newCard .giftApply {
  position: relative;
  width: auto;
  margin-top: 80px;
  margin-bottom: 80px;
  }

@media only screen and (max-width: 45em) {

  .newCard .giftApply {
    margin-top: 20px;
    }

  .newCard .giftApply h2 {
    margin: 20px 5px;
    }

  }

.giftApplyTabs {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 20px 0 50px;
  }

@media only screen and (max-width: 45em) {

  .giftApplyTabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 -20px;
    }

  }

.giftFormHolder {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 55px 0 0;
  }

@media only screen and (max-width: 61.25em) {

  .giftFormHolder {
    width: auto;
    margin: 30px 0 60px;
    }

  }

.giftFormContent {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  }

.js-giftFormContent-is-active {
  visibility: visible;
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  -webkit-transition: opacity .2s .2s, visibility .2s .2s step-start, -webkit-transform .2s .2s;
  transition: opacity .2s .2s, visibility .2s .2s step-start, -webkit-transform .2s .2s;
  transition: opacity .2s .2s, transform .2s .2s, visibility .2s .2s step-start;
  transition: opacity .2s .2s, transform .2s .2s, visibility .2s .2s step-start, -webkit-transform .2s .2s;
  }

.giftFormPrivate,
.giftFormCorporate {
  width: 690px;
  height: 575px;
  margin: 0 -100% 0 0;
  }

@media only screen and (max-width: 61.25em) {

  .giftFormPrivate,
  .giftFormCorporate {
    width: 100%;
    }

  }

.giftFormPrivate {
  background: #cc2929;
  }

.giftFormCorporate {
  height: auto;
  margin: 0;
  }

.giftApplyIndividuals {
  color: #757575;
  font-size: 18px;
  font-size: 1.12rem;
  line-height: 1.5;
  }

@media only screen and (max-width: 45em) {

  .giftApplyIndividuals {
    font-size: 14px;
    font-size: .88rem;
    }

  }

.newCard #card-buy-addr {
  position: absolute;
  top: 10rem;
  right: 10px;
  width: 45%;
  }

@media all and (max-width: 630px) {

  .newCard #card-buy-addr {
    position: relative;
    top: 0rem;
    right: 0;
    width: 100%;
    }

  }

.newCard .giftApplyIndividuals {
  width: 40%;
  color: #757575;
  font-size: inherit;
  text-align: justify;
  line-height: 1.5;
  }

.newCard .giftApplyIndividuals-long {
  width: 45%;
  margin-top: 40px;
  }

@media only screen and (max-width: 61.25em) {

  .newCard .giftApplyIndividuals {
    width: 45%;
    }

  .newCard .giftApplyIndividuals-long {
    width: 80%;
    }

  }

@media only screen and (max-width: 45em) {

  .newCard .giftApplyIndividuals {
    width: auto;
    font-size: 14px;
    font-size: .88rem;
    }

  }

.giftApplyTitle {
  margin-bottom: 10px;
  font-size: 18px;
  font-size: 1.12rem;
  }

@media only screen and (max-width: 45em) {

  .giftApplyTitle {
    margin-top: 20px;
    }

  }

.giftApplyCorporateHead {
  color: #212121;
  font-weight: bold;
  font-size: 18px;
  font-size: 1.12rem;
  line-height: 1.5;
  }

@media only screen and (max-width: 45em) {

  .giftApplyCorporateHead {
    font-size: 14px;
    font-size: .88rem;
    text-transform: uppercase;
    }

  }

.giftApplyCorporate-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 40px 0 0;
  }

.giftApply-itemsDesc {
  color: #757575;
  font-size: 14px;
  font-size: .88rem;
  line-height: 1.8;
  }

.giftApplyCardsItems {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  }

.giftApplyCardsItem {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 0 0 50px;
  }

.giftApplyCardsItem:last-child {
  border-bottom: 1px solid #cfd8dc;
  }

.giftCardItemTotal {
  width: 155px;
  height: 50px;
  margin: 0 20px 0 0;
  font-weight: bold;
  font-size: 18px;
  font-size: 1.12rem;
  text-align: center;
  }

@media only screen and (max-width: 45em) {

  .giftCardItemTotal {
    width: 40px;
    }

  }

.pseudoExample:before,
.pseudoExample:after,
.giftCalcOption:before,
.giftCalcOption:after {
  position: absolute;
  top: 100%;
  display: block;
  margin: 10px 0 0;
  color: #000;
  font-size: 12px;
  font-size: .75rem;
  line-height: 2;
  }

.pseudoExample:before {
  left: 0;
  content: attr(data-min);
  }

.pseudoExample:after {
  right: 0;
  content: attr(data-max);
  }

.giftCalcOption {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  width: auto;
  }

.giftCalcOption:before {
  left: 0;
  }

.giftCalcOption:after {
  right: 0;
  }

.giftCardItemCalcField {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 50px;
  margin: 0;
  opacity: 1;
  }

.giftCardItemCalcField[readonly] {
  opacity: 1;
  }

.giftCardItemCalcRange {
  width: 100%;
  }

.giftApply-newCard {
  -ms-flex-item-align: center;
  align-self: center;
  margin: 25px 0 0;
  font-weight: bold;
  font-size: 14px;
  font-size: .88rem;
  text-transform: uppercase;
  line-height: 1;

  -ms-grid-row-align: center;
  }

.giftCardItem-delete {
  position: absolute;
  right: 0;
  bottom: 25px;
  font-weight: bold;
  font-size: 11px;
  font-size: .69rem;
  text-transform: uppercase;
  line-height: 1;
  }

.gftApplyHelpdeskPhone {
  font-weight: bold;
  }

.newCard .gftApplyHelpdeskPhone {
  color: #757575;
  font-size: 24px;
  font-size: 1.5rem;
  text-decoration: none;
  }

.gift_form {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 40px;
  color: #757575;
  background-size: 0 0;
  font-size: 18px;
  font-size: 1.12rem;
  line-height: 1.3;
  }

.gift_form:before {
  position: absolute;
  z-index: -1;
  top: 3%;
  left: 55%;
  left: 50%;
  content: '';
  display: block;
  width: 50%;
  width: 320px;
  height: 270px;
  height: 247px;
  background-image: inherit;
  background-position: 100% 50%;
  background-size: contain;
  background-repeat: no-repeat;
  }

@media only screen and (max-width: 45em) {

  .gift_form {
    margin-top: 0;
    font-size: 16px;
    font-size: 1rem;
    }

  .gift_form:before {
    position: static;
    max-width: 100%;
    margin: 0 auto;
    }

  }

.gift_form .form-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 45%;
  }

.gift_form .form-group-long {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 70%;
  }

@media only screen and (max-width: 45em) {

  .gift_form .form-group-long {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    }

  }

.gift_form .form-group-long .sub_group {
  width: calc(33.3% -20px);
  margin-right: 20px;
  }

@media only screen and (max-width: 45em) {

  .gift_form .form-group-long .sub_group {
    width: 100%;
    margin: 0 0 15px;
    }

  }

.gift_form .form-group-sub {
  width: 50%;
  }

@media only screen and (max-width: 45em) {

  .gift_form .form-group-sub {
    width: 160px;
    }

  }

.gift_form .form-group-sub div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  }

@media only screen and (max-width: 81.25em) {

  .gift_form .form-group {
    width: 50%;
    }

  .gift_form .form-group-long {
    width: 80%;
    }

  }

@media only screen and (max-width: 45em) {

  .gift_form .form-group {
    width: 100%;
    }

  .gift_form .form-group-mob-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    }

  }

.gift_form .gift_label {
  width: 45%;
  padding: 18px 0 17px;
  }

.gift_form .gift_label-short {
  display: inline-block;
  width: auto;
  max-width: 95px;
  margin: 0 10px;
  }

@media only screen and (max-width: 81.25em) {

  .gift_form .gift_label {
    width: 50%;
    }

  }

@media only screen and (max-width: 45em) {

  .gift_form .gift_label {
    width: 100%;
    }

  }

.gift_form .formCheckboxLabel {
  margin: 18px 0 17px;
  }

.gift_form .gift_form_input {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 65px;
  padding: 0 20px;
  border: none;
  border-radius: 5px;
  color: #757575;
  background-color: #eefbff;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 65px;
  }

.gift_form .gift_form_input.error {
  border: 1px solid red;
  text-align: left;
  }

.gift_form .gift_form_input-short {
  width: 112px;
  text-align: center;
  }

@media only screen and (max-width: 45em) {

  .gift_form .gift_form_input-short {
    width: 90px;
    }

  }

.gift_form .gift_form_input-quantity {
  width: 75px;
  text-align: center;
  }

@media only screen and (max-width: 45em) {

  .gift_form .gift_form_input-quantity {
    width: 60px;
    }

  }

@media only screen and (max-width: 45em) {

  .gift_form .gift_form_input {
    height: 50px;
    padding: 0 15px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 50px;
    }

  }

.gift_form .gift_form_text {
  margin: 17px 0 40px;
  }

.gift_form .gift_form_text-small {
  font-size: 16px;
  font-size: 1rem;
  }

@media only screen and (max-width: 45em) {

  .gift_form .gift_form_text-small {
    font-size: 14px;
    font-size: .88rem;
    }

  }

.gift_form .gift_form_text-bold {
  font-weight: bold;
  }

.gift_form .gift_form_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  width: 42%;
  height: 50px;
  border: none;
  color: #fff;
  background-color: #0c6bb6;
  font-weight: 300;
  font-size: 14px;
  font-size: .88rem;
  text-transform: uppercase;
  opacity: 1;
  cursor: pointer;
  -webkit-transition: opacity .4s;
  transition: opacity .4s;
  }

.gift_form .gift_form_btn:hover {
  opacity: .8;
  }

@media only screen and (max-width: 45em) {

  .gift_form .gift_form_btn {
    width: 100%;
    height: 50px;
    margin: auto;
    line-height: 50px;
    }

  }

.gift_form .gift-add-btn {
  width: 100%;
  margin-top: 20px;
  }

.gift_form label.error {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin: 2px 0 0;
  color: red;
  font-size: 14px;
  font-size: .88rem;
  text-align: left;
  }

.ind-gift-form {
  font-size: 16px;
  font-size: 1rem;
  }

@media only screen and (max-width: 23.5em) {

  .ind-gift-form {
    font-size: 12px;
    font-size: .75rem;
    }

  }

@media only screen and (max-width: 45em) {

  .ind-gift-form {
    font-size: 14px;
    font-size: .88rem;
    }

  }

.ind-gift-form .giftApplyIndividuals {
  font-size: 16px;
  font-size: 1rem;
  }

.ind-gift-form .card-remove {
  width: 35px;
  font-size: 20px;
  font-size: 1.25rem;
  }

@media only screen and (max-width: 61.25em) {

  .ind-gift-form .card-remove {
    width: 15px;
    height: 40px;
    padding: 0 15px;
    margin-top: 5px;
    font-size: 14px;
    font-size: .88rem;
    line-height: 40px;
    }

  }

@media only screen and (max-width: 45em) {

  .ind-gift-form .card-remove {
    width: 15px;
    height: 40px;
    padding: 0 15px;
    margin-top: 5px;
    font-size: 18px;
    font-size: 1.12rem;
    line-height: 40px;
    }

  }

@media only screen and (max-width: 23.5em) {

  .ind-gift-form .card-remove {
    width: 10px;
    padding: 0 14px;
    }

  }

.ind-gift-form .card-add {
  margin-bottom: 10px;
  }

.ind-gift-form .card-add:nth-of-type(2) .card-remove {
  visibility: hidden;
  }

.ind-gift-form .card-add .form-group-sub:nth-of-type(1) {
  -webkit-box-flex: 40%;
  -ms-flex: 40%;
  flex: 40%;
  }

.ind-gift-form .card-add .form-group-sub:nth-of-type(2) {
  -webkit-box-flex: 48%;
  -ms-flex: 48%;
  flex: 48%;
  }

.ind-gift-form .card-add .form-group-sub:nth-of-type(3) {
  -webkit-box-flex: 2%;
  -ms-flex: 2%;
  flex: 2%;
  }

.ind-gift-form:before {
  top: -9%;
  }

.ind-gift-form .js-comment {
  height: 120px;
  padding: 10px 20px;
  line-height: 25px;
  }

.ind-gift-form .gift_form_input {
  font-size: 16px;
  font-size: 1rem;
  }

.ind-gift-form .gift_form_input::-webkit-input-placeholder {
  color: #cfcfcf;
  font-weight: 100;
  }

.ind-gift-form .gift_form_input::-moz-placeholder {
  color: #cfcfcf;
  font-weight: 100;
  }

.ind-gift-form .gift_form_input:-ms-input-placeholder {
  color: #cfcfcf;
  font-weight: 100;
  }

.ind-gift-form .gift_form_input::-ms-input-placeholder {
  color: #cfcfcf;
  font-weight: 100;
  }

.ind-gift-form .gift_form_input::placeholder {
  color: #cfcfcf;
  font-weight: 100;
  }

@media only screen and (max-width: 61.25em) {

  .ind-gift-form .gift_form_input {
    height: 50px;
    padding: 0 5px;
    line-height: 50px;
    }

  }

@media only screen and (max-width: 45em) {

  .ind-gift-form .gift_form_input {
    height: 40px;
    padding: 0 5px;
    font-size: 14px;
    font-size: .88rem;
    line-height: 40px;
    }

  }

@media only screen and (max-width: 61.25em) {

  .ind-gift-form .gift_form_input-quantity {
    width: 50px;
    }

  }

@media only screen and (max-width: 45em) {

  .ind-gift-form .gift_form_input-quantity {
    width: 50px;
    }

  }

@media only screen and (max-width: 61.25em) {

  .ind-gift-form .gift_form_input-short {
    width: 70px;
    }

  }

@media only screen and (max-width: 45em) {

  .ind-gift-form .gift_form_input-short {
    width: 50px;
    }

  }

@media only screen and (max-width: 45em) {

  .ind-gift-form .form-group-mob-wrap {
    -ms-flex-wrap: unset;
    flex-wrap: unset;
    }

  }

.form-group {
  position: relative;
  }

.gift-form-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100% !important;
  }

.address-variants {
  position: absolute;
  z-index: 99;
  top: 100%;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  max-width: 100%;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .4);
  box-shadow: 0 0 3px rgba(0, 0, 0, .4);
  }

.address-variants__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  min-height: 40px;
  padding: 5px 10px;
  border-bottom: 1px solid #ddd;
  margin: 0;
  background: #fff;
  cursor: pointer;
  }

.address-variants__item:hover {
  background: #f7f7f7;
  }

.address-variants__item:hover span:first-child {
  color: #333;
  }

.address-variants__item span:first-child {
  color: #777;
  font-size: 14px;
  text-align: left;
  }

.address-variants__item span:last-child {
  color: #999;
  font-size: 11px;
  text-align: left;
  }

.address-variants.-selected span:last-child {
  color: #ff6000;
  font-size: 12px;
  text-align: left;
  }

.delivery-calendar {
  position: absolute;
  z-index: 99;
  top: 100%;
  left: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  max-width: 290px;
  padding: 0 0 10px;
  background: #fff;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .4);
  box-shadow: 0 0 3px rgba(0, 0, 0, .4);
  }

.delivery-calendar table {
  border-collapse: collapse;
  margin: 0;
  }

.delivery-calendar td {
  padding: 3px;
  border: 0 solid #f5f5f5;
  text-align: center;
  }

.delivery-calendar th {
  padding: 3px;
  border: 0 solid #f5f5f5;
  background-color: #eefbff;
  font-weight: bold;
  text-align: center;
  }

.calendar-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 15px 0 5px 0;
  }

.calendar__month-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  margin: 0 auto 0 15px;
  color: #333;
  }

.calendar__month-control {
  -ms-flex-item-align: end;
  align-self: flex-end;
  padding: 10px 15px;
  margin: 0 0 0 2px;
  background: #f7f7f7;
  cursor: pointer;
  }

.calendar__month-control:first-child {
  margin: 0 0 0 auto;
  }

.calendar__month-control:hover {
  background: #f0f0f0;
  }

.calendar-day {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  -webkit-transition: .15s;
  transition: .15s;
  }

.calendar-day:hover {
  background: #f5f5f5;
  }

.calendar-day.-selected {
  color: #0c6bb6;
  background: #f7f7f7;
  }

.calendar-day.-disabled {
  color: #ccc;
  background: #f1f1f1;
  cursor: not-allowed;
  }

.calendar-timer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  width: 100%;
  max-width: 100%;
  margin: 0 0 5px;
  }

.calendar-timer span {
  margin: auto 10px auto auto;
  }

.calendar-timer input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 30%;
  max-width: 30%;
  border: 1px solid #f7f7f7;
  border-right: 0;
  }

.gift-card-price {
  margin: 20px 0 0;
  font-size: 1.24rem;
  }

#final-gift-card-price {
  font-weight: bold;
  }

.design {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  background: #fff;
  }

.design-preview {
  position: absolute;
  top: -80px;
  right: -100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  overflow: hidden;
  width: 80%;
  max-width: 80%;
  margin: 0;
  }

@media all and (max-width: 720px) {

  .gift_form::before {
    max-width: 90% !important;
    }

  .design-preview {
    position: relative;
    top: 0;
    right: 0;
    width: 100%;
    max-width: 100%;
    }

  }

.designs {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  min-width: 0;
  max-width: 100vw;
  }

.designs-preview img {
  max-width: 320px;
  margin: auto;

  -o-object-fit: cover;
  object-fit: cover;
  }

.designs.-selected {
  outline: 2px solid yellow;
  }

.designs-arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin: auto;
  background: #eefbff;
  font-weight: bold;
  cursor: pointer;
  }

.designs__wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  overflow: hidden;
  width: calc(100% - 80px);
  height: 140px;
  min-width: 0;
  max-width: calc(100vw - 80px);
  }

.designs__wrapper-in {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  min-width: 100%;
  max-width: calc(100% - 80px);
  margin: auto;
  background: #fff;
  }

.designs__inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: visible;
  width: auto;
  min-width: 100%;
  }

.designs-item {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 30%;
  padding: 10px;
  margin: 0 1.5%;
  }

.designs-item img {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  max-width: 100%;
  cursor: pointer;

  -o-object-fit: cover;
  object-fit: cover;
  }

.oldCard .giftCheckHolder {
  width: 830px;
  height: 840px;
  margin: 30px 0 90px;
  }

@media only screen and (max-width: 61.25em) {

  .oldCard .giftCheckHolder {
    width: auto;
    margin: 30px -20px 60px;
    }

  }

@media only screen and (max-width: 45em) {

  .oldCard .giftCheckHolder {
    height: 1044px;
    }

  }

.giftCheckMessage {
  width: 590px;
  color: #757575;
  }

@media only screen and (max-width: 45em) {

  .giftCheckMessage {
    width: 100%;
    }

  }

.giftCheckMessageTitle {
  display: block;
  color: #212121;
  }

.newCard .giftCheckHolder {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 1200px;
  padding-left: 14.3%;
  }

@media only screen and (max-width: 61.25em) {

  .newCard .giftCheckHolder {
    width: auto;
    padding: 0 20px;
    }

  }

@media (max-width: 820px) {

  .newCard .giftCheckHolder {
    height: 905px;
    }

  }

@media (max-width: 768px) {

  .newCard .giftCheckHolder {
    overflow: hidden;
    height: 880px;
    }

  }

@media (max-width: 500px) {

  .newCard .giftCheckHolder {
    padding: 0 !important;
    }

  }

.newCard .giftCheckFrame {
  width: calc(100% + 40px);
  max-width: 1260px;
  margin: 0 0 0 -40px;
  }

@media only screen and (max-width: 61.25em) {

  .newCard .giftCheckFrame {
    width: calc(100% + 20px);
    }

  }

@media (max-width: 820px) {

  .newCard .giftCheckFrame {
    margin-left: 0;
    }

  }

@media (max-width: 500px) {

  .newCard .giftCheckFrame {
    width: 100% !important;
    }

  }

.giftInstructions {
  position: relative;
  padding: 0 42.25% 0 0;
  background-size: 0 0;
  }

.giftInstructions:before {
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 70%;
  content: '';
  display: block;
  width: 362px;
  height: 369px;
  margin: -184.5px 0 0 -181px;
  background-image: inherit;
  background-position: 100% 50%;
  background-size: contain;
  background-repeat: no-repeat;
  }

@media only screen and (max-width: 45em) {

  .giftInstructions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0;
    }

  .giftInstructions:before {
    position: relative;
    top: 0;
    left: 0;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    width: auto;
    height: 0;
    padding: 90% 0 0;
    margin: 30px -20px 0;
    background-position: 50% 50%;
    }

  .giftInstructions h2 {
    -webkit-box-ordinal-group: -1;
    -ms-flex-order: -2;
    order: -2;
    }

  }

.question-text-wrap {
  margin: 0 14.3% 180px;
  color: #757575;
  }

.question-text-title {
  margin-bottom: 35px;
  color: #000;
  font-weight: bold;
  font-size: 39px;
  line-height: 1.3em;
  }

.giftInstructionsBackground {
  position: absolute;
  z-index: -2;
  top: -25%;
  right: -5%;
  width: 75%;
  height: 156%;
  }

.newCard .giftInstructions {
  position: relative;
  padding: 0 38% 0 0;
  margin-top: 0;
  margin-bottom: 0;
  background-size: 0 0;
  }

@media only screen and (max-width: 81.25em) {

  .newCard .giftInstructions {
    padding: 0 36% 0 0;
    }

  }

.newCard .giftInstructions-list {
  margin-bottom: 0;
  }

.newCard .giftInstructions-listItem {
  position: relative;
  margin: 1.5rem 0 0;
  color: #757575;
  text-align: justify;
  list-style: none;
  }

.newCard .giftInstructions-listItem-small {
  font-size: 14px;
  font-size: .88rem;
  }

.newCard .giftInstructions-listItem:before {
  position: absolute;
  position: absolute;
  top: .5em;
  left: -1em;
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #ffa20c;
  }

.newCard .giftInstructions-listItem.planetaList:before {
  position: absolute;
  position: absolute;
  top: .5em;
  left: -1em;
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #004b87;
  }

.newCard .giftInstructions-listItem.auraList:before {
  position: absolute;
  position: absolute;
  top: .5em;
  left: -1em;
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #d22630;
  }

.newCard .giftInstructions-listItem.letoList:before {
  position: absolute;
  position: absolute;
  top: .5em;
  left: -1em;
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #c9dd03;
  }

.newCard .giftInstructions:before {
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 72%;
  content: '';
  display: block;
  width: 392px;
  height: 385px;
  margin: -192.5px 0 0 -196px;
  background-image: inherit;
  background-position: 100% 50%;
  background-size: contain;
  background-repeat: no-repeat;
  }

@media only screen and (max-width: 81.25em) {

  .newCard .giftInstructions:before {
    left: 76%;
    }

  }

@media only screen and (max-width: 61.25em) {

  .newCard .giftInstructions:before {
    right: 0;
    left: auto;
    max-width: 45%;
    }

  }

@media only screen and (max-width: 45em) {

  .newCard .giftInstructions:before {
    max-width: none;
    }

  }

.newCard .giftInstructions-remember {
  padding: 0 40% 0 0;
  }

@media only screen and (max-width: 81.25em) {

  .newCard .giftInstructions-remember {
    padding: 0 38% 0 0;
    }

  }

.newCard .giftInstructions-remember h2 {
  margin-top: 0;
  }

.newCard .giftInstructions-remember:before {
  left: 70%;
  width: 364px;
  height: 451px;
  margin: -225.5px 0 0 -182px;
  }

@media only screen and (max-width: 81.25em) {

  .newCard .giftInstructions-remember:before {
    left: 76%;
    }

  }

@media only screen and (max-width: 61.25em) {

  .newCard .giftInstructions-remember:before {
    right: 0;
    left: auto;
    max-width: 45%;
    }

  }

@media only screen and (max-width: 45em) {

  .newCard .giftInstructions-remember:before {
    max-width: none;
    }

  }

.newCard .giftInstructions-new:before {
  left: 70%;
  width: 353px;
  height: 448px;
  margin: -224px 0 0 -176.5px;
  }

@media only screen and (max-width: 81.25em) {

  .newCard .giftInstructions-new:before {
    left: 76%;
    }

  }

@media only screen and (max-width: 61.25em) {

  .newCard .giftInstructions-new:before {
    right: 0;
    left: auto;
    max-width: 45%;
    }

  }

@media only screen and (max-width: 45em) {

  .newCard .giftInstructions-new:before {
    max-width: none;
    }

  }

@media only screen and (max-width: 45em) {

  .newCard .giftInstructions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    }

  .newCard .giftInstructions:before {
    position: relative;
    top: 0;
    left: 0;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    width: auto;
    height: 0;
    padding: 50% 0 0;
    margin: 30px -20px 0;
    background-position: 50% 50%;
    }

  .newCard .giftInstructions h2 {
    -webkit-box-ordinal-group: -1;
    -ms-flex-order: -2;
    order: -2;
    margin-top: 0;
    }

  }

.newCard .giftInstructionsBackground {
  position: absolute;
  z-index: -2;
  top: -25%;
  right: -5%;
  width: 75%;
  height: 156%;
  }

.how-to-use a,
a:visited,
a:hover {
  color: #4f758b;
  font-weight: 600;
  text-decoration: underline;
  }

.oldCard .giftOptionList {
  margin: 60px 0 0;
  }

.oldCard .giftOptionSVG-atm {
  width: 48px;
  height: 29px;
  margin: -14.5px 0 0 -24px;
  }

.oldCard .giftOptionSVG-cash {
  width: 54px;
  height: 42px;
  margin: -19px 0 0 -27px;
  }

.oldCard .giftOptionSVG-wallet {
  width: 38px;
  height: 44px;
  margin: -22px 0 0 -19px;
  }

.oldCard .giftOptionSVG-coins {
  width: 46px;
  height: 33px;
  margin: -14.5px 0 0 -23px;
  }

.oldCard .giftOptionSVG-gift {
  width: 41px;
  height: 26px;
  margin: -13px 0 0 -20.5px;
  }

.oldCard .giftOptionSVG-giftBox {
  width: 39px;
  height: 39px;
  margin: -17.5px 0 0 -19.5px;
  }

.oldCard .giftOptionSVG-money {
  width: 48px;
  height: 29px;
  margin: -14.5px 0 0 -24px;
  }

.oldCard .giftOptionSVG-bags {
  width: 54px;
  height: 40px;
  margin: -18px 0 0 -27px;
  }

@media only screen and (max-width: 45em) {

  .oldCard .giftOptionSVG-atm {
    width: 36px;
    height: 22px;
    margin: -11px 0 0 -18px;
    }

  .oldCard .giftOptionSVG-cash {
    width: 44px;
    height: 35px;
    margin: -15.5px 0 0 -22px;
    }

  .oldCard .giftOptionSVG-wallet {
    width: 34px;
    height: 40px;
    margin: -20px 0 0 -17px;
    }

  .oldCard .giftOptionSVG-coins {
    width: 40px;
    height: 29px;
    margin: -12.5px 0 0 -20px;
    }

  .oldCard .giftOptionSVG-gift {
    width: 41px;
    height: 26px;
    margin: -13px 0 0 -20.5px;
    }

  .oldCard .giftOptionSVG-giftBox {
    width: 39px;
    height: 39px;
    margin: -17.5px 0 0 -19.5px;
    }

  .oldCard .giftOptionSVG-money {
    width: 48px;
    height: 29px;
    margin: -14.5px 0 0 -24px;
    }

  .oldCard .giftOptionSVG-bags {
    width: 54px;
    height: 40px;
    margin: -18px 0 0 -27px;
    }

  }

.newCard .giftOptions {
  margin: 40px 14.3% 24px;
  }

@media only screen and (max-width: 45em) {

  .newCard .giftOptions {
    margin-bottom: 10px;
    }

  }

.newCard .giftOptionList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0;
  margin: 40px 0 0;
  color: #757575;
  list-style: none;
  }

.newCard .giftOption {
  position: relative;
  width: 23%;
  text-align: justify;
  word-wrap: break-word;
  }

@media only screen and (max-width: 45em) {

  .newCard .giftOption {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin: 0 0 30px;
    }

  .newCard .giftOption .giftOptionText {
    margin-left: 10px;
    }

  }

.newCard .giftOption .giftOptionLink {
  color: #5476a8;
  text-decoration: none;
  }

.newCard .giftOption .giftOptionLink:hover {
  text-decoration: underline;
  }

.newCard .giftOptionSVGBlock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 135px;
  }

@media only screen and (max-width: 45em) {

  .newCard .giftOptionSVGBlock {
    height: auto;
    min-width: 15vw;
    }

  }

.newCard .giftOptionSVGBlock .giftOptionSVG-gift {
  width: 89px;
  height: 58px;
  margin-top: 17px;
  stroke: none;
  }

.newCard .giftOptionSVGBlock .giftOptionSVG-giftBox {
  width: 72px;
  height: 80px;
  stroke: none;
  fill: #f67e00;
  }

.newCard .giftOptionSVGBlock .giftOptionSVG-money {
  width: 104px;
  height: 72px;
  margin-top: 17px;
  stroke: none;
  fill: none;
  }

.newCard .giftOptionSVGBlock .giftOptionSVG-pay {
  width: 97px;
  height: 97px;
  margin-top: 10px;
  stroke: none;
  }

.newCard .giftOptionSVGBlock .giftOptionSVG-cards {
  width: 100px;
  height: 75px;
  stroke: none;
  }

.newCard .giftOptionSVGBlock .giftOptionSVG-iconList {
  width: 83px;
  height: 83px;
  stroke: none;
  }

@media only screen and (max-width: 45em) {

  .newCard .giftOptionSVGBlock .giftOptionSVG {
    margin-top: 5px;
    }

  .newCard .giftOptionSVGBlock .giftOptionSVG-gift {
    width: 50px;
    height: 32.58px;
    margin-top: 5px;
    }

  .newCard .giftOptionSVGBlock .giftOptionSVG-giftBox {
    width: 40px;
    height: 44.44px;
    margin-top: 2px;
    }

  .newCard .giftOptionSVGBlock .giftOptionSVG-money {
    width: 50px;
    height: 34.62px;
    margin-top: 5px;
    }

  .newCard .giftOptionSVGBlock .giftOptionSVG-pay {
    width: 50px;
    height: 50px;
    margin-top: 5px;
    }

  .newCard .giftOptionSVGBlock .giftOptionSVG-cards {
    width: 50px;
    height: 37.5px;
    }

  .newCard .giftOptionSVGBlock .giftOptionSVG-iconList {
    width: 50px;
    height: 50px;
    }

  }

.newCard .giftAbout.giftCorparateAbout {
  left: auto;
  width: auto;
  margin: 80px 14.3%;
  }

.newCard .giftAbout.giftCorparateAbout .giftCorporate-info {
  display: block;
  width: 425px;
  padding-left: 42%;
  margin-top: 0;
  }

@media only screen and (max-width: 81.25em) {

  .newCard .giftAbout.giftCorparateAbout .giftCorporate-info {
    padding-left: 50%;
    }

  }

@media only screen and (max-width: 61.25em) {

  .newCard .giftAbout.giftCorparateAbout .giftCorporate-info {
    width: auto;
    padding-right: 0;
    padding-left: 42%;
    }

  }

@media only screen and (max-width: 45em) {

  .newCard .giftAbout.giftCorparateAbout .giftCorporate-info {
    padding-left: 0;
    }

  }

.newCard .giftAbout.giftCorparateAbout p {
  margin: 60px 0;
  }

@media only screen and (max-width: 61.25em) {

  .newCard .giftAbout.giftCorparateAbout p {
    margin: 24px 0 16px;
    }

  }

.newCard .giftAbout.giftCorparateAbout .giftAboutImage {
  right: auto;
  left: -10px;
  }

@media only screen and (max-width: 61.25em) {

  .newCard .giftAbout.giftCorparateAbout .giftAboutImage {
    left: 0;
    max-height: 110%;
    }

  }

@media only screen and (max-width: 45em) {

  .newCard .giftAbout.giftCorparateAbout .giftAboutImage {
    width: 70%;
    }

  }

.giftCorporate-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 60px;
  }

.giftCorporate-infoHead {
  display: block;
  margin: 0 0 25px;
  color: #757575;
  font-size: 18px;
  font-size: 1.12rem;
  line-height: 1.5;
  }

@media only screen and (max-width: 45em) {

  .giftCorporate-infoHead {
    font-size: 15px;
    font-size: .94rem;
    }

  }

.header {
  position: fixed;
  z-index: 202;
  top: 0;
  right: 0;
  left: 0;
  color: #607d8b;

  --shift: 0;
  --negheight: 0;
  }

.header:before {
  position: absolute;
  z-index: 3;
  content: '';
  display: block;
  height: 135px;
  -webkit-transition: -webkit-transform .2s;
  transition: -webkit-transform .2s;
  transition: transform .2s;
  transition: transform .2s, -webkit-transform .2s;
  }

.header:after {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  display: block;
  width: 100%;
  height: 67.5px;
  visibility: hidden;
  }

.header-is-hidden:before {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  }

.header-is-stuck:after {
  visibility: visible;
  }

.header-is-fixed {
  z-index: 203;
  right: 0;
  }

.header-is-alwaysHidden:after {
  display: none;
  }

@media only screen and (max-width: 61.25em) {

  .header:before {
    height: 85px;
    }

  }

@media only screen and (max-width: 45em) {

  .header {
    position: fixed;
    height: 1px;
    }

  .header:before {
    display: none;
    }

  }

@media (pointer: coarse) {

  .header:after {
    display: none;
    }

  }

@media only screen and (max-width: 45em) {

  .headerWrap {
    position: fixed;
    z-index: 201;
    z-index: 3 !important;
    width: 100%;
    -webkit-box-shadow: 0 5px 10px 0 rgba(69, 90, 100, .1);
    box-shadow: 0 5px 10px 0 rgba(69, 90, 100, .1);
    }

  }

.headerWrap .headerTopNavLink,
.headerHelp,
.headerInfo,
.logo,
.headerQuickMenuContent {
  position: absolute;
  top: 0;
  height: 135px;
  -webkit-transition: .2s;
  transition: .2s;
  }

.header-is-hidden .headerWrap .headerTopNavLink,
.headerWrap .header-is-hidden .headerTopNavLink,
.header-is-hidden .headerHelp,
.header-is-hidden .headerInfo,
.header-is-hidden .logo,
.header-is-hidden .headerQuickMenuContent {
  -webkit-transform: translateY(-100%) translateY(-3px);
  transform: translateY(-100%) translateY(-3px);
  }

.header-is-parked .headerWrap .headerTopNavLink,
.headerWrap .header-is-parked .headerTopNavLink,
.header-is-parked .headerHelp,
.header-is-parked .headerInfo,
.header-is-parked .logo,
.header-is-parked .headerQuickMenuContent {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  }

.header-is-fixed .headerWrap .headerTopNavLink,
.headerWrap .header-is-fixed .headerTopNavLink,
.header-is-fixed .headerHelp,
.header-is-fixed .headerInfo,
.header-is-fixed .logo,
.header-is-fixed .headerQuickMenuContent {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  }

@media only screen and (max-width: 61.25em) {

  .headerWrap .headerTopNavLink,
  .headerHelp,
  .headerInfo,
  .logo,
  .headerQuickMenuContent {
    height: 85px;
    }

  }

@media only screen and (max-width: 45em) {

  .headerWrap .headerTopNavLink,
  .headerHelp,
  .headerInfo,
  .logo,
  .headerQuickMenuContent {
    height: 65px;
    }

  }

.headerMenuToggle,
.headerQuickNavLink,
.searchToggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: currentColor;
  text-align: center;
  text-decoration: none;
  }

.headerMenuToggle:visited,
.headerQuickNavLink:visited,
.searchToggle:visited,
.headerMenuToggle:hover,
.headerQuickNavLink:hover,
.searchToggle:hover,
.headerMenuToggle:active,
.headerQuickNavLink:active,
.searchToggle:active {
  color: currentColor;
  }

.headerWrap .headerTopNavLink {
  right: 0;
  display: none;
  height: 60px;
  padding: 5px 15px 0 15px;
  color: currentColor;
  font-weight: 600;
  font-size: .5rem;
  text-decoration: none;
  text-transform: uppercase;
  }

.headerWrap .headerTopNavLink .headerQuickNavSVG {
  width: 24px;
  margin-bottom: 5px;
  }

@media only screen and (max-width: 45em) {

  .headerWrap .headerTopNavLink {
    display: block;
    }

  }

.seo-snippet {
  height: 0;
  }

@media screen and (max-width: 720px) {

  .headerHlpLink {
    display: none !important;
    }

  }

.headerRadioplayerLinkSVG {
  position: absolute;
  right: 50%;
  width: 30px;
  height: 30px;
  margin: -56px -3px 0 0;
  }

#spt-iconRadioplayer {
  stroke-width: 0;
  }

@media screen and (min-width: 720px) {

  .headerRadioplayerLinkSVG {
    display: none;
    }

  }

.headerQuickNavSVG.headerQuickNavSVG-radioplayer {
  width: 50px;
  }

.radiohelptxt {
  position: absolute;
  bottom: 4px;
  color: #90a4ae;
  }

@media screen and (min-width: 720px) {

  .radiohelptxt {
    display: none;
    }

  }

.headerQuickTree {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: 52px !important;
  padding: 9px 7px 0 7px;
  background-color: #fff;
  text-align: center;
  text-decoration: none;
  }

.headerQuickTree:hover {
  text-decoration: none !important;
  }

.headerQuickTree p {
  margin: 0;
  }

.headerQuickTree__text {
  display: block;
  color: #000;
  font-weight: 700;
  font-size: 8px;
  }

.headerQuickTree__guests {
  display: block;
  color: #7a9549;
  font-weight: 700;
  font-size: 10px;
  letter-spacing: 1px;
  }

.headerQuickTree__circle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border: 1px solid #5aa50f;
  border-radius: 50%;
  margin-right: auto !important;
  margin-left: auto !important;
  }

.headerQuickTree__img {
  display: block;
  width: 16px;
  margin-top: 2px;
  }

.headerQuickTree__img img {
  display: block;
  width: 100%;
  }

.headerQuickTree__trees {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: auto;
  margin-bottom: 4px;
  }

.headerQuickTree__trees i {
  width: 11px;
  height: 11px;
  border-radius: 6px;
  margin-left: 2px;
  color: #fff;
  background-color: #7a9549;
  font-weight: 700;
  font-style: normal;
  font-size: 8px;
  text-align: center;
  line-height: 13px;
  }

.headerQuickTree__trees i:first-child {
  margin-left: 0;
  }

@media all and (min-width: 1023px) {

  .headerQuickTree {
    min-width: 82px !important;
    }

  .headerQuickTree__text {
    font-size: 12px;
    }

  .headerQuickTree__guests {
    font-size: 14px;
    }

  .headerQuickTree__circle {
    width: 65px;
    height: 65px;
    }

  .headerQuickTree__img {
    width: 31px;
    margin-top: 4px;
    }

  .headerQuickTree__trees {
    margin-bottom: 5px;
    }

  .headerQuickTree__trees i {
    width: 13px;
    height: 13px;
    font-size: 10px;
    line-height: 16px;
    }

  }

.headerHelp {
  z-index: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  height: auto;
  padding: 0 15px 0 0;
  margin-top: 50px;
  font-size: 14px;
  font-size: .88rem;
  }

@media only screen and (max-width: 61.25em) {

  .headerHelp {
    padding: 0 20px 0 0;
    margin-top: 25px;
    font-size: 10px;
    font-size: .62rem;
    }

  }

@media only screen and (max-width: 45em) {

  .headerHelp {
    left: 255px;
    padding: 0;
    margin-top: 0;
    background: #fff;
    font-size: 14px;
    font-size: .88rem;
    }

  }

.headerHelp .second-phone {
  display: none;
  }

.js-mall-leto .headerHelp .second-phone {
  display: block;
  }

.headerHlpLink {
  position: relative;
  display: block;
  margin: 0 0 0 0;
  color: #212121;
  text-decoration: none;
  }

.headerHlpLink:visited,
.headerHlpLink:hover,
.headerHlpLink:active {
  color: #212121;
  }

.headerHlpLink-login {
  padding: 0 35px 0 0;
  }

@media only screen and (max-width: 45em) {

  .headerHlpLink {
    display: none;
    }

  .headerHlpLink:before {
    top: 50%;
    bottom: auto;
    left: 50%;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    margin: -17.5px 0 0 -17.5px;
    background: #455a64;
    }

  .headerHlpLink-phone {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    overflow: hidden;
    width: 65px;
    height: 0;
    padding: 65px 0 0;
    margin: 0;
    }

  }

.headerHlpLinkSVG {
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  width: 26px;
  height: 27px;
  margin: -13px 0 0;
  -webkit-transition: .2s;
  transition: .2s;
  fill: #455a64;
  }

.headerHlpLink-phone .headerHlpLinkSVG {
  display: none;
  }

@media (pointer: fine) {

  .headerHlpLink:hover .headerHlpLinkSVG,
  .headerHlpLink:active .headerHlpLinkSVG,
  .headerHlpLink:focus .headerHlpLinkSVG {
    fill: #212121;
    }

  }

@media only screen and (max-width: 45em) {

  .headerHlpLinkSVG {
    right: 50%;
    width: 20px;
    height: 20px;
    margin: -10px -10px 0 0;
    fill: #fff;
    }

  .headerHlpLink-phone .headerHlpLinkSVG {
    display: block;
    }

  }

.headerInfo {
  z-index: 2;
  left: 200px;
  width: 160px;
  background: #fff;
  font-size: 14px;
  font-size: .88rem;
  line-height: 1.5;
  -webkit-transition: .2s;
  transition: .2s;
  }

.headerInfo:before,
.headerInfo:after {
  position: absolute;
  content: '';
  display: block;
  background: #cfd8dc;
  opacity: 0;
  -webkit-transition: .2s;
  transition: .2s;
  }

.headerInfo:before {
  top: 0;
  left: 100%;
  width: 2px;
  height: 100%;
  }

.headerInfo:after {
  top: 100%;
  left: 0;
  width: 100%;
  height: 2px;
  }

.header-is-stuck .headerInfo:before,
.header-is-stuck .headerInfo:after {
  opacity: 1;
  }

.header-is-fixed .headerInfo:after {
  opacity: 0;
  }

@media only screen and (max-width: 61.25em) {

  .headerInfo {
    left: 145px;
    width: 120px;
    font-size: 10px;
    font-size: .62rem;
    }

  .headerInfo:before,
  .headerInfo:after {
    display: none;
    }

  }

@media only screen and (max-width: 45em) {

  .headerInfo {
    width: 115px;
    }

  }

.header-is-fixed .js-headerInfo-is-active:before {
  opacity: 0;
  }

.headerSchedule {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: opacity .38s .25s cubic-bezier(.35, 0, .25, 1), -webkit-transform .38s .25s cubic-bezier(.35, 0, .25, 1);
  transition: opacity .38s .25s cubic-bezier(.35, 0, .25, 1), -webkit-transform .38s .25s cubic-bezier(.35, 0, .25, 1);
  transition: opacity .38s .25s cubic-bezier(.35, 0, .25, 1), transform .38s .25s cubic-bezier(.35, 0, .25, 1);
  transition: opacity .38s .25s cubic-bezier(.35, 0, .25, 1), transform .38s .25s cubic-bezier(.35, 0, .25, 1), -webkit-transform .38s .25s cubic-bezier(.35, 0, .25, 1);
  }

.js-headerInfo-is-active .headerSchedule {
  opacity: 0;
  -webkit-transform: translateY(15px);
  transform: translateY(15px);
  -webkit-transition: opacity .38s .12s cubic-bezier(.35, 0, .25, 1), -webkit-transform .38s .12s cubic-bezier(.35, 0, .25, 1);
  transition: opacity .38s .12s cubic-bezier(.35, 0, .25, 1), -webkit-transform .38s .12s cubic-bezier(.35, 0, .25, 1);
  transition: opacity .38s .12s cubic-bezier(.35, 0, .25, 1), transform .38s .12s cubic-bezier(.35, 0, .25, 1);
  transition: opacity .38s .12s cubic-bezier(.35, 0, .25, 1), transform .38s .12s cubic-bezier(.35, 0, .25, 1), -webkit-transform .38s .12s cubic-bezier(.35, 0, .25, 1);
  }

@media only screen and (max-width: 45em) {

  .headerSchedule {
    -webkit-transition: none;
    transition: none;
    }

  .js-headerInfo-is-active .headerSchedule {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: none;
    transition: none;
    }

  }

.headerSchedule .scheduleChangeLink {
  display: block;
  font-size: 13px;
  font-size: .81rem;
  line-height: 1.1;
  }

@media only screen and (max-width: 45em) {

  .headerSchedule .scheduleChangeLink {
    font-size: inherit;
    }

  }

.global-html .headerLocation {
  position: relative;
  display: block;
  padding: 10px 0;
  margin: 15px 0 10px;
  color: #212121;
  font-weight: bold;
  text-decoration: none;
  }

.global-html .headerLocation:visited,
.global-html .headerLocation:hover,
.global-html .headerLocation:active {
  color: #212121;
  }

.global-html .headerLocation:before {
  position: absolute;
  top: 50%;
  right: 20px;
  content: '';
  display: block;
  width: 3px;
  height: 3px;
  border-width: 0 0 1px 1px;
  border-style: solid;
  border-color: #455a64;
  margin: -4.5px 0 0 -1.5px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  }

.global-html .headerLocation.withScheduleMessage {
  margin-bottom: 0;
  }

@media only screen and (max-width: 61.25em) {

  .global-html .headerLocation {
    padding: 5px 0;
    margin: 10px 0 0;
    }

  .global-html .headerLocation:before {
    right: 13px;
    }

  }

@media only screen and (max-width: 45em) {

  .global-html .headerLocation {
    margin: 0;
    }

  }

.logo {
  z-index: 2;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 200px;
  color: transparent;
  background: #fff url('../images/logo.png') no-repeat 50% 50%;
  background-size: 95px 27px;
  text-indent: -10000px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: .2s;
  transition: .2s;
  }

.logo:visited,
.logo:hover,
.logo:active {
  color: transparent;
  }

.logo:before {
  position: absolute;
  top: 100%;
  left: 0;
  content: '';
  display: block;
  width: 100%;
  height: 2px;
  background: #cfd8dc;
  opacity: 0;
  -webkit-transition: .2s;
  transition: .2s;
  }

.header-is-stuck .logo:before {
  opacity: 1;
  }

.header-is-fixed .logo:before {
  opacity: 0;
  }

@media only screen and (max-width: 61.25em) {

  .logo {
    width: 145px;
    background-size: 70px 20px;
    }

  .logo:before {
    display: none;
    }

  }

.indicator-wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 82px;
  min-width: auto;
  min-height: 100%;
  max-width: auto;
  padding: 35px 10px 0;
  border-right: 1px solid #cfd8dc;
  border-left: 1px solid #cfd8dc;
  color: #607d8b;
  background: #fff;
  text-decoration: none;
  }

.indicator-wrap:visited,
.indicator-wrap:active,
.indicator-wrap:hover {
  color: #607d8b;
  }

@media only screen and (max-width: 45em) {

  .indicator-wrap {
    min-width: 46px;
    }

  }

@media all and (max-width: 1040px) {

  .indicator-wrap {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 100px;
    }

  }

@media all and (max-width: 980px) {

  .indicator-wrap {
    padding: 10px 10px 0;
    }

  }

@media all and (max-width: 920px) {

  .indicator-wrap {
    width: auto;
    height: 100%;
    min-width: auto;
    }

  }

@media all and (max-width: 857px) {

  .indicator-wrap {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: auto;
    min-width: auto;
    max-width: 140px;
    border: 0 !important;
    }

  .indicator-wrap:after {
    border: 0 !important;
    }

  }

@media all and (max-width: 704px) {

  .indicator-wrap {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    max-width: auto;
    }

  }

@media all and (max-width: 630px) {

  .indicator-wrap {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    width: auto;
    min-width: auto;
    max-width: auto;
    margin: 0;
    }

  }

.header-is-stuck .indicator-wrap:after {
  position: absolute;
  top: 0;
  right: 0;
  content: '';
  height: 100%;
  border-right: 1px solid #cfd8dc;
  }

#indicator-text {
  max-width: 100%;
  margin: 0 auto 0;
  text-align: center;
  word-wrap: normal;
  }

@media all and (max-width: 1023px) {

  #indicator-text {
    margin: 9px auto 0;
    }

  }

@media all and (max-width: 630px) {

  #indicator-text {
    margin: 9px auto 0;
    }

  }

.progress-bar {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  width: 40px;
  height: 40px;
  margin: 0 auto 10px;
  }

@media all and (max-width: 1023px) {

  .progress-bar {
    padding: 0 0;
    margin: 3px auto 0 !important;
    }

  }

@media all and (max-width: 630px) {

  .progress-bar {
    width: 32px;
    height: 32px;
    padding: 0 0;
    margin: 5px auto 0 !important;
    }

  }

.progress-bar div {
  position: absolute;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  }

@media all and (max-width: 630px) {

  .progress-bar div {
    width: 32px;
    height: 32px;
    }

  }

.progress-bar div span {
  position: absolute;
  top: 2px;
  left: 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  width: 32px;
  height: 32px;
  padding: 0 0 0 0;
  border: 2px solid #fff;
  border-radius: 50%;
  background-color: white;
  font-size: 14px;
  text-align: center;
  line-height: 15px;
  }

@media all and (max-width: 630px) {

  .progress-bar div span {
    top: 2.2px;
    left: 2.2px;
    width: 25.6px;
    height: 25.6px;
    border: 1px solid #fff;
    font-size: 10px;
    line-height: 12px;
    }

  }

.progress-bar div span div {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  width: 100%;
  height: 100%;
  margin: auto;
  text-align: center;
  text-align: center;
  }

.progress-bar div span div span {
  position: relative;
  top: 1px;
  left: 0;
  -webkit-box-flex: 0;
  -ms-flex: 0;
  flex: 0;
  width: 100%;
  height: auto;
  border: 0;
  background: none;
  line-height: 3px;
  }

@media all and (max-width: 630px) {

  .progress-bar div span div span {
    line-height: 1px;
    }

  }

.progress-bar .background {
  background-color: #cfd8dc;
  }

.progress-bar .rotate {
  clip: rect(0 20px 40px 0);
  background-color: #6cc24a;
  }

@media all and (max-width: 630px) {

  .progress-bar .rotate {
    clip: rect(0 16px 32px 0);
    }

  }

.progress-bar .left {
  clip: rect(0 20px 40px 0);
  background-color: #cfd8dc;
  opacity: 1;
  }

@media all and (max-width: 630px) {

  .progress-bar .left {
    clip: rect(0 16px 32px 0);
    }

  }

.progress-bar .right {
  clip: rect(0 20px 40px 0);
  background-color: #6cc24a;
  opacity: 0;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  }

@media all and (max-width: 630px) {

  .progress-bar .right {
    clip: rect(0 16px 32px 0);
    }

  }

@keyframes toggle {
  0% {
    opacity: 0;
    }

  100% {
    opacity: 1;
    }

  }

.headerQuickMenu {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 135px;
  padding: 0 0 2px;
  font-weight: bold;
  font-size: 11px;
  font-size: .69rem;
  text-transform: uppercase;
  line-height: 1.35;
  }

.headerQuickMenu-is-smooth {
  -webkit-transition: .2s;
  transition: .2s;
  }

.header-is-hidden .headerQuickMenu {
  visibility: hidden;
  }

.header-is-parked .headerQuickMenu {
  visibility: visible;
  }

@media only screen and (max-width: 61.25em) {

  .headerQuickMenu {
    height: 85px;
    padding: 0;
    font-size: 10px;
    font-size: .62rem;
    }

  }

@media all and (max-width: 1023px) {

  .headerQuickMenu {
    font-size: .55rem !important;
    }

  }

@media all and (max-width: 630px) {

  .headerQuickMenu {
    font-size: .5rem !important;
    }

  }

@media only screen and (max-width: 45em) {

  .headerQuickMenu {
    position: fixed;
    z-index: 201;
    top: auto;
    bottom: 0;
    left: 0;
    overflow: visible;
    width: 100%;
    height: 80px;
    background: #fff;
    -webkit-transition: .5s;
    transition: .5s;
    }

  .headerQuickMenu:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    display: block;
    width: 100%;
    height: 50%;
    -webkit-box-shadow: 0 0 15px 0 rgba(69, 90, 100, .15);
    box-shadow: 0 0 15px 0 rgba(69, 90, 100, .15);
    -webkit-transition: .5s;
    transition: .5s;
    }

  .header-is-hidden .headerQuickMenu {
    visibility: visible;
    }

  }

@media only screen and (max-width: 45em) {

  .js-headerQuickMenu-is-active {
    -webkit-transform: translateY(var(--negheight)) translateY(-7px) translateY(100%);
    transform: translateY(var(--negheight)) translateY(-7px) translateY(100%);
    }

  .js-headerQuickMenu-is-active:before {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    }

  }

.headerQuickMenuContent {
  right: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  }

.headerQuickMenuContent:before {
  position: relative;
  content: '';
  display: block;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 360px;
  }

.headerQuickMenuContent:after {
  position: absolute;
  top: 100%;
  right: 0;
  left: 360px;
  content: '';
  display: block;
  height: 2px;
  background: #cfd8dc;
  opacity: 0;
  -webkit-transition: .2s;
  transition: .2s;
  }

.header-is-stuck .headerQuickMenuContent:after {
  opacity: 1;
  }

.header-is-fixed .headerQuickMenuContent:after {
  opacity: 0;
  }

@media only screen and (max-width: 61.25em) {

  .headerQuickMenuContent:before {
    width: 255px;
    }

  }

@media only screen and (max-width: 45em) {

  .headerQuickMenuContent {
    right: 0;
    left: 0;
    height: 100%;
    }

  .headerQuickMenuContent:before,
  .headerQuickMenuContent:after {
    display: none;
    }

  .header-is-hidden .headerQuickMenuContent {
    -webkit-transform: none;
    transform: none;
    }

  }

.headerMenuToggle:before,
.headerMenuClose:before {
  position: relative;
  top: -2px;
  content: '';
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin: 0 auto 10px;
  background: #607d8b;
  -webkit-transition: .2s;
  transition: .2s;
  }

.headerMenuToggle:hover:before,
.headerMenuClose:hover:before,
.headerMenuToggle:active:before,
.headerMenuClose:active:before,
.headerMenuToggle:focus:before,
.headerMenuClose:focus:before {
  background: #212121;
  }

@media only screen and (max-width: 45em) {

  .headerMenuToggle:before,
  .headerMenuClose:before {
    width: 32px;
    height: 32px;
    }

  .js-headerQuickMenu-is-active .headerMenuToggle,
  .js-headerQuickMenu-is-active .headerMenuClose {
    -webkit-transform: translateY(7px);
    transform: translateY(7px);
    }

  }

.headerMenuToggle {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  bottom: 2px;
  width: 7.5%;
  min-width: 82px;
  padding: 0 8px;
  color: #607d8b;
  background: #fff;
  }

.headerMenuToggle:visited,
.headerMenuToggle:hover,
.headerMenuToggle:active {
  color: #607d8b;
  }

@media all and (max-width: 630px) {

  .headerMenuToggle {
    padding: 3px 5px 0 !important;
    }

  }

.headerMenuToggle:before {
  z-index: -2;
  }

@media all and (max-width: 630px) {

  .headerMenuToggle:before {
    margin: 0 auto 8px !important;
    }

  }

.headerMenuToggle:after {
  position: absolute;
  z-index: -2;
  top: 50%;
  left: 50%;
  content: '';
  display: block;
  width: 15px;
  height: 15px;
  border-radius: 1px;
  margin: -20.5px 0 0 -7.5px;
  background-image: linear-gradient(to bottom, #fff, #fff 3px, transparent 3px, transparent 6px), linear-gradient(to bottom, transparent, transparent), linear-gradient(to bottom, #fff, #fff 3px, transparent 3px, transparent 6px), linear-gradient(to bottom, transparent, transparent), linear-gradient(to bottom, #fff, #fff 3px, transparent 3px, transparent 6px);
  background-position: 0 0, 3px 0, 6px 0, 9px 0, 12px 0;
  background-size: 3px 6px;
  background-repeat: repeat-y;
  }

@media all and (max-width: 630px) {

  .headerMenuToggle:after {
    margin: -15px 0 0 -5px !important;
    }

  }

.headerMenuToggle:focus {
  outline-offset: -3px;
  }

@media only screen and (max-width: 45em) {

  .headerMenuToggle {
    width: 10%;
    min-width: 46px;
    }

  .headerMenuToggle:after {
    top: 50%;
    width: 10px;
    height: 10px;
    border-radius: 1px;
    margin: -18px 0 0 -5px;
    background-color: #fff;
    background-image: linear-gradient(to right, transparent, transparent 2px, currentColor 2px, currentColor 4px, transparent 4px, transparent 6px, currentColor 6px, currentColor 8px, transparent 8px, transparent), linear-gradient(to bottom, transparent, transparent 2px, currentColor 2px, currentColor 4px, transparent 4px, transparent 6px, currentColor 6px, currentColor 8px, transparent 8px, transparent);
    background-position: 0 0;
    background-size: 100% 100%;
    }

  }

.js-headerMenuToggle-is-active {
  background: transparent;
  }

.headerMenuClose {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 15px;
  color: #fff;
  background: #fff;
  text-align: center;
  text-decoration: none;
  opacity: 0;
  -webkit-transition: .2s;
  transition: .2s;
  }

.headerMenuClose:before {
  background: #607d8b;
  }

.headerMenuClose:after {
  position: absolute;
  top: 50%;
  left: 50%;
  content: '';
  display: block;
  width: 14px;
  height: 14px;
  margin: -20px 0 0 -7px;
  background: linear-gradient(45deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 9px, #fff 9px, #fff 11px, rgba(255, 255, 255, 0) 11px, rgba(255, 255, 255, 0)), linear-gradient(-45deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 9px, #fff 9px, #fff 11px, rgba(255, 255, 255, 0) 11px, rgba(255, 255, 255, 0));
  }

.js-headerMenuToggle-is-active .headerMenuClose {
  opacity: 1;
  }

@media only screen and (max-width: 45em) {

  .headerMenuClose {
    top: 0;
    bottom: 20px;
    }

  .headerMenuClose:before {
    top: 10px;
    }

  .headerMenuClose:after {
    margin: -8px 0 0 -7px;
    }

  }

.headerQuickNav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 0 0 30px;
  background: #fff;
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  }

@media all and (max-width: 1024px) {

  .headerQuickNav {
    padding: 0 !important;
    }

  }

.headerQuickNav:before,
.headerQuickNav:after {
  position: relative;
  content: '';
  display: block;
  -webkit-box-ordinal-group: 11;
  -ms-flex-order: 10;
  order: 10;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  height: 100%;
  min-width: 82px;
  padding: 0 10px;
  }

@media only screen and (max-width: 45em) {

  .headerQuickNav {
    padding: 0;
    }

  .headerQuickNav:before,
  .headerQuickNav:after {
    min-width: 46px;
    }

  }

@media all and (max-width: 810px) {

  .headerQuickNav {
    padding: 0;
    }

  }

@media all and (max-width: 701px) {

  .headerQuickNav {
    padding: 0;
    }

  }

@media all and (max-width: 630px) {

  .headerQuickNav {
    padding: 0;
    }

  }

.headerQuickNavLink {
  position: relative;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  overflow: hidden;
  min-width: 82px;
  min-height: 100%;
  max-width: 120px;
  padding: 0 10px;
  -webkit-transition: color .2s, opacity .25s .25s, visibility .25s step-start, -webkit-transform .25s .25s;
  transition: color .2s, opacity .25s .25s, visibility .25s step-start, -webkit-transform .25s .25s;
  transition: color .2s, opacity .25s .25s, transform .25s .25s, visibility .25s step-start;
  transition: color .2s, opacity .25s .25s, transform .25s .25s, visibility .25s step-start, -webkit-transform .25s .25s;
  }

@media all and (max-width: 1023px) {

  .headerQuickNavLink {
    min-width: 65px !important;
    padding: 0 2px;
    }

  }

@media all and (max-width: 980px) {

  .headerQuickNavLink {
    min-width: 69px !important;
    padding: 0 2px;
    }

  }

@media all and (max-width: 975px) {

  .headerQuickNavLink {
    min-width: 70px !important;
    padding: 0 4px;
    }

  }

@media all and (max-width: 980px) {

  .headerQuickNavLink {
    min-width: 66px !important;
    padding: 0 2px;
    }

  }

@media all and (max-width: 948px) {

  .headerQuickNavLink {
    min-width: 69px !important;
    padding: 0 3px;
    }

  }

@media all and (max-width: 900px) {

  .headerQuickNavLink {
    min-width: 70px !important;
    padding: 0 2px;
    }

  }

@media all and (max-width: 865px) {

  .headerQuickNavLink {
    min-width: 70px !important;
    padding: 0 3px;
    }

  }

@media all and (max-width: 842px) {

  .headerQuickNavLink {
    min-width: 70px !important;
    padding: 0 2px;
    }

  }

@media all and (max-width: 799px) {

  .headerQuickNavLink {
    min-width: 62px !important;
    padding: 0 8px;
    }

  }

@media all and (max-width: 745px) {

  .headerQuickNavLink {
    min-width: 80px !important;
    padding: 0 5px;
    }

  }

@media all and (max-width: 660px) {

  .headerQuickNavLink {
    min-width: 72px !important;
    padding: 0 2px;
    }

  }

@media all and (max-width: 630px) {

  .headerQuickNavLink {
    min-width: 60px !important;
    padding: 0 5px;
    }

  }

@media all and (max-width: 546px) {

  .headerQuickNavLink {
    min-width: 52px !important;
    padding: 0 7px;
    }

  }

@media all and (max-width: 396px) {

  .headerQuickNavLink {
    min-width: 48px !important;
    padding: 0 7px;
    }

  }

@media all and (max-width: 338px) {

  .headerQuickNavLink {
    min-width: 51px !important;
    padding: 0 7px;
    }

  }

.headerQuickNavLink:before {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  display: block;
  width: 100%;
  height: 4px;
  background: #212121;
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transition: -webkit-transform .2s;
  transition: -webkit-transform .2s;
  transition: transform .2s;
  transition: transform .2s, -webkit-transform .2s;
  }

.headerQuickNavLink-is-active:before {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  }

.headerQuickNavLink:focus {
  outline-offset: -3px;
  }

.js-headerQuickNav-is-hidden .headerQuickNavLink {
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateY(16.88px);
  transform: translateY(16.88px);
  -webkit-transition: opacity .25s, visibility .25s step-end, -webkit-transform .25s;
  transition: opacity .25s, visibility .25s step-end, -webkit-transform .25s;
  transition: opacity .25s, transform .25s, visibility .25s step-end;
  transition: opacity .25s, transform .25s, visibility .25s step-end, -webkit-transform .25s;
  }

@media only screen and (max-width: 45em) {

  .headerQuickNavLink {
    min-width: 46px;
    }

  .headerQuickNavLink:before {
    top: 0;
    bottom: auto;
    }

  .js-headerQuickNav-is-hidden .headerQuickNavLink {
    -webkit-transform: translateY(-8.12px);
    transform: translateY(-8.12px);
    }

  }

.headerQuickNavSVG {
  display: block;
  height: 40px;
  margin: 0 auto 10px;
  -webkit-transition: .2s;
  transition: .2s;
  stroke: currentColor;
  stroke-width: 2;
  fill: none;
  }

.headerQuickNavLink:hover .headerQuickNavSVG,
.headerQuickNavLink:active .headerQuickNavSVG,
.headerQuickNavLink:focus .headerQuickNavSVG,
.headerQuickNavLink-is-active .headerQuickNavSVG {
  stroke: #212121;
  }

.headerQuickNavLink:hover .headerQuickNavSVG-blackFriday,
.headerQuickNavLink:active .headerQuickNavSVG-blackFriday,
.headerQuickNavLink:focus .headerQuickNavSVG-blackFriday,
.headerQuickNavLink-is-active .headerQuickNavSVG-blackFriday {
  -webkit-filter: invert(100%);
  filter: invert(100%);
  fill: inherit;
  }

.headerQuickNavSVG-aquapark {
  width: 40px;
  stroke-width: 0;
  fill: #607d8b;
  }

.headerQuickNavLink:hover .headerQuickNavSVG-aquapark,
.headerQuickNavLink:active .headerQuickNavSVG-aquapark,
.headerQuickNavLink:focus .headerQuickNavSVG-aquapark,
.headerQuickNavLink-is-active .headerQuickNavSVG-aquapark {
  fill: #212121;
  }

@media only screen and (max-width: 45em) {

  .headerQuickNavSVG {
    height: 32px;
    }

  }

.headerQuickNavSVG-HowToGet {
  height: 100%;
  max-width: 30px;
  max-height: 40px;
  margin: 0 auto 10px;
  }

.hero {
  position: relative;
  height: calc(100vh - 135px);
  }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

  .hero {
    height: calc(100vh - 135px);
    margin: 0;
    }

  }

.hero:before,
.hero:after {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  }

.hero + .pageSection.popular {
  margin-top: 100px;
  }

@media only screen and (max-width: 45em) {

  .hero + .pageSection.popular {
    margin-top: 40px;
    }

  }

.hero:before {
  z-index: 0;
  -webkit-transition: .6s cubic-bezier(.65, .04, .35, 1);
  transition: .6s cubic-bezier(.65, .04, .35, 1);
  }

.hero:after {
  z-index: -1;
  background: #fff;
  }

.hero-green:before {
  background: #cdda3a;
  }

.hero-red:before {
  background: #d52d28;
  }

.hero-yellow:before {
  background: #fec200;
  }

.hero-black:before {
  background: #c8d2d7;
  }

.hero-is-changing:before {
  opacity: .5;
  }

@media only screen and (max-width: 61.25em) {

  .hero {
    height: calc(100vh - 85px);
    }

  }

@media only screen and (max-width: 45em) {

  .hero {
    height: calc(100vh - 145px);
    margin: 0;
    }

  @supports (--heroHeight: 1px) {
    .hero {
      height: calc(var(--heroHeight, 1vh) * 100 - 145px);

      --heroHeight: 88vh;
      }

    }

  }

.is-navBottom .hero {
  height: calc(100vh - 135px);
  margin: 0;
  }

@media only screen and (max-width: 61.25em) {

  .is-navBottom .hero {
    height: calc(100vh - 85px);
    }

  }

.heroImage {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0 auto;

  -o-object-fit: cover;
  object-fit: cover;
  }

.heroInfo {
  position: absolute;
  z-index: 3;
  bottom: 50px;
  left: calc(50% - (calc(100% - 120px) / 2));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: calc(100% - 120px);
  text-align: center;
  }

@media only screen and (max-width: 61.25em) {

  .heroInfo {
    top: auto;
    bottom: 40px;
    }

  }

@media only screen and (max-width: 45em) {

  .heroInfo {
    bottom: 30px;
    }

  }

@-webkit-keyframes animHeroInfoOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    }

  40% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    }

  60% {
    opacity: 0;
    -webkit-transform: translateX(-150px);
    transform: translateX(-150px);
    }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-150px);
    transform: translateX(-150px);
    }

  }

@keyframes animHeroInfoOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    }

  40% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    }

  60% {
    opacity: 0;
    -webkit-transform: translateX(-150px);
    transform: translateX(-150px);
    }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-150px);
    transform: translateX(-150px);
    }

  }

@-webkit-keyframes animHeroInfoIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-150px);
    transform: translateX(-150px);
    }

  30% {
    opacity: 0;
    -webkit-transform: translateX(-150px);
    transform: translateX(-150px);
    }

  50% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    }

  }

@keyframes animHeroInfoIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-150px);
    transform: translateX(-150px);
    }

  30% {
    opacity: 0;
    -webkit-transform: translateX(-150px);
    transform: translateX(-150px);
    }

  50% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    }

  }

.heroHeader {
  position: relative;
  margin: 0 0 15px;
  font-size: 52px;
  font-size: 3.25rem;
  line-height: 1.15;
  -webkit-animation: .6s animHeroInfoIn forwards;
  animation: .6s animHeroInfoIn forwards;
  }

.hero-is-changing .heroHeader {
  -webkit-animation: .6s animHeroInfoOut forwards;
  animation: .6s animHeroInfoOut forwards;
  }

.heroHeader .highlight:before,
.heroHeader .highlight:after {
  width: auto;
  max-width: 100%;
  font-size: 52px;
  font-size: 3.25rem;
  }

.heroHeader .highlight:before {
  -webkit-filter: drop-shadow(0 0 0 #fff) drop-shadow(-10px 0 0 #fff) drop-shadow(10px 0 0 #fff);
  filter: drop-shadow(0 0 0 #fff) drop-shadow(-10px 0 0 #fff) drop-shadow(10px 0 0 #fff);
  }

.heroHeader .highlight:after {
  left: 0;
  width: 100%;
  }

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {

  .heroHeader .highlight:before {
    left: 0;
    border-top: none;
    border-bottom: none;
    outline: 10px solid #fff;
    }

  }

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {

  .heroHeader {
    margin: 0 0 20px;
    }

  }

@media only screen and (max-width: 61.25em) {

  .heroHeader {
    width: 100%;
    margin: 0 0 20px;
    }

  .heroHeader .highlight:before,
  .heroHeader .highlight:after {
    width: 100%;
    font-size: 38px;
    font-size: 2.38rem;
    }

  }

@media only screen and (max-width: 45em) {

  .heroHeader {
    width: 100%;
    margin: 0 0 35px;
    line-height: .4;
    }

  .heroHeader .highlight {
    display: inline;
    width: auto;
    padding: 0;
    color: #212121;
    background: #fff;
    outline: 3px solid #fff;
    font-size: 18px;
    font-size: 1.12rem;
    }

  .heroHeader .highlight:before,
  .heroHeader .highlight:after {
    display: none;
    }

  .heroHeader .highlight:after {
    width: auto;
    }

  }

.heroText {
  position: relative;
  color: transparent;
  font-size: 18px;
  font-size: 1.12rem;
  line-height: 1.5;
  }

.heroInfo .heroText {
  -webkit-animation: .6s animHeroInfoIn forwards;
  animation: .6s animHeroInfoIn forwards;
  }

.hero-is-changing .heroInfo .heroText {
  -webkit-animation: .6s animHeroInfoOut forwards;
  animation: .6s animHeroInfoOut forwards;
  }

.heroText .highlight:before,
.heroText .highlight:after {
  font-size: 18px;
  font-size: 1.12rem;
  }

.heroText .highlight:before {
  -webkit-filter: drop-shadow(0 -2px 0 #fff) drop-shadow(0 4px 0 #fff) drop-shadow(20px 0 0 #fff);
  filter: drop-shadow(0 -2px 0 #fff) drop-shadow(0 4px 0 #fff) drop-shadow(20px 0 0 #fff);
  }

.heroText .highlight:after {
  color: #757575;
  }

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {

  .heroText .highlight:before {
    left: 10px;
    border-top: none;
    border-bottom: 5px solid #fff;
    outline: 10px solid #fff;
    }

  }

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {

  .heroText {
    margin: 20px 0 0;
    }

  }

@media only screen and (max-width: 61.25em) {

  .heroText {
    margin: 0 0 -10px 0;
    }

  .heroText .highlight:before,
  .heroText .highlight:after {
    font-size: 14px;
    font-size: .88rem;
    }

  }

@media only screen and (max-width: 45em) {

  .heroText {
    margin: 0;
    line-height: .8;
    }

  .heroText .highlight {
    display: inline !important;
    width: auto;
    border-bottom: 2px solid #fff;
    color: #757575;
    background: #fff;
    outline: 4px solid #fff;
    font-size: 11px;
    font-size: .69rem;
    line-height: 1;
    }

  .heroText .highlight:before,
  .heroText .highlight:after {
    display: none;
    }

  }

.heroCanvas {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  }

.heroCanvas .hero-background-image {
  width: 100%;
  height: 100%;

  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top;
  }

.hero-static .heroCanvas {
  z-index: 0;
  }

.heroScroll {
  position: absolute;
  bottom: 0;
  left: 14.3%;
  display: block;
  overflow: hidden;
  width: 2px;
  height: 120px;
  background: rgba(38, 50, 56, .25);
  }

.heroScroll:after {
  position: relative;
  top: 0;
  left: 0;
  content: '';
  display: block;
  width: 200%;
  height: 100%;
  background: #263238;
  -webkit-transform: scale(1, 0);
  transform: scale(1, 0);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-animation: scrollAnim 2s infinite;
  animation: scrollAnim 2s infinite;
  }

@media only screen and (max-width: 61.25em) {

  .heroScroll {
    display: none;
    }

  }

@-webkit-keyframes scrollAnim {
  0% {
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    }

  50% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    }

  100% {
    -webkit-transform: scale(1, 1) translateY(100%);
    transform: scale(1, 1) translateY(100%);
    }

  }

@keyframes scrollAnim {
  0% {
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    }

  50% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    }

  100% {
    -webkit-transform: scale(1, 1) translateY(100%);
    transform: scale(1, 1) translateY(100%);
    }

  }

.heroCounter {
  position: absolute;
  z-index: 3;
  top: 27%;
  left: 65px;
  font-weight: bold;
  font-size: 18px;
  font-size: 1.12rem;
  line-height: 1;
  word-spacing: .35em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  }

@media only screen and (max-width: 61.25em) {

  .heroCounter {
    top: 140px;
    left: 70px;
    }

  }

@media only screen and (max-width: 45em) {

  .heroCounter {
    top: 30px;
    left: 35px;
    font-size: 12px;
    font-size: .75rem;
    }

  }

.heroCurrent,
.heroTotal {
  position: absolute;
  top: 0;
  display: block;
  }

.heroCurrent {
  right: 50%;
  margin: 0 .75em 0 0;
  }

.heroTotal {
  left: 50%;
  margin: 0 0 0 .75em;
  opacity: .3;
  }

.heroPrev,
.heroNext {
  position: absolute;
  z-index: 4;
  top: 0;
  bottom: 0;
  overflow: hidden;
  width: 14.3%;
  color: #212121;
  text-indent: -10000px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  }

.heroPrev:visited,
.heroNext:visited,
.heroPrev:hover,
.heroNext:hover,
.heroPrev:active,
.heroNext:active {
  color: #212121;
  }

.heroPrev:before,
.heroNext:before {
  position: absolute;
  top: 50%;
  content: '';
  display: block;
  width: 15px;
  height: 15px;
  border-width: 2px 2px 0 0;
  border-style: solid;
  border-color: currentColor;
  margin: -7.5px 0 0 -7.5px;
  }

@media only screen and (max-width: 61.25em) {

  .heroPrev,
  .heroNext {
    top: auto;
    bottom: 40px;
    width: 45px;
    height: 45px;
    }

  }

@media only screen and (max-width: 45em) {

  .heroPrev,
  .heroNext {
    display: none;
    }

  }

.heroPrev {
  left: 0;
  }

.heroPrev:before {
  left: 65px;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  }

.hero-static .heroPrev {
  display: none;
  }

@media only screen and (max-width: 61.25em) {

  .heroPrev {
    left: 50px;
    }

  .heroPrev:before {
    left: 15px;
    }

  }

.heroNext {
  right: 0;
  }

.heroNext:before {
  right: 65px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  }

.hero-static .heroNext {
  display: none;
  }

@media only screen and (max-width: 61.25em) {

  .heroNext {
    right: auto;
    left: 120px;
    }

  .heroNext:before {
    right: 15px;
    }

  }

.heroLink {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  }

.heroLink.heroCenterLink {
  z-index: 3;
  top: 0;
  right: unset;
  bottom: unset;
  left: 0;
  width: 100%;
  height: 100%;
  }

.headerQuickNavSVG-stores,
.menuNavSVG-stores {
  width: 34px;
  }

@media only screen and (max-width: 45em) {

  .headerQuickNavSVG-stores,
  .menuNavSVG-stores {
    width: 28px;
    }

  }

.headerQuickNavSVG-tenants-joblist {
  width: 34px;
  }

@media only screen and (max-width: 45em) {

  .headerQuickNavSVG-tenants-joblist {
    width: 28px;
    }

  }

.headerQuickNavSVG-goods,
.menuNavSVG-goods {
  width: 34px;
  }

@media only screen and (max-width: 45em) {

  .headerQuickNavSVG-goods,
  .menuNavSVG-goods {
    width: 28px;
    }

  }

.headerQuickNavSVG-route,
.menuNavSVG-route {
  width: 31px;
  }

@media only screen and (max-width: 45em) {

  .headerQuickNavSVG-route,
  .menuNavSVG-route {
    width: 25px;
    }

  }

.headerQuickNavSVG-articles,
.menuNavSVG-articles {
  width: 34px;
  }

@media only screen and (max-width: 45em) {

  .headerQuickNavSVG-articles,
  .menuNavSVG-articles {
    width: 28px;
    }

  }

.headerQuickNavSVG-food,
.menuNavSVG-food {
  width: 28px;
  }

@media only screen and (max-width: 45em) {

  .headerQuickNavSVG-food,
  .menuNavSVG-food {
    width: 23px;
    }

  }

.headerQuickNavSVG-fun,
.menuNavSVG-fun {
  width: 38px;
  }

@media only screen and (max-width: 45em) {

  .headerQuickNavSVG-fun,
  .menuNavSVG-fun {
    width: 31px;
    }

  }

.headerQuickNavSVG-services,
.menuNavSVG-services {
  width: 28px;
  }

@media only screen and (max-width: 45em) {

  .headerQuickNavSVG-services,
  .menuNavSVG-services {
    width: 23px;
    }

  }

.headerQuickNavSVG-facilities,
.menuNavSVG-facilities {
  width: 15px;
  }

@media only screen and (max-width: 45em) {

  .headerQuickNavSVG-facilities,
  .menuNavSVG-facilities {
    width: 33px;
    }

  }

.headerQuickNavSVG-tag,
.menuNavSVG-tag {
  width: 29px;
  }

@media only screen and (max-width: 45em) {

  .headerQuickNavSVG-tag,
  .menuNavSVG-tag {
    width: 24px;
    }

  }

.headerQuickNavSVG-bonus,
.menuNavSVG-bonus {
  width: 41px;
  }

@media only screen and (max-width: 45em) {

  .headerQuickNavSVG-bonus,
  .menuNavSVG-bonus {
    width: 33px;
    }

  }

.headerQuickNavSVG-gift,
.menuNavSVG-gift {
  width: 41px;
  padding-top: 14px;
  }

@media only screen and (max-width: 45em) {

  .headerQuickNavSVG-gift,
  .menuNavSVG-gift {
    width: 33px;
    padding-top: 10px;
    }

  }

.headerQuickNavSVG-search,
.menuNavSVG-search {
  width: 31px;
  }

@media only screen and (max-width: 45em) {

  .headerQuickNavSVG-search,
  .menuNavSVG-search {
    width: 25px;
    }

  }

.menuNavSVG-star {
  width: 40px;
  }

@media only screen and (max-width: 45em) {

  .menuNavSVG-star {
    width: 32px;
    }

  }

.headerQuickNavSVG-map,
.menuNavSVG-map {
  width: 30px;
  }

@media only screen and (max-width: 45em) {

  .headerQuickNavSVG-map,
  .menuNavSVG-map {
    width: 24px;
    }

  }

.headerQuickNavSVG-contacts,
.menuNavSVG-contacts {
  width: 35px;
  }

@media only screen and (max-width: 45em) {

  .headerQuickNavSVG-contacts,
  .menuNavSVG-contacts {
    width: 28px;
    }

  }

.headerQuickNavSVG-cinema,
.menuNavSVG-cinema {
  width: 35px;
  }

@media only screen and (max-width: 45em) {

  .headerQuickNavSVG-cinema,
  .menuNavSVG-cinema {
    width: 28px;
    }

  }

.headerQuickNavSVG-lk,
.menuNavSVG-lk {
  width: 36px;
  padding-top: 14px;
  }

@media only screen and (max-width: 45em) {

  .headerQuickNavSVG-lk,
  .menuNavSVG-lk {
    width: 29px;
    padding-top: 10px;
    }

  }

.headerQuickNavSVG-gp,
.menuNavSVG-gp {
  width: 36px;
  padding-top: 14px;
  stroke: #7a9548;
  }

@media only screen and (max-width: 45em) {

  .headerQuickNavSVG-gp,
  .menuNavSVG-gp {
    width: 29px;
    padding-top: 10px;
    }

  }

.headerQuickNavSVG-login,
.menuNavSVG-login,
.menuNavSVG-logout {
  width: 36px;
  }

@media only screen and (max-width: 45em) {

  .headerQuickNavSVG-login,
  .menuNavSVG-login,
  .menuNavSVG-logout {
    width: 29px;
    }

  }

.headerQuickNavSVG-blackFriday {
  width: 40px;
  stroke: inherit;
  stroke-width: 0;
  fill: inherit;
  }

@media only screen and (max-width: 45em) {

  .headerQuickNavSVG-blackFriday {
    width: 32px;
    }

  }

.headerQuickNavSVG-mp {
  width: 36px;
  }

@media only screen and (max-width: 45em) {

  .headerQuickNavSVG-mp {
    width: 29px;
    }

  }

.item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 25px;
  border: 1px solid #cfd8dc;
  margin: 0 20px 20px 0;
  color: #212121;
  text-decoration: none;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition: opacity .2s, -webkit-transform .2s;
  transition: opacity .2s, -webkit-transform .2s;
  transition: opacity .2s, transform .2s;
  transition: opacity .2s, transform .2s, -webkit-transform .2s;
  }

.item:visited,
.item:hover,
.item:active {
  color: #212121;
  }

.item-offer {
  overflow: hidden;
  background: #f0f3f4;
  text-align: center;
  }

.item-offer .itemDate,
.item-offer .itemDetails,
.item-offer .itemHeader,
.item-offer .itemImageHolder,
.item-offer .itemLogo,
.item-offer .itemTags {
  -webkit-transition: -webkit-transform .2s;
  transition: -webkit-transform .2s;
  transition: transform .2s;
  transition: transform .2s, -webkit-transform .2s;
  }

.item-offer:hover .itemDate,
.item-offer:hover .itemDetails,
.item-offer:hover .itemHeader,
.item-offer:hover .itemImageHolder,
.item-offer:hover .itemLogo,
.item-offer:hover .itemTags,
.item-offer:active .itemDate,
.item-offer:active .itemDetails,
.item-offer:active .itemHeader,
.item-offer:active .itemImageHolder,
.item-offer:active .itemLogo,
.item-offer:active .itemTags,
.item-offer:focus .itemDate,
.item-offer:focus .itemDetails,
.item-offer:focus .itemHeader,
.item-offer:focus .itemImageHolder,
.item-offer:focus .itemLogo,
.item-offer:focus .itemTags {
  -webkit-transform: translateY(-5.25em);
  -webkit-transform: translateY(-5.25rem);
  transform: translateY(-5.25em);
  transform: translateY(-5.25rem);
  }

.mainPageFeed .item-offer {
  padding: 15px;
  }

.item-offer:before {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  }

.item-is-hidden {
  opacity: 0;
  }

.item-store {
  display: block;
  padding: 0;
  border: 0;
  margin: 0;
  text-align: center;
  }

.item-store:after {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 100%;
  }

.item-service {
  display: block;
  padding: 0;
  border: 0;
  margin: 0;
  text-align: center;
  }

.items .item {
  width: 244px;
  }

.itemsSlider .item {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 32%;
  width: calc(33.333% - 20px);
  margin: 0 10px;
  }

.itemsSlider .item-store {
  width: 16%;
  width: calc(16.667% - 20px);
  }

.itemsSlider .item-service {
  width: 16%;
  width: calc(16.667% - 20px);
  }

.storesHolder .item {
  z-index: 0;
  width: calc((100% / 6) - 15px);
  margin: 0 15px 0 0;
  }

.storesHolder .item:last-of-type {
  margin-bottom: 20px;
  }

@supports (display: grid) {
  .storesHolder .item {
    width: auto;
    }

  }

.itemsContainer .item {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 32%;
  width: calc(33.333% - 20px);
  margin: 0 10px 20px;
  }

.aboutAside .item {
  width: 100%;
  width: calc(100% - 20px);
  margin: 0 20px 0 0;
  }

.js-masonry-is-set .item {
  margin: 0;
  }

.js-items-are-hidden .item {
  opacity: 0;
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
  }

.item-is-active:before {
  position: absolute;
  z-index: -1;
  top: -5px;
  right: -30px;
  bottom: -5px;
  left: -30px;
  content: '';
  display: block;
  background-color: #fafafa;
  }

@media only screen and (max-width: 61.25em) {

  .item {
    margin: 0 15px 15px 0;
    }

  .item-offer .itemDate,
  .item-offer .itemDetails,
  .item-offer .itemHeader,
  .item-offer .itemImageHolder,
  .item-offer .itemLogo,
  .item-offer .itemTags {
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
    }

  .item-offer:hover .itemDate,
  .item-offer:hover .itemDetails,
  .item-offer:hover .itemHeader,
  .item-offer:hover .itemImageHolder,
  .item-offer:hover .itemLogo,
  .item-offer:hover .itemTags,
  .item-offer:active .itemDate,
  .item-offer:active .itemDetails,
  .item-offer:active .itemHeader,
  .item-offer:active .itemImageHolder,
  .item-offer:active .itemLogo,
  .item-offer:active .itemTags,
  .item-offer:focus .itemDate,
  .item-offer:focus .itemDetails,
  .item-offer:focus .itemHeader,
  .item-offer:focus .itemImageHolder,
  .item-offer:focus .itemLogo,
  .item-offer:focus .itemTags {
    -webkit-transform: none;
    transform: none;
    }

  .itemsSlider .item {
    width: 99%;
    width: calc(100% - 15px);
    margin: 0 15px 0 0;
    }

  .itemsSlider .item:first-child:last-child {
    width: 129.25%;
    margin: 0;
    }

  .itemsSlider .item-store,
  .itemsSlider .item-service {
    width: 16%;
    width: calc(16.667% - 20px);
    margin: 0 10px;
    }

  .items .item,
  .itemsContainer .item {
    width: 49%;
    width: calc(50% - 20px);
    }

  }

@media only screen and (max-width: 45em) {

  .items .item {
    width: 100%;
    margin: 0 0 20px;
    }

  .itemsSlider .item:first-child:last-child {
    width: 99%;
    width: calc(100% - 15px);
    }

  .storesHolder .item {
    margin: 0;
    }

  .narrowSlider .item-store,
  .narrowSlider .item-service {
    width: 46%;
    width: calc(50% - (15px / 2));
    margin: 0;
    }

  .narrowSlider .item-store:nth-child(even),
  .narrowSlider .item-service:nth-child(even) {
    margin: 0 0 0 15px;
    }

  .itemsContainer .item {
    width: 100%;
    margin: 20px 0 0;
    }

  }

.mainPageFeed .item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: calc(100%/4 - 20px);
  margin: 0 10px 20px 10px;
  }

@media only screen and (min-width: 85.31em) {

  .mainPageFeed .item {
    width: calc(100%/5 - 20px);
    }

  }

@media only screen and (max-width: 61.25em) {

  .mainPageFeed .item {
    width: calc(100%/3 - 20px);
    }

  }

@media only screen and (max-width: 45em) {

  .mainPageFeed .item {
    width: 100%;
    }

  }

@supports (display: grid) {
  .mainPageFeed .item {
    width: auto !important;
    margin: 0 !important;
    }

  }

.mainPageFeed .item-article,
.mainPageFeed .item-event {
  overflow: hidden;
  padding: 15px;
  text-align: center;
  }

.mainPageFeed .item-article .itemDate,
.mainPageFeed .item-article .itemDetails,
.mainPageFeed .item-article .itemHeader,
.mainPageFeed .item-article .itemImageHolder,
.mainPageFeed .item-article .itemLogo,
.mainPageFeed .item-article .itemTags,
.mainPageFeed .item-event .itemDate,
.mainPageFeed .item-event .itemDetails,
.mainPageFeed .item-event .itemHeader,
.mainPageFeed .item-event .itemImageHolder,
.mainPageFeed .item-event .itemLogo,
.mainPageFeed .item-event .itemTags {
  -webkit-transition: -webkit-transform .2s;
  transition: -webkit-transform .2s;
  transition: transform .2s;
  transition: transform .2s, -webkit-transform .2s;
  }

.mainPageFeed .item-article .itemHeader,
.mainPageFeed .item-event .itemHeader {
  margin-top: 24px;
  }

.mainPageFeed .item-article .itemTags,
.mainPageFeed .item-event .itemTags {
  text-align: center;
  }

.mainPageFeed .item-article:hover .itemDate,
.mainPageFeed .item-article:hover .itemDetails,
.mainPageFeed .item-article:hover .itemHeader,
.mainPageFeed .item-article:hover .itemImageHolder,
.mainPageFeed .item-article:hover .itemLogo,
.mainPageFeed .item-article:hover .itemTags,
.mainPageFeed .item-article:active .itemDate,
.mainPageFeed .item-article:active .itemDetails,
.mainPageFeed .item-article:active .itemHeader,
.mainPageFeed .item-article:active .itemImageHolder,
.mainPageFeed .item-article:active .itemLogo,
.mainPageFeed .item-article:active .itemTags,
.mainPageFeed .item-article:focus .itemDate,
.mainPageFeed .item-article:focus .itemDetails,
.mainPageFeed .item-article:focus .itemHeader,
.mainPageFeed .item-article:focus .itemImageHolder,
.mainPageFeed .item-article:focus .itemLogo,
.mainPageFeed .item-article:focus .itemTags,
.mainPageFeed .item-event:hover .itemDate,
.mainPageFeed .item-event:hover .itemDetails,
.mainPageFeed .item-event:hover .itemHeader,
.mainPageFeed .item-event:hover .itemImageHolder,
.mainPageFeed .item-event:hover .itemLogo,
.mainPageFeed .item-event:hover .itemTags,
.mainPageFeed .item-event:active .itemDate,
.mainPageFeed .item-event:active .itemDetails,
.mainPageFeed .item-event:active .itemHeader,
.mainPageFeed .item-event:active .itemImageHolder,
.mainPageFeed .item-event:active .itemLogo,
.mainPageFeed .item-event:active .itemTags,
.mainPageFeed .item-event:focus .itemDate,
.mainPageFeed .item-event:focus .itemDetails,
.mainPageFeed .item-event:focus .itemHeader,
.mainPageFeed .item-event:focus .itemImageHolder,
.mainPageFeed .item-event:focus .itemLogo,
.mainPageFeed .item-event:focus .itemTags {
  -webkit-transform: translateY(-5.25em);
  -webkit-transform: translateY(-5.25rem);
  transform: translateY(-5.25em);
  transform: translateY(-5.25rem);
  }

.mainPageFeed .item-article:before,
.mainPageFeed .item-event:before {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  }

@media only screen and (max-width: 61.25em) {

  .mainPageFeed .item-article:hover .itemDate,
  .mainPageFeed .item-article:hover .itemDetails,
  .mainPageFeed .item-article:hover .itemHeader,
  .mainPageFeed .item-article:hover .itemImageHolder,
  .mainPageFeed .item-article:hover .itemLogo,
  .mainPageFeed .item-article:hover .itemTags,
  .mainPageFeed .item-article:active .itemDate,
  .mainPageFeed .item-article:active .itemDetails,
  .mainPageFeed .item-article:active .itemHeader,
  .mainPageFeed .item-article:active .itemImageHolder,
  .mainPageFeed .item-article:active .itemLogo,
  .mainPageFeed .item-article:active .itemTags,
  .mainPageFeed .item-article:focus .itemDate,
  .mainPageFeed .item-article:focus .itemDetails,
  .mainPageFeed .item-article:focus .itemHeader,
  .mainPageFeed .item-article:focus .itemImageHolder,
  .mainPageFeed .item-article:focus .itemLogo,
  .mainPageFeed .item-article:focus .itemTags,
  .mainPageFeed .item-event:hover .itemDate,
  .mainPageFeed .item-event:hover .itemDetails,
  .mainPageFeed .item-event:hover .itemHeader,
  .mainPageFeed .item-event:hover .itemImageHolder,
  .mainPageFeed .item-event:hover .itemLogo,
  .mainPageFeed .item-event:hover .itemTags,
  .mainPageFeed .item-event:active .itemDate,
  .mainPageFeed .item-event:active .itemDetails,
  .mainPageFeed .item-event:active .itemHeader,
  .mainPageFeed .item-event:active .itemImageHolder,
  .mainPageFeed .item-event:active .itemLogo,
  .mainPageFeed .item-event:active .itemTags,
  .mainPageFeed .item-event:focus .itemDate,
  .mainPageFeed .item-event:focus .itemDetails,
  .mainPageFeed .item-event:focus .itemHeader,
  .mainPageFeed .item-event:focus .itemImageHolder,
  .mainPageFeed .item-event:focus .itemLogo,
  .mainPageFeed .item-event:focus .itemTags {
    -webkit-transform: none;
    transform: none;
    }

  }

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

@supports (--details: 1px) {
  .item-offer,
  .mainPageFeed .item-article,
  .mainPageFeed .item-event {
    --details: -5.25rem;
    }

  .item-offer:hover .itemDate,
  .item-offer:hover .itemDetails,
  .item-offer:hover .itemHeader,
  .item-offer:hover .itemImageHolder,
  .item-offer:hover .itemLogo,
  .item-offer:hover .itemTags,
  .item-offer:active .itemDate,
  .item-offer:active .itemDetails,
  .item-offer:active .itemHeader,
  .item-offer:active .itemImageHolder,
  .item-offer:active .itemLogo,
  .item-offer:active .itemTags,
  .item-offer:focus .itemDate,
  .item-offer:focus .itemDetails,
  .item-offer:focus .itemHeader,
  .item-offer:focus .itemImageHolder,
  .item-offer:focus .itemLogo,
  .item-offer:focus .itemTags,
  .mainPageFeed .item-article:hover .itemDate,
  .mainPageFeed .item-article:hover .itemDetails,
  .mainPageFeed .item-article:hover .itemHeader,
  .mainPageFeed .item-article:hover .itemImageHolder,
  .mainPageFeed .item-article:hover .itemLogo,
  .mainPageFeed .item-article:hover .itemTags,
  .mainPageFeed .item-article:active .itemDate,
  .mainPageFeed .item-article:active .itemDetails,
  .mainPageFeed .item-article:active .itemHeader,
  .mainPageFeed .item-article:active .itemImageHolder,
  .mainPageFeed .item-article:active .itemLogo,
  .mainPageFeed .item-article:active .itemTags,
  .mainPageFeed .item-article:focus .itemDate,
  .mainPageFeed .item-article:focus .itemDetails,
  .mainPageFeed .item-article:focus .itemHeader,
  .mainPageFeed .item-article:focus .itemImageHolder,
  .mainPageFeed .item-article:focus .itemLogo,
  .mainPageFeed .item-article:focus .itemTags,
  .mainPageFeed .item-event:hover .itemDate,
  .mainPageFeed .item-event:hover .itemDetails,
  .mainPageFeed .item-event:hover .itemHeader,
  .mainPageFeed .item-event:hover .itemImageHolder,
  .mainPageFeed .item-event:hover .itemLogo,
  .mainPageFeed .item-event:hover .itemTags,
  .mainPageFeed .item-event:active .itemDate,
  .mainPageFeed .item-event:active .itemDetails,
  .mainPageFeed .item-event:active .itemHeader,
  .mainPageFeed .item-event:active .itemImageHolder,
  .mainPageFeed .item-event:active .itemLogo,
  .mainPageFeed .item-event:active .itemTags,
  .mainPageFeed .item-event:focus .itemDate,
  .mainPageFeed .item-event:focus .itemDetails,
  .mainPageFeed .item-event:focus .itemHeader,
  .mainPageFeed .item-event:focus .itemImageHolder,
  .mainPageFeed .item-event:focus .itemLogo,
  .mainPageFeed .item-event:focus .itemTags {
    -webkit-transform: translateY(var(--details));
    transform: translateY(var(--details));
    }

  }

@media (pointer: coarse) {

  @supports (--details: 1px) {
    .item-offer,
    .mainPageFeed .item-article,
    .mainPageFeed .item-event {
      --details: -5.25rem;
      }

    .item-offer:hover .itemDate,
    .item-offer:hover .itemDetails,
    .item-offer:hover .itemHeader,
    .item-offer:hover .itemImageHolder,
    .item-offer:hover .itemLogo,
    .item-offer:hover .itemTags,
    .item-offer:active .itemDate,
    .item-offer:active .itemDetails,
    .item-offer:active .itemHeader,
    .item-offer:active .itemImageHolder,
    .item-offer:active .itemLogo,
    .item-offer:active .itemTags,
    .item-offer:focus .itemDate,
    .item-offer:focus .itemDetails,
    .item-offer:focus .itemHeader,
    .item-offer:focus .itemImageHolder,
    .item-offer:focus .itemLogo,
    .item-offer:focus .itemTags,
    .mainPageFeed .item-article:hover .itemDate,
    .mainPageFeed .item-article:hover .itemDetails,
    .mainPageFeed .item-article:hover .itemHeader,
    .mainPageFeed .item-article:hover .itemImageHolder,
    .mainPageFeed .item-article:hover .itemLogo,
    .mainPageFeed .item-article:hover .itemTags,
    .mainPageFeed .item-article:active .itemDate,
    .mainPageFeed .item-article:active .itemDetails,
    .mainPageFeed .item-article:active .itemHeader,
    .mainPageFeed .item-article:active .itemImageHolder,
    .mainPageFeed .item-article:active .itemLogo,
    .mainPageFeed .item-article:active .itemTags,
    .mainPageFeed .item-article:focus .itemDate,
    .mainPageFeed .item-article:focus .itemDetails,
    .mainPageFeed .item-article:focus .itemHeader,
    .mainPageFeed .item-article:focus .itemImageHolder,
    .mainPageFeed .item-article:focus .itemLogo,
    .mainPageFeed .item-article:focus .itemTags,
    .mainPageFeed .item-event:hover .itemDate,
    .mainPageFeed .item-event:hover .itemDetails,
    .mainPageFeed .item-event:hover .itemHeader,
    .mainPageFeed .item-event:hover .itemImageHolder,
    .mainPageFeed .item-event:hover .itemLogo,
    .mainPageFeed .item-event:hover .itemTags,
    .mainPageFeed .item-event:active .itemDate,
    .mainPageFeed .item-event:active .itemDetails,
    .mainPageFeed .item-event:active .itemHeader,
    .mainPageFeed .item-event:active .itemImageHolder,
    .mainPageFeed .item-event:active .itemLogo,
    .mainPageFeed .item-event:active .itemTags,
    .mainPageFeed .item-event:focus .itemDate,
    .mainPageFeed .item-event:focus .itemDetails,
    .mainPageFeed .item-event:focus .itemHeader,
    .mainPageFeed .item-event:focus .itemImageHolder,
    .mainPageFeed .item-event:focus .itemLogo,
    .mainPageFeed .item-event:focus .itemTags {
      -webkit-transform: none;
      transform: none;
      }

    }

  }

.itemCount {
  color: #90a4ae;
  font-size: 12px;
  font-size: .75rem;
  }

@media only screen and (max-width: 45em) {

  .itemCount {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    font-size: .88rem;
    }

  }

.itemCountIcon {
  position: relative;
  top: -2px;
  display: inline-block;
  width: 19px;
  height: 19px;
  margin: 0 .5em 0 0;
  vertical-align: middle;
  stroke: currentColor;
  stroke-width: 2;
  fill: none;
  }

@media only screen and (max-width: 45em) {

  .itemCountIcon {
    width: 22px;
    height: 22px;
    }

  }

.itemDate {
  color: #bdbdbd;
  font-size: 12px;
  font-size: .75rem;
  }

.itemDetails {
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  padding: 0 25px 25px;
  color: #bdbdbd;
  font-size: 13px;
  font-size: .81rem;
  }

.mainPageFeed .itemDetails {
  padding: 0 15px 15px;
  }

.itemHeader {
  display: inline-block;
  margin: 0 0 25px;
  color: #263238;
  font-size: 18px;
  font-size: 1.12rem;
  line-height: 1.25;
  }

.item-offer > .itemHeader {
  width: 50%;
  min-width: 200px;
  min-height: 2.5em;
  margin: 0 auto 10px;
  }

.item-trend > .itemHeader {
  margin: 0 0 12.5px;
  }

.item-store > .itemHeader {
  margin: 0 0 12.5px;
  font-weight: bold;
  }

.item-service > .itemHeader {
  font-weight: bold;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  }

.mainPageFeed .itemHeader {
  width: 100%;
  min-width: 0;
  margin-bottom: 30px;
  }

.mainPageFeed .itemHeader-withoutTag {
  margin-bottom: 20px;
  }

@media only screen and (max-width: 45em) {

  .item-offer > .itemHeader {
    width: 100%;
    min-width: 0;
    min-height: 0;
    }

  .item-store > .itemHeader {
    margin: 0 0 7.5px;
    font-size: 16px;
    font-size: 1rem;
    }

  .item-collection > .itemHeader {
    margin: 0 0 10px;
    }

  }

.newLabel {
  position: relative;
  display: inline-block;
  height: 15px;
  padding: 2px 5px 0 6px;
  margin-left: 5px;
  color: #fff;
  background: #f73e3d;
  font-weight: 400;
  font-size: 13px;
  font-size: .81rem;
  line-height: 16px;
  }

.newLabel.hidden {
  display: none;
  }

.newLabel .arrow {
  position: absolute;
  top: 0;
  right: -14px;
  display: block;
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-left: 6px solid #f73e3d;
  }

.storesHolder .newLabel {
  position: absolute;
  top: 10px;
  left: 0;
  margin: 0;
  }

.pageLogoWrapper .newLabel {
  position: absolute;
  z-index: 2;
  top: -10px;
  left: 0;
  margin: 0;
  }

.briefTooltip .newLabel {
  display: none;
  }

@media only screen and (max-width: 45em) {

  .newLabel {
    margin-left: 0;
    }

  .tooltip .newLabel {
    display: none;
    }

  .newLabel .arrow {
    right: -16px;
    border: 8px solid transparent;
    border-left: 8px solid #f73e3d;
    }

  }

.soonLabel {
  position: relative;
  top: -1px;
  display: inline-block;
  padding: 2px 5px 0 6px;
  margin-left: 5px;
  color: #fff;
  background: #ffb100;
  font-weight: 400;
  font-size: 13px;
  font-size: .81rem;
  line-height: 1.1;
  }

.soonLabel.hidden {
  display: none;
  }

.soonLabel .arrow {
  position: absolute;
  top: 0;
  right: -14px;
  display: block;
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-left: 6px solid #ffb100;
  }

.storesHolder .soonLabel {
  position: absolute;
  top: 10px;
  left: 0;
  margin: 0;
  }

.pageLogoWrapper .soonLabel {
  position: absolute;
  z-index: 2;
  top: -10px;
  left: 0;
  margin: 0;
  }

.briefTooltip .soonLabel {
  display: none;
  }

@media only screen and (max-width: 45em) {

  .soonLabel {
    margin-left: 0;
    }

  .tooltip .soonLabel {
    display: none;
    }

  .soonLabel .arrow {
    right: -16px;
    border: 8px solid transparent;
    border-left: 8px solid #ffb100;
    }

  }

.ecoLabel {
  position: relative;
  top: -1px;
  display: inline-block;
  padding: 2px 5px 0 6px;
  margin-left: 5px;
  color: #fff;
  background: #4c8c2b;
  font-weight: 400;
  font-size: 13px;
  font-size: .81rem;
  line-height: 1.1;
  }

.ecoLabel.hidden {
  display: none;
  }

.ecoLabel .arrow {
  position: absolute;
  top: 0;
  right: -14px;
  display: block;
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-left: 6px solid #4c8c2b;
  }

.itemsSlider .ecoLabel {
  position: absolute;
  top: 10px;
  left: 0;
  margin: 0;
  }

@media only screen and (max-width: 45em) {

  .ecoLabel {
    margin-left: 0;
    }

  .ecoLabel .arrow {
    right: -16px;
    border: 8px solid transparent;
    border-left: 8px solid #4c8c2b;
    }

  }

.closedLabel {
  position: relative;
  display: inline-block;
  height: 15px;
  padding: 2px 5px 0 6px;
  margin-left: 5px;
  color: #fff;
  background: #800000;
  font-weight: 400;
  font-size: 13px;
  font-size: .81rem;
  line-height: 16px;
  }

.closedLabel.hidden {
  display: none;
  }

.closedLabel .arrow {
  position: absolute;
  top: 0;
  right: -14px;
  display: block;
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-left: 6px solid #800000;
  }

.storesHolder .closedLabel {
  position: absolute;
  top: 10px;
  left: 0;
  margin: 0;
  }

.pageLogoWrapper .closedLabel {
  position: absolute;
  z-index: 2;
  top: -10px;
  left: 0;
  margin: 0;
  }

.briefTooltip .closedLabel {
  display: none;
  }

@media only screen and (max-width: 45em) {

  .closedLabel {
    margin-left: 0;
    }

  .tooltip .closedLabel {
    display: none;
    }

  .closedLabel .arrow {
    right: -16px;
    border: 8px solid transparent;
    border-left: 8px solid #800000;
    }

  }

.item-store__name-label {
  position: relative;
  top: -1px;
  display: inline-block;
  box-sizing: border-box;
  min-height: 15px;
  padding: 2px 5px 0 6px;
  margin-left: 5px;
  color: #fff;
  font-weight: 400;
  font-size: 13px;
  font-size: .81rem;
  line-height: 16px;
  vertical-align: middle;
}

.item-store__name-label.hidden {
  display: none;
}

.item-store__name-label::after {
  content: '';
  position: absolute;
  top: 0;
  right: -14px;
  display: block;
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-left: 6px solid transparent;
}

.item-store__name-label--new {
  background: #f73e3d;
}

.item-store__name-label--new::after {
  border-left-color: #f73e3d;
}

.item-store__name-label--soon {
  top: -1px;
  line-height: 1.1;
  background: #ffb100;
}

.item-store__name-label--soon::after {
  border-left-color: #ffb100;
}

.item-store__name-label--eco {
  top: -1px;
  line-height: 1.1;
  background: #4c8c2b;
}

.item-store__name-label--eco::after {
  border-left-color: #4c8c2b;
}

.item-store__name-label--closed {
  background: #800000;
}

.item-store__name-label--closed::after {
  border-left-color: #800000;
}

.briefTooltip .item-store__name-label {
  display: none;
}

@media only screen and (max-width: 45em) {

  .item-store__name-label {
    margin-left: 0;
    }

  .tooltip .item-store__name-label {
    display: none;
    }

  .item-store__name-label::after {
    right: -16px;
    border: 8px solid transparent;
    border-left: 8px solid transparent;
    }

  .item-store__name-label--new::after {
    border-left-color: #f73e3d;
    }

  .item-store__name-label--soon::after {
    border-left-color: #ffb100;
    }

  .item-store__name-label--eco::after {
    border-left-color: #4c8c2b;
    }

  .item-store__name-label--closed::after {
    border-left-color: #800000;
    }

  }

.itemImageHolder {
  position: relative;
  overflow: hidden;
  margin: -25px 25px;
  }

.itemImageHolder:first-child {
  margin: -25px -25px 25px;
  }

.mainPageFeed .itemImageHolder:first-child {
  margin: -15px -32px 20px;
  }

.itemImageHolderUfa {
  border-bottom: 1px solid #cfd8dc;
  }

.itemImage {
  display: block;
  width: 100%;
  height: auto;
  }

.js-masonryElement .itemImage {
  height: 100%;
  }

.itemImageUfa {
  width: 50%;
  margin: 10px auto;
  }

.wrap_no_before {
  display: none !important;
  }

.items_text_style {
  width: 100%;
  text-align: left;
  }

.items_text_style p {
  padding: 0 25px;
  }

.items_text_style .itemHeader a {
  color: #263238;
  font-size: 1.12rem;
  text-decoration: none;
  line-height: 1.25;
  }

.items_text_style .itemParagraph a {
  color: #757575;
  font-size: .81rem;
  text-decoration: none;
  line-height: 1.5;
  }

.items_text_style .itemDate a {
  color: #bdbdbd;
  font-size: 1.75;
  text-decoration: none;
  }

@media (max-width: 768px) {

  .wrap_no_before {
    padding: 0 !important;
    }

  .wrap_no_before {
    display: block !important;
    }

  .itemHeader a,
  .itemTags a,
  .itemDetails a {
    text-decoration: none;
    }

  .itemHeader {
    margin-top: 24px !important;
    }

  .itemHeader a {
    color: #263238;
    }

  .itemTags a,
  .itemDetails a {
    color: #bdbdbd;
    }

  .wrap_no_before::before {
    content: none !important;
    display: none !important;
    }

  .video_item_block {
    padding: 0 !important;
    outline: none !important;
    text-align: center !important;
    }

  .video_item_block::before {
    content: none !important;
    display: none !important;
    }

  .video_item_block .itemTags {
    position: inherit !important;
    }

  .video_item_block .itemDetails {
    position: inherit !important;
    }

  .video_item_block .plyr--playing .count_for_slider {
    display: none;
    }

  .video_item_block .video_containers,
  .video_item_block .video_containers_news,
  .video_item_block .video_containers_popular {
    position: relative;
    }

  .video_item_block .video_containers .count_for_slider,
  .video_item_block .video_containers_news .count_for_slider,
  .video_item_block .video_containers_popular .count_for_slider {
    position: absolute;
    z-index: 3;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 2px 20px;
    background: rgba(189, 189, 189, .8);
    line-height: inherit !important;
    }

  .video_item_block .video_containers .count_for_slider span,
  .video_item_block .video_containers_news .count_for_slider span,
  .video_item_block .video_containers_popular .count_for_slider span {
    padding: 5px 0;
    color: #000;
    line-height: inherit !important;
    }

  .video_item_block .video_containers .count_for_slider .curent_position,
  .video_item_block .video_containers_news .count_for_slider .curent_position,
  .video_item_block .video_containers_popular .count_for_slider .curent_position {
    margin-right: 5px;
    }

  .video_item_block .video_containers .count_for_slider .max_length,
  .video_item_block .video_containers_news .count_for_slider .max_length,
  .video_item_block .video_containers_popular .count_for_slider .max_length {
    margin-left: 5px;
    }

  .video_item_block .video_containers .count_for_slider .arrows,
  .video_item_block .video_containers_news .count_for_slider .arrows,
  .video_item_block .video_containers_popular .count_for_slider .arrows {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    }

  .video_item_block .video_containers .count_for_slider .arrow_left,
  .video_item_block .video_containers_news .count_for_slider .arrow_left,
  .video_item_block .video_containers_popular .count_for_slider .arrow_left {
    left: 5px;
    }

  .video_item_block .video_containers .count_for_slider .arrow_right,
  .video_item_block .video_containers_news .count_for_slider .arrow_right,
  .video_item_block .video_containers_popular .count_for_slider .arrow_right {
    right: 5px;
    }

  #player,
  #player_second,
  #player_third {
    --plyr-color-main: rgba(255, 255, 255, .4);
    }

  #player,
  #player_second {
    max-height: 269px !important;
    }

  #player_third {
    max-height: auto !important;
    }

  .plyr__video-wrapper {
    padding-bottom: 56.25% !important;
    }

  .plyr__control {
    height: inherit !important;
    }

  .plyr__control--overlaid {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 70px !important;
    height: 70px !important;
    padding: 0 !important;
    border: 4px solid !important;
    background: none !important;
    opacity: .7 !important;
    }

  .plyr__poster {
    background-size: cover !important;
    }

  .plyr__volume .plyr__control {
    background: none !important;
    }

  .plyr--video.plyr--stopped .plyr__controls {
    display: none;
    }

  .plyr--paused .plyr__controls {
    display: none;
    }

  .plyr--playing .plyr__controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    }

  .popularWrapper .video_item_block {
    text-align: left !important;
    }

  }

@media (max-width: 720px) {

  .itemTags,
  .itemHeader {
    font-size: .75rem;
    }

  }

.itemLogo {
  position: relative;
  display: block;
  -ms-flex-item-align: center;
  align-self: center;
  width: 65px;
  height: 65px;
  margin: -57.5px 0 16px;

  -ms-grid-row-align: center;
  }

.item-store > .itemLogo {
  width: 100%;
  height: auto;
  margin: 0 0 15px;
  }

@media only screen and (max-width: 45em) {

  }

.itemParagraph {
  margin: 0 0 25px;
  color: #757575;
  font-size: 13px;
  font-size: .81rem;
  line-height: 1.5;
  }

@media only screen and (max-width: 45em) {

  .item-collection > .itemParagraph {
    margin: 0 0 35px;
    }

  }

.itemPrice {
  margin: 12.5px 0 0;
  color: #263238;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.25;
  }

.itemService {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 0 15px;
  }

.itemService:before {
  position: relative;
  content: '';
  display: block;
  padding: 100% 0 0;
  }

.itemService-kids {
  background: #faa001;
  }

.itemServiceSVG {
  position: absolute;
  top: 50%;
  left: 50%;
  stroke: #fff;
  stroke-width: 2;
  fill: none;
  }

.itemServiceSVG-kids {
  width: 73.5px;
  height: 81px;
  margin: -40.5px 0 0 -36.75px;
  }

.itemTags {
  display: block;
  color: #bdbdbd;
  font-size: 12px;
  font-size: .75rem;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: left;
  text-decoration: none;
  line-height: 1.5;
  }

.item-store > .itemTags {
  padding: 0 15px;
  font-size: 14px;
  font-size: .88rem;
  }

.item-trend > .itemTags {
  margin: 0 0 25px;
  }

.mainPageFeed .itemTags {
  position: absolute;
  bottom: 13px;
  left: 0;
  width: 100%;
  }

@media only screen and (max-width: 45em) {

  .item-store > .itemTags {
    font-size: 12px;
    font-size: .75rem;
    }

  }

@media (max-width: 767px) {

  }

@media only screen and (max-width: 61.25em) {

  .items {
    padding: 0;
    }

  }

.itemsHolder {
  margin: 0 0 24px;
  margin: 0 0 1.5rem;
  }

.itemsContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  margin: 0 -10px 24px;
  margin: 0 -10px 1.5rem;
  }

@media only screen and (max-width: 45em) {

  .itemsContainer {
    display: block;
    margin: 0 0 24px;
    margin: 0 0 1.5rem;
    }

  }

.itemsLegal {
  margin-top: -120px;
  }

@media only screen and (max-width: 45em) {

  .itemsLegal {
    margin-top: 0;
    }

  }

.mainPageFeed {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-bottom: 0;
  margin: 0 -10px 24px;
  margin: 0 -10px 1.5rem;
  margin-bottom: 20px;
  }

@supports (display: grid) {
  .mainPageFeed {
    display: -ms-grid;
    display: grid;
    margin: 0 0 20px;

    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    }

  @media only screen and (min-width: 85.31em) {

    .mainPageFeed {
      -ms-grid-columns: (1fr)[5];
      grid-template-columns: repeat(5, 1fr);
      }

    }

  @media only screen and (max-width: 61.25em) {

    .mainPageFeed {
      -ms-grid-columns: (1fr)[3];
      grid-template-columns: repeat(3, 1fr);
      }

    }

  @media only screen and (max-width: 45em) {

    .mainPageFeed {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
      }

    }

  }

.itemsSliderHolder {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  overflow: hidden;
  margin: 0 -10px;
  }

.aboutAside .itemsSliderHolder {
  margin: -60px -20px 0 0;
  }

.aboutAside .itemsSliderHolder:before {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  content: '';
  display: block;
  width: 20px;
  height: 100%;
  background: #fff;
  }

@media only screen and (max-width: 45em) {

  .itemsSliderHolder {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0 20px;
    margin: 0 -20px;
    }

  .aboutAside .itemsSliderHolder:before {
    display: none;
    }

  }

@media only screen and (max-width: 45em) {

  .narrowSlider {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0;
    margin: -65px 0 0;
    }

  }

.itemsSlider {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  }

.mpOffersHolder .itemsSlider {
  margin: 0 0 0 -10px;
  }

@media only screen and (max-width: 45em) {

  .itemsSlider {
    width: 77.5%;
    }

  .narrowSlider .itemsSlider {
    width: 100%;
    }

  .mpOffersHolder .itemsSlider {
    margin: 0;
    }

  }

.itemsNext,
.itemsPrev,
.itemsCounter {
  right: 10px;
  margin: 20px 0 0;
  }

.aboutAside .itemsNext,
.aboutAside .itemsPrev,
.aboutAside .itemsCounter {
  margin: 0;
  color: #757575;
  background: none;
  }

.mpOffersHolder .itemsNext,
.mpOffersHolder .itemsPrev,
.mpOffersHolder .itemsCounter {
  right: 0;
  }

@media only screen and (max-width: 61.25em) {

  .itemsNext,
  .itemsPrev,
  .itemsCounter {
    margin: 40px 0 0;
    }

  .itemsSliderHolder .itemsNext,
  .itemsSliderHolder .itemsPrev,
  .itemsSliderHolder .itemsCounter,
  .mpOffersHolder .itemsNext,
  .mpOffersHolder .itemsPrev,
  .mpOffersHolder .itemsCounter {
    margin: 20px 0 0;
    }

  }

@media only screen and (max-width: 45em) {

  .itemsNext,
  .itemsPrev,
  .itemsCounter {
    display: none;
    }

  .narrowSlider .itemsNext,
  .narrowSlider .itemsPrev,
  .narrowSlider .itemsCounter {
    right: -15px;
    display: block;
    }

  }

.aboutAside .itemsNext,
.aboutAside .itemsPrev {
  color: #757575;
  }

.aboutAside .itemsNext:visited,
.aboutAside .itemsPrev:visited {
  color: #757575;
  }

.aboutAside .itemsNext:hover,
.aboutAside .itemsPrev:hover,
.aboutAside .itemsNext:active,
.aboutAside .itemsPrev:active {
  color: #bdbdbd;
  }

.itemsNext {
  -webkit-box-ordinal-group: 11;
  -ms-flex-order: 10;
  order: 10;
  }

.aboutAside .itemsNext {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
  }

.mpOffersHolder .itemsNext {
  margin: 20px 20px 0 0;
  }

@media only screen and (max-width: 45em) {

  .narrowSlider .itemsNext {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    }

  }

.itemsPrev {
  -webkit-box-ordinal-group: 9;
  -ms-flex-order: 8;
  order: 8;
  }

.aboutAside .itemsPrev {
  -webkit-box-ordinal-group: -2;
  -ms-flex-order: -3;
  order: -3;
  }

.mpOffersHolder .itemsPrev {
  margin: 20px 0 0 auto;
  }

@media only screen and (max-width: 45em) {

  .narrowSlider .itemsPrev {
    -webkit-box-ordinal-group: -2;
    -ms-flex-order: -3;
    order: -3;
    }

  }

.itemsCounter {
  -webkit-box-ordinal-group: 10;
  -ms-flex-order: 9;
  order: 9;
  }

.aboutAside .itemsCounter {
  -webkit-box-ordinal-group: -1;
  -ms-flex-order: -2;
  order: -2;
  }

@media only screen and (max-width: 45em) {

  .narrowSlider .itemsCounter {
    -webkit-box-ordinal-group: -1;
    -ms-flex-order: -2;
    order: -2;
    }

  }

.aboutAside .itemsCurrent {
  color: #212121;
  }

.location {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: -100vh;
  left: 0;
  overflow: hidden;
  visibility: hidden;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: visibility .75s step-end, -webkit-transform .75s step-end;
  transition: visibility .75s step-end, -webkit-transform .75s step-end;
  transition: transform .75s step-end, visibility .75s step-end;
  transition: transform .75s step-end, visibility .75s step-end, -webkit-transform .75s step-end;
  }

@media only screen and (max-width: 45em) {

  .location:before {
    position: absolute;
    z-index: 1;
    content: '';
    display: block;
    width: 100%;
    height: 65px;
    background: #fff;
    }

  }

.js-location-is-active {
  visibility: visible;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: visibility .75s step-start, -webkit-transform .75s step-start;
  transition: visibility .75s step-start, -webkit-transform .75s step-start;
  transition: transform .75s step-start, visibility .75s step-start;
  transition: transform .75s step-start, visibility .75s step-start, -webkit-transform .75s step-start;
  }

.locationClose {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  display: block;
  overflow: hidden;
  width: 90px;
  height: 0;
  padding: 90px 0 0;
  color: #212121;
  background: #fff;
  -webkit-transform: translateY(-200%);
  transform: translateY(-200%);
  -webkit-transition: .38s cubic-bezier(.35, 0, .25, 1);
  transition: .38s cubic-bezier(.35, 0, .25, 1);
  }

.locationClose:visited,
.locationClose:hover,
.locationClose:active {
  color: #212121;
  }

.locationClose:before,
.locationClose:after {
  position: absolute;
  top: 50%;
  left: 50%;
  content: '';
  display: block;
  width: 26px;
  height: 2px;
  margin: -1px 0 0 -13px;
  background: currentColor;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  }

.locationClose:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  }

.locationClose:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  }

.js-location-is-active .locationClose {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: .38s .29s cubic-bezier(.35, 0, .25, 1);
  transition: .38s .29s cubic-bezier(.35, 0, .25, 1);
  }

@media only screen and (max-width: 45em) {

  .locationClose {
    width: 65px;
    padding: 65px 0 0;
    }

  .locationClose:before,
  .locationClose:after {
    -webkit-transform: none;
    transform: none;
    }

  .locationClose:before {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    margin: -16px 0 0 -16px;
    background: #607d8b;
    }

  .locationClose:after {
    position: absolute;
    top: 50%;
    left: 50%;
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    margin: -7px 0 0 -7px;
    background: linear-gradient(45deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 9px, #fff 9px, #fff 11px, rgba(255, 255, 255, 0) 11px, rgba(255, 255, 255, 0)), linear-gradient(-45deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 9px, #fff 9px, #fff 11px, rgba(255, 255, 255, 0) 11px, rgba(255, 255, 255, 0));
    }

  }

.locationContent {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 50%;
  min-height: 470px;
  background-size: 0 0;
  background-repeat: no-repeat;
  }

.locationContent:before,
.locationContent:after {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  content: '';
  display: block;
  background-image: inherit;
  background-size: 100% 100%;
  background-repeat: inherit;
  }

.locationContent:before {
  width: 100%;
  height: 200%;
  opacity: 0;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: .5s cubic-bezier(.35, 0, .25, 1);
  transition: .5s cubic-bezier(.35, 0, .25, 1);
  }

.locationContent:after {
  width: 360px;
  height: 100%;
  background: #fff;
  -webkit-transform: translateY(-100%) translateY(135px);
  transform: translateY(-100%) translateY(135px);
  -webkit-transition: .38s .27s cubic-bezier(.35, 0, .25, 1);
  transition: .38s .27s cubic-bezier(.35, 0, .25, 1);
  }

.js-location-is-active .locationContent:before {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  }

.js-location-is-active .locationContent:after {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: .38s .12s cubic-bezier(.35, 0, .25, 1);
  transition: .38s .12s cubic-bezier(.35, 0, .25, 1);
  }

@media only screen and (max-width: 45em) {

  .locationContent {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: auto;
    height: auto;
    min-height: 0;
    padding: 65px 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: -webkit-transform .75s;
    transition: -webkit-transform .75s;
    transition: transform .75s;
    transition: transform .75s, -webkit-transform .75s;
    }

  .locationContent:before,
  .locationContent:after {
    display: none;
    }

  .js-location-is-active .locationContent {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    }

  }

.locationHeader {
  position: relative;
  display: block;
  color: #212121;
  font-weight: bold;
  font-size: 12px;
  font-size: .75rem;
  text-transform: uppercase;
  line-height: 1.25;
  }

@media only screen and (max-width: 45em) {

  .locationHeader {
    margin: 0 0 .5em;
    font-size: 14px;
    font-size: .88rem;
    }

  }

.locationHeaderSVG {
  position: absolute;
  top: 50%;
  right: 100%;
  display: block;
  stroke: currentColor;
  stroke-width: 4;
  fill: none;
  }

.locationHeaderSVG-stores {
  width: 15px;
  height: 14px;
  margin: -7px 15px 0 0;
  }

.locationHeaderSVG-marker {
  width: 15px;
  height: 14px;
  margin: -7px 15px 0 0;
  }

.locationContent noindex {
  display: none;
  }

@media only screen and (max-width: 45em) {

  .locationContent noindex {
    position: relative;
    z-index: 0;
    display: block;
    -webkit-box-ordinal-group: -1;
    -ms-flex-order: -2;
    order: -2;
    padding: .25em 0 .5em 145px;
    margin: 0;
    background: #fff;
    font-weight: bold;
    font-size: 12px;
    font-size: .75rem;
    line-height: 1.25;
    }

  }

.locationOther {
  list-style: none;
  }

@media screen and (max-width: 720px) {

  .locationOther {
    margin-top: 80px;
    }

  }

.global-html .locationItem a {
  text-decoration: none;
  }

@media only screen and (max-width: 45em) {

  .locationOther .global-html .locationItem {
    position: relative;
    margin: 0 0 1.25em;
    }

  }

@media only screen and (max-width: 45em) {

  .locationOptionMall {
    display: block;
    font-weight: normal;
    font-size: 11px;
    font-size: .69rem;
    }

  }

.locationInfo {
  position: absolute;
  top: 0;
  left: 360px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 290px;
  height: 100%;
  padding: .35em 0 0 0;
  }

.locationInfo:before {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: #fff;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: .38s .15s cubic-bezier(.35, 0, .25, 1);
  transition: .38s .15s cubic-bezier(.35, 0, .25, 1);
  }

.js-location-is-active .locationInfo:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: .38s .19s cubic-bezier(.35, 0, .25, 1);
  transition: .38s .19s cubic-bezier(.35, 0, .25, 1);
  }

@media only screen and (max-width: 45em) {

  .locationInfo {
    position: relative;
    left: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: auto;
    height: auto;
    padding: .35em 0 100px 0;
    color: #757575;
    background: #fff;
    }

  .locationInfo:before {
    display: none;
    }

  }

.locationInfoContent {
  position: relative;
  line-height: 1.5;
  opacity: 0;
  -webkit-transform: translateY(-15px);
  transform: translateY(-15px);
  -webkit-transition: .38s cubic-bezier(.35, 0, .25, 1);
  transition: .38s cubic-bezier(.35, 0, .25, 1);
  }

.js-location-is-active .locationInfoContent {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: .38s .38s cubic-bezier(.35, 0, .25, 1);
  transition: .38s .38s cubic-bezier(.35, 0, .25, 1);
  }

@media only screen and (max-width: 45em) {

  .locationInfoContent {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: none;
    transition: none;
    }

  .js-location-is-active .locationInfoContent {
    -webkit-transition: none;
    transition: none;
    }

  }

.locationInfoContent {
  overflow-y: auto;
  padding-left: 50px;
  }

.locationInfoContent::-webkit-scrollbar {
  width: 8px;
  }

.locationInfoContent::-webkit-scrollbar-track {
  background: white;
  }

.locationInfoContent::-webkit-scrollbar-thumb {
  border: 2px solid white;
  border-radius: 4px;
  background-color: #90a4ae;
  }

.locationPhone.db {
  display: block;
  }

.locationAddress {
  margin: 1.5rem 0;
  font-size: 12px;
  font-size: .75rem;
  }

@media only screen and (max-width: 45em) {

  .locationAddress {
    font-size: 16px;
    font-size: 1rem;
    }

  }

.locationPhone {
  font-size: 14px;
  font-size: .88rem;
  text-decoration: none;
  }

@media only screen and (max-width: 45em) {

  .locationPhone {
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: .5em 0 0;
    color: #757575;
    font-size: 16px;
    font-size: 1rem;
    }

  .locationPhone:visited,
  .locationPhone:hover,
  .locationPhone:active {
    color: #757575;
    }

  }

.locationSchedule {
  font-size: 14px;
  font-size: .88rem;
  }

@media only screen and (max-width: 45em) {

  .locationSchedule {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 16px;
    font-size: 1rem;
    }

  }

.uk-tab li {
  margin-bottom: 0;
  }

#main-tabs li {
  margin-top: 0;
  }

#main-tabs a {
  color: #081f2c;
  }

.global-html .uk-slidenav-previous,
.global-html .uk-slidenav-next {
  display: none;
  }

.global-html .uk-label {
  padding: 5px 10px 2px;
  }

.uk-section.uk-section-xsmall p {
  margin: 1.5rem 0;
  }

.contacts-block > div {
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  margin: 0;
  }

@media only screen and (max-width: 45em) {

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

  }

@media only screen and (max-width: 45em) {

  .contacts-block .contacts-phone-block {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    }

  }

@media only screen and (max-width: 45em) {

  .contacts-block .pageFloor {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    }

  }

@media only screen and (max-width: 45em) {

  div.uk-child-width-1-3 > * {
    width: calc(100% * 1 / 2.001);
    }

  }

.today-at-the-cinema h3 {
  font-size: 1.73em;
  }

#main-tabs .movie_genre {
  overflow: hidden;
  height: 40px;
  color: #90a4ae;
  line-height: 41px;
  }

#main-tabs .movie_genre:hover {
  color: #081f2c;
  }

#main-tabs .kino-list {
  margin-top: -30px;
  }

#main-tabs .kino-list li {
  margin-top: 30px;
  }

.global-html .headerQuickNavLink {
  text-decoration: none;
  }

.cinema-content {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 4%;
  }

.locationLinks {
  position: absolute;
  z-index: 51;
  top: 100%;
  right: 110px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: -45px 0 0;
  font-size: 12px;
  font-size: .75rem;
  text-transform: uppercase;
  opacity: 0;
  -webkit-transform: translateY(-15px) translateZ(0);
  transform: translateY(-15px) translateZ(0);
  -webkit-transition: color .2s, opacity .38s cubic-bezier(.35, 0, .25, 1), -webkit-transform .38s cubic-bezier(.35, 0, .25, 1);
  transition: color .2s, opacity .38s cubic-bezier(.35, 0, .25, 1), -webkit-transform .38s cubic-bezier(.35, 0, .25, 1);
  transition: color .2s, opacity .38s cubic-bezier(.35, 0, .25, 1), transform .38s cubic-bezier(.35, 0, .25, 1);
  transition: color .2s, opacity .38s cubic-bezier(.35, 0, .25, 1), transform .38s cubic-bezier(.35, 0, .25, 1), -webkit-transform .38s cubic-bezier(.35, 0, .25, 1);
  }

.js-location-is-active .locationLinks {
  opacity: 1;
  -webkit-transform: translateY(0) translateZ(0);
  transform: translateY(0) translateZ(0);
  -webkit-transition: color .2s, opacity .38s .47s cubic-bezier(.35, 0, .25, 1), -webkit-transform .38s .47s cubic-bezier(.35, 0, .25, 1);
  transition: color .2s, opacity .38s .47s cubic-bezier(.35, 0, .25, 1), -webkit-transform .38s .47s cubic-bezier(.35, 0, .25, 1);
  transition: color .2s, opacity .38s .47s cubic-bezier(.35, 0, .25, 1), transform .38s .47s cubic-bezier(.35, 0, .25, 1);
  transition: color .2s, opacity .38s .47s cubic-bezier(.35, 0, .25, 1), transform .38s .47s cubic-bezier(.35, 0, .25, 1), -webkit-transform .38s .47s cubic-bezier(.35, 0, .25, 1);
  }

@media only screen and (max-width: 45em) {

  .locationLinks {
    position: absolute;
    top: 0;
    top: 350px;
    right: 0;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin: -45px 20px 3.75em 0;
    opacity: 1;
    -webkit-transition: none;
    transition: none;
    }

  .js-location-is-active .locationLinks {
    -webkit-transform: translateY(100%) translateZ(0);
    transform: translateY(100%) translateZ(0);
    -webkit-transition: none;
    transition: none;
    }

  }

.locationLink {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 90px;
  height: 90px;
  padding: 0 10px;
  margin: 0 0 0 1px;
  color: #cfd8dc;
  background: #263238;
  text-align: center;
  text-decoration: none;
  line-height: 1.25;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }

.locationLink:visited {
  color: #cfd8dc;
  }

.locationLink:hover,
.locationLink:active {
  color: #e9edef;
  }

.locationLink:before {
  position: absolute;
  top: 0;
  right: 100%;
  content: '';
  display: block;
  width: 1px;
  height: 100%;
  background: #455a64;
  }

.locationLink:first-child:before {
  display: none;
  }

@media only screen and (max-width: 45em) {

  .locationLink {
    width: 65px;
    height: 65px;
    font-size: 10px;
    font-size: .62rem;
    }

  }

.locationMap {
  position: absolute;
  top: 0;
  right: 0;
  left: 650px;
  height: 100%;
  border-left: 1px solid #607d8b;
  background-position: 50% 50%;
  background-size: cover;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: .38s cubic-bezier(.35, 0, .25, 1);
  transition: .38s cubic-bezier(.35, 0, .25, 1);
  }

.js-location-is-active .locationMap {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: .38s .29s cubic-bezier(.35, 0, .25, 1);
  transition: .38s .29s cubic-bezier(.35, 0, .25, 1);
  }

@media only screen and (max-width: 45em) {

  .locationMap {
    position: relative;
    z-index: 50;
    left: 0;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 350px;
    margin: 0;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: none;
    transition: none;
    }

  .js-location-is-active .locationMap {
    -webkit-transition: none;
    transition: none;
    }

  }

.locationStores {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  font-size: 14px;
  font-size: .88rem;
  line-height: 1.5;
  opacity: 0;
  -webkit-transform: translateY(-15px);
  transform: translateY(-15px);
  -webkit-transition: .38s cubic-bezier(.35, 0, .25, 1);
  transition: .38s cubic-bezier(.35, 0, .25, 1);
  }

.js-location-is-active .locationStores {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: .38s .38s cubic-bezier(.35, 0, .25, 1);
  transition: .38s .38s cubic-bezier(.35, 0, .25, 1);
  }

@media only screen and (max-width: 45em) {

  .locationStores {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 40px 0 0;
    font-size: 16px;
    font-size: 1rem;
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: 0;
    transition: 0;
    }

  }

.locationStore {
  position: relative;
  display: block;
  margin: 15px 0 0;
  color: #757575;
  text-decoration: none;
  }

.locationStore:visited {
  color: #757575;
  }

.locationStore:hover,
.locationStore:active {
  color: #212121;
  }

.locationStore:before {
  position: absolute;
  top: 50%;
  right: 40px;
  content: '';
  display: block;
  width: 3px;
  height: 3px;
  border-width: 1px 1px 0 0;
  border-style: solid;
  border-color: currentColor;
  margin: -1.5px 0 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  }

@media only screen and (max-width: 45em) {

  .locationStore:before {
    right: 50%;
    width: 5px;
    height: 5px;
    }

  }

.locations {
  position: absolute;
  z-index: 3;
  top: 1.2em;
  left: 0;
  width: 160px;
  padding: 0;
  margin: 35px 0 0;
  font-weight: bold;
  font-size: 14px;
  font-size: .88rem;
  list-style: none;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateY(-20px);
  transform: translateY(-20px);
  -webkit-transition: opacity .38s cubic-bezier(.35, 0, .25, 1), visibility .38s step-end, -webkit-transform .38s cubic-bezier(.35, 0, .25, 1);
  transition: opacity .38s cubic-bezier(.35, 0, .25, 1), visibility .38s step-end, -webkit-transform .38s cubic-bezier(.35, 0, .25, 1);
  transition: opacity .38s cubic-bezier(.35, 0, .25, 1), transform .38s cubic-bezier(.35, 0, .25, 1), visibility .38s step-end;
  transition: opacity .38s cubic-bezier(.35, 0, .25, 1), transform .38s cubic-bezier(.35, 0, .25, 1), visibility .38s step-end, -webkit-transform .38s cubic-bezier(.35, 0, .25, 1);
  }

.locations > .locationItem {
  margin: 1em 0;
  }

.js-headerInfo-is-active .locations {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: opacity .38s .38s cubic-bezier(.35, 0, .25, 1), visibility .38s .38s step-start, -webkit-transform .38s .38s cubic-bezier(.35, 0, .25, 1);
  transition: opacity .38s .38s cubic-bezier(.35, 0, .25, 1), visibility .38s .38s step-start, -webkit-transform .38s .38s cubic-bezier(.35, 0, .25, 1);
  transition: opacity .38s .38s cubic-bezier(.35, 0, .25, 1), transform .38s .38s cubic-bezier(.35, 0, .25, 1), visibility .38s .38s step-start;
  transition: opacity .38s .38s cubic-bezier(.35, 0, .25, 1), transform .38s .38s cubic-bezier(.35, 0, .25, 1), visibility .38s .38s step-start, -webkit-transform .38s .38s cubic-bezier(.35, 0, .25, 1);
  }

@media only screen and (max-width: 45em) {

  .locations {
    display: none;
    }

  }

@media only screen and (max-width: 45em) {

  .locationItem {
    position: relative;
    }

  }

.locationOption {
  text-decoration: none;
  }

@media only screen and (max-width: 45em) {

  .locationOption:before {
    position: absolute;
    top: -10px;
    right: 0;
    bottom: -10px;
    left: -20px;
    content: '';
    display: block;
    }

  }

.login {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: -100vh;
  left: 0;
  overflow: hidden;
  color: #212121;
  visibility: hidden;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: visibility .5s step-end, -webkit-transform .5s cubic-bezier(.35, 0, .25, 1);
  transition: visibility .5s step-end, -webkit-transform .5s cubic-bezier(.35, 0, .25, 1);
  transition: transform .5s cubic-bezier(.35, 0, .25, 1), visibility .5s step-end;
  transition: transform .5s cubic-bezier(.35, 0, .25, 1), visibility .5s step-end, -webkit-transform .5s cubic-bezier(.35, 0, .25, 1);
  }

@media only screen and (max-width: 45em) {

  .login {
    z-index: 4;
    bottom: -10100%;
    }

  }

.js-login-is-active {
  visibility: visible;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: visibility .5s step-start, -webkit-transform .5s cubic-bezier(.35, 0, .25, 1);
  transition: visibility .5s step-start, -webkit-transform .5s cubic-bezier(.35, 0, .25, 1);
  transition: transform .5s cubic-bezier(.35, 0, .25, 1), visibility .5s step-start;
  transition: transform .5s cubic-bezier(.35, 0, .25, 1), visibility .5s step-start, -webkit-transform .5s cubic-bezier(.35, 0, .25, 1);
  }

.loginContentHolder {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  overflow: hidden;
  height: 200%;
  }

@media only screen and (max-width: 45em) {

  .loginContentHolder {
    height: 100%;
    }

  }

.loginContent {
  position: absolute;
  top: 0;
  right: 0;
  left: 362px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 50%;
  background-color: #fff;
  background-position: -1000px -1000px;
  background-size: 0 0;
  background-repeat: no-repeat;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: -webkit-transform .5s cubic-bezier(.35, 0, .25, 1);
  transition: -webkit-transform .5s cubic-bezier(.35, 0, .25, 1);
  transition: transform .5s cubic-bezier(.35, 0, .25, 1);
  transition: transform .5s cubic-bezier(.35, 0, .25, 1), -webkit-transform .5s cubic-bezier(.35, 0, .25, 1);
  }

.loginContent:before {
  position: absolute;
  top: 135px;
  bottom: 0;
  left: -362px;
  content: '';
  display: block;
  width: 362px;
  background-position: 0 0;
  background-size: cover;
  opacity: 0;
  -webkit-transition: opacity .5s .25s;
  transition: opacity .5s .25s;
  }

.js-login-is-active .loginContent {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  }

.js-login-is-active .loginContent:before {
  opacity: 1;
  }

@media only screen and (max-width: 61.25em) {

  .loginContent {
    left: 0;
    width: 100%;
    padding: 0;
    }

  .loginContent:before {
    display: none;
    }

  }

@media only screen and (max-width: 45em) {

  .loginContent {
    height: 100%;
    }

  }

.loginClose {
  position: absolute;
  z-index: 1;
  top: 34px;
  right: 50px;
  display: block;
  width: 40px;
  height: 0;
  padding: 40px 0 0;
  border-radius: 50%;
  color: #607d8b;
  background: currentColor;
  text-indent: -10000px;
  opacity: 0;
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
  -webkit-transition: color .2s, opacity .5s .25s, -webkit-transform .5s .25s;
  transition: color .2s, opacity .5s .25s, -webkit-transform .5s .25s;
  transition: color .2s, opacity .5s .25s, transform .5s .25s;
  transition: color .2s, opacity .5s .25s, transform .5s .25s, -webkit-transform .5s .25s;
  }

.loginClose:visited {
  color: #607d8b;
  }

.loginClose:hover,
.loginClose:active {
  color: #212121;
  }

.loginClose:before {
  position: absolute;
  top: 50%;
  left: 50%;
  content: '';
  display: block;
  width: 13px;
  height: 13px;
  margin: -6.5px 0 0 -6.5px;
  background: linear-gradient(45deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 8px, #fff 8px, #fff 10px, rgba(255, 255, 255, 0) 10px, rgba(255, 255, 255, 0)), linear-gradient(-45deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 8px, #fff 8px, #fff 10px, rgba(255, 255, 255, 0) 10px, rgba(255, 255, 255, 0));
  }

.loginClose:after {
  position: absolute;
  top: -100%;
  right: -100%;
  bottom: -100%;
  left: -100%;
  content: '';
  display: block;
  }

.js-login-is-active .loginClose {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  }

@media only screen and (max-width: 45em) {

  .loginClose {
    top: 17px;
    right: 20px;
    width: 30px;
    padding: 30px 0 0;
    }

  .loginClose:after {
    top: -70%;
    right: -70%;
    bottom: -70%;
    left: -70%;
    }

  }

.loginSVG {
  position: absolute;
  z-index: 1;
  top: 67.5px;
  left: 55px;
  width: 35px;
  height: 33px;
  margin: -16.5px 0 0 -17.5px;
  opacity: 0;
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
  -webkit-transition: .5s .25s;
  transition: .5s .25s;
  stroke: #90a4ae;
  stroke-width: 2;
  fill: none;
  }

.js-login-is-active .loginSVG {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  }

@media only screen and (max-width: 45em) {

  .loginSVG {
    top: 20px;
    left: 20px;
    width: 26px;
    height: 24px;
    margin: 0;
    }

  }

.forgotPassword {
  display: block;
  padding: 10px 0 10px 20px;
  margin: -15px 0 0 auto;
  color: #90a4ae;
  font-size: 14px;
  font-size: .88rem;
  text-decoration: none;
  line-height: 1.25;
  }

.forgotPassword:visited,
.forgotPassword:hover,
.forgotPassword:active {
  color: #90a4ae;
  }

.loginForm,
.registrationForm,
.confirmForm,
.restoreForm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  overflow: hidden;
  height: 100%;
  }

.loginForm h2,
.registrationForm h2,
.confirmForm h2,
.restoreForm h2 {
  width: 100%;
  margin: 0 0 -35px;
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 135px;
  white-space: nowrap;
  }

.loginForm h3,
.registrationForm h3,
.confirmForm h3,
.restoreForm h3 {
  width: 100%;
  margin: 50px 0 25px;
  font-size: 18px;
  font-size: 1.12rem;
  line-height: 1.25;
  }

@media only screen and (max-width: 45em) {

  .loginForm:after,
  .registrationForm:after,
  .confirmForm:after,
  .restoreForm:after {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    display: block;
    width: 100%;
    height: 65px;
    background: #fff;
    -webkit-box-shadow: 0 5px 10px 0 rgba(69, 90, 100, .1);
    box-shadow: 0 5px 10px 0 rgba(69, 90, 100, .1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    }

  .loginForm h2,
  .registrationForm h2,
  .confirmForm h2,
  .restoreForm h2 {
    position: absolute;
    z-index: 1;
    top: 25px;
    left: 60px;
    margin: 0;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    }

  .loginForm h3,
  .registrationForm h3,
  .confirmForm h3,
  .restoreForm h3 {
    font-size: 16px;
    font-size: 1rem;
    }

  }

.loginForm {
  width: 510px;
  padding: 0 110px 50px;
  opacity: 0;
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
  -webkit-transition: .5s .25s;
  transition: .5s .25s;
  }

.js-login-is-active .loginForm {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  }

@media only screen and (max-width: 61.25em) {

  .loginForm {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 50px 145px 0;
    }

  }

@media only screen and (max-width: 45em) {

  .loginForm {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 60px 20px 20px;
    }

  }

.loginFormContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  overflow-y: auto;
  overflow-y: overlay;
  width: 100%;
  padding: 0 20px;
  margin: 0 0 0 -20px;
  }

.registrationForm,
.confirmForm,
.restoreForm {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding: 0 12.5% 50px 110px;
  padding: 0 calc(100% - 620px) 0 110px;
  background: #fff;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
  -webkit-transition: opacity .2s, visibility .2s step-end, -webkit-transform .2s;
  transition: opacity .2s, visibility .2s step-end, -webkit-transform .2s;
  transition: transform .2s, opacity .2s, visibility .2s step-end;
  transition: transform .2s, opacity .2s, visibility .2s step-end, -webkit-transform .2s;
  }

.js-registrationForm-is-active,
.js-confirmForm-is-active,
.js-restoreForm-is-active {
  visibility: visible;
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  -webkit-transition: opacity .2s, visibility .2s step-start, -webkit-transform .2s;
  transition: opacity .2s, visibility .2s step-start, -webkit-transform .2s;
  transition: transform .2s, opacity .2s, visibility .2s step-start;
  transition: transform .2s, opacity .2s, visibility .2s step-start, -webkit-transform .2s;
  }

.registrationForm .loginFormContent,
.confirmForm .loginFormContent,
.restoreForm .loginFormContent {
  -ms-flex-negative: 1;
  flex-shrink: 1;
  height: 100%;
  margin: 30px -12.5% 0 -20px;
  margin: 30px calc(620px - 100%) 0 -20px;
  }

@media only screen and (max-width: 61.25em) {

  .registrationForm,
  .confirmForm,
  .restoreForm {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 50px 145px 0;
    }

  }

@media only screen and (max-width: 45em) {

  .registrationForm,
  .confirmForm,
  .restoreForm {
    padding: 60px 20px 20px;
    }

  }

.registrationForm {
  z-index: 1;
  }

.confirmForm {
  z-index: 2;
  }

.restoreForm {
  z-index: 1;
  }

.loginFormNote {
  margin: 40px 0 0;
  color: #757575;
  font-size: 18px;
  font-size: 1.12rem;
  }

.confirmForm .loginFormNote {
  margin: 40px 0;
  }

@media only screen and (max-width: 45em) {

  .loginFormNote {
    font-size: 14px;
    font-size: .88rem;
    }

  }

.loginOptions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  margin: 15px 0 0;
  }

.loginSocial,
.registerSocial {
  position: relative;
  display: block;
  overflow: hidden;
  width: 155px;
  height: 0;
  padding: 60px 0 0;
  background: currentColor;
  }

.loginSocial:before,
.registerSocial:before {
  position: absolute;
  top: 50%;
  left: 50%;
  content: '';
  display: block;
  width: 30px;
  height: 30px;
  margin: -15px 0 0 -15px;
  background: #fff;
  }

.loginSocial-FB,
.registerSocial-FB {
  color: #3b5998;
  }

.loginSocial-FB:visited,
.registerSocial-FB:visited,
.loginSocial-FB:hover,
.registerSocial-FB:hover,
.loginSocial-FB:active,
.registerSocial-FB:active {
  color: #3b5998;
  }

.loginSocial-VK,
.registerSocial-VK {
  color: #507299;
  }

.loginSocial-VK:visited,
.registerSocial-VK:visited,
.loginSocial-VK:hover,
.registerSocial-VK:hover,
.loginSocial-VK:active,
.registerSocial-VK:active {
  color: #507299;
  }

.loginSocial-OK,
.registerSocial-OK {
  color: #ee8208;
  }

.loginSocial-OK:visited,
.registerSocial-OK:visited,
.loginSocial-OK:hover,
.registerSocial-OK:hover,
.loginSocial-OK:active,
.registerSocial-OK:active {
  color: #ee8208;
  }

@media only screen and (max-width: 45em) {

  .loginSocial,
  .registerSocial {
    width: 100%;
    padding: 50px 0 0;
    margin: 20px 0 0;
    }

  }

.loginSocialSVG,
.registerSocialSVG {
  position: absolute;
  top: 5%;
  left: 0;
  display: block;
  width: 100%;
  height: 90%;
  fill: currentColor;
  }

.loginSwitch,
.registerSwitch {
  display: block;
  width: 100%;
  padding: 25px 0;
  border-top: 2px solid #cfd8dc;
  margin: 40px 0 0;
  color: #607d8b;
  font-size: 12px;
  font-size: .75rem;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 1;
  }

.loginSwitch:visited,
.registerSwitch:visited,
.loginSwitch:hover,
.registerSwitch:hover,
.loginSwitch:active,
.registerSwitch:active {
  color: #607d8b;
  }

.menu {
  position: absolute;
  z-index: 0;
  top: 75px !important;
  right: 0;
  bottom: -100vh;
  left: 0;
  overflow: hidden;
  visibility: hidden;
  -webkit-transform: translateY(-100%) translateY(-135px);
  transform: translateY(-100%) translateY(-135px);
  -webkit-transition: visibility .5s step-end, -webkit-transform .5s cubic-bezier(.35, 0, .25, 1);
  transition: visibility .5s step-end, -webkit-transform .5s cubic-bezier(.35, 0, .25, 1);
  transition: transform .5s cubic-bezier(.35, 0, .25, 1), visibility .5s step-end;
  transition: transform .5s cubic-bezier(.35, 0, .25, 1), visibility .5s step-end, -webkit-transform .5s cubic-bezier(.35, 0, .25, 1);
  }

@media only screen and (max-width: 61.25em) {

  .menu {
    top: 25px !important;
    }

  }

@media only screen and (max-width: 45em) {

  .menu {
    position: fixed;
    z-index: 3;
    top: 0;
    height: 100%;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    }

  }

.menuNav,
.menuContent .cards {
  opacity: 0;
  -webkit-transition: .5s .25s;
  transition: .5s .25s;
  }

.js-menu-is-active {
  visibility: visible;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: visibility .5s step-start, -webkit-transform .5s cubic-bezier(.35, 0, .25, 1);
  transition: visibility .5s step-start, -webkit-transform .5s cubic-bezier(.35, 0, .25, 1);
  transition: transform .5s cubic-bezier(.35, 0, .25, 1), visibility .5s step-start;
  transition: transform .5s cubic-bezier(.35, 0, .25, 1), visibility .5s step-start, -webkit-transform .5s cubic-bezier(.35, 0, .25, 1);
  }

.js-menu-is-active .menuNav,
.js-menu-is-active .menuContent .cards,
.menuContent .js-menu-is-active .cards {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  }

@media only screen and (max-width: 45em) {

  .js-menu-is-active {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    }

  }

.menuContentHolder {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  overflow: hidden;
  height: 200%;
  background: #fff;
  }

.menuContent {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  overflow-y: auto;
  height: 50%;
  padding: 0 0 0 362px;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: -webkit-transform .5s cubic-bezier(.35, 0, .25, 1);
  transition: -webkit-transform .5s cubic-bezier(.35, 0, .25, 1);
  transition: transform .5s cubic-bezier(.35, 0, .25, 1);
  transition: transform .5s cubic-bezier(.35, 0, .25, 1), -webkit-transform .5s cubic-bezier(.35, 0, .25, 1);
  }

.menuContent:before,
.menuContent:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  content: '';
  display: block;
  margin: auto;
  }

.menuContent:before {
  z-index: 2;
  width: 362px;
  background-color: currentColor;
  opacity: 0;
  -webkit-transition: opacity .5s .25s;
  transition: opacity .5s .25s;
  }

.menuContent:after {
  z-index: -2;
  right: 0;
  background: #fff;
  }

.js-menu-is-active .menuContent {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  }

.js-menu-is-active .menuContent:before {
  opacity: 1;
  }

@media only screen and (max-width: 61.25em) {

  .menuContent {
    padding: 0;
    }

  .menuContent:before {
    display: none;
    }

  }

@media only screen and (max-width: 45em) {

  .menuContent {
    padding: 85px 0 0;
    }

  }

.menuFooter {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
  padding: 30px 0;
  border-top: 2px solid #cfd8dc;
  margin: 0 45px;
  }

.menuFooter:before,
.menuFooter:after {
  position: absolute;
  bottom: 0;
  content: '';
  display: block;
  height: 500%;
  }

.menuFooter:before {
  left: -407px;
  width: 362px;
  background: inherit;
  opacity: 0;
  -webkit-transition: opacity .5s .25s;
  transition: opacity .5s .25s;
  }

.menuFooter:after {
  z-index: -1;
  right: -45px;
  left: -45px;
  background: #fff;
  }

.js-menu-is-active .menuFooter:before {
  opacity: 1;
  }

@media only screen and (max-width: 61.25em) {

  .menuFooter {
    background: #fff;
    }

  .menuFooter:before {
    z-index: -1;
    top: -500%;
    right: -20px;
    left: -20px;
    width: auto;
    height: auto;
    background: #fff;
    }

  .menuFooter:after {
    z-index: 1;
    top: 0;
    right: 0;
    left: 0;
    height: 2px;
    background: #cfd8dc;
    }

  }

@media only screen and (max-width: 45em) {

  .menuFooter {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 30px 0 110px;
    margin: 0 20px;
    background: none !important;
    }

  }

.menuFooterLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 50px 0 0;
  color: #607d8b;
  font-size: 14px;
  font-size: .88rem;
  text-decoration: none;
  }

.menuFooterLink:visited,
.menuFooterLink:hover,
.menuFooterLink:active {
  color: #607d8b;
  }

@media only screen and (max-width: 45em) {

  .menuFooterLink {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 50%;
    margin: 0;
    }

  }

.menuFooterLinkSVG {
  display: block;
  margin: 0 15px 0 0;
  stroke: currentColor;
  stroke-width: 2;
  fill: none;
  }

.menuFooterLinkSVG-phone {
  width: 23px;
  height: 23px;
  }

.menuFooterLinkSVG-route {
  width: 31px;
  height: 29px;
  }

@media only screen and (max-width: 45em) {

  .menuFooterLinkSVG {
    width: 30px;
    height: 30px;
    margin: 0 0 15px;
    }

  .menuFooterLinkSVG-phone {
    stroke-width: 1.5;
    }

  }

.menuNav {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 40px 100px 0;
  font-weight: bold;
  font-size: 11px;
  font-size: .69rem;
  text-transform: uppercase;
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
  }

@media only screen and (max-width: 61.25em) {

  .menuNav {
    padding: 30px 20px 0;
    }

  }

@media only screen and (max-width: 45em) {

  .menuNav {
    -ms-flex-pack: distribute;
    justify-content: space-around;
    padding: 20px 20px;
    font-size: 10px;
    font-size: .62rem;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    }

  }

@supports (grid-template-rows: auto) {
  .menuNav {
    display: grid;

    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
    grid-column-gap: 5px;
    }

  @media only screen and (max-width: 45em) {

    .menuNav {
      grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
      }

    }

  }

.menuNavLink {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
  width: 120px;
  height: 125px;
  padding: 0 10px;
  color: #607d8b;
  text-align: center;
  text-decoration: none;
  }

.menuNavLink:visited,
.menuNavLink:hover,
.menuNavLink:active {
  color: #607d8b;
  }

.menuNavLink:before {
  position: absolute;
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  }

.menuNavLink-login-is-disabled {
  display: none;
  }

.menuNavLink-logout-is-disabled {
  display: none;
  }

@media only screen and (max-width: 45em) {

  .menuNavLink {
    width: 90px;
    height: 80px;
    }

  .menuNavLink:before {
    top: 0;
    left: 0;
    }

  }

@supports (grid-template-rows: auto) {
  .menuNavLink {
    width: auto;
    }

  }

.menuNavSVG {
  display: block;
  height: 40px;
  max-width: 100%;
  margin: 0 auto 5px;
  stroke: currentColor;
  stroke-width: 2;
  fill: none;
  }

.menuNavLink:hover .menuNavSVG,
.menuNavLink:active .menuNavSVG,
.menuNavLink:focus .menuNavSVG,
.menuNavLink-is-active .menuNavSVG {
  stroke: #212121;
  }

.menuNavSVG-gp {
  stroke: #7a9548;
  }

.menuNavSVG-aquapark {
  width: 40px;
  stroke-width: 0;
  fill: #607d8b;
  }

.headerQuickNavLink:hover .menuNavSVG-aquapark,
.headerQuickNavLink:active .menuNavSVG-aquapark,
.headerQuickNavLink:focus .menuNavSVG-aquapark,
.headerQuickNavLink-is-active .menuNavSVG-aquapark {
  fill: #212121;
  }

.menuNavSVG-blackFriday {
  width: 40px;
  stroke: inherit;
  stroke-width: 0;
  fill: inherit;
  }

.headerQuickNavLink:hover .menuNavSVG-blackFriday,
.headerQuickNavLink:active .menuNavSVG-blackFriday,
.headerQuickNavLink:focus .menuNavSVG-blackFriday,
.headerQuickNavLink-is-active .menuNavSVG-blackFriday {
  -webkit-filter: invert(100%);
  filter: invert(100%);
  fill: inherit;
  }

@media only screen and (max-width: 45em) {

  .menuNavSVG {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    }

  }

.menuNavSVG-HowToGet {
  height: 100%;
  max-width: 30px;
  max-height: 40px;
  }

.page {
  position: relative;
  }

.page-is-stuck {
  overflow: hidden;
  }

@media only screen and (max-width: 45em) {

  .page {
    padding: 65px 0 0;
    }

  }

.pageBrand {
  position: relative;
  z-index: 2;
  top: -.5em;
  margin: -20px 0 -1em .15em;
  color: #90a4ae;
  font-size: 14px;
  font-size: .88rem;
  text-decoration: none;
  line-height: 1;
  }

.pageBrand:visited {
  color: #90a4ae;
  }

.pageBrand:hover,
.pageBrand:active {
  color: #263238;
  }

@media only screen and (max-width: 45em) {

  .pageBrand {
    top: -1em;
    margin: 20px 0 0;
    color: #90a4ae;
    }

  }

.pageCard {
  position: relative;
  display: block;
  height: 65px;
  max-width: 180px;
  padding: 0 35px;
  margin: 50px 0 0;
  color: #cfd8dc;
  background: #263238;
  font-size: 14px;
  font-size: .88rem;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 65px;
  }

.pageCard:hover {
  color: #e9edef;
  }

@media only screen and (max-width: 45em) {

  .pageCard {
    left: 0;
    height: 50px;
    margin: 25px 0 0;
    font-size: 12px;
    font-size: .75rem;
    line-height: 50px;
    }

  }

.pageCategory {
  position: relative;
  z-index: 2;
  top: -1em;
  margin: -20px 0 -1em .15em;
  color: #90a4ae;
  font-size: 14px;
  font-size: .88rem;
  line-height: 1;
  }

@media only screen and (max-width: 45em) {

  .pageCategory {
    top: -1em;
    margin: -10px 0 -1em 75px;
    color: #90a4ae;
    }

  }

.pageContacts {
  margin: 20px 0;
  }

@media only screen and (max-width: 45em) {

  .pageContacts {
    margin: 0;
    }

  }

.pageContactTitle {
  margin: 0 0 5px;
  font-size: 12px;
  font-size: .75rem;
  text-transform: uppercase;
  }

.pageContactData {
  padding: 0;
  margin: 0 0 15px;
  color: #757575;
  font-style: normal;
  font-size: 14px;
  font-size: .88rem;
  }

.pageContactPhone {
  color: currentColor;
  text-decoration: none;
  }

.pageContactPhone:visited,
.pageContactPhone:hover,
.pageContactPhone:active {
  color: currentColor;
  }

.pageContactEmail {
  display: block;
  color: currentColor;
  text-decoration: none;
  }

.pageContactEmail:visited,
.pageContactEmail:hover,
.pageContactEmail:active {
  color: currentColor;
  }

.pageDate {
  position: relative;
  left: -10px;
  display: block;
  padding: 10px 10px;
  color: #757575;
  background: #fff;
  }

@media only screen and (max-width: 45em) {

  .pageDate {
    margin: -10px 0 0;
    font-size: 14px;
    }

  }

.pageDesc {
  width: 60%;
  color: #90a4ae;
  font-size: 14px;
  font-size: .88rem;
  line-height: 1.5;
  }

@media only screen and (max-width: 45em) {

  .pageDesc {
    position: absolute;
    top: -3.75em;
    width: 100%;
    margin: -300px 0 0;
    font-size: 16px;
    font-size: 1rem;
    }

  }

.pageFloor {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  margin: 30px 0 0;
  font-weight: bold;
  text-transform: uppercase;
  }

@media only screen and (max-width: 45em) {

  .pageFloor {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    margin: 10px 0 0;
    }

  }

.pageFloorNumber {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1;
  }

.pageHeader {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  padding: 15px 14.3% 0;
  margin: 0 0 25px;
  }

.pageHeader_with-map {
  overflow: hidden;
  }

@media only screen and (max-width: 45em) {

  .pageHeader + .pageSection {
    margin-top: 10px;
    }

  }

.pageHeader:before {
  position: relative;
  content: '';
  display: block;
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
  width: 100%;
  }

.pageHeader + .article {
  margin-top: 0;
  }

@media only screen and (max-width: 45em) {

  .pageHeader + .article {
    margin-top: 30px;
    }

  }

.pageHeader + .article .teaser {
  margin-top: 2rem;
  }

.pageHeader h1 {
  position: relative;
  z-index: 2;
  width: 100%;
  margin: 0 0 30px;
  white-space: nowrap;
  }

.pageHeader h1 .highlight {
  max-width: 340px;
  vertical-align: top;
  white-space: normal;
  }

.pageHeader h1 .highlight-static {
  max-width: 70%;
  }

.pageHeader h1 .highlight:before,
.pageHeader h1 .highlight:after {
  font-size: 42px;
  font-size: 2.62rem;
  }

.pageHeader h1 .highlight:before {
  z-index: -1;
  left: -10px;
  -webkit-box-ordinal-group: 11;
  -ms-flex-order: 10;
  order: 10;
  -webkit-filter: drop-shadow(0 -8px 0 #fff) drop-shadow(0 8px 0 #fff) drop-shadow(20px 0 0 #fff);
  filter: drop-shadow(0 -8px 0 #fff) drop-shadow(0 8px 0 #fff) drop-shadow(20px 0 0 #fff);
  }

.pageHeader h1 .highlight:after {
  left: 0;
  }

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {

  .pageHeader h1 .highlight:before {
    left: 0;
    border-top: 8px solid #fff;
    border-bottom: none;
    outline: 10px solid #fff;
    }

  }

@media only screen and (max-width: 61.25em) {

  .pageHeader h1 .highlight:before,
  .pageHeader h1 .highlight:after {
    font-size: 38px;
    font-size: 2.38rem;
    }

  }

.pageHeader h1:after {
  position: relative;
  top: .25em;
  content: attr(data-note);
  display: block;
  font-weight: normal;
  font-size: 12px;
  font-size: .75rem;
  line-height: 1;
  vertical-align: top;
  }

.pageHeader-has-hero {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 570px;
  height: calc(100vh - 135px);
  padding: 105px 14.3% 0;
  }

.pageHeader-has-hero h1 {
  position: absolute;
  bottom: 160px;
  left: 14.3%;
  width: auto;
  margin: 0;
  }

@media only screen and (max-width: 61.25em) {

  .pageHeader-has-hero h1 {
    bottom: 50px;
    left: 20px;
    }

  }

@media only screen and (max-width: 45em) {

  .pageHeader-has-hero h1 {
    position: relative;
    bottom: auto;
    left: auto;
    }

  }

.pageHeader.marketplace h1 .highlight {
  max-width: none;
  }

.pageHeader .heroText .highlight {
  left: -20px;
  max-width: 300px;
  }

@media only screen and (max-width: 45em) {

  .pageHeader .heroText .highlight {
    left: 0;
    margin-top: 10px;
    }

  }

.pageHeader .tagFilterToggle .highlight {
  max-width: none;
  }

.pageHeader .pageService + .highlight {
  top: 12.5px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  white-space: nowrap;
  }

.pageHeader .pageService + .highlight:before {
  background: none;
  }

.pageHeader .pageStoreLogo + .highlight {
  top: 12.5px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  white-space: nowrap;
  }

@media only screen and (max-width: 81.25em) {

  .pageHeader {
    padding: 15px 6.3% 0;
    }

  }

@media only screen and (max-width: 61.25em) {

  .pageHeader {
    padding: 35px 80px 35px 20px;
    }

  .pageHeader:before,
  .pageHeader:after {
    font-size: 38px;
    font-size: 2.38rem;
    }

  .pageHeader .pageService + .highlight:before {
    display: none;
    }

  .pageHeader .pageStoreLogo + .highlight:before {
    display: none;
    }

  .pageHeader-has-hero {
    height: calc(100vh - 85px);
    padding: 80px 20px 130px;
    }

  }

@media only screen and (max-width: 45em) {

  .pageHeader {
    height: auto;
    padding: 15px 20px 0;
    margin: 0;
    }

  .pageHeader:before {
    -webkit-box-ordinal-group: -1;
    -ms-flex-order: -2;
    order: -2;
    }

  .pageHeader h1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 95%;
    margin: 0 5% 10px 0;
    white-space: normal;
    }

  .pageHeader h1:after {
    display: none;
    }

  .pageHeader h1 .highlight {
    left: -5px;
    }

  .pageHeader h1 .highlight:before,
  .pageHeader h1 .highlight:after {
    font-size: 26px;
    font-size: 1.62rem;
    }

  .pageHeader h1 .highlight:before {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    -webkit-box-shadow: -5px -.15em 0 0 #fff, -5px .15em 0 0 #fff, 5px -.15em 0 0 #fff, 5px .15em 0 0 #fff;
    box-shadow: -5px -.15em 0 0 #fff, -5px .15em 0 0 #fff, 5px -.15em 0 0 #fff, 5px .15em 0 0 #fff;
    }

  .pageHeader-has-hero {
    height: auto;
    }

  .pageHeader-has-hero h1 .highlight {
    left: auto;
    }

  .pageHeader-has-hero h1 .highlight:before,
  .pageHeader-has-hero h1 .highlight:after {
    font-size: 18px;
    font-size: 1.12rem;
    }

  .pageHeader .pageService + .highlight,
  .pageHeader .pageStoreLogo + .highlight {
    top: 0;
    white-space: normal;
    }

  .pageHeader .pageService + .highlight:before,
  .pageHeader .pageStoreLogo + .highlight:before {
    display: inline;
    background: #fff;
    }

  }

@media only screen and (max-width: 45em) {

  .pageHeader-has-hero {
    height: auto;
    }

  .pageHeader-has-hero h1 .highlight {
    left: 5px;
    }

  .pageHeader-has-hero h1 .highlight:before,
  .pageHeader-has-hero h1 .highlight:after {
    font-size: 18px;
    font-size: 1.12rem;
    }

  }

@media only screen and (max-width: 45em) {

  .pageHeader-card h1 {
    margin-top: auto;
    }

  }

.global-html h1,
.global-html .uk-h1 {
  font-size: 2.62rem;
  }

.pageHero {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-box-ordinal-group: 11;
  -ms-flex-order: 10;
  order: 10;
  background-position: 50% 0;
  background-size: cover;
  }

@media only screen and (max-width: 45em) {

  .pageHero {
    position: relative;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin: 1em -20px 0;
    }

  .pageHero:before {
    position: relative;
    content: '';
    display: block;
    padding: 56.25% 0 0;
    }

  .pageHeader-card .pageHero {
    position: absolute;
    margin: 0;
    }

  .pageHeader-card .pageHero:before {
    display: none;
    }

  }

.pageHeroImage {
  display: none;
  }

.pageInfo {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 260px;
  min-height: 300px;
  margin: 1em 75% 0 0;
  }

@media only screen and (max-width: 45em) {

  .pageInfo {
    position: relative;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    width: 100%;
    min-height: 0;
    margin: 10px 0 0;
    }

  }

.pageInfoPhone {
  margin: 0 75% 0 0;
  }

@media only screen and (max-width: 45em) {

  .pageInfoPhone {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
    }

  }

.pageLogo {
  position: absolute;
  top: 15px;
  right: 14.3%;
  width: 155px;
  height: 155px;
  margin: 0 -10px 0 0;
  }

.pageHeader-has-hero .pageLogo {
  top: 110px;
  }

@media only screen and (max-width: 61.25em) {

  .pageLogo {
    top: 0;
    right: 0;
    width: 75px;
    height: 75px;
    margin: 0;
    }

  .pageHeader-has-hero .pageLogo {
    top: 0;
    }

  }

@media only screen and (max-width: 45em) {

  .pageLogo {
    position: relative;
    z-index: 1;
    top: 0;
    right: 0;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin: -55.56px auto -19.12px;
    }

  .pageHeader-has-hero .pageLogo {
    top: 0;
    }

  }

.columnHeader {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  }

@media only screen and (max-width: 61.25em) {

  .columnHeader {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    }

  }

@media only screen and (max-width: 45em) {

  .columnHeader {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    }

  }

@media only screen and (max-width: 45em) {

  .header-height {
    height: 350px;
    }

  }

.pageMap {
  position: absolute;
  top: 70px;
  right: 14.3%;
  bottom: 0;
  left: 14.3%;
  overflow: hidden;
  margin: 7em 0 0 260px;
  background-position: 50% 50%;
  background-size: cover;
  }

.pageMap:before {
  padding: 41.3% 0 0;
  }

.pageMap canvas {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  }

@media only screen and (max-width: 61.25em) {

  .pageMap {
    top: 100px;
    right: 20px;
    left: 20px;
    }

  }

@media only screen and (max-width: 45em) {

  .pageMap {
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    overflow: hidden;
    height: 300px;
    margin: 3em -20px 0;
    }

  .pageMap:before {
    position: relative;
    content: '';
    display: block;
    display: none;
    }

  }

.pageMeta {
  position: absolute;
  right: 14.3%;
  bottom: 0;
  left: 14.3%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 120px;
  margin: 0 -10px;
  color: #757575;
  background: #fff;
  font-size: 14px;
  font-size: .88rem;
  line-height: 1.5;
  }

.pageMeta a {
  text-decoration: none;
  }

.pageMeta .pageMetaMapLink {
  display: block;
  font-size: 12px;
  font-size: .75rem;
  text-decoration: underline;
  }

@media only screen and (max-width: 61.25em) {

  .pageMeta {
    right: 20px;
    left: 20px;
    height: 80px;
    }

  }

@media only screen and (max-width: 45em) {

  .pageMeta {
    position: relative;
    z-index: 2;
    right: 0;
    left: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    height: auto;
    margin: 0 -20px;
    color: #212121;
    background: none;
    }

  .pageMeta:before {
    position: relative;
    content: '';
    display: block;
    width: 100%;
    padding: 56.25% 0 0;
    margin: -56.25% 0 0;
    }

  .pageMeta .pageMetaMapLink {
    color: #757575;
    font-size: 16px;
    text-decoration: none;
    }

  }

.pageMetaOption {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  text-align: center;
  }

.pageMetaOption:before,
.pageMetaOption:after {
  position: absolute;
  top: 50%;
  content: '';
  display: block;
  width: 1px;
  height: 45px;
  margin: -22.5px 0 0;
  background: #e9edef;
  }

.pageMetaOption:before {
  left: 0;
  }

.pageMetaOption:after {
  right: 0;
  }

.pageMetaOption:first-child:before {
  display: none;
  }

.pageMetaOption:last-child:after {
  display: none;
  }

@media only screen and (max-width: 45em) {

  .pageMetaOption {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
    }

  .pageMetaOption:before,
  .pageMetaOption:after {
    display: none;
    }

  .pageMetaOption-type {
    display: none;
    }

  .pageMetaOption-date {
    position: absolute;
    top: -2.25em;
    left: 0;
    width: 100%;
    padding: 0 20px;
    margin: -55% 0 0;
    color: #757575;
    }

  .pageMetaOption-map {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    padding: 55px 0 0 20px;
    font-size: 16px;
    font-size: 1rem;
    }

  .pageMetaOption-calendar {
    width: 100%;
    padding: 15px 20px 0;
    color: #757575;
    font-size: 16px;
    font-size: 1rem;
    }

  .pageMetaOption-tags {
    position: relative;
    width: 100%;
    padding: 15px 20px 0 45px;
    color: #757575;
    font-size: 16px;
    font-size: 1rem;
    }

  .pageMetaOption-tags::before {
    position: absolute;
    top: 10px;
    left: 20px;
    content: '';
    display: block;
    width: 20px;
    height: 26px;
    margin: 0;
    background: url(/images/sale.svg) no-repeat;
    background-size: contain;
    }

  .pageMetaOption-is-empty {
    display: none;
    }

  }

.pageMetaMapLinkSVG {
  display: none;
  width: inherit;
  height: inherit;
  stroke: currentColor;
  stroke-width: 2.5;
  fill: none;
  }

@media only screen and (max-width: 45em) {

  .pageMetaMapLinkSVG {
    display: inline-block;
    width: 20px;
    height: 23px;
    color: #607d8b;
    vertical-align: text-bottom;
    }

  }

.pagePlastic {
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  width: 25%;
  height: auto;
  max-width: 670px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  }

@media only screen and (max-width: 45em) {

  .pagePlastic {
    position: relative;
    top: 0;
    left: 0;
    -webkit-box-ordinal-group: -1;
    -ms-flex-order: -2;
    order: -2;
    -ms-flex-item-align: end;
    align-self: flex-end;
    width: 65%;
    margin: 50px auto 30px;
    -webkit-transform: none;
    transform: none;
    }

  }

.pageSection {
  position: relative;
  margin-top: 0;
  }

.article ~ .pageSection {
  margin: 170px 14.3%;
  }

.article-wide ~ .pageSection {
  margin: 25px 14.3%;
  }

@media only screen and (max-width: 61.25em) {

  .article ~ .pageSection {
    margin: 100px 20px;
    }

  .article-wide ~ .pageSection {
    margin: 25px 20px;
    }

  }

@media only screen and (max-width: 45em) {

  .article ~ .pageSection {
    margin: 40px 20px;
    }

  }

@media only screen and (max-width: 45em) {

  .pageTitleDetail {
    display: none;
    }

  }

.pageService {
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 65px;
  height: 65px;
  margin: 0 .25em 0 0;
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: middle;
  stroke: #fff;
  stroke-width: 2;
  fill: none;
  }

.pageService-kids {
  background: #faa001;
  }

@media only screen and (max-width: 45em) {

  h1 .pageService {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    }

  }

.pageServiceSVG {
  position: absolute;
  top: 50%;
  left: 50%;
  }

.pageServiceSVG-kids {
  width: 49px;
  height: 54px;
  margin: -27px 0 0 -27px;
  }

.pageStoreLogo {
  position: relative;
  z-index: 1;
  display: inline-block;
  margin: 0 .25em 0 0;
  vertical-align: middle;
  }

.pageLogoWrapper .pageStoreLogo {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin: 0 1.5em 0 0;
  }

.pageTags {
  width: 100%;
  font-size: 14px;
  font-size: .88rem;
  line-height: 1.5;
  }

@media only screen and (max-width: 45em) {

  .pageTags {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    padding: 0 40% 0 0;
    margin: 0 0 15px;
    }

  }

.pageTag {
  text-decoration: none;
  }

.pageTerminalInfo {
  position: absolute;
  top: 70px;
  right: 14.3%;
  left: 14.4%;
  display: none;
  padding: 5px 10px;
  margin: 9.25em 0 0 257px;
  color: #757575;
  background: rgba(255, 255, 255, .85);
  font-size: 12px;
  font-size: .75rem;
  line-height: 1.75;
  }

.pageTerminalInfo-is-active {
  display: block;
  }

@media only screen and (max-width: 45em) {

  .pageTerminalInfo {
    position: relative;
    top: 0;
    right: 0;
    left: 0;
    height: 0;
    padding: 0;
    margin: 0;
    }

  }

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

.pageTerminalList > li {
  display: inline;
  margin: 0 .25em 0 0;
  }

.pageTerminalList > li:after {
  content: ',';
  display: inline;
  }

.pageTerminalList > li:last-child:after {
  display: none;
  }

@media only screen and (max-width: 45em) {

  .pageTerminalList {
    padding: 5px 10px;
    margin: 0 -20px;
    background: inherit;
    }

  }

.pageText {
  position: relative;
  width: 100%;
  margin: 0 200px 0 0;
  color: transparent;
  font-size: 18px;
  font-size: 1.12rem;
  line-height: 1.5;
  }

.pageText .highlight {
  left: -10px;
  display: inline-block;
  max-width: 330px;
  vertical-align: top;
  white-space: normal;
  }

.pageText .highlight:before,
.pageText .highlight:after {
  font-size: 18px;
  font-size: 1.12rem;
  }

.pageText .highlight:before {
  -webkit-filter: drop-shadow(0 -12px 0 #fff) drop-shadow(0 12px 0 #fff) drop-shadow(20px 0 0 #fff);
  filter: drop-shadow(0 -12px 0 #fff) drop-shadow(0 12px 0 #fff) drop-shadow(20px 0 0 #fff);
  }

.pageText .highlight:after {
  color: #757575;
  }

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {

  .pageText .highlight:before {
    left: 20px;
    border-top: 10px solid #fff;
    border-bottom: 10px solid #fff;
    outline: 10px solid #fff;
    }

  }

@media only screen and (max-width: 61.25em) {

  .pageText {
    margin: 0 150px -10px 0;
    }

  .pageText .highlight:before,
  .pageText .highlight:after {
    font-size: 14px;
    font-size: .88rem;
    }

  .pageText .highlight:before {
    -webkit-filter: drop-shadow(0 -8px 0 #fff) drop-shadow(0 8px 0 #fff) drop-shadow(10px 0 0 #fff);
    filter: drop-shadow(0 -8px 0 #fff) drop-shadow(0 8px 0 #fff) drop-shadow(10px 0 0 #fff);
    }

  }

@media only screen and (max-width: 45em) {

  .pageText {
    margin: 15px 0 0 -5px;
    }

  .pageText .highlight {
    left: 5px;
    max-width: none;
    }

  .pageText .highlight:before,
  .pageText .highlight:after {
    font-size: 11px;
    font-size: .69rem;
    }

  .pageText .highlight:before {
    -webkit-filter: drop-shadow(0 -5px 0 #fff) drop-shadow(0 5px 0 #fff) drop-shadow(10px 0 0 #fff);
    filter: drop-shadow(0 -5px 0 #fff) drop-shadow(0 5px 0 #fff) drop-shadow(10px 0 0 #fff);
    }

  }

.pageLogoWrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  margin: 0 0 30px;
  }

.pageLogoWrapper h1 {
  width: auto;
  margin: 0;
  }

.tenants-joblist__section {
  display: -ms-grid;
  display: grid;
  padding: 0 0 15px 0;
  margin: 0 14.3%;

  -ms-grid-columns: minmax(auto, 500px) minmax(200px, 100%);
  grid-template-columns: minmax(auto, 500px) minmax(200px, 100%);
  -ms-grid-rows: calc(100vh - 293px);
  grid-template-rows: calc(100vh - 293px);
  gap: 50px;
  }

.tenants-joblist__section .tenants-joblist__main-photo {
  width: 100%;
  border-radius: 8px;
  background-image: url('/images/tenants-joblist_main-photo.png');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  }

.tenants-joblist__section .tenants-joblist__content {
  overflow-x: hidden;
  overflow-y: auto;
  }

.tenants-joblist__section .tenants-joblist__content::-webkit-scrollbar {
  width: 0;
  }

.tenants-joblist__section .tenants-joblist__content .tenants-joblist__content-header {
  margin: 0 0 48px 0;
  color: #081f2c;
  font-weight: 700;
  font-size: 38px;
  }

.tenants-joblist__section .tenants-joblist__content .tenants-joblist__content-text {
  margin: 0 0 24px 0;
  color: #263238;
  font-weight: 400;
  font-size: 15px;
  }

.tenants-joblist__section .tenants-joblist__content .tenants-joblist__content-link {
  color: #081f2c;
  font-weight: 400;
  font-size: 15px;
  text-decoration: underline;
  }

.tenants-joblist__section .tenants-joblist__accordion {
  -webkit-box-shadow: 0 1px rgba(0, 0, 0, .1), 0 -1px rgba(0, 0, 0, .1);
  box-shadow: 0 1px rgba(0, 0, 0, .1), 0 -1px rgba(0, 0, 0, .1);
  }

.tenants-joblist__section .tenants-joblist__accordion .vacancy-item {
  position: relative;
  margin-bottom: 1px;
  -webkit-box-shadow: 0 1px rgba(0, 0, 0, .1), 0 -1px rgba(0, 0, 0, .1);
  box-shadow: 0 1px rgba(0, 0, 0, .1), 0 -1px rgba(0, 0, 0, .1);
  -webkit-transition: .3s;
  transition: .3s;
  }

.tenants-joblist__section .tenants-joblist__accordion .vacancy-item:hover {
  -webkit-box-shadow: 0 1px black, 0 -1px black;
  box-shadow: 0 1px black, 0 -1px black;
  }

.tenants-joblist__section .tenants-joblist__accordion .vacancy-item:hover .vacancy-item__header::after {
  -webkit-filter: opacity(100%);
  filter: opacity(100%);
  }

.tenants-joblist__section .tenants-joblist__accordion .vacancy-item .vacancy-item__header {
  position: relative;
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 12px 0;

  -ms-grid-columns: auto 40px;
  grid-template-columns: auto 40px;
  gap: 12px;
  }

.tenants-joblist__section .tenants-joblist__accordion .vacancy-item .vacancy-item__header::after {
  content: '';
  display: block;
  width: 40px;
  height: 40px;
  background-image: url('/images/svg/icon-plus.svg');
  background-position: center;
  background-size: 24px;
  background-repeat: no-repeat;
  -webkit-filter: opacity(20%);
  filter: opacity(20%);
  -webkit-transition: .3s;
  transition: .3s;
  }

.tenants-joblist__section .tenants-joblist__accordion .vacancy-item .vacancy-item__header p {
  margin: 0;
  }

.tenants-joblist__section .tenants-joblist__accordion .vacancy-item .vacancy-item__header .vacancy-item__link {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  }

.tenants-joblist__section .tenants-joblist__accordion .vacancy-item .vacancy-item__header .vacancy-item__brand-name {
  color: #081f2c;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  }

.tenants-joblist__section .tenants-joblist__accordion .vacancy-item .vacancy-item__header .vacancy-item__vacancy-name {
  color: #081f2c;
  font-weight: 400;
  font-size: 14px;
  }

.tenants-joblist__section .tenants-joblist__accordion .vacancy-item .vacancy-item__header .vacancy-item__header-date {
  margin-top: 3px;
  color: #969696;
  font-weight: 400;
  font-size: 9px;
  }

.tenants-joblist__section .tenants-joblist__accordion .vacancy-item .vacancy-holder {
  position: relative;
  overflow: hidden;
  height: 0;
  -webkit-transition: .2s;
  transition: .2s;
  }

.tenants-joblist__section .tenants-joblist__accordion .vacancy-item .vacancy-holder .vacancy-item__description {
  padding: 12px 0;
  }

.tenants-joblist__section .tenants-joblist__accordion .vacancy-item.active-item .vacancy-item__header::after {
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  }

.tenants-joblist__section .vacancy-item__description h2 {
  color: #081f2c;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  }

.tenants-joblist__section .vacancy-item__description p,
.tenants-joblist__section .vacancy-item__description ul,
.tenants-joblist__section .vacancy-item__description ol {
  margin: 0;
  color: #081f2c;
  font-weight: 400;
  font-size: 14px;
  }

.tenants-joblist__section .vacancy-item__description li {
  margin: 0 0 14px 0;
  }

@media only screen and (max-width: 81.25em) {

  .tenants-joblist__section {
    margin: 0 6.3%;
    }

  }

@media only screen and (max-width: 61.25em) {

  .tenants-joblist__section {
    margin: 0 20px;

    -ms-grid-rows: calc(100vh - 298px);
    grid-template-rows: calc(100vh - 298px);
    }

  }

@media only screen and (max-width: 45em) {

  .tenants-joblist__section {
    display: block;
    margin: 0 20px;
    }

  .tenants-joblist__section .tenants-joblist__main-photo {
    height: 280px;
    margin-bottom: 25px;
    }

  .tenants-joblist__section .tenants-joblist__content {
    overflow: visible;
    }

  .tenants-joblist__section .tenants-joblist__content .tenants-joblist__content-header {
    margin: 0 0 30px 0;
    font-size: 22px;
    }

  .tenants-joblist__section .tenants-joblist__content .tenants-joblist__content-text {
    margin: 0 0 18px 0;
    font-size: 12px;
    }

  .tenants-joblist__section .tenants-joblist__content .tenants-joblist__content-link {
    font-size: 12px;
    }

  .tenants-joblist__section .vacancy-item__description h2 {
    font-size: 12px;
    }

  .tenants-joblist__section .vacancy-item__description p,
  .tenants-joblist__section .vacancy-item__description ul,
  .tenants-joblist__section .vacancy-item__description ol {
    font-size: 12px;
    }

  }

.pageHeader > .tenants-joblist__title {
  margin: 0 0 9px 0;
  color: #212121;
  font-weight: 700;
  font-size: 42px;
  }

@media only screen and (max-width: 45em) {

  .pageHeader > .tenants-joblist__title {
    margin-bottom: 24px;
    font-size: 26px;
    }

  }

.pageHeader .breadCrumbLink {
  line-height: 1;
  }

.participationForm {
  width: 500px;
  }

.participationForm .warningText {
  display: none;
  }

.participationForm .warningText-is-visible {
  display: block;
  }

@media only screen and (max-width: 61.25em) {

  .participationForm {
    width: auto;
    }

  }

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

.participationItem-is-disabled {
  opacity: .4;
  pointer-events: none;
  }

.participationItem .fieldWrapper {
  position: relative;
  }

.participationItem .fieldWrapper:first-of-type {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  width: 30%;
  margin: 0 20px 0 0;
  }

@media only screen and (max-width: 45em) {

  .participationItem .fieldWrapper {
    width: 100%;
    }

  .participationItem .fieldWrapper:first-of-type {
    margin: 0 0 20px;
    }

  .participationItem .fieldWrapper input {
    width: 100%;
    }

  }

.participationItem .fieldDesc {
  position: absolute;
  z-index: -1;
  top: -.5em;
  left: 0;
  width: 100%;
  color: #757575;
  font-style: italic;
  font-size: 14px;
  font-size: .88rem;
  text-align: center;
  line-height: 1.25;
  -webkit-transform: translate(0, -100%);
  transform: translate(0, -100%);
  }

.participationItem [type=date] {
  width: unset;
  margin: 0;
  }

@media only screen and (max-width: 45em) {

  .participationItem [type=date] {
    text-align: center;
    }

  }

.popular {
  position: relative;
  overflow: hidden;
  }

.popularItem {
  position: relative;
  display: block;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: calc(50% - 6px);
  padding: 3px;
  color: #fff;
  text-decoration: none;
  }

.popularItem:visited,
.popularItem:hover,
.popularItem:active {
  color: #fff;
  }

.popularItem:before {
  position: absolute;
  z-index: 1;
  right: 3px;
  bottom: 3px;
  left: 3px;
  content: '';
  display: block;
  height: 50%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .7)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .7));
  }

@supports (display: grid) {
  .popularItem {
    width: auto;
    }

  .popularItem-first {
    -ms-grid-column-span: 2;
    grid-column-end: span 2;
    -ms-grid-row-span: 2;
    grid-row-end: span 2;
    }

  .popularItem-second {
    -ms-grid-column-span: 2;
    grid-column-end: span 2;
    }

  }

@media only screen and (max-width: 45em) {

  .popularItem:before {
    height: 75%;
    }

  .popularItem-first {
    -ms-grid-row: 1;
    grid-row-start: 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
    }

  .popularItem-second {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    }

  .popularItem-third,
  .popularItem-fourth {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    }

  }

.popularImage {
  display: block;
  width: 100%;
  height: auto;
  background-size: cover;
  }

.popularImage:before {
  position: relative;
  content: '';
  display: block;
  width: 100%;
  }

.popularImage:after {
  position: absolute;
  top: 3px;
  right: 3px;
  bottom: 3px;
  left: 3px;
  content: '';
  display: block;
  background-color: inherit;
  background-image: inherit;
  background-position: inherit;
  background-size: inherit;
  background-repeat: inherit;
  }

.popularItem-first .popularImage:before {
  padding: 100% 0 0;
  }

.popularItem-second .popularImage:before {
  padding: 50% 0 0;
  }

.popularItem-third .popularImage:before,
.popularItem-fourth .popularImage:before {
  padding: 100% 0 0;
  }

.popularHeader,
.popularTag {
  position: absolute;
  right: 20px;
  bottom: 20px;
  left: 20px;
  }

@media only screen and (max-width: 45em) {

  .popularHeader,
  .popularTag {
    right: 10px;
    bottom: 10px;
    left: 10px;
    }

  }

.popularHeader {
  z-index: 2;
  margin: 0 0 1.5em;
  font-weight: bold;
  }

.popularItem-first .popularHeader {
  font-size: 22px;
  font-size: 1.38rem;
  line-height: 1.25;
  }

.popularItem-second .popularHeader {
  width: 50%;
  }

@media only screen and (max-width: 45em) {

  .popularHeader {
    font-size: 12px;
    font-size: .75rem;
    }

  .popularItem-first .popularHeader {
    font-size: 16px;
    font-size: 1rem;
    }

  .popularItem-second .popularHeader {
    width: auto;
    font-size: 16px;
    font-size: 1rem;
    }

  }

.popularTag {
  z-index: 2;
  font-size: 13px;
  font-size: .81rem;
  line-height: 1.5;
  }

@media only screen and (max-width: 45em) {

  .popularTag {
    color: #bdbdbd;
    font-size: 12px;
    font-size: .75rem;
    }

  }

.popularWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  }

@media (max-width: 768px) {

  .popularWrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    }

  }

.popularWrapper .bigPoupularBlockLink {
  position: relative;
  width: 50%;
  height: 682px;
  padding: 0;
  }

@media (max-width: 992px) {

  .popularWrapper .bigPoupularBlockLink {
    height: 610px;
    }

  }

@media (max-width: 768px) {

  .popularWrapper .bigPoupularBlockLink {
    width: 100%;
    height: 326px;
    padding: 0;
    margin-bottom: 6px;
    }

  }

.popularWrapper .bigPoupularBlockLink .bigPoupularBlock {
  position: relative;
  width: 100%;
  height: 682px;
  }

@media (max-width: 992px) {

  .popularWrapper .bigPoupularBlockLink .bigPoupularBlock {
    height: 610px;
    }

  }

@media (max-width: 768px) {

  .popularWrapper .bigPoupularBlockLink .bigPoupularBlock {
    height: 326px;
    }

  }

.popularWrapper .smallBlocksLinks {
  position: relative;
  width: 100%;
  height: 340px;
  padding: 0;
  margin-bottom: 2px;
  }

.popularWrapper .smallBlocksLinks:last-child {
  margin-bottom: 0;
  }

@media (max-width: 992px) {

  .popularWrapper .smallBlocksLinks {
    height: 300px;
    margin-bottom: 2px;
    }

  }

@media (max-width: 768px) {

  .popularWrapper .smallBlocksLinks {
    width: 100%;
    height: 160px;
    margin-bottom: 3px;
    }

  }

.popularWrapper .twoSmallBloksIn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 49.8%;
  height: auto;
  }

@media (max-width: 768px) {

  .popularWrapper .twoSmallBloksIn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    }

  }

.popularWrapper .twoSmallBloksIn .smallBlock {
  height: 340px;
  }

@media (max-width: 992px) {

  .popularWrapper .twoSmallBloksIn .smallBlock {
    height: 300px;
    }

  }

@media (max-width: 768px) {

  .popularWrapper .twoSmallBloksIn .smallBlock {
    height: 160px;
    }

  }

.popularWrapper .bottom_block {
  position: absolute;
  right: 5px;
  bottom: 5px;
  left: 5px;
  width: 100%;
  }

.popularWrapper .item {
  position: relative;
  width: 100%;
  margin-right: 0;
  }

.popularWrapper .itemHeader {
  padding-left: 25px;
  margin-top: 15px;
  font-weight: 700;
  text-align: left;
  }

.popularWrapper .itemTags {
  padding-left: 25px;
  margin-bottom: 15px;
  font-size: .81rem;
  text-align: left;
  line-height: 1.5;
  }

@media (max-width: 768px) {

  .popularWrapper .itemTags {
    font-size: .75rem !important;
    }

  }

.popularItem::before {
  right: 0;
  bottom: 0;
  left: 0;
  }

.popularSliderHolder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin: 0 -3px;
  }

.popularSlider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  }

@supports (display: grid) {
  .popularSlider {
    display: -ms-grid;
    display: grid;
    padding: 0;

    -ms-grid-rows: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    grid-auto-columns: 25%;
    grid-auto-flow: column;
    }

  }

@media only screen and (max-width: 45em) {

  .popularSlider {
    display: -ms-grid;
    display: grid;
    padding: 0;

    -ms-grid-rows: 2fr 1fr 1fr;
    grid-template-rows: 2fr 1fr 1fr;
    grid-auto-columns: 50%;
    }

  }

.popularPrev,
.popularNext,
.popularCounter {
  right: 3px;
  margin: 3px 0 0;
  }

@media only screen and (max-width: 45em) {

  .popularPrev,
  .popularNext,
  .popularCounter {
    right: -15px;
    margin: -42px 0 3px;
    }

  }

.popularPrev {
  -webkit-box-ordinal-group: 9;
  -ms-flex-order: 8;
  order: 8;
  }

@media only screen and (max-width: 45em) {

  .popularPrev {
    -webkit-box-ordinal-group: -2;
    -ms-flex-order: -3;
    order: -3;
    }

  }

.popularNext {
  -webkit-box-ordinal-group: 11;
  -ms-flex-order: 10;
  order: 10;
  }

@media only screen and (max-width: 45em) {

  .popularNext {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    }

  }

.popularCounter {
  -webkit-box-ordinal-group: 10;
  -ms-flex-order: 9;
  order: 9;
  }

@media only screen and (max-width: 45em) {

  .popularCounter {
    -webkit-box-ordinal-group: -1;
    -ms-flex-order: -2;
    order: -2;
    }

  }

.interestLabel {
  background: #cfd8dc;
  }

.interestLabel:hover {
  background: #dce775;
  }

.formCheckbox:checked + .interestLabel {
  background: #cdda3a;
  }

.adviceLabel {
  position: relative;
  display: none;
  background: #cdda3a;
  }

.adviceLabel:before,
.adviceLabel:after {
  width: 12px;
  height: 2px;
  margin: 0 0 0 10px;
  background: currentColor;
  font-weight: normal;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition: .2s;
  transition: .2s;
  }

.adviceLabel:before {
  position: absolute;
  right: 20px;
  bottom: 50%;
  content: '';
  display: block;
  -webkit-transform: translateY(2px) rotate(-45deg) translateZ(0);
  transform: translateY(2px) rotate(-45deg) translateZ(0);
  }

.adviceLabel:after {
  content: '';
  display: inline-block;
  -webkit-transform: translateY(-2px) rotate(45deg) translateZ(0);
  transform: translateY(-2px) rotate(45deg) translateZ(0);
  }

.adviceLabel:hover {
  background: #cdda3a;
  }

.adviceLabel:hover:before {
  -webkit-transform: translateY(2px) scale(1.2) rotate(-45deg) translateZ(0);
  transform: translateY(2px) scale(1.2) rotate(-45deg) translateZ(0);
  }

.adviceLabel:hover:after {
  -webkit-transform: translateY(-2px) scale(1.2) rotate(45deg) translateZ(0);
  transform: translateY(-2px) scale(1.2) rotate(45deg) translateZ(0);
  }

@media only screen and (max-width: 45em) {

  .adviceLabel:before {
    right: 21px;
    bottom: 55%;
    -webkit-transform: translateY(3px) rotate(-45deg) translateZ(0);
    transform: translateY(3px) rotate(-45deg) translateZ(0);
    }

  .adviceLabel:hover:before {
    -webkit-transform: translateY(3px) scale(1.2) rotate(-45deg) translateZ(0);
    transform: translateY(3px) scale(1.2) rotate(-45deg) translateZ(0);
    }

  }

.formCheckbox:checked + .adviceLabel {
  display: inline;
  }

.profileLogoutLink {
  position: absolute;
  right: 0;
  bottom: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 0 0 110px;
  font-weight: bold;
  font-size: 11px;
  font-size: .69rem;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 32px;
  }

@media only screen and (max-width: 45em) {

  .profileLogoutLink {
    bottom: 99%;
    }

  }

.profileLogoutIcon {
  width: 40px;
  height: 32px;
  padding: 0 0 0 15px;
  stroke: #607d8b;
  stroke-width: 2px;
  fill: none;
  }

.profilePreviewInfo,
.profilePreviewInterests,
.profilePreviewSubscription {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0 0 70px;
  }

.profilePreviewInfo:before,
.profilePreviewInterests:before,
.profilePreviewSubscription:before {
  position: absolute;
  right: 0;
  bottom: 40px;
  left: 0;
  content: '';
  display: block;
  height: 2px;
  background: #cfd8dc;
  }

.profileName {
  display: inline-block;
  width: 0;
  margin: 0 0 30px;
  font-weight: bold;
  font-size: 24px;
  font-size: 1.5rem;
  }

@media only screen and (max-width: 45em) {

  .profileName {
    font-size: 20px;
    font-size: 1.25rem;
    }

  }

.profileContact {
  display: inline-block;
  margin: 0 0 20px;
  }

@media only screen and (max-width: 45em) {

  .profileContact {
    font-size: 12px;
    font-size: .75rem;
    }

  }

.profileContactType {
  display: inline-block;
  width: 100%;
  color: #757575;
  font-size: 14px;
  font-size: .88rem;
  }

@media only screen and (max-width: 45em) {

  .profileContactType {
    font-size: 12px;
    font-size: .75rem;
    }

  }

.profileSocial {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 45px;
  }

@media only screen and (max-width: 45em) {

  .profileSocial {
    margin: 0 0 35px;
    }

  }

.profileSocialLink {
  margin: 0 10px 0 0;
  }

.profileSocialLinkSVG-fb {
  fill: #3b5998;
  }

.profileSocialLinkSVG-ok {
  fill: #ee8208;
  }

@media only screen and (max-width: 45em) {

  .profileSocialLinkSVG {
    width: 28px;
    height: 28px;
    }

  }

.profileChangeLink {
  position: relative;
  -ms-flex-item-align: end;
  align-self: flex-end;
  }

@media only screen and (max-width: 45em) {

  .profileChangeLink {
    font-size: 11px;
    font-size: .69rem;
    }

  }

.profileInterestsTitle {
  color: #757575;
  font-size: 16px;
  font-size: 1rem;
  }

@media only screen and (max-width: 45em) {

  .profileInterestsTitle {
    font-size: 14px;
    font-size: .88rem;
    }

  }

.profileInterestsItem {
  background: #cdda3a;
  }

.profilePreviewSubscription li {
  position: relative;
  padding: 0 0 0 5px;
  color: #757575;
  list-style: none;
  }

.profilePreviewSubscription li:before {
  position: absolute;
  top: .5em;
  left: -15px;
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #cdda3a;
  }

.profileSubscriptionList {
  margin: 0 0 20px;
  }

.profileNavigationHolder {
  margin: 0 -20px 40px;
  }

.profileNavigation {
  position: absolute;
  z-index: 2;
  top: 75px;
  left: 0;
  }

@media only screen and (max-width: 61.25em) {

  .profileNavigationHolder .profileNavigation {
    position: relative;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-left: 20px;
    margin: 0 0 -17px;
    }

  }

@media only screen and (max-width: 45em) {

  .profileNavigation {
    position: relative;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-left: 20px;
    margin: 0 0 -17px;
    }

  }

@media only screen and (max-width: 61.25em) {

  .profileNavigationHolder .profileNavigationItem {
    margin: 0;
    }

  }

@media only screen and (max-width: 45em) {

  .profileNavigationItem {
    margin: 0;
    }

  }

@media only screen and (max-width: 61.25em) {

  .profileNavigationHolder .profileNavigationLink {
    margin: 0 20px 0 0;
    font-size: 14px;
    font-size: .88rem;
    text-transform: uppercase;
    white-space: nowrap;
    }

  }

@media only screen and (max-width: 45em) {

  .profileNavigationLink {
    margin: 0 20px 0 0;
    font-size: 14px;
    font-size: .88rem;
    text-transform: uppercase;
    white-space: nowrap;
    }

  }

.profileProgress {
  display: inline-block;
  margin: 0 0 10px;
  font-size: 14px;
  font-size: .88rem;
  }

.profileProgressValue {
  font-weight: bold;
  }

.profileProgressLink {
  position: relative;
  display: block;
  width: 100%;
  }

.profileProgressLink:before {
  position: absolute;
  z-index: 1;
  top: 4px;
  right: 0;
  left: 0;
  content: '';
  content: attr(data-text);
  display: block;
  font-size: 11px;
  font-size: .69rem;
  text-align: center;
  opacity: 0;
  -webkit-transition: none;
  transition: none;
  }

.profileProgressLink:hover:before {
  opacity: 1;
  -webkit-transition: opacity .1s;
  transition: opacity .1s;
  }

@media only screen and (max-width: 45em) {

  .profileProgressLink:before {
    color: #212121;
    opacity: 1;
    }

  }

.profileProgressBar {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  height: 4px;
  border: 0;
  background: #e9f28c;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transition: .1s;
  transition: .1s;
  }

.profileProgressBar::-webkit-progress-bar {
  background: #e9f28c;
  }

.profileProgressBar::-webkit-progress-value {
  background: #cdda3a;
  }

.profileProgressBar::-moz-progress-bar {
  background: #cdda3a;
  }

.profileProgressBar::-ms-fill {
  border: 0;
  background: #cdda3a;
  }

.profileProgressLink:hover .profileProgressBar {
  -webkit-transform: scaleY(6);
  transform: scaleY(6);
  }

@media only screen and (max-width: 45em) {

  .profileProgressBar {
    -webkit-transform: scaleY(6);
    transform: scaleY(6);
    }

  }

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

.profileSection {
  position: relative;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 0;
  padding: 0 23%;
  margin: 55px -100% 0 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
  -webkit-transition: opacity .2s, visibility .2s step-end, -webkit-transform .2s;
  transition: opacity .2s, visibility .2s step-end, -webkit-transform .2s;
  transition: opacity .2s, transform .2s, visibility .2s step-end;
  transition: opacity .2s, transform .2s, visibility .2s step-end, -webkit-transform .2s;
  }

.profileSection h2 {
  margin: 0 0 30px;
  font-weight: normal;
  font-size: 18px;
  font-size: 1.12rem;
  text-transform: none;
  }

@media only screen and (max-width: 61.25em) {

  .profileSection {
    padding: 0;
    }

  }

@media only screen and (max-width: 45em) {

  .profileSection h2 {
    font-size: 16px;
    font-size: 1rem;
    }

  }

.js-profileSection-is-active {
  height: auto;
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: opacity .2s .2s, visibility .2s .2s step-start, -webkit-transform .2s .2s;
  transition: opacity .2s .2s, visibility .2s .2s step-start, -webkit-transform .2s .2s;
  transition: opacity .2s .2s, transform .2s .2s, visibility .2s .2s step-start;
  transition: opacity .2s .2s, transform .2s .2s, visibility .2s .2s step-start, -webkit-transform .2s .2s;
  }

.searchCategory {
  position: relative;
  padding: 0 0 0 55px;
  margin: 45px 0 20px 45px;
  font-weight: bold;
  font-size: 18px;
  font-size: 1.12rem;
  text-transform: uppercase;
  line-height: 1;
  }

.searchCategory:first-child {
  margin: 20px 0 20px 45px;
  }

@media only screen and (max-width: 45em) {

  .searchCategory {
    margin: 45px 0 20px 20px;
    }

  .searchCategory:first-child {
    margin: 20px 0 20px 20px;
    }

  .searchCategory.result--error {
    padding: 0;
    }

  }

.searchCategorySVG {
  position: absolute;
  top: 50%;
  left: 10px;
  stroke: #90a4ae;
  stroke-width: 2.5;
  fill: none;
  }

.searchCategorySVG-stores {
  width: 25px;
  height: 27px;
  margin: -13.5px 0 0 -12.5px;
  }

.searchCategorySVG-tag {
  width: 31px;
  height: 29px;
  margin: -14.5px 0 0 -15.5px;
  }

.searchCategorySVG-star {
  width: 27px;
  height: 28px;
  margin: -14px 0 0 -13.5px;
  }

.search {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  left: 360px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  height: 1%;
  padding: 0 0 0 30px;
  -webkit-transition: .35s cubic-bezier(.35, 0, .25, 1);
  transition: .35s cubic-bezier(.35, 0, .25, 1);
  }

@media only screen and (max-width: 61.25em) {

  .search {
    left: 255px;
    }

  }

@media only screen and (max-width: 45em) {

  .search {
    left: 0;
    padding: 0;
    }

  }

.js-search-is-active {
  -webkit-transform: translateX(-100%) translateX(2px);
  transform: translateX(-100%) translateX(2px);
  -webkit-transition: .75s cubic-bezier(.35, 0, .25, 1);
  transition: .75s cubic-bezier(.35, 0, .25, 1);
  }

.searchDummy {
  position: relative;
  z-index: 2;
  display: block;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  height: 100%;
  min-width: 82px;
  max-width: 120px;
  padding: 0 10px;
  }

@media all and (max-width: 1023px) {

  .searchDummy {
    min-width: 64px !important;
    padding: 0 10px;
    }

  }

@media all and (max-width: 990px) {

  .searchDummy {
    min-width: 64px !important;
    padding: 0 9px;
    }

  }

@media all and (max-width: 980px) {

  .searchDummy {
    min-width: 66px !important;
    padding: 0 7px;
    }

  }

@media all and (max-width: 948px) {

  .searchDummy {
    min-width: 72px !important;
    padding: 0 4px;
    }

  }

@media all and (max-width: 875px) {

  .searchDummy {
    min-width: 71px !important;
    padding: 0 4px;
    }

  }

@media all and (max-width: 799px) {

  .searchDummy {
    min-width: 70px !important;
    padding: 0 7px;
    }

  }

@media all and (max-width: 750px) {

  .searchDummy {
    min-width: 79px !important;
    padding: 0 5px;
    }

  }

@media all and (max-width: 745px) {

  .searchDummy {
    min-width: 80px !important;
    padding: 0 5px;
    }

  }

@media all and (max-width: 730px) {

  .searchDummy {
    min-width: 80px !important;
    padding: 0 5px;
    }

  }

@media all and (max-width: 660px) {

  .searchDummy {
    min-width: 65px !important;
    padding: 0 5px;
    }

  }

@media all and (max-width: 630px) {

  .searchDummy {
    min-width: 60px !important;
    padding: 0 5px;
    }

  }

@media all and (max-width: 546px) {

  .searchDummy {
    min-width: 52px !important;
    padding: 0 7px;
    }

  }

@media all and (max-width: 396px) {

  .searchDummy {
    min-width: 48px !important;
    padding: 0 7px;
    }

  }

@media all and (max-width: 338px) {

  .searchDummy {
    min-width: 51px !important;
    padding: 0 7px;
    }

  }

.searchToggle {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 10010%;
  color: currentColor;
  -webkit-transition: .35s cubic-bezier(.35, 0, .25, 1);
  transition: .35s cubic-bezier(.35, 0, .25, 1);
  }

.searchToggle:visited,
.searchToggle:hover,
.searchToggle:active {
  color: currentColor;
  }

.searchToggle:before,
.searchToggle:after {
  position: absolute;
  content: '';
  display: block;
  background: #fff;
  -webkit-transition: inherit;
  transition: inherit;
  }

.searchToggle:before {
  top: 57.5%;
  right: 5px;
  bottom: 5px;
  left: 5px;
  margin: 10px 0 0;
  opacity: 0;
  }

.searchToggle:after {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  }

.searchToggle:focus {
  outline-offset: -3px;
  }

.js-search-is-active .searchToggle {
  overflow: hidden;
  text-indent: -9999px;
  pointer-events: none;
  -webkit-transform: translateX(200%);
  transform: translateX(200%);
  -webkit-transition: .75s cubic-bezier(.35, 0, .25, 1);
  transition: .75s cubic-bezier(.35, 0, .25, 1);
  }

.js-search-is-active .searchToggle:before {
  opacity: 1;
  }

.js-search-is-active .searchToggle:after {
  opacity: 0;
  }

@media only screen and (max-width: 45em) {

  .searchToggle:before {
    bottom: 15px;
    }

  .js-search-is-active .searchToggle {
    -webkit-transform: translateX(15px) translateX(200%) translateY(13px);
    transform: translateX(15px) translateX(200%) translateY(13px);
    }

  }

.searchToggleSVG {
  display: block;
  width: 100%;
  height: 40px;
  margin: 0 auto 10px;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: inherit;
  transition: inherit;
  stroke: currentColor;
  stroke-width: 2;
  fill: none;
  }

.searchToggle:hover .searchToggleSVG,
.searchToggle:active .searchToggleSVG,
.searchToggle:focus .searchToggleSVG {
  stroke: #212121;
  }

.js-search-is-active .searchToggleSVG {
  -webkit-transform: translateX(-50%) translateX(50px);
  transform: translateX(-50%) translateX(50px);
  }

@media only screen and (max-width: 45em) {

  .searchToggleSVG {
    height: 32px;
    }

  .js-search-is-active .searchToggleSVG {
    -webkit-transform: translateX(-50%) translateX(16px);
    transform: translateX(-50%) translateX(16px);
    }

  }

.searchQuery {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 10010%;
  padding: 0 0 20px 100px;
  border: 0;
  color: #455a64;
  font-weight: bold;
  font-size: 36px;
  font-size: 2.25rem;
  opacity: 0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: .5s;
  transition: .5s;
  }

.js-search-is-active .searchQuery {
  opacity: 1;
  }

@media only screen and (max-width: 61.25em) {

  .searchQuery {
    font-size: 26px;
    font-size: 1.62rem;
    }

  }

@media only screen and (max-width: 45em) {

  .searchQuery {
    height: 7507.5%;
    padding: 0 0 0 60px;
    font-size: 16px;
    font-size: 1rem;
    }

  .js-search-is-active .searchQuery {
    -webkit-transform: translateX(100%) translateY(13px);
    transform: translateX(100%) translateY(13px);
    }

  }

.searchSubmit {
  position: absolute;
  z-index: -1;
  left: -10000px;
  }

.searchResult {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0 0 20px 100px;
  font-size: 14px;
  font-size: .88rem;
  }

@media only screen and (max-width: 45em) {

  .searchResult {
    padding: 0 25px 0 0;
    margin: 0 20px 20px;
    }

  }

.searchResultTitle {
  display: block;
  margin: 0 0 10px;
  color: #212121;
  font-size: 18px;
  font-size: 1.12rem;
  line-height: 1.25;
  }

.searchResultLink {
  color: #212121;
  text-decoration: none;
  }

.searchResultLink:visited,
.searchResultLink:hover,
.searchResultLink:active {
  color: #212121;
  }

.searchResultLink:before {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  }

.searchResultTags {
  display: block;
  overflow: hidden;
  }

.searchResultText {
  display: block;
  overflow: hidden;
  max-width: 60%;
  }

@media only screen and (max-width: 61.25em) {

  .searchResultMap-text {
    display: none;
    }

  }

.searchResultImage {
  float: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 70px;
  padding: 10px;
  margin: 0 20px 0 0;
  }

.defaultImage {
  padding: 0;
  }

.searchResultMap {
  position: absolute;
  top: 2.65em;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #90a4ae;
  font-weight: bold;
  font-size: 12px;
  font-size: .75rem;
  text-decoration: none;
  text-transform: uppercase;
  }

.searchResultMap:visited {
  color: #90a4ae;
  }

.searchResultMap:hover,
.searchResultMap:active {
  color: #607d8b;
  }

.searchResultMap:before {
  position: absolute;
  top: -50%;
  right: 0;
  bottom: -50%;
  left: -25%;
  content: '';
  display: block;
  }

.searchResultMapSVG {
  display: block;
  width: 21px;
  height: 23px;
  margin: 0 0 0 10px;
  stroke: currentColor;
  stroke-width: 2.75;
  fill: none;
  }

.searchResults {
  position: absolute;
  z-index: 1;
  top: 1px;
  right: 0;
  bottom: 0;
  left: 362px;
  overflow: auto;
  padding: 0 40px 50px 0;
  color: #607d8b;
  background: #fff;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateY(-50px);
  transform: translateY(-50px);
  -webkit-transition: opacity .2s, visibility .2s step-end, -webkit-transform .2s;
  transition: opacity .2s, visibility .2s step-end, -webkit-transform .2s;
  transition: transform .2s, opacity .2s, visibility .2s step-end;
  transition: transform .2s, opacity .2s, visibility .2s step-end, -webkit-transform .2s;
  }

.searchResults-is-active {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: opacity .2s, visibility .2s step-start, -webkit-transform .2s;
  transition: opacity .2s, visibility .2s step-start, -webkit-transform .2s;
  transition: transform .2s, opacity .2s, visibility .2s step-start;
  transition: transform .2s, opacity .2s, visibility .2s step-start, -webkit-transform .2s;
  }

@media only screen and (max-width: 45em) {

  .searchResults {
    left: 0;
    padding: 80px 0 0;
    }

  }

.schemeSection {
  position: relative;
  overflow: hidden;
  height: 100vh;
  height: calc(100vh - 70px);
  }

@media only screen and (max-width: 45em) {

  .schemeSection {
    height: calc(100vh - 140px);
    }

  }

@media (max-width: 400px) {

  .schemeSection {
    height: calc(100vh - 140px) !important;
    }

  }

.scheme {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #cdda3a;

  --serviceScale: 1;
  }

@media only screen and (max-width: 45em) {

  }

@media only screen and (max-width: 45em) {

  }

.font-loader {
  font-size: 1px;
  font-family: 'Montserrat';
  visibility: hidden;
  }

.schemeAdd {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 55px;
  padding: 0;
  color: #757575;
  font-weight: bold;
  font-size: 14px;
  font-size: .88rem;
  text-align: center;
  line-height: 55px;
  }

@media only screen and (max-width: 61.25em) {

  .schemeAdd {
    padding: 0 27% 0 0;
    }

  }

@media only screen and (max-width: 45em) {

  .schemeAdd {
    display: block;
    height: 55px;
    padding: 0;
    background: #fff;
    font-size: 16px;
    font-size: 1rem;
    text-align: left;
    -webkit-transition: .4s;
    transition: .4s;
    }

  }

.briefTooltip {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: -10000px;
  width: 0;
  height: 0;
  }

.briefTooltipContent {
  position: absolute;
  bottom: 26px;
  left: -1px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  -webkit-box-shadow: 0 0 0 10px #fff;
  box-shadow: 0 0 0 10px #fff;
  -webkit-filter: drop-shadow(0 0 4px rgba(33, 33, 33, .5));
  filter: drop-shadow(0 0 4px rgba(33, 33, 33, .5));
  -webkit-transform-origin: 0 125px;
  transform-origin: 0 125px;
  -webkit-transition: -webkit-transform .2s;
  transition: -webkit-transform .2s;
  transition: transform .2s;
  transition: transform .2s, -webkit-transform .2s;
  }

.briefTooltipContent:before {
  position: absolute;
  top: 112%;
  left: -11px;
  content: '';
  display: block;
  width: 28px;
  height: 28px;
  background: linear-gradient(135deg, #fff, #fff 50%, transparent 50%, transparent);
  }

.briefTooltipContent:after {
  position: relative;
  content: '';
  display: block;
  width: 70px;
  height: 70px;
  background-color: inherit;
  background-image: inherit;
  background-position: 50% 50%;
  background-size: 80% 80%;
  background-repeat: no-repeat;
  }

.briefTooltip-is-active .briefTooltipContent {
  -webkit-transform: scale(1.25);
  transform: scale(1.25);
  }

@media only screen and (max-width: 45em) {

  .briefTooltipContent:after {
    width: 50px;
    height: 50px;
    }

  }

@media only screen and (max-width: 61.25em) {

  }

@media only screen and (max-width: 45em) {

  }

.js-schemeFilter-is-result:before,
.js-schemeFilter-is-results:before {
  height: 100%;
  }

@media only screen and (max-width: 45em) {

  .js-schemeFilter-is-results {
    bottom: 0;
    }

  }

@media only screen and (max-width: 45em) {

  }

.schemeQuery {
  position: relative;
  z-index: 1;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 70px;
  padding: 0 0 0 65px;
  border: 0;
  border-radius: 0;
  margin: 0 0 10px;
  color: #455a64;
  font-weight: bold;
  font-size: 20px;
  font-size: 1.25rem;
  }

.schemeQuery::-webkit-search-cancel-button {
  display: none;
  }

.schemeQuery::-ms-clear {
  display: block;
  }

@media only screen and (max-width: 45em) {

  .schemeQuery {
    height: 50px;
    padding: .25em 0 0 50px;
    border: 0;
    margin: 0;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .1);
    font-weight: normal;
    font-size: 16px;
    font-size: 1rem;
    pointer-events: all;
    }

  }

@media only screen and (max-width: 45em) {

  }

.js-schemeFilterCancel-is-active {
  visibility: visible;
  opacity: 1;
  -webkit-transition: color .2s, opacity .2s, visibility .2s step-start;
  transition: color .2s, opacity .2s, visibility .2s step-start;
  }

@media only screen and (max-width: 45em) {

  }

@media only screen and (max-width: 61.25em) {

  }

@media only screen and (max-width: 45em) {

  }

.itemOffers {
  position: relative;
  display: none;
  padding: 15px 30px;
  border-top: 1px solid #cfd8dc;
  border-bottom: 1px solid #cfd8dc;
  margin-top: 5px;
  background: #fff;
  }

.itemOffers.active {
  display: block;
  }

@media only screen and (max-width: 45em) {

  .itemOffers.active {
    display: none;
    }

  }

.itemOffers.active .arrow {
  position: absolute;
  top: -1px;
  left: 50%;
  display: block;
  width: 36px;
  height: 18px;
  border: 1px solid #cfd8dc;
  border-top: none;
  border-radius: 0 0 50% 50% / 0 0 100% 100%;
  background: url(/images/strelka.png) #fafafa;
  background-position: 11px 0;
  background-repeat: no-repeat;
  cursor: pointer;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  }

.itemOffers a {
  text-decoration: none;
  }

.itemOffers p {
  margin: 0;
  color: #bdbdbd;
  font-size: 14px;
  font-size: .88rem;
  line-height: 1.2;
  }

.offer {
  padding: 10px 0;
  }

.offerTitle {
  margin: 0 0 10px;
  color: #212121;
  font-weight: 700;
  font-size: 16px;
  font-size: 1rem;
  }

.offerLink {
  color: #465a64;
  font-size: 12px;
  text-decoration: none;
  }

.offerLink:visited {
  color: #465a64;
  }

.schemeOptions {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0 auto 0 0;
  }

@media only screen and (max-width: 45em) {

  .schemeOptions {
    padding: 0 0 20px;
    margin: 0;
    background: #fff;
    -webkit-transition: .2s;
    transition: .2s;
    }

  }

.schemeOption {
  position: absolute;
  top: 0;
  left: -10000px;
  display: block;
  }

@media only screen and (max-width: 45em) {

  .schemeOption {
    top: unset;
    }

  }

.schemeOptionLabel {
  display: inline-block;
  color: #607d8b;
  }

@media only screen and (max-width: 45em) {

  .schemeOptionLabel {
    display: block;
    padding: 0 0 0 60px;
    }

  }

.schemeOptionSVG-parking {
  width: 27.5px;
  height: 27.5px;
  stroke-width: 2.75;
  }

.schemeOptionSVG-exits {
  width: 27.5px;
  height: 27.5px;
  stroke-width: 2.75;
  }

@media only screen and (max-width: 45em) {

  .schemeOptionSVG-parking {
    margin: -14px 0 0 17px;
    }

  .schemeOptionSVG-exits {
    margin: -14px 0 0 17px;
    }

  }

@media only screen and (max-width: 45em) {

  }

.js-schemeFilterResults-is-active {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: opacity .2s, visibility .2s step-start, -webkit-transform .2s;
  transition: opacity .2s, visibility .2s step-start, -webkit-transform .2s;
  transition: opacity .2s, transform .2s, visibility .2s step-start;
  transition: opacity .2s, transform .2s, visibility .2s step-start, -webkit-transform .2s;
  }

@media only screen and (max-width: 45em) {

  }

@media only screen and (max-width: 45em) {

  }

@media only screen and (max-width: 45em) {

  }

@media only screen and (max-width: 45em) {

  }

@media only screen and (max-width: 45em) {

  }

@media only screen and (max-width: 45em) {

  }

@media only screen and (max-width: 45em) {

  }

.emptyTagItem {
  opacity: .5;
  pointer-events: none;
  }

.tooltip {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: -10000px;
  width: 0;
  height: 0;
  pointer-events: auto !important;
  }

.phoneTooltip {
  z-index: 3;
  display: none;
  }

@media only screen and (max-width: 45em) {

  .phoneTooltip {
    position: fixed;
    bottom: 80px;
    left: 0;
    width: 100%;
    height: auto;
    }

  .phoneTooltip .tooltipPhone {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    padding-left: 22px;
    border-top: none;
    margin: 0;
    color: #757575;
    font-size: 14px;
    font-size: .88rem;
    }

  .phoneTooltip .tooltipPhone::before {
    position: absolute;
    left: 2px;
    content: '';
    display: block;
    width: 14px;
    height: 19px;
    background: url(../images/tel.svg) no-repeat;
    background-size: contain;
    }

  .phoneTooltip-is-active {
    display: block;
    }

  }

.tooltipContent {
  position: absolute;
  bottom: 35px;
  left: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 370px;
  padding: 20px 20px 20px 100px;
  background: #fff;
  -webkit-filter: drop-shadow(0 0 4px rgba(33, 33, 33, .5));
  filter: drop-shadow(0 0 4px rgba(33, 33, 33, .5));
  }

.tooltipContent:before {
  position: absolute;
  top: 100%;
  left: 0;
  content: '';
  display: block;
  width: 35px;
  height: 35px;
  background: linear-gradient(135deg, #fff, #fff 50%, transparent 50%, transparent);
  pointer-events: none;
  }

@media only screen and (max-width: 45em) {

  .tooltip .tooltipContent {
    width: auto;
    padding: 10px;
    }

  .phoneTooltip .tooltipContent {
    bottom: 0;
    overflow-y: auto;
    width: 100%;
    height: auto;
    max-height: 230px;
    padding: 0;
    }

  .phoneTooltip .tooltipContent:before {
    display: none;
    }

  }

.storeInfo {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: calc(100% - 90px);
  padding: 10px 10px 15px 0;
  margin-left: auto;
  }

.switchWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 10px;
  }

.switchWrap.hidden {
  display: none;
  }

.tooltipSwitch {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
  height: auto;
  padding: 5px 0;
  border: 1px solid #263238;
  color: #607d8b;
  background: transparent;
  font-weight: bold;
  }

.tooltipSwitch.active {
  color: #fff;
  background: #263238;
  }

.tooltipSwitch.hidden {
  display: none;
  }

.phoneTooltipTab {
  display: none;
  padding: 10px;
  border-top: 1px solid #cfd8dc;
  }

.phoneTooltipTab.active {
  display: block;
  }

.phoneTooltipTab .mobOfferLink {
  display: block;
  padding: 0 0 5px;
  color: #212121;
  font-weight: bold;
  font-size: 16px;
  text-decoration: none;
  }

.phoneTooltipTab .mobOfferLink:visited {
  color: #212121;
  }

.mobOfferLink {
  display: block;
  padding: 10px 0;
  color: #212121;
  font-size: 16px;
  text-decoration: none;
  }

.tooltipTitle {
  color: #212121;
  font-size: 18px;
  font-size: 1.12rem;
  text-decoration: none;
  }

.tooltipTitle:visited,
.tooltipTitle:hover,
.tooltipTitle:active {
  color: #212121;
  }

@media only screen and (max-width: 45em) {

  .tooltipTitle {
    font-size: 14px;
    font-size: .88rem;
    }

  .tooltip .tooltipTitle {
    display: none;
    }

  }

.tooltipImageLink {
  position: absolute;
  top: 20px;
  left: 20px;
  display: block;
  }

@media only screen and (max-width: 45em) {

  .phoneTooltip .tooltipImageLink {
    top: 10px;
    left: 10px;
    }

  .tooltip .tooltipImageLink {
    position: relative;
    top: 0;
    left: 0;
    }

  }

.tooltipTag p {
  margin: 5px 0 !important;
  }

.tooltipTag,
.tooltipFloor {
  width: 55%;
  margin: 10px 0 5px;
  color: #90a4ae;
  font-size: 12px;
  font-size: .75rem;
  }

@media only screen and (max-width: 45em) {

  .tooltipTag,
  .tooltipFloor {
    width: auto;
    margin: 0;
    }

  .tooltip .tooltipTag,
  .tooltip
  .tooltipFloor {
    display: none;
    }

  }

.tooltipFloor {
  margin-top: 5px;
  }

.tooltipSchedule {
  margin: 10px 0 15px;
  color: #757575;
  font-size: 14px;
  font-size: .88rem;
  }

@media only screen and (max-width: 45em) {

  .tooltipSchedule {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 23px;
    margin-bottom: 0;
    }

  .tooltipSchedule::before {
    position: absolute;
    left: 0;
    content: '';
    display: block;
    width: 17px;
    height: 17px;
    background: url(../images/clock.svg) no-repeat;
    background-size: contain;
    }

  .tooltip .tooltipSchedule {
    display: none;
    }

  }

.tooltipLink {
  font-size: 14px;
  font-size: .88rem;
  }

@media only screen and (max-width: 45em) {

  .tooltipLink {
    font-size: 14px;
    font-size: .88rem;
    }

  .tooltip .tooltipLink {
    display: none;
    }

  }

.tooltipImage {
  position: absolute;
  top: 20px;
  left: 20px;
  }

@media only screen and (max-width: 45em) {

  .tooltip .tooltipImage {
    position: relative;
    top: 0;
    left: 0;
    }

  .phoneTooltip .tooltipImage {
    top: 10px;
    left: 10px;
    }

  }

.tooltipPhone {
  display: block;
  padding: 15px 0 0 100px;
  border-top: 1px solid #cfd8dc;
  margin: 15px -20px 0 -100px;
  color: #212121;
  text-decoration: none;
  cursor: text;
  }

.tooltipPhone:visited,
.tooltipPhone:hover,
.tooltipPhone:active {
  color: #212121;
  }

.tooltipPhone:empty {
  display: none;
  }

@media only screen and (max-width: 45em) {

  .tooltip .tooltipPhone {
    display: none;
    }

  }

.tooltipClose {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  overflow: hidden;
  width: 40px;
  height: 0;
  padding: 40px 0 0;
  color: #212121;
  }

.tooltipClose:visited {
  color: #212121;
  }

.tooltipClose:hover,
.tooltipClose:active {
  color: #90a4ae;
  }

.tooltipClose:before,
.tooltipClose:after {
  position: absolute;
  top: 50%;
  left: 50%;
  content: '';
  display: block;
  width: 15px;
  height: 1px;
  margin: -.5px 0 0 -7.5px;
  background: currentColor;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  }

.tooltipClose:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  }

.tooltipClose:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  }

@media only screen and (max-width: 45em) {

  .tooltip .tooltipClose {
    display: none;
    }

  }

.tooltip-store {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: -10000px;
  width: 0;
  height: 0;
  }

.tooltip-store .tooltipTitle,
.tooltip-store .tooltipTag,
.tooltip-store .tooltipFloor,
.tooltip-store .tooltipSchedule,
.tooltip-store .tooltipLink,
.tooltip-store .tooltipPhone,
.tooltip-store .tooltipClose {
  display: none;
  }

.tooltip-store .tooltipContent {
  width: auto;
  padding: 10px;
  }

.tooltip-store .tooltipContent:before {
  position: absolute;
  top: 100%;
  left: 0;
  content: '';
  display: block;
  width: 35px;
  height: 35px;
  background: linear-gradient(135deg, #fff, #fff 50%, transparent 50%, transparent);
  pointer-events: none;
  }

@media only screen and (max-width: 45em) {

  .tooltip-store .tooltipContent {
    bottom: 37px;
    left: 0;
    }

  .tooltip-store .tooltipContent:before {
    display: initial;
    }

  }

.tooltip-store .tooltipImageLink {
  position: relative;
  top: 0;
  left: 0;
  }

.schemeUI {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 100px;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 0;
  -webkit-filter: drop-shadow(0 5px 10px rgba(33, 33, 33, .15));
  filter: drop-shadow(0 5px 10px rgba(33, 33, 33, .15));
  }

.pageFloor .schemeUI {
  position: relative;
  right: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: auto;
  margin: -.75em 0 0;
  -webkit-filter: none;
  filter: none;
  }

@media only screen and (max-width: 45em) {

  .schemeUI {
    right: 50px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 75px 0 0;
    }

  .pageFloor .schemeUI {
    padding: 0 0 1em;
    }

  }

.schemeUI-hiddenUnderground .schemeButton:nth-child(4) {
  display: none;
  }

.schemeZoomControls {
  position: fixed;
  right: 0.8rem;
  bottom: 17.5rem;
  z-index: 20;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.8rem;
}

.schemeButton-zoomIn,
.schemeButton-zoomOut {
  position: relative;
  right: auto;
  bottom: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  width: 4.8rem;
  height: 4.8rem;
  padding: 0;
  border: 0.1rem solid rgba(0, 0, 0, .06);
  border-radius: 50%;
  background: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: transparent;
  font-size: 0;
  line-height: 0;
  text-align: center;
  text-decoration: none;
  text-indent: 0;
  z-index: 20;
}

.schemeButton-zoomIn svg,
.schemeButton-zoomOut svg {
  width: 3.2rem;
  height: 3.2rem;
  display: block;
  flex-shrink: 0;
}

.schemeButton-zoomIn:before,
.schemeButton-zoomOut:before {
  display: none;
  content: '';
}

.schemeButton-zoomIn {
  margin: 0;
}

.schemeButton-zoomOut {
  margin: 0;
}

.schemeButton-zoomIn:before,
.schemeButton-zoomOut:before {
  display: none !important;
  content: '' !important;
}

.schemeButton-zoomIn:before {
  content: '' !important;
}

.schemeButton-zoomOut:before {
  content: '' !important;
}

.schemeButton-floor {
  font-weight: bold;
  }

.schemeButton-floor:before {
  content: attr(data-floor);
  }

.schemeButton-parking {
  margin: 0;
  font-weight: bold;
  }

.schemeButton-parking:before {
  content: 'P';
  }

.pageFloor .schemeButton {
  display: inline-block;
  -ms-flex-item-align: start;
  align-self: flex-start;
  width: auto;
  height: auto;
  padding: 0;
  margin: .75em 0 0;
  color: #212121;
  background: none;
  text-align: left;
  text-decoration: none;
  line-height: 1.5;
  pointer-events: none;
  }

.pageFloor .schemeButton:visited,
.pageFloor .schemeButton:hover,
.pageFloor .schemeButton:active {
  color: #212121;
  }

.pageFloor .schemeButton:not(.js-schemeButton-is-active) {
  font-weight: 100;
  pointer-events: all;
  }

.pageFloor .schemeButton:before {
  display: none;
  }

.pageFloor .schemeButton:after {
  position: absolute;
  bottom: .3em;
  left: 0;
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background: currentColor;
  }

.pageFloor .schemeButton:first-letter {
  font-size: 24px;
  font-size: 1.5rem;
  }

.js-schemeButton-is-active {
  background: #cfd8dc;
  }

.js-schemeButton-is-disabled {
  color: #757575;
  opacity: .5;
  cursor: default;
  }

.js-schemeButton-is-disabled:visited,
.js-schemeButton-is-disabled:hover,
.js-schemeButton-is-disabled:active {
  color: #757575;
  }

.pageFloor .js-schemeButton-is-active:after {
  display: none;
  }

.schemeToggle {
  display: none;
  }

@media only screen and (max-width: 45em) {

  .schemeToggle {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 50px;
    pointer-events: all;
    }

  }

.initialServiceContent {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  width: 20px;
  height: 20px;
  background: #fff;
  -webkit-transform: translate(-50%, -50%) scale(var(--serviceScale));
  transform: translate(-50%, -50%) scale(var(--serviceScale));
  }

.initialServiceContent:before {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: #fff;
  -webkit-filter: drop-shadow(0 0 4px rgba(33, 33, 33, .5));
  filter: drop-shadow(0 0 4px rgba(33, 33, 33, .5));
  }

.initialServiceContent-is-active {
  width: 200px;
  height: auto;
  padding: 15px 15px 15px 60px;
  -webkit-transform: translate(-30px, -35px) scale(1);
  transform: translate(-30px, -35px) scale(1);
  }

@media only screen and (max-width: 45em) {

  .initialServiceContent {
    width: 7px;
    height: 7px;
    }

  .initialServiceContent-is-active {
    width: 200px;
    height: auto;
    padding: 15px 15px 15px 45px;
    }

  }

.serviceInitial {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  background-position: center center;
  background-size: 80%;
  background-repeat: no-repeat;
  }

.initialServiceContent-is-active .serviceInitial {
  top: 15px;
  left: 10px;
  }

@media only screen and (max-width: 45em) {

  .serviceInitial {
    width: 7px;
    height: 7px;
    }

  .initialServiceContent-is-active .serviceInitial {
    width: 30px;
    height: 30px;
    }

  }

.serviceInitialInfo {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0 0 0 10px;
  -webkit-transition: .2s;
  transition: .2s;
  }

.serviceInitialInfo .tooltipTag {
  position: relative;
  overflow: hidden;
  width: auto;
  }

.serviceInitialInfo .tooltipTag-is-more:before {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  display: block;
  width: 100%;
  height: 5px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#fff));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
  }

.initialServiceContent-is-active .serviceInitialInfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  }

.service-is-active {
  z-index: 50;
  }

.serviceCard {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 47.5%;
  min-height: 70px;
  padding: 0 0 0 90px;
  margin: 15px 0;
  text-decoration: none;
  }

@media only screen and (max-width: 45em) {

  }

.serviceCard:before {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  }

@media only screen and (max-width: 45em) {

  .serviceCard {
    width: auto;
    min-height: 50px;
    padding: 0 0 0 70px;
    }

  }

.serviceCardImage {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 70px;
  height: 70px;
  background: #faa001;
  }

@media only screen and (max-width: 45em) {

  .serviceCardImage {
    width: 50px;
    height: 50px;
    }

  }

.serviceCardTitle {
  display: block;
  margin: 0 0 5px;
  color: #212121;
  font-size: 18px;
  font-size: 1.12rem;
  line-height: 1.25;
  }

@media only screen and (max-width: 45em) {

  .serviceCardTitle {
    font-size: 14px;
    font-size: .88rem;
    line-height: 1.4;
    }

  }

.serviceCardDesc {
  display: block;
  color: #757575;
  font-size: 14px;
  font-size: .88rem;
  line-height: 1.5;
  text-align: left;
  }

@media only screen and (max-width: 45em) {

  .serviceCardDesc {
    font-size: 12px;
    font-size: .75rem;
    }

  }

.mall-rules {
  margin-bottom: 30px;
  }

.mall-rules img {
  width: 100%;
  max-width: 800px;
  -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, .5);
  box-shadow: 0 0 7px rgba(0, 0, 0, .5);
  }

.category {
  position: relative;
  display: block;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 24%;
  width: calc(25% - 15.0px);
  margin: 0 20px 0 0;
  color: #fff;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  }

.category:visited,
.category:hover,
.category:active {
  color: #fff;
  }

.category:before {
  position: relative;
  content: '';
  display: block;
  padding: 36.7% 0 0;
  }

.category-new,
.category-all {
  background-image: url('../images/244х90_466589609.jpg');
  }

.category-women,
.category-garbage {
  background-image: url('../images/244х90_1874742883.jpg');
  }

.category-clothing,
.category-men,
.category-social {
  background-image: url('../images/244х90_1906928107.jpg');
  }

.category-children,
.category-energy {
  background-image: url('../images/244х90_768469006.jpg');
  }

.category-tech,
.category-shoes,
.category-collections {
  background-image: url('../images/244х90_2063071637.jpg');
  }

@media only screen and (max-width: 85.31em) {

  .category {
    width: 32%;
    width: calc(33% - 5px);
    }

  }

@media only screen and (max-width: 45em) {

  .category {
    min-width: 135px;
    margin: 0 5px 0 0;
    }

  .category:before {
    padding: 55.555% 0 0;
    }

  }

.categoryName {
  position: absolute;
  bottom: 0;
  width: 100%;
  margin: 0 auto;
  background: black;
  text-align: center;
  opacity: 60%;
  }

@media only screen and (max-width: 45em) {

  .categoryName {
    font-size: 12px;
    font-size: .75rem;
    line-height: 1;
    }

  }

.categorySVG {
  position: absolute;
  top: 50%;
  left: 40px;
  display: block;
  stroke: currentColor;
  stroke-width: 2;
  fill: none;
  }

.categorySVG-children {
  width: 35px;
  height: 35px;
  margin: -17.5px 0 0 -17.5px;
  }

.categorySVG-women {
  width: 29px;
  height: 45px;
  margin: -22.5px 0 0 -14.5px;
  }

.categorySVG-men {
  width: 31px;
  height: 45px;
  margin: -22.5px 0 0 -15.5px;
  }

.categorySVG-new {
  width: 56px;
  height: 41px;
  margin: -20.5px 0 0 -28px;
  }

.categorySVG-clothing {
  width: 43px;
  height: 40px;
  margin: -20px 0 0 -21.5px;
  }

.categorySVG-shoes {
  width: 46px;
  height: 35px;
  margin: -17.5px 0 0 -23px;
  }

.categorySVG-tech {
  width: 31px;
  height: 44px;
  margin: -22px 0 0 -15.5px;
  }

@media only screen and (max-width: 45em) {

  .categorySVG {
    top: 15px;
    left: 10px;
    margin: 0;
    stroke-width: 2;
    }

  .categorySVG-children {
    width: 22.75px;
    height: 22.75px;
    }

  .categorySVG-women {
    width: 18.85px;
    height: 29.25px;
    }

  .categorySVG-men {
    width: 20.15px;
    height: 29.25px;
    }

  .categorySVG-new {
    width: 36.4px;
    height: 26.65px;
    }

  .categorySVG-clothing {
    width: 27.95px;
    height: 26px;
    }

  .categorySVG-shoes {
    width: 29.9px;
    height: 22.75px;
    }

  .categorySVG-tech {
    width: 20.15px;
    height: 28.6px;
    }

  }

.foodpark-banner {
  position: relative;
  width: 100%;
  height: 300px;
  margin: 0 8px 0 0;
  background-image: url('/upload/foodpark_1300х300-1.jpg');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  }

@media only screen and (max-device-width: 480px) {

  .foodpark-banner {
    height: 400px;
    margin: unset;
    background-image: url('/upload/foodpark_400х400-1.jpg');
    }

  }

@media only screen and (max-width: 768px) and (min-width: 480px) {

  .foodpark-banner {
    margin: unset;
    background-image: url('/upload/foodpark_800х300-1.jpg');
    }

  }

.foodpark-banner-aura {
  position: relative;
  width: 100%;
  height: 300px;
  margin: 0 8px 0 0;
  background-image: url('/upload/foodpark_1300х300-3.jpg');
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  }

@media only screen and (max-device-width: 480px) {

  .foodpark-banner-aura {
    height: 400px;
    margin: unset;
    background-image: url('/upload/foodpark_400х400-3.jpg');
    }

  }

@media only screen and (max-width: 768px) and (min-width: 480px) {

  .foodpark-banner-aura {
    margin: unset;
    background-image: url('/upload/foodpark_800х300-3.jpg');
    }

  }

.categorySliderHolder {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0 100px;
  margin: 0 14.3%;
  margin: 0 calc(14.3% - 100px);
  }

.bonusSpecial .categorySliderHolder {
  padding: 0;
  margin: 0;
  }

@media only screen and (max-width: 61.25em) {

  .categorySliderHolder {
    padding: 0;
    margin: 0;
    }

  }

@media only screen and (max-width: 45em) {

  .categorySliderHolder {
    padding: 0 20px;
    margin: 0;
    }

  }

.categorySliderHolder + .pageSection {
  margin-top: 100px;
  }

@media only screen and (max-width: 45em) {

  .categorySliderHolder + .pageSection {
    margin-top: 40px;
    }

  }

.categorySlider {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  }

.categoryPrev,
.categoryNext {
  position: absolute;
  top: 0;
  width: 100px;
  height: 100%;
  color: #212121;
  background: #af1fcc;
  text-indent: -10000px;
  -webkit-transition: opacity .2s, visibility .2s step-start;
  transition: opacity .2s, visibility .2s step-start;
  }

.categoryPrev:visited,
.categoryNext:visited,
.categoryPrev:hover,
.categoryNext:hover,
.categoryPrev:active,
.categoryNext:active {
  color: #212121;
  }

.categoryPrev:before,
.categoryNext:before {
  position: absolute;
  top: 50%;
  left: 50%;
  content: '';
  display: block;
  width: 15px;
  height: 15px;
  border-width: 2px 2px 0 0;
  border-style: solid;
  border-color: currentColor;
  margin: -7.5px 0 0 -7.5px;
  }

.js-sliderNavigation-is-disabled.categoryPrev,
.js-sliderNavigation-is-disabled.categoryNext {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .2s, visibility .2s step-end;
  transition: opacity .2s, visibility .2s step-end;
  }

@media only screen and (max-width: 45em) {

  .categoryPrev,
  .categoryNext {
    display: none;
    }

  }

.categoryPrev {
  left: 0;
  background: -webkit-gradient(linear, left top, right top, from(#fff), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
  }

.categoryPrev:before {
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  }

.mpCategoiesSliderHolder .categoryPrev {
  color: #90a4ae;
  }

.mpCategoiesSliderHolder .categoryPrev:before {
  left: 10px;
  margin-left: 0;
  }

.categoryNext {
  right: 0;
  background: -webkit-gradient(linear, right top, left top, from(#fff), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to left, #fff, rgba(255, 255, 255, 0));
  }

.categoryNext:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  }

.mpCategoiesSliderHolder .categoryNext {
  color: #90a4ae;
  }

.mpCategoiesSliderHolder .categoryNext:before {
  right: 10px;
  left: auto;
  }

.categoryControl-is-disabled {
  display: none;
  }

.storesHolder {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 0 70px;
  }

@supports (display: grid) {
  .storesHolder {
    display: -ms-grid;
    display: grid;

    grid-template-columns: repeat(auto-fill, minmax(155px, 1fr));
    grid-column-gap: 20px;
    grid-row-gap: 70px;
    }

  }

@media only screen and (max-width: 45em) {

  .storesHolder {
    display: -ms-grid;
    display: grid;
    margin: 0;

    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
    grid-column-gap: 15px;
    grid-row-gap: 40px;
    }

  }

.storesHolder .itemTags {
  padding: 0 15px;
  text-align: center;
  }

.storesHolder .item {
  margin: 0 8px 0 0;
  }

.storesList {
  overflow: hidden;
  }

@media (hover: hover) {

  .orderedStores:hover .storesListOrder:before {
    opacity: 1;
    }

  }

@media only screen and (max-width: 45em) {

  .orderedStores:first-of-type .storesListOrder {
    padding-top: 0;
    }

  .orderedStores:first-of-type .storesSpecific {
    padding-top: 0;
    }

  .orderedStores:not(:first-of-type) .storesListOrder {
    padding-top: 50px;
    }

  .orderedStores:not(:first-of-type) .storesSpecific {
    padding-top: 50px;
    }

  }

.storesListOrder {
  position: relative;
  width: 30%;
  padding: 25px 0 0 14.3%;
  border: 0;
  font-weight: bold;
  font-size: 22px;
  font-size: 1.38rem;
  vertical-align: top;
  }

.storesListOrder:before {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  content: '';
  display: block;
  width: 500%;
  height: 100%;
  background-color: #cfd8dc;
  opacity: 0;
  -webkit-transition: .2s;
  transition: .2s;
  }

.storesSpecific {
  padding: 25px 0 0;
  border: 0;
  }

.storesSpecificHolder {
  -webkit-columns: 244px 3;
  -moz-columns: 244px 3;
  columns: 244px 3;
  }

@media only screen and (max-width: 45em) {

  .storesSpecificHolder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-columns: initial;
    -moz-columns: initial;
    columns: initial;
    }

  }

.storesListLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  padding: 0 0 1.1em;
  font-size: 16px;
  font-size: 1rem;
  text-decoration: none;
  -webkit-column-break-inside: avoid;
  break-inside: avoid;

  -moz-column-break-inside: avoid;
  }

.newStore {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #afb42b;
  font-size: 16px;
  font-size: 1rem;
  }

.newStore:before {
  position: relative;
  content: '';
  content: '\00a0\00a0';
  display: block;
  }

.storesLinkInfo {
  width: 95%;
  padding: 5px 0 20px;
  color: #90a4ae;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.15;
  opacity: .6;
  -webkit-transition: color .2s;
  transition: color .2s;
  }

.storesListLink:hover .storesLinkInfo {
  color: #455a64;
  }

.staticContent {
  margin-top: 0;
  }

@media only screen and (max-width: 61.25em) {

  .staticContent {
    margin-top: 0;
    }

  }

@media only screen and (max-width: 45em) {

  .staticContent {
    margin-top: 0;
    }

  }

.article {
  margin: 80px 26.8%;
  }

.article-wide {
  margin: 50px 14.3%;
  }

.article h2 {
  font-size: 22px;
  font-size: 1.38rem;
  text-transform: uppercase;
  line-height: 1.5;
  }

@media only screen and (max-width: 61.25em) {

  .article {
    margin: 60px 140px;
    }

  .article-wide {
    margin: 50px 20px;
    }

  }

@media only screen and (max-width: 45em) {

  .article {
    margin: 30px 20px;
    }

  .article p {
    font-size: 14px;
    }

  }

.tableSubTitle {
  text-align: center;
  }

.documents {
  list-style: none;
  }

.documentLink {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 50px;
  padding: 0 0 0 70px;
  font-style: normal;
  text-decoration: none;
  }

.aboutText .documentLink {
  margin: 30px 0 0;
  }

.documentLinkSVG {
  position: absolute;
  top: 50%;
  left: 0;
  width: 40px;
  height: 50px;
  margin: -25px 0 0;
  stroke: #607d8b;
  stroke-width: 2;
  fill: none;
  }

.state--error .documentLinkSVG {
  stroke: #cc2929;
  }

.figure {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 96px -27.5%;
  margin: 6rem -27.5%;
  }

.figure:first-child {
  margin: 0 -27.5% 96px;
  margin: 0 -27.5% 6rem;
  }

@media only screen and (max-width: 61.25em) {

  .figure {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 96px -120px;
    margin: 6rem -120px;
    }

  .figure:first-child {
    margin: 0 -120px 96px;
    margin: 0 -120px 6rem;
    }

  }

@media only screen and (max-width: 45em) {

  .figure {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 24px -20px;
    margin: 1.5rem -20px;
    }

  .figure:first-child {
    margin: 0 -20px 96px;
    margin: 0 -20px 6rem;
    }

  }

.figureImageHolder {
  display: block;
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 47.5%;
  }

.figureImageHolder + .figureImageHolder {
  -webkit-box-flex: .25;
  -ms-flex-positive: .25;
  flex-grow: .25;
  width: 25%;
  height: 50%;
  padding: 0 0 0 15px;
  }

.figureImageHolder + .figureImageHolder + .figureImageHolder {
  -ms-flex-item-align: end;
  align-self: flex-end;
  }

@media only screen and (max-width: 61.25em) {

  .figureImageHolder {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    }

  .figureImageHolder:first-of-type:last-of-type {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    width: 65%;
    margin: 0 0 0 10%;
    }

  }

@media only screen and (max-width: 45em) {

  .figureImageHolder {
    width: 100%;
    margin-top: 5px !important;
    }

  .figureImageHolder + .figureImageHolder {
    width: 100%;
    padding: 0;
    }

  .figureImageHolder:first-of-type:last-of-type {
    width: 100%;
    margin: 0;
    }

  .textSliderHolder + .figureImageHolder {
    margin: 0;
    }

  }

.figureImage {
  display: block;
  width: 100%;
  height: 100%;
  }

.figureCaption {
  width: 200px;
  margin: 0 0 0 15px;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  }

@media only screen and (max-width: 61.25em) {

  .figureCaption {
    width: 65%;
    margin: 30px 0 0 10%;
    }

  }

@media only screen and (max-width: 45em) {

  .figureCaption {
    width: 100%;
    margin: 25px 20px 0;
    font-size: 14px;
    font-size: .88rem;
    }

  }

.teaser {
  margin: 24px 0 48px;
  margin: 1.5rem 0 3rem;
  margin: 6.5rem 0 3rem;
  font-weight: bold;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.5;
  }

@media only screen and (max-width: 45em) {

  .teaser {
    margin: 24px 0;
    margin: 1.5rem 0;
    font-size: 18px;
    font-size: 1.12rem;
    line-height: 1.35;
    }

  }

.text {
  padding: 0;
  }

.textSliderPrimaryHolder {
  display: block;
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 47.5%;
  }

.textSliderSecondaryHolder + .textSliderPrimaryHolder {
  margin: 0 0 75px;
  }

@supports ((-o-object-fit: contain) or (object-fit: contain)) {
  .textSliderPrimaryHolder .textSliderImage {
    max-height: 700px;

    -o-object-fit: contain;
    object-fit: contain;
    }

  }

@media only screen and (max-width: 45em) {

  .textSliderSecondaryHolder + .textSliderPrimaryHolder {
    margin: 0 0 15px;
    }

  }

.textSliderSecondaryHolder {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-line-pack: end;
  align-content: flex-end;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  overflow: hidden;
  width: 410px;
  margin: 0 0 0 15px;
  }

.textSliderSecondaryHolder:before {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  content: '';
  display: block;
  width: 1px;
  height: 100%;
  background: #fff;
  }

@supports ((-o-object-fit: contain) or (object-fit: contain)) {
  .textSliderSecondaryHolder .textSliderImage {
    max-height: 500px;

    -o-object-fit: contain;
    object-fit: contain;
    }

  }

@media only screen and (max-width: 61.25em) {

  .textSliderSecondaryHolder {
    width: 50%;
    }

  }

@media only screen and (max-width: 45em) {

  .textSliderSecondaryHolder {
    width: 100%;
    margin: 0;
    }

  .textSliderSecondaryHolder:before {
    display: none;
    }

  }

.textSlider {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  }

@media only screen and (max-width: 45em) {

  .textSlider {
    width: auto;
    margin: 0 40px 0 0;
    }

  .textSlider.js-doubleSliderSecondary {
    display: none;
    }

  }

.textSliderImage {
  display: block;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: auto;
  }

@media only screen and (max-width: 45em) {

  .textSliderImage {
    width: calc(100% - 20px);
    margin: 0 20px 0 0;
    }

  }

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

@media only screen and (max-width: 45em) {

  .sliderVideoItem iframe {
    max-height: 350px;
    }

  }

.textSliderNext,
.textSliderPrev,
.textSliderCounter {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin: 15px 0 0;
  }

.textSliderNext {
  -webkit-box-ordinal-group: 11;
  -ms-flex-order: 10;
  order: 10;
  }

.textSliderPrev {
  -webkit-box-ordinal-group: 9;
  -ms-flex-order: 8;
  order: 8;
  }

.textSliderCounter {
  -webkit-box-ordinal-group: 10;
  -ms-flex-order: 9;
  order: 9;
  }

.tenantsAuthorized dd {
  font-style: normal;
  }

.tenantsAuthorized + h3 {
  color: #000;
  font-size: 20px;
  font-size: 1.25rem;
  }

.contacts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 14.3%;
  }

@media only screen and (max-width: 61.25em) {

  .contacts {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 20px;
    }

  }

@media only screen and (max-width: 45em) {

  .contacts {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    }

  }

.contact {
  width: 32%;
  width: calc(33.333% - 20px);
  }

@media only screen and (max-width: 61.25em) {

  .contact {
    width: 49%;
    width: calc(50% - 20px);
    }

  }

@media only screen and (max-width: 45em) {

  .contact {
    width: 100%;
    font-size: 18px;
    font-size: 1.12rem;
    }

  }

.contactAddress,
.contactList {
  color: #757575;
  }

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

.contactList .contactListTitle:nth-of-type(4),
.contactList .contactListData:nth-of-type(4) {
  margin-top: 10px;
  }

.contactList a {
  font-size: .88rem;
  white-space: nowrap;
  }

.contactListTitle {
  width: 50%;
  margin: 0;
  font-weight: normal;
  }

@media only screen and (max-width: 45em) {

  .contactListTitle {
    width: 45%;
    }

  }

.contactListData {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
  padding: 0 20px 0 0;
  margin: 0;
  font-style: normal;
  text-align: right;
  }

@media only screen and (max-width: 45em) {

  .contactListData {
    width: 100%;
    max-width: 142px;
    padding: 0 0 10px;
    text-align: right;
    }

  }

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

@media (max-width: 1440px) {

  .contactListTitle {
    width: 40%;
    }

  .contactListData {
    width: 60%;
    }

  }

.contactDetails {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-top: 2px solid #cfd8dc;
  margin: 40px 14.3% 65px;
  }

.article .contactDetails {
  border: none;
  margin: 0;
  }

@media only screen and (max-width: 61.25em) {

  .contactDetails {
    margin: 40px 20px 65px;
    }

  }

@media only screen and (max-width: 45em) {

  .contactDetails {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 10px 0 0;
    }

  }

.contactDetail {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 25%;
  padding-right: 20px;
  margin: 50px 0 0;
  font-size: 14px;
  font-size: .88rem;
  line-height: 1.75;
  }

.contactDetail h2 {
  margin: 0 0 25px;
  font-size: 10.5px;
  font-size: .66rem;
  text-transform: uppercase;
  line-height: 1.25;
  }

.contactDetail h2:not(:first-of-type) {
  margin: 50px 0 25px;
  }

@media only screen and (max-width: 45em) {

  .contactDetail h2:not(:first-of-type) {
    margin: 25px 0 0;
    }

  }

.article .contactDetail {
  width: auto;
  margin: 0;
  }

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

@media only screen and (max-width: 61.25em) {

  .contactDetail {
    width: 50%;
    }

  }

@media only screen and (max-width: 45em) {

  .contactDetail {
    position: relative;
    width: 100%;
    padding-right: 0;
    margin: 25px 0 0;
    }

  .contactDetail h2 {
    position: relative;
    display: inline-block;
    padding-right: 5px;
    margin: 0;
    }

  }

@media only screen and (max-width: 45em) {

  .contactDetailHolder {
    position: relative;
    overflow: hidden;
    height: 0;
    -webkit-transition: .2s;
    transition: .2s;
    }

  }

.contactDetailLink {
  height: 100%;
  }

.contactDetailLink:before {
  right: -10px;
  }

.contactItem {
  margin: 24px 0 0;
  margin: 1.5rem 0 0;
  }

@media only screen and (max-width: 45em) {

  .contactItem:first-child,
  .contactItem:first-child p {
    margin-top: 12px;
    margin-top: .7rem;
    }

  }

.mapSection {
  margin: 40px 14.3%;
  }

.mapSection h2 {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 25px 0 0 0;
  }

@media only screen and (max-width: 61.25em) {

  .mapSection {
    margin: 45px 0;
    }

  .mapSection h2 {
    padding-left: 20px;
    }

  }

.map {
  width: 100%;
  height: 590px;
  }

@media only screen and (max-width: 45em) {

  .map {
    height: 450px;
    }

  }

@media only screen and (max-width: 23.5em) {

  .map {
    height: 370px;
    height: 65vh;
    max-height: 450px;
    }

  }

.shuttle {
  margin: 50px 14.3% 100px;
  }

@media only screen and (max-width: 61.25em) {

  .shuttle {
    margin: 25px 20px 100px;
    }

  }

@media only screen and (max-width: 45em) {

  .shuttle {
    margin: 25px 0 100px;
    }

  }

.scheduleDirection {
  position: relative;
  display: block;
  margin: 0 0 0 35px;
  color: #90a4ae;
  font-weight: bold;
  font-size: 12px;
  font-size: .75rem;
  text-decoration: none;
  }

.scheduleDirection:visited {
  color: #90a4ae;
  }

.scheduleDirection:hover,
.scheduleDirection:active {
  color: #212121;
  }

.scheduleDirection span {
  pointer-events: none;
  }

.scheduleDirection-is-active {
  color: #212121;
  }

.scheduleDirection-is-active:visited,
.scheduleDirection-is-active:hover,
.scheduleDirection-is-active:active {
  color: #212121;
  }

@media only screen and (max-width: 45em) {

  .scheduleDirection {
    width: 100%;
    margin: 0 0 25px 20px;
    }

  }

.shuttleOptions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  }

.shuttleOption {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  visibility: hidden;
  opacity: 0;
  }

.shuttleOption-is-active {
  visibility: visible;
  opacity: 1;
  }

.shuttleRoute {
  position: relative;
  padding: 0 0 0 70px;
  margin: 40px 0 0;
  font-size: 18px;
  font-size: 1.12rem;
  list-style: none;
  }

.shuttleRoute:before {
  position: absolute;
  top: .75em;
  bottom: 60px;
  left: 19px;
  content: '';
  display: block;
  width: 2px;
  background: currentColor;
  }

.shuttleRoute.auraRoutes:before {
  bottom: 3.5em;
  }

.shuttleRoute .shuttleStop {
  padding: 0;
  }

@media only screen and (max-width: 45em) {

  .shuttleRoute {
    padding: 0 0 0 40px;
    }

  }

.shuttleStop {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 80px;
  margin: 0;
  }

.shuttleStop:before {
  position: absolute;
  top: .75em;
  left: -55px;
  content: '';
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 10px;
  height: 10px;
  border: 2px solid currentColor;
  border-radius: 50%;
  margin: -2px 0 0;
  background: #fff;
  }

.shuttleStop-final:before {
  left: -57px;
  width: 14px;
  height: 14px;
  }

.shuttleStop-final:after {
  position: absolute;
  top: .75em;
  left: -55px;
  content: '';
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 10px;
  height: 10px;
  border: 2px solid #fff;
  border-radius: 50%;
  margin: 0 0 2px;
  background: currentColor;
  }

.auraRoutes .shuttleStop:last-child {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 80px;
  }

.auraRoutes .shuttleStop:last-child:before,
.auraRoutes .shuttleStop:last-child:after {
  top: .75em;
  bottom: unset;
  }

@media only screen and (max-width: 45em) {

  .shuttleStop {
    font-size: 14px;
    font-size: .88rem;
    }

  .shuttleStop:before {
    left: -25px;
    }

  .shuttleStop:after {
    left: -25px;
    }

  .shuttleStop:last-child:before {
    left: -27px;
    }

  }

.shuttleRouteNote {
  display: block;
  margin: .25em 0 0;
  color: #90a4ae;
  font-size: 12px;
  font-size: .75rem;
  }

.route-note-is-bottom .shuttleRouteNote {
  position: relative;
  bottom: 0;
  }

.shuttleSchedule {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 0 0 0 70px;
  margin: 35px 0;
  color: #90a4ae;
  font-size: 14px;
  font-size: .88rem;
  line-height: 1.25;
  }

@media only screen and (max-width: 45em) {

  .shuttleSchedule {
    margin: 20px 20px 30px;
    }

  }

.shuttleScheduleSVG {
  position: absolute;
  top: 50%;
  left: 0;
  width: 35px;
  height: 35px;
  margin: -17.5px 0 0;
  stroke: #212121;
  stroke-width: 2;
  fill: none;
  }

.shuttleTabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 2px solid #cfd8dc;
  font-weight: bold;
  font-size: 20px;
  font-size: 1.25rem;
  }

@media only screen and (max-width: 61.25em) {

  .shuttleTabs {
    font-size: 18px;
    font-size: 1.12rem;
    }

  }

@media only screen and (max-width: 45em) {

  .shuttleTabs {
    margin: 0 0 -20px;
    font-size: 14px;
    font-size: .88rem;
    white-space: nowrap;
    }

  }

.shuttleTab {
  position: relative;
  display: block;
  padding: 0 0 2px;
  color: #90a4ae;
  text-decoration: none;
  -webkit-transition: .2s;
  transition: .2s;
  }

.shuttleTab:visited {
  color: #90a4ae;
  }

.shuttleTab:hover,
.shuttleTab:active {
  color: #212121;
  }

.shuttleTab:before {
  position: absolute;
  bottom: -2px;
  left: 0;
  content: '';
  display: block;
  width: 100%;
  height: 4px;
  background: #212121;
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transition: inherit;
  transition: inherit;
  }

.shuttleTab:after {
  position: absolute;
  top: -25%;
  right: -25px;
  bottom: -25%;
  left: -25px;
  content: '';
  display: block;
  }

.shuttleTab:hover,
.shuttleTab:active,
.shuttleTab:focus,
.shuttleTab-is-active {
  color: #212121;
  }

.shuttleTab:hover:visited,
.shuttleTab:hover:hover,
.shuttleTab:hover:active,
.shuttleTab:active:visited,
.shuttleTab:active:hover,
.shuttleTab:active:active,
.shuttleTab:focus:visited,
.shuttleTab:focus:hover,
.shuttleTab:focus:active,
.shuttleTab-is-active:visited,
.shuttleTab-is-active:hover,
.shuttleTab-is-active:active {
  color: #212121;
  }

.shuttleTab:hover:before,
.shuttleTab:active:before,
.shuttleTab:focus:before,
.shuttleTab-is-active:before {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  }

@media only screen and (max-width: 45em) {

  .shuttleTab {
    height: 30px;
    padding: 0;
    margin: 0 20px 0 0;
    }

  .shuttleTab:before {
    height: 2px;
    }

  }

.transportTabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin: 0 14.3%;
  font-size: 24px;
  font-size: 1.5rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.15;
  }

@media only screen and (max-width: 81.25em) {

  .transportTabs.transportWithShuttle {
    margin: 0 6.3%;
    }

  }

@media only screen and (max-width: 61.25em) {

  .transportTabs.transportWithShuttle {
    margin: 10px 20px 0;
    }

  }

@media only screen and (max-width: 61.25em) {

  .transportTabs {
    margin: 10px 20px 0;
    }

  }

.transportTab {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 32%;
  width: calc(33.333% - 20px);
  border: 1px solid #cfd8dc;
  background: #fff;
  text-decoration: none;
  -webkit-transition: .2s;
  transition: .2s;
  }

.transportTab:not(:last-of-type) {
  margin-right: 3%;
  }

.transportWithShuttle .transportTab:not(:last-of-type) {
  margin-right: 1%;
  }

.transportTab:before {
  position: relative;
  z-index: 1;
  content: '';
  display: block;
  padding: 56.7% 0 0;
  }

.transportTab:after {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 5px 15px 0 rgba(69, 90, 100, .3);
  box-shadow: 0 5px 15px 0 rgba(69, 90, 100, .3);
  opacity: 0;
  -webkit-transform: scale(.97);
  transform: scale(.97);
  -webkit-transition: inherit;
  transition: inherit;
  }

.transportTab:hover:after,
.transportTab:active:after,
.transportTab:focus:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  }

.transportTab-is-active {
  color: #263238 !important;
  }

.transportTab-is-active:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  }

@media only screen and (max-width: 45em) {

  .transportTab {
    width: 32%;
    width: calc(33.333% - 10px);
    }

  .transportTab:before {
    padding: 100% 0 0;
    }

  }

.js-mall-nkz .transportTab {
  width: calc(26.333% - 20px);
  }

.js-mall-nkz .transportTabs .busTransport {
  display: none;
  }

.transportTabTitle {
  position: absolute;
  top: 55%;
  left: 30px;
  display: block;
  width: 0;
  }

@media only screen and (max-width: 61.25em) {

  .transportTabTitle {
    top: 60%;
    font-weight: bold;
    font-size: 12px;
    font-size: .75rem;
    text-transform: uppercase;
    }

  }

@media only screen and (max-width: 45em) {

  .transportTabTitle {
    top: 65%;
    left: 3%;
    width: 94%;
    font-size: 9px;
    font-size: .56rem;
    text-align: center;
    }

  }

@media only screen and (max-width: 23.5em) {

  .transportTabTitle {
    font-size: 7px;
    font-size: .44rem;
    }

  }

.transportTabSVG {
  position: absolute;
  top: 18%;
  left: 30px;
  stroke: currentColor;
  stroke-width: 2;
  fill: none;
  }

.transportWithShuttle .transportTabSVG {
  top: 14%;
  }

.transportTabSVG-bus {
  width: 40px;
  height: 40px;
  }

@media only screen and (max-width: 45em) {

  .transportTabSVG-bus {
    width: 27px;
    height: 29px;
    }

  }

.transportTabSVG-shuttle {
  width: 40px;
  height: 43px;
  }

@media only screen and (max-width: 45em) {

  .transportTabSVG-shuttle {
    width: 28px;
    height: 26px;
    }

  }

.transportTabSVG-car {
  width: 42px;
  height: 31px;
  }

@media only screen and (max-width: 45em) {

  .transportTabSVG-car {
    width: 26px;
    height: 19px;
    }

  }

.transportTabSVG-taxi {
  width: 42px;
  height: 38px;
  fill: currentColor;
  }

@media only screen and (max-width: 45em) {

  .transportTabSVG-taxi {
    width: 26px;
    height: 24px;
    }

  }

@media only screen and (max-width: 61.25em) {

  .transportTabSVG {
    top: auto;
    bottom: 50%;
    }

  }

@media only screen and (max-width: 45em) {

  .transportTabSVG {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    }

  }

.publicRoutes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  overflow: hidden;
  max-height: 0;
  margin: 0 14.3%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: max-height .4s, opacity .4s, visibility .4s ease-out;
  transition: max-height .4s, opacity .4s, visibility .4s ease-out;
  }

.publicRoutes-is-visible {
  max-height: unset;
  visibility: visible;
  opacity: 1;
  }

@media only screen and (max-width: 45em) {

  .publicRoutes {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 20px;
    }

  }

.publicRoute {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 32%;
  width: calc(33.333% - 20px);
  }

.publicRoute:not(:last-of-type) {
  margin-right: 3%;
  }

@media only screen and (max-width: 45em) {

  .publicRoute {
    width: 100%;
    }

  .publicRoute:not(:last-of-type) {
    margin-right: 0;
    }

  }

.routeFill {
  margin-top: auto;
  }

.publicRouteHead {
  margin-top: 35px;
  font-size: 20px;
  font-size: 1.25rem;
  }

.publicRouteItem {
  display: block;
  letter-spacing: -.2px;
  }

.carRoutes {
  overflow: hidden;
  max-height: 0;
  margin: 0 14.3%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: max-height .4s, opacity .4s, visibility .4s ease-out;
  transition: max-height .4s, opacity .4s, visibility .4s ease-out;
  }

.carRoutes-is-visible {
  max-height: unset;
  visibility: visible;
  opacity: 1;
  }

.carRoutes h2 {
  margin-top: 35px;
  font-size: 20px;
  font-size: 1.25rem;
  }

.carRoutes dd {
  font-style: normal;
  }

@media only screen and (max-width: 45em) {

  .carRoutes {
    margin: 0 20px;
    }

  }

.carRoutesParking {
  margin: 35px 0 0;
  }

.pageBackground {
  position: absolute;
  z-index: -2;
  top: 0;
  right: 0;
  right: var(--shift);
  left: 0;
  width: 100%;
  -webkit-transition: .4s;
  transition: .4s;
  }

.pageBackground-is-hidden {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  }

.hero ~ .pageBackground {
  top: 100vh;
  }

@media only screen and (max-width: 45em) {

  .pageBackground {
    display: none;
    }

  }

.pageBackgroundFigureGroup {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;

  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  }

.pageBackgroundFigureGroup-1 {
  -webkit-animation-name: pageGroupAnim1;
  animation-name: pageGroupAnim1;
  -webkit-animation-duration: 33s;
  animation-duration: 33s;
  }

.pageBackgroundFigureGroup-2 {
  -webkit-transform-origin: 500px -100px;
  transform-origin: 500px -100px;
  -webkit-animation-name: pageGroupAnim2;
  animation-name: pageGroupAnim2;
  -webkit-animation-duration: 30s;
  animation-duration: 30s;
  }

.pageBackgroundFigureGroup-3 {
  -webkit-animation-name: pageGroupAnim1;
  animation-name: pageGroupAnim1;
  -webkit-animation-duration: 42s;
  animation-duration: 42s;
  }

.pageBackgroundFigureGroup-4 {
  -webkit-transform-origin: 350px 40px;
  transform-origin: 350px 40px;
  -webkit-animation-name: pageGroupAnim2;
  animation-name: pageGroupAnim2;
  -webkit-animation-duration: 40s;
  animation-duration: 40s;
  }

.pageBackgroundFigureGroup-5 {
  -webkit-animation-name: pageGroupAnim1;
  animation-name: pageGroupAnim1;
  -webkit-animation-duration: 25s;
  animation-duration: 25s;
  }

.pageBackgroundFigureGroup-6 {
  -webkit-animation-name: pageGroupAnim1;
  animation-name: pageGroupAnim1;
  -webkit-animation-duration: 35s;
  animation-duration: 35s;
  }

.pageBackgroundFigureGroup-7 {
  -webkit-animation-name: pageGroupAnim2;
  animation-name: pageGroupAnim2;
  -webkit-animation-duration: 37s;
  animation-duration: 37s;
  }

.pageBackgroundFigureGroup-8 {
  -webkit-animation-name: pageGroupAnim2;
  animation-name: pageGroupAnim2;
  -webkit-animation-duration: 25s;
  animation-duration: 25s;
  }

.pageBackground-is-hidden .pageBackgroundFigureGroup {
  -webkit-animation-name: none;
  animation-name: none;
  }

@-webkit-keyframes pageGroupAnim1 {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    }

  50% {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    }

  }

@keyframes pageGroupAnim1 {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    }

  50% {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    }

  }

@-webkit-keyframes pageGroupAnim2 {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    }

  50% {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    }

  }

@keyframes pageGroupAnim2 {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    }

  50% {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    }

  }

.pageBackgroundFigure {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;

  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  }

.pageBackgroundFigure-1 {
  -webkit-animation-name: pageFigureAnim1;
  animation-name: pageFigureAnim1;
  -webkit-animation-duration: 20s;
  animation-duration: 20s;
  }

.pageBackgroundFigure-2 {
  -webkit-transform-origin: 500px -100px;
  transform-origin: 500px -100px;
  -webkit-animation-name: pageFigureAnim2;
  animation-name: pageFigureAnim2;
  -webkit-animation-duration: 32s;
  animation-duration: 32s;
  }

.pageBackgroundFigure-3 {
  -webkit-animation-name: pageFigureAnim1;
  animation-name: pageFigureAnim1;
  -webkit-animation-duration: 30s;
  animation-duration: 30s;
  }

.pageBackgroundFigure-4 {
  -webkit-transform-origin: 350px 40px;
  transform-origin: 350px 40px;
  -webkit-animation-name: pageFigureAnim2;
  animation-name: pageFigureAnim2;
  -webkit-animation-duration: 35s;
  animation-duration: 35s;
  }

.pageBackgroundFigure-5 {
  -webkit-animation-name: pageFigureAnim1;
  animation-name: pageFigureAnim1;
  -webkit-animation-duration: 35s;
  animation-duration: 35s;
  }

.pageBackgroundFigure-6 {
  -webkit-animation-name: pageFigureAnim1;
  animation-name: pageFigureAnim1;
  -webkit-animation-duration: 40s;
  animation-duration: 40s;
  }

.pageBackgroundFigure-7 {
  -webkit-animation-name: pageFigureAnim2;
  animation-name: pageFigureAnim2;
  -webkit-animation-duration: 23s;
  animation-duration: 23s;
  }

.pageBackgroundFigure-8 {
  -webkit-animation-name: pageFigureAnim2;
  animation-name: pageFigureAnim2;
  -webkit-animation-duration: 25s;
  animation-duration: 25s;
  }

.pageBackground-is-hidden .pageBackgroundFigure {
  -webkit-animation-name: none;
  animation-name: none;
  }

@-webkit-keyframes pageFigureAnim1 {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    }

  100% {
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    }

  }

@keyframes pageFigureAnim1 {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    }

  100% {
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    }

  }

@-webkit-keyframes pageFigureAnim2 {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    }

  100% {
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
    }

  }

@keyframes pageFigureAnim2 {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    }

  100% {
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
    }

  }

.breadCrumbs {
  position: relative;
  left: -10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-ordinal-group: -1;
  -ms-flex-order: -2;
  order: -2;
  padding: .75em 10px;
  margin: 0 0 10px;
  background: #fff;
  font-size: 12px;
  font-size: .75rem;
  list-style: none;
  }

.pageHeader-has-hero .breadCrumbs {
  background: none;
  }

@media only screen and (max-width: 45em) {

  .breadCrumbs {
    left: -5px;
    -webkit-box-ordinal-group: -2;
    -ms-flex-order: -3;
    order: -3;
    padding: .75em 5px;
    font-size: 10px;
    font-size: .62rem;
    }

  }

.breadCrumb {
  padding: 0;
  margin: 0 .25em 0 0;
  white-space: nowrap;
  }

.breadCrumb:after {
  position: relative;
  content: '/';
  display: inline;
  }

.breadCrumb:last-child:first-child:after {
  display: inline;
  }

.breadCrumbLink {
  text-decoration: none;
  }

.cards {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 100px 14.3% 120px 14.3%;
  }

.cards_index_dec_1 {
  z-index: -1;
  }

.menuContent .cards {
  z-index: -1;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  overflow: hidden;
  padding: 100px 50px;
  margin: -100px 0 -70px;
  background: #fff;
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
  }

@media only screen and (max-width: 61.25em) {

  .cards {
    overflow: hidden;
    padding: 60px 20px;
    margin: -60px 0;
    }

  .menuContent .cards {
    padding: 0 50px;
    margin: 0 0 30px;
    }

  }

@media only screen and (max-width: 45em) {

  .cards {
    display: block;
    }

  .menuContent .cards {
    display: none;
    }

  }

.cardLink {
  position: relative;
  display: block;
  width: 45%;
  padding: 0 0 60px 0;
  color: #212121;
  font-weight: bold;
  font-size: 30px;
  font-size: 1.88rem;
  text-decoration: none;
  line-height: 1.25;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  }

.cardLink:visited,
.cardLink:hover,
.cardLink:active {
  color: #212121;
  }

.menuContent .cardLink {
  font-size: 25px;
  font-size: 1.56rem;
  }

@media only screen and (max-width: 61.25em) {

  .cardLink {
    font-size: 26px;
    font-size: 1.62rem;
    }

  }

@media only screen and (max-width: 45em) {

  .cardLink {
    width: auto;
    margin: 30px 5%;
    }

  }

.cardImage {
  display: block;
  width: 70%;
  height: auto;
  margin: 0 auto;
  }

@media only screen and (max-width: 45em) {

  .cardImage {
    width: 80%;
    }

  }

.cardName {
  position: absolute;
  right: 0;
  left: 0;
  padding: 5px 10px;
  text-align: center;
  }

.cardName:after {
  position: relative;
  top: -.075em;
  left: .4em;
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  border-width: 2px 2px 0 0;
  border-style: solid;
  border-color: currentColor;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  }

@media only screen and (max-width: 45em) {

  .cardName {
    font-size: 20px;
    font-size: 1.25rem;
    }

  .cardName:after {
    top: -.05em;
    left: .25em;
    width: 6px;
    height: 6px;
    }

  }

.cardBackground {
  position: absolute;
  z-index: -1;
  top: -25%;
  width: 175%;
  height: 175%;
  pointer-events: none;
  }

.cardBackground-gift {
  left: -60%;
  }

.cardBackground-bonus {
  left: -65%;
  }

.heading_text_block span,
.data_list_block span {
  font-weight: 600;
  font-style: normal;
  font-size: 17px;
  line-height: 21px;
  }

.static_width_flying {
  width: 1920px;
  height: 932px;
  background: #fff;
  }

.width_ins_flying {
  width: 1602px;
  min-height: 850px;
  padding-top: 45px;
  margin: 0 auto;
  }

.table_block_flying {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 1445px;
  height: auto;
  padding-top: 121px;
  margin: 0 auto;
  }

.table_block_flying span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 20%;
  text-align: center;
  }

.flex_style_center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  }

.heading_text_block {
  padding-bottom: 9px;
  border-bottom: 1px solid #dbe2e5;
  }

.heading_text_block span {
  color: #797979;
  }

.data_list_block span {
  margin-top: 31px;
  color: #a0a0a0;
  }

.chatOpenLink {
  position: fixed;
  z-index: 10;
  right: 50px;
  bottom: 65px;
  display: none;
  width: 92px;
  height: 92px;
  border-radius: 50%;
  background-color: #cdda3a;
  background-image: url('/images/chatBg.png');
  background-position: center;
  background-repeat: no-repeat;
  -webkit-filter: drop-shadow(0 5px 10px rgba(0, 0, 0, .1));
  filter: drop-shadow(0 5px 10px rgba(0, 0, 0, .1));
  -webkit-transition: -webkit-transform .2s;
  transition: -webkit-transform .2s;
  transition: transform .2s;
  transition: transform .2s, -webkit-transform .2s;
  }

.chatOpenLink-is-high {
  -webkit-transform: translateY(-170%);
  transform: translateY(-170%);
  }

@media only screen and (max-width: 61.25em) {

  .chatOpenLink {
    position: absolute;
    top: 0;
    right: 20px;
    display: block;
    width: 70px;
    height: 70px;
    background-size: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    }

  }

@media only screen and (max-width: 45em) {

  .chatOpenLink {
    width: 50px;
    height: 50px;
    }

  }

.myButtonWrapper {
  display: none !important;
  -webkit-transition: -webkit-transform .2s;
  transition: -webkit-transform .2s;
  transition: transform .2s;
  transition: transform .2s, -webkit-transform .2s;
  }

@media only screen and (max-width: 45em) {

  .myButtonWrapper {
    display: block !important;
    }

  }

.gwc-chat .gwc-chat-frm-control {
  font-size: 16px !important;
  }

.gcb-startBtnsContainer {
  display: none;
  }

.gcb-startBtnsContainer.gcb-hasChatBtn {
  left: 100% !important;
  width: 92px !important;
  height: 92px !important;
  margin: 0 0 0 -120px !important;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  }

@media only screen and (max-width: 45em) {

  .gcb-startBtnsContainer.gcb-hasChatBtn {
    -webkit-transform: translateY(-80%) translateX(30px) scale(.65);
    transform: translateY(-80%) translateX(30px) scale(.65);
    }

  }

@media only screen and (max-width: 45em) {

  .gcb-startBtnsContainer {
    display: block !important;
    }

  }

.content {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 135px 0 0;
  -webkit-transition: opacity .4s, -webkit-transform .4s;
  transition: opacity .4s, -webkit-transform .4s;
  transition: opacity .4s, transform .4s;
  transition: opacity .4s, transform .4s, -webkit-transform .4s;
  }

@media only screen and (max-width: 61.25em) {

  .content {
    padding: 85px 0 0;
    }

  }

@media only screen and (max-width: 45em) {

  .content {
    padding: 0;
    }

  }

.js-content-is-hidden {
  opacity: 0;
  -webkit-transform: translateY(100px);
  transform: translateY(100px);
  }

.js-fluidItem {
  -webkit-transform: translateX(-65%);
  transform: translateX(-65%);
  }

.js-fluidItem-is-active {
  -webkit-transform: scale(1.75);
  transform: scale(1.75);
  }

.js-fluidItem-is-prev {
  -webkit-transform: scale(1.15) translateX(-50%);
  transform: scale(1.15) translateX(-50%);
  }

.js-fluidItem-is-next {
  -webkit-transform: scale(1.15) translateX(50%);
  transform: scale(1.15) translateX(50%);
  }

.js-fluidItem-is-next ~ .js-fluidItem {
  -webkit-transform: translateX(65%);
  transform: translateX(65%);
  }

@media only screen and (max-width: 45em) {

  .js-fluidItem {
    position: absolute;
    top: 0;
    opacity: 0;
    }

  .js-fluidItem-is-active {
    opacity: 1;
    }

  }

/* Fonts */

@font-face {
  font-weight: normal;
  font-style: normal;
  font-family: 'Roboto';
  src: url('../fonts/Roboto/roboto-regular.eot');
  src: url('../fonts/Roboto/roboto-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto/roboto-regular.woff2') format('woff2'), url('../fonts/Roboto/roboto-regular.woff') format('woff'), url('../fonts/Roboto/roboto-regular.ttf') format('truetype');
  }

@font-face {
  font-weight: bold;
  font-style: normal;
  font-family: 'Roboto';
  src: url('../fonts/Roboto/roboto-bold.eot');
  src: url('../fonts/Roboto/roboto-bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto/roboto-bold.woff2') format('woff2'), url('../fonts/Roboto/roboto-bold.woff') format('woff'), url('../fonts/Roboto/roboto-bold.ttf') format('truetype');
  }

.font-Roboto-is-loaded {
  font-family: 'Roboto', 'Segoe UI', Roboto, 'Droid Sans', 'Helvetica Neue', Helvetica, Calibri, Arial, sans-serif;
  }

@font-face {
  font-weight: normal;
  font-style: normal;
  font-family: 'PT Sans';
  src: url('../fonts/PTSans/ptsans-regular.eot');
  src: url('../fonts/PTSans/ptsans-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/PTSans/ptsans-regular.woff2') format('woff2'), url('../fonts/PTSans/ptsans-regular.woff') format('woff'), url('../fonts/PTSans/ptsans-regular.ttf') format('truetype');
  }

@font-face {
  font-weight: bold;
  font-style: normal;
  font-family: 'PT Sans';
  src: url('../fonts/PTSans/ptsans-bold.eot');
  src: url('../fonts/PTSans/ptsans-bold.eot?#iefix') format('embedded-opentype'), url('../fonts/PTSans/ptsans-bold.woff2') format('woff2'), url('../fonts/PTSans/ptsans-bold.woff') format('woff'), url('../fonts/PTSans/ptsans-bold.ttf') format('truetype');
  }

.font-PTSans-is-loaded {
  font-family: 'PT Sans', 'Segoe UI', Roboto, 'Droid Sans', 'Helvetica Neue', Helvetica, Calibri, Arial, sans-serif;
  }

@font-face {
  font-weight: normal;
  font-style: normal;
  font-family: 'Open Sans';
  src: url('../fonts/OpenSans/opensans-regular.eot');
  src: url('../fonts/OpenSans/opensans-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans/opensans-regular.woff2') format('woff2'), url('../fonts/OpenSans/opensans-regular.woff') format('woff'), url('../fonts/OpenSans/opensans-regular.ttf') format('truetype');
  }

@font-face {
  font-weight: bold;
  font-style: normal;
  font-family: 'Open Sans';
  src: url('../fonts/OpenSans/opensans-bold.eot');
  src: url('../fonts/OpenSans/opensans-bold.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans/opensans-bold.woff2') format('woff2'), url('../fonts/OpenSans/opensans-bold.woff') format('woff'), url('../fonts/OpenSans/opensans-bold.ttf') format('truetype');
  }

.font-OpenSans-is-loaded .footerNavLink,
.font-OpenSans-is-loaded .profilePreviewSubscription li,
.profilePreviewSubscription .font-OpenSans-is-loaded li {
  font-family: 'Open Sans', 'Segoe UI', Roboto, 'Droid Sans', 'Helvetica Neue', Helvetica, Calibri, Arial, sans-serif;
  }

/* Fonts for gift card*/

@font-face {
  font-weight: 400;
  font-style: normal;
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat/Montserrat-Regular.eot?') format('eot'), url('../fonts/Montserrat/Montserrat-Regular.ttf') format('truetype'), url('../fonts/Montserrat/Montserrat-Regular.woff') format('woff');
  }

@font-face {
  font-weight: 500;
  font-style: normal;
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat/Montserrat-Medium.eot?') format('eot'), url('../fonts/Montserrat/Montserrat-Medium.ttf') format('truetype'), url('../fonts/Montserrat/Montserrat-Medium.woff') format('woff');
  }

@font-face {
  font-weight: 600;
  font-style: normal;
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat/Montserrat-SemiBold.eot?') format('eot'), url('../fonts/Montserrat/Montserrat-SemiBold.ttf') format('truetype'), url('../fonts/Montserrat/Montserrat-SemiBold.woff') format('woff');
  }

@font-face {
  font-weight: 700;
  font-style: normal;
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat/Montserrat-Bold.eot?') format('eot'), url('../fonts/Montserrat/Montserrat-Bold.ttf') format('truetype'), url('../fonts/Montserrat/Montserrat-Bold.woff') format('woff');
  }

.highlight {
  position: relative;
  display: block;
  color: rgba(255, 255, 255, 0);
  font-size: 0;
  letter-spacing: 0;
  vertical-align: middle;
  word-spacing: 0;
  }

.highlight:before,
.highlight:after {
  content: attr(data-text);
  text-indent: 0;
  letter-spacing: normal;
  word-spacing: normal;
  }

.highlight:before {
  position: relative;
  display: inline;
  color: #fff;
  background: #fff;
  }

.highlight:after {
  position: absolute;
  top: 0;
  left: 10px;
  display: block;
  width: 100%;
  color: #212121;
  }

.tagFilterToggle .highlight:before {
  color: transparent;
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-filter: none;
  filter: none;
  }

@media only screen and (max-width: 61.25em) {

  .highlight:after {
    left: 10px;
    }

  }

@media only screen and (max-width: 45em) {

  .pageHeader .tagFilterToggle .highlight:before {
    color: transparent;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-filter: none;
    filter: none;
    }

  .highlight:before {
    left: 0;
    }

  .highlight:after {
    left: 5px;
    }

  }

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {

  .hero-is-changing .highlight:before,
  .hero-is-changing .highlight:after {
    content: attr(data-text) '';
    }

  }

.language {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  font-weight: bold;
  font-size: 12px;
  font-size: .75rem;
  text-align: right;
  }

.header .language {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  }

@media only screen and (max-width: 45em) {

  .language {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 36px 0 0;
    margin: 2.25rem 0 0;
    font-size: 20px;
    font-size: 1.25rem;
    }

  }

.languageLink {
  position: relative;
  display: block;
  margin: 0 0 0 10px;
  color: currentColor;
  text-decoration: none;
  }

.languageLink:visited {
  color: currentColor;
  }

.languageLink:hover,
.languageLink:active {
  color: #263238;
  }

.languageLink:before {
  position: absolute;
  top: -5px;
  right: -5px;
  bottom: -5px;
  left: -5px;
  content: '';
  display: block;
  }

.languageLink-is-active {
  color: #263238;
  }

.languageLink-is-active:visited,
.languageLink-is-active:hover,
.languageLink-is-active:active {
  color: #263238;
  }

@media only screen and (max-width: 45em) {

  .languageLink {
    padding: 10px;
    }

  }

.linkOtherSection {
  font-size: 14px;
  font-size: .88rem;
  line-height: 1.75;
  }

.formLog {
  position: fixed;
  z-index: 203;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  height: 100%;
  }

.formLogContent {
  position: relative;
  width: 800px;
  padding: 50px 150px 75px;
  background: #fff;
  }

@media only screen and (max-width: 45em) {

  .formLogContent {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 40px 20px 20px;
    }

  }

.formLogHeader {
  margin: 0 0 15px;
  font-weight: bold;
  font-size: 42px;
  font-size: 2.62rem;
  line-height: 1.5;
  }

.formLogHeader:empty {
  display: none;
  }

@media only screen and (max-width: 45em) {

  .formLogHeader {
    font-size: 29px;
    font-size: 1.81rem;
    }

  }

.formLogMessage:empty {
  display: none;
  }

.formLogClose {
  position: absolute;
  top: 20px;
  right: 20px;
  display: block;
  overflow: hidden;
  width: 60px;
  height: 0;
  padding: 60px 0 0;
  color: #607d8b;
  }

.formLogClose:visited,
.formLogClose:hover,
.formLogClose:active {
  color: #607d8b;
  }

.formLogClose:before,
.formLogClose:after {
  position: absolute;
  top: 50%;
  left: 50%;
  content: '';
  display: block;
  width: 30px;
  height: 2px;
  background: currentColor;
  }

.formLogClose:before {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
  }

.formLogClose:after {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
  }

@media only screen and (max-width: 45em) {

  .formLogClose {
    top: 0;
    right: 0;
    width: 30px;
    padding: 30px 0 0;
    }

  .formLogClose:before,
  .formLogClose:after {
    position: absolute;
    top: 50%;
    left: 50%;
    content: '';
    display: block;
    width: 22.5px;
    height: 2px;
    background: currentColor;
    }

  }

.formHomeLink {
  display: none;
  width: 120px;
  height: 60px;
  margin: 10px auto 0;
  color: #cfd8dc;
  background: #263238;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 60px;
  -webkit-transition: color .2s;
  transition: color .2s;
  }

.formHomeLink:visited {
  color: #cfd8dc;
  }

.formHomeLink:hover,
.formHomeLink:active {
  color: #e9edef;
  }

.formHomeLink-is-visible .formHomeLink {
  display: block;
  }

.subscribeModalGlobal {
  position: fixed;
  z-index: 999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #1d1d1b;
  background: rgba(255, 255, 255, .2);

  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  }

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

.subscribeModalGlobal__close {
  position: absolute;
  top: -40px;
  right: -40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 40px;
  height: 40px;
  cursor: pointer;
  }

.subscribeModalGlobal__close-wrap {
  position: relative;
  width: 20px;
  height: 20px;
  }

.subscribeModalGlobal__close-wrap:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 9px;
  content: '';
  display: block;
  width: 2px;
  margin: auto;
  background-color: #1d1d1b;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  }

.subscribeModalGlobal__close-wrap:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 9px;
  content: '';
  display: block;
  width: 2px;
  margin: auto;
  background-color: #1d1d1b;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  }

@media (max-width: 560px) {

  .subscribeModalGlobal__close {
    right: -13px;
    }

  }

.subscribeModalGlobal__content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 600px;
  height: 300px;
  background-color: #fff;
  }

@media (max-width: 560px) {

  .subscribeModalGlobal__content {
    width: 180px;
    height: auto;
    }

  }

.subscribe-tg {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  height: 100%;
  padding-left: 40px;
  border: 7px solid #1d1d1b;
  font-family: 'Montserrat';
  }

@media (max-width: 560px) {

  .subscribe-tg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 300px;
    padding: 0 13px;
    border: 2px solid #1d1d1b;
    }

  }

.subscribe-tg__icon {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 72px;
  height: 72px;
  border: 1px solid #000;
  border-radius: 50%;
  margin: auto;
  background-color: #64fffb;
  background-image: url('/images/subscribe-tg/subscribe-tg_icon.svg');
  background-position: center;
  background-repeat: no-repeat;
  }

@media (max-width: 560px) {

  .subscribe-tg__icon {
    top: 100px;
    right: auto;
    left: 40px;
    width: 45px;
    height: 45px;
    background-size: 26px;
    }

  }

.subscribe-tg__icon svg {
  display: block;
  width: 100%;
  height: 100%;
  }

.subscribe-tg__title {
  text-align: left;
  line-height: 1.1;
  }

@media (max-width: 560px) {

  .subscribe-tg__title {
    margin-top: 13px;
    margin-bottom: 0;
    font-size: 11px;
    text-align: center;
    }

  }

.subscribe-tg__title strong {
  display: block;
  margin: 10px 0;
  font-size: 21px;
  text-transform: uppercase;
  }

@media (max-width: 560px) {

  .subscribe-tg__title strong {
    margin: 3px 0;
    font-size: 14px;
    }

  }

.subscribe-tg__title i {
  font-weight: bold;
  font-style: normal;
  font-size: 21px;
  }

@media (max-width: 560px) {

  .subscribe-tg__title i {
    font-size: 14px;
    text-align: center;
    }

  }

.subscribe-tg__text {
  margin-bottom: 20px;
  text-align: left;
  line-height: 1.4;
  }

@media (max-width: 560px) {

  .subscribe-tg__text {
    margin-top: 3px;
    margin-bottom: 7px;
    font-size: 11px;
    text-align: center;
    }

  }

.subscribe-tg__descr {
  position: relative;
  z-index: 1;
  width: 55%;
  margin-bottom: 23px;
  }

@media (max-width: 560px) {

  .subscribe-tg__descr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: 100%;
    }

  }

.subscribe-tg__img-1 {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  width: 62%;
  background-image: url('/images/subscribe-tg/subscribe-tg_img-3.svg');
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  }

@media (max-width: 560px) {

  .subscribe-tg__img-1 {
    display: none;
    }

  }

.subscribe-tg__img-mobile {
  position: absolute;
  bottom: 0;
  display: none;
  width: 100%;
  height: 200px;
  margin: 0 auto;
  background-image: url('/images/subscribe-tg/subscribe-tg-mobile-1.svg');
  background-position: center bottom;
  background-repeat: no-repeat;
  }

@media (max-width: 560px) {

  .subscribe-tg__img-mobile {
    display: block;
    }

  }

.subscribe-tg__btn {
  display: inline-block;
  padding: 10px 12px;
  border: 1px solid #1d1d1b;
  border-radius: 17px;
  color: #1d1d1b !important;
  background-color: #9969e3;
  font-size: 12px;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  }

.subscribe-tg__btn:hover {
  color: #fff !important;
  background-color: #6324c6;
  font-weight: 300;
  text-decoration: none;
  }

@media (max-width: 560px) {

  .subscribe-tg__btn {
    display: block;
    padding: 7px 0;
    font-size: 7px;
    text-align: center;
    line-height: 1;
    }

  }

.js-masonry {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  }

.js-masonry-is-set {
  margin: 0;
  }

.js-masonryElement {
  position: absolute;
  left: 0;
  margin: 0;
  }

@media only screen and (max-width: 45em) {

  .js-masonryElement {
    position: relative;
    }

  }

.article ~ .masonryGallerySection {
  margin-top: 30px;
  }

.massonryItemsContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0;
  }

.massonry-galety-item {
  display: inline-block;
  width: 32%;
  width: calc(33.333% - 13px);
  margin: 0 0 20px;
  }

@media only screen and (max-width: 45em) {

  .massonry-galety-item {
    width: 100%;
    margin: 0 0 10px;
    }

  }

.massonry-galety-item img {
  display: block;
  width: 100%;
  opacity: 0;
  -webkit-transition: opacity .5s;
  transition: opacity .5s;
  }

@media only screen and (max-width: 45em) {

  .massonry-galety-item img {
    opacity: 1;
    }

  }

.massonry-galety-item.js-masonryElement img {
  opacity: 1;
  }

.massonry-galety-item iframe,
.massonry-galety-item video {
  width: 100%;
  }

.massonry-galety-video-item:not(.js-masonryElement) {
  position: relative;
  }

.massonry-galety-video-item::after {
  position: absolute;
  top: 50%;
  left: 50%;
  content: '';
  display: block;
  width: 50px;
  height: 50px;
  background: url('/assets/lightgallery/img/video-play.png') no-repeat;
  background-size: contain;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: opacity .4s;
  transition: opacity .4s;
  }

@media only screen and (max-width: 45em) {

  .massonry-galety-video-item::after {
    opacity: .7;
    }

  }

.massonry-galety-video-item.js-masonryElement::after {
  opacity: .7;
  }

.massonry-galety-video-item:hover::after {
  opacity: 1;
  }

.lg-backdrop.in {
  opacity: .8 !important;
  }

.lightgallery .lg-toolbar {
  background: none;
  }

.lightgallery .lg-toolbar .lg-icon {
  background-color: rgba(0, 0, 0, .45);
  }

.lightgallery.lg-hide-items .lg-toolbar,
.lightgallery.lg-hide-items .lg-prev,
.lightgallery.lg-hide-items .lg-next {
  opacity: 1;
  }

@media only screen and (max-width: 61.25em) {

  .lightgallery.lg-hide-items .lg-toolbar,
  .lightgallery.lg-hide-items .lg-prev,
  .lightgallery.lg-hide-items .lg-next {
    -webkit-transform: none;
    transform: none;
    }

  }

@media only screen and (max-width: 61.25em) {

  .lightgallery .lg-actions .lg-prev {
    left: 0;
    }

  }

@media only screen and (max-width: 61.25em) {

  .lightgallery .lg-actions .lg-next {
    right: 0;
    }

  }

@media only screen and (max-width: 45em) {

  .lightgallery .lg-actions .lg-prev,
  .lightgallery .lg-actions .lg-next {
    padding: 3px 5px;
    font-size: 16px;
    }

  }

.lightgallery .lg-has-poster {
  -o-object-fit: contain;
  object-fit: contain;
  }

.lg-outer.lg-start-zoom.lightgallery .lg-object {
  -webkit-transform: none !important;
  transform: none !important;
  }

.lg-outer.lightgallery .lg-has-youtube .lg-video-play,
.lg-outer.lightgallery .lg-has-vimeo .lg-video-play {
  width: 64px;
  height: 64px;
  background: url('/assets/lightgallery/img/video-play.png') no-repeat;
  opacity: .8 !important;
  }

.lg-outer.lightgallery .lg-has-youtube:hover .lg-video-play,
.lg-outer.lightgallery .lg-has-vimeo:hover .lg-video-play {
  background: url('/assets/lightgallery/img/video-play.png') no-repeat;
  opacity: 1 !important;
  }

.load-status {
  margin-top: 30px;
  text-align: center;
  opacity: 1;
  -webkit-transition: opacity .2s;
  transition: opacity .2s;
  }

.load-status.js-hidden {
  opacity: 0;
  }

@-webkit-keyframes ldioinner {
  0% {
    -webkit-transform: translate(3px, 20px) scale(0);
    transform: translate(3px, 20px) scale(0);
    }

  25% {
    -webkit-transform: translate(3px, 20px) scale(0);
    transform: translate(3px, 20px) scale(0);
    }

  50% {
    -webkit-transform: translate(3px, 20px) scale(1);
    transform: translate(3px, 20px) scale(1);
    }

  75% {
    -webkit-transform: translate(20px, 20px) scale(1);
    transform: translate(20px, 20px) scale(1);
    }

  100% {
    -webkit-transform: translate(37px, 20px) scale(1);
    transform: translate(37px, 20px) scale(1);
    }

  }

@keyframes ldioinner {
  0% {
    -webkit-transform: translate(3px, 20px) scale(0);
    transform: translate(3px, 20px) scale(0);
    }

  25% {
    -webkit-transform: translate(3px, 20px) scale(0);
    transform: translate(3px, 20px) scale(0);
    }

  50% {
    -webkit-transform: translate(3px, 20px) scale(1);
    transform: translate(3px, 20px) scale(1);
    }

  75% {
    -webkit-transform: translate(20px, 20px) scale(1);
    transform: translate(20px, 20px) scale(1);
    }

  100% {
    -webkit-transform: translate(37px, 20px) scale(1);
    transform: translate(37px, 20px) scale(1);
    }

  }

@-webkit-keyframes ldioinner-r {
  0% {
    -webkit-transform: translate(37px, 20px) scale(1);
    transform: translate(37px, 20px) scale(1);
    }

  100% {
    -webkit-transform: translate(37px, 20px) scale(0);
    transform: translate(37px, 20px) scale(0);
    }

  }

@keyframes ldioinner-r {
  0% {
    -webkit-transform: translate(37px, 20px) scale(1);
    transform: translate(37px, 20px) scale(1);
    }

  100% {
    -webkit-transform: translate(37px, 20px) scale(0);
    transform: translate(37px, 20px) scale(0);
    }

  }

@-webkit-keyframes ldioinner-c {
  0% {
    background: #607d8b;
    }

  25% {
    background: #607d8b;
    }

  50% {
    background: #607d8b;
    }

  75% {
    background: #607d8b;
    }

  100% {
    background: #607d8b;
    }

  }

@keyframes ldioinner-c {
  0% {
    background: #607d8b;
    }

  25% {
    background: #607d8b;
    }

  50% {
    background: #607d8b;
    }

  75% {
    background: #607d8b;
    }

  100% {
    background: #607d8b;
    }

  }

.ldioinner div {
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #607d8b;
  -webkit-transform: translate(20px, 20px) scale(1);
  transform: translate(20px, 20px) scale(1);
  -webkit-animation: ldioinner 1.85s infinite cubic-bezier(0, .5, .5, 1);
  animation: ldioinner 1.85s infinite cubic-bezier(0, .5, .5, 1);
  }

.ldioinner div:nth-child(1) {
  background: #607d8b;
  -webkit-transform: translate(37px, 20px) scale(1);
  transform: translate(37px, 20px) scale(1);
  -webkit-animation: ldioinner-r .46s infinite cubic-bezier(0, .5, .5, 1), ldioinner-c 1.85s infinite step-start;
  animation: ldioinner-r .46s infinite cubic-bezier(0, .5, .5, 1), ldioinner-c 1.85s infinite step-start;
  }

.ldioinner div:nth-child(2) {
  background: #607d8b;
  -webkit-animation-delay: -.4629629629629629s;
  animation-delay: -.4629629629629629s;
  }

.ldioinner div:nth-child(3) {
  background: #607d8b;
  -webkit-animation-delay: -.9259259259259258s;
  animation-delay: -.9259259259259258s;
  }

.ldioinner div:nth-child(4) {
  background: #607d8b;
  -webkit-animation-delay: -1.3888888888888888s;
  animation-delay: -1.3888888888888888s;
  }

.ldioinner div:nth-child(5) {
  background: #607d8b;
  -webkit-animation-delay: -1.8518518518518516s;
  animation-delay: -1.8518518518518516s;
  }

.loadingio-spinner-ellipsis {
  display: inline-block;
  overflow: hidden;
  width: 50px;
  height: 50px;
  background: none;
  opacity: 1;
  }

.ldioinner {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-transform: translateZ(0) scale(1);
  transform: translateZ(0) scale(1);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;

  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  }

.ldioinner div {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  }

@supports ((-o-object-fit: contain) or (object-fit: contain)) {
  .lightgallery.lg-outer .lg-image {
    width: 100% !important;
    height: 100% !important;

    -o-object-fit: contain;
    object-fit: contain;
    }

  }

.instagram-gallery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -10px;
  }

.instagram-gallery .instagram-gallery-link {
  position: relative;
  display: block;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: calc(100%/7 - 20px);
  border: 1px solid #cfd8dc;
  margin: 0 10px 20px;
  }

@media only screen and (max-width: 61.25em) {

  .instagram-gallery .instagram-gallery-link {
    width: calc(100%/3 - 20px);
    }

  .instagram-gallery .instagram-gallery-link:not(.instagram-gallery-link-mobile) {
    display: none;
    }

  }

@media only screen and (max-width: 45em) {

  .instagram-gallery .instagram-gallery-link {
    width: calc(100%/2 - 20px);
    }

  }

.instagram-gallery .instagram-gallery-link img {
  width: 100%;

  -o-object-fit: cover;
  object-fit: cover;
  }

.instagram-gallery .instagram-gallery-link .instagram-gallery-info {
  position: absolute;
  z-index: 2;
  top: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 10px;
  color: #fff;
  background: rgba(0, 0, 0, .6);
  opacity: 0;
  -webkit-transition: all .4s;
  transition: all .4s;
  }

@media only screen and (max-width: 45em) {

  .instagram-gallery .instagram-gallery-link .instagram-gallery-info {
    display: none;
    }

  }

.instagram-gallery .instagram-gallery-link:hover .instagram-gallery-info {
  top: 0;
  opacity: 1;
  }

.instagram-gallery .instagram-galery-count {
  position: relative;
  display: inline-block;
  padding: 2px 0 0 20px;
  margin-right: 7px;
  font-size: 16px;
  line-height: .9;
  vertical-align: middle;
  }

.instagram-gallery .instagram-galery-count-likes {
  background: url('../images/heart_icon.svg') top left no-repeat;
  }

.instagram-gallery .instagram-galery-count-coments {
  background: url('../images/coments_icon.svg') top left no-repeat;
  }

@media only screen and (min-width: 85.31em) {

  .instagram-gallery .instagram-galery-count {
    font-size: 18px;
    }

  }

@supports (display: grid) {
  .instagram-gallery {
    display: -ms-grid;
    display: grid;
    margin: 0;

    -ms-grid-columns: (1fr)[7];
    grid-template-columns: repeat(7, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    }

  .instagram-gallery .instagram-gallery-link {
    width: 100% !important;
    margin: 0 !important;
    }

  @media only screen and (max-width: 61.25em) {

    .instagram-gallery {
      -ms-grid-columns: (1fr)[3];
      grid-template-columns: repeat(3, 1fr);
      }

    }

  @media only screen and (max-width: 45em) {

    .instagram-gallery {
      -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr);
      }

    }

  }

.instagram-gallery-container .load {
  margin-top: 20px;
  }

.recycle-desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin: 50px 0;
  }

@media only screen and (max-width: 45em) {

  .recycle-desc {
    margin: 20px 0 20px 0;
    }

  }

.recycle-desc-text p {
  margin: 0 0 10px 0;
  }

.recycle-desc-img {
  margin-right: 30px;
  }

@media only screen and (max-width: 61.25em) {

  .recycle-desc-img {
    display: none;
    }

  }

.recycle-desc-img img {
  width: 180px;
  }

.ecoCategory {
  margin-top: 30px !important;
  margin-right: 14.3% !important;
  margin-bottom: 50px !important;
  margin-left: 14.3% !important;
  }

@media only screen and (max-width: 45em) {

  .ecoCategory {
    margin-right: 6.3% !important;
    margin-bottom: 0 !important;
    margin-left: 6.3% !important;
    }

  }

.ecoCategory .js-filtered {
  padding-bottom: 0;
  }

.ecoCategory .storesHolder {
  margin-bottom: 0;
  }

.ecoCategory .article-recycle-small {
  margin: 60px 0;
  }

@media only screen and (max-width: 45em) {

  .ecoCategory .article-recycle-small {
    margin: 0;
    }

  }

.category-slider-recycle {
  padding-top: 30px;
  }

.category-slider-recycle .categoryName {
  left: 10%;
  }

@media only screen and (max-width: 61.25em) {

  .category-slider-recycle .categorySliderHolder {
    padding: 0 100px;
    margin: 0 calc(14.3% - 100px);
    }

  }

@media only screen and (max-width: 45em) {

  .category-slider-recycle .categorySliderHolder {
    padding: 0 6.3%;
    margin: 0;
    }

  }

.article-recycle {
  margin: 0 14.3% !important;
  }

@media only screen and (max-width: 45em) {

  .article-recycle {
    margin: 0 6.3% !important;
    }

  }

.article-recycle p:last-of-type {
  margin-bottom: 0;
  }

@media only screen and (max-width: 61.25em) {

  .article-recycle h2 {
    font-size: 1rem;
    }

  }

.ecoNoResults {
  color: #757575;
  font-size: 1.12rem;
  line-height: 1.5;
  }

@media only screen and (max-width: 45em) {

  .ecoNoResults {
    font-size: 14px;
    }

  }

.measurer {
  position: absolute;
  z-index: -10;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  }

.quickForm {
  width: 600px;
  }

@media only screen and (max-width: 61.25em) {

  .quickForm {
    width: auto;
    }

  }

.scrollUp {
  position: fixed;
  z-index: 204;
  bottom: 30px;
  left: 90px;
  display: block;
  overflow: hidden;
  width: 65px;
  height: 65px;
  color: #cfd8dc;
  background: #263238;
  text-indent: -10000px;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateX(-10000px);
  transform: translateX(-10000px);
  -webkit-transition: color .2s, opacity .4s, visibility .4s step-end, -webkit-transform .4s step-end;
  transition: color .2s, opacity .4s, visibility .4s step-end, -webkit-transform .4s step-end;
  transition: color .2s, opacity .4s, visibility .4s step-end, transform .4s step-end;
  transition: color .2s, opacity .4s, visibility .4s step-end, transform .4s step-end, -webkit-transform .4s step-end;
  }

.scrollUp:visited {
  color: #cfd8dc;
  }

.scrollUp:hover,
.scrollUp:active {
  color: #e9edef;
  }

.scrollUp:before {
  position: absolute;
  top: 50%;
  left: 50%;
  content: '';
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 10px;
  height: 10px;
  border-width: 2px 2px 0 0;
  border-style: solid;
  border-color: currentColor;
  margin: -5px 0 0 -5px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  }

.scrollUp-is-active {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: color .2s, opacity .4s, visibility .4s step-start, -webkit-transform .4s step-start;
  transition: color .2s, opacity .4s, visibility .4s step-start, -webkit-transform .4s step-start;
  transition: color .2s, opacity .4s, visibility .4s step-start, transform .4s step-start;
  transition: color .2s, opacity .4s, visibility .4s step-start, transform .4s step-start, -webkit-transform .4s step-start;
  }

@media only screen and (max-width: 45em) {

  .scrollUp {
    display: none;
    }

  }

.services {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  }

@media only screen and (max-width: 45em) {

  .services {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    }

  }

.servicesCategory {
  padding: 0;
  margin: 0;
  }

@media only screen and (max-width: 45em) {

  .servicesCategory {
    padding: 0 20px 0 0;
    }

  }

.service {
  position: relative;
  display: block;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: calc(25% - 6.67px);
  color: #fff;
  background-size: cover;
  background-repeat: no-repeat;
  font-weight: bold;
  font-size: 16px;
  font-size: 1rem;
  text-decoration: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  }

.service:visited,
.service:hover,
.service:active {
  color: #fff;
  }

.service:not(:last-of-type) {
  margin: 0 8px 0 0;
  }

.service:before {
  position: relative;
  content: '';
  display: block;
  padding: 46.8% 0 0;
  }

.service:after {
  position: absolute;
  bottom: 25px;
  left: 20px;
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  border-width: 2px 2px 0 0;
  border-style: solid;
  border-color: currentColor;
  margin: -5px 0 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  }

.service-kids {
  background-image: url('../images/serviceOrange.svg');
  }

.service-special {
  background-image: url('../images/serviceRed.svg');
  }

.service-recycle,
.service-atm {
  background-image: url('../images/serviceBlue.svg');
  }

.service-all {
  background-image: url('../images/serviceGreen.svg');
  }

@media only screen and (max-width: 45em) {

  .service {
    width: calc(50% - 4px);
    min-width: 135px;
    }

  .service:not(:last-of-type) {
    margin: 0 2px;
    }

  .service:before {
    padding: 55.555% 0 0;
    }

  .service:after {
    bottom: 15px;
    left: 10px;
    width: 6px;
    height: 6px;
    }

  }

@media only screen and (max-width: 61.25em) {

  .service {
    width: calc(25% - 6px);
    }

  .service:after {
    bottom: 15px;
    left: 15px;
    width: 5px;
    height: 5px;
    }

  }

.serviceHeader {
  position: absolute;
  top: 20px;
  left: 25px;
  width: 50%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.25;
  }

@media only screen and (max-width: 45em) {

  .serviceHeader {
    top: 10px;
    left: 10px;
    width: auto;
    font-size: 12px;
    font-size: .75rem;
    line-height: 1;
    }

  }

@media only screen and (max-width: 61.25em) {

  .serviceHeader {
    top: 10px;
    left: 15px;
    font-size: 14px;
    font-size: .88rem;
    }

  }

.serviceSVG {
  position: absolute;
  right: 20px;
  bottom: 20px;
  display: block;
  stroke: currentColor;
  stroke-width: 2;
  fill: none;
  vector-effect: non-scaling-stroke;
  }

.serviceSVG-kids {
  width: 40px;
  height: 44px;
  }

.serviceSVG-special {
  width: 44px;
  height: 42px;
  }

.serviceSVG-recycle {
  width: 44px;
  height: 41px;
  }

.serviceSVG-atm {
  width: 44px;
  height: 41px;
  }

.serviceSVG-all {
  width: 40px;
  height: 42px;
  }

@media only screen and (max-width: 45em) {

  .serviceSVG {
    right: 20px;
    bottom: 15px;
    stroke-width: 3.25;
    }

  .serviceSVG-kids {
    width: 18.77px;
    height: 20.65px;
    }

  .serviceSVG-special {
    width: 20.65px;
    height: 19.71px;
    }

  .serviceSVG-recycle {
    width: 20.65px;
    height: 19.24px;
    }

  .serviceSVG-atm {
    width: 20.65px;
    height: 19.24px;
    }

  .serviceSVG-all {
    width: 18.77px;
    height: 19.71px;
    }

  }

@media only screen and (max-width: 61.25em) {

  .serviceSVG {
    right: 15px;
    bottom: 10px;
    }

  .serviceSVG-kids {
    width: 26.77px;
    height: 29.45px;
    }

  .serviceSVG-special {
    width: 29.45px;
    height: 28.11px;
    }

  .serviceSVG-recycle {
    width: 29.45px;
    height: 27.44px;
    }

  .serviceSVG-atm {
    width: 29.45px;
    height: 27.44px;
    }

  .serviceSVG-all {
    width: 26.77px;
    height: 28.11px;
    }

  }

.header:before,
.formLog,
.shade {
  top: 0;
  left: 0;
  width: 100%;
  background: rgba(207, 216, 220, .7);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .4s, visibility .4s step-end;
  transition: opacity .4s, visibility .4s step-end;
  }

.header-is-shaded:before,
.js-formLog-is-active,
.shade-is-visible {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity .4s, visibility .4s step-start;
  transition: opacity .4s, visibility .4s step-start;
  }

.shade {
  position: fixed;
  height: 100%;
  }

.share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 50px 0 0;
  color: #757575;
  }

.share:before {
  position: relative;
  content: '';
  display: block;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  width: 100%;
  margin: 0 0 15px;
  }

.article + .share,
.text + .share {
  margin: -50px 14.3% 100px;
  }

.pageInfo .share {
  margin: 25px 0 0;
  }

@media only screen and (max-width: 61.25em) {

  .share {
    margin: 30px 0;
    }

  .article + .share,
  .text + .share,
  .aboutSection + .share {
    margin: 60px 0;
    }

  }

@media only screen and (max-width: 45em) {

  .share {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    }

  .article + .share,
  .text + .share,
  .aboutSection + .share {
    margin: 40px 20px;
    }

  }

.shareLink {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  margin: 0 15px 0 0;
  }

@media only screen and (max-width: 45em) {

  .shareLink {
    margin: 0;
    }

  }

.slider-is-fixing {
  -webkit-transition: .1s;
  transition: .1s;
  }

.slider-is-changing {
  -webkit-transition: .4s;
  transition: .4s;
  }

.sliderNavigation-is-disabled {
  cursor: not-allowed;
  pointer-events: none;
  }

.sliderNavigation-is-hidden {
  display: none;
  }

.social {
  position: fixed;
  bottom: 20px;
  left: 50px;
  }

@media only screen and (max-width: 81.25em) {

  .social {
    left: 25px;
    }

  }

@media only screen and (max-width: 61.25em) {

  .social {
    position: relative;
    left: 60%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 250px;
    margin: 30px 0 0;
    -webkit-transform: none;
    transform: none;
    }

  .social:before {
    content: attr(data-text);
    display: block;
    width: 100%;
    color: #212121;
    font-weight: bold;
    font-size: 12px;
    font-size: .75rem;
    text-transform: uppercase;
    }

  }

@media only screen and (max-width: 45em) {

  .social {
    position: relative;
    bottom: 0;
    left: 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 280px;
    max-width: 90%;
    margin: 30px auto 0;
    }

  .social:before {
    display: none;
    }

  }

@media only screen and (max-width: 45em) {

  .socialLink {
    margin: 10px 0;
    }

  }

.subscription {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 510px;
  height: 430px;
  margin: 0 auto 100px;
  text-align: center;
  }

.subscription h2 {
  width: 100%;
  margin: 0 0 15px;
  font-size: 42px;
  font-size: 2.62rem;
  line-height: 1.5;
  }

.subscription .formCheckboxLabel {
  margin: 15px 0 0;
  font-size: 14px;
  font-size: .88rem;
  text-align: left;
  }

@media only screen and (max-width: 45em) {

  .subscription {
    display: block;
    width: auto;
    height: auto;
    padding: 60px 20px;
    background: none;
    }

  .subscription:before {
    display: none;
    }

  .subscription:after {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    display: block;
    background-size: 815px 430px;
    }

  .subscription h2 {
    margin: 0 0 10px;
    font-size: 29px;
    font-size: 1.81rem;
    text-align: left;
    line-height: 1.25;
    }

  }

.subNote {
  width: 520px;
  margin: 0 auto 35px;
  }

.mpItem ~ .subscription .subNote,
.mpSection ~ .subscription .subNote {
  color: #757575;
  }

@media only screen and (max-width: 61.25em) {

  .subNote {
    width: 100%;
    }

  }

@media only screen and (max-width: 45em) {

  .subNote {
    width: auto;
    margin: 0 0 20px;
    font-size: 14px;
    font-size: .88rem;
    text-align: left;
    line-height: 1.5;
    }

  }

.subField,
.subSubmit,
.subscriptionSuccessOK {
  height: 60px;
  }

@media only screen and (max-width: 45em) {

  .subField,
  .subSubmit,
  .subscriptionSuccessOK {
    height: 50px;
    }

  }

.subField {
  display: block;
  width: 100%;
  }

@media only screen and (max-width: 45em) {

  .subField {
    margin: 0 0 20px;
    }

  }

.subSubmit {
  width: 100%;
  margin: 30px 0 0;
  }

.subSubmit:not(:disabled) {
  cursor: pointer;
  }

.subscriptionSecondStep,
.subscriptionSuccess {
  position: fixed;
  z-index: 202;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  width: 100%;
  height: 100%;
  background: rgba(207, 216, 220, .75);
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: opacity .4s, visibility .4s step-end, -webkit-transform .4s step-end;
  transition: opacity .4s, visibility .4s step-end, -webkit-transform .4s step-end;
  transition: opacity .4s, visibility .4s step-end, transform .4s step-end;
  transition: opacity .4s, visibility .4s step-end, transform .4s step-end, -webkit-transform .4s step-end;
  }

@media only screen and (max-width: 45em) {

  .subscriptionSecondStep,
  .subscriptionSuccess {
    z-index: 202;
    display: block;
    }

  }

.js-subscriptionSecondStep-is-active,
.js-subscriptionSuccess-is-active {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: opacity .4s, visibility .4s step-start, -webkit-transform .4s step-start;
  transition: opacity .4s, visibility .4s step-start, -webkit-transform .4s step-start;
  transition: opacity .4s, visibility .4s step-start, transform .4s step-start;
  transition: opacity .4s, visibility .4s step-start, transform .4s step-start, -webkit-transform .4s step-start;
  }

.subscriptionSecondStepContent,
.subscriptionSuccessContent {
  position: relative;
  overflow: auto;
  width: 560px;
  max-height: 100%;
  padding: 80px 150px 50px;
  background: #fff;
  text-align: left;
  }

@media only screen and (max-width: 61.25em) {

  .subscriptionSecondStepContent,
  .subscriptionSuccessContent {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 400px;
    padding: 50px;
    }

  }

@media only screen and (max-width: 45em) {

  .subscriptionSecondStepContent,
  .subscriptionSuccessContent {
    width: auto;
    padding: 25px 30px;
    }

  }

.subscriptionSecondStepMessage,
.subscriptionSuccessMessage {
  margin: 0 0 40px;
  font-size: 18px;
  font-size: 1.12rem;
  line-height: 1.25;
  }

@media only screen and (max-width: 45em) {

  .subscriptionSecondStepMessage,
  .subscriptionSuccessMessage {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.25;
    }

  }

.subscription .formInterestsHolder {
  margin: 0;
  }

.subscription .formLegend {
  padding: 20px 1.5em 0;
  margin: 0 0 15px;
  color: #757575;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1;
  }

.subscriptionSecondStepClose,
.subscriptionSuccessClose {
  position: absolute;
  top: 20px;
  right: 20px;
  display: block;
  overflow: hidden;
  width: 60px;
  height: 0;
  padding: 60px 0 0;
  color: #607d8b;
  }

.subscriptionSecondStepClose:visited,
.subscriptionSecondStepClose:hover,
.subscriptionSecondStepClose:active,
.subscriptionSuccessClose:visited,
.subscriptionSuccessClose:hover,
.subscriptionSuccessClose:active {
  color: #607d8b;
  }

.subscriptionSecondStepClose:before,
.subscriptionSecondStepClose:after,
.subscriptionSuccessClose:before,
.subscriptionSuccessClose:after {
  position: absolute;
  top: 50%;
  left: 50%;
  content: '';
  display: block;
  width: 30px;
  height: 2px;
  background: currentColor;
  }

.subscriptionSecondStepClose:before,
.subscriptionSuccessClose:before {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
  }

.subscriptionSecondStepClose:after,
.subscriptionSuccessClose:after {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
  }

@media only screen and (max-width: 45em) {

  .subscriptionSecondStepClose,
  .subscriptionSuccessClose {
    display: none;
    }

  }

.subscriptionSecondStepPhoneClose {
  display: none;
  }

@media only screen and (max-width: 45em) {

  .subscriptionSecondStepPhoneClose {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    overflow: hidden;
    width: 30px;
    height: 0;
    padding: 30px 0 0;
    color: #607d8b;
    }

  .subscriptionSecondStepPhoneClose:visited,
  .subscriptionSecondStepPhoneClose:hover,
  .subscriptionSecondStepPhoneClose:active {
    color: #607d8b;
    }

  .subscriptionSecondStepPhoneClose:before,
  .subscriptionSecondStepPhoneClose:after {
    position: absolute;
    top: 50%;
    left: 50%;
    content: '';
    display: block;
    width: 22.5px;
    height: 2px;
    background: currentColor;
    }

  .subscriptionSecondStepPhoneClose:before {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
    }

  .subscriptionSecondStepPhoneClose:after {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    }

  }

.subscriptionSuccessHeader {
  margin: 0 0 35px;
  font-weight: bold;
  font-size: 36px;
  font-size: 2.25rem;
  text-align: center;
  }

@media only screen and (max-width: 45em) {

  .subscriptionSuccessHeader {
    font-size: 18px;
    font-size: 1.12rem;
    line-height: 1.5;
    }

  }

.subscriptionSuccessOK {
  display: block;
  width: 100%;
  margin: 30px 0 0;
  text-align: center;
  text-decoration: none;
  line-height: 60px;
  }

.subscriptionBackground {
  position: absolute;
  z-index: -1;
  top: -10%;
  right: -40%;
  left: -40%;
  height: 120%;
  }

@media only screen and (max-width: 61.25em) {

  .subscriptionBackground {
    right: -10%;
    left: -60%;
    }

  }

@media only screen and (max-width: 45em) {

  .subscriptionBackground {
    top: -20%;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    }

  }

.sourceSVG {
  position: absolute;
  top: -10000px;
  left: -10000px;
  }

.about_map {
  width: 100%;
  }

.aboutText .documentLink {
  margin-bottom: 50px;
  }

.babyBuggyWrap {
  margin-top: 15px;
  }

.baby-buggy-form .buggy-textarea {
  height: 150px;
  resize: none;
  }

.baby-buggy-form textarea.error {
  border: 1px solid #f00;
  }

.baby-buggy-form input.error {
  border: 1px solid #f00;
  }

.baby-buggy-form label.error {
  margin-top: -15px;
  margin-bottom: 15px;
  color: #f00;
  font-weight: normal;
  font-size: .88rem;
  }

.baby-buggy-form .error {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  text-align: left;
  }

.baby-buggy-form #feedbackAgree-error {
  margin-top: 10px;
  margin-bottom: 0;
  }

.baby-buggy-form .PP-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  }

.baby-buggy-form .PP-wrap-eng {
  margin-top: 40px;
  }

.baby-buggy-form .error-to-bottom label.error {
  margin-top: 0;
  }

.baby-buggy-form .PK-wrap label.error {
  margin-top: 10px;
  }

.baby-buggy-form .participationItem-first {
  margin-top: 32px;
  margin-top: 2rem;
  }

.baby-buggy-form .participationItem .formLabel {
  margin-top: 0;
  }

.baby-buggy-form .participationItem [type=date] {
  width: 155px;
  }

.baby-buggy-form .fieldDesc {
  font-style: normal;
  text-align: left;
  }

.baby-buggy-form .formItem .formCheckboxLabel {
  margin-top: 0;
  }

.baby-buggy-form .formItem .formCheckboxLabel:before,
.baby-buggy-form .formItem .formCheckboxLabel:after {
  top: 50%;
  margin: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  }

.baby-buggy-form .formLabel {
  margin-top: 32px;
  margin-top: 2rem;
  }

.baby-buggy-form .formItemTitle {
  margin: 45px 0 25px;
  color: #212121;
  font-weight: bold;
  font-size: 18px;
  font-size: 1.12rem;
  text-transform: uppercase;
  }

.baby-buggy-form .qs-datepicker .qs-squares:not(.qs-hidden) {
  margin-top: 10px;
  margin-bottom: 10px;
  }

.baby-buggy-form #feedbackAgree_eng-error {
  margin-top: 0;
  }

.baby-buggy-form .mt50 {
  margin-top: 49px;
  }

.baby-buggy-form .formLabel {
  font-size: 18px;
  }

.baby-buggy-form .formLabelSub {
  display: block;
  margin-top: -10px;
  margin-bottom: 10px;
  font-size: 15px;
  }

.baby-buggy-form .formLabelPlace {
  display: block;
  margin-top: -5px;
  font-weight: 700;
  }

.baby-buggy-form__wrapper {
  position: relative;
  padding: 55px 70px 55px 85px;
  border: 1px solid #d1d8dc;
  }

.baby-buggy-form__caption {
  display: block;
  margin-bottom: 15px !important;
  color: #6b778c !important;
  font-size: 18px !important;
  }

.baby-buggy-form__switch-form {
  margin-top: 25px;
  }

.baby-buggy-form__switch-form .checkbox-label {
  margin-top: 3px;
  font-size: 18px !important;
  }

.baby-buggy-form__subtitle {
  display: block;
  margin-bottom: 25px;
  font-weight: 700;
  font-size: 18px;
  text-transform: uppercase;
  }

.baby-buggy-form input:focus,
.baby-buggy-form textarea:focus {
  background-color: #fff;
  }

.baby-buggy-form__children .baby-buggy-form__multiselect {
  max-width: 210px;
  margin-top: -13px;
  margin-bottom: 35px;
  }

.baby-buggy-form__children-noresident {
  margin-top: 2.7rem;
  }

.baby-buggy-form__children-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  }

.baby-buggy-form__children-group .formLabel {
  margin-top: 0;
  }

.baby-buggy-form__children-group > * {
  width: 31%;
  margin-right: 3%;
  }

.baby-buggy-form__children-group > *:nth-child(3n) {
  margin-right: 0;
  }

.baby-buggy-form__group {
  position: relative;
  }

.baby-buggy-form__group-gorizontal-middle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0 !important;
  }

.baby-buggy-form__group-gorizontal-middle .baby-buggy-form__group {
  margin-bottom: 0 !important;
  }

.baby-buggy-form__group-gorizontal-middle .baby-buggy-form__group .formLabel {
  margin-top: 15px !important;
  }

.baby-buggy-form__group-gorizontal-middle > * {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  width: 100%;
  margin-left: 15px;
  }

.baby-buggy-form__group-gorizontal-middle > *:first-child {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin-left: 0;
  }

.baby-buggy-form__loader {
  position: absolute;
  z-index: 5;
  top: -2px;
  right: -2px;
  bottom: -2px;
  left: -2px;
  background-color: rgba(255, 255, 255, .8);
  }

.baby-buggy-form__loader:after {
  position: absolute;
  z-index: 20;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  display: block;
  width: 45px;
  height: 45px;
  border: 4px solid #e7e7e7;
  border-top: 4px solid #000;
  border-radius: 50%;
  margin: auto;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  }

.baby-buggy-form__code-goriz {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 5px !important;
  }

.baby-buggy-form__code-goriz .baby-buggy-form__group {
  width: 200px;
  margin-bottom: 0;
  }

.baby-buggy-form__code-goriz .baby-buggy-form__link {
  height: 20px;
  padding: 0;
  margin-top: 13px;
  margin-left: 19px;
  background: none;
  }

.baby-buggy-form__code-goriz .baby-buggy-form__link[disabled] {
  text-decoration: none;
  pointer-events: none;
  }

.baby-buggy-form__code-goriz input {
  margin-bottom: 0 !important;
  }

.baby-buggy-form__code-goriz label.error {
  margin-top: 5px;
  margin-bottom: 0;
  }

.baby-buggy-form__link {
  color: #49a8db !important;
  font-size: 16px !important;
  text-decoration: underline;
  }

.baby-buggy-form__link:hover {
  font-weight: 300 !important;
  text-decoration: none;
  }

.baby-buggy-form .formTabList {
  max-width: none;
  margin-bottom: 50px;
  }

.baby-buggy-form .formTabList .formTabButton {
  padding: 16px 10px 15px;
  }

.baby-buggy-form .vdp-datepicker {
  position: absolute;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: -75px;
  cursor: pointer;
  }

.baby-buggy-form .vdp-datepicker input {
  position: relative;
  z-index: 1;
  width: 50px;
  height: 45px;
  border: none;
  background: transparent;
  outline: none;
  opacity: 0;
  cursor: pointer;
  }

.baby-buggy-form .vdp-datepicker:after {
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 0;
  content: '';
  display: block;
  width: 19px;
  height: 19px;
  margin: auto;
  background-image: url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 21 20\'%3E%3Cpath d=\'M19.8636 2.43939H16.0303V0H14.6364V2.43939H6.27273V0H4.87879V2.43939H1.04545C0.768282 2.43972 0.502554 2.54997 0.306563 2.74596C0.110572 2.94195 0.000322804 3.20768 0 3.48485V18.1212C0.000322804 18.3984 0.110572 18.6641 0.306563 18.8601C0.502554 19.0561 0.768282 19.1663 1.04545 19.1667H19.8636C20.1408 19.1663 20.4065 19.0561 20.6025 18.8601C20.7985 18.6641 20.9088 18.3984 20.9091 18.1212V3.48485C20.9088 3.20768 20.7985 2.94195 20.6025 2.74596C20.4065 2.54997 20.1408 2.43972 19.8636 2.43939ZM19.5152 17.7727H1.39394V3.83333H4.87879V5.57576H6.27273V3.83333H14.6364V5.57576H16.0303V3.83333H19.5152V17.7727Z\' /%3E%3Cpath d=\'M4.18164 8.01538H5.57558V9.40932H4.18164V8.01538Z\' /%3E%3Cpath d=\'M8.01562 8.01538H9.40956V9.40932H8.01562V8.01538Z\' /%3E%3Cpath d=\'M11.5 8.01538H12.8939V9.40932H11.5V8.01538Z\' /%3E%3Cpath d=\'M15.334 8.01538H16.7279V9.40932H15.334V8.01538Z\' /%3E%3Cpath d=\'M4.18164 11.1514H5.57558V12.5453H4.18164V11.1514Z\' /%3E%3Cpath d=\'M8.01562 11.1514H9.40956V12.5453H8.01562V11.1514Z\' /%3E%3Cpath d=\'M11.5 11.1514H12.8939V12.5453H11.5V11.1514Z\' /%3E%3Cpath d=\'M15.334 11.1514H16.7279V12.5453H15.334V11.1514Z\' /%3E%3Cpath d=\'M4.18164 14.2881H5.57558V15.682H4.18164V14.2881Z\' /%3E%3Cpath d=\'M8.01562 14.2881H9.40956V15.682H8.01562V14.2881Z\' /%3E%3Cpath d=\'M11.5 14.2881H12.8939V15.682H11.5V14.2881Z\' /%3E%3Cpath d=\'M15.334 14.2881H16.7279V15.682H15.334V14.2881Z\' /%3E%3C/svg%3E');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  }

.baby-buggy-form .vdp-datepicker__calendar {
  top: 50px;
  right: 0;
  padding-top: 10px;
  padding-bottom: 20px;
  }

.baby-buggy-form .vdp-datepicker__calendar .cell.selected {
  color: #fff;
  background-color: #6b778c;
  }

.baby-buggy-form .vdp-datepicker__calendar .cell.selected:hover {
  background-color: #6b778c;
  }

.baby-buggy-form .vdp-datepicker__calendar .cell:hover {
  border: 1px solid #6b778c !important;
  }

.baby-buggy-form .checkbox-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 15px;
  }

.baby-buggy-form .checkbox-wrap .checkbox {
  display: none;
  }

.baby-buggy-form .checkbox-wrap .checkbox.is-error + .checkbox-custom {
  border: 1px solid #f00;
  }

.baby-buggy-form .checkbox-wrap .checkbox:checked + .checkbox-custom {
  border: 1px solid #363c47;
  }

.baby-buggy-form .checkbox-wrap .checkbox:checked + .checkbox-custom:before {
  opacity: 1;
  }

.baby-buggy-form .checkbox-wrap .checkbox-custom {
  position: relative;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  border: 1px solid #6b778c;
  margin-right: 10px;
  cursor: pointer;
  -webkit-transition: border .2s ease-in-out;
  transition: border .2s ease-in-out;
  }

.baby-buggy-form .checkbox-wrap .checkbox-custom:hover {
  border: 1px solid #292d35;
  }

.baby-buggy-form .checkbox-wrap .checkbox-custom:before {
  position: absolute;
  top: -4px;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  display: block;
  width: 10px;
  height: 6px;
  border-bottom: 1px solid #363c47;
  border-left: 1px solid #363c47;
  margin: auto;
  opacity: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out;
  }

.baby-buggy-form .checkbox-wrap .checkbox-label {
  color: #6b778c;
  font-weight: 300;
  font-size: 14px;
  line-height: 1.5;
  }

.baby-buggy-form .checkbox-wrap .checkbox-label a {
  color: #6b778c;
  text-decoration: underline;
  cursor: pointer;
  }

.baby-buggy-form .checkbox-wrap .checkbox-label a:hover {
  font-weight: normal;
  text-decoration: none;
  }

.baby-buggy-form_step_2 {
  margin-bottom: 0 !important;
  }

.baby-buggy-form__bottom {
  position: relative;
  padding-top: 15px;
  margin-top: 30px;
  margin-bottom: 0 !important;
  }

.baby-buggy-form__bottom > * {
  position: relative;
  z-index: 1;
  }

.baby-buggy-form__bottom:before {
  position: absolute;
  z-index: 1;
  top: 0;
  right: -71px;
  left: -86px;
  content: '';
  display: block;
  height: 1px;
  margin: auto;
  background-color: #d1d8dc;
  }

.baby-buggy-form__bottom:after {
  position: absolute;
  z-index: 0;
  top: 0;
  right: -71px;
  bottom: -56px;
  left: -86px;
  content: '';
  display: block;
  margin: auto;
  background-color: #fff;
  }

.baby-buggy-form .form-rentals-formLog {
  position: fixed;
  z-index: 9999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: auto;
  background-color: rgba(0, 0, 0, .5);
  }

.baby-buggy-form .form-rentals-formLogContent {
  position: relative;
  width: 50%;
  padding: 50px;
  margin: auto;
  background-color: #fff;
  }

.baby-buggy-form .form-rentals-formLogHeader {
  margin-bottom: 10px;
  font-weight: 700;
  font-size: 2.1rem;
  line-height: 1.2;
  }

.baby-buggy-form .form-rentals-formLogMessage {
  font-size: 18px;
  }

.baby-buggy-form .form-rentals-formLogMessageError > * {
  position: relative;
  display: block;
  }

.baby-buggy-form .form-rentals-formLogClose {
  position: absolute;
  top: 25px;
  right: 25px;
  width: 30px;
  height: 30px;
  }

.baby-buggy-form .form-rentals-formLogClose:before,
.baby-buggy-form .form-rentals-formLogClose:after {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  content: '';
  height: 2px;
  background-color: #000;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  }

.baby-buggy-form .form-rentals-formLogClose:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  }

.baby-buggy-form .multiselect input {
  height: auto;
  padding: 0;
  border: none;
  margin: 0;
  -webkit-transition: none;
  transition: none;
  }

.baby-buggy-form .multiselect input:hover,
.baby-buggy-form .multiselect input:focus {
  border: none;
  }

.baby-buggy-form .multiselect__tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 50px;
  padding: 0 40px 0 20px;
  border: 1px solid #90a4ae;
  border-radius: 0;
  margin-bottom: 0;
  }

.baby-buggy-form .multiselect__select {
  height: 48px;
  margin: 0;
  }

.baby-buggy-form .multiselect__select:before {
  top: 75%;
  border-width: 14px 11px 0;
  }

.baby-buggy-form .multiselect--disabled {
  position: relative;
  opacity: 1;
  }

.baby-buggy-form .multiselect--disabled .multiselect__select,
.baby-buggy-form .multiselect--disabled .multiselect__current {
  background-color: transparent;
  }

.baby-buggy-form .multiselect__placeholder {
  padding: 0;
  margin: 0;
  color: #eee;
  }

.baby-buggy-form .multiselect__single {
  padding: 0;
  margin: 0;
  color: #6b778c;
  }

.baby-buggy-form .multiselect__element {
  margin: 0;
  }

.baby-buggy-form .multiselect__content-wrapper {
  margin: 0;
  }

.baby-buggy-form .multiselect__content li {
  margin: 0;
  }

.baby-buggy-form .multiselect__option:hover {
  background: #f1f1f1;
  }

.baby-buggy-form .multiselect__option--selected {
  color: inherit;
  background: #00014;
  }

.baby-buggy-form .multiselect__option--selected.multiselect__option--highlight {
  color: inherit;
  background: #00014;
  }

.baby-buggy-form .multiselect__option--highlight {
  color: inherit;
  background: #f1f1f1;
  }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    }

  }

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    }

  }

@media (max-width: 720px) {

  .baby-buggy-form .baby-buggy-form .mt50 {
    margin-top: 25px;
    }

  .baby-buggy-form .baby-buggy-form label.error {
    padding: 0;
    }

  .baby-buggy-form .baby-buggy-form__wrapper {
    position: relative;
    padding: 30px 20px 20px 20px;
    }

  .baby-buggy-form .baby-buggy-form .checkbox-wrap .checkbox-label {
    font-size: 14px;
    line-height: 1.3;
    }

  .baby-buggy-form .baby-buggy-form .checkbox-wrap .checkbox-custom {
    width: 20px;
    height: 20px;
    }

  .baby-buggy-form .baby-buggy-form__caption {
    font-size: 18px !important;
    line-height: 1.3 !important;
    }

  .baby-buggy-form .baby-buggy-form__bottom {
    margin-right: -21px;
    margin-left: -21px;
    }

  .baby-buggy-form .baby-buggy-form__bottom:before {
    right: -1px;
    left: -1px;
    }

  .baby-buggy-form .baby-buggy-form__bottom:after {
    right: -1px;
    bottom: -21px;
    left: -1px;
    }

  .baby-buggy-form .baby-buggy-form__group {
    margin-bottom: 15px !important;
    }

  .baby-buggy-form .baby-buggy-form__group .formLabel {
    margin-top: 15px;
    }

  .baby-buggy-form .baby-buggy-form__group-gorizontal-middle {
    display: block;
    }

  .baby-buggy-form .baby-buggy-form__group-gorizontal-middle .baby-buggy-form__group {
    margin-left: 0;
    }

  .baby-buggy-form .baby-buggy-form .form-rentals-formLogContent {
    width: 90%;
    }

  }

@media (max-width: 540px) {

  .baby-buggy-form .baby-buggy-form__code-goriz {
    display: block;
    margin-bottom: 5px !important;
    }

  .baby-buggy-form .baby-buggy-form__code-goriz .baby-buggy-form__group {
    width: 100%;
    }

  .baby-buggy-form .baby-buggy-form__code-goriz .baby-buggy-form__link {
    margin-top: 0;
    margin-left: 0;
    }

  .baby-buggy-form .baby-buggy-form__code-goriz input {
    margin-bottom: 0 !important;
    }

  .baby-buggy-form .baby-buggy-form__code-goriz label.error {
    margin-top: 5px;
    margin-bottom: 0;
    }

  .baby-buggy-form .baby-buggy-form__children-group {
    display: block;
    }

  .baby-buggy-form .baby-buggy-form__children-group > * {
    width: 100%;
    margin-right: 0;
    }

  }

fieldset[disabled] .multiselect {
  pointer-events: none;
  }

.multiselect__spinner {
  position: absolute;
  top: 1px;
  right: 1px;
  display: block;
  width: 48px;
  height: 35px;
  background: #fff;
  }

.multiselect__spinner:after,
.multiselect__spinner:before {
  position: absolute;
  top: 50%;
  left: 50%;
  content: '';
  width: 16px;
  height: 16px;
  border: 2px solid transparent;
  border-top-color: #41b883;
  border-radius: 100%;
  margin: -8px 0 0 -8px;
  -webkit-box-shadow: 0 0 0 1px transparent;
  box-shadow: 0 0 0 1px transparent;
  }

.multiselect__spinner:before {
  -webkit-animation: spinning 2.4s cubic-bezier(.41, .26, .2, .62);
  animation: spinning 2.4s cubic-bezier(.41, .26, .2, .62);
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  }

.multiselect__spinner:after {
  -webkit-animation: spinning 2.4s cubic-bezier(.51, .09, .21, .8);
  animation: spinning 2.4s cubic-bezier(.51, .09, .21, .8);
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  }

.multiselect__loading-enter-active,
.multiselect__loading-leave-active {
  opacity: 1;
  -webkit-transition: opacity .4s ease-in-out;
  transition: opacity .4s ease-in-out;
  }

.multiselect__loading-enter,
.multiselect__loading-leave-active {
  opacity: 0;
  }

.multiselect,
.multiselect__input,
.multiselect__single {
  font-size: 16px;
  font-family: inherit;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  }

.multiselect {
  position: relative;
  display: block;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  width: 100%;
  min-height: 40px;
  color: #35495e;
  text-align: left;
  }

.multiselect * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  }

.multiselect:focus {
  outline: none;
  }

.multiselect--disabled {
  background: #ededed;
  opacity: .6;
  pointer-events: none;
  }

.multiselect--active {
  z-index: 50;
  }

.multiselect--active:not(.multiselect--above) .multiselect__current,
.multiselect--active:not(.multiselect--above) .multiselect__input,
.multiselect--active:not(.multiselect--above) .multiselect__tags {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  }

.multiselect--active .multiselect__select {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  }

.multiselect--above.multiselect--active .multiselect__current,
.multiselect--above.multiselect--active .multiselect__input,
.multiselect--above.multiselect--active .multiselect__tags {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  }

.multiselect__input,
.multiselect__single {
  position: relative;
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  min-height: 20px;
  padding: 0 0 0 5px;
  border: none;
  border-radius: 5px;
  margin-bottom: 8px;
  background: #fff;
  line-height: 20px;
  vertical-align: top;
  -webkit-transition: border .1s ease;
  transition: border .1s ease;
  }

.multiselect__input:-ms-input-placeholder {
  color: #35495e;
  }

.multiselect__input::-webkit-input-placeholder {
  color: #35495e;
  }

.multiselect__input::-moz-placeholder {
  color: #35495e;
  }

.multiselect__input::-ms-input-placeholder {
  color: #35495e;
  }

.multiselect__input::placeholder {
  color: #35495e;
  }

.multiselect__tag ~ .multiselect__input,
.multiselect__tag ~ .multiselect__single {
  width: auto;
  }

.multiselect__input:hover,
.multiselect__single:hover {
  border-color: #cfcfcf;
  }

.multiselect__input:focus,
.multiselect__single:focus {
  border-color: #a8a8a8;
  outline: none;
  }

.multiselect__single {
  padding-left: 5px;
  margin-bottom: 8px;
  }

.multiselect__tags-wrap {
  display: inline;
  }

.multiselect__tags {
  display: block;
  min-height: 40px;
  padding: 8px 40px 0 8px;
  border-radius: 5px;
  background: #fff;
  font-size: 14px;
  }

.multiselect__tag {
  position: relative;
  display: inline-block;
  overflow: hidden;
  max-width: 100%;
  padding: 4px 26px 4px 10px;
  border-radius: 5px;
  margin-right: 10px;
  margin-bottom: 5px;
  color: #fff;
  background: #41b883;
  text-overflow: ellipsis;
  line-height: 1;
  white-space: nowrap;
  }

.multiselect__tag-icon {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 22px;
  border-radius: 5px;
  margin-left: 7px;
  font-weight: 700;
  font-style: normal;
  text-align: center;
  line-height: 22px;
  cursor: pointer;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  }

.multiselect__tag-icon:after {
  content: '\D7';
  color: #266d4d;
  font-size: 14px;
  }

.multiselect__tag-icon:focus,
.multiselect__tag-icon:hover {
  background: #369a6e;
  }

.multiselect__tag-icon:focus:after,
.multiselect__tag-icon:hover:after {
  color: #fff;
  }

.multiselect__current {
  overflow: hidden;
  min-height: 40px;
  padding: 8px 30px 0 12px;
  border: 1px solid #e8e8e8;
  border-radius: 5px;
  white-space: nowrap;
  }

.multiselect__current,
.multiselect__select {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  text-decoration: none;
  line-height: 16px;
  cursor: pointer;
  }

.multiselect__select {
  position: absolute;
  top: 1px;
  right: 1px;
  width: 40px;
  height: 38px;
  padding: 4px 8px;
  text-align: center;
  -webkit-transition: -webkit-transform .2s ease;
  transition: -webkit-transform .2s ease;
  transition: transform .2s ease;
  transition: transform .2s ease, -webkit-transform .2s ease;
  }

.multiselect__select:before {
  position: relative;
  top: 65%;
  right: 0;
  content: '';
  border-width: 5px 5px 0;
  border-style: solid;
  border-color: #999 transparent transparent;
  margin-top: 4px;
  color: #999;
  }

.multiselect__placeholder {
  display: inline-block;
  padding-top: 2px;
  margin-bottom: 10px;
  color: #adadad;
  }

.multiselect--active .multiselect__placeholder {
  display: none;
  }

.multiselect__content-wrapper {
  position: absolute;
  z-index: 50;
  display: block;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  width: 100%;
  max-height: 240px;
  border: 1px solid #e8e8e8;
  border-top: none;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  background: #fff;
  }

.multiselect__content {
  display: inline-block;
  min-width: 100%;
  padding: 0;
  margin: 0;
  vertical-align: top;
  list-style: none;
  }

.multiselect--above .multiselect__content-wrapper {
  bottom: 100%;
  border-top: 1px solid #e8e8e8;
  border-bottom: none;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  }

.multiselect__content::webkit-scrollbar {
  display: none;
  }

.multiselect__element {
  display: block;
  }

.multiselect__option {
  position: relative;
  display: block;
  min-height: 40px;
  padding: 12px;
  text-decoration: none;
  text-transform: none;
  line-height: 16px;
  vertical-align: middle;
  white-space: nowrap;
  cursor: pointer;
  }

.multiselect__option:after {
  position: absolute;
  top: 0;
  right: 0;
  padding-right: 12px;
  padding-left: 20px;
  font-size: 13px;
  line-height: 40px;
  }

.multiselect__option--highlight {
  color: #fff;
  background: #41b883;
  outline: none;
  }

.multiselect__option--highlight:after {
  content: attr(data-select);
  color: #fff;
  background: #41b883;
  }

.multiselect__option--selected {
  color: #35495e;
  background: #f3f3f3;
  font-weight: 700;
  }

.multiselect__option--selected:after {
  content: attr(data-selected);
  color: silver;
  }

.multiselect__option--selected.multiselect__option--highlight {
  color: #fff;
  background: #ff6a6a;
  }

.multiselect__option--selected.multiselect__option--highlight:after {
  content: attr(data-deselect);
  color: #fff;
  background: #ff6a6a;
  }

.multiselect--disabled .multiselect__current,
.multiselect--disabled .multiselect__select {
  color: #a6a6a6;
  background: #ededed;
  }

.multiselect__option--disabled {
  color: #a6a6a6 !important;
  background: #ededed !important;
  cursor: text;
  pointer-events: none;
  }

.multiselect__option--group {
  color: #35495e;
  background: #ededed;
  }

.multiselect__option--group.multiselect__option--highlight {
  color: #fff;
  background: #35495e;
  }

.multiselect__option--group.multiselect__option--highlight:after {
  background: #35495e;
  }

.multiselect__option--disabled.multiselect__option--highlight {
  background: #dedede;
  }

.multiselect__option--group-selected.multiselect__option--highlight {
  color: #fff;
  background: #ff6a6a;
  }

.multiselect__option--group-selected.multiselect__option--highlight:after {
  content: attr(data-deselect);
  color: #fff;
  background: #ff6a6a;
  }

.multiselect-enter-active,
.multiselect-leave-active {
  -webkit-transition: all .15s ease;
  transition: all .15s ease;
  }

.multiselect-enter,
.multiselect-leave-active {
  opacity: 0;
  }

.multiselect__strong {
  display: inline-block;
  margin-bottom: 8px;
  line-height: 20px;
  vertical-align: top;
  }

[dir=rtl] .multiselect {
  text-align: right;
  }

[dir=rtl] .multiselect__select {
  right: auto;
  left: 1px;
  }

[dir=rtl] .multiselect__tags {
  padding: 8px 8px 0 40px;
  }

[dir=rtl] .multiselect__content {
  text-align: right;
  }

[dir=rtl] .multiselect__option:after {
  right: auto;
  left: 0;
  }

[dir=rtl] .multiselect__clear {
  right: auto;
  left: 12px;
  }

[dir=rtl] .multiselect__spinner {
  right: auto;
  left: 1px;
  }

@-webkit-keyframes spinning {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    }

  to {
    -webkit-transform: rotate(2turn);
    transform: rotate(2turn);
    }

  }

@keyframes spinning {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    }

  to {
    -webkit-transform: rotate(2turn);
    transform: rotate(2turn);
    }

  }

.formTitle {
  margin: 85px 0 25px;
  color: #212121;
  font-weight: bold;
  font-size: 18px;
  font-size: 1.12rem;
  text-transform: uppercase;
  }

@media only screen and (max-width: 45em) {

  .formTitle {
    margin-top: 65px;
    }

  }

.formAnchor {
  visibility: hidden;
  opacity: 0;
  }

.formTabList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 600px;
  padding: 0;
  margin: 45px 0;
  }

.formTabList .formTabItem {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
  padding: 0;
  border: 1px solid #263238;
  margin: 0;
  list-style: none;
  }

.formTabList .formTabButton {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 9px 10px 10px;
  border: none;
  color: #90a4ae;
  background: #fff;
  font-weight: bold;
  font-size: 18px;
  font-size: 1.12rem;
  text-align: center;
  text-decoration: none;
  line-height: initial;
  cursor: pointer;
  -webkit-transition: all .4s;
  transition: all .4s;
  }

@media only screen and (max-width: 45em) {

  .formTabList .formTabButton {
    padding: 5px 5px 4px;
    font-size: 14px;
    font-size: .88rem;
    }

  }

.formTabList .formTabButton.active,
.formTabList .formTabButton:hover {
  color: #fff;
  background: #263238;
  outline: none;
  }

.formTabList .formTabButton .smallText {
  display: block;
  font-weight: normal;
  font-weight: normal;
  font-size: 14px;
  font-size: .88rem;
  }

@media only screen and (max-width: 45em) {

  .formTabList .formTabButton .smallText {
    margin-top: 2px;
    font-size: 11px;
    font-size: .69rem;
    }

  }

/*
  All a user has to do to change the calendar size is
  change the font-size on the container and everything
  magically resizes accordingly. Relative units ftw!
*/

.qs-datepicker-container {
  position: absolute;
  z-index: 9001;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
  width: 15.62em;
  border: 1px solid gray;
  border-radius: .26em;
  color: black;
  background: white;
  -webkit-box-shadow: 0 1.25em 1.25em -.94em rgba(0, 0, 0, .3);
  box-shadow: 0 1.25em 1.25em -.94em rgba(0, 0, 0, .3);
  font-size: 1rem;
  font-family: sans-serif;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  }

.qs-datepicker-container * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  }

.qs-datepicker-container.qs-centered {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  }

.qs-datepicker-container.qs-hidden {
  display: none;
  }

.qs-datepicker .qs-overlay {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: .5em;
  color: white;
  background: rgba(0, 0, 0, .75);
  opacity: 1;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
  }

.qs-datepicker .qs-overlay.qs-hidden {
  z-index: -1;
  opacity: 0;
  }

.qs-datepicker .qs-overlay .qs-overlay-year {
  display: block;
  width: 80%;
  padding: .25em 0;
  border: none;
  border-bottom: 1px solid white;
  border-radius: 0;
  margin: 0 auto;
  color: white;
  background: transparent;
  font-size: .88em;
  text-align: center;
  }

.qs-datepicker .qs-overlay .qs-overlay-year::-webkit-inner-spin-button {
  -webkit-appearance: none;
  }

.qs-datepicker .qs-overlay .qs-close {
  position: absolute;
  top: 0;
  right: 0;
  padding: .5em;
  cursor: pointer;
  }

.qs-datepicker .qs-overlay .qs-submit {
  padding: .5em;
  border: 1px solid white;
  border-radius: .26em;
  margin: 0 auto auto;
  background: rgba(128, 128, 128, .4);
  cursor: pointer;
  }

.qs-datepicker .qs-overlay .qs-submit.qs-disabled {
  border-color: gray;
  color: gray;
  cursor: not-allowed;
  }

.qs-datepicker .qs-overlay .qs-overlay-month-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  }

.qs-datepicker .qs-overlay .qs-overlay-month {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: calc(100% / 3);
  opacity: .5;
  cursor: pointer;
  -webkit-transition: opacity .15s;
  transition: opacity .15s;
  }

.qs-datepicker .qs-overlay .qs-overlay-month.active,
.qs-datepicker .qs-overlay .qs-overlay-month:hover {
  opacity: 1;
  }

.qs-datepicker .qs-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  background: lightgray;
  -webkit-filter: blur(0px);
  filter: blur(0px);
  -webkit-transition: -webkit-filter .3s;
  transition: -webkit-filter .3s;
  transition: filter .3s;
  transition: filter .3s, -webkit-filter .3s;
  }

.qs-datepicker .qs-controls.qs-blur {
  -webkit-filter: blur(5px);
  filter: blur(5px);
  }

.qs-datepicker .qs-arrow {
  position: relative;
  width: 1.56em;
  height: 1.56em;
  border-radius: .26em;
  cursor: pointer;
  -webkit-transition: background .15s;
  transition: background .15s;
  }

.qs-datepicker .qs-arrow:hover {
  background: rgba(0, 0, 0, .1);
  }

.qs-datepicker .qs-arrow:hover.qs-left:after {
  border-right-color: black;
  }

.qs-datepicker .qs-arrow:hover.qs-right:after {
  border-left-color: black;
  }

.qs-datepicker .qs-arrow:after {
  position: absolute;
  top: 50%;
  content: '';
  border: .39em solid transparent;
  -webkit-transition: border .2s;
  transition: border .2s;
  }

.qs-datepicker .qs-arrow.qs-left:after {
  right: 50%;
  border-right-color: gray;
  -webkit-transform: translate(25%, -50%);
  transform: translate(25%, -50%);
  }

.qs-datepicker .qs-arrow.qs-right:after {
  left: 50%;
  border-left-color: gray;
  -webkit-transform: translate(-25%, -50%);
  transform: translate(-25%, -50%);
  }

.qs-datepicker .qs-month-year {
  border-bottom: 1px solid transparent;
  font-weight: bold;
  cursor: pointer;
  -webkit-transition: border .2s;
  transition: border .2s;
  }

.qs-datepicker .qs-month-year:hover {
  border-bottom: 1px solid gray;
  }

.qs-datepicker .qs-month-year:focus,
.qs-datepicker .qs-month-year:active:focus {
  outline: none;
  }

.qs-datepicker .qs-month {
  padding-right: .5ex;
  }

.qs-datepicker .qs-year {
  padding-left: .5ex;
  }

.qs-datepicker .qs-squares {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: .31em;
  -webkit-filter: blur(0px);
  filter: blur(0px);
  -webkit-transition: -webkit-filter .3s;
  transition: -webkit-filter .3s;
  transition: filter .3s;
  transition: filter .3s, -webkit-filter .3s;
  }

.qs-datepicker .qs-squares.qs-blur {
  -webkit-filter: blur(5px);
  filter: blur(5px);
  }

.qs-datepicker .qs-square {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: calc(100% / 7);
  height: 1.56em;
  border-radius: .26em;
  cursor: pointer;
  -webkit-transition: background .1s;
  transition: background .1s;
  }

.qs-datepicker .qs-square.qs-current {
  font-weight: bold;
  }

.qs-datepicker .qs-square.qs-current span {
  text-decoration: underline;
  }

.qs-datepicker .qs-square.qs-active {
  background: lightblue;
  }

.qs-datepicker .qs-square.qs-disabled span {
  opacity: .2;
  }

.qs-datepicker .qs-square.qs-empty {
  cursor: default;
  }

.qs-datepicker .qs-square.qs-disabled {
  cursor: not-allowed;
  }

.qs-datepicker .qs-square.qs-day {
  color: gray;
  font-weight: bold;
  cursor: default;
  }

.qs-datepicker .qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover {
  background: orange;
  }

.radio-banner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  padding: 100px 10%;
  font-family: Montserrat;
  }

@media screen and (max-width: 1280px) {

  .radio-banner {
    padding: 40px 0;
    }

  }

.radio-banner__sound-right {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  width: 80%;
  min-height: 50%;
  margin: auto;

  -o-object-fit: cover;
  object-fit: cover;
  }

@media screen and (max-width: 1280px) {

  .radio-banner__sound-right {
    width: auto;
    min-height: 80%;
    }

  }

.radio-banner__sound-left {
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  width: 10%;
  min-height: 45%;
  margin: auto;

  -o-object-fit: cover;
  object-fit: cover;
  }

@media screen and (max-width: 1280px) {

  .radio-banner__sound-left {
    display: none;
    }

  }

.radio-banner__content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  }

@media screen and (max-width: 1280px) {

  .radio-banner__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    padding: 0 0 60px;
    }

  }

.radio-banner__content-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 15%;
  margin: 0 40px 0 auto;
  }

.radio-banner__content-image img {
  max-width: 100%;

  -o-object-fit: contain;
  object-fit: contain;
  }

@media screen and (max-width: 1280px) {

  .radio-banner__content-image {
    position: absolute;
    z-index: -1;
    top: 0;
    right: -120px;
    bottom: 0;
    width: 30%;
    min-width: 200px;
    margin: auto;
    }

  }

.radio-banner__content-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  width: 55%;
  }

@media screen and (max-width: 1280px) {

  .radio-banner__content-text {
    width: 300px;
    margin: auto auto auto;
    }

  }

.radio-banner__content-text h2 {
  width: 100%;
  color: #f50;
  font-weight: 700;
  font-size: 58px;
  line-height: 72px;
  }

@media screen and (max-width: 1280px) {

  .radio-banner__content-text h2 {
    margin: 40px 0 0;
    font-weight: 600;
    font-size: 18px;
    line-height: 30px;
    }

  }

.radio-banner__content-text p {
  width: 100%;
  font-weight: 500;
  font-size: 28px;
  line-height: 36px;
  }

@media screen and (max-width: 1280px) {

  .radio-banner__content-text p {
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    }

  }

.radio-banner__content-playlist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 30%;
  margin: auto auto auto 10px;
  }

@media screen and (max-width: 1280px) {

  .radio-banner__content-playlist {
    width: 300px;
    margin: auto auto auto;
    }

  }

.radio-banner__content-playlist h4 {
  margin: auto 0 20px;
  font-weight: 700;
  font-size: 21px;
  text-transform: none;
  }

@media screen and (max-width: 1280px) {

  .radio-banner__content-playlist h4 {
    font-weight: 600;
    font-size: 15px;
    line-height: 20px;
    }

  }

.radio-banner__content-playlist__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  }

.radio-banner__content-playlist__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  }

.radio-banner__content-playlist__inner__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  width: 100%;
  margin: auto 0 20px;
  }

.radio-banner__content-playlist__inner__item__number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  width: 40px;
  min-width: 40px;
  font-size: 19px;
  }

.radio-banner__content-playlist__inner__item__cover {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 40px;
  height: 40px;
  min-width: 40px;
  /*
                        @media screen and (max-width: 1280px) {

                            width:70px;
                            min-width: 70px;
                            height:70px;
                        }

                        */

  }

.radio-banner__content-playlist__inner__item__cover img {
  max-width: 100%;

  -o-object-fit: cover;
  object-fit: cover;
  }

.radio-banner__content-playlist__inner__item__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: auto auto auto 10px;
  font-size: 15px;
  }

@media screen and (max-width: 1280px) {

  .radio-banner__content-playlist__inner__item__title {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: 15px;
    }

  }

.radio-banner__content-playlist__inner__item__title-artist {
  -webkit-box-flex: 0;
  -ms-flex: 0;
  flex: 0;
  width: 50%;
  min-width: 50%;
  max-width: 50%;
  margin: auto 10px auto 0;
  font-weight: 600;
  }

@media screen and (max-width: 1280px) {

  .radio-banner__content-playlist__inner__item__title-artist {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    margin: auto auto auto 0;
    }

  }

.radio-banner__content-playlist__inner__item__title-title {
  -webkit-box-flex: 0;
  -ms-flex: 0;
  flex: 0;
  width: 50%;
  min-width: 50%;
  max-width: 50%;
  margin: auto 0;
  font-weight: 400;
  letter-spacing: .5px;
  }

@media screen and (max-width: 1280px) {

  .radio-banner__content-playlist__inner__item__title-title {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    margin: auto auto auto 0;
    }

  }

.radio-banner__content-playlist__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin: 20px 0 0 0;
  }

@media screen and (max-width: 1280px) {

  .radio-banner__content-playlist__link {
    position: absolute;
    bottom: 10px;
    left: 5%;
    width: 90%;
    margin: 0;
    }

  }

.radio-banner__content-playlist__link a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  width: 100%;
  height: 50px;
  color: #fff;
  background: #f50;
  font-weight: 700;
  font-size: 21px;
  text-decoration: none;
  }

@media screen and (max-width: 1280px) {

  .radio-banner__content-playlist__link a {
    font-size: 15px;
    }

  }

.playing-radio:after {
  position: absolute;
  top: 4px;
  right: 0;
  bottom: 0;
  left: 2px;
  content: '';
  height: 0;
  border: 6px solid transparent;
  border-left: 9px solid #f50;
  border-radius: 2px;
  margin: auto;
  margin: 10px 10px 10px 15px;
  /*
    @media screen and (max-width: 1280px) {

        border: 20px solid transparent;
        border-left: 20px solid #fff;
        margin: 19px 6px 18px 28px;
    }

    */

  }

.playing-radio-pause:before,
.playing-radio:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  width: 24px;
  height: 24px;
  border-radius: 50%;
  margin: auto;
  background: white;
  }

.playing-radio-pause:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  width: 10px;
  height: 10px;
  border-radius: 2px;
  margin: auto;
  margin-left: 15px;
  background: #f50;
  }

.display-away-modal {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  }

.away-modal {
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  display: none;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  width: 100%;
  height: 100%;
  }

.away-modal-before {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5);
  cursor: pointer;
  }

.away-modal__in-wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  width: auto;
  height: auto;
  max-width: 80%;
  max-height: 80%;
  margin: auto;
  }

.away-modal__in {
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 500px;
  height: auto;
  max-width: 80%;
  padding: 40px 20px;
  background: #fff;
  }

.away-modal__in p {
  width: 100%;
  padding: 0;
  margin: 0 0 20px;
  }

.away-modal__in-link-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  }

.away-modal__in-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  width: 48%;
  }

.away-modal__in-link a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  width: 100%;
  height: 50px;
  color: #fff;
  background: #f50;
  font-size: 14px;
  text-align: center;
  text-decoration: none;
  }

/* XHDPI */

@media only screen and (min-width: 85.31em) {

  .tx-cascadeDummy {
    margin: 0;
    }

  }

@media only screen and (max-width: 85.31em) {

  .tx-cascadeDummy {
    margin: 0;
    }

  }

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (-webkit-min-device-pixel-ratio: 1.5625), only screen and (min-resolution: 150dpi), only screen and (min-resolution: 1.5dppx) {

  .tx-cascadeDummy {
    margin: 0;
    }

  }

@media only screen and (-webkit-min-device-pixel-ratio: 2.5), only screen and (min-device-pixel-ratio: 2.5), only screen and (-webkit-min-device-pixel-ratio: 2.6041666666666665), only screen and (min-resolution: 250dpi), only screen and (min-resolution: 2.5dppx) {

  .tx-cascadeDummy {
    margin: 0;
    }

  }

@media only screen and (max-width: 81.25em) {

  .tx-cascadeDummy {
    margin: 0;
    }

  }

@media only screen and (max-width: 61.25em) {

  .tx-cascadeDummy {
    margin: 0;
    }

  }

@media only screen and (max-width: 61.25em) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 61.25em) and (min-device-pixel-ratio: 1.5), only screen and (max-width: 61.25em) and (-webkit-min-device-pixel-ratio: 1.5625), only screen and (max-width: 61.25em) and (min-resolution: 150dpi), only screen and (max-width: 61.25em) and (min-resolution: 1.5dppx) {

  .tx-cascadeDummy {
    margin: 0;
    }

  }

@media only screen and (max-width: 61.25em) and (-webkit-min-device-pixel-ratio: 2.5), only screen and (max-width: 61.25em) and (min-device-pixel-ratio: 2.5), only screen and (max-width: 61.25em) and (-webkit-min-device-pixel-ratio: 2.6041666666666665), only screen and (max-width: 61.25em) and (min-resolution: 250dpi), only screen and (max-width: 61.25em) and (min-resolution: 2.5dppx) {

  .tx-cascadeDummy {
    margin: 0;
    }

  }

@media only screen and (min-width: 20.06em) and (max-width: 26.25em) {

  .tx-cascadeDummy {
    margin: 0;
    }

  }

@media only screen and (max-width: 45em) {

  .tx-cascadeDummy {
    margin: 0;
    }

  }

@media only screen and (max-width: 45em) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 45em) and (min-device-pixel-ratio: 1.5), only screen and (max-width: 45em) and (-webkit-min-device-pixel-ratio: 1.5625), only screen and (max-width: 45em) and (min-resolution: 150dpi), only screen and (max-width: 45em) and (min-resolution: 1.5dppx) {

  .tx-cascadeDummy {
    margin: 0;
    }

  }

@media only screen and (max-width: 45em) and (-webkit-min-device-pixel-ratio: 2.5), only screen and (max-width: 45em) and (min-device-pixel-ratio: 2.5), only screen and (max-width: 45em) and (-webkit-min-device-pixel-ratio: 2.6041666666666665), only screen and (max-width: 45em) and (min-resolution: 250dpi), only screen and (max-width: 45em) and (min-resolution: 2.5dppx) {

  .tx-cascadeDummy {
    margin: 0;
    }

  }

@media only screen and (max-width: 23.5em) {

  .tx-cascadeDummy {
    margin: 0;
    }

  }

.schemeEmbed {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  width: 100%;
  height: 100dvh;
  min-height: 100%;
  overflow-x: clip;
}

.schemeEmbed .schemeZoomControls {
  transition: transform 0.28s ease, opacity 0.28s ease;
  transform: translateY(0);
}

.schemeEmbed:has(.scheme-search.scheme-search--active) .schemeZoomControls {
  transform: translateY(calc(100% + 2.4rem));
  opacity: 0;
  pointer-events: none;
}

.schemeEmbed .schemeSection {
  height: 100% !important;
}

.schemeEmbed .search-card {
  position: fixed;
  left: 0.8rem;
  right: 0.8rem;
  bottom: 1.6rem;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  gap: 1.6rem;
  background: #ffffff;
  border-radius: 2.5rem;
  z-index: 25;
  transition: transform 0.28s ease, opacity 0.28s ease;
}

.schemeEmbed .scheme-search__form {
  display: none;
  opacity: 0;
  transform: translateY(2.4rem);
  transition: transform 0.28s ease, opacity 0.28s ease;
}

.schemeEmbed .scheme-search {
  position: fixed;
  inset: 0;
  padding: 1.6rem 0.8rem;
  border-radius: 0;
  box-sizing: border-box;
  z-index: 24;
  pointer-events: none;
}

.schemeEmbed .scheme-search::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
  opacity: 0;
  transition: opacity 0.28s ease;
}

.schemeEmbed .scheme-search.scheme-search--active {
  pointer-events: auto;
}

.schemeEmbed .scheme-search.scheme-search--active::before {
  opacity: 1;
}

.schemeEmbed .scheme-search__preloader {
  position: absolute;
  inset: 0;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease, visibility 0.2s ease;
}

.schemeEmbed .scheme-search.scheme-search--active.scheme-search--loading .scheme-search__preloader {
  pointer-events: none;
  opacity: 1;
  visibility: visible;
}

.schemeEmbed .scheme-search__preloader-spinner {
  box-sizing: border-box;
  width: 4rem;
  height: 4rem;
  border: 0.3rem solid rgba(79, 117, 139, 0.22);
  border-top-color: #4f758b;
  border-radius: 50%;
  animation: scheme-search-preloader-spin 0.75s linear infinite;
}

@keyframes scheme-search-preloader-spin {
  to {
    transform: rotate(360deg);
  }
}

.schemeEmbed .search-card.search-card--hidden {
  transform: translateY(calc(100% + 2.4rem));
  opacity: 0;
  pointer-events: none;
}

.schemeEmbed .scheme-search.scheme-search--active .scheme-search__form {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  height: calc(100dvh - 3.2rem);
  min-height: 0;
  gap: 0.8rem;
  opacity: 1;
  transform: translateY(0);
}


.schemeEmbed .scheme-search.scheme-search--active .scheme-search__split {
  display: flex;
  flex-direction: row;
  flex: 1 1 auto;
  min-height: 0;
  gap: 0.8rem;
  width: 100%;
  align-items: stretch;
  box-sizing: border-box;
}

.schemeEmbed .scheme-search.scheme-search--active .scheme-search__main {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  flex: 1 1 50%;
  min-width: 0;
  min-height: 0;
  box-sizing: border-box;
}

.schemeEmbed .scheme-search.scheme-search--categories-only .scheme-search__main {
  display: none !important;
}

.schemeEmbed .scheme-categories {
  flex: 1 1 50%;
  min-width: 0;
  min-height: 0;
  box-sizing: border-box;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 2.4rem 0 1.6rem;
  gap: 1.6rem;
  background: #ffffff;
  border-radius: 2.5rem;
}

.schemeEmbed .scheme-categories[hidden] {
  display: none;
}

.schemeEmbed .scheme-search.scheme-search--categories-only .scheme-categories {
  flex: 1 1 100%;
}

.schemeEmbed .scheme-categories__tabs {
  align-self: stretch;
  width: 100%;
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  overflow: hidden;
  padding: 0 1.6rem;
}

.schemeEmbed .scheme-categories__controls {
  align-self: stretch;
  width: 100%;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1.6rem;
  padding: 0 1.6rem;
  box-sizing: border-box;
}

.schemeEmbed .scheme-categories__panel {
  flex-shrink: 0;
}

.schemeEmbed .scheme-search__form.js-schemeFilter-is-resultsTagged .scheme-categories__controls .scheme-categories__panel {
  display: none !important;
}

.schemeEmbed .scheme-search__form.js-schemeFilter-is-resultsTagged .scheme-categories {
  display: none !important;
}

.schemeEmbed .scheme-search__form.js-schemeFilter-is-resultsTagged .scheme-categories__controls .schemeToggle {
  display: none !important;
}

.schemeEmbed .scheme-search__form.js-schemeFilter-is-resultsTagged .scheme-categories .scheme-categories__tag-list {
  display: none !important;
}

.schemeEmbed .scheme-search__form.js-schemeFilter-is-results.js-schemeFilter-is-tags .scheme-categories__controls .scheme-categories__panel {
  display: none !important;
}

.schemeEmbed .scheme-search__form.js-schemeFilter-is-results.js-schemeFilter-is-tags .scheme-categories__controls .schemeToggle {
  display: none !important;
}

.schemeEmbed .scheme-categories .scheme-categories__panel.scheme-search__panel {
  background: transparent;
  border-radius: 0;
  padding: 0 1.6rem;
}

.schemeEmbed .scheme-categories__controls .scheme-categories__panel.scheme-search__panel {
  padding: 0 !important;
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  overflow: visible;
}

@media only screen and (max-width: 45em) {
  .schemeEmbed .scheme-search.scheme-search--active .scheme-search__split {
    flex-direction: column;
  }

  .schemeEmbed .scheme-categories .scheme-categories__tag-list {
    position: relative;
    top: auto;
    left: auto;
    bottom: auto;
    max-height: none;
    min-height: 0;
    transform: none;
  }

  .schemeEmbed .scheme-search__form.js-schemeFilter-is-results .scheme-categories .scheme-categories__tag-list {
    transform: none;
  }
}

.schemeEmbed .scheme-search__panel {
  display: grid;
  gap: 0;
  background: #ffffff;
  border-radius: 2.5rem;
  padding: 1.6rem;
  flex-shrink: 0;
  box-sizing: border-box;
  overflow: hidden;
}

.schemeEmbed .scheme-search.scheme-search--active .scheme-search__main > .scheme-search__panel {
  display: flex;
  flex-direction: column;
  flex: 0 1 auto;
  min-height: 0;
}

.schemeEmbed .scheme-search.scheme-search--has-query .scheme-search__main > .scheme-search__panel,
.schemeEmbed .scheme-search.scheme-search--active .scheme-search__form:has(.js-schemeFilterFullResults-is-active) .scheme-search__main > .scheme-search__panel,
.schemeEmbed .scheme-search.scheme-search--active .scheme-search__form:has(.schemeFilterResults.js-schemeFilterResults-is-active) .scheme-search__main > .scheme-search__panel {
  flex: 1 1 auto;
  min-height: 0;
}

.schemeEmbed .scheme-search__quick,
.schemeEmbed .scheme-search-quick {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0.2rem;
  min-width: 0;
  margin: 0.8rem -1.6rem 0;
  padding: 0 1.6rem;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  box-sizing: border-box;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.schemeEmbed .scheme-search__quick[hidden],
.schemeEmbed .scheme-search-quick[hidden] {
  display: none !important;
}

.schemeEmbed .scheme-search-recommended.scheme-search-recommended--panel[hidden] {
  display: none !important;
}

.schemeEmbed .scheme-search-quick::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.schemeEmbed .scheme-search-quick__chip {
  flex: 0 0 auto;
  margin: 0;
  padding: 1.1rem 1.6rem;
  border: 0;
  border-radius: 99.9rem;
  background: #f3f4f4;
  color: #1c222a;
  font-family: TTFirsTextMedium, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 130%;
  letter-spacing: -0.05rem;
  cursor: pointer;
  box-sizing: border-box;
}

.schemeEmbed .scheme-search-recommended {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  width: 100%;
  min-width: 0;
}

.schemeEmbed .scheme-search-recommended--panel {
  gap: 0;
  flex: 1 1 auto;
  min-height: 0;
  background: #ffffff;
  border-radius: 2.5rem;
  padding: 1.6rem;
  box-sizing: border-box;
}

.schemeEmbed .scheme-search-recommended--panel .scheme-search-recommended__head {
  flex-shrink: 0;
}

.schemeEmbed .scheme-search-recommended__head {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.8rem;
  padding-bottom: 1.2rem;
  border-bottom: 0.1rem solid #f3f4f4;
}

.schemeEmbed .scheme-search-recommended__icon {
  flex: 0 0 2.4rem;
  width: 2.4rem;
  height: 2.4rem;
  display: block;
}

.schemeEmbed .scheme-search-recommended__title {
  font-family: TTFirsTextMedium, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 130%;
  letter-spacing: -0.05rem;
  color: #1c222a;
}

.schemeEmbed .scheme-search-recommended__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: #83878e transparent;
}

.schemeEmbed .scheme-search-recommended__list::-webkit-scrollbar {
  width: 0.6rem;
}

.schemeEmbed .scheme-search-recommended__list::-webkit-scrollbar-track {
  background: transparent;
}

.schemeEmbed .scheme-search-recommended__list::-webkit-scrollbar-thumb {
  background-color: #83878e;
  border-radius: 10rem;
}

.schemeEmbed .scheme-search-recommended__list:hover::-webkit-scrollbar-thumb {
  background-color: #1c222a;
}

.schemeEmbed .scheme-search-recommended__item-wrap {
  margin: 0;
  padding: 0;
  list-style: none;
}

.schemeEmbed .scheme-search-recommended.scheme-search-recommended--panel .scheme-search-recommended__list button.item.item-store,
.schemeEmbed .scheme-search-recommended.scheme-search-recommended--panel .scheme-search-recommended__list a.item.item-store,
.schemeEmbed .scheme-search__results-list a.item.item-store:has(.item-store__meta) {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1.2rem;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  text-decoration: none;
  color: inherit;
  box-sizing: border-box;
}

.schemeEmbed .scheme-search-recommended.scheme-search-recommended--panel .scheme-search-recommended__list button.item.item-store,
.schemeEmbed .scheme-search-recommended.scheme-search-recommended--panel .scheme-search-recommended__list a.item.item-store {
  padding: 1.6rem 0;
  border-bottom: 0.1rem solid #f3f4f4;
}

.schemeEmbed .scheme-search-recommended.scheme-search-recommended--panel .scheme-search-recommended__item-wrap:last-child button.item.item-store,
.schemeEmbed .scheme-search-recommended.scheme-search-recommended--panel .scheme-search-recommended__item-wrap:last-child a.item.item-store {
  border-bottom: none;
}

.schemeEmbed .item-store__logo {
  flex: 0 0 4.8rem;
  width: 4.8rem;
  height: 4.8rem;
  border-radius: 50%;
  background-color: #f3f4f4;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.schemeEmbed .item-store__logo.item-store__logo--empty {
  border-radius: 50%;
  background-image: url('/mapplic/mock-news/covers/news-1.svg');
  background-size: cover;
}

.schemeEmbed .item-store__meta {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.4rem;
  min-width: 0;
  flex: 1 1 auto;
  text-align: left;
}

.schemeEmbed .item-store__name {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.2rem;
  font-family: TTFirsTextMedium, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 130%;
  letter-spacing: -0.05rem;
  color: #1c222a;
  text-align: left;
}

.schemeEmbed .item-store__name-label {
  position: relative;
  top: auto;
  display: inline-block;
  margin: 0;
  padding: 0;
  min-height: 0;
  box-sizing: border-box;
  border: 0;
  background: none;
  vertical-align: baseline;
  font-family: "TT Firs Neue Variable", TTFirsTextMedium, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 130%;
  letter-spacing: -0.03em;
  color: #ff5c7a;
  transform: translateY(-0.4rem);
}

.schemeEmbed .item-store__name-label::after {
  content: none;
  display: none;
}

.schemeEmbed .item-store__subtitle {
  font-family: TTFirsTextMedium, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 130%;
  letter-spacing: -0.05rem;
  color: #83878e;
  text-align: left;
}

.schemeEmbed .scheme-search__results-list > .itemWrap {
  display: contents;
}

.schemeEmbed .scheme-search__results-list > .itemWrap > a.item.item-store:has(.item-store__meta),
.schemeEmbed .scheme-search__results-list > a.item.item-store:has(.item-store__meta) {
  margin: 0;
  padding: 1.6rem;
  text-align: left;
  position: relative;
  border-bottom: 0.1rem solid #f3f4f4;
  box-sizing: border-box;
}

.schemeEmbed .scheme-search__results-list > .itemWrap:last-child > a.item.item-store:has(.item-store__meta):last-of-type,
.schemeEmbed .scheme-search__results-list > a.item.item-store:has(.item-store__meta):last-child {
  border-bottom: none;
}

.schemeEmbed .scheme-search__results-list > .itemWrap:first-child > a.item.item-store:has(.item-store__meta)::before,
.schemeEmbed .scheme-search__results-list > a.item.item-store:has(.item-store__meta):first-child::before {
  content: '';
  position: absolute;
  left: -1.6rem;
  right: -1.6rem;
  top: 0;
  border-top: 0.1rem solid #f3f4f4;
  pointer-events: none;
}

.schemeEmbed .scheme-search__results-list a.item.item-store:has(.item-store__meta)::after {
  content: none;
  display: none;
}

.schemeEmbed .search-card__main {
  min-width: 0;
  padding: 1.6rem;
  border-bottom: 0.1rem solid #f3f4f4;
}

.schemeEmbed .scheme-search__controls {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1.6rem;
  width: 100%;
  max-width: 100%;
  padding: 0;
  box-sizing: border-box;
  align-self: stretch;
  flex-shrink: 0;
}

.schemeEmbed .scheme-search__controls .scheme-search__input {
  position: relative;
  z-index: 1;
  flex: 1 1 auto;
  min-width: 0;
  width: 100%;
  margin: 0;
  padding: 1.6rem 1.6rem 1.6rem 5.8rem;
  border: 0;
  border-radius: 2.5rem;
  background: #f3f4f4;
  color: #1f1f1f;
  font-family: TTFirsTextMedium, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 130%;
  text-align: left;
  letter-spacing: -0.05rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  -webkit-box-shadow: none;
  box-shadow: none;
  height: auto;
  min-height: 0;
}

.schemeEmbed .scheme-search__controls .scheme-search__input::-webkit-input-placeholder {
  font-family: TTFirsTextMedium, sans-serif;
  color: #83878e;
  font-weight: 500;
}

.schemeEmbed .scheme-search__controls .scheme-search__input::-moz-placeholder {
  font-family: TTFirsTextMedium, sans-serif;
  color: #83878e;
  font-weight: 500;
  opacity: 1;
}

.schemeEmbed .scheme-search__controls .scheme-search__input:-ms-input-placeholder {
  font-family: TTFirsTextMedium, sans-serif;
  color: #83878e;
  font-weight: 500;
}

.schemeEmbed .scheme-search__controls .scheme-search__input::placeholder {
  font-family: TTFirsTextMedium, sans-serif;
  color: #83878e;
  font-weight: 500;
}

.schemeEmbed .scheme-search__controls .scheme-search__icon {
  position: absolute;
  z-index: 2;
  left: 1.6rem;
  top: 50%;
  transform: translateY(-50%);
  width: 3.2rem;
  height: 3.2rem;
  opacity: 0.8;
  pointer-events: none;
  color: #1c222a;
}

.schemeEmbed .scheme-search__form .schemeAdd {
  height: 0;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}

.schemeEmbed .scheme-categories__panel.scheme-search__panel .schemeAdd {
  height: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  padding: 0 !important;
}

.schemeEmbed .scheme-search__form .schemeFilterBack,
.schemeEmbed .scheme-search__form .schemeFilterNavTitle,
.schemeEmbed .scheme-search__form .schemeToggle,
.schemeEmbed .scheme-search__form .scheme-categories__tag-list,
.schemeEmbed .scheme-search__results,
.schemeEmbed .scheme-search .schemeFilterFullResults {
  display: none;
}

.schemeEmbed .scheme-search__form.js-schemeFilter-is-results .scheme-categories .scheme-categories__tag-list.js-schemeTagList-is-active,
.schemeEmbed .scheme-search__form.js-schemeFilter-is-results .scheme-categories .scheme-categories__tag-list.js-schemeTagList-is-activeImmediate {
  display: none;
}

.schemeEmbed .scheme-search.scheme-search--active .scheme-search__form .scheme-categories__tag-list.js-schemeTagList-is-active,
.schemeEmbed .scheme-search.scheme-search--active .scheme-search__form .scheme-categories__tag-list.js-schemeTagList-is-activeImmediate {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  box-sizing: border-box;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: none;
  -webkit-overflow-scrolling: touch;
  visibility: visible;
  opacity: 1;
}

.schemeEmbed .scheme-search.scheme-search--active .scheme-search__form .scheme-categories__tag-list.js-schemeTagList-is-active {
  -webkit-transition: opacity 0.2s 0.2s, visibility 0.2s 0.2s step-start, -webkit-transform 0.2s 0.2s;
  transition: opacity 0.2s 0.2s, visibility 0.2s 0.2s step-start, transform 0.2s 0.2s;
}

.schemeEmbed .scheme-search.scheme-search--active .scheme-search__form .scheme-categories__tag-list.js-schemeTagList-is-activeImmediate {
  gap: 0;
  -webkit-transition: opacity 0.2s, visibility 0.2s step-start, -webkit-transform 0.2s;
  transition: opacity 0.2s, visibility 0.2s step-start, transform 0.2s;
}

.schemeEmbed .scheme-search__form .scheme-categories__tag-list.schemeTagList.js-schemeTagList-is-active,
.schemeEmbed .scheme-search__form .scheme-categories__tag-list.schemeTagList.js-schemeTagList-is-activeImmediate {
  scrollbar-width: thin;
  scrollbar-color: #83878e transparent;
}

.schemeEmbed .scheme-search__form .scheme-categories__tag-list.schemeTagList.js-schemeTagList-is-active::-webkit-scrollbar,
.schemeEmbed .scheme-search__form .scheme-categories__tag-list.schemeTagList.js-schemeTagList-is-activeImmediate::-webkit-scrollbar {
  width: 0.6rem;
}

.schemeEmbed .scheme-search__form .scheme-categories__tag-list.schemeTagList.js-schemeTagList-is-active::-webkit-scrollbar-track,
.schemeEmbed .scheme-search__form .scheme-categories__tag-list.schemeTagList.js-schemeTagList-is-activeImmediate::-webkit-scrollbar-track {
  background: transparent;
}

.schemeEmbed .scheme-search__form .scheme-categories__tag-list.schemeTagList.js-schemeTagList-is-active::-webkit-scrollbar-thumb,
.schemeEmbed .scheme-search__form .scheme-categories__tag-list.schemeTagList.js-schemeTagList-is-activeImmediate::-webkit-scrollbar-thumb {
  background-color: #83878e;
  border-radius: 10rem;
}

.schemeEmbed .scheme-search__form .scheme-categories__tag-list.schemeTagList.js-schemeTagList-is-active:hover::-webkit-scrollbar-thumb,
.schemeEmbed .scheme-search__form .scheme-categories__tag-list.schemeTagList.js-schemeTagList-is-activeImmediate:hover::-webkit-scrollbar-thumb {
  background-color: #1c222a;
}

.schemeEmbed .scheme-categories__tag-label {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
  border-bottom: 0.1rem solid #f3f4f4;
  cursor: pointer;
  color: inherit;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}

.schemeEmbed .schemeTagLabel.scheme-categories__tag-label {
  padding: 1.6rem 0;
}

.schemeEmbed .scheme-categories__tag-leading {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0.8rem;
  min-width: 0;
  flex: 1 1 auto;
}

.schemeEmbed .scheme-categories__tag-icon {
  flex-shrink: 0;
  width: 2.4rem;
  height: 2.4rem;
  display: block;
}

.schemeEmbed .scheme-categories__tag-title {
  font-family: "TT Firs Neue Variable", TTFirsTextMedium, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 100%;
  letter-spacing: -0.05rem;
  color: #1c222a;
  min-width: 0;
}

.schemeEmbed .scheme-categories__tag-count {
  flex-shrink: 0;
  font-family: "TT Firs Neue Variable", TTFirsTextMedium, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 100%;
  letter-spacing: -0.05rem;
  color: rgba(28, 34, 42, 0.3);
}

.schemeEmbed .schemeTagRadio:checked + .scheme-categories__tag-label .scheme-categories__tag-title {
  color: #1c222a;
}

.schemeEmbed .scheme-categories__tag-list .schemeTagItem {
  width: 100%;
  min-width: 0;
}

.schemeEmbed .scheme-categories__tag-list .schemeTagItem:last-child .scheme-categories__tag-label {
  border-bottom: none;
  padding-bottom: 0;
}

.schemeEmbed .scheme-search.scheme-search--active .scheme-search__form.js-schemeFilter-is-tags .schemeFilterBack {
  display: flex;
}

.schemeEmbed .scheme-search.scheme-search--active .scheme-search__form.js-schemeFilter-is-tags .schemeFilterNavTitle {
  display: block;
}

.schemeEmbed .scheme-search.scheme-search--active .scheme-search__form.js-schemeFilter-is-tags .schemeToggle {
  display: block;
}

.schemeEmbed .scheme-search.scheme-search--query-clearing .scheme-search__form .scheme-search__quick,
.schemeEmbed .scheme-search.scheme-search--query-clearing .scheme-search__form .scheme-search-recommended.scheme-search-recommended--panel {
  display: none !important;
}

.schemeEmbed .scheme-search.scheme-search--has-query .scheme-search__form .scheme-search__quick,
.schemeEmbed .scheme-search.scheme-search--has-query .scheme-search__form .scheme-search-recommended.scheme-search-recommended--panel {
  display: none !important;
}

.schemeEmbed .scheme-search__form.js-schemeFilter-is-tags .scheme-search__quick,
.schemeEmbed .scheme-search__form.js-schemeFilter-is-tags .scheme-search-recommended.scheme-search-recommended--panel,
.schemeEmbed .scheme-search__form.js-schemeFilter-is-resultsTagged .scheme-search__quick,
.schemeEmbed .scheme-search__form.js-schemeFilter-is-resultsTagged .scheme-search-recommended.scheme-search-recommended--panel,
.schemeEmbed .scheme-search.scheme-search--categories-only .scheme-search__form .scheme-search__quick,
.schemeEmbed .scheme-search.scheme-search--categories-only .scheme-search__form .scheme-search-recommended.scheme-search-recommended--panel {
  display: none !important;
}

.schemeEmbed .scheme-search.scheme-search--has-query .scheme-search__form .scheme-search__results,
.schemeEmbed .scheme-search.scheme-search--active .scheme-search__form .scheme-search__results:has(.js-schemeFilterFullResults-is-active),
.schemeEmbed .scheme-search.scheme-search--active .scheme-search__form .scheme-search__results:has(.schemeFilterResults.js-schemeFilterResults-is-active) {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  margin: 1.6rem -1.6rem 0;
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.schemeEmbed .scheme-search__form .scheme-search__results {
  scrollbar-width: thin;
  scrollbar-color: #83878e transparent;
}

.schemeEmbed .scheme-search__form .scheme-search__results::-webkit-scrollbar {
  width: 0.6rem;
}

.schemeEmbed .scheme-search__form .scheme-search__results::-webkit-scrollbar-track {
  background: transparent;
}

.schemeEmbed .scheme-search__form .scheme-search__results::-webkit-scrollbar-thumb {
  background-color: #83878e;
  border-radius: 10rem;
}

.schemeEmbed .scheme-search__form .scheme-search__results:hover::-webkit-scrollbar-thumb {
  background-color: #1c222a;
}

.schemeEmbed .scheme-search.scheme-search--has-query .scheme-search__form .scheme-search__results .schemeFilterResults,
.schemeEmbed .scheme-search.scheme-search--active .scheme-search__form .scheme-search__results:has(.js-schemeFilterFullResults-is-active) .schemeFilterResults,
.schemeEmbed .scheme-search.scheme-search--active .scheme-search__form .scheme-search__results:has(.schemeFilterResults.js-schemeFilterResults-is-active) .schemeFilterResults {
  flex: 0 0 auto;
  min-height: 0;
  overflow: visible;
}

.schemeEmbed .scheme-search.scheme-search--has-query .scheme-search__form .scheme-search__results .schemeFilterFullResults,
.schemeEmbed .scheme-search.scheme-search--active .scheme-search__form .scheme-search__results:has(.js-schemeFilterFullResults-is-active) .scheme-search__results-list {
  flex: 0 0 auto;
  min-height: 0;
  min-width: 0;
  overflow-x: hidden;
  overflow-y: visible;
}

.schemeEmbed .scheme-search.scheme-search--has-query .scheme-search__form .scheme-search__results > .schemeFilterFullResults:empty {
  flex: 0 0 0;
  min-height: 0;
  max-height: 0;
  overflow: hidden;
  margin: 0;
  padding: 0;
  border: 0;
}

.schemeEmbed .scheme-search.scheme-search--has-query .scheme-search__form .scheme-search__results .schemeFilterResults.js-schemeFilterResults-is-active {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  box-sizing: border-box;
}

.schemeEmbed .scheme-search.scheme-search--has-query .scheme-search__form .scheme-search__results .schemeFilterResults--error {
  margin: 0;
  padding: 1.6rem 0;
  font-family: TTFirsTextMedium, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 130%;
  letter-spacing: -0.05rem;
  text-align: center;
  color: #83878e;
}

.schemeEmbed .scheme-search__form .scheme-search__results .scheme-search__results-list {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  flex: 0 0 auto;
  min-height: 0;
  min-width: 0;
  overflow-x: hidden;
  overflow-y: visible;
  box-sizing: border-box;
}

.schemeEmbed .scheme-search__form .scheme-search__results .scheme-search__results-list.schemeFilterFullResults-is-services .serviceCard {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0.8rem;
  width: 100%;
  margin: 0;
  box-sizing: border-box;
  padding: 1.6rem;
  min-height: 0;
  border-bottom: 0.1rem solid #f3f4f4;
}

.schemeEmbed .scheme-search__form .scheme-search__results .scheme-search__results-list.schemeFilterFullResults-is-services .serviceCard:before {
  display: none;
}

.schemeEmbed .scheme-search__form .scheme-search__results .scheme-search__results-list.schemeFilterFullResults-is-services .serviceCardImage {
  order: -1;
  position: relative;
  top: auto;
  left: auto;
  flex-shrink: 0;
  width: 4rem;
  height: 4rem;
  border-radius: 10rem;
  backdrop-filter: blur(0.222222rem);
  -webkit-backdrop-filter: blur(0.222222rem);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 35% auto;
}

.schemeEmbed .scheme-search__form .scheme-search__results .scheme-search__results-list.schemeFilterFullResults-is-services .itemInfo {
  display: grid;
  gap: 0.2rem;
  min-width: 0;
  flex: 1 1 auto;
  justify-items: stretch;
}

.schemeEmbed .scheme-search__form .scheme-search__results .scheme-search__results-list.schemeFilterFullResults-is-services .serviceCardTitle {
  display: block;
  margin: 0;
  text-align: left;
  font-family: "TT Firs Neue Variable", TTFirsTextMedium, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 130%;
  letter-spacing: -0.03em;
  color: #1c222a;
}

.schemeEmbed .scheme-search__form .scheme-search__results .scheme-search__results-list.schemeFilterFullResults-is-services .serviceCardDesc {
  display: block;
  margin: 0;
  font-family: "TT Firs Neue Variable", TTFirsTextMedium, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 1.2rem;
  line-height: 100%;
  text-align: left;
  letter-spacing: -0.05rem;
  color: #83878e;
}

.schemeEmbed .scheme-search__controls .scheme-search__close {
  flex: 0 0 4.8rem;
  width: 4.8rem;
  height: 4.8rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0.6rem;
  isolation: isolate;
  border-radius: 10rem;
  background: #f3f4f4;
  text-decoration: none;
  font-size: 0;
  color: transparent;
  box-sizing: border-box;
}

.schemeEmbed .scheme-search__controls .scheme-search__close-icon {
  width: 2.4rem;
  height: 2.4rem;
  display: block;
  flex-shrink: 0;
  color: #1c222a;
}

.schemeEmbed .scheme-search__form.js-schemeFilter-is-resultsTagged .scheme-search__controls .scheme-search__close {
  display: none !important;
}

.schemeEmbed .scheme-search.scheme-search--active .scheme-categories:not([hidden]) .scheme-categories__controls .schemeFilterBack.scheme-categories__controls-close {
  display: flex !important;
}

.schemeEmbed .scheme-categories__controls .schemeFilterBack.scheme-categories__controls-close {
  flex: 0 0 4.8rem;
  width: 4.8rem;
  height: 4.8rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0.6rem;
  isolation: isolate;
  border-radius: 10rem;
  background: #f3f4f4;
  text-decoration: none;
  font-size: 0;
  color: transparent;
  box-sizing: border-box;
}

.schemeEmbed .scheme-categories__controls .schemeFilterBack.scheme-categories__controls-close svg {
  width: 2.4rem;
  height: 2.4rem;
  display: block;
  flex-shrink: 0;
}

.schemeEmbed .scheme-search__form.js-schemeFilter-is-resultsTagged .scheme-inner-categories__head .schemeFilterBack {
  display: flex !important;
}

.schemeEmbed .scheme-search__form.js-schemeFilter-is-resultsTagged .scheme-inner-categories__head .schemeFilterNavTitle {
  display: block !important;
}

.schemeEmbed .scheme-inner-categories__head {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  gap: 1.6rem;
  padding-bottom: 1.6rem;
  box-sizing: border-box;
}

.schemeEmbed .scheme-search__form .scheme-inner-categories__head {
  display: none;
}

.schemeEmbed .scheme-search.scheme-search--active .scheme-search__form.js-schemeFilter-is-tags .scheme-inner-categories__head {
  display: flex;
}

.schemeEmbed .scheme-search__form.js-schemeFilter-is-resultsTagged .scheme-inner-categories__head {
  display: flex;
}

.schemeEmbed .scheme-inner-categories__head .schemeFilterBack {
  flex: 0 0 4.8rem;
  width: 4.8rem;
  height: 4.8rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0.6rem;
  isolation: isolate;
  border-radius: 10rem;
  background: #f3f4f4;
  text-decoration: none;
  font-size: 0;
  color: transparent;
  box-sizing: border-box;
}

.schemeEmbed .scheme-inner-categories__head .schemeFilterBack svg {
  width: 2.4rem;
  height: 2.4rem;
  display: block;
  flex-shrink: 0;
}

.schemeEmbed .scheme-inner-categories__head .schemeFilterNavTitle {
  font-family: "TT Firs Neue Variable", TTFirsTextMedium, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 100%;
  letter-spacing: -0.05rem;
  color: #1c222a;
  min-width: 0;
  flex: 1 1 auto;
}

.schemeEmbed .scheme-search__categories {
  width: 100%;
  min-width: 0;
}

.schemeEmbed .scheme-categories__controls .scheme-search__categories {
  flex: 1 1 auto;
  min-width: 0;
  width: 100%;
  max-width: 100%;
  padding: 0 1.6rem;
  box-sizing: border-box;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.schemeEmbed .scheme-categories__controls .scheme-search__categories::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.schemeEmbed .scheme-search__categories.hidden {
  display: none !important;
}

.schemeEmbed .scheme-search__tabs {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.8rem;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}

.schemeEmbed .scheme-search__tabs .schemeOptionTab {
  flex: 0 0 auto;
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0.4rem;
  background: #f3f4f4;
  border-radius: 99.9rem;
  padding: 1rem 1.4rem;
  text-decoration: none;
  font-family: TTFirsTextMedium, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 130%;
  letter-spacing: -0.05rem;
  color: #1c222a;
  position: relative;
}

/* separators for schemeTabs будут в разметке (svg), а не через :after */

.schemeEmbed .scheme-search__tabs .scheme-search__tab-count {
  font-family: "TT Firs Neue", "TT Firs Neue Variable", TTFirsTextMedium, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 0.8rem;
  line-height: 130%;
  text-align: center;
  letter-spacing: -0.05rem;
  color: inherit;
  flex-shrink: 0;
  transform: translateY(-0.4rem);
}

.schemeEmbed .scheme-search__tabs .schemeOptionTab.js-schemeOptionTab-is-active .scheme-search__tab-count {
  color: #ffffff;
}

.schemeEmbed .scheme-search__tabs .schemeOptionTab.js-schemeOptionTab-is-active {
  background: #1c222a;
  color: #ffffff;
}

.schemeEmbed .scheme-search__tabs .schemeOptionTabSVG {
  display: none;
}

.schemeEmbed .search-card__button {
  position: relative;
  z-index: 1;
  width: 100%;
  margin: 0;
  padding: 1.6rem 1.6rem 1.6rem 5.8rem;
  border: 0;
  border-radius: 2.5rem;
  background: #f3f4f4;
  color: #83878e;
  font-family: TTFirsTextMedium, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 130%;
  text-align: left;
  letter-spacing: -0.05rem;
  box-sizing: border-box;
  appearance: none;
  display: block;
  box-shadow: none;
}

.schemeEmbed .search-card__button-icon {
  position: absolute;
  z-index: 2;
  left: 1.6rem;
  top: 50%;
  transform: translateY(-50%);
  width: 3.2rem;
  height: 3.2rem;
  opacity: 0.8;
  pointer-events: none;
}

.schemeEmbed .search-card__button-text {
  display: inline-block;
}

.schemeEmbed .search-card__categories {
  width: 100%;
  min-width: 0;
  padding-bottom: 1.6rem;
}

.schemeEmbed .search-card__segmented-control-wrap {
  width: 100%;
  min-width: 0;
  padding: 0 1.6rem;
  box-sizing: border-box;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.schemeEmbed .search-card__segmented-control-wrap::-webkit-scrollbar {
  display: none;
}

.schemeEmbed .search-card__segmented-control {
  display: flex;
  flex-wrap: nowrap;
  min-width: max-content;
  align-items: center;
}

.schemeEmbed .search-card__segmented-control .segmented-control__item-wrap {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  position: relative;
  padding-right: 0.7rem;
}

.schemeEmbed .search-card__segmented-control .segmented-control__item {
  border-radius: 99.9rem;
  padding: 0.2rem;
  background: #f3f4f5;
}

.schemeEmbed .search-card__segmented-control .segmented-control__separator {
  width: 1.1rem;
  height: 4rem;
  color: #f3f4f5;
  fill: #f3f4f5;
  position: absolute;
  top: 50%;
  right: -0.3rem;
  transform: translateY(-50%);
  z-index: -1;
}

.schemeEmbed .schemeTabs.scheme-search__segmented-control.scheme-search__tabs .segmented-control__separator {
  flex: 0 0 auto;
  width: 1.1rem;
  height: 4rem;
  color: #f3f4f5;
  fill: #f3f4f4;
  margin: 0 -0.3rem;
  display: block;
}

.schemeEmbed .scheme-categories__controls .schemeTabs.scheme-search__segmented-control.scheme-search__tabs {
  min-width: max-content;
  align-items: center;
  gap: 0;
  overflow-x: visible;
  overflow-y: visible;
}

.schemeEmbed .search-card__segmented-control .search-card__category {
  flex: 0 0 auto;
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  gap: 0.2rem;
  border: 0;
  padding: 0 1.6rem;
  min-height: 3.6rem;
  border-radius: 99.9rem;
  font-family: "TT Firs Neue Variable", TTFirsTextMedium, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 130%;
  text-align: center;
  letter-spacing: -0.05rem;
  background: transparent;
  color: #1c222a;
}

.schemeEmbed .search-card__segmented-control .search-card__category-count {
  font-family: "TT Firs Neue", "TT Firs Neue Variable", TTFirsTextMedium, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 0.8rem;
  line-height: 130%;
  text-align: center;
  letter-spacing: -0.05rem;
  color: inherit;
  flex-shrink: 0;
  transform: translateY(-0.4rem);
}

.schemeEmbed .search-card__segmented-control .search-card__category.is-active .search-card__category-count {
  color: #ffffff;
}

.schemeEmbed .search-card__segmented-control .search-card__category.is-active {
  background: #1f1f1f;
  color: #ffffff;
}

.schemeEmbed .schemeUI {
  position: fixed;
  top: auto;
  left: 0.8rem;
  right: auto;
  bottom: 17.5rem;
  z-index: 30;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.4rem;
  width: auto;
  padding: 0;
  filter: none;
  transition: transform 0.28s ease, opacity 0.28s ease;
}

.schemeEmbed .schemeUI.schemeUI--hidden {
  transform: translateX(-120%);
  opacity: 0;
  pointer-events: none;
}

.schemeEmbed .schemeUI__floors {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}

.schemeEmbed .schemeUI__actions {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  margin-top: 2.4rem;
}

.schemeEmbed .schemeUI__floors .schemeButton-floor,
.schemeEmbed .schemeUI__floors .schemeFloor {
  font-family: TTFirsTextMedium, sans-serif;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  width: 4rem;
  height: 4rem;
  border-radius: 2rem;
  background: #f3f4f4;
  border: 0;
  box-shadow: none;
  font-style: normal;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 100%;
  text-align: center;
  letter-spacing: -0.05rem;
  color: #1c222a;
}

.schemeEmbed .schemeUI__actions .schemeButton-parking,
.schemeEmbed .schemeUI__actions .schemeExits {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 4.8rem;
  height: 4.8rem;
  border-radius: 6rem;
  border: 0;
  background: #ffffff;
  box-shadow: none;
  text-decoration: none;
  overflow: hidden;
  color: transparent;
  font-size: 0;
  line-height: 0;
}

.schemeEmbed .schemeUI__actions .schemeExitsSVG,
.schemeEmbed .schemeUI__actions .schemeParkingSVG {
  width: 3.2rem;
  height: 3.2rem;
  display: block;
  fill: #1c222a;
}

.schemeEmbed .schemeUI__actions .schemeButton-parking.is-active,
.schemeEmbed .schemeUI__actions .schemeExits.schemeExits-is-active {
  background: #1c222a;
  box-shadow: none;
}

.schemeEmbed .schemeUI__actions .schemeButton-parking.is-active .schemeParkingSVG,
.schemeEmbed .schemeUI__actions .schemeExits.schemeExits-is-active .schemeExitsSVG {
  filter: brightness(0) invert(1);
}

.schemeEmbed .storeSheet {
  position: fixed;
  inset: 0;
  z-index: 60;
  pointer-events: none;
  visibility: hidden;
}

.schemeEmbed .storeSheet.storeSheet--open {
  pointer-events: auto;
  visibility: visible;
}

.schemeEmbed .storeSheet__panel {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100dvh;
  background: #ffffff;
  border-radius: 2.4rem 2.4rem 0 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-y;
  transform: translateY(calc(100dvh - var(--storeSheet-peek, 15rem)));
  transition: transform 0.25s ease, border-radius 0.25s ease;
}

.schemeEmbed .storeSheet.storeSheet--expanded .storeSheet__panel {
  transform: translateY(0);
}

.schemeEmbed .storeSheet__handle {
  width: 100%;
  padding: 1.4rem 0 1rem;
  background: #ffffff;
  border: 0;
  border-radius: 2.4rem 2.4rem 0 0;
  outline: none;
  cursor: grab;
}

.schemeEmbed .storeSheet__handle::after {
  content: "";
  display: block;
  width: 4.4rem;
  height: 0.5rem;
  border-radius: 99.9rem;
  background: #d0d5dd;
  margin: 0 auto;
}

.schemeEmbed .storeSheet__close {
  position: absolute;
  top: 1rem;
  right: 1.2rem;
  width: 4.4rem;
  height: 4.4rem;
  border: 0;
  border-radius: 99.9rem;
  background: transparent;
  font-size: 2.8rem;
  line-height: 4.4rem;
  color: #1c222a;
  cursor: pointer;
}

.schemeEmbed .storeSheet__body {
  padding: 0 1.6rem 2rem;
}

.schemeEmbed .storeSheet__body .itemLogo {
  margin: 0 0 1rem;
  width: 8.6rem;
  height: 8.6rem;
  border-radius: 1.8rem;
  background-size: contain !important;
  background-position: center !important;
}

.schemeEmbed .storeSheet__body .itemInfo {
  display: block;
}

.schemeEmbed .storeSheet__body .itemHeader {
  font-size: 1.8rem;
  line-height: 1.2;
}

.schemeEmbed .storeSheet__body .itemTags {
  font-size: 1.3rem;
  margin-top: 1rem;
  color: #83878e;
}

.schemeEmbed .storeSheet__body .itemOffers.active {
  display: block !important;
}