@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,500,600,600i,700,700i,800,800i&display=swap);@import url(https://fonts.googleapis.com/css?family=Roboto:100,400,500,600&display=swap);@import url(https://fonts.googleapis.com/css?family=Montserrat:300,500,600,700&display=swap);a.orange {
  color: #f98544;
}

a.orange:hover {
  color: #da6d00;
}

button.orange {
  background-color: #f98544;
  color: white;
}

button.orange:hover {
  background-color: #da6d00;
}

.orange-bg {
  background-color: #f98544;
  color: white;
}

.orange-bg:hover {
  background-color: #da6d00;
}

.orange-bg button {
  color: white;
}

.orange-bg a {
  color: white;
}

div.orange,
span.orange {
  color: #f98544;
}

.orange-border {
  border: 1px solid #f98544;
}

a.light-orange {
  color: #fff0ed;
}

a.light-orange:hover {
  color: #fff0ed;
}

button.light-orange {
  background-color: #fff0ed;
  color: black;
}

button.light-orange:hover {
  background-color: #fff0ed;
}

.light-orange-bg {
  background-color: #fff0ed;
  color: black;
}

.light-orange-bg:hover {
  background-color: #fff0ed;
}

.light-orange-bg button {
  color: black;
}

.light-orange-bg a {
  color: black;
}

div.light-orange,
span.light-orange {
  color: #fff0ed;
}

.light-orange-border {
  border: 1px solid #fff0ed;
}

a.green {
  color: #9ac93d;
}

a.green:hover {
  color: #8eba3a;
}

button.green {
  background-color: #9ac93d;
  color: white;
}

button.green:hover {
  background-color: #8eba3a;
}

.green-bg {
  background-color: #9ac93d;
  color: white;
}

.green-bg:hover {
  background-color: #8eba3a;
}

.green-bg button {
  color: white;
}

.green-bg a {
  color: white;
}

div.green,
span.green {
  color: #9ac93d;
}

.green-border {
  border: 1px solid #9ac93d;
}

a.blue {
  color: #3065a1;
}

a.blue:hover {
  color: #285486;
}

button.blue {
  background-color: #3065a1;
  color: white;
}

button.blue:hover {
  background-color: #285486;
}

.blue-bg {
  background-color: #3065a1;
  color: white;
}

.blue-bg:hover {
  background-color: #285486;
}

.blue-bg button {
  color: white;
}

.blue-bg a {
  color: white;
}

div.blue,
span.blue {
  color: #3065a1;
}

.blue-border {
  border: 1px solid #3065a1;
}

a.middle-blue {
  color: #bce4eb;
}

a.middle-blue:hover {
  color: #bce4eb;
}

button.middle-blue {
  background-color: #bce4eb;
  color: black;
}

button.middle-blue:hover {
  background-color: #bce4eb;
}

.middle-blue-bg {
  background-color: #bce4eb;
  color: black;
}

.middle-blue-bg:hover {
  background-color: #bce4eb;
}

.middle-blue-bg button {
  color: black;
}

.middle-blue-bg a {
  color: black;
}

div.middle-blue,
span.middle-blue {
  color: #bce4eb;
}

.middle-blue-border {
  border: 1px solid #bce4eb;
}

a.text-blue {
  color: #277177;
}

a.text-blue:hover {
  color: #285486;
}

button.text-blue {
  background-color: #277177;
  color: white;
}

button.text-blue:hover {
  background-color: #285486;
}

.text-blue-bg {
  background-color: #277177;
  color: white;
}

.text-blue-bg:hover {
  background-color: #285486;
}

.text-blue-bg button {
  color: white;
}

.text-blue-bg a {
  color: white;
}

div.text-blue,
span.text-blue {
  color: #277177;
}

.text-blue-border {
  border: 1px solid #277177;
}

a.dark-blue1 {
  color: #3C4869;
}

a.dark-blue1:hover {
  color: #285486;
}

button.dark-blue1 {
  background-color: #3C4869;
  color: white;
}

button.dark-blue1:hover {
  background-color: #285486;
}

.dark-blue1-bg {
  background-color: #3C4869;
  color: white;
}

.dark-blue1-bg:hover {
  background-color: #285486;
}

.dark-blue1-bg button {
  color: white;
}

.dark-blue1-bg a {
  color: white;
}

div.dark-blue1,
span.dark-blue1 {
  color: #3C4869;
}

.dark-blue1-border {
  border: 1px solid #3C4869;
}

a.black {
  color: black;
}

a.black:hover {
  color: #222424;
}

button.black {
  background-color: black;
  color: white;
}

button.black:hover {
  background-color: #222424;
}

.black-bg {
  background-color: black;
  color: white;
}

.black-bg:hover {
  background-color: #222424;
}

.black-bg button {
  color: white;
}

.black-bg a {
  color: white;
}

div.black,
span.black {
  color: black;
}

.black-border {
  border: 1px solid black;
}

a.gray {
  color: #a9a9a9;
}

a.gray:hover {
  color: #9e9e9e;
}

button.gray {
  background-color: #a9a9a9;
  color: white;
}

button.gray:hover {
  background-color: #9e9e9e;
}

.gray-bg {
  background-color: #a9a9a9;
  color: white;
}

.gray-bg:hover {
  background-color: #9e9e9e;
}

.gray-bg button {
  color: white;
}

.gray-bg a {
  color: white;
}

div.gray,
span.gray {
  color: #a9a9a9;
}

.gray-border {
  border: 1px solid #a9a9a9;
}

a.text-gray {
  color: #77787a;
}

a.text-gray:hover {
  color: black;
}

button.text-gray {
  background-color: #77787a;
  color: white;
}

button.text-gray:hover {
  background-color: black;
}

.text-gray-bg {
  background-color: #77787a;
  color: white;
}

.text-gray-bg:hover {
  background-color: black;
}

.text-gray-bg button {
  color: white;
}

.text-gray-bg a {
  color: white;
}

div.text-gray,
span.text-gray {
  color: #77787a;
}

.text-gray-border {
  border: 1px solid #77787a;
}

a.light-gray {
  color: #f6f6f6;
}

a.light-gray:hover {
  color: #f6f6f6;
}

button.light-gray {
  background-color: #f6f6f6;
  color: black;
}

button.light-gray:hover {
  background-color: #f6f6f6;
}

.light-gray-bg {
  background-color: #f6f6f6;
  color: black;
}

.light-gray-bg:hover {
  background-color: #f6f6f6;
}

.light-gray-bg button {
  color: black;
}

.light-gray-bg a {
  color: black;
}

div.light-gray,
span.light-gray {
  color: #f6f6f6;
}

.light-gray-border {
  border: 1px solid #f6f6f6;
}

a.white {
  color: white;
}

a.white:hover {
  color: #f6f6f6;
}

button.white {
  background-color: white;
  color: black;
}

button.white:hover {
  background-color: #f6f6f6;
}

.white-bg {
  background-color: white;
  color: black;
}

.white-bg:hover {
  background-color: #f6f6f6;
}

.white-bg button {
  color: black;
}

.white-bg a {
  color: black;
}

div.white,
span.white {
  color: white;
}

.white-border {
  border: 1px solid white;
}

.light-blue-bg {
  background-color: #e3eff0;
}

.lighter-blue-bg {
  background-color: #f4f8f9;
}

.light-blue-right-bg {
  background-image: url("/img/light-blue-right-top-bg.png");
  background-repeat: no-repeat;
  background-position: right top;
}

.light-blue-left-bg {
  background-image: url("/img/light-blue-left-top-bg.png");
  background-repeat: no-repeat;
  background-position: left top;
}

.table-blue-bg {
  background-color: #eefafb;
}

.white-bg-1 {
  background-color: white;
}

*:focus {
  outline-style: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.ui-visual-focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

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

* {
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
}

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

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

.middle-flex {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

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

.pointer {
  cursor: pointer;
}

.hidden {
  display: none;
}

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

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

.center {
  text-align: center;
}

.margin-center {
  margin-left: auto;
  margin-right: auto;
}

.v-align {
  vertical-align: middle;
}

.border-bottom {
  border-bottom: 1px solid #c1c1c1;
}

.column-center {
  -ms-flex-item-align: center;
      align-self: center;
}

.row-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.row-bottom {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

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

.uppercase {
  text-transform: uppercase;
}

.line-height-1 {
  line-height: normal;
}

.line-height-b {
  line-height: 1.5;
}

.line-height-s {
  line-height: 0.9;
}

.inline {
  display: inline-block;
}

.bold {
  font-weight: 600;
}

.strong,
strong {
  font-weight: 500;
}

strong a {
  font-family: sans-serif;
}

.not_decorated {
  text-decoration: none;
}

.bg-cover {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.bg-contain {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.radius-5 {
  border-radius: 5px;
}

.radius-10 {
  border-radius: 10px;
}

.height-100 {
  height: 100%;
}

.width-100 {
  width: 100%;
}

.width-fit {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

* {
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
}

body {
  margin: 0;
}

body,
input,
select,
textarea,
button {
  font-family: 'Open Sans', sans-serif;
}

button,
input[type=submit] {
  cursor: pointer;
  -webkit-appearance: none;
}

button.inner {
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: none;
}

.eye {
  background: url("/img/eye.png") no-repeat right center;
  padding-right: 30px !important;
}

.roboto {
  font-family: "Roboto";
}

.montserrat {
  font-family: "Montserrat";
}

.green-shadow {
  -webkit-box-shadow: 0 3px 7px 0 #7b8d72;
  box-shadow: 0 3px 7px 0 #7b8d72;
}

.orange-shadow {
  -webkit-box-shadow: 0 3px 7px 0 #c36200;
  box-shadow: 0 3px 7px 0 #c36200;
}

.gray-shadow {
  -webkit-box-shadow: 5px 5px 3px 0 #9e9e9e;
  box-shadow: 5px 5px 3px 0 #9e9e9e;
}

#center-loading {
  position: fixed;
  background-color: rgba(255, 255, 255, 0.9);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1000;
}

#green-message,
#red-message {
  display: none;
  width: 300px;
  position: fixed;
  top: 108px;
  left: calc(50% - 150px);
  text-align: center;
  z-index: 10000;
  font-size: 14px;
}

@media screen and (min-width: 1401px) {
  #green-message,
  #red-message {
    font-size: 15px;
  }
}

.scrollToTheTopBtn {
  position: fixed;
  z-index: 1000;
  display: none;
  background-image: url("/img/toTheTop.png");
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.7;
  cursor: pointer;
}

.file_upload {
  position: relative;
  overflow: hidden;
  width: 180px;
}

.file_upload button {
  width: 180px;
}

.file_upload input[type=file] {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  top: 0;
  left: 0;
}

a.gallery {
  display: block;
  width: 100%;
  height: 100%;
}

.percent-100 {
  width: 100%;
}

.percent-50 {
  width: 50%;
}

.percent-49 {
  width: 49%;
}

.percent-45 {
  width: 45%;
}

.percent-30 {
  width: 30%;
}

.percent-33 {
  width: 33%;
}

.percent-70 {
  width: 70%;
}

.calendar-input {
  background-image: url("/img/calendar.png");
  background-repeat: no-repeat;
  background-position: right center;
}

ul.pagination {
  margin: 20px auto;
  padding: 0;
  text-align: center;
}

ul.pagination li {
  display: inline-block;
  text-decoration: none;
  font-size: 16px;
  padding: 5px 8px;
}

ul.pagination li a {
  text-decoration: none;
  color: black;
}

ul.pagination li.active {
  background-color: #9e9e9e;
  color: white;
}

ul.pagination li:hover {
  background-color: #9e9e9e;
}

ul.pagination li:hover a {
  color: white;
}

.content-text a {
  color: #277177;
}

.content-text a:hover {
  color: #3065a1;
}

.fixed {
  position: fixed;
}

.border-radius {
  border-radius: 5px;
}

.letter-space {
  letter-spacing: 0.07rem;
}

.light-weight {
  font-weight: 300;
}

.orange-bg-opacity {
  background-color: rgba(240, 125, 0, 0.6);
}

.placeholder-container {
  position: relative;
}

.placeholder-container .placeholder {
  display: none;
  position: absolute;
  left: 10px;
  top: 3px;
  z-index: 10;
  color: #77787a;
  font-size: 11px;
}

.go-button-g,
.go-button-m,
.go-button-s,
.go-button-sm,
.gray-button-l,
.go-arrow-button,
button.plus,
button.minus {
  color: white;
  background-color: transparent;
  border: none;
  font-size: 18px;
  cursor: pointer;
}

.go-button-g:hover,
.go-button-m:hover,
.go-button-s:hover,
.go-button-sm:hover,
.gray-button-l:hover,
.go-arrow-button:hover,
button.plus:hover,
button.minus:hover {
  opacity: 0.9;
}

@media (max-width: 1100px) {
  .go-button-g,
  .go-button-m,
  .go-button-s,
  .go-button-sm,
  .gray-button-l,
  .go-arrow-button,
  button.plus,
  button.minus {
    font-size: 16px;
  }
}

.go-button-g {
  background: url("/img/go-button-g.png") no-repeat center;
  width: 268px;
  height: 47px;
}

.go-button-m {
  background: url("/img/go-button.png") no-repeat center;
  width: 180px;
  height: 47px;
}

.go-button-s {
  background: url("/img/go-button-s.png") no-repeat center;
  width: 94px;
  height: 40px;
}

.go-button-sm {
  background: url("/img/go-button-sm.png") no-repeat center;
  width: 160px;
  height: 47px;
}

.gray-button-l {
  background: url("/img/gray-button-l.png") no-repeat center;
  width: 243px;
  height: 47px;
  color: black !important;
  font-size: 15px !important;
}

.gray-button-l img {
  vertical-align: middle;
}

.go-arrow-button {
  background: url("/img/go-arrow.png") no-repeat center;
  width: 80px;
  height: 49px;
}

.go-arrow-button {
  background: url("/img/go-arrow.png") no-repeat center;
  width: 80px;
  height: 49px;
}

.text-nowrap {
  white-space: nowrap;
}

button.plus {
  background: url("/img/plus-blue.png") no-repeat center;
  width: 26px;
  height: 26px;
}

button.minus {
  background: url("/img/minus-blue.png") no-repeat center;
  width: 26px;
  height: 26px;
}

.ui-widget.ui-widget-content {
  background: #e3eff0;
}

.ui-dialog .ui-dialog-titlebar {
  text-align: center;
  padding: .8em 1em;
}

.ui-dialog .ui-dialog-title {
  font-size: 1.2em;
  padding-left: 35px;
}

.ui-dialog .ui-widget-header {
  font-weight: 500;
  border: none;
  background: none;
}

.ui-dialog-titlebar-close {
  background-color: transparent;
  border: none;
}

.ui-icon-closethick {
  background-image: url("/img/delete.png") !important;
  background-position: center;
}

.ui-tooltip {
  background-color: white !important;
  -webkit-box-shadow: 0 0 2px #666666;
          box-shadow: 0 0 2px #666666;
}

.date-picker-wrapper {
  z-index: 102;
}

.ui-autocomplete-loading {
  background: white url("/img/loading_search.gif") right center no-repeat;
}

.ui-autocomplete {
  width: 300px;
}

.spoiler .spoiler-toggle {
  display: none;
}

.spoiler .spoiler-title {
  font-weight: 500;
  border-bottom: 1px dashed;
  cursor: pointer;
  display: inline;
}

.spoiler .spoiler-content {
  display: none;
}

.fit-content {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.red-cashback {
  background: -webkit-gradient(linear, left top, right top, from(#4D33EB), to(#4FA2D0));
  background: linear-gradient(90deg, #4D33EB 0%, #4FA2D0 100%);
  border-radius: 36px;
  padding: 2px 10px;
  color: white;
  font-size: 12px;
}

.bonus-profit,
.discount-profit {
  border-radius: 36px;
  color: white;
  text-align: center;
  font-size: 12px;
  padding: 2px 8px;
}

.bonus-profit {
  background: -webkit-gradient(linear, left top, right top, from(#4D33EB), to(#4FA2D0));
  background: linear-gradient(90deg, #4D33EB 0%, #4FA2D0 100%);
}

.discount-profit {
  background: -webkit-gradient(linear, left top, right top, from(#EB3349), to(#F45C43));
  background: linear-gradient(90deg, #EB3349 0%, #F45C43 100%);
}

.grey-border-bottom {
  border-bottom: 0.1rem dashed #e6e6e6;
}

.bold-700 {
  font-weight: 700;
}

html,
body {
  height: 100%;
}

body {
  overflow-y: scroll;
  font-size: 14px;
}

@media screen and (min-width: 1301px) {
  body {
    font-size: 15px;
  }
}

input,
select,
textarea,
button {
  font-size: 14px;
}

@media screen and (min-width: 1301px) {
  input,
  select,
  textarea,
  button {
    font-size: 15px;
  }
}

.body-container {
  height: 100%;
  min-height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.sized-container {
  min-width: 700px;
}

@media screen and (min-width: 1301px) {
  .sized-container {
    width: 1268px;
  }
}

@media screen and (min-width: 1171px) and (max-width: 1300px) {
  .sized-container {
    width: 1100px;
  }
}

@media screen and (max-width: 1170px) {
  .sized-container {
    width: 98%;
    margin-left: 1%;
    margin-right: 1%;
  }
}

@media (max-width: 1301px) {
  .small-desktop-hidden {
    display: none;
  }
}

@media (max-width: 1023px) {
  .tablet-hidden {
    display: none;
  }
}

@media (min-width: 1024px) {
  .desktop-hidden {
    display: none;
  }
}

.left-container {
  width: 22%;
}

@media (max-width: 1023px) {
  .left-container {
    width: auto;
  }
}

.center-container {
  width: 78%;
}

@media (max-width: 1023px) {
  .center-container.middle {
    width: 92%;
  }
}

@media (max-width: 1023px) {
  .center-container.bottom {
    width: 70%;
  }
}

.white-right-top-bg {
  background-image: url("/img/white-right-top-bg.png");
  background-repeat: no-repeat;
  background-position: right top;
}

.white-left-top-bg {
  background-image: url("/img/white-left-top-bg.png");
  background-repeat: no-repeat;
  background-position: left top;
}

.right-container {
  width: 16%;
}

@media (max-width: 1023px) {
  .right-container.top {
    width: 25%;
  }
}

@media (max-width: 1023px) {
  .right-container.middle {
    width: 6%;
    min-width: 45px;
  }
}

@media (max-width: 1023px) {
  .right-container.bottom {
    width: 30%;
  }
}

.main-container {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

@media (min-width: 1024px) {
  .row-desktop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

@media (max-width: 1023px) {
  .tablet-inline {
    margin-right: 7px;
    display: inline-block;
  }
}

.scrollToTheTopBtn {
  bottom: 2px;
  right: 20px;
  width: 50px;
  height: 50px;
}

.iti {
  width: 100% !important;
}

.auth-loader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 205px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (min-width: 0px) and (max-width: 800px) {
  .margin-t-5 {
    margin-top: 4px;
  }

  .margin-b-5 {
    margin-bottom: 4px;
  }

  .margin-l-5 {
    margin-left: 4px;
  }

  .margin-r-5 {
    margin-right: 4px;
  }

  .margin-lr-5 {
    margin-left: 4px;
    margin-right: 4px;
  }

  .margin-tb-5 {
    margin-bottom: 4px;
    margin-top: 4px;
  }

  .margin-5 {
    margin: 4px;
  }

  .padding-t-5 {
    padding-top: 4px;
  }

  .padding-b-5 {
    padding-bottom: 4px;
  }

  .padding-l-5 {
    padding-left: 4px;
  }

  .padding-r-5 {
    padding-right: 4px;
  }

  .padding-lr-5 {
    padding-left: 4px;
    padding-right: 4px;
  }

  .padding-tb-5 {
    padding-bottom: 4px;
    padding-top: 4px;
  }

  .padding-5 {
    padding: 4px;
  }
}

@media screen and (min-width: 801px) and (max-width: 1170px) {
  .margin-t-5 {
    margin-top: 4.5px;
  }

  .margin-b-5 {
    margin-bottom: 4.5px;
  }

  .margin-l-5 {
    margin-left: 4.5px;
  }

  .margin-r-5 {
    margin-right: 4.5px;
  }

  .margin-lr-5 {
    margin-left: 4.5px;
    margin-right: 4.5px;
  }

  .margin-tb-5 {
    margin-bottom: 4.5px;
    margin-top: 4.5px;
  }

  .margin-5 {
    margin: 4.5px;
  }

  .padding-t-5 {
    padding-top: 4.5px;
  }

  .padding-b-5 {
    padding-bottom: 4.5px;
  }

  .padding-l-5 {
    padding-left: 4.5px;
  }

  .padding-r-5 {
    padding-right: 4.5px;
  }

  .padding-lr-5 {
    padding-left: 4.5px;
    padding-right: 4.5px;
  }

  .padding-tb-5 {
    padding-bottom: 4.5px;
    padding-top: 4.5px;
  }

  .padding-5 {
    padding: 4.5px;
  }
}

@media screen and (min-width: 1171px) and (max-width: 1300px) {
  .margin-t-5 {
    margin-top: 5px;
  }

  .margin-b-5 {
    margin-bottom: 5px;
  }

  .margin-l-5 {
    margin-left: 5px;
  }

  .margin-r-5 {
    margin-right: 5px;
  }

  .margin-lr-5 {
    margin-left: 5px;
    margin-right: 5px;
  }

  .margin-tb-5 {
    margin-bottom: 5px;
    margin-top: 5px;
  }

  .margin-5 {
    margin: 5px;
  }

  .padding-t-5 {
    padding-top: 5px;
  }

  .padding-b-5 {
    padding-bottom: 5px;
  }

  .padding-l-5 {
    padding-left: 5px;
  }

  .padding-r-5 {
    padding-right: 5px;
  }

  .padding-lr-5 {
    padding-left: 5px;
    padding-right: 5px;
  }

  .padding-tb-5 {
    padding-bottom: 5px;
    padding-top: 5px;
  }

  .padding-5 {
    padding: 5px;
  }
}

@media screen and (min-width: 1301px) and (max-width: 5000px) {
  .margin-t-5 {
    margin-top: 6px;
  }

  .margin-b-5 {
    margin-bottom: 6px;
  }

  .margin-l-5 {
    margin-left: 6px;
  }

  .margin-r-5 {
    margin-right: 6px;
  }

  .margin-lr-5 {
    margin-left: 6px;
    margin-right: 6px;
  }

  .margin-tb-5 {
    margin-bottom: 6px;
    margin-top: 6px;
  }

  .margin-5 {
    margin: 6px;
  }

  .padding-t-5 {
    padding-top: 6px;
  }

  .padding-b-5 {
    padding-bottom: 6px;
  }

  .padding-l-5 {
    padding-left: 6px;
  }

  .padding-r-5 {
    padding-right: 6px;
  }

  .padding-lr-5 {
    padding-left: 6px;
    padding-right: 6px;
  }

  .padding-tb-5 {
    padding-bottom: 6px;
    padding-top: 6px;
  }

  .padding-5 {
    padding: 6px;
  }
}

@media screen and (min-width: 0px) and (max-width: 800px) {
  .margin-t-7 {
    margin-top: 5.5px;
  }

  .margin-b-7 {
    margin-bottom: 5.5px;
  }

  .margin-l-7 {
    margin-left: 5.5px;
  }

  .margin-r-7 {
    margin-right: 5.5px;
  }

  .margin-lr-7 {
    margin-left: 5.5px;
    margin-right: 5.5px;
  }

  .margin-tb-7 {
    margin-bottom: 5.5px;
    margin-top: 5.5px;
  }

  .margin-7 {
    margin: 5.5px;
  }

  .padding-t-7 {
    padding-top: 5.5px;
  }

  .padding-b-7 {
    padding-bottom: 5.5px;
  }

  .padding-l-7 {
    padding-left: 5.5px;
  }

  .padding-r-7 {
    padding-right: 5.5px;
  }

  .padding-lr-7 {
    padding-left: 5.5px;
    padding-right: 5.5px;
  }

  .padding-tb-7 {
    padding-bottom: 5.5px;
    padding-top: 5.5px;
  }

  .padding-7 {
    padding: 5.5px;
  }
}

@media screen and (min-width: 801px) and (max-width: 1170px) {
  .margin-t-7 {
    margin-top: 6px;
  }

  .margin-b-7 {
    margin-bottom: 6px;
  }

  .margin-l-7 {
    margin-left: 6px;
  }

  .margin-r-7 {
    margin-right: 6px;
  }

  .margin-lr-7 {
    margin-left: 6px;
    margin-right: 6px;
  }

  .margin-tb-7 {
    margin-bottom: 6px;
    margin-top: 6px;
  }

  .margin-7 {
    margin: 6px;
  }

  .padding-t-7 {
    padding-top: 6px;
  }

  .padding-b-7 {
    padding-bottom: 6px;
  }

  .padding-l-7 {
    padding-left: 6px;
  }

  .padding-r-7 {
    padding-right: 6px;
  }

  .padding-lr-7 {
    padding-left: 6px;
    padding-right: 6px;
  }

  .padding-tb-7 {
    padding-bottom: 6px;
    padding-top: 6px;
  }

  .padding-7 {
    padding: 6px;
  }
}

@media screen and (min-width: 1171px) and (max-width: 1300px) {
  .margin-t-7 {
    margin-top: 7px;
  }

  .margin-b-7 {
    margin-bottom: 7px;
  }

  .margin-l-7 {
    margin-left: 7px;
  }

  .margin-r-7 {
    margin-right: 7px;
  }

  .margin-lr-7 {
    margin-left: 7px;
    margin-right: 7px;
  }

  .margin-tb-7 {
    margin-bottom: 7px;
    margin-top: 7px;
  }

  .margin-7 {
    margin: 7px;
  }

  .padding-t-7 {
    padding-top: 7px;
  }

  .padding-b-7 {
    padding-bottom: 7px;
  }

  .padding-l-7 {
    padding-left: 7px;
  }

  .padding-r-7 {
    padding-right: 7px;
  }

  .padding-lr-7 {
    padding-left: 7px;
    padding-right: 7px;
  }

  .padding-tb-7 {
    padding-bottom: 7px;
    padding-top: 7px;
  }

  .padding-7 {
    padding: 7px;
  }
}

@media screen and (min-width: 1301px) and (max-width: 5000px) {
  .margin-t-7 {
    margin-top: 8px;
  }

  .margin-b-7 {
    margin-bottom: 8px;
  }

  .margin-l-7 {
    margin-left: 8px;
  }

  .margin-r-7 {
    margin-right: 8px;
  }

  .margin-lr-7 {
    margin-left: 8px;
    margin-right: 8px;
  }

  .margin-tb-7 {
    margin-bottom: 8px;
    margin-top: 8px;
  }

  .margin-7 {
    margin: 8px;
  }

  .padding-t-7 {
    padding-top: 8px;
  }

  .padding-b-7 {
    padding-bottom: 8px;
  }

  .padding-l-7 {
    padding-left: 8px;
  }

  .padding-r-7 {
    padding-right: 8px;
  }

  .padding-lr-7 {
    padding-left: 8px;
    padding-right: 8px;
  }

  .padding-tb-7 {
    padding-bottom: 8px;
    padding-top: 8px;
  }

  .padding-7 {
    padding: 8px;
  }
}

@media screen and (min-width: 0px) and (max-width: 800px) {
  .margin-t-10 {
    margin-top: 8px;
  }

  .margin-b-10 {
    margin-bottom: 8px;
  }

  .margin-l-10 {
    margin-left: 8px;
  }

  .margin-r-10 {
    margin-right: 8px;
  }

  .margin-lr-10 {
    margin-left: 8px;
    margin-right: 8px;
  }

  .margin-tb-10 {
    margin-bottom: 8px;
    margin-top: 8px;
  }

  .margin-10 {
    margin: 8px;
  }

  .padding-t-10 {
    padding-top: 8px;
  }

  .padding-b-10 {
    padding-bottom: 8px;
  }

  .padding-l-10 {
    padding-left: 8px;
  }

  .padding-r-10 {
    padding-right: 8px;
  }

  .padding-lr-10 {
    padding-left: 8px;
    padding-right: 8px;
  }

  .padding-tb-10 {
    padding-bottom: 8px;
    padding-top: 8px;
  }

  .padding-10 {
    padding: 8px;
  }
}

@media screen and (min-width: 801px) and (max-width: 1170px) {
  .margin-t-10 {
    margin-top: 9px;
  }

  .margin-b-10 {
    margin-bottom: 9px;
  }

  .margin-l-10 {
    margin-left: 9px;
  }

  .margin-r-10 {
    margin-right: 9px;
  }

  .margin-lr-10 {
    margin-left: 9px;
    margin-right: 9px;
  }

  .margin-tb-10 {
    margin-bottom: 9px;
    margin-top: 9px;
  }

  .margin-10 {
    margin: 9px;
  }

  .padding-t-10 {
    padding-top: 9px;
  }

  .padding-b-10 {
    padding-bottom: 9px;
  }

  .padding-l-10 {
    padding-left: 9px;
  }

  .padding-r-10 {
    padding-right: 9px;
  }

  .padding-lr-10 {
    padding-left: 9px;
    padding-right: 9px;
  }

  .padding-tb-10 {
    padding-bottom: 9px;
    padding-top: 9px;
  }

  .padding-10 {
    padding: 9px;
  }
}

@media screen and (min-width: 1171px) and (max-width: 1300px) {
  .margin-t-10 {
    margin-top: 10px;
  }

  .margin-b-10 {
    margin-bottom: 10px;
  }

  .margin-l-10 {
    margin-left: 10px;
  }

  .margin-r-10 {
    margin-right: 10px;
  }

  .margin-lr-10 {
    margin-left: 10px;
    margin-right: 10px;
  }

  .margin-tb-10 {
    margin-bottom: 10px;
    margin-top: 10px;
  }

  .margin-10 {
    margin: 10px;
  }

  .padding-t-10 {
    padding-top: 10px;
  }

  .padding-b-10 {
    padding-bottom: 10px;
  }

  .padding-l-10 {
    padding-left: 10px;
  }

  .padding-r-10 {
    padding-right: 10px;
  }

  .padding-lr-10 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .padding-tb-10 {
    padding-bottom: 10px;
    padding-top: 10px;
  }

  .padding-10 {
    padding: 10px;
  }
}

@media screen and (min-width: 1301px) and (max-width: 5000px) {
  .margin-t-10 {
    margin-top: 12px;
  }

  .margin-b-10 {
    margin-bottom: 12px;
  }

  .margin-l-10 {
    margin-left: 12px;
  }

  .margin-r-10 {
    margin-right: 12px;
  }

  .margin-lr-10 {
    margin-left: 12px;
    margin-right: 12px;
  }

  .margin-tb-10 {
    margin-bottom: 12px;
    margin-top: 12px;
  }

  .margin-10 {
    margin: 12px;
  }

  .padding-t-10 {
    padding-top: 12px;
  }

  .padding-b-10 {
    padding-bottom: 12px;
  }

  .padding-l-10 {
    padding-left: 12px;
  }

  .padding-r-10 {
    padding-right: 12px;
  }

  .padding-lr-10 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .padding-tb-10 {
    padding-bottom: 12px;
    padding-top: 12px;
  }

  .padding-10 {
    padding: 12px;
  }
}

@media screen and (min-width: 0px) and (max-width: 800px) {
  .margin-t-15 {
    margin-top: 13px;
  }

  .margin-b-15 {
    margin-bottom: 13px;
  }

  .margin-l-15 {
    margin-left: 13px;
  }

  .margin-r-15 {
    margin-right: 13px;
  }

  .margin-lr-15 {
    margin-left: 13px;
    margin-right: 13px;
  }

  .margin-tb-15 {
    margin-bottom: 13px;
    margin-top: 13px;
  }

  .margin-15 {
    margin: 13px;
  }

  .padding-t-15 {
    padding-top: 13px;
  }

  .padding-b-15 {
    padding-bottom: 13px;
  }

  .padding-l-15 {
    padding-left: 13px;
  }

  .padding-r-15 {
    padding-right: 13px;
  }

  .padding-lr-15 {
    padding-left: 13px;
    padding-right: 13px;
  }

  .padding-tb-15 {
    padding-bottom: 13px;
    padding-top: 13px;
  }

  .padding-15 {
    padding: 13px;
  }
}

@media screen and (min-width: 801px) and (max-width: 1170px) {
  .margin-t-15 {
    margin-top: 14px;
  }

  .margin-b-15 {
    margin-bottom: 14px;
  }

  .margin-l-15 {
    margin-left: 14px;
  }

  .margin-r-15 {
    margin-right: 14px;
  }

  .margin-lr-15 {
    margin-left: 14px;
    margin-right: 14px;
  }

  .margin-tb-15 {
    margin-bottom: 14px;
    margin-top: 14px;
  }

  .margin-15 {
    margin: 14px;
  }

  .padding-t-15 {
    padding-top: 14px;
  }

  .padding-b-15 {
    padding-bottom: 14px;
  }

  .padding-l-15 {
    padding-left: 14px;
  }

  .padding-r-15 {
    padding-right: 14px;
  }

  .padding-lr-15 {
    padding-left: 14px;
    padding-right: 14px;
  }

  .padding-tb-15 {
    padding-bottom: 14px;
    padding-top: 14px;
  }

  .padding-15 {
    padding: 14px;
  }
}

@media screen and (min-width: 1171px) and (max-width: 1300px) {
  .margin-t-15 {
    margin-top: 15px;
  }

  .margin-b-15 {
    margin-bottom: 15px;
  }

  .margin-l-15 {
    margin-left: 15px;
  }

  .margin-r-15 {
    margin-right: 15px;
  }

  .margin-lr-15 {
    margin-left: 15px;
    margin-right: 15px;
  }

  .margin-tb-15 {
    margin-bottom: 15px;
    margin-top: 15px;
  }

  .margin-15 {
    margin: 15px;
  }

  .padding-t-15 {
    padding-top: 15px;
  }

  .padding-b-15 {
    padding-bottom: 15px;
  }

  .padding-l-15 {
    padding-left: 15px;
  }

  .padding-r-15 {
    padding-right: 15px;
  }

  .padding-lr-15 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .padding-tb-15 {
    padding-bottom: 15px;
    padding-top: 15px;
  }

  .padding-15 {
    padding: 15px;
  }
}

@media screen and (min-width: 1301px) and (max-width: 5000px) {
  .margin-t-15 {
    margin-top: 16px;
  }

  .margin-b-15 {
    margin-bottom: 16px;
  }

  .margin-l-15 {
    margin-left: 16px;
  }

  .margin-r-15 {
    margin-right: 16px;
  }

  .margin-lr-15 {
    margin-left: 16px;
    margin-right: 16px;
  }

  .margin-tb-15 {
    margin-bottom: 16px;
    margin-top: 16px;
  }

  .margin-15 {
    margin: 16px;
  }

  .padding-t-15 {
    padding-top: 16px;
  }

  .padding-b-15 {
    padding-bottom: 16px;
  }

  .padding-l-15 {
    padding-left: 16px;
  }

  .padding-r-15 {
    padding-right: 16px;
  }

  .padding-lr-15 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .padding-tb-15 {
    padding-bottom: 16px;
    padding-top: 16px;
  }

  .padding-15 {
    padding: 16px;
  }
}

@media screen and (min-width: 0px) and (max-width: 800px) {
  .margin-t-20 {
    margin-top: 16px;
  }

  .margin-b-20 {
    margin-bottom: 16px;
  }

  .margin-l-20 {
    margin-left: 16px;
  }

  .margin-r-20 {
    margin-right: 16px;
  }

  .margin-lr-20 {
    margin-left: 16px;
    margin-right: 16px;
  }

  .margin-tb-20 {
    margin-bottom: 16px;
    margin-top: 16px;
  }

  .margin-20 {
    margin: 16px;
  }

  .padding-t-20 {
    padding-top: 16px;
  }

  .padding-b-20 {
    padding-bottom: 16px;
  }

  .padding-l-20 {
    padding-left: 16px;
  }

  .padding-r-20 {
    padding-right: 16px;
  }

  .padding-lr-20 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .padding-tb-20 {
    padding-bottom: 16px;
    padding-top: 16px;
  }

  .padding-20 {
    padding: 16px;
  }
}

@media screen and (min-width: 801px) and (max-width: 1170px) {
  .margin-t-20 {
    margin-top: 18px;
  }

  .margin-b-20 {
    margin-bottom: 18px;
  }

  .margin-l-20 {
    margin-left: 18px;
  }

  .margin-r-20 {
    margin-right: 18px;
  }

  .margin-lr-20 {
    margin-left: 18px;
    margin-right: 18px;
  }

  .margin-tb-20 {
    margin-bottom: 18px;
    margin-top: 18px;
  }

  .margin-20 {
    margin: 18px;
  }

  .padding-t-20 {
    padding-top: 18px;
  }

  .padding-b-20 {
    padding-bottom: 18px;
  }

  .padding-l-20 {
    padding-left: 18px;
  }

  .padding-r-20 {
    padding-right: 18px;
  }

  .padding-lr-20 {
    padding-left: 18px;
    padding-right: 18px;
  }

  .padding-tb-20 {
    padding-bottom: 18px;
    padding-top: 18px;
  }

  .padding-20 {
    padding: 18px;
  }
}

@media screen and (min-width: 1171px) and (max-width: 1300px) {
  .margin-t-20 {
    margin-top: 20px;
  }

  .margin-b-20 {
    margin-bottom: 20px;
  }

  .margin-l-20 {
    margin-left: 20px;
  }

  .margin-r-20 {
    margin-right: 20px;
  }

  .margin-lr-20 {
    margin-left: 20px;
    margin-right: 20px;
  }

  .margin-tb-20 {
    margin-bottom: 20px;
    margin-top: 20px;
  }

  .margin-20 {
    margin: 20px;
  }

  .padding-t-20 {
    padding-top: 20px;
  }

  .padding-b-20 {
    padding-bottom: 20px;
  }

  .padding-l-20 {
    padding-left: 20px;
  }

  .padding-r-20 {
    padding-right: 20px;
  }

  .padding-lr-20 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .padding-tb-20 {
    padding-bottom: 20px;
    padding-top: 20px;
  }

  .padding-20 {
    padding: 20px;
  }
}

@media screen and (min-width: 1301px) and (max-width: 5000px) {
  .margin-t-20 {
    margin-top: 25px;
  }

  .margin-b-20 {
    margin-bottom: 25px;
  }

  .margin-l-20 {
    margin-left: 25px;
  }

  .margin-r-20 {
    margin-right: 25px;
  }

  .margin-lr-20 {
    margin-left: 25px;
    margin-right: 25px;
  }

  .margin-tb-20 {
    margin-bottom: 25px;
    margin-top: 25px;
  }

  .margin-20 {
    margin: 25px;
  }

  .padding-t-20 {
    padding-top: 25px;
  }

  .padding-b-20 {
    padding-bottom: 25px;
  }

  .padding-l-20 {
    padding-left: 25px;
  }

  .padding-r-20 {
    padding-right: 25px;
  }

  .padding-lr-20 {
    padding-left: 25px;
    padding-right: 25px;
  }

  .padding-tb-20 {
    padding-bottom: 25px;
    padding-top: 25px;
  }

  .padding-20 {
    padding: 25px;
  }
}

@media screen and (min-width: 0px) and (max-width: 800px) {
  .margin-t-30 {
    margin-top: 25px;
  }

  .margin-b-30 {
    margin-bottom: 25px;
  }

  .margin-l-30 {
    margin-left: 25px;
  }

  .margin-r-30 {
    margin-right: 25px;
  }

  .margin-lr-30 {
    margin-left: 25px;
    margin-right: 25px;
  }

  .margin-tb-30 {
    margin-bottom: 25px;
    margin-top: 25px;
  }

  .margin-30 {
    margin: 25px;
  }

  .padding-t-30 {
    padding-top: 25px;
  }

  .padding-b-30 {
    padding-bottom: 25px;
  }

  .padding-l-30 {
    padding-left: 25px;
  }

  .padding-r-30 {
    padding-right: 25px;
  }

  .padding-lr-30 {
    padding-left: 25px;
    padding-right: 25px;
  }

  .padding-tb-30 {
    padding-bottom: 25px;
    padding-top: 25px;
  }

  .padding-30 {
    padding: 25px;
  }
}

@media screen and (min-width: 801px) and (max-width: 1170px) {
  .margin-t-30 {
    margin-top: 28px;
  }

  .margin-b-30 {
    margin-bottom: 28px;
  }

  .margin-l-30 {
    margin-left: 28px;
  }

  .margin-r-30 {
    margin-right: 28px;
  }

  .margin-lr-30 {
    margin-left: 28px;
    margin-right: 28px;
  }

  .margin-tb-30 {
    margin-bottom: 28px;
    margin-top: 28px;
  }

  .margin-30 {
    margin: 28px;
  }

  .padding-t-30 {
    padding-top: 28px;
  }

  .padding-b-30 {
    padding-bottom: 28px;
  }

  .padding-l-30 {
    padding-left: 28px;
  }

  .padding-r-30 {
    padding-right: 28px;
  }

  .padding-lr-30 {
    padding-left: 28px;
    padding-right: 28px;
  }

  .padding-tb-30 {
    padding-bottom: 28px;
    padding-top: 28px;
  }

  .padding-30 {
    padding: 28px;
  }
}

@media screen and (min-width: 1171px) and (max-width: 1300px) {
  .margin-t-30 {
    margin-top: 30px;
  }

  .margin-b-30 {
    margin-bottom: 30px;
  }

  .margin-l-30 {
    margin-left: 30px;
  }

  .margin-r-30 {
    margin-right: 30px;
  }

  .margin-lr-30 {
    margin-left: 30px;
    margin-right: 30px;
  }

  .margin-tb-30 {
    margin-bottom: 30px;
    margin-top: 30px;
  }

  .margin-30 {
    margin: 30px;
  }

  .padding-t-30 {
    padding-top: 30px;
  }

  .padding-b-30 {
    padding-bottom: 30px;
  }

  .padding-l-30 {
    padding-left: 30px;
  }

  .padding-r-30 {
    padding-right: 30px;
  }

  .padding-lr-30 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .padding-tb-30 {
    padding-bottom: 30px;
    padding-top: 30px;
  }

  .padding-30 {
    padding: 30px;
  }
}

@media screen and (min-width: 1301px) and (max-width: 5000px) {
  .margin-t-30 {
    margin-top: 35px;
  }

  .margin-b-30 {
    margin-bottom: 35px;
  }

  .margin-l-30 {
    margin-left: 35px;
  }

  .margin-r-30 {
    margin-right: 35px;
  }

  .margin-lr-30 {
    margin-left: 35px;
    margin-right: 35px;
  }

  .margin-tb-30 {
    margin-bottom: 35px;
    margin-top: 35px;
  }

  .margin-30 {
    margin: 35px;
  }

  .padding-t-30 {
    padding-top: 35px;
  }

  .padding-b-30 {
    padding-bottom: 35px;
  }

  .padding-l-30 {
    padding-left: 35px;
  }

  .padding-r-30 {
    padding-right: 35px;
  }

  .padding-lr-30 {
    padding-left: 35px;
    padding-right: 35px;
  }

  .padding-tb-30 {
    padding-bottom: 35px;
    padding-top: 35px;
  }

  .padding-30 {
    padding: 35px;
  }
}

@media screen and (min-width: 0px) and (max-width: 800px) {
  .margin-t-50 {
    margin-top: 40px;
  }

  .margin-b-50 {
    margin-bottom: 40px;
  }

  .margin-l-50 {
    margin-left: 40px;
  }

  .margin-r-50 {
    margin-right: 40px;
  }

  .margin-lr-50 {
    margin-left: 40px;
    margin-right: 40px;
  }

  .margin-tb-50 {
    margin-bottom: 40px;
    margin-top: 40px;
  }

  .margin-50 {
    margin: 40px;
  }

  .padding-t-50 {
    padding-top: 40px;
  }

  .padding-b-50 {
    padding-bottom: 40px;
  }

  .padding-l-50 {
    padding-left: 40px;
  }

  .padding-r-50 {
    padding-right: 40px;
  }

  .padding-lr-50 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .padding-tb-50 {
    padding-bottom: 40px;
    padding-top: 40px;
  }

  .padding-50 {
    padding: 40px;
  }
}

@media screen and (min-width: 801px) and (max-width: 1170px) {
  .margin-t-50 {
    margin-top: 45px;
  }

  .margin-b-50 {
    margin-bottom: 45px;
  }

  .margin-l-50 {
    margin-left: 45px;
  }

  .margin-r-50 {
    margin-right: 45px;
  }

  .margin-lr-50 {
    margin-left: 45px;
    margin-right: 45px;
  }

  .margin-tb-50 {
    margin-bottom: 45px;
    margin-top: 45px;
  }

  .margin-50 {
    margin: 45px;
  }

  .padding-t-50 {
    padding-top: 45px;
  }

  .padding-b-50 {
    padding-bottom: 45px;
  }

  .padding-l-50 {
    padding-left: 45px;
  }

  .padding-r-50 {
    padding-right: 45px;
  }

  .padding-lr-50 {
    padding-left: 45px;
    padding-right: 45px;
  }

  .padding-tb-50 {
    padding-bottom: 45px;
    padding-top: 45px;
  }

  .padding-50 {
    padding: 45px;
  }
}

@media screen and (min-width: 1171px) and (max-width: 1300px) {
  .margin-t-50 {
    margin-top: 50px;
  }

  .margin-b-50 {
    margin-bottom: 50px;
  }

  .margin-l-50 {
    margin-left: 50px;
  }

  .margin-r-50 {
    margin-right: 50px;
  }

  .margin-lr-50 {
    margin-left: 50px;
    margin-right: 50px;
  }

  .margin-tb-50 {
    margin-bottom: 50px;
    margin-top: 50px;
  }

  .margin-50 {
    margin: 50px;
  }

  .padding-t-50 {
    padding-top: 50px;
  }

  .padding-b-50 {
    padding-bottom: 50px;
  }

  .padding-l-50 {
    padding-left: 50px;
  }

  .padding-r-50 {
    padding-right: 50px;
  }

  .padding-lr-50 {
    padding-left: 50px;
    padding-right: 50px;
  }

  .padding-tb-50 {
    padding-bottom: 50px;
    padding-top: 50px;
  }

  .padding-50 {
    padding: 50px;
  }
}

@media screen and (min-width: 1301px) and (max-width: 5000px) {
  .margin-t-50 {
    margin-top: 55px;
  }

  .margin-b-50 {
    margin-bottom: 55px;
  }

  .margin-l-50 {
    margin-left: 55px;
  }

  .margin-r-50 {
    margin-right: 55px;
  }

  .margin-lr-50 {
    margin-left: 55px;
    margin-right: 55px;
  }

  .margin-tb-50 {
    margin-bottom: 55px;
    margin-top: 55px;
  }

  .margin-50 {
    margin: 55px;
  }

  .padding-t-50 {
    padding-top: 55px;
  }

  .padding-b-50 {
    padding-bottom: 55px;
  }

  .padding-l-50 {
    padding-left: 55px;
  }

  .padding-r-50 {
    padding-right: 55px;
  }

  .padding-lr-50 {
    padding-left: 55px;
    padding-right: 55px;
  }

  .padding-tb-50 {
    padding-bottom: 55px;
    padding-top: 55px;
  }

  .padding-50 {
    padding: 55px;
  }
}

@media screen and (min-width: 0px) and (max-width: 800px) {
  .margin-t-album {
    margin-top: 80px;
  }

  .margin-b-album {
    margin-bottom: 80px;
  }

  .margin-l-album {
    margin-left: 80px;
  }

  .margin-r-album {
    margin-right: 80px;
  }

  .margin-lr-album {
    margin-left: 80px;
    margin-right: 80px;
  }

  .margin-tb-album {
    margin-bottom: 80px;
    margin-top: 80px;
  }

  .margin-album {
    margin: 80px;
  }

  .padding-t-album {
    padding-top: 80px;
  }

  .padding-b-album {
    padding-bottom: 80px;
  }

  .padding-l-album {
    padding-left: 80px;
  }

  .padding-r-album {
    padding-right: 80px;
  }

  .padding-lr-album {
    padding-left: 80px;
    padding-right: 80px;
  }

  .padding-tb-album {
    padding-bottom: 80px;
    padding-top: 80px;
  }

  .padding-album {
    padding: 80px;
  }
}

@media screen and (min-width: 801px) and (max-width: 1170px) {
  .margin-t-album {
    margin-top: 85px;
  }

  .margin-b-album {
    margin-bottom: 85px;
  }

  .margin-l-album {
    margin-left: 85px;
  }

  .margin-r-album {
    margin-right: 85px;
  }

  .margin-lr-album {
    margin-left: 85px;
    margin-right: 85px;
  }

  .margin-tb-album {
    margin-bottom: 85px;
    margin-top: 85px;
  }

  .margin-album {
    margin: 85px;
  }

  .padding-t-album {
    padding-top: 85px;
  }

  .padding-b-album {
    padding-bottom: 85px;
  }

  .padding-l-album {
    padding-left: 85px;
  }

  .padding-r-album {
    padding-right: 85px;
  }

  .padding-lr-album {
    padding-left: 85px;
    padding-right: 85px;
  }

  .padding-tb-album {
    padding-bottom: 85px;
    padding-top: 85px;
  }

  .padding-album {
    padding: 85px;
  }
}

@media screen and (min-width: 1171px) and (max-width: 1300px) {
  .margin-t-album {
    margin-top: 90px;
  }

  .margin-b-album {
    margin-bottom: 90px;
  }

  .margin-l-album {
    margin-left: 90px;
  }

  .margin-r-album {
    margin-right: 90px;
  }

  .margin-lr-album {
    margin-left: 90px;
    margin-right: 90px;
  }

  .margin-tb-album {
    margin-bottom: 90px;
    margin-top: 90px;
  }

  .margin-album {
    margin: 90px;
  }

  .padding-t-album {
    padding-top: 90px;
  }

  .padding-b-album {
    padding-bottom: 90px;
  }

  .padding-l-album {
    padding-left: 90px;
  }

  .padding-r-album {
    padding-right: 90px;
  }

  .padding-lr-album {
    padding-left: 90px;
    padding-right: 90px;
  }

  .padding-tb-album {
    padding-bottom: 90px;
    padding-top: 90px;
  }

  .padding-album {
    padding: 90px;
  }
}

@media screen and (min-width: 1301px) and (max-width: 5000px) {
  .margin-t-album {
    margin-top: 95px;
  }

  .margin-b-album {
    margin-bottom: 95px;
  }

  .margin-l-album {
    margin-left: 95px;
  }

  .margin-r-album {
    margin-right: 95px;
  }

  .margin-lr-album {
    margin-left: 95px;
    margin-right: 95px;
  }

  .margin-tb-album {
    margin-bottom: 95px;
    margin-top: 95px;
  }

  .margin-album {
    margin: 95px;
  }

  .padding-t-album {
    padding-top: 95px;
  }

  .padding-b-album {
    padding-bottom: 95px;
  }

  .padding-l-album {
    padding-left: 95px;
  }

  .padding-r-album {
    padding-right: 95px;
  }

  .padding-lr-album {
    padding-left: 95px;
    padding-right: 95px;
  }

  .padding-tb-album {
    padding-bottom: 95px;
    padding-top: 95px;
  }

  .padding-album {
    padding: 95px;
  }
}

@media screen and (min-width: 0px) and (max-width: 800px) {
  .height-input {
    height: 30px;
  }

  .width-input {
    width: 30px;
  }
}

@media screen and (min-width: 801px) and (max-width: 1170px) {
  .height-input {
    height: 32px;
  }

  .width-input {
    width: 32px;
  }
}

@media screen and (min-width: 1171px) and (max-width: 1300px) {
  .height-input {
    height: 35px;
  }

  .width-input {
    width: 35px;
  }
}

@media screen and (min-width: 1301px) and (max-width: 5000px) {
  .height-input {
    height: 38px;
  }

  .width-input {
    width: 38px;
  }
}

@media screen and (min-width: 0px) and (max-width: 800px) {
  .height-input-b {
    height: 40px;
  }

  .width-input-b {
    width: 40px;
  }
}

@media screen and (min-width: 801px) and (max-width: 1170px) {
  .height-input-b {
    height: 42px;
  }

  .width-input-b {
    width: 42px;
  }
}

@media screen and (min-width: 1171px) and (max-width: 1300px) {
  .height-input-b {
    height: 45px;
  }

  .width-input-b {
    width: 45px;
  }
}

@media screen and (min-width: 1301px) and (max-width: 5000px) {
  .height-input-b {
    height: 48px;
  }

  .width-input-b {
    width: 48px;
  }
}

@media screen and (min-width: 0px) and (max-width: 800px) {
  .height-textarea {
    height: 65px;
  }

  .width-textarea {
    width: 65px;
  }
}

@media screen and (min-width: 801px) and (max-width: 1170px) {
  .height-textarea {
    height: 75px;
  }

  .width-textarea {
    width: 75px;
  }
}

@media screen and (min-width: 1171px) and (max-width: 1300px) {
  .height-textarea {
    height: 80px;
  }

  .width-textarea {
    width: 80px;
  }
}

@media screen and (min-width: 1301px) and (max-width: 5000px) {
  .height-textarea {
    height: 85px;
  }

  .width-textarea {
    width: 85px;
  }
}

@media screen and (min-width: 0px) and (max-width: 800px) {
  .height-photo {
    height: 150px;
  }

  .width-photo {
    width: 150px;
  }
}

@media screen and (min-width: 801px) and (max-width: 1170px) {
  .height-photo {
    height: 160px;
  }

  .width-photo {
    width: 160px;
  }
}

@media screen and (min-width: 1171px) and (max-width: 1300px) {
  .height-photo {
    height: 170px;
  }

  .width-photo {
    width: 170px;
  }
}

@media screen and (min-width: 1301px) and (max-width: 5000px) {
  .height-photo {
    height: 180px;
  }

  .width-photo {
    width: 180px;
  }
}

@media screen and (min-width: 0px) and (max-width: 800px) {
  .height-album {
    height: 80px;
  }

  .width-album {
    width: 80px;
  }
}

@media screen and (min-width: 801px) and (max-width: 1170px) {
  .height-album {
    height: 90px;
  }

  .width-album {
    width: 90px;
  }
}

@media screen and (min-width: 1171px) and (max-width: 1300px) {
  .height-album {
    height: 100px;
  }

  .width-album {
    width: 100px;
  }
}

@media screen and (min-width: 1301px) and (max-width: 5000px) {
  .height-album {
    height: 110px;
  }

  .width-album {
    width: 110px;
  }
}

@media screen and (min-width: 0px) and (max-width: 800px) {
  .height-album2 {
    height: 55px;
  }

  .width-album2 {
    width: 55px;
  }
}

@media screen and (min-width: 801px) and (max-width: 1170px) {
  .height-album2 {
    height: 60px;
  }

  .width-album2 {
    width: 60px;
  }
}

@media screen and (min-width: 1171px) and (max-width: 1300px) {
  .height-album2 {
    height: 65px;
  }

  .width-album2 {
    width: 65px;
  }
}

@media screen and (min-width: 1301px) and (max-width: 5000px) {
  .height-album2 {
    height: 70px;
  }

  .width-album2 {
    width: 70px;
  }
}

@media screen and (min-width: 0px) and (max-width: 800px) {
  .height-card {
    height: 100px;
  }

  .width-card {
    width: 100px;
  }
}

@media screen and (min-width: 801px) and (max-width: 1170px) {
  .height-card {
    height: 110px;
  }

  .width-card {
    width: 110px;
  }
}

@media screen and (min-width: 1171px) and (max-width: 1300px) {
  .height-card {
    height: 120px;
  }

  .width-card {
    width: 120px;
  }
}

@media screen and (min-width: 1301px) and (max-width: 5000px) {
  .height-card {
    height: 130px;
  }

  .width-card {
    width: 130px;
  }
}

@media screen and (min-width: 0px) and (max-width: 800px) {
  .height-slide1 {
    height: 400px;
  }

  .width-slide1 {
    width: 400px;
  }
}

@media screen and (min-width: 801px) and (max-width: 1170px) {
  .height-slide1 {
    height: 450px;
  }

  .width-slide1 {
    width: 450px;
  }
}

@media screen and (min-width: 1171px) and (max-width: 1300px) {
  .height-slide1 {
    height: 490px;
  }

  .width-slide1 {
    width: 490px;
  }
}

@media screen and (min-width: 1301px) and (max-width: 5000px) {
  .height-slide1 {
    height: 534px;
  }

  .width-slide1 {
    width: 534px;
  }
}

@media screen and (min-width: 0px) and (max-width: 800px) {
  .height-slide2 {
    height: 480px;
  }

  .width-slide2 {
    width: 480px;
  }
}

@media screen and (min-width: 801px) and (max-width: 1170px) {
  .height-slide2 {
    height: 500px;
  }

  .width-slide2 {
    width: 500px;
  }
}

@media screen and (min-width: 1171px) and (max-width: 1300px) {
  .height-slide2 {
    height: 520px;
  }

  .width-slide2 {
    width: 520px;
  }
}

@media screen and (min-width: 1301px) and (max-width: 5000px) {
  .height-slide2 {
    height: 542px;
  }

  .width-slide2 {
    width: 542px;
  }
}

@media screen and (min-width: 0px) and (max-width: 800px) {
  .height-slide3 {
    height: 450px;
  }

  .width-slide3 {
    width: 450px;
  }
}

@media screen and (min-width: 801px) and (max-width: 1170px) {
  .height-slide3 {
    height: 480px;
  }

  .width-slide3 {
    width: 480px;
  }
}

@media screen and (min-width: 1171px) and (max-width: 1300px) {
  .height-slide3 {
    height: 500px;
  }

  .width-slide3 {
    width: 500px;
  }
}

@media screen and (min-width: 1301px) and (max-width: 5000px) {
  .height-slide3 {
    height: 510px;
  }

  .width-slide3 {
    width: 510px;
  }
}

@media screen and (min-width: 0px) and (max-width: 800px) {
  .height-blue-bg {
    height: 250px;
  }

  .width-blue-bg {
    width: 250px;
  }
}

@media screen and (min-width: 801px) and (max-width: 1170px) {
  .height-blue-bg {
    height: 250px;
  }

  .width-blue-bg {
    width: 250px;
  }
}

@media screen and (min-width: 1171px) and (max-width: 1300px) {
  .height-blue-bg {
    height: 250px;
  }

  .width-blue-bg {
    width: 250px;
  }
}

@media screen and (min-width: 1301px) and (max-width: 5000px) {
  .height-blue-bg {
    height: 277px;
  }

  .width-blue-bg {
    width: 277px;
  }
}

.font-xxxs {
  font-size: 10px;
}

@media screen and (min-width: 1301px) {
  .font-xxxs {
    font-size: 11px;
  }
}

.font-xxs {
  font-size: 11px;
}

@media screen and (min-width: 1301px) {
  .font-xxs {
    font-size: 12px;
  }
}

.font-xs {
  font-size: 12px;
}

@media screen and (min-width: 1301px) {
  .font-xs {
    font-size: 13px;
  }
}

.font-s {
  font-size: 13px;
}

@media screen and (min-width: 1301px) {
  .font-s {
    font-size: 14px;
  }
}

.font-m {
  font-size: 15px;
}

@media screen and (min-width: 1301px) {
  .font-m {
    font-size: 16px;
  }
}

.font-l {
  font-size: 16px;
}

@media screen and (min-width: 1301px) {
  .font-l {
    font-size: 17px;
  }
}

.font-xl {
  font-size: 18px;
}

@media screen and (min-width: 1301px) {
  .font-xl {
    font-size: 19px;
  }
}

.font-xxl {
  font-size: 19px;
}

@media screen and (min-width: 1301px) {
  .font-xxl {
    font-size: 20px;
  }
}

.font-g {
  font-size: 20px;
}

@media screen and (min-width: 1301px) {
  .font-g {
    font-size: 22px;
  }
}

.font-title {
  font-size: 26px;
}

@media screen and (min-width: 1301px) {
  .font-title {
    font-size: 28px;
  }
}

.font-slide {
  font-size: 35px;
}

@media screen and (min-width: 1301px) {
  .font-slide {
    font-size: 40px;
  }
}

.font-giant {
  font-size: 74px;
}

.bg-auth {
  background-image: url("/img/bg-auth.svg");
  height: 100%;
}

.auth {
  background: -webkit-gradient(linear, left top, right top, color-stop(56%, rgba(255, 255, 255, 0)), color-stop(0%, rgba(156, 192, 243, 0.4)), color-stop(77.6%, rgba(182, 237, 255, 0.4)));
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 56%, rgba(156, 192, 243, 0.4) 0%, rgba(182, 237, 255, 0.4) 77.6%);
  height: 100%;
  min-height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.auth .header {
  padding-top: 24px;
}

.auth .logo {
  color: white;
  font-size: 13px;
}

.auth .social img {
  height: 25px;
}

@media (max-width: 1100px) {
  .auth .social img {
    height: 20px;
  }
}

.auth .social img:hover {
  opacity: 0.8;
}

.auth .phone {
  background-image: url("/img/phone-bg.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.auth .phone a {
  color: #3C4869;
}

.auth .phone a:hover {
  color: #285486;
}

.auth .left-container {
  width: 55%;
}

@media (max-width: 1023px) {
  .auth .left-container .img-item {
    width: 30%;
  }

  .auth .left-container .img-item img {
    width: 100%;
  }
}

.auth .left-container .img-item .bg-block {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background: #FF5858;
  -webkit-transform: rotate(-3.51deg);
          transform: rotate(-3.51deg);
}

.auth .left-container .img-item .bg-block > div {
  color: white;
  -webkit-transform: rotate(3.51deg);
          transform: rotate(3.51deg);
}

.auth .left-container .orange-bg-div {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background: #f98544;
  color: white;
  border-radius: 36px;
}

.auth .left-container .slick-1 {
  margin-bottom: 50px;
}

.auth .left-container .slick-1 .item {
  width: 392px;
  height: 204px;
}

.auth .left-container .slick-1 .item-inner {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.auth .form-container {
  width: 40%;
}

.auth .form-container .blue-bg-container {
  background-color: #E1E9F8;
}

.auth .form-container .blue-bg-container a {
  color: #8F9FBE;
}

.auth .form-container .blue-bg-container.left {
  border-radius: 8px 0 5px 0;
}

.auth .form-container .blue-bg-container.right {
  border-radius: 0 8px 0 5px;
}

.auth .form-container form {
  background-color: white;
  border: 1px solid white;
  border-radius: 8px;
}

.auth .form-container .fields-container .field {
  width: 100%;
}

.auth .form-container .fields-container .field input {
  width: 100%;
  border: 1px solid #EFF1F2;
  background-color: #EFF1F2;
  border-radius: 4px;
  color: #77787a;
}

.auth .form-container .fields-container .field input.has-error {
  border: 1px solid #f16e6e;
}

.auth .form-container .orange-button {
  background: -webkit-gradient(linear, left top, right top, from(#E65C00), to(#F9B023));
  background: linear-gradient(90deg, #E65C00 0%, #F9B023 100%);
  border-radius: 36px;
  color: white;
  border: none;
  font-size: 18px;
}

@media (max-width: 1100px) {
  .auth .form-container .orange-button {
    font-size: 16px;
  }
}

.auth .form-container .green-button {
  background-color: #5DBD3C;
  border: 1px solid transparent;
  border-radius: 36px;
  color: white;
}

.auth .form-container .green-button:hover {
  background-color: #57b139;
}

.auth .form-container .green-button.question {
  background-image: url("/img/auth_question.png");
  background-repeat: no-repeat;
  background-position: 10px;
  padding-left: 56px;
  padding-right: 20px;
}

.auth .form-container .go-button {
  background: url("/img/go-button.png") no-repeat center;
  background-size: contain;
  color: white;
  background-color: transparent;
  border: none;
  font-size: 18px;
}

.auth .form-container .go-button:hover {
  background-image: url("/img/go-button-hover.png");
}

@media (max-width: 1100px) {
  .auth .form-container .go-button {
    font-size: 16px;
  }
}

.auth .form-container .go-button-l {
  background: url("/img/go-button-l.png") no-repeat center;
  background-size: contain;
  color: white;
  background-color: transparent;
  border: none;
  font-size: 17px;
}

@media (max-width: 1100px) {
  .auth .form-container .go-button-l {
    font-size: 16px;
  }
}

.auth .form-container .errors-container {
  color: #f16e6e;
}

.auth .form-container .navigation .item {
  width: 50%;
  border-bottom: 2px solid #c1c1c1;
}

.auth .form-container .navigation .item.orange {
  border-bottom: 2px solid #f98544;
}

.auth .form-container .item-border {
  border: 1px solid rgba(255, 255, 255, 0.4);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 13px;
}

.auth .footer.bg-left {
  background: -webkit-gradient(linear, left top, right top, color-stop(56%, rgba(255, 255, 255, 0.7)), color-stop(56%, rgba(255, 255, 255, 0)));
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.7) 56%, rgba(255, 255, 255, 0) 56%);
}

.auth .footer .left-container {
  width: 55%;
}

.auth .footer .left-container .white-bg-div {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background: white;
  color: #3C4869;
  border-radius: 36px;
}

.auth .footer .right-container {
  width: 40%;
}

.auth .footer p {
  margin: 5px 0;
}

.top-container {
  width: 100%;
  color: #77787a;
}

.top-container .social {
  margin-left: auto;
  margin-right: auto;
  width: 80%;
}

.top-container .social div img {
  height: 26px;
}

.top-container .social div img:hover {
  opacity: 0.8;
}

.top-container .user-info {
  border: 2px solid white;
  border-radius: 5px;
  padding: 7px;
}

.top-container .user-info .cash-back {
  background-color: #f98544;
  padding: 2px 5px;
  color: white;
  border-radius: 3px;
}

.top-container .attention {
  width: 20px;
}

#profile {
  position: absolute;
  display: none;
  background: url("/img/profile-menu.png") no-repeat center;
  width: 372px;
  height: 335px;
  z-index: 10;
}

.footer-container {
  font-size: 13px;
  background-color: #222424;
  color: white;
}

@media screen and (min-width: 1401px) {
  .footer-container {
    font-size: 14px;
  }
}

.footer-container a {
  text-decoration: none;
}

.footer-container .head {
  border-bottom: 1px solid #77787a;
}

.footer-container .transparent-button {
  background: url("/img/transparent-button.png") no-repeat center;
  background-size: contain;
  width: 272px;
  height: 47px;
  padding-left: 65px;
  color: white;
}

.footer-container .transparent-button:hover {
  opacity: 0.9;
}

.footer-container .social div img {
  height: 25px;
}

.footer-container .social div img:hover {
  opacity: 0.8;
}

.footer-container .tel a {
  font-size: 20px;
  line-height: 0;
  text-decoration: none;
  white-space: nowrap;
}

.menu {
  color: #77787a;
  min-width: 190px;
  padding-bottom: 10px;
  border-bottom: 1px solid #c1c1c1;
}

.menu .menu-item {
  height: 36px;
}

.menu > div:hover,
.menu .active {
  font-weight: bold;
}

.menu .active {
  background-color: white;
}

.menu.fixed {
  background-color: #e6e6e6;
  position: fixed;
  z-index: 6;
}

.menu .amount {
  border-radius: 10px;
  padding: 0 8px;
  color: white;
  background-color: #77787a;
}

.menu .amount.orange {
  background-color: #f98544;
  color: white;
}

.menu.tablet-hidden .active {
  background-image: url("/img/menu-active-bg.png");
  background-repeat: no-repeat;
  background-position: left;
}

.menu.tablet-hidden .active + .menu-item {
  background-image: url("/img/blue-right-top-bg.png");
  background-repeat: no-repeat;
  background-position: right top;
}

.menu.tablet-hidden .previous-active {
  background-image: url("/img/blue-right-bottom-bg.png");
  background-repeat: no-repeat;
  background-position: right bottom;
}

.buttons-menu .menu-item:hover,
.buttons-menu .menu-item.active {
  font-weight: bold;
}

.buttons-menu .menu-item img {
  width: 23px;
  height: 23px;
}

.buttons-menu .orange-button {
  background: url("/img/orange-button.png") no-repeat center;
  width: 254px;
  height: 38px;
  color: white;
}

@media (max-width: 1300px) {
  .buttons-menu .orange-button {
    border-radius: 15px;
    width: auto;
    height: auto;
  }
}

.center-container {
  font-family: "Roboto";
  color: #77787a;
  font-size: 14px;
}

@media screen and (min-width: 1401px) {
  .center-container {
    font-size: 15px;
  }
}

.center-container .main-title {
  font-weight: 500;
  width: 90%;
}

.center-container .main-title.center {
  width: 80%;
  margin-left: 10%;
}

.center-container .border-bottom {
  border-bottom: 1px solid #c1c1c1;
}

.center-container .photo-block .photo-item {
  width: 31%;
  background-color: #e6e6e6;
}

.center-container .photo-block .photo-item.empty {
  background: none;
}

.center-container .photo-album .photo-item {
  position: relative;
}

.center-container .photo-album .photo-item .first-photo {
  z-index: 5;
  position: absolute;
  top: 0;
  left: 0;
}

.center-container .photo-album .photo-item .second-photo {
  position: absolute;
  top: 15px;
  left: 15px;
  background-color: #e6e6e6;
}

.center-container .due-date {
  background-image: url("/img/due_date.png");
  background-repeat: no-repeat;
  width: 219px;
  height: 40px;
  color: white;
  padding-top: 13px;
  padding-left: 50px;
}

.center-container table[border="1"] {
  border-collapse: collapse;
  border: 1px solid #c1c1c1;
}

.center-container table[border="1"] td {
  border: 1px solid #c1c1c1;
  padding: 7px;
}

.center-container table.colored tr:nth-child(odd) td {
  background-color: #f4f8f9;
}

.center-container .offer-form-container {
  background-image: url("/img/offer-form-bg.jpg");
  background-size: cover;
  background-position: left center;
  border-radius: 5px;
  height: 125px;
  padding-left: 28%;
  width: 100%;
}

@media (max-width: 1024px) {
  .center-container .offer-form-container {
    height: 120px;
    padding-left: 20%;
  }
}

.center-container .offer-form-container .offer-form {
  height: 100%;
  color: white;
}

.center-container .offer-form-container .offer-form button {
  border: 1px solid white;
  background-color: transparent;
  color: white;
  font-size: 16px;
  font-weight: 500;
  font-family: "Roboto";
  width: 185px;
  min-height: 46px;
  border-radius: 36px;
  padding: 5px 20px;
}

.center-container .offer-form-container .offer-form button:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

.orders-container .orders .sortable img {
  vertical-align: middle;
  margin-left: 3px;
}

.orders-container .orders .number {
  width: 16%;
}

.orders-container .orders .date {
  width: 20%;
}

.orders-container .orders .city {
  width: 22%;
}

.orders-container .orders .object {
  width: 29%;
}

.orders-container .orders .more {
  width: 10%;
}

.orders-container .orders .number,
.orders-container .orders .date,
.orders-container .orders .city,
.orders-container .orders .object,
.orders-container .orders .more {
  padding: 5px;
}

.orders-container .orders .order-item .date,
.orders-container .orders .order-item .city,
.orders-container .orders .order-item .object,
.orders-container .orders .order-item .more {
  border-left: 1px solid #c1c1c1;
  padding: 10px 5px;
}

@media (max-width: 1023px) {
  .orders-container .orders .order-item .date,
  .orders-container .orders .order-item .city,
  .orders-container .orders .order-item .object,
  .orders-container .orders .order-item .more {
    padding: 7px 5px;
  }
}

.orders-container .orders .order-item .big-container,
.orders-container .orders .order-item .small-container {
  border-bottom: 1px solid #c1c1c1;
  border-left: 1px solid #c1c1c1;
  border-right: 1px solid #c1c1c1;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.orders-container .orders .order-item .big-container.inner-item,
.orders-container .orders .order-item .small-container.inner-item {
  border-top: 1px solid #c1c1c1;
  margin-top: 20px;
  border-radius: 5px;
}

.orders-container .orders .order-item .big-container {
  border-left: 1px solid #c1c1c1;
  border-right: 1px solid #c1c1c1;
}

.orders-container .orders .order-item .big-container .number,
.orders-container .orders .order-item .big-container .date,
.orders-container .orders .order-item .big-container .city,
.orders-container .orders .order-item .big-container .object,
.orders-container .orders .order-item .big-container .more {
  border-left: none;
  border-right: none;
}

.orders-container .orders .order-item .big-container .object-more .preview {
  width: 18%;
  padding-left: 5px;
}

.orders-container .orders .order-item .big-container .object-more .preview img {
  width: 100%;
}

.orders-container .orders .order-item .big-container .object-more .name {
  width: 32%;
}

.orders-container .orders .order-item .big-container .object-more .guests {
  width: 50%;
}

.orders-container .orders .order-item .big-container .gray-button {
  background-image: url("/img/gray-button.png");
}

.chat-container .chats .item,
#booking-dialog .chats .item {
  border: 1px solid #e6e6e6;
  border-radius: 10px;
  /*position: relative*/
  /*&:before
        content: ""
        width: 0
        height: 0
        left: -10px
        position: absolute
        border-top: 10px solid $dark-white-color
        border-left: 10px solid transparent*/
}

.chat-container .chats .item.new,
#booking-dialog .chats .item.new {
  background-color: #f4f8f9;
}

.chat-container .chat,
#booking-dialog .chat {
  overflow-y: auto;
  height: 200px;
}

.chat-container .chat-form textarea,
#booking-dialog .chat-form textarea {
  width: 78%;
  background-color: transparent;
  border: none;
  resize: none;
}

.chat-container .booking-form textarea,
#booking-dialog .booking-form textarea {
  width: 78%;
  resize: none;
  background-color: white;
}

.chat-container ::-webkit-scrollbar,
#booking-dialog ::-webkit-scrollbar {
  width: 5px;
}

.chat-container ::-webkit-scrollbar-track,
#booking-dialog ::-webkit-scrollbar-track {
  background: #e3eff0;
}

.chat-container ::-webkit-scrollbar-thumb,
#booking-dialog ::-webkit-scrollbar-thumb {
  background: #c1c1c1;
}

#offer-popup {
  padding: 0;
  width: 500px;
  background-color: #e3eff0;
  border: 1px solid #c1c1c1;
  border-radius: 5px;
}

#offer-popup .title {
  background-image: url("/img/offer-form-bg.jpg");
  background-position: top left -20px;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100px;
  color: white;
  text-align: center;
  padding: 40px 10px 0 70px;
}

#offer-popup .title span {
  text-transform: lowercase;
}

#offer-popup input[type=text] {
  background-color: white;
  border-radius: 5px;
  border: 1px solid white;
  height: 40px;
  width: 200px;
  padding-left: 10px;
}

.reviews .order-item {
  border: 1px solid #c1c1c1;
  border-radius: 5px;
}

.reviews .order-item .info {
  width: 50%;
}

.reviews .order-item .info .preview {
  width: 30%;
  background-color: #e6e6e6;
  height: 80px;
}

.reviews .order-item .info .object {
  width: 70%;
}

.reviews .order-item .buttons {
  width: 50%;
}

.reviews .order-item .buttons .add_review {
  width: 50%;
}

.reviews .order-item .buttons .add_review .column {
  border-right: 1px dashed #c1c1c1;
  border-left: 1px dashed #c1c1c1;
}

.reviews .order-item .buttons .add_photo {
  width: 50%;
}

.reviews .order-item .stars {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.reviews .order-item .stars img {
  margin: 1px;
}

.reviews .order-item .gray-button {
  background-image: url("/img/gray-button.png");
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.bonus-container .bonuses .date {
  width: 20%;
}

.bonus-container .bonuses .title {
  width: 60%;
}

.bonus-container .bonuses .bonus {
  width: 20%;
}

.bonus-container .bonuses .date,
.bonus-container .bonuses .title,
.bonus-container .bonuses .bonus {
  padding: 15px 7px;
}

@media (max-width: 1023px) {
  .bonus-container .bonuses .date,
  .bonus-container .bonuses .title,
  .bonus-container .bonuses .bonus {
    padding: 10px 5px;
  }
}

.bonus-container .bonuses .item {
  border-bottom: 1px solid #c1c1c1;
  border-left: 1px solid #c1c1c1;
  border-right: 1px solid #c1c1c1;
}

.bonus-container .bonuses .item .date,
.bonus-container .bonuses .item .bonus {
  border-left: 1px solid #c1c1c1;
  padding-top: 20px !important;
}

.bonus-container .bonuses .item:last-child {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.bonus-container .bonuses .item img {
  width: 40px;
}

.bonus-container .card-container {
  background-position: left;
  background-image: url("/img/club_card.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 20%;
}

.bonus-container .card-container .card-id {
  padding-left: 64%;
}

@media (max-width: 1023px) {
  .bonus-container .card-container .card-id {
    padding-left: 60%;
  }
}

.bonus-container .bonus-info {
  width: 78%;
}

.bonus-container .heart-block {
  background-image: url("/img/heart-block.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 270px;
  height: 157px;
}

.bonus-container .heart-block .title,
.bonus-container .heart-block .button {
  text-align: center;
}

.bonus-container .heart-block .title {
  height: 72%;
  padding-top: 4%;
}

.bonus-container .heart-block .button {
  height: 28%;
}

@media (max-width: 1300px) {
  .bonus-container .heart-block {
    width: 32%;
    height: 130px;
  }

  .bonus-container .heart-block .title {
    height: 72%;
    padding-top: 1%;
  }
}

.my-manager.left-menu {
  border: 2px solid white;
  border-radius: 7px;
}

.my-manager.left-menu .title {
  background-color: #fff0ed;
  text-align: center;
  border-radius: 3px;
}

.my-manager.left-menu .body {
  background-color: #f98544;
  color: white;
}

.my-manager.left-menu .body .white-button {
  background: url("/img/white-button.png") no-repeat center;
  height: 40px;
  width: 226px;
  border: none;
}

.my-manager.left-menu .body .white-button:hover {
  opacity: 0.9;
}

@media (max-width: 1300px) {
  .my-manager.left-menu .body .white-button {
    border-radius: 15px;
    width: auto;
    height: auto;
  }
}

.your-manager {
  background-image: url("/img/your-manager.png");
  background-repeat: no-repeat;
  background-position: left top;
  width: 261px;
  height: 29px;
  padding-top: 5px;
  padding-left: 40px;
}

.profile-container .card-container {
  background-position: right;
  background-image: url("/img/club_card.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 25%;
}

.profile-container .phone-container,
.profile-container .email-container,
.profile-container .birthday-container {
  border: 1px solid #e6e6e6;
  border-radius: 10px;
  background-color: #f4f8f9;
}

.profile-container .phone-container input,
.profile-container .email-container input,
.profile-container .birthday-container input {
  border: none;
  background-color: #f4f8f9;
}

.profile-container .phone-container input:focus,
.profile-container .email-container input:focus,
.profile-container .birthday-container input:focus {
  background-color: white;
}

.profile-container .phone-container.red-border,
.profile-container .email-container.red-border,
.profile-container .birthday-container.red-border {
  border: 1px solid #f16e6e !important;
  background-color: #fdeded;
}

.profile-container .phone-container.red-border input,
.profile-container .email-container.red-border input,
.profile-container .birthday-container.red-border input {
  background-color: #fdeded;
}

.profile-container .profile-name-container {
  width: calc(100% - 120px);
}

@media (max-width: 1023px) {
  .profile-container .profile-name-container {
    width: calc(100% - 100px);
  }
}

.profile-container .profile-name-container input:focus {
  background-color: #f4f8f9;
}

.avatar-70 {
  width: 70px;
  height: 70px;
}

@media (max-width: 1023px) {
  .avatar-70 {
    width: 50px;
    height: 50px;
  }
}

.avatar-70 img {
  width: 70px;
  height: 70px;
}

@media (max-width: 1023px) {
  .avatar-70 img {
    width: 50px;
    height: 50px;
  }
}

.avatar-120 {
  width: 120px;
  height: 120px;
}

@media (max-width: 1023px) {
  .avatar-120 {
    width: 100px;
    height: 100px;
  }
}

.avatar-120 img {
  width: 120px;
  height: 120px;
}

@media (max-width: 1023px) {
  .avatar-120 img {
    width: 100px;
    height: 100px;
  }
}

.map .top-container .social {
  width: auto;
}

.map .top-container .social div {
  margin: 0 10px;
}

.map .top-container .social div img {
  height: 20px;
}

.map .slide1 {
  background-image: url("/img/map/slide1-bg.png");
  background-repeat: no-repeat;
  background-position: top center;
}

.map .slide2 {
  background-image: url("/img/map/slide2.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}

.map .blue-background {
  background-image: url("/img/map/blue-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}

.map .slide3 {
  background-image: url("/img/map/slide3.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center top;
}

.map .footer-container {
  background-color: #EFF1F2;
  color: black;
}

.map .footer-container .logo img {
  width: auto;
}

.search-form-container {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-right: 1.5rem;
}

@media (max-width: 1023px) {
  .search-form-container {
    margin-right: 1rem;
  }
}

.search-form-container .close-input-container {
  position: relative;
  width: 25%;
}

.search-form-container .close-input-container img {
  position: absolute;
  top: .7rem;
  right: .7rem;
  cursor: pointer;
}

.search-form-container .close-input-container .ui-autocomplete-loading {
  background-position: right .2rem center;
}

.search-form-container .close-input-container input {
  padding-right: .7rem;
}

@media (max-width: 1023px) {
  .search-form-container .close-input-container input {
    padding-right: .5rem;
  }
}

.search-form-container .close-input-container input.with-close-image {
  padding-right: 2rem;
}

@media (max-width: 1023px) {
  .search-form-container .close-input-container input.with-close-image {
    padding-right: 1.5rem;
  }
}

.search-form-container .dates-container {
  width: 27%;
}

.search-form-container .person-container {
  width: 31%;
  position: relative;
}

.search-form-container .person-container #persons_div {
  background-color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #77787a;
}

.search-form-container .gray-border:focus,
.search-form-container .div-active {
  border: 1px solid black;
}

.search-form-container #persons_menu {
  position: absolute;
  z-index: 10;
  padding: .3rem .3rem 1rem 1rem;
  background-color: white;
}

@media (max-width: 1023px) {
  .search-form-container .row-container {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .search-form-container .close-input-container,
  .search-form-container .dates-container,
  .search-form-container .person-container {
    width: 49%;
  }

  .search-form-container .close-input-container,
  .search-form-container .dates-container {
    margin-bottom: .7rem;
  }

  .search-form-container .submit-container {
    width: 49%;
  }

  .search-form-container .submit-container button {
    width: 100%;
  }
}

.search-table {
  border-collapse: collapse;
}

.search-table th {
  font-weight: 500;
}

.search-table td {
  border-bottom: 1px dashed #9ac93d;
  padding: .5rem;
  vertical-align: top;
  max-width: 30rem;
}

.search-table .rooms-table {
  border-collapse: collapse;
  width: 100%;
  margin: 0;
  border: 1px solid #f98544;
}

.search-table .rooms-table td {
  border: 1px solid #f98544;
}

.search-results .room-item .photo {
  height: 50px;
  width: 20%;
}

.search-results .room-item .name {
  width: 61%;
}

.search-results .room-item .name.full {
  width: 80%;
}

.search-results .room-item .price {
  width: 18%;
}

.search-results .order-item,
.order-item.simple {
  -webkit-box-shadow: 0 0 .5rem #ADADAD;
          box-shadow: 0 0 .5rem #ADADAD;
  border-radius: .6rem;
}

.search-results .order-item .info,
.order-item.simple .info {
  width: 50%;
}

.search-results .order-item .info .preview,
.order-item.simple .info .preview {
  width: 30%;
  background-color: #e6e6e6;
  height: 80px;
}

.search-results .order-item .info .object,
.order-item.simple .info .object {
  width: 70%;
}

.search-results .order-item .rooms-container,
.order-item.simple .rooms-container {
  width: 50%;
  border-left: 1px dashed #c1c1c1;
}

.search-results .order-item .preview,
.order-item.simple .preview {
  width: 28%;
  background-color: #e6e6e6;
  height: 160px;
}

.search-results .order-item .details,
.order-item.simple .details {
  width: 72%;
}

.hotel-result {
  margin-bottom: 20px;
}

.hotel-result .preview-container {
  width: 40%;
}

.hotel-result .preview-container .preview {
  height: 200px;
}

.hotel-result .info {
  width: 60%;
}

.room-results .room-item {
  border: 1px solid #c1c1c1;
  border-radius: 5px;
}

.room-results .room-item .photo {
  height: 100px;
  width: 20%;
}

.reserve-form .guest-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.reserve-form .guest-row .input-container input,
.reserve-form .guest-row .button-container button {
  width: 200px;
}

.resorts-container .resorts-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.resorts-container .resorts-items .resort-item {
  border-radius: 5px;
  width: 31%;
  height: 200px;
  color: white;
}

.resorts-container .resorts-items .resort-item .top {
  height: 65%;
}

.resorts-container .resorts-items .resort-item .bottom {
  height: 35%;
  background: linear-gradient(0.44deg, #182B5C 3%, rgba(24, 43, 92, 0) 100%);
}

.resorts-container .hotels-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.resorts-container .hotels-items .hotels-item {
  border-radius: 5px;
  width: 49%;
  border: 1px solid #c1c1c1;
}

.resorts-container .hotels-items .hotels-item .photo {
  height: 100px;
  width: 20%;
}

.tariff-block {
  background-color: #EFE5E4;
  border-radius: .4rem;
  padding: .7rem;
}

.tariff-block .treatment-icon {
  background-image: url("/img/booking-treatment.png");
  background-repeat: no-repeat;
  padding-left: 2.5rem;
  min-height: 18px;
}

.tariff-block .meal-icon {
  background-image: url("/img/booking-info.png");
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 2.5rem;
  min-height: 15px;
}

.tariff-block .return-icon {
  background-image: url("/img/booking-return.png");
  background-repeat: no-repeat;
  padding-left: 2.5rem;
  min-height: 17px;
}

.tariff-block .card-icon {
  background-image: url("/img/booking-card.png");
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 2.5rem;
  min-height: 13px;
}

.tariff-block .profit,
.total-block .profit {
  color: #FF630C;
  padding: 0.3rem;
  border-radius: 0.4rem;
  font-size: 14px;
}

.tariff-block .bonus-profit,
.total-block .bonus-profit {
  background: -webkit-gradient(linear, left top, right top, from(#4D33EB), to(#4FA2D0));
  background: linear-gradient(90deg, #4D33EB 0%, #4FA2D0 100%);
  border-radius: 36px;
  color: white;
  text-align: center;
  font-size: 12px;
  padding: 2px;
}

.orange-price {
  color: #FF630C;
}

.tariff-price-block {
  width: 32%;
  background: #FFFBFB;
  border-radius: 4px;
  font-size: 12px;
}

.total-price-block {
  width: 32%;
  background: #ffffff;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  font-size: 12px;
}

.total-info-block {
  width: 68%;
}

.booking-form input:not([type="radio"]):not([type="checkbox"]),
.booking-form .guests-input {
  width: 100%;
  background-color: #EFF1F2;
  border-radius: 0.4rem;
  border: 1px solid #e8e8e8;
  height: 50px;
  padding-left: 20px;
  padding-right: 20px;
}

.booking-form .input-container,
.booking-form .button-container {
  width: 200px;
}

.booking-form .input-container input,
.booking-form .button-container button {
  width: 100%;
}

.booking-form .input-container input:not(.error):not(.success):focus {
  background-color: #EFF1F2 !important;
  border: 0.1rem solid #A6B2C7 !important;
}

.booking-form .input-container input.error {
  background-color: #FCF3F1 !important;
  border: 0.1rem solid #F24822 !important;
}

.booking-form .input-container input.success {
  background-color: #F1F4EA !important;
  border: 0.1rem solid #9ac93d !important;
}

.email-confirmation {
    color: #fff;
    text-align: center;
    padding: 20px;
    margin: 10px 0;
    display: flex;
    justify-content: space-between;
    max-width: 500px;
    border-radius: 10px;
    align-items: center;
}

.email-confirmation.success {
  background: #2ab42a;
}

.email-confirmation.error {
  background: #f00;
}
.close-email-confirmation {
  cursor:  pointer;
  font-weight: 800;
  font-size: 16px;
}

.width-0 {
  width: 0;
  overflow: hidden;
}