/* ==========================================================================
   $BASE-PICKER
   ========================================================================== */
/**
 * Note: the root picker element should *NOT* be styled more than what’s here.
 */
.picker {
  font-size: 16px;
  text-align: left;
  line-height: 1.2;
  color: #000000;
  position: absolute;
  z-index: 10000;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/**
 * The picker input element.
 */
.picker__input {
  cursor: default;
}
/**
 * When the picker is opened, the input element is “activated”.
 */
.picker__input.picker__input--active {
  border-color: #0089ec;
}
/**
 * The holder is the only “scrollable” top-level container element.
 */
.picker__holder {
  width: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

/*!
 * Classic picker styling for pickadate.js
 * Demo: http://amsul.github.io/pickadate.js
 */
/**
 * Note: the root picker element should *NOT* be styled more than what’s here.
 */
.picker {
  width: 100%;
}
/**
 * The holder is the base of the picker.
 */
.picker__holder {
  position: absolute;
  background: #ffffff;
  border: 1px solid #aaaaaa;
  border-top-width: 0;
  border-bottom-width: 0;
  border-radius: 0 0 5px 5px;
  box-sizing: border-box;
  min-width: 176px;
  max-width: 466px;
  max-height: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transform: translateY(-1em) perspective(600px) rotateX(10deg);
  transform: translateY(-1em) perspective(600px) rotateX(10deg);
  transition: -webkit-transform 0.15s ease-out, opacity 0.15s ease-out,
    max-height 0s 0.15s, border-width 0s 0.15s;
  transition: transform 0.15s ease-out, opacity 0.15s ease-out,
    max-height 0s 0.15s, border-width 0s 0.15s;
}
/**
 * The frame and wrap work together to ensure that
 * clicks within the picker don’t reach the holder.
 */
.picker__frame {
  padding: 1px;
}
.picker__wrap {
  margin: -1px;
}
/**
 * When the picker opens...
 */
.picker--opened .picker__holder {
  max-height: 25em;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
  border-top-width: 1px;
  border-bottom-width: 1px;
  -webkit-transform: translateY(0) perspective(600px) rotateX(0);
  transform: translateY(0) perspective(600px) rotateX(0);
  transition: -webkit-transform 0.15s ease-out, opacity 0.15s ease-out,
    max-height 0s, border-width 0s;
  transition: transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s,
    border-width 0s;
  box-shadow: 0 6px 18px 1px rgba(0, 0, 0, 0.12);
}

/* ==========================================================================
   $BASE-DATE-PICKER
   ========================================================================== */
/**
 * The picker box.
 */
.picker__box {
  padding: 0 1em;
}
/**
 * The header containing the month and year stuff.
 */
.picker__header {
  text-align: center;
  position: relative;
  margin-top: 0.75em;
}
/**
 * The month and year labels.
 */
.picker__month,
.picker__year {
  font-weight: 500;
  display: inline-block;
  margin-left: 0.25em;
  margin-right: 0.25em;
}
.picker__year {
  color: #999999;
  font-size: 0.8em;
  font-style: italic;
}
/**
 * The month and year selectors.
 */
.picker__select--month,
.picker__select--year {
  border: 1px solid #b7b7b7;
  height: 2em;
  padding: 0.5em;
  margin-left: 0.25em;
  margin-right: 0.25em;
}
@media (min-width: 24.5em) {
  .picker__select--month,
  .picker__select--year {
    margin-top: -0.5em;
  }
}
.picker__select--month {
  width: 35%;
}
.picker__select--year {
  width: 22.5%;
}
.picker__select--month:focus,
.picker__select--year:focus {
  border-color: #0089ec;
}
/**
 * The month navigation buttons.
 */
.picker__nav--prev,
.picker__nav--next {
  position: absolute;
  padding: 0.5em 1.25em;
  width: 1em;
  height: 1em;
  box-sizing: content-box;
  top: -0.25em;
}
@media (min-width: 24.5em) {
  .picker__nav--prev,
  .picker__nav--next {
    top: -0.33em;
  }
}
.picker__nav--prev {
  left: -1em;
  padding-right: 1.25em;
}
@media (min-width: 24.5em) {
  .picker__nav--prev {
    padding-right: 1.5em;
  }
}
.picker__nav--next {
  right: -1em;
  padding-left: 1.25em;
}
@media (min-width: 24.5em) {
  .picker__nav--next {
    padding-left: 1.5em;
  }
}
.picker__nav--prev:before,
.picker__nav--next:before {
  content: " ";
  border-top: 0.5em solid transparent;
  border-bottom: 0.5em solid transparent;
  border-right: 0.75em solid #000000;
  width: 0;
  height: 0;
  display: block;
  margin: 0 auto;
}
.picker__nav--next:before {
  border-right: 0;
  border-left: 0.75em solid #000000;
}
.picker__nav--prev:hover,
.picker__nav--next:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
}
.picker__nav--disabled,
.picker__nav--disabled:hover,
.picker__nav--disabled:before,
.picker__nav--disabled:before:hover {
  cursor: default;
  background: none;
  border-right-color: #f5f5f5;
  border-left-color: #f5f5f5;
}
/**
 * The calendar table of dates
 */
.picker__table {
  text-align: center;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  font-size: inherit;
  width: 100%;
  margin-top: 0.75em;
  margin-bottom: 0.5em;
}
@media (min-height: 33.875em) {
  .picker__table {
    margin-bottom: 0.75em;
  }
}
.picker__table td {
  margin: 0;
  padding: 0;
}
/**
 * The weekday labels
 */
.picker__weekday {
  width: 14.285714286%;
  font-size: 0.75em;
  padding-bottom: 0.25em;
  color: #999999;
  font-weight: 500;
  /* Increase the spacing a tad */
}
@media (min-height: 33.875em) {
  .picker__weekday {
    padding-bottom: 0.5em;
  }
}
/**
 * The days on the calendar
 */
.picker__day {
  padding: 0.3125em 0;
  font-weight: 200;
  border: 1px solid transparent;
}
.picker__day--today {
  position: relative;
}
.picker__day--today:before {
  content: " ";
  position: absolute;
  top: 2px;
  right: 2px;
  width: 0;
  height: 0;
  border-top: 0.5em solid #0059bc;
  border-left: 0.5em solid transparent;
}
.picker__day--disabled:before {
  border-top-color: #aaaaaa;
}
.picker__day--outfocus {
  color: #dddddd;
}
.picker__day--infocus:hover,
.picker__day--outfocus:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
}
.picker__day--highlighted {
  border-color: #0089ec;
}
.picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
}
.picker__day--selected,
.picker__day--selected:hover,
.picker--focused .picker__day--selected {
  background: #0089ec;
  color: #ffffff;
}
.picker__day--disabled,
.picker__day--disabled:hover,
.picker--focused .picker__day--disabled {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #dddddd;
  cursor: default;
}
.picker__day--highlighted.picker__day--disabled,
.picker__day--highlighted.picker__day--disabled:hover {
  background: #bbbbbb;
}
/**
 * The footer containing the "today", "clear", and "close" buttons.
 */
.picker__footer {
  text-align: center;
}
.picker__button--today,
.picker__button--clear,
.picker__button--close {
  border: 1px solid #ffffff;
  background: #ffffff;
  font-size: 0.8em;
  padding: 0.66em 0;
  font-weight: bold;
  width: 33%;
  display: inline-block;
  vertical-align: bottom;
}
.picker__button--today:hover,
.picker__button--clear:hover,
.picker__button--close:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
  border-bottom-color: #b1dcfb;
}
.picker__button--today:focus,
.picker__button--clear:focus,
.picker__button--close:focus {
  background: #b1dcfb;
  border-color: #0089ec;
  outline: none;
}
.picker__button--today:before,
.picker__button--clear:before,
.picker__button--close:before {
  position: relative;
  display: inline-block;
  height: 0;
}
.picker__button--today:before,
.picker__button--clear:before {
  content: " ";
  margin-right: 0.45em;
}
.picker__button--today:before {
  top: -0.05em;
  width: 0;
  border-top: 0.66em solid #0059bc;
  border-left: 0.66em solid transparent;
}
.picker__button--clear:before {
  top: -0.25em;
  width: 0.66em;
  border-top: 3px solid #ee2200;
}
.picker__button--close:before {
  content: "\D7";
  top: -0.1em;
  vertical-align: top;
  font-size: 1.1em;
  margin-right: 0.35em;
  color: #777777;
}
.picker__button--today[disabled],
.picker__button--today[disabled]:hover {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #dddddd;
  cursor: default;
}
.picker__button--today[disabled]:before {
  border-top-color: #aaaaaa;
}

/* ==========================================================================
   $CLASSIC-DATE-PICKER
   ========================================================================== */

/*!
 * jquery-confirm v3.3.4 (http://craftpip.github.io/jquery-confirm/)
 * Author: boniface pereira
 * Website: www.craftpip.com
 * Contact: hey@craftpip.com
 *
 * Copyright 2013-2019 jquery-confirm
 * Licensed under MIT (https://github.com/craftpip/jquery-confirm/blob/master/LICENSE)
 */
@-webkit-keyframes jconfirm-spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes jconfirm-spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
body[class*="jconfirm-no-scroll-"] {
  overflow: hidden !important;
}
.jconfirm {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999999;
  font-family: inherit;
  overflow: hidden;
}
.jconfirm .jconfirm-bg {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}
.jconfirm .jconfirm-bg.jconfirm-bg-h {
  opacity: 0 !important;
}
.jconfirm .jconfirm-scrollpane {
  -webkit-perspective: 500px;
  perspective: 500px;
  -webkit-perspective-origin: center;
  perspective-origin: center;
  display: table;
  width: 100%;
  height: 100%;
}
.jconfirm .jconfirm-row {
  display: table-row;
  width: 100%;
}
.jconfirm .jconfirm-cell {
  display: table-cell;
  vertical-align: middle;
}
.jconfirm .jconfirm-holder {
  max-height: 100%;
  padding: 50px 0;
}
.jconfirm .jconfirm-box-container {
  -webkit-transition: -webkit-transform;
  transition: -webkit-transform;
  transition: transform;
  transition: transform, -webkit-transform;
}
.jconfirm .jconfirm-box-container.jconfirm-no-transition {
  -webkit-transition: none !important;
  transition: none !important;
}
.jconfirm .jconfirm-box {
  background: white;
  border-radius: 4px;
  position: relative;
  outline: 0;
  padding: 15px 15px 0;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
}
@-webkit-keyframes type-blue {
  1%,
  100% {
    border-color: #3498db;
  }
  50% {
    border-color: #5faee3;
  }
}
@keyframes type-blue {
  1%,
  100% {
    border-color: #3498db;
  }
  50% {
    border-color: #5faee3;
  }
}
@-webkit-keyframes type-green {
  1%,
  100% {
    border-color: #2ecc71;
  }
  50% {
    border-color: #54d98c;
  }
}
@keyframes type-green {
  1%,
  100% {
    border-color: #2ecc71;
  }
  50% {
    border-color: #54d98c;
  }
}
@-webkit-keyframes type-red {
  1%,
  100% {
    border-color: #e74c3c;
  }
  50% {
    border-color: #ed7669;
  }
}
@keyframes type-red {
  1%,
  100% {
    border-color: #e74c3c;
  }
  50% {
    border-color: #ed7669;
  }
}
@-webkit-keyframes type-orange {
  1%,
  100% {
    border-color: #f1c40f;
  }
  50% {
    border-color: #f4d03f;
  }
}
@keyframes type-orange {
  1%,
  100% {
    border-color: #f1c40f;
  }
  50% {
    border-color: #f4d03f;
  }
}
@-webkit-keyframes type-purple {
  1%,
  100% {
    border-color: #9b59b6;
  }
  50% {
    border-color: #b07cc6;
  }
}
@keyframes type-purple {
  1%,
  100% {
    border-color: #9b59b6;
  }
  50% {
    border-color: #b07cc6;
  }
}
@-webkit-keyframes type-dark {
  1%,
  100% {
    border-color: #34495e;
  }
  50% {
    border-color: #46627f;
  }
}
@keyframes type-dark {
  1%,
  100% {
    border-color: #34495e;
  }
  50% {
    border-color: #46627f;
  }
}
.jconfirm .jconfirm-box.jconfirm-type-animated {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.jconfirm .jconfirm-box.jconfirm-type-blue {
  border-top: solid 7px #3498db;
  -webkit-animation-name: type-blue;
  animation-name: type-blue;
}
.jconfirm .jconfirm-box.jconfirm-type-green {
  border-top: solid 7px #2ecc71;
  -webkit-animation-name: type-green;
  animation-name: type-green;
}
.jconfirm .jconfirm-box.jconfirm-type-red {
  border-top: solid 7px #e74c3c;
  -webkit-animation-name: type-red;
  animation-name: type-red;
}
.jconfirm .jconfirm-box.jconfirm-type-orange {
  border-top: solid 7px #f1c40f;
  -webkit-animation-name: type-orange;
  animation-name: type-orange;
}
.jconfirm .jconfirm-box.jconfirm-type-purple {
  border-top: solid 7px #9b59b6;
  -webkit-animation-name: type-purple;
  animation-name: type-purple;
}
.jconfirm .jconfirm-box.jconfirm-type-dark {
  border-top: solid 7px #34495e;
  -webkit-animation-name: type-dark;
  animation-name: type-dark;
}
.jconfirm .jconfirm-box.loading {
  height: 120px;
}
.jconfirm .jconfirm-box.loading:before {
  content: "";
  position: absolute;
  left: 0;
  background: white;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 10px;
  z-index: 1;
}
.jconfirm .jconfirm-box.loading:after {
  opacity: 0.6;
  content: "";
  height: 30px;
  width: 30px;
  border: solid 3px transparent;
  position: absolute;
  left: 50%;
  margin-left: -15px;
  border-radius: 50%;
  -webkit-animation: jconfirm-spin 1s infinite linear;
  animation: jconfirm-spin 1s infinite linear;
  border-bottom-color: dodgerblue;
  top: 50%;
  margin-top: -15px;
  z-index: 2;
}
.jconfirm .jconfirm-box div.jconfirm-closeIcon {
  height: 20px;
  width: 20px;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  opacity: 0.6;
  text-align: center;
  font-size: 27px !important;
  line-height: 14px !important;
  display: none;
  z-index: 1;
}
.jconfirm .jconfirm-box div.jconfirm-closeIcon:empty {
  display: none;
}
.jconfirm .jconfirm-box div.jconfirm-closeIcon .fa {
  font-size: 16px;
}
.jconfirm .jconfirm-box div.jconfirm-closeIcon .glyphicon {
  font-size: 16px;
}
.jconfirm .jconfirm-box div.jconfirm-closeIcon .zmdi {
  font-size: 16px;
}
.jconfirm .jconfirm-box div.jconfirm-closeIcon:hover {
  opacity: 1;
}
.jconfirm .jconfirm-box div.jconfirm-title-c {
  display: block;
  font-size: 22px;
  line-height: 20px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  padding-bottom: 15px;
}
.jconfirm .jconfirm-box div.jconfirm-title-c.jconfirm-hand {
  cursor: move;
}
.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
  font-size: inherit;
  display: inline-block;
  vertical-align: middle;
}
.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c i {
  vertical-align: middle;
}
.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c:empty {
  display: none;
}
.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: inherit;
  font-family: inherit;
  display: inline-block;
  vertical-align: middle;
}
.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title:empty {
  display: none;
}
.jconfirm .jconfirm-box div.jconfirm-content-pane {
  margin-bottom: 15px;
  height: auto;
  -webkit-transition: height 0.4s ease-in;
  transition: height 0.4s ease-in;
  display: inline-block;
  width: 100%;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
}
.jconfirm .jconfirm-box div.jconfirm-content-pane.no-scroll {
  overflow-y: hidden;
}
.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar {
  width: 3px;
}
.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}
.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar-thumb {
  background: #666;
  border-radius: 3px;
}
.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content {
  overflow: auto;
}
.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content img {
  max-width: 100%;
  height: auto;
}
.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content:empty {
  display: none;
}
.jconfirm .jconfirm-box .jconfirm-buttons {
  padding-bottom: 11px;
}
.jconfirm .jconfirm-box .jconfirm-buttons > button {
  margin-bottom: 4px;
  margin-left: 2px;
  margin-right: 2px;
}
.jconfirm .jconfirm-box .jconfirm-buttons button {
  display: inline-block;
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: 4px;
  min-height: 1em;
  -webkit-transition: opacity 0.1s ease, background-color 0.1s ease,
    color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
  transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease,
    background 0.1s ease, -webkit-box-shadow 0.1s ease;
  transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease,
    box-shadow 0.1s ease, background 0.1s ease;
  transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease,
    box-shadow 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
  -webkit-tap-highlight-color: transparent;
  border: 0;
  background-image: none;
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue {
  background-color: #3498db;
  color: #fff;
  text-shadow: none;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue:hover {
  background-color: #2980b9;
  color: #fff;
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-green {
  background-color: #2ecc71;
  color: #fff;
  text-shadow: none;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-green:hover {
  background-color: #27ae60;
  color: #fff;
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-red {
  background-color: #e74c3c;
  color: #fff;
  text-shadow: none;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-red:hover {
  background-color: #c0392b;
  color: #fff;
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange {
  background-color: #f1c40f;
  color: #fff;
  text-shadow: none;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange:hover {
  background-color: #f39c12;
  color: #fff;
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default {
  background-color: #ecf0f1;
  color: #000;
  text-shadow: none;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default:hover {
  background-color: #bdc3c7;
  color: #000;
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple {
  background-color: #9b59b6;
  color: #fff;
  text-shadow: none;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple:hover {
  background-color: #8e44ad;
  color: #fff;
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark {
  background-color: #34495e;
  color: #fff;
  text-shadow: none;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark:hover {
  background-color: #2c3e50;
  color: #fff;
}
.jconfirm .jconfirm-box.jconfirm-type-red .jconfirm-title-c .jconfirm-icon-c {
  color: #e74c3c !important;
}
.jconfirm .jconfirm-box.jconfirm-type-blue .jconfirm-title-c .jconfirm-icon-c {
  color: #3498db !important;
}
.jconfirm .jconfirm-box.jconfirm-type-green .jconfirm-title-c .jconfirm-icon-c {
  color: #2ecc71 !important;
}
.jconfirm
  .jconfirm-box.jconfirm-type-purple
  .jconfirm-title-c
  .jconfirm-icon-c {
  color: #9b59b6 !important;
}
.jconfirm
  .jconfirm-box.jconfirm-type-orange
  .jconfirm-title-c
  .jconfirm-icon-c {
  color: #f1c40f !important;
}
.jconfirm .jconfirm-box.jconfirm-type-dark .jconfirm-title-c .jconfirm-icon-c {
  color: #34495e !important;
}
.jconfirm .jconfirm-clear {
  clear: both;
}
.jconfirm.jconfirm-rtl {
  direction: rtl;
}
.jconfirm.jconfirm-rtl div.jconfirm-closeIcon {
  left: 5px;
  right: auto;
}
.jconfirm.jconfirm-white .jconfirm-bg,
.jconfirm.jconfirm-light .jconfirm-bg {
  background-color: #444;
  opacity: 0.2;
}
.jconfirm.jconfirm-white .jconfirm-box,
.jconfirm.jconfirm-light .jconfirm-box {
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
}
.jconfirm.jconfirm-white .jconfirm-box .jconfirm-title-c .jconfirm-icon-c,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
  margin-right: 8px;
  margin-left: 0;
}
.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons {
  float: right;
}
.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  text-shadow: none;
}
.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default {
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #333;
}
.jconfirm.jconfirm-white
  .jconfirm-box
  .jconfirm-buttons
  button.btn-default:hover,
.jconfirm.jconfirm-light
  .jconfirm-box
  .jconfirm-buttons
  button.btn-default:hover {
  background: #ddd;
}
.jconfirm.jconfirm-white.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c,
.jconfirm.jconfirm-light.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
  margin-left: 8px;
  margin-right: 0;
}
.jconfirm.jconfirm-black .jconfirm-bg,
.jconfirm.jconfirm-dark .jconfirm-bg {
  background-color: darkslategray;
  opacity: 0.4;
}
.jconfirm.jconfirm-black .jconfirm-box,
.jconfirm.jconfirm-dark .jconfirm-box {
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  background: #444;
  border-radius: 5px;
  color: white;
}
.jconfirm.jconfirm-black .jconfirm-box .jconfirm-title-c .jconfirm-icon-c,
.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
  margin-right: 8px;
  margin-left: 0;
}
.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons,
.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons {
  float: right;
}
.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button,
.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button {
  border: 0;
  background-image: none;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  text-shadow: none;
  -webkit-transition: background 0.1s;
  transition: background 0.1s;
  color: white;
}
.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button.btn-default,
.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button.btn-default {
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  background: 0;
}
.jconfirm.jconfirm-black
  .jconfirm-box
  .jconfirm-buttons
  button.btn-default:hover,
.jconfirm.jconfirm-dark
  .jconfirm-box
  .jconfirm-buttons
  button.btn-default:hover {
  background: #666;
}
.jconfirm.jconfirm-black.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c,
.jconfirm.jconfirm-dark.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
  margin-left: 8px;
  margin-right: 0;
}
.jconfirm .jconfirm-box.hilight.jconfirm-hilight-shake {
  -webkit-animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.jconfirm .jconfirm-box.hilight.jconfirm-hilight-glow {
  -webkit-animation: glow 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  animation: glow 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
@-webkit-keyframes shake {
  10%,
  90% {
    -webkit-transform: translate3d(-2px, 0, 0);
    transform: translate3d(-2px, 0, 0);
  }
  20%,
  80% {
    -webkit-transform: translate3d(4px, 0, 0);
    transform: translate3d(4px, 0, 0);
  }
  30%,
  50%,
  70% {
    -webkit-transform: translate3d(-8px, 0, 0);
    transform: translate3d(-8px, 0, 0);
  }
  40%,
  60% {
    -webkit-transform: translate3d(8px, 0, 0);
    transform: translate3d(8px, 0, 0);
  }
}
@keyframes shake {
  10%,
  90% {
    -webkit-transform: translate3d(-2px, 0, 0);
    transform: translate3d(-2px, 0, 0);
  }
  20%,
  80% {
    -webkit-transform: translate3d(4px, 0, 0);
    transform: translate3d(4px, 0, 0);
  }
  30%,
  50%,
  70% {
    -webkit-transform: translate3d(-8px, 0, 0);
    transform: translate3d(-8px, 0, 0);
  }
  40%,
  60% {
    -webkit-transform: translate3d(8px, 0, 0);
    transform: translate3d(8px, 0, 0);
  }
}
@-webkit-keyframes glow {
  0%,
  100% {
    -webkit-box-shadow: 0 0 0 red;
    box-shadow: 0 0 0 red;
  }
  50% {
    -webkit-box-shadow: 0 0 30px red;
    box-shadow: 0 0 30px red;
  }
}
@keyframes glow {
  0%,
  100% {
    -webkit-box-shadow: 0 0 0 red;
    box-shadow: 0 0 0 red;
  }
  50% {
    -webkit-box-shadow: 0 0 30px red;
    box-shadow: 0 0 30px red;
  }
}
.jconfirm {
  -webkit-perspective: 400px;
  perspective: 400px;
}
.jconfirm .jconfirm-box {
  opacity: 1;
  -webkit-transition-property: all;
  transition-property: all;
}
.jconfirm .jconfirm-box.jconfirm-animation-top,
.jconfirm .jconfirm-box.jconfirm-animation-left,
.jconfirm .jconfirm-box.jconfirm-animation-right,
.jconfirm .jconfirm-box.jconfirm-animation-bottom,
.jconfirm .jconfirm-box.jconfirm-animation-opacity,
.jconfirm .jconfirm-box.jconfirm-animation-zoom,
.jconfirm .jconfirm-box.jconfirm-animation-scale,
.jconfirm .jconfirm-box.jconfirm-animation-none,
.jconfirm .jconfirm-box.jconfirm-animation-rotate,
.jconfirm .jconfirm-box.jconfirm-animation-rotatex,
.jconfirm .jconfirm-box.jconfirm-animation-rotatey,
.jconfirm .jconfirm-box.jconfirm-animation-scaley,
.jconfirm .jconfirm-box.jconfirm-animation-scalex {
  opacity: 0;
}
.jconfirm .jconfirm-box.jconfirm-animation-rotate {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.jconfirm .jconfirm-box.jconfirm-animation-rotatex {
  -webkit-transform: rotateX(90deg);
  transform: rotateX(90deg);
  -webkit-transform-origin: center;
  transform-origin: center;
}
.jconfirm .jconfirm-box.jconfirm-animation-rotatexr {
  -webkit-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transform-origin: center;
  transform-origin: center;
}
.jconfirm .jconfirm-box.jconfirm-animation-rotatey {
  -webkit-transform: rotatey(90deg);
  transform: rotatey(90deg);
  -webkit-transform-origin: center;
  transform-origin: center;
}
.jconfirm .jconfirm-box.jconfirm-animation-rotateyr {
  -webkit-transform: rotatey(-90deg);
  transform: rotatey(-90deg);
  -webkit-transform-origin: center;
  transform-origin: center;
}
.jconfirm .jconfirm-box.jconfirm-animation-scaley {
  -webkit-transform: scaley(1.5);
  transform: scaley(1.5);
  -webkit-transform-origin: center;
  transform-origin: center;
}
.jconfirm .jconfirm-box.jconfirm-animation-scalex {
  -webkit-transform: scalex(1.5);
  transform: scalex(1.5);
  -webkit-transform-origin: center;
  transform-origin: center;
}
.jconfirm .jconfirm-box.jconfirm-animation-top {
  -webkit-transform: translate(0px, -100px);
  transform: translate(0px, -100px);
}
.jconfirm .jconfirm-box.jconfirm-animation-left {
  -webkit-transform: translate(-100px, 0px);
  transform: translate(-100px, 0px);
}
.jconfirm .jconfirm-box.jconfirm-animation-right {
  -webkit-transform: translate(100px, 0px);
  transform: translate(100px, 0px);
}
.jconfirm .jconfirm-box.jconfirm-animation-bottom {
  -webkit-transform: translate(0px, 100px);
  transform: translate(0px, 100px);
}
.jconfirm .jconfirm-box.jconfirm-animation-zoom {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
.jconfirm .jconfirm-box.jconfirm-animation-scale {
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
}
.jconfirm .jconfirm-box.jconfirm-animation-none {
  visibility: hidden;
}
.jconfirm.jconfirm-supervan .jconfirm-bg {
  background-color: rgba(54, 70, 93, 0.95);
}
.jconfirm.jconfirm-supervan .jconfirm-box {
  background-color: transparent;
}
.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-blue {
  border: 0;
}
.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-green {
  border: 0;
}
.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-red {
  border: 0;
}
.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-orange {
  border: 0;
}
.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-purple {
  border: 0;
}
.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-dark {
  border: 0;
}
.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-closeIcon {
  color: white;
}
.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c {
  text-align: center;
  color: white;
  font-size: 28px;
  font-weight: normal;
}
.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c > * {
  padding-bottom: 25px;
}
.jconfirm.jconfirm-supervan
  .jconfirm-box
  div.jconfirm-title-c
  .jconfirm-icon-c {
  margin-right: 8px;
  margin-left: 0;
}
.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content-pane {
  margin-bottom: 25px;
}
.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content {
  text-align: center;
  color: white;
}
.jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons {
  text-align: center;
}
.jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons button {
  font-size: 16px;
  border-radius: 2px;
  background: #303f53;
  text-shadow: none;
  border: 0;
  color: white;
  padding: 10px;
  min-width: 100px;
}
.jconfirm.jconfirm-supervan.jconfirm-rtl
  .jconfirm-box
  div.jconfirm-title-c
  .jconfirm-icon-c {
  margin-left: 8px;
  margin-right: 0;
}
.jconfirm.jconfirm-material .jconfirm-bg {
  background-color: rgba(0, 0, 0, 0.67);
}
.jconfirm.jconfirm-material .jconfirm-box {
  background-color: white;
  -webkit-box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2),
    0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2),
    0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
  padding: 30px 25px 10px 25px;
}
.jconfirm.jconfirm-material .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
  margin-right: 8px;
  margin-left: 0;
}
.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-closeIcon {
  color: rgba(0, 0, 0, 0.87);
}
.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-title-c {
  color: rgba(0, 0, 0, 0.87);
  font-size: 22px;
  font-weight: bold;
}
.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-content {
  color: rgba(0, 0, 0, 0.87);
}
.jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons {
  text-align: right;
}
.jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons button {
  text-transform: uppercase;
  font-weight: 500;
}
.jconfirm.jconfirm-material.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
  margin-left: 8px;
  margin-right: 0;
}
.jconfirm.jconfirm-bootstrap .jconfirm-bg {
  background-color: rgba(0, 0, 0, 0.21);
}
.jconfirm.jconfirm-bootstrap .jconfirm-box {
  background-color: white;
  -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2);
  border: solid 1px rgba(0, 0, 0, 0.4);
  padding: 15px 0 0;
}
.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
  margin-right: 8px;
  margin-left: 0;
}
.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-closeIcon {
  color: rgba(0, 0, 0, 0.87);
}
.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-title-c {
  color: rgba(0, 0, 0, 0.87);
  font-size: 22px;
  font-weight: bold;
  padding-left: 15px;
  padding-right: 15px;
}
.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content {
  color: rgba(0, 0, 0, 0.87);
  padding: 0 15px;
}
.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons {
  text-align: right;
  padding: 10px;
  margin: -5px 0 0;
  border-top: solid 1px #ddd;
  overflow: hidden;
  border-radius: 0 0 4px 4px;
}
.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons button {
  font-weight: 500;
}
.jconfirm.jconfirm-bootstrap.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
  margin-left: 8px;
  margin-right: 0;
}
.jconfirm.jconfirm-modern .jconfirm-bg {
  background-color: slategray;
  opacity: 0.6;
}
.jconfirm.jconfirm-modern .jconfirm-box {
  background-color: white;
  -webkit-box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2),
    0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2),
    0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
  padding: 30px 30px 15px;
}
.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-closeIcon {
  color: rgba(0, 0, 0, 0.87);
  top: 15px;
  right: 15px;
}
.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c {
  color: rgba(0, 0, 0, 0.87);
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px;
}
.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  -webkit-transform: scale(0);
  transform: scale(0);
  display: block;
  margin-right: 0;
  margin-left: 0;
  margin-bottom: 10px;
  font-size: 69px;
  color: #aaa;
}
.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-content {
  text-align: center;
  font-size: 15px;
  color: #777;
  margin-bottom: 25px;
}
.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons {
  text-align: center;
}
.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button {
  font-weight: bold;
  text-transform: uppercase;
  -webkit-transition: background 0.1s;
  transition: background 0.1s;
  padding: 10px 20px;
}
.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button + button {
  margin-left: 4px;
}
.jconfirm.jconfirm-modern.jconfirm-open
  .jconfirm-box
  .jconfirm-title-c
  .jconfirm-icon-c {
  -webkit-transform: scale(1);
  transform: scale(1);
}
@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: 90%;
  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: 700px) {
  .column {
    padding-left: 6px;
    padding-right: 6px;
  }
  .row .row {
    margin-left: -6px;
    margin-right: -6px;
    max-width: none;
  }
  .small-1 {
    width: 6.25%;
  }
  .small-2 {
    width: 12.5%;
  }
  .small-3 {
    width: 18.75%;
  }
  .small-4 {
    width: 25%;
  }
  .small-5 {
    width: 31.25%;
  }
  .small-6 {
    width: 37.5%;
  }
  .small-7 {
    width: 43.75%;
  }
  .small-8 {
    width: 50%;
  }
  .small-9 {
    width: 56.25%;
  }
  .small-10 {
    width: 62.5%;
  }
  .small-11 {
    width: 68.75%;
  }
  .small-12 {
    width: 75%;
  }
  .small-13 {
    width: 81.25%;
  }
  .small-14 {
    width: 87.5%;
  }
  .small-15 {
    width: 93.75%;
  }
  .small-16 {
    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-block-grid-13 {
    margin: 0 -6px;
  }
  .small-block-grid-13:before {
    content: "";
    display: table;
  }
  .small-block-grid-13:after {
    content: "";
    display: table;
    clear: both;
  }
  .small-block-grid-13 > * {
    float: left;
    width: 7.69231%;
    padding-left: 6px;
    padding-right: 6px;
    padding-bottom: 12px;
  }
  .small-block-grid-13 > *:nth-child(14) {
    clear: both;
  }
  .small-block-grid-14 {
    margin: 0 -6px;
  }
  .small-block-grid-14:before {
    content: "";
    display: table;
  }
  .small-block-grid-14:after {
    content: "";
    display: table;
    clear: both;
  }
  .small-block-grid-14 > * {
    float: left;
    width: 7.14286%;
    padding-left: 6px;
    padding-right: 6px;
    padding-bottom: 12px;
  }
  .small-block-grid-14 > *:nth-child(15) {
    clear: both;
  }
  .small-block-grid-15 {
    margin: 0 -6px;
  }
  .small-block-grid-15:before {
    content: "";
    display: table;
  }
  .small-block-grid-15:after {
    content: "";
    display: table;
    clear: both;
  }
  .small-block-grid-15 > * {
    float: left;
    width: 6.66667%;
    padding-left: 6px;
    padding-right: 6px;
    padding-bottom: 12px;
  }
  .small-block-grid-15 > *:nth-child(16) {
    clear: both;
  }
  .small-block-grid-16 {
    margin: 0 -6px;
  }
  .small-block-grid-16:before {
    content: "";
    display: table;
  }
  .small-block-grid-16:after {
    content: "";
    display: table;
    clear: both;
  }
  .small-block-grid-16 > * {
    float: left;
    width: 6.25%;
    padding-left: 6px;
    padding-right: 6px;
    padding-bottom: 12px;
  }
  .small-block-grid-16 > *:nth-child(17) {
    clear: both;
  }
  .small-only-hide {
    display: none !important;
  }
}

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

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

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

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

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

@media (min-width: 701px) and (max-width: 999px) {
  .column {
    padding-left: 6px;
    padding-right: 6px;
  }
  .row .row {
    margin-left: -6px;
    margin-right: -6px;
    max-width: none;
  }
  .medium-1 {
    width: 6.25%;
  }
  .medium-2 {
    width: 12.5%;
  }
  .medium-3 {
    width: 18.75%;
  }
  .medium-4 {
    width: 25%;
  }
  .medium-5 {
    width: 31.25%;
  }
  .medium-6 {
    width: 37.5%;
  }
  .medium-7 {
    width: 43.75%;
  }
  .medium-8 {
    width: 50%;
  }
  .medium-9 {
    width: 56.25%;
  }
  .medium-10 {
    width: 62.5%;
  }
  .medium-11 {
    width: 68.75%;
  }
  .medium-12 {
    width: 75%;
  }
  .medium-13 {
    width: 81.25%;
  }
  .medium-14 {
    width: 87.5%;
  }
  .medium-15 {
    width: 93.75%;
  }
  .medium-16 {
    width: 100%;
  }
  .medium-block-grid-1 {
    margin: 0 -6px;
  }
  .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: 6px;
    padding-right: 6px;
    padding-bottom: 12px;
  }
  .medium-block-grid-1 > *:nth-child(2) {
    clear: both;
  }
  .medium-block-grid-2 {
    margin: 0 -6px;
  }
  .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: 6px;
    padding-right: 6px;
    padding-bottom: 12px;
  }
  .medium-block-grid-2 > *:nth-child(3) {
    clear: both;
  }
  .medium-block-grid-3 {
    margin: 0 -6px;
  }
  .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: 6px;
    padding-right: 6px;
    padding-bottom: 12px;
  }
  .medium-block-grid-3 > *:nth-child(4) {
    clear: both;
  }
  .medium-block-grid-4 {
    margin: 0 -6px;
  }
  .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: 6px;
    padding-right: 6px;
    padding-bottom: 12px;
  }
  .medium-block-grid-4 > *:nth-child(5) {
    clear: both;
  }
  .medium-block-grid-5 {
    margin: 0 -6px;
  }
  .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: 6px;
    padding-right: 6px;
    padding-bottom: 12px;
  }
  .medium-block-grid-5 > *:nth-child(6) {
    clear: both;
  }
  .medium-block-grid-6 {
    margin: 0 -6px;
  }
  .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: 6px;
    padding-right: 6px;
    padding-bottom: 12px;
  }
  .medium-block-grid-6 > *:nth-child(7) {
    clear: both;
  }
  .medium-block-grid-7 {
    margin: 0 -6px;
  }
  .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: 6px;
    padding-right: 6px;
    padding-bottom: 12px;
  }
  .medium-block-grid-7 > *:nth-child(8) {
    clear: both;
  }
  .medium-block-grid-8 {
    margin: 0 -6px;
  }
  .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: 6px;
    padding-right: 6px;
    padding-bottom: 12px;
  }
  .medium-block-grid-8 > *:nth-child(9) {
    clear: both;
  }
  .medium-block-grid-9 {
    margin: 0 -6px;
  }
  .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: 6px;
    padding-right: 6px;
    padding-bottom: 12px;
  }
  .medium-block-grid-9 > *:nth-child(10) {
    clear: both;
  }
  .medium-block-grid-10 {
    margin: 0 -6px;
  }
  .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: 6px;
    padding-right: 6px;
    padding-bottom: 12px;
  }
  .medium-block-grid-10 > *:nth-child(11) {
    clear: both;
  }
  .medium-block-grid-11 {
    margin: 0 -6px;
  }
  .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: 6px;
    padding-right: 6px;
    padding-bottom: 12px;
  }
  .medium-block-grid-11 > *:nth-child(12) {
    clear: both;
  }
  .medium-block-grid-12 {
    margin: 0 -6px;
  }
  .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: 6px;
    padding-right: 6px;
    padding-bottom: 12px;
  }
  .medium-block-grid-12 > *:nth-child(13) {
    clear: both;
  }
  .medium-block-grid-13 {
    margin: 0 -6px;
  }
  .medium-block-grid-13:before {
    content: "";
    display: table;
  }
  .medium-block-grid-13:after {
    content: "";
    display: table;
    clear: both;
  }
  .medium-block-grid-13 > * {
    float: left;
    width: 7.69231%;
    padding-left: 6px;
    padding-right: 6px;
    padding-bottom: 12px;
  }
  .medium-block-grid-13 > *:nth-child(14) {
    clear: both;
  }
  .medium-block-grid-14 {
    margin: 0 -6px;
  }
  .medium-block-grid-14:before {
    content: "";
    display: table;
  }
  .medium-block-grid-14:after {
    content: "";
    display: table;
    clear: both;
  }
  .medium-block-grid-14 > * {
    float: left;
    width: 7.14286%;
    padding-left: 6px;
    padding-right: 6px;
    padding-bottom: 12px;
  }
  .medium-block-grid-14 > *:nth-child(15) {
    clear: both;
  }
  .medium-block-grid-15 {
    margin: 0 -6px;
  }
  .medium-block-grid-15:before {
    content: "";
    display: table;
  }
  .medium-block-grid-15:after {
    content: "";
    display: table;
    clear: both;
  }
  .medium-block-grid-15 > * {
    float: left;
    width: 6.66667%;
    padding-left: 6px;
    padding-right: 6px;
    padding-bottom: 12px;
  }
  .medium-block-grid-15 > *:nth-child(16) {
    clear: both;
  }
  .medium-block-grid-16 {
    margin: 0 -6px;
  }
  .medium-block-grid-16:before {
    content: "";
    display: table;
  }
  .medium-block-grid-16:after {
    content: "";
    display: table;
    clear: both;
  }
  .medium-block-grid-16 > * {
    float: left;
    width: 6.25%;
    padding-left: 6px;
    padding-right: 6px;
    padding-bottom: 12px;
  }
  .medium-block-grid-16 > *:nth-child(17) {
    clear: both;
  }
  .medium-only-hide {
    display: none !important;
  }
}

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

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

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

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

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

@media (min-width: 1000px) and (max-width: 1279px) {
  .column {
    padding-left: 6px;
    padding-right: 6px;
  }
  .row .row {
    margin-left: -6px;
    margin-right: -6px;
    max-width: none;
  }
  .middle-1 {
    width: 6.25%;
  }
  .middle-2 {
    width: 12.5%;
  }
  .middle-3 {
    width: 18.75%;
  }
  .middle-4 {
    width: 25%;
  }
  .middle-5 {
    width: 31.25%;
  }
  .middle-6 {
    width: 37.5%;
  }
  .middle-7 {
    width: 43.75%;
  }
  .middle-8 {
    width: 50%;
  }
  .middle-9 {
    width: 56.25%;
  }
  .middle-10 {
    width: 62.5%;
  }
  .middle-11 {
    width: 68.75%;
  }
  .middle-12 {
    width: 75%;
  }
  .middle-13 {
    width: 81.25%;
  }
  .middle-14 {
    width: 87.5%;
  }
  .middle-15 {
    width: 93.75%;
  }
  .middle-16 {
    width: 100%;
  }
  .middle-block-grid-1 {
    margin: 0 -6px;
  }
  .middle-block-grid-1:before {
    content: "";
    display: table;
  }
  .middle-block-grid-1:after {
    content: "";
    display: table;
    clear: both;
  }
  .middle-block-grid-1 > * {
    float: left;
    width: 100%;
    padding-left: 6px;
    padding-right: 6px;
    padding-bottom: 12px;
  }
  .middle-block-grid-1 > *:nth-child(2) {
    clear: both;
  }
  .middle-block-grid-2 {
    margin: 0 -6px;
  }
  .middle-block-grid-2:before {
    content: "";
    display: table;
  }
  .middle-block-grid-2:after {
    content: "";
    display: table;
    clear: both;
  }
  .middle-block-grid-2 > * {
    float: left;
    width: 50%;
    padding-left: 6px;
    padding-right: 6px;
    padding-bottom: 12px;
  }
  .middle-block-grid-2 > *:nth-child(3) {
    clear: both;
  }
  .middle-block-grid-3 {
    margin: 0 -6px;
  }
  .middle-block-grid-3:before {
    content: "";
    display: table;
  }
  .middle-block-grid-3:after {
    content: "";
    display: table;
    clear: both;
  }
  .middle-block-grid-3 > * {
    float: left;
    width: 33.33333%;
    padding-left: 6px;
    padding-right: 6px;
    padding-bottom: 12px;
  }
  .middle-block-grid-3 > *:nth-child(4) {
    clear: both;
  }
  .middle-block-grid-4 {
    margin: 0 -6px;
  }
  .middle-block-grid-4:before {
    content: "";
    display: table;
  }
  .middle-block-grid-4:after {
    content: "";
    display: table;
    clear: both;
  }
  .middle-block-grid-4 > * {
    float: left;
    width: 25%;
    padding-left: 6px;
    padding-right: 6px;
    padding-bottom: 12px;
  }
  .middle-block-grid-4 > *:nth-child(5) {
    clear: both;
  }
  .middle-block-grid-5 {
    margin: 0 -6px;
  }
  .middle-block-grid-5:before {
    content: "";
    display: table;
  }
  .middle-block-grid-5:after {
    content: "";
    display: table;
    clear: both;
  }
  .middle-block-grid-5 > * {
    float: left;
    width: 20%;
    padding-left: 6px;
    padding-right: 6px;
    padding-bottom: 12px;
  }
  .middle-block-grid-5 > *:nth-child(6) {
    clear: both;
  }
  .middle-block-grid-6 {
    margin: 0 -6px;
  }
  .middle-block-grid-6:before {
    content: "";
    display: table;
  }
  .middle-block-grid-6:after {
    content: "";
    display: table;
    clear: both;
  }
  .middle-block-grid-6 > * {
    float: left;
    width: 16.66667%;
    padding-left: 6px;
    padding-right: 6px;
    padding-bottom: 12px;
  }
  .middle-block-grid-6 > *:nth-child(7) {
    clear: both;
  }
  .middle-block-grid-7 {
    margin: 0 -6px;
  }
  .middle-block-grid-7:before {
    content: "";
    display: table;
  }
  .middle-block-grid-7:after {
    content: "";
    display: table;
    clear: both;
  }
  .middle-block-grid-7 > * {
    float: left;
    width: 14.28571%;
    padding-left: 6px;
    padding-right: 6px;
    padding-bottom: 12px;
  }
  .middle-block-grid-7 > *:nth-child(8) {
    clear: both;
  }
  .middle-block-grid-8 {
    margin: 0 -6px;
  }
  .middle-block-grid-8:before {
    content: "";
    display: table;
  }
  .middle-block-grid-8:after {
    content: "";
    display: table;
    clear: both;
  }
  .middle-block-grid-8 > * {
    float: left;
    width: 12.5%;
    padding-left: 6px;
    padding-right: 6px;
    padding-bottom: 12px;
  }
  .middle-block-grid-8 > *:nth-child(9) {
    clear: both;
  }
  .middle-block-grid-9 {
    margin: 0 -6px;
  }
  .middle-block-grid-9:before {
    content: "";
    display: table;
  }
  .middle-block-grid-9:after {
    content: "";
    display: table;
    clear: both;
  }
  .middle-block-grid-9 > * {
    float: left;
    width: 11.11111%;
    padding-left: 6px;
    padding-right: 6px;
    padding-bottom: 12px;
  }
  .middle-block-grid-9 > *:nth-child(10) {
    clear: both;
  }
  .middle-block-grid-10 {
    margin: 0 -6px;
  }
  .middle-block-grid-10:before {
    content: "";
    display: table;
  }
  .middle-block-grid-10:after {
    content: "";
    display: table;
    clear: both;
  }
  .middle-block-grid-10 > * {
    float: left;
    width: 10%;
    padding-left: 6px;
    padding-right: 6px;
    padding-bottom: 12px;
  }
  .middle-block-grid-10 > *:nth-child(11) {
    clear: both;
  }
  .middle-block-grid-11 {
    margin: 0 -6px;
  }
  .middle-block-grid-11:before {
    content: "";
    display: table;
  }
  .middle-block-grid-11:after {
    content: "";
    display: table;
    clear: both;
  }
  .middle-block-grid-11 > * {
    float: left;
    width: 9.09091%;
    padding-left: 6px;
    padding-right: 6px;
    padding-bottom: 12px;
  }
  .middle-block-grid-11 > *:nth-child(12) {
    clear: both;
  }
  .middle-block-grid-12 {
    margin: 0 -6px;
  }
  .middle-block-grid-12:before {
    content: "";
    display: table;
  }
  .middle-block-grid-12:after {
    content: "";
    display: table;
    clear: both;
  }
  .middle-block-grid-12 > * {
    float: left;
    width: 8.33333%;
    padding-left: 6px;
    padding-right: 6px;
    padding-bottom: 12px;
  }
  .middle-block-grid-12 > *:nth-child(13) {
    clear: both;
  }
  .middle-block-grid-13 {
    margin: 0 -6px;
  }
  .middle-block-grid-13:before {
    content: "";
    display: table;
  }
  .middle-block-grid-13:after {
    content: "";
    display: table;
    clear: both;
  }
  .middle-block-grid-13 > * {
    float: left;
    width: 7.69231%;
    padding-left: 6px;
    padding-right: 6px;
    padding-bottom: 12px;
  }
  .middle-block-grid-13 > *:nth-child(14) {
    clear: both;
  }
  .middle-block-grid-14 {
    margin: 0 -6px;
  }
  .middle-block-grid-14:before {
    content: "";
    display: table;
  }
  .middle-block-grid-14:after {
    content: "";
    display: table;
    clear: both;
  }
  .middle-block-grid-14 > * {
    float: left;
    width: 7.14286%;
    padding-left: 6px;
    padding-right: 6px;
    padding-bottom: 12px;
  }
  .middle-block-grid-14 > *:nth-child(15) {
    clear: both;
  }
  .middle-block-grid-15 {
    margin: 0 -6px;
  }
  .middle-block-grid-15:before {
    content: "";
    display: table;
  }
  .middle-block-grid-15:after {
    content: "";
    display: table;
    clear: both;
  }
  .middle-block-grid-15 > * {
    float: left;
    width: 6.66667%;
    padding-left: 6px;
    padding-right: 6px;
    padding-bottom: 12px;
  }
  .middle-block-grid-15 > *:nth-child(16) {
    clear: both;
  }
  .middle-block-grid-16 {
    margin: 0 -6px;
  }
  .middle-block-grid-16:before {
    content: "";
    display: table;
  }
  .middle-block-grid-16:after {
    content: "";
    display: table;
    clear: both;
  }
  .middle-block-grid-16 > * {
    float: left;
    width: 6.25%;
    padding-left: 6px;
    padding-right: 6px;
    padding-bottom: 12px;
  }
  .middle-block-grid-16 > *:nth-child(17) {
    clear: both;
  }
  .middle-only-hide {
    display: none !important;
  }
}

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

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

@media (max-width: 999px), (min-width: 1280px) {
  .middle-only-show {
    display: none !important;
  }
}

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

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

@media (min-width: 1280px) and (max-width: 1399px) {
  .column {
    padding-left: 12.5px;
    padding-right: 12.5px;
  }
  .row .row {
    margin-left: -12.5px;
    margin-right: -12.5px;
    max-width: none;
  }
  .laptop-1 {
    width: 6.25%;
  }
  .laptop-2 {
    width: 12.5%;
  }
  .laptop-3 {
    width: 18.75%;
  }
  .laptop-4 {
    width: 25%;
  }
  .laptop-5 {
    width: 31.25%;
  }
  .laptop-6 {
    width: 37.5%;
  }
  .laptop-7 {
    width: 43.75%;
  }
  .laptop-8 {
    width: 50%;
  }
  .laptop-9 {
    width: 56.25%;
  }
  .laptop-10 {
    width: 62.5%;
  }
  .laptop-11 {
    width: 68.75%;
  }
  .laptop-12 {
    width: 75%;
  }
  .laptop-13 {
    width: 81.25%;
  }
  .laptop-14 {
    width: 87.5%;
  }
  .laptop-15 {
    width: 93.75%;
  }
  .laptop-16 {
    width: 100%;
  }
  .laptop-block-grid-1 {
    margin: 0 -12.5px;
  }
  .laptop-block-grid-1:before {
    content: "";
    display: table;
  }
  .laptop-block-grid-1:after {
    content: "";
    display: table;
    clear: both;
  }
  .laptop-block-grid-1 > * {
    float: left;
    width: 100%;
    padding-left: 12.5px;
    padding-right: 12.5px;
    padding-bottom: 25px;
  }
  .laptop-block-grid-1 > *:nth-child(2) {
    clear: both;
  }
  .laptop-block-grid-2 {
    margin: 0 -12.5px;
  }
  .laptop-block-grid-2:before {
    content: "";
    display: table;
  }
  .laptop-block-grid-2:after {
    content: "";
    display: table;
    clear: both;
  }
  .laptop-block-grid-2 > * {
    float: left;
    width: 50%;
    padding-left: 12.5px;
    padding-right: 12.5px;
    padding-bottom: 25px;
  }
  .laptop-block-grid-2 > *:nth-child(3) {
    clear: both;
  }
  .laptop-block-grid-3 {
    margin: 0 -12.5px;
  }
  .laptop-block-grid-3:before {
    content: "";
    display: table;
  }
  .laptop-block-grid-3:after {
    content: "";
    display: table;
    clear: both;
  }
  .laptop-block-grid-3 > * {
    float: left;
    width: 33.33333%;
    padding-left: 12.5px;
    padding-right: 12.5px;
    padding-bottom: 25px;
  }
  .laptop-block-grid-3 > *:nth-child(4) {
    clear: both;
  }
  .laptop-block-grid-4 {
    margin: 0 -12.5px;
  }
  .laptop-block-grid-4:before {
    content: "";
    display: table;
  }
  .laptop-block-grid-4:after {
    content: "";
    display: table;
    clear: both;
  }
  .laptop-block-grid-4 > * {
    float: left;
    width: 25%;
    padding-left: 12.5px;
    padding-right: 12.5px;
    padding-bottom: 25px;
  }
  .laptop-block-grid-4 > *:nth-child(5) {
    clear: both;
  }
  .laptop-block-grid-5 {
    margin: 0 -12.5px;
  }
  .laptop-block-grid-5:before {
    content: "";
    display: table;
  }
  .laptop-block-grid-5:after {
    content: "";
    display: table;
    clear: both;
  }
  .laptop-block-grid-5 > * {
    float: left;
    width: 20%;
    padding-left: 12.5px;
    padding-right: 12.5px;
    padding-bottom: 25px;
  }
  .laptop-block-grid-5 > *:nth-child(6) {
    clear: both;
  }
  .laptop-block-grid-6 {
    margin: 0 -12.5px;
  }
  .laptop-block-grid-6:before {
    content: "";
    display: table;
  }
  .laptop-block-grid-6:after {
    content: "";
    display: table;
    clear: both;
  }
  .laptop-block-grid-6 > * {
    float: left;
    width: 16.66667%;
    padding-left: 12.5px;
    padding-right: 12.5px;
    padding-bottom: 25px;
  }
  .laptop-block-grid-6 > *:nth-child(7) {
    clear: both;
  }
  .laptop-block-grid-7 {
    margin: 0 -12.5px;
  }
  .laptop-block-grid-7:before {
    content: "";
    display: table;
  }
  .laptop-block-grid-7:after {
    content: "";
    display: table;
    clear: both;
  }
  .laptop-block-grid-7 > * {
    float: left;
    width: 14.28571%;
    padding-left: 12.5px;
    padding-right: 12.5px;
    padding-bottom: 25px;
  }
  .laptop-block-grid-7 > *:nth-child(8) {
    clear: both;
  }
  .laptop-block-grid-8 {
    margin: 0 -12.5px;
  }
  .laptop-block-grid-8:before {
    content: "";
    display: table;
  }
  .laptop-block-grid-8:after {
    content: "";
    display: table;
    clear: both;
  }
  .laptop-block-grid-8 > * {
    float: left;
    width: 12.5%;
    padding-left: 12.5px;
    padding-right: 12.5px;
    padding-bottom: 25px;
  }
  .laptop-block-grid-8 > *:nth-child(9) {
    clear: both;
  }
  .laptop-block-grid-9 {
    margin: 0 -12.5px;
  }
  .laptop-block-grid-9:before {
    content: "";
    display: table;
  }
  .laptop-block-grid-9:after {
    content: "";
    display: table;
    clear: both;
  }
  .laptop-block-grid-9 > * {
    float: left;
    width: 11.11111%;
    padding-left: 12.5px;
    padding-right: 12.5px;
    padding-bottom: 25px;
  }
  .laptop-block-grid-9 > *:nth-child(10) {
    clear: both;
  }
  .laptop-block-grid-10 {
    margin: 0 -12.5px;
  }
  .laptop-block-grid-10:before {
    content: "";
    display: table;
  }
  .laptop-block-grid-10:after {
    content: "";
    display: table;
    clear: both;
  }
  .laptop-block-grid-10 > * {
    float: left;
    width: 10%;
    padding-left: 12.5px;
    padding-right: 12.5px;
    padding-bottom: 25px;
  }
  .laptop-block-grid-10 > *:nth-child(11) {
    clear: both;
  }
  .laptop-block-grid-11 {
    margin: 0 -12.5px;
  }
  .laptop-block-grid-11:before {
    content: "";
    display: table;
  }
  .laptop-block-grid-11:after {
    content: "";
    display: table;
    clear: both;
  }
  .laptop-block-grid-11 > * {
    float: left;
    width: 9.09091%;
    padding-left: 12.5px;
    padding-right: 12.5px;
    padding-bottom: 25px;
  }
  .laptop-block-grid-11 > *:nth-child(12) {
    clear: both;
  }
  .laptop-block-grid-12 {
    margin: 0 -12.5px;
  }
  .laptop-block-grid-12:before {
    content: "";
    display: table;
  }
  .laptop-block-grid-12:after {
    content: "";
    display: table;
    clear: both;
  }
  .laptop-block-grid-12 > * {
    float: left;
    width: 8.33333%;
    padding-left: 12.5px;
    padding-right: 12.5px;
    padding-bottom: 25px;
  }
  .laptop-block-grid-12 > *:nth-child(13) {
    clear: both;
  }
  .laptop-block-grid-13 {
    margin: 0 -12.5px;
  }
  .laptop-block-grid-13:before {
    content: "";
    display: table;
  }
  .laptop-block-grid-13:after {
    content: "";
    display: table;
    clear: both;
  }
  .laptop-block-grid-13 > * {
    float: left;
    width: 7.69231%;
    padding-left: 12.5px;
    padding-right: 12.5px;
    padding-bottom: 25px;
  }
  .laptop-block-grid-13 > *:nth-child(14) {
    clear: both;
  }
  .laptop-block-grid-14 {
    margin: 0 -12.5px;
  }
  .laptop-block-grid-14:before {
    content: "";
    display: table;
  }
  .laptop-block-grid-14:after {
    content: "";
    display: table;
    clear: both;
  }
  .laptop-block-grid-14 > * {
    float: left;
    width: 7.14286%;
    padding-left: 12.5px;
    padding-right: 12.5px;
    padding-bottom: 25px;
  }
  .laptop-block-grid-14 > *:nth-child(15) {
    clear: both;
  }
  .laptop-block-grid-15 {
    margin: 0 -12.5px;
  }
  .laptop-block-grid-15:before {
    content: "";
    display: table;
  }
  .laptop-block-grid-15:after {
    content: "";
    display: table;
    clear: both;
  }
  .laptop-block-grid-15 > * {
    float: left;
    width: 6.66667%;
    padding-left: 12.5px;
    padding-right: 12.5px;
    padding-bottom: 25px;
  }
  .laptop-block-grid-15 > *:nth-child(16) {
    clear: both;
  }
  .laptop-block-grid-16 {
    margin: 0 -12.5px;
  }
  .laptop-block-grid-16:before {
    content: "";
    display: table;
  }
  .laptop-block-grid-16:after {
    content: "";
    display: table;
    clear: both;
  }
  .laptop-block-grid-16 > * {
    float: left;
    width: 6.25%;
    padding-left: 12.5px;
    padding-right: 12.5px;
    padding-bottom: 25px;
  }
  .laptop-block-grid-16 > *:nth-child(17) {
    clear: both;
  }
  .laptop-only-hide {
    display: none !important;
  }
}

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

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

@media (max-width: 1279px), (min-width: 1400px) {
  .laptop-only-show {
    display: none !important;
  }
}

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

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

@media (min-width: 1400px) and (max-width: 1739px) {
  .column {
    padding-left: 12.5px;
    padding-right: 12.5px;
  }
  .row .row {
    margin-left: -12.5px;
    margin-right: -12.5px;
    max-width: none;
  }
  .large-1 {
    width: 6.25%;
  }
  .large-2 {
    width: 12.5%;
  }
  .large-3 {
    width: 18.75%;
  }
  .large-4 {
    width: 25%;
  }
  .large-5 {
    width: 31.25%;
  }
  .large-6 {
    width: 37.5%;
  }
  .large-7 {
    width: 43.75%;
  }
  .large-8 {
    width: 50%;
  }
  .large-9 {
    width: 56.25%;
  }
  .large-10 {
    width: 62.5%;
  }
  .large-11 {
    width: 68.75%;
  }
  .large-12 {
    width: 75%;
  }
  .large-13 {
    width: 81.25%;
  }
  .large-14 {
    width: 87.5%;
  }
  .large-15 {
    width: 93.75%;
  }
  .large-16 {
    width: 100%;
  }
  .large-block-grid-1 {
    margin: 0 -12.5px;
  }
  .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: 12.5px;
    padding-right: 12.5px;
    padding-bottom: 25px;
  }
  .large-block-grid-1 > *:nth-child(2) {
    clear: both;
  }
  .large-block-grid-2 {
    margin: 0 -12.5px;
  }
  .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: 12.5px;
    padding-right: 12.5px;
    padding-bottom: 25px;
  }
  .large-block-grid-2 > *:nth-child(3) {
    clear: both;
  }
  .large-block-grid-3 {
    margin: 0 -12.5px;
  }
  .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: 12.5px;
    padding-right: 12.5px;
    padding-bottom: 25px;
  }
  .large-block-grid-3 > *:nth-child(4) {
    clear: both;
  }
  .large-block-grid-4 {
    margin: 0 -12.5px;
  }
  .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: 12.5px;
    padding-right: 12.5px;
    padding-bottom: 25px;
  }
  .large-block-grid-4 > *:nth-child(5) {
    clear: both;
  }
  .large-block-grid-5 {
    margin: 0 -12.5px;
  }
  .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: 12.5px;
    padding-right: 12.5px;
    padding-bottom: 25px;
  }
  .large-block-grid-5 > *:nth-child(6) {
    clear: both;
  }
  .large-block-grid-6 {
    margin: 0 -12.5px;
  }
  .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: 12.5px;
    padding-right: 12.5px;
    padding-bottom: 25px;
  }
  .large-block-grid-6 > *:nth-child(7) {
    clear: both;
  }
  .large-block-grid-7 {
    margin: 0 -12.5px;
  }
  .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: 12.5px;
    padding-right: 12.5px;
    padding-bottom: 25px;
  }
  .large-block-grid-7 > *:nth-child(8) {
    clear: both;
  }
  .large-block-grid-8 {
    margin: 0 -12.5px;
  }
  .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: 12.5px;
    padding-right: 12.5px;
    padding-bottom: 25px;
  }
  .large-block-grid-8 > *:nth-child(9) {
    clear: both;
  }
  .large-block-grid-9 {
    margin: 0 -12.5px;
  }
  .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: 12.5px;
    padding-right: 12.5px;
    padding-bottom: 25px;
  }
  .large-block-grid-9 > *:nth-child(10) {
    clear: both;
  }
  .large-block-grid-10 {
    margin: 0 -12.5px;
  }
  .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: 12.5px;
    padding-right: 12.5px;
    padding-bottom: 25px;
  }
  .large-block-grid-10 > *:nth-child(11) {
    clear: both;
  }
  .large-block-grid-11 {
    margin: 0 -12.5px;
  }
  .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: 12.5px;
    padding-right: 12.5px;
    padding-bottom: 25px;
  }
  .large-block-grid-11 > *:nth-child(12) {
    clear: both;
  }
  .large-block-grid-12 {
    margin: 0 -12.5px;
  }
  .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: 12.5px;
    padding-right: 12.5px;
    padding-bottom: 25px;
  }
  .large-block-grid-12 > *:nth-child(13) {
    clear: both;
  }
  .large-block-grid-13 {
    margin: 0 -12.5px;
  }
  .large-block-grid-13:before {
    content: "";
    display: table;
  }
  .large-block-grid-13:after {
    content: "";
    display: table;
    clear: both;
  }
  .large-block-grid-13 > * {
    float: left;
    width: 7.69231%;
    padding-left: 12.5px;
    padding-right: 12.5px;
    padding-bottom: 25px;
  }
  .large-block-grid-13 > *:nth-child(14) {
    clear: both;
  }
  .large-block-grid-14 {
    margin: 0 -12.5px;
  }
  .large-block-grid-14:before {
    content: "";
    display: table;
  }
  .large-block-grid-14:after {
    content: "";
    display: table;
    clear: both;
  }
  .large-block-grid-14 > * {
    float: left;
    width: 7.14286%;
    padding-left: 12.5px;
    padding-right: 12.5px;
    padding-bottom: 25px;
  }
  .large-block-grid-14 > *:nth-child(15) {
    clear: both;
  }
  .large-block-grid-15 {
    margin: 0 -12.5px;
  }
  .large-block-grid-15:before {
    content: "";
    display: table;
  }
  .large-block-grid-15:after {
    content: "";
    display: table;
    clear: both;
  }
  .large-block-grid-15 > * {
    float: left;
    width: 6.66667%;
    padding-left: 12.5px;
    padding-right: 12.5px;
    padding-bottom: 25px;
  }
  .large-block-grid-15 > *:nth-child(16) {
    clear: both;
  }
  .large-block-grid-16 {
    margin: 0 -12.5px;
  }
  .large-block-grid-16:before {
    content: "";
    display: table;
  }
  .large-block-grid-16:after {
    content: "";
    display: table;
    clear: both;
  }
  .large-block-grid-16 > * {
    float: left;
    width: 6.25%;
    padding-left: 12.5px;
    padding-right: 12.5px;
    padding-bottom: 25px;
  }
  .large-block-grid-16 > *:nth-child(17) {
    clear: both;
  }
  .large-only-hide {
    display: none !important;
  }
}

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

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

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

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

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

@media (min-width: 1740px) {
  .column {
    padding-left: 12.5px;
    padding-right: 12.5px;
  }
  .row .row {
    margin-left: -12.5px;
    margin-right: -12.5px;
    max-width: none;
  }
  .xlarge-1 {
    width: 6.25%;
  }
  .xlarge-2 {
    width: 12.5%;
  }
  .xlarge-3 {
    width: 18.75%;
  }
  .xlarge-4 {
    width: 25%;
  }
  .xlarge-5 {
    width: 31.25%;
  }
  .xlarge-6 {
    width: 37.5%;
  }
  .xlarge-7 {
    width: 43.75%;
  }
  .xlarge-8 {
    width: 50%;
  }
  .xlarge-9 {
    width: 56.25%;
  }
  .xlarge-10 {
    width: 62.5%;
  }
  .xlarge-11 {
    width: 68.75%;
  }
  .xlarge-12 {
    width: 75%;
  }
  .xlarge-13 {
    width: 81.25%;
  }
  .xlarge-14 {
    width: 87.5%;
  }
  .xlarge-15 {
    width: 93.75%;
  }
  .xlarge-16 {
    width: 100%;
  }
  .xlarge-block-grid-1 {
    margin: 0 -12.5px;
  }
  .xlarge-block-grid-1:before {
    content: "";
    display: table;
  }
  .xlarge-block-grid-1:after {
    content: "";
    display: table;
    clear: both;
  }
  .xlarge-block-grid-1 > * {
    float: left;
    width: 100%;
    padding-left: 12.5px;
    padding-right: 12.5px;
    padding-bottom: 25px;
  }
  .xlarge-block-grid-1 > *:nth-child(2) {
    clear: both;
  }
  .xlarge-block-grid-2 {
    margin: 0 -12.5px;
  }
  .xlarge-block-grid-2:before {
    content: "";
    display: table;
  }
  .xlarge-block-grid-2:after {
    content: "";
    display: table;
    clear: both;
  }
  .xlarge-block-grid-2 > * {
    float: left;
    width: 50%;
    padding-left: 12.5px;
    padding-right: 12.5px;
    padding-bottom: 25px;
  }
  .xlarge-block-grid-2 > *:nth-child(3) {
    clear: both;
  }
  .xlarge-block-grid-3 {
    margin: 0 -12.5px;
  }
  .xlarge-block-grid-3:before {
    content: "";
    display: table;
  }
  .xlarge-block-grid-3:after {
    content: "";
    display: table;
    clear: both;
  }
  .xlarge-block-grid-3 > * {
    float: left;
    width: 33.33333%;
    padding-left: 12.5px;
    padding-right: 12.5px;
    padding-bottom: 25px;
  }
  .xlarge-block-grid-3 > *:nth-child(4) {
    clear: both;
  }
  .xlarge-block-grid-4 {
    margin: 0 -12.5px;
  }
  .xlarge-block-grid-4:before {
    content: "";
    display: table;
  }
  .xlarge-block-grid-4:after {
    content: "";
    display: table;
    clear: both;
  }
  .xlarge-block-grid-4 > * {
    float: left;
    width: 25%;
    padding-left: 12.5px;
    padding-right: 12.5px;
    padding-bottom: 25px;
  }
  .xlarge-block-grid-4 > *:nth-child(5) {
    clear: both;
  }
  .xlarge-block-grid-5 {
    margin: 0 -12.5px;
  }
  .xlarge-block-grid-5:before {
    content: "";
    display: table;
  }
  .xlarge-block-grid-5:after {
    content: "";
    display: table;
    clear: both;
  }
  .xlarge-block-grid-5 > * {
    float: left;
    width: 20%;
    padding-left: 12.5px;
    padding-right: 12.5px;
    padding-bottom: 25px;
  }
  .xlarge-block-grid-5 > *:nth-child(6) {
    clear: both;
  }
  .xlarge-block-grid-6 {
    margin: 0 -12.5px;
  }
  .xlarge-block-grid-6:before {
    content: "";
    display: table;
  }
  .xlarge-block-grid-6:after {
    content: "";
    display: table;
    clear: both;
  }
  .xlarge-block-grid-6 > * {
    float: left;
    width: 16.66667%;
    padding-left: 12.5px;
    padding-right: 12.5px;
    padding-bottom: 25px;
  }
  .xlarge-block-grid-6 > *:nth-child(7) {
    clear: both;
  }
  .xlarge-block-grid-7 {
    margin: 0 -12.5px;
  }
  .xlarge-block-grid-7:before {
    content: "";
    display: table;
  }
  .xlarge-block-grid-7:after {
    content: "";
    display: table;
    clear: both;
  }
  .xlarge-block-grid-7 > * {
    float: left;
    width: 14.28571%;
    padding-left: 12.5px;
    padding-right: 12.5px;
    padding-bottom: 25px;
  }
  .xlarge-block-grid-7 > *:nth-child(8) {
    clear: both;
  }
  .xlarge-block-grid-8 {
    margin: 0 -12.5px;
  }
  .xlarge-block-grid-8:before {
    content: "";
    display: table;
  }
  .xlarge-block-grid-8:after {
    content: "";
    display: table;
    clear: both;
  }
  .xlarge-block-grid-8 > * {
    float: left;
    width: 12.5%;
    padding-left: 12.5px;
    padding-right: 12.5px;
    padding-bottom: 25px;
  }
  .xlarge-block-grid-8 > *:nth-child(9) {
    clear: both;
  }
  .xlarge-block-grid-9 {
    margin: 0 -12.5px;
  }
  .xlarge-block-grid-9:before {
    content: "";
    display: table;
  }
  .xlarge-block-grid-9:after {
    content: "";
    display: table;
    clear: both;
  }
  .xlarge-block-grid-9 > * {
    float: left;
    width: 11.11111%;
    padding-left: 12.5px;
    padding-right: 12.5px;
    padding-bottom: 25px;
  }
  .xlarge-block-grid-9 > *:nth-child(10) {
    clear: both;
  }
  .xlarge-block-grid-10 {
    margin: 0 -12.5px;
  }
  .xlarge-block-grid-10:before {
    content: "";
    display: table;
  }
  .xlarge-block-grid-10:after {
    content: "";
    display: table;
    clear: both;
  }
  .xlarge-block-grid-10 > * {
    float: left;
    width: 10%;
    padding-left: 12.5px;
    padding-right: 12.5px;
    padding-bottom: 25px;
  }
  .xlarge-block-grid-10 > *:nth-child(11) {
    clear: both;
  }
  .xlarge-block-grid-11 {
    margin: 0 -12.5px;
  }
  .xlarge-block-grid-11:before {
    content: "";
    display: table;
  }
  .xlarge-block-grid-11:after {
    content: "";
    display: table;
    clear: both;
  }
  .xlarge-block-grid-11 > * {
    float: left;
    width: 9.09091%;
    padding-left: 12.5px;
    padding-right: 12.5px;
    padding-bottom: 25px;
  }
  .xlarge-block-grid-11 > *:nth-child(12) {
    clear: both;
  }
  .xlarge-block-grid-12 {
    margin: 0 -12.5px;
  }
  .xlarge-block-grid-12:before {
    content: "";
    display: table;
  }
  .xlarge-block-grid-12:after {
    content: "";
    display: table;
    clear: both;
  }
  .xlarge-block-grid-12 > * {
    float: left;
    width: 8.33333%;
    padding-left: 12.5px;
    padding-right: 12.5px;
    padding-bottom: 25px;
  }
  .xlarge-block-grid-12 > *:nth-child(13) {
    clear: both;
  }
  .xlarge-block-grid-13 {
    margin: 0 -12.5px;
  }
  .xlarge-block-grid-13:before {
    content: "";
    display: table;
  }
  .xlarge-block-grid-13:after {
    content: "";
    display: table;
    clear: both;
  }
  .xlarge-block-grid-13 > * {
    float: left;
    width: 7.69231%;
    padding-left: 12.5px;
    padding-right: 12.5px;
    padding-bottom: 25px;
  }
  .xlarge-block-grid-13 > *:nth-child(14) {
    clear: both;
  }
  .xlarge-block-grid-14 {
    margin: 0 -12.5px;
  }
  .xlarge-block-grid-14:before {
    content: "";
    display: table;
  }
  .xlarge-block-grid-14:after {
    content: "";
    display: table;
    clear: both;
  }
  .xlarge-block-grid-14 > * {
    float: left;
    width: 7.14286%;
    padding-left: 12.5px;
    padding-right: 12.5px;
    padding-bottom: 25px;
  }
  .xlarge-block-grid-14 > *:nth-child(15) {
    clear: both;
  }
  .xlarge-block-grid-15 {
    margin: 0 -12.5px;
  }
  .xlarge-block-grid-15:before {
    content: "";
    display: table;
  }
  .xlarge-block-grid-15:after {
    content: "";
    display: table;
    clear: both;
  }
  .xlarge-block-grid-15 > * {
    float: left;
    width: 6.66667%;
    padding-left: 12.5px;
    padding-right: 12.5px;
    padding-bottom: 25px;
  }
  .xlarge-block-grid-15 > *:nth-child(16) {
    clear: both;
  }
  .xlarge-block-grid-16 {
    margin: 0 -12.5px;
  }
  .xlarge-block-grid-16:before {
    content: "";
    display: table;
  }
  .xlarge-block-grid-16:after {
    content: "";
    display: table;
    clear: both;
  }
  .xlarge-block-grid-16 > * {
    float: left;
    width: 6.25%;
    padding-left: 12.5px;
    padding-right: 12.5px;
    padding-bottom: 25px;
  }
  .xlarge-block-grid-16 > *:nth-child(17) {
    clear: both;
  }
  .xlarge-only-hide {
    display: none !important;
  }
}

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

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

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

@keyframes shake {
  0% {
    left: -10px;
  }
  16% {
    left: 9px;
  }
  33% {
    left: -6px;
  }
  50% {
    left: 5px;
  }
  66% {
    left: -2px;
  }
  83% {
    left: 1px;
  }
  100% {
    left: 0px;
  }
}

@-webkit-keyframes shake {
  0% {
    left: -10px;
  }
  16% {
    left: 9px;
  }
  33% {
    left: -6px;
  }
  50% {
    left: 5px;
  }
  66% {
    left: -2px;
  }
  83% {
    left: 1px;
  }
  100% {
    left: 0px;
  }
}

@keyframes borderWinking {
  30% {
    opacity: 1;
  }
  100% {
    border-color: rgba(170, 212, 130, 0);
    opacity: 1;
  }
}

@keyframes run {
  45% {
    -webkit-transform: translateX(15px);
    -moz-transform: translateX(15px);
    -o-transform: translateX(15px);
    transform: translateX(15px);
    opacity: 0;
  }
  70% {
    -webkit-transform: translateX(-25px);
    -moz-transform: translateX(-25px);
    -o-transform: translateX(-25px);
    transform: translateX(-25px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
  }
}

@-webkit-keyframes run {
  0% {
    -webkit-transform: translateX(-5px);
    -moz-transform: translateX(-5px);
    -o-transform: translateX(-5px);
    transform: translateX(-5px);
  }
  30% {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 0;
  }
  45% {
    -webkit-transform: translateX(5px);
    -moz-transform: translateX(5px);
    -o-transform: translateX(5px);
    transform: translateX(5px);
    opacity: 0;
  }
  80% {
    -webkit-transform: translateX(-25px);
    -moz-transform: translateX(-25px);
    -o-transform: translateX(-25px);
    transform: translateX(-25px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
  }
}

@keyframes hell {
  0% {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  80% {
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
    opacity: 0;
  }
}

@-webkit-keyframes hell {
  0% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
  }
}

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

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

@-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);
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  40% {
  }
  100% {
    opacity: 1;
  }
}

@keyframes scaleIn {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.0188);
    -moz-transform: scale(1.0188);
    -o-transform: scale(1.0188);
    transform: scale(1.0188);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes scaleIn {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.0188);
    -moz-transform: scale(1.0188);
    -o-transform: scale(1.0188);
    transform: scale(1.0188);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}

body {
  font-size: 14px;
  font-family: "Geometria", sans-serif;
  line-height: 1.3;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  -webkit-text-size-adjust: none;
}
body .color-white {
  color: #ffffff;
}

.overflow-hidden {
  overflow: hidden;
}

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

.padding-side-both {
  padding: 0 12.5px;
}

.position-relative {
  position: relative;
}

.progress-bar {
  -webkit-transition: all 2s;
  -moz-transition: all 2s;
  -o-transition: all 2s;
  transition: all 2s;
  position: absolute;
  top: 80px;
  right: 100%;
  z-index: 9999;
  left: 0;
}
.progress-bar:after {
  background: linear-gradient(to right, transparent, rgba(202, 120, 179, 0.59));
  position: absolute;
  height: 5px;
  left: 0;
  right: 14px;
  content: "";
  top: 10px;
  z-index: 1;
  border-radius: 1000px;
}
.progress-bar img {
  position: absolute;
  right: 0;
  z-index: 2;
  top: 4px;
}
.progress-bar.run {
  right: 0;
}

.hide {
  display: none;
}

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

.button {
  display: inline-block;
  padding: 15px 30px;
  border-radius: 100px;
  color: #ffffff;
  font-size: 14px;
  border: none;
  cursor: pointer;
  position: relative;
  font-weight: 600;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.button:hover {
  filter: drop-shadow(2px 4px 6px #999);
}

.button i {
  position: relative;
  top: 2px;
  font-size: 20px;
  margin-right: 3px;
}

@media (max-width: 700px) {
  .button {
    padding: 17px 38px;
  }
}
.button.gradient {
  background: linear-gradient(to right, #c64ba6 0%, #e9335b 100%);
}
.button.gradient.loading.loading {
  background-size: 28px 28px;
  background-image: repeating-linear-gradient(
    -45deg,
    #c54ca7,
    #c54ca7 11px,
    #a8368c 10px,
    #a8368c 20px
  );
  -webkit-animation: move-bg-loading 0.5s linear infinite;
  -khtml-animation: move-bg-loading 0.5s linear infinite;
  -moz-animation: move-bg-loading 0.5s linear infinite;
  -ms-animation: move-bg-loading 0.5s linear infinite;
  -o-animation: move-bg-loading 0.5s linear infinite;
  animation: move-bg-loading 0.5s linear infinite;
}

@-webkit-keyframes move-bg-loading {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 28px 0;
  }
}

@-moz-keyframes move-bg-loading {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 28px 0;
  }
}

@-ms-keyframes move-bg-loading {
  .button.gradient.loading 0% {
    background-position: 0 0;
  }
  .button.gradient.loading 100% {
    background-position: 28px 0;
  }
}

@-o-keyframes move-bg-loading {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 28px 0;
  }
}

@keyframes move-bg-loading {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 28px 0;
  }
}
.button.grey {
  background: rgba(206, 206, 206, 0.39);
  color: #888888;
}
.button.grey.loading.loading {
  background-size: 28px 28px;
  background-image: repeating-linear-gradient(
    -45deg,
    rgba(206, 206, 206, 0.39),
    rgba(206, 206, 206, 0.39) 11px,
    rgba(205, 205, 205, 0.39) 10px,
    rgba(205, 205, 205, 0.39) 20px
  );
  -webkit-animation: move-bg-loading 0.5s linear infinite;
  -khtml-animation: move-bg-loading 0.5s linear infinite;
  -moz-animation: move-bg-loading 0.5s linear infinite;
  -ms-animation: move-bg-loading 0.5s linear infinite;
  -o-animation: move-bg-loading 0.5s linear infinite;
  animation: move-bg-loading 0.5s linear infinite;
}

@-webkit-keyframes move-bg-loading {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 28px 0;
  }
}

@-moz-keyframes move-bg-loading {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 28px 0;
  }
}

@-ms-keyframes move-bg-loading {
  .button.grey.loading 0% {
    background-position: 0 0;
  }
  .button.grey.loading 100% {
    background-position: 28px 0;
  }
}

@-o-keyframes move-bg-loading {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 28px 0;
  }
}

@keyframes move-bg-loading {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 28px 0;
  }
}
.button.white-50 {
  color: rgba(255, 255, 255, 0.5);
}
.button.upper {
  text-transform: uppercase;
}
.button.blue {
  border: 1px #4d79c0 solid;
  color: #4d79c0;
}
.button.bordered {
  border: 1px solid #ea335b;
  color: #ea335b;
}
.button.bordered:before {
  border-radius: inherit;
  background-image: linear-gradient(-35deg, #c54ca7 0%, #ea335b 100%);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  z-index: -100;
  transition: opacity 0.45s;
}
.button.bordered:hover {
  border: 1px solid transparent;
  color: #ffffff;
}
.button.bordered:hover:before {
  opacity: 1;
}
.button.yellow {
  background: linear-gradient(to right, #c64ba6 0%, #e9335b 100%);
}
.button.wide {
  width: 100%;
}

.accept {
  font-size: 14px;
  margin-bottom: 16px;
  color: #9f9f9f;
  max-width: 539px;
}
.accept a {
  color: #719ac2;
}

.wrapper-checkbox .checkbox {
  display: none;
}

.wrapper-checkbox .checkbox + .checkbox-label {
  display: inline-flex;
  width: 16px;
  height: 16px;
  background-color: #f3f3f3;
  border: 1px solid #cbcbcb;
  justify-content: center;
  align-items: center;
  border-radius: 3px;
}

.wrapper-checkbox .checkbox:checked + .checkbox-label {
  border-color: #fed45f;
  background: url("../images/icons/checkbox-check.png");
}

.more-link {
  display: flex;
  margin-top: 25px;
  align-items: center;
  margin-bottom: 90px;
}
.more-link:before {
  content: "";
  display: inline-flex;
  flex: 1 1 auto;
  border-bottom: 1px solid #dbdbdb;
  height: 1px;
}
.more-link:after {
  content: "";
  flex: 1 1 auto;
  display: inline-flex;
  border-bottom: 1px solid #dbdbdb;
  height: 1px;
}
.more-link .circle {
  border-radius: 1000px;
  display: inline-flex;
  width: 43px;
  height: 43px;
  justify-content: center;
  align-items: center;
  border: 1px solid #b7b7b7;
  margin: 0px 17px 0px 13px;
  overflow: hidden;
}
.more-link .pagination-name {
  margin-left: 10px;
  font-size: 16px;
  color: #000000;
  text-transform: uppercase;
}
.more-link:hover i {
  -webkit-animation: run 0.6s linear 0s 1;
  -moz-animation: run 0.6s linear 0s 1;
  -o-animation: run 0.6s linear 0s 1;
  animation: run 0.6s linear 0s 1;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.notyfication-holder {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  border: 2px solid #832e71;
  background: #ffffff;
  border-radius: 9px;
  padding: 28px 16px 28px 30px;
}
@media (min-width: 0px) and (max-width: 700px) {
  .notyfication-holder {
    padding: 14px 8px 14px 15px;
  }
}
.notyfication-holder span {
  font-size: 19px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 26px;
}
@media (min-width: 0px) and (max-width: 700px) {
  .notyfication-holder span.circle-icon {
    display: none;
  }
  .notyfication-holder span.text {
    margin-left: 0px;
  }
}

h1 {
  font-weight: 400;
}

.modal-content h1 {
  font-size: 35px;
  line-height: 1.1;
  color: black;
}

@media (max-width: 999px) {
  .modal-content h1 {
    font-size: 20px;
  }
}

.box-styled {
  text-align: left;
  padding: 15px 20px !important;
  background: #f4f5f7;
  border-radius: 6px;
  font-size: 16px !important;
  line-height: 1.7;
}
.box-styled b {
  font-weight: bold;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Geometria", sans-serif;
}

h1 {
  font-size: 47px;
}

h2 {
  font-size: 37px;
}

h3 {
  font-size: 24px;
}

h4 {
  font-size: 24px;
}

h5 {
  font-size: 22px;
}

h6 {
  font-size: 20px;
}

@media (max-width: 999px) {
  .mobile-layout {
    padding: 23px 15px;
  }
  .mobile-layout .title {
    padding-left: 0px;
  }
}

.wrapper-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  margin-top: 52px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (max-width: 999px) {
  .wrapper-header {
    background-image: linear-gradient(
      110deg,
      #d03e55 0%,
      #50287f 30%,
      #1b64a7 81%,
      #0f74c5 100%
    );
    margin-top: 0;
    margin-bottom: 0;
    padding: 18px 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
  }
}
@media (min-width: 0px) and (max-width: 700px) {
  .wrapper-header {
    padding: 10px 15px;
  }
}
.wrapper-header .wrapper-menu {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.wrapper-header .wrapper-menu .menu-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.wrapper-header .wrapper-menu .menu-list .item:not(:last-child) {
  margin-right: 21px;
}
.wrapper-header .wrapper-menu .menu-list .item .link-item-menu {
  color: #ffffff;
  padding: 13px 0 13px 0;
  font-weight: 600;
}
.wrapper-header .wrapper-menu .menu-list .item .link-item-menu.link-back {
  opacity: 0.41;
  font-size: 16px;
  color: #ffffff;
}
.wrapper-header .wrapper-menu .menu-list .item .link-item-menu.active {
  position: relative;
  z-index: 1;
}
.wrapper-header .wrapper-menu .menu-list .item .link-item-menu.active:before {
  content: "";
  left: -8px;
  right: -8px;
  top: 0px;
  bottom: 0px;
  background-image: linear-gradient(
    110deg,
    #791a82 0%,
    #50287f 30%,
    #1b64a7 100%
  );
  position: absolute;
  z-index: -1;
  border-radius: 22px;
}
.wrapper-header .wrapper-menu .menu-list .item .link-item-menu.button {
  height: 40px;
  line-height: 40px;
  padding: 0px 20px;
  border: 1px solid #ccc;
  background: transparent;
  text-transform: none;
  text-align: center;
}

.burger {
  display: block;
  position: relative;
  margin-top: 0;
  width: 20px;
  padding: 21px;
  cursor: pointer;
  z-index: 4;
  padding-left: 5px;
}
.burger:before {
  content: "меню";
  color: #ffffff;
  text-transform: uppercase;
}
.burger .count {
  display: inline-block;
  position: absolute;
  top: 8px;
  height: 18px;
  width: 18px;
  border-radius: 50%;
  background-color: #e26070;
  font-size: 10px;
  color: #ffffff;
  text-align: center;
  line-height: 18px;
  margin-left: 70px;
}

.burger__notice {
  position: absolute;
  top: 4px;
  right: 2px;
  z-index: 1;
}

.burger.active .burger__notice {
  display: none;
}

.burger__item,
.burger__item:after,
.burger__item:before {
  position: absolute;
  width: 20px;
  left: 50%;
  margin-left: -10px;
  height: 2px;
  background-color: #ffffff;
  -webkit-transition: 200ms;
  -o-transition: 200ms;
  -moz-transition: 200ms;
  transition: 200ms;
}

.burger__item {
  top: 50%;
  margin-top: -1.5px;
  left: 70px;
}

.burger__item:after {
  content: "";
  top: -6px;
}

.burger__item:before {
  content: "";
  bottom: -6px;
}

.burger.active .burger__item {
  background-color: transparent;
}

.burger.active .burger__item:before {
  top: 50%;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  background-color: #3863b6;
}

.burger.active .burger__item:after {
  top: 50%;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  background-color: #3863b6;
}

@media (max-width: 999px) {
  footer {
    padding: 0 15px;
    background-image: linear-gradient(
      -134deg,
      #d03e55 0%,
      #ce3e55 0%,
      #50287f 30%,
      #1b64a7 81%,
      #0f74c5 100%
    );
  }
}

.bottom-menu {
  margin-top: 70px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 999px) {
  .bottom-menu {
    flex-direction: column;
    margin-top: 40px;
  }
}
.bottom-menu .left {
  flex: 1 1 auto;
}
@media (max-width: 999px) {
  .bottom-menu .left {
    flex: 0 0 auto;
    margin-bottom: 20px;
  }
}
.bottom-menu .left .name {
  display: block;
  font-size: 13px;
  color: #000000;
}
@media (min-width: 0px) and (max-width: 700px) {
  .bottom-menu .left .name {
    font-size: 14px;
  }
}
.bottom-menu .left .value {
  display: block;
  color: #000000;
  font-size: 25px;
}
.bottom-menu .left.white .name {
  color: #ffffff;
}
.bottom-menu .left.white .value {
  color: #ffffff;
}
.bottom-menu .right-list-menu {
  flex: 0 0 607px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 999px) {
  .bottom-menu .right-list-menu {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (min-width: 0px) and (max-width: 700px) {
  .bottom-menu .right-list-menu {
    flex-direction: column;
  }
}
.bottom-menu .right-list-menu .item .link-menu {
  /* Условия: */
  font-size: 14px;
  color: #719ac2;
}
.bottom-menu .right-list-menu .item .link-menu.back {
  opacity: 0.41;
  font-size: 14px;
  color: #000000;
}
.bottom-menu .right-list-menu.white .item .link-menu {
  color: #ffffff;
}
@media (min-width: 0px) and (max-width: 700px) {
  .bottom-menu .right-list-menu.white .item .link-menu {
    font-size: 20px;
    font-weight: normal;
    margin: 4px 0px;
    display: block;
  }
}
.bottom-menu .right-list-menu.white .item .link-menu.back {
  color: #ffffff;
}

.footer-inner {
  display: flex;
  justify-content: space-between;
  margin-top: 28px;
  padding: 32px 0px;
  border-top: 1px solid rgba(0, 0, 0, 0.4);
}
.footer-inner .link {
  color: #000;
}
.footer-inner.white {
  border-top: 1px solid rgba(255, 255, 255, 0.24);
  color: rgba(255, 255, 255, 0.48);
}
.footer-inner.white .link {
  color: rgba(255, 255, 255, 0.48);
}
@media (min-width: 0px) and (max-width: 700px) {
  .footer-inner {
    flex-direction: column;
  }
}

.footer-index-layer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 760px;
  pointer-events: none;
  background: url("../images/base/footer-bg.jpg") 50% 50% no-repeat;
  background-size: cover;
  z-index: -1;
}

.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;
}

.wrapper-pagination {
  display: flex;
  margin-top: 25px;
  align-items: center;
}
.wrapper-pagination:before {
  content: "";
  display: inline-flex;
  flex: 1 1 auto;
  border-bottom: 1px solid #dbdbdb;
  height: 1px;
}
.wrapper-pagination:after {
  content: "";
  flex: 1 1 auto;
  display: inline-flex;
  border-bottom: 1px solid #dbdbdb;
  height: 1px;
}
.wrapper-pagination.loading i {
  -webkit-animation: hell 0.7s linear 0s infinite;
  -moz-animation: hell 0.7s linear 0s infinite;
  -o-animation: hell 0.7s linear 0s infinite;
  animation: hell 0.7s linear 0s infinite;
}
.wrapper-pagination .wrapper-title {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 21px 0 21px;
}
.wrapper-pagination .wrapper-title .circle {
  border-radius: 1000px;
  display: inline-flex;
  width: 43px;
  height: 43px;
  justify-content: center;
  align-items: center;
  border: 1px solid #b7b7b7;
}
.wrapper-pagination .wrapper-title .pagination-name {
  margin-left: 10px;
  font-size: 14px;
  color: #000000;
  text-transform: uppercase;
}

.menu-nav {
  position: absolute;
  top: 0;
  height: 100vh;
  overflow-y: scroll;
  left: -105%;
  width: 320px;
  -webkit-transition: all 200ms;
  -o-transition: all 200ms;
  -moz-transition: all 200ms;
  transition: all 200ms;
  z-index: 9;
  /* Rectangle: */
  background: #fefefe;
  padding-bottom: 20px;
  box-shadow: 0 2px 19px 0 rgba(0, 0, 0, 0.4);
  display: none;
  font-family: Proxima, sans-serif;
}
@media (max-width: 999px) {
  .menu-nav {
    display: block;
  }
}
.menu-nav.menu-nav_active {
  left: 0;
  z-index: 999999;
}
.menu-nav .menu-nav__head {
  padding: 20px 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}
.menu-nav .menu-nav__head .closer {
  display: inline-block;
  position: relative;
}
.menu-nav .menu-nav__head .closer .hamburger {
  vertical-align: middle;
  display: inline-block;
  width: 20px;
  height: 20px;
  position: relative;
  cursor: pointer;
}
.menu-nav .menu-nav__head .closer .hamburger span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #3863b6;
  opacity: 1;
  right: 0;
}
.menu-nav .menu-nav__head .closer .hamburger span:nth-child(1) {
  top: 8px;
  width: 20px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.menu-nav .menu-nav__head .closer .hamburger span:nth-child(2) {
  top: 8px;
  width: 20px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
@media (min-width: 0px) and (max-width: 700px) {
  .menu-nav .menu-nav__head {
    padding-top: 15px;
  }
}
.menu-nav .menu-nav__user {
  position: relative;
  text-align: center;
  height: 54px;
}
.menu-nav .menu-nav__logout {
  width: 35px;
  height: 35px;
  border: 1px solid #000000;
  border-radius: 100%;
  background: url("../images/icons/logout.svg") 50% 50% no-repeat;
}
.menu-nav .menu-nav__user-name {
  display: inline-block;
  vertical-align: middle;
  color: #000000;
}
.menu-nav .menu-nav__footer {
  padding-top: 60px;
  padding-bottom: 60px;
}
.menu-nav .contacts {
  text-align: center;
  padding: 0 60px;
}
.menu-nav .contacts__phone {
  font-size: 25px;
  font-weight: 600;
  color: #3960b2;
}
.menu-nav .contacts__descr {
  font-weight: 600;
  font-size: 14px;
  color: #b0b0b0;
  letter-spacing: 0.7px;
  text-align: center;
}
.menu-nav .contacts__city {
  font-weight: 600;
  font-size: 13px;
  color: #4e79c0;
  letter-spacing: 1.34px;
  border: 1px solid;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  display: inline-block;
  padding: 3px 24px;
  margin-top: 10px;
}
.menu-nav .link-account {
  font-size: 15px;
  color: #3863b6;
  position: relative;
  display: inline-block;
  padding-left: 45px;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-right: 20px;
}
.menu-nav .link-account:after {
  content: "";
  display: block;
  background-image: url("../images/base/ico-account.png");
  background-position: center;
  background-repeat: no-repeat;
  width: 33px;
  height: 33px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  background-color: #3863b6;
  position: absolute;
  top: 50%;
  margin-top: -16.5px;
  left: 0;
}
.menu-nav .menu-nav {
  position: absolute;
  top: 0;
  min-height: 568px;
  left: -105%;
  width: 320px;
  -webkit-transition: all 200ms;
  -o-transition: all 200ms;
  -moz-transition: all 200ms;
  transition: all 200ms;
  z-index: 2;
  /* Rectangle: */
  background: #fefefe;
  -webkit-box-shadow: 0 2px 19px 0 rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 2px 19px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 0 2px 19px 0 rgba(0, 0, 0, 0.4);
}
.menu-nav .menu-nav__footer {
  padding-top: 60px;
  padding-bottom: 60px;
}
.menu-nav .menu-mobile {
  list-style: none;
  padding: 0;
  margin: 0;
  border-top: 1px solid #dddddd;
}
.menu-nav .wrapper-items ul.personal li a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  font-weight: 600;
  font-size: 13px;
  text-transform: uppercase;
  color: #4e79c0;
  letter-spacing: 1px;
  padding-left: 45px;
  padding-right: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-left: 4px solid transparent;
  position: relative;
}
.menu-nav .wrapper-items ul.personal li a .image-icon-wrapper {
  width: 20px;
  position: absolute;
  left: 15px;
  text-align: center;
}
.menu-nav .wrapper-items ul.personal li a .image-icon-wrapper .image-icon {
  zoom: 0.7;
}
.menu-nav .wrapper-items ul.personal li a .image-icon-wrapper .image-icon.info,
.menu-nav
  .wrapper-items
  ul.personal
  li
  a
  .image-icon-wrapper
  .image-icon.message,
.menu-nav .wrapper-items ul.personal li a .image-icon-wrapper .image-icon.cart {
  zoom: 0.65;
}
.menu-nav .wrapper-items ul.personal li a.active {
  border-left: 4px solid #f25252;
  background-color: #efefef;
}
.menu-nav .wrapper-items ul.personal li a .count {
  display: inline-block;
  position: absolute;
  top: 8px;
  height: 18px;
  width: 18px;
  border-radius: 50%;
  background-color: #e26070;
  font-size: 10px;
  color: #ffffff;
  text-align: center;
  line-height: 18px;
  margin-left: 5px;
}
.menu-nav .wrapper-items ul.additional-list li a {
  background: #e9f2ff;
  padding-left: 18px;
}
.menu-nav .wrapper-items ul li a {
  border-bottom: 1px solid #dddddd;
  display: block;
  padding-left: 18px;
  padding-right: 18px;
  padding-top: 14px;
  padding-bottom: 14px;
  font-weight: 600;
  font-size: 14px;
  color: #333333;
  letter-spacing: 1px;
}
.menu-nav .link-back_mobile_menu {
  color: #cfcfcf;
  padding-left: 20px;
}

.social-list-icons {
  white-space: nowrap;
  margin-top: 20px;
}
.social-list-icons li {
  display: inline-block;
  vertical-align: middle;
}
.social-list-icons img {
  width: 25px;
  margin: 0 15px;
}

.pager-more {
  text-align: center;
  margin-top: 25px;
}
.pager-more .link-more {
  font-size: 16px;
  font-weight: 600;
  color: #3a55a4;
  background-image: url("../images/base/ico-more.png");
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 15px;
  padding-bottom: 15px;
  display: inline-block;
}

@media (max-width: 700px) {
  .fixed-header-wrapper {
    height: 140px;
    position: relative;
    z-index: 9;
  }
  .fixed-header-wrapper .fixed-header {
    position: fixed;
    left: 0;
    right: 0;
    max-width: 100vw;
    top: 0;
  }
}

.main-menu {
  font-size: 16px;
  width: 100%;
  height: 63px;
  background-color: transparent;
  position: relative;
}
.main-menu > li {
  text-align: center;
}
.main-menu > li a {
  text-decoration: none;
  display: block;
  line-height: 63px;
  color: #000;
}
.main-menu > li > ul {
  top: 63px;
  display: none;
  position: absolute;
  z-index: 100;
  padding: 15px 20px;
  -webkit-box-shadow: 0 3px 20px rgba(52, 73, 94, 0.17);
  -moz-box-shadow: 0 3px 20px rgba(52, 73, 94, 0.17);
  -o-box-shadow: 0 3px 20px rgba(52, 73, 94, 0.17);
  box-shadow: 0 3px 20px rgba(52, 73, 94, 0.17);
  background-color: #fff;
}
.main-menu > li > ul:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 12px solid #fff;
  border-style: none dotted solid;
  top: -12px;
  left: 30px;
}
.main-menu > li > ul li {
  display: block;
  float: none;
  font-size: 13px;
  text-align: left;
}
.main-menu > li > ul li a {
  color: #33495d !important;
  line-height: 1.5;
}
.main-menu > li > ul li ul {
  list-style: none;
}
.main-menu > li > ul li ul li {
  position: relative;
  padding-left: 15px;
}
.main-menu > li > ul li ul li:before {
  content: "—";
  position: absolute;
  left: 0;
  top: 0px;
}
.main-menu > li:hover {
  background-color: transparent;
}
.main-menu > li:hover a {
  color: #000;
}
.main-menu > li:hover > ul {
  display: block;
}
.main-menu > li:last-child > ul {
  right: 0px;
}
.main-menu > li.has-subitems a::after {
  display: inline-block;
  content: "";
  margin-left: 5px;
  width: 0;
  height: 0;
  border-left: 3px dotted transparent;
  border-right: 3px dotted transparent;
  border-top: 5px solid #000;
  position: relative;
  top: -1px;
}
.main-menu > li.has-subitems > ul li a::after {
  display: none;
}

.main-menu.tabled {
  display: table;
}
.main-menu.tabled > li {
  display: table-cell;
}
.main-menu.tabled > li a {
  height: 100%;
}

.main-menu.justify {
  list-style-type: none;
  text-align: justify;
}
.main-menu.justify > li {
  display: inline-block;
}
.main-menu.justify::after {
  content: "";
  display: inline-block;
  width: 100%;
}

form label {
  font-size: 14px;
  color: #5b5b5b;
  margin-bottom: 2px;
  display: block;
}

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

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

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

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

form textarea {
  padding: 5px 10px;
  resize: none;
}

form .form-field-default-wrapper {
  margin-bottom: 20px;
}
@media (max-width: 999px) {
  form .form-field-default-wrapper {
    margin-bottom: 10px;
  }
}
form .form-field-default-wrapper .form-field-default {
  position: relative;
  height: 55px;
  -webkit-display: flex;
  -moz-display: flex;
  -o-display: flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: flex-end;
  cursor: pointer;
  font-size: 14px;
  border-radius: 0px;
  border: 1px solid #cbcbcb;
  background-color: #ffffff;
  overflow: hidden;
}
form .form-field-default-wrapper .form-field-default:after {
  content: "";
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
  opacity: 0;
}
form .form-field-default-wrapper .form-field-default.invalid {
  -webkit-animation: shake 0.6s linear 0.4s;
  -moz-animation: shake 0.6s linear 0.4s;
  -o-animation: shake 0.6s linear 0.4s;
  animation: shake 0.6s linear 0.4s;
  box-shadow: 0 0 0 1px #dc7b7b;
  position: relative;
  border: none;
}
form .form-field-default-wrapper .form-field-default.invalid:after {
  opacity: 1;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
  position: absolute;
  right: 14px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  content: "!";
  box-shadow: 0 0 0 1px #dc7b7b;
  border-radius: 50%;
  color: #dc7b7b;
  text-align: center;
}
form .form-field-default-wrapper .form-field-default.success:after {
  opacity: 1;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 9px;
  position: absolute;
  right: 10px;
  width: 21px;
  height: 14px;
  line-height: 20px;
  content: "";
  background: transparent url("../images/icons/validated.svg") 50% 50% no-repeat;
  background-size: 11px 10px;
}
@media (min-width: 0px) and (max-width: 700px) {
  form .form-field-default-wrapper .form-field-default.success:after {
    background-size: 10.5px 7px;
  }
}
form .form-field-default-wrapper .form-field-default input[type="text"],
form .form-field-default-wrapper .form-field-default input[type="number"],
form .form-field-default-wrapper .form-field-default input[type="search"],
form .form-field-default-wrapper .form-field-default input[type="password"],
form .form-field-default-wrapper .form-field-default textarea {
  border: transparent;
  padding: 0 13px;
  border: none;
  font-size: 15px;
  box-shadow: none;
}
form .form-field-default-wrapper .form-field-default .hide-spinner {
  position: absolute;
  right: 0;
  width: 40px;
  background: #ffffff;
  height: 100%;
}
form .form-field-default-wrapper .form-field-default label {
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  padding-left: 13px;
  pointer-events: none;
  left: 0;
}
form .form-field-default-wrapper .form-field-default input:focus + label,
form .form-field-default-wrapper .form-field-default input.active + label {
  -webkit-transform: translateY(-15px);
  -moz-transform: translateY(-15px);
  -o-transform: translateY(-15px);
  transform: translateY(-15px);
  left: 0;
  font-size: 11px;
}
form
  .form-field-default-wrapper
  .form-field-default
  input:focus
  + input
  + label,
form
  .form-field-default-wrapper
  .form-field-default
  input.active
  + input
  + label {
  -webkit-transform: translateY(-15px);
  -moz-transform: translateY(-15px);
  -o-transform: translateY(-15px);
  transform: translateY(-15px);
  left: 0;
  font-size: 11px;
}
form .form-field-default-wrapper .form-field-default.TextAreaField {
  height: 150px;
}
form .form-field-default-wrapper .form-field-default.TextAreaField textarea {
  height: 120px;
}
form .form-field-default-wrapper .form-field-default textarea:focus + label,
form .form-field-default-wrapper .form-field-default textarea.active + label {
  -webkit-transform: translateY(-20px);
  -moz-transform: translateY(-20px);
  -o-transform: translateY(-20px);
  transform: translateY(-20px);
  left: 0;
  font-size: 11px;
  color: #2947a6;
}
form .form-field-default-wrapper .form-field-default textarea + label {
  top: 25px;
  left: 0;
}

form .radio-list-styled-wrapper input[type="radio"] {
  display: none;
}

form .radio-list-styled-wrapper input[type="radio"] + label {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 5px;
  color: #000000;
  font-size: 14px;
  position: relative;
}
form .radio-list-styled-wrapper input[type="radio"] + label:before {
  -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;
  content: "";
  width: 14px;
  height: 14px;
  border-radius: 100%;
  border: 1px solid #cbcbcb;
  margin-right: 13px;
}
form .radio-list-styled-wrapper input[type="radio"] + label:after {
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  content: "";
  position: absolute;
  top: 6px;
  left: 4px;
  background: #ffffff;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  opacity: 0;
}
@media (max-width: 700px) {
  form .radio-list-styled-wrapper input[type="radio"] + label:after {
    top: 4px;
  }
}

form .radio-list-styled-wrapper.multi-line input[type="radio"] + label {
  padding-left: 30px;
}
form .radio-list-styled-wrapper.multi-line input[type="radio"] + label:before {
  position: absolute;
  left: 0px;
}
form .radio-list-styled-wrapper.multi-line input[type="radio"] + label:after {
  top: 4px;
}

form .radio-list-styled-wrapper input[type="radio"]:checked + label:before {
  border: 1px solid transparent;
  background: #2947a6;
}

form .radio-list-styled-wrapper input[type="radio"]:checked + label:after {
  opacity: 1;
}

form .date-wrapper {
  position: relative;
}
form .date-wrapper:after {
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  background: transparent url("../images/icons/calendar.png") 0% 0% no-repeat;
  background-size: cover;
  width: 16px;
  height: 16px;
  content: "";
  position: absolute;
  top: 50%;
  right: 18px;
}
@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) {
  form .date-wrapper:after {
    background: transparent url("../images/icons/calendar-2x.png") 50% 50%
      no-repeat;
    background-size: cover;
  }
}

form .wrapper-checkbox-list {
  margin-left: 32px;
}
@media (max-width: 1279px) {
  form .wrapper-checkbox-list {
    margin-left: 20px;
  }
}
form .wrapper-checkbox-list .checkbox-row {
  margin-bottom: 19px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.5);
  line-height: 19px;
  display: inline-block;
  vertical-align: middle;
  width: 45%;
}
form .wrapper-checkbox-list .checkbox-row-full {
  width: 100%;
}
form .wrapper-checkbox-list .checkbox-row label {
  display: inline-block;
  position: relative;
}
form .wrapper-checkbox-list .checkbox-row label:before {
  -webkit-transform: translateX(-30px);
  -moz-transform: translateX(-30px);
  -o-transform: translateX(-30px);
  transform: translateX(-30px);
  position: absolute;
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-color: #f3f3f3;
  border: 1px solid #cbcbcb;
  justify-content: center;
  align-items: center;
  border-radius: 3px;
  vertical-align: middle;
}
@media (max-width: 1279px) {
  form .wrapper-checkbox-list .checkbox-row label:before {
    width: 10px;
    height: 10px;
    -webkit-transform: translateX(-15px) translateY(4px);
    -moz-transform: translateX(-15px) translateY(4px);
    -o-transform: translateX(-15px) translateY(4px);
    transform: translateX(-15px) translateY(4px);
  }
}
form .wrapper-checkbox-list .checkbox-row input[type="checkbox"] {
  display: none;
}
form
  .wrapper-checkbox-list
  .checkbox-row
  input[type="checkbox"]:checked
  + label:before {
  border-color: #2947a6;
  background: #2947a6 url("../images/icons-geometria/chekbox.svg") 50% 50%
    no-repeat;
}
@media (max-width: 1279px) {
  form
    .wrapper-checkbox-list
    .checkbox-row
    input[type="checkbox"]:checked
    + label:before {
    background-size: 6px;
  }
}
form .wrapper-checkbox-list .checkbox-list {
  margin: 15px 0px 15px 20px;
  margin-left: 0px;
}
form .wrapper-checkbox-list .checkbox-list .open-related {
  width: 22px;
  height: 22px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  line-height: 19px;
  border-radius: 18px;
  cursor: pointer;
  font-size: 20px;
  position: relative;
  margin-left: 15px;
  background: #2947a6;
}
form .wrapper-checkbox-list .checkbox-list .open-related:after,
form .wrapper-checkbox-list .checkbox-list .open-related:before {
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  position: absolute;
  content: "";
  height: 2px;
  background: #ffffff;
  left: 3px;
  right: 3px;
  top: 50%;
}
form .wrapper-checkbox-list .checkbox-list .open-related:before {
  -webkit-transform: translateY(-50%) rotate(90deg);
  -moz-transform: translateY(-50%) rotate(90deg);
  -o-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
}
form .wrapper-checkbox-list .checkbox-list .open-related.active:before {
  -webkit-transform: translateY(-50%) rotate(0deg);
  -moz-transform: translateY(-50%) rotate(0deg);
  -o-transform: translateY(-50%) rotate(0deg);
  transform: translateY(-50%) rotate(0deg);
}
@media (max-width: 1279px) {
  form .wrapper-checkbox-list .checkbox-list .open-related {
    width: 15px;
    height: 15px;
  }
}
form .wrapper-checkbox-list .related-checkbox-field {
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transform: translateX(-30px);
  -moz-transform: translateX(-30px);
  -o-transform: translateX(-30px);
  transform: translateX(-30px);
}
@media (max-width: 700px) {
  form .wrapper-checkbox-list .related-checkbox-field {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
form .wrapper-checkbox-list .related-checkbox-field.closed {
  display: none;
}
form .wrapper-checkbox-list .related-checkbox-field .checkbox-list {
  display: inline-block;
  padding: 20px 20px 10px 20px;
  position: relative;
  background: #f4f5f7;
  border-radius: 6px;
  columns: 2;
}
@media (max-width: 700px) {
  form .wrapper-checkbox-list .related-checkbox-field .checkbox-list {
    -webkit-transform: translateX(-30px);
    -moz-transform: translateX(-30px);
    -o-transform: translateX(-30px);
    transform: translateX(-30px);
    padding: 20px 12px 10px 12px;
    width: calc(100% + 35px);
  }
}
form
  .wrapper-checkbox-list
  .related-checkbox-field
  .checkbox-list
  li:last-child {
  margin-bottom: 0px;
}
form .wrapper-checkbox-list .related-checkbox-field .checkbox-list li label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
}
form
  .wrapper-checkbox-list
  .related-checkbox-field
  .checkbox-list
  li
  label:before {
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  transform: none;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  position: static;
  margin-right: 10px;
}
@media (max-width: 700px) {
  form .wrapper-checkbox-list .related-checkbox-field .checkbox-list li label {
    font-size: 12px;
    line-height: 1.3;
  }
}

form .success-form-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 7;
  background: white;
  display: flex;
  text-align: center;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
}
@media (max-width: 700px) {
  form .success-form-container {
    align-items: flex-start;
    padding: 30px 12px;
  }
}
form .success-form-container .title {
  font-size: 30px;
  margin-top: 20px;
}
@media (max-width: 700px) {
  form .success-form-container .title {
    font-size: 20px;
  }
}
form .success-form-container .text {
  font-size: 16px;
  line-height: 18px;
  margin-top: 20px;
}
@media (max-width: 700px) {
  form .success-form-container .text {
    font-size: 14px;
  }
}

form .reset-button {
  background: transparent;
  border: none;
  border-bottom: 1px dashed;
  padding: 0px;
  text-align: center;
}

form .form-field-wrapper {
  margin-bottom: 20px;
}
@media (max-width: 999px) {
  form .form-field-wrapper {
    margin-bottom: 10px;
  }
}
form .form-field-wrapper .dropdown-label {
  font-size: 14px;
  margin-bottom: 10px;
}
form .form-field-wrapper .dropdown-wrapper {
  position: relative;
}
form .form-field-wrapper .dropdown-wrapper:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #000000;
  margin-right: 30px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0px;
}
form .form-field-wrapper .dropdown-wrapper select {
  background: #fff;
  height: 55px;
}

form .files-field input {
  display: none;
}

form .files-field label {
  color: #3e65a8;
}
form .files-field label:after {
  content: "";
  background: transparent url("../images/icons/add-files.svg") 0 0 no-repeat;
  width: 10px;
  height: 23px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
}

form .files-field .clear-file {
  display: none;
}

form .files-field [data-files-container] {
  display: flex;
  margin: 0px;
  flex-wrap: wrap;
  max-height: 150px;
  overflow: auto;
  padding-top: 10px;
}
form .files-field [data-files-container] li {
  flex: 0 0 33.333%;
  padding: 10px 10px;
  display: flex;
  height: 50px;
  position: relative;
  max-width: 100px;
}
form .files-field [data-files-container] li img {
  object-fit: cover;
  border: 1px solid rgba(64, 64, 64, 0.79);
}
form .files-field [data-files-container] li a {
  position: absolute;
  top: -5px;
  right: -5px;
  width: 20px;
  height: 20px;
  background: transparent url("../images/icons/delete-file.svg") 0 0 no-repeat;
}
form .files-field [data-files-container] li .file-name {
  position: absolute;
  left: 5px;
  right: 5px;
  bottom: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  padding: 3px 5px;
  background: rgba(64, 64, 64, 0.79);
  white-space: nowrap;
  color: #ffffff;
}

form .form-field.reason textarea {
  height: 150px;
}

[data-parent-close] [data-close-container] {
  width: 30px;
  height: 30px;
  border-radius: 100px;
  border: 1px solid black;
  position: absolute;
  top: 10px;
  right: 20px;
}
[data-parent-close] [data-close-container]:after,
[data-parent-close] [data-close-container]:before {
  width: 20px;
  height: 1px;
  background: black;
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  margin-left: -10px;
  margin-top: -1px;
}
[data-parent-close] [data-close-container]:after {
  transform: rotate(45deg);
}
[data-parent-close] [data-close-container]:before {
  transform: rotate(-45deg);
}

.wrapper-title {
  margin-top: 100px;
  text-align: center;
}
@media (max-width: 999px) {
  .wrapper-title {
    padding: 0 15px;
  }
}
.wrapper-title .title {
  color: #ffffff;
}
.wrapper-title .details {
  margin-top: 10px;
  color: #ffffff;
  font-size: 15px;
}
.wrapper-title .wrapper-button {
  margin-top: 27px;
}
.wrapper-title .wrapper-button.show {
  display: inline-block;
}
.wrapper-title .wrapper-button.hide {
  display: none;
}

.wrapper-content-title.with-form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}
.wrapper-content-title.with-form .title {
  margin-top: 0px;
}
.wrapper-content-title.with-form .dropdown {
  margin-left: 10px;
}
@media (max-width: 1399px) {
  .wrapper-content-title.with-form .dropdown {
    max-width: 220px;
  }
  .wrapper-content-title.with-form .dropdown li,
  .wrapper-content-title.with-form .dropdown .selected {
    font-size: 13px;
  }
}
@media (max-width: 1279px) {
  .wrapper-content-title.with-form .dropdown {
    max-width: 180px;
  }
  .wrapper-content-title.with-form .dropdown li,
  .wrapper-content-title.with-form .dropdown .selected {
    font-size: 13px;
  }
}
@media (max-width: 700px) {
  .wrapper-content-title.with-form {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .wrapper-content-title.with-form .actions-filter-form {
    width: 100%;
  }
  .wrapper-content-title.with-form .dropdown {
    width: 100%;
    max-width: 100%;
    margin-left: 0px;
  }
}

.success-mmodal-page {
  text-align: center;
}
.success-mmodal-page h1 {
  margin: 25px 0px 10px 0px;
}
@media (max-width: 700px) {
  .success-mmodal-page h1 {
    font-size: 17px;
  }
}
.success-mmodal-page .description {
  font-size: 14px;
  color: black;
  margin-bottom: 27px;
  padding: 0 60px;
}
@media (max-width: 700px) {
  .success-mmodal-page .description {
    padding: 0 10px;
  }
}
.success-mmodal-page .description a {
  font-size: 14px;
  color: #719ac2;
}

.actions-filter-form {
  white-space: nowrap;
  padding-left: 20px;
}
.actions-filter-form .wrapper-checkbox-list {
  display: flex;
  justify-content: flex-start;
  margin-left: 0px;
  flex-wrap: wrap;
}
.actions-filter-form .wrapper-checkbox-list .item {
  padding-right: 10px;
  display: block;
}
.actions-filter-form .wrapper-checkbox-list .item input {
  display: none;
}
.actions-filter-form .wrapper-checkbox-list .item input + label {
  display: inline-flex;
  align-items: center;
  padding: 8px 12px 9px 11px;
  border-radius: 100px;
  cursor: pointer;
}
@media all and (max-width: 1450px) {
  .actions-filter-form .wrapper-checkbox-list .item input + label {
    padding: 8px 8px 9px 8px;
  }
}
.actions-filter-form .wrapper-checkbox-list .item input + label .title {
  margin-left: 12px;
  font-size: 14px;
  color: #314152;
  min-width: 100px;
}
@media all and (max-width: 1450px) {
  .actions-filter-form .wrapper-checkbox-list .item input + label .title {
    font-size: 13px;
    margin-left: 8px;
    width: 100px;
  }
}
.actions-filter-form .wrapper-checkbox-list .item input:checked + label {
  background-color: #f4f6f7;
}

.actions-holder {
  font-size: 0px;
}
.actions-holder .list-actions li.empty-actions {
  color: #314152;
  text-align: center;
  width: 100%;
  font-size: 50px;
}
.actions-holder .list-actions li.empty-actions span {
  display: block;
  margin-bottom: 20px;
}
.actions-holder.short .list-actions li {
  width: 33.333333%;
}
@media (max-width: 999px) {
  .actions-holder.short .list-actions li {
    width: 100%;
  }
}
@media (max-width: 700px) {
  .actions-holder.short .list-actions li {
    width: 50%;
  }
}
.actions-holder.short .list-actions li.full {
  width: 66.66666%;
}
.actions-holder.short .list-actions li a {
  width: 100%;
  display: flex;
  max-height: 350px;
}
@media (max-width: 999px) {
  .actions-holder.short .list-actions li a {
    height: auto;
    max-height: none;
    display: block;
  }
}
.actions-holder.short .list-actions li a img {
  object-fit: cover;
}
@media (max-width: 700px) {
  .actions-holder.odd .list-actions li:first-child {
    width: 100%;
  }
}
.actions-holder .list-actions {
  list-style: none;
  display: block;
  margin: -2.5px;
}
@media (max-width: 700px) {
  .actions-holder .list-actions {
    margin: 0px;
  }
}
.actions-holder .list-actions li {
  width: 50%;
  display: inline-block;
  padding: 2.5px;
  vertical-align: top;
}
.actions-holder .list-actions li.full {
  width: 100%;
}
.actions-holder .list-actions li a {
  width: 100%;
}
.actions-holder .list-actions li a img {
  width: 100%;
}

.reason-remove {
  padding: 10px 20px;
  background: rgba(222, 222, 222, 0.72);
  border-radius: 6px;
  margin: 20px 0px;
}

.flash-messages-block {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  opacity: 0.8;
}
.flash-messages-block .flash-list {
  display: block;
}
.flash-messages-block .flash-list .close-flash {
  display: inline-block;
  width: 20px;
  vertical-align: middle;
  height: 20px;
  line-height: 60px;
  margin-top: 20px;
  background: transparent url("../images/icons/modal-close.png") 0 0 no-repeat;
}
.flash-messages-block .flash-list li {
  display: block;
  font-size: 18px;
}
.flash-messages-block .flash-list li .message {
  height: 60px;
  line-height: 60px;
  padding-left: 60px;
}
.flash-messages-block .flash-list li.error {
  background-color: #fdeaea;
  border-bottom: 1px solid #e3b7b7;
}
.flash-messages-block .flash-list li.error .message {
  background: transparent url("../images/flash/error-flash.png") 0 50% no-repeat;
  background-size: 30px 30px;
  color: #955f5f;
}
.flash-messages-block .flash-list li.success {
  background-color: #d5f8ad;
  border-bottom: 1px solid #a6d76e;
}
.flash-messages-block .flash-list li.success .message {
  background: transparent url("../images/flash/success-flash.png") 0 50%
    no-repeat;
  background-size: 40px 40px;
  color: #698d3f;
  padding: 20px 50px;
}

.default-sidebar-margin.default-sidebar-margin,
.default-form-wrapper.default-sidebar-margin {
  margin-left: 40px;
}

.default-sidebar-margin .default-hide,
.default-form-wrapper .default-hide {
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  opacity: 0;
  visibility: hidden;
}

.default-sidebar-margin form.success .default-hide,
.default-form-wrapper form.success .default-hide {
  opacity: 1;
  visibility: visible;
}

.default-sidebar-margin ul.errors,
.default-form-wrapper ul.errors {
  font-weight: 500;
  font-size: 13px;
}

.wrapper-info-help .top-block {
  background: url("../images/dashboard/trans-backform.jpg") 0 0 no-repeat;
  background-size: cover;
  width: 100%;
  position: relative;
  padding: 31px 0 33px 50px;
  flex-direction: column;
  border-radius: 10px;
}
.wrapper-info-help .top-block .name {
  font-size: 16px;
  color: #ffffff;
  font-weight: 200;
}
.wrapper-info-help .top-block .value {
  margin-top: 4px;
  font-size: 26px;
  color: #ffffff;
}
@media all and (max-width: 1100px) {
  .wrapper-info-help .top-block .value {
    font-size: 23px;
  }
}
.wrapper-info-help .top-block .circle-icon {
  display: inline-block;
  position: absolute;
  left: -30px;
  top: 50%;
  transform: translateY(-50%);
}
.wrapper-info-help .top-block .address {
  font-size: 13px;
  margin-top: 15px;
}

.bonus-members {
  position: relative;
  padding: 0 40px;
}
.bonus-members .slick-arrow {
  position: absolute;
  top: 50%;
  transform: translateX(-50%);
  border: none;
  width: 50px;
  height: 50px;
  background: transparent url("../images/icons/back.svg") 50% 50% no-repeat;
  color: transparent;
  cursor: pointer;
}
.bonus-members .slick-arrow.slick-prev {
  left: -30px;
}
.bonus-members .slick-arrow.slick-next {
  -webkit-transform: translateX(-50%) rotate(180deg);
  -moz-transform: translateX(-50%) rotate(180deg);
  -o-transform: translateX(-50%) rotate(180deg);
  transform: translateX(-50%) rotate(180deg);
  right: -80px;
}
.bonus-members .partners {
  position: relative;
}
.bonus-members .partners__descr {
  margin-left: 70px;
  font-size: 15px;
  line-height: 24px;
  padding-bottom: 30px;
}
@media (max-width: 767px) {
  .bonus-members .partners__descr {
    display: none;
  }
}
@media (max-width: 767px) {
  .bonus-members .partners {
    background-color: #f4f5f9;
  }
  .bonus-members .partners .section-title {
    margin-left: 10px;
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .bonus-members .partners .section-title .title {
    font-size: 28px;
    line-height: 36px;
    text-align: left;
  }
}
@media (max-width: 767px) {
  .bonus-members .partners-slider {
    margin: 0 -15px;
  }
}
.bonus-members .partners-slider__slide {
  padding: 0 4.5px;
}
@media (max-width: 767px) {
  .bonus-members .partners-slider__slide {
    padding: 0;
  }
}
.bonus-members .partners-slider__arrow {
  position: absolute;
  max-width: 1390px;
  left: 0;
  right: 0;
  top: 445px;
  margin: auto;
}
@media (max-width: 767px) {
  .bonus-members .partners-slider__arrow {
    display: none;
  }
}
.bonus-members .partners-slider__prev {
  position: absolute;
  left: 20px;
  cursor: pointer;
}
.bonus-members .partners-slider__next {
  position: absolute;
  right: 20px;
  cursor: pointer;
}
.bonus-members .partners-slider .slick-dots {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: center;
  margin-top: 40px;
}
.bonus-members .partners-slider .slick-dots li {
  display: inline-block;
  padding: 0 7px;
  height: 6px;
}
.bonus-members .partners-slider .slick-dots li button {
  width: 3px;
  height: 3px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  text-indent: -9999px;
  padding: 0;
  background-color: #000000;
}
.bonus-members .partners-slider .slick-dots .slick-active button {
  border: 3px solid;
}
.bonus-members .address {
  padding-left: 14px;
  font-size: 14px;
  line-height: 16px;
  position: relative;
}
.bonus-members .address:after {
  content: "";
  background-image: url("https://bonus-globus.ru/static/frontend/dist/img/ico.png");
  background-position: -34px -145px;
  width: 10px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
}
.bonus-members .partner {
  background-color: #f4f5f9;
  min-height: 440px;
  padding: 40px 55px;
  border-top: 1px solid #e1e1e1;
}
@media (max-width: 978px) {
  .bonus-members .partner {
    min-height: 0;
    height: 340px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (max-width: 767px) {
  .bonus-members .partner {
    height: 300px;
  }
}
.bonus-members .partner__logo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin: auto;
  height: 48px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 30px;
}
@media (max-width: 978px) {
  .bonus-members .partner__logo {
    margin-bottom: 10px;
  }
}
.bonus-members .partner__logo img {
  display: inline-block;
  max-width: 180px;
}
.bonus-members .partner__title {
  font-size: 19px;
  font-weight: 800;
  text-align: center;
  margin-bottom: 38px;
}
.bonus-members .partner__address {
  margin-top: 25px;
  margin-bottom: 30px;
}
.bonus-members .partner__show-map {
  color: #333333;
  font-size: 14px;
  text-decoration: underline;
  padding-left: 14px;
}
.bonus-members .partner__show-map:hover,
.bonus-members .partner__show-map:active,
.bonus-members .partner__show-map:focus {
  text-decoration: none;
  color: #333333;
  outline: none;
}
@media (max-width: 978px) {
  .bonus-members .partner__show-map {
    display: block;
    text-align: center;
  }
}
.bonus-members .partner__more-action {
  margin-top: 30px;
  text-align: center;
}
@media (max-width: 978px) {
  .bonus-members .partner__more-action {
    display: none;
  }
}

.partners__about-info-mobile {
  padding: 13px 5px 15px 19px;
  background: rgba(67, 56, 136, 0.1);
  display: none;
}
.partners__about-info-mobile.active {
  display: block;
}
.partners__about-info-mobile .item {
  margin: 12px 0 0 0;
  font-weight: 500;
  font-size: 13px;
  color: #000000;
  line-height: 12px;
}
.partners__about-info-mobile .map-container {
  margin-left: -7px;
}
.partners__about-info-mobile .partner-features {
  padding: 13px 0 17px 20px;
}
.partners__about-info-mobile .partner-features .partner-item:not(:last-child) {
  margin: 0 0 14px 0;
}
.partners__about-info-mobile .partner-features .partner-item {
  position: relative;
}
.partners__about-info-mobile .partner-features .partner-item:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 6px;
  height: 6px;
  background: #ea335b;
  border-radius: 50%;
  top: 4px;
  left: -14px;
}

.modal-modal-bg .modal-container.action {
  border-radius: 0;
}
.modal-modal-bg .modal-container.action .modal-content {
  padding: 0;
}
.modal-modal-bg .modal-container.action .modal-content .content-action {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 722px;
  flex-direction: column;
}
.modal-modal-bg .modal-container.action .modal-content .content-action strong {
  font-weight: bold;
}
.modal-modal-bg
  .modal-container.action
  .modal-content
  .content-action.action-type-2
  .heading
  .percent-icon {
  display: block;
}
.modal-modal-bg
  .modal-container.action
  .modal-content
  .content-action.action-type-2
  .heading
  .image-wrapper
  .dates-block {
  background: #e66b1b;
}
.modal-modal-bg
  .modal-container.action
  .modal-content
  .content-action
  .heading {
  display: flex;
  position: relative;
  flex-direction: column;
}
.modal-modal-bg
  .modal-container.action
  .modal-content
  .content-action
  .heading
  .percent-icon {
  display: none;
  position: absolute;
  width: 75px;
  height: 75px;
  top: 22px;
  left: 26px;
  background-image: url("../../images/action/percent.svg");
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 2;
  color: #e66b1b;
}
.modal-modal-bg
  .modal-container.action
  .modal-content
  .content-action
  .heading
  .image-wrapper {
  display: flex;
  flex-direction: column;
  height: 350px;
}
@media (max-width: 700px) {
  .modal-modal-bg
    .modal-container.action
    .modal-content
    .content-action
    .heading
    .image-wrapper {
    height: 165px;
  }
}
.modal-modal-bg
  .modal-container.action
  .modal-content
  .content-action
  .heading
  .image-wrapper
  .image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.modal-modal-bg
  .modal-container.action
  .modal-content
  .content-action
  .heading
  .image-wrapper
  .dates-block {
  display: flex;
  position: absolute;
  width: 231px;
  height: 60px;
  left: 50%;
  bottom: -60px;
  transform: translateX(-50%);
  background: #123282;
  font-weight: 700;
  font-size: 14px;
  color: #ffffff;
  letter-spacing: 0;
  text-align: center;
  line-height: 20px;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.modal-modal-bg
  .modal-container.action
  .modal-content
  .content-action
  .heading
  .image-wrapper
  .dates-block
  .text {
  display: block;
}
.modal-modal-bg
  .modal-container.action
  .modal-content
  .content-action
  .content {
  display: flex;
  flex-direction: column;
  padding: 0 20px 6px;
  /* Товары */
}
@media (min-width: 0px) and (max-width: 700px) {
  .modal-modal-bg
    .modal-container.action
    .modal-content
    .content-action
    .content {
    padding: 0 20px 30px;
    display: block;
    position: relative;
  }
}
.modal-modal-bg
  .modal-container.action
  .modal-content
  .content-action
  .content
  .subtitle {
  font-size: 16px;
  color: #000000;
  line-height: calc(35 / 30);
}
@media (min-width: 0px) and (max-width: 700px) {
  .modal-modal-bg
    .modal-container.action
    .modal-content
    .content-action
    .content
    .subtitle {
    font-size: 14px;
  }
}
.modal-modal-bg
  .modal-container.action
  .modal-content
  .content-action
  .content
  .disclaimer {
  display: block;
  position: relative;
  margin: 13px 0 0 0;
  font-style: italic;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.45);
  letter-spacing: 0;
  line-height: 20px;
  text-align: left;
}
.modal-modal-bg
  .modal-container.action
  .modal-content
  .content-action
  .content
  .disclaimer::before {
  position: absolute;
  left: -14px;
  top: -6px;
  content: "*";
  font-size: 15px;
  color: #ff0000;
}
.modal-modal-bg
  .modal-container.action
  .modal-content
  .content-action
  .content
  .content-title {
  margin: 80px 0 0 0;
  position: sticky;
  position: -webkit-sticky;
  z-index: 999;
  background: #ffffff;
  padding-bottom: 20px;
  padding-top: 10px;
  top: 0px;
}
.modal-modal-bg
  .modal-container.action
  .modal-content
  .content-action
  .content
  .content-title
  .title {
  display: block;
  font-weight: 900;
  font-size: 30px;
  color: #000000;
  text-align: center;
  line-height: calc(35 / 30);
}
@media (min-width: 0px) and (max-width: 700px) {
  .modal-modal-bg
    .modal-container.action
    .modal-content
    .content-action
    .content
    .content-title
    .title {
    font-size: 24px;
  }
}
.modal-modal-bg
  .modal-container.action
  .modal-content
  .content-action
  .content
  .check-wrapper {
  display: flex;
  width: 420px;
  margin: 70px auto 0 auto;
  flex-direction: column;
}
.modal-modal-bg
  .modal-container.action
  .modal-content
  .content-action
  .content
  .check-wrapper
  .check-text {
  font-weight: 700;
  font-size: 18px;
  color: #000000;
  text-align: center;
  line-height: 25px;
}
.modal-modal-bg
  .modal-container.action
  .modal-content
  .content-action
  .content
  .check-wrapper
  .check-form {
  display: block;
  margin: 25px 0 0 0;
  padding: 35px 35px 40px 35px;
  height: 194px;
  position: relative;
  width: 100%;
  flex-direction: column;
  align-items: center;
  background-color: #dae0e5;
}
.modal-modal-bg
  .modal-container.action
  .modal-content
  .content-action
  .content
  .check-wrapper
  .check-form::after {
  content: "";
  display: block;
  width: 100%;
  height: 9px;
  position: absolute;
  bottom: -9px;
  left: 0;
  right: 0;
  background-position: bottom center;
  background-image: url("../../images/action/check-bottom.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.modal-modal-bg
  .modal-container.action
  .modal-content
  .content-action
  .content
  .check-wrapper
  .check-form
  input {
  display: block;
  width: 340px;
  height: 55px;
  margin: 0 auto;
  line-height: 55px;
  background: #ffffff;
  border: 1px solid #cbcbcb;
  font-size: 15px;
  color: #434343;
  text-align: left;
}
.modal-modal-bg
  .modal-container.action
  .modal-content
  .content-action
  .content
  .check-wrapper
  .check-form
  .button {
  display: flex;
  width: 200px;
  height: 50px;
  margin: 28px auto 0 auto;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  font-size: 18px;
  color: #ffffff;
  text-align: center;
}
.modal-modal-bg
  .modal-container.action
  .modal-content
  .content-action
  .content
  .goods-wrapper {
  margin: 51px 0 0 0;
}
.modal-modal-bg
  .modal-container.action
  .modal-content
  .content-action
  .content
  .goods-wrapper
  .goods-title {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #a7a7a7;
  border-bottom: 1px solid #a7a7a7;
}
.modal-modal-bg
  .modal-container.action
  .modal-content
  .content-action
  .content
  .goods-wrapper
  .goods-title.active {
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  background: #dae0e5;
}
.modal-modal-bg
  .modal-container.action
  .modal-content
  .content-action
  .content
  .goods-wrapper
  .goods-title.active
  .plus-minus.plus {
  display: none;
}
.modal-modal-bg
  .modal-container.action
  .modal-content
  .content-action
  .content
  .goods-wrapper
  .goods-title.active
  .plus-minus.minus {
  display: inline-block;
}
.modal-modal-bg
  .modal-container.action
  .modal-content
  .content-action
  .content
  .goods-wrapper
  .goods-title
  .title {
  padding: 16px 11px 15px 11px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
  color: #000000;
  text-align: left;
}
.modal-modal-bg
  .modal-container.action
  .modal-content
  .content-action
  .content
  .goods-wrapper
  .goods-title
  .plus-minus {
  display: inline-block;
  cursor: pointer;
  width: 25px;
  height: 25px;
  line-height: 25px;
  margin-right: 11px;
  border-radius: 50%;
  border: 1px solid #000000;
  font-size: 18px;
  color: #000000;
  justify-content: center;
  align-items: center;
  text-align: center;
  background: transparent;
  outline: none;
}
.modal-modal-bg
  .modal-container.action
  .modal-content
  .content-action
  .content
  .goods-wrapper
  .goods-title
  .plus-minus.minus {
  display: none;
}
.modal-modal-bg
  .modal-container.action
  .modal-content
  .content-action
  .content
  .goods-wrapper
  .goods {
  display: none;
  margin: 80px 0 0 0;
  flex-direction: column;
}
.modal-modal-bg
  .modal-container.action
  .modal-content
  .content-action
  .content
  .goods-wrapper
  .goods.active {
  display: flex;
}
.modal-modal-bg
  .modal-container.action
  .modal-content
  .content-action
  .content
  .goods-wrapper
  .goods
  .products {
  display: flex;
  padding: 0 20px 39px 20px;
  border-bottom: 1px solid #a7a7a7;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (min-width: 0px) and (max-width: 700px) {
  .modal-modal-bg
    .modal-container.action
    .modal-content
    .content-action
    .content
    .goods-wrapper
    .goods
    .products {
    flex-wrap: wrap;
  }
}
.modal-modal-bg
  .modal-container.action
  .modal-content
  .content-action
  .content
  .goods-wrapper
  .goods
  .products
  .product {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: calc(50% - 20px);
  margin-bottom: 30px;
}
@media (min-width: 0px) and (max-width: 700px) {
  .modal-modal-bg
    .modal-container.action
    .modal-content
    .content-action
    .content
    .goods-wrapper
    .goods
    .products
    .product {
    width: 100%;
  }
}
.modal-modal-bg
  .modal-container.action
  .modal-content
  .content-action
  .content
  .goods-wrapper
  .goods
  .products
  .product
  .image-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 200px;
  position: relative;
}
.modal-modal-bg
  .modal-container.action
  .modal-content
  .content-action
  .content
  .goods-wrapper
  .goods
  .products
  .product
  .image-wrapper
  .image {
  object-fit: contain;
}
.modal-modal-bg
  .modal-container.action
  .modal-content
  .content-action
  .content
  .goods-wrapper
  .goods
  .products
  .product
  .image-wrapper
  .product-label {
  display: flex;
  position: absolute;
  width: 80px;
  height: 80px;
  top: -35px;
  right: 23px;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border-radius: 50%;
  font-size: 29px;
  color: #ffffff;
  letter-spacing: 0.7px;
}
.modal-modal-bg
  .modal-container.action
  .modal-content
  .content-action
  .content
  .goods-wrapper
  .goods
  .products
  .product
  .image-wrapper
  .product-label.type-1 {
  background: #e575a0;
  font-size: 35px;
  letter-spacing: 0.48px;
}
.modal-modal-bg
  .modal-container.action
  .modal-content
  .content-action
  .content
  .goods-wrapper
  .goods
  .products
  .product
  .image-wrapper
  .product-label.type-2 {
  background: #e57575;
  font-style: italic;
  line-height: 1;
}
.modal-modal-bg
  .modal-container.action
  .modal-content
  .content-action
  .content
  .goods-wrapper
  .goods
  .products
  .product
  .image-wrapper
  .product-label.type-2
  .text {
  font-weight: 700;
  font-size: 12px;
  color: #ffffff;
  line-height: 1;
}
.modal-modal-bg
  .modal-container.action
  .modal-content
  .content-action
  .content
  .goods-wrapper
  .goods
  .products
  .product
  .image-wrapper
  .product-label.type-3 {
  background: #5ecada;
  font-style: italic;
  font-size: 35px;
  letter-spacing: 0.48px;
}
.modal-modal-bg
  .modal-container.action
  .modal-content
  .content-action
  .content
  .goods-wrapper
  .goods
  .products
  .product
  .title-block {
  display: flex;
  width: 100%;
  margin: 44px 0 0 0;
  flex-direction: row;
  justify-content: space-between;
}
.modal-modal-bg
  .modal-container.action
  .modal-content
  .content-action
  .content
  .goods-wrapper
  .goods
  .products
  .product
  .title-block
  .title {
  font-weight: 300;
  font-size: 13px;
  color: #000000;
  line-height: 20px;
  text-align: left;
}
.modal-modal-bg
  .modal-container.action
  .modal-content
  .content-action
  .content
  .goods-wrapper
  .goods
  .products
  .product
  .title-block
  .price {
  font-weight: 700;
  font-size: 14px;
  color: #000000;
  text-align: right;
  line-height: 20px;
  white-space: nowrap;
}
.modal-modal-bg
  .modal-container.action
  .modal-content
  .content-action
  .content
  .goods-wrapper
  .goods
  .products
  .product
  .title-block
  .price
  .normal-price {
  font-size: 23px;
  color: #f3005e;
}
.modal-modal-bg
  .modal-container.action
  .modal-content
  .content-action
  .content
  .goods-wrapper
  .goods
  .products
  .product
  .title-block
  .price
  .old-price {
  text-decoration: line-through;
}
.modal-modal-bg
  .modal-container.action
  .modal-content
  .content-action
  .content
  .place {
  display: block;
  position: relative;
  width: 100%;
  margin: 80px 0 0 0;
  padding: 35px 0 38px 90px;
  border-radius: 5px;
  border: 1px solid #979797;
}
@media (min-width: 0px) and (max-width: 700px) {
  .modal-modal-bg
    .modal-container.action
    .modal-content
    .content-action
    .content
    .place {
    margin: 40px 0 0 0;
    padding: 0;
    border: none;
  }
}
.modal-modal-bg
  .modal-container.action
  .modal-content
  .content-action
  .content
  .place
  .location {
  display: flex;
  position: relative;
  flex-direction: row;
}
.modal-modal-bg
  .modal-container.action
  .modal-content
  .content-action
  .content
  .place
  .location.additional-margin {
  margin: 0 0 8px 0;
}
@media (min-width: 0px) and (max-width: 700px) {
  .modal-modal-bg
    .modal-container.action
    .modal-content
    .content-action
    .content
    .place
    .location {
    flex-direction: column;
  }
}
.modal-modal-bg
  .modal-container.action
  .modal-content
  .content-action
  .content
  .place
  .location
  .point-icon {
  display: block;
  width: 21px;
  height: 30px;
  background-image: url("../../images/action/placemark.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
@media (min-width: 701px) {
  .modal-modal-bg
    .modal-container.action
    .modal-content
    .content-action
    .content
    .place
    .location
    .point-icon {
    position: absolute;
    left: -30px;
  }
}
.modal-modal-bg
  .modal-container.action
  .modal-content
  .content-action
  .content
  .place
  .location
  .text {
  margin: 0 0 0 3px;
  font-size: 15px;
  color: #000000;
  line-height: 30px;
}
.modal-modal-bg
  .modal-container.action
  .modal-content
  .content-action
  .content
  .place
  .location
  .text
  .location-text.bold {
  font-weight: 700;
}
.modal-modal-bg
  .modal-container.action
  .modal-content
  .content-action
  .content
  .place
  .location
  .text
  .location-address {
  font-size: 13px;
  line-height: 20px;
  text-decoration: underline;
}
@media (min-width: 701px) {
  .modal-modal-bg
    .modal-container.action
    .modal-content
    .content-action
    .content
    .place
    .location-image-wrapper {
    position: absolute;
    bottom: 15px;
    right: 20px;
  }
}
@media (min-width: 0px) and (max-width: 700px) {
  .modal-modal-bg
    .modal-container.action
    .modal-content
    .content-action
    .content
    .place
    .location-image-wrapper {
    margin: 10px 0 0 0;
  }
}
.modal-modal-bg
  .modal-container.action
  .modal-content
  .content-action
  .content
  .promoter {
  margin: 41px 0 -3px 0;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.4);
  line-height: 20px;
}
.modal-modal-bg
  .modal-container.action
  .modal-content
  .content-action
  .content
  .promoter
  .promoter-text {
  display: block;
}
.modal-modal-bg
  .modal-container.action
  .modal-content
  .content-action
  .content
  .promoter
  .promoter-text.bold {
  font-weight: 700;
}
.modal-modal-bg .modal-container.action .modal-content .hidden {
  display: none !important;
}
.modal-modal-bg .modal-container.action .modal-content .wrapper-pagination {
  margin: 0 auto;
}
.modal-modal-bg
  .modal-container.action
  .modal-content
  .wrapper-pagination
  .wrapper-title {
  display: flex;
  margin: 0 21px 0 21px;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.modal-modal-bg
  .modal-container.action
  .modal-content
  .wrapper-pagination
  .wrapper-title::before {
  content: "";
  display: inline-flex;
  flex: 1 1 auto;
  border-bottom: 1px solid #dbdbdb;
  height: 1px;
}
.modal-modal-bg
  .modal-container.action
  .modal-content
  .wrapper-pagination
  .wrapper-title::after {
  content: "";
  flex: 1 1 auto;
  display: inline-flex;
  border-bottom: 1px solid #dbdbdb;
  height: 1px;
}
.modal-modal-bg
  .modal-container.action
  .modal-content
  .wrapper-pagination
  .wrapper-title
  .circle {
  border-radius: 1000px;
  display: inline-flex;
  width: 43px;
  height: 43px;
  justify-content: center;
  align-items: center;
  border: 1px solid #b7b7b7;
}
.modal-modal-bg
  .modal-container.action
  .modal-content
  .wrapper-pagination
  .wrapper-title
  .circle
  .image-icon.arrow-down {
  display: inline-block;
  width: 15px;
  height: 18px;
  background: transparent
    url(../../images/icons/arrow-down-2x.png%3Fv=5) 50% 50% no-repeat;
  background-size: cover;
}
.modal-modal-bg
  .modal-container.action
  .modal-content
  .wrapper-pagination
  .wrapper-title
  .pagination-name {
  margin-left: 10px;
  font-size: 14px;
  color: #000000;
  text-transform: uppercase;
}

.modal-modal-bg .button.gradient {
  padding: 17px 20px;
}
.modal-modal-bg .button.gradient .image-icon.download-white {
  display: inline-block;
  width: 15px;
  height: 18px;
  background: transparent url("../images/icons/download-white.svg") 50% 50%
    no-repeat;
  background-size: cover;
}
.modal-modal-bg .button.gradient .title {
  margin-left: 10px;
}

.product__coupon {
  margin: 65px -10px -25px -10px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("../../images/action/coupon-border.svg");
  padding: 9px 10px 20px 10px;
}
.product__coupon .coupon-body {
  display: flex;
  padding: 50px 40px;
  flex-direction: column;
  width: 100%;
  height: 525px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  background-image: url("../../images/action/coupon-bg.jpg");
}
@media (min-width: 0px) and (max-width: 700px) {
  .product__coupon .coupon-body {
    height: auto;
    padding: 25px 20px;
  }
}
.product__coupon .coupon-body .coupon-header {
  display: flex;
  padding: 0 0 50px 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.product__coupon .coupon-body .coupon-header .dates-block {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 205px;
  min-height: 50px;
  padding: 0 7px;
  background: #6998e1;
  font-weight: 700;
  font-size: 14px;
  color: #ffffff;
  letter-spacing: 0;
  text-align: center;
  line-height: 20px;
  border-radius: 5px;
}
.product__coupon .coupon-body .coupon-header .dates-block.red {
  background: #ff0959;
}
.product__coupon .coupon-body .coupon-header .title {
  margin: 25px 0 0 0;
  font-weight: 700;
  font-size: 18px;
  color: #ffffff;
  text-align: center;
  line-height: 25px;
}
.product__coupon .coupon-body .coupon-bottom {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.product__coupon .coupon-body .coupon-bottom .line {
  display: inline-block;
  margin: 0 auto 50px auto;
  width: 100px;
  height: 1px;
  background: rgba(216, 216, 216, 0.2);
}
.product__coupon .coupon-body .coupon-bottom .coupon-content {
  display: flex;
  width: 100%;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
@media (min-width: 0px) and (max-width: 700px) {
  .product__coupon .coupon-body .coupon-bottom .coupon-content {
    flex-direction: column;
  }
}
.product__coupon .coupon-body .coupon-bottom .coupon-content .how-use {
  display: flex;
  width: 242px;
  flex-direction: column;
}
@media (min-width: 0px) and (max-width: 700px) {
  .product__coupon .coupon-body .coupon-bottom .coupon-content .how-use {
    padding: 0 10px;
    margin: 0 0 10px 0;
  }
}
.product__coupon .coupon-body .coupon-bottom .coupon-content .how-use .title {
  margin: 0 0 15px 0;
  font-weight: 700;
  font-size: 18px;
  color: #ffffff;
  text-align: left;
  line-height: 25px;
}
.product__coupon
  .coupon-body
  .coupon-bottom
  .coupon-content
  .how-use
  .list
  .item {
  font-size: 14px;
  color: #aaafb6;
  line-height: 17px;
}
.product__coupon
  .coupon-body
  .coupon-bottom
  .coupon-content
  .how-use
  .list
  .item:not(:last-child) {
  margin: 0 0 17px 0;
}
.product__coupon .coupon-body .coupon-bottom .coupon-content .qrcode {
  display: flex;
  width: 175px;
  height: 175px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background: #ffffff;
  border-radius: 5px;
}
.product__coupon .coupon-body .coupon-bottom .coupon-content .qrcode .image {
  padding: 25px;
}
.product__coupon .download-coupon {
  display: flex;
  height: 50px;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  background: #e5dae2;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.product__coupon .download-coupon .download-link {
  padding: 1px 0 0 0;
}
.product__coupon .download-coupon .download-link .icon {
  display: inline-block;
  width: 11px;
  height: 14px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg width='11' height='14' viewBox='0 0 11 14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.7157946 11.3303681L.2764972 6.97178522c-.83236826-.81723429.44392974-2.07032688 1.27629801-1.25309258l2.88554331 2.83307888V.86976916c0-1.14412801 1.83121017-1.14412801 1.83121017 0v7.68200236L9.155092 5.71869264c.83236827-.8172343 2.1086663.43585829 1.276298 1.25309258L5.99209261 11.3303681c-.33294731.3268937-.9433507.3268937-1.27629801 0zm5.10519201.9261989c1.16531559 0 1.16531559 1.7434332 0 1.7434332H.8869006c-1.16531557 0-1.16531557-1.7434332 0-1.7434332H9.8209866z' fill='%23222B37' fill-rule='evenodd'/%3E%3C/svg%3E");
  transform: translateX(-7px) translateY(2px);
}
.product__coupon .download-coupon .download-link .text {
  font-weight: 700;
  font-size: 17px;
  color: #222b37;
  background-repeat: no-repeat;
  background-position: bottom center;
  background-image: url("data:image/svg+xml,%3Csvg width='124' height='1' viewBox='0 0 124 1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' d='M23 16h124v1H23z'/%3E%3Cmask id='b' x='0' y='0' width='124' height='1' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3C/defs%3E%3Cuse mask='url(%23b)' xlink:href='%23a' transform='translate(-23 -16)' fill-rule='nonzero' stroke='%23222B37' stroke-width='2' fill='none' opacity='.60000002' stroke-dasharray='1,3'/%3E%3C/svg%3E");
}

.questions-table {
  width: 100%;
  table-layout: fixed;
  border: 1px solid #e6e6e6;
}
.questions-table tr th {
  padding: 12px 30px 12px 0px;
  white-space: nowrap;
  background: #f4f5f7;
  text-align: left;
  font-size: 14px;
}
.questions-table tr th .svg-icon,
.questions-table tr th .label {
  display: inline-block;
  vertical-align: middle;
}
.questions-table tr th .label {
  margin-left: 5px;
}
.questions-table tr th.number {
  width: 90px;
}
.questions-table tr.answer {
  cursor: pointer;
}
.questions-table tr.answer td {
  padding: 15px 10px 15px 10px;
}
.questions-table tr.read:not(:last-child) td {
  border-bottom: 1px solid #e6e6e6;
}
.questions-table tr.not-read {
  background: #f2f4f6;
}
.questions-table tr td {
  font-size: 16px;
  vertical-align: middle;
}
@media (max-width: 1399px) {
  .questions-table tr td {
    font-size: 14px;
  }
}
@media (max-width: 1279px) {
  .questions-table tr td {
    font-size: 13px;
  }
}
.questions-table tr td.last-answer {
  width: 380px;
}
@media (max-width: 1399px) {
  .questions-table tr td.last-answer {
    width: 30%;
  }
}
.questions-table tr td.last-answer .last-answer-wrapper {
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
}
.questions-table tr td.number {
  text-align: center;
  padding-right: 0px;
  font-size: 0px;
  width: 90px;
}
.questions-table tr td.status {
  width: 350px;
}
.questions-table tr td.status .wrapper-status {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-self: center;
  -moz-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}
@media (max-width: 1399px) {
  .questions-table tr td.status {
    width: 250px;
    padding: 0px;
  }
}
.questions-table .small-preview {
  text-align: left;
  padding: 10px 15px;
}
.questions-table .small-preview .theme {
  margin-bottom: 10px;
}
.questions-table .small-preview .theme .label {
  font-weight: 500;
}
.questions-table .small-preview .author-text .title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}
.questions-table .small-preview .author-text .title .author {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.questions-table .small-preview .author-text .title .author .author-title {
  margin-left: 10px;
}
.questions-table .small-preview .author-text .title .date {
  font-size: 11px;
  opacity: 0.5;
}
.questions-table .small-preview .last-answer {
  margin-top: 20px;
  font-weight: bold;
  font-size: 14px;
  max-height: 35px;
  overflow: hidden;
  position: relative;
  padding-right: 10px;
}
.questions-table .small-preview .last-answer:after {
  content: "...";
  position: absolute;
  right: 0;
  bottom: 0;
}

.answers-list .answer-wrapper {
  padding: 21px 20px 34px 37px;
}
@media (min-width: 0px) and (max-width: 700px) {
  .answers-list .answer-wrapper {
    padding: 12px 23px;
  }
}
.answers-list .answer-wrapper.answer {
  background: #f2f2f2;
}
.answers-list .answer-wrapper .author-line {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}
.answers-list .answer-wrapper .author-line .author {
  font-size: 16px;
  font-weight: 500;
}
.answers-list .answer-wrapper .author-line .date {
  font-size: 12px;
  color: #9b9b9b;
  margin-bottom: 10px;
}
.answers-list .answer-wrapper .subtitle-line {
  font-size: 12px;
  color: #9b9b9b;
  margin-bottom: 10px;
}
.answers-list .answer-wrapper .answer {
  font-size: 13px;
  color: black;
  font-weight: 400;
}

.answers-list .images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 40px -20px;
}
.answers-list .images a {
  width: 100px;
  padding: 0 20px;
}

.partner-field {
  position: relative;
  cursor: pointer;
  margin-left: 20px;
  z-index: 9999;
  font-size: 0px;
  white-space: nowrap;
}
.partner-field .wrapper-checkbox-list {
  margin-left: 0px;
}

.partner-field-label {
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #c1bdbd;
  border-right: none;
  padding: 12px 10px 8px 15px;
  text-transform: uppercase;
  border-radius: 6px 0px 0px 6px;
  color: #868585;
  font-weight: normal;
  width: 170px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
}

.partner-field-radio-list-styled-wrapper
  input[type="radio"]:checked
  + label
  span {
  border-bottom: 1px dashed;
  color: #49417a;
}

.partner-field.active .partner-field-wrapper-list {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  pointer-events: auto;
}

.partner-field-dropper-item {
  width: 38px;
  height: 38px;
  background: #49417a url("../images/icons/order.svg") 50% 50% no-repeat;
  background-size: 21px 21px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  border-radius: 0px 6px 6px 0px;
}

.partner-field-wrapper-list {
  background: #ffffff;
  position: absolute;
  top: 48px;
  opacity: 0;
  visibility: hidden;
  white-space: nowrap;
  right: 0;
  border: 1px solid #dedede;
  border-radius: 6px;
  padding: 15px 10px 20px 6px;
  pointer-events: none;
  z-index: 9999;
  font-size: 14px;
}
@media (max-width: 700px) {
  .partner-field-wrapper-list {
    white-space: normal;
    width: calc(100vw - 10px);
    margin-left: 10px;
    font-size: 15px;
  }
}

.partner-field-wrapper-list:before {
  position: absolute;
  right: 13px;
  top: -11px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 7.5px 11px 7.5px;
  border-color: transparent transparent #dedede transparent;
  content: "";
}

.partner-field-wrapper-list::after {
  left: 0;
  right: 0;
  top: -11px;
  height: 10px;
  content: "";
  position: absolute;
}

.partner-field-wrapper-list input[type="radio"] {
  display: none;
}

.partner-field-wrapper-list label {
  padding: 5px 25px;
  cursor: pointer;
  color: #000000;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  display: block;
}

.partner-field-wrapper-list label span {
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  border-bottom: 1px dashed transparent;
}

.partner-field-wrapper-list label span:hover span {
  color: #49417a;
  border-bottom-color: inherit;
}

@media all and (max-width: 900px) {
  .partner-field-label {
    display: none;
  }
  .partner-field {
    position: absolute;
    top: -5px;
    right: 12px;
  }
  .partner-field-dropper-item {
    border-radius: 6px;
  }
  .partner-field-wrapper-list {
    padding: 10px 8px;
  }
  .partner-field-wrapper-list label {
    padding: 3px 12px;
  }
}

.partners-wrapper {
  margin: 20px 0px;
  padding-top: 10px;
}
.partners-wrapper h2 {
  font-size: 23px;
  font-weight: 500;
  text-align: center;
}

.partners-acton-info-list {
  margin-top: 20px;
}
.partners-acton-info-list .slick-dots {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  margin-top: 20px;
}
.partners-acton-info-list .slick-dots li {
  margin: 0 5px;
}
.partners-acton-info-list .slick-dots li.slick-active button {
  background: transparent;
}
.partners-acton-info-list .slick-dots li button {
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  width: 8px;
  height: 8px;
  background: #123282;
  border: 2px solid #123282;
  border-radius: 50%;
  color: transparent;
  padding: 0px;
}
.partners-acton-info-list .partner-address {
  text-align: center;
  font-size: 13px;
  margin-top: 5px;
  color: #595959;
}

.partners-acton-info-list .partner-info-action {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  padding: 5px;
  position: relative;
  width: 100%;
}

.partners-acton-info-list .wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  padding: 20px 15px 50px 15px;
  background: #f4f5f9;
  position: relative;
  min-height: 300px;
}

.partners-acton-info-list .partner__logo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  width: 150px;
  height: 40px;
  text-align: center;
  margin: 0 auto;
}
.partners-acton-info-list .partner__logo img {
  object-fit: contain;
}

.partners-acton-info-list .partner-title {
  font-weight: bold;
  text-align: center;
  margin-top: 10px;
  font-size: 13px;
}

.partners-acton-info-list .action-description {
  background: #ffffff;
  padding: 5px 10px;
  border-radius: 6px;
  margin: 20px 0px;
}
.partners-acton-info-list .action-description h6 {
  font-size: 10px;
  line-height: 1.3;
  margin: 15px 0px;
}

.partners-acton-info-list .organizer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  position: absolute;
  bottom: 15px;
  left: 15px;
  right: 15px;
  font-size: 12px;
}

.partners-acton-info-list .value {
  font-weight: bold;
}

@media all and (max-width: 999px) {
  .partners-acton-info-list {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -5px;
  }
  .partners-acton-info-list .partner-info-action {
    width: 100%;
    padding: 5px;
  }
  .partners-acton-info-list .wrapper {
    padding: 20px 15px 10px 15px;
  }
  .partners-acton-info-list .organizer {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: static;
  }
  .partners-acton-info-list .item {
    margin-bottom: 10px;
    width: 100%;
  }
  .partners-acton-info-list .value {
    margin-top: 3px;
  }
}

.notice-holder {
  padding: 12px 12px 16px 70px;
  background: #f4f5f7;
  border-radius: 6px;
  max-width: 450px;
  margin: 20px auto;
  text-align: left;
  position: relative;
}
.notice-holder.white {
  background: #ffffff;
}
.notice-holder.white .attention-icon span {
  background: #ffffff;
}
@media (max-width: 700px) {
  .notice-holder {
    font-size: 13px;
    padding: 14px 12px 14px 60px;
  }
}
.notice-holder b {
  font-weight: bold;
}
.notice-holder .attention-icon {
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  left: 10px;
  top: 50%;
}
.notice-holder .attention-icon span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  position: relative;
  background: #f4f5f7;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  text-align: center;
  font-size: 30px;
  font-weight: normal;
  z-index: 2;
  display: block;
}
@media (max-width: 700px) {
  .notice-holder .attention-icon span {
    width: 35px;
    height: 35px;
    font-size: 25px;
  }
}
.notice-holder .attention-icon:after {
  position: absolute;
  left: -1px;
  top: -1px;
  bottom: -1px;
  right: -1px;
  background: linear-gradient(to right, #c64ba6 0%, #e9335b 100%);
  content: "";
  border-radius: 50%;
  z-index: 1;
}

.wrapper-personal-notice {
  background: #ffffff;
  border-radius: 6px;
  text-align: center;
  max-width: 900px;
  border: 2px solid #fed55e;
  color: black;
  padding: 35px 0px 28px 0px;
  position: relative;
  margin: 0 auto 55px auto;
  transform: translateY(-20px);
}
@media (min-width: 0px) and (max-width: 700px) {
  .wrapper-personal-notice {
    transform: none;
    max-width: 90%;
  }
}
.wrapper-personal-notice .image-icon.message-yellow {
  position: absolute;
  right: 50%;
  top: -15px;
  transform: translateX(50%);
}
.wrapper-personal-notice .wrapper-title {
  margin-top: 0px;
  color: black;
  margin-bottom: 10px;
}
.wrapper-personal-notice .wrapper-title .title {
  color: black;
  font-size: 20px;
}
@media (min-width: 0px) and (max-width: 700px) {
  .wrapper-personal-notice .wrapper-title .title {
    font-size: 17px;
  }
}
.wrapper-personal-notice .message {
  padding: 0 10px;
  font-size: 15px;
  line-height: 1.5;
}
@media (min-width: 0px) and (max-width: 700px) {
  .wrapper-personal-notice .message {
    font-size: 12px;
  }
}
.wrapper-personal-notice b {
  font-weight: bold;
}

/*! 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://bonus-globus.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://bonus-globus.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://bonus-globus.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://bonus-globus.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://bonus-globus.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://bonus-globus.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://bonus-globus.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: 70px auto;
  background: #fff;
  border-radius: 10px;
  max-width: 80%;
}
@media (max-width: 999px) {
  .modal-modal-bg .modal-container {
    max-width: 90%;
  }
}
@media (min-width: 0px) and (max-width: 700px) {
  .modal-modal-bg .modal-container {
    width: 100%;
    max-width: 100%;
    margin: 0px;
    border-radius: 0px;
    margin-top: 50px;
  }
}
.modal-modal-bg .modal-container img {
  max-width: 100%;
  height: auto;
}
.modal-modal-bg .modal-container .modal-closer {
  text-indent: -99999px;
  overflow: hidden;
  position: absolute;
  top: 0px;
  right: -30px;
  width: 17px;
  height: 17px;
  background: transparent url("../images/icons/modal-close.png") 0 0 no-repeat;
  background-size: contain;
  text-decoration: none;
  cursor: pointer;
  z-index: 1;
}
@media (max-width: 999px) {
  .modal-modal-bg .modal-container .modal-closer {
    right: 0px;
    top: -30px;
  }
}
@media (max-width: 700px) {
  .modal-modal-bg .modal-container .modal-closer {
    top: -50px;
    right: 0px;
    width: 50px;
    height: 50px;
    background: #ffffff url("../images/icons/modal-close-black.svg") 50% 50%
      no-repeat;
  }
}
.modal-modal-bg .modal-container .modal-content {
  padding: 25px 45px 25px 42px;
  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);
}
@media (max-width: 999px) {
  .modal-modal-bg .modal-container .modal-content {
    padding: 20px 12px;
  }
}
@media (max-width: 700px) {
  .modal-modal-bg .modal-container .modal-content {
    padding: 23px 12px;
  }
}

.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);
  }
}

.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;
}

.picker__select--month,
.picker__select--year {
  display: inline-block;
  height: auto;
  background: transparent;
  padding: 10px;
  font-size: 14px;
}

.picker__box {
  padding: 10px 15px;
}

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

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

.picker__nav--next {
  right: 0;
}

.picker__nav--prev {
  left: 0;
}

.kladr-error {
  color: #cb3e27;
}

#kladr_autocomplete ul {
  position: absolute;
  display: block;
  margin-top: -1px;
  margin-left: -1px;
  padding: 0;
  border: 1px solid #c4c4c4;
  background-color: #fff;
  z-index: 9999;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 420px;
  color: #313131;
}

#kladr_autocomplete li {
  display: list-item;
  list-style-type: none;
  margin: 0;
  padding: 8px 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

#kladr_autocomplete li + li {
  border-top: 1px solid #ededed;
}

#kladr_autocomplete li:hover {
  background-color: #f2f2f2;
  cursor: pointer;
}

#kladr_autocomplete li.active {
  background-color: #e9e9e9;
}

#kladr_autocomplete a {
  text-decoration: none;
}

#kladr_autocomplete strong {
  color: #fed45f;
}

#kladr_autocomplete .spinner {
  position: absolute;
  display: block;
  margin: 0;
  padding: 0;
  width: 16px;
  height: 16px;
  z-index: 9999;
}

.flatpickr-calendar {
  background: transparent;
  opacity: 0;
  display: none;
  text-align: center;
  visibility: hidden;
  padding: 0;
  -webkit-animation: none;
  animation: none;
  direction: ltr;
  border: 0;
  font-size: 14px;
  line-height: 24px;
  border-radius: 5px;
  position: absolute;
  width: 307.875px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-box-shadow: 0 3px 13px rgba(0, 0, 0, 0.08);
  box-shadow: 0 3px 13px rgba(0, 0, 0, 0.08);
}

.flatpickr-calendar.open,
.flatpickr-calendar.inline {
  opacity: 1;
  max-height: 640px;
  visibility: visible;
}

.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999;
}

.flatpickr-calendar.animate.open {
  -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
  animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px;
}

.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px);
}

.flatpickr-calendar.static.open {
  z-index: 999;
  display: block;
}

.flatpickr-calendar.multiMonth
  .flatpickr-days
  .dayContainer:nth-child(n + 1)
  .flatpickr-day.inRange:nth-child(7n + 7) {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.flatpickr-calendar.multiMonth
  .flatpickr-days
  .dayContainer:nth-child(n + 2)
  .flatpickr-day.inRange:nth-child(7n + 1) {
  -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
  box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}

.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0;
}

.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid #eceef1;
}

.flatpickr-calendar.showTimeInput.hasTime .flatpickr-innerContainer {
  border-bottom: 0;
}

.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
  border: 1px solid #eceef1;
}

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}

.flatpickr-calendar:before,
.flatpickr-calendar:after {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  left: 22px;
}

.flatpickr-calendar.rightMost:before,
.flatpickr-calendar.rightMost:after {
  left: auto;
  right: 22px;
}

.flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px;
}

.flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px;
}

.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
  bottom: 100%;
}

.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #eceef1;
}

.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #eceef1;
}

.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
  top: 100%;
}

.flatpickr-calendar.arrowBottom:before {
  border-top-color: #eceef1;
}

.flatpickr-calendar.arrowBottom:after {
  border-top-color: #eceef1;
}

.flatpickr-calendar:focus {
  outline: 0;
}

.flatpickr-wrapper {
  position: relative;
  display: inline-block;
}

.flatpickr-months {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.flatpickr-months .flatpickr-month {
  border-radius: 5px 5px 0 0;
  background: #eceef1;
  color: #5a6171;
  fill: #5a6171;
  height: 28px;
  line-height: 1;
  text-align: center;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 0px;
  line-height: 16px;
  height: 28px;
  padding: 10px;
  z-index: 3;
  color: #5a6171;
  fill: #5a6171;
}

.flatpickr-months .flatpickr-prev-month.disabled,
.flatpickr-months .flatpickr-next-month.disabled {
  display: none;
}

.flatpickr-months .flatpickr-prev-month i,
.flatpickr-months .flatpickr-next-month i {
  position: relative;
}

.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
  /*
        /*rtl:begin:ignore*/
  /*
        */
  left: 0;
  /*
        /*rtl:end:ignore*/
  /*
        */
}

/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
  /*
        /*rtl:begin:ignore*/
  /*
        */
  right: 0;
  /*
        /*rtl:end:ignore*/
  /*
        */
}

/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
  color: #bbb;
}

.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
  fill: #2947a6;
}

.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
  width: 14px;
  height: 14px;
}

.flatpickr-months .flatpickr-prev-month svg path,
.flatpickr-months .flatpickr-next-month svg path {
  -webkit-transition: fill 0.1s;
  transition: fill 0.1s;
  fill: inherit;
}

.numInputWrapper {
  position: relative;
  height: auto;
}

.numInputWrapper input,
.numInputWrapper span {
  display: inline-block;
}

.numInputWrapper input {
  width: 100%;
}

.numInputWrapper input::-ms-clear {
  display: none;
}

.numInputWrapper input::-webkit-outer-spin-button,
.numInputWrapper input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}

.numInputWrapper span {
  position: absolute;
  right: 0;
  width: 14px;
  padding: 0 4px 0 2px;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  border: 1px solid rgba(72, 72, 72, 0.15);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.numInputWrapper span:hover {
  background: rgba(0, 0, 0, 0.1);
}

.numInputWrapper span:active {
  background: rgba(0, 0, 0, 0.2);
}

.numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute;
}

.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0;
}

.numInputWrapper span.arrowUp:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(72, 72, 72, 0.6);
  top: 26%;
}

.numInputWrapper span.arrowDown {
  top: 50%;
}

.numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(72, 72, 72, 0.6);
  top: 40%;
}

.numInputWrapper span svg {
  width: inherit;
  height: auto;
}

.numInputWrapper span svg path {
  fill: rgba(90, 97, 113, 0.5);
}

.numInputWrapper:hover {
  background: rgba(0, 0, 0, 0.05);
}

.numInputWrapper:hover span {
  opacity: 1;
}

.flatpickr-current-month {
  font-size: 135%;
  line-height: inherit;
  font-weight: 300;
  color: inherit;
  position: absolute;
  width: 75%;
  left: 12.5%;
  padding: 6.16px 0 0 0;
  line-height: 1;
  height: 28px;
  display: inline-block;
  text-align: center;
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

.flatpickr-current-month span.cur-month {
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  margin-left: 0.5ch;
  padding: 0;
}

.flatpickr-current-month span.cur-month:hover {
  background: rgba(0, 0, 0, 0.05);
}

.flatpickr-current-month .numInputWrapper {
  width: 6ch;
  width: 7ch \0;
  display: inline-block;
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: #5a6171;
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: #5a6171;
}

.flatpickr-current-month input.cur-year {
  background: transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  cursor: text;
  padding: 0 0 0 0.5ch;
  margin: 0;
  display: inline-block;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  line-height: inherit;
  height: auto;
  border: 0;
  border-radius: 0;
  vertical-align: initial;
}

.flatpickr-current-month input.cur-year:focus {
  outline: 0;
}

.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  color: rgba(90, 97, 113, 0.5);
  background: transparent;
  pointer-events: none;
}

.flatpickr-weekdays {
  background: #eceef1;
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 28px;
}

.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

span.flatpickr-weekday {
  cursor: default;
  font-size: 90%;
  background: #eceef1;
  color: #5a6171;
  line-height: 1;
  margin: 0;
  text-align: center;
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-weight: bolder;
}

.dayContainer,
.flatpickr-weeks {
  padding: 1px 0 0 0;
}

.flatpickr-days {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 307.875px;
  border-left: 1px solid #eceef1;
  border-right: 1px solid #eceef1;
}

.flatpickr-days:focus {
  outline: 0;
}

.dayContainer {
  padding: 0;
  outline: 0;
  text-align: left;
  width: 307.875px;
  min-width: 307.875px;
  max-width: 307.875px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
  opacity: 1;
}

.dayContainer + .dayContainer {
  -webkit-box-shadow: -1px 0 0 #eceef1;
  box-shadow: -1px 0 0 #eceef1;
}

.flatpickr-day {
  background: none;
  border: 1px solid transparent;
  border-radius: 150px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #484848;
  cursor: pointer;
  font-weight: 400;
  width: 14.2857143%;
  -webkit-flex-basis: 14.2857143%;
  -ms-flex-preferred-size: 14.2857143%;
  flex-basis: 14.2857143%;
  max-width: 39px;
  height: 39px;
  line-height: 39px;
  margin: 0;
  display: inline-block;
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: #e2e2e2;
  border-color: #e2e2e2;
}

.flatpickr-day.today {
  border-color: #bbb;
}

.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
  border-color: #bbb;
  background: #bbb;
  color: #fff;
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  background: #2947a6;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  border-color: #2947a6;
}

.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
  border-radius: 50px 0 0 50px;
}

.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
  border-radius: 0 50px 50px 0;
}

.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n + 1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n + 1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n + 1)) {
  -webkit-box-shadow: -10px 0 0 #2947a6;
  box-shadow: -10px 0 0 #2947a6;
}

.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange,
.flatpickr-day.endRange.startRange.endRange {
  border-radius: 50px;
}

.flatpickr-day.inRange {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #e2e2e2, 5px 0 0 #e2e2e2;
  box-shadow: -5px 0 0 #e2e2e2, 5px 0 0 #e2e2e2;
}

.flatpickr-day.disabled,
.flatpickr-day.disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(72, 72, 72, 0.3);
  background: transparent;
  border-color: transparent;
  cursor: default;
}

.flatpickr-day.disabled,
.flatpickr-day.disabled:hover {
  cursor: not-allowed;
  color: rgba(72, 72, 72, 0.1);
}

.flatpickr-day.week.selected {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #2947a6, 5px 0 0 #2947a6;
  box-shadow: -5px 0 0 #2947a6, 5px 0 0 #2947a6;
}

.flatpickr-day.hidden {
  visibility: hidden;
}

.rangeMode .flatpickr-day {
  margin-top: 1px;
}

.flatpickr-weekwrapper {
  display: inline-block;
  float: left;
}

.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  border-left: 1px solid #eceef1;
}

.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 28px;
}

.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
  display: block;
  width: 100%;
  max-width: none;
  color: rgba(72, 72, 72, 0.3);
  background: transparent;
  cursor: default;
  border: none;
}

.flatpickr-innerContainer {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  background: #fff;
  border-bottom: 1px solid #eceef1;
}

.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  border-radius: 0 0 5px 5px;
}

.flatpickr-time:after {
  content: "";
  display: table;
  clear: both;
}

.flatpickr-time .numInputWrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 40%;
  height: 40px;
  float: left;
}

.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #484848;
}

.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #484848;
}

.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%;
}

.flatpickr-time.time24hr .numInputWrapper {
  width: 49%;
}

.flatpickr-time input {
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  color: #484848;
  font-size: 14px;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

.flatpickr-time input.flatpickr-hour {
  font-weight: bold;
}

.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
  font-weight: 400;
}

.flatpickr-time input:focus {
  outline: 0;
  border: 0;
}

.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
  height: inherit;
  display: inline-block;
  float: left;
  line-height: inherit;
  color: #484848;
  font-weight: bold;
  width: 2%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

.flatpickr-time .flatpickr-am-pm {
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 400;
}

.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
  background: #eaeaea;
}

.flatpickr-input[readonly] {
  cursor: pointer;
}

@-webkit-keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

span.flatpickr-day.selected {
  font-weight: bold;
}

/* --- EASYDROPDOWN DEFAULT THEME --- */
/* PREFIXED CSS */
.dropdown,
.dropdown div,
.dropdown li,
.dropdown div::after {
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -ms-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}

.dropdown .selected::after,
.dropdown.scrollable div::after {
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  -ms-pointer-events: none;
  pointer-events: none;
}

/* WRAPPER */
.dropdown {
  position: relative;
  width: 270px;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #cbcbcb;
  cursor: pointer;
  background: #fff;
  border-radius: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.dropdown.open {
  z-index: 2;
}

.dropdown.focus {
  box-shadow: 0 0 5px rgba(51, 102, 248, 0.4);
}

/* CARAT */
.dropdown .carat {
  width: 13px;
  height: 7px;
  position: absolute;
  right: 16px;
  top: 50%;
  margin-top: -3.5px;
  background-image: url("https://bonus-globus.ru/img/ico.png");
  background-position: -76px -39px;
}

.dropdown.open .carat {
  transform: rotate(180deg);
}

/* OLD SELECT (HIDDEN) */
.dropdown .old {
  position: absolute;
  left: 0;
  top: 0;
  height: 0;
  width: 0;
  overflow: hidden;
}

.dropdown select {
  position: absolute;
  left: 0px;
  top: 0px;
}

.dropdown.touch .old {
  width: 100%;
  height: 100%;
}

.dropdown.touch select {
  width: 100%;
  height: 100%;
  opacity: 0;
}

/* SELECTED FEEDBACK ITEM */
.dropdown .selected,
.dropdown li {
  display: block;
  font-size: 15px;
  line-height: 1;
  color: rgba(64, 73, 85, 0.85);
  padding: 13px;
  overflow: hidden;
  white-space: nowrap;
}

.dropdown .selected:before {
  content: "▼";
  display: inline-block;
  position: absolute;
  top: 52%;
  right: 16px;
  font-size: 12px;
  color: rgba(64, 73, 85, 0.85);
  transform: translateY(-50%);
  z-index: 1;
}

.dropdown .selected::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 60px;
  border-radius: 0 2px 2px 0;
  box-shadow: inset -55px 0 25px -20px #fff;
}

/* DROP DOWN WRAPPER */
.dropdown div {
  position: absolute;
  height: 0;
  left: -1px;
  right: -1px;
  top: 100%;
  margin-top: -1px;
  background: #fff;
  border: 1px solid #70d9e7;
  border-top: 1px solid #eee;
  border-radius: 0 0 3px 3px;
  overflow: hidden;
  opacity: 0;
}

/* Height is adjusted by JS on open */
.dropdown.open div {
  opacity: 1;
  z-index: 2;
}

/* FADE OVERLAY FOR SCROLLING LISTS */
.dropdown.scrollable div::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 50px;
  box-shadow: inset 0 -50px 30px -35px #fff;
}

.dropdown.scrollable.bottom div::after {
  opacity: 0;
}

/* DROP DOWN LIST */
.dropdown ul {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  list-style: none;
  overflow: hidden;
  padding: 0;
  margin: 0;
}

.dropdown.scrollable.open ul {
  overflow-y: auto;
}

/* DROP DOWN LIST ITEMS */
.dropdown li {
  list-style: none;
  padding: 13px 12px;
}

/* .focus class is also added on hover */
.dropdown li.focus {
  background: #f6f6f6;
  position: relative;
  z-index: 3;
}

.svg-icon {
  display: inline-block;
}
.svg-icon.arrow-right {
  background: transparent url("../images/icons/arrow-right.svg%3Fv=7") 50% 50%
    no-repeat;
  background-size: cover;
  width: 23px;
  height: 11px;
}
.svg-icon.arrow-left {
  background: transparent url("../images/icons/arrow-left.svg%3Fv=7") 50% 50%
    no-repeat;
  background-size: cover;
  width: 23px;
  height: 11px;
}
.svg-icon.mail-unread {
  background: transparent url("../images/icons/mail-unread.svg%3Fv=7") 50% 50%
    no-repeat;
  background-size: cover;
  width: 20px;
  height: 14px;
}
.svg-icon.mail-read {
  background: transparent url("../images/icons/mail-read.svg%3Fv=7") 50% 50%
    no-repeat;
  background-size: cover;
  width: 20px;
  height: 20px;
}
.svg-icon.user-service {
  background: transparent url("../images/icons/user-service.svg%3Fv=7") 50% 50%
    no-repeat;
  background-size: cover;
  width: 32px;
  height: 32px;
}
.svg-icon.phone-service {
  background: transparent url("../images/icons/phone-service.svg%3Fv=7") 50% 50%
    no-repeat;
  background-size: cover;
  width: 24.5px;
  height: 41.5px;
}
.svg-icon.service-activate {
  background: transparent url("../images/icons/service-activate.svg%3Fv=7") 50%
    50% no-repeat;
  background-size: cover;
  width: 17px;
  height: 24px;
}
.svg-icon.service-block {
  background: transparent url("../images/icons/service-block.svg%3Fv=7") 50% 50%
    no-repeat;
  background-size: cover;
  width: 18.5px;
  height: 23.5px;
}
.svg-icon.service-edit {
  background: transparent url("../images/icons/service-edit.svg%3Fv=7") 50% 50%
    no-repeat;
  background-size: cover;
  width: 23px;
  height: 23px;
}
.svg-icon.service-transactions {
  background: transparent url("../images/icons/service-transactions.svg%3Fv=7")
    50% 50% no-repeat;
  background-size: cover;
  width: 17.5px;
  height: 24px;
}
.svg-icon.service-user-detail {
  background: transparent url("../images/icons/service-user-detail.svg%3Fv=7") 50%
    50% no-repeat;
  background-size: cover;
  width: 21px;
  height: 28px;
}
.svg-icon.order {
  background: transparent url("../images/icons/order.svg%3Fv=7") 50% 50% no-repeat;
  background-size: cover;
  width: 20px;
  height: 21px;
}
.svg-icon.contract {
  background: transparent url("../images/icons/contract.svg%3Fv=7") 50% 50%
    no-repeat;
  background-size: cover;
  width: 24px;
  height: 23px;
}
.svg-icon.calendar_support {
  background: transparent url("../images/icons/calendar_support.svg%3Fv=7") 50%
    50% no-repeat;
  background-size: cover;
  width: 20px;
  height: 21px;
}
.svg-icon.help {
  background: transparent url("../images/icons/help.svg%3Fv=7") 50% 50% no-repeat;
  background-size: cover;
  width: 20px;
  height: 20px;
}
.svg-icon.support {
  background: transparent url("../images/icons/support.svg%3Fv=7") 50% 50%
    no-repeat;
  background-size: cover;
  width: 20px;
  height: 20px;
}

.image-icon {
  display: inline-block;
  /**
    first.tpl предприятия
   */
}
.image-icon.double {
  background: transparent url("../images/icons/double.png%3Fv=9") 50% 50%
    no-repeat;
  background-size: cover;
  width: 56px;
  height: 39px;
}
@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.double {
    background: transparent url("../images/icons/double-2x.png%3Fv=9") 50% 50%
      no-repeat;
    background-size: cover;
  }
}
.image-icon.basket {
  background: transparent url("../images/icons/basket.png%3Fv=9") 50% 50%
    no-repeat;
  background-size: cover;
  width: 61px;
  height: 54px;
}
@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.basket {
    background: transparent url("../images/icons/basket-2x.png%3Fv=9") 50% 50%
      no-repeat;
    background-size: cover;
  }
}
.image-icon.coffee {
  background: transparent url("../images/icons/coffee.png%3Fv=9") 50% 50%
    no-repeat;
  background-size: cover;
  width: 50px;
  height: 67px;
}
@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.coffee {
    background: transparent url("../images/icons/coffee-2x.png%3Fv=9") 50% 50%
      no-repeat;
    background-size: cover;
  }
}
.image-icon.phone {
  background: transparent url("../images/icons/phone.png%3Fv=9") 50% 50% no-repeat;
  background-size: cover;
  width: 30px;
  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.phone {
    background: transparent url("../images/icons/phone-2x.png%3Fv=9") 50% 50%
      no-repeat;
    background-size: cover;
  }
}
.image-icon.swap {
  background: transparent url("../images/icons/swap.png%3Fv=9") 50% 50% no-repeat;
  background-size: cover;
  width: 61px;
  height: 57px;
}
@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.swap {
    background: transparent url("../images/icons/swap-2x.png%3Fv=9") 50% 50%
      no-repeat;
    background-size: cover;
  }
}
.image-icon.arrow-down {
  background: transparent url("../images/icons/arrow-down.png%3Fv=9") 50% 50%
    no-repeat;
  background-size: cover;
  width: 15px;
  height: 18px;
}
@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-down {
    background: transparent url("../images/icons/arrow-down-2x.png%3Fv=9") 50% 50%
      no-repeat;
    background-size: cover;
  }
}
.image-icon.arrow-down-small {
  background: transparent url("../images/icons/arrow-down-small.png%3Fv=9") 50%
    50% no-repeat;
  background-size: cover;
  width: 8px;
  height: 4px;
}
@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-down-small {
    background: transparent url("https://bonus-globus.ru/static/frontend/dist/images/icons/arrow-down-small-2x.png?v=9")
      50% 50% no-repeat;
    background-size: cover;
  }
}
.image-icon.checkbox-ok {
  background: transparent url("https://bonus-globus.ru/static/frontend/dist/images/icons/checkbox-ok.png?v=9") 50% 50%
    no-repeat;
  background-size: cover;
  width: 11px;
  height: 8px;
}
@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.checkbox-ok {
    background: transparent url("https://bonus-globus.ru/static/frontend/dist/images/icons/checkbox-ok-2x.png?v=9") 50%
      50% no-repeat;
    background-size: cover;
  }
}
.image-icon.home {
  background: transparent url("../images/icons/home.png%3Fv=9") 50% 50% no-repeat;
  background-size: cover;
  width: 37px;
  height: 36px;
}
@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.home {
    background: transparent url("../images/icons/home-2x.png%3Fv=9") 50% 50%
      no-repeat;
    background-size: cover;
  }
}
.image-icon.action {
  background: transparent url("../images/icons/action.png%3Fv=9") 50% 50%
    no-repeat;
  background-size: cover;
  width: 34px;
  height: 34px;
}
@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.action {
    background: transparent url("../images/icons/action-2x.png%3Fv=9") 50% 50%
      no-repeat;
    background-size: cover;
  }
}
.image-icon.cart {
  background: transparent url("../images/icons/cart.png%3Fv=9") 50% 50% no-repeat;
  background-size: cover;
  width: 36px;
  height: 25px;
}
@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.cart {
    background: transparent url("../images/icons/cart-2x.png%3Fv=9") 50% 50%
      no-repeat;
    background-size: cover;
  }
}
.image-icon.message {
  background: transparent url("../images/icons/message.png%3Fv=9") 50% 50%
    no-repeat;
  background-size: cover;
  width: 31px;
  height: 30px;
}
@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.message {
    background: transparent url("../images/icons/message-2x.png%3Fv=9") 50% 50%
      no-repeat;
    background-size: cover;
  }
}
.image-icon.settings {
  background: transparent url("../images/icons/settings.png%3Fv=9") 50% 50%
    no-repeat;
  background-size: cover;
  width: 30px;
  height: 30px;
}
@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.settings {
    background: transparent url("../images/icons/settings-2x.png%3Fv=9") 50% 50%
      no-repeat;
    background-size: cover;
  }
}
.image-icon.info {
  background: transparent url("../images/icons/info.png%3Fv=9") 50% 50% no-repeat;
  background-size: cover;
  width: 34px;
  height: 34px;
}
@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.info {
    background: transparent url("../images/icons/info-2x.png%3Fv=9") 50% 50%
      no-repeat;
    background-size: cover;
  }
}
.image-icon.help {
  background: transparent url("../images/icons/help.png%3Fv=9") 50% 50% no-repeat;
  background-size: cover;
  width: 22px;
  height: 31px;
}
@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.help {
    background: transparent url("../images/icons/help-2x.png%3Fv=9") 50% 50%
      no-repeat;
    background-size: cover;
  }
}
.image-icon.swap-cart-bonus {
  background: transparent url("../images/icons/swap-cart-bonus.png%3Fv=9") 50% 50%
    no-repeat;
  background-size: cover;
  width: 32px;
  height: 21px;
}
@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.swap-cart-bonus {
    background: transparent url("../images/icons/swap-cart-bonus-2x.png%3Fv=9")
      50% 50% no-repeat;
    background-size: cover;
  }
}
.image-icon.cart-block {
  background: transparent url("../images/icons/cart-block.png%3Fv=9") 50% 50%
    no-repeat;
  background-size: cover;
  width: 16px;
  height: 22px;
}
.image-icon.cart-changing {
  background: transparent url("../images/icons/cart-change.png") 50% 50%
    no-repeat;
  background-size: cover;
  width: 32px;
  height: 23px;
}
@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.cart-block {
    background: transparent url("../images/icons/cart-block-2x.png%3Fv=9") 50% 50%
      no-repeat;
    background-size: cover;
  }
}
.image-icon.recovery {
  background: transparent url("../images/icons/recovery.png%3Fv=9") 50% 50%
    no-repeat;
  background-size: cover;
  width: 28px;
  height: 18px;
}
@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.recovery {
    background: transparent url("../images/icons/recovery-2x.png%3Fv=9") 50% 50%
      no-repeat;
    background-size: cover;
  }
}
.image-icon.personal {
  background: transparent url("../images/icons/personal.png%3Fv=9") 50% 50%
    no-repeat;
  background-size: cover;
  width: 47px;
  height: 47px;
}
@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.personal {
    background: transparent url("../images/icons/personal-2x.png%3Fv=9") 50% 50%
      no-repeat;
    background-size: cover;
  }
}
.image-icon.close-personal {
  background: transparent url("../images/icons/close-personal.png%3Fv=9") 50% 50%
    no-repeat;
  background-size: cover;
  width: 18px;
  height: 17px;
}
@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.close-personal {
    background: transparent url("../images/icons/close-personal-2x.png%3Fv=9") 50%
      50% no-repeat;
    background-size: cover;
  }
}
.image-icon.message-yellow {
  background: transparent url("../images/icons/message-yellow.png%3Fv=9") 50% 50%
    no-repeat;
  background-size: cover;
  width: 36px;
  height: 35px;
}
@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.message-yellow {
    background: transparent url("../images/icons/message-yellow-2x.png%3Fv=9") 50%
      50% no-repeat;
    background-size: cover;
  }
}
.image-icon.very-small-arrow {
  background: transparent url("../images/icons/very-small-arrow.png%3Fv=9") 50%
    50% no-repeat;
  background-size: cover;
  width: 10px;
  height: 4px;
}
@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.very-small-arrow {
    background: transparent url("../images/icons/very-small-arrow-2x.png%3Fv=9")
      50% 50% no-repeat;
    background-size: cover;
  }
}
.image-icon.settings-small {
  background: transparent url("../images/icons/settings-small.png%3Fv=9") 50% 50%
    no-repeat;
  background-size: cover;
  width: 19px;
  height: 19px;
}
@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.settings-small {
    background: transparent url("../images/icons/settings-small-2x.png%3Fv=9") 50%
      50% no-repeat;
    background-size: cover;
  }
}
.image-icon.calendar {
  background: transparent url("../images/icons/calendar.png%3Fv=9") 50% 50%
    no-repeat;
  background-size: cover;
  width: 16px;
  height: 16px;
}
@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.calendar {
    background: transparent url("../images/icons/calendar-2x.png%3Fv=9") 50% 50%
      no-repeat;
    background-size: cover;
  }
}
.image-icon.arrow-right {
  background: transparent url("../images/icons/arrow-right.png%3Fv=9") 50% 50%
    no-repeat;
  background-size: cover;
  width: 66px;
  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-right {
    background: transparent url("../images/icons/arrow-right-2x.png%3Fv=9") 50%
      50% no-repeat;
    background-size: cover;
  }
}
.image-icon.cal {
  background: transparent url("../images/icons/cal.png%3Fv=9") 50% 50% no-repeat;
  background-size: cover;
  width: 16px;
  height: 16px;
}
@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.cal {
    background: transparent url("../images/icons/cal-2x.png%3Fv=9") 50% 50%
      no-repeat;
    background-size: cover;
  }
}
.image-icon.success {
  background: transparent url("../images/icons/success.png%3Fv=9") 50% 50%
    no-repeat;
  background-size: cover;
  width: 123px;
  height: 123px;
}
@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.success {
    background: transparent url("../images/icons/success-2x.png%3Fv=9") 50% 50%
      no-repeat;
    background-size: cover;
  }
}
.image-icon.action-all-active {
  background: transparent url("../images/icons/action-all-active.png%3Fv=9") 50%
    50% no-repeat;
  background-size: cover;
  width: 39px;
  height: 39px;
}
@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.action-all-active {
    background: transparent url("../images/icons/action-all-active-2x.png%3Fv=9")
      50% 50% no-repeat;
    background-size: cover;
  }
}
.image-icon.action-bonus-inactive {
  background: transparent url("../images/icons/action-bonus-inactive.png%3Fv=9")
    50% 50% no-repeat;
  background-size: cover;
  width: 39px;
  height: 39px;
}
@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.action-bonus-inactive {
    background: transparent
      url("../images/icons/action-bonus-inactive-2x.png%3Fv=9") 50% 50% no-repeat;
    background-size: cover;
  }
}
.image-icon.action-discount-inactive {
  background: transparent
    url("../images/icons/action-discount-inactive.png%3Fv=9") 50% 50% no-repeat;
  background-size: cover;
  width: 39px;
  height: 39px;
}
@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.action-discount-inactive {
    background: transparent
      url("../images/icons/action-discount-inactive-2x.png%3Fv=9") 50% 50%
      no-repeat;
    background-size: cover;
  }
}
.image-icon.action-x2-inactive {
  background: transparent url("../images/icons/action-x2-inactive.png%3Fv=9") 50%
    50% no-repeat;
  background-size: cover;
  width: 39px;
  height: 39px;
}
@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.action-x2-inactive {
    background: transparent url("../images/icons/action-x2-inactive-2x.png%3Fv=9")
      50% 50% no-repeat;
    background-size: cover;
  }
}
.image-icon.arrow-little-down {
  background: transparent url("../images/icons/arrow-little-down.png%3Fv=9") 50%
    50% no-repeat;
  background-size: cover;
  width: 10px;
  height: 5px;
}
@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-little-down {
    background: transparent url("../images/icons/arrow-little-down-2x.png%3Fv=9")
      50% 50% no-repeat;
    background-size: cover;
  }
}
.image-icon.arrow-little-up {
  background: transparent url("../images/icons/arrow-little-up.png%3Fv=9") 50% 50%
    no-repeat;
  background-size: cover;
  width: 10px;
  height: 5px;
}
@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-little-up {
    background: transparent url("../images/icons/arrow-little-up-2x.png%3Fv=9")
      50% 50% no-repeat;
    background-size: cover;
  }
}
.image-icon.phone {
  background: transparent url("../images/icons/phone.png%3Fv=9") 50% 50% no-repeat;
  background-size: cover;
  width: 19px;
  height: 32px;
}
@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.phone {
    background: transparent url("../images/icons/phone-2x.png%3Fv=9") 50% 50%
      no-repeat;
    background-size: cover;
  }
}
.image-icon.arrow-grey-down {
  background: transparent url("../images/icons/arrow-grey-down.png%3Fv=9") 50% 50%
    no-repeat;
  background-size: cover;
  width: 18px;
  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-grey-down {
    background: transparent url("../images/icons/arrow-grey-down-2x.png%3Fv=9")
      50% 50% no-repeat;
    background-size: cover;
  }
}
.image-icon.phone-big {
  background: transparent url("../images/icons/phone-big.png%3Fv=9") 50% 50%
    no-repeat;
  background-size: cover;
  width: 30px;
  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.phone-big {
    background: transparent url("../images/icons/phone-big-2x.png%3Fv=9") 50% 50%
      no-repeat;
    background-size: cover;
  }
}
.image-icon.message-red {
  background: transparent url("../images/icons/message-red.png%3Fv=9") 50% 50%
    no-repeat;
  background-size: cover;
  width: 36px;
  height: 35px;
}
@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.message-red {
    background: transparent url("../images/icons/message-red-2x.png%3Fv=9") 50%
      50% no-repeat;
    background-size: cover;
  }
}
.image-icon.success-green {
  background: transparent url("../images/icons/success-green.png%3Fv=9") 50% 50%
    no-repeat;
  background-size: cover;
  width: 94px;
  height: 90px;
}
@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.success-green {
    background: transparent url("../images/icons/success-green-2x.png%3Fv=9") 50%
      50% no-repeat;
    background-size: cover;
  }
}
.image-icon.grey-attantion {
  background: transparent url("../images/icons/grey-attantion.png%3Fv=9") 50% 50%
    no-repeat;
  background-size: cover;
  width: 27px;
  height: 27px;
}
@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.grey-attantion {
    background: transparent url("../images/icons/grey-attantion-2x.png%3Fv=9") 50%
      50% no-repeat;
    background-size: cover;
  }
}
.image-icon.new-card {
  background: transparent url("../images/icons/new-card.png%3Fv=9") 50% 50%
    no-repeat;
  background-size: cover;
  width: 29px;
  height: 19px;
}
@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.new-card {
    background: transparent url("../images/icons/new-card-2x.png%3Fv=9") 50% 50%
      no-repeat;
    background-size: cover;
  }
}
.image-icon.request-balance {
  background: transparent url("../images/icons/request-balance.png%3Fv=9") 50% 50%
    no-repeat;
  background-size: cover;
  width: 27px;
  height: 32px;
}
@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.request-balance {
    background: transparent url("../images/icons/request-balance-2x.png%3Fv=9")
      50% 50% no-repeat;
    background-size: cover;
  }
}
.image-icon.cvet {
  background: transparent url("../images/icons/cvet.png%3Fv=9") 50% 50% no-repeat;
  background-size: cover;
  width: 150px;
  height: 42px;
}
@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.cvet {
    background: transparent url("../images/icons/cvet-2x.png%3Fv=9") 50% 50%
      no-repeat;
    background-size: cover;
  }
}
.image-icon.glob {
  background: transparent url("../images/icons/glob.png%3Fv=9") 50% 50% no-repeat;
  background-size: cover;
  width: 150px;
  height: 28px;
}
@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.glob {
    background: transparent url("../images/icons/glob-2x.png%3Fv=9") 50% 50%
      no-repeat;
    background-size: cover;
  }
}
.image-icon.kon {
  background: transparent url("../images/icons/kon.png%3Fv=9") 50% 50% no-repeat;
  background-size: cover;
  width: 150px;
  height: 30px;
}
@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.kon {
    background: transparent url("../images/icons/kon-2x.png%3Fv=9") 50% 50%
      no-repeat;
    background-size: cover;
  }
}
.image-icon.kul {
  background: transparent url("../images/icons/kul.png%3Fv=9") 50% 50% no-repeat;
  background-size: cover;
  width: 64px;
  height: 63px;
}
@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.kul {
    background: transparent url("../images/icons/kul-2x.png%3Fv=9") 50% 50%
      no-repeat;
    background-size: cover;
  }
}
.image-icon.masl {
  background: transparent url("../images/icons/masl.png%3Fv=9") 50% 50% no-repeat;
  background-size: cover;
  width: 150px;
  height: 36px;
}
@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.masl {
    background: transparent url("../images/icons/masl-2x.png%3Fv=9") 50% 50%
      no-repeat;
    background-size: cover;
  }
}
.image-icon.piz {
  background: transparent url("../images/icons/piz.png%3Fv=9") 50% 50% no-repeat;
  background-size: cover;
  width: 150px;
  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.piz {
    background: transparent url("../images/icons/piz-2x.png%3Fv=9") 50% 50%
      no-repeat;
    background-size: cover;
  }
}
.image-icon.rc {
  background: transparent url("../images/icons/rc.png%3Fv=9") 50% 50% no-repeat;
  background-size: cover;
  width: 146px;
  height: 44px;
}
@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.rc {
    background: transparent url("../images/icons/rc-2x.png%3Fv=9") 50% 50%
      no-repeat;
    background-size: cover;
  }
}
.image-icon.term {
  background: transparent url("../images/icons/term.png%3Fv=9") 50% 50% no-repeat;
  background-size: cover;
  width: 150px;
  height: 40px;
}
@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.term {
    background: transparent url("../images/icons/term-2x.png%3Fv=9") 50% 50%
      no-repeat;
    background-size: cover;
  }
}
.image-icon.tort {
  background: transparent url("../images/icons/tort.png%3Fv=9") 50% 50% no-repeat;
  background-size: cover;
  width: 150px;
  height: 52px;
}
@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.tort {
    background: transparent url("../images/icons/tort-2x.png%3Fv=9") 50% 50%
      no-repeat;
    background-size: cover;
  }
}
.image-icon.service-check {
  background: transparent url("../images/icons/service-check.png%3Fv=9") 50% 50%
    no-repeat;
  background-size: cover;
  width: 41px;
  height: 41px;
}
@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.service-check {
    background: transparent url("../images/icons/service-check-2x.png%3Fv=9") 50%
      50% no-repeat;
    background-size: cover;
  }
}
.image-icon.service-personal-blue {
  background: transparent url("../images/icons/service-personal-blue.png%3Fv=9")
    50% 50% no-repeat;
  background-size: cover;
  width: 47px;
  height: 47px;
}
@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.service-personal-blue {
    background: transparent
      url("../images/icons/service-personal-blue-2x.png%3Fv=9") 50% 50% no-repeat;
    background-size: cover;
  }
}

.circle-icon {
  display: inline-block;
  vertical-align: middle;
  width: 58px;
  height: 58px;
  line-height: 58px;
  border-radius: 50%;
  background: #832e71;
  text-align: center;
  color: #ffffff;
}
.circle-icon .image-icon {
  vertical-align: middle;
}
.circle-icon.middle {
  width: 30px;
  height: 30px;
  line-height: 26px;
}

.circle-icon.transparent {
  background: transparent;
  border: 2px solid #832e71;
  color: #832e71;
  font-size: 20px;
}

.promo-page-wrapper {
  position: relative;
}
.promo-page-wrapper .header-wrapper {
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
}
.promo-page-wrapper .promo-page .orbit-holder {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.promo-page-wrapper .promo-page .orbit-holder .orbit {
  width: 547px;
  height: 468px;
  background: transparent url("../images/icons-geometria/orbit.svg") 0 0
    no-repeat;
  position: absolute;
  top: 0;
  left: 0;
}
.promo-page-wrapper .promo-page .orbit-holder .orbit img {
  position: absolute;
}
.promo-page-wrapper .promo-page .orbit-holder .orbit .presents {
  left: 210px;
  bottom: 0;
}
.promo-page-wrapper .promo-page .orbit-holder .orbit .specs {
  left: 455px;
  bottom: 50px;
}
.promo-page-wrapper .promo-page .orbit-holder .orbit + .orbit {
  -webkit-transform: rotate(-60deg);
  -moz-transform: rotate(-60deg);
  -o-transform: rotate(-60deg);
  transform: rotate(-60deg);
}
.promo-page-wrapper .promo-page .orbit-holder .orbit + .orbit .glass {
  -webkit-transform: rotate(40deg);
  -moz-transform: rotate(40deg);
  -o-transform: rotate(40deg);
  transform: rotate(40deg);
  left: -5px;
  bottom: 310px;
}
.promo-page-wrapper .promo-page .orbit-holder .orbit + .orbit .pizza {
  -webkit-transform: rotate(75deg);
  -moz-transform: rotate(75deg);
  -o-transform: rotate(75deg);
  transform: rotate(75deg);
  left: 285px;
}
.promo-page-wrapper .promo-page .orbit-holder .orbit + .orbit .cart {
  -webkit-transform: rotate(50deg);
  -moz-transform: rotate(50deg);
  -o-transform: rotate(50deg);
  transform: rotate(50deg);
  top: 185px;
  left: 490px;
}
.promo-page-wrapper .promo-page .advantages-slider-container {
  height: 100%;
}
.promo-page-wrapper .promo-page .advantages-slider-container .line-slider {
  background: #2947a6;
  height: 6px;
  z-index: -1;
  right: 0;
}
.promo-page-wrapper .promo-page .advantages-slider-container .slider-holder {
  height: 100%;
  position: relative;
  z-index: 100;
}
.promo-page-wrapper
  .promo-page
  .advantages-slider-container
  .slider-holder
  .animate-line-after-scroll {
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
  content: "";
  background: #2f50af;
  height: 6px;
  z-index: -1;
  right: 452px;
  position: absolute;
  border-radius: 0px 10px 10px 0px;
  left: 0;
  margin-right: 50px;
  margin-left: 48px;
}
.promo-page-wrapper
  .promo-page
  .advantages-slider-container
  .slider-holder
  .advantages-slider {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  height: 100%;
}
.promo-page-wrapper
  .promo-page
  .advantages-slider-container
  .slider-holder
  .advantages-slider
  .slide-item {
  width: 452px;
  position: relative;
}
.promo-page-wrapper
  .promo-page
  .advantages-slider-container
  .slider-holder
  .advantages-slider
  .slide-item.hidden {
  opacity: 0;
  visibility: hidden;
}
.promo-page-wrapper
  .promo-page
  .advantages-slider-container
  .slider-holder
  .advantages-slider
  .slide-item.stop-slide {
  text-align: left;
}
.promo-page-wrapper
  .promo-page
  .advantages-slider-container
  .slider-holder
  .advantages-slider
  .slide-item.stop-slide
  .title {
  text-align: left;
  font-weight: 800;
  font-size: 51px;
  line-height: 1;
  width: 100%;
  margin-top: 0px;
  margin-bottom: 26px;
}
.promo-page-wrapper
  .promo-page
  .advantages-slider-container
  .slider-holder
  .advantages-slider
  .slide-item.stop-slide
  .description {
  font-size: 17px;
}
.promo-page-wrapper
  .promo-page
  .advantages-slider-container
  .slider-holder
  .advantages-slider
  .slide-item.stop-slide
  .description
  a {
  color: #2947a6;
}
.promo-page-wrapper
  .promo-page
  .advantages-slider-container
  .slider-holder
  .advantages-slider
  .slide-item.stop-slide
  .button-holder {
  margin-top: 30px;
}
.promo-page-wrapper
  .promo-page
  .advantages-slider-container
  .slider-holder
  .advantages-slider
  .slide-item
  .advantage-wrapper {
  padding: 0 100px;
}
.promo-page-wrapper
  .promo-page
  .advantages-slider-container
  .slider-holder
  .advantages-slider
  .slide-item
  .advantage-wrapper
  .icon {
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  text-align: center;
  margin-top: 1px;
}
.promo-page-wrapper
  .promo-page
  .advantages-slider-container
  .slider-holder
  .advantages-slider
  .slide-item
  .advantage-wrapper
  .name {
  -webkit-transform: translateY(-70px);
  -moz-transform: translateY(-70px);
  -o-transform: translateY(-70px);
  transform: translateY(-70px);
  font-weight: 300;
  font-size: 21px;
  color: #000000;
  letter-spacing: -0.5px;
  line-height: 25px;
  text-align: center;
}
.promo-page-wrapper
  .promo-page
  .advantages-slider-container
  .slider-holder
  .advantages-slider
  .slide-item
  .advantage-wrapper
  .description {
  -webkit-transform: translateY(40px);
  -moz-transform: translateY(40px);
  -o-transform: translateY(40px);
  transform: translateY(40px);
  font-size: 14px;
  color: #000000;
  letter-spacing: 0;
  line-height: 18px;
  text-align: center;
  margin-top: 21px;
}
.promo-page-wrapper .promo-page .card-move-holder {
  position: absolute;
  z-index: 20;
  top: 252px;
  left: 50%;
  margin-left: -600px;
}
.promo-page-wrapper .promo-page .card-move-holder .card {
  -webkit-transform: rotateZ(-25deg);
  -moz-transform: rotateZ(-25deg);
  -o-transform: rotateZ(-25deg);
  transform: rotateZ(-25deg);
  -webkit-backface-visibility: hidden;
  -khtml-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  -khtml-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform-origin: 50%;
  -khtml-transform-origin: 50%;
  -moz-transform-origin: 50%;
  -ms-transform-origin: 50%;
  -o-transform-origin: 50%;
  transform-origin: 50%;
  background: transparent url("../images/base/card.png") 0 0 no-repeat;
  background-size: cover;
  width: 495px;
  height: 313px;
  position: absolute;
  z-index: 1;
  left: 105px;
  top: 80px;
}
.promo-page-wrapper .promo-page .card-move-holder .orbits-holder {
  position: relative;
  opacity: 0;
}
.promo-page-wrapper .promo-page .card-move-holder .orbits-holder .orbit-holder {
  top: 50%;
  left: 50%;
}
.promo-page-wrapper .promo-page .card-move-holder .hand-wrapper {
  position: absolute;
  left: 0;
  top: 313px;
  width: 406px;
  height: 431px;
  overflow: hidden;
}
.promo-page-wrapper .promo-page .card-move-holder .hand-wrapper .hand {
  background: transparent url("../images/base/hand.png") 0 100% no-repeat;
  width: 406px;
  height: 431px;
  position: absolute;
  top: 0;
  left: 0;
  background-size: cover;
}
.promo-page-wrapper .promo-page .card-move-holder .hand-wrapper .finger {
  top: 0px;
  left: 0px;
  width: 406px;
  height: 431px;
  content: "";
  background: transparent url("../images/base/finger.png") 0 0 no-repeat;
  position: absolute;
  z-index: 22;
  background-size: cover;
}
.promo-page-wrapper .promo-page .card-move-holder .advantages-holder-card {
  position: absolute;
  pointer-events: none;
  margin-top: 85px;
  left: 600px;
}
.promo-page-wrapper
  .promo-page
  .card-move-holder
  .advantages-holder-card
  .animate-line-after-scroll {
  -webkit-transform: translateX(1195px);
  -moz-transform: translateX(1195px);
  -o-transform: translateX(1195px);
  transform: translateX(1195px);
}
.promo-page-wrapper
  .promo-page
  .card-move-holder
  .advantages-holder-card
  .advantages-slider {
  opacity: 0;
  pointer-events: none;
}
.promo-page-wrapper .promo-page .card-move-holder.start {
  top: 300px;
  left: 50%;
  margin-left: -505px;
}
.promo-page-wrapper .promo-page .card-move-holder:before {
  -webkit-transform: translateY(-50%) translateX(-100%);
  -moz-transform: translateY(-50%) translateX(-100%);
  -o-transform: translateY(-50%) translateX(-100%);
  transform: translateY(-50%) translateX(-100%);
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  top: 50%;
  position: absolute;
  width: 48px;
  height: 68px;
  background: transparent url("../images/icons-geometria/triangle.png") 0 0
    no-repeat;
  content: "";
  right: 0;
  pointer-events: none;
  z-index: -1;
  opacity: 0;
}
.promo-page-wrapper .promo-page .card-move-holder.has-tail:before {
  -webkit-transform: translateY(-50%) translateX(100%);
  -moz-transform: translateY(-50%) translateX(100%);
  -o-transform: translateY(-50%) translateX(100%);
  transform: translateY(-50%) translateX(100%);
  opacity: 1;
  z-index: 99;
}
.promo-page-wrapper .promo-page .card-move-holder.shadow:before {
  display: none;
}
.promo-page-wrapper .promo-page .card-move-holder.shadow .card {
  border-radius: 30px;
  width: 555px;
}
.promo-page-wrapper .promo-page .card-move-holder.shadow .card img {
  -webkit-backface-visibility: hidden;
  -khtml-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  border-radius: 30px;
  box-shadow: 1px 3px 6px -1px rgba(58, 125, 193, 0.78);
}
.promo-page-wrapper .promo-page .top-block {
  position: relative;
  background: transparent url("../images/base/background.jpg") 0 50%;
  background-size: cover;
}
.promo-page-wrapper .promo-page .top-block .top-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
  max-width: 1200px;
  margin: 0 auto;
  min-height: 932px;
  position: relative;
}
.promo-page-wrapper .promo-page .top-block .title-wrapper {
  max-width: 515px;
}
.promo-page-wrapper .promo-page .top-block .title-wrapper h1 {
  text-align: left;
  font-size: 53px;
  font-weight: 800;
  font-style: italic;
  text-transform: uppercase;
  color: #ffffff;
}
.promo-page-wrapper .promo-page .top-block .title-wrapper .details {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-size: 20px;
  color: #ffffff;
  line-height: 27px;
  margin-top: 25px;
}
.promo-page-wrapper .promo-page .top-block .wrapper-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  margin-top: 45px;
}
.promo-page-wrapper .promo-page .top-block .wrapper-button .button {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 100%;
  -moz-box-flex: 1;
  -moz-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  text-align: center;
  font-weight: 800;
  font-size: 14px;
  color: #ffffff;
  letter-spacing: 1.1px;
  padding: 0px;
  height: 50px;
  line-height: 50px;
}
.promo-page-wrapper .promo-page .top-block .wrapper-button .button:last-child {
  margin-left: 15px;
}
.promo-page-wrapper .promo-page .advantages-block {
  height: 670px;
  overflow: hidden;
  padding-top: 150px;
  padding-bottom: 100px;
}
.promo-page-wrapper .promo-page .advantages-block .wrapper-advantages .title {
  text-align: center;
  left: 0;
  right: 0;
  margin-top: 47px;
  width: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
}
.promo-page-wrapper
  .promo-page
  .advantages-block
  .wrapper-advantages
  .title
  .word-wrapper {
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  width: 495px;
}
.promo-page-wrapper
  .promo-page
  .advantages-block
  .wrapper-advantages
  .holder-slider {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  align-items: stretch;
  position: relative;
}
.promo-page-wrapper
  .promo-page
  .advantages-block
  .wrapper-advantages
  .holder-slider
  .tail-card {
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
  position: absolute;
  width: 48px;
  height: 68px;
  background: transparent url("../images/icons-geometria/triangle.png") 0 0
    no-repeat;
  content: "";
  left: 50%;
  z-index: 0;
}
.promo-page-wrapper
  .promo-page
  .advantages-block
  .wrapper-advantages
  .holder-slider
  .left-holder {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
  -moz-box-flex: 0;
  -moz-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
}
.promo-page-wrapper
  .promo-page
  .advantages-block
  .wrapper-advantages
  .holder-slider
  .left-holder
  .card-holder
  .card {
  width: 495px;
  height: 313px;
  -webkit-backface-visibility: hidden;
  -khtml-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  background: transparent url("../images/base/card.png") 0 0 no-repeat;
  background-size: cover;
  position: relative;
  z-index: 999;
}
.promo-page-wrapper
  .promo-page
  .advantages-block
  .wrapper-advantages
  .holder-slider
  .left-holder
  .card-holder
  .card.animate-down {
  -webkit-animation: scaleIn 0.5s;
  -khtml-animation: scaleIn 0.5s;
  -moz-animation: scaleIn 0.5s;
  -ms-animation: scaleIn 0.5s;
  -o-animation: scaleIn 0.5s;
  animation: scaleIn 0.5s;
}
.promo-page-wrapper
  .promo-page
  .advantages-block
  .wrapper-advantages
  .holder-slider
  .right-holder {
  position: relative;
}
.promo-page-wrapper
  .promo-page
  .how-to-use-block.need-animation
  .wrapper-how-to-use
  .steps
  .line-steps {
  bottom: 100%;
}
.promo-page-wrapper
  .promo-page
  .how-to-use-block.need-animation.run-animation-step-one
  .wrapper-how-to-use
  .steps
  .line-steps {
  bottom: 65%;
}
.promo-page-wrapper
  .promo-page
  .how-to-use-block.need-animation.run-animation-last
  .wrapper-how-to-use
  .steps
  .line-steps {
  bottom: 590px;
}
.promo-page-wrapper .promo-page .how-to-use-block .wrapper-how-to-use .steps {
  position: relative;
}
.promo-page-wrapper
  .promo-page
  .how-to-use-block
  .wrapper-how-to-use
  .steps
  .line-steps {
  -webkit-transition: 1.5s bottom;
  -moz-transition: 1.5s bottom;
  -o-transition: 1.5s bottom;
  transition: 1.5s bottom;
  background-image: linear-gradient(0deg, #c54ca7 56%, #394291 88%);
  content: "";
  width: 5px;
  position: absolute;
  left: 50%;
  margin-left: 150px;
  top: 0;
  margin-top: 200px;
  z-index: 1;
  bottom: 535px;
}
.promo-page-wrapper
  .promo-page
  .how-to-use-block
  .wrapper-how-to-use
  .steps
  .step
  .step-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
}
.promo-page-wrapper
  .promo-page
  .how-to-use-block
  .wrapper-how-to-use
  .steps
  .step
  .step-wrapper
  .left-container {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 647px;
  -moz-box-flex: 0;
  -moz-flex: 0 0 647px;
  -ms-flex: 0 0 647px;
  flex: 0 0 647px;
  margin-right: 50px;
}
.promo-page-wrapper
  .promo-page
  .how-to-use-block
  .wrapper-how-to-use
  .steps
  .step
  .step-wrapper
  .right-container {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 430px;
  -moz-box-flex: 0;
  -moz-flex: 0 0 430px;
  -ms-flex: 0 0 430px;
  flex: 0 0 430px;
}
.promo-page-wrapper
  .promo-page
  .how-to-use-block
  .wrapper-how-to-use
  .steps
  .step
  .step-wrapper
  .right-container
  .heading {
  font-size: 56px;
  color: #2947a6;
  line-height: 60px;
  font-weight: 800;
  margin-bottom: 67px;
  font-style: italic;
  text-transform: uppercase;
}
.promo-page-wrapper
  .promo-page
  .how-to-use-block
  .wrapper-how-to-use
  .steps
  .step
  .step-wrapper
  .right-container
  .step-description {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  z-index: 999;
  position: relative;
}
.promo-page-wrapper
  .promo-page
  .how-to-use-block
  .wrapper-how-to-use
  .steps
  .step
  .step-wrapper
  .right-container
  .step-description.need-animation
  .alpha {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  opacity: 0;
}
.promo-page-wrapper
  .promo-page
  .how-to-use-block
  .wrapper-how-to-use
  .steps
  .step
  .step-wrapper
  .right-container
  .step-description.need-animation
  .title {
  -webkit-transform: translateY(-20px);
  -moz-transform: translateY(-20px);
  -o-transform: translateY(-20px);
  transform: translateY(-20px);
  opacity: 0;
}
.promo-page-wrapper
  .promo-page
  .how-to-use-block
  .wrapper-how-to-use
  .steps
  .step
  .step-wrapper
  .right-container
  .step-description.need-animation
  .description {
  -webkit-transform: translateY(20px);
  -moz-transform: translateY(20px);
  -o-transform: translateY(20px);
  transform: translateY(20px);
  opacity: 0;
}
.promo-page-wrapper
  .promo-page
  .how-to-use-block
  .wrapper-how-to-use
  .steps
  .step
  .step-wrapper
  .right-container
  .step-description.need-animation.run-animation
  .alpha {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
.promo-page-wrapper
  .promo-page
  .how-to-use-block
  .wrapper-how-to-use
  .steps
  .step
  .step-wrapper
  .right-container
  .step-description.need-animation.run-animation
  .title {
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
  opacity: 1;
}
.promo-page-wrapper
  .promo-page
  .how-to-use-block
  .wrapper-how-to-use
  .steps
  .step
  .step-wrapper
  .right-container
  .step-description.need-animation.run-animation
  .description {
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
  opacity: 1;
}
.promo-page-wrapper
  .promo-page
  .how-to-use-block
  .wrapper-how-to-use
  .steps
  .step
  .step-wrapper
  .right-container
  .step-description
  .title {
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transition-delay: 1s;
  -khtml-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -ms-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
}
.promo-page-wrapper
  .promo-page
  .how-to-use-block
  .wrapper-how-to-use
  .steps
  .step
  .step-wrapper
  .right-container
  .step-description
  .description {
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transition-delay: 1s;
  -khtml-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -ms-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
}
.promo-page-wrapper
  .promo-page
  .how-to-use-block
  .wrapper-how-to-use
  .steps
  .step
  .step-wrapper
  .right-container
  .step-description
  .counter {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 79px;
  -moz-box-flex: 0;
  -moz-flex: 0 0 79px;
  -ms-flex: 0 0 79px;
  flex: 0 0 79px;
}
.promo-page-wrapper
  .promo-page
  .how-to-use-block
  .wrapper-how-to-use
  .steps
  .step
  .step-wrapper
  .right-container
  .step-description
  .counter
  .alpha {
  -webkit-transition: opacity 0.6s, transform 0.8s;
  -moz-transition: opacity 0.6s, transform 0.8s;
  -o-transition: opacity 0.6s, transform 0.8s;
  transition: opacity 0.6s, transform 0.8s;
  -webkit-transform-origin: 50% 50%;
  -khtml-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  width: 79px;
  height: 79px;
  background: #c54ca7;
  color: #ffffff;
  font-style: italic;
  font-size: 48px;
  line-height: 79px;
  font-weight: 800;
  border-radius: 100px;
  text-align: center;
  position: relative;
  z-index: 2;
}
.promo-page-wrapper
  .promo-page
  .how-to-use-block
  .wrapper-how-to-use
  .steps
  .step
  .step-wrapper
  .right-container
  .step-description
  .counter
  .alpha.blue {
  background: #394291;
}
.promo-page-wrapper
  .promo-page
  .how-to-use-block
  .wrapper-how-to-use
  .steps
  .step
  .step-wrapper
  .right-container
  .step-description
  .description-title {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 333px;
  -moz-box-flex: 0;
  -moz-flex: 0 0 333px;
  -ms-flex: 0 0 333px;
  flex: 0 0 333px;
  margin-left: 43px;
}
.promo-page-wrapper
  .promo-page
  .how-to-use-block
  .wrapper-how-to-use
  .steps
  .step
  .step-wrapper
  .right-container
  .step-description
  .description-title
  .title {
  font-size: 31px;
  color: #000000;
  letter-spacing: 0;
  line-height: 35px;
  font-weight: 900;
  margin-bottom: 26px;
}
.promo-page-wrapper
  .promo-page
  .how-to-use-block
  .wrapper-how-to-use
  .steps
  .step
  .step-wrapper
  .right-container
  .step-description
  .description-title
  .title.white {
  color: #ffffff;
}
.promo-page-wrapper
  .promo-page
  .how-to-use-block
  .wrapper-how-to-use
  .steps
  .step
  .step-wrapper
  .right-container
  .step-description
  .description-title
  .description {
  font-size: 17px;
  color: rgba(0, 0, 0, 0.65);
  line-height: 24px;
}
.promo-page-wrapper
  .promo-page
  .how-to-use-block
  .wrapper-how-to-use
  .steps
  .step
  .step-wrapper
  .right-container
  .step-description
  .description-title
  .description.white {
  color: #ffffff;
}
.promo-page-wrapper
  .promo-page
  .how-to-use-block
  .wrapper-how-to-use
  .steps
  .step
  .step-wrapper
  .right-container
  .step-description
  .description-title
  .button-holder {
  margin-top: 33px;
}
.promo-page-wrapper
  .promo-page
  .how-to-use-block
  .wrapper-how-to-use
  .steps
  .step.first-step {
  padding-bottom: 190px;
}
.promo-page-wrapper
  .promo-page
  .how-to-use-block
  .wrapper-how-to-use
  .steps
  .step.first-step
  .left-container {
  position: relative;
}
.promo-page-wrapper
  .promo-page
  .how-to-use-block
  .wrapper-how-to-use
  .steps
  .step.first-step
  .left-container
  .orbit-holder {
  position: absolute;
  top: 0;
  left: 0;
}
.promo-page-wrapper
  .promo-page
  .how-to-use-block
  .wrapper-how-to-use
  .steps
  .step.first-step
  .left-container
  .orbit-holder
  .orbit {
  width: 547px;
  height: 468px;
  background: transparent url("../images/icons-geometria/orbit.svg") 0 0
    no-repeat;
  position: absolute;
  top: 0;
  left: 0;
}
.promo-page-wrapper
  .promo-page
  .how-to-use-block
  .wrapper-how-to-use
  .steps
  .step.first-step
  .left-container
  .orbit-holder
  .orbit
  img {
  position: absolute;
}
.promo-page-wrapper
  .promo-page
  .how-to-use-block
  .wrapper-how-to-use
  .steps
  .step.first-step
  .left-container
  .orbit-holder
  .orbit
  .presents {
  left: 210px;
  bottom: 0;
}
.promo-page-wrapper
  .promo-page
  .how-to-use-block
  .wrapper-how-to-use
  .steps
  .step.first-step
  .left-container
  .orbit-holder
  .orbit
  .specs {
  left: 455px;
  bottom: 50px;
}
.promo-page-wrapper
  .promo-page
  .how-to-use-block
  .wrapper-how-to-use
  .steps
  .step.first-step
  .left-container
  .orbit-holder
  .orbit
  + .orbit {
  -webkit-transform: rotate(-60deg);
  -moz-transform: rotate(-60deg);
  -o-transform: rotate(-60deg);
  transform: rotate(-60deg);
}
.promo-page-wrapper
  .promo-page
  .how-to-use-block
  .wrapper-how-to-use
  .steps
  .step.first-step
  .left-container
  .orbit-holder
  .orbit
  + .orbit
  .glass {
  -webkit-transform: rotate(40deg);
  -moz-transform: rotate(40deg);
  -o-transform: rotate(40deg);
  transform: rotate(40deg);
  left: -5px;
  bottom: 310px;
}
.promo-page-wrapper
  .promo-page
  .how-to-use-block
  .wrapper-how-to-use
  .steps
  .step.first-step
  .left-container
  .orbit-holder
  .orbit
  + .orbit
  .pizza {
  -webkit-transform: rotate(75deg);
  -moz-transform: rotate(75deg);
  -o-transform: rotate(75deg);
  transform: rotate(75deg);
  left: 285px;
}
.promo-page-wrapper
  .promo-page
  .how-to-use-block
  .wrapper-how-to-use
  .steps
  .step.first-step
  .left-container
  .orbit-holder
  .orbit
  + .orbit
  .cart {
  -webkit-transform: rotate(50deg);
  -moz-transform: rotate(50deg);
  -o-transform: rotate(50deg);
  transform: rotate(50deg);
  top: 185px;
  left: 490px;
}
.promo-page-wrapper
  .promo-page
  .how-to-use-block
  .wrapper-how-to-use
  .steps
  .step.first-step
  .left-container
  .card-holder {
  -webkit-transform: rotateY(-10deg) rotateX(58deg) rotateZ(34deg);
  -moz-transform: rotateY(-10deg) rotateX(58deg) rotateZ(34deg);
  -o-transform: rotateY(-10deg) rotateX(58deg) rotateZ(34deg);
  transform: rotateY(-10deg) rotateX(58deg) rotateZ(34deg);
}
.promo-page-wrapper
  .promo-page
  .how-to-use-block
  .wrapper-how-to-use
  .steps
  .step.first-step
  .left-container
  .card-holder
  .card {
  max-width: 550px;
  margin-top: 78px;
  border-radius: 30px;
}
.promo-page-wrapper
  .promo-page
  .how-to-use-block
  .wrapper-how-to-use
  .steps
  .step.first-step
  .left-container
  .card-holder
  .card
  img {
  -webkit-backface-visibility: hidden;
  -khtml-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  border-radius: 30px;
  box-shadow: 1px 3px 6px -1px rgba(58, 125, 193, 0.78);
}
.promo-page-wrapper
  .promo-page
  .how-to-use-block
  .wrapper-how-to-use
  .steps
  .step.second-step {
  background: transparent url("../images/promo/bg-advantages-step2.jpg") 0 0
    no-repeat;
  padding: 102px 0px 103px 0px;
  background-size: cover;
}
.promo-page-wrapper
  .promo-page
  .how-to-use-block
  .wrapper-how-to-use
  .steps
  .step.second-step
  .card-holder {
  background: transparent url("../images/promo/screen-register.png") 0 0
    no-repeat;
  width: 616px;
  height: 542px;
  background-size: cover;
}
.promo-page-wrapper
  .promo-page
  .how-to-use-block
  .wrapper-how-to-use
  .steps
  .step.second-step
  .card-holder
  .card {
  width: 306px;
  padding-top: 108px;
  text-align: center;
  margin: 0 auto;
}
.promo-page-wrapper
  .promo-page
  .how-to-use-block
  .wrapper-how-to-use
  .steps
  .step.third-step {
  background: #f5f4f7;
  padding-top: 148px;
}
.promo-page-wrapper
  .promo-page
  .how-to-use-block
  .wrapper-how-to-use
  .steps
  .step.third-step
  .card {
  text-align: center;
}
.promo-page-wrapper
  .promo-page
  .how-to-use-block
  .wrapper-how-to-use
  .steps
  .step.third-step
  .card
  .scanner {
  margin: 0 auto;
  width: 285px;
  height: 78px;
  background: transparent url("../images/promo/card-rider.svg") 0 0 no-repeat;
  -webkit-transform: translateY(-85px);
  -moz-transform: translateY(-85px);
  -o-transform: translateY(-85px);
  transform: translateY(-85px);
}
.promo-page-wrapper
  .promo-page
  .how-to-use-block
  .wrapper-how-to-use
  .steps
  .step.third-step
  .info-card-action {
  background: transparent url("../images/promo/screen-order.png") 0 0 no-repeat;
  background-size: 466px 254px;
  height: 254px;
  width: 466px;
  margin: 55px auto 0px auto;
}
.promo-page-wrapper
  .promo-page
  .how-to-use-block
  .wrapper-how-to-use
  .steps
  .step.third-step
  .info-card-action
  .lines-wrapper {
  margin: 0 auto;
  padding: 35px 65px 0px 65px;
}
.promo-page-wrapper
  .promo-page
  .how-to-use-block
  .wrapper-how-to-use
  .steps
  .step.third-step
  .info-card-action
  .lines-wrapper
  .line {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  font-size: 20px;
  color: #94e2ff;
  letter-spacing: 0;
  line-height: 24px;
  text-shadow: 1px 2px 4px #75dbff;
}
.promo-page-wrapper
  .promo-page
  .how-to-use-block
  .wrapper-how-to-use
  .steps
  .step.third-step
  .info-card-action
  .lines-wrapper
  .line
  .value {
  margin-left: 30px;
}
.promo-page-wrapper
  .promo-page
  .how-to-use-block
  .wrapper-how-to-use
  .steps
  .step.third-step
  .info-card-action
  .lines-wrapper
  .line.total
  .value {
  margin-left: 0px;
}
.promo-page-wrapper .promo-page .wrapper-back-call .block-back-call {
  margin-top: 44px;
  display: flex;
  align-items: center;
}
.promo-page-wrapper .promo-page .wrapper-back-call .block-back-call .left,
.promo-page-wrapper .promo-page .wrapper-back-call .block-back-call .right {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
}
.promo-page-wrapper .promo-page .wrapper-back-call .block-back-call .left .line,
.promo-page-wrapper
  .promo-page
  .wrapper-back-call
  .block-back-call
  .right
  .line {
  display: inline-block;
  width: 100%;
  height: 1px;
  border-bottom: 1px solid #dbdbdb;
}
.promo-page-wrapper .promo-page .wrapper-back-call .block-back-call .middle {
  flex: 0 0 158px;
  display: flex;
  align-items: center;
  margin-left: 28.5px;
  margin-right: 28.5px;
}
.promo-page-wrapper
  .promo-page
  .wrapper-back-call
  .block-back-call
  .middle
  .cricle {
  display: flex;
  width: 43px;
  height: 43px;
  border-radius: 1000px;
  justify-content: center;
  align-items: center;
  border: 1px solid #dbdbdb;
}
.promo-page-wrapper
  .promo-page
  .wrapper-back-call
  .block-back-call
  .middle
  .name {
  margin-left: 10px;
  text-transform: uppercase;
  color: black;
}
.promo-page-wrapper .promo-page .wrapper-back-call .contact-block {
  margin-top: 159px;
}
.promo-page-wrapper .promo-page .wrapper-back-call .contact-block .question {
  text-align: center;
  font-weight: 600;
  font-size: 44px;
}
.promo-page-wrapper .promo-page .wrapper-back-call .contact-block .phone {
  text-align: center;
  margin-top: 16px;
  font-size: 45px;
}
.promo-page-wrapper
  .promo-page
  .wrapper-back-call
  .contact-block
  .wrapper-button {
  margin-top: 38px;
  text-align: center;
}
.promo-page-wrapper .promo-page .partners {
  margin-top: 166px;
  margin-bottom: 100px;
}
.promo-page-wrapper .promo-page .partners .partners-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.promo-page-wrapper .promo-page .partners .partners-wrapper .left-container {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 390px;
  -moz-box-flex: 0;
  -moz-flex: 0 0 390px;
  -ms-flex: 0 0 390px;
  flex: 0 0 390px;
}
.promo-page-wrapper
  .promo-page
  .partners
  .partners-wrapper
  .left-container
  .description-holder
  .title {
  font-weight: 900;
  font-size: 34px;
  color: #000000;
  line-height: 36px;
}
.promo-page-wrapper
  .promo-page
  .partners
  .partners-wrapper
  .left-container
  .description-holder
  .description {
  margin: 24px 0px 39px 0px;
  padding-right: 98px;
}
.promo-page-wrapper
  .promo-page
  .partners
  .partners-wrapper
  .left-container
  .block-partner {
  margin-top: 78px;
}
.promo-page-wrapper .promo-page .partners .partners-wrapper .right-container {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 770px;
  -moz-box-flex: 0;
  -moz-flex: 0 0 770px;
  -ms-flex: 0 0 770px;
  flex: 0 0 770px;
  margin-left: 6px;
}
.promo-page-wrapper
  .promo-page
  .partners
  .partners-wrapper
  .right-container
  .partners-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -3px;
}
.promo-page-wrapper
  .promo-page
  .partners
  .partners-wrapper
  .right-container
  .partners-list
  .partner {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
  -moz-box-flex: 0;
  -moz-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  padding: 0 3px;
  margin-bottom: 6px;
}
.promo-page-wrapper .promo-page .partners .partners-wrapper .block-partner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  background: #f4f5f9;
  position: relative;
  height: 190px;
  overflow: hidden;
}
.promo-page-wrapper
  .promo-page
  .partners
  .partners-wrapper
  .block-partner:hover
  .back-wrapper {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  background: #f4f5f9;
}
.promo-page-wrapper
  .promo-page
  .partners
  .partners-wrapper
  .block-partner
  .back-wrapper {
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
  position: absolute;
  pointer-events: none;
  top: 0;
  opacity: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 30px 32px 47px 40px;
}
.promo-page-wrapper
  .promo-page
  .partners
  .partners-wrapper
  .block-partner
  .back-wrapper
  .name {
  font-weight: 900;
  font-size: 19px;
  margin-bottom: 12px;
}
.promo-page-wrapper
  .promo-page
  .partners
  .partners-wrapper
  .block-partner
  .back-wrapper
  ul
  li {
  margin-bottom: 10px;
  position: relative;
  color: rgba(0, 0, 0, 0.6);
}
.promo-page-wrapper
  .promo-page
  .partners
  .partners-wrapper
  .block-partner
  .back-wrapper
  ul
  li:before {
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 6px;
  height: 6px;
  content: "";
  border-radius: 100%;
  background: #ea335b;
  position: absolute;
  left: 0;
  top: 50%;
}
.promo-page-wrapper
  .promo-page
  .partners
  .partners-wrapper
  .block-partner
  .back-wrapper
  ul
  li
  .part-name {
  padding-left: 17px;
}
.promo-page-wrapper
  .promo-page
  .partners
  .partners-wrapper
  .block-partner
  .percent-wrapper {
  position: absolute;
  width: 38px;
  height: 38px;
  background: #ffffff;
  border-radius: 100%;
  text-align: center;
  line-height: 38px;
  top: 25px;
  right: 19px;
}
.promo-page-wrapper .promo-page .promotions {
  margin-bottom: 100px;
}
.promo-page-wrapper .promo-page .promotions .title {
  margin-bottom: 44px;
}
.promo-page-wrapper .promo-page .promotions .title h2 {
  font-size: 37px;
  font-weight: bold;
}
.promo-page-wrapper .promo-page .faq-block {
  margin-bottom: 130px;
}
.promo-page-wrapper .promo-page .faq-block .title {
  margin-bottom: 32px;
}
.promo-page-wrapper .promo-page .faq-block .questions-block .questions {
  list-style: none;
}
.promo-page-wrapper
  .promo-page
  .faq-block
  .questions-block
  .questions
  .question {
  overflow: hidden;
  display: block;
  padding: 0 18px;
  margin-bottom: 5px;
  background: #f4f5f9;
}
.promo-page-wrapper
  .promo-page
  .faq-block
  .questions-block
  .questions
  .question.open
  .caption
  .arrow {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.promo-page-wrapper
  .promo-page
  .faq-block
  .questions-block
  .questions
  .question
  .caption {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  width: 100%;
  padding: 20px 0 16px;
  font-size: 17px;
  color: #5d6ba4;
  line-height: 21px;
}
.promo-page-wrapper
  .promo-page
  .faq-block
  .questions-block
  .questions
  .question
  .caption
  .arrow {
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  display: inline-block;
  margin-left: 20px;
}
.promo-page-wrapper
  .promo-page
  .faq-block
  .questions-block
  .questions
  .question
  .answer {
  display: none;
  font-size: 16px;
  color: #5d6ba4;
  line-height: 20px;
  padding-bottom: 20px;
}
.promo-page-wrapper .promo-page .form-bottom-block {
  padding-top: 115px;
}
.promo-page-wrapper .promo-page .form-bottom-block .form-bottom {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  background: #ffffff;
  height: 413px;
}
.promo-page-wrapper .promo-page .form-bottom-block .form-bottom .left-block {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
  -moz-box-flex: 0;
  -moz-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  padding-right: 14px;
  padding-left: 85px;
}
.promo-page-wrapper
  .promo-page
  .form-bottom-block
  .form-bottom
  .left-block
  .title {
  margin-bottom: 54px;
}
.promo-page-wrapper
  .promo-page
  .form-bottom-block
  .form-bottom
  .left-block
  .title
  h2 {
  font-size: 45px;
  color: #000000;
  letter-spacing: 0;
  line-height: 48px;
}
.promo-page-wrapper
  .promo-page
  .form-bottom-block
  .form-bottom
  .left-block
  .subtitle {
  font-size: 20px;
  color: rgba(0, 0, 0, 0.34);
  line-height: 24px;
}
.promo-page-wrapper .promo-page .form-bottom-block .form-bottom .right-block {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
  -moz-box-flex: 0;
  -moz-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  padding-left: 14px;
  padding-right: 70px;
}
.promo-page-wrapper
  .promo-page
  .form-bottom-block
  .form-bottom
  .right-block
  .form
  .form-field-default-wrapper {
  margin-bottom: 15px;
}
.promo-page-wrapper
  .promo-page
  .form-bottom-block
  .form-bottom
  .right-block
  .form
  label {
  font-size: 15px;
}
.promo-page-wrapper
  .promo-page
  .form-bottom-block
  .form-bottom
  .right-block
  .form
  .row-fields {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}
.promo-page-wrapper
  .promo-page
  .form-bottom-block
  .form-bottom
  .right-block
  .form
  .row-fields
  .form-field-default-wrapper {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 48%;
  -moz-box-flex: 0;
  -moz-flex: 0 0 48%;
  -ms-flex: 0 0 48%;
  flex: 0 0 48%;
}
.promo-page-wrapper
  .promo-page
  .form-bottom-block
  .form-bottom
  .right-block
  .form
  .textarea
  .form-field-default {
  height: 97px;
}
.promo-page-wrapper
  .promo-page
  .form-bottom-block
  .form-bottom
  .right-block
  .form
  .textarea
  .form-field-default
  textarea {
  height: 100%;
  padding-top: 20px;
}
.promo-page-wrapper
  .promo-page
  .form-bottom-block
  .form-bottom
  .right-block
  .form
  .buttons-holder {
  margin-top: 22px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.promo-page-wrapper
  .promo-page
  .form-bottom-block
  .form-bottom
  .right-block
  .form
  .buttons-holder
  button {
  width: 242px;
  margin-right: 20px;
  font-size: 14px;
  color: #ffffff;
  letter-spacing: 1.1px;
  text-transform: uppercase;
  padding: 17px 20px;
}
.promo-page-wrapper
  .promo-page
  .form-bottom-block
  .form-bottom
  .right-block
  .form
  .buttons-holder
  .accept {
  margin-bottom: 0;
  color: #000000;
}
.promo-page-wrapper
  .promo-page
  .form-bottom-block
  .form-bottom
  .right-block
  .form
  form {
  position: relative;
}
.promo-page-wrapper
  .promo-page
  .form-bottom-block
  .form-bottom
  .right-block
  .form
  form.success
  .success-info {
  pointer-events: auto;
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.promo-page-wrapper
  .promo-page
  .form-bottom-block
  .form-bottom
  .right-block
  .form
  form
  .success-info {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transform: translateY(-30px);
  -moz-transform: translateY(-30px);
  -o-transform: translateY(-30px);
  transform: translateY(-30px);
  background: #ffffff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  pointer-events: none;
  position: absolute;
  opacity: 0;
}
.promo-page-wrapper
  .promo-page
  .form-bottom-block
  .form-bottom
  .right-block
  .form
  form
  .success-info
  .image-icon {
  margin-bottom: 20px;
}
.promo-page-wrapper .hidden-on-scroll {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.promo-page-wrapper .need-animate {
  opacity: 0;
}
.promo-page-wrapper .need-animate.animated.promo-header {
  -webkit-animation: fadeInUpSmall 1s;
  -khtml-animation: fadeInUpSmall 1s;
  -moz-animation: fadeInUpSmall 1s;
  -ms-animation: fadeInUpSmall 1s;
  -o-animation: fadeInUpSmall 1s;
  animation: fadeInUpSmall 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: 100ms;
  -khtml-animation-delay: 100ms;
  -moz-animation-delay: 100ms;
  -ms-animation-delay: 100ms;
  -o-animation-delay: 100ms;
  animation-delay: 100ms;
  -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-wrapper .need-animate.animated.wrapper-button {
  -webkit-animation: fadeInUpSmall 1s;
  -khtml-animation: fadeInUpSmall 1s;
  -moz-animation: fadeInUpSmall 1s;
  -ms-animation: fadeInUpSmall 1s;
  -o-animation: fadeInUpSmall 1s;
  animation: fadeInUpSmall 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-page-wrapper .need-animate.animated.header-wrapper {
  -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: 1500ms;
  -khtml-animation-delay: 1500ms;
  -moz-animation-delay: 1500ms;
  -ms-animation-delay: 1500ms;
  -o-animation-delay: 1500ms;
  animation-delay: 1500ms;
  -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-wrapper .need-animate.animated.bg {
  -webkit-animation: fadeIn 1s;
  -khtml-animation: fadeIn 1s;
  -moz-animation: fadeIn 1s;
  -ms-animation: fadeIn 1s;
  -o-animation: fadeIn 1s;
  animation: fadeIn 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: 1500ms;
  -khtml-animation-delay: 1500ms;
  -moz-animation-delay: 1500ms;
  -ms-animation-delay: 1500ms;
  -o-animation-delay: 1500ms;
  animation-delay: 1500ms;
  -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;
}

.wrapper-registration-page {
  position: relative;
  background-image: linear-gradient(
    110deg,
    #d03e55 0%,
    #50287f 30%,
    #1b64a7 81%,
    #0f74c5 100%
  );
  font-family: Proxima, sans-serif;
  font-weight: 600;
}
@media (max-width: 999px) {
  .wrapper-registration-page {
    background: none;
  }
}
.wrapper-registration-page .button {
  font-weight: 600;
  text-transform: uppercase;
  padding: 17px 20px;
}
@media (max-width: 999px) {
  .wrapper-registration-page .wrapper-title {
    background: #ffffff;
    margin: 0;
    text-align: left;
    padding: 20px;
  }
  .wrapper-registration-page .wrapper-title .title h1 {
    color: #000000;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 28px;
    line-height: 34px;
  }
  .wrapper-registration-page .wrapper-title .details {
    color: #000000;
  }
}
.wrapper-registration-page .wrapper-main-registration {
  margin-top: 80px;
  background-color: #ffffff;
  padding: 87px 0 105px 0;
  position: relative;
}
@media (max-width: 999px) {
  .wrapper-registration-page .wrapper-main-registration {
    padding: 0 15px 50px;
    margin-top: 0;
  }
}
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .name-list,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .name-list {
  font-size: 14px;
  color: #bbbbbb;
  text-transform: uppercase;
}
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-first
  .info-holder,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-second
  .info-holder,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-first
  .info-holder,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-second
  .info-holder {
  max-width: 805px;
  margin: 30px auto;
  font-weight: 200;
  font-size: 15px;
}
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-first
  .info-holder
  b,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-second
  .info-holder
  b,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-first
  .info-holder
  b,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-second
  .info-holder
  b {
  font-weight: 600;
}
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-first
  .title-step,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-second
  .title-step,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-first
  .title-step,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-second
  .title-step {
  max-width: 805px;
  margin: 0 auto;
  display: flex;
}
@media (max-width: 999px) {
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-first
    .title-step,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-second
    .title-step,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-first
    .title-step,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-second
    .title-step {
    margin-bottom: 20px;
  }
}
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-first
  .title-step
  .cricle,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-second
  .title-step
  .cricle,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-first
  .title-step
  .cricle,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-second
  .title-step
  .cricle {
  background-color: #2947a6;
  border-radius: 1000px;
  display: inline-flex;
  width: 57px;
  height: 57px;
  color: #ffffff;
  font-size: 30px;
  justify-content: center;
  align-items: center;
  font-weight: 900;
  font-style: italic;
}
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-first
  .title-step
  .name,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-second
  .title-step
  .name,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-first
  .title-step
  .name,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-second
  .title-step
  .name {
  margin-left: 22px;
  font-size: 35px;
  font-weight: 900;
}
@media (max-width: 999px) {
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-first
    .title-step,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-second
    .title-step,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-first
    .title-step,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-second
    .title-step {
    padding: 0;
    align-items: center;
  }
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-first
    .title-step
    .cricle,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-second
    .title-step
    .cricle,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-first
    .title-step
    .cricle,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-second
    .title-step
    .cricle {
    font-size: 15px;
    height: 26px;
    width: 26px;
  }
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-first
    .title-step
    .name,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-second
    .title-step
    .name,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-first
    .title-step
    .name,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-second
    .title-step
    .name {
    margin-left: 10px;
    font-size: 15px;
    font-weight: 600;
  }
}
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-first
  .input-wrapper,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-second
  .input-wrapper,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-first
  .input-wrapper,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-second
  .input-wrapper {
  margin-top: 10px;
  width: 348px;
  position: relative;
}
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-first
  .input-wrapper
  .help,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-second
  .input-wrapper
  .help,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-first
  .input-wrapper
  .help,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-second
  .input-wrapper
  .help {
  display: inline-block;
  max-width: 348px;
  font-style: italic;
  font-size: 13px;
  color: #a7a7a7;
  line-height: 18px;
  font-weight: 400;
}
@media (max-width: 999px) {
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-first
    .input-wrapper,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-second
    .input-wrapper,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-first
    .input-wrapper,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-second
    .input-wrapper {
    width: 100%;
  }
}
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-first
  .input-wrapper
  .form-field-default-wrapper
  .dob:after,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-second
  .input-wrapper
  .form-field-default-wrapper
  .dob:after,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-first
  .input-wrapper
  .form-field-default-wrapper
  .dob:after,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-second
  .input-wrapper
  .form-field-default-wrapper
  .dob:after {
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  background: transparent url("../images/icons/calendar.png") 0% 0% no-repeat;
  background-size: cover;
  width: 16px;
  height: 16px;
  content: "";
  position: absolute;
  top: 50%;
  right: 18px;
}
@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) {
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-first
    .input-wrapper
    .form-field-default-wrapper
    .dob:after,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-second
    .input-wrapper
    .form-field-default-wrapper
    .dob:after,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-first
    .input-wrapper
    .form-field-default-wrapper
    .dob:after,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-second
    .input-wrapper
    .form-field-default-wrapper
    .dob:after {
    background: transparent url("../images/icons/calendar-2x.png") 50% 50%
      no-repeat;
    background-size: cover;
  }
}
@media (max-width: 999px) {
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-first
    .input-wrapper.radio-list-styled-wrapper,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-second
    .input-wrapper.radio-list-styled-wrapper,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-first
    .input-wrapper.radio-list-styled-wrapper,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-second
    .input-wrapper.radio-list-styled-wrapper {
    margin-top: 20px;
  }
}
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-first
  .input-wrapper.radio-list-styled-wrapper
  .label,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-second
  .input-wrapper.radio-list-styled-wrapper
  .label,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-first
  .input-wrapper.radio-list-styled-wrapper
  .label,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-second
  .input-wrapper.radio-list-styled-wrapper
  .label {
  display: inline-block;
  color: #bbbbbb;
  text-transform: uppercase;
  font-size: 14px;
}
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-first
  .input-wrapper.radio-list-styled-wrapper
  ul,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-second
  .input-wrapper.radio-list-styled-wrapper
  ul,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-first
  .input-wrapper.radio-list-styled-wrapper
  ul,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-second
  .input-wrapper.radio-list-styled-wrapper
  ul {
  display: inline-block;
  margin-left: 10px;
}
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-first
  .input-wrapper.radio-list-styled-wrapper
  ul
  li,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-second
  .input-wrapper.radio-list-styled-wrapper
  ul
  li,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-first
  .input-wrapper.radio-list-styled-wrapper
  ul
  li,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-second
  .input-wrapper.radio-list-styled-wrapper
  ul
  li {
  display: inline-block;
  margin-left: 40px;
}
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-first
  .wrapper-code,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-second
  .wrapper-code,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-first
  .wrapper-code,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-second
  .wrapper-code {
  max-width: 805px;
  margin: 56px auto 0px auto;
  display: flex;
  padding: 29px 42px 34px 42px;
  background-color: #f4f6f7;
  align-items: center;
}
@media (max-width: 999px) {
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-first
    .wrapper-code,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-second
    .wrapper-code,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-first
    .wrapper-code,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-second
    .wrapper-code {
    margin: 48px 0 0 0;
    flex-direction: column;
    background: #ffffff;
    padding: 0;
  }
}
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-first
  .wrapper-code
  .wrapper-left-block,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-second
  .wrapper-code
  .wrapper-left-block,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-first
  .wrapper-code
  .wrapper-left-block,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-second
  .wrapper-code
  .wrapper-left-block {
  display: block;
}
@media (max-width: 999px) {
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-first
    .wrapper-code
    .wrapper-left-block,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-second
    .wrapper-code
    .wrapper-left-block,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-first
    .wrapper-code
    .wrapper-left-block,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-second
    .wrapper-code
    .wrapper-left-block {
    width: 100%;
  }
}
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-first
  .wrapper-code
  .wrapper-left-block
  .name,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-second
  .wrapper-code
  .wrapper-left-block
  .name,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-first
  .wrapper-code
  .wrapper-left-block
  .name,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-second
  .wrapper-code
  .wrapper-left-block
  .name {
  display: block;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.5);
}
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-first
  .wrapper-code
  .wrapper-left-block
  .form-field-default-wrapper,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-second
  .wrapper-code
  .wrapper-left-block
  .form-field-default-wrapper,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-first
  .wrapper-code
  .wrapper-left-block
  .form-field-default-wrapper,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-second
  .wrapper-code
  .wrapper-left-block
  .form-field-default-wrapper {
  margin-bottom: 0px;
  margin-top: 9px;
}
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-first
  .wrapper-code
  .wrapper-left-block
  .code,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-second
  .wrapper-code
  .wrapper-left-block
  .code,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-first
  .wrapper-code
  .wrapper-left-block
  .code,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-second
  .wrapper-code
  .wrapper-left-block
  .code {
  width: 302px;
  height: 53px;
  font-size: 25px;
  color: #000000;
  padding: 15px 12px 15px 12px;
}
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-first
  .wrapper-code
  .wrapper-right-block,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-second
  .wrapper-code
  .wrapper-right-block,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-first
  .wrapper-code
  .wrapper-right-block,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-second
  .wrapper-code
  .wrapper-right-block {
  max-width: 350px;
  margin-left: 110px;
}
@media (max-width: 999px) {
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-first
    .wrapper-code
    .wrapper-right-block,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-second
    .wrapper-code
    .wrapper-right-block,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-first
    .wrapper-code
    .wrapper-right-block,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-second
    .wrapper-code
    .wrapper-right-block {
    width: 100%;
    margin-left: 0;
    max-width: 100%;
  }
}
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-first
  .wrapper-code
  .wrapper-right-block
  .name,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-second
  .wrapper-code
  .wrapper-right-block
  .name,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-first
  .wrapper-code
  .wrapper-right-block
  .name,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-second
  .wrapper-code
  .wrapper-right-block
  .name {
  display: block;
  font-weight: 600;
  font-size: 21px;
  color: #000000;
  margin-bottom: 29px;
}
@media (max-width: 999px) {
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-first
    .wrapper-code
    .wrapper-right-block
    .name,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-second
    .wrapper-code
    .wrapper-right-block
    .name,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-first
    .wrapper-code
    .wrapper-right-block
    .name,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-second
    .wrapper-code
    .wrapper-right-block
    .name {
    margin-bottom: 2px;
  }
}
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-first
  .wrapper-code
  .wrapper-right-block
  .repeat-time,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-second
  .wrapper-code
  .wrapper-right-block
  .repeat-time,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-first
  .wrapper-code
  .wrapper-right-block
  .repeat-time,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-second
  .wrapper-code
  .wrapper-right-block
  .repeat-time {
  display: block;
  margin-top: 10px;
  color: rgba(0, 0, 0, 0.5);
}
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-first
  .wrapper-code
  .wrapper-right-block
  .lunk-send,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-second
  .wrapper-code
  .wrapper-right-block
  .lunk-send,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-first
  .wrapper-code
  .wrapper-right-block
  .lunk-send,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-second
  .wrapper-code
  .wrapper-right-block
  .lunk-send {
  display: inline-block;
  margin-top: 5px;
  font-size: 14px;
  color: #719ac2;
  border-bottom: 1px dashed #719ac2;
}
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-first
  .wrapper-code
  .wrapper-right-block
  .lunk-send.hide,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-second
  .wrapper-code
  .wrapper-right-block
  .lunk-send.hide,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-first
  .wrapper-code
  .wrapper-right-block
  .lunk-send.hide,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-second
  .wrapper-code
  .wrapper-right-block
  .lunk-send.hide {
  display: none;
}
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-first
  .content-block,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-second
  .content-block,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-first
  .content-block,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-second
  .content-block {
  display: flex;
  margin: 50px auto 0px auto;
  justify-content: space-between;
  max-width: 805px;
}
@media (max-width: 999px) {
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-first
    .content-block,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-second
    .content-block,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-first
    .content-block,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-second
    .content-block {
    margin: 0;
    flex-direction: column;
  }
}
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-first
  .content-block
  .wrapper-main-cart,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-second
  .content-block
  .wrapper-main-cart,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-first
  .content-block
  .wrapper-main-cart,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-second
  .content-block
  .wrapper-main-cart {
  margin-top: 29px;
  position: relative;
  width: 349px;
  min-width: 349px;
  height: 229px;
  background: url("../images/registr/cart.jpg");
  background-repeat: no-repeat;
  display: flex;
  background-size: cover;
}
@media (max-width: 999px) {
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-first
    .content-block
    .wrapper-main-cart,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-second
    .content-block
    .wrapper-main-cart,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-first
    .content-block
    .wrapper-main-cart,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-second
    .content-block
    .wrapper-main-cart {
    width: 289px;
    min-width: 289px;
    margin: 0 auto 24px auto;
    flex-direction: column;
    background: none;
    height: auto;
  }
}
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-first
  .content-block
  .wrapper-main-cart
  .input-wrapper,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-second
  .content-block
  .wrapper-main-cart
  .input-wrapper,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-first
  .content-block
  .wrapper-main-cart
  .input-wrapper,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-second
  .content-block
  .wrapper-main-cart
  .input-wrapper {
  margin-top: 39px;
  margin-left: 27px;
}
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-first
  .content-block
  .wrapper-main-cart
  .input-wrapper.wrapper-front-side,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-second
  .content-block
  .wrapper-main-cart
  .input-wrapper.wrapper-front-side,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-first
  .content-block
  .wrapper-main-cart
  .input-wrapper.wrapper-front-side,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-second
  .content-block
  .wrapper-main-cart
  .input-wrapper.wrapper-front-side {
  width: 187px;
}
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-first
  .content-block
  .wrapper-main-cart
  .input-wrapper.wrapper-front-side
  .hint,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-second
  .content-block
  .wrapper-main-cart
  .input-wrapper.wrapper-front-side
  .hint,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-first
  .content-block
  .wrapper-main-cart
  .input-wrapper.wrapper-front-side
  .hint,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-second
  .content-block
  .wrapper-main-cart
  .input-wrapper.wrapper-front-side
  .hint {
  font-size: 15px;
  color: #ffffff;
  margin-bottom: 16px;
  padding-right: 7px;
}
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-first
  .content-block
  .wrapper-main-cart
  .input-wrapper.wrapper-front-side
  .form-field-default-wrapper,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-second
  .content-block
  .wrapper-main-cart
  .input-wrapper.wrapper-front-side
  .form-field-default-wrapper,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-first
  .content-block
  .wrapper-main-cart
  .input-wrapper.wrapper-front-side
  .form-field-default-wrapper,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-second
  .content-block
  .wrapper-main-cart
  .input-wrapper.wrapper-front-side
  .form-field-default-wrapper {
  margin-bottom: 0px;
}
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-first
  .content-block
  .wrapper-main-cart
  .input-wrapper.wrapper-front-side
  .form-field-default-wrapper
  .form-field-default,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-second
  .content-block
  .wrapper-main-cart
  .input-wrapper.wrapper-front-side
  .form-field-default-wrapper
  .form-field-default,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-first
  .content-block
  .wrapper-main-cart
  .input-wrapper.wrapper-front-side
  .form-field-default-wrapper
  .form-field-default,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-second
  .content-block
  .wrapper-main-cart
  .input-wrapper.wrapper-front-side
  .form-field-default-wrapper
  .form-field-default {
  background: #ffffff url("../images/registr/bar-code.svg") 50% 0 no-repeat;
  height: 70px;
  border: none;
}
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-first
  .content-block
  .wrapper-main-cart
  .input-wrapper.wrapper-front-side
  .form-field-default-wrapper
  .form-field-default.success:after,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-second
  .content-block
  .wrapper-main-cart
  .input-wrapper.wrapper-front-side
  .form-field-default-wrapper
  .form-field-default.success:after,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-first
  .content-block
  .wrapper-main-cart
  .input-wrapper.wrapper-front-side
  .form-field-default-wrapper
  .form-field-default.success:after,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-second
  .content-block
  .wrapper-main-cart
  .input-wrapper.wrapper-front-side
  .form-field-default-wrapper
  .form-field-default.success:after {
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  transform: none;
  right: 7px;
  width: 21px;
  height: 27px;
  line-height: 15px;
}
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-first
  .content-block
  .wrapper-main-cart
  .input-wrapper.wrapper-front-side
  .form-field-default-wrapper
  .form-field-default
  .label,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-second
  .content-block
  .wrapper-main-cart
  .input-wrapper.wrapper-front-side
  .form-field-default-wrapper
  .form-field-default
  .label,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-first
  .content-block
  .wrapper-main-cart
  .input-wrapper.wrapper-front-side
  .form-field-default-wrapper
  .form-field-default
  .label,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-second
  .content-block
  .wrapper-main-cart
  .input-wrapper.wrapper-front-side
  .form-field-default-wrapper
  .form-field-default
  .label {
  text-align: center;
  padding-left: 0px;
  left: 0;
  right: 0;
}
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-first
  .content-block
  .wrapper-main-cart
  .input-wrapper.wrapper-back-side,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-second
  .content-block
  .wrapper-main-cart
  .input-wrapper.wrapper-back-side,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-first
  .content-block
  .wrapper-main-cart
  .input-wrapper.wrapper-back-side,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-second
  .content-block
  .wrapper-main-cart
  .input-wrapper.wrapper-back-side {
  width: 74px;
  margin-top: 145px;
  margin-left: 9px;
}
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-first
  .content-block
  .wrapper-main-cart
  .input-wrapper.wrapper-back-side
  .form-field-default-wrapper,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-second
  .content-block
  .wrapper-main-cart
  .input-wrapper.wrapper-back-side
  .form-field-default-wrapper,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-first
  .content-block
  .wrapper-main-cart
  .input-wrapper.wrapper-back-side
  .form-field-default-wrapper,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-second
  .content-block
  .wrapper-main-cart
  .input-wrapper.wrapper-back-side
  .form-field-default-wrapper {
  margin-bottom: 0px;
}
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-first
  .content-block
  .wrapper-main-cart
  .input-wrapper.wrapper-back-side
  .form-field-default-wrapper
  .form-field-default,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-second
  .content-block
  .wrapper-main-cart
  .input-wrapper.wrapper-back-side
  .form-field-default-wrapper
  .form-field-default,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-first
  .content-block
  .wrapper-main-cart
  .input-wrapper.wrapper-back-side
  .form-field-default-wrapper
  .form-field-default,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-second
  .content-block
  .wrapper-main-cart
  .input-wrapper.wrapper-back-side
  .form-field-default-wrapper
  .form-field-default {
  border: none;
}
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-first
  .content-block
  .wrapper-main-cart
  .input-wrapper.wrapper-back-side
  .form-field-default-wrapper
  .form-field-default.invalid:after,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-second
  .content-block
  .wrapper-main-cart
  .input-wrapper.wrapper-back-side
  .form-field-default-wrapper
  .form-field-default.invalid:after,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-first
  .content-block
  .wrapper-main-cart
  .input-wrapper.wrapper-back-side
  .form-field-default-wrapper
  .form-field-default.invalid:after,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-second
  .content-block
  .wrapper-main-cart
  .input-wrapper.wrapper-back-side
  .form-field-default-wrapper
  .form-field-default.invalid:after {
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  transform: none;
  right: 7px;
  width: 16px;
  height: 16px;
  line-height: 15px;
}
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-first
  .content-block
  .wrapper-main-cart
  .input-wrapper.wrapper-back-side
  .form-field-default-wrapper
  .form-field-default.success:after,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-second
  .content-block
  .wrapper-main-cart
  .input-wrapper.wrapper-back-side
  .form-field-default-wrapper
  .form-field-default.success:after,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-first
  .content-block
  .wrapper-main-cart
  .input-wrapper.wrapper-back-side
  .form-field-default-wrapper
  .form-field-default.success:after,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-second
  .content-block
  .wrapper-main-cart
  .input-wrapper.wrapper-back-side
  .form-field-default-wrapper
  .form-field-default.success:after {
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  transform: none;
  right: 7px;
  width: 16px;
  height: 16px;
  line-height: 15px;
  background-size: 16px 14px;
}
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-first
  .content-block
  .wrapper-main-cart
  .input-wrapper.wrapper-back-side
  .form-field-default-wrapper
  .form-field-default
  .label,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-second
  .content-block
  .wrapper-main-cart
  .input-wrapper.wrapper-back-side
  .form-field-default-wrapper
  .form-field-default
  .label,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-first
  .content-block
  .wrapper-main-cart
  .input-wrapper.wrapper-back-side
  .form-field-default-wrapper
  .form-field-default
  .label,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-second
  .content-block
  .wrapper-main-cart
  .input-wrapper.wrapper-back-side
  .form-field-default-wrapper
  .form-field-default
  .label {
  text-align: center;
  padding-left: 0px;
  left: 0;
  right: 0;
}
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-first
  .content-block
  .wrapper-main-cart
  .input-wrapper.wrapper-back-side
  .hint,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-second
  .content-block
  .wrapper-main-cart
  .input-wrapper.wrapper-back-side
  .hint,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-first
  .content-block
  .wrapper-main-cart
  .input-wrapper.wrapper-back-side
  .hint,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-second
  .content-block
  .wrapper-main-cart
  .input-wrapper.wrapper-back-side
  .hint {
  display: none;
}
@media (max-width: 999px) {
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-first
    .content-block
    .wrapper-main-cart
    .input-wrapper,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-second
    .content-block
    .wrapper-main-cart
    .input-wrapper,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-first
    .content-block
    .wrapper-main-cart
    .input-wrapper,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-second
    .content-block
    .wrapper-main-cart
    .input-wrapper {
    margin: 0;
  }
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-first
    .content-block
    .wrapper-main-cart
    .input-wrapper.wrapper-front-side,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-second
    .content-block
    .wrapper-main-cart
    .input-wrapper.wrapper-front-side,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-first
    .content-block
    .wrapper-main-cart
    .input-wrapper.wrapper-front-side,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-second
    .content-block
    .wrapper-main-cart
    .input-wrapper.wrapper-front-side {
    margin: 0;
    background: url("../images/registr/bg-card-reg.png") 50% 50% no-repeat;
    width: 100%;
    height: 191px;
    padding-top: 35px;
    padding-left: 20px;
    padding-right: 20px;
    z-index: 2;
  }
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-first
    .content-block
    .wrapper-main-cart
    .input-wrapper.wrapper-front-side
    .form-field-default-wrapper,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-second
    .content-block
    .wrapper-main-cart
    .input-wrapper.wrapper-front-side
    .form-field-default-wrapper,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-first
    .content-block
    .wrapper-main-cart
    .input-wrapper.wrapper-front-side
    .form-field-default-wrapper,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-second
    .content-block
    .wrapper-main-cart
    .input-wrapper.wrapper-front-side
    .form-field-default-wrapper {
    max-width: 70%;
  }
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-first
    .content-block
    .wrapper-main-cart
    .input-wrapper.wrapper-back-side,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-second
    .content-block
    .wrapper-main-cart
    .input-wrapper.wrapper-back-side,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-first
    .content-block
    .wrapper-main-cart
    .input-wrapper.wrapper-back-side,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-second
    .content-block
    .wrapper-main-cart
    .input-wrapper.wrapper-back-side {
    z-index: 999;
    position: absolute;
    right: 15px;
    margin-top: 123px;
    border-radius: 9px;
  }
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-first
    .content-block
    .wrapper-main-cart
    .input-wrapper.wrapper-back-side
    .hint,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-second
    .content-block
    .wrapper-main-cart
    .input-wrapper.wrapper-back-side
    .hint,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-first
    .content-block
    .wrapper-main-cart
    .input-wrapper.wrapper-back-side
    .hint,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-second
    .content-block
    .wrapper-main-cart
    .input-wrapper.wrapper-back-side
    .hint {
    margin-bottom: 0;
  }
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-first
    .content-block
    .wrapper-main-cart
    .input-wrapper.wrapper-back-side
    .form-field-default-wrapper,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-second
    .content-block
    .wrapper-main-cart
    .input-wrapper.wrapper-back-side
    .form-field-default-wrapper,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-first
    .content-block
    .wrapper-main-cart
    .input-wrapper.wrapper-back-side
    .form-field-default-wrapper,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-second
    .content-block
    .wrapper-main-cart
    .input-wrapper.wrapper-back-side
    .form-field-default-wrapper {
    width: 70px;
    margin: 0;
  }
}
@media (max-width: 999px) {
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-first
    .content-block
    .wrapper-list,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-second
    .content-block
    .wrapper-list,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-first
    .content-block
    .wrapper-list,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-second
    .content-block
    .wrapper-list {
    margin-left: 0;
  }
}
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-first
  .content-block
  .wrapper-list
  .name-list,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-second
  .content-block
  .wrapper-list
  .name-list,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-first
  .content-block
  .wrapper-list
  .name-list,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-second
  .content-block
  .wrapper-list
  .name-list {
  text-transform: uppercase;
  font-size: 14px;
  color: #bbbbbb;
}
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-first
  .content-block
  .wrapper-list
  .data-list,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-second
  .content-block
  .wrapper-list
  .data-list,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-first
  .content-block
  .wrapper-list
  .data-list,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-second
  .content-block
  .wrapper-list
  .data-list {
  margin-top: 10px;
}
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-first
  .content-block
  .wrapper-list
  .data-list
  .input-wrapper,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-second
  .content-block
  .wrapper-list
  .data-list
  .input-wrapper,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-first
  .content-block
  .wrapper-list
  .data-list
  .input-wrapper,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-second
  .content-block
  .wrapper-list
  .data-list
  .input-wrapper {
  width: 348px;
  margin-bottom: 10px;
}
@media (max-width: 999px) {
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-first
    .content-block
    .wrapper-list
    .data-list
    .input-wrapper,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-second
    .content-block
    .wrapper-list
    .data-list
    .input-wrapper,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-first
    .content-block
    .wrapper-list
    .data-list
    .input-wrapper,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-second
    .content-block
    .wrapper-list
    .data-list
    .input-wrapper {
    width: 100%;
  }
}
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-first
  .content-address,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-second
  .content-address,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-first
  .content-address,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-second
  .content-address {
  max-width: 805px;
  margin: 0 auto;
  border-top: 1px solid #dedede;
  margin-top: 55px;
  padding-bottom: 60.5px;
  border-bottom: 1px solid #dedede;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 999px) {
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-first
    .content-address,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-second
    .content-address,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-first
    .content-address,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-second
    .content-address {
    flex-direction: column;
    margin: 0;
    padding-bottom: 10px;
    border-bottom: 0;
  }
}
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-first
  .content-address
  .wrapper-address,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-first
  .content-address
  .wrapper-contact,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-second
  .content-address
  .wrapper-address,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-second
  .content-address
  .wrapper-contact,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-first
  .content-address
  .wrapper-address,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-first
  .content-address
  .wrapper-contact,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-second
  .content-address
  .wrapper-address,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-second
  .content-address
  .wrapper-contact {
  margin-top: 32px;
}
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-first
  .content-address
  .wrapper-address
  .mail,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-first
  .content-address
  .wrapper-contact
  .mail,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-second
  .content-address
  .wrapper-address
  .mail,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-second
  .content-address
  .wrapper-contact
  .mail,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-first
  .content-address
  .wrapper-address
  .mail,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-first
  .content-address
  .wrapper-contact
  .mail,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-second
  .content-address
  .wrapper-address
  .mail,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-second
  .content-address
  .wrapper-contact
  .mail {
  margin-top: 10px;
}
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-first
  .content-address
  .wrapper-address
  .input-row,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-first
  .content-address
  .wrapper-contact
  .input-row,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-second
  .content-address
  .wrapper-address
  .input-row,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-second
  .content-address
  .wrapper-contact
  .input-row,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-first
  .content-address
  .wrapper-address
  .input-row,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-first
  .content-address
  .wrapper-contact
  .input-row,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-second
  .content-address
  .wrapper-address
  .input-row,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-second
  .content-address
  .wrapper-contact
  .input-row {
  display: flex;
}
@media (min-width: 0px) and (max-width: 700px) {
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-first
    .content-address
    .wrapper-address
    .input-row,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-first
    .content-address
    .wrapper-contact
    .input-row,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-second
    .content-address
    .wrapper-address
    .input-row,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-second
    .content-address
    .wrapper-contact
    .input-row,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-first
    .content-address
    .wrapper-address
    .input-row,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-first
    .content-address
    .wrapper-contact
    .input-row,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-second
    .content-address
    .wrapper-address
    .input-row,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-second
    .content-address
    .wrapper-contact
    .input-row {
    flex-direction: column;
  }
}
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-first
  .content-address
  .wrapper-address
  .input-row
  .street,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-first
  .content-address
  .wrapper-contact
  .input-row
  .street,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-second
  .content-address
  .wrapper-address
  .input-row
  .street,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-second
  .content-address
  .wrapper-contact
  .input-row
  .street,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-first
  .content-address
  .wrapper-address
  .input-row
  .street,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-first
  .content-address
  .wrapper-contact
  .input-row
  .street,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-second
  .content-address
  .wrapper-address
  .input-row
  .street,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-second
  .content-address
  .wrapper-contact
  .input-row
  .street {
  width: 215px;
}
@media (min-width: 701px) {
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-first
    .content-address
    .wrapper-address
    .input-row
    .street
    .form-field-default:after,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-first
    .content-address
    .wrapper-contact
    .input-row
    .street
    .form-field-default:after,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-second
    .content-address
    .wrapper-address
    .input-row
    .street
    .form-field-default:after,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-second
    .content-address
    .wrapper-contact
    .input-row
    .street
    .form-field-default:after,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-first
    .content-address
    .wrapper-address
    .input-row
    .street
    .form-field-default:after,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-first
    .content-address
    .wrapper-contact
    .input-row
    .street
    .form-field-default:after,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-second
    .content-address
    .wrapper-address
    .input-row
    .street
    .form-field-default:after,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-second
    .content-address
    .wrapper-contact
    .input-row
    .street
    .form-field-default:after {
    zoom: 0.7;
    top: 25px;
  }
}
@media (min-width: 701px) and (max-width: 999px) {
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-first
    .content-address
    .wrapper-address
    .input-row
    .street,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-first
    .content-address
    .wrapper-contact
    .input-row
    .street,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-second
    .content-address
    .wrapper-address
    .input-row
    .street,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-second
    .content-address
    .wrapper-contact
    .input-row
    .street,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-first
    .content-address
    .wrapper-address
    .input-row
    .street,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-first
    .content-address
    .wrapper-contact
    .input-row
    .street,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-second
    .content-address
    .wrapper-address
    .input-row
    .street,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-second
    .content-address
    .wrapper-contact
    .input-row
    .street {
    width: 50%;
  }
}
@media (min-width: 0px) and (max-width: 700px) {
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-first
    .content-address
    .wrapper-address
    .input-row
    .street,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-first
    .content-address
    .wrapper-contact
    .input-row
    .street,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-second
    .content-address
    .wrapper-address
    .input-row
    .street,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-second
    .content-address
    .wrapper-contact
    .input-row
    .street,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-first
    .content-address
    .wrapper-address
    .input-row
    .street,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-first
    .content-address
    .wrapper-contact
    .input-row
    .street,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-second
    .content-address
    .wrapper-address
    .input-row
    .street,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-second
    .content-address
    .wrapper-contact
    .input-row
    .street {
    width: 100%;
  }
}
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-first
  .content-address
  .wrapper-address
  .input-row
  .building,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-first
  .content-address
  .wrapper-contact
  .input-row
  .building,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-second
  .content-address
  .wrapper-address
  .input-row
  .building,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-second
  .content-address
  .wrapper-contact
  .input-row
  .building,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-first
  .content-address
  .wrapper-address
  .input-row
  .building,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-first
  .content-address
  .wrapper-contact
  .input-row
  .building,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-second
  .content-address
  .wrapper-address
  .input-row
  .building,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-second
  .content-address
  .wrapper-contact
  .input-row
  .building {
  width: calc(30% - 10px);
  margin-left: 10px;
}
@media (min-width: 701px) {
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-first
    .content-address
    .wrapper-address
    .input-row
    .building
    .form-field-default:after,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-first
    .content-address
    .wrapper-contact
    .input-row
    .building
    .form-field-default:after,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-second
    .content-address
    .wrapper-address
    .input-row
    .building
    .form-field-default:after,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-second
    .content-address
    .wrapper-contact
    .input-row
    .building
    .form-field-default:after,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-first
    .content-address
    .wrapper-address
    .input-row
    .building
    .form-field-default:after,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-first
    .content-address
    .wrapper-contact
    .input-row
    .building
    .form-field-default:after,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-second
    .content-address
    .wrapper-address
    .input-row
    .building
    .form-field-default:after,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-second
    .content-address
    .wrapper-contact
    .input-row
    .building
    .form-field-default:after {
    zoom: 0.7;
    top: 25px;
  }
}
@media (min-width: 0px) and (max-width: 700px) {
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-first
    .content-address
    .wrapper-address
    .input-row
    .building,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-first
    .content-address
    .wrapper-contact
    .input-row
    .building,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-second
    .content-address
    .wrapper-address
    .input-row
    .building,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-second
    .content-address
    .wrapper-contact
    .input-row
    .building,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-first
    .content-address
    .wrapper-address
    .input-row
    .building,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-first
    .content-address
    .wrapper-contact
    .input-row
    .building,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-second
    .content-address
    .wrapper-address
    .input-row
    .building,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-second
    .content-address
    .wrapper-contact
    .input-row
    .building {
    width: 100%;
    margin-left: 0px;
  }
}
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-first
  .content-address
  .wrapper-address
  .input-row
  .house,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-first
  .content-address
  .wrapper-contact
  .input-row
  .house,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-second
  .content-address
  .wrapper-address
  .input-row
  .house,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-second
  .content-address
  .wrapper-contact
  .input-row
  .house,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-first
  .content-address
  .wrapper-address
  .input-row
  .house,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-first
  .content-address
  .wrapper-contact
  .input-row
  .house,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-second
  .content-address
  .wrapper-address
  .input-row
  .house,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-second
  .content-address
  .wrapper-contact
  .input-row
  .house {
  margin-left: 10px;
  width: 30%;
}
@media (min-width: 0px) and (max-width: 700px) {
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-first
    .content-address
    .wrapper-address
    .input-row
    .house,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-first
    .content-address
    .wrapper-contact
    .input-row
    .house,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-second
    .content-address
    .wrapper-address
    .input-row
    .house,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-second
    .content-address
    .wrapper-contact
    .input-row
    .house,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-first
    .content-address
    .wrapper-address
    .input-row
    .house,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-first
    .content-address
    .wrapper-contact
    .input-row
    .house,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-second
    .content-address
    .wrapper-address
    .input-row
    .house,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-second
    .content-address
    .wrapper-contact
    .input-row
    .house {
    width: 100%;
    margin-left: 0px;
  }
}
@media (min-width: 701px) {
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-first
    .content-address
    .wrapper-address
    .input-row
    .house
    .form-field-default:after,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-first
    .content-address
    .wrapper-contact
    .input-row
    .house
    .form-field-default:after,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-second
    .content-address
    .wrapper-address
    .input-row
    .house
    .form-field-default:after,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-second
    .content-address
    .wrapper-contact
    .input-row
    .house
    .form-field-default:after,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-first
    .content-address
    .wrapper-address
    .input-row
    .house
    .form-field-default:after,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-first
    .content-address
    .wrapper-contact
    .input-row
    .house
    .form-field-default:after,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-second
    .content-address
    .wrapper-address
    .input-row
    .house
    .form-field-default:after,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-second
    .content-address
    .wrapper-contact
    .input-row
    .house
    .form-field-default:after {
    zoom: 0.7;
    top: 25px;
  }
}
@media (min-width: 701px) and (max-width: 999px) {
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-first
    .content-address
    .wrapper-address
    .input-row
    .house,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-first
    .content-address
    .wrapper-contact
    .input-row
    .house,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-second
    .content-address
    .wrapper-address
    .input-row
    .house,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-second
    .content-address
    .wrapper-contact
    .input-row
    .house,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-first
    .content-address
    .wrapper-address
    .input-row
    .house,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-first
    .content-address
    .wrapper-contact
    .input-row
    .house,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-second
    .content-address
    .wrapper-address
    .input-row
    .house,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-second
    .content-address
    .wrapper-contact
    .input-row
    .house {
    width: 50%;
  }
}
@media (min-width: 0px) and (max-width: 700px) {
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-first
    .content-address
    .wrapper-address
    .input-row
    .house,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-first
    .content-address
    .wrapper-contact
    .input-row
    .house,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-second
    .content-address
    .wrapper-address
    .input-row
    .house,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-second
    .content-address
    .wrapper-contact
    .input-row
    .house,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-first
    .content-address
    .wrapper-address
    .input-row
    .house,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-first
    .content-address
    .wrapper-contact
    .input-row
    .house,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-second
    .content-address
    .wrapper-address
    .input-row
    .house,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-second
    .content-address
    .wrapper-contact
    .input-row
    .house {
    width: 100%;
    margin-left: 0;
  }
}
@media (max-width: 999px) {
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-first
    .content-address
    .wrapper-contact,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-second
    .content-address
    .wrapper-contact,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-first
    .content-address
    .wrapper-contact,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-second
    .content-address
    .wrapper-contact {
    margin-left: 0;
  }
}
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-first
  .wrapper-button,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-second
  .wrapper-button,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-first
  .wrapper-button,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-second
  .wrapper-button {
  margin: 53.5px auto 0px auto;
  max-width: 805px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media (max-width: 999px) {
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-first
    .wrapper-button,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-second
    .wrapper-button,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-first
    .wrapper-button,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-second
    .wrapper-button {
    margin: 20px 0 0 0;
    flex-direction: column;
  }
}
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-first
  .wrapper-button
  .button,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-second
  .wrapper-button
  .button,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-first
  .wrapper-button
  .button,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-second
  .wrapper-button
  .button {
  flex: 0 0 350px;
  margin-right: 12px;
}
@media (max-width: 999px) {
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-first
    .wrapper-button
    .button,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-second
    .wrapper-button
    .button,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-first
    .wrapper-button
    .button,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-second
    .wrapper-button
    .button {
    flex: 0 0 auto;
  }
}
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-first
  .wrapper-button
  .form-errors-holder,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-second
  .wrapper-button
  .form-errors-holder,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-first
  .wrapper-button
  .form-errors-holder,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-second
  .wrapper-button
  .form-errors-holder {
  flex: 0 0 350px;
  margin-left: 16px;
  white-space: nowrap;
}
@media (max-width: 999px) {
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-first
    .wrapper-button
    .form-errors-holder,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-second
    .wrapper-button
    .form-errors-holder,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-first
    .wrapper-button
    .form-errors-holder,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-second
    .wrapper-button
    .form-errors-holder {
    flex: 0 0 auto;
    margin: 12px 0 0 0;
    white-space: normal;
  }
}
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-first
  .wrapper-button
  .form-errors-holder
  .list-fields-not-passed,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-second
  .wrapper-button
  .form-errors-holder
  .list-fields-not-passed,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-first
  .wrapper-button
  .form-errors-holder
  .list-fields-not-passed,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-second
  .wrapper-button
  .form-errors-holder
  .list-fields-not-passed {
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
}
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-first
  .wrapper-button
  .form-errors-holder
  .list-fields-not-passed
  li,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-second
  .wrapper-button
  .form-errors-holder
  .list-fields-not-passed
  li,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-first
  .wrapper-button
  .form-errors-holder
  .list-fields-not-passed
  li,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-second
  .wrapper-button
  .form-errors-holder
  .list-fields-not-passed
  li {
  display: inline-block;
}
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-first
  .wrapper-button
  .form-errors-holder
  .list-fields-not-passed
  li:first-child,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-second
  .wrapper-button
  .form-errors-holder
  .list-fields-not-passed
  li:first-child,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-first
  .wrapper-button
  .form-errors-holder
  .list-fields-not-passed
  li:first-child,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-second
  .wrapper-button
  .form-errors-holder
  .list-fields-not-passed
  li:first-child {
  margin-right: 10px;
}
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-first
  .wrapper-button
  .form-errors-holder
  .list-fields-not-passed
  li
  a,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-second
  .wrapper-button
  .form-errors-holder
  .list-fields-not-passed
  li
  a,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-first
  .wrapper-button
  .form-errors-holder
  .list-fields-not-passed
  li
  a,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-second
  .wrapper-button
  .form-errors-holder
  .list-fields-not-passed
  li
  a {
  color: #719ac2;
  border-bottom: dashed 1px;
  margin-right: 3px;
}
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-first
  .wrapper-secret-data,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-second
  .wrapper-secret-data,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-first
  .wrapper-secret-data,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-second
  .wrapper-secret-data {
  margin: 50px auto 0px auto;
  max-width: 805px;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 999px) {
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-first
    .wrapper-secret-data,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-second
    .wrapper-secret-data,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-first
    .wrapper-secret-data,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-second
    .wrapper-secret-data {
    margin: 20px 0 0 0;
    flex-direction: column;
  }
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-first
    .wrapper-secret-data
    .wrapper-secret-word,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-second
    .wrapper-secret-data
    .wrapper-secret-word,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-first
    .wrapper-secret-data
    .wrapper-secret-word,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-second
    .wrapper-secret-data
    .wrapper-secret-word {
    margin-top: 20px;
  }
}
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-first
  .wrapper-secret-data
  .help,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-second
  .wrapper-secret-data
  .help,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-first
  .wrapper-secret-data
  .help,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-second
  .wrapper-secret-data
  .help {
  display: inline-block;
  max-width: 348px;
  font-style: italic;
  font-size: 13px;
  color: #a7a7a7;
  line-height: 18px;
  font-family: "Geometria", sans-serif;
  font-weight: 400;
}
@media (max-width: 999px) {
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-first
    .wrapper-secret-data
    .help,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-second
    .wrapper-secret-data
    .help,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-first
    .wrapper-secret-data
    .help,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-second
    .wrapper-secret-data
    .help {
    max-width: 100%;
    margin-top: 0;
  }
}
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-first
  .wrapper-checkbox-list,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-second
  .wrapper-checkbox-list,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-first
  .wrapper-checkbox-list,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-second
  .wrapper-checkbox-list {
  margin: 40px auto 0px auto;
  max-width: 805px;
  padding: 0 30px;
}
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-first
  .wrapper-checkbox-list
  .checkbox-row,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-second
  .wrapper-checkbox-list
  .checkbox-row,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-first
  .wrapper-checkbox-list
  .checkbox-row,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-second
  .wrapper-checkbox-list
  .checkbox-row {
  width: 100%;
}
@media (max-width: 999px) {
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-first
    .wrapper-checkbox-list,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-first
    .wrapper-step-second
    .wrapper-checkbox-list,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-first
    .wrapper-checkbox-list,
  .wrapper-registration-page
    .wrapper-main-registration
    .form-step-second
    .wrapper-step-second
    .wrapper-checkbox-list {
    margin: 20px 0 0 0;
    padding-left: 31px;
  }
}
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-first
  .wrapper-checkbox-list
  a,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-first
  .wrapper-step-second
  .wrapper-checkbox-list
  a,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-first
  .wrapper-checkbox-list
  a,
.wrapper-registration-page
  .wrapper-main-registration
  .form-step-second
  .wrapper-step-second
  .wrapper-checkbox-list
  a {
  color: #719ac2;
}
.wrapper-registration-page .wrapper-main-registration .form-step-second {
  margin-top: 70px;
}
@media (max-width: 999px) {
  .wrapper-registration-page .wrapper-main-registration .form-step-second {
    margin-top: 20px;
  }
}
.wrapper-registration-page .success-page {
  padding: 90px 0px;
}
.wrapper-registration-page .success-page .icon-holder {
  margin-bottom: 67px;
}
.wrapper-registration-page .success-page h2 {
  margin-bottom: 10px;
}
.wrapper-registration-page .success-page .text-holder {
  margin-bottom: 27px;
}

.dashboard-header-wrapper {
  position: fixed;
  display: inline-flex;
  height: 90px;
  width: 100%;
  top: 0;
  background: #2f2566 url("../images/dashboard/header_bg.jpg") 0 0 no-repeat;
  background-size: cover;
  justify-content: space-between;
  z-index: 10;
  line-height: normal;
}
@media (min-width: 1400px) {
  .dashboard-header-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
  }
}
@media (max-width: 999px) {
  .dashboard-header-wrapper {
    position: static;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto;
    background: linear-gradient(
      100deg,
      #d03e55 -30%,
      #50287f 30%,
      #1b64a7 130%,
      #0f74c5 120%
    );
  }
}
@media (max-width: 999px) {
  .dashboard-header-wrapper .wrapper-block-top {
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
.dashboard-header-wrapper .wrapper-block-top .phone {
  display: block;
  background-image: url("../images/icons/phone.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  width: 37px;
  height: 37px;
  margin-right: 15px;
  position: absolute;
  right: 0;
}
.dashboard-header-wrapper .wrapper-logo {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 30px;
  height: 100%;
}
@media (max-width: 1399px) {
  .dashboard-header-wrapper .wrapper-logo {
    max-width: 122px;
  }
}
@media (max-width: 1279px) {
  .dashboard-header-wrapper .wrapper-logo {
    max-width: 100px;
  }
}
@media (max-width: 999px) {
  .dashboard-header-wrapper .wrapper-logo {
    max-width: 100%;
    margin: 0 auto;
  }
  .dashboard-header-wrapper .wrapper-logo img {
    max-width: 122px;
  }
}
@media (max-width: 999px) {
  .dashboard-header-wrapper .wrapper-block-bottom {
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(
      100deg,
      #d03e55 -30%,
      #50287f 30%,
      #1b64a7 130%,
      #0f74c5 120%
    );
    z-index: 99;
  }
}
.dashboard-header-wrapper .wrapper-header-menu-list {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
  display: flex;
  padding: 21px 151px 20px 0;
}
@media all and (max-width: 1450px) {
  .dashboard-header-wrapper .wrapper-header-menu-list {
    padding-right: 50px;
    padding-bottom: 20px;
    padding-top: 10px;
  }
}
@media (max-width: 1279px) {
  .dashboard-header-wrapper .wrapper-header-menu-list {
    padding-right: 20px;
  }
}
@media (max-width: 999px) {
  .dashboard-header-wrapper .wrapper-header-menu-list {
    padding: 0px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
  }
}
.dashboard-header-wrapper .wrapper-header-menu-list .item {
  display: flex;
}
@media (min-width: 701px) {
  .dashboard-header-wrapper .wrapper-header-menu-list .item {
    height: 69px;
  }
}
.dashboard-header-wrapper .wrapper-header-menu-list .item .action-link {
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  padding: 7px 0px;
  height: 100%;
  width: 100%;
}
.dashboard-header-wrapper
  .wrapper-header-menu-list
  .item
  .action-link.transaction
  .image-icon {
  transform: translateY(3px);
}
.dashboard-header-wrapper
  .wrapper-header-menu-list
  .item
  .action-link.transaction
  .name {
  opacity: 1;
  font-weight: 800;
  margin-top: 10px;
}
.dashboard-header-wrapper
  .wrapper-header-menu-list
  .item
  .action-link.block
  .image-icon {
  transform: translateY(2px);
}
.dashboard-header-wrapper
  .wrapper-header-menu-list
  .item
  .action-link.block
  .name {
  margin-top: 9px;
}
.dashboard-header-wrapper .wrapper-header-menu-list .item .name {
  font-weight: 800;
  font-size: 13px;
  color: #ffffff;
  line-height: 17px;
  border-bottom: 1px dashed;
  text-align: center;
}
@media (max-width: 999px) {
  .dashboard-header-wrapper .wrapper-header-menu-list .item .name {
    font-size: 10px;
    line-height: 17px;
    color: #ffffff;
    opacity: 1;
  }
}
.dashboard-header-wrapper .wrapper-header-menu-list .wrapper-info-cart {
  margin-right: 55px;
  align-items: center;
}
@media (max-width: 1400px) {
  .dashboard-header-wrapper .wrapper-header-menu-list .wrapper-info-cart {
    margin: 0 20px;
  }
}
@media (max-width: 999px) {
  .dashboard-header-wrapper .wrapper-header-menu-list .wrapper-info-cart {
    display: none;
  }
}
.dashboard-header-wrapper
  .wrapper-header-menu-list
  .wrapper-info-cart
  .wrapper-image {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1100px) {
  .dashboard-header-wrapper
    .wrapper-header-menu-list
    .wrapper-info-cart
    .wrapper-image {
    display: none;
  }
}
.dashboard-header-wrapper
  .wrapper-header-menu-list
  .wrapper-info-cart
  .wrapper-image
  img {
  width: 100px;
}
@media (max-width: 1400px) {
  .dashboard-header-wrapper
    .wrapper-header-menu-list
    .wrapper-info-cart
    .wrapper-image
    img {
    width: 80px;
  }
}
.dashboard-header-wrapper
  .wrapper-header-menu-list
  .wrapper-info-cart
  .cart-info {
  margin-left: 11px;
  flex-direction: column;
  justify-content: center;
}
.dashboard-header-wrapper
  .wrapper-header-menu-list
  .wrapper-info-cart
  .cart-info
  .num-cart {
  display: block;
  font-size: 18px;
  color: white;
  letter-spacing: 1px;
}
@media (max-width: 1400px) {
  .dashboard-header-wrapper
    .wrapper-header-menu-list
    .wrapper-info-cart
    .cart-info
    .num-cart {
    color: white;
    font-size: 16px;
  }
}
@media (max-width: 1279px) {
  .dashboard-header-wrapper
    .wrapper-header-menu-list
    .wrapper-info-cart
    .cart-info
    .num-cart {
    white-space: nowrap;
  }
}
.dashboard-header-wrapper
  .wrapper-header-menu-list
  .wrapper-info-cart
  .cart-info
  .bonus {
  margin-top: 2px;
  display: block;
  font-size: 26px;
  color: #ffffff;
  font-weight: 800;
}
@media (max-width: 1400px) {
  .dashboard-header-wrapper
    .wrapper-header-menu-list
    .wrapper-info-cart
    .cart-info
    .bonus {
    font-size: 20px;
  }
}
.dashboard-header-wrapper .wrapper-header-menu-list .wrapper-swap-cart {
  justify-content: center;
  flex-direction: column;
  align-items: center;
  padding-right: 19px;
}
.dashboard-header-wrapper .wrapper-header-menu-list .wrapper-swap-cart .name {
  margin-top: 6px;
  font-weight: 600;
  font-size: 13px;
  color: #fed45f;
  line-height: 17px;
}
.dashboard-header-wrapper .wrapper-header-menu-list .wrapper-cart-block {
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.dashboard-header-wrapper .wrapper-header-menu-list .item {
  padding: 0 20px;
}
@media (max-width: 700px) {
  .dashboard-header-wrapper .wrapper-header-menu-list .item {
    padding: 6px 5px;
  }
}
.dashboard-header-wrapper .wrapper-header-menu-list .item.bordered {
  border-left: 1px solid rgba(239, 239, 239, 0.14);
  border-right: 1px solid rgba(239, 239, 239, 0.14);
}
@media (min-width: 0px) and (max-width: 700px) {
  .dashboard-header-wrapper .wrapper-header-menu-list .item.bordered {
    padding: 6px 5px;
  }
}
.dashboard-header-wrapper .wrapper-header-menu-list .item.bordered-right {
  border-right: 1px solid rgba(239, 239, 239, 0.14);
}
.dashboard-header-wrapper .wrapper-header-menu-list .wrapper-cart-recovery {
  justify-content: center;
  flex-direction: column;
  align-items: center;
  padding: 0 20px 0 20px;
  border-left: 1px solid rgba(239, 239, 239, 0.14);
}
.dashboard-header-wrapper .wrapper-header-menu-list .wrapper-personal {
  margin-left: 14px;
  align-items: center;
}
.dashboard-header-wrapper
  .wrapper-header-menu-list
  .wrapper-personal
  .wrapper-personal-link {
  display: block;
  font-weight: 600;
  margin-left: 14px;
}
.dashboard-header-wrapper
  .wrapper-header-menu-list
  .wrapper-personal
  .wrapper-personal-link
  .name-user {
  display: block;
  font-size: 16px;
  color: #ffffff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 1279px) {
  .dashboard-header-wrapper
    .wrapper-header-menu-list
    .wrapper-personal
    .wrapper-personal-link
    .name-user {
    max-width: 200px;
  }
}
.dashboard-header-wrapper
  .wrapper-header-menu-list
  .wrapper-personal
  .wrapper-personal-link
  .link-checkout {
  margin-top: 4px;
  font-size: 13px;
  color: #ffffff;
}

.wrapper-info-user-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  padding: 23px 15px;
  background-color: #f4f5f9;
}
@media (min-width: 0px) and (max-width: 700px) {
  .wrapper-info-user-card {
    padding: 15px;
    pointer-events: none;
  }
  .wrapper-info-user-card.blocked {
    position: relative;
  }
  .wrapper-info-user-card.blocked:after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    content: "Карта заблокирована";
    background: #ffffffc9;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #49417a;
    font-weight: bold;
    font-size: 21px;
  }
}
.wrapper-info-user-card .holder-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.wrapper-info-user-card .holder-info .wrapper-image img {
  max-width: 70px;
}
.wrapper-info-user-card .holder-info .card-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-left: 11px;
}
.wrapper-info-user-card .holder-info .card-info .num-cart {
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
  padding-top: 6px;
  color: #333333;
  letter-spacing: 1px;
  margin-bottom: 5px;
}
@media (min-width: 0px) and (max-width: 700px) {
  .wrapper-info-user-card .holder-info .card-info .num-cart {
    font-size: 11px;
  }
}
.wrapper-info-user-card .holder-info .card-info .bonus {
  font-weight: 600;
  font-size: 18px;
  line-height: 18px;
}
@media (min-width: 0px) and (max-width: 700px) {
  .wrapper-info-user-card .holder-info .card-info .bonus {
    font-size: 17px;
  }
}
.wrapper-info-user-card.active .action .showing {
  display: none;
}
.wrapper-info-user-card.active .action .hiding {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.wrapper-info-user-card .action {
  display: none;
}
.wrapper-info-user-card .action .state {
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.wrapper-info-user-card .action .text {
  color: #334895;
  text-align: center;
  font-size: 10px;
}
@media (min-width: 0px) and (max-width: 700px) {
  .wrapper-info-user-card .action .text {
    display: none;
  }
}
.wrapper-info-user-card .action .arrow {
  display: inline-block;
  width: 11px;
  height: 14px;
  background: url("../images/base/arrow-down.png") no-repeat 50% 50%;
  background-size: contain;
}
.wrapper-info-user-card .action .showing {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.wrapper-info-user-card .action .showing .arrow {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.wrapper-info-user-card .action .hiding {
  display: none;
}

.wrapper-home-page {
  display: flex;
  max-width: 100%;
  padding-bottom: 90px;
}
.wrapper-home-page .actions-filter-form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.wrapper-home-page .actions-filter-form .label-form {
  font-size: 18px;
}
@media (max-width: 1739px) {
  .wrapper-home-page .actions-filter-form .label-form {
    font-size: 16px;
  }
}
@media (max-width: 1399px) {
  .wrapper-home-page .actions-filter-form .label-form {
    font-size: 14px;
  }
}
@media (min-width: 0px) and (max-width: 700px) {
  .wrapper-home-page .actions-filter-form .label-form {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    line-height: 1;
  }
}
@media (max-width: 999px) {
  .wrapper-home-page .actions-filter-form {
    max-width: 100%;
    overflow-x: auto;
    padding: 0 17px;
  }
  .wrapper-home-page .actions-filter-form .wrapper-checkbox-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
  }
  .wrapper-home-page
    .actions-filter-form
    .wrapper-checkbox-list
    .item
    input
    + label {
    padding: 6px 12px 6px 18px;
    display: block;
  }
  .wrapper-home-page
    .actions-filter-form
    .wrapper-checkbox-list
    .item
    input
    + label
    .image-icon {
    display: none;
  }
  .wrapper-home-page
    .actions-filter-form
    .wrapper-checkbox-list
    .item
    input
    + label
    .title {
    width: auto;
    white-space: nowrap;
    margin-left: 0px;
  }
}
@media (min-width: 0px) and (max-width: 700px) {
  .wrapper-home-page .actions-filter-form {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    background: linear-gradient(
      100deg,
      #d03e55 -30%,
      #50287f 30%,
      #1b64a7 130%,
      #0f74c5 120%
    );
    padding: 0px 0px 0px 18px;
    overflow: inherit;
  }
}
@media (min-width: 0px) and (max-width: 700px) {
  .wrapper-home-page .actions-filter-form .partner-field {
    position: relative;
    top: 0;
    right: 0;
    border-left: 1px solid rgba(239, 239, 239, 0.14);
    z-index: 8;
  }
}
@media (min-width: 0px) and (max-width: 700px) {
  .wrapper-home-page .actions-filter-form .partner-field .partner-field-label {
    display: inline-block;
    max-width: calc(100vw - 150px);
    border-radius: 0px;
    border: none;
    color: #ffffff;
    font-weight: bold;
    font-size: 12px;
    line-height: 1;
    padding: 0px;
    padding-left: 20px;
  }
}
@media (min-width: 0px) and (max-width: 700px) {
  .wrapper-home-page
    .actions-filter-form
    .partner-field
    .partner-field-dropper-item {
    border-radius: 0px;
    height: 45px;
    width: 45px;
  }
}
@media (min-width: 0px) and (max-width: 700px) {
  .wrapper-home-page
    .actions-filter-form
    .partner-field
    .partner-field-wrapper-list {
    border-radius: 0px;
    right: 5px;
    max-width: calc(100vw - 20px);
    top: 55px;
  }
  .wrapper-home-page
    .actions-filter-form
    .partner-field
    .partner-field-wrapper-list:before {
    border-color: transparent transparent #49417a transparent;
  }
}
.wrapper-home-page h1 {
  margin-bottom: 34px;
}
@media (max-width: 999px) {
  .wrapper-home-page {
    display: block;
  }
}
.wrapper-home-page .home-actions {
  padding-right: 80px;
}
@media (max-width: 1739px) {
  .wrapper-home-page .home-actions {
    padding-right: 20px;
  }
}
@media (max-width: 1279px) {
  .wrapper-home-page .home-actions {
    padding-right: 0px;
  }
}
.wrapper-home-page .list-actions {
  margin-top: 40px;
}
@media (max-width: 1279px) {
  .wrapper-home-page .list-actions {
    margin-top: 25px;
  }
}
@media (max-width: 999px) {
  .wrapper-home-page .list-actions {
    margin-top: 15px;
  }
  .wrapper-home-page .list-actions li {
    width: 50%;
    padding: 0px;
    margin-bottom: 6px;
  }
}
.wrapper-home-page .transactions-empty {
  border: 2px solid #e6e7e8;
  background: #f4f6f7;
  padding: 30px 30px 40px 30px;
  margin-top: 21px;
  border-radius: 10px;
  text-align: center;
}
.wrapper-home-page .transactions-empty .title {
  color: #000000;
  font-size: 20px;
  margin-bottom: 15px;
}
.wrapper-home-page .transactions-empty .text {
  font-size: 14px;
  color: #000000;
  line-height: 20px;
}
.wrapper-home-page .wrapper-personal-discount {
  background-color: #fffbf0;
  border: 2px solid #fed45f;
  display: flex;
  border-radius: 9px;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 2;
  flex-direction: column;
  margin-bottom: 40px;
}
.wrapper-home-page .wrapper-personal-discount .wrapper-title {
  margin-top: 43px;
  display: flex;
  justify-content: center;
}
.wrapper-home-page .wrapper-personal-discount .wrapper-title .title {
  display: inline-block;
  max-width: 275px;
  font-size: 20px;
  color: #000000;
}
.wrapper-home-page .wrapper-personal-discount .button {
  margin: 13px 0 34px 0;
}
.wrapper-home-page .wrapper-personal-discount .message {
  padding: 30px 35px;
  font-size: 13px;
  font-weight: 600;
  text-align: center;
}
.wrapper-home-page .wrapper-personal-discount .message-yellow {
  position: absolute;
  z-index: 3;
  left: 50%;
  transform: translateX(-50%);
  top: -17px;
}
.wrapper-home-page .wrapper-personal-discount .link-close {
  position: absolute;
  top: 16px;
  right: 18px;
}
@media (max-width: 999px) {
  .wrapper-home-page .wrapper-transactions {
    padding: 0 18px;
  }
}
.wrapper-home-page .wrapper-transactions.disabled .wrapper-head {
  pointer-events: none;
}
.wrapper-home-page .wrapper-transactions.disabled .wrapper-head * {
  cursor: not-allowed;
}
@media (max-width: 999px) {
  .wrapper-home-page
    .wrapper-transactions.disabled
    .wrapper-head
    .wrapper-type-transactions {
    display: none;
  }
}
.wrapper-home-page .wrapper-transactions .wrapper-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 999px) {
  .wrapper-home-page .wrapper-transactions .wrapper-head {
    display: none;
  }
}
.wrapper-home-page .wrapper-transactions .wrapper-head .title {
  font-size: 18px;
  color: #000000;
}
@media (max-width: 1739px) {
  .wrapper-home-page .wrapper-transactions .wrapper-head .title {
    font-size: 20px;
  }
}
.wrapper-home-page
  .wrapper-transactions
  .wrapper-head
  .partner-field
  .partner-field-label {
  width: 150px;
}
.wrapper-home-page
  .wrapper-transactions
  .wrapper-head
  .wrapper-type-transactions {
  position: relative;
  display: flex;
  padding: 10px 21px 9px 11px;
  justify-content: center;
  align-items: center;
  background-color: #f4f6f7;
  border-radius: 6px;
}
.wrapper-home-page
  .wrapper-transactions
  .wrapper-head
  .wrapper-type-transactions
  .very-small-arrow {
  position: absolute;
  right: 9px;
  top: 50%;
  transform: translateY(-50%);
}
.wrapper-home-page
  .wrapper-transactions
  .wrapper-head
  .wrapper-type-transactions
  select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: none;
  text-transform: uppercase;
  font-size: 13px;
  color: #828282;
  height: auto;
  width: 105px;
  margin: 0px;
  padding: 0px;
}
@media (max-width: 999px) {
  .wrapper-home-page .wrapper-transactions .mobile-type-wrapper {
    margin-top: 20px;
  }
}
.wrapper-home-page .wrapper-transactions .this-week,
.wrapper-home-page .wrapper-transactions .last-week {
  margin-top: 47px;
}
@media (max-width: 999px) {
  .wrapper-home-page .wrapper-transactions .this-week,
  .wrapper-home-page .wrapper-transactions .last-week {
    margin-top: 20px;
  }
}
.wrapper-home-page .wrapper-transactions .this-week .title,
.wrapper-home-page .wrapper-transactions .last-week .title {
  font-size: 14px;
  color: #bbbbbb;
  text-transform: uppercase;
}
.wrapper-home-page
  .wrapper-transactions
  .this-week
  .list-transactions
  .item
  .date,
.wrapper-home-page
  .wrapper-transactions
  .last-week
  .list-transactions
  .item
  .date {
  display: none;
}

.modal-content #filter {
  max-width: 600px;
  min-width: 250px;
}
.modal-content #filter .filter-form .title {
  margin-bottom: 20px;
}
.modal-content #filter .filter-form input,
.modal-content #filter .filter-form select {
  height: 55px;
  background: transparent;
  box-shadow: none;
}
.modal-content #filter .filter-form .form-field-default {
  margin-bottom: 20px;
}
.modal-content #filter .filter-form .buttons-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}
.modal-content #filter .filter-form .buttons-container .filter-button {
  padding: 15px 14px;
  width: 100%;
}
.modal-content #filter .filter-form .buttons-container .reset-button {
  display: none;
}

.wrapper-transactions-page {
  padding-bottom: 100px;
}
.wrapper-transactions-page .filter-button {
  background: transparent;
  color: black;
  font-weight: 300;
  text-transform: uppercase;
  background: transparent url("../images/icons/filter.svg") 15px 50% no-repeat;
  border: 1px solid #e82669;
  padding: 15px 16px 15px 45px;
  border-radius: 100px;
  display: inline-block;
  vertical-align: middle;
}
.wrapper-transactions-page .filter-button:hover,
.wrapper-transactions-page .filter-button.active {
  background-color: #e82669;
  color: #ffffff;
}
.wrapper-transactions-page .filter-button.loading {
  background: transparent;
}
@media (max-width: 1279px) {
  .wrapper-transactions-page .filter-button {
    width: 50px;
    height: 50px;
    padding: 0px;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 50px;
    transition: all 0.4s;
    padding-right: 16px;
    vertical-align: top;
  }
}
@media (min-width: 1000px) and (max-width: 1279px) {
  .wrapper-transactions-page .filter-button:hover {
    width: 136px;
  }
  .wrapper-transactions-page .filter-button:hover + .reset-button {
    transition: opacity 0.2s;
    opacity: 0;
  }
}
@media (min-width: 0px) and (max-width: 700px) {
  .wrapper-transactions-page .filter-button {
    width: 50px;
    height: 50px;
    text-align: center;
    padding: 0px;
  }
}
.wrapper-transactions-page .filter-form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  align-items: flex-end;
  margin-top: 48px;
}
.wrapper-transactions-page .filter-form .form-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  align-items: flex-end;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  max-width: 1250px;
}
@media (min-width: 1400px) and (max-width: 1739px) {
  .wrapper-transactions-page .filter-form .form-wrapper {
    max-width: 100%;
  }
}
.wrapper-transactions-page .filter-form .form-wrapper .inputs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -moz-box-flex: 1;
  -moz-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}
@media (max-width: 1739px) {
  .wrapper-transactions-page .filter-form .form-wrapper .inputs {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -moz-box-flex: 1;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    max-width: 70%;
  }
}
@media (max-width: 1399px) {
  .wrapper-transactions-page .filter-form .form-wrapper .inputs {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -moz-box-flex: 1;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    max-width: 80%;
  }
}
.wrapper-transactions-page .filter-form .form-wrapper .inputs .input {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  max-width: 185px;
}
.wrapper-transactions-page
  .filter-form
  .form-wrapper
  .inputs
  .input.dates
  .input-wrapper-field {
  position: relative;
}
.wrapper-transactions-page
  .filter-form
  .form-wrapper
  .inputs
  .input.dates
  .input-wrapper-field:after {
  content: "";
  width: 20px;
  height: 16px;
  right: 0;
  background: transparent url("../images/icons/calendar.svg") 0 0 no-repeat;
  border: transparent;
}
.wrapper-transactions-page
  .filter-form
  .form-wrapper
  .inputs
  .input
  .input-wrapper-field {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  border: 1px solid #6d6d6d;
  background: transparent;
  border-left: 0px;
  height: 50px;
  margin-top: 13px;
  position: relative;
}
.wrapper-transactions-page
  .filter-form
  .form-wrapper
  .inputs
  .input
  .input-wrapper-field
  input,
.wrapper-transactions-page
  .filter-form
  .form-wrapper
  .inputs
  .input
  .input-wrapper-field
  select {
  border: none;
  background: transparent;
  margin: 0px;
  text-transform: uppercase;
}
.wrapper-transactions-page
  .filter-form
  .form-wrapper
  .inputs
  .input
  .input-wrapper-field:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #000000;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  pointer-events: none;
}
@media (max-width: 1279px) {
  .wrapper-transactions-page
    .filter-form
    .form-wrapper
    .inputs
    .input
    .input-wrapper-field:after {
    margin-right: 20px;
  }
}
@media (max-width: 999px) {
  .wrapper-transactions-page
    .filter-form
    .form-wrapper
    .inputs
    .input
    .input-wrapper-field:after {
    margin-right: 10px;
  }
}
.wrapper-transactions-page
  .filter-form
  .form-wrapper
  .inputs
  .input
  .input-wrapper-field
  select {
  width: 100%;
}
.wrapper-transactions-page .filter-form .form-wrapper .inputs .input label {
  font-size: 12px;
}
.wrapper-transactions-page
  .filter-form
  .form-wrapper
  .inputs
  .input:first-child {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 250px;
  -moz-box-flex: 1;
  -moz-flex: 1 1 250px;
  -ms-flex: 1 1 250px;
  flex: 1 1 250px;
  max-width: none;
}
.wrapper-transactions-page
  .filter-form
  .form-wrapper
  .inputs
  .input:first-child
  .input-wrapper-field {
  border-left: 1px solid #6d6d6d;
  border-radius: 100px 0px 0px 100px;
}
.wrapper-transactions-page
  .filter-form
  .form-wrapper
  .inputs
  .input:last-child {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 250px;
  -moz-box-flex: 1;
  -moz-flex: 1 1 250px;
  -ms-flex: 1 1 250px;
  flex: 1 1 250px;
  max-width: none;
}
.wrapper-transactions-page
  .filter-form
  .form-wrapper
  .inputs
  .input:last-child
  .input-wrapper-field {
  border-radius: 0px 100px 100px 0px;
}
.wrapper-transactions-page .filter-form .form-wrapper .buttons-container {
  margin-left: 21px;
  position: relative;
}
@media (max-width: 1279px) {
  .wrapper-transactions-page .filter-form .form-wrapper .buttons-container {
    margin-left: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1279px) {
  .wrapper-transactions-page .filter-form .form-wrapper .buttons-container {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -moz-box-flex: 1;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }
}
.wrapper-transactions-page
  .filter-form
  .form-wrapper
  .buttons-container
  .reset-button {
  background: transparent url("../images/icons/close.svg") 0px 50% no-repeat;
  padding-left: 20px;
  border: transparent;
  margin-left: 20px;
}
@media (max-width: 1279px) {
  .wrapper-transactions-page
    .filter-form
    .form-wrapper
    .buttons-container
    .reset-button {
    vertical-align: middle;
  }
}
@media (min-width: 1000px) and (max-width: 1279px) {
  .wrapper-transactions-page
    .filter-form
    .form-wrapper
    .buttons-container
    .reset-button {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    right: 0;
    top: 50%;
  }
}
@media (max-width: 999px) {
  .wrapper-transactions-page
    .filter-form
    .form-wrapper
    .buttons-container
    .reset-button {
    width: 50px;
    height: 50px;
    border: 1px solid;
    border-radius: 100px;
    text-align: center;
    line-height: 50px;
    padding: 0px;
    background-position: 50% 50%;
  }
}
.wrapper-transactions-page .actions-holder {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-left: 20px;
}
.wrapper-transactions-page .actions-holder .button {
  padding: 16px 13px 16px 24px;
  text-transform: uppercase;
}
@media (min-width: 0px) and (max-width: 700px) {
  .wrapper-transactions-page .actions-holder .button {
    padding: 0px;
    width: 50px;
    height: 50px;
    line-height: 50px;
  }
  .wrapper-transactions-page .actions-holder .button img {
    transform: scale(0.88);
  }
}
.wrapper-transactions-page .actions-holder .button img {
  margin-right: 7px;
  display: inline-block;
  vertical-align: middle;
}
.wrapper-transactions-page .actions-holder .button span {
  display: inline-block;
  vertical-align: middle;
}
.wrapper-transactions-page .wrapper-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  margin-top: 0px;
}
.wrapper-transactions-page .wrapper-title .title {
  font-size: 30px;
  color: #000000;
}
@media (max-width: 700px) {
  .wrapper-transactions-page .wrapper-title .title {
    font-size: 24px;
  }
}
.wrapper-transactions-page .wrapper-title .actions-holder {
  -webkit-align-self: flex-end;
  -moz-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  margin-left: 9px;
  font-size: 30px;
  color: #cbcbcb;
  font-weight: 200;
}
.wrapper-transactions-page .transactions-table-list {
  table-layout: auto;
  width: 100%;
  margin-top: 50px;
}
.wrapper-transactions-page .transactions-table-list .list-params li {
  margin-bottom: 5px;
}
.wrapper-transactions-page
  .transactions-table-list
  .list-params
  li.object-address {
  font-weight: 500;
  font-size: 16px;
}
.wrapper-transactions-page .transactions-table-list .list-params li.card {
  margin: 10px 0px;
}
.wrapper-transactions-page
  .transactions-table-list
  .list-params
  li.card
  .card-holder {
  background: #eddbe5;
  font-size: 14px;
  letter-spacing: 0.93px;
  line-height: 16px;
  padding: 5px 8px;
  border-radius: 3px;
}
.wrapper-transactions-page
  .transactions-table-list
  .list-params
  li.card
  .card-holder.receipt {
  background: #dbeaed;
}
@media (max-width: 1399px) {
  .wrapper-transactions-page
    .transactions-table-list
    .list-params
    li.card
    .card-holder {
    font-size: 12px;
  }
}
.wrapper-transactions-page .transactions-table-list .list-params li.sum {
  font-weight: bold;
  margin: 10px 0px;
}
.wrapper-transactions-page .transactions-table-list .list-params li.sum.inc {
  color: #6ba663;
}
.wrapper-transactions-page .transactions-table-list .list-params li.sum.dec {
  color: #c83d51;
}
@media (min-width: 0px) and (max-width: 700px) {
  .wrapper-transactions-page .transactions-table-list {
    margin-top: 20px;
  }
}
.wrapper-transactions-page .transactions-table-list tr:nth-child(2n) td {
  /* background: #F7F7F7; */
}
.wrapper-transactions-page .transactions-table-list td {
  padding: 25px 10px 38px 10px;
  vertical-align: middle;
}
@media (min-width: 0px) and (max-width: 700px) {
  .wrapper-transactions-page .transactions-table-list td {
    padding: 25px 10px;
  }
}
.wrapper-transactions-page .transactions-table-list td.logo {
  max-width: 190px;
  text-align: center;
}
@media (min-width: 0px) and (max-width: 700px) {
  .wrapper-transactions-page .transactions-table-list td.logo {
    width: 100%;
    text-align: left;
    padding-left: 30px;
  }
}
.wrapper-transactions-page .transactions-table-list td.logo img {
  max-width: 90px;
}
@media (max-width: 1399px) {
  .wrapper-transactions-page .transactions-table-list td.logo img {
    max-width: 70px;
  }
}
@media (min-width: 701px) and (max-width: 999px) {
  .wrapper-transactions-page .transactions-table-list td.logo img {
    max-width: 50px;
  }
}
@media (min-width: 0px) and (max-width: 700px) {
  .wrapper-transactions-page .transactions-table-list td.logo img {
    max-width: 120px;
    margin-bottom: 20px;
  }
}
.wrapper-transactions-page .transactions-table-list td.object {
  max-width: 350px;
  font-size: 20px;
  padding-left: 20px;
}
@media (max-width: 1739px) {
  .wrapper-transactions-page .transactions-table-list td.object {
    font-size: 18px;
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 1399px) {
  .wrapper-transactions-page .transactions-table-list td.object {
    font-size: 16px;
  }
}
@media (max-width: 1279px) {
  .wrapper-transactions-page .transactions-table-list td.object {
    font-size: 14px;
  }
}
.wrapper-transactions-page .transactions-table-list td.object .address {
  font-size: 13px;
  color: #7a7a7a;
  margin-top: 5px;
}
@media (max-width: 1279px) {
  .wrapper-transactions-page .transactions-table-list td.object .address {
    font-size: 11px;
  }
}
.wrapper-transactions-page .transactions-table-list td.card {
  white-space: nowrap;
  padding: 20px 8px;
}
@media (max-width: 1399px) {
  .wrapper-transactions-page .transactions-table-list td.card {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 1279px) {
  .wrapper-transactions-page .transactions-table-list td.card {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.wrapper-transactions-page .transactions-table-list td.card .card-holder {
  background: #eddbe5;
  font-size: 14px;
  letter-spacing: 0.93px;
  line-height: 16px;
  padding: 5px 8px;
  border-radius: 3px;
}
.wrapper-transactions-page
  .transactions-table-list
  td.card
  .card-holder.receipt {
  background: #dbeaed;
}
@media (max-width: 1399px) {
  .wrapper-transactions-page .transactions-table-list td.card .card-holder {
    font-size: 12px;
  }
}
.wrapper-transactions-page .transactions-table-list td.card .svg-icon {
  margin: 0 10px;
}
.wrapper-transactions-page .transactions-table-list td.date {
  max-width: 150px;
}
.wrapper-transactions-page .transactions-table-list td.date .date {
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
}
@media (max-width: 1399px) {
  .wrapper-transactions-page .transactions-table-list td.date .date {
    font-size: 12px;
  }
}
.wrapper-transactions-page .transactions-table-list td.date .time {
  font-size: 13px;
  color: #7a7a7a;
  margin-top: 5px;
}
@media (max-width: 1399px) {
  .wrapper-transactions-page .transactions-table-list td.date .time {
    font-size: 11px;
  }
}
.wrapper-transactions-page .transactions-table-list td.description {
  font-size: 19px;
}
@media (max-width: 1739px) {
  .wrapper-transactions-page .transactions-table-list td.description {
    font-size: 16px;
  }
}
@media (max-width: 1399px) {
  .wrapper-transactions-page .transactions-table-list td.description {
    font-size: 14px;
  }
}
.wrapper-transactions-page .transactions-table-list td.description.inc {
  color: #6ba663;
}
.wrapper-transactions-page .transactions-table-list td.description.dec {
  color: #c83d51;
}
.wrapper-transactions-page .transactions-table-list td.summary {
  font-size: 19px;
  font-weight: 500;
}
@media (max-width: 1739px) {
  .wrapper-transactions-page .transactions-table-list td.summary {
    font-size: 16px;
  }
}
@media (max-width: 1399px) {
  .wrapper-transactions-page .transactions-table-list td.summary {
    font-size: 14px;
  }
}
@media (max-width: 1279px) {
  .wrapper-transactions-page .transactions-table-list td.summary {
    font-size: 12px;
  }
}
.wrapper-transactions-page .transactions-table-list td.summary.inc {
  color: #6ba663;
}
.wrapper-transactions-page .transactions-table-list td.summary.dec {
  color: #c83d51;
}

.transaction-request-page {
  min-width: 500px;
}
@media (max-width: 700px) {
  .transaction-request-page {
    min-width: 100%;
  }
}
.transaction-request-page .radio-list-styled-wrapper {
  margin-top: 20px;
  padding: 30px 25px 16px 25px;
  background: #f4f6f7;
  border-radius: 10px;
  margin-bottom: 33px;
}
.transaction-request-page .radio-list-styled-wrapper li {
  margin-bottom: 14px;
}

.wrapper-messages-page {
  width: 100%;
  display: block;
  /**
    start.tpl
   */
}
@media (max-width: 700px) {
  .wrapper-messages-page {
    padding-bottom: 100px;
  }
}
.wrapper-messages-page .title-block .wrapper-title {
  margin: 0 0 69px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (min-width: 0px) and (max-width: 700px) {
  .wrapper-messages-page .title-block .wrapper-title {
    margin: 0 0 30px 0;
  }
}
.wrapper-messages-page .title-block .wrapper-title .name {
  display: flex;
  align-items: center;
  margin: 0;
}
.wrapper-messages-page .title-block .wrapper-title .name .title {
  display: block;
  margin: 0;
  font-size: 33px;
  color: #000000;
  font-weight: 1000;
}
@media (max-width: 700px) {
  .wrapper-messages-page .title-block .wrapper-title .name .title {
    font-size: 24px;
    padding-left: 0px;
  }
}
.wrapper-messages-page .title-block .wrapper-title .name .count {
  margin-left: 15px;
  font-size: 30px;
  color: #cbcbcb;
  font-weight: 200;
  margin-bottom: 0;
}
.wrapper-messages-page .title-block .title-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.wrapper-messages-page .title-block .wrapper-subtitle {
  display: flex;
  position: relative;
  width: 100%;
  flex-direction: row;
  justify-content: flex-start;
}
@media (max-width: 999px) {
  .wrapper-messages-page .title-block .wrapper-subtitle {
    padding: 0 15px;
  }
}
@media (max-width: 999px) {
  .wrapper-messages-page .title-block .wrapper-subtitle.view-message {
    flex-direction: column;
  }
  .wrapper-messages-page
    .title-block
    .wrapper-subtitle.view-message
    .title-wrapper {
    flex-direction: column;
    align-items: flex-start;
  }
  .wrapper-messages-page
    .title-block
    .wrapper-subtitle.view-message
    .title-wrapper
    .title {
    margin: 5px 0 0 0;
  }
}
@media (max-width: 999px) and (max-width: 999px) {
  .wrapper-messages-page
    .title-block
    .wrapper-subtitle.view-message
    .title-wrapper
    .date {
    position: absolute;
    right: 0;
  }
}
@media (min-width: 0px) and (max-width: 700px) {
  .wrapper-messages-page .title-block .wrapper-subtitle {
    padding: 0 10px;
    flex-direction: column;
  }
}
.wrapper-messages-page .title-block .wrapper-subtitle .title-wrapper .back {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.5);
  line-height: 16px;
}
.wrapper-messages-page
  .title-block
  .wrapper-subtitle
  .title-wrapper
  .back:before {
  content: "";
  display: block;
  width: 20px;
  height: 10px;
  margin: 0 7px 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='10' viewBox='0 0 20 10'%3E%3Cpath d='M10.9004035 5.5H0v-1h10.9004035v-4l9 4.5-9 4.5v-4z' fill='%23000' fill-rule='nonzero' opacity='.5'/%3E%3C/svg%3E");
  transform: rotateZ(-180deg);
}
.wrapper-messages-page .title-block .wrapper-subtitle .title-wrapper .title {
  margin: 0 40px;
  font-size: 16px;
  color: #000000;
  text-align: left;
}
@media (max-width: 999px) {
  .wrapper-messages-page .title-block .wrapper-subtitle .title-wrapper .title {
    margin: 0 12px;
  }
}
.wrapper-messages-page .title-block .wrapper-subtitle .title-wrapper .date {
  margin: 0 18px 0 0;
  font-weight: 700;
  font-size: 13px;
  color: #000000;
  line-height: 16px;
}
@media (max-width: 999px) {
  .wrapper-messages-page
    .title-block
    .wrapper-subtitle
    .title-wrapper
    .messages__actions-wrapper.view-message {
    position: absolute;
    bottom: 5px;
  }
}
@media (max-width: 700px) {
  .wrapper-messages-page
    .title-block
    .wrapper-subtitle
    .title-wrapper
    .messages__actions-wrapper.view-message {
    position: static;
  }
}
.wrapper-messages-page .title-block .wrapper-subtitle .message-actions {
  display: flex;
  margin: 0 25px 0 0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.wrapper-messages-page .title-block .wrapper-subtitle .message-actions .title {
  margin-right: 20px;
  font-size: 18px;
}
@media (max-width: 999px) {
  .wrapper-messages-page .title-block .wrapper-subtitle .message-actions {
    margin: 0;
  }
}
@media (min-width: 0px) and (max-width: 700px) {
  .wrapper-messages-page .title-block .wrapper-subtitle .message-actions {
    justify-content: space-between;
  }
}
.wrapper-messages-page
  .title-block
  .wrapper-subtitle
  .message-actions
  .checkbox {
  display: flex;
  position: relative;
  padding: 12px 24px;
  align-items: center;
  font-weight: 500;
  font-size: 11px;
  letter-spacing: 0.6px;
  text-align: left;
  text-transform: uppercase;
  border-radius: 25px;
  border: 2px solid #436db7;
  color: #3e65a8;
  cursor: pointer;
  user-select: none;
}
.wrapper-messages-page
  .title-block
  .wrapper-subtitle
  .message-actions
  .checkbox
  input {
  display: flex;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  cursor: pointer;
  opacity: 0;
}
.wrapper-messages-page
  .title-block
  .wrapper-subtitle
  .message-actions
  .checkbox
  label {
  display: inline-block;
  position: relative;
  padding-left: 36px;
  cursor: pointer;
}
@media (min-width: 0px) and (max-width: 700px) {
  .wrapper-messages-page
    .title-block
    .wrapper-subtitle
    .message-actions
    .checkbox
    label {
    padding-left: 25px;
  }
}
.wrapper-messages-page
  .title-block
  .wrapper-subtitle
  .message-actions
  .checkbox
  label::before,
.wrapper-messages-page
  .title-block
  .wrapper-subtitle
  .message-actions
  .checkbox
  label::after {
  position: absolute;
  content: "";
  display: inline-block;
}
.wrapper-messages-page
  .title-block
  .wrapper-subtitle
  .message-actions
  .checkbox
  label::before {
  height: 25px;
  width: 25px;
  top: -10px;
  left: 0;
  border: 2px solid #436db7;
  border-radius: 50%;
}
@media (min-width: 0px) and (max-width: 700px) {
  .wrapper-messages-page
    .title-block
    .wrapper-subtitle
    .message-actions
    .checkbox
    label::before {
    left: -10px;
  }
}
.wrapper-messages-page
  .title-block
  .wrapper-subtitle
  .message-actions
  .checkbox
  label::after {
  height: 9px;
  width: 14px;
  top: -3px;
  left: 6px;
  border-left: 2px solid;
  border-bottom: 2px solid;
  transform: rotate(-45deg);
  color: #ffffff;
}
@media (min-width: 0px) and (max-width: 700px) {
  .wrapper-messages-page
    .title-block
    .wrapper-subtitle
    .message-actions
    .checkbox
    label::after {
    left: -3px;
  }
}
.wrapper-messages-page
  .title-block
  .wrapper-subtitle
  .message-actions
  .checkbox
  input
  + label::after {
  content: none;
}
.wrapper-messages-page
  .title-block
  .wrapper-subtitle
  .message-actions
  .checkbox
  input:checked
  + label::after {
  content: "";
}
.wrapper-messages-page
  .title-block
  .wrapper-subtitle
  .message-actions
  .checkbox
  input:checked
  + label::before {
  background: #436db7;
}
.wrapper-messages-page
  .title-block
  .wrapper-subtitle
  .message-actions
  .checkbox
  .checkbox-wrapper {
  display: flex;
  height: 100%;
  /* active */
}
.wrapper-messages-page
  .title-block
  .wrapper-subtitle
  .message-actions
  .checkbox
  .checkbox-wrapper
  .checkbox {
  display: flex;
  position: relative;
  width: 25px;
  height: 25px;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  user-select: none;
}
.wrapper-messages-page
  .title-block
  .wrapper-subtitle
  .message-actions
  .checkbox
  .checkbox-wrapper
  .checkbox
  input {
  position: absolute;
  cursor: pointer;
  user-select: none;
}
.wrapper-messages-page
  .title-block
  .wrapper-subtitle
  .message-actions
  .checkbox
  .checkbox-wrapper
  .checkbox
  input[type="checkbox"] {
  opacity: 0;
}
.wrapper-messages-page
  .title-block
  .wrapper-subtitle
  .message-actions
  .checkbox
  .checkbox-wrapper
  .checkbox
  label {
  position: relative;
  display: inline-block;
  padding-left: 22px;
  cursor: pointer;
  user-select: none;
}
.wrapper-messages-page
  .title-block
  .wrapper-subtitle
  .message-actions
  .checkbox
  .checkbox-wrapper
  .checkbox
  label::before,
.wrapper-messages-page
  .title-block
  .wrapper-subtitle
  .message-actions
  .checkbox
  .checkbox-wrapper
  .checkbox
  label::after {
  position: absolute;
  content: "";
  display: inline-block;
}
.wrapper-messages-page
  .title-block
  .wrapper-subtitle
  .message-actions
  .checkbox
  .checkbox-wrapper
  .checkbox
  label::before {
  height: 25px;
  width: 25px;
  top: -14px;
  left: 0;
  border-radius: 50%;
  border: 1px solid #436db7;
}
.wrapper-messages-page
  .title-block
  .wrapper-subtitle
  .message-actions
  .checkbox
  .checkbox-wrapper
  .checkbox
  label::after {
  height: 9px;
  width: 14px;
  top: -9px;
  left: 5px;
  border-left: 2px solid;
  border-bottom: 2px solid;
  transform: rotate(-45deg);
  color: #ffffff;
}
.wrapper-messages-page
  .title-block
  .wrapper-subtitle
  .message-actions
  .checkbox
  .checkbox-wrapper
  .checkbox
  input[type="checkbox"]
  + label::after {
  content: none;
}
.wrapper-messages-page
  .title-block
  .wrapper-subtitle
  .message-actions
  .checkbox
  .checkbox-wrapper
  .checkbox
  input[type="checkbox"]:checked
  + label::after {
  content: "";
}
.wrapper-messages-page
  .title-block
  .wrapper-subtitle
  .message-actions
  .checkbox
  .checkbox-wrapper
  .checkbox
  input[type="checkbox"]:checked
  + label::before {
  background: #4d75bb;
}
.wrapper-messages-page
  .title-block
  .wrapper-subtitle
  .message-actions
  .checkbox.all {
  height: 50px;
  margin: 0 25px 0 0;
}
@media (min-width: 0px) and (max-width: 700px) {
  .wrapper-messages-page
    .title-block
    .wrapper-subtitle
    .message-actions
    .checkbox.all {
    width: 90px;
    margin: 0 15px 0 0;
  }
}
.wrapper-messages-page
  .title-block
  .wrapper-subtitle
  .message-actions
  .checkbox.unread {
  min-width: 214px;
  height: 50px;
}
@media (min-width: 0px) and (max-width: 700px) {
  .wrapper-messages-page
    .title-block
    .wrapper-subtitle
    .message-actions
    .checkbox.unread {
    min-width: 160px;
  }
}
.wrapper-messages-page
  .title-block
  .wrapper-subtitle
  .message-actions
  .checkbox.unread.count-0 {
  pointer-events: none;
}
.wrapper-messages-page
  .title-block
  .wrapper-subtitle
  .message-actions
  .checkbox.unread
  label {
  white-space: nowrap;
}
.wrapper-messages-page
  .title-block
  .wrapper-subtitle
  .message-actions
  .checkbox.unread
  label
  .count {
  color: #ea335b;
}
.wrapper-messages-page .title-block .wrapper-subtitle .button {
  display: flex;
  width: 256px;
  height: 50px;
  margin-left: auto;
  padding: 0;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  font-size: 12px;
  color: #ffffff;
  letter-spacing: 0.3px;
  line-height: 16px;
}
@media (max-width: 999px) {
  .wrapper-messages-page .title-block .wrapper-subtitle .button {
    width: 214px;
    font-size: 11px;
  }
}
@media (min-width: 0px) and (max-width: 700px) {
  .wrapper-messages-page .title-block .wrapper-subtitle .button {
    width: 192px;
    margin: 10px 0 0 auto;
  }
}
.wrapper-messages-page .title-block .wrapper-subtitle .button .name {
  margin-left: 6px;
  white-space: nowrap;
}
.wrapper-messages-page .wrapper-block {
  display: flex;
  margin-top: 25px;
}
@media (max-width: 999px) {
  .wrapper-messages-page .wrapper-block {
    display: block;
  }
}
@media (max-width: 700px) {
  .wrapper-messages-page .wrapper-block {
    margin-top: 20px;
  }
}
.wrapper-messages-page .wrapper-block .center-block {
  width: 100%;
}
@media (max-width: 999px) {
  .wrapper-messages-page .wrapper-block .center-block {
    padding: 0px;
    margin-left: 0px;
    min-width: 100%;
  }
}
.wrapper-messages-page .wrapper-block .center-block .list-messages {
  width: 100%;
}
.wrapper-messages-page .wrapper-block .center-block .list-messages h2 {
  font-size: 23px;
  padding: 30px 0px;
}
.wrapper-messages-page .wrapper-block .center-block .list-messages .item {
  display: flex;
  position: relative;
  width: 100%;
  padding: 0 23px;
  flex-direction: row;
  align-items: center;
  border-bottom: 1px solid #e2e2e2;
  /** Checkbox */
  /** /Checkbox */
}
@media (min-width: 0px) and (max-width: 700px) {
  .wrapper-messages-page .wrapper-block .center-block .list-messages .item {
    padding: 0 12px;
  }
  .wrapper-messages-page
    .wrapper-block
    .center-block
    .list-messages
    .item:first-child {
    border-top: 1px solid #e2e2e2;
  }
}
.wrapper-messages-page
  .wrapper-block
  .center-block
  .list-messages
  .item:last-child {
  border-bottom: none;
}
.wrapper-messages-page
  .wrapper-block
  .center-block
  .list-messages
  .item
  .messages__actions-wrapper {
  opacity: 0;
}
@media (max-width: 999px) {
  .wrapper-messages-page
    .wrapper-block
    .center-block
    .list-messages
    .item
    .messages__actions-wrapper {
    opacity: 1;
  }
  .wrapper-messages-page
    .wrapper-block
    .center-block
    .list-messages
    .item
    .messages__actions-wrapper
    [data-read-message] {
    display: none;
  }
}
.wrapper-messages-page
  .wrapper-block
  .center-block
  .list-messages
  .item:hover
  .messages__actions-wrapper {
  opacity: 1;
}
.wrapper-messages-page
  .wrapper-block
  .center-block
  .list-messages
  .item
  .checkbox-wrapper {
  display: flex;
  height: 100%;
  /* active */
}
.wrapper-messages-page
  .wrapper-block
  .center-block
  .list-messages
  .item
  .checkbox-wrapper
  .checkbox {
  display: flex;
  position: relative;
  width: 25px;
  height: 25px;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.wrapper-messages-page
  .wrapper-block
  .center-block
  .list-messages
  .item
  .checkbox-wrapper
  .checkbox
  input {
  position: absolute;
  cursor: pointer;
}
.wrapper-messages-page
  .wrapper-block
  .center-block
  .list-messages
  .item
  .checkbox-wrapper
  .checkbox
  input[type="checkbox"] {
  opacity: 0;
}
.wrapper-messages-page
  .wrapper-block
  .center-block
  .list-messages
  .item
  .checkbox-wrapper
  .checkbox
  label {
  position: relative;
  display: inline-block;
  cursor: pointer;
  padding-left: 22px;
}
.wrapper-messages-page
  .wrapper-block
  .center-block
  .list-messages
  .item
  .checkbox-wrapper
  .checkbox
  label::before,
.wrapper-messages-page
  .wrapper-block
  .center-block
  .list-messages
  .item
  .checkbox-wrapper
  .checkbox
  label::after {
  position: absolute;
  content: "";
  display: inline-block;
}
.wrapper-messages-page
  .wrapper-block
  .center-block
  .list-messages
  .item
  .checkbox-wrapper
  .checkbox
  label::before {
  height: 25px;
  width: 25px;
  border: 1px solid #436db7;
  left: 0;
  border-radius: 50%;
  top: -14px;
}
.wrapper-messages-page
  .wrapper-block
  .center-block
  .list-messages
  .item
  .checkbox-wrapper
  .checkbox
  label::after {
  height: 9px;
  width: 14px;
  left: 5px;
  top: -9px;
  border-left: 2px solid;
  border-bottom: 2px solid;
  transform: rotate(-45deg);
  color: #ffffff;
}
.wrapper-messages-page
  .wrapper-block
  .center-block
  .list-messages
  .item
  .checkbox-wrapper
  .checkbox
  input[type="checkbox"]
  + label::after {
  content: none;
}
.wrapper-messages-page
  .wrapper-block
  .center-block
  .list-messages
  .item
  .checkbox-wrapper
  .checkbox
  input[type="checkbox"]:checked
  + label::after {
  content: "";
}
.wrapper-messages-page
  .wrapper-block
  .center-block
  .list-messages
  .item
  .checkbox-wrapper
  .checkbox
  input[type="checkbox"]:checked
  + label::before {
  background: #4d75bb;
}
.wrapper-messages-page
  .wrapper-block
  .center-block
  .list-messages
  .item
  .link-title {
  display: inline-block;
  width: 100%;
  padding: 30px 19px 26px 18px;
}
@media (max-width: 700px) {
  .wrapper-messages-page
    .wrapper-block
    .center-block
    .list-messages
    .item
    .link-title {
    padding: 35px 19px 26px 18px;
  }
}
.wrapper-messages-page
  .wrapper-block
  .center-block
  .list-messages
  .item
  .link-title
  .wrapper-title {
  display: flex;
  width: 100%;
  margin: 0;
  flex-direction: row;
  justify-content: space-between;
}
@media (max-width: 700px) {
  .wrapper-messages-page
    .wrapper-block
    .center-block
    .list-messages
    .item
    .link-title
    .wrapper-title {
    padding: 0px;
  }
}
.wrapper-messages-page
  .wrapper-block
  .center-block
  .list-messages
  .item
  .link-title
  .wrapper-title
  .title-with-icon {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.wrapper-messages-page
  .wrapper-block
  .center-block
  .list-messages
  .item
  .link-title
  .wrapper-title
  .title-with-icon
  .icon {
  display: block;
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  margin: -13px 20px 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("../images/messages/mail-read.svg");
}
.wrapper-messages-page
  .wrapper-block
  .center-block
  .list-messages
  .item
  .link-title
  .wrapper-title
  .title-with-icon
  .title-block {
  display: block;
}
@media (max-width: 999px) {
  .wrapper-messages-page
    .wrapper-block
    .center-block
    .list-messages
    .item
    .link-title
    .wrapper-title
    .title-with-icon
    .title-block {
    margin: 10px 0 0 0;
  }
}
.wrapper-messages-page
  .wrapper-block
  .center-block
  .list-messages
  .item
  .link-title
  .wrapper-title
  .title-with-icon
  .title-block
  .title {
  display: block;
  font-size: 16px;
  color: #3c3c3c;
  text-align: left;
  line-height: 16px;
}
@media (max-width: 999px) {
  .wrapper-messages-page
    .wrapper-block
    .center-block
    .list-messages
    .item
    .link-title
    .wrapper-title
    .title-with-icon
    .title-block
    .title {
    font-size: 14px;
  }
}
.wrapper-messages-page
  .wrapper-block
  .center-block
  .list-messages
  .item
  .link-title
  .wrapper-title
  .title-with-icon
  .title-block
  .subtitle {
  display: block;
  margin: 7px 0 0 0;
  font-size: 13px;
  color: #9c9c9c;
  text-align: left;
  line-height: 20px;
}
@media (max-width: 999px) {
  .wrapper-messages-page
    .wrapper-block
    .center-block
    .list-messages
    .item
    .link-title
    .wrapper-title
    .title-with-icon
    .title-block
    .subtitle {
    font-size: 12px;
  }
}
.wrapper-messages-page .wrapper-block .center-block .list-messages .item .date {
  display: block;
  width: 155px;
  font-size: 13px;
  color: #727272;
  text-align: right;
  line-height: 16px;
  font-weight: 500;
}
@media (max-width: 999px) {
  .wrapper-messages-page
    .wrapper-block
    .center-block
    .list-messages
    .item
    .date {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 12px;
    font-weight: bold;
  }
}
.wrapper-messages-page .wrapper-block .center-block .list-messages .item.new,
.wrapper-messages-page
  .wrapper-block
  .center-block
  .list-messages
  .item.select {
  background: #f2f4f6;
  border-bottom-color: transparent;
}
.wrapper-messages-page
  .wrapper-block
  .center-block
  .list-messages
  .item.new
  .date,
.wrapper-messages-page
  .wrapper-block
  .center-block
  .list-messages
  .item.select
  .date {
  color: #000000;
}
.wrapper-messages-page
  .wrapper-block
  .center-block
  .list-messages
  .item.new
  .link-title
  .wrapper-title
  .title-with-icon
  .icon {
  background-image: url("../images/messages/mail-unread.svg");
}
.wrapper-messages-page
  .wrapper-block
  .center-block
  .list-messages
  .item.new
  .link-title
  .wrapper-title
  .title-with-icon
  .title-block
  .title {
  font-weight: 600;
  position: relative;
}
.wrapper-messages-page .wrapper-block .message-page {
  flex: 1 1 auto;
  padding-bottom: 110px;
}
@media (max-width: 999px) {
  .wrapper-messages-page .wrapper-block .message-page {
    margin-left: 0px;
    padding: 0px;
  }
}
.wrapper-messages-page .wrapper-block .message-page .wrapper-action {
  margin-top: 20px;
  width: 100%;
  border-radius: 5px;
  overflow: hidden;
  background-color: #f4f6f7;
}
.wrapper-messages-page
  .wrapper-block
  .message-page
  .wrapper-action.active
  .title-action
  .arrow-little-down {
  display: none;
}
.wrapper-messages-page
  .wrapper-block
  .message-page
  .wrapper-action.active
  .title-action
  .arrow-little-up {
  display: inline-block;
}
.wrapper-messages-page
  .wrapper-block
  .message-page
  .wrapper-action.active
  .term {
  height: auto;
  padding: 0 20px 20px;
}
.wrapper-messages-page
  .wrapper-block
  .message-page
  .wrapper-action
  .title-action {
  display: block;
  height: 48px;
  padding-left: 18px;
  font-size: 17px;
  line-height: 48px;
  color: #7199c2;
}
.wrapper-messages-page
  .wrapper-block
  .message-page
  .wrapper-action
  .title-action
  .arrow-little-down {
  display: inline-block;
  margin-left: 2px;
  margin-bottom: 2px;
}
.wrapper-messages-page
  .wrapper-block
  .message-page
  .wrapper-action
  .title-action
  .arrow-little-up {
  display: none;
  margin-left: 2px;
  margin-bottom: 2px;
}
.wrapper-messages-page .wrapper-block .message-page .wrapper-action .term {
  -webkit-transition: height 0.4s;
  -moz-transition: height 0.4s;
  -o-transition: height 0.4s;
  transition: height 0.4s;
  height: 0;
}
.wrapper-messages-page .wrapper-block .message-page .wrapper-image {
  line-height: 0px;
}
.wrapper-messages-page .wrapper-block .message-page .link-date-action {
  display: block;
  margin-top: 37px;
  font-size: 15px;
  color: #719ac2;
  line-height: 21px;
}
.wrapper-messages-page .wrapper-block .message-page .link-date-action .name {
  margin-left: 11px;
}
.wrapper-messages-page .wrapper-block .message-page .title-message {
  display: block;
  margin-top: 25px;
  font-size: 30px;
  color: #000000;
}
.wrapper-messages-page .wrapper-block .message-page .content-message {
  margin-top: 27px;
  display: block;
}
.wrapper-messages-page
  .wrapper-block
  .message-page
  .wrapper-paginations-message {
  padding: 14px 17px 13px 17px;
  background-color: #f4f6f7;
  margin-top: 21px;
  font-size: 17px;
  color: #719ac2;
  line-height: 21px;
}
.wrapper-messages-page .wrapper-block .message-page .personal-message-wrapper {
  display: flex;
  padding: 42px 118px 50px 118px;
  flex-direction: column;
  align-items: center;
  background: #f2f4f6;
  border: 1px solid #e6e6e6;
}
@media (max-width: 1739px) {
  .wrapper-messages-page
    .wrapper-block
    .message-page
    .personal-message-wrapper {
    padding: 35px 90px 40px 90px;
  }
}
@media (max-width: 1399px) {
  .wrapper-messages-page
    .wrapper-block
    .message-page
    .personal-message-wrapper {
    padding: 25px 70px 30px 70px;
  }
}
@media (max-width: 1279px) {
  .wrapper-messages-page
    .wrapper-block
    .message-page
    .personal-message-wrapper {
    padding: 20px 60px 25px 60px;
  }
}
@media (max-width: 999px) {
  .wrapper-messages-page
    .wrapper-block
    .message-page
    .personal-message-wrapper {
    padding: 20px;
  }
}
@media (max-width: 700px) {
  .wrapper-messages-page
    .wrapper-block
    .message-page
    .personal-message-wrapper {
    padding: 20px 12px;
  }
}
.wrapper-messages-page
  .wrapper-block
  .message-page
  .personal-message-wrapper
  .have-questions-wrapper {
  display: flex;
  margin: 51px 0 0 0;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.wrapper-messages-page
  .wrapper-block
  .message-page
  .personal-message-wrapper
  .have-questions-wrapper
  .title {
  display: block;
  margin: 0 0 24px 0;
  font-size: 21px;
  color: #000000;
  text-align: center;
  line-height: 25px;
}
.wrapper-messages-page
  .wrapper-block
  .message-page
  .personal-message-wrapper
  .have-questions-wrapper
  .ask-question {
  display: flex;
  width: 170px;
  height: 50px;
  padding: 0;
  margin: 0;
  justify-content: center;
  align-items: center;
}
.wrapper-messages-page
  .wrapper-block
  .message-page
  .personal-message-wrapper
  .personal-message {
  display: flex;
  width: 100%;
  padding: 68px 0 100px 0;
  justify-content: center;
  flex-direction: column;
  background: #ffffff;
}
@media (max-width: 999px) {
  .wrapper-messages-page
    .wrapper-block
    .message-page
    .personal-message-wrapper
    .personal-message {
    padding: 30px 10px;
  }
}
.wrapper-messages-page
  .wrapper-block
  .message-page
  .personal-message-wrapper
  .personal-message
  .text-content
  .congrats {
  font-weight: 500;
  font-size: 36px;
  color: #000000;
  text-align: center;
  line-height: calc(40 / 36);
}
@media (min-width: 0px) and (max-width: 700px) {
  .wrapper-messages-page
    .wrapper-block
    .message-page
    .personal-message-wrapper
    .personal-message
    .text-content
    .congrats {
    font-size: 26px;
  }
}
.wrapper-messages-page
  .wrapper-block
  .message-page
  .personal-message-wrapper
  .personal-message
  .text-content
  .subtitle {
  font-weight: 500;
  font-size: 18px;
  color: #000000;
  text-align: center;
  line-height: calc(25 / 18);
}
@media (min-width: 0px) and (max-width: 700px) {
  .wrapper-messages-page
    .wrapper-block
    .message-page
    .personal-message-wrapper
    .personal-message
    .text-content
    .subtitle {
    font-size: 16px;
  }
}
.wrapper-messages-page
  .wrapper-block
  .message-page
  .personal-message-wrapper
  .personal-message.bonus
  .bonuses {
  display: flex;
  position: relative;
  width: 100%;
  height: 342px;
  margin: 58px 0 0 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-image: url("../images/messages/bonus-things.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: 50% 50%;
}
@media (min-width: 0px) and (max-width: 700px) {
  .wrapper-messages-page
    .wrapper-block
    .message-page
    .personal-message-wrapper
    .personal-message.bonus
    .bonuses {
    height: 150px;
    margin: 18px 0 0 0;
  }
}
.wrapper-messages-page
  .wrapper-block
  .message-page
  .personal-message-wrapper
  .personal-message.bonus
  .bonuses
  .bonus-count {
  display: block;
  position: relative;
  font-family: "Comfortaa", cursive;
  font-weight: 700;
  font-size: 150px;
  background: linear-gradient(-129deg, #394190 0%, #ce3a80 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (min-width: 0px) and (max-width: 700px) {
  .wrapper-messages-page
    .wrapper-block
    .message-page
    .personal-message-wrapper
    .personal-message.bonus
    .bonuses
    .bonus-count {
    font-size: 85px;
  }
}
.wrapper-messages-page
  .wrapper-block
  .message-page
  .personal-message-wrapper
  .personal-message.bonus
  .bonuses
  .bonus {
  display: block;
  position: absolute;
  right: 15px;
  bottom: 10px;
  font-family: "Comfortaa", cursive;
  font-weight: 700;
  font-size: 22px;
  background: linear-gradient(-129deg, #394190 0%, #ce3a80 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (min-width: 0px) and (max-width: 700px) {
  .wrapper-messages-page
    .wrapper-block
    .message-page
    .personal-message-wrapper
    .personal-message.bonus
    .bonuses
    .bonus {
    bottom: 5px;
    font-size: 18px;
  }
}
.wrapper-messages-page
  .wrapper-block
  .message-page
  .personal-message-wrapper
  .personal-message.coupon
  .coupon-wrapper {
  width: 530px;
  margin: 0 auto;
}
@media (min-width: 0px) and (max-width: 700px) {
  .wrapper-messages-page
    .wrapper-block
    .message-page
    .personal-message-wrapper
    .personal-message.coupon
    .coupon-wrapper {
    width: 100%;
  }
}
.wrapper-messages-page
  .wrapper-block
  .message-page
  .personal-message-wrapper
  .personal-message.win
  .image-wrapper {
  display: flex;
  width: 100%;
  max-width: 884px;
  margin: 33px auto;
  background: linear-gradient(-150deg, #003d82 0%, #0e59a3 100%);
}
.wrapper-messages-page
  .wrapper-block
  .message-page
  .personal-message-wrapper
  .personal-message.win
  .image-wrapper
  .image {
  padding: 20px;
  max-width: 884px;
  max-height: 325px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.wrapper-messages-page
  .wrapper-block
  .message-page
  .personal-message-wrapper
  .personal-message.win
  .message {
  max-width: 645px;
  margin: 0 auto;
}
.wrapper-messages-page
  .wrapper-block
  .message-page
  .personal-message-wrapper
  .personal-message.win
  .message
  strong {
  font-weight: 500;
  font-size: 18px;
  color: #000000;
  text-align: center;
  line-height: 25px;
}
.wrapper-messages-page
  .wrapper-block
  .message-page
  .personal-message-wrapper
  .personal-message.win
  .message
  p {
  font-family: "Geometria", sans-serif;
  font-size: 14px;
  color: #000000;
  line-height: 25px;
}
.wrapper-messages-page .messages__actions-wrapper {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  display: flex;
  flex-direction: row;
  margin: 0 25px 0 0;
}
.wrapper-messages-page .messages__actions-wrapper .title {
  margin-right: 20px;
  font-size: 18px;
}
@media (min-width: 701px) and (max-width: 999px) {
  .wrapper-messages-page .messages__actions-wrapper {
    margin: 0 25px 0 25px;
  }
}
@media (min-width: 0px) and (max-width: 700px) {
  .wrapper-messages-page .messages__actions-wrapper {
    margin: 0px;
    margin-top: 10px;
  }
}
.wrapper-messages-page .messages__actions-wrapper.multiple {
  opacity: 1;
  pointer-events: all;
}
.wrapper-messages-page .messages__actions-wrapper.multiple.disabled {
  opacity: 0.6;
  pointer-events: none;
  cursor: not-allowed;
}
.wrapper-messages-page .messages__actions-wrapper .icon {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #ea335b;
}
.wrapper-messages-page .messages__actions-wrapper .icon.blue {
  background-color: #436db7;
}
.wrapper-messages-page .messages__actions-wrapper .icon.mail {
  background-size: 15px 16px;
  background-image: url("../images/messages/mail.svg");
  margin: 0 25px 0 0;
}
@media (min-width: 0px) and (max-width: 700px) {
  .wrapper-messages-page .messages__actions-wrapper .icon.mail {
    margin: 0 5px 0 0;
  }
}
.wrapper-messages-page .messages__actions-wrapper .icon.trash {
  background-size: 13px 16px;
  background-image: url("../images/messages/trash.svg");
}
.wrapper-messages-page .start-message {
  display: flex;
  width: 100%;
  flex-direction: column;
}
.wrapper-messages-page .start-message .first-block {
  display: flex;
  padding: 80px 120px;
  flex-direction: column;
  background: #ffffff;
}
@media (max-width: 1739px) {
  .wrapper-messages-page .start-message .first-block {
    padding: 60px 100px;
  }
}
@media (max-width: 1399px) {
  .wrapper-messages-page .start-message .first-block {
    padding: 50px 80px;
  }
}
@media (max-width: 1279px) {
  .wrapper-messages-page .start-message .first-block {
    padding: 40px 60px;
  }
}
@media (max-width: 999px) {
  .wrapper-messages-page .start-message .first-block {
    padding: 20px;
  }
}
.wrapper-messages-page .start-message .first-block .top-text {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 999px) {
  .wrapper-messages-page .start-message .first-block .top-text {
    flex-wrap: wrap;
  }
}
.wrapper-messages-page .start-message .first-block .top-text .congrats-text {
  padding-right: 50px;
}
@media (max-width: 999px) {
  .wrapper-messages-page .start-message .first-block .top-text .congrats-text {
    padding-right: 0px;
    margin: 0 auto;
  }
}
.wrapper-messages-page
  .start-message
  .first-block
  .top-text
  .congrats-text
  .title {
  font-weight: 500;
  font-size: 36px;
  color: #000000;
  text-align: center;
  line-height: 40px;
}
@media (min-width: 0px) and (max-width: 700px) {
  .wrapper-messages-page
    .start-message
    .first-block
    .top-text
    .congrats-text
    .title {
    font-size: 18px;
  }
}
@media (min-width: 701px) and (max-width: 999px) {
  .wrapper-messages-page
    .start-message
    .first-block
    .top-text
    .congrats-text
    .title {
    font-size: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1279px) {
  .wrapper-messages-page
    .start-message
    .first-block
    .top-text
    .congrats-text
    .title {
    font-size: 25px;
  }
}
@media (min-width: 1280px) and (max-width: 1399px) {
  .wrapper-messages-page
    .start-message
    .first-block
    .top-text
    .congrats-text
    .title {
    font-size: 27px;
  }
}
@media (min-width: 1400px) and (max-width: 1739px) {
  .wrapper-messages-page
    .start-message
    .first-block
    .top-text
    .congrats-text
    .title {
    font-size: 23px;
  }
}
@media (min-width: 1740px) {
  .wrapper-messages-page
    .start-message
    .first-block
    .top-text
    .congrats-text
    .title {
    font-size: 36px;
  }
}
@media (min-width: 0px) and (max-width: 700px) {
  .wrapper-messages-page
    .start-message
    .first-block
    .top-text
    .congrats-text
    .title {
    line-height: 18px;
  }
}
@media (min-width: 701px) and (max-width: 999px) {
  .wrapper-messages-page
    .start-message
    .first-block
    .top-text
    .congrats-text
    .title {
    line-height: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1279px) {
  .wrapper-messages-page
    .start-message
    .first-block
    .top-text
    .congrats-text
    .title {
    line-height: 25px;
  }
}
@media (min-width: 1280px) and (max-width: 1399px) {
  .wrapper-messages-page
    .start-message
    .first-block
    .top-text
    .congrats-text
    .title {
    line-height: 27px;
  }
}
@media (min-width: 1400px) and (max-width: 1739px) {
  .wrapper-messages-page
    .start-message
    .first-block
    .top-text
    .congrats-text
    .title {
    line-height: 25px;
  }
}
@media (min-width: 1740px) {
  .wrapper-messages-page
    .start-message
    .first-block
    .top-text
    .congrats-text
    .title {
    line-height: 36px;
  }
}
.wrapper-messages-page
  .start-message
  .first-block
  .top-text
  .congrats-text
  .subtitle {
  margin: 33px 0 0 0;
  font-weight: 500;
  font-size: 21px;
  color: rgba(0, 0, 0, 0.6);
  text-align: center;
  line-height: 1.1;
}
@media (min-width: 0px) and (max-width: 700px) {
  .wrapper-messages-page
    .start-message
    .first-block
    .top-text
    .congrats-text
    .subtitle {
    font-size: 12px;
  }
}
@media (min-width: 701px) and (max-width: 999px) {
  .wrapper-messages-page
    .start-message
    .first-block
    .top-text
    .congrats-text
    .subtitle {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1279px) {
  .wrapper-messages-page
    .start-message
    .first-block
    .top-text
    .congrats-text
    .subtitle {
    font-size: 14px;
  }
}
@media (min-width: 1280px) and (max-width: 1399px) {
  .wrapper-messages-page
    .start-message
    .first-block
    .top-text
    .congrats-text
    .subtitle {
    font-size: 16px;
  }
}
@media (min-width: 1400px) and (max-width: 1739px) {
  .wrapper-messages-page
    .start-message
    .first-block
    .top-text
    .congrats-text
    .subtitle {
    font-size: 18px;
  }
}
@media (min-width: 1740px) {
  .wrapper-messages-page
    .start-message
    .first-block
    .top-text
    .congrats-text
    .subtitle {
    font-size: 21px;
  }
}
.wrapper-messages-page .start-message .first-block .card-image-wrapper {
  display: block;
  position: relative;
  width: 389px;
  height: 389px;
}
@media (min-width: 0px) and (max-width: 700px) {
  .wrapper-messages-page .start-message .first-block .card-image-wrapper {
    zoom: 0.4;
  }
}
@media (min-width: 701px) and (max-width: 999px) {
  .wrapper-messages-page .start-message .first-block .card-image-wrapper {
    zoom: 0.6;
  }
}
@media (min-width: 1000px) and (max-width: 1279px) {
  .wrapper-messages-page .start-message .first-block .card-image-wrapper {
    zoom: 0.6;
  }
}
@media (min-width: 1280px) and (max-width: 1399px) {
  .wrapper-messages-page .start-message .first-block .card-image-wrapper {
    zoom: 0.6;
  }
}
@media (min-width: 1400px) and (max-width: 1739px) {
  .wrapper-messages-page .start-message .first-block .card-image-wrapper {
    zoom: 0.8;
  }
}
@media (min-width: 1740px) {
  .wrapper-messages-page .start-message .first-block .card-image-wrapper {
    zoom: 1;
  }
}
@media (max-width: 999px) {
  .wrapper-messages-page .start-message .first-block .card-image-wrapper {
    margin: 60px auto 0px auto;
  }
}
.wrapper-messages-page
  .start-message
  .first-block
  .card-image-wrapper
  .circles {
  display: flex;
  position: relative;
  top: 50%;
  left: 50%;
  justify-content: center;
  align-items: center;
  transform: translate(-50%, -50%);
}
.wrapper-messages-page
  .start-message
  .first-block
  .card-image-wrapper
  .circles
  .circle {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
.wrapper-messages-page
  .start-message
  .first-block
  .card-image-wrapper
  .circles
  .circle.large {
  width: 390px;
  height: 390px;
  background: rgba(64, 130, 252, 0.15);
}
.wrapper-messages-page
  .start-message
  .first-block
  .card-image-wrapper
  .circles
  .circle.medium {
  width: 350px;
  height: 350px;
  background: rgba(52, 169, 230, 0.3);
}
.wrapper-messages-page
  .start-message
  .first-block
  .card-image-wrapper
  .circles
  .circle.small {
  width: 305px;
  height: 305px;
  background: rgba(23, 59, 198, 0.3);
  box-shadow: 0 2px 54px 0 rgba(80, 56, 102, 0.28),
    inset 0 1px 7px 0 rgba(183, 136, 209, 0.6);
}
.wrapper-messages-page .start-message .first-block .card-image-wrapper .card {
  display: block;
  position: absolute;
  width: 445px;
  height: 349px;
  top: 59%;
  left: 56%;
  transform: translate(-50%, -50%);
  background-size: contain;
  background: url("../images/messages/first-message/card.png") no-repeat center
    center;
}
.wrapper-messages-page .start-message .first-block .bottom-text {
  margin: 100px 0 0 0;
  font-weight: 500;
  font-size: 30px;
  color: #000000;
  line-height: 1.3;
}
@media (min-width: 0px) and (max-width: 700px) {
  .wrapper-messages-page .start-message .first-block .bottom-text {
    margin: 40px 0 0 0;
  }
}
@media (min-width: 701px) and (max-width: 999px) {
  .wrapper-messages-page .start-message .first-block .bottom-text {
    margin: 40px 0 0 0;
  }
}
@media (min-width: 1000px) and (max-width: 1279px) {
  .wrapper-messages-page .start-message .first-block .bottom-text {
    margin: 50px 0 0 0;
  }
}
@media (min-width: 1280px) and (max-width: 1399px) {
  .wrapper-messages-page .start-message .first-block .bottom-text {
    margin: 60px 0 0 0;
  }
}
@media (min-width: 1400px) and (max-width: 1739px) {
  .wrapper-messages-page .start-message .first-block .bottom-text {
    margin: 70px 0 0 0;
  }
}
@media (min-width: 1740px) {
  .wrapper-messages-page .start-message .first-block .bottom-text {
    margin: 100px 0 0 0;
  }
}
@media (min-width: 0px) and (max-width: 700px) {
  .wrapper-messages-page .start-message .first-block .bottom-text {
    font-size: 18px;
  }
}
@media (min-width: 701px) and (max-width: 999px) {
  .wrapper-messages-page .start-message .first-block .bottom-text {
    font-size: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1279px) {
  .wrapper-messages-page .start-message .first-block .bottom-text {
    font-size: 24px;
  }
}
@media (min-width: 1280px) and (max-width: 1399px) {
  .wrapper-messages-page .start-message .first-block .bottom-text {
    font-size: 25px;
  }
}
@media (min-width: 1400px) and (max-width: 1739px) {
  .wrapper-messages-page .start-message .first-block .bottom-text {
    font-size: 23px;
  }
}
@media (min-width: 1740px) {
  .wrapper-messages-page .start-message .first-block .bottom-text {
    font-size: 30px;
  }
}
.wrapper-messages-page
  .start-message.black-message
  .first-block
  .congrats-text {
  padding: 0px;
  margin: 0 auto;
}
.wrapper-messages-page
  .start-message.black-message
  .first-block
  .congrats-text
  b {
  font-weight: bold;
}
.wrapper-messages-page
  .start-message.black-message
  .first-block
  .congrats-text
  .subtitle {
  color: #5a5a5a;
}
.wrapper-messages-page .start-message.black-message .first-block .bottom-text {
  font-size: 17px;
  margin-top: 30px;
}
.wrapper-messages-page
  .start-message.black-message
  .first-block
  .bottom-text
  a {
  border-bottom: 1px solid;
}
.wrapper-messages-page .start-message .second-block {
  display: block;
  margin: 40px auto 15px auto;
}
@media (max-width: 999px) {
  .wrapper-messages-page .start-message .second-block {
    margin-top: 20px;
  }
}
.wrapper-messages-page .start-message .second-block .pros {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 0 -2%;
}
@media (max-width: 1279px) {
  .wrapper-messages-page .start-message .second-block .pros {
    margin: 0 -3%;
  }
}
@media (max-width: 999px) {
  .wrapper-messages-page .start-message .second-block .pros {
    flex-wrap: wrap;
  }
}
.wrapper-messages-page .start-message .second-block .pros .item {
  display: flex;
  width: 46%;
  min-height: 200px;
  margin: 2%;
  padding: 45px 2% 20px 2%;
  border-radius: 15px;
  background: #ffffff;
}
@media (max-width: 1279px) {
  .wrapper-messages-page .start-message .second-block .pros .item {
    margin: 1%;
  }
}
@media (max-width: 1279px) {
  .wrapper-messages-page .start-message .second-block .pros .item {
    padding: 30px 2% 20px 2%;
  }
}
@media (max-width: 700px) {
  .wrapper-messages-page .start-message .second-block .pros .item {
    min-height: 0px;
    padding: 30px 12px 20px 12px;
  }
}
@media (min-width: 1400px) and (max-width: 1739px) {
  .wrapper-messages-page
    .start-message
    .second-block
    .pros
    .item:nth-child(2n) {
    margin-right: 0;
  }
}
@media (max-width: 999px) {
  .wrapper-messages-page .start-message .second-block .pros .item {
    width: 100%;
    height: auto;
    margin: 4%;
  }
}
.wrapper-messages-page .start-message .second-block .pros .item .svg-icon {
  margin: 12px 24px 0 0;
  flex: 0 0 90px;
}
@media (max-width: 1279px) {
  .wrapper-messages-page .start-message .second-block .pros .item .svg-icon {
    zoom: 0.8;
  }
}
@media (max-width: 999px) {
  .wrapper-messages-page .start-message .second-block .pros .item .svg-icon {
    zoom: 0.5;
    margin-top: -10px;
  }
}
.wrapper-messages-page .start-message .second-block .pros .item .text-content {
  display: flex;
  flex-direction: column;
}
.wrapper-messages-page
  .start-message
  .second-block
  .pros
  .item
  .text-content
  .title {
  font-weight: 500;
  font-size: 16px;
  color: #000000;
  text-align: left;
  line-height: 19px;
}
@media (max-width: 999px) {
  .wrapper-messages-page
    .start-message
    .second-block
    .pros
    .item
    .text-content
    .title {
    font-size: 12px;
    height: 40px;
    line-height: 1.2;
    display: flex;
    align-items: center;
  }
}
.wrapper-messages-page
  .start-message
  .second-block
  .pros
  .item
  .text-content
  .description {
  margin: 18px 0 0 0;
  font-size: 14px;
  color: #1a1919;
  text-align: left;
  line-height: 18px;
}
.wrapper-messages-page
  .start-message
  .second-block
  .pros
  .item
  .text-content
  .description
  ul {
  font-size: 12px;
  font-weight: bold;
  list-style: disc;
  padding-left: 20px;
  margin: 10px 0px 0px 0px;
}
@media (max-width: 999px) {
  .wrapper-messages-page
    .start-message
    .second-block
    .pros
    .item
    .text-content
    .description {
    font-size: 12px;
    margin-left: -50px;
  }
}
.wrapper-messages-page .start-message .third-block {
  display: flex;
  padding: 75px 0 51px 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #ffffff;
}
@media (max-width: 999px) {
  .wrapper-messages-page .start-message .third-block {
    padding: 20px 10px;
  }
}
.wrapper-messages-page .start-message .third-block .title {
  display: block;
  margin: 0 0 44px 0;
  font-weight: 500;
  font-size: 30px;
  color: #000000;
  text-align: center;
  line-height: 35px;
}
@media (max-width: 999px) {
  .wrapper-messages-page .start-message .third-block .title {
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 10px;
  }
}
.wrapper-messages-page .start-message .third-block .description-block {
  display: flex;
  flex-direction: row;
}
@media (max-width: 999px) {
  .wrapper-messages-page .start-message .third-block .description-block {
    flex-wrap: wrap;
  }
}
.wrapper-messages-page .start-message .third-block .description-block .caption {
  max-width: 395px;
  margin: 53px 32px 0 70px;
  font-size: 17px;
  color: #1a1919;
  letter-spacing: -0.02px;
  text-align: left;
  line-height: 25px;
}
@media (max-width: 1279px) {
  .wrapper-messages-page
    .start-message
    .third-block
    .description-block
    .caption {
    font-size: 15px;
  }
}
@media (max-width: 999px) {
  .wrapper-messages-page
    .start-message
    .third-block
    .description-block
    .caption {
    margin: 0px auto;
    padding: 20px 10px;
  }
}
.wrapper-messages-page .start-message .third-block .description-block .image {
  display: block;
  margin-left: 16px;
  margin-top: -4px;
  padding-right: 20px;
}
@media (min-width: 701px) and (max-width: 999px) {
  .wrapper-messages-page .start-message .third-block .description-block .image {
    order: -1;
    margin: 0 auto;
  }
}
.wrapper-messages-page .start-message .third-block .memo {
  display: flex;
  margin: 104px 0 0 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (max-width: 999px) {
  .wrapper-messages-page .start-message .third-block .memo {
    margin-top: 20px;
  }
}
.wrapper-messages-page .start-message .third-block .memo .text {
  font-weight: 500;
  font-size: 25px;
  color: #000000;
}
@media (max-width: 999px) {
  .wrapper-messages-page .start-message .third-block .memo .text {
    font-size: 20px;
  }
}
@media (max-width: 1279px) {
  .wrapper-messages-page .start-message .third-block .memo .text {
    text-align: center;
    padding: 0 10px;
  }
}
.wrapper-messages-page .start-message .third-block .memo .download {
  display: flex;
  width: 144px;
  height: 50px;
  margin: 18px 0 0 0;
  padding: 0;
  justify-content: center;
  align-items: center;
}
.wrapper-messages-page .start-message .third-block .members {
  max-width: 900px;
  margin: 126px auto 0 auto;
}
@media (max-width: 999px) {
  .wrapper-messages-page .start-message .third-block .members {
    margin-top: 40px;
  }
}
.wrapper-messages-page .start-message .third-block .members .title {
  margin: 0 0 74px 0;
}
@media (max-width: 999px) {
  .wrapper-messages-page .start-message .third-block .members .title {
    line-height: 1.2;
  }
}
@media (max-width: 700px) {
  .wrapper-messages-page .start-message .third-block .members .title {
    margin-bottom: 20px;
  }
}
.wrapper-messages-page .start-message .third-block .members .members-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.wrapper-messages-page
  .start-message
  .third-block
  .members
  .members-list
  .item {
  display: flex;
  padding: 0 0 39px 0;
  flex: 0 0 33%;
  height: 184px;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 1400px) and (max-width: 1739px) {
  .wrapper-messages-page
    .start-message
    .third-block
    .members
    .members-list
    .item:not(:nth-child(3n)) {
    border-right: 1px solid rgba(195, 195, 195, 0.6);
  }
  .wrapper-messages-page
    .start-message
    .third-block
    .members
    .members-list
    .item:nth-last-child(n + 4) {
    border-bottom: 1px solid rgba(195, 195, 195, 0.6);
  }
  .wrapper-messages-page
    .start-message
    .third-block
    .members
    .members-list
    .item:nth-child(n + 4) {
    height: 245px;
    padding: 15px 0 39px 0;
  }
  .wrapper-messages-page
    .start-message
    .third-block
    .members
    .members-list
    .item:nth-child(n + 4)
    .icon-wrapper {
    height: 87px;
  }
  .wrapper-messages-page
    .start-message
    .third-block
    .members
    .members-list
    .item:nth-child(1)
    .icon-wrapper,
  .wrapper-messages-page
    .start-message
    .third-block
    .members
    .members-list
    .item:nth-child(2)
    .icon-wrapper,
  .wrapper-messages-page
    .start-message
    .third-block
    .members
    .members-list
    .item:nth-child(3)
    .icon-wrapper {
    height: 32px;
  }
  .wrapper-messages-page
    .start-message
    .third-block
    .members
    .members-list
    .item:nth-child(7),
  .wrapper-messages-page
    .start-message
    .third-block
    .members
    .members-list
    .item:nth-child(8),
  .wrapper-messages-page
    .start-message
    .third-block
    .members
    .members-list
    .item:nth-child(9) {
    height: 208px;
  }
}
@media (max-width: 999px) {
  .wrapper-messages-page
    .start-message
    .third-block
    .members
    .members-list
    .item {
    flex: 100%;
    background: #f4f5f9;
    margin-bottom: 30px;
    padding: 20px 12px;
  }
}
.wrapper-messages-page
  .start-message
  .third-block
  .members
  .members-list
  .item
  .icon-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}
.wrapper-messages-page
  .start-message
  .third-block
  .members
  .members-list
  .item
  .title {
  margin: 0;
  font-weight: 700;
  font-size: 16px;
  color: #000000;
  text-align: center;
  line-height: 25px;
}
.wrapper-messages-page
  .start-message
  .third-block
  .members
  .members-list
  .item
  .map-link {
  font-size: 14px;
  color: rgba(51, 51, 51, 0.6);
  border-bottom: 1px solid rgba(51, 51, 51, 0.6);
}
.wrapper-messages-page .start-message .svg-icon {
  display: inline-block;
  width: 88px;
  height: 88px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.wrapper-messages-page .start-message .svg-icon.gift {
  background-image: url("../images/messages/first-message/gift.svg");
}
.wrapper-messages-page .start-message .svg-icon.lk {
  background-image: url("../images/messages/first-message/lk.svg");
}
.wrapper-messages-page .start-message .svg-icon.pay-bonus {
  background-image: url("../images/messages/first-message/pay-bonus.svg");
}
.wrapper-messages-page .start-message .svg-icon.percent {
  background-image: url("../images/messages/first-message/percent.svg");
}
.wrapper-messages-page .start-message .svg-icon.piggy {
  background-image: url("../images/messages/first-message/piggy.svg");
}
.wrapper-messages-page .start-message .svg-icon.privilege {
  background-image: url("../images/messages/first-message/privilege.svg");
}

@media (min-width: 0px) and (max-width: 700px) {
  .jconfirm-box {
    width: 90% !important;
  }
}

.actions-page {
  padding-bottom: 100px;
}
.actions-page .wrapper-content-title {
  margin-bottom: 30px;
}
.actions-page .wrapper-content-title .title {
  display: inline-block;
  vertical-align: middle;
}
.actions-page .wrapper-content-title .actions-filter-form {
  display: inline-block;
  vertical-align: middle;
  margin-left: 30px;
}
@media (max-width: 999px) {
  .actions-page .wrapper-content-title .actions-filter-form {
    max-width: 100%;
    overflow-x: auto;
    padding: 0 17px;
    margin-left: 0px;
  }
  .actions-page
    .wrapper-content-title
    .actions-filter-form
    .wrapper-checkbox-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
  }
  .actions-page
    .wrapper-content-title
    .actions-filter-form
    .wrapper-checkbox-list
    .item
    input
    + label {
    padding: 6px 12px 6px 18px;
    display: block;
  }
  .actions-page
    .wrapper-content-title
    .actions-filter-form
    .wrapper-checkbox-list
    .item
    input
    + label
    .image-icon {
    display: none;
  }
  .actions-page
    .wrapper-content-title
    .actions-filter-form
    .wrapper-checkbox-list
    .item
    input
    + label
    .title {
    width: auto;
    white-space: nowrap;
    margin-left: 0px;
  }
}

.wrapper-conditions-page {
  display: flex;
  max-width: 100%;
}
.wrapper-conditions-page .main-personal-content {
  border-right: 1px solid #dadada;
}
@media (max-width: 1399px) {
  .wrapper-conditions-page .sidebar {
    flex: 0 0 300px !important;
  }
}
.wrapper-conditions-page .sidebar .wrapper-conditions .subcaption {
  margin-bottom: 15px;
  padding-left: 35px;
  font-size: 15px;
  color: #5e5e5e;
}
.wrapper-conditions-page .sidebar .wrapper-conditions ul {
  margin-left: -2px;
}
.wrapper-conditions-page .sidebar .wrapper-conditions ul li {
  margin-bottom: 8px;
}
.wrapper-conditions-page .sidebar .wrapper-conditions ul li .item {
  display: block;
  padding: 6px 0 6px 35px;
  font-size: 15px;
  color: #5e5e5e;
  border-left: 3px solid transparent;
}
@media (max-width: 1399px) {
  .wrapper-conditions-page .sidebar .wrapper-conditions ul li .item {
    padding-left: 25px;
  }
}
@media (max-width: 1279px) {
  .wrapper-conditions-page .sidebar .wrapper-conditions ul li .item {
    padding-left: 20px;
    font-size: 14px;
  }
}
.wrapper-conditions-page .sidebar .wrapper-conditions ul li .item.active {
  color: #7199c2;
  border-left: 3px solid;
}
.wrapper-conditions-page .sidebar .wrapper-conditions ul li .item:hover {
  color: #7199c2;
  border-left: 3px solid;
}

@media (max-width: 999px) {
  .modal-content .wrapper-condition .main-content {
    padding: 0px;
  }
}

.wrapper-condition .main-content {
  padding-right: 20px;
}
@media (max-width: 999px) {
  .wrapper-condition .main-content {
    padding: 0px 15px;
  }
}

.wrapper-condition ol > li > ol > li > ol {
  margin: 15px;
}

.wrapper-condition a {
  border-bottom: 1px solid;
}

.wrapper-condition table td {
  border: 1px solid #c1c1c1;
  font-size: 12px;
  padding: 10px;
}

@media (max-width: 700px) {
  .wrapper-condition {
    /* Force table to not be like tables anymore */
    /* Hide table headers (but not display: none;, for accessibility) */
    /*
    Label the data
    */
  }
  .wrapper-condition table,
  .wrapper-condition thead,
  .wrapper-condition tbody,
  .wrapper-condition th,
  .wrapper-condition td,
  .wrapper-condition tr {
    display: block;
    width: auto !important;
  }
  .wrapper-condition tr:first-child {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  .wrapper-condition tr {
    border: 1px solid #ccc;
    margin-top: 20px;
  }
  .wrapper-condition td {
    /* Behave  like a "row" */
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 50%;
    width: auto !important;
    padding-top: 30px !important;
  }
  .wrapper-condition td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    font-weight: bold;
  }
  .wrapper-condition td:nth-of-type(1):before {
    content: "Предприятие";
  }
  .wrapper-condition td:nth-of-type(2):before {
    content: "Адрес";
  }
  .wrapper-condition td:nth-of-type(3):before {
    content: "Размер бонусов по карте";
  }
}

.wrapper-condition ol {
  list-style: decimal;
  counter-reset: item;
}
.wrapper-condition ol li {
  display: block;
  margin-bottom: 15px;
  line-height: 1.4;
}
.wrapper-condition ol li.root-item {
  margin: 30px 0px;
}
.wrapper-condition ol li.root-item:before {
  font-size: 20px;
}
.wrapper-condition ol li.root-item .name {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 15px;
  display: inline-block;
}
.wrapper-condition ol li:before {
  content: counters(item, ".") " ";
  counter-increment: item;
  font-weight: 500;
}
.wrapper-condition ol li ol p {
  display: inline;
}
.wrapper-condition ol li ul {
  margin-top: 15px;
}
.wrapper-condition ol li ul li:before {
  content: "–";
  counter-increment: none;
}

.help-page {
  padding: 45px 55px;
  background: #f4f6f7;
}
@media (min-width: 1400px) and (max-width: 1739px) {
  .help-page {
    padding: 35px 45px;
  }
}
@media (max-width: 1399px) {
  .help-page {
    padding: 25px 35px;
  }
}
@media (max-width: 999px) {
  .help-page {
    padding: 23px 15px;
  }
}
.help-page .help-wrapper {
  background: #ffffff;
  padding: 60px 61px 97px 75px;
}
@media (min-width: 1400px) and (max-width: 1739px) {
  .help-page .help-wrapper {
    padding: 45px 46px 60px 50px;
  }
}
@media (max-width: 1399px) {
  .help-page .help-wrapper {
    padding: 40px 40px 50px 45px;
  }
}
@media (max-width: 1279px) {
  .help-page .help-wrapper {
    padding: 30px 30px 40px 35px;
  }
}
@media (max-width: 999px) {
  .help-page .help-wrapper {
    padding: 30px 15px;
  }
}
.help-page .help-wrapper h2 {
  font-size: 25px;
  margin-bottom: 51px;
}
@media (max-width: 999px) {
  .help-page .help-wrapper h2 {
    font-size: 18px;
    margin-bottom: 30px;
  }
}
.help-page .help-wrapper .question-form {
  background: transparent;
  margin: 0px;
  border-radius: 0px;
  padding: 0px;
  max-width: 875px;
}
.help-page .help-wrapper .question-form .files-list .item-file-delete {
  flex: 0 0 120px;
  height: 100px;
}
@media (min-width: 0px) and (max-width: 700px) {
  .help-page .help-wrapper .question-form .button {
    width: 100%;
  }
}
.help-page .help-wrapper .questions-table-wrapper {
  margin-top: 50px;
}

.view-question-page {
  width: 950px;
  max-width: 100%;
}
.view-question-page .answers-list {
  margin-top: 25px;
}
@media (max-width: 999px) {
  .view-question-page .answers-list {
    margin-top: 30px;
  }
}

.wrapper-settings-page {
  width: 100%;
  display: flex;
  padding-bottom: 100px;
}
@media all and (max-width: 1100px) {
  .wrapper-settings-page .sidebar {
    max-width: 260px;
  }
}
@media (max-width: 999px) {
  .wrapper-settings-page .sidebar {
    display: none;
  }
}
.wrapper-settings-page .main-personal-content {
  position: relative;
}
.wrapper-settings-page .main-personal-content .success-form-container {
  top: 50px;
  right: 0px;
}
@media (max-width: 700px) {
  .wrapper-settings-page .help-text {
    padding: 8px 12px;
    background: #ececec;
    border-radius: 6px;
    margin: 10px 0px 15px 0px;
  }
}
.wrapper-settings-page .checkbox-list li {
  margin-bottom: 15px;
}
.wrapper-settings-page input[type="checkbox"] + label {
  color: black;
  font-size: 14px;
}
@media (max-width: 700px) {
  .wrapper-settings-page input[type="checkbox"] + label {
    font-size: 12px;
  }
}
.wrapper-settings-page .title {
  margin-bottom: 48px;
}
.wrapper-settings-page .form-field-default-wrapper {
  margin-bottom: 10px;
}
.wrapper-settings-page h3 {
  color: #bbbbbb;
  font-size: 12px;
  text-transform: uppercase;
  margin-bottom: 7px;
  line-height: 16px;
}
@media (max-width: 1279px) {
  .wrapper-settings-page h3 {
    font-size: 10px;
  }
}
.wrapper-settings-page h2 {
  font-size: 20px;
  margin-bottom: 30px;
}
.wrapper-settings-page .button {
  padding: 17px 16px;
  text-align: center;
  line-height: 16px;
}
@media (max-width: 1279px) {
  .wrapper-settings-page .button {
    font-size: 11px;
    padding: 11px 14px;
  }
  .wrapper-settings-page .button.bordered {
    margin-left: 10px;
  }
}
.wrapper-settings-page .personal-form-wrapper {
  padding-bottom: 60px;
  border-bottom: 1px solid #dedede;
}
@media (max-width: 999px) {
  .wrapper-settings-page .personal-form-wrapper {
    padding: 0 20px 30px 20px;
  }
}
.wrapper-settings-page .personal-form-wrapper .personal-form {
  display: flex;
}
@media (max-width: 700px) {
  .wrapper-settings-page .personal-form-wrapper .personal-form label {
    font-size: 12px;
  }
}
@media (min-width: 0px) and (max-width: 700px) {
  .wrapper-settings-page .personal-form-wrapper .personal-form {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.wrapper-settings-page .personal-form-wrapper .personal-form .personal-data {
  width: 50%;
}
@media (min-width: 0px) and (max-width: 700px) {
  .wrapper-settings-page .personal-form-wrapper .personal-form .personal-data {
    width: 100%;
  }
}
.wrapper-settings-page
  .personal-form-wrapper
  .personal-form
  .personal-data.left-column {
  margin-right: 30px;
}
@media all and (max-width: 1100px) {
  .wrapper-settings-page
    .personal-form-wrapper
    .personal-form
    .personal-data.left-column {
    margin-right: 16px;
  }
}
@media (min-width: 0px) and (max-width: 700px) {
  .wrapper-settings-page
    .personal-form-wrapper
    .personal-form
    .personal-data.left-column {
    margin-right: 0px;
  }
}
.wrapper-settings-page .personal-form-wrapper .personal-form .dop-field {
  margin-top: 48px;
}
.wrapper-settings-page
  .personal-form-wrapper
  .personal-form
  .street-house-wrapper {
  display: flex;
}
.wrapper-settings-page
  .personal-form-wrapper
  .personal-form
  .street-house-wrapper
  .street {
  flex: 1 1 215px;
  margin-right: 10px;
}
@media (min-width: 1000px) and (max-width: 1279px) {
  .wrapper-settings-page
    .personal-form-wrapper
    .personal-form
    .street-house-wrapper
    .street {
    flex: 1 1 110px;
  }
}
@media (max-width: 700px) {
  .wrapper-settings-page
    .personal-form-wrapper
    .personal-form
    .street-house-wrapper
    .street {
    flex: 1 1 120px;
  }
}
.wrapper-settings-page
  .personal-form-wrapper
  .personal-form
  .street-house-wrapper
  .house {
  flex: 1 1 55px;
}
.wrapper-settings-page
  .personal-form-wrapper
  .personal-form
  .street-house-wrapper
  .building {
  flex: 1 1 55px;
  margin-left: 10px;
}
.wrapper-settings-page .personal-form-wrapper .personal-form .contacts-inputs {
  margin-top: 15px;
}
.wrapper-settings-page .personal-form-wrapper .buttons-holder {
  margin-top: 44px;
}
@media (min-width: 0px) and (max-width: 700px) {
  .wrapper-settings-page .personal-form-wrapper .buttons-holder {
    margin-top: 20px;
    text-align: center;
  }
  .wrapper-settings-page .personal-form-wrapper .buttons-holder .button {
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
  }
}
.wrapper-settings-page .personal-form-wrapper .buttons-holder .bordered {
  margin-left: 20px;
}
@media (min-width: 0px) and (max-width: 700px) {
  .wrapper-settings-page .personal-form-wrapper .buttons-holder .bordered {
    margin-left: 0px;
    margin-top: 20px;
  }
}
.wrapper-settings-page .personal-form-wrapper .buttons-holder .cancel-link {
  float: right;
  font-size: 11px;
  text-transform: uppercase;
}
@media (min-width: 0px) and (max-width: 700px) {
  .wrapper-settings-page .personal-form-wrapper .buttons-holder .cancel-link {
    float: none;
  }
}
.wrapper-settings-page .notification-form {
  margin-top: 31px;
}
@media (max-width: 999px) {
  .wrapper-settings-page .notification-form {
    padding: 0 20px;
  }
}
.wrapper-settings-page .notification-form .buttons-holder {
  margin-top: 38px;
}
@media (max-width: 700px) {
  .wrapper-settings-page .notification-form {
    padding-bottom: 40px;
  }
}
.wrapper-settings-page .cats-wrapper {
  margin-top: 20px;
}
.wrapper-settings-page .cats-wrapper h3 {
  color: #394291;
}
@media (min-width: 1280px) {
  .wrapper-settings-page
    .personal-form-notifications
    .wrapper-checkbox-list:not(.multiple) {
    display: flex;
    justify-content: space-between;
  }
  .wrapper-settings-page
    .personal-form-notifications
    .wrapper-checkbox-list:not(.multiple)
    .checkbox-row
    label {
    font-size: 13px;
  }
}
@media (max-width: 1279px) {
  .wrapper-settings-page
    .personal-form-notifications
    .wrapper-checkbox-list:not(.multiple) {
    display: flex;
    justify-content: space-between;
  }
  .wrapper-settings-page
    .personal-form-notifications
    .wrapper-checkbox-list:not(.multiple)
    .checkbox-row
    label {
    font-size: 10px;
  }
}

.blocking-card-page {
  width: 500px;
}
@media (max-width: 999px) {
  .blocking-card-page {
    margin: 0px;
    width: 100%;
  }
}
.blocking-card-page h1 {
  margin-bottom: 28px;
  text-align: center;
}
.blocking-card-page .wrapper-form {
  min-width: 350px;
  max-width: 450px;
  margin: 0 auto;
}
@media (max-width: 999px) {
  .blocking-card-page .wrapper-form {
    min-width: 100%;
  }
}
.blocking-card-page .wrapper-form .left-holder .form {
  padding: 30px 25px 0px 25px;
  background: #f4f6f7;
  border-radius: 10px;
  margin-bottom: 33px;
}
@media (max-width: 999px) {
  .blocking-card-page .wrapper-form .left-holder .form {
    padding: 15px 10px 0px 10px;
  }
}
.blocking-card-page .wrapper-form .left-holder .form .label {
  font-size: 18px;
  margin-bottom: 27px;
  display: block;
}
@media (max-width: 999px) {
  .blocking-card-page .wrapper-form .left-holder .form .label {
    font-size: 15px;
    margin-bottom: 20px;
  }
}
.blocking-card-page .wrapper-form .left-holder .form label {
  color: #343535;
  font-size: 14px;
  margin-bottom: 14px;
}
.blocking-card-page .wrapper-form .left-holder .form .radio-list {
  border-bottom: 1px solid #b5b5b5;
  padding-bottom: 10px;
}
.blocking-card-page.justblock .wrapper-form .left-holder .form .radio-list {
  border-bottom: 0;
  padding-bottom: 0;
}
.blocking-card-page .wrapper-form .left-holder .form .wrapper-checkbox-list {
  margin-top: 20px;
}
.blocking-card-page
  .wrapper-form
  .left-holder
  .form
  .wrapper-checkbox-list:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  content: "";
}
.blocking-card-page
  .wrapper-form
  .left-holder
  .form
  .wrapper-checkbox-list
  label {
  font-size: 15px;
  margin-bottom: 0px;
}
.blocking-card-page .card-holder.inactive {
  display: none;
}
.blocking-card-page .card-holder .title {
  font-size: 18px;
  margin-bottom: 27px;
  display: block;
}
.blocking-card-page .card-holder .wrapper-main-cart {
  min-width: 349px;
  background: url("../images/registr/cart.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 30px 25px 30px 25px;
  border-radius: 10px;
  margin-bottom: 30px;
}
@media (max-width: 999px) {
  .blocking-card-page .card-holder .wrapper-main-cart {
    padding: 15px 10px 20px 10px;
    min-width: 100%;
  }
}
.blocking-card-page .card-holder .wrapper-main-cart .hint {
  font-size: 15px;
  color: #ffffff;
  margin-bottom: 16px;
  padding-right: 7px;
}
@media (max-width: 999px) {
  .blocking-card-page .card-holder .wrapper-main-cart .hint {
    margin-bottom: 10px;
  }
}
.blocking-card-page .card-holder .wrapper-main-cart .wrapper-inputs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  margin: 0 -5px;
}
@media (max-width: 999px) {
  .blocking-card-page .card-holder .wrapper-main-cart .wrapper-inputs {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0px;
  }
}
.blocking-card-page
  .card-holder
  .wrapper-main-cart
  .wrapper-inputs
  .input-wrapper {
  padding: 0 5px;
}
@media (max-width: 999px) {
  .blocking-card-page
    .card-holder
    .wrapper-main-cart
    .wrapper-inputs
    .input-wrapper {
    padding: 0px;
  }
}
.blocking-card-page
  .card-holder
  .wrapper-main-cart
  .wrapper-inputs
  .input-wrapper
  input {
  text-align: center;
  font-size: 28px;
}
.blocking-card-page
  .card-holder
  .wrapper-main-cart
  .wrapper-inputs
  .input-wrapper
  input.active
  + label {
  -webkit-transform: translateY(-25px);
  -moz-transform: translateY(-25px);
  -o-transform: translateY(-25px);
  transform: translateY(-25px);
}
.blocking-card-page
  .card-holder
  .wrapper-main-cart
  .wrapper-inputs
  .input-wrapper
  .label {
  text-align: center;
  padding-left: 0px;
  left: 0;
  right: 0;
  font-size: 12px;
}
.blocking-card-page
  .card-holder
  .wrapper-main-cart
  .wrapper-inputs
  .input-wrapper.wrapper-front-side {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
@media (max-width: 999px) {
  .blocking-card-page
    .card-holder
    .wrapper-main-cart
    .wrapper-inputs
    .input-wrapper.wrapper-front-side {
    background: url("../images/registr/bg-card-reg.png") 50% 50% no-repeat;
    margin-bottom: 15px;
  }
}
.blocking-card-page
  .card-holder
  .wrapper-main-cart
  .wrapper-inputs
  .input-wrapper.wrapper-front-side
  .form-field-default-wrapper {
  margin-bottom: 0px;
}
.blocking-card-page
  .card-holder
  .wrapper-main-cart
  .wrapper-inputs
  .input-wrapper.wrapper-front-side
  .form-field-default-wrapper
  .form-field-default:after {
  display: none;
}
.blocking-card-page
  .card-holder
  .wrapper-main-cart
  .wrapper-inputs
  .input-wrapper.wrapper-front-side
  .form-field-default-wrapper
  .form-field-default {
  border: none;
}
.blocking-card-page
  .card-holder
  .wrapper-main-cart
  .wrapper-inputs
  .input-wrapper.wrapper-front-side
  .form-field-default-wrapper
  .form-field-default.success:after {
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  transform: none;
  right: 7px;
  width: 21px;
  height: 27px;
  line-height: 15px;
}
.blocking-card-page
  .card-holder
  .wrapper-main-cart
  .wrapper-inputs
  .input-wrapper.wrapper-back-side {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 150px;
  -moz-box-flex: 0;
  -moz-flex: 0 0 150px;
  -ms-flex: 0 0 150px;
  flex: 0 0 150px;
}
@media (max-width: 999px) {
  .blocking-card-page
    .card-holder
    .wrapper-main-cart
    .wrapper-inputs
    .input-wrapper.wrapper-back-side {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-box-flex: 0;
    -moz-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
}
.blocking-card-page
  .card-holder
  .wrapper-main-cart
  .wrapper-inputs
  .input-wrapper.wrapper-back-side
  .form-field-default-wrapper {
  margin-bottom: 0px;
}
.blocking-card-page
  .card-holder
  .wrapper-main-cart
  .wrapper-inputs
  .input-wrapper.wrapper-back-side
  .form-field-default-wrapper
  .form-field-default:after {
  display: none;
}
.blocking-card-page
  .card-holder
  .wrapper-main-cart
  .wrapper-inputs
  .input-wrapper.wrapper-back-side
  .form-field-default-wrapper
  .form-field-default {
  border: none;
}
.blocking-card-page
  .card-holder
  .wrapper-main-cart
  .wrapper-inputs
  .input-wrapper.wrapper-back-side
  .form-field-default-wrapper
  .form-field-default.invalid:after {
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  transform: none;
  right: 7px;
  width: 16px;
  height: 16px;
  line-height: 15px;
}
.blocking-card-page
  .card-holder
  .wrapper-main-cart
  .wrapper-inputs
  .input-wrapper.wrapper-back-side
  .form-field-default-wrapper
  .form-field-default.success:after {
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  transform: none;
  right: 7px;
  width: 16px;
  height: 16px;
  line-height: 15px;
  background-size: 16px 14px;
}
.blocking-card-page
  .card-holder
  .wrapper-main-cart
  .wrapper-inputs
  .input-wrapper.wrapper-back-side
  .hint {
  display: none;
}
.blocking-card-page
  .card-holder
  .wrapper-main-cart
  .wrapper-inputs
  .input-wrapper
  ul.errors {
  position: absolute;
  font-size: 14px;
  text-align: center;
}
.blocking-card-page .buttons-holder {
  text-align: center;
}

.change-password-page {
  width: 500px;
}
@media (max-width: 999px) {
  .change-password-page {
    width: 100%;
  }
}
.change-password-page h1 {
  font-size: 30px;
  margin-bottom: 37px;
}

.new-card-page {
  max-width: 850px;
  margin: 0 auto;
  background: transparent;
}
.new-card-page .wrapper-title {
  margin-top: 0px;
}
.new-card-page .wrapper-title .title {
  color: black;
}
.new-card-page .wrapper-main-registration {
  margin-top: 0px;
}
@media (max-width: 999px) {
  .new-card-page .wrapper-main-registration {
    margin-top: 30px;
  }
}
.new-card-page .success-page {
  padding: 90px 0px;
}
.new-card-page .success-page .icon-holder {
  margin-bottom: 67px;
}
.new-card-page .success-page h2 {
  margin-bottom: 10px;
}
.new-card-page .success-page .text-holder {
  margin-bottom: 27px;
}

.request-cancel-page {
  max-width: 500px;
}
.request-cancel-page .holder-description {
  text-align: center;
  font-size: 13px;
  margin: 20px 0px;
}
.request-cancel-page form input {
  height: 55px;
}
.request-cancel-page form .button-holder {
  text-align: center;
  margin: 20px auto;
}
.request-cancel-page form .hint {
  font-size: 12px;
  color: #595b5b;
}
.request-cancel-page h1 {
  font-size: 30px;
  margin-bottom: 20px;
}

@media (max-width: 700px) {
  .request-cancel-page {
    max-width: 300px;
  }
}

.accept-modal h1 {
  margin-bottom: 20px;
}

.accept-modal b {
  font-weight: bold;
}

.accept-modal .wrapper-form {
  background: #f4f6f7;
  color: #000000;
  font-size: 14px;
  padding: 40px 37px 40px 37px;
  border-radius: 10px;
}
@media (min-width: 0px) and (max-width: 700px) {
  .accept-modal .wrapper-form {
    padding: 20px 12px;
  }
}
.accept-modal .wrapper-form .title {
  margin-bottom: 25px;
}
.accept-modal .wrapper-form .left-holder-form {
  margin-right: 50px;
  vertical-align: top;
}
.accept-modal .wrapper-form .right-holder-form {
  vertical-align: top;
}
.accept-modal .wrapper-form .right-holder-form .title {
  font-size: 21px;
  font-weight: 300;
  margin-bottom: 9px;
}
.accept-modal .wrapper-form .right-holder-form .description-holder {
  color: #7b7c7c;
  margin-bottom: 4px;
}
.accept-modal .wrapper-form .right-holder-form .link-repeat-holder a {
  color: #719ac2;
  border-bottom: 1px dashed;
  display: inline-block;
}

.accept-modal .buttons-row {
  margin-top: 30px;
  text-align: center;
}

.accept-modal .note-holder {
  font-size: 13px;
  color: black;
  margin-bottom: 20px;
}
.accept-modal .note-holder span,
.accept-modal .note-holder i {
  display: inline-block;
  vertical-align: middle;
}
.accept-modal .note-holder span {
  width: 255px;
  margin-left: 5px;
}

.accept-modal ul.errors.invalid.required {
  display: none;
}

.blocked-page {
  max-width: 1100px;
  margin: 0 auto;
}
.blocked-page h1 {
  text-align: center;
}
.blocked-page h3 {
  margin: 20px 0px;
}
.blocked-page .notice-holder {
  max-width: 685px;
  margin: 35px auto 50px auto;
  font-size: 15px;
}
.blocked-page .actions {
  max-width: 650px;
  margin: 50px auto 50px auto;
  text-align: center;
  font-size: 18px;
}
.blocked-page .text {
  font-size: 13px;
  max-width: 680px;
  margin: 0 auto;
}
.blocked-page .text b {
  font-weight: bold;
}
.blocked-page .block-message {
  margin-top: 40px;
  font-size: 16px;
  font-weight: bold;
}
.blocked-page .block-message form {
  margin-top: 30px;
}
.blocked-page .block-message form button {
  margin-top: 30px;
}
.blocked-page .block-message form .radio-list-styled-wrapper label {
  font-size: 20px;
  font-weight: normal;
}
.blocked-page .block-message form .radio-list-styled-wrapper label:after {
  top: 10px !important;
}
.blocked-page .new-card-success-register {
  text-align: center;
}
.blocked-page .new-card-success-register .text {
  font-size: 16px;
  max-width: 500px;
  margin: 0 auto 40px auto;
}

@media (max-width: 999px) {
  body.personal-body {
    height: auto;
  }
}

html,
body {
  height: 100%;
  margin: 0;
}
html .personal-page-wrapper,
body .personal-page-wrapper {
  height: 100%;
}
html .personal-page-wrapper #main,
body .personal-page-wrapper #main {
  height: 100%;
}
html .personal-page-wrapper .main-content,
body .personal-page-wrapper .main-content {
  height: 100%;
}
html .personal-page-wrapper h1,
body .personal-page-wrapper h1 {
  font-size: 33px;
  font-weight: 800;
}
@media (max-width: 1399px) {
  html .personal-page-wrapper h1,
  body .personal-page-wrapper h1 {
    font-size: 30px;
  }
}
@media (max-width: 1399px) {
  html .personal-page-wrapper h1,
  body .personal-page-wrapper h1 {
    font-size: 25px;
  }
}
html .personal-page-wrapper h1 .count,
body .personal-page-wrapper h1 .count {
  font-size: 30px;
  color: #cbcbcb;
  text-transform: uppercase;
  margin-left: 9px;
}
@media (max-width: 999px) {
  html .personal-page-wrapper h1,
  body .personal-page-wrapper h1 {
    padding: 0 15px;
    font-size: 24px;
    margin: 0px;
    margin-bottom: 13px;
  }
}
html .personal-page-wrapper .main-personal-content,
body .personal-page-wrapper .main-personal-content {
  flex: 1 1 auto;
  padding-right: 110px;
}
@media (max-width: 1739px) {
  html .personal-page-wrapper .main-personal-content,
  body .personal-page-wrapper .main-personal-content {
    padding-right: 50px;
  }
}
@media (max-width: 1399px) {
  html .personal-page-wrapper .main-personal-content,
  body .personal-page-wrapper .main-personal-content {
    padding-right: 30px;
  }
}
@media (max-width: 1279px) {
  html .personal-page-wrapper .main-personal-content,
  body .personal-page-wrapper .main-personal-content {
    padding-right: 20px;
  }
}
@media (max-width: 999px) {
  html .personal-page-wrapper .main-personal-content,
  body .personal-page-wrapper .main-personal-content {
    padding: 0px;
    width: 100%;
    flex: 0 0 100%;
  }
}
html .personal-page-wrapper .main-personal-content .main-personal-content,
body .personal-page-wrapper .main-personal-content .main-personal-content {
  padding-right: 0px;
  margin-right: 30px;
}
@media (max-width: 999px) {
  html .personal-page-wrapper .main-personal-content .main-personal-content,
  body .personal-page-wrapper .main-personal-content .main-personal-content {
    margin-right: 0px;
  }
}
html .personal-page-wrapper .sidebar,
body .personal-page-wrapper .sidebar {
  flex: 0 0 350px;
  padding-right: 30px;
}
@media (max-width: 1399px) {
  html .personal-page-wrapper .sidebar,
  body .personal-page-wrapper .sidebar {
    flex: 0 0 300px;
  }
}
@media (max-width: 1279px) {
  html .personal-page-wrapper .sidebar,
  body .personal-page-wrapper .sidebar {
    flex: 0 0 250px;
  }
}
@media (max-width: 999px) {
  html .personal-page-wrapper .sidebar,
  body .personal-page-wrapper .sidebar {
    margin-top: 20px;
  }
}
@media all and (max-width: 1450px) {
  html .personal-page-wrapper .sidebar,
  body .personal-page-wrapper .sidebar {
    padding-right: 20px;
  }
}
@media all and (max-width: 1200px) {
  html .personal-page-wrapper .sidebar,
  body .personal-page-wrapper .sidebar {
    padding-right: 0px;
  }
}

.wrapper-main-page-dashboard {
  padding-top: 90px;
  height: 100%;
  width: 100%;
}
@media (max-width: 999px) {
  .wrapper-main-page-dashboard {
    padding-top: 20px;
  }
}
.wrapper-main-page-dashboard .wrapper-dashboard-content {
  height: 100%;
}
.wrapper-main-page-dashboard
  .wrapper-dashboard-content
  .personal-scrolled-wrapper {
  overflow-y: auto;
  padding: 58px 0 0 70px;
  height: 100%;
}
@media all and (max-width: 1100px) {
  .wrapper-main-page-dashboard
    .wrapper-dashboard-content
    .personal-scrolled-wrapper {
    padding: 20px 0 0 40px;
  }
}
@media (max-width: 999px) {
  .wrapper-main-page-dashboard
    .wrapper-dashboard-content
    .personal-scrolled-wrapper {
    padding: 0;
    overflow: visible;
  }
}
.wrapper-main-page-dashboard .wrapper-fix-position {
  width: 102px;
  float: left;
  display: inline-block;
  max-height: 100%;
  min-height: 100%;
}
@media (max-width: 999px) {
  .wrapper-main-page-dashboard .wrapper-fix-position {
    display: none;
  }
}
.wrapper-main-page-dashboard .wrapper-fix-position .wrapper-sidebar-menu {
  position: fixed;
  background-color: #f4f6f7;
  height: 100%;
}
.wrapper-main-page-dashboard
  .wrapper-fix-position
  .wrapper-sidebar-menu
  .list-menu
  .item-menu
  .link-menu {
  position: relative;
  display: inline-flex;
  border: none;
  width: 102px;
  height: 90px;
  padding: 0 9px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.wrapper-main-page-dashboard
  .wrapper-fix-position
  .wrapper-sidebar-menu
  .list-menu
  .item-menu
  .link-menu
  .name {
  display: block;
  margin-top: 9px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 10px;
  color: #4e79c0;
  line-height: 12px;
  text-align: center;
}
.wrapper-main-page-dashboard
  .wrapper-fix-position
  .wrapper-sidebar-menu
  .list-menu
  .item-menu
  .link-menu.active {
  border-right: 2px solid #314152;
  background-color: #e8eef1;
}
.wrapper-main-page-dashboard
  .wrapper-fix-position
  .wrapper-sidebar-menu
  .list-menu
  .item-menu
  .link-menu
  .count {
  display: inline-block;
  position: absolute;
  top: 12px;
  right: 28px;
  height: 18px;
  width: 18px;
  border-radius: 50%;
  background-color: #e26070;
  font-size: 10px;
  color: #ffffff;
  text-align: center;
  line-height: 18px;
}
.wrapper-main-page-dashboard .message-blocked-holder {
  text-align: center;
  font-size: 17px;
  color: black;
  border: 2px solid #fe5f5f;
  border-radius: 10px;
  background: #fff0f0;
  padding: 53px 20px 42px 20px;
  margin-bottom: 28px;
  position: relative;
}
.wrapper-main-page-dashboard .message-blocked-holder .title {
  font-size: 27px;
  margin-bottom: 20px;
}
.wrapper-main-page-dashboard .message-blocked-holder .message-red {
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
  top: -15px;
  left: 50%;
}
.wrapper-main-page-dashboard .message-blocked-holder .closer-container {
  position: absolute;
  right: 23px;
  top: 18px;
}
.wrapper-main-page-dashboard .message-blocked-holder .actions-holder-message {
  margin-top: 30px;
}

.list-transactions {
  margin-top: 16px;
}
.list-transactions .item {
  padding: 14px 0 16px 0;
  border-bottom: 1px solid #dbdbdb;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.list-transactions .item:last-child {
  border-bottom: none;
}
.list-transactions .item .wrapper-info {
  display: flex;
  align-items: center;
}
.list-transactions .item .wrapper-info .wrapper-place-image {
  display: inline-block;
  max-width: 50px;
}
@media (max-width: 1279px) {
  .list-transactions .item .wrapper-info .wrapper-place-image {
    display: none;
  }
}
.list-transactions .item .wrapper-info .info {
  display: inline-block;
  margin-left: 20px;
}
@media (max-width: 1279px) {
  .list-transactions .item .wrapper-info .info {
    margin-left: 0px;
  }
}
.list-transactions .item .wrapper-info .info .name {
  display: block;
  font-size: 15px;
  color: #000000;
  line-height: 16px;
}
@media (max-width: 1399px) {
  .list-transactions .item .wrapper-info .info .name {
    font-size: 14px;
  }
}
@media (max-width: 1279px) {
  .list-transactions .item .wrapper-info .info .name {
    font-size: 13px;
  }
}
.list-transactions .item .wrapper-info .info .address {
  margin-top: 4px;
  display: block;
  font-size: 13px;
  color: #b3b3b3;
}
.list-transactions .item .date {
  font-size: 15px;
  color: #000000;
  line-height: 16px;
}
.list-transactions .item .cost {
  color: #a7d27e;
  font-size: 23px;
}
@media (max-width: 1399px) {
  .list-transactions .item .cost {
    font-size: 18px;
  }
}
@media (max-width: 1279px) {
  .list-transactions .item .cost {
    font-size: 18px;
  }
}
.list-transactions .item .cost.red {
  color: #f24545;
}

.form-question-wrapper {
  margin-top: 30px;
}
.form-question-wrapper h2 {
  font-size: 37px;
}

.question-form {
  margin-top: 30px;
  padding: 29px 23px 30px 25px;
  background-color: #f4f6f7;
  border-radius: 10px;
  position: relative;
}
.question-form .wrapper-select {
  display: inline-block;
  padding: 12px 11px 13px 13px;
  width: 100%;
  background-color: #ffffff;
  border-radius: 3px;
  border: 1px solid #cbcbcb;
}
.question-form .wrapper-select select {
  border: none;
  background-color: transparent;
  width: 100%;
  height: auto;
  padding: 0px;
}
.question-form .types-container {
  margin-top: 27px;
}
.question-form .wrapper-input {
  margin-top: 14px;
  display: inline-block;
  height: 55px;
  background-color: #ffffff;
  border-radius: 3px;
  width: 100%;
}
.question-form button {
  margin-top: 30px;
}
.question-form .success-form-container .image-icon {
  width: 75.2px;
  height: 72px;
}
.question-form .success-form-container .text {
  font-size: 20px;
}
.question-form .success-form-container .success-info {
  margin-top: 30px;
}
.question-form .success-form-container .success-info b {
  font-weight: bold;
}

.wrapper-page-side-bar {
  width: 100%;
  display: flex;
  padding-bottom: 100px;
}
.wrapper-page-side-bar .wrapper-title {
  margin-top: 0px;
  margin-bottom: 30px;
  text-align: left;
}
.wrapper-page-side-bar .wrapper-title .title {
  font-size: 30px;
  color: #000000;
}
@media all and (max-width: 1100px) {
  .wrapper-page-side-bar .main-personal-content {
    min-width: 500px;
  }
}
@media all and (max-width: 1100px) {
  .wrapper-page-side-bar .sidebar {
    max-width: 300px;
  }
}
@media (max-width: 999px) {
  .wrapper-page-side-bar .sidebar {
    display: none;
  }
}

.login-page {
  position: relative;
}
.login-page:after {
  background: #314152 url("../images/backgrounds/register/background.jpg") 50% 0
    no-repeat;
  content: "";
  position: absolute;
  z-index: -1;
  height: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  pointer-events: none;
}
.login-page .centered {
  margin: 0 auto;
  float: none;
}
.login-page .wrapper-title {
  padding: 0 30px;
  font-size: 14px;
  margin-top: 125px;
}
.login-page .wrapper-title h1 {
  font-size: 35px;
}
.login-page .wrapper-login-form {
  background-color: #ffffff;
  border-radius: 10px;
  padding: 93px 97px 75px 98px;
  width: 471px;
  margin: 35px auto 0 auto;
}
.login-page .wrapper-login-form label {
  display: none;
}
.login-page .wrapper-login-form input {
  height: 55px;
  border-radius: 3px;
  border: 1px solid #cbcbcb;
  margin-bottom: 15px;
}
.login-page .wrapper-login-form input::-webkit-input-placeholder {
  color: #b3b3b3;
}
.login-page .wrapper-login-form input:-moz-placeholder {
  color: #b3b3b3;
}
.login-page .wrapper-login-form input::-moz-placeholder {
  color: #b3b3b3;
}
.login-page .wrapper-login-form input:-ms-input-placeholder {
  color: #b3b3b3;
}
.login-page .wrapper-login-form button {
  padding: 17px 37px;
  margin-top: 22px;
}
.login-page .wrapper-login-form .links-line {
  margin-top: 47px;
  display: flex;
  flex-wrap: wrap;
  text-align: center;
}
.login-page .wrapper-login-form .links-line a {
  display: inline-block;
  color: #719ac2;
  font-size: 14px;
  margin-bottom: 12px;
  flex: 0 0 100%;
}
.login-page .wrapper-login-form .form-step-first .name-list,
.login-page .wrapper-login-form .form-step-second .name-list {
  font-size: 14px;
  color: #bbbbbb;
  text-transform: uppercase;
}
.login-page
  .wrapper-login-form
  .form-step-first
  .wrapper-step-first
  .title-step,
.login-page
  .wrapper-login-form
  .form-step-first
  .wrapper-step-second
  .title-step,
.login-page
  .wrapper-login-form
  .form-step-second
  .wrapper-step-first
  .title-step,
.login-page
  .wrapper-login-form
  .form-step-second
  .wrapper-step-second
  .title-step {
  padding: 0 150px;
  display: flex;
}
.login-page
  .wrapper-login-form
  .form-step-first
  .wrapper-step-first
  .title-step
  .cricle,
.login-page
  .wrapper-login-form
  .form-step-first
  .wrapper-step-second
  .title-step
  .cricle,
.login-page
  .wrapper-login-form
  .form-step-second
  .wrapper-step-first
  .title-step
  .cricle,
.login-page
  .wrapper-login-form
  .form-step-second
  .wrapper-step-second
  .title-step
  .cricle {
  background-color: #fed45f;
  border-radius: 1000px;
  display: inline-flex;
  width: 57px;
  height: 57px;
  color: black;
  font-size: 30px;
  justify-content: center;
  align-items: center;
}
.login-page
  .wrapper-login-form
  .form-step-first
  .wrapper-step-first
  .title-step
  .name,
.login-page
  .wrapper-login-form
  .form-step-first
  .wrapper-step-second
  .title-step
  .name,
.login-page
  .wrapper-login-form
  .form-step-second
  .wrapper-step-first
  .title-step
  .name,
.login-page
  .wrapper-login-form
  .form-step-second
  .wrapper-step-second
  .title-step
  .name {
  margin-left: 22px;
  font-size: 35px;
}
.login-page
  .wrapper-login-form
  .form-step-first
  .wrapper-step-first
  .input-wrapper,
.login-page
  .wrapper-login-form
  .form-step-first
  .wrapper-step-second
  .input-wrapper,
.login-page
  .wrapper-login-form
  .form-step-second
  .wrapper-step-first
  .input-wrapper,
.login-page
  .wrapper-login-form
  .form-step-second
  .wrapper-step-second
  .input-wrapper {
  margin-top: 10px;
  width: 348px;
}
.login-page
  .wrapper-login-form
  .form-step-first
  .wrapper-step-first
  .wrapper-code,
.login-page
  .wrapper-login-form
  .form-step-first
  .wrapper-step-second
  .wrapper-code,
.login-page
  .wrapper-login-form
  .form-step-second
  .wrapper-step-first
  .wrapper-code,
.login-page
  .wrapper-login-form
  .form-step-second
  .wrapper-step-second
  .wrapper-code {
  margin: 56px 155px 0 150px;
  display: flex;
  justify-content: space-between;
  padding: 29px 42px 34px 42px;
  background-color: #f4f6f7;
}
.login-page
  .wrapper-login-form
  .form-step-first
  .wrapper-step-first
  .wrapper-code
  .wrapper-left-block,
.login-page
  .wrapper-login-form
  .form-step-first
  .wrapper-step-second
  .wrapper-code
  .wrapper-left-block,
.login-page
  .wrapper-login-form
  .form-step-second
  .wrapper-step-first
  .wrapper-code
  .wrapper-left-block,
.login-page
  .wrapper-login-form
  .form-step-second
  .wrapper-step-second
  .wrapper-code
  .wrapper-left-block {
  display: block;
}
.login-page
  .wrapper-login-form
  .form-step-first
  .wrapper-step-first
  .wrapper-code
  .wrapper-left-block
  .name,
.login-page
  .wrapper-login-form
  .form-step-first
  .wrapper-step-second
  .wrapper-code
  .wrapper-left-block
  .name,
.login-page
  .wrapper-login-form
  .form-step-second
  .wrapper-step-first
  .wrapper-code
  .wrapper-left-block
  .name,
.login-page
  .wrapper-login-form
  .form-step-second
  .wrapper-step-second
  .wrapper-code
  .wrapper-left-block
  .name {
  display: block;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.5);
}
.login-page
  .wrapper-login-form
  .form-step-first
  .wrapper-step-first
  .wrapper-code
  .wrapper-left-block
  .code,
.login-page
  .wrapper-login-form
  .form-step-first
  .wrapper-step-second
  .wrapper-code
  .wrapper-left-block
  .code,
.login-page
  .wrapper-login-form
  .form-step-second
  .wrapper-step-first
  .wrapper-code
  .wrapper-left-block
  .code,
.login-page
  .wrapper-login-form
  .form-step-second
  .wrapper-step-second
  .wrapper-code
  .wrapper-left-block
  .code {
  margin-top: 9px;
  width: 302px;
  height: 53px;
  font-size: 25px;
  color: #000000;
  padding: 15px 12px 15px 12px;
}
.login-page
  .wrapper-login-form
  .form-step-first
  .wrapper-step-first
  .wrapper-code
  .wrapper-right-block,
.login-page
  .wrapper-login-form
  .form-step-first
  .wrapper-step-second
  .wrapper-code
  .wrapper-right-block,
.login-page
  .wrapper-login-form
  .form-step-second
  .wrapper-step-first
  .wrapper-code
  .wrapper-right-block,
.login-page
  .wrapper-login-form
  .form-step-second
  .wrapper-step-second
  .wrapper-code
  .wrapper-right-block {
  max-width: 350px;
}
.login-page
  .wrapper-login-form
  .form-step-first
  .wrapper-step-first
  .wrapper-code
  .wrapper-right-block
  .name,
.login-page
  .wrapper-login-form
  .form-step-first
  .wrapper-step-second
  .wrapper-code
  .wrapper-right-block
  .name,
.login-page
  .wrapper-login-form
  .form-step-second
  .wrapper-step-first
  .wrapper-code
  .wrapper-right-block
  .name,
.login-page
  .wrapper-login-form
  .form-step-second
  .wrapper-step-second
  .wrapper-code
  .wrapper-right-block
  .name {
  display: block;
  font-weight: 600;
  font-size: 21px;
  color: #000000;
}
.login-page
  .wrapper-login-form
  .form-step-first
  .wrapper-step-first
  .wrapper-code
  .wrapper-right-block
  .repeat-time,
.login-page
  .wrapper-login-form
  .form-step-first
  .wrapper-step-second
  .wrapper-code
  .wrapper-right-block
  .repeat-time,
.login-page
  .wrapper-login-form
  .form-step-second
  .wrapper-step-first
  .wrapper-code
  .wrapper-right-block
  .repeat-time,
.login-page
  .wrapper-login-form
  .form-step-second
  .wrapper-step-second
  .wrapper-code
  .wrapper-right-block
  .repeat-time {
  display: block;
  margin-top: 10px;
  color: rgba(0, 0, 0, 0.5);
}
.login-page
  .wrapper-login-form
  .form-step-first
  .wrapper-step-first
  .wrapper-code
  .wrapper-right-block
  .lunk-send,
.login-page
  .wrapper-login-form
  .form-step-first
  .wrapper-step-second
  .wrapper-code
  .wrapper-right-block
  .lunk-send,
.login-page
  .wrapper-login-form
  .form-step-second
  .wrapper-step-first
  .wrapper-code
  .wrapper-right-block
  .lunk-send,
.login-page
  .wrapper-login-form
  .form-step-second
  .wrapper-step-second
  .wrapper-code
  .wrapper-right-block
  .lunk-send {
  display: inline-block;
  margin-top: 5px;
  font-size: 14px;
  color: #719ac2;
  border-bottom: 1px dashed #719ac2;
}
.login-page
  .wrapper-login-form
  .form-step-first
  .wrapper-step-first
  .content-block,
.login-page
  .wrapper-login-form
  .form-step-first
  .wrapper-step-second
  .content-block,
.login-page
  .wrapper-login-form
  .form-step-second
  .wrapper-step-first
  .content-block,
.login-page
  .wrapper-login-form
  .form-step-second
  .wrapper-step-second
  .content-block {
  display: flex;
  margin: 54px 217px 0 116px;
}
.login-page
  .wrapper-login-form
  .form-step-first
  .wrapper-step-first
  .content-block
  .wrapper-main-cart,
.login-page
  .wrapper-login-form
  .form-step-first
  .wrapper-step-second
  .content-block
  .wrapper-main-cart,
.login-page
  .wrapper-login-form
  .form-step-second
  .wrapper-step-first
  .content-block
  .wrapper-main-cart,
.login-page
  .wrapper-login-form
  .form-step-second
  .wrapper-step-second
  .content-block
  .wrapper-main-cart {
  margin-top: 41px;
  position: relative;
  width: 425px;
  height: 231px;
  background: url("../images/registr/cart.jpg");
  display: flex;
}
.login-page
  .wrapper-login-form
  .form-step-first
  .wrapper-step-first
  .content-block
  .wrapper-main-cart
  .input-wrapper,
.login-page
  .wrapper-login-form
  .form-step-first
  .wrapper-step-second
  .content-block
  .wrapper-main-cart
  .input-wrapper,
.login-page
  .wrapper-login-form
  .form-step-second
  .wrapper-step-first
  .content-block
  .wrapper-main-cart
  .input-wrapper,
.login-page
  .wrapper-login-form
  .form-step-second
  .wrapper-step-second
  .content-block
  .wrapper-main-cart
  .input-wrapper {
  margin-top: 103.5px;
  margin-left: 27px;
}
.login-page
  .wrapper-login-form
  .form-step-first
  .wrapper-step-first
  .content-block
  .wrapper-main-cart
  .input-wrapper.wrapper-front-side,
.login-page
  .wrapper-login-form
  .form-step-first
  .wrapper-step-second
  .content-block
  .wrapper-main-cart
  .input-wrapper.wrapper-front-side,
.login-page
  .wrapper-login-form
  .form-step-second
  .wrapper-step-first
  .content-block
  .wrapper-main-cart
  .input-wrapper.wrapper-front-side,
.login-page
  .wrapper-login-form
  .form-step-second
  .wrapper-step-second
  .content-block
  .wrapper-main-cart
  .input-wrapper.wrapper-front-side {
  width: 234px;
}
.login-page
  .wrapper-login-form
  .form-step-first
  .wrapper-step-first
  .content-block
  .wrapper-main-cart
  .input-wrapper.wrapper-back-side,
.login-page
  .wrapper-login-form
  .form-step-first
  .wrapper-step-second
  .content-block
  .wrapper-main-cart
  .input-wrapper.wrapper-back-side,
.login-page
  .wrapper-login-form
  .form-step-second
  .wrapper-step-first
  .content-block
  .wrapper-main-cart
  .input-wrapper.wrapper-back-side,
.login-page
  .wrapper-login-form
  .form-step-second
  .wrapper-step-second
  .content-block
  .wrapper-main-cart
  .input-wrapper.wrapper-back-side {
  margin-left: 50px;
  width: 86px;
}
.login-page
  .wrapper-login-form
  .form-step-first
  .wrapper-step-first
  .content-block
  .wrapper-list,
.login-page
  .wrapper-login-form
  .form-step-first
  .wrapper-step-second
  .content-block
  .wrapper-list,
.login-page
  .wrapper-login-form
  .form-step-second
  .wrapper-step-first
  .content-block
  .wrapper-list,
.login-page
  .wrapper-login-form
  .form-step-second
  .wrapper-step-second
  .content-block
  .wrapper-list {
  margin-left: 61px;
}
.login-page
  .wrapper-login-form
  .form-step-first
  .wrapper-step-first
  .content-block
  .wrapper-list
  .name-list,
.login-page
  .wrapper-login-form
  .form-step-first
  .wrapper-step-second
  .content-block
  .wrapper-list
  .name-list,
.login-page
  .wrapper-login-form
  .form-step-second
  .wrapper-step-first
  .content-block
  .wrapper-list
  .name-list,
.login-page
  .wrapper-login-form
  .form-step-second
  .wrapper-step-second
  .content-block
  .wrapper-list
  .name-list {
  text-transform: uppercase;
  font-size: 14px;
  color: #bbbbbb;
}
.login-page
  .wrapper-login-form
  .form-step-first
  .wrapper-step-first
  .content-block
  .wrapper-list
  .data-list,
.login-page
  .wrapper-login-form
  .form-step-first
  .wrapper-step-second
  .content-block
  .wrapper-list
  .data-list,
.login-page
  .wrapper-login-form
  .form-step-second
  .wrapper-step-first
  .content-block
  .wrapper-list
  .data-list,
.login-page
  .wrapper-login-form
  .form-step-second
  .wrapper-step-second
  .content-block
  .wrapper-list
  .data-list {
  margin-top: 10px;
}
.login-page
  .wrapper-login-form
  .form-step-first
  .wrapper-step-first
  .content-block
  .wrapper-list
  .data-list
  .input-wrapper,
.login-page
  .wrapper-login-form
  .form-step-first
  .wrapper-step-second
  .content-block
  .wrapper-list
  .data-list
  .input-wrapper,
.login-page
  .wrapper-login-form
  .form-step-second
  .wrapper-step-first
  .content-block
  .wrapper-list
  .data-list
  .input-wrapper,
.login-page
  .wrapper-login-form
  .form-step-second
  .wrapper-step-second
  .content-block
  .wrapper-list
  .data-list
  .input-wrapper {
  width: 348px;
  margin-bottom: 10px;
}
.login-page
  .wrapper-login-form
  .form-step-first
  .wrapper-step-first
  .content-address,
.login-page
  .wrapper-login-form
  .form-step-first
  .wrapper-step-second
  .content-address,
.login-page
  .wrapper-login-form
  .form-step-second
  .wrapper-step-first
  .content-address,
.login-page
  .wrapper-login-form
  .form-step-second
  .wrapper-step-second
  .content-address {
  margin: 0 224.5px 0 151.5px;
  border-top: 1px solid #dedede;
  margin-top: 55px;
  padding-bottom: 60.5px;
  border-bottom: 1px solid #dedede;
  display: flex;
  justify-content: flex-start;
}
.login-page
  .wrapper-login-form
  .form-step-first
  .wrapper-step-first
  .content-address
  .wrapper-address,
.login-page
  .wrapper-login-form
  .form-step-first
  .wrapper-step-first
  .content-address
  .wrapper-contact,
.login-page
  .wrapper-login-form
  .form-step-first
  .wrapper-step-second
  .content-address
  .wrapper-address,
.login-page
  .wrapper-login-form
  .form-step-first
  .wrapper-step-second
  .content-address
  .wrapper-contact,
.login-page
  .wrapper-login-form
  .form-step-second
  .wrapper-step-first
  .content-address
  .wrapper-address,
.login-page
  .wrapper-login-form
  .form-step-second
  .wrapper-step-first
  .content-address
  .wrapper-contact,
.login-page
  .wrapper-login-form
  .form-step-second
  .wrapper-step-second
  .content-address
  .wrapper-address,
.login-page
  .wrapper-login-form
  .form-step-second
  .wrapper-step-second
  .content-address
  .wrapper-contact {
  margin-top: 32px;
}
.login-page
  .wrapper-login-form
  .form-step-first
  .wrapper-step-first
  .content-address
  .wrapper-address
  .mail,
.login-page
  .wrapper-login-form
  .form-step-first
  .wrapper-step-first
  .content-address
  .wrapper-contact
  .mail,
.login-page
  .wrapper-login-form
  .form-step-first
  .wrapper-step-second
  .content-address
  .wrapper-address
  .mail,
.login-page
  .wrapper-login-form
  .form-step-first
  .wrapper-step-second
  .content-address
  .wrapper-contact
  .mail,
.login-page
  .wrapper-login-form
  .form-step-second
  .wrapper-step-first
  .content-address
  .wrapper-address
  .mail,
.login-page
  .wrapper-login-form
  .form-step-second
  .wrapper-step-first
  .content-address
  .wrapper-contact
  .mail,
.login-page
  .wrapper-login-form
  .form-step-second
  .wrapper-step-second
  .content-address
  .wrapper-address
  .mail,
.login-page
  .wrapper-login-form
  .form-step-second
  .wrapper-step-second
  .content-address
  .wrapper-contact
  .mail {
  margin-top: 10px;
}
.login-page
  .wrapper-login-form
  .form-step-first
  .wrapper-step-first
  .content-address
  .wrapper-address
  .input-row,
.login-page
  .wrapper-login-form
  .form-step-first
  .wrapper-step-first
  .content-address
  .wrapper-contact
  .input-row,
.login-page
  .wrapper-login-form
  .form-step-first
  .wrapper-step-second
  .content-address
  .wrapper-address
  .input-row,
.login-page
  .wrapper-login-form
  .form-step-first
  .wrapper-step-second
  .content-address
  .wrapper-contact
  .input-row,
.login-page
  .wrapper-login-form
  .form-step-second
  .wrapper-step-first
  .content-address
  .wrapper-address
  .input-row,
.login-page
  .wrapper-login-form
  .form-step-second
  .wrapper-step-first
  .content-address
  .wrapper-contact
  .input-row,
.login-page
  .wrapper-login-form
  .form-step-second
  .wrapper-step-second
  .content-address
  .wrapper-address
  .input-row,
.login-page
  .wrapper-login-form
  .form-step-second
  .wrapper-step-second
  .content-address
  .wrapper-contact
  .input-row {
  display: flex;
}
.login-page
  .wrapper-login-form
  .form-step-first
  .wrapper-step-first
  .content-address
  .wrapper-address
  .input-row
  .street,
.login-page
  .wrapper-login-form
  .form-step-first
  .wrapper-step-first
  .content-address
  .wrapper-contact
  .input-row
  .street,
.login-page
  .wrapper-login-form
  .form-step-first
  .wrapper-step-second
  .content-address
  .wrapper-address
  .input-row
  .street,
.login-page
  .wrapper-login-form
  .form-step-first
  .wrapper-step-second
  .content-address
  .wrapper-contact
  .input-row
  .street,
.login-page
  .wrapper-login-form
  .form-step-second
  .wrapper-step-first
  .content-address
  .wrapper-address
  .input-row
  .street,
.login-page
  .wrapper-login-form
  .form-step-second
  .wrapper-step-first
  .content-address
  .wrapper-contact
  .input-row
  .street,
.login-page
  .wrapper-login-form
  .form-step-second
  .wrapper-step-second
  .content-address
  .wrapper-address
  .input-row
  .street,
.login-page
  .wrapper-login-form
  .form-step-second
  .wrapper-step-second
  .content-address
  .wrapper-contact
  .input-row
  .street {
  width: 215px;
}
.login-page
  .wrapper-login-form
  .form-step-first
  .wrapper-step-first
  .content-address
  .wrapper-address
  .input-row
  .house,
.login-page
  .wrapper-login-form
  .form-step-first
  .wrapper-step-first
  .content-address
  .wrapper-contact
  .input-row
  .house,
.login-page
  .wrapper-login-form
  .form-step-first
  .wrapper-step-second
  .content-address
  .wrapper-address
  .input-row
  .house,
.login-page
  .wrapper-login-form
  .form-step-first
  .wrapper-step-second
  .content-address
  .wrapper-contact
  .input-row
  .house,
.login-page
  .wrapper-login-form
  .form-step-second
  .wrapper-step-first
  .content-address
  .wrapper-address
  .input-row
  .house,
.login-page
  .wrapper-login-form
  .form-step-second
  .wrapper-step-first
  .content-address
  .wrapper-contact
  .input-row
  .house,
.login-page
  .wrapper-login-form
  .form-step-second
  .wrapper-step-second
  .content-address
  .wrapper-address
  .input-row
  .house,
.login-page
  .wrapper-login-form
  .form-step-second
  .wrapper-step-second
  .content-address
  .wrapper-contact
  .input-row
  .house {
  margin-left: 10px;
  width: 123px;
}
.login-page
  .wrapper-login-form
  .form-step-first
  .wrapper-step-first
  .content-address
  .wrapper-contact,
.login-page
  .wrapper-login-form
  .form-step-first
  .wrapper-step-second
  .content-address
  .wrapper-contact,
.login-page
  .wrapper-login-form
  .form-step-second
  .wrapper-step-first
  .content-address
  .wrapper-contact,
.login-page
  .wrapper-login-form
  .form-step-second
  .wrapper-step-second
  .content-address
  .wrapper-contact {
  margin-left: 101px;
}
.login-page
  .wrapper-login-form
  .form-step-first
  .wrapper-step-first
  .wrapper-button,
.login-page
  .wrapper-login-form
  .form-step-first
  .wrapper-step-second
  .wrapper-button,
.login-page
  .wrapper-login-form
  .form-step-second
  .wrapper-step-first
  .wrapper-button,
.login-page
  .wrapper-login-form
  .form-step-second
  .wrapper-step-second
  .wrapper-button {
  margin: 53.5px 150px 0 150px;
}
.login-page
  .wrapper-login-form
  .form-step-first
  .wrapper-step-first
  .wrapper-secret-data,
.login-page
  .wrapper-login-form
  .form-step-first
  .wrapper-step-second
  .wrapper-secret-data,
.login-page
  .wrapper-login-form
  .form-step-second
  .wrapper-step-first
  .wrapper-secret-data,
.login-page
  .wrapper-login-form
  .form-step-second
  .wrapper-step-second
  .wrapper-secret-data {
  margin: 50px 210px 0 154px;
  display: flex;
  justify-content: space-between;
}
.login-page
  .wrapper-login-form
  .form-step-first
  .wrapper-step-first
  .wrapper-secret-data
  .help,
.login-page
  .wrapper-login-form
  .form-step-first
  .wrapper-step-second
  .wrapper-secret-data
  .help,
.login-page
  .wrapper-login-form
  .form-step-second
  .wrapper-step-first
  .wrapper-secret-data
  .help,
.login-page
  .wrapper-login-form
  .form-step-second
  .wrapper-step-second
  .wrapper-secret-data
  .help {
  margin-top: 18px;
  display: inline-block;
  max-width: 348px;
  font-style: italic;
  font-size: 13px;
  color: #a7a7a7;
  line-height: 18px;
}
.login-page
  .wrapper-login-form
  .form-step-first
  .wrapper-step-first
  .wrapper-checkbox-list,
.login-page
  .wrapper-login-form
  .form-step-first
  .wrapper-step-second
  .wrapper-checkbox-list,
.login-page
  .wrapper-login-form
  .form-step-second
  .wrapper-step-first
  .wrapper-checkbox-list,
.login-page
  .wrapper-login-form
  .form-step-second
  .wrapper-step-second
  .wrapper-checkbox-list {
  margin: 65px 200px 0 159px;
}
.login-page
  .wrapper-login-form
  .form-step-first
  .wrapper-step-first
  .wrapper-checkbox-list
  .checkbox-row,
.login-page
  .wrapper-login-form
  .form-step-first
  .wrapper-step-second
  .wrapper-checkbox-list
  .checkbox-row,
.login-page
  .wrapper-login-form
  .form-step-second
  .wrapper-step-first
  .wrapper-checkbox-list
  .checkbox-row,
.login-page
  .wrapper-login-form
  .form-step-second
  .wrapper-step-second
  .wrapper-checkbox-list
  .checkbox-row {
  display: flex;
}
.login-page
  .wrapper-login-form
  .form-step-first
  .wrapper-step-first
  .wrapper-checkbox-list
  .checkbox-row
  .content-row,
.login-page
  .wrapper-login-form
  .form-step-first
  .wrapper-step-second
  .wrapper-checkbox-list
  .checkbox-row
  .content-row,
.login-page
  .wrapper-login-form
  .form-step-second
  .wrapper-step-first
  .wrapper-checkbox-list
  .checkbox-row
  .content-row,
.login-page
  .wrapper-login-form
  .form-step-second
  .wrapper-step-second
  .wrapper-checkbox-list
  .checkbox-row
  .content-row {
  margin-bottom: 19px;
  margin-left: 14px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.5);
  line-height: 19px;
}
.login-page
  .wrapper-login-form
  .form-step-first
  .wrapper-step-first
  .wrapper-checkbox-list
  .checkbox-row
  .content-row
  .link,
.login-page
  .wrapper-login-form
  .form-step-first
  .wrapper-step-second
  .wrapper-checkbox-list
  .checkbox-row
  .content-row
  .link,
.login-page
  .wrapper-login-form
  .form-step-second
  .wrapper-step-first
  .wrapper-checkbox-list
  .checkbox-row
  .content-row
  .link,
.login-page
  .wrapper-login-form
  .form-step-second
  .wrapper-step-second
  .wrapper-checkbox-list
  .checkbox-row
  .content-row
  .link {
  color: #719ac2;
}
.login-page .wrapper-login-form .form-step-second {
  margin-top: 116px;
}

.transfer-page h1 {
  margin-bottom: 37px;
}

.transfer-page.accept {
  max-width: none;
}

.transfer-page .wrapper-form {
  font-size: 0px;
}
.transfer-page .wrapper-form .left-holder,
.transfer-page .wrapper-form .right-holder {
  display: inline-block;
  position: relative;
  width: 371px;
  vertical-align: top;
}
@media (max-width: 700px) {
  .transfer-page .wrapper-form .left-holder,
  .transfer-page .wrapper-form .right-holder {
    width: 100%;
  }
}
.transfer-page .wrapper-form .right-holder {
  -webkit-transform: translateX(-94px) translateY(77px);
  -moz-transform: translateX(-94px) translateY(77px);
  -o-transform: translateX(-94px) translateY(77px);
  transform: translateX(-94px) translateY(77px);
  z-index: 2;
}
@media (max-width: 700px) {
  .transfer-page .wrapper-form .right-holder {
    -webkit-transform: translateX(0px) translateY(0px);
    -moz-transform: translateX(0px) translateY(0px);
    -o-transform: translateX(0px) translateY(0px);
    transform: translateX(0px) translateY(0px);
  }
}
.transfer-page .wrapper-form .right-holder .form-holder {
  background: #f4f6f7;
  padding: 40px;
  border-radius: 10px;
}
@media (max-width: 700px) {
  .transfer-page .wrapper-form .right-holder .form-holder {
    padding: 20px 12px;
  }
}
.transfer-page .wrapper-form .right-holder .form-holder button {
  margin: 0px;
}
.transfer-page .wrapper-form .left-holder .card-info-holder {
  background: #e6ebed;
  border-radius: 10px;
  padding: 35px 125px 36px 34px;
  margin-bottom: 21px;
}
@media (max-width: 700px) {
  .transfer-page .wrapper-form .left-holder .card-info-holder {
    padding: 20px 12px;
  }
}
.transfer-page .wrapper-form .left-holder .card-info-holder .input {
  background: #f4f6f7;
  padding: 11px 54px 13px 11px;
  border-radius: 3px;
}
.transfer-page .wrapper-form .left-holder .card-info-holder .input .label {
  color: #b3b3b3;
  font-size: 11px;
}
.transfer-page .wrapper-form .left-holder .card-info-holder .input .value {
  font-size: 15px;
  color: #000000;
}
.transfer-page .wrapper-form .left-holder .card-info-holder .balance {
  font-size: 30px;
  font-weight: 300;
  margin-top: 30px;
}
.transfer-page .wrapper-form .left-holder .card-info-holder .balance .label {
  font-size: 15px;
  margin-bottom: 2px;
}
.transfer-page .wrapper-form .left-holder .radio-list-styled-wrapper {
  padding-left: 30px;
}
.transfer-page .wrapper-form .left-holder .line-holder {
  padding-left: 103px;
}
@media (max-width: 700px) {
  .transfer-page .wrapper-form .left-holder .line-holder {
    margin: 0 auto;
    text-align: center;
    padding-left: 0px;
  }
}
.transfer-page .wrapper-form .left-holder .line-holder .line {
  background: #fed45f;
  display: inline-block;
  width: 2px;
  height: 19px;
}
@media (max-width: 700px) {
  .transfer-page .wrapper-form .left-holder .line-holder .line {
    margin: 0 auto;
  }
}
.transfer-page .wrapper-form .left-holder .line-holder .line-arrow {
  display: inline-block;
  width: 120px;
  height: 29px;
  background: transparent url("../images/icons/arrow-left.png") 50% 50%
    no-repeat;
  background-size: contain;
  margin-top: 12px;
}
@media (max-width: 700px) {
  .transfer-page .wrapper-form .left-holder .line-holder .line-arrow {
    height: 5px;
  }
}
@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) {
  .transfer-page .wrapper-form .left-holder .line-holder .line-arrow {
    background: transparent url("../images/icons/arrow-left-2x.png") 50% 50%
      no-repeat;
    background-size: cover;
  }
}

.transfer-page.accept .wrapper-form {
  background: #f4f6f7;
  color: #000000;
  font-size: 14px;
  padding: 40px 37px 40px 37px;
  border-radius: 10px;
}
@media (max-width: 700px) {
  .transfer-page.accept .wrapper-form {
    padding: 20px 12px;
  }
}
.transfer-page.accept .wrapper-form .title {
  margin-bottom: 25px;
}
.transfer-page.accept .wrapper-form .left-holder-form {
  width: 250px;
  display: inline-block;
  margin-right: 50px;
  vertical-align: top;
}
@media (max-width: 700px) {
  .transfer-page.accept .wrapper-form .left-holder-form {
    width: 100%;
  }
}
.transfer-page.accept .wrapper-form .right-holder-form {
  width: 295px;
  display: inline-block;
  vertical-align: top;
}
@media (max-width: 700px) {
  .transfer-page.accept .wrapper-form .right-holder-form {
    width: 100%;
  }
}
.transfer-page.accept .wrapper-form .right-holder-form .title {
  font-size: 21px;
  font-weight: 300;
  margin-bottom: 9px;
}
.transfer-page.accept .wrapper-form .right-holder-form .description-holder {
  color: #7b7c7c;
  margin-bottom: 4px;
}
.transfer-page.accept .wrapper-form .right-holder-form .link-repeat-holder a {
  color: #719ac2;
  border-bottom: 1px dashed;
  display: inline-block;
}

.transfer-page.accept .buttons-row {
  margin-top: 30px;
}

.transfer-page .note-holder {
  font-size: 13px;
  color: black;
  margin-bottom: 20px;
}
.transfer-page .note-holder span,
.transfer-page .note-holder i {
  display: inline-block;
  vertical-align: middle;
}
.transfer-page .note-holder span {
  width: 255px;
  margin-left: 5px;
}

.feedback-page {
  text-align: center;
}
.feedback-page i {
  margin-bottom: 30px;
}
.feedback-page .success-text {
  font-size: 14px;
  line-height: 16px;
  color: black;
  margin-top: 30px;
}

.recovery-page {
  padding: 0 50px;
}
.recovery-page .hide {
  display: none;
}
.recovery-page .title {
  font-size: 17px;
  line-height: 16px;
  margin-bottom: 15px;
}

.article-page h2 {
  text-transform: uppercase;
  font-size: 20px;
  line-height: 24px;
  margin: 30px 0px;
}

.article-page br {
  line-height: 30px;
}

.partners-page {
  background-image: url("../images/promo/bg-body-map.jpg");
  background-size: cover;
  background-position: center top;
  min-height: 100%;
  padding-bottom: 100px;
  font-family: Proxima, sans-serif;
}
@media (max-width: 700px) {
  .partners-page {
    padding-bottom: 0px;
  }
}
.partners-page .wrapper-header {
  margin-top: 45px;
  margin-bottom: 25px;
}
@media (max-width: 999px) {
  .partners-page .wrapper-header {
    margin-bottom: 0;
    margin-top: 0;
  }
  .partners-page .wrapper-header .wrapper-logo {
    width: 100px;
  }
}
.partners-page .holder-title .title {
  font-size: 32px;
}
@media (min-width: 0px) and (max-width: 700px) {
  .partners-page .holder-title .title {
    font-size: 17px;
  }
}
.partners-page .title {
  font-family: Proxima, sans-serif;
  color: #000000;
}
.partners-page .wrapper-map {
  margin: 0 auto;
  max-width: 1702px;
  background-color: #ffffff;
  padding: 34px 70px 94px;
}
@media (max-width: 1279px) {
  .partners-page .wrapper-map {
    padding: 18px;
  }
}
.partners-page .wrapper-map .holder-title {
  font-size: 43px;
  font-weight: 600;
  text-align: center;
  padding-bottom: 53px;
}
@media (max-width: 1279px) {
  .partners-page .wrapper-map .holder-title {
    padding-bottom: 30px;
  }
}
@media (max-width: 700px) {
  .partners-page .wrapper-map .holder-title {
    padding-bottom: 20px;
  }
}
.partners-page .wrapper-map .button-row {
  text-align: center;
}
.partners-page .wrapper-map .button-row .button {
  padding: 11px 20px;
  font-weight: normal;
  margin-top: 20px;
}
.partners-page .wrapper-map .holder-map {
  display: flex;
  position: relative;
  flex-direction: column;
}
@media (min-width: 0px) and (max-width: 700px) {
  .partners-page .wrapper-map .holder-map {
    margin: 0 -18px;
  }
}
.partners-page .wrapper-map .holder-map .search {
  position: absolute;
  top: 9px;
  left: 6px;
  z-index: 2;
}
@media (min-width: 0px) and (max-width: 700px) {
  .partners-page .wrapper-map .holder-map .search {
    top: 3px;
    z-index: 3;
  }
}
.partners-page .wrapper-map .holder-map .search .zoom {
  display: inline-block;
  position: absolute;
  cursor: pointer;
  width: 25px;
  height: 25px;
  top: 50%;
  right: 7px;
  background: transparent url("../images/promo/search-icon.svg") no-repeat
    center;
  border: none;
  transform: translateY(-50%);
}
.partners-page .wrapper-map .holder-map .search input {
  padding: 0 41px 0 21px;
  width: 332px;
  height: 43px;
  border: none;
  background: #ffffff;
  box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.18);
  font-size: 17px;
  color: #6c6b6c;
}
@media (min-width: 0px) and (max-width: 700px) {
  .partners-page .wrapper-map .holder-map .search input {
    width: 310px;
  }
}
.partners-page .wrapper-map .holder-map .wrapper-address {
  display: block;
  position: absolute;
  width: 332px;
  max-height: 465px;
  min-height: 200px;
  top: 63px;
  left: 6px;
  background: #ffffff;
  z-index: 2;
  overflow-y: scroll;
  padding-bottom: 30px;
}
@media (min-width: 0px) and (max-width: 700px) {
  .partners-page .wrapper-map .holder-map .wrapper-address {
    position: relative;
    max-height: 100%;
    min-height: auto;
    top: 0;
    padding: 0px;
    width: auto;
  }
}
.partners-page .wrapper-map .holder-map .wrapper-address .addresses {
  margin-bottom: 20px;
}
@media (min-width: 0px) and (max-width: 700px) {
  .partners-page .wrapper-map .holder-map .wrapper-address .addresses {
    max-height: 360px;
    width: 100%;
    top: 46px;
    position: static;
    order: 3;
  }
}
.partners-page
  .wrapper-map
  .holder-map
  .wrapper-address
  .addresses
  .addresses-list {
  display: flex;
  padding: 0 24px 0 7px;
  flex-direction: column;
}
.partners-page
  .wrapper-map
  .holder-map
  .wrapper-address
  .addresses
  .addresses-list
  .addresses-item {
  border-bottom: 1px solid rgba(117, 117, 117, 0.3);
}
.partners-page
  .wrapper-map
  .holder-map
  .wrapper-address
  .addresses
  .addresses-list
  .addresses-item.hidden {
  display: none;
}
@media (max-width: 700px) {
  .partners-page
    .wrapper-map
    .holder-map
    .wrapper-address
    .addresses
    .addresses-list
    .addresses-item.active
    .addresses-item-wrapper:after {
    -webkit-transform: translateY(-50%) rotate(-180deg);
    -moz-transform: translateY(-50%) rotate(-180deg);
    -o-transform: translateY(-50%) rotate(-180deg);
    transform: translateY(-50%) rotate(-180deg);
  }
}
.partners-page
  .wrapper-map
  .holder-map
  .wrapper-address
  .addresses
  .addresses-list
  .addresses-item
  .addresses-item-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 13px 5px 15px 19px;
  flex-direction: row;
  align-items: center;
  user-select: none;
}
@media (max-width: 700px) {
  .partners-page
    .wrapper-map
    .holder-map
    .wrapper-address
    .addresses
    .addresses-list
    .addresses-item
    .addresses-item-wrapper {
    padding-left: 0px;
    position: relative;
  }
  .partners-page
    .wrapper-map
    .holder-map
    .wrapper-address
    .addresses
    .addresses-list
    .addresses-item
    .addresses-item-wrapper:after {
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 26px;
    height: 26px;
    border: 2px solid black;
    border-radius: 25px;
    background: transparent url("../images/icons/arrow-down-2x.png") 50% 50%
      no-repeat;
    background-size: 10px auto;
    opacity: 0.4;
  }
}
.partners-page
  .wrapper-map
  .holder-map
  .wrapper-address
  .addresses
  .addresses-list
  .addresses-item
  .icon {
  display: block;
  width: 25px;
  height: 25px;
  margin-right: 8px;
  flex: 0 0 40px;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.partners-page
  .wrapper-map
  .holder-map
  .wrapper-address
  .addresses
  .addresses-list
  .addresses-item
  .text {
  display: inline-block;
  font-size: 15px;
  color: #000000;
  letter-spacing: 0;
}
.partners-page
  .wrapper-map
  .holder-map
  .wrapper-address
  .addresses
  .addresses-list
  .addresses-item
  .text
  .name {
  display: block;
  width: 100%;
}
.partners-page
  .wrapper-map
  .holder-map
  .wrapper-address
  .addresses
  .addresses-list
  .addresses-item
  .text
  .address {
  display: block;
  width: 100%;
}
@media (max-width: 700px) {
  .partners-page
    .wrapper-map
    .holder-map
    .wrapper-address
    .addresses
    .addresses-list
    .addresses-item
    .text {
    padding-right: 50px;
  }
}
.partners-page .wrapper-map .map {
  width: 100%;
  height: 660px;
}
@media (min-width: 0px) and (max-width: 700px) {
  .partners-page .wrapper-map .map {
    height: 400px;
  }
}
.partners-page .wrapper-map .ymaps-2-1-68-balloon {
  border: none;
  box-shadow: none;
}
.partners-page .wrapper-map .ymaps-2-1-68-balloon__tail {
  box-shadow: none;
  border: none;
  background: transparent;
}
.partners-page .wrapper-map .ymaps-2-1-68-balloon__layout {
  border-radius: 5px;
}
.partners-page .wrapper-map .ymaps-2-1-68-balloon__content {
  padding: 25px 0 33px 33px;
  margin-right: 30px;
}
.partners-page .wrapper-map .baloon-data {
  display: flex;
  flex-direction: column;
  border-radius: 5px;
  width: 300px;
}
@media (max-width: 700px) {
  .partners-page .wrapper-map .baloon-data {
    width: auto;
  }
}
.partners-page .wrapper-map .baloon-data > * {
  font-family: Proxima, sans-serif;
}
.partners-page .wrapper-map .baloon-data .baloon-content {
  display: flex;
  flex-direction: column;
}
.partners-page .wrapper-map .baloon-data .baloon-content .vertical {
  display: flex;
  padding: 0 10px 13px 0;
  flex-direction: column;
  background: transparent;
}
@media (min-width: 0px) and (max-width: 700px) {
  .partners-page .wrapper-map .baloon-data .baloon-content .vertical {
    margin-left: 0px;
    padding-right: 40px;
  }
}
.partners-page .wrapper-map .baloon-data .baloon-content .vertical .item {
  font-weight: 500;
  font-size: 13px;
  color: #000000;
  line-height: 12px;
}
.partners-page
  .wrapper-map
  .baloon-data
  .baloon-content
  .vertical
  .name-holder {
  font-size: 17px;
  line-height: 21px;
}
.partners-page
  .wrapper-map
  .baloon-data
  .baloon-content
  .vertical
  .working-time {
  margin: 12px 0 0 0;
}
.partners-page
  .wrapper-map
  .baloon-data
  .baloon-content
  .vertical
  .address-holder {
  margin: 12px 0 0 0;
}
.partners-page .wrapper-map .baloon-data .baloon-content .vertical .banks {
  margin: 12px 0 0 0;
  font-size: 13px;
  color: #000000;
  line-height: 12px;
}
.partners-page .wrapper-map .baloon-data .baloon-content .partner-features {
  border-top: 1px solid #b2b0b0;
  padding: 13px 0 17px 20px;
}
@media (min-width: 0px) and (max-width: 700px) {
  .partners-page .wrapper-map .baloon-data .baloon-content .partner-features {
    padding-right: 40px;
    padding-left: 15px;
  }
}
.partners-page
  .wrapper-map
  .baloon-data
  .baloon-content
  .partner-features
  .partner-item {
  position: relative;
  line-height: 1.1;
}
.partners-page
  .wrapper-map
  .baloon-data
  .baloon-content
  .partner-features
  .partner-item:not(:last-child) {
  margin: 0 0 14px 0;
}
.partners-page
  .wrapper-map
  .baloon-data
  .baloon-content
  .partner-features
  .partner-item:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 6px;
  height: 6px;
  background: #ea335b;
  border-radius: 50%;
  top: 4px;
  left: -14px;
}
.partners-page .wrapper-map .ymaps-2-1-73-balloon {
  position: relative;
  width: 300px;
  transform: translateY(calc(100% - 15px)) translateX(20px);
  margin: 0 auto;
  overflow: hidden;
  border-radius: 5px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.32);
  /**
        Кружок!
       */
  /**
        Тень от кружка!
       */
}
.partners-page .wrapper-map .ymaps-2-1-73-balloon:after {
  content: "";
  position: absolute;
  left: 20px;
  top: 20px;
  border-radius: 100%;
  width: 73px;
  height: 73px;
  box-shadow: 0px 0px 0px 2000px rgba(255, 255, 255, 0.9);
}
.partners-page .wrapper-map .ymaps-2-1-73-balloon:before {
  content: "";
  position: absolute;
  display: block;
  left: 20px;
  top: 20px;
  border-radius: 100%;
  width: 73px;
  height: 73px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.32);
}
.partners-page .wrapper-map .ymaps-2-1-73-balloon > * {
  background: transparent;
}
.partners-page
  .wrapper-map
  .ymaps-2-1-73-balloon
  .ymaps-2-1-73-balloon__content {
  background: transparent;
  padding: 0 !important;
  margin: 0 !important;
}
.partners-page
  .wrapper-map
  .ymaps-2-1-73-balloon
  .ymaps-2-1-73-balloon__content
  > ymaps {
  width: 300px !important;
}
.partners-page
  .wrapper-map
  .ymaps-2-1-73-balloon
  .ymaps-2-1-73-balloon__content
  > * {
  overflow: visible !important;
}
.partners-page .wrapper-map .ymaps-2-1-73-balloon .ymaps-2-1-73-balloon__tail {
  display: none;
}
.partners-page .wrapper-map .ymaps-2-1-73-controls__bottom {
  display: none;
}
.partners-page .wrapper-filter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
@media (max-width: 1279px) {
  .partners-page .wrapper-filter {
    margin: 0 0 14px 0;
  }
}
.partners-page .wrapper-filter .cats-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  flex-wrap: wrap;
}
@media (max-width: 1399px) {
  .partners-page .wrapper-filter .cats-list {
    justify-content: flex-end;
    max-width: 100%;
  }
}
@media (max-width: 999px) {
  .partners-page .wrapper-filter .cats-list {
    flex-wrap: nowrap;
  }
}
.partners-page .wrapper-filter .label {
  display: inline-block;
  margin: 0 20px 0 0;
  font-size: 18px;
  letter-spacing: 0.22px;
  color: #333333;
}
@media (min-width: 1280px) and (max-width: 1399px) {
  .partners-page .wrapper-filter .label {
    font-size: 17px;
  }
}
@media (max-width: 1279px) {
  .partners-page .wrapper-filter .label {
    font-size: 16px;
    padding: 0 0 0 4%;
  }
}
.partners-page .wrapper-filter .item {
  margin-right: 28px;
}
@media (max-width: 1399px) {
  .partners-page .wrapper-filter .item {
    margin-right: 20px;
  }
}
@media (max-width: 999px) {
  .partners-page .wrapper-filter .item {
    margin-right: 10px;
  }
}
.partners-page .wrapper-filter .item.category {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  width: 163px;
  height: 50px;
  padding: 14px 20px 13px 20px;
  border-radius: 25px;
  text-align: center;
  justify-content: center;
  align-items: center;
  border: 1px solid #395aab;
  background: transparent;
  white-space: nowrap;
}
.partners-page .wrapper-filter .item.category:last-child {
  margin-right: 0;
}
@media (max-width: 1399px) {
  .partners-page .wrapper-filter .item.category {
    width: 150px;
    height: 40px;
  }
  .partners-page .wrapper-filter .item.category:last-child {
    margin-right: 0;
  }
}
@media (min-width: 701px) and (max-width: 999px) {
  .partners-page .wrapper-filter .item.category {
    width: 123px;
    height: 40px;
    white-space: normal;
  }
}
.partners-page .wrapper-filter .item.category.active,
.partners-page .wrapper-filter .item.category:active,
.partners-page .wrapper-filter .item.category:hover {
  background: #005fa8;
}
.partners-page .wrapper-filter .item.category.active .name,
.partners-page .wrapper-filter .item.category:active .name,
.partners-page .wrapper-filter .item.category:hover .name {
  color: #ffffff;
}
.partners-page .wrapper-filter .item.category .name {
  font-size: 18px;
  color: #000000;
  line-height: calc(22 / 18);
}
@media (min-width: 1280px) and (max-width: 1399px) {
  .partners-page .wrapper-filter .item.category .name {
    font-size: 17px;
  }
}
@media (max-width: 1279px) {
  .partners-page .wrapper-filter .item.category .name {
    font-size: 16px;
  }
}
.partners-page .cats-list-mobile {
  width: 100%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
  -moz-box-flex: 0;
  -moz-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  position: relative;
  margin-top: 10px;
  padding-top: 15px;
  border-top: 1px solid #49417a;
}
.partners-page .cats-list-mobile .title {
  font-weight: bold;
}
.partners-page .cats-list-mobile .partner-field {
  position: relative;
  right: 0;
}
.partners-page .cats-list-mobile .partner-field .partner-field-wrapper-list {
  width: calc(100vw - 35px);
}
.partners-page .cats-list-mobile .partner-field .partner-field-label {
  display: inline-block;
  border-radius: 0px;
}
.partners-page .cats-list-mobile .partner-field .partner-field-dropper-item {
  border-radius: 0px;
}
.partners-page .wrapper-partners {
  padding-top: 88px;
  max-width: 898px;
  margin: 0 auto;
  padding-bottom: 60px;
}
@media (min-width: 0px) and (max-width: 700px) {
  .partners-page .wrapper-partners {
    padding-top: 50px;
  }
}
.partners-page .wrapper-partners .title {
  font-size: 32px;
  color: #333333;
  letter-spacing: 0.4px;
  text-align: center;
  margin-bottom: 26px;
}
@media (min-width: 0px) and (max-width: 700px) {
  .partners-page .wrapper-partners .title {
    font-size: 23px;
  }
}
.partners-page .wrapper-partners .partners .wrapper-partner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  padding-top: 25px;
  padding-bottom: 5px;
}
.partners-page .wrapper-partners .partners .wrapper-partner:not(:last-child) {
  border-bottom: 1px solid #d1d1d1;
}
@media (min-width: 0px) and (max-width: 700px) {
  .partners-page .wrapper-partners .partners .wrapper-partner {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.partners-page .wrapper-partners .partners .wrapper-partner .item:nth-child(1),
.partners-page .wrapper-partners .partners .wrapper-partner .item:nth-child(3) {
  width: 206px;
}
@media (min-width: 701px) and (max-width: 999px) {
  .partners-page
    .wrapper-partners
    .partners
    .wrapper-partner
    .item:nth-child(1),
  .partners-page
    .wrapper-partners
    .partners
    .wrapper-partner
    .item:nth-child(3) {
    padding: 0 10px;
  }
}
.partners-page .wrapper-partners .partners .wrapper-partner .item:nth-child(2) {
  width: 265px;
}
@media (min-width: 701px) and (max-width: 999px) {
  .partners-page
    .wrapper-partners
    .partners
    .wrapper-partner
    .item:nth-child(2) {
    padding: 0 10px;
  }
}
@media (min-width: 0px) and (max-width: 700px) {
  .partners-page .wrapper-partners .partners .wrapper-partner .item {
    width: 100% !important;
  }
  .partners-page
    .wrapper-partners
    .partners
    .wrapper-partner
    .item:nth-child(2) {
    margin: 20px 0 0;
  }
}
.partners-page .wrapper-partners .partners .wrapper-partner .item .logo img {
  max-width: 70px;
}
.partners-page .wrapper-partners .partners .wrapper-partner .item .name {
  font-size: 16px;
  font-weight: 600;
  color: #333333;
}
.partners-page .wrapper-partners .partners .wrapper-partner .item .list .item {
  font-size: 14px;
  line-height: 16px;
  position: relative;
  padding-left: 14px;
  margin-bottom: 20px;
}
.partners-page
  .wrapper-partners
  .partners
  .wrapper-partner
  .item
  .list
  .item:after {
  content: "";
  width: 6px;
  height: 6px;
  background-color: #ea335b;
  border-radius: 100%;
  position: absolute;
  top: 3px;
  left: 0;
}
.partners-page .wrapper-partners .partners .wrapper-partner .item .address {
  padding-left: 14px;
  font-size: 14px;
  line-height: 16px;
  position: relative;
}
.partners-page
  .wrapper-partners
  .partners
  .wrapper-partner
  .item
  .address:after {
  content: "";
  background-image: url(https://bonus-globus.ru/img/ico.png);
  width: 10px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
}
.partners-page .tabs-container {
  width: 100%;
}
.partners-page .tabs-container .tabs-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  align-items: center;
}
.partners-page .tabs-container .tabs-title .title {
  font-weight: bold;
}
.partners-page .tabs-container .tabs-title .tabs-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.partners-page .tabs-container .tabs-title .tabs-list li a {
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  background: #949494;
  padding: 9px 15px;
  display: block;
  color: #ffffff;
}
.partners-page .tabs-container .tabs-title .tabs-list li a.active {
  background: #3e408e;
}
@media (min-width: 0px) and (max-width: 700px) {
  .partners-page .holder-map {
    position: relative;
  }
  .partners-page .holder-map [data-tab] {
    position: absolute !important;
    visibility: hidden;
    z-index: -1;
    pointer-events: none;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
  }
  .partners-page .holder-map [data-tab][data-tab-active] {
    position: static !important;
    visibility: visible;
    z-index: 1;
    pointer-events: auto;
  }
}

.service-center-page .service-register {
  margin-top: 30px;
  background-color: #ffffff;
  padding: 40px 0 30px 0;
}
.service-center-page
  .service-register
  .form-step-first
  .wrapper-step-first
  .content-block {
  margin: 0px;
  width: 100%;
  max-width: 100%;
}
.service-center-page
  .service-register
  .form-step-first
  .wrapper-step-first
  .content-block
  .wrapper-list {
  margin: 0 auto;
}
.service-center-page
  .service-register
  .form-step-first
  .wrapper-step-first
  .wrapper-button {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}
.service-center-page
  .service-register
  .form-step-first
  .wrapper-step-first
  .wrapper-button
  button.button {
  margin: 0px;
}

.service-center-page .find-form {
  width: 100%;
  margin-bottom: 50px !important;
}
@media (min-width: 1280px) {
  .service-center-page .find-form {
    width: 100%;
    margin: 0 auto;
  }
}
.service-center-page .find-form .row-inputs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -10px;
}
.service-center-page .find-form .row-inputs .form-field-default-wrapper {
  padding: 0 10px;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.service-center-page .find-form .heading {
  font-size: 20px;
  margin-bottom: 20px;
}

.service-center-page .add-user-page {
  max-width: 1400px;
  margin: 0 auto;
}
.service-center-page .add-user-page .title-step {
  margin-bottom: 20px;
}
.service-center-page .add-user-page .title-step .cricle {
  width: 40px;
  height: 40px;
  display: inline-block;
  text-align: center;
  line-height: 38px;
  border: 1px solid black;
  border-radius: 40px;
  font-size: 20px;
  font-weight: bold;
  font-style: italic;
}
.service-center-page .add-user-page .title-step .name {
  display: inline-block;
  font-size: 20px;
  margin-left: 10px;
}

.service-center-page .wrapper-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  margin-top: 0px;
  background-image: linear-gradient(
    110deg,
    #d03e55 0%,
    #50287f 30%,
    #1b64a7 81%,
    #0f74c5 100%
  );
  height: 80px;
  padding: 0 30px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
}
@media (min-width: 1280px) {
  .service-center-page .wrapper-header {
    min-width: 1024px;
  }
}

.service-center-page .service-center-wrapper {
  padding: 30px 30px 40px 0px;
}
@media (max-width: 999px) {
  .service-center-page .service-center-wrapper {
    padding: 0px 0px 40px 0px;
  }
}
.service-center-page .service-center-wrapper .content-service {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 999px) {
  .service-center-page .service-center-wrapper .content-service {
    flex-direction: column;
  }
}
.service-center-page .service-center-wrapper .content-service .column-aside {
  width: 102px;
  background-color: #f4f6f7;
  position: fixed;
  top: 80px;
  left: 0;
  bottom: 0;
}
@media (max-width: 999px) {
  .service-center-page .service-center-wrapper .content-service .column-aside {
    width: 100%;
    position: static;
    margin-top: 80px;
  }
}
@media (max-width: 999px) {
  .service-center-page
    .service-center-wrapper
    .content-service
    .column-aside
    .list-items {
    display: flex;
    justify-content: space-around;
  }
  .service-center-page
    .service-center-wrapper
    .content-service
    .column-aside
    .list-items
    li {
    flex: 1 1 auto;
  }
}
.service-center-page
  .service-center-wrapper
  .content-service
  .column-aside
  .list-items
  a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  height: 90px;
  padding: 0 10px;
  margin-bottom: 10px;
}
@media (max-width: 999px) {
  .service-center-page
    .service-center-wrapper
    .content-service
    .column-aside
    .list-items
    a {
    margin-bottom: 0px;
  }
}
.service-center-page
  .service-center-wrapper
  .content-service
  .column-aside
  .list-items
  a.active {
  border-right: 2px solid #314152;
  background-color: #e8eef1;
}
@media (max-width: 999px) {
  .service-center-page
    .service-center-wrapper
    .content-service
    .column-aside
    .list-items
    a.active {
    border-right: none;
    border-bottom: 2px solid #314152;
  }
}
.service-center-page
  .service-center-wrapper
  .content-service
  .column-aside
  .list-items
  a
  .name {
  margin-top: 9px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 10px;
  color: #4e79c0;
  line-height: 12px;
  text-align: center;
}
.service-center-page .service-center-wrapper .content-service .column-content {
  padding-left: calc(102px + 30px);
  padding-top: 80px;
  flex: 1 1 100%;
}
@media (max-width: 999px) {
  .service-center-page
    .service-center-wrapper
    .content-service
    .column-content {
    padding-left: 0px;
    padding-top: 20px;
  }
}
@media (min-width: 1280px) {
  .service-center-page
    .service-center-wrapper
    .content-service
    .column-content {
    min-width: 1024px;
  }
}

.service-center-page .wrapper-logo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  width: 100px;
}

.service-center-page .back {
  margin-left: 30px;
  display: none;
}
@media (max-width: 999px) {
  .service-center-page .back {
    display: none;
  }
}
.service-center-page .back a {
  color: #ffffff;
  font-weight: 500;
  font-size: 16px;
  white-space: nowrap;
}

.service-center-page .block-heading {
  color: #ffffff;
  padding: 0 20px;
}
.service-center-page .block-heading h1 {
  font-size: 2.2em;
  line-height: 1.1;
  white-space: nowrap;
}
@media (max-width: 999px) {
  .service-center-page .block-heading h1 {
    font-size: 14px;
  }
}

.service-center-page table:not(.questions-table) {
  width: 100%;
  table-layout: auto;
}
@media (max-width: 1279px) {
  .service-center-page table:not(.questions-table) {
    table-layout: fixed;
    margin-top: 40px;
  }
}
.service-center-page table:not(.questions-table) tr:nth-child(2n) td {
  /* background: #F7F7F7; */
}
.service-center-page table:not(.questions-table) td,
.service-center-page table:not(.questions-table) th {
  padding: 10px 12px;
  text-align: left;
}
@media (max-width: 999px) {
  .service-center-page table:not(.questions-table) td,
  .service-center-page table:not(.questions-table) th {
    font-size: 10px;
    padding: 10px 8px;
  }
  .service-center-page table:not(.questions-table) td:nth-child(5),
  .service-center-page table:not(.questions-table) th:nth-child(5) {
    display: none;
  }
}
.service-center-page table:not(.questions-table) th {
  text-transform: uppercase;
}
.service-center-page table:not(.questions-table) td {
  font-size: 14px;
  vertical-align: middle;
}
@media (max-width: 999px) {
  .service-center-page table:not(.questions-table) td {
    font-size: 10px;
  }
}
.service-center-page table:not(.questions-table) td b {
  font-weight: bold;
}
.service-center-page table:not(.questions-table) .no-wrap {
  white-space: nowrap;
}
.service-center-page table:not(.questions-table) .actions {
  text-align: right;
}
.service-center-page table:not(.questions-table) .actions a {
  display: inline-block;
  margin: 0 5px;
}

.service-center-page .pagination-block {
  text-align: center;
  margin-top: 30px;
}
.service-center-page .pagination-block .pagination-list {
  display: inline-block;
}
.service-center-page .pagination-block .pagination-list li {
  display: inline-block;
}
.service-center-page .pagination-block .pagination-list li.active a {
  background: #0f74c5;
  color: #ffffff;
}
.service-center-page .pagination-block .pagination-list li a {
  font-size: 20px;
  padding: 5px 10px;
}

.service-center-page .flash-messages-block {
  position: static;
}
.service-center-page .flash-messages-block .success {
  padding: 0 20px;
  margin-bottom: 20px;
}

.service-center-page .filter-form {
  margin-top: 0px;
}

.service-center-page .wrapper-transactions-page .wrapper-title {
  margin-bottom: 40px;
}

.service-center-page .description-heading {
  padding: 5px 10px;
  background: #50287f;
  color: #ffffff;
  border-radius: 10px;
  margin-bottom: 20px;
}

.service-center-page .radio-list-styled-wrapper {
  width: 45%;
  display: inline-block;
}

.service-center-wrapper .radio-list-styled-wrapper {
  display: inline-block;
  width: 45%;
}

.service-center-page .before-content {
  margin: 20px 0px;
}
.service-center-page .before-content .finder-params {
  margin: 20px 0px;
  background: #f7f7f7;
  width: 400px;
}
.service-center-page .before-content .finder-params li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 12px;
  border-bottom: 1px solid #c0c0c0;
}
.service-center-page .before-content .finder-params li:last-child {
  border-bottom: transparent;
}
.service-center-page .before-content .finder-params li .label {
  width: 200px;
}
.service-center-page .before-content .finder-params li .value {
  font-weight: 500;
}

.detail-user heading {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.detail-user heading h1 {
  font-size: 30px;
}

.detail-user .user-info-list {
  margin-top: 20px;
}
.detail-user .user-info-list li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  padding: 8px 15px 8px 15px;
}
.detail-user .user-info-list li:nth-child(2n) {
  background: #f7f7f7;
}
.detail-user .user-info-list li .value {
  font-weight: 500;
}

.filter-form-service {
  margin-bottom: 30px;
}
.filter-form-service .form-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -20px;
}
.filter-form-service .form-wrapper .form-field {
  flex: 0 0 25%;
  padding: 0 20px;
  width: 25%;
}
.filter-form-service .form-wrapper .form-field .radio-list li {
  white-space: nowrap;
  display: flex;
  margin-right: 10px;
}
.filter-form-service .form-wrapper .form-field .radio-list li label {
  margin-left: 5px;
}
.filter-form-service .button-row {
  display: flex;
  justify-content: flex-end;
}
.filter-form-service .button-row .button:first-child {
  margin-right: 20px;
}

.about-page {
  padding: 0 0 115px 0;
  position: relative;
}
@media (min-width: 1280px) and (max-width: 1399px) {
  .about-page {
    padding: 0 0 70px 0;
  }
}
.about-page .row-wider {
  max-width: 1800px;
}
.about-page .heading-bg {
  display: block;
  width: 100%;
  height: 650px;
  background-image: url("../../images/about/heading-bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
@media (min-width: 1400px) and (max-width: 1739px) {
  .about-page .heading-bg {
    height: 600px;
  }
}
@media (min-width: 1280px) and (max-width: 1399px) {
  .about-page .heading-bg {
    height: 530px;
  }
}
@media (min-width: 1000px) and (max-width: 1279px) {
  .about-page .heading-bg {
    height: 530px;
  }
}
@media (min-width: 701px) and (max-width: 999px) {
  .about-page .heading-bg {
    height: 450px;
  }
}
@media (min-width: 0px) and (max-width: 700px) {
  .about-page .heading-bg {
    height: 500px;
  }
}
.about-page .heading {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 650px;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  color: rgba(255, 255, 255, 0.9);
  text-align: left;
}
@media (min-width: 1400px) and (max-width: 1739px) {
  .about-page .heading {
    height: 600px;
  }
}
@media (min-width: 1280px) and (max-width: 1399px) {
  .about-page .heading {
    height: 530px;
  }
}
@media (max-width: 1279px) {
  .about-page .heading {
    height: 530px;
  }
}
@media (min-width: 701px) and (max-width: 999px) {
  .about-page .heading {
    height: 450px;
  }
}
@media (min-width: 0px) and (max-width: 700px) {
  .about-page .heading {
    height: 500px;
    flex-direction: column;
    justify-content: flex-start;
  }
}
.about-page .heading .heading-title {
  font-size: 50px;
  line-height: 1;
}
@media (min-width: 1400px) and (max-width: 1739px) {
  .about-page .heading .heading-title {
    font-size: 40px;
  }
}
@media (min-width: 1280px) and (max-width: 1399px) {
  .about-page .heading .heading-title {
    font-size: 36px;
  }
}
@media (max-width: 1279px) {
  .about-page .heading .heading-title {
    font-size: 33px;
  }
}
@media (min-width: 701px) and (max-width: 999px) {
  .about-page .heading .heading-title {
    font-size: 32px;
  }
}
@media (min-width: 0px) and (max-width: 700px) {
  .about-page .heading .heading-title {
    font-size: 25px;
  }
}
.about-page .heading .left-part {
  width: 50%;
  padding: 135px 0 0 0;
}
@media (min-width: 1280px) and (max-width: 1399px) {
  .about-page .heading .left-part {
    padding: 100px 0 0 0;
  }
}
@media (min-width: 1000px) and (max-width: 1279px) {
  .about-page .heading .left-part {
    padding: 100px 0 0 0;
  }
}
@media (max-width: 999px) {
  .about-page .heading .left-part {
    width: 60%;
    padding: 70px 0 0 0;
  }
}
@media (min-width: 0px) and (max-width: 700px) {
  .about-page .heading .left-part {
    width: 100%;
    margin-bottom: 15px;
    padding: 20px 0 0 0;
  }
}
.about-page .heading .left-part .heading-title {
  font-weight: 400 !important;
}
.about-page .heading .left-part .heading-text-larger {
  margin: 14px 0 0 0;
  font-weight: 400 !important;
  font-size: 75px;
  white-space: nowrap;
}
@media (min-width: 1400px) and (max-width: 1739px) {
  .about-page .heading .left-part .heading-text-larger {
    font-size: 60px;
  }
}
@media (min-width: 1280px) and (max-width: 1399px) {
  .about-page .heading .left-part .heading-text-larger {
    font-size: 55px;
  }
}
@media (max-width: 1279px) {
  .about-page .heading .left-part .heading-text-larger {
    font-size: 48px;
  }
}
@media (min-width: 701px) and (max-width: 999px) {
  .about-page .heading .left-part .heading-text-larger {
    font-size: 44px;
  }
}
@media (min-width: 0px) and (max-width: 700px) {
  .about-page .heading .left-part .heading-text-larger {
    font-size: 31px;
  }
}
@media (max-width: 1739px) {
  .about-page .heading .left-part .heading-text-larger {
    margin: 0;
  }
}
.about-page .heading .left-part .button {
  display: flex;
  width: 217px;
  height: 50px;
  margin: 46px 0 0 0;
  padding: 0;
  justify-content: center;
  align-items: center;
}
@media (min-width: 1000px) and (max-width: 1279px) {
  .about-page .heading .left-part .button {
    margin: 30px 0 0 0;
  }
}
@media (min-width: 0px) and (max-width: 700px) {
  .about-page .heading .left-part .button {
    margin: 15px 0 0 0;
    width: 200px;
    height: 45px;
  }
}
.about-page .heading .right-part {
  width: 50%;
}
@media (max-width: 999px) {
  .about-page .heading .right-part {
    width: 40%;
    transform: translateX(-52px);
  }
}
@media (min-width: 0px) and (max-width: 700px) {
  .about-page .heading .right-part {
    width: 100%;
    transform: none;
  }
}
.about-page .heading .right-part .images-wrapper {
  display: block;
  position: relative;
  height: 100%;
  width: 100%;
}
@media (min-width: 1400px) and (max-width: 1739px) {
  .about-page .heading .right-part .images-wrapper {
    transform: scale(0.8);
  }
}
@media (min-width: 1280px) and (max-width: 1399px) {
  .about-page .heading .right-part .images-wrapper {
    transform: scale(0.75);
    transform-origin: top center;
  }
}
@media (max-width: 1279px) {
  .about-page .heading .right-part .images-wrapper {
    transform: scale(0.7);
    transform-origin: top left;
  }
}
@media (min-width: 701px) and (max-width: 999px) {
  .about-page .heading .right-part .images-wrapper {
    transform: scale(0.6);
    transform-origin: 30% 10%;
  }
}
@media (min-width: 0px) and (max-width: 700px) {
  .about-page .heading .right-part .images-wrapper {
    transform: none;
  }
}
.about-page .heading .right-part .images-wrapper .heading-image {
  display: block;
  position: absolute;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.about-page .heading .right-part .images-wrapper .heading-image.card {
  width: 304px;
  height: 301px;
  left: 0;
  bottom: 170px;
  background-image: url("../../images/about/heading-card.png");
  z-index: 9;
}
@media (max-width: 999px) {
  .about-page .heading .right-part .images-wrapper .heading-image.card {
    left: 92px;
    bottom: 38px;
  }
}
@media (min-width: 0px) and (max-width: 700px) {
  .about-page .heading .right-part .images-wrapper .heading-image.card {
    width: 225px;
    height: 225px;
    top: 48px;
    left: 20px;
    zoom: 80%;
  }
}
.about-page .heading .right-part .images-wrapper .heading-image.circle {
  width: 416px;
  height: 411px;
  right: 73px;
  background-image: url("../../images/about/heading-circle.png");
  z-index: 7;
}
.about-page .heading .right-part .images-wrapper .heading-image.iphone {
  width: 449px;
  height: 532px;
  background-image: url("../../images/about/heading-iphone.png");
  z-index: 8;
}
@media (min-width: 0px) and (max-width: 700px) {
  .about-page .heading .right-part .images-wrapper .heading-image.iphone {
    top: 0;
    left: 0;
    zoom: 45%;
  }
}
.about-page .heading .right-part .images-wrapper .heading-image.play {
  width: 220px;
  height: 219px;
  right: 0;
  bottom: 204px;
  background-image: url("../../images/about/heading-play.png");
  z-index: 6;
}
.about-page .heading .right-part .images-wrapper .heading-image.store {
  width: 250px;
  height: 248px;
  right: 94px;
  bottom: 148px;
  background-image: url("../../images/about/heading-store.png");
  z-index: 8;
}
.about-page .first-block-text {
  margin: 80px 0 0 0;
  font-size: 22px;
  color: #000000;
  text-align: left;
  line-height: calc(32 / 22);
}
@media (min-width: 1400px) and (max-width: 1739px) {
  .about-page .first-block-text {
    margin: 64px 0 0 0;
    font-size: 20px;
  }
}
@media (min-width: 1280px) and (max-width: 1399px) {
  .about-page .first-block-text {
    margin: 20px 0 0 0;
    font-size: 19px;
  }
}
@media (max-width: 1279px) {
  .about-page .first-block-text {
    margin: 0;
    font-size: 18px;
  }
}
.about-page .first-block-text a {
  color: #479ae9;
  text-decoration: underline;
}
.about-page .about-block.first {
  margin: 144px 0 0 0;
}
@media (min-width: 1400px) and (max-width: 1739px) {
  .about-page .about-block.first {
    margin: 120px 0 0 0;
  }
}
@media (min-width: 1280px) and (max-width: 1399px) {
  .about-page .about-block.first {
    margin: 100px 0 0 0;
  }
}
@media (min-width: 1000px) and (max-width: 1279px) {
  .about-page .about-block.first {
    margin: 80px 0 0 0;
  }
}
@media (max-width: 999px) {
  .about-page .about-block.first {
    margin: 70px 0 0 0;
  }
}
.about-page .about-block.first .pros {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 0 -2%;
}
@media (max-width: 1279px) {
  .about-page .about-block.first .pros {
    margin: 0 -3%;
  }
}
@media (max-width: 999px) {
  .about-page .about-block.first .pros {
    flex-wrap: wrap;
  }
}
.about-page .about-block.first .pros .item-row {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
@media (min-width: 0px) and (max-width: 700px) {
  .about-page .about-block.first .pros .item-row {
    justify-content: flex-start;
    flex-direction: column;
  }
}
.about-page .about-block.first .pros .item-row .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 46%;
  margin: 2%;
  padding: 45px 2% 20px 2%;
  border-radius: 15px;
  background: #ffffff;
}
@media (max-width: 1739px) {
  .about-page .about-block.first .pros .item-row .item {
    padding: 0 2% 20px 2%;
  }
}
@media (max-width: 1279px) {
  .about-page .about-block.first .pros .item-row .item {
    margin: 1%;
  }
}
@media (max-width: 1279px) {
  .about-page .about-block.first .pros .item-row .item {
    padding: 30px 2% 20px 2%;
  }
}
@media (min-width: 1400px) and (max-width: 1739px) {
  .about-page .about-block.first .pros .item-row .item:nth-child(2n) {
    margin-right: 0;
  }
}
@media (max-width: 999px) {
  .about-page .about-block.first .pros .item-row .item {
    width: 100%;
    height: auto;
    margin: 4% 0;
    padding: 0;
  }
}
.about-page .about-block.first .pros .item-row .item .svg-icon {
  margin: 12px 24px 0 0;
  flex: 0 0 90px;
}
@media (max-width: 1279px) {
  .about-page .about-block.first .pros .item-row .item .svg-icon {
    zoom: 0.8;
  }
}
@media (max-width: 999px) {
  .about-page .about-block.first .pros .item-row .item .svg-icon {
    zoom: 0.5;
    margin-top: -10px;
  }
}
.about-page .about-block.first .pros .item-row .item .text-content {
  display: flex;
  flex-direction: column;
}
.about-page .about-block.first .pros .item-row .item .text-content .title {
  margin: 21px 0 0 0;
  font-weight: 500;
  font-size: 16px;
  color: #000000;
  line-height: 19px;
  text-align: center;
}
@media (max-width: 999px) {
  .about-page .about-block.first .pros .item-row .item .text-content .title {
    font-size: 14px;
    height: 40px;
    line-height: 1.2;
    display: flex;
    align-items: center;
  }
}
.about-page
  .about-block.first
  .pros
  .item-row
  .item
  .text-content
  .description {
  margin: 18px 0 0 0;
  font-size: 14px;
  color: #1a1919;
  text-align: left;
  line-height: 18px;
}
.about-page
  .about-block.first
  .pros
  .item-row
  .item
  .text-content
  .description
  ul {
  font-size: 12px;
  font-weight: bold;
  list-style: disc;
  padding-left: 20px;
  margin: 10px 0px 0px 0px;
}
@media (max-width: 999px) {
  .about-page
    .about-block.first
    .pros
    .item-row
    .item
    .text-content
    .description {
    margin: 8px 0 0 0;
    font-size: 13px;
  }
}
.about-page .about-block.register {
  margin: 70px 0 0 0;
}
.about-page .about-block.register .about-block-description {
  margin: 0 0 45px 0;
}
.about-page .about-block.dont-have-card {
  margin: 30px 0 90px 0;
}
@media (min-width: 701px) and (max-width: 999px) {
  .about-page .about-block.dont-have-card {
    margin: 30px 0 60px 0;
  }
}
.about-page .about-block.spend {
  margin: 110px 0;
}
@media (min-width: 1280px) and (max-width: 1399px) {
  .about-page .about-block.spend {
    margin: 70px 0;
  }
}
@media (max-width: 1279px) {
  .about-page .about-block.spend {
    margin: 70px 0;
  }
}
.about-page .about-block.spend .orange-large-text {
  margin: 40px 0 0 0;
}
.about-page .about-block.spend .bonus-rouble-image {
  display: block;
  margin: 40px auto 30px auto;
  width: 291px;
  height: 101px;
  background: url("../../images/about/bonus-rouble.png") center
    center no-repeat;
}
@media (min-width: 0px) and (max-width: 700px) {
  .about-page .about-block.spend .bonus-rouble-image {
    width: 250px;
    height: 87px;
    background-size: contain;
  }
}
.about-page .about-block.block-card .ticks-list {
  margin: 60px 0 0 0;
}
@media (max-width: 1279px) {
  .about-page .about-block.block-card .ticks-list {
    margin: 40px 0 0 0;
  }
}
.about-page .about-block .center-disclaimer {
  width: 100%;
  margin: 60px 0 0 0;
  font-size: 12px;
  color: #4a4a4a;
  text-align: center;
  line-height: calc(18 / 12);
}
.about-page .about-block .about-block-title {
  font-size: 32px;
  color: #000000;
  text-align: center;
  font-weight: 600;
  line-height: calc(40 / 32);
}
@media (max-width: 1279px) {
  .about-page .about-block .about-block-title {
    font-size: 28px;
  }
}
.about-page .about-block .about-block-title.large-margin-bottom {
  margin-bottom: 80px;
}
@media (min-width: 1400px) and (max-width: 1739px) {
  .about-page .about-block .about-block-title.large-margin-bottom {
    margin-bottom: 64px;
  }
}
@media (max-width: 1399px) {
  .about-page .about-block .about-block-title.large-margin-bottom {
    margin-bottom: 50px;
  }
}
@media (min-width: 701px) and (max-width: 999px) {
  .about-page .about-block .about-block-title.large-margin-bottom {
    margin-bottom: 40px;
  }
}
@media (min-width: 0px) and (max-width: 700px) {
  .about-page .about-block .about-block-title.large-margin-bottom {
    margin-bottom: 40px;
  }
}
.about-page .about-block .about-block-title.small-margin-bottom {
  margin-bottom: 40px;
}
@media (min-width: 1400px) and (max-width: 1739px) {
  .about-page .about-block .about-block-title.small-margin-bottom {
    margin-bottom: 32px;
  }
}
@media (max-width: 1399px) {
  .about-page .about-block .about-block-title.small-margin-bottom {
    margin-bottom: 32px;
  }
}
.about-page .about-block .about-block-description {
  font-size: 15px;
  color: #1c1b1a;
  text-align: left;
  line-height: calc(18 / 15);
}
.about-page .about-block .about-block-orange-bg {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 24px 25px;
  background: #ff6738;
  font-weight: 500;
}
@media (max-width: 1279px) {
  .about-page .about-block .about-block-orange-bg {
    padding: 18px 15px;
  }
}
.about-page .about-block .about-block-orange-bg .title {
  font-size: 32px;
  color: #ffffff;
  text-align: left;
  line-height: calc(25 / 32);
}
@media (max-width: 1279px) {
  .about-page .about-block .about-block-orange-bg .title {
    font-size: 29px;
  }
}
.about-page .about-block .about-block-orange-bg .subtitle {
  margin: 18px 0 0 0;
  font-size: 20px;
  color: #ffffff;
  text-align: left;
  line-height: calc(24 / 20);
}
@media (max-width: 1739px) {
  .about-page .about-block .about-block-orange-bg .subtitle {
    font-size: 18px;
  }
}
@media (max-width: 1279px) {
  .about-page .about-block .about-block-orange-bg .subtitle {
    font-size: 14px;
  }
}
.about-page .about-block .about-block-blue-bg {
  display: block;
  width: 100%;
  background: #94c8ff;
}
.about-page .about-block .about-block-blue-bg .wrapper {
  display: flex;
  width: 100%;
  flex-direction: row;
}
@media (min-width: 0px) and (max-width: 700px) {
  .about-page .about-block .about-block-blue-bg .wrapper {
    flex-direction: column;
  }
}
.about-page .about-block .about-block-blue-bg.fixed-height {
  height: 433px;
}
@media (max-width: 999px) {
  .about-page .about-block .about-block-blue-bg.fixed-height {
    height: 475px;
  }
}
.about-page .about-block .about-block-blue-bg.fixed-height .wrapper {
  height: 433px;
}
@media (max-width: 999px) {
  .about-page .about-block .about-block-blue-bg.fixed-height .wrapper {
    height: 475px;
    overflow-y: hidden;
  }
}
.about-page .about-block .about-block-blue-bg .left-part {
  display: flex;
  position: relative;
  flex-direction: column;
  padding: 62px 0 73px 0;
  z-index: 2;
}
@media (min-width: 701px) and (max-width: 999px) {
  .about-page .about-block .about-block-blue-bg .left-part {
    padding: 44px 0;
  }
}
@media (min-width: 0px) and (max-width: 700px) {
  .about-page .about-block .about-block-blue-bg .left-part {
    padding: 20px 0;
  }
  .about-page .about-block .about-block-blue-bg .left-part .about-block-title {
    margin-bottom: 16px;
  }
}
.about-page .about-block .about-block-blue-bg .right-part {
  display: block;
  position: relative;
  width: 100%;
  padding: 112px 0 0 0;
  z-index: 1;
}
.about-page .about-block .about-block-blue-bg .right-part .phone-container {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}
@media (min-width: 1400px) and (max-width: 1739px) {
  .about-page .about-block .about-block-blue-bg .right-part .phone-container {
    transform: translateX(140px);
  }
}
@media (min-width: 701px) and (max-width: 999px) {
  .about-page .about-block .about-block-blue-bg .right-part .phone-container {
    transform: scale(0.65) translateX(70px);
    transform-origin: bottom right;
  }
}
.about-page
  .about-block
  .about-block-blue-bg
  .right-part
  .phone-container
  .phone-w-card {
  display: inline-block;
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
}
.about-page
  .about-block
  .about-block-blue-bg
  .right-part
  .phone-container
  .phone-w-card.card {
  width: 353px;
  height: 265px;
  right: 0;
  bottom: 20px;
  background-image: url("../../images/about/card-rotated.png");
  z-index: 2;
}
@media (min-width: 0px) and (max-width: 700px) {
  .about-page
    .about-block
    .about-block-blue-bg
    .right-part
    .phone-container
    .phone-w-card.card {
    width: 250px;
    height: 188px;
  }
}
.about-page
  .about-block
  .about-block-blue-bg
  .right-part
  .phone-container
  .phone-w-card.phone {
  width: 290px;
  height: 321px;
  right: 0;
  bottom: 0;
  background-image: url("../../images/about/phone.png");
  z-index: 1;
}
@media (min-width: 0px) and (max-width: 700px) {
  .about-page
    .about-block
    .about-block-blue-bg
    .right-part
    .phone-container
    .phone-w-card.phone {
    width: 200px;
    height: 221px;
  }
}
.about-page .about-block .about-block-image-items {
  display: flex;
  width: 56%;
  margin: 0 auto;
  flex-direction: row;
  justify-content: space-between;
}
@media (min-width: 701px) and (max-width: 999px) {
  .about-page .about-block .about-block-image-items {
    width: 70%;
  }
}
@media (min-width: 0px) and (max-width: 700px) {
  .about-page .about-block .about-block-image-items {
    width: 100%;
    flex-direction: column;
    justify-content: flex-start;
  }
}
.about-page .about-block .about-block-image-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 0px) and (max-width: 700px) {
  .about-page .about-block .about-block-image-item:not(:last-child) {
    margin-bottom: 20px;
  }
}
.about-page .about-block .about-block-image-item .about-block-image-item-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 44px;
}
.about-page .about-block .about-block-image-item .about-block-image-item-text {
  margin: 25px 0 0 0;
  text-align: center;
}
.about-page .svg-icon {
  display: inline-block;
  width: 88px;
  height: 88px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.about-page .svg-icon.gift {
  background-image: url("../images/messages/first-message/gift.svg");
}
.about-page .svg-icon.lk {
  background-image: url("../images/messages/first-message/lk.svg");
}
.about-page .svg-icon.pay-bonus {
  background-image: url("../images/messages/first-message/pay-bonus.svg");
}
.about-page .svg-icon.percent {
  background-image: url("../images/messages/first-message/percent.svg");
}
.about-page .svg-icon.piggy {
  background-image: url("../images/messages/first-message/piggy.svg");
}
.about-page .svg-icon.privilege {
  background-image: url("../images/messages/first-message/privilege.svg");
}
.about-page .svg-icon.girl {
  width: 42px;
  height: 42px;
  background-image: url("../../images/about/girl.svg");
}
.about-page .svg-icon.phone {
  width: 51px;
  height: 51px;
  background-image: url("../../images/about/phone.svg");
}
.about-page .svg-icon.register {
  width: 64px;
  height: 64px;
  background-image: url("../../images/about/register.svg");
}
.about-page .w-100 {
  width: 100%;
}
.about-page .ws-nowrap {
  white-space: nowrap;
}
.about-page .download-icons {
  display: flex;
  flex-direction: row;
}
.about-page .download-icons .download-icon {
  display: inline-block;
  width: 187px;
  height: 60px;
  margin-top: 55px;
  background-size: contain;
  background-repeat: no-repeat;
}
@media (min-width: 701px) and (max-width: 999px) {
  .about-page .download-icons .download-icon {
    margin-top: 30px;
  }
}
.about-page .download-icons .download-icon:nth-child(1) {
  margin-right: 30px;
}
.about-page .download-icons .download-icon.app-store {
  background-image: url("../../images/download/download-app-store.png");
}
.about-page .download-icons .download-icon.google-play {
  background-image: url("../../images/download/download-google-play.png");
}
.about-page .number-list {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
}
@media (min-width: 0px) and (max-width: 700px) {
  .about-page .number-list {
    justify-content: flex-start;
    flex-direction: column;
  }
}
.about-page .number-list .number-list-item {
  display: flex;
  width: 33%;
  flex-direction: column;
  padding-left: 30px;
  padding-right: 30px;
}
@media (min-width: 0px) and (max-width: 700px) {
  .about-page .number-list .number-list-item {
    width: 100%;
    flex-direction: row;
  }
  .about-page .number-list .number-list-item:not(:last-child) {
    margin-bottom: 20px;
  }
}
.about-page .number-list .number-list-item:first-child {
  padding-left: 0;
}
.about-page .number-list .number-list-item:last-child {
  padding-right: 0;
}
@media (min-width: 1400px) and (max-width: 1739px) {
  .about-page .number-list .number-list-item {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media (max-width: 999px) {
  .about-page .number-list .number-list-item {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (min-width: 0px) and (max-width: 700px) {
  .about-page .number-list .number-list-item {
    padding-left: 0;
    paddingr-right: 0;
  }
}
.about-page .number-list .number-list-item .number {
  font-weight: 500;
  font-size: 30px;
  color: #005fd9;
  text-align: left;
}
@media (max-width: 1739px) {
  .about-page .number-list .number-list-item .number {
    font-size: 27px;
  }
}
@media (min-width: 0px) and (max-width: 700px) {
  .about-page .number-list .number-list-item .number {
    flex: 0 0 30px;
  }
}
.about-page .number-list .number-list-item .text {
  line-height: 1.25;
}
@media (max-width: 999px) {
  .about-page .number-list .number-list-item .text {
    font-size: 14px;
  }
}
.about-page .ticks-list .ticks-list-item {
  display: flex;
  flex-direction: row;
  position: relative;
  font-size: 19px;
  color: #000000;
  line-height: calc(18 / 19);
}
.about-page .ticks-list .ticks-list-item:not(:last-child) {
  margin-bottom: 40px;
}
@media (max-width: 1279px) {
  .about-page .ticks-list .ticks-list-item:not(:last-child) {
    margin-bottom: 30px;
  }
}
@media (min-width: 1280px) and (max-width: 1399px) {
  .about-page .ticks-list .ticks-list-item {
    font-size: 17px;
  }
}
@media (max-width: 1279px) {
  .about-page .ticks-list .ticks-list-item {
    font-size: 16px;
  }
}
.about-page .ticks-list .ticks-list-item:before {
  content: "";
  display: flex;
  width: 23px;
  flex: 0 0 23px;
  height: 19px;
  margin-right: 15px;
  background-size: contain;
  background: url("../../images/about/tick-list.svg") no-repeat
    center center;
}
.about-page .orange-large-text {
  font-weight: 500;
  font-size: 19px;
  color: #ff7340;
  line-height: calc(18 / 19);
  text-align: center;
}
@media (min-width: 0px) and (max-width: 700px) {
  .about-page .orange-large-text {
    font-size: 17px;
  }
}
@media (min-width: 701px) {
  .about-page .ws-nowrap-medium-up {
    white-space: nowrap;
  }
}

.modal-pre-registration {
  max-width: 700px;
}
.modal-pre-registration .description {
  text-align: center;
  font-size: 17px;
  border-radius: 6px;
  padding: 20px 12px;
  margin: 20px 0px;
  font-weight: bold;
}
.modal-pre-registration .actions {
  padding: 0 20px;
}
.modal-pre-registration .actions ul {
  list-style: outside;
}
.modal-pre-registration .actions ul li {
  margin-bottom: 20px;
}
.modal-pre-registration .actions ul li .mobile-app {
  display: block;
  width: 229px;
  text-align: center;
  margin: 20px auto 0px auto;
}
.modal-pre-registration .actions ul li b {
  font-weight: bold;
}
.modal-pre-registration .actions ul li .partner-link {
  text-decoration: underline;
  font-weight: bold;
}
.modal-pre-registration .button-register-holder {
  margin-top: 40px;
}
.modal-pre-registration .button-register-holder .have-card {
  margin-bottom: 30px;
  text-align: center;
  border-top: 1px solid #50287f;
  padding-top: 24px;
  font-weight: bold;
}
.modal-pre-registration .button-register-holder .register-button {
  padding: 12px 40px;
  border: 1px solid #c64ba6;
  background: transparent;
  color: black;
  margin-left: 0px;
  width: 270px;
}
.modal-pre-registration .button-register-holder .text-center {
  text-align: center;
}

@media screen and (-moz-os-version: windows-xp) {
  @supports not (-moz-osx-font-smoothing: auto) {
    [data-font="bonus-globus"] {
      color: transparent !important;
      background: transparent url("../images/fonts/bonus-globus.svg") 0% 50%
        no-repeat;
    }
    [data-font="actions"] {
      color: transparent !important;
      background: transparent url("../images/fonts/actions.svg") 0% 50%
        no-repeat;
    }
    [data-font="activate-card"] {
      color: transparent !important;
      background: transparent url("../images/fonts/activate-card.svg") 0% 50%
        no-repeat;
    }
    [data-font="buy-card"] {
      color: transparent !important;
      background: transparent url("../images/fonts/buy-card.svg") 0% 50%
        no-repeat;
    }
    [data-font="get-bonus"] {
      color: transparent !important;
      background: transparent url("../images/fonts/get-bonus.svg") 0% 50%
        no-repeat;
    }
    [data-font="has-question"] {
      color: transparent !important;
      background: transparent url("../images/fonts/has-question.svg") 0% 50%
        no-repeat;
    }
    [data-font="how-to-use"] {
      color: transparent !important;
      background: transparent url("../images/fonts/how-to-use.svg") 0% 50%
        no-repeat;
    }
    [data-font="partners"] {
      color: transparent !important;
      background: transparent url("../images/fonts/partners.svg") 0% 50%
        no-repeat;
    }
    [data-font="phone"] {
      color: transparent !important;
      background: transparent url("../images/fonts/phone.svg") 0% 50% no-repeat;
    }
    [data-font="questions"] {
      color: transparent !important;
      background: transparent url("../images/fonts/questions.svg") 0% 50%
        no-repeat;
    }
    [data-font="start-use"] {
      color: transparent !important;
      background: transparent url("../images/fonts/start-use.svg") 0% 50%
        no-repeat;
    }
    [data-font="one-bold-white"] {
      color: transparent !important;
      background: transparent url("../images/fonts/one-bold-white.svg") 0% 50%
        no-repeat;
    }
    [data-font="two-bold-white"] {
      color: transparent !important;
      background: transparent url("../images/fonts/two-bold-white.svg") 0% 50%
        no-repeat;
    }
    [data-font="third-bold-white"] {
      color: transparent !important;
      background: transparent url("../images/fonts/third-bold-white.svg") 0% 50%
        no-repeat;
    }
    .wrapper-header .wrapper-menu .menu-list .item .link-item-menu {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-rendering: optimizeLegibility;
      font-size: 17px;
    }
    .wrapper-header .wrapper-menu .menu-list .item .link-item-menu.link-back {
      opacity: 1;
      font-size: 17px;
      color: rgba(255, 255, 255, 0.41);
    }
    .promo-page-wrapper .promo-page .top-block .title-wrapper .details {
      font-size: 17px;
      font-weight: 400;
    }
    .promo-page-wrapper .promo-page .top-block .wrapper-button .button {
      font-size: 13px;
    }
    .promo-page-wrapper
      .promo-page
      .advantages-slider-container
      .slider-holder
      .advantages-slider
      .slide-item.stop-slide
      .description {
      font-size: 17px;
    }
    .promo-page-wrapper
      .promo-page
      .advantages-slider-container
      .slider-holder
      .advantages-slider
      .slide-item
      .advantage-wrapper
      .name {
      font-weight: 400;
      font-size: 17px;
      letter-spacing: 0px;
      line-height: 19px;
    }
    .promo-page-wrapper
      .promo-page
      .advantages-slider-container
      .slider-holder
      .advantages-slider
      .slide-item
      .advantage-wrapper
      .description {
      font-size: 14px;
      letter-spacing: 0;
      line-height: 18px;
    }
    .promo-page-wrapper
      .promo-page
      .partners
      .partners-wrapper
      .left-container
      .description-holder
      .description {
      font-size: 17px;
      font-weight: 400;
      margin: 17px 0px 25px 0px;
    }
    .promo-page-wrapper
      .promo-page
      .partners
      .partners-wrapper
      .left-container
      .block-partner {
      margin-top: 35px;
    }
    .promo-page-wrapper
      .promo-page
      .partners
      .partners-wrapper
      .block-partner
      .back-wrapper
      .name {
      font-size: 17px;
    }
    .promo-page-wrapper
      .promo-page
      .partners
      .partners-wrapper
      .block-partner
      .back-wrapper
      ul
      li
      .part-name {
      padding-left: 17px;
    }
    .promo-page-wrapper
      .promo-page
      .form-bottom-block
      .form-bottom
      .left-block
      .subtitle {
      font-size: 17px;
    }
    button {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-rendering: optimizeLegibility;
      font-weight: 400;
      font-size: 14px !important;
    }
    form label {
      font-size: 14px !important;
    }
    .bottom-menu .left .name {
      font-size: 17px;
      display: block;
      margin-bottom: 10px;
    }
  }
}

/* font-family: "GothamProRegular"; */
@font-face {
  font-family: "GothamPro";
  src: url("../fonts/GothamProRegular/GothamProRegular.eot");
  src: url("../fonts/GothamProRegular/GothamProRegular.eot%3F")
      format("embedded-opentype"),
    url("../fonts/GothamProRegular/GothamProRegular.woff") format("woff"),
    url("../fonts/GothamProRegular/GothamProRegular.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}
/* font-family: "GothamProBold"; */
@font-face {
  font-family: "GothamPro";
  src: url("../fonts/GothamProBold/GothamProBold.eot");
  src: url("../fonts/GothamProBold/GothamProBold.eot%3F")
      format("embedded-opentype"),
    url("../fonts/GothamProBold/GothamProBold.woff") format("woff"),
    url("../fonts/GothamProBold/GothamProBold.ttf") format("truetype");
  font-style: normal;
  font-weight: bold;
}
/* font-family: "GothamProBlack"; */
@font-face {
  font-family: "GothamPro";
  src: url("../fonts/GothamProBlack/GothamProBlack.eot");
  src: url("../fonts/GothamProBlack/GothamProBlack.eot%3F")
      format("embedded-opentype"),
    url("../fonts/GothamProBlack/GothamProBlack.woff") format("woff"),
    url("../fonts/GothamProBlack/GothamProBlack.ttf") format("truetype");
  font-style: normal;
  font-weight: 900;
}
/* font-family: "GothamProItalic"; */
@font-face {
  font-family: "GothamPro";
  src: url("../fonts/GothamProItalic/GothamProItalic.eot");
  src: url("../fonts/GothamProItalic/GothamProItalic.eot%3F")
      format("embedded-opentype"),
    url("../fonts/GothamProItalic/GothamProItalic.woff") format("woff"),
    url("../fonts/GothamProItalic/GothamProItalic.ttf") format("truetype");
  font-style: italic;
  font-weight: normal;
}
/* font-family: "GothamProMedium"; */
@font-face {
  font-family: "GothamPro";
  src: url("../fonts/GothamProMedium/GothamProMedium.eot");
  src: url("../fonts/GothamProMedium/GothamProMedium.eot%3F")
      format("embedded-opentype"),
    url("../fonts/GothamProMedium/GothamProMedium.woff") format("woff"),
    url("../fonts/GothamProMedium/GothamProMedium.ttf") format("truetype");
  font-style: normal;
  font-weight: 500;
}
/* font-family: "GothamProLight"; */
@font-face {
  font-family: "GothamPro";
  src: url("../fonts/GothamProLight/GothamProLight.eot");
  src: url("../fonts/GothamProLight/GothamProLight.eot%3F")
      format("embedded-opentype"),
    url("../fonts/GothamProLight/GothamProLight.woff") format("woff"),
    url("../fonts/GothamProLight/GothamProLight.ttf") format("truetype");
  font-style: normal;
  font-weight: 200;
}
/* font-family: "GothamProMediumItalic"; */
@font-face {
  font-family: "GothamPro";
  src: url("../fonts/GothamProMediumItalic/GothamProMediumItalic.eot");
  src: url("../fonts/GothamProMediumItalic/GothamProMediumItalic.eot%3F")
      format("embedded-opentype"),
    url("../fonts/GothamProMediumItalic/GothamProMediumItalic.woff")
      format("woff"),
    url("../fonts/GothamProMediumItalic/GothamProMediumItalic.ttf")
      format("truetype");
  font-style: italic;
  font-weight: 500;
}
/* font-family: "GothamProLightItalic"; */
@font-face {
  font-family: "GothamPro";
  src: url("../fonts/GothamProLightItalic/GothamProLightItalic.eot");
  src: url("../fonts/GothamProLightItalic/GothamProLightItalic.eot%3F")
      format("embedded-opentype"),
    url("../fonts/GothamProLightItalic/GothamProLightItalic.woff")
      format("woff"),
    url("../fonts/GothamProLightItalic/GothamProLightItalic.ttf")
      format("truetype");
  font-style: italic;
  font-weight: 200;
}
/* font-family: "GothamProBoldItalic"; */
@font-face {
  font-family: "GothamPro";
  src: url("../fonts/GothamProBoldItalic/GothamProBoldItalic.eot");
  src: url("../fonts/GothamProBoldItalic/GothamProBoldItalic.eot%3F")
      format("embedded-opentype"),
    url("../fonts/GothamProBoldItalic/GothamProBoldItalic.woff") format("woff"),
    url("../fonts/GothamProBoldItalic/GothamProBoldItalic.ttf")
      format("truetype");
  font-style: italic;
  font-weight: bold;
}
/* font-family: "GothamProBlackItalic"; */
@font-face {
  font-family: "GothamPro";
  src: url("../fonts/GothamProBlackItalic/GothamProBlackItalic.eot");
  src: url("../fonts/GothamProBlackItalic/GothamProBlackItalic.eot%3F")
      format("embedded-opentype"),
    url("../fonts/GothamProBlackItalic/GothamProBlackItalic.woff")
      format("woff"),
    url("../fonts/GothamProBlackItalic/GothamProBlackItalic.ttf")
      format("truetype");
  font-style: italic;
  font-weight: 900;
}

@font-face {
  font-family: "Geometria";
  src: url("../fonts/Geometria-Thin.eot");
  src: local("Geometria Thin"), local("Geometria-Thin"),
    url("../fonts/Geometria-Thin.eot%3F") format("embedded-opentype"),
    url("../fonts/Geometria-Thin.woff") format("woff"),
    url("../fonts/Geometria-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: "Geometria";
  src: url("../fonts/Geometria-MediumItalic.eot");
  src: local("Geometria MediumItalic"), local("Geometria-MediumItalic"),
    url("../fonts/Geometria-MediumItalic.eot%3F")
      format("embedded-opentype"),
    url("../fonts/Geometria-MediumItalic.woff") format("woff"),
    url("../fonts/Geometria-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: "Geometria";
  src: url("../fonts/Geometria-Italic.eot");
  src: local("Geometria Italic"), local("Geometria-Italic"),
    url("../fonts/Geometria-Italic.eot%3F") format("embedded-opentype"),
    url("../fonts/Geometria-Italic.woff") format("woff"),
    url("../fonts/Geometria-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: "Geometria";
  src: url("../fonts/Geometria-Heavy.eot");
  src: local("Geometria Heavy"), local("Geometria-Heavy"),
    url("../fonts/Geometria-Heavy.eot%3F") format("embedded-opentype"),
    url("../fonts/Geometria-Heavy.woff") format("woff"),
    url("../fonts/Geometria-Heavy.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "Geometria";
  src: url("../fonts/Geometria-ExtraBoldItalic.eot");
  src: local("Geometria ExtraBoldItalic"), local("Geometria-ExtraBoldItalic"),
    url("../fonts/Geometria-ExtraBoldItalic.eot%3F")
      format("embedded-opentype"),
    url("../fonts/Geometria-ExtraBoldItalic.woff") format("woff"),
    url("../fonts/Geometria-ExtraBoldItalic.ttf") format("truetype");
  font-weight: 800;
  font-style: italic;
}

@font-face {
  font-family: "Geometria";
  src: url("../fonts/Geometria-Medium.eot");
  src: local("Geometria Medium"), local("Geometria-Medium"),
    url("../fonts/Geometria-Medium.eot%3F") format("embedded-opentype"),
    url("../fonts/Geometria-Medium.woff") format("woff"),
    url("../fonts/Geometria-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Geometria";
  src: url("../fonts/Geometria-BoldItalic.eot");
  src: local("Geometria BoldItalic"), local("Geometria-BoldItalic"),
    url("../fonts/Geometria-BoldItalic.eot%3F") format("embedded-opentype"),
    url("../fonts/Geometria-BoldItalic.woff") format("woff"),
    url("../fonts/Geometria-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: "Geometria";
  src: url("../fonts/Geometria-LightItalic.eot");
  src: local("Geometria LightItalic"), local("Geometria-LightItalic"),
    url("../fonts/Geometria-LightItalic.eot%3F") format("embedded-opentype"),
    url("../fonts/Geometria-LightItalic.woff") format("woff"),
    url("../fonts/Geometria-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: "Geometria";
  src: url("../fonts/Geometria-HeavyItalic.eot");
  src: local("Geometria HeavyItalic"), local("Geometria-HeavyItalic"),
    url("../fonts/Geometria-HeavyItalic.eot%3F") format("embedded-opentype"),
    url("../fonts/Geometria-HeavyItalic.woff") format("woff"),
    url("../fonts/Geometria-HeavyItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
}

@font-face {
  font-family: "Geometria";
  src: url("../fonts/Geometria.eot");
  src: local("Geometria"),
    url("../fonts/Geometria.eot%3F") format("embedded-opentype"),
    url("../fonts/Geometria.woff") format("woff"),
    url("../fonts/Geometria.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Geometria";
  src: url("../fonts/Geometria-Bold.eot");
  src: local("Geometria Bold"), local("Geometria-Bold"),
    url("../fonts/Geometria-Bold.eot%3F") format("embedded-opentype"),
    url("../fonts/Geometria-Bold.woff") format("woff"),
    url("../fonts/Geometria-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "Geometria";
  src: url("../fonts/Geometria-ExtraBold.eot");
  src: local("Geometria ExtraBold"), local("Geometria-ExtraBold"),
    url("../fonts/Geometria-ExtraBold.eot%3F") format("embedded-opentype"),
    url("../fonts/Geometria-ExtraBold.woff") format("woff"),
    url("../fonts/Geometria-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "Geometria";
  src: url("../fonts/Geometria-ThinItalic.eot");
  src: local("Geometria ThinItalic"), local("Geometria-ThinItalic"),
    url("../fonts/Geometria-ThinItalic.eot%3F") format("embedded-opentype"),
    url("../fonts/Geometria-ThinItalic.woff") format("woff"),
    url("../fonts/Geometria-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
}

@font-face {
  font-family: "Geometria";
  src: url("../fonts/Geometria-ExtraLightItalic.eot");
  src: local("Geometria ExtraLightItalic"), local("Geometria-ExtraLightItalic"),
    url("../fonts/Geometria-ExtraLightItalic.eot%3F")
      format("embedded-opentype"),
    url("../fonts/Geometria-ExtraLightItalic.woff") format("woff"),
    url("../fonts/Geometria-ExtraLightItalic.ttf") format("truetype");
  font-weight: 200;
  font-style: italic;
}

@font-face {
  font-family: "Geometria";
  src: url("../fonts/Geometria-Light.eot");
  src: local("Geometria Light"), local("Geometria-Light"),
    url("../fonts/Geometria-Light.eot%3F") format("embedded-opentype"),
    url("../fonts/Geometria-Light.woff") format("woff"),
    url("../fonts/Geometria-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Geometria";
  src: url("../fonts/Geometria-ExtraLight.eot");
  src: local("Geometria ExtraLight"), local("Geometria-ExtraLight"),
    url("../fonts/Geometria-ExtraLight.eot%3F") format("embedded-opentype"),
    url("../fonts/Geometria-ExtraLight.woff") format("woff"),
    url("../fonts/Geometria-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: Proxima;
  src: url("../fonts/ProximaNova-Regular.eot");
  src: url("../fonts/ProximaNova-Regular.eot%3F")
      format("embedded-opentype"),
    url("../fonts/ProximaNova-Regular.woff") format("woff"),
    url("../fonts/ProximaNova-Regular.ttf") format("truetype"),
    url("../fonts/ProximaNova-Regular.svg") format("svg");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: Proxima;
  src: url("../fonts/ProximaNova-Bold.eot");
  src: url("../fonts/ProximaNova-Bold.eot%3F") format("embedded-opentype"),
    url("../fonts/ProximaNova-Bold.woff") format("woff"),
    url("../fonts/ProximaNova-Bold.ttf") format("truetype"),
    url("../fonts/ProximaNova-Bold.svg") format("svg");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: Proxima;
  src: url("../fonts/ProximaNova-Extrabld.eot");
  src: url("../fonts/ProximaNova-Extrabld.eot%3F")
      format("embedded-opentype"),
    url("../fonts/ProximaNova-Extrabld.woff") format("woff"),
    url("../fonts/ProximaNova-Extrabld.ttf") format("truetype"),
    url("../fonts/ProximaNova-Extrabld.svg") format("svg");
  font-weight: 800;
  font-style: normal;
}