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

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

table {
  border-collapse: collapse;
  border-spacing: 0; }

* {
  box-sizing: border-box;
  outline: none; }

img {
  max-width: 100%; }

.v-align {
  font-size: 0; }
  .v-align:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%; }
  .v-align > * {
    font-size: 14px;
    display: inline-block;
    width: 100%;
    vertical-align: middle; }

.clearfix:before {
  content: "";
  display: table; }

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

.right {
  float: right; }

.left {
  float: left; }

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

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

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

.upper {
  text-transform: uppercase; }

/**

Example:

$max-row-width: 1008;
$grid-columns: 12;
$grid: (
  small: (
    from: 0,
    to: 977,
    gutter: 12
  ),
  large: (
    from: 978,
    gutter: 30
  )
);

*/
.row {
  max-width: 1280px;
  margin: 0 auto; }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both; }

.column {
  float: left;
  width: 100%; }

@media (min-width: 0px) and (max-width: 415px) {
  .column {
    padding-left: 6px;
    padding-right: 6px; }
  .row .row {
    margin-left: -6px;
    margin-right: -6px;
    max-width: none; }
  .small-1 {
    width: 8.33333%; }
  .small-2 {
    width: 16.66667%; }
  .small-3 {
    width: 25%; }
  .small-4 {
    width: 33.33333%; }
  .small-5 {
    width: 41.66667%; }
  .small-6 {
    width: 50%; }
  .small-7 {
    width: 58.33333%; }
  .small-8 {
    width: 66.66667%; }
  .small-9 {
    width: 75%; }
  .small-10 {
    width: 83.33333%; }
  .small-11 {
    width: 91.66667%; }
  .small-12 {
    width: 100%; }
  .small-block-grid-1 {
    margin: 0 -6px; }
    .small-block-grid-1:before {
      content: "";
      display: table; }
    .small-block-grid-1:after {
      content: "";
      display: table;
      clear: both; }
    .small-block-grid-1 > * {
      float: left;
      width: 100%;
      padding-left: 6px;
      padding-right: 6px;
      padding-bottom: 12px; }
      .small-block-grid-1 > *:nth-child(2) {
        clear: both; }
  .small-block-grid-2 {
    margin: 0 -6px; }
    .small-block-grid-2:before {
      content: "";
      display: table; }
    .small-block-grid-2:after {
      content: "";
      display: table;
      clear: both; }
    .small-block-grid-2 > * {
      float: left;
      width: 50%;
      padding-left: 6px;
      padding-right: 6px;
      padding-bottom: 12px; }
      .small-block-grid-2 > *:nth-child(3) {
        clear: both; }
  .small-block-grid-3 {
    margin: 0 -6px; }
    .small-block-grid-3:before {
      content: "";
      display: table; }
    .small-block-grid-3:after {
      content: "";
      display: table;
      clear: both; }
    .small-block-grid-3 > * {
      float: left;
      width: 33.33333%;
      padding-left: 6px;
      padding-right: 6px;
      padding-bottom: 12px; }
      .small-block-grid-3 > *:nth-child(4) {
        clear: both; }
  .small-block-grid-4 {
    margin: 0 -6px; }
    .small-block-grid-4:before {
      content: "";
      display: table; }
    .small-block-grid-4:after {
      content: "";
      display: table;
      clear: both; }
    .small-block-grid-4 > * {
      float: left;
      width: 25%;
      padding-left: 6px;
      padding-right: 6px;
      padding-bottom: 12px; }
      .small-block-grid-4 > *:nth-child(5) {
        clear: both; }
  .small-block-grid-5 {
    margin: 0 -6px; }
    .small-block-grid-5:before {
      content: "";
      display: table; }
    .small-block-grid-5:after {
      content: "";
      display: table;
      clear: both; }
    .small-block-grid-5 > * {
      float: left;
      width: 20%;
      padding-left: 6px;
      padding-right: 6px;
      padding-bottom: 12px; }
      .small-block-grid-5 > *:nth-child(6) {
        clear: both; }
  .small-block-grid-6 {
    margin: 0 -6px; }
    .small-block-grid-6:before {
      content: "";
      display: table; }
    .small-block-grid-6:after {
      content: "";
      display: table;
      clear: both; }
    .small-block-grid-6 > * {
      float: left;
      width: 16.66667%;
      padding-left: 6px;
      padding-right: 6px;
      padding-bottom: 12px; }
      .small-block-grid-6 > *:nth-child(7) {
        clear: both; }
  .small-block-grid-7 {
    margin: 0 -6px; }
    .small-block-grid-7:before {
      content: "";
      display: table; }
    .small-block-grid-7:after {
      content: "";
      display: table;
      clear: both; }
    .small-block-grid-7 > * {
      float: left;
      width: 14.28571%;
      padding-left: 6px;
      padding-right: 6px;
      padding-bottom: 12px; }
      .small-block-grid-7 > *:nth-child(8) {
        clear: both; }
  .small-block-grid-8 {
    margin: 0 -6px; }
    .small-block-grid-8:before {
      content: "";
      display: table; }
    .small-block-grid-8:after {
      content: "";
      display: table;
      clear: both; }
    .small-block-grid-8 > * {
      float: left;
      width: 12.5%;
      padding-left: 6px;
      padding-right: 6px;
      padding-bottom: 12px; }
      .small-block-grid-8 > *:nth-child(9) {
        clear: both; }
  .small-block-grid-9 {
    margin: 0 -6px; }
    .small-block-grid-9:before {
      content: "";
      display: table; }
    .small-block-grid-9:after {
      content: "";
      display: table;
      clear: both; }
    .small-block-grid-9 > * {
      float: left;
      width: 11.11111%;
      padding-left: 6px;
      padding-right: 6px;
      padding-bottom: 12px; }
      .small-block-grid-9 > *:nth-child(10) {
        clear: both; }
  .small-block-grid-10 {
    margin: 0 -6px; }
    .small-block-grid-10:before {
      content: "";
      display: table; }
    .small-block-grid-10:after {
      content: "";
      display: table;
      clear: both; }
    .small-block-grid-10 > * {
      float: left;
      width: 10%;
      padding-left: 6px;
      padding-right: 6px;
      padding-bottom: 12px; }
      .small-block-grid-10 > *:nth-child(11) {
        clear: both; }
  .small-block-grid-11 {
    margin: 0 -6px; }
    .small-block-grid-11:before {
      content: "";
      display: table; }
    .small-block-grid-11:after {
      content: "";
      display: table;
      clear: both; }
    .small-block-grid-11 > * {
      float: left;
      width: 9.09091%;
      padding-left: 6px;
      padding-right: 6px;
      padding-bottom: 12px; }
      .small-block-grid-11 > *:nth-child(12) {
        clear: both; }
  .small-block-grid-12 {
    margin: 0 -6px; }
    .small-block-grid-12:before {
      content: "";
      display: table; }
    .small-block-grid-12:after {
      content: "";
      display: table;
      clear: both; }
    .small-block-grid-12 > * {
      float: left;
      width: 8.33333%;
      padding-left: 6px;
      padding-right: 6px;
      padding-bottom: 12px; }
      .small-block-grid-12 > *:nth-child(13) {
        clear: both; }
  .small-only-hide {
    display: none !important; } }

@media (min-width: 0px) {
  .small-up-hide {
    display: none !important; } }

@media (max-width: 415px) {
  .small-down-hide {
    display: none !important; } }

@media (max-width: -1px), (min-width: 416px) {
  .small-only-show {
    display: none !important; } }

@media (max-width: -1px) {
  .small-up-show {
    display: none !important; } }

@media (min-width: 416px) {
  .small-down-show {
    display: none !important; } }

@media (min-width: 416px) and (max-width: 950px) {
  .column {
    padding-left: 17px;
    padding-right: 17px; }
  .row .row {
    margin-left: -17px;
    margin-right: -17px;
    max-width: none; }
  .medium-1 {
    width: 8.33333%; }
  .medium-2 {
    width: 16.66667%; }
  .medium-3 {
    width: 25%; }
  .medium-4 {
    width: 33.33333%; }
  .medium-5 {
    width: 41.66667%; }
  .medium-6 {
    width: 50%; }
  .medium-7 {
    width: 58.33333%; }
  .medium-8 {
    width: 66.66667%; }
  .medium-9 {
    width: 75%; }
  .medium-10 {
    width: 83.33333%; }
  .medium-11 {
    width: 91.66667%; }
  .medium-12 {
    width: 100%; }
  .medium-block-grid-1 {
    margin: 0 -17px; }
    .medium-block-grid-1:before {
      content: "";
      display: table; }
    .medium-block-grid-1:after {
      content: "";
      display: table;
      clear: both; }
    .medium-block-grid-1 > * {
      float: left;
      width: 100%;
      padding-left: 17px;
      padding-right: 17px;
      padding-bottom: 34px; }
      .medium-block-grid-1 > *:nth-child(2) {
        clear: both; }
  .medium-block-grid-2 {
    margin: 0 -17px; }
    .medium-block-grid-2:before {
      content: "";
      display: table; }
    .medium-block-grid-2:after {
      content: "";
      display: table;
      clear: both; }
    .medium-block-grid-2 > * {
      float: left;
      width: 50%;
      padding-left: 17px;
      padding-right: 17px;
      padding-bottom: 34px; }
      .medium-block-grid-2 > *:nth-child(3) {
        clear: both; }
  .medium-block-grid-3 {
    margin: 0 -17px; }
    .medium-block-grid-3:before {
      content: "";
      display: table; }
    .medium-block-grid-3:after {
      content: "";
      display: table;
      clear: both; }
    .medium-block-grid-3 > * {
      float: left;
      width: 33.33333%;
      padding-left: 17px;
      padding-right: 17px;
      padding-bottom: 34px; }
      .medium-block-grid-3 > *:nth-child(4) {
        clear: both; }
  .medium-block-grid-4 {
    margin: 0 -17px; }
    .medium-block-grid-4:before {
      content: "";
      display: table; }
    .medium-block-grid-4:after {
      content: "";
      display: table;
      clear: both; }
    .medium-block-grid-4 > * {
      float: left;
      width: 25%;
      padding-left: 17px;
      padding-right: 17px;
      padding-bottom: 34px; }
      .medium-block-grid-4 > *:nth-child(5) {
        clear: both; }
  .medium-block-grid-5 {
    margin: 0 -17px; }
    .medium-block-grid-5:before {
      content: "";
      display: table; }
    .medium-block-grid-5:after {
      content: "";
      display: table;
      clear: both; }
    .medium-block-grid-5 > * {
      float: left;
      width: 20%;
      padding-left: 17px;
      padding-right: 17px;
      padding-bottom: 34px; }
      .medium-block-grid-5 > *:nth-child(6) {
        clear: both; }
  .medium-block-grid-6 {
    margin: 0 -17px; }
    .medium-block-grid-6:before {
      content: "";
      display: table; }
    .medium-block-grid-6:after {
      content: "";
      display: table;
      clear: both; }
    .medium-block-grid-6 > * {
      float: left;
      width: 16.66667%;
      padding-left: 17px;
      padding-right: 17px;
      padding-bottom: 34px; }
      .medium-block-grid-6 > *:nth-child(7) {
        clear: both; }
  .medium-block-grid-7 {
    margin: 0 -17px; }
    .medium-block-grid-7:before {
      content: "";
      display: table; }
    .medium-block-grid-7:after {
      content: "";
      display: table;
      clear: both; }
    .medium-block-grid-7 > * {
      float: left;
      width: 14.28571%;
      padding-left: 17px;
      padding-right: 17px;
      padding-bottom: 34px; }
      .medium-block-grid-7 > *:nth-child(8) {
        clear: both; }
  .medium-block-grid-8 {
    margin: 0 -17px; }
    .medium-block-grid-8:before {
      content: "";
      display: table; }
    .medium-block-grid-8:after {
      content: "";
      display: table;
      clear: both; }
    .medium-block-grid-8 > * {
      float: left;
      width: 12.5%;
      padding-left: 17px;
      padding-right: 17px;
      padding-bottom: 34px; }
      .medium-block-grid-8 > *:nth-child(9) {
        clear: both; }
  .medium-block-grid-9 {
    margin: 0 -17px; }
    .medium-block-grid-9:before {
      content: "";
      display: table; }
    .medium-block-grid-9:after {
      content: "";
      display: table;
      clear: both; }
    .medium-block-grid-9 > * {
      float: left;
      width: 11.11111%;
      padding-left: 17px;
      padding-right: 17px;
      padding-bottom: 34px; }
      .medium-block-grid-9 > *:nth-child(10) {
        clear: both; }
  .medium-block-grid-10 {
    margin: 0 -17px; }
    .medium-block-grid-10:before {
      content: "";
      display: table; }
    .medium-block-grid-10:after {
      content: "";
      display: table;
      clear: both; }
    .medium-block-grid-10 > * {
      float: left;
      width: 10%;
      padding-left: 17px;
      padding-right: 17px;
      padding-bottom: 34px; }
      .medium-block-grid-10 > *:nth-child(11) {
        clear: both; }
  .medium-block-grid-11 {
    margin: 0 -17px; }
    .medium-block-grid-11:before {
      content: "";
      display: table; }
    .medium-block-grid-11:after {
      content: "";
      display: table;
      clear: both; }
    .medium-block-grid-11 > * {
      float: left;
      width: 9.09091%;
      padding-left: 17px;
      padding-right: 17px;
      padding-bottom: 34px; }
      .medium-block-grid-11 > *:nth-child(12) {
        clear: both; }
  .medium-block-grid-12 {
    margin: 0 -17px; }
    .medium-block-grid-12:before {
      content: "";
      display: table; }
    .medium-block-grid-12:after {
      content: "";
      display: table;
      clear: both; }
    .medium-block-grid-12 > * {
      float: left;
      width: 8.33333%;
      padding-left: 17px;
      padding-right: 17px;
      padding-bottom: 34px; }
      .medium-block-grid-12 > *:nth-child(13) {
        clear: both; }
  .medium-only-hide {
    display: none !important; } }

@media (min-width: 416px) {
  .medium-up-hide {
    display: none !important; } }

@media (max-width: 950px) {
  .medium-down-hide {
    display: none !important; } }

@media (max-width: 415px), (min-width: 951px) {
  .medium-only-show {
    display: none !important; } }

@media (max-width: 415px) {
  .medium-up-show {
    display: none !important; } }

@media (min-width: 951px) {
  .medium-down-show {
    display: none !important; } }

@media (min-width: 951px) {
  .column {
    padding-left: 20px;
    padding-right: 20px; }
  .row .row {
    margin-left: -20px;
    margin-right: -20px;
    max-width: none; }
  .large-1 {
    width: 8.33333%; }
  .large-2 {
    width: 16.66667%; }
  .large-3 {
    width: 25%; }
  .large-4 {
    width: 33.33333%; }
  .large-5 {
    width: 41.66667%; }
  .large-6 {
    width: 50%; }
  .large-7 {
    width: 58.33333%; }
  .large-8 {
    width: 66.66667%; }
  .large-9 {
    width: 75%; }
  .large-10 {
    width: 83.33333%; }
  .large-11 {
    width: 91.66667%; }
  .large-12 {
    width: 100%; }
  .large-block-grid-1 {
    margin: 0 -20px; }
    .large-block-grid-1:before {
      content: "";
      display: table; }
    .large-block-grid-1:after {
      content: "";
      display: table;
      clear: both; }
    .large-block-grid-1 > * {
      float: left;
      width: 100%;
      padding-left: 20px;
      padding-right: 20px;
      padding-bottom: 40px; }
      .large-block-grid-1 > *:nth-child(2) {
        clear: both; }
  .large-block-grid-2 {
    margin: 0 -20px; }
    .large-block-grid-2:before {
      content: "";
      display: table; }
    .large-block-grid-2:after {
      content: "";
      display: table;
      clear: both; }
    .large-block-grid-2 > * {
      float: left;
      width: 50%;
      padding-left: 20px;
      padding-right: 20px;
      padding-bottom: 40px; }
      .large-block-grid-2 > *:nth-child(3) {
        clear: both; }
  .large-block-grid-3 {
    margin: 0 -20px; }
    .large-block-grid-3:before {
      content: "";
      display: table; }
    .large-block-grid-3:after {
      content: "";
      display: table;
      clear: both; }
    .large-block-grid-3 > * {
      float: left;
      width: 33.33333%;
      padding-left: 20px;
      padding-right: 20px;
      padding-bottom: 40px; }
      .large-block-grid-3 > *:nth-child(4) {
        clear: both; }
  .large-block-grid-4 {
    margin: 0 -20px; }
    .large-block-grid-4:before {
      content: "";
      display: table; }
    .large-block-grid-4:after {
      content: "";
      display: table;
      clear: both; }
    .large-block-grid-4 > * {
      float: left;
      width: 25%;
      padding-left: 20px;
      padding-right: 20px;
      padding-bottom: 40px; }
      .large-block-grid-4 > *:nth-child(5) {
        clear: both; }
  .large-block-grid-5 {
    margin: 0 -20px; }
    .large-block-grid-5:before {
      content: "";
      display: table; }
    .large-block-grid-5:after {
      content: "";
      display: table;
      clear: both; }
    .large-block-grid-5 > * {
      float: left;
      width: 20%;
      padding-left: 20px;
      padding-right: 20px;
      padding-bottom: 40px; }
      .large-block-grid-5 > *:nth-child(6) {
        clear: both; }
  .large-block-grid-6 {
    margin: 0 -20px; }
    .large-block-grid-6:before {
      content: "";
      display: table; }
    .large-block-grid-6:after {
      content: "";
      display: table;
      clear: both; }
    .large-block-grid-6 > * {
      float: left;
      width: 16.66667%;
      padding-left: 20px;
      padding-right: 20px;
      padding-bottom: 40px; }
      .large-block-grid-6 > *:nth-child(7) {
        clear: both; }
  .large-block-grid-7 {
    margin: 0 -20px; }
    .large-block-grid-7:before {
      content: "";
      display: table; }
    .large-block-grid-7:after {
      content: "";
      display: table;
      clear: both; }
    .large-block-grid-7 > * {
      float: left;
      width: 14.28571%;
      padding-left: 20px;
      padding-right: 20px;
      padding-bottom: 40px; }
      .large-block-grid-7 > *:nth-child(8) {
        clear: both; }
  .large-block-grid-8 {
    margin: 0 -20px; }
    .large-block-grid-8:before {
      content: "";
      display: table; }
    .large-block-grid-8:after {
      content: "";
      display: table;
      clear: both; }
    .large-block-grid-8 > * {
      float: left;
      width: 12.5%;
      padding-left: 20px;
      padding-right: 20px;
      padding-bottom: 40px; }
      .large-block-grid-8 > *:nth-child(9) {
        clear: both; }
  .large-block-grid-9 {
    margin: 0 -20px; }
    .large-block-grid-9:before {
      content: "";
      display: table; }
    .large-block-grid-9:after {
      content: "";
      display: table;
      clear: both; }
    .large-block-grid-9 > * {
      float: left;
      width: 11.11111%;
      padding-left: 20px;
      padding-right: 20px;
      padding-bottom: 40px; }
      .large-block-grid-9 > *:nth-child(10) {
        clear: both; }
  .large-block-grid-10 {
    margin: 0 -20px; }
    .large-block-grid-10:before {
      content: "";
      display: table; }
    .large-block-grid-10:after {
      content: "";
      display: table;
      clear: both; }
    .large-block-grid-10 > * {
      float: left;
      width: 10%;
      padding-left: 20px;
      padding-right: 20px;
      padding-bottom: 40px; }
      .large-block-grid-10 > *:nth-child(11) {
        clear: both; }
  .large-block-grid-11 {
    margin: 0 -20px; }
    .large-block-grid-11:before {
      content: "";
      display: table; }
    .large-block-grid-11:after {
      content: "";
      display: table;
      clear: both; }
    .large-block-grid-11 > * {
      float: left;
      width: 9.09091%;
      padding-left: 20px;
      padding-right: 20px;
      padding-bottom: 40px; }
      .large-block-grid-11 > *:nth-child(12) {
        clear: both; }
  .large-block-grid-12 {
    margin: 0 -20px; }
    .large-block-grid-12:before {
      content: "";
      display: table; }
    .large-block-grid-12:after {
      content: "";
      display: table;
      clear: both; }
    .large-block-grid-12 > * {
      float: left;
      width: 8.33333%;
      padding-left: 20px;
      padding-right: 20px;
      padding-bottom: 40px; }
      .large-block-grid-12 > *:nth-child(13) {
        clear: both; }
  .large-only-hide {
    display: none !important; } }

@media (min-width: 951px) {
  .large-up-hide {
    display: none !important; } }

@media (max-width: 950px) {
  .large-only-show {
    display: none !important; } }

@media (max-width: 950px) {
  .large-up-show {
    display: none !important; } }

.image-icon {
  display: inline-block; }
  .image-icon.arrow-right-black {
    background: transparent url("../images/images-icons/arrow-right-black.png") 50% 50% no-repeat;
    background-size: cover;
    width: 15px;
    height: 7px; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1) {
      .image-icon.arrow-right-black {
        background: transparent url("../images/images-icons/arrow-right-black-2x.png") 50% 50% no-repeat;
        background-size: cover; } }
  .image-icon.adv-sale {
    background: transparent url("../images/images-icons/adv-sale.png") 50% 50% no-repeat;
    background-size: cover;
    width: 111px;
    height: 82px; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1) {
      .image-icon.adv-sale {
        background: transparent url("https://club.mz-gallery.ru/static/frontend/dist/images/images-icons/adv-sale-2x.png") 50% 50% no-repeat;
        background-size: cover; } }
  .image-icon.mail-speed {
    background: transparent url("../images/images-icons/mail-speed.png") 50% 50% no-repeat;
    background-size: cover;
    width: 145px;
    height: 65px; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1) {
      .image-icon.mail-speed {
        background: transparent url("../images/images-icons/mail-speed-2x.png") 50% 50% no-repeat;
        background-size: cover; } }
  .image-icon.down-grey {
    background: transparent url("../images/images-icons/down-grey.png") 50% 50% no-repeat;
    background-size: cover;
    width: 9px;
    height: 6px; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1) {
      .image-icon.down-grey {
        background: transparent url("../images/images-icons/down-grey-2x.png") 50% 50% no-repeat;
        background-size: cover; } }
  .image-icon.closer {
    background: transparent url("../images/images-icons/closer.png") 50% 50% no-repeat;
    background-size: cover;
    width: 19px;
    height: 20px; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1) {
      .image-icon.closer {
        background: transparent url("../images/images-icons/closer-2x.png") 50% 50% no-repeat;
        background-size: cover; } }
  .image-icon.card {
    background: transparent url("../images/images-icons/card.png") 50% 50% no-repeat;
    background-size: cover;
    width: 77px;
    height: 53px; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1) {
      .image-icon.card {
        background: transparent url("../images/images-icons/card-2x.png") 50% 50% no-repeat;
        background-size: cover; } }
  .image-icon.card25 {
    background: transparent url("https://club.mz-gallery.ru/static/frontend/dist/images/images-icons/card25.png") 50% 50% no-repeat;
    background-size: cover;
    width: 77px;
    height: 53px; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1) {
      .image-icon.card25 {
        background: transparent url("https://club.mz-gallery.ru/static/frontend/dist/images/images-icons/card25-2x.png") 50% 50% no-repeat;
        background-size: cover; } }
  .image-icon.pay100 {
    background: transparent url("../images/images-icons/pay100.png") 50% 50% no-repeat;
    background-size: cover;
    width: 112px;
    height: 85px; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1) {
      .image-icon.pay100 {
        background: transparent url("../images/images-icons/pay100-2x.png") 50% 50% no-repeat;
        background-size: cover; } }
  .image-icon.pay50 {
    background: transparent url("../images/images-icons/pay50.png") 50% 50% no-repeat;
    background-size: cover;
    width: 112px;
    height: 85px; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1) {
      .image-icon.pay50 {
        background: transparent url("../images/images-icons/pay50-2x.png") 50% 50% no-repeat;
        background-size: cover; } }
  .image-icon.sale {
    background: transparent url("../images/images-icons/sale.png") 50% 50% no-repeat;
    background-size: cover;
    width: 83px;
    height: 76px; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1) {
      .image-icon.sale {
        background: transparent url("../images/images-icons/sale-2x.png") 50% 50% no-repeat;
        background-size: cover; } }
  .image-icon.sofa {
    background: transparent url("../images/images-icons/sofa.png") 50% 50% no-repeat;
    background-size: cover;
    width: 91px;
    height: 68px; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1) {
      .image-icon.sofa {
        background: transparent url("../images/images-icons/sofa-2x.png") 50% 50% no-repeat;
        background-size: cover; } }
  .image-icon.drop-red {
    background: transparent url("../images/images-icons/drop-red.png") 50% 50% no-repeat;
    background-size: cover;
    width: 20px;
    height: 12px; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1) {
      .image-icon.drop-red {
        background: transparent url("../images/images-icons/drop-red-2x.png") 50% 50% no-repeat;
        background-size: cover; } }
  .image-icon.arrow-big-grey-down {
    background: transparent url("../images/images-icons/arrow-big-grey-down.png") 50% 50% no-repeat;
    background-size: cover;
    width: 19px;
    height: 11px; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1) {
      .image-icon.arrow-big-grey-down {
        background: transparent url("../images/images-icons/arrow-big-grey-down-2x.png") 50% 50% no-repeat;
        background-size: cover; } }
  .image-icon.arrow-big-grey-up {
    background: transparent url("../images/images-icons/arrow-big-grey-up.png") 50% 50% no-repeat;
    background-size: cover;
    width: 19px;
    height: 11px; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1) {
      .image-icon.arrow-big-grey-up {
        background: transparent url("../images/images-icons/arrow-big-grey-up-2x.png") 50% 50% no-repeat;
        background-size: cover; } }
  .image-icon.doc {
    background: transparent url("../images/images-icons/doc.png") 50% 50% no-repeat;
    background-size: cover;
    width: 48px;
    height: 50px; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1) {
      .image-icon.doc {
        background: transparent url("../images/images-icons/doc-2x.png") 50% 50% no-repeat;
        background-size: cover; } }
  .image-icon.pdf {
    background: transparent url("../images/images-icons/pdf.png") 50% 50% no-repeat;
    background-size: cover;
    width: 48px;
    height: 50px; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1) {
      .image-icon.pdf {
        background: transparent url("../images/images-icons/pdf-2x.png") 50% 50% no-repeat;
        background-size: cover; } }

body {
  font-size: 14px;
  font-family: mz5, sans-serif;
  line-height: 1.3;
  background: #1C1C1C; }
  body.body-personal {
    min-width: 1200px; }
  body * {
    font-family: mz5; }
  body .promo-page h1, body .promo-page h2, body .promo-page h3 {
    font-size: 48px; }
  body .underline {
    border-bottom: 1px solid; }

a {
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  text-decoration: none; }

.wrapper-pages-title {
  padding: 32px 0 30px 0; }
  .wrapper-pages-title .title {
    font-size: 45px;
    color: #FFFFFF;
    letter-spacing: 0; }

#wrapper.geometric-bg {
  background: #1C1C1C url("../images/base/geometric_back.jpg") 0 0 no-repeat;
  position: relative; }

.column.centered {
  margin: 0 auto;
  float: none; }

.black {
  color: black; }

@media (min-width: 416px) and (max-width: 950px) {
  body .promo-page h1 {
    font-size: 48px; }
  body .promo-page h2, body .promo-page h3 {
    font-size: 31px; } }

@media (min-width: 0px) and (max-width: 415px) {
  #wrapper.geometric-bg {
    min-width: 0; }
    #wrapper.geometric-bg .wrapper-pages-title .title {
      font-weight: normal;
      font-size: 27px; }
  .wrapper-pages-title {
    padding: 20px 15px; }
    .wrapper-pages-title .title {
      font-size: 20px; }
  body.body-personal {
    min-width: 0; }
  body .promo-page h1 {
    font-size: 23px; }
  body .promo-page h2, body .promo-page h3 {
    font-size: 28px; } }

label {
  cursor: pointer; }

.pt-icon {
  display: flex;
  align-items: center;
  flex-wrap: nowrap; }
  .pt-icon__icon {
    display: block;
    width: 40px;
    height: 40px;
    flex-grow: 0;
    flex-shrink: 0;
    margin-right: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center; }
  .pt-icon__text {
    display: block; }

h1, h2, h3, h4, h5, h6 {
  font-family: mz5, sans-serif;
  color: #FFFFFF;
  font-weight: 600; }

h1 {
  font-size: 50px; }

h2 {
  font-size: 45px; }

h3 {
  font-size: 28px; }

h4 {
  font-size: 24px; }

h5 {
  font-size: 22px; }

h6 {
  font-size: 20px; }

.body-personal .header {
  display: none; }
  @media (max-width: 950px) {
    .body-personal .header {
      display: block; } }

.header {
  display: block;
  position: sticky;
  top: 0;
  background: #000000;
  z-index: 1000;
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s; }
  @media (max-width: 950px) {
    .header {
      position: fixed;
      top: initial;
      bottom: 0;
      right: 0;
      left: 0;
      opacity: 1;
      pointer-events: all; } }
  .header.active {
    top: 0;
    opacity: 1;
    pointer-events: all; }
    @media (max-width: 950px) {
      .header.active {
        top: initial; } }
  .header .member-data {
    display: flex;
    justify-content: center;
    width: 274px;
    text-transform: uppercase;
    font-size: 13px;
    color: #FFFFFF;
    border-left: 1px solid #494949; }
  .header .header-inner {
    height: 57px;
    line-height: 57px;
    display: flex;
    position: relative;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap; }
    @media (max-width: 950px) {
      .header .header-inner {
        height: initial; } }
    .header .header-inner .menu-wrapper {
      align-self: flex-start;
      flex: 0 0 auto;
      display: flex; }
      .header .header-inner .menu-wrapper .logo-wrapper .logo-link {
        background: #CC0000;
        color: #FFFFFF;
        height: 57px;
        display: inline-block;
        text-decoration: none;
        font-weight: 600;
        font-size: 23px;
        width: 168px;
        text-align: center;
        letter-spacing: 0.28px; }
      .header .header-inner .menu-wrapper .main-menu {
        margin-left: 37px;
        display: flex;
        width: 100%;
        justify-content: space-between; }
        .header .header-inner .menu-wrapper .main-menu a {
          text-decoration: none; }
          .header .header-inner .menu-wrapper .main-menu a:hover {
            color: #CC0000; }
    .header .header-inner .login-wrapper {
      justify-content: flex-end;
      flex: 0 0 auto;
      padding-right: 50px;
      color: #C8C8C8;
      display: flex;
      flex-wrap: nowrap;
      align-items: center; }
      .header .header-inner .login-wrapper .login-register {
        margin-right: 46px; }
      .header .header-inner .login-wrapper .feedback-holder a {
        padding: 10px 15px 9px 16px;
        border: 1px solid #797979; }
      .header .header-inner .login-wrapper a {
        font-size: 13px;
        color: #C8C8C8;
        border: none;
        text-decoration: none;
        border-bottom: 1px solid transparent;
        text-transform: uppercase;
        display: inline-block;
        padding-bottom: 2px;
        margin: 0 6px;
        line-height: 1; }
        .header .header-inner .login-wrapper a:hover {
          border-color: #CC0000; }

@media all and (max-width: 1310px) and (min-width: 1130px) {
  .header .header-inner .login-wrapper .login-register {
    margin-right: 15px; }
  .header .header-inner .menu-wrapper .main-menu {
    margin-left: 25px; } }

@media all and (max-width: 1130px) and (min-width: 951px) {
  .header .header-inner .login-wrapper {
    padding-right: 6px; }
    .header .header-inner .login-wrapper a {
      font-size: 11px; }
    .header .header-inner .login-wrapper .login-register {
      margin-right: 6px; }
  .header .header-inner .menu-wrapper .main-menu {
    margin-left: 15px; } }

@media (min-width: 416px) and (max-width: 950px) {
  .geometric-bg header .header-inner {
    justify-content: space-between; }
  .header .header-inner {
    justify-content: inherit; }
    .header .header-inner .login-wrapper {
      justify-content: flex-start;
      padding-left: 40px;
      flex: 1 1 auto; }
      .header .header-inner .login-wrapper .feedback-holder a {
        border: none;
        padding: 0; }
    .header .header-inner .menu-wrapper .main-menu {
      margin-left: 15px; } }

@media all and (max-width: 680px) and (min-width: 550px) {
  .header .header-inner .login-wrapper {
    padding-right: 0;
    padding-left: 10px; }
    .header .header-inner .login-wrapper a {
      font-size: 12px; }
    .header .header-inner .login-wrapper .login-register {
      margin-right: 5px; }
  .header .header-inner .menu-wrapper .main-menu {
    margin-left: 15px; } }

@media all and (max-width: 550px) {
  .header .header-inner {
    justify-content: space-between; }
    .header .header-inner .login-wrapper {
      display: none; } }

.mz-header {
  z-index: 999;
  position: relative;
  /**
    Menu
   */ }
  .mz-header.index-page {
    opacity: 0; }
    .mz-header.index-page.animated {
      animation: downAndFade 0.9s;
      animation-fill-mode: forwards;
      animation-delay: 0s; }
    .mz-header.index-page.end {
      opacity: 1; }
  .mz-header .top-header {
    height: 61px;
    line-height: 61px;
    background: #0a0a0a; }
    .mz-header .top-header .logo-holder {
      float: left;
      background: #d20600; }
      .mz-header .top-header .logo-holder .logo-link {
        background: transparent url("../images/main/mz-logo.png") 0 0 no-repeat;
        background-size: cover;
        display: block;
        height: 61px;
        width: 402px; }
        @media all and (max-width: 950px) {
          .mz-header .top-header .logo-holder .logo-link {
            background: transparent; } }
        @media (min-width: 1440px) {
          .mz-header .top-header .logo-holder .logo-link {
            margin-left: 40px; } }
        @media (min-width: 1024px) {
          .mz-header .top-header .logo-holder .logo-link {
            margin-left: 22px; } }
        .mz-header .top-header .logo-holder .logo-link img {
          max-height: 80px; }
    .mz-header .top-header .right-holder {
      display: flex;
      align-items: center;
      float: right;
      position: relative;
      padding-right: 40px; }
      .mz-header .top-header .right-holder .popup-region {
        position: absolute;
        max-width: 300px;
        background: #ffffff;
        box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.27);
        font-size: 16px;
        color: #0a0a0a;
        white-space: normal;
        padding: 15px 10px;
        z-index: 999;
        line-height: 1.3; }
        .mz-header .top-header .right-holder .popup-region:before {
          -webkit-transform: translateX(-50%);
          -moz-transform: translateX(-50%);
          -o-transform: translateX(-50%);
          transform: translateX(-50%);
          left: 50%;
          content: '';
          position: absolute;
          font-size: 0;
          line-height: 0;
          width: 0;
          border-bottom: 20px solid #ffffff;
          border-left: 20px solid transparent;
          border-right: 20px solid transparent;
          top: -10px;
          background: transparent; }
        .mz-header .top-header .right-holder .popup-region .button {
          width: 75px;
          height: 30px;
          line-height: 30px;
          font-size: 14px;
          display: inline-block;
          vertical-align: middle;
          text-transform: none;
          font-weight: normal; }
        .mz-header .top-header .right-holder .popup-region .buttons-holder {
          margin-top: 15px; }
        .mz-header .top-header .right-holder .popup-region .black {
          background: #0a0a0a; }
      .mz-header .top-header .right-holder .holder-phone {
        display: flex;
        align-items: center; }
        @media all and (max-width: 29px) {
          .mz-header .top-header .right-holder .holder-phone {
            display: none; } }
        .mz-header .top-header .right-holder .holder-phone .phone {
          font-size: 18px;
          color: #838386;
          font-weight: 600; }
        .mz-header .top-header .right-holder .holder-phone .phone-number {
          line-height: 1; }
        .mz-header .top-header .right-holder .holder-phone span.phone {
          margin-right: 15px; }
        .mz-header .top-header .right-holder .holder-phone a.phone {
          display: flex;
          flex-direction: column; }
        .mz-header .top-header .right-holder .holder-phone .phone-description {
          line-height: 1;
          font-size: 11px;
          color: #5d5d5f; }
      .mz-header .top-header .right-holder .holder-links {
        display: inline-block; }
      .mz-header .top-header .right-holder .holder-search {
        overflow: hidden;
        float: right;
        display: inline-block; }
      .mz-header .top-header .right-holder .select-city, .mz-header .top-header .right-holder .shops-link {
        color: #fff;
        font-weight: 600;
        font-size: 14px;
        text-transform: uppercase;
        display: inline-block;
        vertical-align: middle;
        margin-left: 45px;
        display: flex; }
        .mz-header .top-header .right-holder .select-city:hover i, .mz-header .top-header .right-holder .shops-link:hover i {
          font-size: 27px;
          color: #CC0000;
          -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }
        .mz-header .top-header .right-holder .select-city:hover span, .mz-header .top-header .right-holder .shops-link:hover span {
          border-bottom: 1px solid; }
        .mz-header .top-header .right-holder .select-city i, .mz-header .top-header .right-holder .shops-link i {
          -webkit-transition: all 0.2s;
          -moz-transition: all 0.2s;
          -o-transition: all 0.2s;
          transition: all 0.2s;
          font-size: 25px;
          color: #666666;
          display: inline-block;
          vertical-align: middle;
          margin-right: 5px; }
        .mz-header .top-header .right-holder .select-city span, .mz-header .top-header .right-holder .shops-link span {
          color: #404041;
          -webkit-transition: all 0.4s;
          -moz-transition: all 0.4s;
          -o-transition: all 0.4s;
          transition: all 0.4s;
          display: inline-block;
          vertical-align: middle;
          border-bottom: 1px solid transparent;
          line-height: 1.1; }
      .mz-header .top-header .right-holder .menu-wrapper {
        display: none; }
  .mz-header .search-holder-ipad {
    -webkit-transform: translateX(140%) translateY(-50%);
    -moz-transform: translateX(140%) translateY(-50%);
    -o-transform: translateX(140%) translateY(-50%);
    transform: translateX(140%) translateY(-50%);
    width: 220px;
    display: none;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    position: absolute;
    top: 50%; }
    .mz-header .search-holder-ipad.active {
      display: block;
      -webkit-transform: translateX(-54%) translateY(-50%);
      -moz-transform: translateX(-54%) translateY(-50%);
      -o-transform: translateX(-54%) translateY(-50%);
      transform: translateX(-54%) translateY(-50%); }
    .mz-header .search-holder-ipad input {
      height: 35px;
      border-radius: 0;
      border: none;
      margin: 0;
      background: #0a0a0a;
      border-bottom: 1px solid #ffffff;
      box-shadow: none;
      color: #ffffff;
      padding: 0 20px 0 0; }
      .mz-header .search-holder-ipad input + a {
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 50%;
        position: absolute;
        right: 0;
        margin-top: 5px;
        margin-right: 5px; }
  .mz-header .bottom-header {
    background: #fff;
    height: 45px; }
  .mz-header .menu-wrapper .menu-link, .mz-header .menu-wrapper .search-holder-mobile {
    display: none !important; }
  .mz-header .menu-wrapper .mz-main-menu {
    font-size: 0;
    width: 100%;
    height: 45px;
    background-color: transparent;
    position: relative;
    margin: 0;
    border: 0 none;
    outline: 0 none;
    padding: 0;
    list-style: none;
    display: inline-block;
    padding-left: 40px; }
    .mz-header .menu-wrapper .mz-main-menu li {
      text-align: center;
      display: inline-block;
      position: relative; }
      .mz-header .menu-wrapper .mz-main-menu li .red {
        color: #cc0000; }
      .mz-header .menu-wrapper .mz-main-menu li:after {
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s;
        position: absolute;
        left: 0;
        height: 5px;
        width: 100%;
        background-color: #1e1e1e;
        content: '';
        opacity: 0;
        z-index: 1;
        pointer-events: none;
        bottom: 0px; }
      .mz-header .menu-wrapper .mz-main-menu li:hover:after {
        opacity: 1; }
      .mz-header .menu-wrapper .mz-main-menu li:first-child a {
        padding: 0 21px; }
      .mz-header .menu-wrapper .mz-main-menu li a {
        text-decoration: none;
        display: block;
        line-height: 45px;
        color: #0a0a0a;
        text-transform: uppercase;
        font-size: 12px;
        font-weight: 600;
        letter-spacing: 1.5px;
        padding: 0 16px; }
        @media (max-width: 950px) {
          .mz-header .menu-wrapper .mz-main-menu li a {
            display: flex;
            width: 100%;
            min-height: 40px;
            justify-content: space-between;
            align-items: center; } }
      .mz-header .menu-wrapper .mz-main-menu li ul {
        top: 45px;
        position: absolute;
        display: block;
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -o-transition: all 0.4s;
        transition: all 0.4s;
        opacity: 0;
        pointer-events: none;
        min-width: 150px;
        text-align: left;
        background: #333333;
        font-size: 0px;
        padding: 10px 0px; }
        .mz-header .menu-wrapper .mz-main-menu li ul li {
          display: inline-block;
          width: 100%; }
          .mz-header .menu-wrapper .mz-main-menu li ul li:after {
            display: none; }
          .mz-header .menu-wrapper .mz-main-menu li ul li a::after {
            display: none; }
          .mz-header .menu-wrapper .mz-main-menu li ul li a {
            color: #FFFFFF;
            text-align: left;
            padding: 10px 0px 10px 18px;
            text-transform: none;
            font-size: 14px;
            line-height: 1; }
            .mz-header .menu-wrapper .mz-main-menu li ul li a:hover {
              color: #787878; }
          .mz-header .menu-wrapper .mz-main-menu li ul li:first-child a {
            padding: 10px 0px 10px 18px; }
      .mz-header .menu-wrapper .mz-main-menu li:hover:not(.search-holder-mobile) a:after {
        bottom: 0;
        opacity: 1;
        z-index: 0; }
      .mz-header .menu-wrapper .mz-main-menu li:last-child ul {
        right: 0px; }
      .mz-header .menu-wrapper .mz-main-menu li.has-subitems a:after {
        background-color: #333333; }
      @media (min-width: 951px) {
        .mz-header .menu-wrapper .mz-main-menu li.has-subitems:hover ul {
          display: block;
          z-index: 100;
          opacity: 1;
          pointer-events: auto; } }
  .mz-header .menu-wrapper .dropper-toggle {
    display: none; }
  @media only screen and (max-width: 1154px) {
    .mz-header .menu-wrapper .mz-main-menu li a {
      font-size: 11px !important; } }
  @media only screen and (max-width: 1088px) {
    .mz-header .menu-wrapper .mz-main-menu li a {
      padding: 0 9px; } }
  @media only screen and (max-width: 1000px) {
    .mz-header .menu-wrapper .mz-main-menu li a {
      padding: 0 10px;
      font-size: 10px; } }
  @media (min-width: 1024px) {
    .mz-header .menu-wrapper .menu-link {
      display: none; }
    .mz-header .menu-wrapper .mz-main-menu {
      overflow: hidden;
      font-size: 0;
      width: 100%;
      height: 45px;
      background-color: transparent;
      position: relative;
      margin: 0;
      border: 0 none;
      outline: 0 none;
      padding: 0;
      list-style: none;
      display: inline-block;
      padding-left: 32px; }
      .mz-header .menu-wrapper .mz-main-menu li {
        text-align: center;
        display: inline-block; }
        .mz-header .menu-wrapper .mz-main-menu li:first-child a {
          padding: 0 10px; }
        .mz-header .menu-wrapper .mz-main-menu li a {
          text-decoration: none;
          display: block;
          line-height: 45px;
          color: #0a0a0a;
          text-transform: uppercase;
          font-size: 12px;
          font-weight: 600;
          padding: 0 16px; } }
  @media only screen and (max-width: 780px) {
    .mz-header .menu-wrapper .mz-main-menu li a {
      padding: 0 3px;
      font-size: 9px; } }
  @media only screen and (max-width: 776px) {
    .mz-header .menu-wrapper .mz-main-menu li a {
      padding: 0 2px;
      font-size: 8px; } }
  @media only screen and (max-width: 950px) {
    .mz-header .menu-wrapper {
      position: relative; }
      .mz-header .menu-wrapper .search-holder-mobile {
        display: block !important;
        max-width: 290px;
        margin: 0 auto;
        margin-top: 60px;
        padding-bottom: 30px;
        text-align: center; }
        .mz-header .menu-wrapper .search-holder-mobile .search-holder {
          position: relative; }
          .mz-header .menu-wrapper .search-holder-mobile .search-holder i {
            position: absolute;
            left: 15px;
            font-size: 22px;
            top: 50%;
            margin-top: -11px;
            color: #656565; }
          .mz-header .menu-wrapper .search-holder-mobile .search-holder input {
            color: #656565;
            height: 42px;
            padding: 0px;
            padding-left: 40px;
            font-size: 14px; }
        .mz-header .menu-wrapper .search-holder-mobile .city-holder {
          margin-top: 30px;
          color: #0a0a0a;
          font-size: 14px;
          font-weight: 400;
          text-align: center; }
          .mz-header .menu-wrapper .search-holder-mobile .city-holder .title {
            font-weight: 400;
            font-size: 14px;
            color: #0a0a0a; }
          .mz-header .menu-wrapper .search-holder-mobile .city-holder .current-city {
            font-weight: 600; }
          .mz-header .menu-wrapper .search-holder-mobile .city-holder a {
            font-size: 14px;
            font-weight: 400;
            color: #0a0a0a;
            border-bottom: 1px solid;
            padding: 0px;
            display: inline;
            line-height: 1.1;
            text-transform: none; }
            .mz-header .menu-wrapper .search-holder-mobile .city-holder a:hover {
              border-bottom: 1px solid transparent;
              background: transparent; }
      .mz-header .menu-wrapper .menu-link {
        display: inline-block !important;
        width: 28px;
        height: 19px;
        color: #0a0a0a;
        background: url("https://mz-gallery.ru/static/dist/images/main/menu.png") 50% 50% no-repeat;
        background-size: contain; }
        .mz-header .menu-wrapper .menu-link.active {
          -webkit-transform: rotate(90deg);
          -moz-transform: rotate(90deg);
          -o-transform: rotate(90deg);
          transform: rotate(90deg); }
      .mz-header .menu-wrapper .mz-main-menu {
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -o-transition: all 0.4s;
        transition: all 0.4s;
        height: 0px;
        position: absolute;
        background: #fff;
        z-index: -1;
        overflow: hidden;
        opacity: 0;
        left: 0;
        top: 0; }
        .mz-header .menu-wrapper .mz-main-menu.active {
          display: block;
          height: auto;
          z-index: 9;
          overflow: auto;
          opacity: 1; }
        .mz-header .menu-wrapper .mz-main-menu li {
          display: block;
          text-align: left; }
          .mz-header .menu-wrapper .mz-main-menu li a {
            font-size: 21px;
            border-bottom: 1px solid #e9e9e9;
            padding: 10px 0px 7px 40px;
            line-height: 1;
            text-transform: uppercase; }
            .mz-header .menu-wrapper .mz-main-menu li a:after {
              display: none; }
          .mz-header .menu-wrapper .mz-main-menu li ul {
            position: static;
            z-index: 100;
            opacity: 1;
            pointer-events: auto;
            display: none; }
            .mz-header .menu-wrapper .mz-main-menu li ul li a {
              padding: 15px 0px 10px 40px;
              color: #FFFFFF;
              text-transform: none;
              font-size: 18px;
              font-weight: 400;
              border-bottom: none;
              line-height: 1; }
              .mz-header .menu-wrapper .mz-main-menu li ul li a:hover {
                color: #CC0000; }
          .mz-header .menu-wrapper .mz-main-menu li.has-subitems a {
            padding: 0px 0px 0px 40px; }
            .mz-header .menu-wrapper .mz-main-menu li.has-subitems a .name {
              padding: 10px 0px 7px 0px;
              display: inline-block; }
            .mz-header .menu-wrapper .mz-main-menu li.has-subitems a .dropper-toggle {
              padding: 10px 0px 7px 0px;
              display: inline-block;
              float: right;
              width: 130px;
              color: #FFFFFF;
              background-color: #333333;
              text-align: center;
              font-size: 21px;
              font-weight: 600;
              cursor: pointer; }
          .mz-header .menu-wrapper .mz-main-menu li:first-child a {
            padding: 10px 0px 7px 40px; }
          .mz-header .menu-wrapper .mz-main-menu li.active a {
            border-bottom-color: #333333; }
          .mz-header .menu-wrapper .mz-main-menu li.active ul {
            display: block; } }
  @media only screen and (max-width: 480px) {
    .mz-header .menu-wrapper .mz-main-menu li a {
      padding-left: 20px; }
    .mz-header .menu-wrapper .mz-main-menu li:first-child a {
      padding-left: 20px; }
    .mz-header .menu-wrapper .mz-main-menu li.has-subitems a {
      padding: 0px 0px 0px 20px; }
      .mz-header .menu-wrapper .mz-main-menu li.has-subitems a .name {
        padding: 10px 0px 7px 0px;
        display: inline-block; }
      .mz-header .menu-wrapper .mz-main-menu li.has-subitems a .dropper-toggle {
        padding: 10px 0px 7px 0px;
        display: inline-block;
        float: right;
        width: 40px;
        color: #FFFFFF;
        background-color: #333333;
        text-align: center;
        font-size: 21px;
        font-weight: 600; } }
  .mz-header .menu-wrapper .mz-main-menu li.has-subitems ul li.has-subitems ul {
    opacity: 0;
    background: #2f2f2f;
    position: absolute;
    left: 100%;
    top: 0; }
    @media only screen and (max-width: 950px) {
      .mz-header .menu-wrapper .mz-main-menu li.has-subitems ul li.has-subitems ul {
        position: static;
        opacity: 1;
        display: none; } }
  .mz-header .menu-wrapper .mz-main-menu li.has-subitems ul li.has-subitems:hover ul {
    opacity: 1; }
  @media only screen and (max-width: 950px) {
    .mz-header .menu-wrapper .mz-main-menu li.has-subitems ul li.has-subitems.active ul {
      display: block; }
      .mz-header .menu-wrapper .mz-main-menu li.has-subitems ul li.has-subitems.active ul li a {
        padding-left: 60px; } }

@media only screen and (max-width: 1230px) {
  .mz-header .warning-browser-block .column.large-6 {
    padding: 0 20px; }
  .mz-header .warning-browser-block .wrapper-browsers {
    padding-right: 25px; }
    .mz-header .warning-browser-block .wrapper-browsers .close-warning-browser {
      right: -15px; } }

@media only screen and (max-width: 1024px) {
  .mz-header .top-header .right-holder .show-for-large-up .select-city, .mz-header .top-header .right-holder .show-for-large-up .shops-link {
    margin-left: 30px;
    font-size: 13px; }
  .mz-header .top-header .right-holder .show-for-large-up .search-holder {
    margin-left: 40px; } }

.mz-header .top-header .right-holder .search-toggle-link {
  color: #656565;
  width: 52px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  margin-left: 55px; }
  .mz-header .top-header .right-holder .search-toggle-link i {
    display: block;
    font-size: 25px; }

.mz-header .top-header .right-holder .select-city i {
  font-size: 25px;
  margin-right: 10px; }
  .mz-header .top-header .right-holder .select-city i:before {
    content: ''; }

.mz-header .top-header .right-holder .select-city.mmodal .title {
  position: relative; }

.mz-header .top-header .right-holder .select-city.mmodal .title:before {
  content: url(https://club.mz-gallery.ru/static/images/main/heared/red-arrow.png);
  position: absolute;
  left: -20px; }

@media (min-width: 1024px) {
  .mz-header .top-header .right-holder .select-city .title {
    position: relative; }
  .mz-header .top-header .right-holder .select-city .title:before {
    content: url(https://club.mz-gallery.ru/static/images/main/heared/red-arrow.png);
    position: absolute;
    left: -20px; } }

@media (min-width: 1024px) {
  .mz-header .top-header .right-holder .what-city {
    display: none; } }

@media (min-width: 622px) and (max-width: 640px) {
  .mz-header .top-header .right-holder .select-city {
    margin-left: 30px; } }

@media only screen and (max-width: 697px) {
  .mz-header .top-header .right-holder .select-city i, .mz-header .top-header .right-holder .shops-link i {
    margin-right: 30px;
    font-size: 30px; }
    .mz-header .top-header .right-holder .select-city i:before, .mz-header .top-header .right-holder .shops-link i:before {
      display: block; }
  .mz-header .top-header .right-holder .select-city .title, .mz-header .top-header .right-holder .shops-link .title {
    font-size: 0; }
  .mz-header .top-header .right-holder .search-toggle-link {
    display: none; } }

@media all and (max-width: 950px) {
  .mz-header .search-holder-ipad.active {
    -webkit-transform: translateX(-80%) translateY(-50%);
    -moz-transform: translateX(-80%) translateY(-50%);
    -o-transform: translateX(-80%) translateY(-50%);
    transform: translateX(-80%) translateY(-50%); }
  .mz-header .top-header {
    display: flex;
    flex-wrap: initial;
    height: auto;
    line-height: 1; }
    .mz-header .top-header .logo-holder {
      width: 100%;
      float: none;
      background: transparent;
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .mz-header .top-header .logo-holder .logo-link {
        margin-left: 0;
        flex: 1 1 auto;
        height: auto; }
      .mz-header .top-header .logo-holder .menu-wrapper {
        font-size: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 64px;
        padding-right: 14px;
        padding-left: 20px;
        height: 30px; }
    .mz-header .top-header .right-holder {
      display: flex;
      width: 100%;
      height: 47px;
      align-items: center;
      justify-content: space-between; }
      .mz-header .top-header .right-holder .search-toggle-link {
        margin-left: 0; }
      .mz-header .top-header .right-holder .holder-links {
        margin-left: 15px; }
        .mz-header .top-header .right-holder .holder-links .what-city .select-city {
          margin-left: 0; }
        .mz-header .top-header .right-holder .holder-links .select-city {
          margin-left: 20px; }
      .mz-header .top-header .right-holder .search-toggle-link {
        display: inline-block; }
      .mz-header .top-header .right-holder .select-city .title {
        font-size: 13px; }
  .mz-header .bottom-header {
    height: 0; } }

.callback-img {
  width: 16px; }

/*
  Фикс шапки
 */
@media screen and (min-width: 1000px) and (max-width: 1006px) {
  .mz-header .top-header .right-holder {
    position: absolute;
    top: 0;
    right: 0; } }

.mz-main-menu:hover {
  overflow: visible !important; }

html, body {
  height: 100%; }

#wrapper {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin-bottom: -140px; }

#push {
  height: 140px; }

#footer {
  height: 140px; }

footer .footer-menu {
  z-index: 9;
  position: relative;
  background: #000000; }
  footer .footer-menu ul {
    list-style: none;
    display: flex;
    flex-wrap: nowrap;
    font-size: 0px;
    justify-content: space-between;
    max-width: 900px;
    margin: 0 auto; }
    footer .footer-menu ul a {
      color: #C8C8C8;
      font-size: 13px;
      text-transform: uppercase;
      padding: 27px 0px 30px 0px;
      line-height: 1;
      display: inline-block; }
      footer .footer-menu ul a:hover {
        color: #CC0000; }

footer .footer-bottom {
  text-align: center;
  font-size: 13px;
  color: #9E9E9E;
  background: #1C1C1C;
  padding: 23px 0px 31px 0px;
  position: relative;
  z-index: 99; }

footer .right a {
  color: #9e9e9e; }

@media (min-width: 416px) and (max-width: 950px) {
  footer .footer-menu ul a {
    font-size: 10px; } }

@media all and (max-width: 680px) {
  footer .footer-menu {
    padding: 25px 0 20px 0; }
    footer .footer-menu ul {
      flex-direction: column; }
      footer .footer-menu ul li {
        text-align: center; }
      footer .footer-menu ul a {
        padding: 12px 0; }
  footer .footer-bottom {
    padding: 17px 26px 26px 26px; } }

.flash-messages-block .flash-list {
  display: block; }
  .flash-messages-block .flash-list li {
    font-size: 18px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    padding: 0 70px 0 70px; }
    .flash-messages-block .flash-list li .message {
      padding: 35px 0px 35px 70px; }
    .flash-messages-block .flash-list li.error {
      background-color: #FDEAEA;
      border-bottom: 1px solid #E3B7B7; }
      .flash-messages-block .flash-list li.error .message {
        background-position: 0 50%;
        background-color: transparent;
        background-repeat: no-repeat;
        background-image: url("../images/flash/error-flash.png");
        background-size: 40px 40px;
        color: #955F5F; }
    .flash-messages-block .flash-list li.success {
      background-color: rgba(116, 116, 116, 0.16); }
      .flash-messages-block .flash-list li.success .message {
        background-position: 0 50%;
        background-color: transparent;
        background-repeat: no-repeat;
        background-image: url("../images/flash/success-flash.png");
        color: #FFFFFF;
        font-size: 28px; }

@media (min-width: 0px) and (max-width: 415px) {
  .flash-messages-block .flash-list li {
    position: relative;
    display: block;
    padding: 0 40px; }
    .flash-messages-block .flash-list li [data-closer-flash] {
      position: absolute;
      right: 11px;
      top: 11px; }
    .flash-messages-block .flash-list li.success .message {
      text-align: center;
      background-position: 50% 30px;
      font-size: 18px; }
    .flash-messages-block .flash-list li .message {
      padding: 120px 0 25px 0;
      font-size: 18px; } }

.content-header {
  padding: 20px 0; }

.breadcrumbs-block .breadcrumbs-list {
  margin-bottom: 20px;
  font-size: 12px;
  line-height: 1.2; }
  .breadcrumbs-block .breadcrumbs-list li {
    display: inline-block;
    vertical-align: middle;
    color: #363636; }
    .breadcrumbs-block .breadcrumbs-list li a {
      text-decoration: underline;
      color: #363636; }
    .breadcrumbs-block .breadcrumbs-list li.delimiter {
      padding: 1px 4px 0;
      color: #7e7e7e; }

.main-menu {
  list-style: none; }
  .main-menu li {
    display: inline-block;
    vertical-align: middle;
    padding-right: 41px; }
    .main-menu li.custom-show {
      font-size: 20px;
      color: #C8C8C8;
      display: none; }
    .main-menu li a {
      color: #C8C8C8;
      font-size: 13px;
      text-transform: uppercase;
      padding-bottom: 3px; }
      .main-menu li a.active {
        border-bottom: 1px solid #CC0000; }

@media all and (max-width: 1310px) and (min-width: 1130px) {
  .main-menu li {
    padding-right: 20px; }
    .main-menu li a {
      font-size: 12px; } }

@media all and (max-width: 1130px) {
  .main-menu li {
    padding-right: 16px; }
    .main-menu li a {
      font-size: 11px; } }

@media (max-width: 950px) {
  [data-menu-small] {
    display: block;
    position: sticky;
    width: 100%;
    min-height: 86px;
    top: initial;
    bottom: 0;
    padding-top: 20px;
    z-index: 999;
    background: #1c1c1c; }
    [data-menu-small] .main-menu, [data-menu-small] .main-menu:not(.personal) {
      padding: 0;
      max-height: 0;
      opacity: 0; }
    [data-menu-small] .open-button {
      position: absolute;
      display: block;
      width: calc(100% - 20px);
      height: 46px;
      line-height: 46px;
      margin-left: 10px;
      transition: none;
      user-select: none;
      background-color: transparent;
      background: none;
      border-width: 1px; }
      [data-menu-small] .open-button:hover {
        background-color: #1b191a !important; }
      [data-menu-small] .open-button.active {
        background-repeat: no-repeat;
        background-size: 20px 20px;
        background-position-y: 50%;
        background-position-x: calc(100% - 8px);
        background-image: url('data:image/svg+xml,%3Csvg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"%3E%3Cg id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"%3E%3Cg id="Мобильная-Copy-5" transform="translate(-278.000000, -550.000000)" fill="%23C8C8C8"%3E%3Cg id="Group" transform="translate(0.000000, 21.000000)"%3E%3Cg id="Group-6" transform="translate(286.500000, 284.000000) rotate(-270.000000) translate(-286.500000, -284.000000) translate(18.500000, 268.500000)"%3E%3Cpath d="M520,15 L520,6 L522,6 L522,15 L531,15 L531,17 L522,17 L522,26 L520,26 L520,17 L511,17 L511,15 L520,15 Z" id="Combined-Shape" transform="translate(521.000000, 16.000000) rotate(45.000000) translate(-521.000000, -16.000000) "/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E');
        background-color: transparent;
        transition: none; }
        [data-menu-small] .open-button.active ~ [data-menu-small] {
          display: block; }
        [data-menu-small] .open-button.active ~ .main-menu {
          padding: 70px 0 30px 0;
          opacity: 1;
          max-height: calc(100vh - 62px); }
  .main-menu:not(.personal) {
    width: 100%;
    background: #1c1c1c; }
    .main-menu:not(.personal) li {
      text-align: center;
      display: block; }
      .main-menu:not(.personal) li a {
        border-bottom: none;
        display: inline-block;
        color: #C8C8C8; }
        .main-menu:not(.personal) li a.active {
          border-bottom: 1px solid #CC0000; } }

@media (min-width: 416px) and (max-width: 950px) {
  .main-menu:not(.personal) {
    padding: 94px 0 40px 0; }
    .main-menu:not(.personal) li a {
      font-size: 20px; } }

@media all and (max-width: 550px) {
  .main-menu li.custom-show {
    display: block; } }

@media (max-width: 950px) {
  .main-menu {
    max-height: calc(100vh - 62px);
    overflow-y: scroll; } }

@media (min-width: 0px) and (max-width: 415px) {
  .main-menu.personal {
    width: 100%;
    background: url("../images/promo/geometric_back.jpg") 50% no-repeat;
    background-size: cover; }
    .main-menu.personal li {
      text-align: center;
      display: block; }
      .main-menu.personal li a {
        border-bottom: none;
        display: inline-block;
        color: #C8C8C8; }
        .main-menu.personal li a.active {
          border-bottom: 1px solid #CC0000; }
      .main-menu.personal li.top-item {
        background-color: #ffffff; }
        .main-menu.personal li.top-item p {
          padding: 0 10px;
          text-align: center;
          color: #646464;
          font-size: 15px;
          border-bottom: 1px solid #E1E1E1; }
          .main-menu.personal li.top-item p.bold {
            font-weight: bold;
            font-size: 25px;
            color: #000000; }
  .main-menu li {
    padding-right: 0; }
    .main-menu li.custom-show {
      font-size: 16px; }
    .main-menu li a {
      padding: 0;
      font-size: 15px; } }

.button, button {
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  padding: 0;
  margin: 0;
  text-align: center;
  display: inline-block;
  border: none;
  background: #CC0000;
  font-size: 14px;
  cursor: pointer;
  margin-bottom: 14px;
  color: #FFFFFF;
  text-transform: uppercase;
  text-decoration: none; }
  .button.up, button.up {
    text-transform: uppercase; }
  .button.transparent, button.transparent {
    background-color: transparent;
    border: 2px solid currentColor;
    color: #CC0000;
    text-decoration: none; }
    @media (min-width: 951px) {
      .button.transparent:hover, button.transparent:hover {
        background-color: #CC0000;
        color: #FFFFFF; } }
  .button.text-small, .button.small-text, button.text-small, button.small-text {
    font-size: 13px; }
  .button.grey, button.grey {
    color: #979797; }
    .button.grey:hover, button.grey:hover {
      background-color: transparent;
      color: #fff; }
  .button.expand, .button.wide, button.expand, button.wide {
    width: 100%; }
  .button.height, button.height {
    height: 56px;
    line-height: 56px; }
  .button.black, button.black {
    background-color: black; }

form .picker__select--month, form .picker__select--year {
  display: inline-block; }

form .picker__day--selected, form .picker__day--selected:hover, form .picker--focused .picker__day--selected {
  background-color: #CC0000;
  border: none; }

form .picker__footer {
  display: flex;
  justify-content: space-between; }
  form .picker__footer .picker__button--today, form .picker__footer .picker__button--clear, form .picker__footer .picker__button--close {
    border: 1px solid #CC0000;
    color: black;
    width: 30%; }
    form .picker__footer .picker__button--today:hover, form .picker__footer .picker__button--clear:hover, form .picker__footer .picker__button--close:hover {
      background-color: #FFFFFF; }

form label {
  font-size: 12px;
  color: #9f9f9f;
  margin-bottom: 2px;
  display: none; }

form ul.errors {
  margin-top: 2px;
  list-style: none;
  color: #CC0000;
  font-size: 13px; }
  form ul.errors li {
    margin-bottom: 2px; }
    form ul.errors li:last-child {
      margin-bottom: 0; }

form .wrapper-select {
  background: black;
  position: relative; }
  form .wrapper-select:before {
    width: 20px;
    content: '';
    position: absolute;
    right: 0;
    height: 100%;
    top: 0;
    background: black url("../images/base/select-bg.png") 100% 50% no-repeat;
    background-size: 9px 6px; }
  form .wrapper-select select {
    font-size: 20px;
    color: #ACACAC;
    background: transparent;
    border: none;
    padding-right: 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: auto;
    font-family: 'mz5'; }

form .form-field {
  margin-bottom: 14px; }

form input[type="text"], form input[type="search"], form input[type="password"], form textarea, form select {
  border: 1px solid #BDBDBD;
  border-radius: 0;
  box-shadow: none;
  margin: 0;
  padding: 0 10px;
  font-size: 15px;
  width: 100%;
  display: block; }

form select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000; }

form select:focus::-ms-value {
  background-color: inherit;
  color: inherit; }

form select option {
  padding: 7px 20px; }

form input[type="text"], form input[type="search"], form input[type="password"], form select {
  height: 56px; }

form textarea {
  padding: 5px 10px;
  font-family: 'mz5';
  resize: none;
  font-size: 20px; }

form input[type=checkbox] {
  display: none; }

form input[type=checkbox] + label {
  position: relative;
  padding-left: 30px; }
  form input[type=checkbox] + label:before {
    display: inline-block;
    position: absolute;
    width: 16px;
    left: 0;
    height: 16px;
    content: '';
    background: #CC0000; }

form input[type=checkbox]:checked + label:before {
  background: #CC0000 url("../images/images-icons/check-white.png") 50% 50% no-repeat; }

@keyframes mzclubstart_header {
  0% {
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); } }

@-webkit-keyframes to-top {
  0% {
    bottom: 50%;
    margin-top: -32px; }
  100% {
    bottom: 0px;
    margin-top: 0px;
    background-position: -100% -100%;
    border: 1px solid black; } }

@-moz-keyframes to-top {
  0% {
    bottom: 50%;
    margin-top: -32px; }
  100% {
    bottom: 23px;
    margin-top: 0px; } }

@-o-keyframes to-top {
  0% {
    bottom: 50%;
    margin-top: -32px; }
  100% {
    bottom: 23px;
    margin-top: 0px; } }

@keyframes to-top {
  0% {
    bottom: 50%;
    margin-top: -32px; }
  100% {
    bottom: 23px;
    margin-top: 0px; } }

@-webkit-keyframes change-loader {
  100% {
    opacity: 0; } }

@-moz-keyframes change-loader {
  100% {
    opacity: 0; } }

@-o-keyframes change-loader {
  100% {
    opacity: 0; } }

@keyframes change-loader {
  100% {
    opacity: 0; } }

@-webkit-keyframes opacity-in {
  100% {
    opacity: 1; } }

@-moz-keyframes opacity-in {
  100% {
    opacity: 1; } }

@-o-keyframes opacity-in {
  100% {
    opacity: 1; } }

@keyframes opacity-in {
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 60px, 0);
    transform: translate3d(0, 60px, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 60px, 0);
    transform: translate3d(0, 60px, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@-webkit-keyframes upAndFade {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@keyframes upAndFade {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes downAndFade {
  0% {
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    transform: translateY(-50px);
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); } }

@keyframes downAndFade {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    transform: translateY(-50px); }
  40% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); } }

.promo-animation header {
  opacity: 0;
  position: absolute;
  z-index: 999;
  width: 100%; }

.promo-animation.animated header {
  -webkit-animation: downAndFade 1s;
  -khtml-animation: downAndFade 1s;
  -moz-animation: downAndFade 1s;
  -ms-animation: downAndFade 1s;
  -o-animation: downAndFade 1s;
  animation: downAndFade 1s;
  -webkit-animation-fill-mode: forwards;
  -khtml-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-delay: 300ms;
  -khtml-animation-delay: 300ms;
  -moz-animation-delay: 300ms;
  -ms-animation-delay: 300ms;
  -o-animation-delay: 300ms;
  animation-delay: 300ms;
  -webkit-animation-function-name: easy-ease;
  -khtml-animation-function-name: easy-ease;
  -moz-animation-function-name: easy-ease;
  -ms-animation-function-name: easy-ease;
  -o-animation-function-name: easy-ease;
  animation-function-name: easy-ease; }

.promo-animation.animated .promo-before-wrapper h1 {
  opacity: 0;
  -webkit-animation: fadeInUp 1.1s;
  -khtml-animation: fadeInUp 1.1s;
  -moz-animation: fadeInUp 1.1s;
  -ms-animation: fadeInUp 1.1s;
  -o-animation: fadeInUp 1.1s;
  animation: fadeInUp 1.1s;
  -webkit-animation-fill-mode: forwards;
  -khtml-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-delay: 400ms;
  -khtml-animation-delay: 400ms;
  -moz-animation-delay: 400ms;
  -ms-animation-delay: 400ms;
  -o-animation-delay: 400ms;
  animation-delay: 400ms;
  -webkit-animation-function-name: easy-ease;
  -khtml-animation-function-name: easy-ease;
  -moz-animation-function-name: easy-ease;
  -ms-animation-function-name: easy-ease;
  -o-animation-function-name: easy-ease;
  animation-function-name: easy-ease; }

.promo-animation.animated .promo-before-wrapper .form-wrapper {
  opacity: 0;
  -webkit-animation: fadeInUp 0.3s;
  -khtml-animation: fadeInUp 0.3s;
  -moz-animation: fadeInUp 0.3s;
  -ms-animation: fadeInUp 0.3s;
  -o-animation: fadeInUp 0.3s;
  animation: fadeInUp 0.3s;
  -webkit-animation-fill-mode: forwards;
  -khtml-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-delay: 400ms;
  -khtml-animation-delay: 400ms;
  -moz-animation-delay: 400ms;
  -ms-animation-delay: 400ms;
  -o-animation-delay: 400ms;
  animation-delay: 400ms;
  -webkit-animation-function-name: easy-ease;
  -khtml-animation-function-name: easy-ease;
  -moz-animation-function-name: easy-ease;
  -ms-animation-function-name: easy-ease;
  -o-animation-function-name: easy-ease;
  animation-function-name: easy-ease; }

.promo-page .holder-scroll {
  background: #1C1C1C; }

.promo-page .scroll-top {
  position: fixed;
  right: 50px;
  bottom: 8vh;
  display: inline-block;
  width: 65px;
  height: 65px;
  background: url("../images/promo/scroll-top.png") 50% no-repeat;
  background-size: contain;
  border-bottom: none;
  opacity: 0;
  z-index: -1; }
  .promo-page .scroll-top.active {
    opacity: 1;
    z-index: 1; }

.promo-page a {
  border-bottom: 1px solid #CC0000; }

.promo-page .promo-before-content {
  height: 768px;
  position: relative;
  background: transparent url("../images/promo/top-new.jpg") 50% 50% no-repeat;
  padding-top: 106px;
  background-position-y: 49px; }
  .promo-page .promo-before-content h1 {
    color: #FFFFFF;
    font-weight: 600;
    letter-spacing: 0;
    margin: 52px 0px 54px; }
  .promo-page .promo-before-content .form-wrapper {
    background: #FFFFFF;
    padding: 34px 56px 38px 50px;
    width: 486px;
    text-align: center;
    position: absolute; }
    .promo-page .promo-before-content .form-wrapper .holder-logined h2 {
      border-bottom: 1px solid #E0E0E0;
      padding: 0px 50px 38px;
      margin-bottom: 36px; }
    .promo-page .promo-before-content .form-wrapper .holder-logined .description {
      margin-bottom: 37px;
      color: #646464;
      font-size: 17px; }
    .promo-page .promo-before-content .form-wrapper h2 {
      font-size: 30px;
      font-weight: 600;
      text-align: center;
      margin-bottom: 27px;
      color: black; }
    .promo-page .promo-before-content .form-wrapper .forgot-password {
      color: #646464;
      font-size: 15px; }
  .promo-page .promo-before-content .custom-show-block {
    position: absolute;
    bottom: 0;
    width: 100%;
    display: none; }
    .promo-page .promo-before-content .custom-show-block .buttons-holder {
      padding: 0 15px; }
      .promo-page .promo-before-content .custom-show-block .buttons-holder a {
        margin-bottom: 14px;
        display: inline-block;
        width: 100%;
        height: 56px;
        line-height: 56px;
        color: #ffffff;
        font-size: 12px;
        text-transform: uppercase;
        text-align: center; }
        .promo-page .promo-before-content .custom-show-block .buttons-holder a.login {
          background-color: #CC0000; }

.promo-page .about-cart-container {
  min-height: 595px;
  display: flex;
  flex-wrap: wrap; }
  .promo-page .about-cart-container .block-square {
    padding: 15px 35px;
    flex: 0 0 50%;
    background: transparent url("../images/promo/club-bg.jpg") 50% no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center; }
    .promo-page .about-cart-container .block-square.card {
      background: transparent url("../images/promo/carts.jpg") 50% no-repeat;
      background-size: cover; }
    .promo-page .about-cart-container .block-square.exclusive {
      background: transparent url("../images/promo/people-on-sofa.jpg") 50% no-repeat;
      background-size: cover; }
    .promo-page .about-cart-container .block-square .column-wrapper {
      display: flex;
      max-width: 525px;
      align-items: center;
      flex-wrap: wrap; }
      .promo-page .about-cart-container .block-square .column-wrapper.exclusive {
        max-width: 558px; }
      .promo-page .about-cart-container .block-square .column-wrapper article {
        margin-bottom: 40px;
        font-size: 18px;
        color: #BDBDBD;
        line-height: 24px; }
      .promo-page .about-cart-container .block-square .column-wrapper h3 {
        color: #FFFFFF;
        margin-bottom: 40px; }
      .promo-page .about-cart-container .block-square .column-wrapper ul {
        list-style: none; }
        .promo-page .about-cart-container .block-square .column-wrapper ul li {
          display: inline-block;
          width: 124px;
          height: 124px;
          text-align: center;
          border: 1px solid #CC0000;
          color: #FFFFFF;
          vertical-align: middle;
          border-radius: 50%;
          font-size: 0px;
          position: relative; }
          .promo-page .about-cart-container .block-square .column-wrapper ul li:after {
            position: absolute;
            top: -5px;
            bottom: -5px;
            right: -5px;
            left: -5px;
            border: 1px solid #CC0000;
            border-radius: 50%;
            content: ''; }
          .promo-page .about-cart-container .block-square .column-wrapper ul li.delim {
            border: none;
            color: #FFFFFF;
            width: 47px;
            padding-top: 50px;
            margin: 0 35px; }
            .promo-page .about-cart-container .block-square .column-wrapper ul li.delim:after, .promo-page .about-cart-container .block-square .column-wrapper ul li.delim:before {
              border: none;
              position: static;
              content: '';
              width: 100%;
              height: 2px;
              display: inline-block;
              background: #fff;
              margin-bottom: 15px;
              vertical-align: middle; }
          .promo-page .about-cart-container .block-square .column-wrapper ul li span {
            display: inline-block;
            text-align: center;
            font-size: 60px;
            width: 100%; }
          .promo-page .about-cart-container .block-square .column-wrapper ul li span + span {
            font-size: 20px; }
      .promo-page .about-cart-container .block-square .column-wrapper a {
        color: #CC0000; }
      .promo-page .about-cart-container .block-square .column-wrapper .more {
        text-transform: uppercase;
        font-size: 14px; }
    .promo-page .about-cart-container .block-square .card-info {
      margin-top: auto;
      margin-bottom: 20px;
      padding: 0 10px; }
      .promo-page .about-cart-container .block-square .card-info__icon {
        background-image: url("../images/promo/index-icon-25.svg"); }
      .promo-page .about-cart-container .block-square .card-info__text {
        display: inline-block;
        font-size: 18px;
        color: #FFFFFF; }
        @media (max-width: 800px) {
          .promo-page .about-cart-container .block-square .card-info__text {
            font-size: 16px; } }
        .promo-page .about-cart-container .block-square .card-info__text_large {
          font-size: 22px; }
          @media (max-width: 800px) {
            .promo-page .about-cart-container .block-square .card-info__text_large {
              font-size: 20px; } }
        .promo-page .about-cart-container .block-square .card-info__text_medium {
          font-weight: 600; }

.promo-page .calculate-form {
  padding: 75px 0px 80px 0px;
  text-align: center;
  background-color: #000000;
  color: #FFFFFF;
  font-size: 25px;
  line-height: 37px; }
  .promo-page .calculate-form .text {
    margin-bottom: 50px;
    text-align: center; }
  .promo-page .calculate-form a {
    color: #CC0000; }
    .promo-page .calculate-form a:hover {
      color: #FFFFFF; }
  .promo-page .calculate-form span {
    color: #CC0000; }
  .promo-page .calculate-form b {
    color: #CC0000;
    font-size: 35px; }
  .promo-page .calculate-form .button {
    margin-bottom: 0;
    color: #ffffff;
    width: 313px;
    text-decoration: none;
    border: none; }

.promo-page .club-cards-bg {
  background: transparent url("../images/promo/club-bg.jpg") 50% 0 no-repeat;
  background-size: cover;
  text-align: center;
  color: #BDBDBD;
  padding: 120px 0px 80px 0px; }
  .promo-page .club-cards-bg h2 {
    font-weight: 600;
    margin-bottom: 53px;
    color: #FFFFFF; }
  .promo-page .club-cards-bg article {
    font-size: 18px;
    line-height: 24px;
    max-width: 815px;
    margin: 0 auto;
    margin-bottom: 210px; }
    .promo-page .club-cards-bg article a {
      color: #CC0000; }
  .promo-page .club-cards-bg .cards-holder {
    display: flex;
    align-items: stretch; }
    .promo-page .club-cards-bg .cards-holder .holder-card {
      padding: 0 20px;
      flex: 0 0 25%; }
      .promo-page .club-cards-bg .cards-holder .holder-card .card-part {
        vertical-align: middle;
        position: relative;
        height: 100%; }
        .promo-page .club-cards-bg .cards-holder .holder-card .card-part .card-wrapper {
          height: 100%;
          background: transparent; }
          .promo-page .club-cards-bg .cards-holder .holder-card .card-part .card-wrapper .title {
            margin-top: 135px;
            width: 100%;
            font-size: 26px;
            font-weight: 600;
            color: #ffffff;
            display: inline-block;
            padding: 17px 0 17px 0;
            border-top: 1px solid #303030;
            border-bottom: 1px solid #303030;
            margin-bottom: 27px; }
          .promo-page .club-cards-bg .cards-holder .holder-card .card-part .card-wrapper .advantages-list {
            text-align: left;
            border-bottom: 1px solid #303030;
            padding: 13px 15px; }
            .promo-page .club-cards-bg .cards-holder .holder-card .card-part .card-wrapper .advantages-list li {
              display: flex;
              width: 100%;
              font-size: 14px;
              margin-bottom: 27px; }
              .promo-page .club-cards-bg .cards-holder .holder-card .card-part .card-wrapper .advantages-list li:before {
                content: '';
                flex: 0 0 21px;
                display: inline-block;
                vertical-align: middle;
                background: transparent url("../images/promo/check-red.png") 0 0 no-repeat;
                width: 21px;
                height: 16px;
                margin-right: 15px; }
              .promo-page .club-cards-bg .cards-holder .holder-card .card-part .card-wrapper .advantages-list li .text {
                display: inline-block; }
          .promo-page .club-cards-bg .cards-holder .holder-card .card-part .card-wrapper .footer {
            font-size: 12px;
            padding: 25px 15px 40px 15px;
            text-align: justify;
            line-height: 18px; }
            .promo-page .club-cards-bg .cards-holder .holder-card .card-part .card-wrapper .footer a {
              color: #CC0000; }
            .promo-page .club-cards-bg .cards-holder .holder-card .card-part .card-wrapper .footer ul {
              list-style: disc; }
        .promo-page .club-cards-bg .cards-holder .holder-card .card-part:before {
          content: '';
          position: absolute;
          width: 100%;
          height: 272px;
          left: 0;
          transform: translateY(-50%); }
        .promo-page .club-cards-bg .cards-holder .holder-card .card-part.silver-card:before {
          background: transparent url("../images/promo/silver-card.png") 50% no-repeat;
          background-size: contain; }
        .promo-page .club-cards-bg .cards-holder .holder-card .card-part.gold-card:before {
          background: transparent url("../images/promo/gold-card.png") 50% no-repeat;
          background-size: contain; }
        .promo-page .club-cards-bg .cards-holder .holder-card .card-part.platinum-card:before {
          background: transparent url("../images/promo/platinum-card.png") 50% no-repeat;
          background-size: contain; }
        .promo-page .club-cards-bg .cards-holder .holder-card .card-part.diamond-card:before {
          background: transparent url("../images/promo/brilliant-card.png") 50% no-repeat;
          background-size: contain; }
  .promo-page .club-cards-bg .buttons-holder {
    margin-top: 80px; }
    .promo-page .club-cards-bg .buttons-holder .button {
      width: 310px; }

.promo-page .social-holder {
  height: 360px;
  display: flex; }
  .promo-page .social-holder a {
    border: none; }
  .promo-page .social-holder .symmetry-block {
    padding: 0 55px;
    height: 100%;
    background: transparent url("../images/promo/right-social-holder.jpg") 0 0 no-repeat;
    flex: 50%;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center; }
    .promo-page .social-holder .symmetry-block.man {
      background: transparent url("../images/promo/man-social.jpg") 50% no-repeat;
      background-size: cover; }
    .promo-page .social-holder .symmetry-block .holder {
      max-width: 540px; }
    .promo-page .social-holder .symmetry-block article {
      font-size: 34px;
      font-weight: 600;
      line-height: 38px;
      margin-bottom: 30px; }
    .promo-page .social-holder .symmetry-block .social-share-content {
      display: flex;
      flex-wrap: nowrap;
      align-items: center; }
      .promo-page .social-holder .symmetry-block .social-share-content .title {
        font-size: 15px;
        margin-right: 15px; }
      .promo-page .social-holder .symmetry-block .social-share-content .ya-share2__container_size_m .ya-share2__item {
        margin: 0px 15px 0px 0; }
      .promo-page .social-holder .symmetry-block .social-share-content .ya-share2__badge {
        background: #000000;
        border-radius: 50%; }
      .promo-page .social-holder .symmetry-block .social-share-content .ya-share2__container_size_m .ya-share2__icon {
        width: 35px;
        height: 35px;
        background-size: 27px;
        background-position: 50% 50%; }

.promo-page .advantages-wrapper {
  background: #000000;
  padding: 94px 0px 97px 0px;
  color: #FFFFFF;
  text-align: center; }
  .promo-page .advantages-wrapper h2 {
    font-weight: 600;
    margin-bottom: 90px; }
  .promo-page .advantages-wrapper .advantages-list li {
    padding: 0 40px; }
    .promo-page .advantages-wrapper .advantages-list li .wrapper-icon {
      height: 130px;
      display: flex;
      justify-content: center;
      align-items: center; }
    .promo-page .advantages-wrapper .advantages-list li .text {
      display: block;
      font-size: 17px;
      font-weight: 400;
      color: #BDBDBD;
      line-height: 20px;
      margin-top: 13px; }
  .promo-page .advantages-wrapper .buttons-holder {
    margin-top: 97px; }
    .promo-page .advantages-wrapper .buttons-holder .button {
      width: 313px; }

.promo-page .brands-wrapper {
  background: #1C1C1C url("../images/base/geometric_back.jpg") 0 0 no-repeat;
  padding: 95px 0px 68px; }
  .promo-page .brands-wrapper a {
    border-bottom: none; }
  .promo-page .brands-wrapper h2 {
    text-align: center;
    margin-bottom: 70px; }
  .promo-page .brands-wrapper .brands {
    margin-right: -20px;
    margin-left: -20px;
    display: flex;
    flex-wrap: wrap; }
    .promo-page .brands-wrapper .brands .brand {
      padding: 0 20px;
      flex: 0 0 33.333%;
      margin-bottom: 35px; }
      .promo-page .brands-wrapper .brands .brand.big {
        flex: 0 0 50%; }
        .promo-page .brands-wrapper .brands .brand.big a {
          height: 248px; }
      .promo-page .brands-wrapper .brands .brand a {
        height: 260px;
        display: flex;
        position: relative; }
        .promo-page .brands-wrapper .brands .brand a:before {
          -webkit-transition: all 0.4s;
          -moz-transition: all 0.4s;
          -o-transition: all 0.4s;
          transition: all 0.4s;
          position: absolute;
          top: 0px;
          left: 0px;
          content: '';
          width: 100%;
          height: 100%;
          background: rgba(0, 0, 0, 0.48);
          opacity: 0; }
        .promo-page .brands-wrapper .brands .brand a img {
          object-fit: cover; }
        .promo-page .brands-wrapper .brands .brand a:hover:before {
          opacity: 1; }
        .promo-page .brands-wrapper .brands .brand a:hover .logo-icon {
          opacity: 1; }
        .promo-page .brands-wrapper .brands .brand a .logo-icon {
          -webkit-transform: translateX(-50%) translateY(-50%);
          -moz-transform: translateX(-50%) translateY(-50%);
          -o-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
          -webkit-transition: all 0.4s;
          -moz-transition: all 0.4s;
          -o-transition: all 0.4s;
          transition: all 0.4s;
          position: absolute;
          top: 50%;
          left: 50%;
          opacity: 0; }

.promo-page .conditions-promo-wrapper {
  background: #1C1C1C; }
  .promo-page .conditions-promo-wrapper .panel {
    background: #FFFFFF;
    margin-bottom: 67px;
    padding-left: 30px; }
    .promo-page .conditions-promo-wrapper .panel h3 {
      font-size: 28px; }
    .promo-page .conditions-promo-wrapper .panel .docs-holder {
      padding-bottom: 35px;
      border-bottom: 1px solid #E1E1E1; }
      .promo-page .conditions-promo-wrapper .panel .docs-holder a {
        border: none;
        display: flex; }
        .promo-page .conditions-promo-wrapper .panel .docs-holder a .info {
          margin-left: 20px;
          align-items: center; }
          .promo-page .conditions-promo-wrapper .panel .docs-holder a .info span {
            display: block; }
          .promo-page .conditions-promo-wrapper .panel .docs-holder a .info .name {
            color: #CC0000;
            text-transform: uppercase;
            font-weight: 600;
            border-bottom: 1px solid;
            margin-bottom: 11px; }
          .promo-page .conditions-promo-wrapper .panel .docs-holder a .info .size {
            color: #9D9D9D;
            font-size: 16px;
            text-transform: uppercase; }
    .promo-page .conditions-promo-wrapper .panel .wrapper-content {
      flex: 1 1 auto;
      color: #1C1C1C;
      padding: 0px 30px 50px 0px; }
      .promo-page .conditions-promo-wrapper .panel .wrapper-content h3 {
        color: #1C1C1C;
        margin: 40px 0px 0px; }
      .promo-page .conditions-promo-wrapper .panel .wrapper-content b {
        font-weight: 600;
        color: #000; }
      .promo-page .conditions-promo-wrapper .panel .wrapper-content a {
        color: #D0021B;
        border-bottom: 1px solid #D0021B; }
      .promo-page .conditions-promo-wrapper .panel .wrapper-content .list {
        margin-top: 44px; }
        .promo-page .conditions-promo-wrapper .panel .wrapper-content .list .item {
          margin-bottom: 40px; }
          .promo-page .conditions-promo-wrapper .panel .wrapper-content .list .item.dash {
            padding-left: 35px;
            background: url("../images/base/dash.png") 0 6px no-repeat; }
      .promo-page .conditions-promo-wrapper .panel .wrapper-content .table {
        width: 100%; }
        .promo-page .conditions-promo-wrapper .panel .wrapper-content .table tbody tr td:first-child {
          font-size: 14px;
          background-color: #F4F4F4; }
        .promo-page .conditions-promo-wrapper .panel .wrapper-content .table tbody tr td {
          font-size: 13px;
          color: #646464; }
        .promo-page .conditions-promo-wrapper .panel .wrapper-content .table .table-row .table-header {
          color: #1C1C1C;
          font-size: 20px;
          font-weight: 600;
          background-color: #FFFFFF;
          padding: 20px;
          border: 1px solid #E1E1E1; }
        .promo-page .conditions-promo-wrapper .panel .wrapper-content .table .table-row .table-data {
          color: black;
          border: 1px solid #E1E1E1;
          padding: 20px;
          border-collapse: collapse;
          line-height: 25px; }
          .promo-page .conditions-promo-wrapper .panel .wrapper-content .table .table-row .table-data.col-1 {
            width: 200px;
            color: #1C1C1C;
            font-weight: 600; }
          .promo-page .conditions-promo-wrapper .panel .wrapper-content .table .table-row .table-data.common {
            border-left: none;
            border-left: none;
            background-color: #F4F4F4;
            font-size: 17px;
            font-weight: bold;
            color: #000000; }
          .promo-page .conditions-promo-wrapper .panel .wrapper-content .table .table-row .table-data.center {
            text-align: center; }
    .promo-page .conditions-promo-wrapper .panel.short {
      height: 96px;
      overflow: hidden; }
    .promo-page .conditions-promo-wrapper .panel .text {
      color: black;
      font-size: 30px;
      height: 96px;
      line-height: 96px;
      cursor: pointer; }
      .promo-page .conditions-promo-wrapper .panel .text .image-icon {
        float: right;
        margin: 42px 38px 0px 0px;
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -o-transition: all 0.4s;
        transition: all 0.4s; }
        .promo-page .conditions-promo-wrapper .panel .text .image-icon.rotate {
          -webkit-transform: rotate(180deg);
          -moz-transform: rotate(180deg);
          -o-transform: rotate(180deg);
          transform: rotate(180deg); }

@media (min-width: 416px) and (max-width: 950px) {
  .promo-page .holder-scroll {
    padding-bottom: 45px; }
  .promo-page .scroll-top {
    position: static;
    opacity: 1;
    display: block;
    z-index: auto;
    margin: 0 auto; }
  .promo-page .promo-before-content h1 {
    text-align: center;
    margin: 45px 0; }
  .promo-page .promo-before-content .form-wrapper {
    width: 418px; }
    .promo-page .promo-before-content .form-wrapper h2 {
      font-size: 27px; }
  .promo-page .about-cart-container {
    min-height: 562px; }
    .promo-page .about-cart-container .block-square .column-wrapper article {
      font-size: 15px; }
  .promo-page .calculate-form {
    padding: 45px 0;
    font-size: 22px; }
    .promo-page .calculate-form .text {
      margin-bottom: 35px; }
  .promo-page .club-cards-bg {
    padding-top: 55px;
    padding-bottom: 45px; }
    .promo-page .club-cards-bg article {
      font-size: 15px; }
    .promo-page .club-cards-bg .cards-holder {
      flex-wrap: wrap; }
      .promo-page .club-cards-bg .cards-holder .holder-card {
        flex: 0 0 50%;
        padding: 0 17px; }
        .promo-page .club-cards-bg .cards-holder .holder-card .card-part.silver-card, .promo-page .club-cards-bg .cards-holder .holder-card .card-part.gold-card {
          margin-bottom: 160px; }
        .promo-page .club-cards-bg .cards-holder .holder-card .card-part .card-wrapper .title {
          font-size: 26px; }
        .promo-page .club-cards-bg .cards-holder .holder-card .card-part .card-wrapper .advantages-list {
          padding-left: 30px;
          padding-right: 15px;
          min-height: 190px;
          height: auto; }
          .promo-page .club-cards-bg .cards-holder .holder-card .card-part .card-wrapper .advantages-list li {
            font-size: 14px; }
        .promo-page .club-cards-bg .cards-holder .holder-card .card-part .card-wrapper .footer {
          font-size: 12px;
          padding: 20px 30px 30px; }
  .promo-page .social-holder .symmetry-block article {
    font-size: 25px;
    margin-bottom: 22px; }
  .promo-page .social-holder .symmetry-block .social-share-content {
    display: block; }
    .promo-page .social-holder .symmetry-block .social-share-content .title {
      display: block;
      margin-bottom: 15px; }
    .promo-page .social-holder .symmetry-block .social-share-content .ya-share2__container_size_m .ya-share2__item {
      margin-bottom: 4px; }
  .promo-page .advantages-wrapper {
    padding-top: 55px;
    padding-bottom: 55px; }
    .promo-page .advantages-wrapper h2 {
      margin-bottom: 60px; }
    .promo-page .advantages-wrapper .advantages-list li {
      padding-bottom: 50px; }
      .promo-page .advantages-wrapper .advantages-list li .text {
        font-size: 15px; }
    .promo-page .advantages-wrapper .buttons-holder {
      margin-top: 50px; }
  .promo-page .brands-wrapper {
    padding-top: 55px; }
    .promo-page .brands-wrapper h2 {
      margin-bottom: 50px; }
    .promo-page .brands-wrapper .brands {
      margin-right: -17px;
      margin-left: -17px; }
      .promo-page .brands-wrapper .brands .brand {
        padding: 0 17px;
        flex: 0 0 33.333%; }
        .promo-page .brands-wrapper .brands .brand a:before {
          opacity: 1; }
        .promo-page .brands-wrapper .brands .brand a .logo-icon {
          opacity: 1; }
        .promo-page .brands-wrapper .brands .brand.big {
          flex: 0 0 33.333%; }
          .promo-page .brands-wrapper .brands .brand.big.biggest {
            flex: 0 0 100%; } }

@media all and (max-width: 680px) and (min-width: 416px) {
  .promo-page .promo-before-content h1 {
    font-size: 30px; }
  .promo-page .about-cart-container .block-square {
    padding: 15px 0; }
    .promo-page .about-cart-container .block-square .column-wrapper {
      padding: 0 16px; }
      .promo-page .about-cart-container .block-square .column-wrapper h3 {
        font-size: 25px; } }

@media all and (max-width: 680px) {
  .promo-page .promo-before-content .custom-show-block {
    display: block; }
  .promo-page .promo-before-content .form-wrapper {
    display: none; }
  .promo-page .conditions-promo-wrapper .panel .text {
    font-size: 20px; } }

@media all and (max-width: 610px) {
  .promo-page .club-cards-bg .cards-holder {
    flex-direction: column;
    flex-wrap: wrap;
    align-items: inherit; }
    .promo-page .club-cards-bg .cards-holder .holder-card {
      padding: 0 6px;
      flex: 0 0 100%; }
      .promo-page .club-cards-bg .cards-holder .holder-card .card-part.silver-card, .promo-page .club-cards-bg .cards-holder .holder-card .card-part.gold-card, .promo-page .club-cards-bg .cards-holder .holder-card .card-part.platinum-card {
        margin-bottom: 160px; } }

@media (min-width: 0px) and (max-width: 415px) {
  .promo-page .holder-scroll {
    padding-bottom: 35px; }
  .promo-page .scroll-top {
    position: static;
    opacity: 1;
    display: block;
    z-index: auto;
    margin: 0 auto; }
  .promo-page .promo-before-content {
    height: 568px;
    background: url("../images/promo/top-man-mobile.jpg") 50% no-repeat;
    background-size: 100% auto; }
    .promo-page .promo-before-content h1 {
      text-align: center; }
  .promo-page .about-cart-container .block-square {
    padding: 35px 0;
    flex: 0 0 100%; }
    .promo-page .about-cart-container .block-square.order-first {
      order: 1; }
    .promo-page .about-cart-container .block-square.order-second {
      order: 2; }
    .promo-page .about-cart-container .block-square.image {
      height: 308px; }
    .promo-page .about-cart-container .block-square .column-wrapper {
      padding: 0 15px; }
  .promo-page .calculate-form {
    font-size: 20px;
    padding: 45px 15px 15px; }
    .promo-page .calculate-form .text {
      text-align: left;
      margin-bottom: 40px; }
    .promo-page .calculate-form .button {
      width: 100%; }
  .promo-page .club-cards-bg {
    padding: 45px 15px; }
    .promo-page .club-cards-bg h2 {
      margin-bottom: 30px; }
    .promo-page .club-cards-bg article {
      font-size: 15px;
      text-align: left; }
    .promo-page .club-cards-bg .cards-holder .holder-card .card-part .card-wrapper .title {
      font-size: 23px; }
    .promo-page .club-cards-bg .cards-holder .holder-card .card-part .card-wrapper .advantages-list {
      padding-left: 20px; }
      .promo-page .club-cards-bg .cards-holder .holder-card .card-part .card-wrapper .advantages-list li {
        font-size: 15px;
        margin-bottom: 16px; }
        .promo-page .club-cards-bg .cards-holder .holder-card .card-part .card-wrapper .advantages-list li:before {
          background-size: contain;
          flex: 0 0 16px; }
    .promo-page .club-cards-bg .cards-holder .holder-card .card-part .card-wrapper .footer {
      font-size: 12px;
      padding: 26px 15px 30px 15px; }
    .promo-page .club-cards-bg .cards-holder .holder-card .card-part.silver-card, .promo-page .club-cards-bg .cards-holder .holder-card .card-part.gold-card {
      margin-bottom: 160px; }
    .promo-page .club-cards-bg .buttons-holder {
      margin-top: 30px; }
      .promo-page .club-cards-bg .buttons-holder .button {
        width: 100%;
        margin-bottom: 0; }
  .promo-page .social-holder {
    height: auto;
    flex-wrap: wrap; }
    .promo-page .social-holder .symmetry-block {
      height: 268px;
      padding: 0 25px 0 15px;
      flex: 0 0 100%; }
      .promo-page .social-holder .symmetry-block article {
        font-size: 23px; }
      .promo-page .social-holder .symmetry-block .social-share-content {
        flex-direction: column;
        align-items: flex-start; }
        .promo-page .social-holder .symmetry-block .social-share-content .title {
          display: block;
          margin-bottom: 10px; }
  .promo-page .advantages-wrapper {
    padding-top: 44px; }
    .promo-page .advantages-wrapper h2 {
      margin-bottom: 52px;
      text-align: center; }
    .promo-page .advantages-wrapper .advantages-list li {
      padding: 0 45px; }
      .promo-page .advantages-wrapper .advantages-list li .text {
        font-size: 15px; }
  .promo-page .brands-wrapper {
    padding-top: 40px; }
    .promo-page .brands-wrapper h2 {
      margin-bottom: 30px; }
    .promo-page .brands-wrapper .brands {
      margin-right: -6px;
      margin-left: -6px; }
      .promo-page .brands-wrapper .brands .brand {
        padding: 0 6px;
        flex: 0 0 100%; }
        .promo-page .brands-wrapper .brands .brand a:before {
          opacity: 1; }
        .promo-page .brands-wrapper .brands .brand a .logo-icon {
          opacity: 1; }
        .promo-page .brands-wrapper .brands .brand.big {
          flex: 0 0 100%; }
  .promo-page .conditions-promo-wrapper .panel {
    margin-bottom: 35px;
    padding-left: 15px; }
    .promo-page .conditions-promo-wrapper .panel .text {
      line-height: 22px;
      padding: 25px 20px 25px 0; }
      .promo-page .conditions-promo-wrapper .panel .text .image-icon {
        margin: 0; }
    .promo-page .conditions-promo-wrapper .panel .docs-holder a .info {
      font-size: 12px; }
    .promo-page .conditions-promo-wrapper .panel .wrapper-content {
      padding-right: 15px; }
      .promo-page .conditions-promo-wrapper .panel .wrapper-content .table .table-row .table-data.col-1 {
        font-weight: 300; }
      .promo-page .conditions-promo-wrapper .panel .wrapper-content .table tbody tr td {
        color: #646464; }
        .promo-page .conditions-promo-wrapper .panel .wrapper-content .table tbody tr td:first-child {
          background-color: transparent; }
        .promo-page .conditions-promo-wrapper .panel .wrapper-content .table tbody tr td b {
          display: block;
          margin-bottom: 6px;
          color: #000000; }
  .promo-page .conditions-promo-wrapper .wrapper-table .holder-select a {
    color: #000000;
    border-bottom: 1px solid #E1E1E1; }
  .hide {
    display: none; } }

.promo-page .promo-before-content .form-wrapper .form-login h2 {
  margin-left: -15px;
  margin-right: -15px; }
  @media (max-width: 950px) {
    .promo-page .promo-before-content .form-wrapper .form-login h2 {
      font-size: 25px; } }

.promo-page .promo-before-content .form-wrapper .form-login .buttons-holder .register-link {
  display: inline-block;
  font-size: 1.1rem;
  color: #CC0000;
  margin: 8px 0 15px 0;
  text-decoration: none;
  border-bottom: 1px solid currentColor; }
  @media (max-width: 950px) {
    .promo-page .promo-before-content .form-wrapper .form-login .buttons-holder .register-link {
      font-size: 1rem; } }

@media (max-width: 415px) {
  .promo-page .promo-before-content .custom-show-block .buttons-holder .register-link {
    line-height: 2.5; } }

.video video {
  max-width: 100%;
  margin: 0 auto; }

.video__wrap {
  text-align: center;
  margin: 40px auto;
  max-width: 820px; }

.mmodal-page {
  background: #fff;
  width: 590px;
  margin: 0 auto; }
  .mmodal-page.full-page {
    margin-top: 60px; }
  .mmodal-page .header {
    opacity: 1;
    font-size: 30px;
    color: #FFFFFF;
    background: black;
    text-align: center;
    padding: 30px 0; }
  .mmodal-page .content-wrapper {
    padding: 49px 80px 60px 80px; }
    .mmodal-page .content-wrapper input[type=checkbox] + label {
      text-align: left;
      font-size: 12px;
      line-height: 17px;
      color: black; }
      .mmodal-page .content-wrapper input[type=checkbox] + label a {
        color: #CC0000;
        border-bottom: 1px solid; }
    .mmodal-page .content-wrapper label {
      display: block;
      cursor: pointer; }
  .mmodal-page .wrapper-topic {
    border: 1px solid #BDBDBD;
    width: 100%;
    position: relative; }
    .mmodal-page .wrapper-topic .wrapper-select {
      background: #FFFFFF; }
      .mmodal-page .wrapper-topic .wrapper-select:before {
        right: 20px;
        background-color: #FFFFFF; }
      .mmodal-page .wrapper-topic .wrapper-select select {
        background-color: transparent;
        font-size: 15px;
        color: #ACACAC;
        border: none;
        padding: 18px 20px 20px 20px; }
  .mmodal-page .wrapper-textarea {
    margin-top: 14px;
    border: 1px solid #BDBDBD; }
    .mmodal-page .wrapper-textarea .textarea {
      background: transparent;
      border: none;
      font-size: 15px;
      color: #ACACAC;
      padding: 17px 20px; }
  .mmodal-page .wrapper-main-radio {
    background-color: transparent;
    width: auto;
    margin-bottom: 40px; }
  .mmodal-page .wrapper-title {
    margin-top: 30px; }
    .mmodal-page .wrapper-title h3 {
      color: black;
      text-align: center;
      font-size: 28px; }
  .mmodal-page .wrapper-answer {
    display: flex;
    justify-content: space-between; }
    .mmodal-page .wrapper-answer .wrapper-button {
      margin-top: 20px; }

@media (min-width: 0px) and (max-width: 415px) {
  .mmodal-page {
    width: 260px; }
    .mmodal-page .content-wrapper {
      padding: 30px 10px 30px 10px; } }

.recovery-page {
  padding: 110px 0px 110px 0px; }

.personal-page {
  display: flex; }
  .personal-page .left-content-block {
    flex: 1 1 auto;
    padding-bottom: 105px; }
    .personal-page .left-content-block .table {
      flex: 1 1 auto;
      padding: 0 75px 0 70px; }
      @media all and (max-width: 1390px) {
        .personal-page .left-content-block .table {
          padding: 0 40px; } }
    .personal-page .left-content-block .wrapper-page-transactions .wrapper-table .head {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .personal-page .left-content-block .wrapper-page-transactions .wrapper-table .head .wrapper-select {
        margin-left: 15px;
        display: flex;
        background: black;
        position: relative; }
        .personal-page .left-content-block .wrapper-page-transactions .wrapper-table .head .wrapper-select.blocked {
          cursor: not-allowed; }
          .personal-page .left-content-block .wrapper-page-transactions .wrapper-table .head .wrapper-select.blocked select {
            pointer-events: none; }
        .personal-page .left-content-block .wrapper-page-transactions .wrapper-table .head .wrapper-select select {
          font-size: 15px;
          width: 160px; }
      .personal-page .left-content-block .wrapper-page-transactions .wrapper-table .head .wrapper-main-radio {
        margin-top: 15px; }
        @media all and (max-width: 1390px) {
          .personal-page .left-content-block .wrapper-page-transactions .wrapper-table .head .wrapper-main-radio {
            width: 660px; }
            .personal-page .left-content-block .wrapper-page-transactions .wrapper-table .head .wrapper-main-radio .radio-button-wrapper {
              margin-right: 20px; } }
    .personal-page .left-content-block .wrapper-page-transactions .wrapper-table .table {
      width: 100%; }
      .personal-page .left-content-block .wrapper-page-transactions .wrapper-table .table h2 {
        font-size: 30px; }
      .personal-page .left-content-block .wrapper-page-transactions .wrapper-table .table .table-row {
        border: 1px solid #3D3D3D; }
        .personal-page .left-content-block .wrapper-page-transactions .wrapper-table .table .table-row td {
          vertical-align: middle; }
          .personal-page .left-content-block .wrapper-page-transactions .wrapper-table .table .table-row td.empty {
            border: 1px solid #3D3D3D; }
            .personal-page .left-content-block .wrapper-page-transactions .wrapper-table .table .table-row td.empty h2 {
              color: #ACACAC;
              font-weight: 400; }
        .personal-page .left-content-block .wrapper-page-transactions .wrapper-table .table .table-row .table-head {
          padding: 19px 0 19px 0;
          font-size: 15px;
          color: #ACACAC;
          text-align: left;
          border-collapse: collapse; }
        .personal-page .left-content-block .wrapper-page-transactions .wrapper-table .table .table-row .table-data {
          border-collapse: collapse; }
        .personal-page .left-content-block .wrapper-page-transactions .wrapper-table .table .table-row .col-1 {
          width: 258px;
          padding-left: 43px; }
          .personal-page .left-content-block .wrapper-page-transactions .wrapper-table .table .table-row .col-1 .image {
            display: inline-block;
            vertical-align: middle; }
            .personal-page .left-content-block .wrapper-page-transactions .wrapper-table .table .table-row .col-1 .image.Mz5 {
              background: transparent url("../images/base/mobel_zeit.png") 0 0 no-repeat;
              width: 101px;
              height: 29px; }
            .personal-page .left-content-block .wrapper-page-transactions .wrapper-table .table .table-row .col-1 .image.Sofman {
              background: transparent url("../images/base/sofmann.png") 0 0 no-repeat;
              width: 99px;
              height: 43px; }
        .personal-page .left-content-block .wrapper-page-transactions .wrapper-table .table .table-row .col-2 {
          width: 354px;
          padding: 20px 0 23px 0;
          vertical-align: top; }
          .personal-page .left-content-block .wrapper-page-transactions .wrapper-table .table .table-row .col-2 .wrapper-data {
            max-width: 250px; }
            .personal-page .left-content-block .wrapper-page-transactions .wrapper-table .table .table-row .col-2 .wrapper-data .name-shop {
              font-size: 14px;
              color: #FFFFFF; }
            .personal-page .left-content-block .wrapper-page-transactions .wrapper-table .table .table-row .col-2 .wrapper-data .address {
              margin-top: 10px;
              font-size: 13px;
              color: #ACACAC; }
            .personal-page .left-content-block .wrapper-page-transactions .wrapper-table .table .table-row .col-2 .wrapper-data .wrapper-purchases {
              margin-top: 14px; }
              .personal-page .left-content-block .wrapper-page-transactions .wrapper-table .table .table-row .col-2 .wrapper-data .wrapper-purchases .link-look-purchases, .personal-page .left-content-block .wrapper-page-transactions .wrapper-table .table .table-row .col-2 .wrapper-data .wrapper-purchases .link-close {
                font-size: 13px;
                color: #D0021B;
                border-bottom: 1px dashed #D0021B; }
              .personal-page .left-content-block .wrapper-page-transactions .wrapper-table .table .table-row .col-2 .wrapper-data .wrapper-purchases .purchases-list {
                margin-top: 10px; }
                .personal-page .left-content-block .wrapper-page-transactions .wrapper-table .table .table-row .col-2 .wrapper-data .wrapper-purchases .purchases-list .item {
                  background-color: #000000;
                  display: inline-flex;
                  width: 250px;
                  min-height: 40px;
                  justify-content: center;
                  padding: 11px 14px 13px 15px;
                  font-size: 13px;
                  color: #ACACAC;
                  margin-bottom: 5px; }
              .personal-page .left-content-block .wrapper-page-transactions .wrapper-table .table .table-row .col-2 .wrapper-data .wrapper-purchases.open .link-look-purchases {
                position: absolute;
                opacity: 0;
                visibility: hidden;
                pointer-events: none; }
              .personal-page .left-content-block .wrapper-page-transactions .wrapper-table .table .table-row .col-2 .wrapper-data .wrapper-purchases.open .link-close {
                opacity: 1;
                visibility: visible;
                pointer-events: auto;
                position: static; }
              .personal-page .left-content-block .wrapper-page-transactions .wrapper-table .table .table-row .col-2 .wrapper-data .wrapper-purchases.open .purchases-list {
                opacity: 1;
                visibility: visible;
                pointer-events: auto;
                position: static; }
              .personal-page .left-content-block .wrapper-page-transactions .wrapper-table .table .table-row .col-2 .wrapper-data .wrapper-purchases.close .link-look-purchases {
                opacity: 1;
                visibility: visible;
                pointer-events: auto;
                position: static; }
              .personal-page .left-content-block .wrapper-page-transactions .wrapper-table .table .table-row .col-2 .wrapper-data .wrapper-purchases.close .link-close {
                position: absolute;
                opacity: 0;
                visibility: hidden;
                pointer-events: none; }
              .personal-page .left-content-block .wrapper-page-transactions .wrapper-table .table .table-row .col-2 .wrapper-data .wrapper-purchases.close .purchases-list {
                position: absolute;
                opacity: 0;
                visibility: hidden;
                pointer-events: none; }
        .personal-page .left-content-block .wrapper-page-transactions .wrapper-table .table .table-row .col-3 .date {
          margin-top: 42px;
          font-size: 14px;
          color: #FFFFFF; }
        .personal-page .left-content-block .wrapper-page-transactions .wrapper-table .table .table-row .col-4 {
          text-align: center; }
          .personal-page .left-content-block .wrapper-page-transactions .wrapper-table .table .table-row .col-4 .sum {
            margin-top: 36px;
            font-size: 20px;
            color: #FFFFFF;
            letter-spacing: 0; }
            .personal-page .left-content-block .wrapper-page-transactions .wrapper-table .table .table-row .col-4 .sum.red {
              color: #D0021B; }
    .personal-page .left-content-block .wrapper-page-transactions .wrapper-look-more {
      margin-top: 40px;
      display: flex;
      justify-content: center; }
      .personal-page .left-content-block .wrapper-page-transactions .wrapper-look-more .link-look-more {
        display: inline-flex;
        padding: 18px 67px 21px 67px;
        background-color: #000000;
        color: #FFFFFF; }
    @media (min-width: 0px) and (max-width: 415px) {
      .personal-page .left-content-block .wrapper-page-transactions .wrapper-table .head {
        flex-direction: column;
        align-items: inherit; }
        .personal-page .left-content-block .wrapper-page-transactions .wrapper-table .head .wrapper-main-radio {
          margin-bottom: 30px;
          overflow: hidden;
          flex-direction: column;
          padding: 0 15px;
          margin-top: 0;
          height: auto;
          width: 100%; }
          .personal-page .left-content-block .wrapper-page-transactions .wrapper-table .head .wrapper-main-radio.open .caption-parameters .arrow-big-grey-down {
            position: absolute;
            opacity: 0;
            visibility: hidden;
            pointer-events: none; }
          .personal-page .left-content-block .wrapper-page-transactions .wrapper-table .head .wrapper-main-radio.open .caption-parameters .arrow-big-grey-up {
            opacity: 1;
            visibility: visible;
            pointer-events: auto;
            position: static; }
          .personal-page .left-content-block .wrapper-page-transactions .wrapper-table .head .wrapper-main-radio.open .radio-button-list {
            opacity: 1;
            visibility: visible;
            pointer-events: auto;
            position: static; }
          .personal-page .left-content-block .wrapper-page-transactions .wrapper-table .head .wrapper-main-radio.open .wrapper-select {
            opacity: 1;
            visibility: visible;
            pointer-events: auto;
            position: static;
            position: relative; }
          .personal-page .left-content-block .wrapper-page-transactions .wrapper-table .head .wrapper-main-radio .caption-parameters .arrow-big-grey-down {
            margin-top: 6px;
            opacity: 1;
            visibility: visible;
            pointer-events: auto;
            position: static; }
          .personal-page .left-content-block .wrapper-page-transactions .wrapper-table .head .wrapper-main-radio .caption-parameters .arrow-big-grey-up {
            margin-top: 6px;
            position: absolute;
            opacity: 0;
            visibility: hidden;
            pointer-events: none; }
          .personal-page .left-content-block .wrapper-page-transactions .wrapper-table .head .wrapper-main-radio .radio-button-list {
            position: absolute;
            opacity: 0;
            visibility: hidden;
            pointer-events: none;
            flex-direction: column; }
          .personal-page .left-content-block .wrapper-page-transactions .wrapper-table .head .wrapper-main-radio .radio-button-wrapper {
            margin-right: 0;
            padding: 12px 0; }
          .personal-page .left-content-block .wrapper-page-transactions .wrapper-table .head .wrapper-main-radio .caption-parameters {
            display: flex;
            justify-content: space-between;
            font-size: 19px;
            padding: 17px 0;
            color: #ffffff; }
          .personal-page .left-content-block .wrapper-page-transactions .wrapper-table .head .wrapper-main-radio .wrapper-select {
            position: absolute;
            opacity: 0;
            visibility: hidden;
            pointer-events: none;
            margin-left: 0;
            margin-bottom: 16px;
            padding: 16px 10px;
            border: 1px solid #3D3D3D; }
            .personal-page .left-content-block .wrapper-page-transactions .wrapper-table .head .wrapper-main-radio .wrapper-select:before {
              right: 15px; }
            .personal-page .left-content-block .wrapper-page-transactions .wrapper-table .head .wrapper-main-radio .wrapper-select select {
              width: 100%; }
      .personal-page .left-content-block .wrapper-page-transactions .wrapper-table .wrapper-transactions .empty h2 {
        text-align: center;
        font-size: 19px;
        color: #ACACAC;
        font-weight: 400; }
      .personal-page .left-content-block .wrapper-page-transactions .wrapper-table .wrapper-transactions .holder-transaction {
        border-top: 1px solid #3D3D3D;
        padding: 15px; }
        .personal-page .left-content-block .wrapper-page-transactions .wrapper-table .wrapper-transactions .holder-transaction:last-child {
          border-bottom: 1px solid #3D3D3D; }
        .personal-page .left-content-block .wrapper-page-transactions .wrapper-table .wrapper-transactions .holder-transaction .heading {
          display: flex;
          justify-content: space-between; }
          .personal-page .left-content-block .wrapper-page-transactions .wrapper-table .wrapper-transactions .holder-transaction .heading .left-group {
            display: flex;
            flex-direction: column;
            flex: 0 0 auto; }
            .personal-page .left-content-block .wrapper-page-transactions .wrapper-table .wrapper-transactions .holder-transaction .heading .left-group .brand {
              margin-bottom: 6px;
              color: #ffffff;
              font-size: 16px; }
            .personal-page .left-content-block .wrapper-page-transactions .wrapper-table .wrapper-transactions .holder-transaction .heading .left-group .date {
              margin-bottom: 10px;
              color: #ACACAC;
              font-size: 13px; }
            .personal-page .left-content-block .wrapper-page-transactions .wrapper-table .wrapper-transactions .holder-transaction .heading .left-group .more {
              font-size: 14px;
              color: #CC0000;
              border-bottom: 1px dashed; }
          .personal-page .left-content-block .wrapper-page-transactions .wrapper-table .wrapper-transactions .holder-transaction .heading .sum {
            flex: 0 0 auto;
            display: flex;
            align-items: center;
            color: #ffffff;
            font-size: 18px; }
            .personal-page .left-content-block .wrapper-page-transactions .wrapper-table .wrapper-transactions .holder-transaction .heading .sum.red {
              color: #CC0000; } }
    .personal-page .left-content-block .wrapper-page-feedback {
      border: 1px solid #3D3D3D;
      padding: 50px; }
      .personal-page .left-content-block .wrapper-page-feedback .wrapper-caution {
        margin-top: 50px;
        background-color: #000000;
        padding: 15px 23px 19px 23px; }
        .personal-page .left-content-block .wrapper-page-feedback .wrapper-caution .caution {
          display: block;
          font-size: 16px;
          color: #BDBDBD;
          line-height: 21px; }
          .personal-page .left-content-block .wrapper-page-feedback .wrapper-caution .caution:last-child {
            margin-top: 4px; }
          .personal-page .left-content-block .wrapper-page-feedback .wrapper-caution .caution .link-coution {
            color: #CC0000;
            border-bottom: 1px solid #CC0000; }
      .personal-page .left-content-block .wrapper-page-feedback .wrapper-data-form {
        margin-top: 60px; }
        .personal-page .left-content-block .wrapper-page-feedback .wrapper-data-form .form-field {
          margin-bottom: 0px; }
        .personal-page .left-content-block .wrapper-page-feedback .wrapper-data-form .wrapper-contact {
          display: flex;
          justify-content: space-between;
          margin: 0 -20px; }
          .personal-page .left-content-block .wrapper-page-feedback .wrapper-data-form .wrapper-contact .wrapper-input {
            flex: 1 1 auto;
            padding: 0 20px; }
            .personal-page .left-content-block .wrapper-page-feedback .wrapper-data-form .wrapper-contact .wrapper-input .label-input {
              font-size: 15px;
              color: #ACACAC;
              display: block; }
            .personal-page .left-content-block .wrapper-page-feedback .wrapper-data-form .wrapper-contact .wrapper-input .wrapper-input-border {
              margin-top: 14px;
              border: 1px solid #3D3D3D;
              padding: 18px 20px 20px 20px; }
              .personal-page .left-content-block .wrapper-page-feedback .wrapper-data-form .wrapper-contact .wrapper-input .wrapper-input-border .input {
                width: 100%;
                font-size: 20px;
                color: #FFFFFF;
                border: none;
                background: transparent;
                height: 20px; }
        .personal-page .left-content-block .wrapper-page-feedback .wrapper-data-form .wrapper-topic {
          margin-top: 14px;
          border: 1px solid #3D3D3D;
          width: 100%;
          position: relative; }
          .personal-page .left-content-block .wrapper-page-feedback .wrapper-data-form .wrapper-topic .wrapper-select {
            background: #1a1819; }
            .personal-page .left-content-block .wrapper-page-feedback .wrapper-data-form .wrapper-topic .wrapper-select:before {
              background-color: #1a1819;
              right: 20px; }
            .personal-page .left-content-block .wrapper-page-feedback .wrapper-data-form .wrapper-topic .wrapper-select select {
              background-color: transparent;
              font-size: 15px;
              color: #ACACAC;
              border: none;
              padding: 18px 20px 20px 20px; }
        .personal-page .left-content-block .wrapper-page-feedback .wrapper-data-form .wrapper-textarea {
          margin-top: 14px;
          border: 1px solid #3D3D3D; }
          .personal-page .left-content-block .wrapper-page-feedback .wrapper-data-form .wrapper-textarea .textarea {
            background: transparent;
            border: none;
            font-size: 15px;
            color: #ACACAC;
            padding: 17px 20px; }
        .personal-page .left-content-block .wrapper-page-feedback .wrapper-data-form .wrapper-answer {
          margin-top: 31px;
          display: flex;
          justify-content: space-between; }
          .personal-page .left-content-block .wrapper-page-feedback .wrapper-data-form .wrapper-answer .left-block .wrapper-main-radio {
            margin-top: 35px;
            background-color: transparent;
            width: auto; }
          .personal-page .left-content-block .wrapper-page-feedback .wrapper-data-form .wrapper-answer .wrapper-button {
            margin-top: 20px; }
            .personal-page .left-content-block .wrapper-page-feedback .wrapper-data-form .wrapper-answer .wrapper-button .button {
              padding: 21px 103px 21px 103px; }
    @media (min-width: 0px) and (max-width: 415px) {
      .personal-page .left-content-block .wrapper-page-feedback {
        padding: 17px 15px 30px 15px; }
        .personal-page .left-content-block .wrapper-page-feedback .wrapper-title .title {
          font-size: 19px;
          font-weight: normal; }
        .personal-page .left-content-block .wrapper-page-feedback .wrapper-caution {
          margin-top: 20px; }
          .personal-page .left-content-block .wrapper-page-feedback .wrapper-caution .caution {
            font-size: 15px; }
            .personal-page .left-content-block .wrapper-page-feedback .wrapper-caution .caution:last-child {
              margin-top: 20px; }
        .personal-page .left-content-block .wrapper-page-feedback .wrapper-data-form {
          margin-top: 30px; }
          .personal-page .left-content-block .wrapper-page-feedback .wrapper-data-form .wrapper-contact {
            flex-direction: column; }
            .personal-page .left-content-block .wrapper-page-feedback .wrapper-data-form .wrapper-contact .wrapper-input {
              margin-bottom: 35px; }
              .personal-page .left-content-block .wrapper-page-feedback .wrapper-data-form .wrapper-contact .wrapper-input .label-input {
                font-size: 14px; }
              .personal-page .left-content-block .wrapper-page-feedback .wrapper-data-form .wrapper-contact .wrapper-input .wrapper-input-border .input {
                font-size: 15px; }
          .personal-page .left-content-block .wrapper-page-feedback .wrapper-data-form .wrapper-answer {
            flex-direction: column; }
            .personal-page .left-content-block .wrapper-page-feedback .wrapper-data-form .wrapper-answer .wrapper-button .button {
              width: 100%; }
            .personal-page .left-content-block .wrapper-page-feedback .wrapper-data-form .wrapper-answer .left-block .wrapper-main-radio {
              margin-top: 25px; }
              .personal-page .left-content-block .wrapper-page-feedback .wrapper-data-form .wrapper-answer .left-block .wrapper-main-radio .radio-button-list {
                width: 100%;
                justify-content: space-between; }
          .personal-page .left-content-block .wrapper-page-feedback .wrapper-data-form .wrapper-textarea .textarea {
            height: 117px; } }
    .personal-page .left-content-block .wrapper-page-user-cart .wrapper-cart-info {
      border: 1px solid #3D3D3D;
      width: 100%;
      display: flex; }
      .personal-page .left-content-block .wrapper-page-user-cart .wrapper-cart-info .block-left-image {
        flex: 0 0 446px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-right: 1px solid #3D3D3D;
        position: relative;
        background: #444;
        color: #999; }
        .personal-page .left-content-block .wrapper-page-user-cart .wrapper-cart-info .block-left-image.SILVER {
          color: #909296; }
        .personal-page .left-content-block .wrapper-page-user-cart .wrapper-cart-info .block-left-image.GOLD {
          color: #ac7a12; }
        .personal-page .left-content-block .wrapper-page-user-cart .wrapper-cart-info .block-left-image.PLATINUM {
          color: #909296; }
        .personal-page .left-content-block .wrapper-page-user-cart .wrapper-cart-info .block-left-image.BRILLIANT {
          color: #da5894; }
        .personal-page .left-content-block .wrapper-page-user-cart .wrapper-cart-info .block-left-image img {
          padding: 55px 50px 50px 50px; }
        .personal-page .left-content-block .wrapper-page-user-cart .wrapper-cart-info .block-left-image .card-number {
          font-size: 20px;
          position: absolute;
          top: 260px;
          left: 75px; }
      .personal-page .left-content-block .wrapper-page-user-cart .wrapper-cart-info .block-right-info {
        flex: 1 1 auto; }
        .personal-page .left-content-block .wrapper-page-user-cart .wrapper-cart-info .block-right-info .row-cart-info {
          display: flex;
          justify-content: space-between;
          padding: 20px 33px 24px 33px;
          border-bottom: 1px solid #3D3D3D; }
          .personal-page .left-content-block .wrapper-page-user-cart .wrapper-cart-info .block-right-info .row-cart-info:last-child {
            border-bottom: none; }
          .personal-page .left-content-block .wrapper-page-user-cart .wrapper-cart-info .block-right-info .row-cart-info .name, .personal-page .left-content-block .wrapper-page-user-cart .wrapper-cart-info .block-right-info .row-cart-info .value {
            font-size: 14px;
            color: #BDBDBD; }
    .personal-page .left-content-block .wrapper-page-user-cart .info-content {
      border: 1px solid #3D3D3D;
      border-top: none;
      padding: 0 50px 60px 50px; }
      .personal-page .left-content-block .wrapper-page-user-cart .info-content .wrapper-title-content {
        padding: 49px 0 43px 0; }
        .personal-page .left-content-block .wrapper-page-user-cart .info-content .wrapper-title-content .title {
          font-size: 28px;
          color: #FFFFFF; }
      .personal-page .left-content-block .wrapper-page-user-cart .info-content .content {
        font-size: 16px;
        color: #BDBDBD;
        line-height: 21px; }
        .personal-page .left-content-block .wrapper-page-user-cart .info-content .content .wrapper-conditions {
          margin-top: 46px; }
          .personal-page .left-content-block .wrapper-page-user-cart .info-content .content .wrapper-conditions .condition {
            padding-left: 38px;
            display: block;
            position: relative;
            margin-top: 22px; }
            .personal-page .left-content-block .wrapper-page-user-cart .info-content .content .wrapper-conditions .condition:after {
              content: "";
              position: absolute;
              display: inline-block;
              height: 2px;
              width: 20px;
              left: 0px;
              top: 50%;
              transform: translateY(-50%);
              background-color: transparent;
              border-bottom: 2px solid #CC0000; }
    @media (min-width: 0px) and (max-width: 415px) {
      .personal-page .left-content-block .wrapper-page-user-cart .wrapper-cart-info {
        flex-direction: column; }
        .personal-page .left-content-block .wrapper-page-user-cart .wrapper-cart-info .block-left-image {
          flex: 0 0 auto; }
          .personal-page .left-content-block .wrapper-page-user-cart .wrapper-cart-info .block-left-image .card-number {
            top: 162px;
            left: 70px; }
        .personal-page .left-content-block .wrapper-page-user-cart .wrapper-cart-info .block-right-info {
          flex: 1 1 auto; }
          .personal-page .left-content-block .wrapper-page-user-cart .wrapper-cart-info .block-right-info .row-cart-info {
            display: flex;
            flex-direction: column;
            padding: 20px;
            border-bottom: 1px solid #3D3D3D; }
            .personal-page .left-content-block .wrapper-page-user-cart .wrapper-cart-info .block-right-info .row-cart-info:first-child {
              border-top: 1px solid #3D3D3D; }
            .personal-page .left-content-block .wrapper-page-user-cart .wrapper-cart-info .block-right-info .row-cart-info div {
              text-align: center; }
            .personal-page .left-content-block .wrapper-page-user-cart .wrapper-cart-info .block-right-info .row-cart-info .value {
              margin-top: 6px;
              color: #ffffff; }
      .personal-page .left-content-block .wrapper-page-user-cart .info-content {
        padding: 0 15px 30px 15px; }
        .personal-page .left-content-block .wrapper-page-user-cart .info-content .wrapper-title-content {
          padding: 30px 0; }
          .personal-page .left-content-block .wrapper-page-user-cart .info-content .wrapper-title-content .title {
            font-size: 19px;
            font-weight: normal; }
        .personal-page .left-content-block .wrapper-page-user-cart .info-content .content {
          font-size: 15px; }
          .personal-page .left-content-block .wrapper-page-user-cart .info-content .content .wrapper-conditions .condition:after {
            top: 8px; } }
    .personal-page .left-content-block .dashboard-holder .row-menu-holder {
      display: flex;
      flex-wrap: nowrap;
      margin: 0 -18px; }
      .personal-page .left-content-block .dashboard-holder .row-menu-holder .link-holder {
        flex: 1 1 auto;
        padding: 18px 18px;
        color: #FFFFFF;
        font-size: 14px;
        text-transform: uppercase; }
        .personal-page .left-content-block .dashboard-holder .row-menu-holder .link-holder a {
          color: #FFFFFF;
          display: block;
          position: relative; }
          .personal-page .left-content-block .dashboard-holder .row-menu-holder .link-holder a span {
            padding-left: 36px;
            position: absolute;
            bottom: 30px;
            left: 0; }
    @media (min-width: 0px) and (max-width: 415px) {
      .personal-page .left-content-block .dashboard-holder .row-menu-holder {
        display: flex;
        flex-wrap: wrap; }
        .personal-page .left-content-block .dashboard-holder .row-menu-holder .link-holder {
          flex: 0 0 100%; } }
  .personal-page .sidebar {
    flex: 0 0 274px;
    background-color: #FFFFFF;
    z-index: 1001; }
    .personal-page .sidebar .wrapper-absolute {
      background-color: #FFFFFF;
      position: absolute;
      width: 274px;
      top: 106px;
      bottom: 0; }
      .personal-page .sidebar .wrapper-absolute .row-sidebar {
        border-bottom: 1px solid #E1E1E1;
        padding: 17px 0 17px 0;
        text-align: center; }
        .personal-page .sidebar .wrapper-absolute .row-sidebar.user-name {
          padding-top: 26px;
          padding-bottom: 26px;
          flex-direction: column; }
          .personal-page .sidebar .wrapper-absolute .row-sidebar.user-name .wrapper-user-image {
            display: inline-block; }
          .personal-page .sidebar .wrapper-absolute .row-sidebar.user-name .user-name {
            margin-top: 18px;
            font-size: 15px;
            color: #646464; }
          .personal-page .sidebar .wrapper-absolute .row-sidebar.user-name .wrapper-button {
            margin-top: 20px; }
            .personal-page .sidebar .wrapper-absolute .row-sidebar.user-name .wrapper-button .link-logout {
              display: inline-flex;
              width: 78px;
              height: 30px;
              justify-content: center;
              align-items: center;
              background-color: #F0F0F0;
              font-size: 13px;
              color: #000000;
              text-transform: uppercase; }
        .personal-page .sidebar .wrapper-absolute .row-sidebar.num-cart, .personal-page .sidebar .wrapper-absolute .row-sidebar.status {
          font-size: 15px;
          color: #646464; }
          .personal-page .sidebar .wrapper-absolute .row-sidebar.num-cart .value, .personal-page .sidebar .wrapper-absolute .row-sidebar.status .value {
            display: inline-block;
            margin-left: 3px; }
        .personal-page .sidebar .wrapper-absolute .row-sidebar.bonus {
          font-size: 27px;
          color: #000000;
          font-weight: 600; }
        .personal-page .sidebar .wrapper-absolute .row-sidebar.transactions {
          display: flex;
          justify-content: space-between;
          padding: 15px 24px;
          align-items: center; }
          .personal-page .sidebar .wrapper-absolute .row-sidebar.transactions .wrapper-name {
            flex: 0 0 auto;
            text-align: left; }
            .personal-page .sidebar .wrapper-absolute .row-sidebar.transactions .wrapper-name .name {
              font-size: 16px;
              color: #000000;
              font-weight: 600; }
            .personal-page .sidebar .wrapper-absolute .row-sidebar.transactions .wrapper-name .date {
              font-size: 13px;
              color: #646464;
              display: block;
              text-align: left; }
          .personal-page .sidebar .wrapper-absolute .row-sidebar.transactions .sum {
            font-weight: 600;
            font-size: 18px;
            color: #000000; }
            .personal-page .sidebar .wrapper-absolute .row-sidebar.transactions .sum.red {
              color: #CC0000; }
      .personal-page .sidebar .wrapper-absolute .name-block {
        display: block;
        text-align: center;
        background-color: black;
        font-size: 13px;
        color: #FFFFFF;
        text-transform: uppercase;
        padding: 20px 0 21px 0; }
      .personal-page .sidebar .wrapper-absolute .wrapper-link-look-all {
        padding: 25px 0;
        text-align: center;
        text-transform: uppercase;
        font-size: 13px;
        color: #000000;
        display: flex;
        justify-content: center;
        align-items: center; }
        .personal-page .sidebar .wrapper-absolute .wrapper-link-look-all .image-icon {
          margin-left: 5px;
          margin-bottom: 4px; }
  @media (min-width: 0px) and (max-width: 415px) {
    .personal-page .sidebar {
      display: none; } }
  .personal-page .personal-page-actions {
    display: flex;
    align-items: center;
    margin-top: 15px; }
    .personal-page .personal-page-actions .logo {
      padding: 0 95px 0 0;
      color: #fff;
      text-transform: uppercase;
      font-weight: 600;
      font-size: 23px;
      letter-spacing: 0.28px;
      white-space: nowrap; }
    .personal-page .personal-page-actions .list {
      display: flex;
      flex-wrap: wrap; }
      .personal-page .personal-page-actions .list li:not(:last-child) {
        margin-right: 45px; }
        @media (max-width: 1300px) {
          .personal-page .personal-page-actions .list li:not(:last-child) {
            margin-right: 30px; } }
        @media (max-width: 1240px) {
          .personal-page .personal-page-actions .list li:not(:last-child) {
            margin-right: 20px; } }
      .personal-page .personal-page-actions .list li a {
        padding-bottom: 4px;
        font-size: 13px;
        color: #C4C4C4;
        letter-spacing: 0;
        transition: all ease-out .2s;
        text-transform: uppercase;
        border-bottom: 1px solid #616161;
        white-space: nowrap; }
        .personal-page .personal-page-actions .list li a:hover {
          color: #fff;
          border-bottom-color: #fff; }

.wrapper-main-radio {
  display: flex;
  background-color: #000000;
  height: 40px;
  width: 703px;
  padding-left: 19px; }
  .wrapper-main-radio .radio-button-list {
    display: flex; }
    .wrapper-main-radio .radio-button-list .radio-button-wrapper {
      margin-right: 33px; }
      .wrapper-main-radio .radio-button-list .radio-button-wrapper .radio {
        display: none; }
      .wrapper-main-radio .radio-button-list .radio-button-wrapper .radio + .radio-label {
        color: #ACACAC;
        padding-left: 27px;
        position: relative;
        display: inline-flex;
        height: 100%;
        align-items: center;
        font-size: 15px; }
        .wrapper-main-radio .radio-button-list .radio-button-wrapper .radio + .radio-label:after {
          content: "";
          display: inline-block;
          width: 15px;
          height: 15px;
          position: absolute;
          left: 0;
          top: 50%;
          transform: translateY(-50%);
          border: 1px solid #D0021B;
          border-radius: 1000px;
          z-index: 1; }
        .wrapper-main-radio .radio-button-list .radio-button-wrapper .radio + .radio-label:before {
          display: none; }
      .wrapper-main-radio .radio-button-list .radio-button-wrapper .radio:checked + .radio-label:before {
        content: "";
        display: inline-block;
        width: 9px;
        height: 9px;
        position: absolute;
        left: 4px;
        top: 50%;
        transform: translateY(-50%);
        background-color: #D0021B;
        border-radius: 1000px;
        z-index: 2; }

@media (min-width: 0px) and (max-width: 415px) {
  .personal-page .left-content-block {
    flex: 0 0 100%;
    padding-bottom: 26px; }
    .personal-page .left-content-block .table {
      padding: 0; }
    .personal-page .left-content-block .dashboard-holder {
      padding: 0 15px; }
      .personal-page .left-content-block .dashboard-holder .row-menu-holder .link-holder {
        padding: 7px 15px; } }

.wrapper-page-conditions {
  display: flex;
  border: 1px solid #3D3D3D;
  position: relative; }
  .wrapper-page-conditions .wrapper-tabs {
    flex: 0 0 255px;
    border-right: 1px solid #3D3D3D; }
    .wrapper-page-conditions .wrapper-tabs .tab {
      border-bottom: 1px solid  #3D3D3D; }
      .wrapper-page-conditions .wrapper-tabs .tab .name {
        display: block;
        padding: 19px 26px 19px 26px;
        background-color: transparent;
        font-size: 14px;
        color: #BDBDBD; }
        .wrapper-page-conditions .wrapper-tabs .tab .name.active {
          background-color: #000000;
          color: #FFFFFF; }
  .wrapper-page-conditions .wrapper-content {
    flex: 1 1 auto;
    padding: 50px;
    color: #BDBDBD; }
    .wrapper-page-conditions .wrapper-content b {
      font-weight: 600;
      color: #FFFFFF; }
    .wrapper-page-conditions .wrapper-content a {
      color: #D0021B;
      border-bottom: 1px solid #D0021B; }
    .wrapper-page-conditions .wrapper-content .list {
      margin-top: 44px; }
      .wrapper-page-conditions .wrapper-content .list .item {
        margin-bottom: 40px; }
    .wrapper-page-conditions .wrapper-content .table {
      width: 100%; }
      .wrapper-page-conditions .wrapper-content .table .table-row .table-header {
        color: #FFFFFF;
        font-weight: 600;
        padding: 10px;
        border: 1px solid #FFFFFF; }
      .wrapper-page-conditions .wrapper-content .table .table-row .table-data {
        color: #BDBDBD;
        border: 1px solid #FFFFFF;
        padding: 10px;
        border-collapse: collapse;
        line-height: 25px; }
        .wrapper-page-conditions .wrapper-content .table .table-row .table-data.col-1 {
          width: 200px;
          color: #FFFFFF;
          font-weight: 600; }
        .wrapper-page-conditions .wrapper-content .table .table-row .table-data.common {
          border-left: none;
          border-left: none; }
        .wrapper-page-conditions .wrapper-content .table .table-row .table-data.center {
          text-align: center; }

@media (min-width: 0px) and (max-width: 415px) {
  .wrapper-page-conditions {
    flex-direction: column;
    border-top: none; }
    .wrapper-page-conditions .wrapper-select {
      margin-bottom: 30px;
      background: #000000;
      position: relative; }
      .wrapper-page-conditions .wrapper-select:before {
        width: 20px;
        content: '';
        position: absolute;
        right: 20px;
        height: 100%;
        top: 0;
        background: #000000 url(../images/base/select-bg.png) 100% 50% no-repeat; }
      .wrapper-page-conditions .wrapper-select select {
        width: 100%;
        display: block;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        height: auto;
        background-color: transparent;
        font-size: 15px;
        color: #ACACAC;
        border: none;
        padding: 18px 20px 20px 20px; }
    .wrapper-page-conditions .wrapper-tabs {
      flex: 0 0 auto; }
    .wrapper-page-conditions .wrapper-content {
      padding: 0 15px; }
      .wrapper-page-conditions .wrapper-content h3 {
        font-size: 19px;
        font-weight: normal;
        display: none; }
        .wrapper-page-conditions .wrapper-content h3.visible {
          display: block; }
      .wrapper-page-conditions .wrapper-content .list {
        margin-top: 25px;
        display: none; }
        .wrapper-page-conditions .wrapper-content .list.visible {
          display: block; }
    .wrapper-page-conditions .wrapper-table .holder-select a {
      color: #ffffff; }
  .wrapper-table .holder-select {
    background: url("../images/base/arrow-select.png") 93% 28px no-repeat;
    display: flex;
    margin-bottom: 15px;
    flex-direction: column;
    margin-top: -1px; }
    .wrapper-table .holder-select a {
      display: none;
      width: 100%;
      padding: 16px 15px;
      font-size: 18px;
      color: #000000;
      border: 1px solid #E1E1E1;
      order: 2; }
      .wrapper-table .holder-select a.active {
        order: 1; }
      .wrapper-table .holder-select a.show {
        display: inline-block; } }

.confedential-page .confedential-bg {
  background: transparent url("../images/promo/club-bg.jpg") 50% 0 no-repeat;
  background-size: cover;
  color: #BDBDBD;
  padding: 80px 0px 80px 0px; }
  .confedential-page .confedential-bg h2 {
    margin-bottom: 20px; }
  .confedential-page .confedential-bg b {
    font-weight: bold; }

@media (min-width: 416px) and (max-width: 950px) {
  .confedential-page .confedential-bg {
    padding: 40px 0px 40px 0px; }
    .confedential-page .confedential-bg h2 {
      font-size: 27px; } }

@media (min-width: 0px) and (max-width: 415px) {
  .confedential-page .confedential-bg {
    padding: 20px 0px 20px 0px; }
    .confedential-page .confedential-bg h2 {
      font-size: 24px; } }

.register-page {
  text-align: center;
  width: 584px;
  margin: 60px auto 0 auto;
  padding-bottom: 100px; }
  .register-page .note {
    margin: 21px 0px 52px 0px;
    color: #BDBDBD;
    font-size: 18px; }
  .register-page .panel-form {
    background: #FFFFFF;
    padding: 70px 112px 60px 112px; }
    .register-page .panel-form .cart-holder {
      background: transparent url("../images/base/cart-holder.jpg") 0 0 no-repeat;
      background-size: contain;
      width: 360px;
      height: 225px;
      padding: 67px 63px 0px 64px;
      margin-bottom: 30px; }
      .register-page .panel-form .cart-holder.SILVER {
        background: transparent url("../images/base/silver_back.png") 0 0 no-repeat;
        background-size: contain; }
      .register-page .panel-form .cart-holder.GOLD {
        background: transparent url("../images/base/gold_back.png") 0 0 no-repeat;
        background-size: contain; }
      .register-page .panel-form .cart-holder.PLATINUM {
        background: transparent url("../images/base/platinum_back.png") 0 0 no-repeat;
        background-size: contain; }
      .register-page .panel-form .cart-holder.BRILLIANT {
        background: transparent url("../images/base/brilliant_back.png") 0 0 no-repeat;
        background-size: contain; }
      .register-page .panel-form .cart-holder input {
        border: none; }
      .register-page .panel-form .cart-holder label {
        font-size: 22px;
        margin-bottom: 24px;
        color: #9B9DA5; }
    .register-page .panel-form label {
      display: block;
      color: black;
      font-size: 20px;
      margin-bottom: 20px;
      line-height: 16px; }
    .register-page .panel-form .errors {
      text-align: center; }
    .register-page .panel-form .hint {
      color: #646464;
      font-size: 16px;
      margin: 30px 0px 34px 0; }
    .register-page .panel-form input {
      text-align: center; }
  .register-page .panel-success .mail-speed {
    -webkit-transform: translateX(-30px);
    -moz-transform: translateX(-30px);
    -o-transform: translateX(-30px);
    transform: translateX(-30px); }
  .register-page .panel-success .text-holder {
    margin: 50px 0px;
    font-size: 22px; }
    .register-page .panel-success .text-holder span {
      color: #878787; }
  .register-page.activate-page {
    width: 895px; }
  .register-page .panel-activate-holder {
    background: #FFFFFF; }
    .register-page .panel-activate-holder .header-block {
      background: #F4F4F4;
      line-height: 65px;
      font-size: 20px;
      text-align: center; }
    .register-page .panel-activate-holder ul.user-info li {
      display: flex;
      justify-content: space-between;
      border-bottom: 1px solid #E0E0E0;
      padding: 18px 80px 18px 80px; }
      .register-page .panel-activate-holder ul.user-info li:last-child {
        border-bottom: none; }
  .register-page .form-holder {
    width: 360px;
    margin: 50px auto 0 auto;
    padding-bottom: 64px; }
    .register-page .form-holder .form-field {
      margin-bottom: 22px;
      position: relative; }
    .register-page .form-holder label {
      display: block;
      font-size: 20px;
      color: #000000;
      margin-bottom: 20px; }
    .register-page .form-holder .errors {
      position: absolute; }
    .register-page .form-holder .accept {
      margin-top: 40px; }
  .register-page input[type=checkbox] + label {
    text-align: left;
    font-size: 12px;
    line-height: 17px; }
    .register-page input[type=checkbox] + label a {
      color: #CC0000;
      border-bottom: 1px solid; }
      .register-page input[type=checkbox] + label a:hover {
        border-bottom-color: transparent; }

@media (min-width: 0px) and (max-width: 415px) {
  .register-page {
    width: 100%;
    padding-bottom: 0;
    margin-top: 20px; }
    .register-page.activate-page {
      width: 100%; }
    .register-page h1 {
      font-weight: normal;
      font-size: 22px; }
    .register-page .note {
      padding: 0 20px;
      margin-top: 11px;
      margin-bottom: 23px;
      font-size: 14px; }
    .register-page .panel-form {
      padding: 20px; }
      .register-page .panel-form .cart-holder {
        width: 100%;
        padding: 85px 16px 0 16px; }
    .register-page .panel-success .mail-speed {
      margin-top: 35px; }
    .register-page .panel-success .text-holder {
      margin: 40px 0; }
    .register-page .panel-activate-holder ul.user-info li {
      padding: 16px; }
      .register-page .panel-activate-holder ul.user-info li:last-child {
        border-bottom: 1px solid #E0E0E0; }
    .register-page .panel-activate-holder ul.user-info .label {
      color: #A3A3A3; }
    .register-page .panel-activate-holder ul.user-info .value {
      color: #000000; }
    .register-page .form-holder {
      padding-bottom: 30px; }
      .register-page .form-holder label {
        font-size: 18px; }
      .register-page .form-holder .form-field {
        margin-bottom: 34px; }
      .register-page .form-holder .accept {
        margin-top: 30px; } }

.wrapper-page-profile .wrapper-main-form .personal-date {
  margin-bottom: 50px; }
  .wrapper-page-profile .wrapper-main-form .personal-date label {
    display: block; }
  .wrapper-page-profile .wrapper-main-form .personal-date .wrapper-title {
    position: relative;
    border: 1px solid #3D3D3D;
    padding: 23px 50px 27px 50px;
    display: flex;
    justify-content: space-between; }
    .wrapper-page-profile .wrapper-main-form .personal-date .wrapper-title .title {
      font-size: 28px;
      color: #FFFFFF; }
    .wrapper-page-profile .wrapper-main-form .personal-date .wrapper-title .arrow-big-grey-down, .wrapper-page-profile .wrapper-main-form .personal-date .wrapper-title .arrow-big-grey-up {
      position: absolute;
      right: 50px;
      top: 50%;
      transform: translateY(-50%); }
    .wrapper-page-profile .wrapper-main-form .personal-date .wrapper-title .arrow-big-grey-down {
      opacity: 1;
      visibility: visible;
      pointer-events: auto;
      position: static;
      position: absolute; }
    .wrapper-page-profile .wrapper-main-form .personal-date .wrapper-title .arrow-big-grey-up {
      position: absolute;
      opacity: 0;
      visibility: hidden;
      pointer-events: none; }
  .wrapper-page-profile .wrapper-main-form .personal-date .content-form {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    border: 1px solid #3D3D3D;
    border-top: none;
    padding: 50px; }
    .wrapper-page-profile .wrapper-main-form .personal-date .content-form .row-form {
      display: flex;
      align-items: center;
      margin-bottom: 14px; }
      .wrapper-page-profile .wrapper-main-form .personal-date .content-form .row-form .wrapper-name {
        flex: 0 0 215px; }
        .wrapper-page-profile .wrapper-main-form .personal-date .content-form .row-form .wrapper-name .name {
          font-size: 15px;
          color: #ACACAC; }
        .wrapper-page-profile .wrapper-main-form .personal-date .content-form .row-form .wrapper-name .star {
          margin-left: 5px;
          color: #CC0000; }
      .wrapper-page-profile .wrapper-main-form .personal-date .content-form .row-form .wrapper-value {
        flex: 1 1 auto; }
        .wrapper-page-profile .wrapper-main-form .personal-date .content-form .row-form .wrapper-value .wrapper-input {
          border: 1px solid #3D3D3D; }
          .wrapper-page-profile .wrapper-main-form .personal-date .content-form .row-form .wrapper-value .wrapper-input .input {
            border: none;
            background-color: transparent;
            font-size: 15px;
            color: #FFFFFF; }
          .wrapper-page-profile .wrapper-main-form .personal-date .content-form .row-form .wrapper-value .wrapper-input .picker[aria-hidden="true"] {
            display: none; }
          .wrapper-page-profile .wrapper-main-form .personal-date .content-form .row-form .wrapper-value .wrapper-input .picker__table {
            color: #FFFFFF; }
          .wrapper-page-profile .wrapper-main-form .personal-date .content-form .row-form .wrapper-value .wrapper-input .picker__day {
            padding: 1px 2px;
            color: #ACACAC; }
        .wrapper-page-profile .wrapper-main-form .personal-date .content-form .row-form .wrapper-value .wrapper-select {
          border: 1px solid #3D3D3D;
          background-color: transparent;
          position: relative;
          padding: 0 10px;
          height: 56px;
          display: flex; }
          .wrapper-page-profile .wrapper-main-form .personal-date .content-form .row-form .wrapper-value .wrapper-select .select {
            height: 100%; }
          .wrapper-page-profile .wrapper-main-form .personal-date .content-form .row-form .wrapper-value .wrapper-select:before {
            display: none; }
          .wrapper-page-profile .wrapper-main-form .personal-date .content-form .row-form .wrapper-value .wrapper-select .down-grey {
            position: absolute;
            right: 10px;
            top: 50%;
            transform: translateY(-50%); }
        .wrapper-page-profile .wrapper-main-form .personal-date .content-form .row-form .wrapper-value .wrapper-button button {
          padding: 21px 40px 21px 40px; }
  .wrapper-page-profile .wrapper-main-form .personal-date.open .arrow-big-grey-down {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    pointer-events: none; }
  .wrapper-page-profile .wrapper-main-form .personal-date.open .arrow-big-grey-up {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    position: static;
    position: absolute; }
  .wrapper-page-profile .wrapper-main-form .personal-date.open .content-form {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    position: static; }

@media (min-width: 0px) and (max-width: 415px) {
  .wrapper-page-profile .wrapper-main-form .personal-date {
    margin-bottom: 35px; }
    .wrapper-page-profile .wrapper-main-form .personal-date .wrapper-title {
      padding: 20px 14px; }
      .wrapper-page-profile .wrapper-main-form .personal-date .wrapper-title .title {
        font-size: 19px; }
      .wrapper-page-profile .wrapper-main-form .personal-date .wrapper-title .arrow-big-grey-down, .wrapper-page-profile .wrapper-main-form .personal-date .wrapper-title .arrow-big-grey-up {
        right: 20px; }
    .wrapper-page-profile .wrapper-main-form .personal-date .content-form {
      padding: 15px; }
      .wrapper-page-profile .wrapper-main-form .personal-date .content-form .row-form {
        flex-direction: column;
        align-items: stretch; }
        .wrapper-page-profile .wrapper-main-form .personal-date .content-form .row-form .wrapper-name {
          flex: 0 0 auto; }
        .wrapper-page-profile .wrapper-main-form .personal-date .content-form .row-form .wrapper-value {
          flex: 0 0 auto; }
          .wrapper-page-profile .wrapper-main-form .personal-date .content-form .row-form .wrapper-value .wrapper-button button {
            width: 100%; } }

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top; }

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020; }

.fancybox-skin {
  position: relative;
  background: #f9f9f9;
  color: #444;
  text-shadow: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

.fancybox-opened {
  z-index: 8030; }

.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }

.fancybox-outer, .fancybox-inner {
  position: relative; }

.fancybox-inner {
  overflow: hidden; }

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch; }

.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap; }

.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%; }

.fancybox-image {
  max-width: 100%;
  max-height: 100%; }

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url("https://club.mz-gallery.ru/static/frontend/dist/images/fancy/fancybox_sprite.png"); }

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060; }

#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url("https://club.mz-gallery.ru/static/frontend/dist/images/fancy/fancybox_loading.gif") center center no-repeat; }

.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040; }

.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url("https://club.mz-gallery.ru/static/frontend/dist/images/fancy/blank.gif");
  /* helps IE */
  -webkit-tap-highlight-color: transparent;
  z-index: 8040; }

.fancybox-prev {
  left: 0; }

.fancybox-next {
  right: 0; }

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden; }

.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px; }

.fancybox-next span {
  right: 10px;
  background-position: 0 -72px; }

.fancybox-nav:hover span {
  visibility: visible; }

.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important; }

/* Overlay helper */
.fancybox-lock {
  overflow: hidden !important;
  width: auto; }

.fancybox-lock body {
  overflow: hidden !important; }

.fancybox-lock-test {
  overflow-y: hidden !important; }

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: url("https://club.mz-gallery.ru/static/frontend/dist/images/fancy/fancybox_overlay.png"); }

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0; }

.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll; }

/* Title helper */
.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050; }

.fancybox-opened .fancybox-title {
  visibility: visible; }

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center; }

.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent;
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap; }

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff; }

.fancybox-title-inside-wrap {
  padding-top: 10px; }

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.8); }

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url("https://club.mz-gallery.ru/static/frontend/dist/images/fancy/fancybox_sprite@2x.png");
    background-size: 44px 152px;
    /*The size of the normal image, half the size of the hi-res image*/ }
  #fancybox-loading div {
    background-image: url("https://club.mz-gallery.ru/static/frontend/dist/images/fancy/fancybox_loading@2x.gif");
    background-size: 24px 24px;
    /*The size of the normal image, half the size of the hi-res image*/ } }

#fancybox-buttons {
  position: fixed;
  left: 0;
  width: 100%;
  z-index: 8050; }

#fancybox-buttons.top {
  top: 10px; }

#fancybox-buttons.bottom {
  bottom: 10px; }

#fancybox-buttons ul {
  display: block;
  width: 166px;
  height: 30px;
  margin: 0 auto;
  padding: 0;
  list-style: none;
  border: 1px solid #111;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
  -moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
  background: #323232;
  background: -moz-linear-gradient(top, #444444 0%, #343434 50%, #292929 50%, #333333 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #444444), color-stop(50%, #343434), color-stop(50%, #292929), color-stop(100%, #333333));
  background: -webkit-linear-gradient(top, #444444 0%, #343434 50%, #292929 50%, #333333 100%);
  background: -o-linear-gradient(top, #444444 0%, #343434 50%, #292929 50%, #333333 100%);
  background: -ms-linear-gradient(top, #444444 0%, #343434 50%, #292929 50%, #333333 100%);
  background: linear-gradient(top, #444444 0%, #343434 50%, #292929 50%, #333333 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#222222',GradientType=0 ); }

#fancybox-buttons ul li {
  float: left;
  margin: 0;
  padding: 0; }

#fancybox-buttons a {
  display: block;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  background-color: transparent;
  background-image: url("https://club.mz-gallery.ru/static/frontend/dist/images/fancy/fancybox_buttons.png");
  background-repeat: no-repeat;
  outline: none;
  opacity: 0.8; }

#fancybox-buttons a:hover {
  opacity: 1; }

#fancybox-buttons a.btnPrev {
  background-position: 5px 0; }

#fancybox-buttons a.btnNext {
  background-position: -33px 0;
  border-right: 1px solid #3e3e3e; }

#fancybox-buttons a.btnPlay {
  background-position: 0 -30px; }

#fancybox-buttons a.btnPlayOn {
  background-position: -30px -30px; }

#fancybox-buttons a.btnToggle {
  background-position: 3px -60px;
  border-left: 1px solid #111;
  border-right: 1px solid #3e3e3e;
  width: 35px; }

#fancybox-buttons a.btnToggleOn {
  background-position: -27px -60px; }

#fancybox-buttons a.btnClose {
  border-left: 1px solid #111;
  width: 35px;
  background-position: -56px 0px; }

#fancybox-buttons a.btnDisabled {
  opacity: 0.4;
  cursor: default; }

#fancybox-thumbs {
  position: fixed;
  left: 0;
  width: 100%;
  overflow: hidden;
  z-index: 8050; }

#fancybox-thumbs.bottom {
  bottom: 2px; }

#fancybox-thumbs.top {
  top: 2px; }

#fancybox-thumbs ul {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0; }

#fancybox-thumbs ul li {
  float: left;
  padding: 1px;
  opacity: 0.5; }

#fancybox-thumbs ul li.active {
  opacity: 0.75;
  padding: 0;
  border: 1px solid #fff; }

#fancybox-thumbs ul li:hover {
  opacity: 1; }

#fancybox-thumbs ul li a {
  display: block;
  position: relative;
  overflow: hidden;
  border: 1px solid #222;
  background: #111;
  outline: none; }

#fancybox-thumbs ul li img {
  display: block;
  position: relative;
  border: 0;
  padding: 0;
  max-width: none; }

.modal-modal-bg {
  position: fixed;
  height: 100%;
  width: 100%;
  background: white;
  background: rgba(0, 0, 0, 0.76);
  z-index: 10000;
  display: none;
  top: 0;
  left: 0;
  overflow-y: scroll; }
  .modal-modal-bg .modal-container {
    display: none;
    position: relative;
    z-index: 11000;
    cursor: default;
    margin: 100px auto; }
    .modal-modal-bg .modal-container img {
      max-width: 100%;
      height: auto; }
    .modal-modal-bg .modal-container .modal-closer {
      position: absolute;
      top: 0;
      right: -40px;
      font-size: 0;
      color: rgba(0, 0, 0, 0.76);
      text-decoration: none;
      cursor: pointer;
      width: 19px;
      height: 20px;
      background: transparent url("../images/images-icons/closer-2x.png") 0 0 no-repeat;
      background-size: cover; }
    .modal-modal-bg .modal-container .modal-content {
      padding: 0;
      border-radius: 0;
      background: transparent;
      -webkit-box-shadow: 3px 4px 35px rgba(92, 99, 100, 0.27);
      -moz-box-shadow: 3px 4px 35px rgba(92, 99, 100, 0.27);
      -o-box-shadow: 3px 4px 35px rgba(92, 99, 100, 0.27);
      box-shadow: 3px 4px 35px rgba(92, 99, 100, 0.27); }

.modal-loader {
  display: none; }

body.modal-loading {
  overflow: hidden; }
  body.modal-loading .modal-loader {
    display: block;
    position: fixed;
    z-index: 10000;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.76); }
    body.modal-loading .modal-loader:before {
      content: '';
      position: fixed;
      width: 30px;
      height: 30px;
      left: 50%;
      top: 50%;
      background-color: #fff;
      margin-left: -15px;
      margin-top: -15px;
      border-radius: 15px; }
    body.modal-loading .modal-loader:after {
      content: '';
      position: fixed;
      width: 2px;
      background-color: #000;
      height: 15px;
      left: 50%;
      top: 50%;
      margin-left: -1px;
      margin-top: -13px;
      -webkit-transform-origin: 50% 13px;
      -moz-transform-origin: 50% 13px;
      -o-transform-origin: 50% 13px;
      transform-origin: 50% 13px;
      -webkit-animation-name: spin;
      -moz-animation-name: spin;
      -o-animation-name: spin;
      animation-name: spin;
      -webkit-animation-iteration-count: infinite;
      -moz-animation-iteration-count: infinite;
      -o-animation-iteration-count: infinite;
      animation-iteration-count: infinite;
      -webkit-animation-duration: 1s;
      -moz-animation-duration: 1s;
      -o-animation-duration: 1s;
      animation-duration: 1s; }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-moz-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-ms-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-o-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@media (min-width: 0px) and (max-width: 415px) {
  .modal-modal-bg .modal-container .modal-closer {
    right: 0;
    top: -40px; } }

.smart-tabs {
  list-style: none; }
  .smart-tabs:before {
    content: "";
    display: table; }
  .smart-tabs:after {
    content: "";
    display: table;
    clear: both; }
  .smart-tabs li {
    display: inline-block; }
    .smart-tabs li a {
      display: block; }

.smart-content {
  display: none; }
  .smart-content.active {
    display: block; }

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

.psticky-transparent {
  position: static !important; }

.psticky-parent {
  position: relative; }

.psticky-dimension-top.psticky-sticky {
  position: fixed;
  top: 0; }

.psticky-dimension-top.psticky-bottom {
  position: absolute;
  bottom: 0; }

.psticky-dimension-top.psticky-top {
  position: static; }

.psticky-dimension-bottom.psticky-sticky {
  position: fixed;
  bottom: 0; }

.psticky-dimension-bottom.psticky-top {
  position: absolute;
  top: 0; }

.psticky-dimension-bottom.psticky-bottom {
  position: static; }

/* Generated by Fontie - the magic webfont generator <http://fontie.flowyapps.com> */

@font-face {
	font-family:'mz5';
	src: url('../fonts/MullerMedium_gdi.eot');
	src: url('../fonts/MullerMedium_gdi.eot@') format('embedded-opentype'),
		url('../fonts/MullerMedium_gdi.svg') format('svg'),
		url('../fonts/MullerMedium_gdi.woff') format('woff'),
		url('../fonts/MullerMedium_gdi.ttf') format('truetype'),
		url('../fonts/MullerMedium_gdi.otf') format('opentype');

	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-25CA;
}

@font-face {
	font-family:'mz5';
	src: url('../fonts/MullerLight_gdi.eot');
	src: url('../fonts/MullerLight_gdi.eot@') format('embedded-opentype'),
	url('../fonts/MullerLight_gdi.woff') format('woff'),
	url('../fonts/MullerLight_gdi.ttf') format('truetype'),
	url('../fonts/MullerLight_gdi.otf') format('opentype'),
	url('../fonts/MullerLight_gdi.svg') format('svg');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-25CA;
}