/* ==========================================================================
   $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: .75em;
}
/**
 * The month and year labels.
 */
.picker__month,
.picker__year {
  font-weight: 500;
  display: inline-block;
  margin-left: .25em;
  margin-right: .25em;
}
.picker__year {
  color: #999999;
  font-size: .8em;
  font-style: italic;
}
/**
 * The month and year selectors.
 */
.picker__select--month,
.picker__select--year {
  border: 1px solid #b7b7b7;
  height: 2em;
  padding: .5em;
  margin-left: .25em;
  margin-right: .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: .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: .5em solid transparent;
  border-bottom: .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: .75em;
  margin-bottom: .5em;
}
@media (min-height: 33.875em) {
  .picker__table {
    margin-bottom: .75em;
  }
}
.picker__table td {
  margin: 0;
  padding: 0;
}
/**
 * The weekday labels
 */
.picker__weekday {
  width: 14.285714286%;
  font-size: .75em;
  padding-bottom: .25em;
  color: #999999;
  font-weight: 500;
  /* Increase the spacing a tad */
}
@media (min-height: 33.875em) {
  .picker__weekday {
    padding-bottom: .5em;
  }
}
/**
 * The days on the calendar
 */
.picker__day {
  padding: .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: .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: .8em;
  padding: .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: .45em;
}
.picker__button--today:before {
  top: -0.05em;
  width: 0;
  border-top: 0.66em solid #0059bc;
  border-left: .66em solid transparent;
}
.picker__button--clear:before {
  top: -0.25em;
  width: .66em;
  border-top: 3px solid #ee2200;
}
.picker__button--close:before {
  content: "\D7";
  top: -0.1em;
  vertical-align: top;
  font-size: 1.1em;
  margin-right: .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 .4s;transition:opacity .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:.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:.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 .4s ease-in;transition:height .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 .1s ease,background-color .1s ease,color .1s ease,background .1s ease,-webkit-box-shadow .1s ease;transition:opacity .1s ease,background-color .1s ease,color .1s ease,background .1s ease,-webkit-box-shadow .1s ease;transition:opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease;transition:opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease,-webkit-box-shadow .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 .2s;transition:background .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 .2s;transition:background .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 .2s;transition:background .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 .2s;transition:background .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 .2s;transition:background .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 .2s;transition:background .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 .2s;transition:background .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:.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:.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 .1s;transition:background .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 .82s cubic-bezier(0.36,0.07,0.19,0.97) both;animation:shake .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 .82s cubic-bezier(0.36,0.07,0.19,0.97) both;animation:glow .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:.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 .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .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 .1s;transition:background .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: 1200px;
  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: 17px 45px;
  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; }
  @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: 900; }

.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 #a978d4;
          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: -10px;
  flex-wrap: wrap;
  max-height: 150px;
  overflow: scroll;
  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("../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("/static/frontend/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("/static/frontend/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("/static/frontend/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(/static/frontend/images/icons/arrow-down-2x.png?v=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("/static/frontend/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("/static/frontend/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: 40px 30px 40px 0px; }
  .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("../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("../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("../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("../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("../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("../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("../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("/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?v=7") 50% 50% no-repeat;
    background-size: cover;
    width: 23px;
    height: 11px; }
  .svg-icon.arrow-left {
    background: transparent url("../images/icons/arrow-left.svg?v=7") 50% 50% no-repeat;
    background-size: cover;
    width: 23px;
    height: 11px; }
  .svg-icon.mail-unread {
    background: transparent url("../images/icons/mail-unread.svg?v=7") 50% 50% no-repeat;
    background-size: cover;
    width: 20px;
    height: 14px; }
  .svg-icon.mail-read {
    background: transparent url("../images/icons/mail-read.svg?v=7") 50% 50% no-repeat;
    background-size: cover;
    width: 20px;
    height: 20px; }
  .svg-icon.user-service {
    background: transparent url("../images/icons/user-service.svg?v=7") 50% 50% no-repeat;
    background-size: cover;
    width: 32px;
    height: 32px; }
  .svg-icon.phone-service {
    background: transparent url("../images/icons/phone-service.svg?v=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?v=7") 50% 50% no-repeat;
    background-size: cover;
    width: 17px;
    height: 24px; }
  .svg-icon.service-block {
    background: transparent url("../images/icons/service-block.svg?v=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?v=7") 50% 50% no-repeat;
    background-size: cover;
    width: 23px;
    height: 23px; }
  .svg-icon.service-transactions {
    background: transparent url("../images/icons/service-transactions.svg?v=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?v=7") 50% 50% no-repeat;
    background-size: cover;
    width: 21px;
    height: 28px; }
  .svg-icon.order {
    background: transparent url("../images/icons/order.svg?v=7") 50% 50% no-repeat;
    background-size: cover;
    width: 20px;
    height: 21px; }
  .svg-icon.contract {
    background: transparent url("../images/icons/contract.svg?v=7") 50% 50% no-repeat;
    background-size: cover;
    width: 24px;
    height: 23px; }
  .svg-icon.calendar_support {
    background: transparent url("../images/icons/calendar_support.svg?v=7") 50% 50% no-repeat;
    background-size: cover;
    width: 20px;
    height: 21px; }
  .svg-icon.help {
    background: transparent url("../images/icons/help.svg?v=7") 50% 50% no-repeat;
    background-size: cover;
    width: 20px;
    height: 20px; }
  .svg-icon.support {
    background: transparent url("../images/icons/support.svg?v=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?v=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?v=9") 50% 50% no-repeat;
        background-size: cover; } }
  .image-icon.basket {
    background: transparent url("../images/icons/basket.png?v=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?v=9") 50% 50% no-repeat;
        background-size: cover; } }
  .image-icon.coffee {
    background: transparent url("../images/icons/coffee.png?v=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?v=9") 50% 50% no-repeat;
        background-size: cover; } }
  .image-icon.phone {
    background: transparent url("../images/icons/phone.png?v=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?v=9") 50% 50% no-repeat;
        background-size: cover; } }
  .image-icon.swap {
    background: transparent url("../images/icons/swap.png?v=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?v=9") 50% 50% no-repeat;
        background-size: cover; } }
  .image-icon.arrow-down {
    background: transparent url("../images/icons/arrow-down.png?v=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?v=9") 50% 50% no-repeat;
        background-size: cover; } }
  .image-icon.arrow-down-small {
    background: transparent url("../images/icons/arrow-down-small.png?v=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("../images/icons/arrow-down-small-2x.png?v=9") 50% 50% no-repeat;
        background-size: cover; } }
  .image-icon.checkbox-ok {
    background: transparent url("../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("../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?v=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?v=9") 50% 50% no-repeat;
        background-size: cover; } }
  .image-icon.action {
    background: transparent url("../images/icons/action.png?v=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?v=9") 50% 50% no-repeat;
        background-size: cover; } }
  .image-icon.cart {
    background: transparent url("../images/icons/cart.png?v=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?v=9") 50% 50% no-repeat;
        background-size: cover; } }
  .image-icon.message {
    background: transparent url("../images/icons/message.png?v=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?v=9") 50% 50% no-repeat;
        background-size: cover; } }
  .image-icon.settings {
    background: transparent url("../images/icons/settings.png?v=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?v=9") 50% 50% no-repeat;
        background-size: cover; } }
  .image-icon.info {
    background: transparent url("../images/icons/info.png?v=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?v=9") 50% 50% no-repeat;
        background-size: cover; } }
  .image-icon.help {
    background: transparent url("../images/icons/help.png?v=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?v=9") 50% 50% no-repeat;
        background-size: cover; } }
  .image-icon.swap-cart-bonus {
    background: transparent url("../images/icons/swap-cart-bonus.png?v=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?v=9") 50% 50% no-repeat;
        background-size: cover; } }
  .image-icon.cart-block {
    background: transparent url("../images/icons/cart-block.png?v=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?v=9") 50% 50% no-repeat;
        background-size: cover; } }
  .image-icon.recovery {
    background: transparent url("../images/icons/recovery.png?v=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?v=9") 50% 50% no-repeat;
        background-size: cover; } }
  .image-icon.personal {
    background: transparent url("../images/icons/personal.png?v=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?v=9") 50% 50% no-repeat;
        background-size: cover; } }
  .image-icon.close-personal {
    background: transparent url("../images/icons/close-personal.png?v=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?v=9") 50% 50% no-repeat;
        background-size: cover; } }
  .image-icon.message-yellow {
    background: transparent url("../images/icons/message-yellow.png?v=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?v=9") 50% 50% no-repeat;
        background-size: cover; } }
  .image-icon.very-small-arrow {
    background: transparent url("../images/icons/very-small-arrow.png?v=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?v=9") 50% 50% no-repeat;
        background-size: cover; } }
  .image-icon.settings-small {
    background: transparent url("../images/icons/settings-small.png?v=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?v=9") 50% 50% no-repeat;
        background-size: cover; } }
  .image-icon.calendar {
    background: transparent url("../images/icons/calendar.png?v=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?v=9") 50% 50% no-repeat;
        background-size: cover; } }
  .image-icon.arrow-right {
    background: transparent url("../images/icons/arrow-right.png?v=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?v=9") 50% 50% no-repeat;
        background-size: cover; } }
  .image-icon.cal {
    background: transparent url("../images/icons/cal.png?v=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?v=9") 50% 50% no-repeat;
        background-size: cover; } }
  .image-icon.success {
    background: transparent url("../images/icons/success.png?v=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?v=9") 50% 50% no-repeat;
        background-size: cover; } }
  .image-icon.action-all-active {
    background: transparent url("../images/icons/action-all-active.png?v=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?v=9") 50% 50% no-repeat;
        background-size: cover; } }
  .image-icon.action-bonus-inactive {
    background: transparent url("../images/icons/action-bonus-inactive.png?v=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?v=9") 50% 50% no-repeat;
        background-size: cover; } }
  .image-icon.action-discount-inactive {
    background: transparent url("../images/icons/action-discount-inactive.png?v=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?v=9") 50% 50% no-repeat;
        background-size: cover; } }
  .image-icon.action-x2-inactive {
    background: transparent url("../images/icons/action-x2-inactive.png?v=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?v=9") 50% 50% no-repeat;
        background-size: cover; } }
  .image-icon.arrow-little-down {
    background: transparent url("../images/icons/arrow-little-down.png?v=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?v=9") 50% 50% no-repeat;
        background-size: cover; } }
  .image-icon.arrow-little-up {
    background: transparent url("../images/icons/arrow-little-up.png?v=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?v=9") 50% 50% no-repeat;
        background-size: cover; } }
  .image-icon.phone {
    background: transparent url("../images/icons/phone.png?v=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?v=9") 50% 50% no-repeat;
        background-size: cover; } }
  .image-icon.arrow-grey-down {
    background: transparent url("../images/icons/arrow-grey-down.png?v=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?v=9") 50% 50% no-repeat;
        background-size: cover; } }
  .image-icon.phone-big {
    background: transparent url("../images/icons/phone-big.png?v=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?v=9") 50% 50% no-repeat;
        background-size: cover; } }
  .image-icon.message-red {
    background: transparent url("../images/icons/message-red.png?v=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?v=9") 50% 50% no-repeat;
        background-size: cover; } }
  .image-icon.success-green {
    background: transparent url("../images/icons/success-green.png?v=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?v=9") 50% 50% no-repeat;
        background-size: cover; } }
  .image-icon.grey-attantion {
    background: transparent url("../images/icons/grey-attantion.png?v=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?v=9") 50% 50% no-repeat;
        background-size: cover; } }
  .image-icon.new-card {
    background: transparent url("../images/icons/new-card.png?v=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?v=9") 50% 50% no-repeat;
        background-size: cover; } }
  .image-icon.request-balance {
    background: transparent url("../images/icons/request-balance.png?v=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?v=9") 50% 50% no-repeat;
        background-size: cover; } }
  .image-icon.cvet {
    background: transparent url("../images/icons/cvet.png?v=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?v=9") 50% 50% no-repeat;
        background-size: cover; } }
  .image-icon.glob {
    background: transparent url("../images/icons/glob.png?v=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?v=9") 50% 50% no-repeat;
        background-size: cover; } }
  .image-icon.kon {
    background: transparent url("../images/icons/kon.png?v=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?v=9") 50% 50% no-repeat;
        background-size: cover; } }
  .image-icon.kul {
    background: transparent url("../images/icons/kul.png?v=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?v=9") 50% 50% no-repeat;
        background-size: cover; } }
  .image-icon.masl {
    background: transparent url("../images/icons/masl.png?v=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?v=9") 50% 50% no-repeat;
        background-size: cover; } }
  .image-icon.piz {
    background: transparent url("../images/icons/piz.png?v=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?v=9") 50% 50% no-repeat;
        background-size: cover; } }
  .image-icon.rc {
    background: transparent url("../images/icons/rc.png?v=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?v=9") 50% 50% no-repeat;
        background-size: cover; } }
  .image-icon.term {
    background: transparent url("../images/icons/term.png?v=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?v=9") 50% 50% no-repeat;
        background-size: cover; } }
  .image-icon.tort {
    background: transparent url("../images/icons/tort.png?v=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?v=9") 50% 50% no-repeat;
        background-size: cover; } }
  .image-icon.service-check {
    background: transparent url("../images/icons/service-check.png?v=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?v=9") 50% 50% no-repeat;
        background-size: cover; } }
  .image-icon.service-personal-blue {
    background: transparent url("../images/icons/service-personal-blue.png?v=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?v=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: 110px; }
    .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: 60px; }
        @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: 13px; }
          @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: 13px; }
          @media (max-width: 1399px) {
            .wrapper-transactions-page .transactions-table-list td.date .time {
              font-size: 11px; } }
      .wrapper-transactions-page .transactions-table-list td.description {
        width: 300px;
        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: 90px; }
    @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(/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%; }
  @media (min-width: 1280px) {
    .service-center-page .find-form {
      width: 1200px;
      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: 30px; }
        @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 + 50px);
      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 20px;
    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: 10px 5px 8px 5px; }
    .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("/static/frontend/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("/static/frontend/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("/static/frontend/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("/static/frontend/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("/static/frontend/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("/static/frontend/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("/static/frontend/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("/static/frontend/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("/static/frontend/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("/static/frontend/images/about/girl.svg"); }
    .about-page .svg-icon.phone {
      width: 51px;
      height: 51px;
      background-image: url("/static/frontend/images/about/phone.svg"); }
    .about-page .svg-icon.register {
      width: 64px;
      height: 64px;
      background-image: url("/static/frontend/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("/static/frontend/images/download/download-app-store.png"); }
      .about-page .download-icons .download-icon.google-play {
        background-image: url("/static/frontend/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("/static/frontend/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?#iefix")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?#iefix")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?#iefix")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?#iefix")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?#iefix")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?#iefix")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?#iefix")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?#iefix")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?#iefix")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?#iefix")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?#iefix') 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?#iefix') 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?#iefix') 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?#iefix') 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?#iefix') 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?#iefix') 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?#iefix') 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?#iefix') 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?#iefix') 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?#iefix') 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?#iefix') 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?#iefix') 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?#iefix') 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?#iefix') 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?#iefix') 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?#iefix') 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?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova-Regular.woff') format('woff'), url('../fonts/ProximaNova-Regular.ttf') format('truetype'), url('../fonts/ProximaNova-Regular.svg#ProximaNova-Regular') 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?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova-Bold.woff') format('woff'), url('../fonts/ProximaNova-Bold.ttf') format('truetype'), url('../fonts/ProximaNova-Bold.svg#ProximaNova-Bold') 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?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova-Extrabld.woff') format('woff'), url('../fonts/ProximaNova-Extrabld.ttf') format('truetype'), url('../fonts/ProximaNova-Extrabld.svg#ProximaNova-Extrabld') format('svg');
    font-weight: 800;
    font-style: normal;
}