@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  src: url("/fonts/Inter-Regular.woff2") format("woff2"), url("/fonts/Inter-Regular.woff") format("woff"); }

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  src: url("/fonts/Inter-Medium.woff2") format("woff2"), url("/fonts/Inter-Medium.woff") format("woff"); }

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  src: url("/fonts/Inter-SemiBold.woff2") format("woff2"), url("/fonts/Inter-SemiBold.woff") format("woff"); }

@font-face {
  font-family: 'Inter var';
  font-weight: 100 900;
  font-style: normal;
  font-named-instance: 'Regular';
  src: url("/fonts/Inter.var.woff2") format("woff2 supports variations(gvar)"), url("/fonts/Inter.var.woff2") format("woff2-variations"), url("/fonts/Inter.var.woff2") format("woff2"); }

@font-face {
  font-family: Inter;
  font-weight: 400;
  font-style: italic;
  src: url("/fonts/Inter-Italic.woff2") format("woff2"), url("/fonts/Inter-Italic.woff") format("woff"); }

/* stylelint-disable */
/* Grid
----------------------------- */
/* prettier-ignore */
.container {
  width: 100%;
  min-width: 280px;
  max-width: 1340px;
  margin-left: auto;
  margin-right: auto;

}
@media (max-width: 561px) {
  .container {
    padding-left: 16px;
    padding-right: 16px; } }

.grid {
  display: flex;
  flex-flow: row wrap; }
.grid.is-row {
  /*margin: 0 -15px; */
}
.grid.is-row > [class*="col-"] {
  padding-left: 15px;
  padding-right: 15px; }
@media (max-width: 1179px) {
  .grid.is-row {
    /*margin-left: -13px;*/
    /*margin-right: -13px; */
  }
  .grid.is-row > [class*="col-"] {
    padding-left: 13px;
    padding-right: 13px; } }
@media (max-width: 561px) {
  .grid.is-row {
    /*margin-left: -6px;*/
    /*margin-right: -6px; */
  }
  .grid.is-row > [class*="col-"] {
    padding-left: 6px;
    padding-right: 6px; } }
.grid.is-columns {
  /*margin: -15px; */
}
.grid.is-columns > [class*="col-"] {
  padding: 15px; }
@media (max-width: 1179px) {
  .grid.is-columns {
    /*margin: -13px;*/
  }
  .grid.is-columns > [class*="col-"] {
    padding: 13px; } }
@media (max-width: 561px) {
  .grid.is-columns {
    /*margin: -6px; */
  }
  .grid.is-columns > [class*="col-"] {
    padding: 6px; } }
.grid.is-columns.is-wide {
  margin: -10px -15px; }
.grid.is-columns.is-wide > [class*="col-"] {
  padding: 10px 15px; }
.grid.is-columns.is-narrow {
  margin: -15px -10px; }
.grid.is-columns.is-narrow > [class*="col-"] {
  padding: 15px 10px; }
.grid.is-columns.is-filter {
  margin: -11px; }
.grid.is-columns.is-filter > [class*="col-"] {
  padding: 11px; }
@media (max-width: 561px) {
  .grid.is-columns.is-filter {
    margin: -6px; }
  .grid.is-columns.is-filter > [class*="col-"] {
    padding: 6px; } }
.grid.is-column {
  flex-direction: column; }
.grid.is-fit {
  justify-content: space-between; }
.grid.is-around {
  justify-content: space-around; }
.grid.is-end {
  justify-content: flex-end; }
.grid.is-center {
  justify-content: center; }
.grid.is-nowrap {
  flex-flow: row nowrap; }
.grid.is-middle {
  align-items: center; }
.grid.is-top {
  align-items: flex-start; }
.grid.is-bottom {
  align-items: flex-end; }
.grid__item {
  display: block;
  float: left;
  flex: 0 0 auto; }
.grid__item.is-grow {
  flex-grow: 1; }
.grid__item.is-shrink {
  flex-shrink: 1; }

.order-0 {
  order: 0; }

.order-1 {
  order: 1; }

.order-2 {
  order: 2; }

.order-3 {
  order: 3; }

.order-4 {
  order: 4; }

.order-5 {
  order: 5; }

@media (max-width: 1599px) {
  .order-lg-0 {
    order: 0; }
  .order-lg-1 {
    order: 1; }
  .order-lg-2 {
    order: 2; }
  .order-lg-3 {
    order: 3; }
  .order-lg-4 {
    order: 4; }
  .order-lg-5 {
    order: 5; } }

@media (max-width: 1439px) {
  .order-xl-0 {
    order: 0; }
  .order-xl-1 {
    order: 1; }
  .order-xl-2 {
    order: 2; }
  .order-xl-3 {
    order: 3; }
  .order-xl-4 {
    order: 4; }
  .order-xl-5 {
    order: 5; } }

@media (max-width: 1179px) {
  .order-l-0 {
    order: 0; }
  .order-l-1 {
    order: 1; }
  .order-l-2 {
    order: 2; }
  .order-l-3 {
    order: 3; }
  .order-l-4 {
    order: 4; }
  .order-l-5 {
    order: 5; } }

@media (max-width: 959px) {
  .order-md-0 {
    order: 0; }
  .order-md-1 {
    order: 1; }
  .order-md-2 {
    order: 2; }
  .order-md-3 {
    order: 3; }
  .order-md-4 {
    order: 4; }
  .order-md-5 {
    order: 5; } }

@media (max-width: 769px) {
  .order-m-0 {
    order: 0; }
  .order-m-1 {
    order: 1; }
  .order-m-2 {
    order: 2; }
  .order-m-3 {
    order: 3; }
  .order-m-4 {
    order: 4; }
  .order-m-5 {
    order: 5; } }

@media (max-width: 561px) {
  .order-s-0 {
    order: 0; }
  .order-s-1 {
    order: 1; }
  .order-s-2 {
    order: 2; }
  .order-s-3 {
    order: 3; }
  .order-s-4 {
    order: 4; }
  .order-s-5 {
    order: 5; } }

@media (max-width: 321px) {
  .order-xs-0 {
    order: 0; }
  .order-xs-1 {
    order: 1; }
  .order-xs-2 {
    order: 2; }
  .order-xs-3 {
    order: 3; }
  .order-xs-4 {
    order: 4; }
  .order-xs-5 {
    order: 5; } }

.shift-0 {
  margin-left: 0%;
  padding-left: 7.5px;
  padding-right: 7.5px; }

.shift-1 {
  margin-left: 8.33333%;
  padding-left: 7.5px;
  padding-right: 7.5px; }

.shift-2 {
  margin-left: 16.66667%;
  padding-left: 7.5px;
  padding-right: 7.5px; }

.shift-3 {
  margin-left: 25%;
  padding-left: 7.5px;
  padding-right: 7.5px; }

.shift-4 {
  margin-left: 33.33333%;
  padding-left: 7.5px;
  padding-right: 7.5px; }

.shift-5 {
  margin-left: 41.66667%;
  padding-left: 7.5px;
  padding-right: 7.5px; }

.shift-6 {
  margin-left: 50%;
  padding-left: 7.5px;
  padding-right: 7.5px; }

.shift-7 {
  margin-left: 58.33333%;
  padding-left: 7.5px;
  padding-right: 7.5px; }

.shift-8 {
  margin-left: 66.66667%;
  padding-left: 7.5px;
  padding-right: 7.5px; }

.shift-9 {
  margin-left: 75%;
  padding-left: 7.5px;
  padding-right: 7.5px; }

.shift-10 {
  margin-left: 83.33333%;
  padding-left: 7.5px;
  padding-right: 7.5px; }

.shift-11 {
  margin-left: 91.66667%;
  padding-left: 7.5px;
  padding-right: 7.5px; }

.shift-12 {
  margin-left: 100%;
  padding-left: 7.5px;
  padding-right: 7.5px; }

@media (max-width: 1599px) {
  .shift-lg-0 {
    margin-left: 0%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-lg-1 {
    margin-left: 8.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-lg-2 {
    margin-left: 16.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-lg-3 {
    margin-left: 25%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-lg-4 {
    margin-left: 33.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-lg-5 {
    margin-left: 41.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-lg-6 {
    margin-left: 50%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-lg-7 {
    margin-left: 58.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-lg-8 {
    margin-left: 66.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-lg-9 {
    margin-left: 75%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-lg-10 {
    margin-left: 83.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-lg-11 {
    margin-left: 91.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-lg-12 {
    margin-left: 100%;
    padding-left: 7.5px;
    padding-right: 7.5px; } }

@media (max-width: 1439px) {
  .shift-xl-0 {
    margin-left: 0%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-xl-1 {
    margin-left: 8.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-xl-2 {
    margin-left: 16.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-xl-3 {
    margin-left: 25%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-xl-4 {
    margin-left: 33.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-xl-5 {
    margin-left: 41.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-xl-6 {
    margin-left: 50%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-xl-7 {
    margin-left: 58.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-xl-8 {
    margin-left: 66.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-xl-9 {
    margin-left: 75%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-xl-10 {
    margin-left: 83.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-xl-11 {
    margin-left: 91.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-xl-12 {
    margin-left: 100%;
    padding-left: 7.5px;
    padding-right: 7.5px; } }

@media (max-width: 1179px) {
  .shift-l-0 {
    margin-left: 0%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-l-1 {
    margin-left: 8.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-l-2 {
    margin-left: 16.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-l-3 {
    margin-left: 25%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-l-4 {
    margin-left: 33.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-l-5 {
    margin-left: 41.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-l-6 {
    margin-left: 50%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-l-7 {
    margin-left: 58.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-l-8 {
    margin-left: 66.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-l-9 {
    margin-left: 75%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-l-10 {
    margin-left: 83.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-l-11 {
    margin-left: 91.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-l-12 {
    margin-left: 100%;
    padding-left: 7.5px;
    padding-right: 7.5px; } }

@media (max-width: 959px) {
  .shift-md-0 {
    margin-left: 0%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-md-1 {
    margin-left: 8.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-md-2 {
    margin-left: 16.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-md-3 {
    margin-left: 25%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-md-4 {
    margin-left: 33.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-md-5 {
    margin-left: 41.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-md-6 {
    margin-left: 50%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-md-7 {
    margin-left: 58.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-md-8 {
    margin-left: 66.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-md-9 {
    margin-left: 75%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-md-10 {
    margin-left: 83.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-md-11 {
    margin-left: 91.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-md-12 {
    margin-left: 100%;
    padding-left: 7.5px;
    padding-right: 7.5px; } }

@media (max-width: 769px) {
  .shift-m-0 {
    margin-left: 0%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-m-1 {
    margin-left: 8.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-m-2 {
    margin-left: 16.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-m-3 {
    margin-left: 25%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-m-4 {
    margin-left: 33.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-m-5 {
    margin-left: 41.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-m-6 {
    margin-left: 50%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-m-7 {
    margin-left: 58.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-m-8 {
    margin-left: 66.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-m-9 {
    margin-left: 75%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-m-10 {
    margin-left: 83.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-m-11 {
    margin-left: 91.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-m-12 {
    margin-left: 100%;
    padding-left: 7.5px;
    padding-right: 7.5px; } }

@media (max-width: 561px) {
  .shift-s-0 {
    margin-left: 0%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-s-1 {
    margin-left: 8.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-s-2 {
    margin-left: 16.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-s-3 {
    margin-left: 25%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-s-4 {
    margin-left: 33.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-s-5 {
    margin-left: 41.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-s-6 {
    margin-left: 50%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-s-7 {
    margin-left: 58.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-s-8 {
    margin-left: 66.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-s-9 {
    margin-left: 75%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-s-10 {
    margin-left: 83.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-s-11 {
    margin-left: 91.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-s-12 {
    margin-left: 100%;
    padding-left: 7.5px;
    padding-right: 7.5px; } }

@media (max-width: 321px) {
  .shift-xs-0 {
    margin-left: 0%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-xs-1 {
    margin-left: 8.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-xs-2 {
    margin-left: 16.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-xs-3 {
    margin-left: 25%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-xs-4 {
    margin-left: 33.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-xs-5 {
    margin-left: 41.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-xs-6 {
    margin-left: 50%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-xs-7 {
    margin-left: 58.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-xs-8 {
    margin-left: 66.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-xs-9 {
    margin-left: 75%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-xs-10 {
    margin-left: 83.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-xs-11 {
    margin-left: 91.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-xs-12 {
    margin-left: 100%;
    padding-left: 7.5px;
    padding-right: 7.5px; } }

.unshift-0 {
  margin-left: 0%;
  padding-left: 7.5px;
  padding-right: 7.5px; }

.unshift-1 {
  margin-left: -8.33333%;
  padding-left: 7.5px;
  padding-right: 7.5px; }

.unshift-2 {
  margin-left: -16.66667%;
  padding-left: 7.5px;
  padding-right: 7.5px; }

.unshift-3 {
  margin-left: -25%;
  padding-left: 7.5px;
  padding-right: 7.5px; }

.unshift-4 {
  margin-left: -33.33333%;
  padding-left: 7.5px;
  padding-right: 7.5px; }

.unshift-5 {
  margin-left: -41.66667%;
  padding-left: 7.5px;
  padding-right: 7.5px; }

.unshift-6 {
  margin-left: -50%;
  padding-left: 7.5px;
  padding-right: 7.5px; }

.unshift-7 {
  margin-left: -58.33333%;
  padding-left: 7.5px;
  padding-right: 7.5px; }

.unshift-8 {
  margin-left: -66.66667%;
  padding-left: 7.5px;
  padding-right: 7.5px; }

.unshift-9 {
  margin-left: -75%;
  padding-left: 7.5px;
  padding-right: 7.5px; }

.unshift-10 {
  margin-left: -83.33333%;
  padding-left: 7.5px;
  padding-right: 7.5px; }

.unshift-11 {
  margin-left: -91.66667%;
  padding-left: 7.5px;
  padding-right: 7.5px; }

.unshift-12 {
  margin-left: -100%;
  padding-left: 7.5px;
  padding-right: 7.5px; }

@media (max-width: 1599px) {
  .unshift-lg-0 {
    margin-left: 0%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-lg-1 {
    margin-left: -8.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-lg-2 {
    margin-left: -16.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-lg-3 {
    margin-left: -25%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-lg-4 {
    margin-left: -33.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-lg-5 {
    margin-left: -41.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-lg-6 {
    margin-left: -50%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-lg-7 {
    margin-left: -58.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-lg-8 {
    margin-left: -66.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-lg-9 {
    margin-left: -75%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-lg-10 {
    margin-left: -83.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-lg-11 {
    margin-left: -91.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-lg-12 {
    margin-left: -100%;
    padding-left: 7.5px;
    padding-right: 7.5px; } }

@media (max-width: 1439px) {
  .unshift-xl-0 {
    margin-left: 0%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-xl-1 {
    margin-left: -8.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-xl-2 {
    margin-left: -16.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-xl-3 {
    margin-left: -25%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-xl-4 {
    margin-left: -33.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-xl-5 {
    margin-left: -41.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-xl-6 {
    margin-left: -50%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-xl-7 {
    margin-left: -58.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-xl-8 {
    margin-left: -66.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-xl-9 {
    margin-left: -75%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-xl-10 {
    margin-left: -83.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-xl-11 {
    margin-left: -91.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-xl-12 {
    margin-left: -100%;
    padding-left: 7.5px;
    padding-right: 7.5px; } }

@media (max-width: 1179px) {
  .unshift-l-0 {
    margin-left: 0%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-l-1 {
    margin-left: -8.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-l-2 {
    margin-left: -16.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-l-3 {
    margin-left: -25%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-l-4 {
    margin-left: -33.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-l-5 {
    margin-left: -41.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-l-6 {
    margin-left: -50%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-l-7 {
    margin-left: -58.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-l-8 {
    margin-left: -66.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-l-9 {
    margin-left: -75%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-l-10 {
    margin-left: -83.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-l-11 {
    margin-left: -91.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-l-12 {
    margin-left: -100%;
    padding-left: 7.5px;
    padding-right: 7.5px; } }

@media (max-width: 959px) {
  .unshift-md-0 {
    margin-left: 0%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-md-1 {
    margin-left: -8.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-md-2 {
    margin-left: -16.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-md-3 {
    margin-left: -25%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-md-4 {
    margin-left: -33.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-md-5 {
    margin-left: -41.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-md-6 {
    margin-left: -50%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-md-7 {
    margin-left: -58.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-md-8 {
    margin-left: -66.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-md-9 {
    margin-left: -75%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-md-10 {
    margin-left: -83.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-md-11 {
    margin-left: -91.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-md-12 {
    margin-left: -100%;
    padding-left: 7.5px;
    padding-right: 7.5px; } }

@media (max-width: 769px) {
  .unshift-m-0 {
    margin-left: 0%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-m-1 {
    margin-left: -8.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-m-2 {
    margin-left: -16.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-m-3 {
    margin-left: -25%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-m-4 {
    margin-left: -33.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-m-5 {
    margin-left: -41.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-m-6 {
    margin-left: -50%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-m-7 {
    margin-left: -58.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-m-8 {
    margin-left: -66.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-m-9 {
    margin-left: -75%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-m-10 {
    margin-left: -83.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-m-11 {
    margin-left: -91.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-m-12 {
    margin-left: -100%;
    padding-left: 7.5px;
    padding-right: 7.5px; } }

@media (max-width: 561px) {
  .unshift-s-0 {
    margin-left: 0%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-s-1 {
    margin-left: -8.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-s-2 {
    margin-left: -16.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-s-3 {
    margin-left: -25%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-s-4 {
    margin-left: -33.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-s-5 {
    margin-left: -41.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-s-6 {
    margin-left: -50%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-s-7 {
    margin-left: -58.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-s-8 {
    margin-left: -66.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-s-9 {
    margin-left: -75%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-s-10 {
    margin-left: -83.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-s-11 {
    margin-left: -91.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-s-12 {
    margin-left: -100%;
    padding-left: 7.5px;
    padding-right: 7.5px; } }

@media (max-width: 321px) {
  .unshift-xs-0 {
    margin-left: 0%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-xs-1 {
    margin-left: -8.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-xs-2 {
    margin-left: -16.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-xs-3 {
    margin-left: -25%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-xs-4 {
    margin-left: -33.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-xs-5 {
    margin-left: -41.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-xs-6 {
    margin-left: -50%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-xs-7 {
    margin-left: -58.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-xs-8 {
    margin-left: -66.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-xs-9 {
    margin-left: -75%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-xs-10 {
    margin-left: -83.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-xs-11 {
    margin-left: -91.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-xs-12 {
    margin-left: -100%;
    padding-left: 7.5px;
    padding-right: 7.5px; } }

.col-1 {
  width: 8.33333%; }

.col-10p {
  width: 10%; }

.col-2 {
  width: 16.66667%; }

.col-20p {
  width: 20%; }

.col-3 {
  width: 25%; }

.col-30p {
  width: 30%; }

.col-4 {
  width: 33.33333%; }

.col-40p {
  width: 40%; }

.col-5 {
  width: 41.66667%; }

.col-50p {
  width: 50%; }

.col-6 {
  width: 50%; }

.col-60p {
  width: 60%; }

.col-7 {
  width: 58.33333%; }

.col-70p {
  width: 70%; }

.col-8 {
  width: 66.66667%; }

.col-80p {
  width: 80%; }

.col-9 {
  width: 75%; }

.col-90p {
  width: 90%; }

.col-10 {
  width: 83.33333%; }

.col-100p {
  width: 100%; }

.col-11 {
  width: 91.66667%; }

.col-12 {
  width: 100%; }

@media (max-width: 1599px) {
  .col-lg-1 {
    width: 8.33333%; }
  .col-lg-10p {
    width: 10%; }
  .col-lg-2 {
    width: 16.66667%; }
  .col-lg-20p {
    width: 20%; }
  .col-lg-3 {
    width: 25%; }
  .col-lg-30p {
    width: 30%; }
  .col-lg-4 {
    width: 33.33333%; }
  .col-lg-40p {
    width: 40%; }
  .col-lg-5 {
    width: 41.66667%; }
  .col-lg-50p {
    width: 50%; }
  .col-lg-6 {
    width: 50%; }
  .col-lg-60p {
    width: 60%; }
  .col-lg-7 {
    width: 58.33333%; }
  .col-lg-70p {
    width: 70%; }
  .col-lg-8 {
    width: 66.66667%; }
  .col-lg-80p {
    width: 80%; }
  .col-lg-9 {
    width: 75%; }
  .col-lg-90p {
    width: 90%; }
  .col-lg-10 {
    width: 83.33333%; }
  .col-lg-100p {
    width: 100%; }
  .col-lg-11 {
    width: 91.66667%; }
  .col-lg-12 {
    width: 100%; } }

@media (max-width: 1439px) {
  .col-xl-1 {
    width: 8.33333%; }
  .col-xl-10p {
    width: 10%; }
  .col-xl-2 {
    width: 16.66667%; }
  .col-xl-20p {
    width: 20%; }
  .col-xl-3 {
    width: 25%; }
  .col-xl-30p {
    width: 30%; }
  .col-xl-4 {
    width: 33.33333%; }
  .col-xl-40p {
    width: 40%; }
  .col-xl-5 {
    width: 41.66667%; }
  .col-xl-50p {
    width: 50%; }
  .col-xl-6 {
    width: 50%; }
  .col-xl-60p {
    width: 60%; }
  .col-xl-7 {
    width: 58.33333%; }
  .col-xl-70p {
    width: 70%; }
  .col-xl-8 {
    width: 66.66667%; }
  .col-xl-80p {
    width: 80%; }
  .col-xl-9 {
    width: 75%; }
  .col-xl-90p {
    width: 90%; }
  .col-xl-10 {
    width: 83.33333%; }
  .col-xl-100p {
    width: 100%; }
  .col-xl-11 {
    width: 91.66667%; }
  .col-xl-12 {
    width: 100%; } }

@media (max-width: 1179px) {
  .col-l-1 {
    width: 8.33333%; }
  .col-l-10p {
    width: 10%; }
  .col-l-2 {
    width: 16.66667%; }
  .col-l-20p {
    width: 20%; }
  .col-l-3 {
    width: 25%; }
  .col-l-30p {
    width: 30%; }
  .col-l-4 {
    width: 33.33333%; }
  .col-l-40p {
    width: 40%; }
  .col-l-5 {
    width: 41.66667%; }
  .col-l-50p {
    width: 50%; }
  .col-l-6 {
    width: 50%; }
  .col-l-60p {
    width: 60%; }
  .col-l-7 {
    width: 58.33333%; }
  .col-l-70p {
    width: 70%; }
  .col-l-8 {
    width: 66.66667%; }
  .col-l-80p {
    width: 80%; }
  .col-l-9 {
    width: 75%; }
  .col-l-90p {
    width: 90%; }
  .col-l-10 {
    width: 83.33333%; }
  .col-l-100p {
    width: 100%; }
  .col-l-11 {
    width: 91.66667%; }
  .col-l-12 {
    width: 100%; } }

@media (max-width: 959px) {
  .col-md-1 {
    width: 8.33333%; }
  .col-md-10p {
    width: 10%; }
  .col-md-2 {
    width: 16.66667%; }
  .col-md-20p {
    width: 20%; }
  .col-md-3 {
    width: 25%; }
  .col-md-30p {
    width: 30%; }
  .col-md-4 {
    width: 33.33333%; }
  .col-md-40p {
    width: 40%; }
  .col-md-5 {
    width: 41.66667%; }
  .col-md-50p {
    width: 50%; }
  .col-md-6 {
    width: 50%; }
  .col-md-60p {
    width: 60%; }
  .col-md-7 {
    width: 58.33333%; }
  .col-md-70p {
    width: 70%; }
  .col-md-8 {
    width: 66.66667%; }
  .col-md-80p {
    width: 80%; }
  .col-md-9 {
    width: 75%; }
  .col-md-90p {
    width: 90%; }
  .col-md-10 {
    width: 83.33333%; }
  .col-md-100p {
    width: 100%; }
  .col-md-11 {
    width: 91.66667%; }
  .col-md-12 {
    width: 100%; } }

@media (max-width: 769px) {
  .col-m-1 {
    width: 8.33333%; }
  .col-m-10p {
    width: 10%; }
  .col-m-2 {
    width: 16.66667%; }
  .col-m-20p {
    width: 20%; }
  .col-m-3 {
    width: 25%; }
  .col-m-30p {
    width: 30%; }
  .col-m-4 {
    width: 33.33333%; }
  .col-m-40p {
    width: 40%; }
  .col-m-5 {
    width: 41.66667%; }
  .col-m-50p {
    width: 50%; }
  .col-m-6 {
    width: 50%; }
  .col-m-60p {
    width: 60%; }
  .col-m-7 {
    width: 58.33333%; }
  .col-m-70p {
    width: 70%; }
  .col-m-8 {
    width: 66.66667%; }
  .col-m-80p {
    width: 80%; }
  .col-m-9 {
    width: 75%; }
  .col-m-90p {
    width: 90%; }
  .col-m-10 {
    width: 83.33333%; }
  .col-m-100p {
    width: 100%; }
  .col-m-11 {
    width: 91.66667%; }
  .col-m-12 {
    width: 100%; } }

@media (max-width: 561px) {
  .col-s-1 {
    width: 8.33333%; }
  .col-s-10p {
    width: 10%; }
  .col-s-2 {
    width: 16.66667%; }
  .col-s-20p {
    width: 20%; }
  .col-s-3 {
    width: 25%; }
  .col-s-30p {
    width: 30%; }
  .col-s-4 {
    width: 33.33333%; }
  .col-s-40p {
    width: 40%; }
  .col-s-5 {
    width: 41.66667%; }
  .col-s-50p {
    width: 50%; }
  .col-s-6 {
    width: 50%; }
  .col-s-60p {
    width: 60%; }
  .col-s-7 {
    width: 58.33333%; }
  .col-s-70p {
    width: 70%; }
  .col-s-8 {
    width: 66.66667%; }
  .col-s-80p {
    width: 80%; }
  .col-s-9 {
    width: 75%; }
  .col-s-90p {
    width: 90%; }
  .col-s-10 {
    width: 83.33333%; }
  .col-s-100p {
    width: 100%; }
  .col-s-11 {
    width: 91.66667%; }
  .col-s-12 {
    width: 100%; } }

@media (max-width: 321px) {
  .col-xs-1 {
    width: 8.33333%; }
  .col-xs-10p {
    width: 10%; }
  .col-xs-2 {
    width: 16.66667%; }
  .col-xs-20p {
    width: 20%; }
  .col-xs-3 {
    width: 25%; }
  .col-xs-30p {
    width: 30%; }
  .col-xs-4 {
    width: 33.33333%; }
  .col-xs-40p {
    width: 40%; }
  .col-xs-5 {
    width: 41.66667%; }
  .col-xs-50p {
    width: 50%; }
  .col-xs-6 {
    width: 50%; }
  .col-xs-60p {
    width: 60%; }
  .col-xs-7 {
    width: 58.33333%; }
  .col-xs-70p {
    width: 70%; }
  .col-xs-8 {
    width: 66.66667%; }
  .col-xs-80p {
    width: 80%; }
  .col-xs-9 {
    width: 75%; }
  .col-xs-90p {
    width: 90%; }
  .col-xs-10 {
    width: 83.33333%; }
  .col-xs-100p {
    width: 100%; }
  .col-xs-11 {
    width: 91.66667%; }
  .col-xs-12 {
    width: 100%; } }

.is-hide {
  display: none; }

.is-show {
  display: block; }

@media (max-width: 1599px) {
  .is-lg-hide {
    display: none; }
  .is-lg-show {
    display: block; } }

@media (max-width: 1439px) {
  .is-xl-hide {
    display: none; }
  .is-xl-show {
    display: block; } }

@media (max-width: 1179px) {
  .is-l-hide {
    display: none; }
  .is-l-show {
    display: block; } }

@media (max-width: 959px) {
  .is-md-hide {
    display: none; }
  .is-md-show {
    display: block; } }

@media (max-width: 769px) {
  .is-m-hide {
    display: none; }
  .is-m-show {
    display: block; } }

@media (max-width: 561px) {
  .is-s-hide {
    display: none; }
  .is-s-show {
    display: block; } }

@media (max-width: 321px) {
  .is-xs-hide {
    display: none; }
  .is-xs-show {
    display: block; } }

.is-align-left {
  text-align: left !important; }

.is-align-center {
  text-align: center !important; }

.is-align-right {
  text-align: right !important; }

@media (max-width: 1599px) {
  .is-lg-align-left {
    text-align: left !important; }
  .is-lg-align-center {
    text-align: center !important; }
  .is-lg-align-right {
    text-align: right !important; } }

@media (max-width: 1439px) {
  .is-xl-align-left {
    text-align: left !important; }
  .is-xl-align-center {
    text-align: center !important; }
  .is-xl-align-right {
    text-align: right !important; } }

@media (max-width: 1179px) {
  .is-l-align-left {
    text-align: left !important; }
  .is-l-align-center {
    text-align: center !important; }
  .is-l-align-right {
    text-align: right !important; } }

@media (max-width: 959px) {
  .is-md-align-left {
    text-align: left !important; }
  .is-md-align-center {
    text-align: center !important; }
  .is-md-align-right {
    text-align: right !important; } }

@media (max-width: 769px) {
  .is-m-align-left {
    text-align: left !important; }
  .is-m-align-center {
    text-align: center !important; }
  .is-m-align-right {
    text-align: right !important; } }

@media (max-width: 561px) {
  .is-s-align-left {
    text-align: left !important; }
  .is-s-align-center {
    text-align: center !important; }
  .is-s-align-right {
    text-align: right !important; } }

@media (max-width: 321px) {
  .is-xs-align-left {
    text-align: left !important; }
  .is-xs-align-center {
    text-align: center !important; }
  .is-xs-align-right {
    text-align: right !important; } }

.is-collapse {
  padding: 0;
  margin: 0; }

/* Body */
.body {
  margin: 0;
  padding: 0;
  background-color: #e3e6e8;
  color: #253340;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
@supports (font-variation-settings: normal) {
  .body {
    font-family: "Inter var", sans-serif; } }
.body[data-layout='simple'] {
  min-height: 100vh;
  height: 100vh; }
.body.is-overflow {
  overflow: hidden; }
.body.is-locked {
  pointer-events: none; }
.body.is-locked::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1000; }
.body ::selection {
  color: #fff;
  background-color: #2c977d; }

/* Reset */
html {
  box-sizing: border-box; }

*,
*::before,
*::after {
  box-sizing: inherit; }

img {
  max-width: 100%;
  border: none; }

/* Titles */
.is-size-1 {
  font-size: 38px; }

h1 {
  margin: 0;
  color: #253340;
  font-weight: 500;
  font-size: 38px;
  line-height: 1.2; }
@media (max-width: 561px) {
  h1 {
    font-size: 27.1434px; } }

.is-size-2 {
  font-size: 28px; }

h2 {
  margin: 0;
  color: #253340;
  font-weight: 500;
  font-size: 28px;
  line-height: 1.2; }
@media (max-width: 561px) {
  h2 {
    font-size: 20.0004px; } }

.is-size-3 {
  font-size: 24px; }

h3 {
  margin: 0;
  color: #253340;
  font-weight: 500;
  font-size: 24px;
  line-height: 1.2; }
@media (max-width: 561px) {
  h3 {
    font-size: 17.1432px; } }

.is-size-4 {
  font-size: 21px; }

h4 {
  margin: 0;
  color: #253340;
  font-weight: 500;
  font-size: 21px;
  line-height: 1.2; }
@media (max-width: 561px) {
  h4 {
    font-size: 15.0003px; } }

.is-size-5 {
  font-size: 18px; }

h5 {
  margin: 0;
  color: #253340;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.2; }
@media (max-width: 561px) {
  h5 {
    font-size: 12.8574px; } }

.is-size-6 {
  font-size: 17px; }

h6 {
  margin: 0;
  color: #253340;
  font-weight: 500;
  font-size: 17px;
  line-height: 1.2; }
@media (max-width: 561px) {
  h6 {
    font-size: 12.1431px; } }

/* Focus */
a:focus,
button:focus,
input:focus,
textarea:focus,
fieldset:focus,
select:focus {
  outline: 1px dotted #86d3ff; }

.js-init a:focus,
.js-init button:focus,
.js-init input:focus,
.js-init textarea:focus,
.js-init fieldset:focus,
.js-init select:focus {
  outline: none; }

.is-focused {
  outline: 2px dashed #86d3ff !important; }

[v-cloak] {
  display: none; }

.js-touch {
  user-select: none;
  touch-action: pan-y; }

.js-init .is-hidden-with-js {
  display: none; }

.is-visible-with-js {
  display: none; }

.js-init .is-visible-with-js {
  display: block; }

[data-lazy] {
  opacity: 0;
  transition: opacity ease-out 300ms; }

[data-tooltip] {
  cursor: help !important; }

/* slim-select */
.ss-single-selected,
.ss-multi-selected {
  height: auto !important;
  min-height: 40px !important;
  padding: 12.5px 15px 10.5px !important;
  padding-right: 35px !important;
  color: #366099;
  background-color: #f1f2f4 !important;
  border: 1px solid #dde5e6 !important;
  border-radius: 4px;
  font-size: 15px;
  font-weight: 500;
  line-height: 1; }
.ss-single-selected.ss-disabled,
.ss-multi-selected.ss-disabled {
  opacity: 0.6;
  pointer-events: none; }
.ss-single-selected .placeholder,
.ss-single-selected .placeholder .ss-disabled,
.ss-multi-selected .placeholder,
.ss-multi-selected .placeholder .ss-disabled {
  color: #366099 !important;
  font-size: 15px;
  font-weight: 500;
  line-height: 1; }
.ss-single-selected .placeholder,
.ss-multi-selected .placeholder {
  display: block !important;
  width: auto !important; }
.ss-single-selected .placeholder i,
.ss-multi-selected .placeholder i {
  display: inline !important;
  font-style: normal;
  color: #3b4a4d; }
.ss-single-selected.ss-open-above, .ss-single-selected.ss-open-below,
.ss-multi-selected.ss-open-above,
.ss-multi-selected.ss-open-below {
  position: relative;
  background-color: #ffffff !important;
  z-index: 1000;
  box-shadow: none; }
.ss-single-selected .ss-arrow,
.ss-multi-selected .ss-arrow {
  margin: 0;
  position: absolute;
  right: 10px;
  top: calc(50% - 6px); }
.ss-single-selected .ss-arrow span,
.ss-multi-selected .ss-arrow span {
  margin: 2px 0 0 !important;
  padding: 0 !important;
  width: 8px;
  height: 8px;
  background-image: url("/img/arrow-select.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  border: none !important;
  transform: rotate(0deg) !important; }
.ss-single-selected .ss-arrow span.arrow-up,
.ss-multi-selected .ss-arrow span.arrow-up {
  transform: rotate(180deg) !important; }
@media (max-width: 561px) {
  .ss-single-selected,
  .ss-multi-selected {
    min-height: 36px !important;
    padding: 10px !important;
    padding-right: 30px !important; }
  .ss-single-selected .placeholder,
  .ss-single-selected .placeholder .ss-disabled,
  .ss-multi-selected .placeholder,
  .ss-multi-selected .placeholder .ss-disabled {
    font-size: 13px; }
  .ss-single-selected .ss-arrow,
  .ss-multi-selected .ss-arrow {
    right: 6px; } }

.ss-content {
  left: 0;
  top: calc(100% - 1px);
  width: 100%;
  padding: 0 !important;
  background-color: #ffffff !important;
  border: 1px solid #dde5e6 !important;
  border-radius: 0 0 4px 4px;
  box-shadow: none;
  border-top: none;
  overflow: hidden; }
.ss-content .ss-option {
  padding: 8px 16px !important;
  color: #5b6365;
  font-size: 16px;
  transition: ease color 300ms; }
.ss-content .ss-option:hover,
.ss-content .ss-option.ss-highlighted {
  color: #2c977d !important;
  background-color: transparent !important; }
.ss-content .ss-option.ss-disabled {
  color: #366099 !important;
  background-color: transparent !important; }

.ss-list {
  margin: 5px 0; }

.ss-multi-selected {
  align-items: center;
  padding: 5px !important;
  padding-right: 15px !important;
  overflow: hidden; }
.ss-multi-selected.ss-open-above .ss-values::after, .ss-multi-selected.ss-open-below .ss-values::after {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), #ffffff); }
.ss-multi-selected .ss-disabled {
  margin: 0 !important;
  margin-left: 10px !important;
  padding: 0 !important;
  color: #366099 !important; }
.ss-multi-selected .ss-values {
  flex-wrap: nowrap !important;
  overflow: hidden;
  position: relative; }
.ss-multi-selected .ss-values::after {
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.ss-multi-selected .ss-value {
  margin: 0 !important;
  padding: 6px 6px 5px !important;
  flex-direction: row-reverse;
  flex-shrink: 0 !important;
  background-color: #ffffff !important;
  border: 1px solid #a4b3b7 !important;
  border-radius: 2px !important;
  animation: none !important; }
.ss-multi-selected .ss-value .ss-value-text {
  margin-left: 4px !important;
  color: #3b4a4d !important;
  font-weight: 500 !important;
  font-size: 15px !important;
  line-height: 1; }
.ss-multi-selected .ss-value .ss-value-text:empty {
  display: none !important; }
.ss-multi-selected .ss-value .ss-value-delete {
  color: transparent;
  width: 12px;
  height: 12px;
  margin: 0 !important;
  flex-shrink: 0;
  position: relative;
  top: -1px;
  background-image: url(/img/remove.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain; }
.ss-multi-selected .ss-value + .ss-value {
  margin-left: 5px !important; }
.ss-multi-selected .ss-add {
  width: 8px !important;
  justify-content: center !important;
  flex: 1 0 8px !important;
  margin: 0 !important; }
.ss-multi-selected .ss-add .ss-plus {
  height: 8px !important;
  background-color: #617277 !important; }
.ss-multi-selected .ss-add .ss-plus::after {
  width: 8px !important;
  left: -3px !important;
  top: 3px !important;
  background-color: #617277 !important; }

/* minibar */
.mb-container {
  overflow: hidden !important; }

.mb-content {
  max-height: inherit;
  overflow: visible; }

.mb-track-x,
.mb-track-y {
  background-color: transparent; }

.mb-track-x .mb-bar {
  height: 4px;
  background: #dde5e6;
  border-radius: 2px; }

.mb-track-y .mb-bar {
  width: 4px;
  background: #dde5e6;
  border-radius: 2px; }

@charset "UTF-8";
@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important; }
  a,
  a:visited {
    text-decoration: underline !important; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  a[href^='#']:after,
  a[href^='javascript:']:after {
    content: ''; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  pre,
  blockquote {
    border: 1px solid #999 !important;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr,
  img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; }
  table {
    border-collapse: collapse !important; }
  table td,
  table th {
    background-color: #fff !important; } }

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  src: url("/fonts/Inter-Regular.woff2") format("woff2"), url("/fonts/Inter-Regular.woff") format("woff"); }

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  src: url("/fonts/Inter-Medium.woff2") format("woff2"), url("/fonts/Inter-Medium.woff") format("woff"); }

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  src: url("/fonts/Inter-SemiBold.woff2") format("woff2"), url("/fonts/Inter-SemiBold.woff") format("woff"); }

@font-face {
  font-family: 'Inter var';
  font-weight: 100 900;
  font-style: normal;
  font-named-instance: 'Regular';
  src: url("/fonts/Inter-var.woff2") format("woff2 supports variations(gvar)"), url("/fonts/Inter-var.woff2") format("woff2-variations"), url("/fonts/Inter-var.woff2") format("woff2"); }

@font-face {
  font-family: Inter;
  font-weight: 400;
  font-style: italic;
  src: url("/fonts/Inter-Italic.woff2") format("woff2"), url("/fonts/Inter-Italic.woff") format("woff"); }

/* stylelint-disable */
/*!
 * MiniBar 0.4.2
 * http://mobius.ovh/
 *
 * Released under the MIT license
 */
.mb-container {
  overflow: hidden;
  height: 100%;
  width: 100%; }

.mb-container:hover.mb-scroll-x > .mb-track-x, .mb-container:hover.mb-scroll-x > .mb-buttons-x, .mb-container:hover.mb-scroll-x > .mb-buttons-x > .mb-track-x, .mb-visible.mb-scroll-x > .mb-track-x, .mb-visible.mb-scroll-x > .mb-buttons-x, .mb-visible.mb-scroll-x > .mb-buttons-x > .mb-track-x {
  opacity: 1; }

.mb-container:hover.mb-scroll-y > .mb-track-y, .mb-container:hover.mb-scroll-y > .mb-buttons-y, .mb-container:hover.mb-scroll-y > .mb-buttons-y > .mb-track-y, .mb-visible.mb-scroll-y > .mb-track-y, .mb-visible.mb-scroll-y > .mb-buttons-y, .mb-visible.mb-scroll-y > .mb-buttons-y > .mb-track-y {
  opacity: 1; }

.mb-content {
  overflow: auto;
  height: 100%;
  width: auto;
  box-sizing: content-box; }

.mb-track {
  position: absolute;
  -webkit-transition: opacity 250ms;
  transition: opacity 250ms;
  border-radius: 5px; }

.mb-bar {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  z-index: 10;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d; }

.mb-track-x {
  left: 5px;
  bottom: 5px;
  width: calc(100% - 10px);
  height: 10px;
  opacity: 0; }

.mb-track-x .mb-bar {
  left: 0;
  top: 0;
  height: 100%;
  min-width: 10px; }

.mb-track-y {
  right: 5px;
  top: 5px;
  height: calc(100% - 10px);
  width: 10px;
  opacity: 0; }

.mb-track-y .mb-bar {
  right: 0;
  top: 0;
  width: 100%;
  min-height: 10px; }

.mb-progress {
  overflow: hidden; }

.mb-progress .mb-bar {
  min-height: 0; }

/* Buttons */
.mb-buttons {
  position: absolute; }

.mb-buttons-x {
  height: 16px;
  width: 100%;
  bottom: 0;
  left: 0;
  opacity: 0; }

.mb-buttons-x .mb-decrease {
  left: 0; }

.mb-buttons-x .mb-decrease::before {
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg); }

.mb-buttons-x .mb-increase {
  right: 0; }

.mb-buttons-x .mb-increase::before {
  left: -1px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

.mb-buttons-y {
  width: 16px;
  height: 100%;
  right: 0;
  top: 0;
  opacity: 0; }

.mb-buttons-y .mb-decrease {
  top: 0; }

.mb-buttons-y .mb-increase {
  bottom: 0; }

.mb-buttons-y .mb-increase::before {
  top: 5px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

.mb-nav .mb-bar {
  border-radius: 0;
  background-color: #969696; }

.mb-nav .mb-bar:hover {
  background-color: #a3a3a3; }

.mb-nav .mb-track {
  border-radius: 0;
  background-color: #d6d6d6; }

.mb-nav .mb-track-x {
  left: 16px;
  height: 16px;
  width: calc(100% - 32px); }

.mb-nav .mb-track-y {
  top: 16px;
  width: 16px;
  height: calc(100% - 32px); }

.mb-button {
  border: none;
  width: 16px;
  height: 16px;
  position: absolute;
  padding: 0;
  background-color: #969696;
  cursor: pointer; }

.mb-button:hover {
  background-color: #a3a3a3; }

.mb-button::before {
  border-style: solid;
  border-width: 2px 2px 0 0;
  border-color: #fff;
  content: "";
  display: inline-block;
  height: 3px;
  width: 3px;
  left: 0px;
  top: 6px;
  position: relative;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  vertical-align: top; }

.mb-track-x .mb-decrease {
  left: 0; }

.mb-track-x .mb-increase {
  right: 0; }

.mb-track-y .mb-decrease {
  top: 0; }

.mb-track-y .mb-increase {
  bottom: 0; }

.mb-scroll-x .mb-buttons-y {
  height: calc(100% - 16px); }

.mb-scroll-x .mb-buttons-y::before {
  position: absolute;
  left: 0;
  bottom: -16px;
  width: 100%;
  height: 100%;
  content: "";
  background-color: #fff;
  z-index: 0; }

.mb-scroll-y .mb-buttons-x {
  width: calc(100% - 16px); }

/* Textarea */
.mb-wrapper {
  width: 100%;
  height: 100%;
  padding: 10px 0 10px 10px;
  box-sizing: border-box;
  background-color: #2E222D; }

.mb-textarea .mb-content {
  border: none;
  width: 100%;
  height: 100%;
  margin: 0; }

.mb-textarea .mb-track-x {
  display: none; }

.ss-main {
  position: relative;
  display: inline-block;
  user-select: none;
  color: #666666;
  width: 100%; }
.ss-main .ss-single-selected {
  display: flex;
  cursor: pointer;
  width: 100%;
  height: 30px;
  padding: 6px;
  border: 1px solid #dcdee2;
  border-radius: 4px;
  background-color: #ffffff;
  outline: 0;
  box-sizing: border-box;
  transition: background-color .2s; }
.ss-main .ss-single-selected.ss-disabled {
  background-color: #dcdee2;
  cursor: not-allowed; }
.ss-main .ss-single-selected.ss-open-above {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px; }
.ss-main .ss-single-selected.ss-open-below {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px; }
.ss-main .ss-single-selected .placeholder {
  display: flex;
  flex: 1 1 100%;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
  width: calc(100% - 30px);
  line-height: 1em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
.ss-main .ss-single-selected .placeholder * {
  display: flex;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: auto; }
.ss-main .ss-single-selected .placeholder .ss-disabled {
  color: #dedede; }
.ss-main .ss-single-selected .ss-deselect {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 0 1 auto;
  margin: 0 6px 0 6px;
  font-weight: bold; }
.ss-main .ss-single-selected .ss-deselect.ss-hide {
  display: none; }
.ss-main .ss-single-selected .ss-arrow {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 0 1 auto;
  margin: 0 6px 0 6px; }
.ss-main .ss-single-selected .ss-arrow span {
  border: solid #666666;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  transition: transform .2s, margin .2s; }
.ss-main .ss-single-selected .ss-arrow span.arrow-up {
  transform: rotate(-135deg);
  margin: 3px 0 0 0; }
.ss-main .ss-single-selected .ss-arrow span.arrow-down {
  transform: rotate(45deg);
  margin: -3px 0 0 0; }
.ss-main .ss-multi-selected {
  display: flex;
  flex-direction: row;
  cursor: pointer;
  min-height: 30px;
  width: 100%;
  padding: 0 0 0 3px;
  border: 1px solid #dcdee2;
  border-radius: 4px;
  background-color: #ffffff;
  outline: 0;
  box-sizing: border-box;
  transition: background-color .2s; }
.ss-main .ss-multi-selected.ss-disabled {
  background-color: #dcdee2;
  cursor: not-allowed; }
.ss-main .ss-multi-selected.ss-disabled .ss-values .ss-disabled {
  color: #666666; }
.ss-main .ss-multi-selected.ss-disabled .ss-values .ss-value .ss-value-delete {
  cursor: not-allowed; }
.ss-main .ss-multi-selected.ss-open-above {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px; }
.ss-main .ss-multi-selected.ss-open-below {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px; }
.ss-main .ss-multi-selected .ss-values {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  flex: 1 1 100%;
  width: calc(100% - 30px); }
.ss-main .ss-multi-selected .ss-values .ss-disabled {
  display: flex;
  padding: 4px 5px;
  margin: 2px 0px;
  line-height: 1em;
  align-items: center;
  width: 100%;
  color: #dedede;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

@keyframes scaleIn {
  0% {
    transform: scale(0);
    opacity: 0; }
  100% {
    transform: scale(1);
    opacity: 1; } }

@keyframes scaleOut {
  0% {
    transform: scale(1);
    opacity: 1; }
  100% {
    transform: scale(0);
    opacity: 0; } }
.ss-main .ss-multi-selected .ss-values .ss-value {
  display: flex;
  user-select: none;
  align-items: center;
  font-size: 12px;
  padding: 3px 5px;
  margin: 3px 5px 3px 0px;
  color: #ffffff;
  background-color: #5897fb;
  border-radius: 4px;
  animation-name: scaleIn;
  animation-duration: .2s;
  animation-timing-function: ease-out;
  animation-fill-mode: both; }
.ss-main .ss-multi-selected .ss-values .ss-value.ss-out {
  animation-name: scaleOut;
  animation-duration: .2s;
  animation-timing-function: ease-out; }
.ss-main .ss-multi-selected .ss-values .ss-value .ss-value-delete {
  margin: 0 0 0 5px;
  cursor: pointer; }
.ss-main .ss-multi-selected .ss-add {
  display: flex;
  flex: 0 1 3px;
  margin: 9px 12px 0 5px; }
.ss-main .ss-multi-selected .ss-add .ss-plus {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #666666;
  position: relative;
  height: 10px;
  width: 2px;
  transition: transform .2s; }
.ss-main .ss-multi-selected .ss-add .ss-plus:after {
  background: #666666;
  content: "";
  position: absolute;
  height: 2px;
  width: 10px;
  left: -4px;
  top: 4px; }
.ss-main .ss-multi-selected .ss-add .ss-plus.ss-cross {
  transform: rotate(45deg); }

.ss-content {
  position: absolute;
  width: 100%;
  margin: -1px 0 0 0;
  box-sizing: border-box;
  border: solid 1px #dcdee2;
  z-index: 1010;
  background-color: #ffffff;
  transform-origin: center top;
  transition: transform .2s, opacity .2s;
  opacity: 0;
  transform: scaleY(0); }
.ss-content.ss-open {
  display: block;
  opacity: 1;
  transform: scaleY(1); }
.ss-content .ss-search {
  display: flex;
  flex-direction: row;
  padding: 8px 8px 6px 8px; }
.ss-content .ss-search.ss-hide {
  height: 0px;
  opacity: 0;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px; }
.ss-content .ss-search.ss-hide input {
  height: 0px;
  opacity: 0;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px; }
.ss-content .ss-search input {
  display: inline-flex;
  font-size: inherit;
  line-height: inherit;
  flex: 1 1 auto;
  width: 100%;
  min-width: 0px;
  height: 30px;
  padding: 6px 8px;
  margin: 0;
  border: 1px solid #dcdee2;
  border-radius: 4px;
  background-color: #ffffff;
  outline: 0;
  text-align: left;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-appearance: textfield; }
.ss-content .ss-search input::placeholder {
  color: #8a8a8a;
  vertical-align: middle; }
.ss-content .ss-search input:focus {
  box-shadow: 0 0 5px #5897fb; }
.ss-content .ss-search .ss-addable {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  font-size: 22px;
  font-weight: bold;
  flex: 0 0 30px;
  height: 30px;
  margin: 0 0 0 8px;
  border: 1px solid #dcdee2;
  border-radius: 4px;
  box-sizing: border-box; }
.ss-content .ss-addable {
  padding-top: 0px; }
.ss-content .ss-list {
  max-height: 200px;
  overflow-x: hidden;
  overflow-y: auto;
  text-align: left; }
.ss-content .ss-list .ss-optgroup .ss-optgroup-label {
  padding: 6px 10px 6px 10px;
  font-weight: bold; }
.ss-content .ss-list .ss-optgroup .ss-option {
  padding: 6px 6px 6px 25px; }
.ss-content .ss-list .ss-optgroup-label-selectable {
  cursor: pointer; }
.ss-content .ss-list .ss-optgroup-label-selectable:hover {
  color: #ffffff;
  background-color: #5897fb; }
.ss-content .ss-list .ss-option {
  padding: 6px 10px 6px 10px;
  cursor: pointer;
  user-select: none; }
.ss-content .ss-list .ss-option * {
  display: inline-block; }
.ss-content .ss-list .ss-option:hover, .ss-content .ss-list .ss-option.ss-highlighted {
  color: #ffffff;
  background-color: #5897fb; }
.ss-content .ss-list .ss-option.ss-disabled {
  cursor: not-allowed;
  color: #dedede;
  background-color: #ffffff; }
.ss-content .ss-list .ss-option:not(.ss-disabled).ss-option-selected {
  color: #666666;
  background-color: rgba(88, 151, 251, 0.1); }
.ss-content .ss-list .ss-option.ss-hide {
  display: none; }
.ss-content .ss-list .ss-option .ss-search-highlight {
  background-color: #fffb8c; }

@font-face {
  font-family: 'lg';
  src: url("../fonts/lg.ttf?22t19m") format("truetype"), url("../fonts/lg.woff?22t19m") format("woff"), url("../fonts/lg.svg?22t19m#lg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block; }

.lg-icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'lg' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.lg-actions .lg-next, .lg-actions .lg-prev {
  background-color: rgba(0, 0, 0, 0.45);
  border-radius: 2px;
  color: #999;
  cursor: pointer;
  display: block;
  font-size: 22px;
  margin-top: -10px;
  padding: 8px 10px 9px;
  position: absolute;
  top: 50%;
  z-index: 1080;
  border: none;
  outline: none; }
.lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled {
  pointer-events: none;
  opacity: 0.5; }
.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover {
  color: #FFF; }

.lg-actions .lg-next {
  right: 20px; }
.lg-actions .lg-next:before {
  content: "\e095"; }

.lg-actions .lg-prev {
  left: 20px; }
.lg-actions .lg-prev:after {
  content: "\e094"; }

@-webkit-keyframes lg-right-end {
  0% {
    left: 0; }
  50% {
    left: -30px; }
  100% {
    left: 0; } }

@-moz-keyframes lg-right-end {
  0% {
    left: 0; }
  50% {
    left: -30px; }
  100% {
    left: 0; } }

@-ms-keyframes lg-right-end {
  0% {
    left: 0; }
  50% {
    left: -30px; }
  100% {
    left: 0; } }

@keyframes lg-right-end {
  0% {
    left: 0; }
  50% {
    left: -30px; }
  100% {
    left: 0; } }

@-webkit-keyframes lg-left-end {
  0% {
    left: 0; }
  50% {
    left: 30px; }
  100% {
    left: 0; } }

@-moz-keyframes lg-left-end {
  0% {
    left: 0; }
  50% {
    left: 30px; }
  100% {
    left: 0; } }

@-ms-keyframes lg-left-end {
  0% {
    left: 0; }
  50% {
    left: 30px; }
  100% {
    left: 0; } }

@keyframes lg-left-end {
  0% {
    left: 0; }
  50% {
    left: 30px; }
  100% {
    left: 0; } }

.lg-outer.lg-right-end .lg-object {
  -webkit-animation: lg-right-end 0.3s;
  -o-animation: lg-right-end 0.3s;
  animation: lg-right-end 0.3s;
  position: relative; }

.lg-outer.lg-left-end .lg-object {
  -webkit-animation: lg-left-end 0.3s;
  -o-animation: lg-left-end 0.3s;
  animation: lg-left-end 0.3s;
  position: relative; }

.lg-toolbar {
  z-index: 1082;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.45); }
.lg-toolbar .lg-icon {
  color: #999;
  cursor: pointer;
  float: right;
  font-size: 24px;
  height: 47px;
  line-height: 27px;
  padding: 10px 0;
  text-align: center;
  width: 50px;
  text-decoration: none !important;
  outline: medium none;
  background: none;
  border: none;
  box-shadow: none;
  -webkit-transition: color 0.2s linear;
  -o-transition: color 0.2s linear;
  transition: color 0.2s linear; }
.lg-toolbar .lg-icon:hover {
  color: #FFF; }
.lg-toolbar .lg-close:after {
  content: "\e070"; }
.lg-toolbar .lg-download:after {
  content: "\e0f2"; }

.lg-sub-html {
  background-color: rgba(0, 0, 0, 0.45);
  bottom: 0;
  color: #EEE;
  font-size: 16px;
  left: 0;
  padding: 10px 40px;
  position: fixed;
  right: 0;
  text-align: center;
  z-index: 1080; }
.lg-sub-html h4 {
  margin: 0;
  font-size: 13px;
  font-weight: bold; }
.lg-sub-html p {
  font-size: 12px;
  margin: 5px 0 0; }

#lg-counter {
  color: #999;
  display: inline-block;
  font-size: 16px;
  padding-left: 20px;
  padding-top: 12px;
  vertical-align: middle; }

.lg-toolbar, .lg-prev, .lg-next {
  opacity: 1;
  -webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
  -moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
  -o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
  transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; }

.lg-hide-items .lg-prev {
  opacity: 0;
  -webkit-transform: translate3d(-10px, 0, 0);
  transform: translate3d(-10px, 0, 0); }

.lg-hide-items .lg-next {
  opacity: 0;
  -webkit-transform: translate3d(10px, 0, 0);
  transform: translate3d(10px, 0, 0); }

.lg-hide-items .lg-toolbar {
  opacity: 0;
  -webkit-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0); }

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
  -webkit-transform: scale3d(0.5, 0.5, 0.5);
  transform: scale3d(0.5, 0.5, 0.5);
  opacity: 0;
  -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  -moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  -o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%; }

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  opacity: 1; }

.lg-outer .lg-thumb-outer {
  background-color: #0D0A0A;
  bottom: 0;
  position: absolute;
  width: 100%;
  z-index: 1080;
  max-height: 350px;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; }
.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab; }
.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing; }
.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important; }

.lg-outer.lg-thumb-open .lg-thumb-outer {
  -webkit-transform: translate3d(0, 0%, 0);
  transform: translate3d(0, 0%, 0); }

.lg-outer .lg-thumb {
  padding: 10px 0;
  height: 100%;
  margin-bottom: -5px; }

.lg-outer .lg-thumb-item {
  border-radius: 5px;
  cursor: pointer;
  float: left;
  overflow: hidden;
  height: 100%;
  border: 2px solid #FFF;
  border-radius: 4px;
  margin-bottom: 5px; }
@media (min-width: 1025px) {
  .lg-outer .lg-thumb-item {
    -webkit-transition: border-color 0.25s ease;
    -o-transition: border-color 0.25s ease;
    transition: border-color 0.25s ease; } }
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
  border-color: #a90707; }
.lg-outer .lg-thumb-item img {
  width: 100%;
  height: 100%;
  object-fit: cover; }

.lg-outer.lg-has-thumb .lg-item {
  padding-bottom: 120px; }

.lg-outer.lg-can-toggle .lg-item {
  padding-bottom: 0; }

.lg-outer.lg-pull-caption-up .lg-sub-html {
  -webkit-transition: bottom 0.25s ease;
  -o-transition: bottom 0.25s ease;
  transition: bottom 0.25s ease; }

.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
  bottom: 100px; }

.lg-outer .lg-toogle-thumb {
  background-color: #0D0A0A;
  border-radius: 2px 2px 0 0;
  color: #999;
  cursor: pointer;
  font-size: 24px;
  height: 39px;
  line-height: 27px;
  padding: 5px 0;
  position: absolute;
  right: 20px;
  text-align: center;
  top: -39px;
  width: 50px;
  outline: medium none;
  border: none; }
.lg-outer .lg-toogle-thumb:after {
  content: "\e1ff"; }
.lg-outer .lg-toogle-thumb:hover {
  color: #FFF; }

.lg-outer .lg-video-cont {
  display: inline-block;
  vertical-align: middle;
  max-width: 1140px;
  max-height: 100%;
  width: 100%;
  padding: 0 5px; }

.lg-outer .lg-video {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative; }
.lg-outer .lg-video .lg-object {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important; }
.lg-outer .lg-video .lg-video-play {
  width: 84px;
  height: 59px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -42px;
  margin-top: -30px;
  z-index: 1080;
  cursor: pointer; }

.lg-outer .lg-has-iframe .lg-video {
  -webkit-overflow-scrolling: touch;
  overflow: auto; }

.lg-outer .lg-has-vimeo .lg-video-play {
  background: url("../img/vimeo-play.png") no-repeat scroll 0 0 transparent; }

.lg-outer .lg-has-vimeo:hover .lg-video-play {
  background: url("../img/vimeo-play.png") no-repeat scroll 0 -58px transparent; }

.lg-outer .lg-has-html5 .lg-video-play {
  background: transparent url("../img/video-play.png") no-repeat scroll 0 0;
  height: 64px;
  margin-left: -32px;
  margin-top: -32px;
  width: 64px;
  opacity: 0.8; }

.lg-outer .lg-has-html5:hover .lg-video-play {
  opacity: 1; }

.lg-outer .lg-has-youtube .lg-video-play {
  background: url("../img/youtube-play.png") no-repeat scroll 0 0 transparent; }

.lg-outer .lg-has-youtube:hover .lg-video-play {
  background: url("../img/youtube-play.png") no-repeat scroll 0 -60px transparent; }

.lg-outer .lg-video-object {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0; }

.lg-outer .lg-has-video .lg-video-object {
  visibility: hidden; }

.lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play {
  display: none; }

.lg-outer .lg-has-video.lg-video-playing .lg-video-object {
  visibility: visible; }

.lg-progress-bar {
  background-color: #333;
  height: 5px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1083;
  opacity: 0;
  -webkit-transition: opacity 0.08s ease 0s;
  -moz-transition: opacity 0.08s ease 0s;
  -o-transition: opacity 0.08s ease 0s;
  transition: opacity 0.08s ease 0s; }
.lg-progress-bar .lg-progress {
  background-color: #a90707;
  height: 5px;
  width: 0; }
.lg-progress-bar.lg-start .lg-progress {
  width: 100%; }
.lg-show-autoplay .lg-progress-bar {
  opacity: 1; }

.lg-autoplay-button:after {
  content: "\e01d"; }
.lg-show-autoplay .lg-autoplay-button:after {
  content: "\e01a"; }

.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {
  -webkit-transition-duration: 0s;
  transition-duration: 0s; }

.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; }

.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  -webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  -moz-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  -o-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; }

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden; }

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
  -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
  -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
  transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden; }

#lg-zoom-in:after {
  content: "\e311"; }

#lg-actual-size {
  font-size: 20px; }
#lg-actual-size:after {
  content: "\e033"; }

#lg-zoom-out {
  opacity: 0.5;
  pointer-events: none; }
#lg-zoom-out:after {
  content: "\e312"; }
.lg-zoomed #lg-zoom-out {
  opacity: 1;
  pointer-events: auto; }

.lg-outer .lg-pager-outer {
  bottom: 60px;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  z-index: 1080;
  height: 10px; }
.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
  overflow: visible; }

.lg-outer .lg-pager-cont {
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  position: relative;
  vertical-align: top;
  margin: 0 5px; }
.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }
.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
  box-shadow: 0 0 0 2px white inset; }

.lg-outer .lg-pager-thumb-cont {
  background-color: #fff;
  color: #FFF;
  bottom: 100%;
  height: 83px;
  left: 0;
  margin-bottom: 20px;
  margin-left: -60px;
  opacity: 0;
  padding: 5px;
  position: absolute;
  width: 120px;
  border-radius: 3px;
  -webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
  -moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s;
  transition: opacity 0.15s ease 0s, transform 0.15s ease 0s;
  -webkit-transform: translate3d(0, 5px, 0);
  transform: translate3d(0, 5px, 0); }
.lg-outer .lg-pager-thumb-cont img {
  width: 100%;
  height: 100%; }

.lg-outer .lg-pager {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
  display: block;
  height: 12px;
  -webkit-transition: box-shadow 0.3s ease 0s;
  -o-transition: box-shadow 0.3s ease 0s;
  transition: box-shadow 0.3s ease 0s;
  width: 12px; }
.lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus {
  box-shadow: 0 0 0 8px white inset; }

.lg-outer .lg-caret {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px dashed;
  bottom: -10px;
  display: inline-block;
  height: 0;
  left: 50%;
  margin-left: -5px;
  position: absolute;
  vertical-align: middle;
  width: 0; }

.lg-fullscreen:after {
  content: "\e20c"; }
.lg-fullscreen-on .lg-fullscreen:after {
  content: "\e20d"; }

.lg-outer #lg-dropdown-overlay {
  background-color: rgba(0, 0, 0, 0.25);
  bottom: 0;
  cursor: default;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1081;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
  -o-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
  transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s; }

.lg-outer.lg-dropdown-active .lg-dropdown, .lg-outer.lg-dropdown-active #lg-dropdown-overlay {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transform: translate3d(0, 0px, 0);
  -o-transform: translate3d(0, 0px, 0);
  -ms-transform: translate3d(0, 0px, 0);
  -webkit-transform: translate3d(0, 0px, 0);
  transform: translate3d(0, 0px, 0);
  opacity: 1;
  visibility: visible; }

.lg-outer.lg-dropdown-active #lg-share {
  color: #FFF; }

.lg-outer .lg-dropdown {
  background-color: #fff;
  border-radius: 2px;
  font-size: 14px;
  list-style-type: none;
  margin: 0;
  padding: 10px 0;
  position: absolute;
  right: 0;
  text-align: left;
  top: 50px;
  opacity: 0;
  visibility: hidden;
  -moz-transform: translate3d(0, 5px, 0);
  -o-transform: translate3d(0, 5px, 0);
  -ms-transform: translate3d(0, 5px, 0);
  -webkit-transform: translate3d(0, 5px, 0);
  transform: translate3d(0, 5px, 0);
  -webkit-transition: -webkit-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
  -moz-transition: -moz-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
  -o-transition: -o-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
  transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s; }
.lg-outer .lg-dropdown:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  position: absolute;
  border: 8px solid transparent;
  border-bottom-color: #FFF;
  right: 16px;
  top: -16px; }
.lg-outer .lg-dropdown > li:last-child {
  margin-bottom: 0px; }
.lg-outer .lg-dropdown > li:hover a, .lg-outer .lg-dropdown > li:hover .lg-icon {
  color: #333; }
.lg-outer .lg-dropdown a {
  color: #333;
  display: block;
  white-space: pre;
  padding: 4px 12px;
  font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 12px; }
.lg-outer .lg-dropdown a:hover {
  background-color: rgba(0, 0, 0, 0.07); }
.lg-outer .lg-dropdown .lg-dropdown-text {
  display: inline-block;
  line-height: 1;
  margin-top: -3px;
  vertical-align: middle; }
.lg-outer .lg-dropdown .lg-icon {
  color: #333;
  display: inline-block;
  float: none;
  font-size: 20px;
  height: auto;
  line-height: 1;
  margin-right: 8px;
  padding: 0;
  vertical-align: middle;
  width: auto; }

.lg-outer #lg-share {
  position: relative; }
.lg-outer #lg-share:after {
  content: "\e80d"; }

.lg-outer #lg-share-facebook .lg-icon {
  color: #3b5998; }
.lg-outer #lg-share-facebook .lg-icon:after {
  content: "\e904"; }

.lg-outer #lg-share-twitter .lg-icon {
  color: #00aced; }
.lg-outer #lg-share-twitter .lg-icon:after {
  content: "\e907"; }

.lg-outer #lg-share-googleplus .lg-icon {
  color: #dd4b39; }
.lg-outer #lg-share-googleplus .lg-icon:after {
  content: "\e905"; }

.lg-outer #lg-share-pinterest .lg-icon {
  color: #cb2027; }
.lg-outer #lg-share-pinterest .lg-icon:after {
  content: "\e906"; }

.lg-outer .lg-img-rotate {
  position: absolute;
  padding: 0 5px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.32, 0, 0.67, 0) 0s;
  -moz-transition: -moz-transform 0.3s cubic-bezier(0.32, 0, 0.67, 0) 0s;
  -o-transition: -o-transform 0.3s cubic-bezier(0.32, 0, 0.67, 0) 0s;
  transition: transform 0.3s cubic-bezier(0.32, 0, 0.67, 0) 0s; }

.lg-rotate-left:after {
  content: "\e900"; }

.lg-rotate-right:after {
  content: "\e901"; }

.lg-icon.lg-flip-hor, .lg-icon.lg-flip-ver {
  font-size: 26px; }

.lg-flip-ver:after {
  content: "\e903"; }

.lg-flip-hor:after {
  content: "\e902"; }

.lg-group:after {
  content: "";
  display: table;
  clear: both; }

.lg-outer {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  text-align: left;
  opacity: 0;
  outline: none;
  -webkit-transition: opacity 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s; }
.lg-outer * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
.lg-outer.lg-visible {
  opacity: 1; }
.lg-outer.lg-css3 .lg-item.lg-prev-slide, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-current {
  -webkit-transition-duration: inherit !important;
  transition-duration: inherit !important;
  -webkit-transition-timing-function: inherit !important;
  transition-timing-function: inherit !important; }
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
  opacity: 1; }
.lg-outer.lg-grab img.lg-object {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab; }
.lg-outer.lg-grabbing img.lg-object {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing; }
.lg-outer .lg {
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  max-height: 100%; }
.lg-outer .lg-inner {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  white-space: nowrap; }
.lg-outer .lg-item {
  background: url("../img/loading.gif") no-repeat scroll center center transparent;
  display: none !important; }
.lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide {
  display: inline-block !important; }
.lg-outer.lg-css .lg-current {
  display: inline-block !important; }
.lg-outer .lg-item, .lg-outer .lg-img-wrap {
  display: inline-block;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%; }
.lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right: -1px; }
.lg-outer .lg-img-wrap {
  position: absolute;
  padding: 0 5px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }
.lg-outer .lg-item.lg-complete {
  background-image: none; }
.lg-outer .lg-item.lg-current {
  z-index: 1060; }
.lg-outer .lg-image {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  width: auto !important;
  height: auto !important; }
.lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play {
  opacity: 0;
  -webkit-transition: opacity 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s; }
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
  opacity: 1; }
.lg-outer .lg-empty-html {
  display: none; }
.lg-outer.lg-hide-download #lg-download {
  display: none; }

.lg-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1040;
  background-color: #000;
  opacity: 0;
  -webkit-transition: opacity 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s; }
.lg-backdrop.in {
  opacity: 1; }

.lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current {
  -webkit-transition: none 0s ease 0s !important;
  -moz-transition: none 0s ease 0s !important;
  -o-transition: none 0s ease 0s !important;
  transition: none 0s ease 0s !important; }

.lg-css3.lg-use-css3 .lg-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden; }

.lg-css3.lg-use-left .lg-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden; }

.lg-css3.lg-fade .lg-item {
  opacity: 0; }
.lg-css3.lg-fade .lg-item.lg-current {
  opacity: 1; }
.lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current {
  -webkit-transition: opacity 0.1s ease 0s;
  -moz-transition: opacity 0.1s ease 0s;
  -o-transition: opacity 0.1s ease 0s;
  transition: opacity 0.1s ease 0s; }

.lg-css3.lg-slide.lg-use-css3 .lg-item {
  opacity: 0; }
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0); }
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0); }
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1; }
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }

.lg-css3.lg-slide.lg-use-left .lg-item {
  opacity: 0;
  position: absolute;
  left: 0; }
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
  left: -100%; }
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
  left: 100%; }
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
  left: 0;
  opacity: 1; }
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
  -webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }

/*!
 * jQuery UI Slider 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/slider/#theming
 */
.ui-slider {
  position: relative;
  text-align: left; }

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none; }

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0; }

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit; }

.ui-slider-horizontal {
  height: .8em; }

.ui-slider-horizontal .ui-slider-handle {
  top: -.3em;
  margin-left: -.6em; }

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%; }

.ui-slider-horizontal .ui-slider-range-min {
  left: 0; }

.ui-slider-horizontal .ui-slider-range-max {
  right: 0; }

.ui-slider-vertical {
  width: .8em;
  height: 100px; }

.ui-slider-vertical .ui-slider-handle {
  left: -.3em;
  margin-left: 0;
  margin-bottom: -.6em; }

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%; }

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0; }

.ui-slider-vertical .ui-slider-range-max {
  top: 0; }

/*!
 * jQuery UI CSS Framework 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/
 */
/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em; }

.ui-widget .ui-widget {
  font-size: 1em; }

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em; }

.ui-widget.ui-widget-content {
  border: 1px solid #c5c5c5; }

.ui-widget-content {
  border: 1px solid #dddddd;
  background: #ffffff;
  color: #333333; }

.ui-widget-content a {
  color: #333333; }

.ui-widget-header {
  border: 1px solid #dddddd;
  background: #e9e9e9;
  color: #333333;
  font-weight: bold; }

.ui-widget-header a {
  color: #333333; }

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  border: 1px solid #c5c5c5;
  background: #f6f6f6;
  font-weight: normal;
  color: #454545; }

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
  color: #454545;
  text-decoration: none; }

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
  border: 1px solid #cccccc;
  background: #ededed;
  font-weight: normal;
  color: #2b2b2b; }

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
  color: #2b2b2b;
  text-decoration: none; }

.ui-visual-focus {
  box-shadow: 0 0 3px 1px #5e9ed6; }

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: 1px solid #003eff;
  background: #007fff;
  font-weight: normal;
  color: #ffffff; }

.ui-icon-background,
.ui-state-active .ui-icon-background {
  border: #003eff;
  background-color: #ffffff; }

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #ffffff;
  text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #dad55e;
  background: #fffa90;
  color: #777620; }

.ui-state-checked {
  border: 1px solid #dad55e;
  background: #fffa90; }

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #777620; }

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #5f3f3f; }

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #5f3f3f; }

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #5f3f3f; }

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold; }

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: Alpha(Opacity=70);
  /* support: IE8 */
  font-weight: normal; }

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  /* support: IE8 */
  background-image: none; }

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35);
  /* support: IE8 - See #6059 */ }

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px; }

.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url("images/ui-icons_444444_256x240.png"); }

.ui-widget-header .ui-icon {
  background-image: url("images/ui-icons_444444_256x240.png"); }

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
  background-image: url("images/ui-icons_555555_256x240.png"); }

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
  background-image: url("images/ui-icons_ffffff_256x240.png"); }

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
  background-image: url("images/ui-icons_777620_256x240.png"); }

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url("images/ui-icons_cc0000_256x240.png"); }

.ui-button .ui-icon {
  background-image: url("images/ui-icons_777777_256x240.png"); }

/* positioning */
.ui-icon-blank {
  background-position: 16px 16px; }

.ui-icon-caret-1-n {
  background-position: 0 0; }

.ui-icon-caret-1-ne {
  background-position: -16px 0; }

.ui-icon-caret-1-e {
  background-position: -32px 0; }

.ui-icon-caret-1-se {
  background-position: -48px 0; }

.ui-icon-caret-1-s {
  background-position: -65px 0; }

.ui-icon-caret-1-sw {
  background-position: -80px 0; }

.ui-icon-caret-1-w {
  background-position: -96px 0; }

.ui-icon-caret-1-nw {
  background-position: -112px 0; }

.ui-icon-caret-2-n-s {
  background-position: -128px 0; }

.ui-icon-caret-2-e-w {
  background-position: -144px 0; }

.ui-icon-triangle-1-n {
  background-position: 0 -16px; }

.ui-icon-triangle-1-ne {
  background-position: -16px -16px; }

.ui-icon-triangle-1-e {
  background-position: -32px -16px; }

.ui-icon-triangle-1-se {
  background-position: -48px -16px; }

.ui-icon-triangle-1-s {
  background-position: -65px -16px; }

.ui-icon-triangle-1-sw {
  background-position: -80px -16px; }

.ui-icon-triangle-1-w {
  background-position: -96px -16px; }

.ui-icon-triangle-1-nw {
  background-position: -112px -16px; }

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px; }

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px; }

.ui-icon-arrow-1-n {
  background-position: 0 -32px; }

.ui-icon-arrow-1-ne {
  background-position: -16px -32px; }

.ui-icon-arrow-1-e {
  background-position: -32px -32px; }

.ui-icon-arrow-1-se {
  background-position: -48px -32px; }

.ui-icon-arrow-1-s {
  background-position: -65px -32px; }

.ui-icon-arrow-1-sw {
  background-position: -80px -32px; }

.ui-icon-arrow-1-w {
  background-position: -96px -32px; }

.ui-icon-arrow-1-nw {
  background-position: -112px -32px; }

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px; }

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px; }

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px; }

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px; }

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px; }

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px; }

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px; }

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px; }

.ui-icon-arrowthick-1-n {
  background-position: 1px -48px; }

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px; }

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px; }

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px; }

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px; }

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px; }

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px; }

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px; }

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px; }

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px; }

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px; }

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px; }

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px; }

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px; }

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px; }

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px; }

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px; }

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px; }

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px; }

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px; }

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px; }

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px; }

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px; }

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px; }

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px; }

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px; }

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px; }

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px; }

.ui-icon-arrow-4 {
  background-position: 0 -80px; }

.ui-icon-arrow-4-diag {
  background-position: -16px -80px; }

.ui-icon-extlink {
  background-position: -32px -80px; }

.ui-icon-newwin {
  background-position: -48px -80px; }

.ui-icon-refresh {
  background-position: -64px -80px; }

.ui-icon-shuffle {
  background-position: -80px -80px; }

.ui-icon-transfer-e-w {
  background-position: -96px -80px; }

.ui-icon-transferthick-e-w {
  background-position: -112px -80px; }

.ui-icon-folder-collapsed {
  background-position: 0 -96px; }

.ui-icon-folder-open {
  background-position: -16px -96px; }

.ui-icon-document {
  background-position: -32px -96px; }

.ui-icon-document-b {
  background-position: -48px -96px; }

.ui-icon-note {
  background-position: -64px -96px; }

.ui-icon-mail-closed {
  background-position: -80px -96px; }

.ui-icon-mail-open {
  background-position: -96px -96px; }

.ui-icon-suitcase {
  background-position: -112px -96px; }

.ui-icon-comment {
  background-position: -128px -96px; }

.ui-icon-person {
  background-position: -144px -96px; }

.ui-icon-print {
  background-position: -160px -96px; }

.ui-icon-trash {
  background-position: -176px -96px; }

.ui-icon-locked {
  background-position: -192px -96px; }

.ui-icon-unlocked {
  background-position: -208px -96px; }

.ui-icon-bookmark {
  background-position: -224px -96px; }

.ui-icon-tag {
  background-position: -240px -96px; }

.ui-icon-home {
  background-position: 0 -112px; }

.ui-icon-flag {
  background-position: -16px -112px; }

.ui-icon-calendar {
  background-position: -32px -112px; }

.ui-icon-cart {
  background-position: -48px -112px; }

.ui-icon-pencil {
  background-position: -64px -112px; }

.ui-icon-clock {
  background-position: -80px -112px; }

.ui-icon-disk {
  background-position: -96px -112px; }

.ui-icon-calculator {
  background-position: -112px -112px; }

.ui-icon-zoomin {
  background-position: -128px -112px; }

.ui-icon-zoomout {
  background-position: -144px -112px; }

.ui-icon-search {
  background-position: -160px -112px; }

.ui-icon-wrench {
  background-position: -176px -112px; }

.ui-icon-gear {
  background-position: -192px -112px; }

.ui-icon-heart {
  background-position: -208px -112px; }

.ui-icon-star {
  background-position: -224px -112px; }

.ui-icon-link {
  background-position: -240px -112px; }

.ui-icon-cancel {
  background-position: 0 -128px; }

.ui-icon-plus {
  background-position: -16px -128px; }

.ui-icon-plusthick {
  background-position: -32px -128px; }

.ui-icon-minus {
  background-position: -48px -128px; }

.ui-icon-minusthick {
  background-position: -64px -128px; }

.ui-icon-close {
  background-position: -80px -128px; }

.ui-icon-closethick {
  background-position: -96px -128px; }

.ui-icon-key {
  background-position: -112px -128px; }

.ui-icon-lightbulb {
  background-position: -128px -128px; }

.ui-icon-scissors {
  background-position: -144px -128px; }

.ui-icon-clipboard {
  background-position: -160px -128px; }

.ui-icon-copy {
  background-position: -176px -128px; }

.ui-icon-contact {
  background-position: -192px -128px; }

.ui-icon-image {
  background-position: -208px -128px; }

.ui-icon-video {
  background-position: -224px -128px; }

.ui-icon-script {
  background-position: -240px -128px; }

.ui-icon-alert {
  background-position: 0 -144px; }

.ui-icon-info {
  background-position: -16px -144px; }

.ui-icon-notice {
  background-position: -32px -144px; }

.ui-icon-help {
  background-position: -48px -144px; }

.ui-icon-check {
  background-position: -64px -144px; }

.ui-icon-bullet {
  background-position: -80px -144px; }

.ui-icon-radio-on {
  background-position: -96px -144px; }

.ui-icon-radio-off {
  background-position: -112px -144px; }

.ui-icon-pin-w {
  background-position: -128px -144px; }

.ui-icon-pin-s {
  background-position: -144px -144px; }

.ui-icon-play {
  background-position: 0 -160px; }

.ui-icon-pause {
  background-position: -16px -160px; }

.ui-icon-seek-next {
  background-position: -32px -160px; }

.ui-icon-seek-prev {
  background-position: -48px -160px; }

.ui-icon-seek-end {
  background-position: -64px -160px; }

.ui-icon-seek-start {
  background-position: -80px -160px; }

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px; }

.ui-icon-stop {
  background-position: -96px -160px; }

.ui-icon-eject {
  background-position: -112px -160px; }

.ui-icon-volume-off {
  background-position: -128px -160px; }

.ui-icon-volume-on {
  background-position: -144px -160px; }

.ui-icon-power {
  background-position: 0 -176px; }

.ui-icon-signal-diag {
  background-position: -16px -176px; }

.ui-icon-signal {
  background-position: -32px -176px; }

.ui-icon-battery-0 {
  background-position: -48px -176px; }

.ui-icon-battery-1 {
  background-position: -64px -176px; }

.ui-icon-battery-2 {
  background-position: -80px -176px; }

.ui-icon-battery-3 {
  background-position: -96px -176px; }

.ui-icon-circle-plus {
  background-position: 0 -192px; }

.ui-icon-circle-minus {
  background-position: -16px -192px; }

.ui-icon-circle-close {
  background-position: -32px -192px; }

.ui-icon-circle-triangle-e {
  background-position: -48px -192px; }

.ui-icon-circle-triangle-s {
  background-position: -64px -192px; }

.ui-icon-circle-triangle-w {
  background-position: -80px -192px; }

.ui-icon-circle-triangle-n {
  background-position: -96px -192px; }

.ui-icon-circle-arrow-e {
  background-position: -112px -192px; }

.ui-icon-circle-arrow-s {
  background-position: -128px -192px; }

.ui-icon-circle-arrow-w {
  background-position: -144px -192px; }

.ui-icon-circle-arrow-n {
  background-position: -160px -192px; }

.ui-icon-circle-zoomin {
  background-position: -176px -192px; }

.ui-icon-circle-zoomout {
  background-position: -192px -192px; }

.ui-icon-circle-check {
  background-position: -208px -192px; }

.ui-icon-circlesmall-plus {
  background-position: 0 -208px; }

.ui-icon-circlesmall-minus {
  background-position: -16px -208px; }

.ui-icon-circlesmall-close {
  background-position: -32px -208px; }

.ui-icon-squaresmall-plus {
  background-position: -48px -208px; }

.ui-icon-squaresmall-minus {
  background-position: -64px -208px; }

.ui-icon-squaresmall-close {
  background-position: -80px -208px; }

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px; }

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px; }

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px; }

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px; }

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px; }

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px; }

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 3px; }

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 3px; }

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 3px; }

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 3px; }

/* Overlays */
.ui-widget-overlay {
  background: #aaaaaa;
  opacity: 0.3;
  filter: Alpha(Opacity=30);
  /* support: IE8 */ }

.ui-widget-shadow {
  -webkit-box-shadow: 0 0 5px #666666;
  box-shadow: 0 0 5px #666666; }

/* slimselect */
.ss-single-selected {
  height: auto !important;
  min-height: 40px !important;
  padding: 12.5px 15px 10.5px !important;
  padding-right: 35px !important;
  color: #366099;
  background-color: #f1f2f4 !important;
  border: 1px solid #dde5e6 !important;
  border-radius: 4px;
  font-size: 15px;
  font-weight: 500;
  line-height: 1; }
.ss-single-selected .placeholder,
.ss-single-selected .placeholder .ss-disabled {
  color: #366099 !important;
  font-size: 15px;
  font-weight: 500;
  line-height: 1; }
.ss-single-selected .placeholder {
  display: block !important;
  width: auto !important; }
.ss-single-selected .placeholder i {
  display: inline !important;
  font-style: normal;
  color: #3b4a4d; }
.ss-single-selected.ss-open-below {
  position: relative;
  background-color: #ffffff !important;
  z-index: 1000;
  box-shadow: none; }
.ss-single-selected .ss-arrow {
  margin: 0;
  position: absolute;
  right: 10px;
  top: calc(50% - 6px); }
.ss-single-selected .ss-arrow span {
  margin: 2px 0 0 !important;
  padding: 0 !important;
  width: 8px;
  height: 8px;
  background-image: url("/img/arrow-select.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  border: none !important;
  transform: rotate(0deg) !important; }
.ss-single-selected .ss-arrow span.arrow-up {
  transform: rotate(180deg) !important; }
.ss-single-selected .ss-deselect {
  display: block;
  width: 13px;
  height: 12px;
  margin: 0 !important;
  position: relative;
  color: transparent;
  transform: rotate(45deg); }
.ss-single-selected .ss-deselect::before, .ss-single-selected .ss-deselect::after {
  content: "";
  width: 100%;
  height: 2px;
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  background-color: #366099;
  transition: ease background-color 200ms; }
.ss-single-selected .ss-deselect::after {
  width: 2px;
  height: 100%;
  top: 0;
  left: calc(50% - 1px); }
.ss-single-selected .ss-deselect.ss-hide {
  display: none; }
.ss-single-selected .ss-deselect:hover::before, .ss-single-selected .ss-deselect:hover::after {
  background-color: #ff6c66; }
@media (max-width: 561px) {
  .ss-single-selected {
    min-height: 36px !important;
    padding: 10px !important;
    padding-right: 30px !important; }
  .ss-single-selected .placeholder,
  .ss-single-selected .placeholder .ss-disabled {
    font-size: 13px; }
  .ss-single-selected .ss-arrow {
    right: 6px; } }

.ss-content {
  left: 0;
  top: calc(100% - 1px);
  width: 100%;
  padding: 0 !important;
  background-color: #ffffff !important;
  border: 1px solid #dde5e6 !important;
  border-radius: 0 0 4px 4px;
  box-shadow: none;
  border-top: none;
  overflow: hidden; }
.ss-content .ss-option {
  padding: 8px 16px !important;
  color: #5b6365;
  font-size: 16px;
  transition: ease color 300ms; }
.ss-content .ss-option:hover,
.ss-content .ss-option.ss-highlighted {
  color: #2c977d !important;
  background-color: transparent !important; }
.ss-content .ss-option.ss-disabled {
  color: #366099 !important;
  background-color: transparent !important; }

.ss-list {
  margin: 5px 0; }

/* minibar */
.mb-container {
  overflow: hidden !important; }

.mb-content {
  max-height: inherit;
  overflow: visible; }

.mb-track-x,
.mb-track-y {
  background-color: transparent; }

.mb-track-x .mb-bar {
  height: 4px;
  background: #dde5e6;
  border-radius: 2px; }

.mb-track-y .mb-bar {
  width: 4px;
  background: #dde5e6;
  border-radius: 2px; }

/* lightgallery */
.lg-backdrop {
  background-color: rgba(59, 74, 77, 0.6); }

.lg-outer .lg-item {
  /* stylelint-disable-next-line*/
  background: url("/img/loading-alt.svg") no-repeat scroll center center transparent;
  background-size: 80px 80px; }

.lg-outer .lg-img-wrap {
  position: absolute;
  padding: 0 5px;
  /*left: calc(50% - 220px);
    top: calc(50% - 200px);
    width: 100%;
    max-width: 420px;
    height: 400px;
    background-color: #fff;
    border-radius: 5px;*/ }

.lg-toolbar {
  top: 15px;
  background-color: transparent; }

.lg-close {
  display: flex;
  align-items: center;
  height: 28px !important;
  line-height: 0 !important;
  padding: 20px 30px !important;
  width: auto !important; }
.lg-close::before {
  margin-right: 15px;
  color: #686c90;
  font-size: 12px;
  font-family: "Inter", sans-serif;
  line-height: 1;
  letter-spacing: 0.16em;
  text-transform: uppercase; }
@supports (font-variation-settings: normal) {
  .lg-close::before {
    font-family: "Inter var", sans-serif; } }
.lg-close::after {
  content: "" !important;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("/img/i-close-modal.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain; }

.lg-actions .lg-prev,
.lg-actions .lg-next {
  width: 24px;
  height: 24px;
  position: absolute;
  background-color: transparent;
  border: none;
  left: 25px;
  transition: background-color 300ms ease; }
.lg-actions .lg-prev::before,
.lg-actions .lg-next::before {
  content: "" !important;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-image: url("/img/arrow-modal.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  transform: rotate(180deg); }
.lg-actions .lg-prev::after,
.lg-actions .lg-next::after {
  display: none; }

.lg-actions .lg-next {
  left: auto;
  right: 25px; }
.lg-actions .lg-next::before {
  transform: rotate(0deg); }

@media (max-width: 769px) {
  .lg-actions {
    display: none; }
  .lg-toolbar {
    top: 0; }
  .lg-close {
    padding: 25px 20px !important; } }

/* Grid
----------------------------- */
/* prettier-ignore */
.container {
  width: 100%;
  min-width: 280px;
  max-width: 1340px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 561px) {
  .container {
    padding-left: 16px;
    padding-right: 16px; } }

.grid {
  display: flex;
  flex-flow: row wrap; }
.grid.is-row {
  /*margin: 0 -15px; */
}
.grid.is-row > [class*='col-'] {
  padding-left: 15px;
  padding-right: 15px; }
@media (max-width: 1179px) {
  .grid.is-row {
    /*margin-left: -13px;*/
    /*margin-right: -13px;*/
  }
  .grid.is-row > [class*='col-'] {
    padding-left: 13px;
    padding-right: 13px; } }
@media (max-width: 561px) {
  .grid.is-row {
    /*margin-left: -6px;*/
    /*margin-right: -6px; */
  }
  .grid.is-row > [class*='col-'] {
    padding-left: 6px;
    padding-right: 6px; } }
.grid.is-columns {
  /*margin: -15px; */
}
.grid.is-columns > [class*='col-'] {
  padding: 15px; }
@media (max-width: 1179px) {
  .grid.is-columns {
    /*margin: -13px;*/
  }
  .grid.is-columns > [class*='col-'] {
    padding: 13px; } }
@media (max-width: 561px) {
  .grid.is-columns {
    /*margin: -6px; */
  }
  .grid.is-columns > [class*='col-'] {
    padding: 6px; } }
.grid.is-columns.is-wide {
  margin: -10px -15px; }
.grid.is-columns.is-wide > [class*='col-'] {
  padding: 10px 15px; }
.grid.is-columns.is-narrow {
  margin: -15px -10px; }
.grid.is-columns.is-narrow > [class*='col-'] {
  padding: 15px 10px; }
.grid.is-column {
  flex-direction: column; }
.grid.is-fit {
  justify-content: space-between; }
.grid.is-around {
  justify-content: space-around; }
.grid.is-end {
  justify-content: flex-end; }
.grid.is-center {
  justify-content: center; }
.grid.is-nowrap {
  flex-flow: row nowrap; }
.grid.is-middle {
  align-items: center; }
.grid.is-top {
  align-items: flex-start; }
.grid.is-bottom {
  align-items: flex-end; }
.grid__item {
  display: block;
  float: left;
  flex: 0 0 auto; }
.grid__item.is-grow {
  flex-grow: 1; }
.grid__item.is-shrink {
  flex-shrink: 1; }

.order-0 {
  order: 0; }

.order-1 {
  order: 1; }

.order-2 {
  order: 2; }

.order-3 {
  order: 3; }

.order-4 {
  order: 4; }

.order-5 {
  order: 5; }

@media (max-width: 1599px) {
  .order-lg-0 {
    order: 0; }
  .order-lg-1 {
    order: 1; }
  .order-lg-2 {
    order: 2; }
  .order-lg-3 {
    order: 3; }
  .order-lg-4 {
    order: 4; }
  .order-lg-5 {
    order: 5; } }

@media (max-width: 1439px) {
  .order-xl-0 {
    order: 0; }
  .order-xl-1 {
    order: 1; }
  .order-xl-2 {
    order: 2; }
  .order-xl-3 {
    order: 3; }
  .order-xl-4 {
    order: 4; }
  .order-xl-5 {
    order: 5; } }

@media (max-width: 1179px) {
  .order-l-0 {
    order: 0; }
  .order-l-1 {
    order: 1; }
  .order-l-2 {
    order: 2; }
  .order-l-3 {
    order: 3; }
  .order-l-4 {
    order: 4; }
  .order-l-5 {
    order: 5; } }

@media (max-width: 959px) {
  .order-md-0 {
    order: 0; }
  .order-md-1 {
    order: 1; }
  .order-md-2 {
    order: 2; }
  .order-md-3 {
    order: 3; }
  .order-md-4 {
    order: 4; }
  .order-md-5 {
    order: 5; } }

@media (max-width: 769px) {
  .order-m-0 {
    order: 0; }
  .order-m-1 {
    order: 1; }
  .order-m-2 {
    order: 2; }
  .order-m-3 {
    order: 3; }
  .order-m-4 {
    order: 4; }
  .order-m-5 {
    order: 5; } }

@media (max-width: 561px) {
  .order-s-0 {
    order: 0; }
  .order-s-1 {
    order: 1; }
  .order-s-2 {
    order: 2; }
  .order-s-3 {
    order: 3; }
  .order-s-4 {
    order: 4; }
  .order-s-5 {
    order: 5; } }

@media (max-width: 321px) {
  .order-xs-0 {
    order: 0; }
  .order-xs-1 {
    order: 1; }
  .order-xs-2 {
    order: 2; }
  .order-xs-3 {
    order: 3; }
  .order-xs-4 {
    order: 4; }
  .order-xs-5 {
    order: 5; } }

.shift-0 {
  margin-left: 0%;
  padding-left: 7.5px;
  padding-right: 7.5px; }

.shift-1 {
  margin-left: 8.33333%;
  padding-left: 7.5px;
  padding-right: 7.5px; }

.shift-2 {
  margin-left: 16.66667%;
  padding-left: 7.5px;
  padding-right: 7.5px; }

.shift-3 {
  margin-left: 25%;
  padding-left: 7.5px;
  padding-right: 7.5px; }

.shift-4 {
  margin-left: 33.33333%;
  padding-left: 7.5px;
  padding-right: 7.5px; }

.shift-5 {
  margin-left: 41.66667%;
  padding-left: 7.5px;
  padding-right: 7.5px; }

.shift-6 {
  margin-left: 50%;
  padding-left: 7.5px;
  padding-right: 7.5px; }

.shift-7 {
  margin-left: 58.33333%;
  padding-left: 7.5px;
  padding-right: 7.5px; }

.shift-8 {
  margin-left: 66.66667%;
  padding-left: 7.5px;
  padding-right: 7.5px; }

.shift-9 {
  margin-left: 75%;
  padding-left: 7.5px;
  padding-right: 7.5px; }

.shift-10 {
  margin-left: 83.33333%;
  padding-left: 7.5px;
  padding-right: 7.5px; }

.shift-11 {
  margin-left: 91.66667%;
  padding-left: 7.5px;
  padding-right: 7.5px; }

.shift-12 {
  margin-left: 100%;
  padding-left: 7.5px;
  padding-right: 7.5px; }

@media (max-width: 1599px) {
  .shift-lg-0 {
    margin-left: 0%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-lg-1 {
    margin-left: 8.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-lg-2 {
    margin-left: 16.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-lg-3 {
    margin-left: 25%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-lg-4 {
    margin-left: 33.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-lg-5 {
    margin-left: 41.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-lg-6 {
    margin-left: 50%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-lg-7 {
    margin-left: 58.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-lg-8 {
    margin-left: 66.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-lg-9 {
    margin-left: 75%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-lg-10 {
    margin-left: 83.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-lg-11 {
    margin-left: 91.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-lg-12 {
    margin-left: 100%;
    padding-left: 7.5px;
    padding-right: 7.5px; } }

@media (max-width: 1439px) {
  .shift-xl-0 {
    margin-left: 0%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-xl-1 {
    margin-left: 8.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-xl-2 {
    margin-left: 16.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-xl-3 {
    margin-left: 25%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-xl-4 {
    margin-left: 33.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-xl-5 {
    margin-left: 41.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-xl-6 {
    margin-left: 50%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-xl-7 {
    margin-left: 58.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-xl-8 {
    margin-left: 66.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-xl-9 {
    margin-left: 75%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-xl-10 {
    margin-left: 83.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-xl-11 {
    margin-left: 91.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-xl-12 {
    margin-left: 100%;
    padding-left: 7.5px;
    padding-right: 7.5px; } }

@media (max-width: 1179px) {
  .shift-l-0 {
    margin-left: 0%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-l-1 {
    margin-left: 8.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-l-2 {
    margin-left: 16.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-l-3 {
    margin-left: 25%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-l-4 {
    margin-left: 33.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-l-5 {
    margin-left: 41.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-l-6 {
    margin-left: 50%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-l-7 {
    margin-left: 58.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-l-8 {
    margin-left: 66.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-l-9 {
    margin-left: 75%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-l-10 {
    margin-left: 83.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-l-11 {
    margin-left: 91.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-l-12 {
    margin-left: 100%;
    padding-left: 7.5px;
    padding-right: 7.5px; } }

@media (max-width: 959px) {
  .shift-md-0 {
    margin-left: 0%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-md-1 {
    margin-left: 8.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-md-2 {
    margin-left: 16.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-md-3 {
    margin-left: 25%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-md-4 {
    margin-left: 33.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-md-5 {
    margin-left: 41.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-md-6 {
    margin-left: 50%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-md-7 {
    margin-left: 58.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-md-8 {
    margin-left: 66.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-md-9 {
    margin-left: 75%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-md-10 {
    margin-left: 83.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-md-11 {
    margin-left: 91.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-md-12 {
    margin-left: 100%;
    padding-left: 7.5px;
    padding-right: 7.5px; } }

@media (max-width: 769px) {
  .shift-m-0 {
    margin-left: 0%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-m-1 {
    margin-left: 8.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-m-2 {
    margin-left: 16.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-m-3 {
    margin-left: 25%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-m-4 {
    margin-left: 33.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-m-5 {
    margin-left: 41.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-m-6 {
    margin-left: 50%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-m-7 {
    margin-left: 58.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-m-8 {
    margin-left: 66.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-m-9 {
    margin-left: 75%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-m-10 {
    margin-left: 83.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-m-11 {
    margin-left: 91.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-m-12 {
    margin-left: 100%;
    padding-left: 7.5px;
    padding-right: 7.5px; } }

@media (max-width: 561px) {
  .shift-s-0 {
    margin-left: 0%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-s-1 {
    margin-left: 8.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-s-2 {
    margin-left: 16.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-s-3 {
    margin-left: 25%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-s-4 {
    margin-left: 33.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-s-5 {
    margin-left: 41.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-s-6 {
    margin-left: 50%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-s-7 {
    margin-left: 58.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-s-8 {
    margin-left: 66.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-s-9 {
    margin-left: 75%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-s-10 {
    margin-left: 83.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-s-11 {
    margin-left: 91.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-s-12 {
    margin-left: 100%;
    padding-left: 7.5px;
    padding-right: 7.5px; } }

@media (max-width: 321px) {
  .shift-xs-0 {
    margin-left: 0%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-xs-1 {
    margin-left: 8.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-xs-2 {
    margin-left: 16.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-xs-3 {
    margin-left: 25%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-xs-4 {
    margin-left: 33.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-xs-5 {
    margin-left: 41.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-xs-6 {
    margin-left: 50%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-xs-7 {
    margin-left: 58.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-xs-8 {
    margin-left: 66.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-xs-9 {
    margin-left: 75%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-xs-10 {
    margin-left: 83.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-xs-11 {
    margin-left: 91.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .shift-xs-12 {
    margin-left: 100%;
    padding-left: 7.5px;
    padding-right: 7.5px; } }

.unshift-0 {
  margin-left: 0%;
  padding-left: 7.5px;
  padding-right: 7.5px; }

.unshift-1 {
  margin-left: -8.33333%;
  padding-left: 7.5px;
  padding-right: 7.5px; }

.unshift-2 {
  margin-left: -16.66667%;
  padding-left: 7.5px;
  padding-right: 7.5px; }

.unshift-3 {
  margin-left: -25%;
  padding-left: 7.5px;
  padding-right: 7.5px; }

.unshift-4 {
  margin-left: -33.33333%;
  padding-left: 7.5px;
  padding-right: 7.5px; }

.unshift-5 {
  margin-left: -41.66667%;
  padding-left: 7.5px;
  padding-right: 7.5px; }

.unshift-6 {
  margin-left: -50%;
  padding-left: 7.5px;
  padding-right: 7.5px; }

.unshift-7 {
  margin-left: -58.33333%;
  padding-left: 7.5px;
  padding-right: 7.5px; }

.unshift-8 {
  margin-left: -66.66667%;
  padding-left: 7.5px;
  padding-right: 7.5px; }

.unshift-9 {
  margin-left: -75%;
  padding-left: 7.5px;
  padding-right: 7.5px; }

.unshift-10 {
  margin-left: -83.33333%;
  padding-left: 7.5px;
  padding-right: 7.5px; }

.unshift-11 {
  margin-left: -91.66667%;
  padding-left: 7.5px;
  padding-right: 7.5px; }

.unshift-12 {
  margin-left: -100%;
  padding-left: 7.5px;
  padding-right: 7.5px; }

@media (max-width: 1599px) {
  .unshift-lg-0 {
    margin-left: 0%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-lg-1 {
    margin-left: -8.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-lg-2 {
    margin-left: -16.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-lg-3 {
    margin-left: -25%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-lg-4 {
    margin-left: -33.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-lg-5 {
    margin-left: -41.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-lg-6 {
    margin-left: -50%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-lg-7 {
    margin-left: -58.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-lg-8 {
    margin-left: -66.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-lg-9 {
    margin-left: -75%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-lg-10 {
    margin-left: -83.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-lg-11 {
    margin-left: -91.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-lg-12 {
    margin-left: -100%;
    padding-left: 7.5px;
    padding-right: 7.5px; } }

@media (max-width: 1439px) {
  .unshift-xl-0 {
    margin-left: 0%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-xl-1 {
    margin-left: -8.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-xl-2 {
    margin-left: -16.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-xl-3 {
    margin-left: -25%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-xl-4 {
    margin-left: -33.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-xl-5 {
    margin-left: -41.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-xl-6 {
    margin-left: -50%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-xl-7 {
    margin-left: -58.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-xl-8 {
    margin-left: -66.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-xl-9 {
    margin-left: -75%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-xl-10 {
    margin-left: -83.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-xl-11 {
    margin-left: -91.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-xl-12 {
    margin-left: -100%;
    padding-left: 7.5px;
    padding-right: 7.5px; } }

@media (max-width: 1179px) {
  .unshift-l-0 {
    margin-left: 0%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-l-1 {
    margin-left: -8.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-l-2 {
    margin-left: -16.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-l-3 {
    margin-left: -25%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-l-4 {
    margin-left: -33.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-l-5 {
    margin-left: -41.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-l-6 {
    margin-left: -50%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-l-7 {
    margin-left: -58.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-l-8 {
    margin-left: -66.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-l-9 {
    margin-left: -75%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-l-10 {
    margin-left: -83.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-l-11 {
    margin-left: -91.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-l-12 {
    margin-left: -100%;
    padding-left: 7.5px;
    padding-right: 7.5px; } }

@media (max-width: 959px) {
  .unshift-md-0 {
    margin-left: 0%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-md-1 {
    margin-left: -8.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-md-2 {
    margin-left: -16.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-md-3 {
    margin-left: -25%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-md-4 {
    margin-left: -33.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-md-5 {
    margin-left: -41.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-md-6 {
    margin-left: -50%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-md-7 {
    margin-left: -58.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-md-8 {
    margin-left: -66.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-md-9 {
    margin-left: -75%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-md-10 {
    margin-left: -83.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-md-11 {
    margin-left: -91.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-md-12 {
    margin-left: -100%;
    padding-left: 7.5px;
    padding-right: 7.5px; } }

@media (max-width: 769px) {
  .unshift-m-0 {
    margin-left: 0%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-m-1 {
    margin-left: -8.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-m-2 {
    margin-left: -16.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-m-3 {
    margin-left: -25%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-m-4 {
    margin-left: -33.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-m-5 {
    margin-left: -41.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-m-6 {
    margin-left: -50%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-m-7 {
    margin-left: -58.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-m-8 {
    margin-left: -66.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-m-9 {
    margin-left: -75%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-m-10 {
    margin-left: -83.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-m-11 {
    margin-left: -91.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-m-12 {
    margin-left: -100%;
    padding-left: 7.5px;
    padding-right: 7.5px; } }

@media (max-width: 561px) {
  .unshift-s-0 {
    margin-left: 0%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-s-1 {
    margin-left: -8.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-s-2 {
    margin-left: -16.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-s-3 {
    margin-left: -25%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-s-4 {
    margin-left: -33.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-s-5 {
    margin-left: -41.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-s-6 {
    margin-left: -50%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-s-7 {
    margin-left: -58.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-s-8 {
    margin-left: -66.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-s-9 {
    margin-left: -75%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-s-10 {
    margin-left: -83.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-s-11 {
    margin-left: -91.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-s-12 {
    margin-left: -100%;
    padding-left: 7.5px;
    padding-right: 7.5px; } }

@media (max-width: 321px) {
  .unshift-xs-0 {
    margin-left: 0%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-xs-1 {
    margin-left: -8.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-xs-2 {
    margin-left: -16.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-xs-3 {
    margin-left: -25%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-xs-4 {
    margin-left: -33.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-xs-5 {
    margin-left: -41.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-xs-6 {
    margin-left: -50%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-xs-7 {
    margin-left: -58.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-xs-8 {
    margin-left: -66.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-xs-9 {
    margin-left: -75%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-xs-10 {
    margin-left: -83.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-xs-11 {
    margin-left: -91.66667%;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .unshift-xs-12 {
    margin-left: -100%;
    padding-left: 7.5px;
    padding-right: 7.5px; } }

.col-1 {
  width: 8.33333%; }

.col-10p {
  width: 10%; }

.col-2 {
  width: 16.66667%; }

.col-20p {
  width: 20%; }

.col-3 {
  width: 25%; }

.col-30p {
  width: 30%; }

.col-4 {
  width: 33.33333%; }

.col-40p {
  width: 40%; }

.col-5 {
  width: 41.66667%; }

.col-50p {
  width: 50%; }

.col-6 {
  width: 50%; }

.col-60p {
  width: 60%; }

.col-7 {
  width: 58.33333%; }

.col-70p {
  width: 70%; }

.col-8 {
  width: 66.66667%; }

.col-80p {
  width: 80%; }

.col-9 {
  width: 75%; }

.col-90p {
  width: 90%; }

.col-10 {
  width: 83.33333%; }

.col-100p {
  width: 100%; }

.col-11 {
  width: 91.66667%; }

.col-12 {
  width: 100%; }

@media (max-width: 1599px) {
  .col-lg-1 {
    width: 8.33333%; }
  .col-lg-10p {
    width: 10%; }
  .col-lg-2 {
    width: 16.66667%; }
  .col-lg-20p {
    width: 20%; }
  .col-lg-3 {
    width: 25%; }
  .col-lg-30p {
    width: 30%; }
  .col-lg-4 {
    width: 33.33333%; }
  .col-lg-40p {
    width: 40%; }
  .col-lg-5 {
    width: 41.66667%; }
  .col-lg-50p {
    width: 50%; }
  .col-lg-6 {
    width: 50%; }
  .col-lg-60p {
    width: 60%; }
  .col-lg-7 {
    width: 58.33333%; }
  .col-lg-70p {
    width: 70%; }
  .col-lg-8 {
    width: 66.66667%; }
  .col-lg-80p {
    width: 80%; }
  .col-lg-9 {
    width: 75%; }
  .col-lg-90p {
    width: 90%; }
  .col-lg-10 {
    width: 83.33333%; }
  .col-lg-100p {
    width: 100%; }
  .col-lg-11 {
    width: 91.66667%; }
  .col-lg-12 {
    width: 100%; } }

@media (max-width: 1439px) {
  .col-xl-1 {
    width: 8.33333%; }
  .col-xl-10p {
    width: 10%; }
  .col-xl-2 {
    width: 16.66667%; }
  .col-xl-20p {
    width: 20%; }
  .col-xl-3 {
    width: 25%; }
  .col-xl-30p {
    width: 30%; }
  .col-xl-4 {
    width: 33.33333%; }
  .col-xl-40p {
    width: 40%; }
  .col-xl-5 {
    width: 41.66667%; }
  .col-xl-50p {
    width: 50%; }
  .col-xl-6 {
    width: 50%; }
  .col-xl-60p {
    width: 60%; }
  .col-xl-7 {
    width: 58.33333%; }
  .col-xl-70p {
    width: 70%; }
  .col-xl-8 {
    width: 66.66667%; }
  .col-xl-80p {
    width: 80%; }
  .col-xl-9 {
    width: 75%; }
  .col-xl-90p {
    width: 90%; }
  .col-xl-10 {
    width: 83.33333%; }
  .col-xl-100p {
    width: 100%; }
  .col-xl-11 {
    width: 91.66667%; }
  .col-xl-12 {
    width: 100%; } }

@media (max-width: 1179px) {
  .col-l-1 {
    width: 8.33333%; }
  .col-l-10p {
    width: 10%; }
  .col-l-2 {
    width: 16.66667%; }
  .col-l-20p {
    width: 20%; }
  .col-l-3 {
    width: 25%; }
  .col-l-30p {
    width: 30%; }
  .col-l-4 {
    width: 33.33333%; }
  .col-l-40p {
    width: 40%; }
  .col-l-5 {
    width: 41.66667%; }
  .col-l-50p {
    width: 50%; }
  .col-l-6 {
    width: 50%; }
  .col-l-60p {
    width: 60%; }
  .col-l-7 {
    width: 58.33333%; }
  .col-l-70p {
    width: 70%; }
  .col-l-8 {
    width: 66.66667%; }
  .col-l-80p {
    width: 80%; }
  .col-l-9 {
    width: 75%; }
  .col-l-90p {
    width: 90%; }
  .col-l-10 {
    width: 83.33333%; }
  .col-l-100p {
    width: 100%; }
  .col-l-11 {
    width: 91.66667%; }
  .col-l-12 {
    width: 100%; } }

@media (max-width: 959px) {
  .col-md-1 {
    width: 8.33333%; }
  .col-md-10p {
    width: 10%; }
  .col-md-2 {
    width: 16.66667%; }
  .col-md-20p {
    width: 20%; }
  .col-md-3 {
    width: 25%; }
  .col-md-30p {
    width: 30%; }
  .col-md-4 {
    width: 33.33333%; }
  .col-md-40p {
    width: 40%; }
  .col-md-5 {
    width: 41.66667%; }
  .col-md-50p {
    width: 50%; }
  .col-md-6 {
    width: 50%; }
  .col-md-60p {
    width: 60%; }
  .col-md-7 {
    width: 58.33333%; }
  .col-md-70p {
    width: 70%; }
  .col-md-8 {
    width: 66.66667%; }
  .col-md-80p {
    width: 80%; }
  .col-md-9 {
    width: 75%; }
  .col-md-90p {
    width: 90%; }
  .col-md-10 {
    width: 83.33333%; }
  .col-md-100p {
    width: 100%; }
  .col-md-11 {
    width: 91.66667%; }
  .col-md-12 {
    width: 100%; } }

@media (max-width: 769px) {
  .col-m-1 {
    width: 8.33333%; }
  .col-m-10p {
    width: 10%; }
  .col-m-2 {
    width: 16.66667%; }
  .col-m-20p {
    width: 20%; }
  .col-m-3 {
    width: 25%; }
  .col-m-30p {
    width: 30%; }
  .col-m-4 {
    width: 33.33333%; }
  .col-m-40p {
    width: 40%; }
  .col-m-5 {
    width: 41.66667%; }
  .col-m-50p {
    width: 50%; }
  .col-m-6 {
    width: 50%; }
  .col-m-60p {
    width: 60%; }
  .col-m-7 {
    width: 58.33333%; }
  .col-m-70p {
    width: 70%; }
  .col-m-8 {
    width: 66.66667%; }
  .col-m-80p {
    width: 80%; }
  .col-m-9 {
    width: 75%; }
  .col-m-90p {
    width: 90%; }
  .col-m-10 {
    width: 83.33333%; }
  .col-m-100p {
    width: 100%; }
  .col-m-11 {
    width: 91.66667%; }
  .col-m-12 {
    width: 100%; } }

@media (max-width: 561px) {
  .col-s-1 {
    width: 8.33333%; }
  .col-s-10p {
    width: 10%; }
  .col-s-2 {
    width: 16.66667%; }
  .col-s-20p {
    width: 20%; }
  .col-s-3 {
    width: 25%; }
  .col-s-30p {
    width: 30%; }
  .col-s-4 {
    width: 33.33333%; }
  .col-s-40p {
    width: 40%; }
  .col-s-5 {
    width: 41.66667%; }
  .col-s-50p {
    width: 50%; }
  .col-s-6 {
    width: 50%; }
  .col-s-60p {
    width: 60%; }
  .col-s-7 {
    width: 58.33333%; }
  .col-s-70p {
    width: 70%; }
  .col-s-8 {
    width: 66.66667%; }
  .col-s-80p {
    width: 80%; }
  .col-s-9 {
    width: 75%; }
  .col-s-90p {
    width: 90%; }
  .col-s-10 {
    width: 83.33333%; }
  .col-s-100p {
    width: 100%; }
  .col-s-11 {
    width: 91.66667%; }
  .col-s-12 {
    width: 100%; } }

@media (max-width: 321px) {
  .col-xs-1 {
    width: 8.33333%; }
  .col-xs-10p {
    width: 10%; }
  .col-xs-2 {
    width: 16.66667%; }
  .col-xs-20p {
    width: 20%; }
  .col-xs-3 {
    width: 25%; }
  .col-xs-30p {
    width: 30%; }
  .col-xs-4 {
    width: 33.33333%; }
  .col-xs-40p {
    width: 40%; }
  .col-xs-5 {
    width: 41.66667%; }
  .col-xs-50p {
    width: 50%; }
  .col-xs-6 {
    width: 50%; }
  .col-xs-60p {
    width: 60%; }
  .col-xs-7 {
    width: 58.33333%; }
  .col-xs-70p {
    width: 70%; }
  .col-xs-8 {
    width: 66.66667%; }
  .col-xs-80p {
    width: 80%; }
  .col-xs-9 {
    width: 75%; }
  .col-xs-90p {
    width: 90%; }
  .col-xs-10 {
    width: 83.33333%; }
  .col-xs-100p {
    width: 100%; }
  .col-xs-11 {
    width: 91.66667%; }
  .col-xs-12 {
    width: 100%; } }

.is-hide {
  display: none; }

.is-show {
  display: block; }

@media (max-width: 1599px) {
  .is-lg-hide {
    display: none; }
  .is-lg-show {
    display: block; } }

@media (max-width: 1439px) {
  .is-xl-hide {
    display: none; }
  .is-xl-show {
    display: block; } }

@media (max-width: 1179px) {
  .is-l-hide {
    display: none; }
  .is-l-show {
    display: block; } }

@media (max-width: 959px) {
  .is-md-hide {
    display: none; }
  .is-md-show {
    display: block; } }

@media (max-width: 769px) {
  .is-m-hide {
    display: none; }
  .is-m-show {
    display: block; } }

@media (max-width: 561px) {
  .is-s-hide {
    display: none; }
  .is-s-show {
    display: block; } }

@media (max-width: 321px) {
  .is-xs-hide {
    display: none; }
  .is-xs-show {
    display: block; } }

.is-align-left {
  text-align: left !important; }

.is-align-center {
  text-align: center !important; }

.is-align-right {
  text-align: right !important; }

@media (max-width: 1599px) {
  .is-lg-align-left {
    text-align: left !important; }
  .is-lg-align-center {
    text-align: center !important; }
  .is-lg-align-right {
    text-align: right !important; } }

@media (max-width: 1439px) {
  .is-xl-align-left {
    text-align: left !important; }
  .is-xl-align-center {
    text-align: center !important; }
  .is-xl-align-right {
    text-align: right !important; } }

@media (max-width: 1179px) {
  .is-l-align-left {
    text-align: left !important; }
  .is-l-align-center {
    text-align: center !important; }
  .is-l-align-right {
    text-align: right !important; } }

@media (max-width: 959px) {
  .is-md-align-left {
    text-align: left !important; }
  .is-md-align-center {
    text-align: center !important; }
  .is-md-align-right {
    text-align: right !important; } }

@media (max-width: 769px) {
  .is-m-align-left {
    text-align: left !important; }
  .is-m-align-center {
    text-align: center !important; }
  .is-m-align-right {
    text-align: right !important; } }

@media (max-width: 561px) {
  .is-s-align-left {
    text-align: left !important; }
  .is-s-align-center {
    text-align: center !important; }
  .is-s-align-right {
    text-align: right !important; } }

@media (max-width: 321px) {
  .is-xs-align-left {
    text-align: left !important; }
  .is-xs-align-center {
    text-align: center !important; }
  .is-xs-align-right {
    text-align: right !important; } }

.is-collapse {
  padding: 0;
  margin: 0; }

/* Body */
.body {
  margin: 0;
  padding: 0;
  background-color: #e3e6e8;
  color: #253340;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
@supports (font-variation-settings: normal) {
  .body {
    font-family: "Inter var", sans-serif; } }
.body[data-layout="simple"] {
  min-height: 100vh;
  height: 100vh; }
.body.is-overflow {
  overflow: hidden; }
.body.is-locked {
  pointer-events: none; }
.body.is-locked::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1000; }
.body ::selection {
  color: #fff;
  background-color: #2c977d; }

/* Reset */
html {
  box-sizing: border-box; }

*,
*::before,
*::after {
  box-sizing: inherit; }

img {
  max-width: 100%;
  border: none; }

/* Titles */
.is-size-1 {
  font-size: 38px; }

h1 {
  margin: 0;
  color: #253340;
  font-weight: 500;
  font-size: 38px;
  line-height: 1.2; }
@media (max-width: 561px) {
  h1 {
    font-size: 27.1434px; } }

.is-size-2 {
  font-size: 28px; }

h2 {
  margin: 0;
  color: #253340;
  font-weight: 500;
  font-size: 28px;
  line-height: 1.2; }
@media (max-width: 561px) {
  h2 {
    font-size: 20.0004px; } }

.is-size-3 {
  font-size: 24px; }

h3 {
  margin: 0;
  color: #253340;
  font-weight: 500;
  font-size: 24px;
  line-height: 1.2; }
@media (max-width: 561px) {
  h3 {
    font-size: 17.1432px; } }

.is-size-4 {
  font-size: 21px; }

h4 {
  margin: 0;
  color: #253340;
  font-weight: 500;
  font-size: 21px;
  line-height: 1.2; }
@media (max-width: 561px) {
  h4 {
    font-size: 15.0003px; } }

.is-size-5 {
  font-size: 18px; }

h5 {
  margin: 0;
  color: #253340;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.2; }
@media (max-width: 561px) {
  h5 {
    font-size: 12.8574px; } }

.is-size-6 {
  font-size: 17px; }

h6 {
  margin: 0;
  color: #253340;
  font-weight: 500;
  font-size: 17px;
  line-height: 1.2; }
@media (max-width: 561px) {
  h6 {
    font-size: 12.1431px; } }

/* Focus */
a:focus,
button:focus,
input:focus,
textarea:focus,
fieldset:focus,
select:focus {
  outline: 1px dotted #86d3ff; }

.js-init a:focus,
.js-init button:focus,
.js-init input:focus,
.js-init textarea:focus,
.js-init fieldset:focus,
.js-init select:focus {
  outline: none; }

.is-focused {
  outline: 2px dashed #86d3ff !important; }

[v-cloak] {
  display: none; }

.js-touch {
  user-select: none;
  touch-action: pan-y; }

.js-init .is-hidden-with-js {
  display: none; }

.is-visible-with-js {
  display: none; }

.js-init .is-visible-with-js {
  display: block; }

[data-lazy] {
  opacity: 0;
  transition: opacity ease-out 300ms; }

[data-tooltip] {
  cursor: help !important; }

.amo-button-holder.amo-vertical {
  padding-top: 0 !important; }

@media (max-width: 769px) {
  .amo-button-holder.amo-vertical {
    right: 20px !important;
    bottom: 20px !important; } }

.alert {
  width: 100%;
  max-width: 734px;
  margin: 0 0 50px;
  padding: 35px 50px;
  background-color: #ffffff;
  border-radius: 5px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.08);
  font-weight: 500; }
.alert.is-error {
  color: #ff6c66; }
.alert.is-success {
  color: #2c977d; }
.alert p {
  margin: 0; }

/**
* address
*/
.address__title {
  margin: 0;
  padding: 0;
  font-size: 15px;
  line-height: 1.5; }

.address__caption {
  margin: 0;
  margin-top: 2px;
  color: #5e6a6d;
  font-size: 12px;
  line-height: 1.6; }

.address__button {
  margin: 0;
  margin-top: 8px;
  padding: 0;
  border: none;
  background: transparent;
  color: #366099;
  cursor: pointer;
  transition: ease color 300ms; }
.address__button:hover {
  color: #2c977d; }

/**
* advantage
*/
.advantage {
  text-align: center; }
.advantage__image {
  display: block;
  width: 80px;
  height: 70px;
  margin: auto;
  object-fit: contain;
  object-position: center bottom; }
.advantage__caption {
  display: block;
  margin: 0;
  margin-top: 12px;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.43; }
@media (max-width: 959px) {
  .advantage__caption {
    font-size: 14px; } }
@media (max-width: 561px) {
  .advantage__caption {
    font-size: 12px; } }

/**
* advantages
*/
.roll + .advantages {
  margin-top: 90px; }

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

@media (max-width: 1179px) {
  .roll + .advantages {
    margin-top: 80px; } }

@media (max-width: 769px) {
  .roll + .advantages {
    margin-top: 50px; } }

@media (max-width: 561px) {
  .advantages__item + .advantages__item {
    margin-top: 30px; } }

/**
* advice
*/
.advice {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  max-width: 300px;
  background-image: radial-gradient(530px at 50% 0%, #44505b 0%, #253340 100%);
  border-radius: 0 8px 8px 0;
  text-align: center; }
.advice__header {
  flex-grow: 1;
  padding: 32px 50px 45px; }
.advice__title {
  color: #ffffff;
  margin-bottom: 20px; }
.advice__subtitle {
  margin: 0;
  font-size: 15px;
  line-height: 1.53;
  color: #a4b3b7; }
.advice__body {
  margin-top: 40px;
  padding: 20px; }
.advice__image {
  position: relative; }
.advice__image::before {
  content: '';
  display: block;
  width: 262px;
  height: 115px;
  background-image: url("/img/advice.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain; }
.advice__informer {
  position: absolute;
  left: 0;
  bottom: 50%;
  transform: translateY(2px); }
.advice__textPath {
  font-size: 33px; }
.advice__footer {
  padding: 45px;
  padding-top: 20px; }

/**
* arrow
*/
.arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  position: relative;
  border-radius: 50%;
  color: #b7bbe2;
  transition: ease color 300ms;
  cursor: pointer; }
.arrow__icon {
  width: 8px;
  height: 12px;
  color: currentColor; }
.arrow.is-up {
  transform: rotate(-90deg); }
.arrow.is-down {
  transform: rotate(90deg); }
.arrow.is-left {
  transform: rotate(180deg); }
.arrow.in-roll {
  width: 54px;
  height: 54px;
  color: #3b4a4d;
  background-color: rgba(255, 255, 255, 0.8);
  border: 1px solid #dde5e6; }
.arrow:hover {
  color: #2c977d; }
@media (max-width: 561px) {
  .arrow.in-roll {
    width: 44px;
    height: 44px; } }

/**
* article
*/
.article {
  margin-bottom: 80px;
  padding-top: 10px; }
.article__gallery {
  width: calc(100% + 250px);
  border-collapse: collapse;
  margin: 40px -125px 35px; }
.article__gallery tr {
  display: flex;
  align-items: flex-end; }
.article__gallery td {
  padding: 15px; }
.article__gallery img {
  display: block; }
.article__video {
  margin: 55px 0 45px; }
.article__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: calc(100% + 220px);
  margin: 50px -110px 0;
  padding-top: 50px;
  border-top: 1px solid #dde5e6; }
.article__button {
  width: 100%;
  max-width: 215px; }
.article__button .button {
  width: 100%; }
@media (max-width: 1179px) {
  .article {
    margin-bottom: 60px; }
  .article__gallery {
    width: calc(100% + 20px);
    margin: 20px -10px; }
  .article__gallery tr {
    align-items: center;
    flex-direction: column; }
  .article__gallery td {
    padding: 10px; }
  .article__video {
    margin: 30px 0; }
  .article__footer {
    width: 100%;
    margin: 30px 0 0;
    padding-top: 40px; } }
@media (max-width: 769px) {
  .article {
    margin-bottom: 40px; }
  .article__footer {
    flex-direction: column-reverse;
    padding-top: 30px; }
  .article__share {
    width: 100%; }
  .article__button {
    max-width: 100%;
    margin-top: 20px; } }

/**
* auth
*/
.auth {
  max-width: 734px;
  margin: auto;
  padding: 0 50px;
  background-color: #ffffff;
  border-radius: 5px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); }
.auth__header {
  /*display: flex;*/
  justify-content: space-between;
  align-items: center;
  padding: 35px 0 38px;
  border-bottom: 1px solid #dde5e6; }
.auth__toggles {
  display: flex;
  align-items: center;
  position: relative;
  top: 10px; }
.auth__label, .auth__link {
  display: inline-block;
  width: 132px;
  padding: 14px 16px 12px;
  color: #3b4a4d;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  transition: ease color 300ms; }
.auth__label:hover, .auth__link:hover {
  color: #77cab3; }
.auth__label {
  width: 134px;
  color: #ffffff;
  background-color: #77cab3;
  border-radius: 4px;
  pointer-events: none;
  cursor: default; }
.auth__body {
  padding: 62px 0 66px; }
.auth__message {
  margin: 0;
  margin-bottom: 40px;
  font-size: 14px;
  text-align: center; }
.auth__message.is-error {
  color: #ff6c66; }
.auth__message.is-success {
  color: #2c977d; }
.auth__form {
  max-width: 406px;
  margin: auto; }
.auth__footer {
  margin: 0;
  padding: 76px 0 69px;
  position: relative;
  border-top: 1px solid #dde5e6; }
.auth__caption {
  width: 190px;
  margin: 0;
  padding: 0 35px;
  background-color: #ffffff;
  position: absolute;
  top: 0;
  left: calc(50% - 85px);
  color: #617277;
  font-size: 14px;
  line-height: 1.3;
  text-align: center;
  transform: translateY(-50%); }
.auth__social {
  display: flex;
  justify-content: center; }

/**
* award
*/
.award {
  padding: 20px;
  padding-left: 75px;
  position: relative;
  background-color: #ffffff;
  border: 1px solid #dcf1ec;
  border-radius: 5px; }
.award::before {
  content: '';
  display: flex;
  justify-content: center;
  width: 55px;
  height: 39px;
  position: absolute;
  left: 10px;
  top: calc(50% - 18px);
  background-image: url(/img/badge.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat; }
.award::after {
  content: attr(data-rating);
  color: #366099;
  position: absolute;
  top: calc(50% - 9px);
  left: 31px;
  font-weight: 500;
  font-size: 18px;
  line-height: 1; }
.award__caption {
  display: block;
  color: #3b4a4d;
  font-size: 14px; }
.award__title {
  display: block;
  margin-top: 3px;
  color: #366099;
  font-size: 15px;
  font-weight: 600;
  line-height: 1; }

/**
* badges
*/
.badges {
  display: flex;
  flex-direction: column;
  align-items: flex-start; }
[data-view="list"] .badges .badges__item, .badges.is-tiny .badges__item {
  width: 38px;
  height: 26px;
  padding: 9px 6px 7px;
  padding-right: 3px;
  border-radius: 3px 0 0 3px;
  position: relative;
  font-size: 9px;
  text-align: center; }
[data-view="list"] .badges .badges__item::before, .badges.is-tiny .badges__item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 100%;
  border-left: 4px solid rgba(37, 51, 64, 0.8);
  border-top: 13px solid transparent;
  border-bottom: 13px solid transparent; }
[data-view="list"] .badges .badges__item::after, .badges.is-tiny .badges__item::after {
  content: attr(data-mobile); }
.badges__item {
  display: inline-block;
  padding: 10px;
  background-color: rgba(37, 51, 64, 0.8);
  border-radius: 3px;
  color: #ffffff;
  font-size: 10px;
  line-height: 1;
  letter-spacing: 0.1em; }
.badges__item + .badges__item {
  margin-top: 10px; }
.badges__item.is-notavailable, .badges__item.is-popular {
  text-transform: uppercase; }
.badges__item.is-discount {
  padding: 9px 11.5px;
  background-color: rgba(255, 70, 64, 0.8);
  font-size: 12px; }
.badges__item.is-discount::before {
  border-left-color: rgba(255, 70, 64, 0.8) !important; }
.badges__item::after {
  content: attr(data-desktop); }
@media (max-width: 1179px) {
  .badges.is-tiny .badges__item {
    width: 31px; } }
@media (max-width: 561px) {
  .badges__item {
    padding: 8px;
    font-size: 10px; }
  .badges__item + .badges__item {
    margin-top: 8px; }
  .badges__item::after {
    content: attr(data-mobile); }
  .badges__item.is-discount {
    padding: 8px;
    font-size: 10px; } }

/**
* breadcrumb
*/
.breadcrumb {
  position: relative;
  overflow: hidden; }
.breadcrumb::before, .breadcrumb::after {
  content: '';
  display: block;
  width: 40px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  background-image: linear-gradient(90deg, #f5f6f7, rgba(0, 0, 0, 0));
  pointer-events: none;
  opacity: 0;
  transition: ease opacity 300ms; }
.breadcrumb::after {
  left: auto;
  right: 0;
  transform: rotate(180deg); }
.breadcrumb.is-left-edge::before {
  opacity: 0; }
.breadcrumb.is-right-edge::after {
  opacity: 0; }
.breadcrumb__inner {
  display: inline-block; }
.breadcrumb__list {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
  line-height: 1; }
.breadcrumb__item {
  display: flex;
  align-items: center;
  color: #617277;
  font-size: 15px;
  line-height: 1;
  white-space: nowrap; }
.breadcrumb__item::after {
  content: '/';
  display: block;
  width: 10px;
  margin-left: 16px;
  color: #2c977d; }
.breadcrumb__item + .breadcrumb__item {
  margin-left: 12px; }
.breadcrumb__item:last-child {
  color: #a4b3b7; }
.breadcrumb__item:last-child::after {
  display: none; }
.breadcrumb__link {
  color: currentColor;
  text-decoration: none;
  transition: ease color 300ms; }
.breadcrumb__link:hover {
  color: #ff6c66; }
@media (max-width: 1179px) {
  .breadcrumb::before, .breadcrumb::after {
    opacity: 1; } }
@media (max-width: 561px) {
  .breadcrumb__item {
    font-size: 14px; }
  .breadcrumb__item::after {
    margin-left: 12px; }
  .breadcrumb__item + .breadcrumb__item {
    margin-left: 8px; } }

/**
* button
*/
.button {
  display: inline-block;
  padding: 19px 20px 17px;
  position: relative;
  z-index: 0;
  color: #ffffff;
  border-radius: 4px;
  background-color: #366099;
  border: 1px solid #366099;
  font-weight: 500;
  font-style: normal;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 1;
  vertical-align: top;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  overflow: hidden;
  transform: translateZ(0);
  transition: ease border-color 300ms, ease background-color 300ms; }
@supports (font-variation-settings: normal) {
  .button {
    font-family: "Inter var", sans-serif; } }
.button + .button {
  margin-top: 20px; }
.button__arrow {
  width: 10px;
  height: 12px;
  margin-left: 2px;
  flex-shrink: 0;
  transition: ease transform 300ms; }
.button__caption {
  margin: 0;
  padding: 0;
  color: currentColor;
  font-size: 13px;
  font-weight: 400; }
.button__label {
  margin: 0;
  padding: 0; }
.button__subcaption {
  padding: 0;
  padding-left: 9px;
  margin: 0;
  font-size: 14px;
  color: #617277; }
.button__caption + .button__label {
  margin-top: 4px; }
.button:hover {
  background-color: #3a6eb5; }
.button[disabled] {
  opacity: 0.3 !important;
  pointer-events: none;
  transition: ease opacity 300ms; }
.button.is-large {
  margin-right: 30px;
  font-size: 13px;
  color: #2c977d; }
.button.has-arrow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: 190px; }
.button.has-arrow.is-centred::before {
  content: ''; }
.button.has-caption {
  padding-top: 9px;
  padding-bottom: 8px; }
.button.has-caption .button__label {
  font-size: 17px; }
.button.has-subcaption {
  display: flex;
  align-items: center; }
.button.has-subcaption.is-expand {
  padding-left: 25px; }
.button.has-subcaption.is-expand::before {
  left: 0; }
.button.is-wide {
  width: 100%;
  padding-left: 30px;
  padding-right: 30px; }
.button.is-wide.is-backwards {
  padding-left: 20px; }
.button.is-backwards {
  flex-direction: row-reverse; }
.button.is-backwards .button__arrow {
  margin-right: 10px;
  margin-left: 0;
  top: -1px;
  color: #366099;
  transform: rotate(180deg); }
.button.is-bordered {
  color: #3b4a4d;
  background-color: #ffffff;
  border: 1px solid #dde5e6;
  transition: ease border 300ms; }
.button.is-bordered:hover {
  border-color: #637a99; }
.button.is-bordered.is-expand {
  padding-right: 29px;
  border: 1px solid #366099;
}
.button.is-bordered.is-expand::before {
  left: 16px; }
.button.in-cart, .button.to-cart {
  display: flex;
  align-items: center;
  align-content: flex-end;
  flex-flow: row wrap;
  justify-content: space-between;
  padding: 0 10px;
  height: 54px;
  transition: ease background-color 300ms; }
.button.in-cart::before, .button.to-cart::before {
  content: '';
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  border-radius: 50%;
  background-color: #3e75bf;
  background-image: url("/img/plus.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 10px 10px; }
.button.in-cart::after, .button.to-cart::after {
  content: '';
  width: 1px;
  flex-grow: 0.5; }
.button.in-cart .button__label, .button.to-cart .button__label {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 2 0 auto;
  height: 54px;
  margin: 0 8%; }
.button.has-icon {
  position: relative; }
.button.has-icon::before {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 16px;
  top: 16px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  transition: ease transform 300ms; }
.button.is-filter {
  display: flex;
  align-items: center;
  padding: 10px 28px 9px 10px;
  font-size: 15px; }
.button.is-filter::before {
  width: 24px;
  margin-right: 20px;
  position: static;
  border-radius: 0;
  background-image: url("/img/filter.svg"); }
.button.is-reset::before {
  background-color: #ff4740;
  background-image: url("/img/reset.svg"); }
.button.is-expand {
  padding-left: 30px; }
.button.is-expand::before {
  left: 0;
  background-color: #12886c;
  background-image: url("/img/plus.svg");
  background-size: 10px 10px; }
.button.in-cart {
  border-color: #12886c;
  background-color: #12886c; }
.button.in-cart[disabled] {
  opacity: 1 !important; }
.button.in-cart:hover {
  background-color: #2c977d; }
.button.in-cart::before {
  background-color: #2c977d;
  background-image: url("/img/checked-white.svg");
  background-size: 12px 12px; }
.button.is-call {
  padding-left: 10px;
  padding-right: 10px;
  border: 2px solid #617277;
  background: transparent;
  transition: ease background-color 300ms; }
.button.is-call .button__caption {
  color: #2c977d;
  font-size: 13px;
  font-weight: 400;
  transition: ease color 300ms; }
.button.is-call .button__label {
  color: #ffffff;
  font-size: 17px;
  font-weight: 400;
  margin-top: 3px; }
.button.is-call:hover {
  background-color: #617277; }
.button.is-call:hover .button__caption {
  color: #ffffff; }
.button.is-order {
  background-color: transparent; }
.button.is-order .button__caption {
  color: #2c977d; }
.button.is-clear {
  border: none;
  background-color: transparent;
  color: #3b4a4d; }
.button.is-dark {
  color: #3b4a4d; }
.button.is-green-caption .button__caption {
  color: #2c977d; }
.button.is-advice .button__caption {
  color: #a4b3b7; }
.button.is-lower {
  padding-top: 14px;
  padding-bottom: 12px; }
.button.is-article {
  padding-right: 27px;
  width: 212px; }
@media (max-width: 769px) {
  .button.is-expand {
    font-size: 13px; } }

/**
* buttons
*/
/**
* callback
*/
.callback {
  width: 100%;
  padding: 25px 20px 20px;
  position: relative;
  z-index: 1;
  background-image: radial-gradient(247px at 50% 0%, #44505b 0%, #253340 100%);
  border-radius: 8px;
  text-align: center; }
.callback::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background-image: url(../img/print.png);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover; }
.callback__inner {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  width: calc(100% + 20px);
  margin: -10px; }
.callback__header {
  max-width: 210px; }
.callback__header, .callback__body, .callback__footer {
  padding: 10px; }
.callback__title {
  padding: 0;
  margin: 0;
  color: #ffffff;
  font-size: 18px;
  line-height: 1; }
.callback__caption {
  margin: 0;
  margin-top: 5px;
  padding: 0;
  color: #a4b3b7;
  font-size: 14px; }
.callback__phone {
  display: block;
  color: #77cab3;
  font-size: 20px;
  text-decoration: none; }
.callback__footer {
  max-width: 220px;
  flex: 1 0 120px; }
.callback__button {
  width: 100%; }
@media (max-width: 769px) {
  .callback__inner {
    justify-content: center; } }

/**
* card
*/
.card {
  position: relative;
  z-index: 0; }
[data-type="all"] > .card__cover {
  background-size: 130px 86px, 100% 100%;
  background-image: url(/img/black-card-logo.svg), radial-gradient(320px at 50% 0%, #44505b 0%, #253340 100%); }
.card.is-service .card__title {
  font-size: 24px;
  line-height: 1.34; }
.card:hover .card__image {
  transform: scale(1.05); }
.card__cover {
  width: 100%;
  height: 0;
  margin: 0;
  padding-bottom: 108.295%;
  position: relative;
  border-radius: 8px;
  background-color: #2c977d;
  background-image: url(/img/card-logo.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 130px 86px;
  overflow: hidden; }
.card__cover::after {
  content: "";
  display: block;
  height: 130px;
  width: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
  mix-blend-mode: multiply;
  background-image: linear-gradient(rgba(37, 51, 64, 0) 0%, rgba(37, 51, 64, 0.7) 75%); }
.card__image {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  object-fit: cover;
  will-change: transform;
  transition: transform ease-in-out 800ms, opacity ease-out 300ms !important; }
.card__tag {
  position: absolute;
  top: 20px;
  left: -10px;
  z-index: 1; }
.card__header {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-direction: column;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 20px; }
.card__date {
  font-size: 14px;
  color: #dde5e6;
  line-height: 1; }
.card__title {
  margin: 0;
  color: #ffffff;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.33; }
.card__date + .card__title {
  margin-top: 10px; }
.card__link {
  color: currentColor;
  text-decoration: none; }
.card__link::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0; }
.card__cost {
  margin: 0;
  margin-top: 10px;
  color: #77cab3;
  font-size: 14px;
  font-weight: 500;
  line-height: 1; }
@media (max-width: 769px) {
  .card.is-service .card__cover {
    padding-bottom: 46%; } }
@media (max-width: 561px) {
  .card.is-service .card__date {
    font-size: 10px; }
  .card.is-service .card__title {
    font-size: 15px; }
  .card.is-service .card__title + .card__cost {
    margin-top: 5px; }
  .card__header {
    padding: 10px; }
  .card__tag {
    top: 8px;
    left: -6px; }
  .card__date {
    font-size: 10px; }
  .card__title {
    font-size: 15px; }
  .card__date + .card__title {
    margin-top: 5px; } }

/**
* cards
*/
.cards {
  position: relative; }
.cards.is-loading {
  pointer-events: none; }
.cards.is-loading::after {
  content: '';
  display: block;
  width: 80px;
  height: 80px;
  position: absolute;
  top: 200px;
  left: calc(50% - 40px);
  z-index: 1;
  background-image: url(/img/loading.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain; }
.cards__list {
  padding: 0;
  list-style: none; }
.cards__switches {
  margin-bottom: 40px; }
.cards__pagination {
  margin-top: 50px; }
@media (max-width: 769px) {
  .cards__switches {
    margin-bottom: 30px; } }

/**
* cart
*/
.cart__body {
  background-color: #ffffff;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.08);
  border-radius: 5px; }
.cart__body.is-form {
  margin-top: 30px;
  padding: 37px 50px 50px; }
.cart__body.is-form .button {
  padding-left: 20px;
  padding-right: 20px; }

@media (max-width: 769px) {
  .cart__body.is-form {
    margin-top: 20px;
    padding: 20px 30px 30px; }
  .cart__body.is-form .button::before {
    content: ""; } }

@media (max-width: 561px) {
  .cart__body.is-form {
    padding: 20px;
    padding-bottom: 30px; }
  .cart__body.is-form .login__item,
  .cart__body.is-form .login__title {
    display: block !important; } }

/**
* cart-footer
*/
.cart-footer {
  padding: 50px; }
.cart-footer__top {
  display: flex;
  justify-content: flex-end; }
.cart-footer__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 44px; }
.cart-footer__group {
  display: flex;
  align-items: center; }
.cart-footer__input {
  padding: 12px;
  font-size: 15px;
  max-height: 40px;
  color: #366099;
  border: 1px dashed #dde5e6;
  border-radius: 4px;
  background: rgba(236, 239, 241, 0.5); }
.cart-footer__input::placeholder {
  color: #366099; }
.cart-footer__price {
  padding-right: 10px; }
.cart-footer__label {
  display: block;
  margin: 0;
  color: #617277;
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase; }
.cart-footer__value {
  margin: 0;
  margin-top: 5px;
  font-size: 20px;
  font-weight: 600;
  line-height: 1; }
.cart-footer__button + .cart-footer__button {
  margin-left: 30px; }
@media (max-width: 769px) {
  .cart-footer {
    padding: 30px 20px; } }
@media (max-width: 561px) {
  .cart-footer {
    padding: 30px 16px; }
  .cart-footer__price {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding-right: 0; }
  .cart-footer__value {
    margin: 0; }
  .cart-footer__bottom {
    flex-direction: column-reverse;
    margin: -8px;
    margin-top: 22px; }
  .cart-footer__button {
    width: 100%;
    padding: 8px; }
  .cart-footer__button .button {
    width: 100%;
    text-align: center; }
  .cart-footer__button .button::before {
    content: '';
    display: block;
    width: 18px;
    flex-shrink: 0; }
  .cart-footer__button + .cart-footer__button {
    margin-left: 0; } }

/**
* cart-header
*/
.cart-header {
  display: flex;
  align-items: center;
  position: relative;
  color: #ffffff;
  text-decoration: none;
  transition: ease color 300ms, ease opacity 300ms; }
.cart-header.is-empty {
  pointer-events: none; }
.cart-header:hover {
  color: #2c977d; }
.cart-header::after {
  content: attr(data-amount);
  width: 16px;
  height: 16px;
  position: absolute;
  top: -1px;
  left: 17px;
  background-color: #2c977d;
  border-radius: 50%;
  color: #ffffff;
  font-size: 10px;
  font-weight: 500;
  text-align: center;
  line-height: 16px; }
.cart-header__icon {
  width: 24px;
  height: 24px; }
.cart-header__group {
  margin-left: 21px; }
.cart-header__label {
  font-weight: 500;
  font-size: 16px;
  color: currentColor;
  line-height: 1; }
.cart-header__price {
  margin-top: 5px;
  color: #2c977d;
  font-weight: 600;
  font-size: 12px;
  line-height: 1;
  letter-spacing: -0.02em; }
@media (max-width: 769px) {
  .cart-header__group {
    display: none; } }

/**
* cart-list
*/
.cart-list {
  margin-top: 30px;
  padding: 0 50px; }
.js-init .cart-list__body {
  opacity: 0; }
.cart-list.is-inited .cart-list__body {
  opacity: 1; }
.cart-list__header {
  padding: 20px 0 18px;
  border-bottom: 1px solid #dde5e6; }
.cart-list__row {
  display: flex;
  align-items: center; }
.cart-list__label {
  margin: 0;
  padding-right: 15px;
  font-size: 12px;
  font-weight: 500;
  color: #617277; }
.cart-list__label:nth-child(1) {
  width: 51.66%; }
.cart-list__label:nth-child(2) {
  width: 16.94%; }
.cart-list__label:nth-child(3) {
  width: 17.17%; }
.cart-list__label:nth-child(4) {
  width: 14.23%; }
.cart-list__item {
  width: 100%;
  border-bottom: 1px solid #dde5e6; }
@media (max-width: 769px) {
  .cart-list {
    padding: 0 20px; }
  .cart-list__header {
    display: none; } }
@media (max-width: 561px) {
  .cart-list {
    padding: 0 16px; } }

/**
* cat
*/
.cat {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  background-color: #f2f4f5;
  border-radius: 8px;
  position: relative;
  z-index: 0;
  overflow: hidden; }
.cat.is-alt .cat__title {
  font-size: 18px; }
.cat.is-alt .cat__caption {
  margin-top: 9px;
  color: #2c977d; }
.cat:hover::before {
  opacity: 1; }
.cat:hover .cat__link {
  color: #ffffff; }
.cat:hover .cat__caption {
  color: #77cab3; }
.cat::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  background-color: #333;
  background-image: radial-gradient(ellipse at 50% 0%, #44505b 0%, #253340 100%);
  opacity: 0;
  will-change: opacity;
  transition: ease 300ms opacity; }
.cat__header {
  padding: 20px 25px;
  flex-grow: 1; }
.cat__title {
  color: #253340;
  font-weight: 500;
  font-size: 24px;
  line-height: 1.2; }
.cat__link {
  color: currentColor;
  text-decoration: none;
  transition: ease 300ms color; }
.cat__link::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1; }
.cat__caption {
  color: #366099;
  margin: 0;
  margin-top: 8px;
  line-height: 1;
  font-size: 14px;
  font-weight: 500;
  transition: ease 300ms color; }
.cat__body {
  padding: 0 7px 17px; }
.cat__cover {
  display: block;
  margin: 0;
  width: 100%;
  padding-bottom: 70%;
  position: relative; }
.cat__image {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: contain; }
@media (min-width: 960px) {
  .cat.is-wide {
    min-height: 200px; }
  .cat.is-wide .cat__header {
    flex-grow: 0; }
  .cat.is-wide .cat__header {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0; }
  .cat.is-wide .cat__body {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    height: 100%;
    padding: 5px 20px; }
  .cat.is-wide .cat__cover {
    padding-bottom: 30%;
    z-index: -1; }
  .cat.is-wide .cat__image {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    margin: 0;
    top: auto;
    left: auto;
    right: 0;
    bottom: 0;
    object-position: right bottom; } }
@media (max-width: 561px) {
  .cat {
    min-height: 150px; }
  .cat__header {
    padding: 10px;
    padding-bottom: 5px; }
  .cat__title {
    font-size: 15px !important; }
  .cat__caption {
    margin-top: 5px !important;
    font-size: 11px; }
  .cat__body {
    padding: 0 5px; } }

/**
* cats
*/
.cats__list {
  padding: 0;
  list-style: none; }

/**
* cerf
*/
.cerf {
  margin: 0;
  height: 100%;
  padding: 30px;
  border-radius: 5px;
  background-color: #ffffff;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); }
.cerf__cover {
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 104%;
  position: relative;
  margin-bottom: 30px; }
.cerf__image {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  object-fit: contain;
  transform: translate(-50%, -50%); }
.cerf__text {
  display: inline-block;
  margin: 0;
  color: #253340;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.33;
  text-align: center; }
@media (max-width: 561px) {
  .cerf {
    padding: 20px; }
  .cerf__cover {
    margin-bottom: 20px; }
  .cerf__text {
    font-size: 15px; } }

/**
* cerfs
*/
.cerfs__list {
  padding: 0;
  margin: 0;
  list-style: none; }

.cerfs__pagination {
  margin-top: 50px; }

/**
* city-select
*/
.city-select {
  display: inline-block;
  position: relative; }
.city-select.is-open .city-select__toggle::after {
  transform: rotate(180deg); }
.city-select__toggle {
  display: flex;
  align-items: center;
  width: 165px;
  height: 36px;
  padding: 0 10px;
  padding-right: 12px;
  color: #3b4a4d;
  border: none;
  background-color: #eaeff0;
  border-radius: 4px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 1;
  text-align: left;
  white-space: nowrap;
  cursor: pointer; }
@supports (font-variation-settings: normal) {
  .city-select__toggle {
    font-family: "Inter var", sans-serif; } }
.city-select__toggle span {
  display: inline-block;
  width: 100%;
  flex-grow: 1;
  position: relative;
  top: 1px;
  overflow: hidden;
  text-overflow: ellipsis; }
.city-select__toggle::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  margin-right: 5px;
  background-image: url(/img/location.svg);
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat; }
.city-select__toggle::after {
  content: '';
  display: block;
  width: 7px;
  height: 7px;
  flex-shrink: 0;
  margin-left: 5px;
  background-image: url(/img/arrow-select.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  will-change: transform;
  transition: ease 300ms transform; }
.city-select__list {
  display: none;
  width: 100%;
  max-width: 240px;
  margin: 0;
  padding: 0 12px;
  position: absolute;
  top: calc(100% + 5px);
  left: 0;
  z-index: 400;
  background-color: #ffffff;
  border-radius: 4px;
  border: 1px solid #dde5e6;
  list-style: none; }
.city-select__item {
  padding: 7px 0; }
.city-select__item + .city-select__item {
  border-top: 1px solid #dde5e6; }
.city-select__link {
  display: block;
  width: 100%;
  color: currentColor;
  text-decoration: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: ease color 300ms; }
.city-select__link:hover {
  color: #2c977d; }
@media (max-width: 769px) {
  .city-select__toggle {
    width: 153px; }
  .city-select__list {
    z-index: 600; } }

/**
* compare-header
*/
/**
* contact
*/
.contact.is-dark .contact__button,
.contact.is-dark .contact__label {
  margin-bottom: 11px;
  font-size: 13px;
  color: #2c977d; }

.contact.is-dark .contact__button:hover {
  color: #ff6c66; }

.contact.is-dark .contact__value {
  color: #253340;
  font-weight: 600;
  text-decoration: none; }

.contact__body-phones {
  display: flex;
  flex-direction: column; }

.contact__button, .contact__label {
  margin-bottom: 19px;
  color: #f2f4f5;
  font-size: 14px;
  font-weight: 500;
  line-height: 1; }

.contact__button {
  display: block;
  padding: 0;
  border: none;
  background-color: transparent;
  font-family: "Inter", sans-serif;
  cursor: pointer;
  transition: ease color 300ms; }
@supports (font-variation-settings: normal) {
  .contact__button {
    font-family: "Inter var", sans-serif; } }
.contact__button.is-callback {
  padding-left: 14px;
  position: relative; }
.contact__button.is-callback::before {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  left: 0;
  top: calc(50% - 5px);
  background-image: url("/img/i-phone-alt.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain; }

.contact__value {
  color: #ffffff;
  font-weight: 500;
  font-size: 19px;
  line-height: 1;
  text-decoration: none; }
.contact__value + .contact__value {
  margin-top: 12px; }

.contact__link {
  margin-top: 15px;
  color: #5dca9e;
  font-weight: 500;
  font-size: 14px;
  text-decoration: none; }
.contact__link.is-location {
  display: inline-flex;
  align-items: center;
  position: relative; }
.contact__link.is-location::before {
  content: '';
  display: block;
  width: 12px;
  height: 17px;
  margin-right: 7px;
  position: relative;
  top: -1px;
  background-image: url("/img/i-location.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain; }

/**
* content
*/
.content__overlay {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 400;
  background-color: #253340;
  opacity: 0.6; }

.content__sidebar {
  background-color: #ffffff; }

.content__body {
  height: 100%;
  padding-bottom: 0 !important;
  position: relative;
  z-index: 0;
  background-color: #f5f6f7; }
.content__body::before, .content__body::after {
  content: "";
  display: block;
  height: 100%;
  width: calc((100vw - 100% / 9 * 12) / 2);
  position: absolute;
  top: 0;
  left: 100%;
  z-index: -1;
  background-color: #f5f6f7; }
.content__body::before {
  width: 25px;
  left: auto;
  right: 100%; }

.content__container {
  padding-bottom: 30px; }

.content__bottom {
  margin-top: 40px;
  position: relative;
  z-index: 1; }

@media (min-width: 1180px) {
  .content__overlay {
    display: none !important; }
  .content__sidebar {
    display: block !important;
    transform: translateX(0) !important; } }

@media (max-width: 1179px) {
  .content__sidebar {
    display: none;
    height: 100%;
    width: 100%;
    max-width: 340px;
    padding: 0 !important;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 500;
    overflow: auto; }
  .content__body::after {
    width: calc((100vw - 100%) / 2); }
  .content__bottom {
    margin-top: 0; }
  .content__bottom .section:first-child {
    margin-top: 0 !important;
    padding-top: 0 !important; } }

@media (max-width: 561px) {
  .content__body::before, .content__body::after {
    width: 16px; } }

/**
* cost
*/
.cost {
  text-align: left; }
.cost + .cost {
  margin-top: 20px; }
.cost.is-dark .cost__caption {
  margin-bottom: 8px;
  color: #617277; }
.cost.is-dark .cost__value {
  color: #12886c; }
.cost.is-small .cost__value {
  font-size: 16px; }
.cost.is-small .cost__prev {
  font-size: 14px; }
.cost.is-big .cost__value {
  font-size: 20px; }
.cost.is-big .cost__prev {
  font-size: 16px; }
.cost.is-row {
  display: flex;
  justify-content: space-between;
  align-items: baseline; }
.cost.in-service .cost__caption {
  color: #617277;
  font-size: 13px;
  letter-spacing: 0;
  font-weight: 500;
  text-transform: none; }
.cost.in-minicart .cost__value {
  color: #3b4a4d;
  font-size: 16px;
  font-weight: 500;
  line-height: 1; }
.cost.in-minicart .cost__caption {
  margin: 0;
  color: #3b4a4d;
  font-size: 15px;
  letter-spacing: 0;
  font-weight: 500;
  text-transform: none; }
.cost.in-order .cost__caption {
  color: #a4b3b7;
  text-transform: none;
  letter-spacing: normal;
  font-size: 16px;
  font-weight: 400; }
.cost.in-order .cost__value {
  color: #ffffff;
  font-weight: 400;
  font-size: 16px; }
.cost.in-orders .cost__caption {
  color: #617277;
  text-transform: none;
  letter-spacing: normal;
  font-size: 16px;
  font-weight: 400; }
.cost.in-orders .cost__value {
  color: #253340;
  font-weight: 500;
  font-size: 16px; }
.cost__caption {
  margin-bottom: 7px;
  color: #a4b3b7;
  font-weight: 600;
  font-size: 9px;
  line-height: 1;
  letter-spacing: 0.1em;
  text-transform: uppercase; }
.cost__group {
  display: flex;
  align-items: baseline;
  flex-flow: row wrap;
  margin: -2px -3px; }
.cost__value {
  padding: 2px 3px;
  color: #2c977d;
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap; }
.cost__prev {
  padding: 2px 3px;
  color: #a4b3b7;
  font-size: 14px;
  font-weight: 400;
  text-decoration: line-through;
  line-height: 1;
  white-space: nowrap; }
@media (max-width: 1179px) {
  .cost__value {
    font-size: 16px; } }
@media (max-width: 561px) {
  .cost__value {
    font-size: 14px; } }

/**
* counter
*/
.counter {
  display: flex;
  height: 30px;
  width: 82px;
  border: 2px solid #dde5e6;
  border-radius: 4px;
  overflow: hidden; }
.counter.is-alt {
  width: 57px;
  height: 54px;
  border-radius: 5px; }
.counter.is-alt .counter__field {
  border: none; }
.counter.is-alt .counter__button {
  flex-grow: 1;
  width: 24px;
  display: flex;
  color: #a4b3b7;
  border-right: none;
  border-left: 1px solid #dde5e6; }
.counter.is-alt .counter__button.is-remove {
  border-top: 1px solid #dde5e6; }
.counter.is-alt .counter__button:hover {
  color: #2c977d; }
.counter.is-alt .counter__icon {
  margin: auto;
  width: 16px;
  height: 16px;
  padding: 0; }
.counter__field {
  width: 0;
  flex: 1 1 auto;
  border: none;
  color: #3b4a4d;
  font-weight: 500;
  font-size: 16px;
  font-family: "Inter", sans-serif;
  text-align: center; }
@supports (font-variation-settings: normal) {
  .counter__field {
    font-family: "Inter var", sans-serif; } }
.counter__field[disabled] {
  background-color: #ffffff; }
.counter__buttons {
  display: flex;
  flex-direction: column; }
.counter__button {
  padding: 0;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  background-color: transparent;
  border: none;
  border-right: 1px solid #dde5e6;
  color: #2c977d;
  cursor: pointer;
  transition: ease color 300ms; }
.counter__button:focus, .counter__button:hover {
  color: #ff6c66; }
.counter__button.is-add {
  border-right: none;
  border-left: 1px solid #dde5e6;
  border-radius: 0 4px 4px 0; }
.counter__button[disabled] {
  color: #dde5e6;
  pointer-events: none; }
.counter__icon {
  width: 25px;
  height: 20px;
  padding: 2px;
  color: currentColor; }

/**
* dc
*/
.dc {
  display: inline-block;
  text-decoration: none; }
.dc__logo {
  width: 167px;
  height: 27px;
  background-image: url("https://static.tildacdn.com/tild6534-3562-4635-b631-383738323662/Group_45.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain; }

/**
* dropmenu
*/
.dropmenu {
  position: relative;
  width: 280px;
  height: 100%;
  border-radius: 8px;
  background-color: #44505b;
  background-image: radial-gradient(242px at 50% 0%, #44505b 0%, #253340 100%); }
.dropmenu.is-light {
  width: 250px;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #dde5e6; }
.dropmenu.is-light .dropmenu__list {
  padding: 18px 20px; }
.dropmenu.is-light .dropmenu__item + .dropmenu__item {
  margin-top: 7px; }
.dropmenu.is-light .dropmenu__link {
  color: #617277;
  font-size: 14px; }
.dropmenu.is-light .dropmenu__link:hover {
  color: #2c977d; }
.dropmenu__list {
  list-style: none;
  margin: 0;
  padding: 26px 28px; }
.dropmenu__item {
  width: 100%; }
.dropmenu__link {
  display: block;
  width: 100%;
  padding: 2px;
  position: relative;
  color: #a4b3b7;
  font-size: 16px;
  text-decoration: none;
  font-weight: 400;
  transition: ease color 300ms; }
.dropmenu__link::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0; }
.dropmenu__link:hover {
  color: #2c977d; }
@media (max-width: 1179px) {
  .dropmenu {
    background-color: transparent;
    background-image: none; }
  .dropmenu.is-light {
    width: 100%;
    background-color: transparent;
    background-image: none;
    border: none; }
  .dropmenu.is-light .dropmenu__list {
    padding: 0; }
  .dropmenu__list {
    padding-top: 15px;
    padding-bottom: 0; }
  .dropmenu__link {
    font-size: 15px; } }
@media (max-width: 1179px) {
  .dropmenu__link {
    padding: 4px 2px;
    font-size: 13px; } }

/**
* filter
*/
.js-init .filter {
  pointer-events: none;
  max-height: 450px;
  position: relative;
  z-index: 0; }
.js-init .filter::after {
  content: "";
  display: block;
  width: 80px;
  height: 80px;
  position: absolute;
  top: calc(50% - 40px);
  left: calc(50% - 40px);
  z-index: 1;
  background-image: url(/img/loading.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain; }
.js-init .filter .filter__toggle {
  display: block; }
.js-init .filter .filter__inner,
.js-init .filter .filter__footer {
  opacity: 0;
  pointer-events: none;
  transition: ease opacity 200ms; }

.filter.is-inited {
  pointer-events: all;
  max-height: none; }
.filter.is-inited::after {
  display: none; }
.filter.is-inited .filter__inner,
.filter.is-inited .filter__footer {
  pointer-events: all;
  opacity: 1; }

.filter__fieldset {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 20px 0;
  position: relative;
  border: none;
  border-bottom: 1px solid #e4e8f4;
  min-inline-size: auto; }
.filter__fieldset.is-open .filter__icon::before {
  opacity: 0;
  transform: rotate(35deg); }
.filter__fieldset.is-open .filter__icon::after {
  opacity: 0.5;
  transform: rotate(0deg); }

.filter__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  border: none;
  position: relative; }

.filter__title {
  display: block;
  margin: 0;
  padding: 0;
  color: #253340;
  font-size: 16px;
  font-weight: 500; }

.filter__toggle {
  display: none;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  margin-left: 20px;
  padding: 0;
  position: static;
  background-color: transparent;
  border: none;
  color: #b7bbe2;
  cursor: pointer;
  transition: ease-out color 300ms; }
.filter__toggle:hover {
  color: #2c977d; }
.filter__toggle::after {
  content: "";
  display: block;
  width: 100%;
  height: calc(100% + 40px);
  position: absolute;
  top: -20px;
  left: 0;
  z-index: 1; }

.filter__icon {
  display: block;
  width: 100%;
  height: 100%;
  position: relative; }
.filter__icon::before, .filter__icon::after {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  top: calc(50% - 6px);
  left: calc(50% - 6px);
  background-image: url("/img/open.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  transition: ease opacity 300ms, ease transform 300ms; }
.filter__icon::after {
  width: 12px;
  height: 12px;
  opacity: 0;
  background-image: url("/img/remove.svg");
  transform: rotate(-35deg); }

.filter__header + .filter__fields {
  margin-top: 20px; }

.filter__fields {
  height: 100%;
  max-height: 286px;
  padding: 0 0 10px; }
.filter__fields.is-checkboxes {
  margin-right: 1px;
  overflow: auto; }

.filter__field {
  padding-left: 2px; }
.filter__field + .filter__field {
  margin-top: 8px; }
.filter__field.is-select + .filter__field.is-select {
  margin-top: 20px; }

.filter__tooltip {
  display: none;
  position: absolute;
  left: calc(100% + 10px);
  top: 5px;
  z-index: 100; }

.filter__header ~ .filter__tooltip {
  top: -3px; }

.filter__footer {
  margin-top: 20px; }

.filter__button {
  margin-bottom: 20px; }
.filter__button:last-child {
  margin-bottom: 0; }

/**
* filter-result
*/
.filter-result {
  display: block;
  width: 190px;
  padding: 12px 15px 13px;
  position: relative;
  z-index: 0;
  border: none;
  background-color: #3b4a4d;
  border-radius: 4px;
  color: #ffffff;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 12px;
  text-align: left;
  cursor: pointer; }
@supports (font-variation-settings: normal) {
  .filter-result {
    font-family: "Inter var", sans-serif; } }
.filter-result::after {
  content: '';
  display: block;
  position: absolute;
  bottom: calc(50% - 7.5px);
  right: 100%;
  border: 8px solid #3b4a4d;
  border-top: 7.5px solid transparent;
  border-bottom: 7.5px solid transparent;
  border-left: none; }
.filter-result__label {
  display: block; }
.filter-result__action {
  display: flex;
  align-items: center;
  margin-top: 13px;
  position: relative;
  color: #28c59f;
  font-size: 16px;
  line-height: 1; }
.filter-result__action::after {
  content: '';
  display: block;
  width: 8px;
  height: 12px;
  margin-left: 7px;
  background-image: url("/img/arrow-green.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 8px 12px; }

/**
* footer
*/
.footer {
  margin: 0;
  background-color: #2c977d;
  position: relative; }
.footer__xmas {
  position: absolute;
  top: 0;
  width: 100%;
  height: 67px;
  background-repeat: no-repeat;
  background-position: bottom;
  z-index: 0; }
.footer__top {
  padding: 80px 0 75px;
  background-color: #2c977d;
  z-index: 20; }
.footer__group.has-menu {
  padding-left: 31px; }
.footer__logo {
  line-height: 1; }
.footer__text {
  margin: 0;
  margin-top: 32px;
  padding-right: 65px;
  color: #dde5e6;
  font-size: 14px;
  line-height: 1.6; }
.footer__menu {
  padding-top: 42px;
  padding-bottom: 24px;
  position: relative; }
.footer__menu::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 0.3;
  background-image: linear-gradient(90deg, #69d4ad 0%, #5bcb87 100%); }
.footer__contacts {
  display: flex;
  justify-content: space-between;
  margin-top: 41px; }
.footer__contact + .footer__contact {
  margin-left: 40px; }
.footer__bottom {
  margin: 0;
  padding: 45px 0 42px;
  background-color: #229176;
  z-index: 20; }
.footer__info {
  display: flex; }
.footer__copy {
  width: 49%;
  margin: 0;
  color: #dde5e6;
  font-size: 14px; }
.footer__policy {
  display: block;
  width: 30%;
  color: #ffffff;
  font-size: 14px;
  text-decoration: none;
  transition: ease 300ms color; }
.footer__policy:hover {
  color: #ffd000; }
.footer__dc {
  padding-right: 20px;
  line-height: 0;
  text-align: right; }
@media (max-width: 1179px) {
  .footer__top {
    padding: 60px 0 50px; }
  .footer__group {
    display: flex;
    flex-flow: row wrap;
    align-items: center; }
  .footer__group.has-menu {
    padding-top: 30px;
    padding-left: 0; }
  .footer__menu {
    width: 100%;
    padding: 25px 0; }
  .footer__contacts {
    width: 100%; }
  .footer__text {
    margin: 0;
    margin-left: 38px;
    padding: 0;
    flex: 1; }
  .footer__bottom {
    padding: 30px 0; }
  .footer__info {
    flex-direction: column-reverse; }
  .footer__copy, .footer__policy, .footer__payments {
    width: 100%;
    margin-left: 0;
    margin-top: 15px; }
  .footer__payments {
    margin: 0; }
  .footer__dc {
    padding-right: 0; } }
@media (max-width: 769px) {
  .footer__top {
    padding-top: 50px; }
  .footer__group {
    justify-content: center; }
  .footer__group.has-menu {
    padding: 0; }
  .footer__menu {
    padding: 40px 0; }
  .footer__text {
    display: none; }
  .footer__contacts {
    flex-direction: column;
    text-align: center; }
  .footer__contact + .footer__contact {
    margin: 0;
    margin-top: 35px; }
  .footer__bottom {
    padding: 30px 0 50px; }
  .footer__info {
    justify-content: center;
    text-align: center; }
  .footer__payments {
    display: flex;
    justify-content: center; }
  .footer__policy {
    margin-top: 20px; }
  .footer__dc {
    margin-top: 40px;
    text-align: center; }
  .footer__xmas {
    display: none; } }

/**
* form
*/
.form {
  position: relative;
  padding: 35px 50px 50px;
  width: 100%;
  background-color: #ffffff;
  border-radius: 5px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.08);
  transition: opacity 400ms ease; }
.form.is-loading {
  opacity: 0.4; }
.form.is-narrow {
  max-width: 734px; }
.form.is-clear {
  box-shadow: none;
  border-radius: 0;
  padding: 0;
  transition: none; }
.form.in-modal {
  padding: 30px 0 40px; }
.form.is-userdata {
  padding-bottom: 40px; }
.form.is-userdata .form__footer {
  margin-top: 30px; }
.form.is-userdata .form__button {
  max-width: 100%;
  margin-top: 25px; }
.form.is-register .form__footer {
  margin-top: 37px; }
.form.is-register .form__button {
  max-width: 100%; }
.form.is-callback {
  max-width: 734px;
  margin: auto; }
.form.is-callback .form__footer {
  margin-top: 35px; }
.form.is-callback .form__button {
  max-width: 100%; }
.form.is-service .form__footer {
  margin-top: 30px; }
.form.is-service .form__button {
  max-width: 100%; }
.form.is-reviews .form__section + .form__section {
  margin-top: 25px; }
.form.is-checkout .form__footer {
  margin-top: 50px; }
.form.is-checkout .form__button {
  max-width: 100%; }
.form.has-image-uploader {
  margin-top: 65px; }
.form.has-image-uploader .form__body {
  margin-top: -115px; }
.form + .form {
  margin-top: 40px; }
.form__header {
  margin-top: 30px;
  margin-bottom: 27px; }
.form__subtitle {
  margin: 0;
  padding: 0;
  font-size: 18px;
  font-weight: 500; }
.form__subtitle i {
  margin-left: 5px;
  margin-top: 2px;
  color: #617277;
  font-size: 14px;
  font-style: normal;
  font-weight: 500; }
.form__subtitle + .form__fields {
  margin-top: 25px; }
.form__section {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  border: none;
  min-inline-size: auto; }
.form__section + .form__section {
  margin-top: 45px; }
.form__control {
  display: block;
  position: relative;
  width: 100%;
  text-align: left;
  line-height: 1; }
.form__control.is-required .form__label::after {
  content: "*";
  margin-left: 3px;
  color: #ff6c66; }
.form__control + .form__control {
  margin-top: 20px; }
.form__label {
  display: block;
  margin-bottom: 10px;
  position: relative;
  color: #617277;
  font-family: "Inter", sans-serif;
  font-size: 14px; }
.form__field {
  display: block; }
.form__select {
  margin-top: 9px;
  margin-bottom: 9px; }
.form__captcha {
  max-width: 287px;
  max-height: 78px;
  margin: 30px 0; }
.form__footer {
  margin-top: 22px; }
.form__footer.has-back-button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 50px; }
.form__footer .form__button {
  max-width: 240px; }
.form__footer .form__button .button {
  width: 100%; }
.form__agreement + .form__button,
.form__link + .form__button {
  margin-top: 34px; }
.form__button {
  width: 100%; }
.form__button.is-back {
  width: auto;
  min-width: 150px; }
.form__message {
  display: inline-block;
  position: absolute;
  width: 100%;
  max-width: 307px;
  padding: 15px 20px 13px;
  top: calc(100% + 3px);
  left: 50%;
  background-color: #253340;
  background-image: url("/img/message.svg");
  background-repeat: no-repeat;
  background-position: 10px 50%;
  background-size: 4px 16px;
  border-radius: 4px;
  color: #ffffff;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 12px;
  transform: translateX(-50%);
  z-index: 2; }
.form__message::after {
  content: "";
  display: block;
  bottom: 100%;
  left: 15px;
  border: 10px solid #253340;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  border-top: none;
  position: absolute; }
.form__info {
  margin: 20px 0; }
.form__info + .form__section {
  margin-top: 37px; }
.form__link {
  display: block;
  color: #366099;
  font-weight: 500;
  font-size: 16px;
  line-height: 1;
  text-decoration: none;
  text-align: center;
  transition: ease color 300ms; }
.form__link:hover {
  color: #ff6c66; }
.form .help-block {
  margin: 0;
  margin-top: 15px;
  font-size: 14px; }
.form .help-block.help-block-error {
  color: #ff6c66; }
.form .help-block:empty {
  display: none; }
.form .has-error > .help-block {
  color: #ff6c66; }
@media (max-width: 1179px) {
  .form.is-narrow {
    max-width: 100%; }
  .form.has-image-uploader {
    margin-top: 100px; } }
@media (max-width: 769px) {
  .form.is-userdata {
    padding: 30px; }
  .form__captcha {
    margin: 0; } }
@media (max-width: 561px) {
  .form.is-checkout .form__footer {
    margin-top: 30px; } }

/**
* header
*/
.header {
  display: contents; }
.header.has-opened-sidemenu .header__menu-trigger::before {
  display: none; }
.header.has-opened-sidemenu .header__menu-trigger::after {
  margin-left: 0;
  background-image: url(/img/close-menu.svg); }
.header__top {
  padding: 13px 0 27px;
  position: relative;
  background-position: bottom;
  background-repeat: no-repeat; }
.header__bottom {
  background-color: #253340;
  position: sticky;
  top: 0;
  z-index: 400; }
.header__inner {
  display: flex;
  justify-content: space-between; }
.header__inner.is-bottom {
  align-items: center; }
.header__logo {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  position: relative;
  top: -2px; }
.header__group {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  margin-left: 62px; }
.header__group + .header__group {
  margin-left: 38px; }
.header__group:last-child {
  display: flex;
  flex-direction: column;
  align-items: flex-end; }
.header__city-select {
  margin-top: 30px; }
.header__contacts {
  display: flex;
  justify-content: flex-end;
  flex-grow: 1;
  margin-top: 30px; }
.header__contact + .header__contact {
  margin-left: 40px; }
.header__login {
  position: relative; }
.header__social {
  margin-top: 33px; }
.header__menu-trigger {
  display: none;
  margin-top: 20px;
  align-items: center;
  padding: 0;
  background-color: transparent;
  border: none;
  color: #3b4a4d;
  font-size: 15px;
  font-family: "Inter", sans-serif;
  line-height: 1;
  cursor: pointer; }
@supports (font-variation-settings: normal) {
  .header__menu-trigger {
    font-family: "Inter var", sans-serif; } }
.header__menu-trigger::before {
  content: "Меню"; }
.header__menu-trigger::after {
  content: "";
  display: block;
  width: 33px;
  height: 25px;
  margin-left: 12px;
  background-image: url(/img/menu.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain; }
.header__nav {
  width: 100%; }
.header__tools {
  margin-left: 20px; }
.header__sidemenu {
  display: none;
  flex-direction: column;
  width: 100%;
  max-width: 400px;
  height: calc(100vh - 100%);
  padding: 50px 80px;
  position: absolute;
  right: 0;
  top: 100%;
  z-index: 500;
  border-top: #dde5e6 1px solid;
  background-color: #ffffff;
  box-shadow: -4px 0 4px -4px rgba(0, 0, 0, 0.08);
  overflow: auto;
  will-change: transform; }
.header__sidemenu .header__city-select,
.header__sidemenu .header__social {
  display: none; }
.header__plash {
  padding: 12px 60px 12px 30px;
  background: #f8d7da;
  text-align: center;
  font-weight: 500;
  color: #721c24;
  position: relative;
  border-bottom: 2px solid #fefefe; }
.header__plash-close {
  position: absolute;
  height: 24px;
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
  cursor: pointer; }
@media (max-width: 1439px) {
  .header__group {
    margin-left: 38px; } }
@media (min-width: 1180px) {
  .header__sidemenu {
    display: none !important; } }
@media (max-width: 1179px) {
  .header__nav, .header__contacts {
    display: none; }
  .header__sidemenu .header__nav {
    display: block; }
  .header__sidemenu .header__contacts {
    display: flex;
    flex-direction: column;
    margin-top: 60px; }
  .header__sidemenu .header__contact + .header__contact {
    margin-left: 0;
    margin-top: 20px; }
  .header__login {
    top: 0; }
  .header__city-select {
    margin-top: 0; }
  .header__social {
    margin-top: 0;
    margin-left: 30px; }
  .header__group {
    flex-grow: 1;
    justify-content: space-between; }
  .header__group:last-child {
    height: auto;
    flex-grow: 0;
    align-items: flex-end; }
  .header__menu-trigger {
    display: flex; } }
@media (max-width: 959px) {
  .header__city-select {
    width: 100%; }
  .header__social {
    margin-left: 0;
    margin-top: 16px; }
  .header__group:last-child {
    padding: 10px 0 3px; } }
@media (max-width: 769px) {
  .header__top {
    padding: 16px 0; }
  .header__group {
    display: none; }
  .header__group:last-child {
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    justify-content: flex-end;
    align-items: center;
    padding: 0; }
  .header__menu-trigger {
    margin: 0;
    margin-left: 20px; }
  .header__menu-trigger::before {
    display: none; }
  .header__menu-trigger::after {
    margin: 0; }
  .header__sidemenu {
    align-items: center;
    padding: 20px; }
  .header__sidemenu .header__city-select {
    display: flex;
    justify-content: center;
    margin-bottom: 25px; }
  .header__sidemenu .header__contacts {
    align-items: center;
    margin-top: 40px; }
  .header__sidemenu .header__social {
    display: flex;
    justify-content: center;
    margin: 35px 0 10px; }
  .header__contact {
    text-align: center; } }
@media (max-width: 561px) {
  .header__top {
    background-position: 0 0; }
  .header__menu-trigger::after {
    width: 28px;
    height: 20px; } }

/**
* headline
*/
.headline {
  width: 100%;
  margin: auto;
  padding: 30px 0 35px;
  position: relative;
  z-index: 0; }
.headline + * {
  margin-top: 0 !important; }
.headline.is-grey {
  background-color: #f5f6f7; }
.headline.has-cover {
  padding-bottom: 50px; }
.headline.has-cover .headline__caption {
  color: #dde5e6; }
.headline.has-cover .headline__title {
  color: #ffffff;
  line-height: 1.3; }
.headline.has-cover .headline__top {
  flex-grow: 1; }
.headline__inner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  position: relative;
  z-index: 1; }
.headline__cover {
  width: 100%;
  height: 480px;
  margin-top: 20px;
  padding: 45px 110px;
  padding-bottom: 105px;
  border-radius: 8px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  overflow: hidden;
  position: relative;
  z-index: 0; }
.headline__cover::before, .headline__cover::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1; }
.headline__cover::before {
  height: 180px;
  mix-blend-mode: multiply;
  background-image: linear-gradient(0deg, rgba(37, 51, 64, 0) 0%, rgba(37, 51, 64, 0.7) 75.54%); }
.headline__cover::after {
  background-image: radial-gradient(ellipse at 50% 0%, #44505b 0%, #253340 100%);
  opacity: 0.1; }
.headline__caption {
  display: inline-block;
  margin: 0;
  color: #253340;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.44; }
.headline__title {
  margin: 0;
  margin-top: 15px;
  color: #253340;
  font-weight: 500;
  line-height: 1.44; }
.headline__caption + .headline__title {
  margin-top: 6px; }
.headline__text {
  margin-top: 20px; }
.headline__tag {
  position: absolute;
  bottom: 50px; }
@media (max-width: 1179px) {
  .headline.has-cover {
    padding-bottom: 30px; }
  .headline__cover {
    height: 300px;
    padding: 30px;
    padding-bottom: 90px; }
  .headline__tag {
    bottom: 30px; } }
@media (max-width: 769px) {
  .headline.has-cover {
    padding-bottom: 20px; }
  .headline__cover {
    height: 220px;
    padding: 15px;
    padding-bottom: 75px; }
  .headline__tag {
    bottom: 15px; } }
@media (max-width: 561px) {
  .headline {
    padding: 22px 0 24px; }
  .headline__title {
    line-height: 1.15; } }

/**
* history
*/
.history {
  width: 100%;
  max-width: 734px; }
.history__list {
  margin: 0;
  padding: 0;
  list-style: none; }
.history__item + .history__item {
  margin-top: 30px; }
@media (max-width: 1179px) {
  .history {
    max-width: 100%; }
  .history__item + .history__item {
    margin-top: 26px; } }
@media (max-width: 769px) {
  .history__item + .history__item {
    margin-top: 16px; } }

/**
* history-item
*/
.history-item {
  background-color: #ffffff;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  padding: 0 50px; }
.js-init .history-item {
  opacity: 0;
  pointer-events: none;
  transition: ease opacity 300ms; }
.js-init .history-item .history-item__toggle {
  display: block; }
.history-item.is-inited {
  opacity: 1;
  pointer-events: all; }
.history-item.is-open .history-item__icon::before {
  opacity: 0;
  transform: rotate(35deg); }
.history-item.is-open .history-item__icon::after {
  opacity: 0.5;
  transform: rotate(0deg); }
.history-item__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  border-bottom: 1px solid #dde5e6;
  padding-bottom: 16px;
  padding-top: 19px; }
.history-item__info {
  font-weight: 500;
  display: flex;
  align-items: center; }
.history-item__date {
  font-size: 12px;
  color: #2c977d; }
.history-item__separator {
  margin: 0 10px;
  font-size: 12px;
  color: #617277; }
.history-item__vendor-code {
  font-size: 12px;
  color: #617277;
  margin: 0; }
.history-item__toggle {
  display: none;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  margin-left: 20px;
  padding: 0;
  position: static;
  background-color: transparent;
  border: none;
  color: #b7bbe2;
  cursor: pointer;
  transition: ease-out color 300ms; }
.history-item__toggle:hover {
  color: #2c977d; }
.history-item__toggle::after {
  content: '';
  display: block;
  width: 100%;
  height: calc(100% + 40px);
  position: absolute;
  top: -20px;
  left: 0; }
.history-item__close {
  position: relative;
  width: 28px;
  height: 28px;
  border: none;
  background: none;
  cursor: pointer; }
.history-item__close::after, .history-item__close::before {
  content: '';
  position: absolute;
  width: 12px;
  height: 12px;
  top: calc(50% - 9px);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-image: url(/img/open.svg);
  background-size: contain;
  transition: ease opacity 300ms; }
.history-item__close::after {
  background-image: url(/img/remove.svg);
  opacity: 0; }
.history-item__icon {
  display: block;
  width: 100%;
  height: 100%;
  position: relative; }
.history-item__icon::before, .history-item__icon::after {
  content: '';
  position: absolute;
  width: 12px;
  height: 12px;
  top: calc(50% - 6px);
  left: calc(50% - 6px);
  background-image: url("/img/open.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  transition: ease opacity 300ms, ease transform 300ms; }
.history-item__icon::after {
  width: 12px;
  height: 12px;
  opacity: 0;
  background-image: url("/img/remove.svg");
  transform: rotate(-35deg); }
.history-item__body {
  border-bottom: 1px solid #dde5e6; }
.history-item__list {
  margin: 0;
  padding: 0;
  list-style: none; }
.history-item__item {
  width: 100%;
  padding: 15px 0; }
.history-item__item + .history-item__item {
  border-top: 1px solid #dde5e6; }
.history-item__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 16px;
  padding-bottom: 19px; }
.history-item__track {
  font-weight: 500;
  font-size: 18px;
  color: #366099;
  text-decoration: none; }
.history-item__status {
  display: flex;
  align-items: center;
  flex-grow: 1;
  margin: 0;
  padding: 0;
  padding-left: 20px;
  position: relative;
  color: #617277;
  font-size: 16px; }
.history-item__status.is-ready::before {
  content: '';
  width: 12px;
  height: 9px;
  left: 0;
  top: calc(50% - 5px);
  position: absolute;
  background-image: url("/img/ready.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%; }
.history-item__total {
  display: flex;
  align-items: baseline; }
.history-item__total-label {
  display: block;
  width: 60px;
  margin: 0;
  padding-right: 15px;
  color: #a4b3b7;
  font-size: 9px;
  text-transform: uppercase;
  letter-spacing: 0.1em; }
.history-item__total-price {
  display: block;
  width: 130px;
  color: #3b4a4d;
  font-size: 16px;
  font-weight: 500; }
@media (max-width: 769px) {
  .history-item__total-label {
    width: 50px; }
  .history-item__total-price {
    width: 100px; } }
@media (max-width: 561px) {
  .history-item {
    padding-left: 16px;
    padding-right: 16px; }
  .history-item__item {
    padding: 10px 0; }
  .history-item__status {
    padding-left: 0;
    font-size: 15px; }
  .history-item__status::before {
    position: static !important;
    margin-right: 10px; }
  .history-item__total-label {
    width: auto;
    padding-right: 10px; }
  .history-item__total-price {
    width: auto; } }

/**
* image
*/
.image {
  margin: 0; }
.image__link {
  display: block; }
.image__src {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0 !important;
  object-fit: cover; }
.image__caption {
  margin-top: 15px;
  color: #686c90;
  font-size: 12px;
  line-height: 1.33; }

/**
* info
*/
.info {
  position: relative;
  width: 100%;
  padding: 24px 59px 25px 17px;
  border-radius: 4px;
  background-image: radial-gradient(ellipse at top, #44505b 0%, #253340 100%); }
.info__close {
  cursor: pointer;
  position: absolute;
  top: 13px;
  right: 13px;
  width: 10px;
  height: 10px;
  background-color: transparent;
  background-image: url("/img/in-close.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  border: none; }
.info__close::before {
  content: '';
  position: absolute;
  width: 250%;
  height: 250%;
  top: -7px;
  left: -8px; }
.info__text {
  margin: 0;
  margin-bottom: 35px;
  font-size: 14px;
  line-height: 1.57;
  color: #ffffff; }
.info__login {
  margin-left: -6px; }
.info .has-info {
  color: #ffffff; }

.input {
  display: block;
  width: 100%;
  height: 40px;
  padding: 12px 16px 10px;
  color: #366099;
  background-color: rgba(236, 239, 241, 0.5);
  border: 1px solid #dde5e6;
  border-radius: 4px;
  font-size: 15px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  line-height: 1;
  outline: none !important;
  transition: background-color 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }
.input.has-icon {
  padding-right: 38px;
  background-repeat: no-repeat;
  background-position: 94% 50%;
  background-size: 18px 18px; }
.input.is-date {
  background-image: url("/img/i-calendar.svg"); }
.input.is-time {
  background-image: url("/img/i-time.svg"); }
.input:focus {
  background-color: #ffffff; }
.input.is-focused {
  /* outline: 2px dashed #86d3ff !important; */ }
.input::-moz-placeholder {
  color: #bbd2d7; }
.input::-webkit-input-placeholder {
  color: #bbd2d7; }
.input[aria-invalid="true"] {
  border-color: #ff6c66; }

.checkbox {
  display: flex;
  width: 100%;
  box-sizing: border-box;
  align-items: baseline;
  justify-content: space-between;
  position: relative;
  color: #3b4a4d;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  text-align: left;
  cursor: pointer; }
.checkbox.is-disabled {
  cursor: default; }
.checkbox.is-disabled .checkbox__label {
  opacity: 0.8; }
.checkbox.is-agreement {
  color: #617277; }
/*.checkbox__input {*/
/*  margin: 0;*/
/*  width: 12px;*/
/*  height: 12px;*/
/*  position: absolute;*/
/*  top: 3px;*/
/*  left: 0;*/
/*  opacity: 0; }*/
.checkbox__label {
  display: block;
  /*padding-left: 20px;*/
  /*position: relative;*/
  color: currentColor;
  line-height: 1.42; }
.checkbox__label a {
  color: #2b5999;
  text-decoration: none;
  transition: color ease 300ms; }
.checkbox__label a:hover {
  color: #ff6c66; }
.checkbox__amount {
  margin-left: 25px;
  color: #686c90;
  font-size: 15px;
  line-height: 1; }
.checkbox__input:checked + .checkbox__label::after {
  opacity: 1; }
.checkbox__input.is-focused + .checkbox__label::before {
  outline: 2px dashed #86d3ff; }

.textarea {
  display: block;
  width: 100%;
  height: 90px;
  max-height: 200px;
  min-height: 90px;
  padding: 10px 16px;
  color: #253340;
  background-color: rgba(236, 239, 241, 0.5);
  border: 1px solid #dde5e6;
  border-radius: 4px;
  font-family: "Inter", sans-serif;
  line-height: 1.4;
  resize: vertical;
  outline: none !important;
  transition: border-color 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955), background-color 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }
.textarea:focus {
  border: 1px solid #dde5e6; }
.textarea.is-focused {
  /* outline: 2px dashed #86d3ff !important; */ }
.textarea::-moz-placeholder {
  color: #617277;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 10px; }
.textarea::-webkit-input-placeholder {
  color: #617277;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 10px; }

.radio {
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer; }
.radio + .radio {
  margin-left: 60px; }
.radio__field {
  width: 100%;
  height: 100%;
  margin: 0;
  position: absolute;
  opacity: 0;
  z-index: -1; }
.radio__group {
  padding-left: 30px;
  position: relative;
  transition: ease color 300ms; }
.radio__group::before, .radio__group::after {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  top: calc(50% - 11px);
  border-radius: 50%;
  border: 2px solid #dde5e6; }
.radio__group::after {
  border: 1px solid #2c977d;
  background-color: #2c977d;
  opacity: 0;
  width: 12px;
  height: 12px;
  top: calc(50% - 7px);
  left: 4px;
  transition: ease opacity 300ms; }
.radio__caption {
  display: block;
  color: #617277;
  font-weight: 500;
  transition: ease color 300ms;
  font-size: 13px; }
.radio__label {
  display: block;
  position: relative;
  margin-left: -3px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  color: #617277; }
.radio__field:checked + .radio__group::after {
  opacity: 1; }
.radio__field:checked + .radio__group .radio__label {
  color: #3b4a4d; }
.radio__field:checked + .radio__group .radio__caption {
  color: #000; }

.radio-list {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%; }
.radio-list__label {
  color: #81867c;
  font-size: 14px; }
.radio-list__label + .radio-list__item {
  margin-left: 25px; }
.radio-list__item + .radio-list__item {
  margin-left: 25px; }

.select {
  display: block;
  width: 100%;
  color: #253340;
  font-weight: 400;
  font-size: 18px;
  font-family: "Inter", sans-serif;
  line-height: 1;
  outline: none !important;
  transition: color 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955), border 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955), background-color 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }
.js-init .select {
  opacity: 0; }
.select.is-inited {
  opacity: 1; }
.select:focus {
  color: #253340;
  background-color: #ffffff;
  border-color: #2c977d; }

.range {
  padding-right: 24px; }
.range__fields {
  display: flex;
  align-items: center;
  width: 100%; }
.range__field {
  width: 0;
  flex: 1 1 auto;
  padding: 12px 0 10px 16px;
  color: #366099;
  background-color: rgba(236, 239, 241, 0.5);
  border: 1px solid #dde5e6;
  border-radius: 4px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 15px;
  line-height: 1;
  transition: ease 200ms border; }
.range__field:focus {
  outline: none;
  border-color: #2c977d; }
.range__sep {
  width: 10px;
  height: 1px;
  flex-shrink: 0;
  margin: 0 12px;
  background-color: #a4b3b7; }
.range__slider {
  width: 100%;
  height: 4px;
  margin-top: 20px;
  margin-bottom: 5px;
  margin-left: auto;
  margin-right: auto; }
.range .ui-slider-range {
  background: #77cab3; }
.range .ui-widget {
  border: none;
  background-color: #dde5e6; }
.range .ui-slider-handle {
  cursor: pointer;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 2px solid #12886c; }
.range .ui-state-focus {
  outline: none; }
.range .ui-state-active {
  background-color: #2c977d; }

/**
* links
*/
.links.is-wide .links__item {
  position: relative;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #dde5e6;
  margin: 0;
  padding: 0; }
.links.is-wide .links__item:last-child {
  border-bottom: none; }

.links.is-wide .links__label,
.links.is-wide .links__link {
  width: 100%;
  padding: 20px 0;
  padding-right: 20px;
  position: relative;
  font-weight: 500;
  font-size: 16px;
  color: #3b4a4d; }
.links.is-wide .links__label:hover,
.links.is-wide .links__link:hover {
  color: #366099; }
.links.is-wide .links__label:hover::after,
.links.is-wide .links__link:hover::after {
  opacity: 1; }
.links.is-wide .links__label::after,
.links.is-wide .links__link::after {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  right: 0;
  top: calc(50% - 5px);
  background-image: url("/img/links-arrow.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  opacity: 0;
  transition: ease opacity 300ms; }

.links.is-wide .links__label {
  color: #366099; }
.links.is-wide .links__label::after {
  opacity: 1;
  transform: translateX(0); }

.links.is-bordered {
  padding: 10px 30px;
  background-color: #ffffff;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.08);
  border-radius: 5px; }
.links.is-bordered .links__link::after {
  color: currentColor;
  background-image: url("/img/links-arrow-dark.svg");
  opacity: 1; }
.links.is-bordered .links__link:hover::after {
  background-image: url("/img/links-arrow.svg"); }

.links__title {
  margin: 15px 0;
  color: #253340;
  font-size: 18px;
  line-height: 1.2; }

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

.links__item {
  line-height: 1; }
.links__item + .links__item {
  margin-top: 7px; }

.links__label, .links__link {
  display: inline-block;
  color: #617277;
  font-size: 15px;
  line-height: 1.2; }

.links__link {
  text-decoration: none;
  transition: ease color 300ms; }
.links__link:hover {
  color: #ff6c66; }

.links__label {
  color: #ff6c66;
  cursor: default; }

@media (max-width: 561px) {
  .links.is-bordered {
    padding: 6px 16px; } }

/**
* links-group
*/
.links-group {
  margin: 0;
  padding: 73px 0 62px;
  position: relative;
  z-index: 0;
  background-color: #f2f4f5;
  list-style: none; }
.links-group.is-clear {
  padding: 0;
  background-color: transparent; }
.links-group.is-clear::before {
  display: none; }
.links-group.is-row {
  display: flex;
  flex-flow: row wrap;
  margin: -15px; }
.links-group.is-row .links-group__item {
  width: 33.33%;
  padding: 15px;
  max-width: none; }
.links-group.is-row .links-group__item + .links-group__item {
  margin: 0; }
.links-group::before {
  content: '';
  display: block;
  width: calc((100vw - 100% * 3) / 2);
  height: 100%;
  position: absolute;
  right: 100%;
  top: 0;
  background-color: #f2f4f5; }
.links-group__item {
  max-width: 170px; }
.links-group__item + .links-group__item {
  margin-top: 55px; }
.links-group__title {
  color: #253340;
  line-height: 1;
  font-size: 18px;
  font-weight: 500; }
.links-group__link {
  display: inline-block;
  color: currentColor;
  text-decoration: none;
  transition: ease color 300ms; }
.links-group__link:hover {
  color: #ff6c66; }
.links-group__title + .links-group__list {
  margin-top: 15px; }
@media (max-width: 769px) {
  .links-group.is-row .links-group__item {
    width: 50%; } }
@media (max-width: 561px) {
  .links-group.is-row .links-group__item {
    width: 100%; } }

/**
* login
*/
.login.is-light .login__item {
  color: #ffffff; }

.login.is-light .login__link.is-register {
  color: #a4b3b7; }
.login.is-light .login__link.is-register:hover {
  color: #2c977d; }

.login__list {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none; }

.login__item {
  position: relative;
  margin-top: -1px;
  color: #3b4a4d;
  font-size: 15px;
  font-weight: 500;
  line-height: 1; }
.login__item + .login__item {
  margin-left: 7px; }
.login__item + .login__item::before {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #bbc3c5; }
.login__item:first-child .login__link::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  position: relative;
  top: -1px;
  background-image: url("/img/i-user.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain; }
.login__item:first-child .login__title {
  margin-left: 7px; }

.login__link {
  display: flex;
  align-items: center;
  color: currentColor;
  margin-left: 7px;
  text-decoration: none;
  transition: ease color 300ms; }
.login__link.is-user {
  white-space: nowrap; }
.login__link.is-register {
  color: #617277;
  font-size: 14px;
  margin-left: 7px; }
.login__link:hover {
  color: #2c977d; }
.login__link::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0; }

@media (max-width: 561px) {
  .login__list::before {
    margin: 0;
    top: 0; }
  .login__item:not(:first-child) {
    display: none; }
  .login__link::before {
    top: 0 !important; }
  .login__title {
    display: none; } }

/**
* logo
*/
.logo {
  display: inline-block;
  width: 270px;
  height: 100px;
  background-image: url("/img/logo.svg");
  background-repeat: no-repeat;
  background-position: 0% 50%;
  background-size: contain; }
.logo.is-alt {
  background-image: url("/img/logo-alt.svg"); }
@media (max-width: 1439px) {
  .logo {
    width: 200px;
    height: 64px; } }
@media (max-width: 769px) {
  .logo__logo:not(.is-alt) {
    width: 156px;
    height: 50px; } }

/**
* manufacturer
*/
.manufacturer__link {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 90px;
  color: #2c977d;
  font-weight: 500;
  text-align: center;
  text-decoration: none;
  transition: ease color 300ms; }
.manufacturer__link:hover {
  color: #ff6c66; }
.manufacturer__link:hover .manufacturer__image {
  transform: scale(1.05); }

.manufacturer__image {
  display: block;
  height: 90px;
  margin: auto;
  object-fit: contain;
  transition: ease transform 200ms;
  will-change: transform; }

@media (max-width: 561px) {
  .manufacturer__image {
    height: 66px; } }

/**
* manufacturers
*/
.manufacturers {
  position: relative;
  z-index: 0; }
.manufacturers.is-loading {
  pointer-events: none; }
.manufacturers.is-loading::after {
  content: '';
  display: block;
  width: 80px;
  height: 80px;
  position: absolute;
  top: 200px;
  left: calc(50% - 40px);
  z-index: 1;
  background-image: url(/img/loading.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain; }
.manufacturers__switches {
  position: absolute;
  top: -60px;
  right: 0; }
.manufacturers__list {
  list-style: none;
  padding: 0; }
.manufacturers__item {
  position: relative;
  border-bottom: 1px solid #e5ebea; }
.manufacturers__item::after {
  content: '';
  display: block;
  width: 1px;
  height: calc(100% - 40px);
  position: absolute;
  right: 0;
  top: 20px;
  background-color: #e5ebea; }
.manufacturers__footer {
  display: flex;
  justify-content: center;
  margin-top: 30px; }
@media (min-width: 960px) {
  .manufacturers__item:nth-child(6n + 6)::after {
    display: none; }
  .manufacturers__item:nth-last-child(6), .manufacturers__item:nth-last-child(5), .manufacturers__item:nth-last-child(4), .manufacturers__item:nth-last-child(3), .manufacturers__item:nth-last-child(2), .manufacturers__item:nth-last-child(1) {
    border-bottom: none; } }
@media (min-width: 562px) and (max-width: 959px) {
  .manufacturers__item:nth-child(3n + 3)::after {
    display: none; }
  .manufacturers__item:nth-last-child(3), .manufacturers__item:nth-last-child(2), .manufacturers__item:nth-last-child(1) {
    border-bottom: none; } }
@media (max-width: 769px) {
  .manufacturers__switches {
    position: static; }
  .manufacturers__switches ~ .manufacturers__inner {
    margin-top: 40px; } }
@media (max-width: 561px) {
  .manufacturers__item:nth-child(2n + 2)::after {
    display: none; }
  .manufacturers__item:nth-last-child(2), .manufacturers__item:nth-last-child(1) {
    border-bottom: none; } }

/**
* map
*/
.map {
  display: none;
  width: 100%;
  height: 100%;
  padding: 30px;
  padding-top: 90px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 500;
  overflow: auto; }
.map__overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: -1;
  background-color: rgba(59, 74, 77, 0.6); }
.js-init .map .map__container::after {
  content: '';
  display: block;
  width: 80px;
  height: 80px;
  position: absolute;
  top: calc(50% - 40px);
  left: calc(50% - 40px);
  z-index: 1;
  background-image: url(/img/loading.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain; }
.js-init .map .map__box {
  opacity: 0;
  pointer-events: none;
  transition: ease opacity 200ms; }
.map.is-inited .map__container::after {
  display: none; }
.map.is-inited .map__box {
  opacity: 1;
  pointer-events: all; }
.map__inner {
  display: flex;
  justify-content: center;
  align-items: center; }
.map__close {
  display: block;
  width: 24px;
  height: 24px;
  padding: 0;
  position: absolute;
  top: 30px;
  right: 30px;
  z-index: 1;
  border: none;
  background-color: transparent;
  background-image: url("/img/close-white.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  cursor: pointer; }
.map__close::before {
  content: '';
  display: block;
  width: 250%;
  height: 250%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); }
.map__container {
  display: flex;
  align-items: center;
  width: 100%;
  height: 700px;
  background-color: #eee;
  overflow: hidden;
  position: relative; }
.map__box {
  width: 100%;
  height: 100%; }
@media (max-width: 1179px) {
  .map__inner > .container {
    padding-left: 0;
    padding-right: 0; } }
@media (max-width: 561px) {
  .map {
    padding: 1px;
    padding-top: 70px; }
  .map__grid {
    margin: 0 !important; }
  .map__col {
    margin: 0 !important;
    padding: 0 !important; }
  .map__close {
    top: 20px;
    right: 15px; } }

/**
* menu
*/
.menu.is-open .menu__toggle {
  padding-top: 19px;
  padding-bottom: 19px; }
.menu.is-open .menu__toggle::before {
  width: 20px;
  height: 20px;
  background-image: url(/img/in-close.svg); }

.menu__toggle {
  display: none;
  align-items: center;
  padding: 21px 3px;
  border: none;
  background-color: transparent;
  color: #ffffff;
  font-size: 15px;
  font-family: "Inter", sans-serif;
  line-height: 1;
  cursor: pointer; }
@supports (font-variation-settings: normal) {
  .menu__toggle {
    font-family: "Inter var", sans-serif; } }
.menu__toggle::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  margin-right: 11px;
  background-image: url(/img/catalog.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain; }

.menu__list {
  display: flex;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0; }

.menu__item {
  height: 100%;
  padding: 17px 28px 16px;
  position: relative;
  z-index: 300;
  border-radius: 3px;
  color: #ffffff;
  font-weight: 500;
  font-size: 18px; }
.menu__item:first-child {
  padding-left: 30px; }
.menu__item::before {
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
  position: absolute;
  background-image: radial-gradient(ellipse at top, #44505b 0%, #253340 100%);
  border-radius: 3px;
  opacity: 0;
  will-change: opacity;
  transition: ease opacity 300ms; }
.menu__item:hover::before {
  opacity: 1; }
.menu__item.is-other .menu__icon {
  width: 23px; }

.menu__group {
  display: flex;
  align-items: center;
  width: 100%; }

.menu__link {
  display: block;
  color: currentColor;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  transition: ease color 300ms; }
.menu__link::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0; }

.menu__icon {
  display: block;
  margin-right: 11px;
  width: 30px;
  height: 30px;
  flex-shrink: 0;
  object-fit: contain;
  position: relative;
  top: -1px;
  overflow: hidden; }

.menu__dropmenu {
  width: 100%;
  padding-top: 6px;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 100;
  visibility: hidden;
  opacity: 0;
  transition: ease-out 100ms; }

.menu__item:focus-within .menu__dropmenu,
.menu__item:hover .menu__dropmenu, .menu__dropmenu:hover {
  visibility: visible;
  opacity: 1;
  transition: ease-out 300ms 100ms; }

@media (max-width: 1439px) {
  .menu__item {
    padding: 19px 16px 15px;
    font-size: 15px; }
  .menu__item:first-child {
    padding-left: 16px; }
  .menu__icon {
    display: block;
    margin-right: 8px;
    width: 24px;
    height: 24px; } }

@media (min-width: 1180px) {
  .menu__list {
    display: flex !important; }
  .menu__dropmenu {
    display: block !important; } }

@media (max-width: 1179px) {
  .menu {
    position: relative; }
  .menu__toggle {
    display: flex; }
  .menu__list {
    display: none;
    width: 100vw;
    max-width: 320px;
    margin-top: 6px;
    padding: 0 16px;
    position: absolute;
    top: 100%;
    left: -24px;
    z-index: 200;
    border-radius: 8px;
    background-color: #44505b;
    background-image: radial-gradient(242px at 50% 0%, #44505b 0%, #253340 100%); }
  .menu__item {
    padding: 22px 10px 20px !important; }
  .menu__item + .menu__item {
    border-top: 1px solid #617277; }
  .menu__item::before {
    display: none; }
  .menu__item.has-list .menu__group::after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    background-image: url(/img/arrow-modal.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    will-change: transform;
    transform: rotate(90deg);
    transition: ease 300ms transform; }
  .menu__item.is-open.has-list .menu__group::after {
    transform: rotate(-90deg); }
  .menu__link {
    flex-grow: 1; }
  .menu__dropmenu {
    display: none;
    padding-top: 0;
    position: relative;
    visibility: visible;
    opacity: 1;
    transition: none; } }

@media (max-width: 769px) {
  .menu__item {
    font-size: 15px; } }

@media (max-width: 561px) {
  .menu__toggle {
    padding: 21px 17px; }
  .menu__list {
    left: -10px; } }

/**
* menu-trigger
*/
.menu-trigger {
  display: flex;
  align-items: center;
  padding: 0;
  background-color: transparent;
  border: none;
  color: #3b4a4d;
  font-size: 15px;
  font-family: "Inter", sans-serif;
  line-height: 1;
  cursor: pointer; }
@supports (font-variation-settings: normal) {
  .menu-trigger {
    font-family: "Inter var", sans-serif; } }
.menu-trigger::after {
  content: '';
  display: block;
  width: 33px;
  height: 25px;
  margin-left: 12px;
  background-image: url(/img/menu.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain; }
@media (max-width: 769px) {
  .menu-trigger::after {
    margin: 0; }
  .menu-trigger__label {
    display: none; } }
@media (max-width: 561px) {
  .menu-trigger::after {
    width: 28px;
    height: 20px; } }

/**
* minicart
*/
.minicart {
  display: none;
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 500; }
.minicart__inner {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  height: 100%; }
.minicart__overlay {
  width: 100%;
  height: 100vh;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #253340;
  opacity: 0.6; }
.minicart__box {
  position: relative;
  width: 100%;
  max-width: 417px;
  height: 100vh;
  display: flex;
  flex-direction: column;
  background-color: #ffffff; }
.minicart__header {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding: 28px 40px;
  align-items: center;
  border-bottom: 1px solid #dde5e6; }
.minicart__title {
  margin: 0;
  padding-left: 34px;
  color: #253340;
  font-size: 24px;
  font-weight: 500;
  position: relative; }
.minicart__title::before {
  content: '';
  position: absolute;
  width: 24px;
  height: 24px;
  top: calc(50% - 12px);
  left: 0;
  background-image: url("/img/minicart.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain; }
.minicart__close {
  cursor: pointer;
  width: 14px;
  height: 14px;
  position: absolute;
  right: 38px;
  top: calc(50% - 7px);
  background: none;
  border: none; }
.minicart__close::before {
  content: '';
  width: 240%;
  height: 240%;
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-50%, -50%); }
.minicart__close::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("/img/closecart.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain; }
.minicart__body {
  flex-grow: 1;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 30px 0 40px; }
.minicart__list {
  margin: 0;
  padding: 0;
  min-height: 200px;
  list-style: none; }
.minicart__item {
  margin: 0;
  padding: 0; }
.minicart__item + .minicart__item {
  border-top: 1px solid #dde5e6; }
.minicart__footer {
  border-top: 1px solid #dde5e6;
  padding: 30px 40px 40px; }
.minicart__cost {
  padding-right: 15px; }
.minicart__cost + .minicart__button {
  margin-top: 30px; }

/**
* modal
*/
[data-current-modal] {
  overflow: hidden; }

.modal-list {
  display: none; }

.modal {
  display: none;
  position: relative; }
.modal__inner {
  width: 100%;
  max-width: 420px;
  min-height: 220px;
  margin: auto;
  padding: 0 40px;
  align-self: center;
  position: relative;
  z-index: -1;
  background-color: #ffffff;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.08);
  border-radius: 5px;
  opacity: 0;
  transform: scale(0.9);
  transition: opacity 350ms cubic-bezier(0.455, 0.03, 0.515, 0.955), transform 350ms cubic-bezier(0.455, 0.03, 0.515, 0.955), z-index 0s 350ms; }
.modal-init .modal > * {
  display: inline-block;
  white-space: normal;
  vertical-align: middle;
  text-align: left; }
.modal-init .modal {
  display: flex;
  max-height: 100vh;
  padding: 20px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: auto;
  background-color: rgba(59, 74, 77, 0.6);
  z-index: -1;
  opacity: 0;
  transition: opacity 350ms cubic-bezier(0.455, 0.03, 0.515, 0.955), z-index 0s 350ms;
  text-align: center;
  white-space: nowrap; }
[data-current-modal] .modal {
  position: fixed; }
[data-current-modal='modal-default'] .modal__inner {
  max-width: 625px; }
.modal-init.modal-visible .modal {
  z-index: 500;
  opacity: 1;
  transition: opacity 350ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }
.modal-visible .modal__inner {
  z-index: 100;
  opacity: 1;
  transform: scale(1);
  transition: opacity 350ms cubic-bezier(0.455, 0.03, 0.515, 0.955), transform 350ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }
.modal__header {
  padding: 30px 0;
  position: relative;
  border-bottom: 1px solid #dfeaf2;
  text-align: left; }
.modal__title {
  margin: 0;
  color: #253340;
  line-height: 1;
  font-size: 24px;
  font-weight: 600; }
.modal__close {
  display: block;
  width: 16px;
  height: 16px;
  padding: 0;
  position: absolute;
  top: calc(50% - 8px);
  right: 0;
  z-index: 1;
  border: none;
  background-color: transparent;
  background-image: url("/img/close-menu.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  cursor: pointer;
  opacity: 0.8; }
.modal__content {
  position: relative; }
@media (max-width: 769px) {
  .modal__inner {
    padding-left: 16px;
    padding-right: 16px; }
  .modal__header {
    padding-top: 16px;
    padding-bottom: 16px; }
  .modal__title {
    font-size: 16px; }
  .modal__close {
    width: 10px;
    height: 10px;
    top: calc(50% - 5px); } }

/**
* nav
*/
.nav.is-light .nav__item {
  color: #ffffff; }

.nav.is-light .nav__link:hover {
  color: #ffffff; }

.nav.in-footer .nav__list {
  justify-content: space-between; }

.nav.in-footer .nav__item {
  font-size: 16px; }

.nav.in-footer .nav__item + .nav__item {
  margin-left: 10px; }

.nav.in-footer .nav__link:hover {
  color: #ffd000; }

.nav__list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  list-style: none; }

.nav__item {
  position: relative;
  z-index: 500;
  color: #3b4a4d;
  font-size: 15px;
  font-weight: 500;
  line-height: 1; }
.nav__item + .nav__item {
  margin-left: 35px; }
.nav__item.has-list .nav__link {
  padding-right: 12px;
  position: relative; }
.nav__item.has-list .nav__link::after {
  content: "";
  display: block;
  width: 7px;
  height: 7px;
  position: absolute;
  top: 6px;
  right: 0;
  background-image: url(/img/arrow-select.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  will-change: transform;
  transition: ease 300ms transform; }
.nav__item.is-open.has-list .nav__link::after {
  transform: rotate(180deg); }

.nav__link {
  color: currentColor;
  text-decoration: none;
  white-space: nowrap;
  transition: ease color 300ms; }
.nav__link:hover {
  color: #2c977d; }
.nav__link::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1; }

.nav__dropmenu {
  width: 100%;
  padding-top: 8px;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 100;
  visibility: hidden;
  opacity: 0;
  transition: ease-out 100ms; }

.nav__item:focus-within .nav__dropmenu,
.nav__item:hover .nav__dropmenu, .nav__dropmenu:hover {
  visibility: visible;
  opacity: 1;
  transition: ease-out 300ms 100ms; }

@media (min-width: 1180px) {
  .nav__dropmenu {
    display: block !important; } }

@media (max-width: 1179px) {
  .nav.in-footer .nav__list {
    flex-direction: row; }
  .nav.in-footer .nav__item + .nav__item {
    margin-top: 0;
    margin-left: 20px; }
  .nav__list {
    flex-direction: column;
    align-items: flex-start; }
  .nav__item + .nav__item {
    margin-top: 40px;
    margin-left: 0; }
  .nav__dropmenu {
    display: none;
    padding-top: 15px;
    position: static;
    visibility: visible;
    opacity: 1;
    transition: none; } }

@media (max-width: 769px) {
  .nav.in-footer .nav__list {
    flex-direction: column; }
  .nav.in-footer .nav__item + .nav__item {
    margin-top: 20px;
    margin-left: 0; }
  .nav__list {
    align-items: center; }
  .nav__item {
    text-align: center; }
  .nav__item + .nav__item {
    margin-top: 20px; } }

/**
* page
*/
.page {
  display: flex;
  flex-direction: column;
  max-width: 1920px;
  min-width: 340px;
  min-height: 100vh;
  margin: auto;
  position: relative;
  z-index: 100;
  background-color: #ffffff; }
.page__header {
  flex-shrink: 0;
  display: contents; }
.page__content {
  overflow: hidden; }
.page__content.is-grey {
  background-color: #f5f6f7; }
.page__content, .page__footer {
  width: 100%;
  margin: auto;
  flex-grow: 1; }
.page__footer {
  flex-grow: 0;
  flex-shrink: 0;
  position: relative;
  z-index: 100; }

/**
* pagination
*/
.pagination {
  padding: 7px 0;
  position: relative;
  overflow: hidden; }
.pagination::before, .pagination::after {
  content: '';
  display: block;
  width: 40px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  background-image: linear-gradient(90deg, #ffffff, rgba(0, 0, 0, 0));
  pointer-events: none;
  opacity: 0;
  transition: ease opacity 300ms; }
.pagination::after {
  left: auto;
  right: 0;
  transform: rotate(180deg); }
.pagination.is-left-edge::before {
  opacity: 0; }
.pagination.is-right-edge::after {
  opacity: 0; }
.pagination__inner {
  display: inline-block;
  width: 100%; }
.pagination__list {
  display: flex;
  align-items: center;
  flex-flow: row nowrap;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  list-style: none; }
.pagination__item {
  color: #617277;
  font-size: 15px;
  font-weight: 400;
  line-height: 1; }
.pagination__item.is-current .pagination__label,
.pagination__item.is-current .pagination__link {
  color: #2c977d;
  pointer-events: none; }
.pagination__item.is-current .pagination__label::before,
.pagination__item.is-current .pagination__link::before {
  opacity: 1; }
.pagination__item.is-prev, .pagination__item.is-next {
  margin-left: 0;
  padding: 0;
  flex-grow: 1;
  position: relative; }
.pagination__item.is-prev {
  margin-left: 0; }
.pagination__item.is-next {
  margin-right: 0;
  text-align: right; }
.pagination__label, .pagination__link {
  display: inline-flex;
  width: 48px;
  height: 48px;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 0;
  color: #617277;
  border-radius: 50%;
  line-height: 1;
  text-decoration: none;
  transition: ease color 300ms; }
.pagination__label.is-bordered, .pagination__link.is-bordered {
  border-radius: 50%;
  border: 1px solid #dde5e6;
  color: #2c977d;
  transition: ease border-color 300ms, ease color 300ms; }
.pagination__label.is-bordered .arrow, .pagination__link.is-bordered .arrow {
  color: currentColor; }
.pagination__label::before, .pagination__link::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  background-color: #ffffff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
  opacity: 0; }
.pagination__label:hover, .pagination__link:hover {
  color: #12886c;
  border-color: currentColor; }
@media (max-width: 1179px) {
  .pagination::before, .pagination::after {
    opacity: 1; } }
@media (max-width: 769px) {
  .pagination__list {
    margin: 0 -8px; }
  .pagination__item {
    margin: 0 8px;
    font-size: 18px; }
  .pagination__item.is-prev, .pagination__item.is-next {
    display: none; }
  .pagination__label, .pagination__link {
    width: 42px;
    height: 42px; } }

/**
* payments
*/
.payments__list {
  display: flex;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0; }

.payments__item + .payments__item {
  margin-left: 15px; }

.payments__logo {
  display: block; }

/**
* point
*/
.point {
  border-radius: 5px;
  background-color: #ffffff;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
  overflow: hidden; }
.point.is-grey {
  background-color: #f5f6f7; }
.point__header {
  margin-top: 18px;
  padding: 0 20px; }
.point__caption {
  font-size: 12px;
  color: #2c977d;
  margin: 0;
  padding: 0; }
.point__cover {
  width: 100%;
  height: 0;
  padding-bottom: 32.5%;
  position: relative; }
.point__image {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover; }
.point__title {
  font-size: 18px;
  line-height: 1.3;
  color: #253340;
  font-weight: 500;
  margin: 0;
  margin-top: 5px; }
.point__body {
  margin-top: 25px;
  padding: 0 20px 25px; }
.point__list {
  list-style: none;
  padding: 0;
  margin: 0; }
.point__item.is-phones, .point__item.is-times, .point__item.is-address {
  padding-left: 30px;
  position: relative; }
.point__item.is-phones::before, .point__item.is-times::before, .point__item.is-address::before {
  content: '';
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  left: 0;
  top: 0;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 20px 20px; }
.point__item.is-address::before {
  top: -2px;
  background-image: url(/img/i-adress.svg); }
.point__item.is-phones::before {
  background-image: url(/img/i-phone.svg); }
.point__item.is-times::before {
  top: -5px;
  background-image: url(/img/i-time.svg); }
.point__phones {
  list-style: none;
  padding: 0;
  margin: 0; }
.point__phone {
  margin-top: 15px;
  font-size: 15px;
  line-height: 1.53;
  color: #3b4a4d;
  font-weight: 500;
  text-decoration: none; }
.point__phone + .point__phone {
  margin-top: 0; }
.point__href {
  margin-top: 15px;
  font-size: 15px;
  line-height: 1.53;
  color: #3b4a4d;
  font-weight: 500;
  text-decoration: none; }
.point__href + .point__href {
  margin-top: 0; }
.point__times {
  list-style: none;
  padding: 0;
  margin: 0; }
.point__time {
  margin-top: 21px;
  color: #3b4a4d;
  font-size: 15px;
  font-weight: 500;
  line-height: 1; }
.point__time i {
  font-weight: 400;
  font-style: normal;
  font-size: 12px; }
.point__time + .point__time {
  margin-top: 10px; }
@media (max-width: 1179px) {
  .point .point__cover {
    padding-bottom: 37%; } }
@media (max-width: 561px) {
  .point .point__cover {
    padding-bottom: 42%; } }

/**
* points
*/
.points__list {
  padding: 0;
  margin: 0;
  list-style: none; }

/**
* product
*/
.product {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 30px 20px 20px;
  position: relative;
  border-radius: 8px;
  background-color: #ffffff;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.08);
  text-align: center; }
[data-view="list"] .product {
  flex-direction: row;
  align-items: center;
  height: 100%;
  padding: 10px;
  border-radius: 5px;
  text-align: left; }
[data-view="list"] .product .in-grid-view {
  display: none !important; }
[data-view="list"] .product .in-list-view {
  display: block; }
[data-view="list"] .product .product__inner {
  flex-direction: row; }
[data-view="list"] .product .product__cover {
  width: 20%;
  height: 0;
  min-width: 130px;
  min-height: 100px;
  padding-bottom: 15%;
  flex-shrink: 0; }
[data-view="list"] .product .product__cover:empty {
  display: none; }
[data-view="list"] .product .product__image {
  width: calc(100% - 10px);
  left: 10px;
  object-position: left center; }
[data-view="list"] .product .product__badges {
  top: 10px;
  left: -20px;
  transform: none; }
[data-view="list"] .product .product__types {
  top: 7px;
  right: 10px; }
[data-view="list"] .product .product__header {
  height: 100%;
  width: 100%;
  flex: 1;
  align-items: flex-start;
  justify-content: center;
  padding: 20px 27px 14px;
  border-left: 1px solid #dde5e6;
  border-right: 1px solid #dde5e6; }
[data-view="list"] .product .product__header .product__grid {
  justify-content: flex-start; }
[data-view="list"] .product .product__header .product__col {
  flex: 0 0 50%; }
[data-view="list"] .product .product__vendor {
  max-width: 126px;
  max-height: 30px;
  margin: 0; }
[data-view="list"] .product .product__vendor-logo {
  object-position: left center; }
[data-view="list"] .product .product__title {
  height: 100%;
  flex-grow: 0;
  margin-top: 13px;
  font-size: 18px;
  line-height: 1.35; }
[data-view="list"] .product .product__title + .product__grid {
  margin-top: 10px; }
[data-view="list"] .product .product__rating {
  justify-content: flex-start;
  margin: 0;
  padding-left: 0; }
[data-view="list"] .product .product__group {
  max-width: 320px;
  height: 100%;
  flex-direction: column;
  flex-grow: 1;
  padding: 10px 0;
  padding-left: 30px; }
[data-view="list"] .product .product__body {
  flex-grow: 1;
  flex-shrink: 0;
  flex-direction: row;
  margin: 0;
  padding: 0; }
[data-view="list"] .product .product__body .product__grid {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  width: auto; }
[data-view="list"] .product .product__body .product__col {
  display: inline-block;
  width: auto;
  flex: 1; }
[data-view="list"] .product .product__delivery {
  font-size: 12px; }
[data-view="list"] .product .product__delivery::before {
  margin-left: 0; }
[data-view="list"] .product .product__stock {
  font-size: 12px; }
[data-view="list"] .product .product__footer {
  width: 100%; }
[data-view="list"] .product .product__cost {
  margin-top: 0; }
[data-view="list"] .product .product__button {
  width: 100%; }
[data-view="list"] .product .product__icon {
  width: 22px;
  height: 22px; }
[data-view="list"] .product .product__tools {
  width: auto;
  flex-direction: column;
  position: static;
  opacity: 1; }
[data-view="list"] .product .product__tool {
  width: 22px;
  height: 22px;
  box-shadow: none;
  border-radius: 0;
  color: #a4b3b7;
  transition: ease color 300ms; }
[data-view="list"] .product .product__tool:hover {
  color: #2c977d; }
[data-view="list"] .product .product__tool + .product__tool {
  margin-left: 0;
  margin-top: 12px; }
@media (max-width: 1179px) {
  [data-view="list"] .product .product__reviews {
    padding-left: 0; } }
@media (max-width: 769px) {
  [data-view="list"] .product .product__inner {
    display: block;
    width: 100%;
    border-left: 1px solid #dde5e6; }
  [data-view="list"] .product .product__header {
    height: auto;
    padding: 10px;
    border: none; }
  [data-view="list"] .product .product__title {
    font-size: 15px; }
  [data-view="list"] .product .product__body {
    width: 100%;
    padding: 0; }
  [data-view="list"] .product .product__group {
    padding: 10px;
    height: auto;
    max-width: 100%; }
  [data-view="list"] .product .product__button {
    max-width: 220px; } }
@media (max-width: 321px) {
  [data-view="list"] .product {
    flex-direction: column; }
  [data-view="list"] .product .product__inner {
    border-left: none; }
  [data-view="list"] .product .product__cover {
    display: none;
    width: 100%;
    padding-bottom: 62%; }
  [data-view="list"] .product .product__image {
    object-position: center center; } }
.product.is-series .product__body {
  display: flex;
  flex-direction: column;
  align-items: center; }
.product.is-series .product__rating {
  margin-top: 12px; }
.product.is-series .product__cost {
  margin-top: 0; }
.product.is-series .product__counter {
  margin-right: 20px; }
[data-view='list'] .product.is-series .product__inner {
  flex-direction: row; }
[data-view='list'] .product.is-series .product__header {
  height: 100%;
  max-width: 100%;
  flex: 1;
  justify-content: flex-start; }
[data-view='list'] .product.is-series .product__title {
  height: auto;
  flex-grow: 0; }
[data-view='list'] .product.is-series .product__rating {
  flex-grow: 0; }
[data-view='list'] .product.is-series .product__body {
  width: 20%;
  flex: 0 1 100px;
  align-items: flex-start;
  justify-content: center;
  padding: 20px 30px; }
@media (max-width: 769px) {
  [data-view='list'] .product.is-series .product__body {
    padding: 10px; } }
.product.is-loading {
  opacity: 0.5;
  pointer-events: none;
  transition: ease opacity 300ms; }
.product.is-inline {
  box-shadow: none;
  flex-direction: row;
  padding: 0;
  border-radius: 0;
  text-align: left; }
.product.is-inline .product__cover:empty {
  display: none; }
.product.is-inline .product__header {
  width: 100%;
  max-width: 257px;
  flex-shrink: 0;
  align-items: flex-start;
  padding-right: 30px;
  border-right: 1px solid #dde5e6; }
.product.is-inline .product__title {
  flex-grow: 0;
  margin-top: 7px;
  font-size: 16px; }
.product.is-inline .product__title + .product__grid {
  margin: 5px 0 1px; }
.product.is-inline .product__rating {
  justify-content: flex-start;
  margin: 0; }
.product.is-inline .product__reviews {
  margin-left: 5px;
  top: 2px; }
.product.is-inline .product__group {
  flex-direction: row;
  flex-grow: 1; }
.product.is-inline .product__body {
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 0;
  padding: 0 30px;
  padding-right: 0; }
.product.is-inline .product__body .product__grid {
  display: flex;
  width: auto;
  flex-direction: column;
  align-items: flex-start;
  margin-top: -5px;
  margin-bottom: -5px; }
.product.is-inline .product__body .product__col {
  display: inline-block;
  width: auto;
  flex: 0;
  padding-top: 5px;
  padding-bottom: 5px; }
.product.is-inline .product__delivery {
  font-size: 12px; }
.product.is-inline .product__delivery::before {
  margin-left: 0; }
.product.is-inline .product__cost {
  margin: 0 10%;
  width: 22%; }
.product.is-inline .product__badges {
  top: 33px;
  left: -50px;
  transform: translateY(-50%); }
.product.is-inline .product__stock {
  font-size: 12px; }
.product.is-inline .product__counter {
  padding: 0;
  z-index: 1; }
.product.is-inline .product__button {
  max-width: 160px;
  padding: 0; }
.product.is-inline .product__tools {
  width: auto;
  flex-direction: column;
  position: static;
  opacity: 1; }
.product.is-inline .product__tool {
  width: 22px;
  height: 22px;
  box-shadow: none;
  border-radius: 0;
  color: #a4b3b7;
  transition: ease color 300ms; }
.product.is-inline .product__tool:hover {
  color: #2c977d; }
.product.is-inline .product__tool + .product__tool {
  margin-left: 0;
  margin-top: 12px; }
.product.is-inline .product__icon {
  width: 22px;
  height: 22px; }
@media (max-width: 1179px) {
  .product.is-inline .product__header {
    flex-shrink: 1;
    padding-right: 20px; }
  .product.is-inline .product__header .product__grid {
    justify-content: flex-start; }
  .product.is-inline .product__body {
    padding: 0 0 0 20px; }
  .product.is-inline .product__counter {
    display: none; }
  .product.is-inline .product__badges {
    left: -43px; }
  .product.is-inline .product__cost {
    margin: 0 25px;
    width: auto;
    flex: 0 1 0; } }
@media (max-width: 769px) {
  .product.is-inline {
    flex-direction: column; }
  .product.is-inline .product__badges {
    display: none; }
  .product.is-inline .product__header {
    max-width: 100%;
    padding: 0;
    border: none; }
  .product.is-inline .product__body {
    margin-top: 15px;
    padding: 0;
    flex-flow: row wrap;
    justify-content: flex-start; }
  .product.is-inline .product__body .product__grid {
    flex-grow: 1;
    align-items: flex-start;
    width: 100%;
    margin: 0;
    margin-bottom: 20px; }
  .product.is-inline .product__body .product__col {
    padding: 0; }
  .product.is-inline .product__body .product__col + .product__col {
    margin-top: 10px; }
  .product.is-inline .product__cost {
    margin: 0; }
  .product.is-inline .product__button {
    max-width: 190px;
    margin-left: 20px; } }
@media (max-width: 561px) {
  .product.is-inline .product__body {
    justify-content: space-between; } }
.product.is-compact {
  height: auto;
  padding: 20px 0 40px;
  box-shadow: none;
  border-radius: 0;
  text-align: left; }
.product.is-compact .product__header {
  flex-flow: row wrap; }
.product.is-compact .product__title {
  margin: 0;
  margin-bottom: 15px; }
.product.is-compact .product__link:after {
  display: none; }
.product.is-compact .product__body {
  display: flex;
  align-items: center;
  width: 100%;
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #dde5e6; }
.product.is-compact .product__rating,
.product.is-compact .product__cost {
  margin: 0; }
.product.is-compact .product__rating {
  margin-right: 20px; }
.product.is-compact .product__counter {
  width: auto;
  padding: 0; }
.product.is-compact .product__counter + .product__cost {
  margin-left: 20px; }
.product.is-compact .product__types {
  top: 0; }
.product.is-compact .product__footer {
  display: block;
  margin: 0;
  margin-top: 40px; }
.product.is-compact .product__button {
  max-width: 100%;
  padding: 0; }
@media (max-width: 769px) {
  .product.is-compact {
    padding-bottom: 20px; }
  .product.is-compact .product__reviews {
    display: none; }
  .product.is-compact .product__title {
    margin-bottom: 5px; }
  .product.is-compact .product__body {
    margin-top: 15px;
    padding-top: 0;
    border-top: none; }
  .product.is-compact .product__body .cost__caption {
    display: none; }
  .product.is-compact .product__body .cost__value {
    color: #3b4a4d; }
  .product.is-compact .product__footer {
    margin-top: 30px; }
  .product.is-compact .product__footer .button::before {
    content: "";
    display: block;
    width: 8px; } }
.product.is-image {
  display: block;
  width: 136px;
  height: 116px;
  padding: 0;
  border-radius: 0;
  box-shadow: none; }
.product.is-image .product__cover {
  width: calc(100% - 20px);
  height: 100%;
  padding-bottom: 0; }
.product.is-image .product__types {
  top: 50%;
  transform: translateY(-50%); }
.product.is-subscribtion .product__inner {
  align-items: initial; }
.product.is-subscribtion .product__group {
  height: auto;
  padding-top: 20px;
  padding-bottom: 20px; }
.product.is-subscribtion .product__footer {
  margin-top: 20px; }
@media (max-width: 769px) {
  .product.is-subscribtion .product__button {
    max-width: 100%; } }
@media (max-width: 561px) {
  .product.is-subscribtion {
    flex-direction: column; } }
.product.is-notavailable:not(.is-inline) .product__stock,
.product.is-notavailable:not(.is-inline) .product__delivery,
.product.is-notavailable:not(.is-inline) .product__footer {
  display: none; }
.product.is-notavailable:not(.is-inline) .cost__value {
  color: #a4b3b7; }
.product.is-notavailable.is-inline .product__header,
.product.is-notavailable.is-inline .product__body {
  opacity: 0.6; }
.product.is-notavailable.is-inline .product__counter,
.product.is-notavailable.is-inline .product__button {
  opacity: 0;
  pointer-events: none;
  user-select: none; }
.product.is-notavailable.is-inline .product__stock::before,
.product.is-notavailable.is-inline .product__delivery::before {
  filter: hue-rotate(200deg); }
.js-init .product.js-product {
  pointer-events: none;
  opacity: 0; }
.product.js-product.is-inited {
  pointer-events: all;
  opacity: 1; }
.product .in-list-view {
  display: none; }
.product:hover .product__tools {
  opacity: 1; }
.product__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-grow: 1; }
.product__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-grow: 1;
  width: 100%; }
.product__header .product__grid {
  align-self: flex-start; }
.product__badges {
  position: absolute;
  top: -10px;
  left: -30px; }
.product__types {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  right: 0;
  top: -10px; }
.product__cover {
  width: 100%;
  padding-bottom: 76%;
  position: relative; }
.product__cover.no-image::before {
  content: "";
  display: block;
  height: 100%;
  width: calc(100% - 40px);
  margin: 0 20px;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #f1f1f1;
  border-radius: 4px; }
.product__cover.no-image::after {
  content: "";
  display: block;
  height: 100%;
  width: calc(100% - 40px);
  margin: 0 20px;
  position: absolute;
  left: 0;
  top: 0;
  background-image: url(/img/placeholder.png);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 60% 60%;
  opacity: 0.6; }
.product__image {
  display: block;
  width: 100%;
  height: 100%;
  margin: auto;
  position: absolute;
  left: 0;
  top: 0;
  object-fit: contain; }
.product__tools {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  position: absolute;
  top: 100px;
  left: 0;
  z-index: 1;
  opacity: 0;
  transition: ease opacity 300ms; }
.product__tool {
  display: inline-flex;
  width: 48px;
  height: 48px;
  padding: 0;
  border: none;
  color: #617277;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.8);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
  transition: ease background-color 300ms;
  cursor: pointer; }
.product__tool + .product__tool {
  margin-left: 40px; }
.product__tool:hover {
  background-color: #ffffff; }
.product__icon {
  margin: auto;
  width: 24px;
  height: 24px;
  color: currentColor; }
.product__vendor {
  height: 30px;
  margin: auto;
  margin-top: 20px; }
.product__vendor-logo {
  display: block;
  height: 100%;
  width: 100%;
  object-fit: contain;
  object-position: center; }
.product__title {
  flex-grow: 1;
  margin-top: 11px;
  color: #253340;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.3; }
.product__link {
  display: block;
  color: currentColor;
  text-decoration: none;
  transition: ease color 300ms; }
.product__link::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0; }
.product__title + .product__grid {
  margin-top: 5px; }
.product__rating {
  display: flex;
  justify-content: center;
  margin: 0; }
.product__reviews {
  position: relative;
  top: 2px; }
.product__group {
  display: flex;
  flex-direction: column;
  width: 100%; }
.product__body {
  display: block;
  margin-top: 15px; }
.product__grid {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: -5px -2.5px; }
.product__grid.is-cost {
  align-items: flex-start; }
.product__col {
  flex: 0 0 50%;
  padding: 5px 2.5px;
  line-height: 1; }
.product__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 2%; }
.product__row .product__cost {
  min-width: 65px; }
.product__promo {
  padding-right: 20px;
  color: #617277;
  font-size: 16px;
  line-height: 1.1875; }
.product__stock, .product__delivery {
  display: flex;
  align-items: center;
  color: #3b4a4d;
  font-size: 11px;
  line-height: 1;
  white-space: nowrap; }
.product__stock::before, .product__delivery::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  margin-right: 5px;
  flex-shrink: 0;
  background-image: url("/img/checked.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain; }
.product__delivery::before {
  margin-left: 4px; }
.product__cost {
  margin-top: 12px; }
.product__footer {
  display: flex;
  align-items: center;
  flex-flow: row wrap;
  margin: -2%;
  margin-top: 2%;
  position: relative;
  z-index: 1; }
.product__counter {
  width: calc(57px + 4%);
  padding: 2%; }
.product__button {
  flex: 1;
  padding: 2%; }
@media (max-width: 1179px) {
  .product {
    padding-top: 20px; }
  .product__title {
    font-size: 16px; }
  .product__vendor {
    margin-top: 20px; }
  .product__reviews {
    padding-left: 10px; } }
@media (max-width: 959px) {
  .product__header .product__col {
    flex: 0 1 auto; } }
@media (max-width: 561px) {
  .product {
    padding: 12px;
    padding-top: 20px; }
  .product__title {
    font-size: 15px; }
  .product__badges {
    top: -12px;
    left: -18px; }
  .product__vendor {
    height: 14px;
    margin-top: 17px; } }

/**
* product-card
*/
.product-card {
  padding: 50px 40px;
  position: relative;
  z-index: 0;
  border-radius: 5px;
  background-color: #ffffff;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.08); }
.product-card__leftbar {
  margin-right: 20px;
  position: relative; }
.product-card__badges {
  position: absolute;
  left: -10px;
  z-index: 100; }
.product-card__types {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 100; }
.product-card__table {
  margin-top: 20px; }
.product-card__ranges {
  margin-top: 30px; }
.product-card__more {
  margin-top: 40px; }
.product-card__aside {
  position: relative; }
.product-card__button {
  margin-top: 20px; }
.product-card__features {
  margin-top: 30px; }
.product-card__awards {
  margin: 0;
  margin-top: 25px;
  padding: 0;
  list-style: none; }
.product-card__award + .product-card__award {
  margin-top: 20px; }
.product-card__awards + .product-card__button {
  margin-top: 30px; }
.product-card__tabs {
  margin-top: 25px; }
@media (max-width: 1179px) {
  .product-card {
    padding: 30px;
    padding-bottom: 40px; }
  .product-card__leftbar {
    margin-right: 0; }
  .product-card__cost {
    margin-top: 20px; }
  .product-card__order {
    margin-top: 20px; }
  .product-card__table {
    margin-top: 40px; }
  .product-card__features {
    margin-top: 25px; }
  .product-card__awards + .product-card__button {
    margin-top: 20px; }
  .product-card__tabs {
    margin-top: 0; } }
@media (max-width: 769px) {
  .product-card {
    margin-left: -16px;
    margin-right: -16px;
    padding: 20px 16px;
    padding-bottom: 30px;
    border-radius: 0; }
  .product-card__badges {
    left: 16px; }
  .product-card__aside {
    margin-top: 20px; }
  .product-card__table {
    margin-top: 15px; }
  .product-card__more {
    margin-top: 20px; } }

/**
* product-features
*/
.product-features__list {
  list-style: none;
  padding: 0; }

.product-features__item {
  display: flex;
  align-items: center; }
.product-features__item + .product-features__item {
  margin-top: 17px; }

.product-features__label {
  display: flex;
  position: relative;
  margin: 0;
  margin-left: 23px;
  padding-bottom: 2px;
  align-items: center;
  line-height: 1.13;
  font-size: 14px;
  color: #3b4a4d;
  transition: ease color 300ms; }
.product-features__label[data-tooltip] {
  border-bottom: 1px dashed #2c977d; }
.product-features__label::before {
  content: "";
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  left: -23px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain; }
.product-features__label.is-cheaper {
  padding: 0;
  font-family: inherit;
  border: none;
  background-color: transparent;
  cursor: pointer;
  transition: ease color 300ms; }
.product-features__label.is-cheaper:hover {
  color: #ff6c66; }
.product-features__label.is-cheaper::before {
  top: -3px;
  background-image: url("/img/features-2.svg"); }
.product-features__label.is-availability::before {
  background-image: url("/img/location.svg"); }
.product-features__label.is-delivery::before {
  background-image: url("/img/check.svg");
  width: 12px;
  height: 9px;
  left: -20px; }
.product-features__label.is-tire-fitting::before {
  background-image: url("/img/features-3.svg");
  top: -4px; }
.product-features__label.is-covers::before {
  background-image: url("/img/features-1.svg");
  top: -5px; }

/**
* product-item
*/
.product-item {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 20px 0;
  padding-right: 30px;
  position: relative;
  transition: ease opacity 300ms; }
.product-item.in-minicart .product-item__body {
  flex-flow: row wrap;
  justify-content: space-between;
  padding-left: 15px; }
.product-item.in-minicart .product-item__title {
  font-size: 14px; }
.product-item.in-minicart .product-item__header {
  width: 100%;
  margin-bottom: 18px; }
.product-item.is-loading {
  opacity: 0.4; }
.product-item.is-loading .product-item__counter {
  pointer-events: none; }
.product-item.in-cart .product-item__header {
  width: 48.2%;
  flex-shrink: 0; }
.product-item.in-cart .product-item__price {
  width: 18.5%;
  flex-shrink: 0; }
.product-item.in-cart .product-item__price.is-total {
  width: auto; }
.product-item.in-cart .product-item__counter {
  width: 19.8%;
  flex-shrink: 0; }
.product-item.in-cart .product-item__remove {
  right: 15px; }
.product-item.in-history {
  padding: 5px 0;
  padding-right: 0; }
.product-item.in-history .product-item__title {
  line-height: 1.44; }
.product-item.in-history .product-item__header {
  flex-grow: 1;
  padding-right: 20px; }
.product-item.in-history .product-item__amount {
  width: 60px; }
.product-item.in-history .product-item__rating {
  margin-top: 7px; }
.product-item.in-history .product-item__price.is-total {
  width: 130px; }
.product-item__img {
  display: block;
  width: 84px;
  height: 86px;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
  font-size: 8px;
  text-align: center; }
.product-item__img::after {
  content: attr(alt);
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 5px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #eee;
  border-radius: 2px;
  border: 1px solid #dddddd;
  color: #333; }
.product-item__body {
  display: flex;
  align-items: center;
  width: 100%;
  padding-left: 20px; }
.product-item__title {
  display: block;
  font-size: 16px;
  max-width: 260px; }
.product-item__link {
  color: currentColor;
  text-decoration: none;
  transition: ease color 300ms; }
.product-item__link:hover {
  color: #2c977d; }
.product-item__rating {
  display: inline-block;
  margin-top: 15px; }
.product-item__info {
  display: flex;
  align-items: center; }
.product-item__price {
  white-space: nowrap;
  font-size: 16px;
  font-weight: 500; }
.product-item__counter {
  line-height: 1; }
.product-item__amount {
  color: #a4b3b7;
  font-weight: 600;
  font-size: 9px;
  line-height: 1;
  letter-spacing: 0.1em;
  text-transform: uppercase; }
.product-item__remove {
  width: 10px;
  height: 10px;
  position: absolute;
  right: 0;
  top: calc(50% - 5px);
  z-index: 0;
  border: none;
  background: none;
  background-image: url(/img/remove.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  cursor: pointer; }
.product-item__remove::before {
  content: "";
  display: block;
  width: 360%;
  height: 400%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); }
@media (max-width: 769px) {
  .product-item.in-cart {
    padding-right: 20px; }
  .product-item.in-cart .product-item__body {
    flex-flow: row wrap; }
  .product-item.in-cart .product-item__header {
    width: 100%;
    margin-bottom: 10px; }
  .product-item.in-cart .product-item__title {
    max-width: 100%; }
  .product-item.in-cart .product-item__rating {
    margin-top: 10px; }
  .product-item.in-cart .product-item__price {
    display: none;
    margin-left: 15px; }
  .product-item.in-cart .product-item__price.is-total,
  .product-item.in-cart .product-item__counter {
    display: block;
    width: auto; }
  .product-item.in-cart .product-item__remove {
    right: 0; }
  .product-item.in-history .product-item__amount {
    width: 50px; }
  .product-item.in-history .product-item__price.is-total {
    width: 100px; } }
@media (max-width: 561px) {
  .product-item.in-history {
    padding: 5px 0;
    padding-right: 0; }
  .product-item.in-history .product-item__body {
    display: block; }
  .product-item.in-history .product-item__title {
    font-size: 12px; }
  .product-item.in-history .product-item__info {
    margin-top: 5px; } }

/**
* product-link
*/
.product-link {
  display: flex;
  align-items: center;
  padding: 0;
  position: relative;
  border: none;
  background-color: transparent;
  color: #3b4a4d;
  font-size: 12px;
  text-decoration: none;
  white-space: nowrap;
  transition: ease color 300ms;
  cursor: pointer; }
.product-link:hover {
  color: #2c977d; }
.product-link::before {
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  margin-right: 2px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain; }
.product-link::after {
  content: attr(data-text); }
.product-link.is-reviews::before {
  background-image: url("/img/comment.svg"); }
.product-link.is-compare::before {
  background-image: url("/img/compare.svg"); }
.product-link.is-bookmark::before {
  background-image: url("/img/favorites.svg"); }
@media (max-width: 959px) {
  .product-link::after {
    content: attr(data-mobile-text); } }

/**
* product-meta
*/
.product-meta {
  padding-bottom: 30px;
  border-bottom: 1px solid #dde5e6; }
.product-meta__vendor {
  display: block;
  max-height: 25px;
  object-fit: contain; }
.product-meta__row {
  display: flex;
  align-items: center; }
.product-meta__vendor + .product-meta__row {
  margin-top: 30px; }
.product-meta__rating + .product-meta__links {
  margin-left: 20px; }
.product-meta__links {
  display: flex;
  align-items: baseline; }
.product-meta__link {
  top: 2px;
  position: relative; }
.product-meta__link + .product-meta__link {
  margin-left: 20px; }
@media (max-width: 1179px) {
  .product-meta {
    padding-bottom: 20px; }
  .product-meta__vendor + .product-meta__row {
    margin-top: 20px; } }

/**
* product-order
*/
.js-init .product-order {
  opacity: 0;
  pointer-events: none;
  transition: ease opacity 300ms; }
.js-init .product-order .product-order__group {
  height: 54px; }

.product-order.is-inited {
  opacity: 1;
  pointer-events: all; }
.product-order.is-inited .product-order__group {
  height: auto; }

.product-order.is-added .product-order__counter {
  display: none; }

.product-order.is-loading {
  opacity: 0.5;
  pointer-events: none; }

.product-order__costs {
  display: flex;
  align-items: center; }

.product-order__cost + .product-order__cost {
  margin-left: 70px; }

.product-order__counter {
  width: 58px;
  margin-right: 20px; }

.product-order__group {
  display: flex;
  margin: 12px 0 30px; }

.product-order__button {
  flex-grow: 1; }

/**
* product-table
*/
.product-table {
  border-collapse: collapse;
  width: 100%;
  font-weight: 500; }
.product-table__row:nth-child(2n) {
  background-color: #e9e9e9; }
.product-table__col {
  padding: 9px 20px;
  line-height: 1.16;
  font-size: 14px; }
.product-table__col:nth-child(1) {
  width: 59%; }
.product-table__col a {
  color: #366099;
  text-decoration: none;
  transition: ease color 300ms; }
.product-table__col a:hover {
  color: #3a6eb5; }
@media (max-width: 769px) {
  .product-table__col {
    padding: 8px 10px; }
  .product-table__col:nth-child(1) {
    width: 50%; } }

/**
* products
*/
.products {
  position: relative; }
.js-init .products {
  pointer-events: none; }
.js-init .products::after {
  content: "";
  display: block;
  width: 80px;
  height: 80px;
  position: absolute;
  top: 200px;
  left: calc(50% - 40px);
  z-index: 1;
  background-image: url(/img/loading.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain; }
.js-init .products .products__wrap {
  opacity: 0; }
.js-init .products.is-loading {
  pointer-events: none; }
.js-init .products.is-loading::after {
  display: block; }
.js-init .products.is-loading .products__wrap {
  opacity: 0; }
.products.is-inited {
  pointer-events: all; }
.products.is-inited .products__wrap {
  opacity: 1; }
.products.is-inited::after {
  display: none; }
.products.is-roll {
  margin-bottom: 0; }
.products[data-view="list"] .products__item {
  width: 100%; }
.search__results .products__footer,
.content__body .products__footer {
  position: relative;
  z-index: 0; }
.search__results .products__footer::before, .search__results .products__footer::after,
.content__body .products__footer::before,
.content__body .products__footer::after {
  content: "";
  display: block;
  height: 100%;
  width: calc(100vw - 100% / 2);
  position: absolute;
  top: 0;
  left: 100%;
  z-index: -1;
  background-color: #ffffff; }
.search__results .products__footer::before,
.content__body .products__footer::before {
  left: auto;
  right: 100%; }
.search__results .products__footer {
  padding-bottom: 80px; }
.content__body .products__footer::before {
  width: 40px; }
.content__body .products__footer::after {
  width: calc((100vw - 100% / 9 * 12) / 2); }
.products__header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  flex-flow: row wrap;
  position: relative;
  z-index: 1; }
.products__filter {
  display: none; }
.products__sort {
  flex-grow: 1; }
.products__sort + .products__view {
  margin-left: 20px; }
.products__body {
  padding-bottom: 40px; }
.products__header + .products__wrap {
  padding-top: 25px; }
.products__list {
  list-style: none;
  padding: 0; }
.products__footer {
  padding: 0 0 20px;
  background-color: #ffffff; }
.products__pagination {
  padding-top: 50px;
  padding-bottom: 30px;
  position: relative;
  z-index: 1; }
@media (max-width: 1179px) {
  .products__filter {
    flex-grow: 1;
    display: block; }
  .products__sort {
    flex-grow: 0; }
  .products__filter + .products__sort {
    margin-left: 20px; }
  .content__body .products__footer::after {
    width: calc((100vw - 100%) / 2); } }
@media (max-width: 769px) {
  .products__filter {
    width: 100%;
    margin-bottom: 20px; }
  .products__filter + .products__sort {
    margin-left: 0; } }
@media (max-width: 561px) {
  .products__filter {
    margin-bottom: 12px; }
  .products__filter .button {
    width: 100%;
    padding: 7px 40px 7px 10px;
    justify-content: space-between; }
  .products__filter .button::after {
    content: "";
    width: 20px; }
  .products__sort {
    flex-grow: 1; }
  .products__sort + .products__view {
    margin-left: 12px; }
  .products__body {
    padding-bottom: 30px; }
  .products__footer {
    padding: 0; }
  .products__pagination {
    padding-top: 30px; }
  .content__body .products__footer::after {
    width: 16px; } }

/**
* products-list
*/
.products-list__group + .products-list__group {
  margin-top: 35px; }

.products-list__header {
  display: flex;
  justify-content: space-between; }

.products-list__switches {
  width: 100%; }

.products-list__body {
  margin-top: 35px; }

.products-list__title {
  color: #366099;
  font-size: 16px;
  font-weight: 500;
  line-height: 1; }
.products-list__title i {
  color: #3b4a4d;
  font-style: normal;
  font-size: 12px;
  font-weight: 400;
  line-height: 1; }

.products-list__list {
  margin: 0;
  margin-top: 13px;
  padding: 0;
  border-bottom: 1px solid #dde5e6;
  list-style: none; }

.products-list__item {
  padding: 16px 0;
  border-top: 1px solid #dde5e6; }

/**
* promo
*/
.promo {
  display: flex;
  align-items: flex-end;
  height: 200px;
  padding: 20px 40px;
  position: relative;
  background-color: #617277;
  border-radius: 8px;
  overflow: hidden;
  text-decoration: none; }
.promo:hover .promo__button::after {
  opacity: 1; }
.promo__image {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  object-fit: cover;
  object-position: left center;
  border-radius: 8px; }
.promo__button {
  display: block;
  padding: 8px 50px;
  position: relative;
  z-index: 0;
  color: #ffffff;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 500;
  text-align: center;
  overflow: hidden; }
.promo__button::before, .promo__button::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -2;
  background-image: linear-gradient(101deg, #298d69 0%, #338882 100%);
  will-change: opacity;
  transition: ease opacity 300ms; }
.promo__button::after {
  opacity: 0;
  z-index: -1;
  background-image: linear-gradient(101deg, #15694a 0%, #16615c 100%); }
.promo__title {
  display: block; }
.promo__caption {
  display: block;
  font-size: 17px; }
@media (max-width: 1179px) {
  .promo {
    padding: 20px 30px;
    background-position: -10px 50%; } }
@media (max-width: 561px) {
  .promo {
    height: 143px;
    padding: 0 15px;
    background-color: #ffffff; }
  .promo__image {
    height: calc(100% - 10px); }
  .promo__button {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px; } }

/**
* question
*/
.question {
  height: 100%;
  padding: 31px 20px;
  border-radius: 5px;
  background-color: #f5f6f7;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 0;
  overflow: hidden; }
.question:hover::before {
  opacity: 1; }
.question:hover .question__cover {
  color: #ffffff; }
.question:hover .question__link {
  color: #ffffff; }
.question::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  background-color: #333;
  background-image: radial-gradient(ellipse at 50% 0%, #44505b 0%, #253340 100%);
  opacity: 0;
  will-change: opacity;
  transition: ease 300ms opacity; }
.question__cover {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 56px;
  width: 56px;
  color: #366099;
  transition: ease 300ms color; }
.question__link {
  display: inline-block;
  margin-top: 30px;
  color: #253340;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.33;
  text-decoration: none;
  transition: ease 300ms color; }
.question__link::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0; }
@media (max-width: 1179px) {
  .question {
    padding: 20px; } }
@media (max-width: 769px) {
  .question {
    padding: 10px; }
  .question__link {
    margin-top: 20px;
    font-size: 15px; } }

/**
* questions
*/
.questions {
  margin-bottom: 40px; }
.questions__list {
  padding: 0;
  margin: 0;
  list-style: none; }

/**
* ranges
*/
.ranges {
  background-color: #ffffff; }
.ranges__list {
  margin: 0;
  padding: 0;
  list-style: none; }
.ranges__item {
  display: flex;
  align-items: center;
  overflow: hidden;
  height: 29px; }
.ranges__item + .ranges__item {
  margin-top: 18px; }
.ranges__item[data-type='noise'] .ranges__line {
  background-image: linear-gradient(90deg, #eceff1 0%, #6d8086 100%); }
.ranges__item.has-beam .ranges__point::before {
  display: block; }
.ranges__icon {
  display: block;
  width: 26px;
  height: 26px;
  object-fit: contain;
  margin-right: 15px; }
.ranges__line {
  display: flex;
  width: 100%;
  height: 5px;
  margin-top: 8px;
  position: relative;
  background-color: #ffffff; }
.ranges__wrap {
  width: calc(100% - 24px);
  height: 100%;
  margin: 0 12px;
  position: absolute;
  top: 0;
  left: 0; }
.ranges__point {
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  left: 0;
  bottom: -3px;
  color: #ffffff;
  background-color: #253340;
  border-radius: 50%;
  font-size: 10px;
  line-height: 24px;
  text-align: center;
  text-transform: uppercase;
  cursor: default;
  transform: translateX(-50%); }
.ranges__point::before {
  content: '';
  display: none;
  width: 100vw;
  height: 3px;
  position: absolute;
  left: 100%;
  top: calc(50% - 1px);
  z-index: -1;
  background-color: #3b4a4d;
  pointer-events: none; }
.ranges__point:last-child::before {
  height: 5px;
  top: calc(50% - 2px);
  background-color: #ffffff; }
.ranges__segment {
  display: block;
  width: 100%;
  height: 100%; }
.ranges__segment[data-type='A'] {
  background-color: #2c977d; }
.ranges__segment[data-type='B'] {
  background-color: #4ec38b; }
.ranges__segment[data-type='C'] {
  background-color: #9ad88b; }
.ranges__segment[data-type='D'] {
  background-color: #f6ea79; }
.ranges__segment[data-type='E'] {
  background-color: #ffd645; }
.ranges__segment[data-type='G'] {
  background-color: #ff9a03; }
.ranges__segment[data-type='H'] {
  background-color: #ff4740; }
.ranges__segment + .ranges__segment {
  margin-left: 1px; }

/**
* rates
*/
.rates__list {
  margin: 0;
  padding: 0;
  list-style: none; }

.rates__item {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
.rates__item + .rates__item {
  margin-top: 20px; }

.rates__coefficient, .rates__label {
  margin: 0;
  font-size: 16px;
  color: #3b4a4d;
  line-height: 1; }

.rates__scale {
  display: block;
  width: 100%;
  height: 3px;
  margin-top: 6px;
  border-radius: 2px;
  background-color: #dde5e6; }

.rates__value {
  background-color: #2c977d;
  border-radius: 2px;
  height: 100%; }

/**
* rating
*/
.rating {
  display: flex;
  align-items: center; }
.rating__star {
  width: 15px;
  height: 15px;
  background-image: url("/img/empty-star.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain; }
.rating__star.is-filled {
  background-image: url("/img/filled-star.svg"); }
.rating__star + .rating__star {
  margin-left: 4px; }

/**
* rating-input
*/
.rating-input {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: 1;
  text-align: center; }
.rating-input__caption {
  display: block;
  margin-bottom: 10px;
  position: relative;
  color: #253340;
  font-family: "Inter", sans-serif;
  font-size: 14px; }
.rating-input__field:checked ~ .rating-input__label::after {
  opacity: 1; }
.rating-input__inner {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end; }
.rating-input__inner:hover .rating-input__label::after {
  opacity: 0; }
.rating-input__field {
  width: 1px;
  height: 1px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  margin: 0; }
.rating-input__label {
  display: block;
  width: 15px;
  height: 15px;
  margin-left: 4px;
  position: relative;
  background-image: url("/img/empty-star.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  cursor: pointer; }
.rating-input__label::before {
  content: "";
  display: block;
  width: 4px;
  height: 100%;
  position: absolute;
  left: -4px;
  top: 0; }
.rating-input__label::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-image: url("/img/filled-star.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  opacity: 0;
  transition: ease opacity 200ms; }
.rating-input__label:hover::after,
.rating-input__label:hover ~ .rating-input__label::after {
  opacity: 0.75 !important; }
.rating-input__label:active::after,
.rating-input__label:active ~ .rating-input__label::after {
  opacity: 1 !important; }

/**
* rating-list
*/
.rating-list__list {
  list-style: none;
  padding: 0;
  margin: 0; }

.rating-list__item {
  padding: 0;
  display: flex;
  align-items: center; }
.rating-list__item + .rating-list__item {
  margin-top: 14px; }

.rating-list__rating {
  width: 91px;
  line-height: 1;
  position: relative;
  top: -3px; }

.rating-list__percent {
  width: 50px;
  margin: 0;
  margin-left: 18px;
  color: #617277;
  font-size: 16px;
  line-height: 1;
  text-align: left; }

.rating-list__review {
  margin: 0;
  margin-left: 13px;
  color: #3b4a4d;
  font-size: 16px;
  line-height: 1; }

/**
* response
*/
.response.is-nopage {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-image: url("/img/404.svg");
  background-repeat: no-repeat;
  background-position: 50% 115px;
  background-size: 577px 212px; }

.response .is-headline-404 {
  text-align: center;
  font-size: 38px;
  margin-bottom: 138px; }

.response__img {
  margin-bottom: 30px;
  justify-content: center; }

.response__button {
  display: flex;
  justify-content: center; }

.verification {
  margin-top: 40px;
  text-align: center; }
.verification__headline {
  text-align: center;
  font-size: 28px; }
.verification__img {
  margin: auto;
  position: relative;
  margin-bottom: 46px;
  width: 302px;
  height: 302px;
  border-radius: 50%;
  background-image: linear-gradient(220.25deg, #e1e7f0 19.4%, #eef2f6 78.8%); }
.verification__img::before {
  content: '';
  position: absolute;
  left: calc(50% - 169px);
  top: -2px;
  width: 100%;
  height: 320px;
  background-image: url("/img/verification.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%; }
.verification__text {
  display: block;
  margin: auto;
  max-width: 406px;
  padding: 0;
  margin-bottom: 33px;
  line-height: 1.53;
  text-align: center;
  font-weight: 500;
  font-size: 15px;
  color: #3b4a4d; }
.verification__text a {
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  color: #366099; }
.verification__thank {
  margin-bottom: 48px;
  color: #253340;
  font-size: 20px;
  font-weight: 700; }
.verification__button {
  display: flex;
  justify-content: center; }

.empty-basket {
  margin-top: 26px;
  text-align: center; }
.empty-basket__headline {
  text-align: center;
  font-size: 28px;
  margin-bottom: 47px; }
.empty-basket__img {
  margin: auto;
  position: relative;
  margin-bottom: 63px;
  width: 302px;
  height: 302px;
  border-radius: 50%;
  background-image: linear-gradient(220.25deg, #e1e7f0 19.4%, #eef2f6 78.8%); }
.empty-basket__img::before {
  content: '';
  position: absolute;
  left: calc(50% - 187px);
  top: -8px;
  width: 100%;
  height: 310px;
  background-image: url("/img/empty-cart.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%; }
.empty-basket__button {
  display: flex;
  justify-content: center; }

/**
* review
*/
.review__body {
  margin: 0;
  margin-top: 30px;
  padding: 0; }

.review__group + .review__group {
  margin-top: 35px; }

.review__title {
  color: #253340;
  font-size: 16px;
  font-weight: 500;
  line-height: 1; }

.review__text {
  margin: 0;
  margin-top: 10px;
  color: #3b4a4d;
  font-size: 15px;
  line-height: 1.6; }

@media (max-width: 769px) {
  .review__group + .review__group {
    margin-top: 25px; } }

/**
* reviews
*/
.reviews__header {
  display: flex;
  align-items: center;
  justify-content: space-between; }

.reviews__button {
  width: 100%;
  max-width: 257px;
  margin-left: 30px; }

.reviews__body {
  display: flex;
  margin-top: 50px; }

.reviews__inner {
  max-width: 805px;
  flex-grow: 1; }

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

.reviews__user {
  margin-bottom: 30px; }

.reviews__item + .reviews__item {
  margin-top: 60px; }

.reviews__aside {
  width: 300px;
  margin-left: 30px; }

.reviews__rating {
  margin-bottom: 34px; }

.reviews__headline {
  margin-bottom: 34px;
  font-size: 18px;
  color: #253340; }

.reviews__footer {
  margin-top: 50px;
  text-align: center; }

@media (max-width: 1179px) {
  .reviews__title {
    font-size: 24px; }
  .reviews__body {
    display: flex;
    flex-direction: column; }
  .reviews__inner {
    order: 1;
    max-width: 100%;
    margin-top: 30px; }
  .reviews__aside {
    display: flex;
    order: 0;
    width: 100%;
    margin: 0; }
  .reviews__rates {
    flex-grow: 1;
    margin-top: 3px;
    margin-left: 60px; }
  .reviews__item + .reviews__item {
    margin-top: 40px; } }

@media (max-width: 769px) {
  .reviews__header {
    display: block; }
  .reviews__title {
    font-size: 16px; }
  .reviews__button {
    max-width: 100%;
    margin: 0;
    margin-top: 30px; }
  .reviews__body {
    margin-top: 30px; }
  .reviews__aside {
    display: block; }
  .reviews__rates {
    margin: 0;
    margin-top: 30px; }
  .reviews__footer {
    margin-top: 30px; } }

/**
* reviews-form
*/
.reviews-form {
  max-width: 734px;
  margin: auto;
  padding: 50px;
  background-color: #ffffff;
  border-radius: 5px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); }
.reviews-form__header {
  display: flex;
  align-items: center;
  padding-bottom: 40px;
  border-bottom: 1px solid #dde5e6; }
.reviews-form__headline {
  flex-grow: 1; }
.reviews-form__label {
  margin: 0;
  color: #a4b3b7;
  font-size: 14px;
  line-height: 1; }
.reviews-form__title {
  margin-top: 6px;
  color: #253340;
  font-weight: 500;
  font-size: 24px;
  line-height: 1.375; }
.reviews-form__product {
  margin-left: 30px;
  flex-shrink: 0;
  flex-basis: 130px; }
.reviews-form__body {
  margin-top: 40px; }

/**
* roll
*/
.roll {
  position: relative;
  z-index: 0; }
.js-init .roll::after {
  content: '';
  display: block;
  width: 80px;
  height: 80px;
  position: absolute;
  top: calc(50% - 40px);
  left: calc(50% - 40px);
  z-index: 1;
  background-image: url(/img/loading.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain; }
.js-init .roll .roll__inner {
  opacity: 0;
  pointer-events: none;
  transition: ease opacity 200ms; }
.roll.is-inited::after {
  display: none; }
.roll.is-inited .roll__inner {
  opacity: 1;
  pointer-events: all; }
.roll.is-products .roll__inner, .roll.is-cards .roll__inner {
  width: calc(100% + 7.5px);
  padding-left: 15px;
  margin-left: -7.5px; }
.roll.is-products .roll__arrow.is-prev, .roll.is-cards .roll__arrow.is-prev {
  left: -20px; }
.roll.is-products .roll__item, .roll.is-cards .roll__item {
  max-width: 298px; }
.roll.is-promos .roll__inner {
  padding-left: 0;
  border-radius: 8px; }
.roll.is-promos .roll__list {
  padding: 0; }
.roll__switches {
  position: absolute;
  top: -80px;
  right: 0; }
.roll__arrow {
  display: none;
  padding: 0;
  border: none;
  background-color: transparent;
  position: absolute;
  left: -27px;
  top: calc(50% - 22px);
  z-index: 2;
  transition: opacity 200ms ease;
  cursor: pointer; }
.roll__arrow.is-next {
  left: auto;
  right: -27px; }
.roll__arrow.is-visible {
  display: inline-block; }
.roll__inner {
  width: 100%;
  height: 100%;
  overflow: hidden;
  padding-left: 2px; }
.roll__list {
  display: flex;
  width: 100%;
  margin: 0;
  padding: 5px 0;
  top: 0;
  list-style: none;
  position: relative;
  z-index: 1;
  transition-property: transform;
  text-decoration: none;
  will-change: transform; }
.roll__item {
  display: block;
  flex-shrink: 0;
  margin: 0;
  position: relative;
  text-decoration: none;
  transition-property: transform; }
.roll .swiper-button-disabled {
  opacity: 0;
  pointer-events: none; }
.roll .swiper-notification {
  display: none; }
@media (max-width: 1179px) {
  .roll.is-products .roll__inner, .roll.is-cards .roll__inner {
    width: calc(100% + 60px);
    margin-left: -30px;
    margin-right: -30px;
    padding-left: 30px;
    padding-right: 30px; }
  .roll.is-products .roll__item, .roll.is-cards .roll__item {
    max-width: 272px;
    flex: 1 0 272px; }
  .roll .roll__arrow {
    display: none !important; } }
@media (max-width: 769px) {
  .roll__switches {
    position: static; }
  .roll__switches ~ .roll__body {
    margin-top: 30px; } }
@media (max-width: 561px) {
  .roll.is-products .roll__inner, .roll.is-cards .roll__inner {
    width: calc(100% + 32px);
    margin-left: -16px;
    margin-right: -16px;
    padding-left: 16px;
    padding-right: 16px; }
  .roll.is-products .roll__item, .roll.is-cards .roll__item {
    max-width: 188px;
    flex: 1 0 188px; }
  .roll__switches ~ .roll__body {
    margin-top: 22px; } }

/**
* search
*/
.search__form {
  padding: 0 0 40px; }

.search__results {
  background-color: #f5f6f7; }
.search__results .products__header {
  padding-top: 35px; }

.search.no-results .search__results {
  background-color: #f5f6f7;
  padding: 40px 0 80px; }

/**
* search-form
*/
.search-form {
  width: 100%;
  display: flex;
  align-items: center;
  border-bottom: 2px solid #dde5e6;
  padding-bottom: 10px; }
.search-form__input {
  flex-grow: 1;
  padding-right: 15px;
  padding-left: 35px;
  border: none;
  color: #253340;
  background-color: transparent;
  background-image: url("/img/blue-search.svg");
  background-repeat: no-repeat;
  background-position: 0 2px;
  background-size: 18px 18px;
  font-size: 16px;
  font-family: "Inter", sans-serif;
  font-weight: 500; }
@supports (font-variation-settings: normal) {
  .search-form__input {
    font-family: "Inter var", sans-serif; } }
.search-form__matches {
  display: flex;
  align-items: baseline;
  font-size: 16px;
  font-weight: 500;
  line-height: 1; }
.search-form__label {
  display: inline-block;
  color: #617277; }
.search-form__amount {
  display: inline-block;
  margin-left: 5px;
  color: #253340;
  white-space: nowrap; }
@media (max-width: 561px) {
  .search-form__matches {
    display: none; } }

/**
* search-header
*/
.search-header {
  padding: 21px 0 19px;
  position: relative; }
.search-header.is-open .search-header__inner {
  display: flex; }
.search-header__label {
  display: flex;
  align-items: center;
  padding: 0;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
  background-color: transparent;
  border: none;
  transition: ease color 300ms;
  color: #ffffff; }
@supports (font-variation-settings: normal) {
  .search-header__label {
    font-family: "Inter var", sans-serif; } }
.search-header__label::before {
  content: '';
  display: block;
  width: 200%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }
.search-header__label:hover {
  color: #2c977d; }
.search-header__icon {
  width: 20px;
  height: 20px; }
.search-header__inner {
  display: none;
  align-items: center;
  justify-content: space-between;
  width: 388px;
  height: 46px;
  padding: 0 18px;
  padding-right: 14px;
  position: absolute;
  right: -13px;
  top: 6px;
  z-index: 500;
  border-radius: 4px;
  background-color: #f2f4f5; }
.search-header__field {
  padding-right: 15px;
  flex-grow: 1;
  border: none;
  background-color: transparent;
  color: #253340;
  font-size: 16px; }
.search-header__button {
  display: block;
  width: 18px;
  height: 18px;
  padding: 0;
  border: none;
  background-color: transparent;
  color: #366099;
  cursor: pointer; }
@media (max-width: 769px) {
  .search-header {
    padding: 20px 0 18px; }
  .search-header__inner {
    width: 280px; } }

/**
* search-results
*/
.search-results__info {
  margin: 0;
  color: #3b4a4d;
  font-size: 15px;
  line-height: 1.53; }
.search-results__info a {
  text-decoration: none;
  font-weight: 600;
  color: #366099;
  transition: ease color 300ms; }
.search-results__info a:hover {
  color: #ff6c66; }

.search-results__links {
  margin-top: 40px; }

/**
* section
*/
.section {
  margin: 60px 0;
  background-color: #ffffff; }
.section:last-child {
  margin-bottom: 80px; }
.section.is-m0 {
  margin: 0; }
.section.is-p60 {
  padding: 60px 0; }
.section.is-p50 {
  padding: 50px 0; }
.section.is-p40 {
  padding: 40px; }
.section.is-pt0 {
  padding-top: 0; }
.section.is-collapse {
  margin: 0;
  padding: 0;
  margin-top: 14px;
}
.section.is-h100vh {
  min-height: 100vh; }
.section.is-blue {
  background-color: #366099; }
.section.is-grey {
  background-color: #f5f6f7; }
.section.is-grey:last-child {
  margin-bottom: 0;
  padding-bottom: 80px; }
.section.has-form {
  margin-top: 0;
  margin-bottom: 130px; }
.section.has-switches .section__title {
  max-width: 600px; }
.section.has-back .section__header {
  display: flex;
  padding: 13px 0; }
.section.has-back .section__body {
  margin: 0;
  padding-top: 22px;
  padding-bottom: 100px; }
.section__title {
  color: #253340;
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 10px;
}
.section__back {
  position: relative;
  left: -20px; }
.section__header + .section__body {
  margin-top: 40px; }
.section__tire-form {
  margin-top: 50px;
  position: relative; }
.section__links {
  margin: 50px 0 15px; }
.section__links:first-child {
  margin-top: 0;
  margin-bottom: 50px; }
.section__callback {
  margin: 50px 0 15px; }
@media (max-width: 1179px) {
  .section {
    margin: 50px 0; }
  .section:last-child {
    margin-bottom: 70px; }
  .section.is-grey:last-child {
    padding-bottom: 60px; } }
@media (max-width: 769px) {
  .section.has-switches .section__title {
    max-width: 100%; }
  .section__links {
    margin-top: 40px; }
  .section__header + .section__body {
    margin-top: 30px; } }
@media (max-width: 561px) {
  .section {
    margin: 40px 0; }
  .section:last-child {
    margin-bottom: 50px; }
  .section.is-p50 {
    padding: 30px 0; }
  .section__header + .section__body {
    margin-top: 20px; } }

/**
* selection-form
*/
/**
* service
*/
.service__header {
  position: relative;
  border-radius: 8px;
  background-color: #a4b3b7;
  overflow: hidden; }

.service__cost {
  padding: 18px 30px 16px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 0 8px; }
.service__cost-caption {
  color: #3b4a4d;
  font-size: 12px;
  line-height: 1; }
.service__cost-value {
  margin-top: 7px;
  color: #12886c;
  font-size: 24px;
  font-weight: 500;
  line-height: 1; }

.service__cover {
  width: 100%;
  padding-bottom: 31.5%;
  position: relative; }

.service__image {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  object-fit: cover; }

.service__body {
  margin-top: 40px; }

.service__form {
  margin-top: 50px; }

.service__links {
  margin: 50px 0 15px; }

@media (max-width: 769px) {
  .service__cost {
    display: none; }
  .service__cover {
    padding-bottom: 42%; }
  .service__body {
    margin-top: 30px; }
  .service__links {
    margin-top: 40px; } }

@media (max-width: 561px) {
  .service__cover {
    padding-bottom: 46%; } }

/**
* share
*/
.share {
  display: flex;
  align-items: center;
  justify-content: flex-end; }
.share__caption {
  flex-grow: 1;
  color: #617277;
  font-size: 15px;
  line-height: 1; }
.share__links {
  margin-left: 18px;
  line-height: 1; }

/**
* sidebar
*/
.sidebar {
  width: 100%;
  padding: 30px 50px;
  padding-left: 0;
  position: relative; }
.sidebar__body > * + * {
  margin-top: 50px; }
.sidebar__close {
  display: none;
  width: 24px;
  height: 24px;
  padding: 0;
  position: absolute;
  top: 21px;
  right: 16px;
  border: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  background-image: url("/img/close-menu.svg");
  cursor: pointer; }
@media (max-width: 1179px) {
  .sidebar {
    padding: 24px 40px; }
  .sidebar__close {
    display: block; } }
@media (max-width: 561px) {
  .sidebar {
    padding: 24px 16px; } }

/**
* slider
*/
.slider {
  position: relative; }
.js-init .slider {
  max-height: 480px; }
.js-init .slider .slider__inner {
  opacity: 0;
  pointer-events: none;
  transition: ease opacity 200ms; }
.js-init .slider::after {
  content: '';
  display: block;
  width: 80px;
  height: 80px;
  position: absolute;
  top: calc(50% - 40px);
  left: calc(50% - 40px);
  z-index: 1;
  background-image: url(/img/loading.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain; }
.slider.is-inited {
  max-height: none; }
.slider.is-inited::after {
  display: none; }
.slider.is-inited .slider__inner {
  opacity: 1;
  pointer-events: all; }
.slider__inner {
  position: relative; }
.slider__container {
  width: 100%;
  background-color: #ffffff;
  overflow: hidden; }
.slider__wrapper {
  display: flex;
  align-items: center;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 1;
  list-style: none;
  text-decoration: none;
  transition-property: transform;
  will-change: transform; }
.slider__image {
  display: block;
  width: 100%;
  padding-bottom: 87%;
  margin: auto;
  flex-shrink: 0;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain; }
.slider__list {
  display: flex;
  justify-content: center;
  height: 110px;
  margin: 0;
  margin-top: 30px;
  padding: 0 1px;
  list-style: none;
  overflow: hidden; }
.slider__item {
  width: 80px;
  height: 80px;
  flex-shrink: 0;
  padding: 3px 0;
  border: 1px solid transparent;
  border-radius: 5px;
  background-color: #ffffff;
  cursor: pointer;
  transition: ease 300ms border; }
.slider__item.is-active {
  border-color: #dde5e6;
  pointer-events: none; }
.slider__item:hover {
  border-color: #2c977d; }
.slider__thumbnail {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain; }
@media (max-width: 769px) {
  .slider {
    padding-top: 16px; }
  .slider__list {
    height: 63px;
    margin-top: 25px; }
  .slider__item {
    height: 63px; } }

/**
* social
*/
.social {
  display: inline-block; }
.social.is-alt .social__item + .social__item {
  margin-left: 16px; }
.social.is-alt .social__link {
  border: 1px solid #dde5e6;
  background-color: transparent !important;
  width: 35px;
  height: 35px; }
.social.is-alt .social__item.is-vk .social__link::after {
  background-image: url("/img/soc-vk-alt.svg");
  left: 16px; }
.social.is-alt .social__item.is-facebook .social__link::after {
  background-image: url("/img/soc-facebook-alt.svg");
  left: 17px;
  top: 17px; }
.social.is-light .social__item + .social__item {
  margin-left: 7px; }
.social.is-light .social__link {
  border: 1px solid #66d2a3;
  background-color: transparent !important;
  transition: ease border-color 200ms; }
.social.is-light .social__link:hover {
  border-color: #ffffff; }
.social__list {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
  justify-content: flex-end; }
.social__item + .social__item {
  margin-left: 28px; }
.social__item.is-instagram .social__link {
  background-color: #e22f6d; }
.social__item.is-instagram .social__link::after {
  background-image: url("/img/soc-instagram.svg"); }
.social__item.is-vk .social__link::after {
  background-image: url("/img/soc-vk.svg"); }
.social__item.is-facebook .social__link::after {
  background-image: url("/img/soc-facebook.svg"); }
.social__item.is-telegram .social__link {
  background-color: #4490c7; }
.social__item.is-telegram .social__link::after {
  left: calc(50% - 1px);
  background-image: url("/img/soc-telegram.svg"); }
.social__item.is-viber .social__link {
  background-color: #7f4da0; }
.social__item.is-viber .social__link::after {
  width: 17px;
  height: 17px;
  background-image: url("/img/soc-viber.svg"); }
.social__item.is-whatsapp .social__link {
  background-color: #3ab073; }
.social__item.is-whatsapp .social__link::after {
  width: 21px;
  height: 21px;
  top: calc(50% - 1px);
  left: calc(50% + 1px);
  background-image: url("/img/soc-whatsapp.svg"); }
.social__link {
  display: block;
  width: 32px;
  height: 32px;
  position: relative;
  border-radius: 50%;
  background-color: #333;
  transition: filter ease 300ms; }
.social__link::after {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 50%;
  left: 50%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  transform: translate(-50%, -50%); }
.social__link:hover {
  filter: brightness(120%); }
.social.is-auth .social__item + .social__item {
  margin-left: 38px; }
.social.is-auth .social__link::after {
  width: 50px;
  height: 50px;
  background-size: contain; }
.social.is-auth .social__item.is-yandex .social__link::after {
  background-image: url("/img/yandex-auth.svg");
  left: 16px; }
.social.is-auth .social__item.is-vk .social__link::after {
  background-image: url("/img/vk-auth.svg"); }
.social.is-auth .social__item.is-facebook .social__link::after {
  background-image: url("/img/facebook-auth.svg"); }
.social.is-auth .social__item.is-ok .social__link::after {
  background-image: url("/img/ok-auth.svg"); }
.social.is-auth .social__item.is-twitter .social__link::after {
  background-image: url("/img/twitter-auth.svg"); }
.social.is-auth .social__item.is-google .social__link::after {
  background-image: url("/img/google-auth.svg"); }
@media (max-width: 769px) {
  .social__item + .social__item {
    margin-left: 20px; } }

/**
* sort
*/
.sort {
  display: flex;
  align-items: center; }
.sort__text {
  color: #3b4a4d;
  font-size: 15px;
  font-weight: 500;
  line-height: 1; }
.sort__select {
  width: 100%;
  max-width: 230px;
  margin-left: 15px; }
@media (max-width: 561px) {
  .sort__text {
    display: none; }
  .sort__select {
    margin-left: 0;
    max-width: 100%; } }

/**
* stage
*/
.stage {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 12.5px 10px;
  border: 1px solid #dde5e6;
  border-radius: 4px;
  cursor: default; }
.stage::before {
  content: attr(data-index);
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  margin: 0;
  margin-right: 15px;
  padding: 0;
  border-radius: 50%;
  background-color: #dde5e6;
  color: #a4b3b7;
  font-size: 18px;
  line-height: 32px;
  text-align: center;
  text-indent: 0; }
.stage::after {
  content: '';
  display: block;
  width: 25px;
  flex-shrink: 0; }
.stage__label {
  width: 100%;
  margin: 0;
  color: #617277;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  white-space: nowrap; }
.stage.is-ready::before {
  content: '';
  background-color: #12886c;
  background-image: url("/img/check-mark.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 12px 9px; }
.stage.is-current {
  background-color: #2c977d; }
.stage.is-current::before {
  background-color: #12886c;
  color: #ffffff; }
.stage.is-current .stage__label {
  color: #ffffff; }
@media (max-width: 959px) {
  .stage__label {
    font-size: 16px; } }
@media (max-width: 769px) {
  .stage {
    padding: 10px; }
  .stage:not(.is-current) {
    justify-content: center;
    padding: 0;
    border: none; }
  .stage:not(.is-current)::before {
    margin-right: 0; }
  .stage:not(.is-current)::after,
  .stage:not(.is-current) .stage__label {
    display: none; }
  .stage__label {
    font-size: 14px; } }

/**
* stages
*/
.stages__list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 -10px;
  padding: 0;
  list-style: none; }

.stages__item {
  width: 100%;
  max-width: 250px;
  padding: 0 10px; }

@media (max-width: 769px) {
  .stages__item {
    width: auto; } }

/**
* switches
*/
.switches__select {
  display: none; }

.switches__inner {
  overflow: hidden; }

.switches__list {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none; }

.switches__item + .switches__item {
  margin-left: 33px; }

.switches__button {
  display: block;
  width: 100%;
  padding: 13px 20px 11px;
  color: #3b4a4d;
  background-color: transparent;
  border-radius: 4px;
  border: 1px solid transparent;
  font-size: 16px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transform: translateZ(0);
  transition: border-color ease 300ms, background-color ease 300ms; }
@supports (font-variation-settings: normal) {
  .switches__button {
    font-family: "Inter var", sans-serif; } }
.switches__button:hover {
  border: 1px solid #a4b3b7; }
.switches__button.is-active {
  transform: translateZ(0);
  cursor: default;
  pointer-events: none;
  color: #ffffff;
  background-color: #366099;
  border: 1px solid #366099; }

.switches__quantity {
  font-style: normal;
  font-size: 0.75em;
  font-weight: 400; }

@media (max-width: 959px) {
  .switches__item + .switches__item {
    margin-left: 20px; } }

@media (max-width: 769px) {
  .switches__select {
    display: block; }
  .switches.has-select .switches__inner {
    display: none; } }

@media (max-width: 561px) {
  .switches__item + .switches__item {
    margin-left: 12px; }
  .switches__button {
    padding: 9px 11px 8px;
    font-size: 14px; } }

/**
* tab
*/
.tab__btn {
  width: 257px;
  margin-right: 13px; }

/**
* tabs
*/
.tabs {
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 100; }
.tabs.is-compact {
  margin: 0;
  padding: 0; }
.tabs.is-compact .tabs__item {
  padding: 1px 0; }
.tabs.is-compact .tabs__labels {
  min-width: 100%; }
.tabs.is-compact .tabs__label {
  padding: 0 0 17px;
  font-size: 14px; }
.tabs.is-compact .tabs__label + .tabs__label {
  margin-left: 20px; }
.js-init .tabs {
  position: relative;
  max-height: 400px; }
.js-init .tabs .tabs__header,
.js-init .tabs .tabs__body {
  pointer-events: none;
  opacity: 0;
  transition: ease opacity 200ms; }
.js-init .tabs::after {
  content: '';
  display: block;
  width: 80px;
  height: 80px;
  position: absolute;
  top: calc(50% - 40px);
  left: calc(50% - 40px);
  z-index: 1;
  background-image: url(/img/loading.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain; }
.tabs.is-inited {
  max-height: none; }
.tabs.is-inited .tabs__header,
.tabs.is-inited .tabs__body {
  pointer-events: all;
  opacity: 1; }
.tabs.is-inited::after {
  display: none; }
.tabs__header {
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  overflow: hidden; }
.tabs__header::before {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #dde5e6; }
.tabs__labels {
  display: inline-block;
  width: 100%; }
.tabs__label-group {
  display: flex;
  width: 100%;
  flex-grow: 1; }
.tabs__label-group + .tabs__label {
  margin-left: 70px; }
.tabs__label {
  flex-shrink: 0;
  margin: 0;
  padding: 22px 0 14px;
  position: relative;
  z-index: 0;
  color: #617277;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  transition: ease color 300ms, ease background-color 300ms; }
.tabs__label i {
  font-style: normal;
  font-size: 16px;
  font-weight: 400; }
.tabs__label span {
  display: block;
  margin-bottom: 5px;
  color: #a4b3b7;
  font-weight: 500;
  font-size: 12px;
  line-height: 1;
  transition: ease color 300ms; }
.tabs__label + .tabs__label {
  margin-left: 70px; }
.tabs__label::after {
  content: '';
  display: block;
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: 0;
  background-color: #2c977d;
  opacity: 0;
  transition: ease opacity 300ms; }
.tabs__label::before {
  content: '';
  position: absolute;
  border: 5px solid transparent;
  border-bottom: 6px solid #2c977d;
  opacity: 0;
  transition: ease opacity 300ms;
  left: calc(50% - 5px);
  bottom: 0; }
.tabs__label.is-active {
  background-color: #ffffff;
  color: #253340;
  pointer-events: none; }
.tabs__label.is-active::after, .tabs__label.is-active::before {
  opacity: 1; }
.tabs__label.is-active span {
  color: #12886c; }
.tabs__label.is-accent {
  color: #366099; }
.tabs__body {
  background-color: #ffffff; }
.tabs__section {
  /*overflow: hidden;*/ }
.tabs__item {
  padding: 35px 0 1px; }
.tabs__toggle {
  display: none;
  width: 100%;
  padding: 20px 0;
  position: relative;
  background-color: transparent;
  border: none;
  border-top: 1px solid #dde5e6;
  color: #253340;
  font-size: 16px;
  font-weight: 500;
  font-family: inherit;
  line-height: 1;
  text-align: left;
  text-decoration: none;
  cursor: pointer; }
.tabs__toggle::after {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  right: 0;
  top: calc(50% - 5px);
  background-image: url(/img/arrow-select.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  opacity: 0.7; }
@media (max-width: 1179px) {
  .tabs.is-accordion {
    border-bottom: 1px solid #dde5e6; }
  .tabs.is-accordion .tabs__header {
    display: none; }
  .tabs.is-accordion .tabs__toggle {
    display: block; }
  .tabs.is-accordion .tabs__item {
    display: block !important;
    padding: 0;
    opacity: 1 !important;
    transform: none !important; }
  .tabs.is-accordion .tabs__tab {
    display: none;
    margin-top: 5px;
    padding-bottom: 30px; }
  .tabs.is-accordion .tabs__item.is-visible .tabs__toggle::after {
    width: 11px;
    height: 11px;
    background-image: url(/img/close-menu.svg); }
  .tabs.is-accordion .tabs__item.is-visible .tabs__tab {
    display: block; } }
@media (max-width: 561px) {
  .tabs.is-compact .tabs__label {
    margin-right: 30px; }
  .tabs.is-compact .tabs__label-group + .tabs__label {
    margin-left: 30px; } }

/**
* tag
*/
.tag {
  display: inline-block;
  padding: 11px 10px 9px;
  color: #ffffff;
  background-color: rgba(37, 51, 64, 0.8);
  border-radius: 3px;
  font-size: 9px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.1em;
  text-transform: uppercase; }
.tag.is-wide {
  padding: 12px 19px 9px; }
@media (max-width: 561px) {
  .tag {
    padding: 9px;
    padding-bottom: 8px; } }

/**
* text
*/
.text h2,
.text h3,
.text h4,
.text h5,
.text h6 {
  margin: 0; }
.text h2:not(:first-child),
.text h3:not(:first-child),
.text h4:not(:first-child),
.text h5:not(:first-child),
.text h6:not(:first-child) {
  margin-top: 35px; }

.text h2 + p,
.text h2 + ul,
.text h2 + ol,
.text h3 + p,
.text h3 + ul,
.text h3 + ol {
  margin-top: 30px; }

.text a {
  position: relative;
  color: #366099;
  font-weight: 700;
  text-decoration: none;
  transition: ease color 300ms; }
.text a:hover {
  color: #ff6c66; }

.text b,
.text strong {
  color: #366099;
  font-weight: 700; }

.text img {
  display: block;
  margin: 2em 0; }

.text ul {
  margin: 20px 0;
  padding: 0;
  padding-left: 20px;
  position: relative;
  color: #3b4a4d;
  list-style: none;
  font-size: 15px; }
.text ul li {
  margin: 13px 0;
  padding-left: 15px;
  position: relative;
  line-height: 1.4; }
.text ul li::before {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  position: absolute;
  top: 8px;
  left: 0;
  border-radius: 50%;
  background-color: #366099; }

.text h4 + p,
.text h4 + ul,
.text h4 + ol,
.text h5 + p,
.text h5 + ul,
.text h5 + ol,
.text h6 + p,
.text h6 + ul,
.text h6 + ol {
  margin-top: 23px; }

.text img,
.text p {
  margin: 20px 0;
  color: #3b4a4d;
  font-size: 17px;
  line-height: 1.8; }
.text img:last-child:first-child,
.text p:last-child:first-child {
  margin: 0; }
.text img:first-child,
.text p:first-child {
  margin-top: 0; }
.text img:first-child + p,
.text img:first-child + ul,
.text p:first-child + p,
.text p:first-child + ul {
  margin-top: 35px; }
.text img:last-child,
.text p:last-child {
  margin-bottom: 0; }

.text i {
  color: #2c977d;
  font-style: normal; }

.text ol {
  counter-reset: order;
  margin: 40px 0;
  padding: 0;
  padding-bottom: 30px;
  position: relative;
  list-style: none; }
.text ol::after {
  content: "";
  display: block;
  width: 80px;
  height: 2px;
  position: absolute;
  bottom: 1px;
  left: 0;
  background-color: #366099; }
.text ol li {
  max-width: 640px;
  margin: 20px 0;
  padding-left: 40px;
  position: relative;
  line-height: 1.4;
  font-size: 15px; }
.text ol li::before {
  content: counter(order);
  counter-increment: order;
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  left: 0;
  top: 10px;
  border: 1px solid #366099;
  border-radius: 50%;
  color: #4a5e6f;
  font-size: 13px;
  line-height: 22px;
  text-align: center;
  transform: translateY(-50%); }

.text blockquote {
  margin: 50px 0 43px;
  padding-left: 30px;
  position: relative;
  border-left: 5px solid #366099;
  color: #253340;
  font-style: italic;
  font-size: 20px;
  font-family: "Inter", sans-serif;
  line-height: 1.8; }
.text blockquote:first-child {
  margin-top: 0; }

.text.is-light h2,
.text.is-light h3,
.text.is-light h4,
.text.is-light h5,
.text.is-light h6 {
  color: #ffffff; }

.text.is-light p,
.text.is-light li {
  color: #f2f4f5; }

.text.is-light li::before {
  background-color: #ffffff; }

.text.is-seo p {
  font-size: 15px;
  color: #617277; }

@media (max-width: 769px) {
  .text blockquote {
    margin: 30px 0;
    padding-left: 16px;
    font-size: 15px; } }

/**
* tools
*/
.tools {
  display: flex;
  align-items: center;
  position: relative;
  top: 1px; }
.tools__item {
  position: relative; }
.tools__item::before {
  content: '';
  display: block;
  width: 120%;
  height: 120%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }
.tools__item + .tools__item {
  margin-left: 23.5px; }
.tools__item.is-bookmarks, .tools__item.is-compare {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  color: #ffffff;
  text-decoration: none;
  transition: ease color 300ms; }
.tools__item.is-bookmarks::after, .tools__item.is-compare::after {
  content: attr(data-amount);
  width: 16px;
  height: 16px;
  position: absolute;
  top: -6px;
  left: 12px;
  background-color: #366099;
  border-radius: 50%;
  color: #ffffff;
  font-size: 9px;
  font-weight: 500;
  text-align: center;
  line-height: 16px; }
.tools__item.is-cart::before {
  display: none; }
.tools__item.is-search::before {
  width: 200%;
  height: 100%; }
.tools__item:hover {
  color: #2c977d; }
.tools__icon {
  width: 100%;
  height: 100%;
  color: currentColor; }
@media (max-width: 1179px) {
  .tools {
    top: 0; } }

/**
* tooltip
*/
.tooltip {
  max-width: 168px;
  position: absolute;
  z-index: 400;
  background-color: #ffffff;
  border-radius: 4px;
  box-shadow: 0 4px 80px rgba(52, 58, 53, 0.2);
  padding: 13px 29px;
  color: #3b4a4d;
  font-size: 14px;
  text-align: center;
  line-height: 1.4;
  pointer-events: none;
  will-change: transform;
  transform-origin: bottom center; }
.tooltip::after {
  content: '';
  display: block;
  position: absolute;
  top: 100%;
  left: calc(50% - 10px);
  border: 7px solid #ffffff;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: none; }

/**
* total-order
*/
.total-order {
  width: 100%;
  max-width: 300px;
  margin-top: 30px;
  margin-bottom: 30px;
  border-radius: 5px;
  background-color: #ffffff;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.08); }
.total-order__body {
  padding: 30px 30px 28px; }
.total-order__headline {
  font-size: 18px;
  margin-bottom: 36px; }
.total-order__list {
  padding: 0;
  margin: 0;
  list-style: none; }
.total-order__item {
  padding: 0;
  margin: 0; }
.total-order__item + .total-order__item {
  margin-top: 19px; }
.total-order__footer {
  padding: 29px 31px 22px 30px;
  background-image: radial-gradient(ellipse at top, #44505b 0%, #253340 100%);
  border-radius: 0 0 5px 5px; }
@media (max-width: 769px) {
  .total-order {
    max-width: 100%;
    margin: 0; } }

/**
* types
*/
.types__season {
  display: block;
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain; }
.types__season.is-winter {
  background-image: url(/img/season-3.svg); }
.types__season.is-demi {
  background-image: url(/img/season-2.svg); }
.types__season.is-summer {
  background-image: url(/img/season-1.svg); }

.types__spike {
  display: block;
  width: 28px;
  height: 28px;
  margin-top: 11px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  background-image: url("/img/spike.svg"); }

/**
* user
*/
.user {
  display: flex;
  align-items: center; }
.user__image {
  display: block;
  width: 78px;
  height: 78px;
  flex-shrink: 0;
  position: relative;
  background-color: #333;
  border-radius: 50%;
  text-decoration: none; }
.user__image::before {
  content: "";
  display: none;
  width: 24px;
  height: 24px;
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: #366099;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 50%;
  border: 2px solid #ffffff; }
.user__image.is-vk {
  display: block;
  background-image: url("/img/vk-auth.svg"); }
.user__information {
  margin-left: 30px; }
.user__date {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 14px;
  color: #a4b3b7;
  line-height: normal; }
.user__name {
  margin: 0;
  margin-top: 10px;
  padding: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: normal; }
.user__rating {
  margin-top: 15px; }
@media (max-width: 1179px) {
  .user__rating {
    margin-top: 10px; } }

/**
* video
*/
.video {
  display: block;
  width: 100%;
  height: 0;
  margin: 0;
  padding-bottom: 61.2%;
  position: relative; }
.video__src {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0; }

/**
* videos
*/
.videos__list {
  margin: 0;
  padding: 0;
  list-style: none; }

.videos__item + .videos__item {
  margin-top: 40px; }

@media (max-width: 769px) {
  .videos__item + .videos__item {
    margin-top: 20px; } }

/**
* view
*/
.view {
  display: flex;
  align-items: center; }
.view__button {
  display: flex;
  padding: 0;
  color: #a4b3b7;
  cursor: pointer;
  width: 40px;
  height: 40px;
  border: none;
  background-color: #fafbfb;
  border-radius: 4px;
  transition: ease color 300ms; }
.view__button.is-active {
  background-color: #ffffff;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.08);
  color: #366099;
  pointer-events: none; }
.view__button + .view__button {
  margin-left: 20px; }
.view__button:hover {
  color: #366099; }
.view__icon {
  width: 22px;
  height: 20px;
  margin: auto; }
@media (max-width: 561px) {
  .view__button {
    width: 36px;
    height: 36px; }
  .view__button + .view__button {
    margin-left: 12px; } }

/**
* widget
*/
.widget__title {
  color: #366099;
  font-size: 15px;
  line-height: 1; }

.widget__header + .widget__body {
  margin-top: 30px; }

.widget.is-filter .widget__header {
  display: none;
  align-items: center; }
.widget.is-filter .widget__header::before {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  background-image: url("/img/filter-alt.svg"); }

.widget.is-filter .widget__header + .widget__body {
  margin-top: 0; }

@media (max-width: 1179px) {
  .widget.is-filter .widget__header {
    display: flex; }
  .widget.is-filter .widget__header + .widget__body {
    margin-top: 30px; } }

/**
* user
*/
.image-upload {
  width: 128px;
  height: 128px;
  position: relative; }
.image-upload:hover .image-upload__wrap::after {
  opacity: 1; }
.image-upload:hover .image-upload__cover {
  filter: blur(4px); }
.image-upload__wrap {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 50%;
  overflow: hidden; }
.image-upload__wrap::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(21, 34, 47, 0.6);
  background-image: url(/img/edit.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 42px 42px;
  border-radius: 50%;
  opacity: 0;
  transition: ease opacity 300ms;
  will-change: opacity; }
.image-upload__cover {
  width: 100%;
  height: 100%;
  position: relative;
  background-color: #dde5e6;
  background-image: url(/img/userpic.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 68px 68px;
  transition: ease filter 300ms;
  will-change: filter; }
.image-upload__image {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover; }
.image-upload__input {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  opacity: 0;
  cursor: pointer; }
.image-upload__social {
  display: block;
  width: 32px;
  height: 32px;
  position: absolute;
  right: 0;
  bottom: 5px;
  z-index: 2;
  background-color: #ffffff;
  border: 2px solid #ffffff;
  border-radius: 50%;
  overflow: hidden; }
.image-upload__social::before {
  content: "";
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: #366099;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 50%; }
.image-upload__social.is-vk::before {
  display: block;
  background-image: url("/img/vk-auth.svg"); }

.form-modal {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000;
  background-color: #f5f6f7;
  overflow: auto; }
.form-modal__inner {
  padding: 30px 0 120px; }
.form-modal__body {
  margin-top: 50px; }
@media (max-width: 769px) {
  .form-modal__inner {
    padding: 30px 0 60px; }
  .form-modal__body {
    margin-top: 30px; } }

/**
* service-form
*/
.service-form {
  max-width: 734px;
  padding: 50px;
  padding-top: 35px;
  background-color: #ffffff;
  border-radius: 5px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); }
.service-form__header {
  display: flex;
  align-items: center; }
.service-form__title {
  color: #253340;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.375; }
.service-form__body {
  margin-top: 30px; }
@media (max-width: 769px) {
  .service-form {
    padding: 30px;
    padding-top: 25px; } }

/**
* callback-form
*/
.callback-form {
  max-width: 734px;
  margin: auto;
  padding: 60px 50px;
  background-color: #ffffff;
  border-radius: 5px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); }
.callback-form__header {
  padding-bottom: 55px;
  border-bottom: 1px solid #dde5e6;
  text-align: center; }
.callback-form__title {
  color: #253340;
  font-weight: 500;
  font-size: 28px;
  line-height: 1.375; }
.callback-form__body {
  margin-top: 60px;
  padding-left: 110px;
  padding-right: 110px; }
@media (max-width: 769px) {
  .callback-form {
    padding: 30px;
    padding-top: 25px; }
  .callback-form__header {
    padding-bottom: 25px; }
  .callback-form__body {
    margin-top: 40px;
    padding-left: 20px;
    padding-right: 20px; } }
@media (max-width: 561px) {
  .callback-form {
    padding: 20px;
    padding-top: 15px; }
  .callback-form__header {
    padding-bottom: 15px; }
  .callback-form__body {
    margin-top: 30px;
    padding-left: 0;
    padding-right: 0; } }

/**
* cheaper-form
*/
/*.cheaper-form {*/
/*  max-width: 734px;*/
/*  margin: auto;*/
/*  padding: 40px 50px 50px;*/
/*  background-color: #ffffff;*/
/*  border-radius: 5px;*/
/*  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); }*/
/*  .cheaper-form__header {*/
/*    padding-bottom: 15px;*/
/*    border-bottom: 1px solid #dde5e6;*/
/*    text-align: center; }*/
/*  .cheaper-form__title {*/
/*    color: #253340;*/
/*    font-weight: 500;*/
/*    font-size: 28px;*/
/*    line-height: 1.375; }*/
/*  .cheaper-form__caption {*/
/*    margin-top: 10px;*/
/*    color: #617277;*/
/*    font-size: 15px;*/
/*    line-height: 24px; }*/
/*  .cheaper-form__body {*/
/*    margin-top: 50px;*/
/*    padding-left: 110px;*/
/*    padding-right: 110px; }*/
/*  @media (max-width: 769px) {*/
/*    .cheaper-form {*/
/*      padding: 30px;*/
/*      padding-top: 25px; }*/
/*      .cheaper-form__header {*/
/*        padding-bottom: 25px; }*/
/*      .cheaper-form__body {*/
/*        margin-top: 40px;*/
/*        padding-left: 20px;*/
/*        padding-right: 20px; } }*/
/*  @media (max-width: 561px) {*/
/*    .cheaper-form {*/
/*      padding: 20px;*/
/*      padding-top: 15px; }*/
/*      .cheaper-form__header {*/
/*        padding-bottom: 15px; }*/
/*      .cheaper-form__body {*/
/*        margin-top: 30px;*/
/*        padding-left: 0;*/
/*        padding-right: 0; } }*/

/**
* subscribe-form
*/
.subscribe-form {
  max-width: 734px;
  margin: auto;
  padding: 40px 50px 50px;
  background-color: #ffffff;
  border-radius: 5px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); }
.subscribe-form__header {
  padding-bottom: 15px;
  border-bottom: 1px solid #dde5e6;
  text-align: center; }
.subscribe-form__title {
  color: #253340;
  font-weight: 500;
  font-size: 28px;
  line-height: 1.375; }
.subscribe-form__caption {
  margin-top: 10px;
  color: #617277;
  font-size: 15px;
  line-height: 24px; }
.subscribe-form__body {
  margin-top: 30px;
  padding-left: 110px;
  padding-right: 110px; }
.subscribe-form__product {
  margin-bottom: 30px; }
.subscribe-form__product .product {
  padding-top: 10px;
  padding-bottom: 10px; }
.subscribe-form__product .product__cover {
  padding-bottom: 75%; }
.subscribe-form__product .product__types {
  height: 100%;
  right: 5px;
  justify-content: center; }
.subscribe-form__product .product__image {
  object-position: 0 50%; }
@media (max-width: 769px) {
  .subscribe-form {
    padding: 30px;
    padding-top: 25px; }
  .subscribe-form__header {
    padding-bottom: 25px; }
  .subscribe-form__body {
    margin-top: 40px;
    padding-left: 20px;
    padding-right: 20px; } }
@media (max-width: 561px) {
  .subscribe-form {
    padding: 20px;
    padding-top: 15px; }
  .subscribe-form__header {
    padding-bottom: 15px; }
  .subscribe-form__body {
    margin-top: 30px;
    padding-left: 0;
    padding-right: 0; } }

.b-cookies {
  padding: 32px 40px 32px 60px;
  box-sizing: border-box;
  max-width: 940px;
  width: calc(100% - 30px);
  background: #253340 url(/img/cookie-bg.png) -52px -6px no-repeat;
  border-radius: 6px;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #ffffff;
  position: fixed;
  left: 50%;
  bottom: 20px;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 1000; }
.b-cookies.is-hide {
  display: none; }
.b-cookies a {
  text-decoration: none;
  color: #2c977d; }
.b-cookies__btn {
  padding: 17px 31px;
  border: 1px solid #ffffff;
  border-radius: 4px;
  cursor: pointer;
  width: 150px;
  text-align: center; }
.b-cookies__btn:hover {
  background: #ffffff;
  color: #253340;
  transition: all 0.3s; }
.b-cookies__text {
  width: calc(100% - 180px); }
@media (max-width: 959px) {
  .b-cookies {
    padding: 32px 24px 32px 30px; }
  .b-cookies br {
    display: none; } }
@media (max-width: 561px) {
  .b-cookies {
    display: block;
    font-size: 14px;
    line-height: 130%;
    background: #253340 url(/img/cookie-bg.png) -70px 60px no-repeat; }
  .b-cookies__text {
    margin-bottom: 16px;
    width: 100%; }
  .b-cookies__btn {
    width: 100%; } }


/* =========================
   FOOTER LAYOUT
========================= */

.products__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  margin-top: 32px;
}

/* =========================
   LOAD MORE
========================= */

.products__load-more {
  margin: 0;
}

.products__load-more .btn {
  min-width: 220px;
  height: 48px;
  padding: 0 24px;
  border-radius: 10px;
  border: 2px solid #2c977d;
  background: #fff;
  color: #2c977d;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: all .2s ease;
}

.products__load-more .btn:hover {
  background: #2c977d;
  color: #fff;
}

/* =========================
   PAGINATION
========================= */

.products__pagination {
  display: flex;
  justify-content: flex-end;
}

.pagination {
  margin: 0;
}

.pagination__list {
  display: flex;
  align-items: center;
  list-style: none;
  padding: 0;
  margin: 0;
}

/* page item */
.pagination__item {
  position: relative;
}

/* page link */
.pagination__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 28px;
  font-size: 17px;
  font-weight: 500;
  color: #9aa9a5;
  text-decoration: none;
  transition: color .2s ease;
}

.pagination__link:hover {
  color: #2c977d;
}

/* active page */
.pagination__item.is-current .pagination__link {
  color: #2c977d;
  font-weight: 600;
}

.pagination__item.is-current::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -4px;
  height: 2px;
  background: #2c977d;
  border-radius: 2px;
}

/* arrows */
.pagination__item.is-prev,
.pagination__item.is-next {
  margin: 0 4px;
}

.arrow__icon {
  width: 18px;
  height: 18px;
  fill: #c0ccc8;
  transition: fill .2s ease;
}

.pagination__link:hover .arrow__icon {
  fill: #2c977d;
}

/* =========================
   MOBILE
========================= */

@media (max-width: 768px) {
  .products__footer {
    flex-direction: column;
    gap: 16px;
  }

  .products__load-more {
    width: 100%;
    padding: 0 16px;
  }

  .products__load-more .btn {
    width: 100%;
    height: 52px;
    font-size: 17px;
    border-radius: 14px;
  }

  .products__pagination {
    justify-content: center;
  }

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

.pagination__ellipsis {
  color: #9aa5a0;
  font-size: 18px;
  pointer-events: none;
}

.pagination__link--virtual {
  min-width: 36px;
  height: 36px;
  padding: 0 8px;

  display: flex;
  align-items: center;
  justify-content: center;

  background: #fff;
  color: #2c977d;
  border-radius: 18px;
  box-shadow: 0 6px 18px rgba(0,0,0,.08);

  cursor: default;
}

.pagination__item.is-virtual-current {
  pointer-events: none;
}
/* =========================
   X HEADER — FINAL VERSION
   ========================= */

.x-header {
  position: sticky;
  top: 0;
  z-index: 1000;
  background: #fff;
}

/* ---------- TOP ---------- */


.x-header-top__inner {
  display: flex;
  align-items: center;
  gap: 16px;
  height: 72px;
  width: 100%;
  padding: 0 !important;
  margin-top: 15px;
  justify-content: space-between;
}

/* ---------- LOGO ---------- */

.x-header-logo {
  width: 150px;
  height: 50px;
  background: url("/img/logo.svg") no-repeat center / contain;
  display: block;
}

/* ---------- LEFT GROUP ---------- */

.x-header-left {
  display: flex;
  align-items: center;
  gap: 60px;
}

/* ---------- CATALOG ---------- */

.x-catalog {
  position: relative;
}

.x-catalog-btn {
  height: 48px;
  padding: 0 22px;
  background: #4f9b7a;
  color: #fff;
  border: none;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}

.x-catalog-dropdown {
  position: absolute;
  top: 110%;
  left: 0;
  min-width: 200px;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 12px 30px rgba(0,0,0,.15);
  overflow: hidden;
  z-index: 99999999;

  /* ❗ вместо display:none */
  opacity: 0;
  transform: translateY(-10px);
  pointer-events: none;

  transition: opacity 0.3s ease, transform 0.3s ease;
  /*padding: 15px;*/
}

.x-catalog-dropdown a {
  display: block;
  /*padding: 14px 18px;*/
  font-size: 15px;
  color: #222;
  text-decoration: none;
}



.x-catalog.is-open .x-catalog-dropdown {
  display: block;
}


body.catalog-open .x-catalog-dropdown {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

/* ---------- CATALOG MEGA MENU (DESKTOP) ---------- */
.x-catalog-dropdown {
  /*width: 260px;*/
  max-width: calc(100vw - 32px);
  /*padding: 0;*/
  border-radius: 0 12px 12px 12px;
  box-shadow: 4px 0 4px rgba(0, 0, 0, 0.25);
}

.x-catalog-dropdown.x-catalog-dropdown--wide {
  width: 1130px;
}

.x-catalog-mega {
  display: flex;
  height: 400px;
}

.x-catalog-left {
  width: 240px;
  flex: 0 0 240px;
  padding: 0;
  background: #ffffff;
  border-radius: 0 12px 12px 12px;
  z-index: 40;
  box-shadow: 4px 0 4px rgba(0, 0, 0, 0.25);
  padding: 15px;
}

/*.x-catalog-left__box {*/
/*    height: 100%;*/
/*    margin: 10px;*/
/*    padding: 14px 12px;*/
/*    background: #fff;*/
/*    border: 1px solid #e0e0e0;*/
/*    border-radius: 10px;*/
/*    box-shadow: 0 2px 8px rgba(0,0,0,.10);*/
/*}*/

.x-catalog-left__group + .x-catalog-left__group {
  margin-top: 14px;
}

.x-catalog-left__title {
  font-weight: 700;
  font-size: 22px;
  color: #222;
  margin-bottom: 6px;
}

/*.x-catalog-item {*/
/*    display: block;*/
/*    font-size: 12px;*/
/*    line-height: 1.55;*/
/*    color: #222;*/
/*    text-decoration: none;*/
/*    padding: 1px 0;*/
/*}*/

.x-catalog-item:hover,
.x-catalog-item--active {
  color: #2C977D;
  font-weight: 600;
}

.x-catalog-right {
  flex: 1 1 auto;
  padding: 18px 18px 14px 18px;
  background: #fff;
}

/* Step 1: show only left panel until hover */
.x-catalog-right {
  display: none;
}

.x-catalog-mega.x-catalog-mega--right-open .x-catalog-right {
  display: block;
}

.x-catalog-panel {
  display: none;
  height: 100%;
}

.x-catalog-panel--active {
  display: block;
}

.x-catalog-grid {
  display: grid;
  grid-template-columns: 300px 240px 1fr;
  gap: 0;
  height: 100%;
}

.x-catalog-grid--disks {
  grid-template-columns: 300px 240px 1fr;
}

.x-catalog-col {
  padding-right: 18px;
}

.x-catalog-col__title {
  font-weight: 700;
  color: #222;
  margin-bottom: 10px;
  font-size: 22px;
}

/*.x-catalog-links a {*/
/*    display: block;*/
/*    font-size: 11px;*/
/*    color: #222;*/
/*    text-decoration: none;*/
/*    line-height: 1.6;*/
/*}*/

/*.x-catalog-links a:hover {*/
/*    text-decoration: underline;*/
/*}*/

.x-catalog-section {
  margin-top: 14px;
}

.x-catalog-section__title {
  font-weight: 700;
  font-size: 22px;
  color: #222;
  margin-bottom: 6px;
}

.x-catalog-sizes {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 1.6;
  color: #222;
}

.x-catalog-col--brands {
  padding-left: 18px;
  border-left: 2px solid #e3e7ea;
  padding-right: 0;
}

.x-catalog-brands {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px 12px;
  padding-top: 6px;
}

.x-catalog-brand {
  height: 45px;
  border-radius: 3px;
  background: #d9d9d9;
}

.mega-placeholder {
  font-size: 11px;
  color: #666;
  background: #f6f6f6;
  border: 1px dashed #d0d0d0;
  border-radius: 8px;
  padding: 12px 12px;
}

@media (max-width: 1024px) {
  /* Keep mobile behavior untouched; mega menu not used on mobile because .x-catalog is hidden there */
  .x-catalog-mega {
    width: auto;
    max-width: none;
  }
}
/* burger -> X */
body.catalog-open .x-mobile-burger span:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}

body.catalog-open .x-mobile-burger span:nth-child(2) {
  opacity: 0;
}

body.catalog-open .x-mobile-burger span:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}



/* ---------- SEARCH (PIXEL PERFECT) ---------- */

.x-header-search {
  flex: 1;
  max-width: 550px;   /* ← ВАЖНО */
  height: 48px;
  display: flex;
  border: 1px solid #366099;
  border-radius: 10px;
  overflow: hidden;
  padding: 0;
  margin-right: 30px;
}

.x-header-search input {
  flex: 1;
  height: 100%;
  border: none;
  padding: 0 20px;
  font-size: 16px;
  outline: none;
}

.x-header-search input::placeholder {
  color: #9aa3ad;
}

.x-header-search button {
  width: 56px;
  height: 100%;
  background: #4f9b7a;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 10px 9px 9px 10px;
  border-left: 1px solid #366099;
  border-right: none;
  border-top: none;
  border-bottom: none;
}

.x-header-search button svg{
  color: white;
  width: 22px;
}

/* ---------- ACTIONS ---------- */

.x-header-actions {
  display: flex;
  align-items: center;
  gap: 20px;
}

.x-header-action {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 13px;
  color: #222;
  text-decoration: none;
  white-space: nowrap;
}

.x-header-action img {
  width: 25px;
  height: 25px;
}
/* ---------- BOTTOM MENU ---------- */

.x-header-menu {
  height: 48px;
  border: 1px solid #366099;
  border-radius: 10px;
  padding: 0 18px;
  display: flex;
  align-items: center;
  gap: 24px;
  font-size: 15px;
}

.x-header-menu a {
  text-decoration: none;
  color: #222;
}

/* ---------- TOP NAV: "Шины" DROPDOWN ---------- */
.x-topnav-item {
  position: relative;
  display: inline-flex;
  align-items: center;
  height: 100%;
}

.x-topnav-link {
  display: inline-flex;
  align-items: center;
  height: 100%;
  padding: 0;
  color: inherit;
  text-decoration: none;
}

.x-topnav-dropdown {
  position: absolute;
  top: calc(90%);
  left: 0;

  width: 213px;
  background: #fff;

  border-radius: 0 12px 12px 12px;

  /* FIX SHADOW (мягкий, как в Figma) */
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.47), 0 2px 6px rgba(0, 0, 0, 0.47);


  z-index: 1000;

  opacity: 0;
  transform: translateY(-4px);
  pointer-events: none;

  transition: all .18s ease;
  padding: 15px;
}

.x-topnav-item.is-open .x-topnav-dropdown {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

.x-topnav-item.has-dropdown {
  position: relative; /* ВАЖНО */
}

/* ITEMS */
.x-topnav-dropdown__item {
  display: block;

  font-size: 15px;
  line-height: 1.5;

  font-weight: 400;
  color: #2f3a3a;

  text-decoration: none;

  padding: 3px 6px;
  border-radius: 8px;

  transition: all .15s ease;
}

/* GAP */
.x-topnav-dropdown__item + .x-topnav-dropdown__item {
  margin-top: 6px;
}

/* HOVER — теперь как в норм UI */
.x-topnav-dropdown__item:hover {
  color: #1f7a63;
}

.x-header-spacer {
  flex: 1;
}

.x-header-help {
  color: #222;
}

.x-header-phone {
  font-weight: 600;
  color: #4f9b7a !important;
  white-space: nowrap;
}

/* ---------- MOBILE ---------- */

@media (max-width: 1024px) {

  .x-header-bottom {
    display: none;
  }

  .x-header-top__inner {
    flex-wrap: wrap;
    height: auto;
    padding: 12px 0;
  }

  .x-header-search {
    order: 3;
    width: 100%;
    margin-top: 10px;
  }

}

/* ---------- SCROLL STATE ---------- */

.x-header.is-scrolled {
  box-shadow: 0 6px 20px rgba(0,0,0,.15);
}

.x-mobile-phone{
  display: none;
}

.x-mobile-search-btn{
  display: none;
}

.x-mobile-burger {
  display: none;
}
/* =========================
   MOBILE HEADER (<=1024px)
   ========================= */

@media (max-width: 1024px) {

  .x-header-action:nth-child(1), /* Заказы */
  .x-header-action:nth-child(3),
  .x-header-action:nth-child(4) { /* Избранное */
    display: none;
  }

  .x-header-actions::after {
    content: "☰";
    width: 48px;
    height: 48px;
    background: #4f9b7a;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;

    margin-left: 12px;

    color: #fff;          /* цвет иконки */
    font-size: 22px;      /* размер ☰ */
    font-weight: 600;
    line-height: 1;
    cursor: pointer;

  }
  /* ---------- TOP ROW ---------- */

  .x-header-top
  {
    margin-bottom: 10px;
  }
  .x-header-top__inner {
    margin-top: 0;
    height: 64px;
  }

  .x-header-left {
    gap: 12px;
  }

  .x-catalog {
    display: none;
  }

  .x-header-search {
    display: none;
  }

  /* ---------- ICONS ---------- */

  .x-header-actions {
    gap: 16px;
  }

  .x-header-action span {
    display: none;
  }

  /* ---------- GREEN BURGER ---------- */

  .x-header-burger {
    width: 48px;
    height: 48px;
    background: #4f9b7a;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  /* ---------- SEARCH BAR ---------- */

  .x-header-mobile-search {
    display: flex;
    align-items: center;
    gap: 14px;
    border: 1px solid #366099;
    border-radius: 10px;
    padding: 10px 14px;
    margin-top: 12px;
  }

  /* burger icon */
  .x-mobile-burger {
    background: none;
    border: none;
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 0;
  }

  .x-mobile-burger span {
    width: 22px;
    height: 3px;
    background: #366099;
    border-radius: 2px;
  }

  /* search icon */
  .x-mobile-search-btn {
    background: none;
    border: none;
    font-size: 20px;
  }

  /* phone */
  .x-mobile-phone {
    margin-left: auto;
    font-size: 16px;
    font-weight: 600;
    color: #4f9b7a;
    display: flex;
    align-items: center;
    gap: 6px;
  }

  .x-mobile-phone span {
    font-size: 13px;
    color: #4f9b7a;
    border: 1px solid #4f9b7a;
    border-radius: 6px;
    padding: 2px 6px;
  }

}

/* ===== ОБЁРТКА ===== */
.cheaper-form {
  background: #fff;
  border-radius: 24px;
  padding: 32px 36px;
  width: 420px;
  max-width: 100%;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.35);
}

/* ===== ЗАГОЛОВОК ===== */
.cheaper-form__header {
  padding: 0;
  margin-bottom: 20px;
}

.cheaper-form__title {
  font-size: 20px;
  font-weight: 600;
  color: #1e262e;
}


.form__control {
  margin-bottom: 16px;
}

/* ===== INPUT ===== */
.input {
  height: 52px;
  border-radius: 12px;
  border: 2px solid #4f80ff;
  padding: 0 16px;
  font-size: 16px;
}

.input::placeholder {
  color: #9ca3af;
}

/* ===== TELEPHONE ===== */
.form__control input[type="tel"] {
  letter-spacing: 0.03em;
}

/* ===== CAPTCHA ===== */
.form__captcha {
  margin: 16px 0;
}

/* ===== AGREEMENT ===== */
.form__agreement {
  margin-top: 10px;
}

.checkbox {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

/*.checkbox__input {*/
/*  width: 18px;*/
/*  height: 18px;*/
/*  margin-top: 2px;*/
/*}*/

.checkbox__label {
  font-size: 14px;
  color: #374151;
}

.checkbox__label a {
  color: #4f9f7a;
  text-decoration: underline;
}

/* ===== BUTTON ===== */
.form__footer {
  margin-top: 20px;
}

.button.is-wide {
  width: 100%;
  height: 56px;
  border-radius: 14px;
  background: #4f9f7a;
  border: none;
}

.button.is-wide:disabled,
.button.is-wide.is-disabled {
  background: #d1e5dc;
  cursor: not-allowed;
}


/* ===== ARROW ===== */
.button__arrow {
  margin-left: 10px;
  fill: #fff;
}

.help-modal {
  display: block;
  position: fixed;
  inset: 0;
  z-index: 2000;
}


/* затемнение фона */
.help-modal__overlay {
  position: absolute;
  inset: 0;
  background: rgba(30, 38, 46, 0.85);
}

/* центрирование */
.help-modal__content {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

/* карточка */
.help-modal__card {
  background: #ffffff;
  border-radius: 24px;
  padding: 32px 36px;
  width: 420px;
  max-width: 100%;
  position: relative;
}

/* кнопка закрытия */
.help-modal__close {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 26px;
  line-height: 1;
  background: none;
  border: none;
  color: #1e262e;
  cursor: pointer;
  opacity: 0.5;
  transition: opacity .2s;
}

.help-modal__close:hover {
  opacity: 1;
}

/* заголовок */
.help-modal__title {
  font-weight: 600;
  font-size: 20px;
  display: flex;
  align-items: center;
  gap: 10px;
  color: #1e262e;
}

.help-modal__dot {
  width: 10px;
  height: 10px;
  background: #4f9f7a;
  border-radius: 50%;
}

/* телефон */
.help-modal__phone {
  margin-top: 12px;
}

.help-modal__phone a {
  font-size: 28px;
  color: #4f9f7a;
  font-weight: 700;
  text-decoration: none;
}

/* подпись */
.help-modal__worktime {
  margin-top: 6px;
  font-size: 15px;
  color: #6b7280;
}

/* разделитель */
.help-modal__divider {
  margin: 20px 0;
  border: none;
  border-top: 1px solid #e5e7eb;
}

/* подзаголовки */
.help-modal__subtitle {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 6px;
  color: #1e262e;
}

.help-modal__text {
  font-size: 15px;
  color: #374151;
  margin-bottom: 16px;
}

/* телефон */
.help-modal__form {
  margin-top: 8px;
}

.help-modal__label {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 6px;
}

.help-modal__phone-input {
  display: flex;
  gap: 12px;
  margin-bottom: 14px;
}

.help-modal__phone-input span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 52px;
  border-radius: 12px;
  border: 1px solid #253340;
  font-size: 16px;
  font-weight: 600;
}

.help-modal__phone-input input {
  flex: 1;
  height: 52px;
  border-radius: 12px;
  border: 1px solid #253340;
  padding: 0 16px;
  font-size: 16px;
}

/* чекбокс */
.help-modal__agree {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  margin: 10px 0 20px;
}

.help-modal__agree input {
  width: 18px;
  height: 18px;
}

.help-modal__agree a {
  color: #4f9f7a;
  text-decoration: underline;
}

/* кнопка */
.help-modal__submit {
  width: 100%;
  height: 56px;
  border-radius: 14px;
  background: #4f9f7a;
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  border: none;
  cursor: pointer;
  transition: background .2s;
}

.help-modal__submit:disabled {
  background: #d1e5dc;
  cursor: not-allowed;
}

.help-modal__agree input[type="checkbox"] {
  width: 18px;
  height: 18px;
  accent-color: #366099; /* зелёный как в макете */
  cursor: pointer;
}

.help-modal__submit {
  cursor: pointer;
}

.help-modal__submit:disabled {
  background: #d1e5dc;
  cursor: not-allowed;
}

/**
 * cheaper-form — scoped styles
 */

/* ===== CARD ===== */
.cheaper-form {
  max-width: 420px;
  margin: 0 auto;
  padding: 32px 36px;
  background-color: #ffffff;
  border-radius: 24px;
  box-shadow: 0 20px 60px rgba(0,0,0,0.35);
}

/* ===== HEADER ===== */
.cheaper-form__header {
  padding-bottom: 0;
  border-bottom: none;
  margin-bottom: 20px;
}

.cheaper-form__title {
  font-size: 20px;
  font-weight: 600;
  color: #1e262e;
}

/* ===== BODY ===== */
.cheaper-form__body {
  margin-top: 0;
  padding-left: 0;
  padding-right: 0;
}

/* ===== LABEL ===== */
.cheaper-form .form__label {
  display: block;
  margin-bottom: 6px;
  font-size: 14px;
  font-weight: 500;
  color: #1e262e;
}

/* ===== INPUT (SAFE) ===== */
.cheaper-form .input {
  width: 100%;
  height: 52px;
  padding: 0 16px;
  font-size: 16px;
  border-radius: 12px;
  border: 1px solid #366099;
  background-color: #ffffff;
  transition: border-color .2s, box-shadow .2s;
}

.cheaper-form .input::placeholder {
  color: #9ca3af;
}

.cheaper-form .input:focus {
  outline: none;
  border-color: #4f9f7a;
  box-shadow: 0 0 0 3px rgba(79,159,122,0.15);
}

/* ===== PHONE ===== */
.cheaper-form .input[type="tel"] {
  letter-spacing: 0.04em;
}

/* ===== CAPTCHA ===== */
.cheaper-form .form__captcha {
  margin: 16px 0;
}

/* ===== CHECKBOX ===== */
.cheaper-form .checkbox {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

/*.cheaper-form .checkbox__input {*/
/*  width: 18px;*/
/*  height: 18px;*/
/*  accent-color: #4f9f7a;*/
/*  cursor: pointer;*/
/*}*/

.cheaper-form .checkbox__label {
  font-size: 14px;
  line-height: 1.4;
  color: #374151;
}

.cheaper-form .checkbox__label .link {
  color: #4f9f7a;
  font-weight: 700 !important;
  text-decoration: none !important;
}

/* ===== FOOTER ===== */
.cheaper-form .form__footer {
  margin-top: 20px;
}

/* ===== BUTTON ===== */
.cheaper-form .button.is-wide {
  width: 100%;
  height: 56px;
  border-radius: 14px;
  background-color: #4f9f7a;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.cheaper-form .button.is-wide:hover {
  background-color: #438c6c;
}

.cheaper-form .button.is-wide:disabled,
.cheaper-form .button.is-wide.is-disabled {
  background-color: #d1e5dc;
  cursor: not-allowed;
}

.cheaper-form .button__label {
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
}

.cheaper-form .button__arrow {
  fill: #ffffff;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 560px) {
  .cheaper-form {
    padding: 24px 20px;
    border-radius: 20px;
  }
}

/* ================================
   SUPPORT BLOCK (TOP)
================================ */
.cheaper-form__support {
  margin-bottom: 24px;
}

.cheaper-form__support-title {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 18px;
  font-weight: 600;
  color: #1e262e;
}

.cheaper-form__dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #4f9f7a;
}

/* phone */
.cheaper-form__support-phone {
  display: block;
  margin-top: 10px;
  font-size: 32px;
  font-weight: 700;
  color: #4f9f7a;
  text-decoration: none;
}

.cheaper-form__support-phone:hover {
  text-decoration: underline;
}

/* worktime */
.cheaper-form__support-worktime {
  margin-top: 6px;
  font-size: 16px;
  color: #1e262e;
}

/* divider line */
.cheaper-form__divider {
  margin-top: 18px;
  height: 1px;
  background-color: #9bb0cf;
  opacity: 0.6;
}

/* ================================
   FORM TEXT BLOCK
================================ */
.cheaper-form__text {
  margin-top: 8px;
  font-size: 16px;
  line-height: 1.4;
  color: #1e262e;
}

/* ================================
   PHONE LABEL
================================ */
.cheaper-form__label {
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: 500;
  color: #1e262e;
}

/* ================================
   AGREEMENT (ALIGN FIX)
================================ */
.cheaper-form .checkbox {
  align-items: center;
}

/* ===== PHONE WRAPPER ===== */
.cheaper-form__phone {
  display: flex;
  gap: 12px;
}

/* ===== +7 BOX ===== */
.cheaper-form__phone-code {
  width: 72px;
  height: 52px;
  border-radius: 12px;
  border: 2px solid #4f80ff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 600;
  color: #1e262e;
  background: #ffffff;
}

/* ===== INPUT WRAPPER ===== */
.cheaper-form__phone-input {
  flex: 1;
}

/* ===== INPUT INSIDE (scoped) ===== */
.cheaper-form__phone-input .input {
  height: 52px;
  border-radius: 12px;
}

.cheaper-form .required span,
.cheaper-form .form__control.required::after {
  display: none !important;
  content: none !important;
}


.cheaper-form .button.is-wide:disabled {
  background-color: rgba(44, 151, 125, 0.44);
  cursor: not-allowed;
}

.cheaper-form .button.is-wide:not(:disabled) {
  cursor: pointer;
}


.checkbox__input.is-agreement{
  width: 20px;
  height: 20px;
  /* border: #36609933; */
  border: 1px solid #36609933;
}

.checkbox__input.is-agreement:checked {
  accent-color: #366099;
}


.section__selection-form{
  max-width: 600px;
  width: 100%;
}

.ss-filter__info{
  display: none;
}

.section__body--bg{
  background: linear-gradient(135deg, #2C977D 0%, #0E3129 100%);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.section__body{
  border-radius: 10px;
}

.hero-banner {
  max-width: 520px;
  margin-top: 80px;
}

/* Карточка */
.hero-banner-card {
  border-radius: 14px;
  overflow: hidden;
  margin-bottom: 50px;
}

/* Серый верх */
.hero-banner-content {
  position: relative;
  background: #d9d9d9;
  padding: 28px;
}

/* серый заход */
.hero-banner-content::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -32px;

  width: 55%;
  height: 40px;

  background: #d9d9d9;
}

/* Заголовки */
.hero-title {
  font-size: 40px;
  font-weight: 700;
  line-height: 1.15;
  margin-bottom: 14px;
  color: #253340;
}

.hero-subtitle {
  font-size: 18px;
  color: #253340;
  opacity: 0.9;
}

.hero-banner-discount {
  background: #2C977D;
  color: #fff;
  text-align: end;
  padding: 0px 60px 5px 0px;
}
/* Процент */
.hero-banner-discount span {
  font-size: 36px;
  font-weight: 700;
}


.hero-button {
  display: inline-block;
  padding: 14px 28px;
  background-color: #2C977D ;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  border-radius: 6px;
  transition: background-color 0.2s ease;
  color: white;
}

@media (max-width: 1024px) {
  .hero-banner-discount {
    display: none;
  }
}
.tires-block {
  max-width: 1200px;
  margin: 40px auto; /* было 40 */
}

.tires-block__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px; /* было 24 */
}

.tires-block__title {
  font-size: 24px; /* было 26 */
  font-weight: 600;
}

.tires-sort {
  padding: 10px 12px;
  border: 1px solid #366099;
  background: #fff;
  border-radius: 8px;
  cursor: pointer;
}

.tires-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px; /* было 24 */
}

.tire-card {
  position: relative;
  padding: 14px; /* было 16 */
  text-align: center;

  /* ВАЖНО */
  min-height: 440px;
  display: flex;
  flex-direction: column;
}

.tire-img {
  max-width: 100%;
  max-height: 185px; /* НОВОЕ */
  object-fit: contain;
}

.tire-title {
  margin-bottom: 5px;
  font-size:24px;
  font-weight: 500;
}

.tire-fav {
  position: absolute;
  top: 10px; /* было 12 */
  right: 10px;
  font-size: 18px;
  cursor: pointer;
}

.tire-rating {
  color: #f59e0b;
  margin-bottom: 4px;
}

.tire-stock {
  font-size: 13px;
  color: #000000;        /* серый текст */
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin-bottom: 12px;
  font-weight: 500;

}

/* сама точка */
.tire-stock-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
}

/* зелёная */
.tire-stock-dot--green {
  background: #4fa37a;
}

/* серая */
.tire-stock-dot--gray {
  background: #000000;
}


.tire-prices {
  display: flex;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px;
  flex-direction: row;
  justify-content: normal;
  margin-bottom: 5px;
}

.tire-price-item {
  text-align: center;
}

.tire-qty {
  font-size: 16px;          /* КРУПНО */
  font-weight: 700;
  color: #9aa0a6;           /* серый как в дизайне */
  margin-bottom: 6px;
}

.tire-price {
  font-size: 16px;          /* КРУПНО */
  font-weight: 700;
  color: #4fa37a;           /* зелёный как в дизайне */
}

.tire-counter {
  display: flex;
  align-items: center;
  width: 100%;
  height: 44px;
  border: 1px solid #C7C7C7;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 16px;
}

.tire-counter-btn {
  border-radius: 10px;
  width: 48px;
  height: 100%;
  background: #C7C7C7;
  border: none;
  font-size: 22px;
  font-weight: 200;
  color: #1f2937;
  cursor: pointer;
}

.tire-counter-value {
  flex: 1;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  color: #1f2937;
  background: #fff;
}


.tire-btn {
  width: 100%;
  height: 56px;                 /* ВЫСОТА как в дизайне */
  border-radius: 14px;          /* скругление */
  border: none;

  font-size: 15px;              /* крупный текст */
  font-weight: 700;
  text-transform: uppercase;    /* В КОРЗИНУ */

  display: flex;
  align-items: center;
  justify-content: center;

  cursor: pointer;
}

.tire-btn--green {
  background: #4fa37a;          /* зелёный из дизайна */
  color: #ffffff;               /* БЕЛЫЙ текст */
}


.tire-btn--blue {
  background: #3b5b92;
  color: #ffffff;
}

.tire-badge {
  width: 173px;  /* было 90 */
  height: 173px;
  border-radius: 50%;
  background: #e5e7eb;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px; /* было 28 */
  font-weight: 700;
  color: #6b7280;
  margin: 0 auto 12px; /* было 16 */
}

.rating {
  display: flex;
  justify-content: center;
}

.rating-svg {
  width: 110px;
  height: 22px;
}

/* серые */
.stars-bg path {
  fill: #cfcfcf;
}

/* зелёные */
.stars-fill {
  overflow: hidden;
}

.stars-fill path {
  fill: #4fa37a;
}

.tires-arrow {
  display: none;
  font-size: 32px;
  font-weight: 400;
}

.tire-counter-btn {
  order: 1;
}

.tire-counter-value {
  order: 2;
}

.tire-counter-btn:last-child {
  order: 3;
}

@media (max-width: 1024px) {

  .tires-sort {
    display: none; /* ❌ сортировку убираем */
  }

  .tires-arrow {
    display: block; /* ➜ стрелка */
  }
  .tire-fav {
    display: none;
  }
  .tires-block {
    margin: 20px 0;
    padding-left: 16px;
  }

  .tires-block__header {
    margin-bottom: 16px;
    padding-right: 16px;
  }

  .tires-grid {
    display: flex;
    gap: 16px;
    overflow-x: auto;
    padding-bottom: 10px;

    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }

  .tires-grid::-webkit-scrollbar {
    display: none;
  }

  .tire-card {
    flex: 0 0 260px;   /* ширина карточки */
    scroll-snap-align: start;
  }

  .tire-img {
    max-height: 160px;
  }

  .tire-title {
    font-size: 18px;
  }

  .tire-qty {
    font-size: 14px;
  }

  .tire-price {
    font-size: 16px;
  }

  .tire-btn {
    height: 52px;
    font-size: 14px;
  }

  .tire-badge {
    width: 150px;
    height: 150px;
  }

  .tire-counter {
    display: flex;
  }

  .tire-counter-value {
    order: 1;   /* 1 СНАЧАЛА */
  }

  .tire-counter-btn:first-child {
    order: 2;   /* − ПОСЛЕ */
  }

  .tire-counter-btn:last-child {
    order: 3;   /* + В КОНЦЕ */
    border-radius: 0;
    border-left: 1px solid black;
  }

  .tire-counter-btn {
    order: 1;
    border-radius: 10px 0px 0px 10px;

  }
}

@media (max-width: 1024px) {

  /* 1️⃣ УБИРАЕМ БОЛЬШОЙ ФОН */
  .section__body--bg {
    background: none !important;
    padding: 0 !important;
  }

  /* 2️⃣ КОНТЕЙНЕР В КОЛОНКУ */
  .section__body > div {
    flex-direction: column !important;
    gap: 16px;
  }

  /* 3️⃣ HERO = КАРТОЧКА АКЦИИ */
  .hero-banner {
    order: 2; /* ⬅️ НИЖЕ формы */
    display: block;

    padding: 60px !important;
    border-radius: 20px;

    background: linear-gradient(135deg, #2C977D 0%, #0E3129 100%);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: #000;
    margin: auto;
    width: 100%;
  }

  /* скрываем большой заголовок */
  .hero-title {
    font-size: 21px;
    line-height: 1.2;
    margin-bottom: 8px;
  }

  .hero-subtitle {
    font-size: 14px;
    font-weight: 400 !important;
    margin-bottom: 16px;
    color: #253340;

  }

  /* кнопка в карточке */
  .hero-button {
    display: inline-flex;
    padding: 15px 24px;
    border-radius: 12px;
    background: #2C977D;
    color: #fff;
    font-weight: 600;
    text-decoration: none;
  }

  /* 4️⃣ ФОРМА — ПЕРВАЯ */
  .section__selection-form {
    order: 1;
    margin: auto;
  }
}

.promo-block {
  max-width: 1200px;
  margin: 60px auto;
}

.promo-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}

.promo-title {
  font-size: 32px;
  font-weight: 700;
}

.promo-all {
  padding: 10px 12px;
  border: 1px solid #366099;
  background: #fff;
  border-radius: 8px;
  cursor: pointer;
  text-decoration: none;
  color: #253340;
}

.promo-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.promo-card {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.promo-image {
  height: 240px;         /* фикс */
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  margin-bottom: 5px;

}

.promo-image img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.promo-image--blue {
  background: #6ec1e4;
}

.promo-info {
  flex: 1;               /* растягивается */
  display: flex;
  flex-direction: column;
  color: white;
  background-color: #253340;
  border-radius: 10px;
  padding: 20px;
  margin-bottom: 15px;

}

.promo-info h3 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 6px;
  color: white;
}

.promo-info p {
  font-size: 14px;
  opacity: 0.9;
  margin-bottom: 12px;
  color: white;

}

.promo-date {
  font-size: 12px;
  opacity: 0.7;
}

.promo-btn {
  margin-top: auto;
  height: 54px;
  border-radius: 14px;
  background: #4fa37a;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
@media (max-width: 1024px) {
  .promo-grid {
    grid-template-columns: 1fr;
  }
}


.services {
  max-width: 1200px;
  margin: 80px auto;
}

.services-header {
  margin-bottom: 32px;
}

.services-header h2 {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 6px;
}

.services-header p {
  font-size: 18px;
  color: #6b7280;
}

.services-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}

.service-card {
  display: flex;
  flex-direction: column;
}

.service-image {
  height: 220px;
  border-radius: 10px 10px 0 0;
  background-size: cover;
  background-position: center;
}

.service-body {
  flex: 1;
  background: #253340;
  color: #fff;
  padding: 25px;
  display: flex;
  flex-direction: column;
  border-radius: 0px 0px 10px 10px;
}

.service-body h3 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 8px;
  color: white;
}

.service-desc {
  font-size: 14px;
  opacity: 0.9;
  margin-bottom: 12px;
}

.service-process strong {
  font-size: 14px;
}

.service-process ul {
  padding-left: 18px;
  margin: 8px 0 16px;
  font-size: 14px;
}

.service-price {
  margin-top: auto;
  font-size: 18px;
  font-weight: 700;
}

.service-btn {
  margin-top: 12px;
  height: 54px;
  background: #4fa37a;
  color: #fff;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
}

.promo-header-service {
  grid-column: 1 / -1;     /* ⬅️ занимает ВСЕ колонки */
  display: flex;
  justify-content: center;
  margin-top: 32px;
}

.promo-header-service .promo-all {
  margin: 0 auto;
}

@media (max-width: 1024px) {

  /* header как на скрине */
  .promo-header {
    align-items: center;
  }

  .promo-title {
    font-size: 24px;
  }

  .promo-all {
    border: none;
    padding: 0;
    font-size: 16px;
    color: #253340;
  }

  /* горизонтальный скролл */
  .promo-grid {
    display: flex;
    gap: 16px;
    overflow-x: auto;
    padding-bottom: 10px;

    /* убираем grid */
    grid-template-columns: none;
  }

  .promo-grid::-webkit-scrollbar {
    display: none;
  }

  /* карточка фиксированной ширины */
  .promo-card {
    min-width: 370px;
    flex-shrink: 0;
  }

  .promo-image {
    height: 180px;
  }

  .promo-info h3 {
    font-size: 18px;
  }

  .promo-info p {
    font-size: 13px;
  }

  .promo-btn {
    height: 48px;
    font-size: 14px;
  }
}

@media (max-width: 1024px) {

  /* ===== SERVICES GRID → HORIZONTAL SCROLL ===== */

  .services-grid {
    display: flex;
    gap: 16px;
    overflow-x: auto;
    padding-bottom: 16px;

    /* выключаем grid */
    grid-template-columns: none;
  }

  .services-grid::-webkit-scrollbar {
    display: none;
  }

  /* карточка фиксированной ширины */
  .service-card {
    min-width: 280px;
    max-width: 280px;
    flex-shrink: 0;
  }

  .service-image {
    height: 180px;
  }

  .service-body h3 {
    font-size: 20px;
  }

  .service-desc,
  .service-process ul {
    font-size: 13px;
  }

  .service-btn {
    height: 48px;
    font-size: 14px;
  }

}

/* ===== MOBILE CATALOG ===== */

.x-mobile-catalog {
  display: none;
}

/* ---------- MOBILE ONLY ---------- */
@media (max-width: 1024px) {

  .x-mobile-catalog {
    position: fixed;
    top: 140px; /* под строкой поиска */
    left: 16px;
    right: 16px;

    background: #fff;
    border-radius: 16px;
    box-shadow: 0 12px 30px rgba(0,0,0,.2);

    overflow: hidden;
    z-index: 100000;

    opacity: 0;
    transform: translateY(-10px);
    pointer-events: none;

    transition: opacity .25s ease, transform .25s ease;
  }

  body.mobile-catalog-open .x-mobile-catalog {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
    display: block;
  }

  .x-mobile-catalog a {
    display: block;
    padding: 18px 20px;
    font-size: 16px;
    font-weight: 500;
    color: #222;
    text-decoration: none;
  }

  .x-mobile-catalog a + a {
    border-top: 1px solid #eee;
  }

  .x-mobile-catalog a:hover {
    background: #f3f7f5;
  }
}

/* ===== MOBILE MENU ===== */

.x-mobile-menu {
  position: fixed;
  inset: 0;
  z-index: 200000;
  pointer-events: none;
}

.x-mobile-menu__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.5);
  opacity: 0;
  transition: opacity .3s ease;
}

.x-mobile-menu__panel {
  position: absolute;
  top: 0;
  right: 0;
  width: 85%;
  max-width: 420px;
  height: 100%;
  background: #fff;

  transform: translateX(100%);
  transition: transform .35s ease;

  display: flex;
  flex-direction: column;
}

/* OPEN STATE */
body.mobile-menu-open .x-mobile-menu {
  pointer-events: auto;
}

body.mobile-menu-open .x-mobile-menu__overlay {
  opacity: 1;
}

body.mobile-menu-open .x-mobile-menu__panel {
  transform: translateX(0);
}

/* HEADER */
.x-mobile-menu__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 18px;
  border-bottom: 1px solid #eee;
}

.x-mobile-menu__close {
  background: none;
  border: none;
  font-size: 26px;
  cursor: pointer;
}

/* NAV */
.x-mobile-menu__nav a {
  display: block;
  padding: 18px;
  font-size: 18px;
  color: #222;
  text-decoration: none;
  border-bottom: 1px solid #f0f0f0;
}

/* FOOTER */
.x-mobile-menu__footer {
  margin-top: auto;
  padding: 18px;
  border-top: 1px solid #eee;
}

.x-header-actions {
  position: relative;
}

.x-mobile-menu-btn {
  position: absolute;
  right: 0;
  top: 0;

  width: 48px;
  height: 48px;
  background: transparent;
  border: none;
  cursor: pointer;
  z-index: 10;
}

/* Только мобилка */
@media (min-width: 1025px) {
  .x-mobile-menu,
  .x-mobile-menu-btn {
    display: none;
  }
}

@media (max-width: 1024px) {

  .x-header-mobile-search {
    position: relative;
    opacity: 1;
    transform: none;

    transition:
            transform 0.5s ease,
            background-color 0.5s ease,
            box-shadow 0.5s ease;
  }

  .header.is-scrolled .x-header-mobile-search {
    position: fixed;
    top: 8px;
    left: 0;
    right: 0;

    padding: 10px 25px;
    height: 64px;
    z-index: 1200;

    transform: translateY(0);
    background: transparent;
    border: none;
  }

  .header.is-scrolled .x-header-mobile-search::after {
    content: '';
    position: fixed;
    top: -20px;
    left: 0;
    right: 0;

    height: 100px;              /* 👈 высота белой зоны сверху */
    background: #fff;
    z-index: 0;
  }

  .header.is-scrolled .x-header-mobile-search::before {
    content: '';
    position: absolute;
    inset: 0 12px;
    background: #4f9b7a;
    border-radius: 16px;
    box-shadow: 0 8px 24px rgba(0,0,0,.18);
    z-index: 1;

    /* плавность */
    transition: opacity 0.25s ease;
    opacity: 1;
  }

  .header.is-scrolled .x-header-mobile-search .x-mobile-burger span{
    background: white;
    z-index: 1;
  }
  /* иконки на зелёном фоне */
  .x-header.is-scrolled .x-mobile-burger span {
    background: #fff;
    z-index: 1;
  }

  .header.is-scrolled .x-mobile-catalog {
    top: 75px;
  }

  .x-header.is-scrolled .x-mobile-phone,
  .x-header.is-scrolled .x-mobile-phone span {
    color: #fff;
    border-color: #fff;
    z-index: 1;
  }
}

@media (max-width: 1024px) {
  .x-header.is-scrolled + .page__content {
    padding-top: 64px;
  }
}

@media (max-width: 1024px) {
  .x-header.is-scrolled + .page__content {
    padding-top: 64px;
  }
  .cheaper-form{
    width: 100%;
  }
}

@media (max-width: 1024px) and (min-width: 401px) {
  .x-header-logo {
    width: 150px;
    height: 50px;
  }
}

@media (max-width: 400px) {
  .x-header-logo {
    width: 110px;
    height: 50px;
  }
}

@media (max-width: 1340px) {
  .container {
    max-width: none;          /* контейнер тянется */
    padding: 0 24px;          /* 👈 ВОЗДУХ ПО КРАЯМ */
  }
  .x-header-menu{
    gap: 15px;
  }
}

.contacts {
  display: flex;
  margin: 0 auto;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 20px;
}

.contacts__info {
  flex: 1;
  background: #2c977d;
  color: #fff;
  padding:50px 0px 50px 85px;
}

.contacts__info h2 {
  font-size: 40px;
  margin-bottom: 30px;
  color: white;
  font-weight: 700;
}

.item {
  display: flex;
  align-items: flex-start;
  gap: 15px;
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: 700;
}

.item svg {
  width: 30px;
}

.contacts__requisites {
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-size: 18px;
}

.contacts__requisites a {
  color: #fff;
  text-decoration: underline;
  text-underline-offset: 3px;
  transition: opacity 150ms ease;
}

.contacts__requisites a:hover {
  opacity: 0.8;
}

.contacts__map {
  flex: 1.2;
  background: #9e9e9e;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  font-weight: bold;
  color: #000;
}

.contacts__map {
  position: relative;
}

.contacts__map iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: none;
}

@media (max-width: 768px) {

  .contacts {
    flex-direction: column;
  }

  .contacts__info {
    padding: 30px 20px;
  }

  .contacts__info h2 {
    font-size: 28px;
    margin-bottom: 20px;
  }

  .item {
    font-size: 18px;
    gap: 12px;
  }

  .item svg {
    width: 24px;
  }

  .contacts__map {
    min-height: 300px;
  }
}

.x-mobile-menu__panel {
  width: 90%;
  max-width: 320px;
  background: #fff;
  border-radius: 20px;
  padding: 20px;
}

.x-mobile-title {
  font-weight: 700;
  font-size: 18px;
  margin: 20px 0 10px;
}

.x-mobile-catalog-list a {
  display: block;
  padding: 8px 0;
  color: #2b2b2b;
  text-decoration: none;
  font-size: 16px;
}

/* ================================
   FORM / AGREEMENT CHECKBOXES — единый размер во всех формах
   Полностью кастомная галочка фиксированного размера (20x20) вместо
   нативной — нативные чекбоксы на macOS/Safari игнорируют width/height,
   из-за чего галочки выглядели разного размера. flex-shrink:0 не даёт
   сжимать их, когда подпись переносится на несколько строк.
================================ */
.form__agreement .checkbox,
.cheaper-form .checkbox {
  align-items: flex-start;
  gap: 10px;
}

.form__agreement .checkbox__input,
.cheaper-form .checkbox__input,
.checkbox__input.is-agreement {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: static;
  opacity: 1;
  width: 20px;
  height: 20px;
  min-width: 20px;
  margin: 1px 0 0;
  flex: 0 0 20px;
  box-sizing: border-box;
  border: 1px solid #36609980;
  border-radius: 4px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 12px 12px;
  cursor: pointer;
  transition: background-color 150ms ease, border-color 150ms ease;
}

.form__agreement .checkbox__input:checked,
.cheaper-form .checkbox__input:checked,
.checkbox__input.is-agreement:checked {
  background-color: #366099;
  border-color: #366099;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M2.5 6.2l2.3 2.3L9.5 3.5'/%3E%3C/svg%3E");
}

.form__agreement .checkbox__input:focus-visible,
.cheaper-form .checkbox__input:focus-visible,
.checkbox__input.is-agreement:focus-visible {
  outline: 2px solid #86d3ff;
  outline-offset: 1px;
}