/* Start:/local/templates/main/assets/assets/main.min.css?1766568075398906*/
.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {
    color: #dedede; }
    .datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {
      color: #c5c5c5; }
    .-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- {
      color: #dedede; }
    .-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {
      color: #fff;
      background: #a2ddf6; }
      .-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {
        background: #8ad5f4; }
    .-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {
      background-color: rgba(92, 196, 239, 0.1);
      color: #cccccc; }
      .-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
        background-color: rgba(92, 196, 239, 0.2); }
    .datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty {
      background: none;
      border: none; }
  

@font-face {
    font-family: 'TT Hoves';
    src: url('/local/templates/main/assets/assets/font/font/TTHoves-Thin.eot');
    src: local('TT Hoves Thin'), local('TTHoves-Thin'),
        url('/local/templates/main/assets/assets/font/font/TTHoves-Thin.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/main/assets/assets/font/font/TTHoves-Thin.woff2') format('woff2'),
        url('/local/templates/main/assets/assets/font/font/TTHoves-Thin.woff') format('woff'),
        url('/local/templates/main/assets/assets/font/font/TTHoves-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'TT Hoves';
    src: url('/local/templates/main/assets/assets/font/font/TTHoves-DemiBold.eot');
    src: local('TT Hoves DemiBold'), local('TTHoves-DemiBold'),
        url('/local/templates/main/assets/assets/font/font/TTHoves-DemiBold.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/main/assets/assets/font/font/TTHoves-DemiBold.woff2') format('woff2'),
        url('/local/templates/main/assets/assets/font/font/TTHoves-DemiBold.woff') format('woff'),
        url('/local/templates/main/assets/assets/font/font/TTHoves-DemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
  /* -------------------------------------------------
      Datepicker cells
     ------------------------------------------------- */
  .datepicker--cells {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -moz-box;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
  
  .datepicker--cell {
    -webkit-border-radius: 4px;
            border-radius: 4px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -moz-box;
    display: flex;
    position: relative;
    -webkit-align-items: center;
        -ms-flex-align: center;
            -webkit-box-align: center;
               -moz-box-align: center;
            align-items: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            -webkit-box-pack: center;
               -moz-box-pack: center;
            justify-content: center;
    height: 32px;
    z-index: 1; }
    .datepicker--cell.-focus- {
      background: #f0f0f0; }
    .datepicker--cell.-current- {
      color: #0a5bac; }
      .datepicker--cell.-current-.-focus- {
        color: #4a4a4a; }
      .datepicker--cell.-current-.-in-range- {
        color: #0a5bac; }
    .datepicker--cell.-in-range- {
      background: rgba(92, 196, 239, 0.1);
      color: #4a4a4a;
      -webkit-border-radius: 0;
              border-radius: 0; }
      .datepicker--cell.-in-range-.-focus- {
        background-color: rgba(92, 196, 239, 0.2); }
    .datepicker--cell.-disabled- {
      cursor: default;
      color: #aeaeae; }
      .datepicker--cell.-disabled-.-focus- {
        color: #aeaeae; }
      .datepicker--cell.-disabled-.-in-range- {
        color: #a1a1a1; }
      .datepicker--cell.-disabled-.-current-.-focus- {
        color: #aeaeae; }
    .datepicker--cell.-range-from- {
      border: 1px solid rgba(92, 196, 239, 0.5);
      background-color: rgba(92, 196, 239, 0.1);
      -webkit-border-radius: 4px 0 0 4px;
              border-radius: 4px 0 0 4px; }
    .datepicker--cell.-range-to- {
      border: 1px solid rgba(92, 196, 239, 0.5);
      background-color: rgba(92, 196, 239, 0.1);
      -webkit-border-radius: 0 4px 4px 0;
              border-radius: 0 4px 4px 0; }
    .datepicker--cell.-range-from-.-range-to- {
      -webkit-border-radius: 4px;
              border-radius: 4px; }
    .datepicker--cell.-selected- {
      color: #fff;
      border: none;
      background: #5cc4ef; }
      .datepicker--cell.-selected-.-current- {
        color: #fff;
        background: #5cc4ef; }
      .datepicker--cell.-selected-.-focus- {
        background: #45bced; }
    .datepicker--cell:empty {
      cursor: default; }
  
  .datepicker--days-names {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -moz-box;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin: 8px 0 3px; }
  
  .datepicker--day-name {
    color: #0a5bac;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            -webkit-box-align: center;
               -moz-box-align: center;
            align-items: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            -webkit-box-pack: center;
               -moz-box-pack: center;
            justify-content: center;
    -webkit-flex: 1;
        -ms-flex: 1;
            -webkit-box-flex: 1;
               -moz-box-flex: 1;
            flex: 1;
    text-align: center;
    text-transform: uppercase;
    font-size: .8em; }
  
  .datepicker--cell-day {
    width: 14.28571%; }
  
  .datepicker--cells-months {
    height: 170px; }
  
  .datepicker--cell-month {
    width: 33.33%;
    height: 25%; }
  
  .datepicker--years {
    height: 170px; }
  
  .datepicker--cells-years {
    height: 170px; }
  
  .datepicker--cell-year {
    width: 25%;
    height: 33.33%; }
  
  .datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {
    color: #dedede; }
    .datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {
      color: #c5c5c5; }
    .-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- {
      color: #dedede; }
    .-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {
      color: #fff;
      background: #a2ddf6; }
      .-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {
        background: #8ad5f4; }
    .-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {
      background-color: rgba(92, 196, 239, 0.1);
      color: #cccccc; }
      .-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
        background-color: rgba(92, 196, 239, 0.2); }
    .datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty {
      background: none;
      border: none; }
  
  /* -------------------------------------------------
      Datepicker
     ------------------------------------------------- */
  .datepickers-container {
    position: absolute;
    left: 0;
    top: 0; }
    @media print {
      .datepickers-container {
        display: none; } }
  
  .datepicker {
    background: #fff;
    border: 1px solid #dbdbdb;
    -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    -webkit-border-radius: 4px;
            border-radius: 4px;
    -webkit-box-sizing: content-box;
       -moz-box-sizing: content-box;
            box-sizing: content-box;
    font-family: Tahoma, sans-serif;
    font-size: 14px;
    color: #4a4a4a;
    width: 250px;
    position: absolute;
    left: -100000px;
    opacity: 0;
    transition: opacity 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease;
    -webkit-transition: opacity 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease;
    -o-transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s;
    transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s;
    transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease;
    z-index: 100; }
    .datepicker.-from-top- {
      -webkit-transform: translateY(-8px);
              -ms-transform: translateY(-8px);
          transform: translateY(-8px); }
    .datepicker.-from-right- {
      -webkit-transform: translateX(8px);
              -ms-transform: translateX(8px);
          transform: translateX(8px); }
    .datepicker.-from-bottom- {
      -webkit-transform: translateY(8px);
              -ms-transform: translateY(8px);
          transform: translateY(8px); }
    .datepicker.-from-left- {
      -webkit-transform: translateX(-8px);
              -ms-transform: translateX(-8px);
          transform: translateX(-8px); }
    .datepicker.active {
      opacity: 1;
      -webkit-transform: translate(0);
              -ms-transform: translate(0);
          transform: translate(0);
      transition: opacity 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease;
      -webkit-transition: opacity 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease;
      -o-transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s;
      transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s;
      transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease; }
  
  .datepicker-inline .datepicker {
    border-color: #d7d7d7;
    -webkit-box-shadow: none;
            box-shadow: none;
    position: static;
    left: auto;
    right: auto;
    opacity: 1;
    -webkit-transform: none;
            -ms-transform: none;
        transform: none; }
  
  .datepicker-inline .datepicker--pointer {
    display: none; }
  
  .datepicker--content {
    -webkit-box-sizing: content-box;
       -moz-box-sizing: content-box;
            box-sizing: content-box;
    padding: 4px; }
    .-only-timepicker- .datepicker--content {
      display: none; }
  
  .datepicker--pointer {
    position: absolute;
    background: #fff;
    border-top: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb;
    width: 10px;
    height: 10px;
    z-index: -1; }
    .-top-left- .datepicker--pointer, .-top-center- .datepicker--pointer, .-top-right- .datepicker--pointer {
      top: calc(100% - 4px);
      -webkit-transform: rotate(135deg);
              -ms-transform: rotate(135deg);
          transform: rotate(135deg); }
    .-right-top- .datepicker--pointer, .-right-center- .datepicker--pointer, .-right-bottom- .datepicker--pointer {
      right: calc(100% - 4px);
      -webkit-transform: rotate(225deg);
              -ms-transform: rotate(225deg);
          transform: rotate(225deg); }
    .-bottom-left- .datepicker--pointer, .-bottom-center- .datepicker--pointer, .-bottom-right- .datepicker--pointer {
      bottom: calc(100% - 4px);
      -webkit-transform: rotate(315deg);
              -ms-transform: rotate(315deg);
          transform: rotate(315deg); }
    .-left-top- .datepicker--pointer, .-left-center- .datepicker--pointer, .-left-bottom- .datepicker--pointer {
      left: calc(100% - 4px);
      -webkit-transform: rotate(45deg);
              -ms-transform: rotate(45deg);
          transform: rotate(45deg); }
    .-top-left- .datepicker--pointer, .-bottom-left- .datepicker--pointer {
      left: 10px; }
    .-top-right- .datepicker--pointer, .-bottom-right- .datepicker--pointer {
      right: 10px; }
    .-top-center- .datepicker--pointer, .-bottom-center- .datepicker--pointer {
      left: calc(50% - 10px / 2); }
    .-left-top- .datepicker--pointer, .-right-top- .datepicker--pointer {
      top: 10px; }
    .-left-bottom- .datepicker--pointer, .-right-bottom- .datepicker--pointer {
      bottom: 10px; }
    .-left-center- .datepicker--pointer, .-right-center- .datepicker--pointer {
      top: calc(50% - 10px / 2); }
  
  .datepicker--body {
    display: none; }
    .datepicker--body.active {
      display: block; }
  
  .datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {
    color: #dedede; }
    .datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {
      color: #c5c5c5; }
    .-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- {
      color: #dedede; }
    .-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {
      color: #fff;
      background: #a2ddf6; }
      .-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {
        background: #8ad5f4; }
    .-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {
      background-color: rgba(92, 196, 239, 0.1);
      color: #cccccc; }
      .-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
        background-color: rgba(92, 196, 239, 0.2); }
    .datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty {
      background: none;
      border: none; }
  
  /* -------------------------------------------------
      Navigation
     ------------------------------------------------- */
  .datepicker--nav {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -moz-box;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            -webkit-box-pack: justify;
               -moz-box-pack: justify;
            justify-content: space-between;
    border-bottom: 1px solid #efefef;
    min-height: 32px;
    padding: 4px; }
    .-only-timepicker- .datepicker--nav {
      display: none; }
  
  .datepicker--nav-title,
  .datepicker--nav-action {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -moz-box;
    display: flex;
    cursor: pointer;
    -webkit-align-items: center;
        -ms-flex-align: center;
            -webkit-box-align: center;
               -moz-box-align: center;
            align-items: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            -webkit-box-pack: center;
               -moz-box-pack: center;
            justify-content: center; }
  
  .datepicker--nav-action {
    width: 32px;
    -webkit-border-radius: 4px;
            border-radius: 4px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
    .datepicker--nav-action:hover {
      background: #f0f0f0; }
    .datepicker--nav-action.-disabled- {
      visibility: hidden; }
    .datepicker--nav-action svg {
      width: 32px;
      height: 32px; }
    .datepicker--nav-action path {
      fill: none;
      stroke: #9c9c9c;
      stroke-width: 2px; }
  
  .datepicker--nav-title {
    -webkit-border-radius: 4px;
            border-radius: 4px;
    padding: 0 8px; }
    .datepicker--nav-title i {
      font-style: normal;
      color: #9c9c9c;
      margin-left: 5px; }
    .datepicker--nav-title:hover {
      background: #f0f0f0; }
    .datepicker--nav-title.-disabled- {
      cursor: default;
      background: none; }
  
  .datepicker--buttons {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -moz-box;
    display: flex;
    padding: 4px;
    border-top: 1px solid #efefef; }
  
  .datepicker--button {
    color: #0a5bac;
    cursor: pointer;
    -webkit-border-radius: 4px;
            border-radius: 4px;
    -webkit-flex: 1;
        -ms-flex: 1;
            -webkit-box-flex: 1;
               -moz-box-flex: 1;
            flex: 1;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            -webkit-box-pack: center;
               -moz-box-pack: center;
            justify-content: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            -webkit-box-align: center;
               -moz-box-align: center;
            align-items: center;
    height: 32px; }
    .datepicker--button:hover {
      color: #4a4a4a;
      background: #f0f0f0; }
  
  .datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {
    color: #dedede; }
    .datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {
      color: #c5c5c5; }
    .-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- {
      color: #dedede; }
    .-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {
      color: #fff;
      background: #a2ddf6; }
      .-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {
        background: #8ad5f4; }
    .-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {
      background-color: rgba(92, 196, 239, 0.1);
      color: #cccccc; }
      .-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
        background-color: rgba(92, 196, 239, 0.2); }
    .datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty {
      background: none;
      border: none; }
  
  /* -------------------------------------------------
      Timepicker
     ------------------------------------------------- */
  .datepicker--time {
    border-top: 1px solid #efefef;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            -webkit-box-align: center;
               -moz-box-align: center;
            align-items: center;
    padding: 4px;
    position: relative; }
    .datepicker--time.-am-pm- .datepicker--time-sliders {
      -webkit-flex: 0 1 138px;
          -ms-flex: 0 1 138px;
              -webkit-box-flex: 0;
                 -moz-box-flex: 0;
              flex: 0 1 138px;
      max-width: 138px; }
    .-only-timepicker- .datepicker--time {
      border-top: none; }
  
  .datepicker--time-sliders {
    -webkit-flex: 0 1 153px;
        -ms-flex: 0 1 153px;
            -webkit-box-flex: 0;
               -moz-box-flex: 0;
            flex: 0 1 153px;
    margin-right: 10px;
    max-width: 153px; }
  
  .datepicker--time-label {
    display: none;
    font-size: 12px; }
  
  .datepicker--time-current {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            -webkit-box-align: center;
               -moz-box-align: center;
            align-items: center;
    -webkit-flex: 1;
        -ms-flex: 1;
            -webkit-box-flex: 1;
               -moz-box-flex: 1;
            flex: 1;
    font-size: 14px;
    text-align: center;
    margin: 0 0 0 10px; }
  
  .datepicker--time-current-colon {
    margin: 0 2px 3px;
    line-height: 1; }
  
  .datepicker--time-current-hours,
  .datepicker--time-current-minutes {
    line-height: 1;
    font-size: 19px;
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    position: relative;
    z-index: 1; }
    .datepicker--time-current-hours:after,
    .datepicker--time-current-minutes:after {
      content: '';
      background: #f0f0f0;
      -webkit-border-radius: 4px;
              border-radius: 4px;
      position: absolute;
      left: -2px;
      top: -3px;
      right: -2px;
      bottom: -2px;
      z-index: -1;
      opacity: 0; }
    .datepicker--time-current-hours.-focus-:after,
    .datepicker--time-current-minutes.-focus-:after {
      opacity: 1; }
  
  .datepicker--time-current-ampm {
    text-transform: uppercase;
    -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
            align-self: flex-end;
    color: #9c9c9c;
    margin-left: 6px;
    font-size: 11px;
    margin-bottom: 1px; }
  
  .datepicker--time-row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            -webkit-box-align: center;
               -moz-box-align: center;
            align-items: center;
    font-size: 11px;
    height: 17px;
    background: -webkit-gradient(linear, left top, right top, from(#dedede), to(#dedede)) left 50%/100% 1px no-repeat;
    background: -webkit-linear-gradient(left, #dedede, #dedede) left 50%/100% 1px no-repeat;
    background: -o-linear-gradient(left, #dedede, #dedede) left 50%/100% 1px no-repeat;
    background: linear-gradient(to right, #dedede, #dedede) left 50%/100% 1px no-repeat; }
    .datepicker--time-row:first-child {
      margin-bottom: 4px; }
    .datepicker--time-row input[type='range'] {
      background: none;
      cursor: pointer;
      -webkit-flex: 1;
          -ms-flex: 1;
              -webkit-box-flex: 1;
                 -moz-box-flex: 1;
              flex: 1;
      height: 100%;
      padding: 0;
      margin: 0;
      -webkit-appearance: none; }
      .datepicker--time-row input[type='range']::-webkit-slider-thumb {
        -webkit-appearance: none; }
      .datepicker--time-row input[type='range']::-ms-tooltip {
        display: none; }
      .datepicker--time-row input[type='range']:hover::-webkit-slider-thumb {
        border-color: #b8b8b8; }
      .datepicker--time-row input[type='range']:hover::-moz-range-thumb {
        border-color: #b8b8b8; }
      .datepicker--time-row input[type='range']:hover::-ms-thumb {
        border-color: #b8b8b8; }
      .datepicker--time-row input[type='range']:focus {
        outline: none; }
        .datepicker--time-row input[type='range']:focus::-webkit-slider-thumb {
          background: #5cc4ef;
          border-color: #5cc4ef; }
        .datepicker--time-row input[type='range']:focus::-moz-range-thumb {
          background: #5cc4ef;
          border-color: #5cc4ef; }
        .datepicker--time-row input[type='range']:focus::-ms-thumb {
          background: #5cc4ef;
          border-color: #5cc4ef; }
      .datepicker--time-row input[type='range']::-webkit-slider-thumb {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        height: 12px;
        width: 12px;
        -webkit-border-radius: 3px;
                border-radius: 3px;
        border: 1px solid #dedede;
        background: #fff;
        cursor: pointer;
        -webkit-transition: background .2s;
        -o-transition: background .2s;
        transition: background .2s; }
      .datepicker--time-row input[type='range']::-moz-range-thumb {
        -moz-box-sizing: border-box;
             box-sizing: border-box;
        height: 12px;
        width: 12px;
        border-radius: 3px;
        border: 1px solid #dedede;
        background: #fff;
        cursor: pointer;
        -webkit-transition: background .2s;
        -o-transition: background .2s;
        transition: background .2s; }
      .datepicker--time-row input[type='range']::-ms-thumb {
        box-sizing: border-box;
        height: 12px;
        width: 12px;
        border-radius: 3px;
        border: 1px solid #dedede;
        background: #fff;
        cursor: pointer;
        -webkit-transition: background .2s;
        -o-transition: background .2s;
        transition: background .2s; }
      .datepicker--time-row input[type='range']::-webkit-slider-thumb {
        margin-top: -6px; }
      .datepicker--time-row input[type='range']::-webkit-slider-runnable-track {
        border: none;
        height: 1px;
        cursor: pointer;
        color: transparent;
        background: transparent; }
      .datepicker--time-row input[type='range']::-moz-range-track {
        border: none;
        height: 1px;
        cursor: pointer;
        color: transparent;
        background: transparent; }
      .datepicker--time-row input[type='range']::-ms-track {
        border: none;
        height: 1px;
        cursor: pointer;
        color: transparent;
        background: transparent; }
      .datepicker--time-row input[type='range']::-ms-fill-lower {
        background: transparent; }
      .datepicker--time-row input[type='range']::-ms-fill-upper {
        background: transparent; }
    .datepicker--time-row span {
      padding: 0 12px; }
  
  .datepicker--time-icon {
    color: #9c9c9c;
    border: 1px solid;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    font-size: 16px;
    position: relative;
    margin: 0 5px -1px 0;
    width: 1em;
    height: 1em; }
    .datepicker--time-icon:after, .datepicker--time-icon:before {
      content: '';
      background: currentColor;
      position: absolute; }
    .datepicker--time-icon:after {
      height: .4em;
      width: 1px;
      left: calc(50% - 1px);
      top: calc(50% + 1px);
      -webkit-transform: translateY(-100%);
              -ms-transform: translateY(-100%);
          transform: translateY(-100%); }
    .datepicker--time-icon:before {
      width: .4em;
      height: 1px;
      top: calc(50% + 1px);
      left: calc(50% - 1px); }
  
  .datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {
    color: #dedede; }
    .datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {
      color: #c5c5c5; }
    .-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- {
      color: #dedede; }
    .-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {
      color: #fff;
      background: #a2ddf6; }
      .-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {
        background: #8ad5f4; }
    .-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {
      background-color: rgba(92, 196, 239, 0.1);
      color: #cccccc; }
      .-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
        background-color: rgba(92, 196, 239, 0.2); }
    .datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty {
      background: none;
      border: none; }
  mark.im-caret {
      -webkit-animation: 1s blink step-end infinite !important;
              animation: 1s blink step-end infinite !important;
  }
  
  mark.im-caret-select {
      background-color: rgba(0, 0, 0, 0.25);
  }
  
  @-webkit-keyframes blink {
      from, to {
          border-right-color: black;
      }
      50% {
          border-right-color: transparent;
      }
  }
  
  @keyframes blink {
      from, to {
          border-right-color: black;
      }
      50% {
          border-right-color: transparent;
      }
  }
  
  span.im-static {
      color: grey;
  }
  
  div.im-colormask {
      display: inline-block;
      border-style: inset;
      border-width: 2px;
      -webkit-appearance: textfield;
         -moz-appearance: textfield;
              appearance: textfield;
      cursor: text;
  }
  
  div.im-colormask > input, div.im-colormask > input:-webkit-autofill {
      position: absolute !important;
      display: inline-block;
      background-color: transparent;
      color: transparent;
      -webkit-text-fill-color: transparent;
      -webkit-transition: background-color 5000s ease-in-out 0s;
      -o-transition: background-color 5000s ease-in-out 0s;
      transition: background-color 5000s ease-in-out 0s;
      caret-color: transparent;
      text-shadow: none;
      -webkit-appearance: caret;
              appearance: caret;
      border-style: none;
      left: 0; /*calculated*/
  }
  
  div.im-colormask > input:focus {
      outline: none;
  }
  
  div.im-colormask > input::-moz-selection {
      background: none;
  }
  
  div.im-colormask > input::selection {
      background: none;
  }
  
  div.im-colormask > input::-moz-selection {
      background: none;
  }
  
  div.im-colormask > input:-webkit-autofill ~ div {
      background-color: rgb(250, 255, 189);
  }
  
  div.im-colormask > div {
      color: black;
      display: inline-block;
      width: 100px; /*calculated*/
  }
  
  [im-insert="false"] {
      caret-color: red;
      caret-shape: block;
  }/* Magnific Popup CSS */
  .mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8; }
  
  .mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden; }
  
  .mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box; }
  
  .mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle; }
  
  .mfp-align-top .mfp-container:before {
    display: none; }
  
  .mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045; }
  
  .mfp-inline-holder .mfp-content,
  .mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto; }
  
  .mfp-ajax-cur {
    cursor: progress; }
  
  .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out; }
  
  .mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in; }
  
  .mfp-auto-cursor .mfp-content {
    cursor: auto; }
  
  .mfp-close,
  .mfp-arrow,
  .mfp-preloader,
  .mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
        user-select: none; }
  
  .mfp-loading.mfp-figure {
    display: none; }
  
  .mfp-hide {
    display: none !important; }
  
  .mfp-preloader {
    color: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044; }
    .mfp-preloader a {
      color: #CCC; }
      .mfp-preloader a:hover {
        color: #FFF; }
  
  .mfp-s-ready .mfp-preloader {
    display: none; }
  
  .mfp-s-error .mfp-content {
    display: none; }
  
  button.mfp-close,
  button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
            box-shadow: none;
    -ms-touch-action: manipulation;
        touch-action: manipulation; }
  
  button::-moz-focus-inner {
    padding: 0;
    border: 0; }
  
  .mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    padding: 0 0 18px 10px;
    color: #FFF;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace; }
    .mfp-close:hover,
    .mfp-close:focus {
      opacity: 1; }
    .mfp-close:active {
      top: 1px; }
  
  .mfp-close-btn-in .mfp-close {
    color: #333; }
  
  .mfp-image-holder .mfp-close,
  .mfp-iframe-holder .mfp-close {
    color: #FFF;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%; }
  
  .mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap; }
  
  .mfp-arrow {
    position: absolute;
    opacity: 0.65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent; }
    .mfp-arrow:active {
      margin-top: -54px; }
    .mfp-arrow:hover,
    .mfp-arrow:focus {
      opacity: 1; }
    .mfp-arrow:before,
    .mfp-arrow:after {
      content: '';
      display: block;
      width: 0;
      height: 0;
      position: absolute;
      left: 0;
      top: 0;
      margin-top: 35px;
      margin-left: 35px;
      border: medium inset transparent; }
    .mfp-arrow:after {
      border-top-width: 13px;
      border-bottom-width: 13px;
      top: 8px; }
    .mfp-arrow:before {
      border-top-width: 21px;
      border-bottom-width: 21px;
      opacity: 0.7; }
  
  .mfp-arrow-left {
    left: 0; }
    .mfp-arrow-left:after {
      border-right: 17px solid #FFF;
      margin-left: 31px; }
    .mfp-arrow-left:before {
      margin-left: 25px;
      border-right: 27px solid #3F3F3F; }
  
  .mfp-arrow-right {
    right: 0; }
    .mfp-arrow-right:after {
      border-left: 17px solid #FFF;
      margin-left: 39px; }
    .mfp-arrow-right:before {
      border-left: 27px solid #3F3F3F; }
  
  .mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px; }
    .mfp-iframe-holder .mfp-content {
      line-height: 0;
      width: 100%;
      max-width: 900px; }
    .mfp-iframe-holder .mfp-close {
      top: -40px; }
  
  .mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%; }
    .mfp-iframe-scaler iframe {
      position: absolute;
      display: block;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
              box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
      background: #000; }
  
  /* Main image in popup */
  img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto; }
  
  /* The shadow behind the image */
  .mfp-figure {
    line-height: 0; }
    .mfp-figure:after {
      content: '';
      position: absolute;
      left: 0;
      top: 40px;
      bottom: 40px;
      display: block;
      right: 0;
      width: auto;
      height: auto;
      z-index: -1;
      -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
              box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
      background: #444; }
    .mfp-figure small {
      color: #BDBDBD;
      display: block;
      font-size: 12px;
      line-height: 14px; }
    .mfp-figure figure {
      margin: 0; }
  
  .mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto; }
  
  .mfp-title {
    text-align: left;
    line-height: 18px;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right: 36px; }
  
  .mfp-image-holder .mfp-content {
    max-width: 100%; }
  
  .mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer; }
  
  @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    /**
         * Remove all paddings around the image on small screen
         */
    .mfp-img-mobile .mfp-image-holder {
      padding-left: 0;
      padding-right: 0; }
    .mfp-img-mobile img.mfp-img {
      padding: 0; }
    .mfp-img-mobile .mfp-figure:after {
      top: 0;
      bottom: 0; }
    .mfp-img-mobile .mfp-figure small {
      display: inline;
      margin-left: 5px; }
    .mfp-img-mobile .mfp-bottom-bar {
      background: rgba(0, 0, 0, 0.6);
      bottom: 0;
      margin: 0;
      top: auto;
      padding: 3px 5px;
      position: fixed;
      -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
              box-sizing: border-box; }
      .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0; }
    .mfp-img-mobile .mfp-counter {
      right: 5px;
      top: 3px; }
    .mfp-img-mobile .mfp-close {
      top: 0;
      right: 0;
      width: 35px;
      height: 35px;
      line-height: 35px;
      background: rgba(0, 0, 0, 0.6);
      position: fixed;
      text-align: center;
      padding: 0; } }
  
  @media all and (max-width: 900px) {
    .mfp-arrow {
      -webkit-transform: scale(0.75);
      -ms-transform: scale(0.75);
          transform: scale(0.75); }
    .mfp-arrow-left {
      -webkit-transform-origin: 0;
      -ms-transform-origin: 0;
          transform-origin: 0; }
    .mfp-arrow-right {
      -webkit-transform-origin: 100%;
      -ms-transform-origin: 100%;
          transform-origin: 100%; }
    .mfp-container {
      padding-left: 6px;
      padding-right: 6px; } }
  @charset "UTF-8";
  /*!
   * Bootstrap Reboot v4.1.1 (https://getbootstrap.com/)
   * Copyright 2011-2018 The Bootstrap Authors
   * Copyright 2011-2018 Twitter, Inc.
   * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
   * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
   */
  *,
  *::before,
  *::after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  
  html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent;
  }
  
  @-ms-viewport {
    width: device-width;
  }
  
  article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
    display: block;
  }
  
  body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff;
  }
  
  [tabindex="-1"]:focus:not(:focus-visible) {
    outline: 0 !important;
  }
  
  hr {
    -webkit-box-sizing: content-box;
       -moz-box-sizing: content-box;
            box-sizing: content-box;
    height: 0;
    overflow: visible;
  }
  
  h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 0.5rem;
  }
  
  p {
    margin-top: 0;
    margin-bottom: 1rem;
  }
  
  abbr[title],
  abbr[data-original-title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    -moz-text-decoration: underline dotted;
         text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
  }
  
  address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit;
  }
  
  ol,
  ul,
  dl {
    margin-top: 0;
    margin-bottom: 1rem;
  }
  
  ol ol,
  ul ul,
  ol ul,
  ul ol {
    margin-bottom: 0;
  }
  
  dt {
    font-weight: 700;
  }
  
  dd {
    margin-bottom: .5rem;
    margin-left: 0;
  }
  
  blockquote {
    margin: 0 0 1rem;
  }
  
  dfn {
    font-style: italic;
  }
  
  b,
  strong {
    font-weight: bolder;
  }
  
  small {
    font-size: 80%;
  }
  
  sub,
  sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
  }
  
  sub {
    bottom: -.25em;
  }
  
  sup {
    top: -.5em;
  }
  
  a {
    /*  color: #007bff; */
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
  }
  
  a:hover {
    /*  color: #0056b3; */
    text-decoration: underline;
  }
  
  a:not([href]):not([tabindex]) {
    color: inherit;
    text-decoration: none;
  }
  
  a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
    color: inherit;
    text-decoration: none;
  }
  
  a:not([href]):not([tabindex]):focus:not(:focus-visible) {
    outline: 0;
  }
  
  pre,
  code,
  kbd,
  samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 1em;
  }
  
  pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar;
  }
  
  figure {
    margin: 0 0 1rem;
  }
  
  img {
    vertical-align: middle;
    border-style: none;
  }
  
  svg:not(:root) {
    overflow: hidden;
  }
  
  table {
    border-collapse: collapse;
  }
  
  caption {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom;
  }
  
  th {
    text-align: inherit;
  }
  
  label {
    display: inline-block;
    margin-bottom: 0.5rem;
  }
  
  button {
    -webkit-border-radius: 0;
            border-radius: 0;
  }
  
  input,
  button,
  select,
  optgroup,
  textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
  }
  
  button,
  input {
    overflow: visible;
  }
  
  button,
  select {
    text-transform: none;
  }
  
  button,
  html [type="button"],
  [type="reset"],
  [type="submit"] {
    -webkit-appearance: button;
  }
  
  button::-moz-focus-inner,
  [type="button"]::-moz-focus-inner,
  [type="reset"]::-moz-focus-inner,
  [type="submit"]::-moz-focus-inner {
    padding: 0;
    border-style: none;
  }
  
  input[type="radio"],
  input[type="checkbox"] {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0;
  }
  
  input[type="date"],
  input[type="time"],
  input[type="datetime-local"],
  input[type="month"] {
    -webkit-appearance: listbox;
  }
  
  textarea {
    overflow: auto;
    resize: vertical;
  }
  
  fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
  }
  
  legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal;
  }
  
  progress {
    vertical-align: baseline;
  }
  
  [type="number"]::-webkit-inner-spin-button,
  [type="number"]::-webkit-outer-spin-button {
    height: auto;
  }
  
  [type="search"] {
    outline-offset: -2px;
    -webkit-appearance: none;
  }
  
  [type="search"]::-webkit-search-cancel-button,
  [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  
  ::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button;
  }
  
  output {
    display: inline-block;
  }
  
  summary {
    display: list-item;
    cursor: pointer;
  }
  
  template {
    display: none;
  }
  
  [hidden] {
    display: none !important;
  }
  body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  @font-face {
    font-family: "Electra Medium Pro";
    src: url("/local/templates/main/assets/assets/font/elektra-medium-pro/elektra-medium-pro.woff") format("woff");
    font-style: normal;
    font-weight: 500;
  }
  
  @font-face {
    font-family: "Electra Medium Pro";
    src: url("/local/templates/main/assets/assets/font/elektra-medium-pro/elektra-medium-pro-Italic.woff") format("woff");
    font-style: italic;
    font-weight: 500;
  }
  
  @font-face {
    font-family: "Electra Medium Pro";
    src: url("/local/templates/main/assets/assets/font/elektra-medium-pro/elektra-medium-pro-bold.woff") format("woff");
    font-style: normal;
    font-weight: 700;
  }
  
  @font-face {
    font-family: "Electra Text Pro";
    src: url("/local/templates/main/assets/assets/font/elektra-text-pro/ElektraTextPro.woff") format("woff");
    font-style: normal;
    font-weight: 400;
  }
  
  @font-face {
    font-family: "Electra Text Pro";
    src: url("/local/templates/main/assets/assets/font/elektra-text-pro/ElektraTextPro-italic.woff") format("woff");
    font-style: italic;
    font-weight: 400;
  }
  
  @font-face {
    font-family: "Electra Text Pro";
    src: url("/local/templates/main/assets/assets/font/elektra-text-pro/ElektraTextPro-Bold.woff") format("woff");
    font-style: normal;
    font-weight: 700;
  }
  
  @font-face {
    font-family: "Electra Text Pro";
    src: url("/local/templates/main/assets/assets/fontlektra-text-prolektraTextPro-BoldItalic.woff") format("woff");
    font-style: italic;
    font-weight: 700;
  }
  
  @font-face {
    font-family: "Myriad Pro";
    src: url("/local/templates/main/assets/assets/font/myriad-pro/myriad-pro-regular.woff") format("woff");
    font-style: normal;
    font-weight: 400;
  }
  
  @font-face {
    font-family: "Myriad Pro";
    src: url("/local/templates/main/assets/assets/font/myriad-pro/myriad-pro-semibold.woff") format("woff");
    font-style: normal;
    font-weight: 600;
  }
  
  body {
    font-family: 'TT Hoves';
    font-size: 14px;
    line-height: 1.2;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  h1, .h1 {
    color: #000;
    font-weight: 500;
    line-height: 1.27;
    font-size: 45px;
    margin-bottom: 0;
  }
  
  @media screen and (max-width: 767px) {
    h1, .h1 {
      font-size: 34px;
      line-height: 1.27;
    }
  }
  
  .color-white h1, .color-white .h1 {
    color: #fff;
  }
  
  h2, .h2 {
    color: #000;
    font-weight: 500;
    line-height: 1.5;
    font-size: 30px;
    margin-bottom: 0;
  }
  
  @media screen and (max-width: 767px) {
    h2, .h2 {
      font-size: 22px;
      line-height: 1.5;
    }
  }
  
  .color-white h2, .color-white .h2 {
    color: #fff;
  }
  
  h3, .h3 {
    color: #000;
    font-weight: 500;
    line-height: 1.5;
    font-size: 24px;
    margin-bottom: 0;
  }
  
  @media screen and (max-width: 767px) {
    h3, .h3 {
      font-size: 18px;
      line-height: 1.5;
    }
  }
  
  .color-white h3, .color-white .h3 {
    color: #fff;
  }
  
  p {
    margin-bottom: 0;
  }
  
  .text-center {
    text-align: center;
  }
  
  .text-left {
    text-align: left;
  }
  
  .text-right {
    text-align: right;
  }
  
  .fw-400 {
    font-weight: 400;
  }
  
  .fw-500 {
    font-weight: 500;
  }
  
  .fw-600 {
    font-weight: 600;
  }
  
  .fw-700 {
    font-weight: 700;
  }
  
  .fw-800 {
    font-weight: 800;
  }
  
  .fw-900 {
    font-weight: 900;
  }
  
  .h1 {
    font-family: 'TT Hoves';
    font-size: 55px;
    font-weight: 500;
    line-height: 75px;
    color: #fff;
  }
  
  @media screen and (max-width: 767px) {
    .h1 {
      font-size: 28px;
      line-height: 40px;
    }
  }
  
  .h1--small {
    color: #fff;
    font-family: 'TT Hoves';
    font-size: 55px;
    font-weight: 500;
    line-height: 60px;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .h1--small {
      font-size: 55px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .h1--small {
      font-size: 55px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .h1--small {
      font-size: 32px;
      line-height: 38px;
    }
  }
  
  .h2 {
    font-family: 'TT Hoves';
    font-size: 24px;
    line-height: 28px;
  }
  
  @media screen and (max-width: 767px) {
    .h2 {
      font-size: 18px;
      line-height: 24px;
    }
  }
  
  .h3 {
    font-family: 'TT Hoves';
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 1.13px;
  }
  
  @media screen and (max-width: 767px) {
    .h3 {
      font-size: 16px;
      line-height: 20px;
    }
  }
  
  .user-text {
    color: #4A4A4A;
  }
  
  .user-text p + p {
    margin-top: 34px;
  }
  
  .user-text,
  .user-text *,
  .text {
    font-family: "Electra Text Pro", sans-serif;
    font-size: 18px;
    line-height: 22px;
  }
  
  .user-text--min,
  .user-text *\--min,
  .text--min {
    font-family: "Myriad Pro", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
  }
  
  @media screen and (max-width: 767px) {
    .user-text--min,
    .user-text *\--min,
    .text--min {
      font-size: 12px;
    }
  }
  
  .user-text--menu,
  .user-text *\--menu,
  .text--menu {
    font-family: "Myriad Pro", sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 1px;
  }
  
  @media screen and (max-width: 767px) {
    .user-text,
    .user-text *,
    .text {
      font-size: 16px;
      line-height: 24px;
    }
  }
  
  .row:not(.row--flex)::after {
    content: '';
    display: table;
    clear: both;
  }
  
  .row:not(.row--flex) > .col {
    float: left;
    min-height: 1px;
  }
  
  .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
  }
  
  .container .row {
    margin-left: -15px;
    margin-right: -15px;
  }
  
  .container .row > .col {
    padding-left: 15px;
    padding-right: 15px;
  }
  
  @media screen and (min-width: 1024px) {
    .container .row--gutter-lg {
      margin-left: -60px;
      margin-right: -60px;
    }
    .container .row--gutter-lg > .col {
      padding-left: 60px;
      padding-right: 60px;
    }
  }
  
  .col-1 {
    -webkit-flex-basis: 8.33333333%;
        -ms-flex-preferred-size: 8.33333333%;
            flex-basis: 8.33333333%;
    max-width: 8.33333333%;
    width: 8.33333333%;
  }
  
  .col-2 {
    -webkit-flex-basis: 16.66666667%;
        -ms-flex-preferred-size: 16.66666667%;
            flex-basis: 16.66666667%;
    max-width: 16.66666667%;
    width: 16.66666667%;
  }
  
  .col-3 {
    -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
            flex-basis: 25%;
    max-width: 25%;
    width: 25%;
  }
  
  .col-4 {
    -webkit-flex-basis: 33.33333333%;
        -ms-flex-preferred-size: 33.33333333%;
            flex-basis: 33.33333333%;
    max-width: 33.33333333%;
    width: 33.33333333%;
  }
  
  .col-5 {
    -webkit-flex-basis: 41.66666667%;
        -ms-flex-preferred-size: 41.66666667%;
            flex-basis: 41.66666667%;
    max-width: 41.66666667%;
    width: 41.66666667%;
  }
  
  .col-6 {
    -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
    max-width: 50%;
    width: 50%;
  }
  
  .col-7 {
    -webkit-flex-basis: 58.33333333%;
        -ms-flex-preferred-size: 58.33333333%;
            flex-basis: 58.33333333%;
    max-width: 58.33333333%;
    width: 58.33333333%;
  }
  
  .col-8 {
    -webkit-flex-basis: 66.66666667%;
        -ms-flex-preferred-size: 66.66666667%;
            flex-basis: 66.66666667%;
    max-width: 66.66666667%;
    width: 66.66666667%;
  }
  
  .col-9 {
    -webkit-flex-basis: 75%;
        -ms-flex-preferred-size: 75%;
            flex-basis: 75%;
    max-width: 75%;
    width: 75%;
  }
  
  .col-10 {
    -webkit-flex-basis: 83.33333333%;
        -ms-flex-preferred-size: 83.33333333%;
            flex-basis: 83.33333333%;
    max-width: 83.33333333%;
    width: 83.33333333%;
  }
  
  .col-11 {
    -webkit-flex-basis: 91.66666667%;
        -ms-flex-preferred-size: 91.66666667%;
            flex-basis: 91.66666667%;
    max-width: 91.66666667%;
    width: 91.66666667%;
  }
  
  .col-12 {
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
    max-width: 100%;
    width: 100%;
  }
  
  @media screen and (max-width: 767px) {
    .col-1-mobile {
      -webkit-flex-basis: 8.33333333%;
          -ms-flex-preferred-size: 8.33333333%;
              flex-basis: 8.33333333%;
      max-width: 8.33333333%;
      width: 8.33333333%;
    }
    .col-2-mobile {
      -webkit-flex-basis: 16.66666667%;
          -ms-flex-preferred-size: 16.66666667%;
              flex-basis: 16.66666667%;
      max-width: 16.66666667%;
      width: 16.66666667%;
    }
    .col-3-mobile {
      -webkit-flex-basis: 25%;
          -ms-flex-preferred-size: 25%;
              flex-basis: 25%;
      max-width: 25%;
      width: 25%;
    }
    .col-4-mobile {
      -webkit-flex-basis: 33.33333333%;
          -ms-flex-preferred-size: 33.33333333%;
              flex-basis: 33.33333333%;
      max-width: 33.33333333%;
      width: 33.33333333%;
    }
    .col-5-mobile {
      -webkit-flex-basis: 41.66666667%;
          -ms-flex-preferred-size: 41.66666667%;
              flex-basis: 41.66666667%;
      max-width: 41.66666667%;
      width: 41.66666667%;
    }
    .col-6-mobile {
      -webkit-flex-basis: 50%;
          -ms-flex-preferred-size: 50%;
              flex-basis: 50%;
      max-width: 50%;
      width: 50%;
    }
    .col-7-mobile {
      -webkit-flex-basis: 58.33333333%;
          -ms-flex-preferred-size: 58.33333333%;
              flex-basis: 58.33333333%;
      max-width: 58.33333333%;
      width: 58.33333333%;
    }
    .col-8-mobile {
      -webkit-flex-basis: 66.66666667%;
          -ms-flex-preferred-size: 66.66666667%;
              flex-basis: 66.66666667%;
      max-width: 66.66666667%;
      width: 66.66666667%;
    }
    .col-9-mobile {
      -webkit-flex-basis: 75%;
          -ms-flex-preferred-size: 75%;
              flex-basis: 75%;
      max-width: 75%;
      width: 75%;
    }
    .col-10-mobile {
      -webkit-flex-basis: 83.33333333%;
          -ms-flex-preferred-size: 83.33333333%;
              flex-basis: 83.33333333%;
      max-width: 83.33333333%;
      width: 83.33333333%;
    }
    .col-11-mobile {
      -webkit-flex-basis: 91.66666667%;
          -ms-flex-preferred-size: 91.66666667%;
              flex-basis: 91.66666667%;
      max-width: 91.66666667%;
      width: 91.66666667%;
    }
    .col-12-mobile {
      -webkit-flex-basis: 100%;
          -ms-flex-preferred-size: 100%;
              flex-basis: 100%;
      max-width: 100%;
      width: 100%;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .col-1-vertical-tablet {
      -webkit-flex-basis: 8.33333333%;
          -ms-flex-preferred-size: 8.33333333%;
              flex-basis: 8.33333333%;
      max-width: 8.33333333%;
      width: 8.33333333%;
    }
    .col-2-vertical-tablet {
      -webkit-flex-basis: 16.66666667%;
          -ms-flex-preferred-size: 16.66666667%;
              flex-basis: 16.66666667%;
      max-width: 16.66666667%;
      width: 16.66666667%;
    }
    .col-3-vertical-tablet {
      -webkit-flex-basis: 25%;
          -ms-flex-preferred-size: 25%;
              flex-basis: 25%;
      max-width: 25%;
      width: 25%;
    }
    .col-4-vertical-tablet {
      -webkit-flex-basis: 33.33333333%;
          -ms-flex-preferred-size: 33.33333333%;
              flex-basis: 33.33333333%;
      max-width: 33.33333333%;
      width: 33.33333333%;
    }
    .col-5-vertical-tablet {
      -webkit-flex-basis: 41.66666667%;
          -ms-flex-preferred-size: 41.66666667%;
              flex-basis: 41.66666667%;
      max-width: 41.66666667%;
      width: 41.66666667%;
    }
    .col-6-vertical-tablet {
      -webkit-flex-basis: 50%;
          -ms-flex-preferred-size: 50%;
              flex-basis: 50%;
      max-width: 50%;
      width: 50%;
    }
    .col-7-vertical-tablet {
      -webkit-flex-basis: 58.33333333%;
          -ms-flex-preferred-size: 58.33333333%;
              flex-basis: 58.33333333%;
      max-width: 58.33333333%;
      width: 58.33333333%;
    }
    .col-8-vertical-tablet {
      -webkit-flex-basis: 66.66666667%;
          -ms-flex-preferred-size: 66.66666667%;
              flex-basis: 66.66666667%;
      max-width: 66.66666667%;
      width: 66.66666667%;
    }
    .col-9-vertical-tablet {
      -webkit-flex-basis: 75%;
          -ms-flex-preferred-size: 75%;
              flex-basis: 75%;
      max-width: 75%;
      width: 75%;
    }
    .col-10-vertical-tablet {
      -webkit-flex-basis: 83.33333333%;
          -ms-flex-preferred-size: 83.33333333%;
              flex-basis: 83.33333333%;
      max-width: 83.33333333%;
      width: 83.33333333%;
    }
    .col-11-vertical-tablet {
      -webkit-flex-basis: 91.66666667%;
          -ms-flex-preferred-size: 91.66666667%;
              flex-basis: 91.66666667%;
      max-width: 91.66666667%;
      width: 91.66666667%;
    }
    .col-12-vertical-tablet {
      -webkit-flex-basis: 100%;
          -ms-flex-preferred-size: 100%;
              flex-basis: 100%;
      max-width: 100%;
      width: 100%;
    }
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .col-1-horizontal-tablet {
      -webkit-flex-basis: 8.33333333%;
          -ms-flex-preferred-size: 8.33333333%;
              flex-basis: 8.33333333%;
      max-width: 8.33333333%;
      width: 8.33333333%;
    }
    .col-2-horizontal-tablet {
      -webkit-flex-basis: 16.66666667%;
          -ms-flex-preferred-size: 16.66666667%;
              flex-basis: 16.66666667%;
      max-width: 16.66666667%;
      width: 16.66666667%;
    }
    .col-3-horizontal-tablet {
      -webkit-flex-basis: 25%;
          -ms-flex-preferred-size: 25%;
              flex-basis: 25%;
      max-width: 25%;
      width: 25%;
    }
    .col-4-horizontal-tablet {
      -webkit-flex-basis: 33.33333333%;
          -ms-flex-preferred-size: 33.33333333%;
              flex-basis: 33.33333333%;
      max-width: 33.33333333%;
      width: 33.33333333%;
    }
    .col-5-horizontal-tablet {
      -webkit-flex-basis: 41.66666667%;
          -ms-flex-preferred-size: 41.66666667%;
              flex-basis: 41.66666667%;
      max-width: 41.66666667%;
      width: 41.66666667%;
    }
    .col-6-horizontal-tablet {
      -webkit-flex-basis: 50%;
          -ms-flex-preferred-size: 50%;
              flex-basis: 50%;
      max-width: 50%;
      width: 50%;
    }
    .col-7-horizontal-tablet {
      -webkit-flex-basis: 58.33333333%;
          -ms-flex-preferred-size: 58.33333333%;
              flex-basis: 58.33333333%;
      max-width: 58.33333333%;
      width: 58.33333333%;
    }
    .col-8-horizontal-tablet {
      -webkit-flex-basis: 66.66666667%;
          -ms-flex-preferred-size: 66.66666667%;
              flex-basis: 66.66666667%;
      max-width: 66.66666667%;
      width: 66.66666667%;
    }
    .col-9-horizontal-tablet {
      -webkit-flex-basis: 75%;
          -ms-flex-preferred-size: 75%;
              flex-basis: 75%;
      max-width: 75%;
      width: 75%;
    }
    .col-10-horizontal-tablet {
      -webkit-flex-basis: 83.33333333%;
          -ms-flex-preferred-size: 83.33333333%;
              flex-basis: 83.33333333%;
      max-width: 83.33333333%;
      width: 83.33333333%;
    }
    .col-11-horizontal-tablet {
      -webkit-flex-basis: 91.66666667%;
          -ms-flex-preferred-size: 91.66666667%;
              flex-basis: 91.66666667%;
      max-width: 91.66666667%;
      width: 91.66666667%;
    }
    .col-12-horizontal-tablet {
      -webkit-flex-basis: 100%;
          -ms-flex-preferred-size: 100%;
              flex-basis: 100%;
      max-width: 100%;
      width: 100%;
    }
  }
  
  @media screen and (min-width: 1400px) {
    .col-1-desktop {
      -webkit-flex-basis: 8.33333333%;
          -ms-flex-preferred-size: 8.33333333%;
              flex-basis: 8.33333333%;
      max-width: 8.33333333%;
      width: 8.33333333%;
    }
    .col-2-desktop {
      -webkit-flex-basis: 16.66666667%;
          -ms-flex-preferred-size: 16.66666667%;
              flex-basis: 16.66666667%;
      max-width: 16.66666667%;
      width: 16.66666667%;
    }
    .col-3-desktop {
      -webkit-flex-basis: 25%;
          -ms-flex-preferred-size: 25%;
              flex-basis: 25%;
      max-width: 25%;
      width: 25%;
    }
    .col-4-desktop {
      -webkit-flex-basis: 33.33333333%;
          -ms-flex-preferred-size: 33.33333333%;
              flex-basis: 33.33333333%;
      max-width: 33.33333333%;
      width: 33.33333333%;
    }
    .col-5-desktop {
      -webkit-flex-basis: 41.66666667%;
          -ms-flex-preferred-size: 41.66666667%;
              flex-basis: 41.66666667%;
      max-width: 41.66666667%;
      width: 41.66666667%;
    }
    .col-6-desktop {
      -webkit-flex-basis: 50%;
          -ms-flex-preferred-size: 50%;
              flex-basis: 50%;
      max-width: 50%;
      width: 50%;
    }
    .col-7-desktop {
      -webkit-flex-basis: 58.33333333%;
          -ms-flex-preferred-size: 58.33333333%;
              flex-basis: 58.33333333%;
      max-width: 58.33333333%;
      width: 58.33333333%;
    }
    .col-8-desktop {
      -webkit-flex-basis: 66.66666667%;
          -ms-flex-preferred-size: 66.66666667%;
              flex-basis: 66.66666667%;
      max-width: 66.66666667%;
      width: 66.66666667%;
    }
    .col-9-desktop {
      -webkit-flex-basis: 75%;
          -ms-flex-preferred-size: 75%;
              flex-basis: 75%;
      max-width: 75%;
      width: 75%;
    }
    .col-10-desktop {
      -webkit-flex-basis: 83.33333333%;
          -ms-flex-preferred-size: 83.33333333%;
              flex-basis: 83.33333333%;
      max-width: 83.33333333%;
      width: 83.33333333%;
    }
    .col-11-desktop {
      -webkit-flex-basis: 91.66666667%;
          -ms-flex-preferred-size: 91.66666667%;
              flex-basis: 91.66666667%;
      max-width: 91.66666667%;
      width: 91.66666667%;
    }
    .col-12-desktop {
      -webkit-flex-basis: 100%;
          -ms-flex-preferred-size: 100%;
              flex-basis: 100%;
      max-width: 100%;
      width: 100%;
    }
  }
  
  @media screen and (min-width: 768px) {
    .js-hover-backgrounds {
      position: relative;
    }
    .js-hover-backgrounds.hover .js-hover-background-element {
      opacity: .5;
    }
    .js-hover-backgrounds.hover .js-hover-background-element, .js-hover-backgrounds.hover .js-hover-background-element:hover, .js-hover-backgrounds.hover .js-hover-background-element:focus {
      color: #fff;
    }
    .js-hover-backgrounds.hover .js-hover-background-element.hover {
      opacity: 1;
    }
    .js-hover-background {
      -webkit-background-size: cover;
              background-size: cover;
      background-position: center;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 0;
      opacity: 0;
      -webkit-transition: opacity .7s ease;
      -o-transition: opacity .7s ease;
      transition: opacity .7s ease;
    }
    .js-hover-background.active {
      opacity: 1;
    }
    .js-hover-background-container {
      position: relative;
      z-index: 1;
    }
  }
  
  input.parsley-error,
  select.parsley-error,
  textarea.parsley-error {
    border-color: #FF0000;
    opacity: 0.9;
  }
  
  .parsley-errors-list {
    margin: 2px 0 3px;
    padding: 0;
    list-style-type: none;
    font-size: 0.9em;
    line-height: 0.9em;
    opacity: 0;
    position: absolute;
    margin-top: 5px;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
  }
  
  .parsley-errors-list.filled {
    opacity: 1;
  }
  
  .parsley-type {
    font-size: 12px;
    font-weight: 300;
    font-family: "Electra Text Pro", sans-serif;
  }
  
  .parsley-required {
    font-family: "Electra Text Pro", sans-serif;
  }
  
  .parsley-errors-list {
    margin: 2px 0 3px;
    padding: 0;
    list-style-type: none;
    font-size: 0.9em;
    line-height: 0.9em;
    opacity: 0;
    position: absolute;
    margin-top: 5px;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
  }
  
  .parsley-errors-list.filled {
    opacity: 1;
  }
  
  .parsley-type {
    font-size: 12px;
    font-weight: 300;
    font-family: "Electra Text Pro", sans-serif;
  }
  
  .parsley-required {
    font-family: "Electra Text Pro", sans-serif;
  }
  
  *:hover,
  *:focus {
    outline: none;
  }
  
  button {
    vertical-align: middle;
    background-color: transparent;
    border: 0;
    padding: 0;
    display: inline-block;
    cursor: pointer;
  }
  
  ul, ol {
    padding: 0;
  }
  
  ul > li, ol > li {
    list-style: none;
  }
  
  ul > li::before, ul > li::after, ol > li::before, ol > li::after {
    display: none;
  }
  
  input::-ms-clear,
  input::-ms-reveal {
    display: none;
    visibility: hidden;
  }
  
  html {
    height: 100%;
    overflow-x: hidden;
  }
  
  html,
  body {
    background-color: #fff;
  }
  
  body {
    overflow: hidden;
    color: #000;
    min-height: 100%;
    position: relative;
  }
  
  @media screen and (max-width: 767px) {
    .fixed {
      overflow: hidden;
    }
  }
  
  .fixed.prevent-scroll,
  .fixed.prevent-scroll .wrap {
    overflow: hidden !important;
    max-height: 100vh;
  }
  
  .ios.safari .fixed.prevent-scroll .wrap {
    max-height: 95vh;
  }
  
  .wrap {
    width: 100%;
  }
  
  .wrap__overlay {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.8);
    -webkit-transition: opacity 0.3s, visibility 0.3s;
    -o-transition: opacity 0.3s, visibility 0.3s;
    transition: opacity 0.3s, visibility 0.3s;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
  }
  
  .wrap__overlay--active {
    visibility: visible;
    opacity: 1;
    z-index: 1;
  }
  
  select {
    display: none;
  }
  
  a {
    /* color: currentColor */
    -webkit-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
  }
  
  a:focus,
  a:active {
    outline: none;
  }
  
  a:hover {
    /* color: $color-sky */
    text-decoration: none;
  }
  
  .scrolling,
  .scrolling body {
    overflow: initial;
    overflow-x: initial;
  }
  
  img {
    max-width: 100%;
  }
  
  .max-width {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
  }
  
  .container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    width: 100%;
  }
  
  .wrapping-v2 {
    padding-bottom: 311px;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .wrapping-v2 {
      padding-bottom: 410px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .wrapping-v2 {
      padding-bottom: 408px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .wrapping-v2 {
      overflow-x: hidden;
      padding-bottom: 472px;
    }
  }
  
  .wrapping {
    padding-bottom: 270px;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .wrapping {
      padding-bottom: 348px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .wrapping {
      padding-bottom: 282px;
      overflow-x: hidden;
      padding-bottom: 450px;
    }
  }
  
  mark {
    background-color: transparent;
    color: #0A5BAC;
  }
  
  .nowrap {
    white-space: nowrap;
  }
  
  @media screen and (min-width: 1024px) {
    .nowrap-horizontal-tablet {
      white-space: nowrap;
    }
  }
  
  .inline-block {
    display: inline-block;
  }
  
  .wow {
    visibility: hidden;
  }
  
  .bg-cover {
    -webkit-background-size: cover;
            background-size: cover;
    background-position: center;
  }
  
  .bg-white {
    background-color: #fff;
  }
  
  .bg-sky {
    background-color: #0A5BAC;
  }
  
  .bg-gray {
    background-color: #DEDEDE;
  }
  
  .bg-transparent {
    background-color: transparent;
  }
  
  .color-white {
    color: #fff;
  }
  
  .rotate-90 {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  
  .rotate-180 {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  
  .rotate-270 {
    -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
            transform: rotate(270deg);
  }
  
  .transition-opacity {
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
  }
  
  .opacity-0 {
    opacity: 0;
  }
  
  .pt-0 {
    padding-top: 0 !important;
  }
  
  .pt-1em {
    padding-top: 1em !important;
  }
  
  .pt-20 {
    padding-top: 20px !important;
  }
  
  .pt-30 {
    padding-top: 30px !important;
  }
  
  .pt-45 {
    padding-top: 45px !important;
  }
  
  .pt-40 {
    padding-top: 40px !important;
  }
  
  .pt-60 {
    padding-top: 60px !important;
  }
  
  .pt-80 {
    padding-top: 80px !important;
  }
  
  .pt-50 {
    padding-top: 50px !important;
  }
  
  .pt-minus200 {
    padding-top: -200px !important;
  }
  
  .pr-0 {
    padding-right: 0 !important;
  }
  
  .pr-1em {
    padding-right: 1em !important;
  }
  
  .pr-20 {
    padding-right: 20px !important;
  }
  
  .pr-30 {
    padding-right: 30px !important;
  }
  
  .pr-45 {
    padding-right: 45px !important;
  }
  
  .pr-40 {
    padding-right: 40px !important;
  }
  
  .pr-60 {
    padding-right: 60px !important;
  }
  
  .pr-80 {
    padding-right: 80px !important;
  }
  
  .pr-50 {
    padding-right: 50px !important;
  }
  
  .pr-minus200 {
    padding-right: -200px !important;
  }
  
  .pb-0 {
    padding-bottom: 0 !important;
  }
  
  .pb-1em {
    padding-bottom: 1em !important;
  }
  
  .pb-20 {
    padding-bottom: 20px !important;
  }
  
  .pb-30 {
    padding-bottom: 30px !important;
  }
  
  .pb-45 {
    padding-bottom: 45px !important;
  }
  
  .pb-40 {
    padding-bottom: 40px !important;
  }
  
  .pb-60 {
    padding-bottom: 60px !important;
  }
  
  .pb-80 {
    padding-bottom: 80px !important;
  }
  
  .pb-50 {
    padding-bottom: 50px !important;
  }
  
  .pb-minus200 {
    padding-bottom: -200px !important;
  }
  
  .pl-0 {
    padding-left: 0 !important;
  }
  
  .pl-1em {
    padding-left: 1em !important;
  }
  
  .pl-20 {
    padding-left: 20px !important;
  }
  
  .pl-30 {
    padding-left: 30px !important;
  }
  
  .pl-45 {
    padding-left: 45px !important;
  }
  
  .pl-40 {
    padding-left: 40px !important;
  }
  
  .pl-60 {
    padding-left: 60px !important;
  }
  
  .pl-80 {
    padding-left: 80px !important;
  }
  
  .pl-50 {
    padding-left: 50px !important;
  }
  
  .pl-minus200 {
    padding-left: -200px !important;
  }
  
  .mt-0 {
    margin-top: 0 !important;
  }
  
  .mt-1em {
    margin-top: 1em !important;
  }
  
  .mt-20 {
    margin-top: 20px !important;
  }
  
  .mt-30 {
    margin-top: 30px !important;
  }
  
  .mt-45 {
    margin-top: 45px !important;
  }
  
  .mt-40 {
    margin-top: 40px !important;
  }
  
  .mt-60 {
    margin-top: 60px !important;
  }
  
  .mt-80 {
    margin-top: 80px !important;
  }
  
  .mt-50 {
    margin-top: 50px !important;
  }
  
  .mt-minus200 {
    margin-top: -200px !important;
  }
  
  .mr-0 {
    margin-right: 0 !important;
  }
  
  .mr-1em {
    margin-right: 1em !important;
  }
  
  .mr-20 {
    margin-right: 20px !important;
  }
  
  .mr-30 {
    margin-right: 30px !important;
  }
  
  .mr-45 {
    margin-right: 45px !important;
  }
  
  .mr-40 {
    margin-right: 40px !important;
  }
  
  .mr-60 {
    margin-right: 60px !important;
  }
  
  .mr-80 {
    margin-right: 80px !important;
  }
  
  .mr-50 {
    margin-right: 50px !important;
  }
  
  .mr-minus200 {
    margin-right: -200px !important;
  }
  
  .mb-0 {
    margin-bottom: 0 !important;
  }
  
  .mb-1em {
    margin-bottom: 1em !important;
  }
  
  .mb-20 {
    margin-bottom: 20px !important;
  }
  
  .mb-30 {
    margin-bottom: 30px !important;
  }
  
  .mb-45 {
    margin-bottom: 45px !important;
  }
  
  .mb-40 {
    margin-bottom: 40px !important;
  }
  
  .mb-60 {
    margin-bottom: 60px !important;
  }
  
  .mb-80 {
    margin-bottom: 80px !important;
  }
  
  .mb-50 {
    margin-bottom: 50px !important;
  }
  
  .mb-minus200 {
    margin-bottom: -200px !important;
  }
  
  .ml-0 {
    margin-left: 0 !important;
  }
  
  .ml-1em {
    margin-left: 1em !important;
  }
  
  .ml-20 {
    margin-left: 20px !important;
  }
  
  .ml-30 {
    margin-left: 30px !important;
  }
  
  .ml-45 {
    margin-left: 45px !important;
  }
  
  .ml-40 {
    margin-left: 40px !important;
  }
  
  .ml-60 {
    margin-left: 60px !important;
  }
  
  .ml-80 {
    margin-left: 80px !important;
  }
  
  .ml-50 {
    margin-left: 50px !important;
  }
  
  .ml-minus200 {
    margin-left: -200px !important;
  }
  
  .none {
    display: none;
  }
  
  .hidden {
    position: absolute;
    overflow: hidden;
    width: 0;
    height: 0;
    pointer-events: none;
  }
  
  @media screen and (max-width: 767px) {
    .hidden-mobile {
      display: none;
    }
    .d-mobile-block {
      display: block;
    }
    .d-mobile-flex {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
    }
    .pt-mobile-0 {
      padding-top: 0 !important;
    }
    .pt-mobile-1em {
      padding-top: 1em !important;
    }
    .pt-mobile-20 {
      padding-top: 20px !important;
    }
    .pt-mobile-30 {
      padding-top: 30px !important;
    }
    .pt-mobile-45 {
      padding-top: 45px !important;
    }
    .pt-mobile-40 {
      padding-top: 40px !important;
    }
    .pt-mobile-60 {
      padding-top: 60px !important;
    }
    .pt-mobile-80 {
      padding-top: 80px !important;
    }
    .pt-mobile-50 {
      padding-top: 50px !important;
    }
    .pt-mobile-minus200 {
      padding-top: -200px !important;
    }
    .pr-mobile-0 {
      padding-right: 0 !important;
    }
    .pr-mobile-1em {
      padding-right: 1em !important;
    }
    .pr-mobile-20 {
      padding-right: 20px !important;
    }
    .pr-mobile-30 {
      padding-right: 30px !important;
    }
    .pr-mobile-45 {
      padding-right: 45px !important;
    }
    .pr-mobile-40 {
      padding-right: 40px !important;
    }
    .pr-mobile-60 {
      padding-right: 60px !important;
    }
    .pr-mobile-80 {
      padding-right: 80px !important;
    }
    .pr-mobile-50 {
      padding-right: 50px !important;
    }
    .pr-mobile-minus200 {
      padding-right: -200px !important;
    }
    .pb-mobile-0 {
      padding-bottom: 0 !important;
    }
    .pb-mobile-1em {
      padding-bottom: 1em !important;
    }
    .pb-mobile-20 {
      padding-bottom: 20px !important;
    }
    .pb-mobile-30 {
      padding-bottom: 30px !important;
    }
    .pb-mobile-45 {
      padding-bottom: 45px !important;
    }
    .pb-mobile-40 {
      padding-bottom: 40px !important;
    }
    .pb-mobile-60 {
      padding-bottom: 60px !important;
    }
    .pb-mobile-80 {
      padding-bottom: 80px !important;
    }
    .pb-mobile-50 {
      padding-bottom: 50px !important;
    }
    .pb-mobile-minus200 {
      padding-bottom: -200px !important;
    }
    .pl-mobile-0 {
      padding-left: 0 !important;
    }
    .pl-mobile-1em {
      padding-left: 1em !important;
    }
    .pl-mobile-20 {
      padding-left: 20px !important;
    }
    .pl-mobile-30 {
      padding-left: 30px !important;
    }
    .pl-mobile-45 {
      padding-left: 45px !important;
    }
    .pl-mobile-40 {
      padding-left: 40px !important;
    }
    .pl-mobile-60 {
      padding-left: 60px !important;
    }
    .pl-mobile-80 {
      padding-left: 80px !important;
    }
    .pl-mobile-50 {
      padding-left: 50px !important;
    }
    .pl-mobile-minus200 {
      padding-left: -200px !important;
    }
    .mt-mobile-0 {
      margin-top: 0 !important;
    }
    .mt-mobile-1em {
      margin-top: 1em !important;
    }
    .mt-mobile-20 {
      margin-top: 20px !important;
    }
    .mt-mobile-30 {
      margin-top: 30px !important;
    }
    .mt-mobile-45 {
      margin-top: 45px !important;
    }
    .mt-mobile-40 {
      margin-top: 40px !important;
    }
    .mt-mobile-60 {
      margin-top: 60px !important;
    }
    .mt-mobile-80 {
      margin-top: 80px !important;
    }
    .mt-mobile-50 {
      margin-top: 50px !important;
    }
    .mt-mobile-minus200 {
      margin-top: -200px !important;
    }
    .mr-mobile-0 {
      margin-right: 0 !important;
    }
    .mr-mobile-1em {
      margin-right: 1em !important;
    }
    .mr-mobile-20 {
      margin-right: 20px !important;
    }
    .mr-mobile-30 {
      margin-right: 30px !important;
    }
    .mr-mobile-45 {
      margin-right: 45px !important;
    }
    .mr-mobile-40 {
      margin-right: 40px !important;
    }
    .mr-mobile-60 {
      margin-right: 60px !important;
    }
    .mr-mobile-80 {
      margin-right: 80px !important;
    }
    .mr-mobile-50 {
      margin-right: 50px !important;
    }
    .mr-mobile-minus200 {
      margin-right: -200px !important;
    }
    .mb-mobile-0 {
      margin-bottom: 0 !important;
    }
    .mb-mobile-1em {
      margin-bottom: 1em !important;
    }
    .mb-mobile-20 {
      margin-bottom: 20px !important;
    }
    .mb-mobile-30 {
      margin-bottom: 30px !important;
    }
    .mb-mobile-45 {
      margin-bottom: 45px !important;
    }
    .mb-mobile-40 {
      margin-bottom: 40px !important;
    }
    .mb-mobile-60 {
      margin-bottom: 60px !important;
    }
    .mb-mobile-80 {
      margin-bottom: 80px !important;
    }
    .mb-mobile-50 {
      margin-bottom: 50px !important;
    }
    .mb-mobile-minus200 {
      margin-bottom: -200px !important;
    }
    .ml-mobile-0 {
      margin-left: 0 !important;
    }
    .ml-mobile-1em {
      margin-left: 1em !important;
    }
    .ml-mobile-20 {
      margin-left: 20px !important;
    }
    .ml-mobile-30 {
      margin-left: 30px !important;
    }
    .ml-mobile-45 {
      margin-left: 45px !important;
    }
    .ml-mobile-40 {
      margin-left: 40px !important;
    }
    .ml-mobile-60 {
      margin-left: 60px !important;
    }
    .ml-mobile-80 {
      margin-left: 80px !important;
    }
    .ml-mobile-50 {
      margin-left: 50px !important;
    }
    .ml-mobile-minus200 {
      margin-left: -200px !important;
    }
  }
  
  @media screen and (min-width: 768px) {
    .visible-mobile {
      display: none;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .hidden-vertical-tablet {
      display: none;
    }
    .d-vertical-tablet-block {
      display: block;
    }
    .d-vertical-tablet-flex {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
    }
    .pt-vertical-tablet-0 {
      padding-top: 0 !important;
    }
    .pt-vertical-tablet-1em {
      padding-top: 1em !important;
    }
    .pt-vertical-tablet-20 {
      padding-top: 20px !important;
    }
    .pt-vertical-tablet-30 {
      padding-top: 30px !important;
    }
    .pt-vertical-tablet-45 {
      padding-top: 45px !important;
    }
    .pt-vertical-tablet-40 {
      padding-top: 40px !important;
    }
    .pt-vertical-tablet-60 {
      padding-top: 60px !important;
    }
    .pt-vertical-tablet-80 {
      padding-top: 80px !important;
    }
    .pt-vertical-tablet-50 {
      padding-top: 50px !important;
    }
    .pt-vertical-tablet-minus200 {
      padding-top: -200px !important;
    }
    .pr-vertical-tablet-0 {
      padding-right: 0 !important;
    }
    .pr-vertical-tablet-1em {
      padding-right: 1em !important;
    }
    .pr-vertical-tablet-20 {
      padding-right: 20px !important;
    }
    .pr-vertical-tablet-30 {
      padding-right: 30px !important;
    }
    .pr-vertical-tablet-45 {
      padding-right: 45px !important;
    }
    .pr-vertical-tablet-40 {
      padding-right: 40px !important;
    }
    .pr-vertical-tablet-60 {
      padding-right: 60px !important;
    }
    .pr-vertical-tablet-80 {
      padding-right: 80px !important;
    }
    .pr-vertical-tablet-50 {
      padding-right: 50px !important;
    }
    .pr-vertical-tablet-minus200 {
      padding-right: -200px !important;
    }
    .pb-vertical-tablet-0 {
      padding-bottom: 0 !important;
    }
    .pb-vertical-tablet-1em {
      padding-bottom: 1em !important;
    }
    .pb-vertical-tablet-20 {
      padding-bottom: 20px !important;
    }
    .pb-vertical-tablet-30 {
      padding-bottom: 30px !important;
    }
    .pb-vertical-tablet-45 {
      padding-bottom: 45px !important;
    }
    .pb-vertical-tablet-40 {
      padding-bottom: 40px !important;
    }
    .pb-vertical-tablet-60 {
      padding-bottom: 60px !important;
    }
    .pb-vertical-tablet-80 {
      padding-bottom: 80px !important;
    }
    .pb-vertical-tablet-50 {
      padding-bottom: 50px !important;
    }
    .pb-vertical-tablet-minus200 {
      padding-bottom: -200px !important;
    }
    .pl-vertical-tablet-0 {
      padding-left: 0 !important;
    }
    .pl-vertical-tablet-1em {
      padding-left: 1em !important;
    }
    .pl-vertical-tablet-20 {
      padding-left: 20px !important;
    }
    .pl-vertical-tablet-30 {
      padding-left: 30px !important;
    }
    .pl-vertical-tablet-45 {
      padding-left: 45px !important;
    }
    .pl-vertical-tablet-40 {
      padding-left: 40px !important;
    }
    .pl-vertical-tablet-60 {
      padding-left: 60px !important;
    }
    .pl-vertical-tablet-80 {
      padding-left: 80px !important;
    }
    .pl-vertical-tablet-50 {
      padding-left: 50px !important;
    }
    .pl-vertical-tablet-minus200 {
      padding-left: -200px !important;
    }
    .mt-vertical-tablet-0 {
      margin-top: 0 !important;
    }
    .mt-vertical-tablet-1em {
      margin-top: 1em !important;
    }
    .mt-vertical-tablet-20 {
      margin-top: 20px !important;
    }
    .mt-vertical-tablet-30 {
      margin-top: 30px !important;
    }
    .mt-vertical-tablet-45 {
      margin-top: 45px !important;
    }
    .mt-vertical-tablet-40 {
      margin-top: 40px !important;
    }
    .mt-vertical-tablet-60 {
      margin-top: 60px !important;
    }
    .mt-vertical-tablet-80 {
      margin-top: 80px !important;
    }
    .mt-vertical-tablet-50 {
      margin-top: 50px !important;
    }
    .mt-vertical-tablet-minus200 {
      margin-top: -200px !important;
    }
    .mr-vertical-tablet-0 {
      margin-right: 0 !important;
    }
    .mr-vertical-tablet-1em {
      margin-right: 1em !important;
    }
    .mr-vertical-tablet-20 {
      margin-right: 20px !important;
    }
    .mr-vertical-tablet-30 {
      margin-right: 30px !important;
    }
    .mr-vertical-tablet-45 {
      margin-right: 45px !important;
    }
    .mr-vertical-tablet-40 {
      margin-right: 40px !important;
    }
    .mr-vertical-tablet-60 {
      margin-right: 60px !important;
    }
    .mr-vertical-tablet-80 {
      margin-right: 80px !important;
    }
    .mr-vertical-tablet-50 {
      margin-right: 50px !important;
    }
    .mr-vertical-tablet-minus200 {
      margin-right: -200px !important;
    }
    .mb-vertical-tablet-0 {
      margin-bottom: 0 !important;
    }
    .mb-vertical-tablet-1em {
      margin-bottom: 1em !important;
    }
    .mb-vertical-tablet-20 {
      margin-bottom: 20px !important;
    }
    .mb-vertical-tablet-30 {
      margin-bottom: 30px !important;
    }
    .mb-vertical-tablet-45 {
      margin-bottom: 45px !important;
    }
    .mb-vertical-tablet-40 {
      margin-bottom: 40px !important;
    }
    .mb-vertical-tablet-60 {
      margin-bottom: 60px !important;
    }
    .mb-vertical-tablet-80 {
      margin-bottom: 80px !important;
    }
    .mb-vertical-tablet-50 {
      margin-bottom: 50px !important;
    }
    .mb-vertical-tablet-minus200 {
      margin-bottom: -200px !important;
    }
    .ml-vertical-tablet-0 {
      margin-left: 0 !important;
    }
    .ml-vertical-tablet-1em {
      margin-left: 1em !important;
    }
    .ml-vertical-tablet-20 {
      margin-left: 20px !important;
    }
    .ml-vertical-tablet-30 {
      margin-left: 30px !important;
    }
    .ml-vertical-tablet-45 {
      margin-left: 45px !important;
    }
    .ml-vertical-tablet-40 {
      margin-left: 40px !important;
    }
    .ml-vertical-tablet-60 {
      margin-left: 60px !important;
    }
    .ml-vertical-tablet-80 {
      margin-left: 80px !important;
    }
    .ml-vertical-tablet-50 {
      margin-left: 50px !important;
    }
    .ml-vertical-tablet-minus200 {
      margin-left: -200px !important;
    }
  }
  
  @media screen and (max-width: 1023px) {
    .visible-horizontal-tablet,
    .hidden-less-horizontal-tablet {
      display: none;
    }
    .d-horizontal-less-tablet-block {
      display: block;
    }
    .d-horizontal-less-tablet-flex {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
    }
    .pt-less-horizontal-tablet-0 {
      padding-top: 0 !important;
    }
    .pt-less-horizontal-tablet-1em {
      padding-top: 1em !important;
    }
    .pt-less-horizontal-tablet-20 {
      padding-top: 20px !important;
    }
    .pt-less-horizontal-tablet-30 {
      padding-top: 30px !important;
    }
    .pt-less-horizontal-tablet-45 {
      padding-top: 45px !important;
    }
    .pt-less-horizontal-tablet-40 {
      padding-top: 40px !important;
    }
    .pt-less-horizontal-tablet-60 {
      padding-top: 60px !important;
    }
    .pt-less-horizontal-tablet-80 {
      padding-top: 80px !important;
    }
    .pt-less-horizontal-tablet-50 {
      padding-top: 50px !important;
    }
    .pt-less-horizontal-tablet-minus200 {
      padding-top: -200px !important;
    }
    .pr-less-horizontal-tablet-0 {
      padding-right: 0 !important;
    }
    .pr-less-horizontal-tablet-1em {
      padding-right: 1em !important;
    }
    .pr-less-horizontal-tablet-20 {
      padding-right: 20px !important;
    }
    .pr-less-horizontal-tablet-30 {
      padding-right: 30px !important;
    }
    .pr-less-horizontal-tablet-45 {
      padding-right: 45px !important;
    }
    .pr-less-horizontal-tablet-40 {
      padding-right: 40px !important;
    }
    .pr-less-horizontal-tablet-60 {
      padding-right: 60px !important;
    }
    .pr-less-horizontal-tablet-80 {
      padding-right: 80px !important;
    }
    .pr-less-horizontal-tablet-50 {
      padding-right: 50px !important;
    }
    .pr-less-horizontal-tablet-minus200 {
      padding-right: -200px !important;
    }
    .pb-less-horizontal-tablet-0 {
      padding-bottom: 0 !important;
    }
    .pb-less-horizontal-tablet-1em {
      padding-bottom: 1em !important;
    }
    .pb-less-horizontal-tablet-20 {
      padding-bottom: 20px !important;
    }
    .pb-less-horizontal-tablet-30 {
      padding-bottom: 30px !important;
    }
    .pb-less-horizontal-tablet-45 {
      padding-bottom: 45px !important;
    }
    .pb-less-horizontal-tablet-40 {
      padding-bottom: 40px !important;
    }
    .pb-less-horizontal-tablet-60 {
      padding-bottom: 60px !important;
    }
    .pb-less-horizontal-tablet-80 {
      padding-bottom: 80px !important;
    }
    .pb-less-horizontal-tablet-50 {
      padding-bottom: 50px !important;
    }
    .pb-less-horizontal-tablet-minus200 {
      padding-bottom: -200px !important;
    }
    .pl-less-horizontal-tablet-0 {
      padding-left: 0 !important;
    }
    .pl-less-horizontal-tablet-1em {
      padding-left: 1em !important;
    }
    .pl-less-horizontal-tablet-20 {
      padding-left: 20px !important;
    }
    .pl-less-horizontal-tablet-30 {
      padding-left: 30px !important;
    }
    .pl-less-horizontal-tablet-45 {
      padding-left: 45px !important;
    }
    .pl-less-horizontal-tablet-40 {
      padding-left: 40px !important;
    }
    .pl-less-horizontal-tablet-60 {
      padding-left: 60px !important;
    }
    .pl-less-horizontal-tablet-80 {
      padding-left: 80px !important;
    }
    .pl-less-horizontal-tablet-50 {
      padding-left: 50px !important;
    }
    .pl-less-horizontal-tablet-minus200 {
      padding-left: -200px !important;
    }
    .mt-less-horizontal-tablet-0 {
      margin-top: 0 !important;
    }
    .mt-less-horizontal-tablet-1em {
      margin-top: 1em !important;
    }
    .mt-less-horizontal-tablet-20 {
      margin-top: 20px !important;
    }
    .mt-less-horizontal-tablet-30 {
      margin-top: 30px !important;
    }
    .mt-less-horizontal-tablet-45 {
      margin-top: 45px !important;
    }
    .mt-less-horizontal-tablet-40 {
      margin-top: 40px !important;
    }
    .mt-less-horizontal-tablet-60 {
      margin-top: 60px !important;
    }
    .mt-less-horizontal-tablet-80 {
      margin-top: 80px !important;
    }
    .mt-less-horizontal-tablet-50 {
      margin-top: 50px !important;
    }
    .mt-less-horizontal-tablet-minus200 {
      margin-top: -200px !important;
    }
    .mr-less-horizontal-tablet-0 {
      margin-right: 0 !important;
    }
    .mr-less-horizontal-tablet-1em {
      margin-right: 1em !important;
    }
    .mr-less-horizontal-tablet-20 {
      margin-right: 20px !important;
    }
    .mr-less-horizontal-tablet-30 {
      margin-right: 30px !important;
    }
    .mr-less-horizontal-tablet-45 {
      margin-right: 45px !important;
    }
    .mr-less-horizontal-tablet-40 {
      margin-right: 40px !important;
    }
    .mr-less-horizontal-tablet-60 {
      margin-right: 60px !important;
    }
    .mr-less-horizontal-tablet-80 {
      margin-right: 80px !important;
    }
    .mr-less-horizontal-tablet-50 {
      margin-right: 50px !important;
    }
    .mr-less-horizontal-tablet-minus200 {
      margin-right: -200px !important;
    }
    .mb-less-horizontal-tablet-0 {
      margin-bottom: 0 !important;
    }
    .mb-less-horizontal-tablet-1em {
      margin-bottom: 1em !important;
    }
    .mb-less-horizontal-tablet-20 {
      margin-bottom: 20px !important;
    }
    .mb-less-horizontal-tablet-30 {
      margin-bottom: 30px !important;
    }
    .mb-less-horizontal-tablet-45 {
      margin-bottom: 45px !important;
    }
    .mb-less-horizontal-tablet-40 {
      margin-bottom: 40px !important;
    }
    .mb-less-horizontal-tablet-60 {
      margin-bottom: 60px !important;
    }
    .mb-less-horizontal-tablet-80 {
      margin-bottom: 80px !important;
    }
    .mb-less-horizontal-tablet-50 {
      margin-bottom: 50px !important;
    }
    .mb-less-horizontal-tablet-minus200 {
      margin-bottom: -200px !important;
    }
    .ml-less-horizontal-tablet-0 {
      margin-left: 0 !important;
    }
    .ml-less-horizontal-tablet-1em {
      margin-left: 1em !important;
    }
    .ml-less-horizontal-tablet-20 {
      margin-left: 20px !important;
    }
    .ml-less-horizontal-tablet-30 {
      margin-left: 30px !important;
    }
    .ml-less-horizontal-tablet-45 {
      margin-left: 45px !important;
    }
    .ml-less-horizontal-tablet-40 {
      margin-left: 40px !important;
    }
    .ml-less-horizontal-tablet-60 {
      margin-left: 60px !important;
    }
    .ml-less-horizontal-tablet-80 {
      margin-left: 80px !important;
    }
    .ml-less-horizontal-tablet-50 {
      margin-left: 50px !important;
    }
    .ml-less-horizontal-tablet-minus200 {
      margin-left: -200px !important;
    }
  }
  
  @media screen and (min-width: 1024px) {
    .hidden-from-horizontal-tablet {
      display: none;
    }
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .hidden-horizontal-tablet {
      display: none;
    }
    .d-horizontal-tablet-block {
      display: block;
    }
    .d-horizontal-tablet-flex {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
    }
    .pt-horizontal-tablet-0 {
      padding-top: 0 !important;
    }
    .pt-horizontal-tablet-1em {
      padding-top: 1em !important;
    }
    .pt-horizontal-tablet-20 {
      padding-top: 20px !important;
    }
    .pt-horizontal-tablet-30 {
      padding-top: 30px !important;
    }
    .pt-horizontal-tablet-45 {
      padding-top: 45px !important;
    }
    .pt-horizontal-tablet-40 {
      padding-top: 40px !important;
    }
    .pt-horizontal-tablet-60 {
      padding-top: 60px !important;
    }
    .pt-horizontal-tablet-80 {
      padding-top: 80px !important;
    }
    .pt-horizontal-tablet-50 {
      padding-top: 50px !important;
    }
    .pt-horizontal-tablet-minus200 {
      padding-top: -200px !important;
    }
    .pr-horizontal-tablet-0 {
      padding-right: 0 !important;
    }
    .pr-horizontal-tablet-1em {
      padding-right: 1em !important;
    }
    .pr-horizontal-tablet-20 {
      padding-right: 20px !important;
    }
    .pr-horizontal-tablet-30 {
      padding-right: 30px !important;
    }
    .pr-horizontal-tablet-45 {
      padding-right: 45px !important;
    }
    .pr-horizontal-tablet-40 {
      padding-right: 40px !important;
    }
    .pr-horizontal-tablet-60 {
      padding-right: 60px !important;
    }
    .pr-horizontal-tablet-80 {
      padding-right: 80px !important;
    }
    .pr-horizontal-tablet-50 {
      padding-right: 50px !important;
    }
    .pr-horizontal-tablet-minus200 {
      padding-right: -200px !important;
    }
    .pb-horizontal-tablet-0 {
      padding-bottom: 0 !important;
    }
    .pb-horizontal-tablet-1em {
      padding-bottom: 1em !important;
    }
    .pb-horizontal-tablet-20 {
      padding-bottom: 20px !important;
    }
    .pb-horizontal-tablet-30 {
      padding-bottom: 30px !important;
    }
    .pb-horizontal-tablet-45 {
      padding-bottom: 45px !important;
    }
    .pb-horizontal-tablet-40 {
      padding-bottom: 40px !important;
    }
    .pb-horizontal-tablet-60 {
      padding-bottom: 60px !important;
    }
    .pb-horizontal-tablet-80 {
      padding-bottom: 80px !important;
    }
    .pb-horizontal-tablet-50 {
      padding-bottom: 50px !important;
    }
    .pb-horizontal-tablet-minus200 {
      padding-bottom: -200px !important;
    }
    .pl-horizontal-tablet-0 {
      padding-left: 0 !important;
    }
    .pl-horizontal-tablet-1em {
      padding-left: 1em !important;
    }
    .pl-horizontal-tablet-20 {
      padding-left: 20px !important;
    }
    .pl-horizontal-tablet-30 {
      padding-left: 30px !important;
    }
    .pl-horizontal-tablet-45 {
      padding-left: 45px !important;
    }
    .pl-horizontal-tablet-40 {
      padding-left: 40px !important;
    }
    .pl-horizontal-tablet-60 {
      padding-left: 60px !important;
    }
    .pl-horizontal-tablet-80 {
      padding-left: 80px !important;
    }
    .pl-horizontal-tablet-50 {
      padding-left: 50px !important;
    }
    .pl-horizontal-tablet-minus200 {
      padding-left: -200px !important;
    }
    .mt-horizontal-tablet-0 {
      margin-top: 0 !important;
    }
    .mt-horizontal-tablet-1em {
      margin-top: 1em !important;
    }
    .mt-horizontal-tablet-20 {
      margin-top: 20px !important;
    }
    .mt-horizontal-tablet-30 {
      margin-top: 30px !important;
    }
    .mt-horizontal-tablet-45 {
      margin-top: 45px !important;
    }
    .mt-horizontal-tablet-40 {
      margin-top: 40px !important;
    }
    .mt-horizontal-tablet-60 {
      margin-top: 60px !important;
    }
    .mt-horizontal-tablet-80 {
      margin-top: 80px !important;
    }
    .mt-horizontal-tablet-50 {
      margin-top: 50px !important;
    }
    .mt-horizontal-tablet-minus200 {
      margin-top: -200px !important;
    }
    .mr-horizontal-tablet-0 {
      margin-right: 0 !important;
    }
    .mr-horizontal-tablet-1em {
      margin-right: 1em !important;
    }
    .mr-horizontal-tablet-20 {
      margin-right: 20px !important;
    }
    .mr-horizontal-tablet-30 {
      margin-right: 30px !important;
    }
    .mr-horizontal-tablet-45 {
      margin-right: 45px !important;
    }
    .mr-horizontal-tablet-40 {
      margin-right: 40px !important;
    }
    .mr-horizontal-tablet-60 {
      margin-right: 60px !important;
    }
    .mr-horizontal-tablet-80 {
      margin-right: 80px !important;
    }
    .mr-horizontal-tablet-50 {
      margin-right: 50px !important;
    }
    .mr-horizontal-tablet-minus200 {
      margin-right: -200px !important;
    }
    .mb-horizontal-tablet-0 {
      margin-bottom: 0 !important;
    }
    .mb-horizontal-tablet-1em {
      margin-bottom: 1em !important;
    }
    .mb-horizontal-tablet-20 {
      margin-bottom: 20px !important;
    }
    .mb-horizontal-tablet-30 {
      margin-bottom: 30px !important;
    }
    .mb-horizontal-tablet-45 {
      margin-bottom: 45px !important;
    }
    .mb-horizontal-tablet-40 {
      margin-bottom: 40px !important;
    }
    .mb-horizontal-tablet-60 {
      margin-bottom: 60px !important;
    }
    .mb-horizontal-tablet-80 {
      margin-bottom: 80px !important;
    }
    .mb-horizontal-tablet-50 {
      margin-bottom: 50px !important;
    }
    .mb-horizontal-tablet-minus200 {
      margin-bottom: -200px !important;
    }
    .ml-horizontal-tablet-0 {
      margin-left: 0 !important;
    }
    .ml-horizontal-tablet-1em {
      margin-left: 1em !important;
    }
    .ml-horizontal-tablet-20 {
      margin-left: 20px !important;
    }
    .ml-horizontal-tablet-30 {
      margin-left: 30px !important;
    }
    .ml-horizontal-tablet-45 {
      margin-left: 45px !important;
    }
    .ml-horizontal-tablet-40 {
      margin-left: 40px !important;
    }
    .ml-horizontal-tablet-60 {
      margin-left: 60px !important;
    }
    .ml-horizontal-tablet-80 {
      margin-left: 80px !important;
    }
    .ml-horizontal-tablet-50 {
      margin-left: 50px !important;
    }
    .ml-horizontal-tablet-minus200 {
      margin-left: -200px !important;
    }
  }
  
  @media screen and (min-width: 1400px) {
    .hidden-desktop {
      display: none;
    }
    .d-desktop-block {
      display: block;
    }
    .d-desktop-flex {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
    }
    .pt-desktop-0 {
      padding-top: 0 !important;
    }
    .pt-desktop-1em {
      padding-top: 1em !important;
    }
    .pt-desktop-20 {
      padding-top: 20px !important;
    }
    .pt-desktop-30 {
      padding-top: 30px !important;
    }
    .pt-desktop-45 {
      padding-top: 45px !important;
    }
    .pt-desktop-40 {
      padding-top: 40px !important;
    }
    .pt-desktop-60 {
      padding-top: 60px !important;
    }
    .pt-desktop-80 {
      padding-top: 80px !important;
    }
    .pt-desktop-50 {
      padding-top: 50px !important;
    }
    .pt-desktop-minus200 {
      padding-top: -200px !important;
    }
    .pr-desktop-0 {
      padding-right: 0 !important;
    }
    .pr-desktop-1em {
      padding-right: 1em !important;
    }
    .pr-desktop-20 {
      padding-right: 20px !important;
    }
    .pr-desktop-30 {
      padding-right: 30px !important;
    }
    .pr-desktop-45 {
      padding-right: 45px !important;
    }
    .pr-desktop-40 {
      padding-right: 40px !important;
    }
    .pr-desktop-60 {
      padding-right: 60px !important;
    }
    .pr-desktop-80 {
      padding-right: 80px !important;
    }
    .pr-desktop-50 {
      padding-right: 50px !important;
    }
    .pr-desktop-minus200 {
      padding-right: -200px !important;
    }
    .pb-desktop-0 {
      padding-bottom: 0 !important;
    }
    .pb-desktop-1em {
      padding-bottom: 1em !important;
    }
    .pb-desktop-20 {
      padding-bottom: 20px !important;
    }
    .pb-desktop-30 {
      padding-bottom: 30px !important;
    }
    .pb-desktop-45 {
      padding-bottom: 45px !important;
    }
    .pb-desktop-40 {
      padding-bottom: 40px !important;
    }
    .pb-desktop-60 {
      padding-bottom: 60px !important;
    }
    .pb-desktop-80 {
      padding-bottom: 80px !important;
    }
    .pb-desktop-50 {
      padding-bottom: 50px !important;
    }
    .pb-desktop-minus200 {
      padding-bottom: -200px !important;
    }
    .pl-desktop-0 {
      padding-left: 0 !important;
    }
    .pl-desktop-1em {
      padding-left: 1em !important;
    }
    .pl-desktop-20 {
      padding-left: 20px !important;
    }
    .pl-desktop-30 {
      padding-left: 30px !important;
    }
    .pl-desktop-45 {
      padding-left: 45px !important;
    }
    .pl-desktop-40 {
      padding-left: 40px !important;
    }
    .pl-desktop-60 {
      padding-left: 60px !important;
    }
    .pl-desktop-80 {
      padding-left: 80px !important;
    }
    .pl-desktop-50 {
      padding-left: 50px !important;
    }
    .pl-desktop-minus200 {
      padding-left: -200px !important;
    }
    .mt-desktop-0 {
      margin-top: 0 !important;
    }
    .mt-desktop-1em {
      margin-top: 1em !important;
    }
    .mt-desktop-20 {
      margin-top: 20px !important;
    }
    .mt-desktop-30 {
      margin-top: 30px !important;
    }
    .mt-desktop-45 {
      margin-top: 45px !important;
    }
    .mt-desktop-40 {
      margin-top: 40px !important;
    }
    .mt-desktop-60 {
      margin-top: 60px !important;
    }
    .mt-desktop-80 {
      margin-top: 80px !important;
    }
    .mt-desktop-50 {
      margin-top: 50px !important;
    }
    .mt-desktop-minus200 {
      margin-top: -200px !important;
    }
    .mr-desktop-0 {
      margin-right: 0 !important;
    }
    .mr-desktop-1em {
      margin-right: 1em !important;
    }
    .mr-desktop-20 {
      margin-right: 20px !important;
    }
    .mr-desktop-30 {
      margin-right: 30px !important;
    }
    .mr-desktop-45 {
      margin-right: 45px !important;
    }
    .mr-desktop-40 {
      margin-right: 40px !important;
    }
    .mr-desktop-60 {
      margin-right: 60px !important;
    }
    .mr-desktop-80 {
      margin-right: 80px !important;
    }
    .mr-desktop-50 {
      margin-right: 50px !important;
    }
    .mr-desktop-minus200 {
      margin-right: -200px !important;
    }
    .mb-desktop-0 {
      margin-bottom: 0 !important;
    }
    .mb-desktop-1em {
      margin-bottom: 1em !important;
    }
    .mb-desktop-20 {
      margin-bottom: 20px !important;
    }
    .mb-desktop-30 {
      margin-bottom: 30px !important;
    }
    .mb-desktop-45 {
      margin-bottom: 45px !important;
    }
    .mb-desktop-40 {
      margin-bottom: 40px !important;
    }
    .mb-desktop-60 {
      margin-bottom: 60px !important;
    }
    .mb-desktop-80 {
      margin-bottom: 80px !important;
      margin-top: 55px;
    }
    .mb-desktop-50 {
      margin-bottom: 50px !important;
    }
    .mb-desktop-minus200 {
      margin-bottom: -200px !important;
    }
    .ml-desktop-0 {
      margin-left: 0 !important;
    }
    .ml-desktop-1em {
      margin-left: 1em !important;
    }
    .ml-desktop-20 {
      margin-left: 20px !important;
    }
    .ml-desktop-30 {
      margin-left: 30px !important;
    }
    .ml-desktop-45 {
      margin-left: 45px !important;
    }
    .ml-desktop-40 {
      margin-left: 40px !important;
    }
    .ml-desktop-60 {
      margin-left: 60px !important;
    }
    .ml-desktop-80 {
      margin-left: 80px !important;
    }
    .ml-desktop-50 {
      margin-left: 50px !important;
    }
    .ml-desktop-minus200 {
      margin-left: -200px !important;
    }
  }
  
  @media screen and (max-width: 1399px) {
.dropdown{
  margin: 30px 50px 0 0 !important;
}

    .visible-desktop,
    .hidden-less-desktop {
      display: none;
    }
    .d-less-desktop-block {
      display: block;
    }
    .d-less-desktop-flex {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
    }
    .pt-less-desktop-0 {
      padding-top: 0 !important;
    }
    .pt-less-desktop-1em {
      padding-top: 1em !important;
    }
    .pt-less-desktop-20 {
      padding-top: 20px !important;
    }
    .pt-less-desktop-30 {
      padding-top: 30px !important;
    }
    .pt-less-desktop-45 {
      padding-top: 45px !important;
    }
    .pt-less-desktop-40 {
      padding-top: 40px !important;
    }
    .pt-less-desktop-60 {
      padding-top: 60px !important;
    }
    .pt-less-desktop-80 {
      padding-top: 80px !important;
    }
    .pt-less-desktop-50 {
      padding-top: 50px !important;
    }
    .pt-less-desktop-minus200 {
      padding-top: -200px !important;
    }
    .pr-less-desktop-0 {
      padding-right: 0 !important;
    }
    .pr-less-desktop-1em {
      padding-right: 1em !important;
    }
    .pr-less-desktop-20 {
      padding-right: 20px !important;
    }
    .pr-less-desktop-30 {
      padding-right: 30px !important;
    }
    .pr-less-desktop-45 {
      padding-right: 45px !important;
    }
    .pr-less-desktop-40 {
      padding-right: 40px !important;
    }
    .pr-less-desktop-60 {
      padding-right: 60px !important;
    }
    .pr-less-desktop-80 {
      padding-right: 80px !important;
    }
    .pr-less-desktop-50 {
      padding-right: 50px !important;
    }
    .pr-less-desktop-minus200 {
      padding-right: -200px !important;
    }
    .pb-less-desktop-0 {
      padding-bottom: 0 !important;
    }
    .pb-less-desktop-1em {
      padding-bottom: 1em !important;
    }
    .pb-less-desktop-20 {
      padding-bottom: 20px !important;
    }
    .pb-less-desktop-30 {
      padding-bottom: 30px !important;
    }
    .pb-less-desktop-45 {
      padding-bottom: 45px !important;
    }
    .pb-less-desktop-40 {
      padding-bottom: 40px !important;
    }
    .pb-less-desktop-60 {
      padding-bottom: 60px !important;
    }
    .pb-less-desktop-80 {
      padding-bottom: 80px !important;
    }
    .pb-less-desktop-50 {
      padding-bottom: 50px !important;
    }
    .pb-less-desktop-minus200 {
      padding-bottom: -200px !important;
    }
    .pl-less-desktop-0 {
      padding-left: 0 !important;
    }
    .pl-less-desktop-1em {
      padding-left: 1em !important;
    }
    .pl-less-desktop-20 {
      padding-left: 20px !important;
    }
    .pl-less-desktop-30 {
      padding-left: 30px !important;
    }
    .pl-less-desktop-45 {
      padding-left: 45px !important;
    }
    .pl-less-desktop-40 {
      padding-left: 40px !important;
    }
    .pl-less-desktop-60 {
      padding-left: 60px !important;
    }
    .pl-less-desktop-80 {
      padding-left: 80px !important;
    }
    .pl-less-desktop-50 {
      padding-left: 50px !important;
    }
    .pl-less-desktop-minus200 {
      padding-left: -200px !important;
    }
    .mt-less-desktop-0 {
      margin-top: 0 !important;
    }
    .mt-less-desktop-1em {
      margin-top: 1em !important;
    }
    .mt-less-desktop-20 {
      margin-top: 20px !important;
    }
    .mt-less-desktop-30 {
      margin-top: 30px !important;
    }
    .mt-less-desktop-45 {
      margin-top: 45px !important;
    }
    .mt-less-desktop-40 {
      margin-top: 40px !important;
    }
    .mt-less-desktop-60 {
      margin-top: 60px !important;
    }
    .mt-less-desktop-80 {
      margin-top: 80px !important;
    }
    .mt-less-desktop-50 {
      margin-top: 50px !important;
    }
    .mt-less-desktop-minus200 {
      margin-top: -200px !important;
    }
    .mr-less-desktop-0 {
      margin-right: 0 !important;
    }
    .mr-less-desktop-1em {
      margin-right: 1em !important;
    }
    .mr-less-desktop-20 {
      margin-right: 20px !important;
    }
    .mr-less-desktop-30 {
      margin-right: 30px !important;
    }
    .mr-less-desktop-45 {
      margin-right: 45px !important;
    }
    .mr-less-desktop-40 {
      margin-right: 40px !important;
    }
    .mr-less-desktop-60 {
      margin-right: 60px !important;
    }
    .mr-less-desktop-80 {
      margin-right: 80px !important;
    }
    .mr-less-desktop-50 {
      margin-right: 50px !important;
    }
    .mr-less-desktop-minus200 {
      margin-right: -200px !important;
    }
    .mb-less-desktop-0 {
      margin-bottom: 0 !important;
    }
    .mb-less-desktop-1em {
      margin-bottom: 1em !important;
    }
    .mb-less-desktop-20 {
      margin-bottom: 20px !important;
    }
    .mb-less-desktop-30 {
      margin-bottom: 30px !important;
    }
    .mb-less-desktop-45 {
      margin-bottom: 45px !important;
    }
    .mb-less-desktop-40 {
      margin-bottom: 40px !important;
    }
    .mb-less-desktop-60 {
      margin-bottom: 60px !important;
    }
    .mb-less-desktop-80 {
      margin-bottom: 80px !important;
    }
    .mb-less-desktop-50 {
      margin-bottom: 50px !important;
    }
    .mb-less-desktop-minus200 {
      margin-bottom: -200px !important;
    }
    .ml-less-desktop-0 {
      margin-left: 0 !important;
    }
    .ml-less-desktop-1em {
      margin-left: 1em !important;
    }
    .ml-less-desktop-20 {
      margin-left: 20px !important;
    }
    .ml-less-desktop-30 {
      margin-left: 30px !important;
    }
    .ml-less-desktop-45 {
      margin-left: 45px !important;
    }
    .ml-less-desktop-40 {
      margin-left: 40px !important;
    }
    .ml-less-desktop-60 {
      margin-left: 60px !important;
    }
    .ml-less-desktop-80 {
      margin-left: 80px !important;
    }
    .ml-less-desktop-50 {
      margin-left: 50px !important;
    }
    .ml-less-desktop-minus200 {
      margin-left: -200px !important;
    }
  }
  
  @media screen and (min-width: 1200px) {
    .hidden-from-md {
      display: none;
    }
  }
  
  @media screen and (max-width: 1199px) {
    .hidden-less-md {
      display: none;
    }
  }
  
  .d-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  
  .relative {
    position: relative;
  }
  
  .js-adaptive-bg.color-white {
    background-color: #ccc;
  }
  
  .js-adaptive-bg {
    -webkit-background-size: cover;
            background-size: cover;
    background-position: center;
  }
  
  .transparent {
    opacity: 0;
  }
  
  .background-overlay {
    position: relative;
  }
  
  .background-overlay::after {
    z-index: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000;
    content: '';
    display: block;
  }
  
  .background-overlay__inner {
    position: relative;
    z-index: 1;
  }
  
  @media screen and (max-width: 767px) {
    .background-overlay::after {
      opacity: .3;
    }
  }
  
  @media screen and (min-width: 768px) {
    .background-overlay::after {
      opacity: .5;
    }
  }
  
  .pointer {
    cursor: pointer;
  }
  
  .animated {
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
  }
  
  .animatedFadeInUp {
    opacity: 0;
  }
  
  .FadeInUpMod {
    opacity: 0;
    -webkit-animation-name: FadeInUpMod;
            animation-name: FadeInUpMod;
  }
  
  .scale {
    -webkit-animation: scaleIn 10s linear;
            animation: scaleIn 10s linear;
  }
  
  @-webkit-keyframes scaleIn {
    0% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
    50% {
      -webkit-transform: scale(1.02);
              transform: scale(1.02);
    }
    100% {
      -webkit-transform: scale(1.05);
              transform: scale(1.05);
    }
  }
  
  @keyframes scaleIn {
    0% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
    50% {
      -webkit-transform: scale(1.02);
              transform: scale(1.02);
    }
    100% {
      -webkit-transform: scale(1.05);
              transform: scale(1.05);
    }
  }
  
  @-webkit-keyframes FadeInUpMod {
    from {
      -webkit-transform: translate3d(0, 200px, 0);
              transform: translate3d(0, 200px, 0);
    }
    to {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
      opacity: 0.8;
    }
  }
  
  @keyframes FadeInUpMod {
    from {
      -webkit-transform: translate3d(0, 200px, 0);
              transform: translate3d(0, 200px, 0);
    }
    to {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
      opacity: 0.8;
    }
  }
  
  /*! nouislider - 12.1.0 - 10/25/2018 */
  /* Functional styling;
   * These styles are required for noUiSlider to function.
   * You don't need to change these rules to apply your design.
   */
  .noUi-target,
  .noUi-target * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    -ms-touch-action: none;
    touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  
  .noUi-target {
    position: relative;
    direction: ltr;
  }
  
  .noUi-base,
  .noUi-connects {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
  }
  
  /* Wrapper for all connect elements.
   */
  .noUi-connects {
    overflow: hidden;
    z-index: 0;
  }
  
  .noUi-connect,
  .noUi-origin {
    will-change: transform;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: -webkit-transform 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    -o-transition: transform 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: transform 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: transform 0.3s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  }
  
  .noUi-state-drag .noUi-connect,
  .noUi-state-drag .noUi-origin,
  .noUi-state-tap .noUi-connect,
  .noUi-state-tap .noUi-origin {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
  }
  
  /* Offset direction
   */
  html:not([dir="rtl"]) .noUi-horizontal .noUi-origin {
    left: auto;
    right: 0;
  }
  
  /* Give origins 0 height/width so they don't interfere with clicking the
   * connect elements.
   */
  .noUi-vertical .noUi-origin {
    width: 0;
  }
  
  .noUi-horizontal .noUi-origin {
    height: 0;
  }
  
  .noUi-handle {
    position: absolute;
    outline: none;
  }
  
  .noUi-state-tap .noUi-connect,
  .noUi-state-tap .noUi-origin {
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
  }
  
  .noUi-state-drag * {
    cursor: inherit !important;
  }
  
  /* Slider size and handle placement;
   */
  .noUi-horizontal {
    height: 2px;
  }
  
  .noUi-horizontal .noUi-handle {
    width: 10px;
    height: 10px;
    left: -5px;
    top: -4px;
  }
  
  .noUi-vertical {
    width: 2px;
  }
  
  .noUi-vertical .noUi-handle {
    width: 10px;
    height: 10px;
    left: -5px;
    top: -5px;
  }
  
  html:not([dir="rtl"]) .noUi-horizontal .noUi-handle {
    right: -5px;
    left: auto;
  }
  
  /* Styling;
   * Giving the connect element a border radius causes issues with using transform: scale
   */
  .noUi-target {
    background-color: #cfcfcf;
  }
  
  .noUi-connects {
    -webkit-border-radius: 3px;
            border-radius: 3px;
  }
  
  .noUi-connect {
    background-color: #0A5BAC;
  }
  
  /* Handles and cursors;
   */
  .noUi-draggable {
    cursor: ew-resize;
  }
  
  .noUi-vertical .noUi-draggable {
    cursor: ns-resize;
  }
  
  .noUi-handle {
    -webkit-border-radius: 50%;
            border-radius: 50%;
    background-color: #0A5BAC;
    cursor: ew-resize;
  }
  
  .noUi-handle::before {
    content: '';
    display: block;
    position: absolute;
    top: -10px;
    right: -10px;
    bottom: -10px;
    left: -10px;
  }
  
  /* Disabled state;
   */
  [disabled] .noUi-connect {
    background: #B8B8B8;
  }
  
  [disabled].noUi-target,
  [disabled].noUi-handle,
  [disabled] .noUi-handle {
    cursor: not-allowed;
  }
  
  /* Base;
   *
   */
  .noUi-pips,
  .noUi-pips * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  
  .noUi-pips {
    position: absolute;
    color: #999;
  }
  
  /* Values;
   *
   */
  .noUi-value {
    position: absolute;
    white-space: nowrap;
    text-align: center;
  }
  
  .noUi-value-sub {
    color: #ccc;
    font-size: 10px;
  }
  
  /* Markings;
   *
   */
  .noUi-marker {
    position: absolute;
    background: #CCC;
  }
  
  .noUi-marker-sub {
    background: #AAA;
  }
  
  .noUi-marker-large {
    background: #AAA;
  }
  
  /* Horizontal layout;
   *
   */
  .noUi-pips-horizontal {
    padding: 10px 0;
    height: 80px;
    top: 100%;
    left: 0;
    width: 100%;
  }
  
  .noUi-value-horizontal {
    -webkit-transform: translate(-50%, 50%);
    -ms-transform: translate(-50%, 50%);
        transform: translate(-50%, 50%);
  }
  
  .noUi-rtl .noUi-value-horizontal {
    -webkit-transform: translate(50%, 50%);
    -ms-transform: translate(50%, 50%);
        transform: translate(50%, 50%);
  }
  
  .noUi-marker-horizontal.noUi-marker {
    margin-left: -1px;
    width: 2px;
    height: 5px;
  }
  
  .noUi-marker-horizontal.noUi-marker-sub {
    height: 10px;
  }
  
  .noUi-marker-horizontal.noUi-marker-large {
    height: 15px;
  }
  
  /* Vertical layout;
   *
   */
  .noUi-pips-vertical {
    padding: 0 10px;
    height: 100%;
    top: 0;
    left: 100%;
  }
  
  .noUi-value-vertical {
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%, 0);
        transform: translate(0, -50%, 0);
    padding-left: 25px;
  }
  
  .noUi-rtl .noUi-value-vertical {
    -webkit-transform: translate(0, 50%);
    -ms-transform: translate(0, 50%);
        transform: translate(0, 50%);
  }
  
  .noUi-marker-vertical.noUi-marker {
    width: 5px;
    height: 2px;
    margin-top: -1px;
  }
  
  .noUi-marker-vertical.noUi-marker-sub {
    width: 10px;
  }
  
  .noUi-marker-vertical.noUi-marker-large {
    width: 15px;
  }
  
  .noUi-tooltip {
    display: block;
    position: absolute;
    color: #4A4A4A;
    font: 400 14px/20px "Myriad Pro", sans-serif;
    text-align: center;
    white-space: nowrap;
  }
  
  .noUi-horizontal .noUi-tooltip {
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    left: 50%;
    bottom: 120%;
  }
  
  .noUi-vertical .noUi-tooltip {
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
    top: 50%;
    right: 120%;
  }
  
  /*!
   * OverlayScrollbars
   * https://github.com/KingSora/OverlayScrollbars
   *
   * Version: 1.6.0
   *
   * Copyright KingSora.
   * https://github.com/KingSora
   *
   * Released under the MIT license.
   * Date: 02.12.2018
   */
  /*
  OVERLAY SCROLLBARS CORE:
  */
  html.os-html,
  html.os-html > .os-host {
    display: block;
    overflow: hidden;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    height: 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    margin: 0 !important;
    position: absolute !important;
    /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */
  }
  
  html.os-html > .os-host > .os-padding {
    position: absolute;
    /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */
  }
  
  body.os-dragging,
  body.os-dragging * {
    cursor: default;
  }
  
  .os-host,
  .os-host-textarea {
    position: relative;
    overflow: visible !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
            align-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  
  .os-host-flexbox {
    overflow: hidden !important;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  
  .os-host-flexbox > .os-padding > .os-viewport > .os-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  
  .os-host-flexbox > .os-size-auto-observer {
    height: inherit !important;
  }
  
  .os-host-flexbox > .os-content-glue {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
       -moz-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
  }
  
  .os-host-flexbox > .os-size-auto-observer,
  .os-host-flexbox > .os-content-glue {
    min-height: 0;
    min-width: 0;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
       -moz-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
            flex-shrink: 1;
    -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
            flex-basis: auto;
  }
  
  #hs-dummy-scrollbar-size {
    position: fixed;
    opacity: 0;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
    visibility: hidden;
    overflow: scroll;
    height: 500px;
    width: 500px;
  }
  
  #hs-dummy-scrollbar-size,
  .os-viewport {
    -ms-overflow-style: scrollbar !important;
  }
  
  .os-viewport-native-scrollbars-invisible#hs-dummy-scrollbar-size::-webkit-scrollbar,
  .os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar,
  .os-viewport-native-scrollbars-invisible#hs-dummy-scrollbar-size::-webkit-scrollbar-corner,
  .os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar-corner {
    display: none !important;
    width: 0px !important;
    height: 0px !important;
    visibility: hidden !important;
    background: transparent !important;
  }
  
  .os-content-glue {
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    pointer-events: none;
  }
  
  .os-padding {
    direction: inherit;
    position: absolute;
    overflow: visible;
    padding: 0;
    margin: 0;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: auto !important;
    height: auto !important;
    z-index: 1;
  }
  
  .os-host-overflow > .os-padding {
    overflow: hidden;
  }
  
  .os-viewport {
    direction: inherit !important;
    -webkit-box-sizing: inherit !important;
       -moz-box-sizing: inherit !important;
            box-sizing: inherit !important;
    resize: none !important;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    margin: 0;
    -webkit-overflow-scrolling: touch;
  }
  
  .os-content-arrange {
    position: absolute;
    z-index: -1;
    min-height: 1px;
    min-width: 1px;
    pointer-events: none;
  }
  
  .os-content {
    direction: inherit;
    -webkit-box-sizing: border-box !important;
       -moz-box-sizing: border-box !important;
            box-sizing: border-box !important;
    position: relative;
    display: block;
    height: 100%;
    width: 100%;
    height: 100%;
    width: 100%;
    visibility: visible;
  }
  
  .os-content > .os-textarea {
    direction: inherit !important;
    float: none !important;
    margin: 0 !important;
    max-height: none !important;
    max-width: none !important;
    border: none !important;
    -webkit-border-radius: 0px !important;
            border-radius: 0px !important;
    background: transparent !important;
    outline: 0px none transparent !important;
    overflow: hidden !important;
    resize: none !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 1;
    padding: 0px;
  }
  
  .os-host-rtl > .os-padding > .os-viewport > .os-content > .os-textarea {
    right: 0 !important;
  }
  
  .os-content > .os-textarea-cover {
    z-index: -1;
    pointer-events: none;
  }
  
  .os-content > .os-textarea[wrap='off'] {
    white-space: pre !important;
    margin: 0px !important;
  }
  
  .os-text-inherit {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit;
    font-variant: inherit;
    text-transform: inherit;
    text-decoration: inherit;
    text-indent: inherit;
    text-align: inherit;
    text-shadow: inherit;
    -o-text-overflow: inherit;
       text-overflow: inherit;
    letter-spacing: inherit;
    word-spacing: inherit;
    line-height: inherit;
    unicode-bidi: inherit;
    direction: inherit;
    color: inherit;
    cursor: text;
  }
  
  .os-resize-observer,
  .os-resize-observer-host {
    -webkit-box-sizing: inherit;
       -moz-box-sizing: inherit;
            box-sizing: inherit;
    display: block;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    pointer-events: none;
    z-index: -1;
  }
  
  .os-resize-observer-host {
    padding: inherit;
    border: inherit;
    border-color: transparent;
    border-style: solid;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  
  .os-resize-observer-host:after {
    content: '';
  }
  
  .os-resize-observer-host > .os-resize-observer,
  .os-resize-observer-host:after {
    height: 200%;
    width: 200%;
    padding: inherit;
    border: inherit;
    margin: 0px;
    display: block;
    -webkit-box-sizing: content-box;
       -moz-box-sizing: content-box;
            box-sizing: content-box;
  }
  
  .os-resize-observer.observed,
  object.os-resize-observer {
    -webkit-box-sizing: border-box !important;
       -moz-box-sizing: border-box !important;
            box-sizing: border-box !important;
  }
  
  .os-size-auto-observer {
    -webkit-box-sizing: inherit !important;
       -moz-box-sizing: inherit !important;
            box-sizing: inherit !important;
    height: 100%;
    width: inherit;
    max-width: 1px;
    position: relative;
    float: left;
    max-height: 1px;
    overflow: hidden;
    z-index: -1;
    padding: 0;
    margin: 0;
    pointer-events: none;
    -webkit-box-flex: inherit;
    -webkit-flex-grow: inherit;
       -moz-box-flex: inherit;
        -ms-flex-positive: inherit;
            flex-grow: inherit;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
            flex-basis: 0;
  }
  
  .os-size-auto-observer > .os-resize-observer {
    width: 1000%;
    height: 1000%;
    min-height: 1px;
    min-width: 1px;
  }
  
  .os-resize-observer-item {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -1;
    opacity: 0;
    direction: ltr !important;
    -webkit-box-flex: 0 !important;
    -ms-flex: none !important;
    -webkit-flex: none !important;
       -moz-box-flex: 0 !important;
            flex: none !important;
  }
  
  .os-resize-observer-item-final {
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
    -webkit-box-flex: 0 !important;
    -ms-flex: none !important;
    -webkit-flex: none !important;
       -moz-box-flex: 0 !important;
            flex: none !important;
  }
  
  .os-resize-observer {
    -webkit-animation-duration: 0.001s;
    animation-duration: 0.001s;
    -webkit-animation-name: hs-resize-observer-dummy-animation;
    animation-name: hs-resize-observer-dummy-animation;
  }
  
  /*
  CUSTOM SCROLLBARS AND CORNER CORE:
  */
  .os-host-transition > .os-scrollbar,
  .os-host-transition > .os-scrollbar-corner {
    -webkit-transition: opacity 0.3s, visibility 0.3s, top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
    -o-transition: opacity 0.3s, visibility 0.3s, top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
    transition: opacity 0.3s, visibility 0.3s, top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
  }
  
  html.os-html > .os-host > .os-scrollbar {
    position: absolute;
    /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */
    z-index: 999999;
    /* highest z-index of the page */
  }
  
  .os-scrollbar,
  .os-scrollbar-corner {
    position: absolute;
    opacity: 1;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
    z-index: 1;
  }
  
  .os-scrollbar-corner {
    bottom: 0;
    right: 0;
  }
  
  .os-scrollbar {
    pointer-events: none;
  }
  
  .os-scrollbar-track {
    pointer-events: auto;
    position: relative;
    height: 100%;
    width: 100%;
    padding: 0 !important;
    border: none !important;
  }
  
  .os-scrollbar-handle {
    pointer-events: auto;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    cursor: ns-resize;
  }
  
  .os-scrollbar-handle-off,
  .os-scrollbar-track-off {
    pointer-events: none;
  }
  
  .os-scrollbar.os-scrollbar-unusable,
  .os-scrollbar.os-scrollbar-unusable * {
    pointer-events: none !important;
  }
  
  .os-scrollbar.os-scrollbar-unusable .os-scrollbar-handle {
    opacity: 0 !important;
  }
  
  .os-scrollbar-horizontal {
    bottom: 0;
    left: 0;
  }
  
  .os-scrollbar-vertical {
    top: 0;
    right: 0;
  }
  
  .os-host-rtl > .os-scrollbar-horizontal {
    right: 0;
  }
  
  .os-host-rtl > .os-scrollbar-vertical {
    right: auto;
    left: 0;
  }
  
  .os-host-rtl > .os-scrollbar-corner {
    right: auto;
    left: 0;
  }
  
  .os-scrollbar-auto-hidden,
  .os-padding + .os-scrollbar-corner,
  .os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-corner,
  .os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal,
  .os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-corner,
  .os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical,
  .os-scrollbar-horizontal.os-scrollbar-auto-hidden + .os-scrollbar-vertical + .os-scrollbar-corner,
  .os-scrollbar-horizontal + .os-scrollbar-vertical.os-scrollbar-auto-hidden + .os-scrollbar-corner,
  .os-scrollbar-horizontal.os-scrollbar-auto-hidden + .os-scrollbar-vertical.os-scrollbar-auto-hidden + .os-scrollbar-corner {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
  
  .os-scrollbar-corner-resize-both {
    cursor: nwse-resize;
  }
  
  .os-host-rtl > .os-scrollbar-corner-resize-both {
    cursor: nesw-resize;
  }
  
  .os-scrollbar-corner-resize-horizontal {
    cursor: ew-resize;
  }
  
  .os-scrollbar-corner-resize-vertical {
    cursor: ns-resize;
  }
  
  .os-dragging .os-scrollbar-corner.os-scrollbar-corner-resize {
    cursor: default;
  }
  
  .os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-vertical {
    top: 0;
    bottom: 0;
  }
  
  .os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal,
  .os-host-rtl.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal {
    right: 0;
    left: 0;
  }
  
  .os-scrollbar:hover,
  .os-scrollbar-corner.os-scrollbar-corner-resize {
    opacity: 1 !important;
    visibility: visible !important;
  }
  
  .os-scrollbar-corner.os-scrollbar-corner-resize {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB3aWR0aD0iMTAiICAgaGVpZ2h0PSIxMCIgICB2ZXJzaW9uPSIxLjEiPiAgPGcgICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTEwNDIuMzYyMikiICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO2ZpbGwtb3BhY2l0eTowLjQ5NDExNzY1O2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDcuNDI0MjE4NywxMDQyLjM2MjIgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjYgLTEuMzEwMTU2MiwxLjMxMDIgMCwwLjI5OSAwLjEwNDM0MTksMC41NzEgMC4yNzI5NDkyLDAuNzkxNSAwLjIwOTEwMjQsMC4xNDEzIDAuNDY1NjIwNiwwLjIxODQgMC43MzY5NjI5LDAuMjE4NCAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NiAxLjMxMDE1NjMsLTEuMzEwMiAwLC0wLjI3MTMgLTAuMDc3MDkzLC0wLjUyNzggLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0MSwtMC4xNjg2IC0wLjQ5MjU0NDMsLTAuMjcyOSAtMC43OTE1NTI4LC0wLjI3MjkgeiBtIDAsMy4wODQzIGMgLTAuNzIzNTc5MiwwIC0xLjMxMDE1NjIsMC41ODY2IC0xLjMxMDE1NjIsMS4zMTAyIDAsMC4yOTkgMC4xMDQzNDE5LDAuNTcxIDAuMjcyOTQ5MiwwLjc5MTUgMC4yMDkxMDI0LDAuMTQxMyAwLjQ2NTYyMDYsMC4yMTg0IDAuNzM2OTYyOSwwLjIxODQgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjYgMS4zMTAxNTYzLC0xLjMxMDIgMCwtMC4yNzEzIC0wLjA3NzA5MywtMC41Mjc4IC0wLjIxODM1OTQsLTAuNzM2OSAtMC4yMjA0OTQxLC0wLjE2ODYgLTAuNDkyNTQ0MywtMC4yNzMgLTAuNzkxNTUyOCwtMC4yNzMgeiBtIC0zLjA4NDMyNjEsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NiAtMS4zMTAxNTYzLDEuMzEwMiAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MSAwLjI3Mjk0OTIsMC43OTE1IDAuMjA5MTAyNCwwLjE0MTMgMC40NjU2MjA3LDAuMjE4NCAwLjczNjk2MjksMC4yMTg0IDAuNzIzNTc5MywwIDEuMzEwMTU2MywtMC41ODY2IDEuMzEwMTU2MywtMS4zMTAyIDAsLTAuMjcxMyAtMC4wNzcwOTMsLTAuNTI3OCAtMC4yMTgzNTk0LC0wLjczNjkgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzMgLTAuNzkxNTUyNywtMC4yNzMgeiBtIC0zLjAyOTczNjQsMy4wMjk4IEMgMC41ODY1NzY5MywxMDQ4LjQ3NjMgMCwxMDQ5LjA2MjggMCwxMDQ5Ljc4NjQgYyAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyMiwwLjc5MTYgMC4yMDkxMDIyOSwwLjE0MTIgMC40NjU2MjA2NSwwLjIxODMgMC43MzY5NjI4OCwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHogbSAzLjAyOTczNjQsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NSAtMS4zMTAxNTYzLDEuMzEwMSAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyLDAuNzkxNiAwLjIwOTEwMjQsMC4xNDEyIDAuNDY1NjIwNywwLjIxODMgMC43MzY5NjI5LDAuMjE4MyAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NSAxLjMxMDE1NjMsLTEuMzEwMSAwLC0wLjI3MTQgLTAuMDc3MDkzLC0wLjUyNzkgLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzI5IC0wLjc5MTU1MjcsLTAuMjcyOSB6IG0gMy4wODQzMjYxLDAgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjUgLTEuMzEwMTU2MiwxLjMxMDEgMCwwLjI5OSAwLjEwNDM0MTksMC41NzExIDAuMjcyOTQ5MiwwLjc5MTYgMC4yMDkxMDI0LDAuMTQxMiAwLjQ2NTYyMDYsMC4yMTgzIDAuNzM2OTYyOSwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHoiLz4gIDwvZz4gIDxnICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDguMjE1NzcxNSwwLjI3Mjk0OTIyIGMgMC4xNDEyNjY3LDAuMjA5MTAyMjkgMC4yMTgzNTk0LDAuNDY1NjIwNjUgMC4yMTgzNTk0LDAuNzM2OTYyODggMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDc2IC0wLjIwNTUxNzYsLTAuNzk3Nzk2NTkgLTAuNTE4NjAzNSwtMS4wMzcyMDY5OCB6IG0gMCwzLjA4NDMyNjE4IGMgMC4xNDEyNjY3LDAuMjA5MTAyMyAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MiAtMS4zMTAxNTYzLDEuMzEwMTU2MiAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTkzIDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAtMy4wODQzMjYyLDAgYyAwLjE0MTI2NjcsMC4yMDkxMDIzIDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYyIC0xLjMxMDE1NjMsMS4zMTAxNTYyIC0wLjI3MTM0MjIsMCAtMC41Mjc4NjA1LC0wLjA3NzA5MyAtMC43MzY5NjI5LC0wLjIxODM1OTMgMC4yMzk0MTA0LDAuMzEzMDg1OSAwLjYxMjYzNjMsMC41MTg2MDM1IDEuMDM3MjA3MSwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYyLC0wLjU4NjU3NyAxLjMxMDE1NjIsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NSwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogTSAyLjEwMTcwOSw2LjM4NzAxMTcgYyAwLjE0MTI2NjcsMC4yMDkxMDI0IDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYzIC0xLjMxMDE1NjMsMS4zMTAxNTYzIC0wLjI3MTM0MjIzLDAgLTAuNTI3ODYwNTksLTAuMDc3MDkzIC0wLjczNjk2Mjg4LC0wLjIxODM1OTQgMC4yMzk0MTAzOSwwLjMxMzA4NTkgMC42MTI2MzYyMiwwLjUxODYwMzUgMS4wMzcyMDY5OCwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAzLjAyOTczNjMsMCBjIDAuMTQxMjY2NywwLjIwOTEwMjQgMC4yMTgzNTk0LDAuNDY1NjIwNiAwLjIxODM1OTQsMC43MzY5NjI5IDAsMC43MjM1NzkzIC0wLjU4NjU3NywxLjMxMDE1NjMgLTEuMzEwMTU2MywxLjMxMDE1NjMgLTAuMjcxMzQyMiwwIC0wLjUyNzg2MDUsLTAuMDc3MDkzIC0wLjczNjk2MjksLTAuMjE4MzU5NCAwLjIzOTQxMDQsMC4zMTMwODU5IDAuNjEyNjM2MywwLjUxODYwMzUgMS4wMzcyMDcxLDAuNTE4NjAzNSAwLjcyMzU3OTMsMCAxLjMxMDE1NjIsLTAuNTg2NTc3IDEuMzEwMTU2MiwtMS4zMTAxNTYzIDAsLTAuNDI0NTcwOCAtMC4yMDU1MTc1LC0wLjc5Nzc5NjYgLTAuNTE4NjAzNSwtMS4wMzcyMDcgeiBtIDMuMDg0MzI2MiwwIGMgMC4xNDEyNjY3LDAuMjA5MTAyNCAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHoiIC8+ICA8L2c+PC9zdmc+);
    background-repeat: no-repeat;
    background-position: 100% 100%;
    pointer-events: auto !important;
  }
  
  .os-host-rtl > .os-scrollbar-corner.os-scrollbar-corner-resize {
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
        transform: scale(-1, 1);
  }
  
  .os-host-overflow {
    overflow: hidden !important;
  }
  
  @-webkit-keyframes hs-resize-observer-dummy-animation {
    from {
      z-index: 0;
    }
    to {
      z-index: -1;
    }
  }
  
  @keyframes hs-resize-observer-dummy-animation {
    from {
      z-index: 0;
    }
    to {
      z-index: -1;
    }
  }
  
  /*
  THEMES:
  */
  /* NONE THEME: */
  .os-theme-none > .os-scrollbar-horizontal,
  .os-theme-none > .os-scrollbar-vertical,
  .os-theme-none > .os-scrollbar-corner {
    display: none !important;
  }
  
  .os-theme-none > .os-scrollbar-corner-resize {
    display: block !important;
    min-width: 10px;
    min-height: 10px;
  }
  
  /* DARK & LIGHT THEME: */
  .os-theme-dark > .os-scrollbar-horizontal,
  .os-theme-light > .os-scrollbar-horizontal {
    right: 10px;
    height: 10px;
  }
  
  .os-theme-dark > .os-scrollbar-vertical,
  .os-theme-light > .os-scrollbar-vertical {
    bottom: 10px;
    width: 10px;
  }
  
  .os-theme-dark.os-host-rtl > .os-scrollbar-horizontal,
  .os-theme-light.os-host-rtl > .os-scrollbar-horizontal {
    left: 10px;
    right: 0;
  }
  
  .os-theme-dark > .os-scrollbar-corner,
  .os-theme-light > .os-scrollbar-corner {
    height: 10px;
    width: 10px;
  }
  
  .os-theme-dark > .os-scrollbar-corner,
  .os-theme-light > .os-scrollbar-corner {
    background-color: transparent;
  }
  
  .os-theme-dark > .os-scrollbar,
  .os-theme-light > .os-scrollbar {
    padding: 2px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    background: transparent;
  }
  
  .os-theme-dark > .os-scrollbar.os-scrollbar-unusable,
  .os-theme-light > .os-scrollbar.os-scrollbar-unusable {
    background: transparent;
  }
  
  .os-theme-dark > .os-scrollbar > .os-scrollbar-track,
  .os-theme-light > .os-scrollbar > .os-scrollbar-track {
    background: transparent;
  }
  
  .os-theme-dark > .os-scrollbar > .os-scrollbar-track::before,
  .os-theme-light > .os-scrollbar > .os-scrollbar-track::before {
    content: '';
    display: block;
    position: absolute;
    width: 2px;
    height: 100%;
    z-index: 0;
    background-color: #cfcfcf;
    left: 2px;
    top: 0;
  }
  
  .os-theme-dark > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle,
  .os-theme-light > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle {
    min-width: 30px;
  }
  
  .os-theme-dark > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle,
  .os-theme-light > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle {
    min-height: 30px;
  }
  
  .os-theme-dark.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
  .os-theme-light.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
    -webkit-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
  }
  
  .os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
  .os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
  .os-theme-dark > .os-scrollbar > .os-scrollbar-track,
  .os-theme-light > .os-scrollbar > .os-scrollbar-track {
    -webkit-border-radius: 0px;
            border-radius: 0px;
  }
  
  .os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
    background: #0A5BAC;
  }
  
  .os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
    background: rgba(255, 255, 255, 0.4);
  }
  
  .os-theme-dark > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle {
    background: #0A5BAC;
  }
  
  .os-theme-light > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle {
    background: rgba(255, 255, 255, 0.55);
  }
  
  .os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active {
    background: #0A5BAC;
  }
  
  .os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active {
    background: rgba(255, 255, 255, 0.7);
  }
  
  .os-theme-dark > .os-scrollbar-horizontal .os-scrollbar-handle:before,
  .os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before,
  .os-theme-light > .os-scrollbar-horizontal .os-scrollbar-handle:before,
  .os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
  }
  
  .os-theme-dark.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal .os-scrollbar-handle:before,
  .os-theme-dark.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical .os-scrollbar-handle:before,
  .os-theme-light.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal .os-scrollbar-handle:before,
  .os-theme-light.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical .os-scrollbar-handle:before {
    display: none;
  }
  
  .os-theme-dark > .os-scrollbar-horizontal .os-scrollbar-handle:before,
  .os-theme-light > .os-scrollbar-horizontal .os-scrollbar-handle:before {
    top: -6px;
    bottom: -2px;
  }
  
  .os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before,
  .os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
    left: -6px;
    right: -2px;
  }
  
  .os-host-rtl.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before,
  .os-host-rtl.os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
    right: -6px;
    left: -2px;
  }
  
  @-webkit-keyframes fadeInUp {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, 100%, 0);
              transform: translate3d(0, 100%, 0);
    }
    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
  }
  
  @keyframes fadeInUp {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, 100%, 0);
              transform: translate3d(0, 100%, 0);
    }
    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
  }
  
  .fadeInUp {
    -webkit-animation-name: fadeInUp;
            animation-name: fadeInUp;
  }
  
  .animated {
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
  }
  
  .animated.infinite {
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
  }
  
  .animated.delay-1s {
    -webkit-animation-delay: 1s;
            animation-delay: 1s;
  }
  
  .animated.delay-2s {
    -webkit-animation-delay: 2s;
            animation-delay: 2s;
  }
  
  .animated.delay-3s {
    -webkit-animation-delay: 3s;
            animation-delay: 3s;
  }
  
  .animated.delay-4s {
    -webkit-animation-delay: 4s;
            animation-delay: 4s;
  }
  
  .animated.delay-5s {
    -webkit-animation-delay: 5s;
            animation-delay: 5s;
  }
  
  .animated.fast {
    -webkit-animation-duration: 800ms;
            animation-duration: 800ms;
  }
  
  .animated.faster {
    -webkit-animation-duration: 500ms;
            animation-duration: 500ms;
  }
  
  .animated.slow {
    -webkit-animation-duration: 2s;
            animation-duration: 2s;
  }
  
  .animated.slower {
    -webkit-animation-duration: 3s;
            animation-duration: 3s;
  }
  
  @media (prefers-reduced-motion) {
    .animated {
      -webkit-animation: unset !important;
              animation: unset !important;
      -webkit-transition: none !important;
      -o-transition: none !important;
      transition: none !important;
    }
  }
  
  .svg-symbol {
    display: inline-block;
    vertical-align: middle;
  }
  
  .svg-symbol--refresh {
    width: 31px;
    height: 28px;
  }
  
  .svg-symbol--envelope {
    height: 14px;
    width: 20px;
  }
  
  .svg-symbol--arrow-right {
    height: 12px;
    width: 8px;
  }
  
  .logo {
    height: 104px;
    width: 104px;
    position: relative;
    color: currentColor;
  }
  
  .logo .logo__slogan {
    position: absolute;
    top: 99px;
    left: 71px;
    width: 92px;
  }
  
  .logo__slogan {
    color: currentColor;
    line-height: 16px;
    font-family: "Electra Text Pro", sans-serif;
    font-size: 12px;
  }
  
  .logo__img {

    width: 154.38px;
    z-index: 2;
  }
  
  @media screen and (max-width: 767px) {
    .logo {
      height: 60px;
      width: auto;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center;
    }
    .logo__img {
      max-height: 60px;
      max-width: 60px;
    }
    .logo__slogan {
      font-size: 12px;
      line-height: 16px;
    }
    .logo .logo__slogan {
      position: static;
      -webkit-flex-basis: 86px;
          -ms-flex-preferred-size: 86px;
              flex-basis: 86px;
      margin-left: 11px;
    }
  }
  
  .head-v1-nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -20px;
    position: relative;
  }
  
  .head-v1-nav::before {
    content: '';
    display: block;
    position: absolute;
    left: 20px;
    right: 20px;
    border-bottom: 2px solid #DEDEDE;
    bottom: 0;
    z-index: 1;
  }
  
  .head-v1-nav__item {
    padding: 0 20px;
    position: relative;
    z-index: 1;
  }
  
  .head-v1-nav__link {
    display: inline-block;
    color: currentColor;
    font-family: "Myriad Pro", sans-serif;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 18px;
    text-transform: uppercase;
    padding-bottom: 7px;
    border-bottom: 2px solid transparent;
    -webkit-transition: border-bottom-color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    -o-transition: border-bottom-color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: border-bottom-color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  }
  
  .head-v1-nav__link.active, .head-v1-nav__link:hover {
    border-bottom-color: #0A5BAC;
  }
  
  .head--on-blue .head-v1-nav::before {
    border-bottom-color: rgba(255, 255, 255, 0.25);
  }
  
  .head--on-blue .head-v1-nav__link.active, .head--on-blue .head-v1-nav__link:hover {
    border-bottom-color: #fff;
  }
  
  @media screen and (max-width: 1399px) {
    .head-v1-nav {
      display: none;
    }
  }
  
  /* .head.layer {
      z-index: auto;
  }
   */
  .head-nav-v2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
  }
  
  .head-nav-v2::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    border-bottom: 2px solid #DEDEDE;
    bottom: 0;
  }
  
  .head-nav-v2__item {
    padding-right: 45px;
    position: relative;
    z-index: 1;
  }
  
  .head-nav-v2__item:last-of-type {
    padding-right: 0;
  }
  
  .head-nav-v2__link {
    display: inline-block;
    color: currentColor;
    font-family: "Myriad Pro", sans-serif;
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 1px;
    line-height: 18px;
    text-transform: uppercase;
    padding-bottom: 7px;
    border-bottom: 2px solid transparent;
    -webkit-transition: border-bottom-color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    -o-transition: border-bottom-color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: border-bottom-color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    white-space: nowrap;
  }
  
  .head-nav-v2__link.active, .head-nav-v2__link:hover {
    border-bottom-color: #0A5BAC;
  }
  
  .head--on-blue .head-nav-v2::before {
    border-bottom-color: rgba(255, 255, 255, 0.25);
  }
  
  .head--on-blue .head-nav-v2__link.active, .head--on-blue .head-nav-v2__link:hover {
    border-bottom-color: #fff;
  }
  
  @media screen and (max-width: 1399px) {
    .head-nav-v2 {
      display: none;
    }
  }
  
  .header-v2-search {
    color: currentColor;
    position: absolute;
    top: 36px;
    right: 4.4%;
    cursor: pointer;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .header-v2-search {
      top: 40px;
      right: 6.1%;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .header-v2-search {
      right: 4.2%;
      top: 43px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .header-v2-search {
      top: 18px;
      right: 18.4%;
    }
  }
  
  .header-v2-search__icon {
    width: 30px;
    height: 31px;
  }
  
  .head__left {
    margin-right: 58px;
    z-index: 4;
  }
  
  #nav-icon2 {
    width: 30px;
    height: 26px;
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    z-index: 4;
    display: none;
    position: absolute;
    top: 40px;
    right: -18px;
  }
  
  @media screen and (max-width: 1399px) {
    #nav-icon2 {
      top: 65px;
      right: 56px;
      display: block;
      z-index: 4;
    }
  }
  
  @media screen and (max-width: 1023px) {
    #nav-icon2 {
      right: 64px;
    }
  }
  
  @media screen and (max-width: 767px) {
    #nav-icon2 {
      /*   top: 46px;
          right: 27px; */
    }
  }
  
  #nav-icon2 span {
    display: block;
    position: absolute;
    height: 2px;
    width: 50%;
    background-color: currentColor;
    opacity: 1;
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
  }
  
  #nav-icon2 span:nth-child(even) {
    left: 50%;
    -webkit-border-radius: 0 9px 9px 0;
            border-radius: 0 9px 9px 0;
  }
  
  #nav-icon2 span:nth-child(odd) {
    left: 0;
    -webkit-border-radius: 9px 0 0 9px;
            border-radius: 9px 0 0 9px;
  }
  
  #nav-icon2 span:nth-child(1), #nav-icon2 span:nth-child(2) {
    top: 0;
  }
  
  #nav-icon2 span:nth-child(3), #nav-icon2 span:nth-child(4) {
    top: 8px;
  }
  
  #nav-icon2 span:nth-child(5), #nav-icon2 span:nth-child(6) {
    top: 16px;
  }
  
  #nav-icon2.open span:nth-child(1), #nav-icon2.open span:nth-child(6) {
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  
  #nav-icon2.open span:nth-child(2), #nav-icon2.open span:nth-child(5) {
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  
  #nav-icon2.open span:nth-child(1) {
    left: 5px;
    top: 7px;
  }
  
  #nav-icon2.open span:nth-child(2) {
    left: calc(50% - 5px);
    top: 7px;
  }
  
  #nav-icon2.open span:nth-child(3) {
    left: -50%;
    opacity: 0;
  }
  
  #nav-icon2.open span:nth-child(4) {
    left: 100%;
    opacity: 0;
  }
  
  #nav-icon2.open span:nth-child(5) {
    left: 5px;
    top: 12px;
  }
  
  #nav-icon2.open span:nth-child(6) {
    left: calc(50% - 5px);
    top: 12px;
  }
  
  #nav-icon2.open-menu span {
    background: #4A4A4A;
  }
  
  #nav-icon2.show {
    display: inherit;
  }
  
  #nav-icon2.burger {
    display: inherit;
  }
  
  @media screen and (min-width: 1400px) {
    #nav-icon2.burger.open {
      display: inherit;
    }
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    #nav-icon2.burger {
      top: 43px;
      right: -20px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    #nav-icon2.burger {
      top: 47px;
      right: -46px;
    }
  }
  
  @media screen and (max-width: 767px) {
    #nav-icon2.burger {
      top: 22px;
      right: -3px;
    }
  }
  
  .timeline {
    padding-bottom: 11px;
    position: relative;
  }
  
  .timeline__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  
  .timeline__item {
    border: 0;
    padding: 0;
    margin: 0;
    outline: 0;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    text-align: left;
    display: inline-block;
    width: 125px;
    cursor: pointer;
  }
  
  .timeline__step {
    display: block;
    color: #fff;
    font-family: "Myriad Pro", sans-serif;
    font-size: 18px;
    letter-spacing: 1.13px;
    line-height: 23px;
  }
  
  .timeline::after {
    content: '';
    display: block;
    position: absolute;
    z-index: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
  }
  
  .timeline__progress {
    background-color: white;
    width: 0;
    height: 1px;
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 0;
  }
  
  @media screen and (max-width: 767px) {
    .timeline {
      height: 31px;
    }
    .timeline__step {
      font-size: 16px;
      line-height: 19px;
      letter-spacing: 1px;
    }
  }
  
  .check {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    cursor: pointer;
    margin: 0;
  }
  
  .check.disabled {
    cursor: not-allowed;
  }
  
  .check__input {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important;
  }
  
  .check__input[disabled] {
    pointer-events: none;
  }
  
  .check__input[disabled] ~ .check__ui,
  .check__input[disabled] ~ .check__text {
    opacity: .6;
    cursor: not-allowed;
  }
  
  .check__input[type="radio"] + .check__ui, .check__input[type="checkbox"] + .check__ui {
    -webkit-border-radius: 3px;
            border-radius: 3px;
  }
  
  .check__input[type="radio"]:checked + .check__ui::before, .check__input[type="checkbox"]:checked + .check__ui::before {
    content: ' ';
    display: block;
    position: absolute;
    background-image: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20viewBox%3D%220%200%2015%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M1.38%204.346l4.617%206.029L14.335.423%22%20stroke%3D%22%23005AB4%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");
    background-position: center;
    background-repeat: no-repeat;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    height: inherit;
    width: inherit;
  }
  
  .check__ui {
    display: inline-block;
    background-color: #fff;
    height: 18px;
    width: 18px;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    position: relative;
  }
  
  .check__ui + .check__text {
    margin-left: 16px;
  }
  
  .check__text {
    display: inline-block;
    color: #4A4A4A;
    font: 400 14px/20px "Myriad Pro", sans-serif;
    position: relative;
    top: 1px;
  }
  
  .ie11 .check__input[type="radio"]:checked + .check__ui::before,
  .ie11 .check__input[type="checkbox"]:checked + .check__ui::before {
    content: '\2714';
    display: block;
    position: absolute;
    left: 70%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    height: inherit;
    width: inherit;
    color: #0A5BAC;
  }
  
  .range-slider {
    margin: 15px 0;
    max-width: 330px;
  }
  
  .range-slider__limits {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 8px;
  }
  
  .range-slider__limit {
    color: #cfcfcf;
    font: 400 14px/20px "Myriad Pro", sans-serif;
  }
  
  .range-slider .noUi-tooltip {
    -webkit-transition: opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    -o-transition: opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  }
  
  .range-slider--lower-edge .noUi-handle-lower .noUi-tooltip,
  .range-slider--upper-edge .noUi-handle-upper .noUi-tooltip {
    opacity: 0;
  }
  
  .show-more {
    color: #4A4A4A;
    text-align: center;
    margin: 62px 0;
  }
  
  .show-more__button {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border: 0;
    background-image: none;
    color: inherit;
    outline: none;
    cursor: pointer;
  }
  
  .show-more__icon {
    -webkit-animation: rotating infinite 2s linear;
            animation: rotating infinite 2s linear;
    -webkit-animation-play-state: paused;
            animation-play-state: paused;
  }
  
  .show-more__text {
    padding-top: .2em;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    font-family: "Myriad Pro", sans-serif;
    margin-right: 8px;
    letter-spacing: .88px;
  }
  
  .show-more__button.active .show-more__icon {
    -webkit-animation-play-state: running;
            animation-play-state: running;
  }
  
  @-webkit-keyframes rotating {
    from {
      -webkit-transform: rotate(0);
              transform: rotate(0);
    }
    to {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
    }
  }
  
  @keyframes rotating {
    from {
      -webkit-transform: rotate(0);
              transform: rotate(0);
    }
    to {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
    }
  }
  
  .x-table {
    width: 100%;
    color: #4A4A4A;
  }
  
  .x-table td {
    font: 400 14px/20px "Myriad Pro", sans-serif;
  }
  
  .x-table td,
  .x-table th {
    color: #4A4A4A;
    padding-right: 15px;
    padding-left: 15px;
  }
  
  .x-table th {
    background-color: #F0F0F0;
    font: 600 14px/18px "Myriad Pro", sans-serif;
    letter-spacing: .88px;
    text-transform: uppercase;
    padding-top: 21px;
    padding-bottom: 20px;
    height: 100px;
  }
  
  .x-table td {
    padding-top: 25px;
    padding-bottom: 30px;
  }
  
  .x-table tbody td {
    border-bottom: 1px solid #F0F0F0;
  }
  
  .x-table tbody td:first-child {
    height: inherit;
  }
  
  .x-table__shared-width-cost, .x-table__shared-width-cost.mailto {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  
  @media screen and (min-width: 1024px) {
    .x-table tbody tr:hover td, .x-table tbody tr.hover td {
      color: #fff;
      background-color: #0A5BAC;
    }
    .x-table-box:not(.ready) tbody tr:hover td, .x-table-box:not(.ready) tbody tr.hover td {
      color: currentColor;
      background-color: initial;
    }
    .x-table-box.ready tbody tr:hover td, .x-table-box.ready tbody tr.hover td {
      color: #fff;
      background-color: #0A5BAC;
    }
    .x-table-box.ready tbody tr:hover td a:hover, .x-table-box.ready tbody tr.hover td a:hover {
      color: currentColor;
    }
  }
  
  @media screen and (max-width: 1023px) {
    .x-table td, .x-table th {
      white-space: nowrap;
    }
    .x-table th {
      padding-bottom: 17px;
    }
    .x-table td {
      padding-top: 18px;
      padding-bottom: 12px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .x-table th {
      padding-bottom: 14px;
    }
  }
  
  .x-table-box {
    position: relative;
    padding-left: 19px;
    padding-right: 19px;
    max-width: 100%;
  }
  
  .x-table-box::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 100px;
    background-color: #F0F0F0;
    z-index: 1;
  }
  
  .x-table-box__columns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 2;
  }
  
  .x-table-box__column--left {
    -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
            flex-shrink: 1;
    min-width: 154px;
  }
  
  .x-table-box__column--right {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
       -moz-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  
  @media screen and (min-width: 1024px) {
    .x-table-box__simulator {
      position: absolute;
      z-index: 0;
      left: 0;
      right: 0;
      top: 0;
    }
    .x-table-box__column--right .x-table th,
    .x-table-box__column--right .x-table td {
      text-align: center;
    }
  }
  
  @media screen and (max-width: 1023px) {
    .x-table-box {
      padding-left: 0;
      padding-right: 0;
    }
    .x-table-box__simulator {
      display: none;
    }
    .x-table-box__column--left {
      border-right: 1px solid rgba(126, 126, 126, 0.2);
    }
    .x-table-box__column--left tbody tr:not(:last-child) td {
      border-bottom-color: transparent;
    }
    .x-table-box__column--right {
      overflow-x: auto;
    }
    .x-table-box__column--right th:first-child,
    .x-table-box__column--right td:first-child {
      padding-left: 31px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .x-table-box__column--left {
      width: 191px;
      overflow-y: auto;
    }
    .x-table-box__column--left td:first-child {
      padding-left: 50px;
    }
    .x-table-box__column--right {
      width: calc(100% - 191px);
    }
  }
  
  @media screen and (max-width: 767px) {
    .x-table-box__column--left {
      width: 152px;
      overflow-y: auto;
    }
    .x-table-box__column--left td:first-child {
      padding-left: 29px;
    }
    .x-table-box__column--right {
      width: calc(100% - 152px);
    }
  }
  
  .mailto {
    display: inline-block;
    cursor: pointer;
  }
  
  .mailto__text {
    -webkit-transition: color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    -o-transition: color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  }
  
  .mailto__icon {
    margin-left: 28px;
    position: relative;
    top: -1px;
    pointer-events: none;
  }
  
  .mailto:hover {
    text-decoration: none;
  }
  
  .mailto:hover .mailto__text {
    color: #0A5BAC;
  }
  
  .x-table .mailto,
  .x-table .mailto:hover,
  .x-table .mailto__text,
  .x-table .mailto:hover .mailto__text {
    color: inherit;
    font: inherit;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
  }
  
  .nowrap {
    text-align: center;
  }
  
  .nowrap .svg-symbol {
    width: 23px;
    height: 23px;
  }
  
  .nowrap .svg-symbol.mailto__icon {
    height: 14px;
  }
  
  .nowrap__text {
    -webkit-transition: color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    -o-transition: color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  }
  
  .nowrap__icon {
    margin-left: 28px;
    position: relative;
    top: -1px;
    pointer-events: none;
  }
  
  .nowrap:hover {
    text-decoration: none;
  }
  
  .nowrap:hover .nowrap__text {
    color: #0A5BAC;
  }
  
  .x-table .nowrap,
  .x-table .nowrap:hover,
  .x-table .nowrap__text,
  .x-table .nowrap:hover .nowrap__text {
    color: inherit;
    font: inherit;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
  }
  
  .search-card {
    padding-bottom: 43px;
    padding-top: 47px;
  }
  
  .search-card b {
    color: #0a5bac;
    background-color: transparent;
    font-weight: normal;
  }
  
  .search-card__text,
  .search-card__text p {
    color: #A9A9A9;
    font: 400 18px/24px "Electra Text Pro", sans-serif;
    letter-spacing: 0;
  }
  
  .search-card__text,
  .search-card__text p,
  .search-card__text mark {
    -webkit-transition: color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    -o-transition: color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  }
  
  .search-card__text:hover,
  .search-card__text:hover p,
  .search-card__text:hover mark {
    color: #4A4A4A;
  }
  
  .search-card .path {
    margin-top: 15px;
  }
  
  @media screen and (max-width: 767px) {
    .search-card {
      padding-bottom: 20px;
      padding-top: 25px;
    }
    .search-card__text,
    .search-card__text p {
      font-size: 15px;
    }
    .search-card .path {
      margin-bottom: 0;
    }
  }
  
  .path {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
  }
  
  .path__item + .path__item::before {
    content: '/';
    display: inline-block;
    margin: 0 4px;
  }
  
  .path__item, .path__link {
    -webkit-transition: color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    -o-transition: color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    color: #A9A9A9;
    font: 600 14px/24px "Myriad Pro", sans-serif;
    letter-spacing: .3px;
    text-transform: uppercase;
  }
  
  .path__link:hover {
    color: #0A5BAC;
  }
  
  @media screen and (max-width: 767px) {
    .path__item, .path__link {
      font-size: 12px;
    }
  }
  
  .pagination {
    max-width: 600px;
  }
  
  .pagination__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  
  .pagination__arrow {
    color: #4A4A4A;
    -webkit-transition: color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    -o-transition: color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  }
  
  .pagination__arrow:hover {
    color: #0A5BAC;
  }
  
  .pagination__pages {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
  }
  
  .pagination__page {
    color: #4A4A4A;
    font: 400 18px/1.2 "Electra Text Pro", sans-serif;
    padding: 0 22px;
  }
  
  .pagination__page.active,
  .pagination__page.active a {
    color: #0A5BAC;
  }
  
  .pagination__page a {
    color: #4A4A4A;
    -webkit-transition: color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    -o-transition: color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  }
  
  .pagination__page a:hover {
    color: #0A5BAC;
  }
  
  @media screen and (max-width: 767px) {
    .pagination__page {
      font-size: 14px;
      padding: 0 10px;
    }
    .pagination__arrow svg {
      height: 10px;
      width: 39px;
    }
  }
  
  .lk .certificate-verification-form {
    padding-left: 0;
    padding-bottom: 0px;
  }
  
  @media screen and (max-width: 767px) {
    .lk .certificate-verification-form {
      padding-bottom: 23px;
    }
  }
  
  .lk .certificate-verification-form__inputs {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  
  .lk .certificate-verification-form__group {
    margin-right: 60px;
  }
  
  @media screen and (max-width: 767px) {
    .lk .certificate-verification-form__group {
      margin-right: 0;
      margin-bottom: 38px;
    }
  }
  
  .lk .x-table-box__columns {
    margin-bottom: 60px;
  }
  
  .lk .x-table-box tr .svg-blue {
    display: block;
  }
  
  .lk .x-table-box tr .svg-white {
    display: none;
  }
  
  .lk .x-table-box tr:hover .svg-blue {
    display: none;
  }
  
  .lk .x-table-box tr:hover .svg-white {
    display: block;
  }
  
  .lk .btn {
    margin-right: 31px;
    margin-left: 65px;
    width: 270px;
    height: 60px;
    margin-top: -15px;
  }
  
  @media screen and (max-width: 767px) {
    .lk .btn {
      margin-right: 0;
      margin-left: 0;
      margin-top: 20px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .lk .btn {
      margin-left: 0;
    }
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .lk .btn {
      margin-left: 0;
      margin-top: 40px;
    }
  }
  
  .lk .filter__reset {
    margin-top: -15px;
  }
  
  @media screen and (max-width: 767px) {
    .lk .filter__reset {
      margin-top: 25px;
      text-align: left;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .lk .filter__reset {
      margin-top: 60px;
      text-align: left;
    }
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .lk .filter__reset {
      margin-top: 40px;
    }
  }
  
  .lk .field {
    font-size: 18px;
  }
  
  @media screen and (max-width: 767px) {
    .lk .field {
      font-size: 14px;
    }
  }
  
  .lk input {
    padding-bottom: 11px;
    height: 43px;
  }
  
  .lk .registration__title {
    margin-bottom: 67px;
  }
  
  @media screen and (max-width: 767px) {
    .lk .registration__title {
      margin-bottom: 58px;
    }
  }
  
  .lk .registration {
    padding-bottom: 0;
  }
  
  .lk__text-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 70px;
  }
  
  .lk__text-block-element:first-child {
    margin-right: 110px;
  }
  
  .lk__text-block-header {
    margin-bottom: 16px;
  }
  
  .lk__text-block-info {
    color: #4A4A4A;
    line-height: 20px;
  }
  
  .lk__card {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 50px;
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .lk__card {
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
    }
  }
  
  .lk__card-element {
    width: 278px;
    margin-right: 10px;
    background-color: #f0f0f0;
    padding: 40px 20px 20px 43px;
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .lk__card-element {
      width: 315px;
      margin-bottom: 10px;
    }
  }
  
  .lk__card-element-header {
    margin-bottom: 14px;
  }
  
  .lk__card-element-text {
    color: #4A4A4A;
    font-size: 14px;
    line-height: 20px;
  }
  
  .lk-toogle {
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 1px solid #eee;
  }
  
  .lk-toogle--none {
    border-bottom: none;
  }
  
  .lk-toogle__header {
    width: 100%;
    position: relative;
    outline: none;
  }
  
  .lk-toogle__header-text {
    font-size: 14px;
    line-height: 22px;
    color: #4A4A4A;
    font-family: "Electra Text Pro", sans-serif;
    border-bottom: none;
    text-align: left;
  }
  
  .lk-toogle__info {
    padding: 0;
    margin-top: 20px;
  }
  
  .lk-toogle__info-element {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    line-height: 18px;
    color: #4A4A4A;
    font-family: "Electra Text Pro", sans-serif;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 20px 18px 20px 0;
    border-bottom: 1px solid #eee;
  }
  
  .lk-toogle__info-text {
    font-size: 14px;
    line-height: 18px;
    color: #4A4A4A;
    font-family: "Electra Text Pro", sans-serif;
  }
  
  .closed .vertical {
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }
  
  .closed .horizontal {
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
    opacity: 1;
  }
  
  .opened {
    opacity: 1;
  }
  
  .opened .vertical {
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  
  .opened .horizontal {
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
    opacity: 0;
  }
  
  .circle-plus {
    position: absolute;
    right: -15px;
    top: -7px;
    height: 4em;
    width: 4em;
    font-size: 1em;
    opacity: .7;
  }
  
  .circle-plus .circle {
    position: relative;
    width: 2.55em;
    height: 2.5em;
    -webkit-border-radius: 100%;
            border-radius: 100%;
  }
  
  .circle-plus .circle .horizontal {
    position: absolute;
    background-color: #000;
    width: 16px;
    height: 2px;
    left: 50%;
    margin-left: -10px;
    top: 50%;
    margin-top: -2.5px;
  }
  
  .circle-plus .circle .vertical {
    position: absolute;
    background-color: #000;
    width: 2px;
    height: 16px;
    left: 50%;
    margin-left: -2.5px;
    top: 50%;
    margin-top: -10px;
  }
  
  html[data-useragent*='MSIE 10.0'] .check__ui:before {
    background-color: #1755a9;
    left: 10px !important;
    top: 0;
  }
  
  .lk-popup {
    width: 100%;
    height: auto;
    position: relative;
    margin: 20px auto;
    z-index: 2;
    background: #fff;
    padding: 88px 70px 40px 99px;
    overflow-y: auto;
    max-width: 1200px;
  }
  
  .lk-popup__desctop {
    display: block;
  }
  
  @media screen and (max-width: 767px) {
    .lk-popup__desctop {
      display: none;
    }
  }
  
  .lk-popup__mobile {
    display: none;
  }
  
  @media screen and (max-width: 767px) {
    .lk-popup__mobile {
      display: block;
    }
  }
  
  .lk-popup__mobile-link {
    margin-top: 34px;
    display: block;
    color: #145aac;
    margin-bottom: 40px;
    font-size: 16px;
  }
  
  .lk-popup__mobile-link svg {
    margin-left: 15px;
  }
  
  @media screen and (max-width: 767px) {
    .lk-popup {
      margin: 0 auto;
      padding: 26px 25px 40px 26px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .lk-popup {
      margin: 0 auto;
      padding: 80px 25px 40px 64px;
    }
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .lk-popup {
      margin: 0 auto;
    }
  }
  
  .lk-popup__header {
    color: #4A4A4A;
    font-family: "Electra Text Pro", sans-serif;
    font-size: 24px;
    line-height: 23px;
    margin-bottom: 20px;
  }
  
  @media screen and (max-width: 767px) {
    .lk-popup__header {
      font-size: 18px;
      line-height: 28px;
      margin-bottom: 8px;
    }
  }
  
  .lk-popup__date {
    color: #4A4A4A;
    font-family: "Electra Text Pro", sans-serif;
    font-size: 15px;
    line-height: 20px;
  }
  
  .lk-popup .lk-table {
    color: #4A4A4A;
    font-family: "Electra Text Pro", sans-serif;
    font-size: 14px;
    line-height: 20px;
    margin-top: 55px;
  }
  
  .lk-popup .lk-table tr {
    display: block;
  }
  
  .lk-popup .lk-table td {
    vertical-align: top;
  }
  
  .lk-popup .lk-table__first {
    width: 250px;
  }
  
  .lk-popup .lk-table__second {
    width: 173px;
  }
  
  .lk-popup .lk-table__third {
    width: 170px;
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .lk-popup .lk-table__third {
      width: 140px;
    }
  }
  
  .lk-popup .lk-table__header {
    border-bottom: 1px solid #eee;
    padding-bottom: 23px;
    margin-bottom: 46px;
  }
  
  .lk-popup .lk-table__inner {
    margin-bottom: 30px;
  }
  
  .lk-popup .lk-table__footer {
    border-top: 1px solid #eee;
    padding-top: 23px;
  }
  
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .welcome-slide .slick-current.slick-active::after {
      -webkit-animation: none;
              animation: none;
    }
  }
  
  .head-v1 {
    position: relative;
    width: 100%;
    padding-top: 35px;
    /* z-index: 4; */
    color: #fff;
  }
  
  .head-v1--light {
    color: #4A4A4A;
  }
  
  .head-v1 .container {
    max-width: 1440px;
    padding-left: 70px;
    padding-right: 80px;
  }
  
  .head-v1.absolute {
    position: absolute;
  }
  
  .head-v1__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  
  .head-v1__middle {
    padding-top: 38px;
  }
  
  .head-v1__left {
    z-index: 4;
  }
  
  .head-v1__right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 1;
  }
  
  .head-v1__logo {
    padding-top: 5px;
  }
  
  .head-v1-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    color: currentColor;
  }
  
  .head-v1-block--first {
    margin-right: 60px;
  }
  
  .head-v1-block--first .header-top-block__info {
    margin-left: -11px;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .head-v1-block--first {
      margin-right: 150px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .head-v1-block {
      display: none;
    }
  }
  
  @media screen and (max-width: 767px) {
    .head-v1-block {
      display: none;
    }
  }
  
  .head-v1-block__title {
    font-family: "Myriad Pro", sans-serif;
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
    padding-bottom: 19px;
    font-weight: 800;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .head-v1-block__title {
      padding-bottom: 8px;
    }
  }
  
  .head-v1-block__info {
    color: currentColor;
    font-family: "Myriad Pro", sans-serif;
    font-size: 18px;
    letter-spacing: 1.02px;
    line-height: 23px;
    font-weight: 800;
  }
  
  @media screen and (max-width: 1399px) {
    .head-v1 .container {
      padding-left: 83px;
    }
    .head-v1__right {
      padding-top: 35px;
      padding-right: 105px;
    }
    .head-v1-block--first {
      margin-right: 108px;
    }
  }
  
  @media screen and (max-width: 1023px) {
    .head-v1 .container {
      padding-left: 61px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .head-v1 {
      padding-top: 29px;
    }
    .head-v1 .container {
      padding-left: 29px;
      padding-right: 29px;
    }
    .head-v1__logo {
      padding-top: 0;
    }
  }
  
  @media screen and (min-width: 1024px) {
    .head-v1--tall {
      height: 220px;
    }
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .head--height {
      height: 220px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .head--height {
      height: 253px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .head--height {
      height: 145px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .head-block__info {
      display: none;
    }
  }
  
  .header-phone {
    display: none;
  }
  
  .header-v1-phone__img {
    display: none;
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .header-v1-phone__img {
      position: absolute;
      width: 25px;
      height: 25px;
      top: 64px;
      right: 128px;
      display: block;
      z-index: 1;
    }
  }
  
  @media screen and (max-width: 767px) {
    .header-v1-phone__img {
      display: none;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .header-search {
      right: 16.4%;
    }
  }
  
  @media screen and (max-width: 767px) {
    .header-search {
      top: 43px;
      right: 24.4%;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .head__right {
      right: 23% !important;
    }
  }
  
  .head-v2 {
    position: relative;
    width: 100%;
    padding-top: 35px;
    z-index: 4;
    color: #fff;
    pointer-events: none;
  }
  
  .head-v2 > * {
    pointer-events: all;
  }
  
  .head-v2.layer {
    z-index: auto;
    position: absolute;
    background-color: transparent;
  }
  
  .head-v2__language {
    position: absolute;
    right: -15px;
    top: 0;
    text-transform: uppercase;
    color: currentColor;
    font-size: 12px;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .head-v2__language {
      right: -18px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .head-v2__language {
      right: -42px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .head-v2__language {
      display: none;
    }
  }
  
  .head-v2__lk {
    position: absolute;
    right: 45px;
    top: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  
  .head-v2__lk, .head-v2__lk a {
    text-transform: uppercase;
    color: currentColor;
    font-size: 12px;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .head-v2__lk {
      right: 52px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .head-v2__lk {
      right: 27px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .head-v2__lk {
      display: none;
    }
  }
  
  .head-v2__exit {
    width: 20px;
    height: 22px;
    margin-left: 18px;
    margin-top: -3px;
  }
  
  .head-v2__exit #svg-symbol--exit path {
    fill: #fff !important;
    stroke: #fff !important;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .head-v2 {
      padding-top: 31px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .head-v2 {
      height: 100%;
      position: fixed;
      left: 0;
      right: 0;
      bottom: 0;
      top: 0;
      z-index: 5;
    }
  }
  
  @media screen and (max-height: 320px) {
    .head-v2 {
      height: 600px;
      position: absolute;
    }
  }
  
  .head-v2 .head-v2__exit-blue {
    display: none;
  }
  
  .head-v2 .head-v2__exit-white {
    display: block;
  }
  
  .head-v2--light {
    color: #4A4A4A;
    background: #fff;
  }
  
  .head-v2--light .head-v2__exit-blue {
    display: block;
  }
  
  .head-v2--light .head-v2__exit-white {
    display: none;
  }
  
  .head-v2 .container {
    max-width: 1440px;
    padding-left: 58px;
    padding-right: 80px;
  }
  
  .head-v2.absolute {
    position: absolute;
  }
  
  .head-v2__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
  }
  
  .head-v2__middle {
    padding-top: 42px;
    margin-right: 55px;
  }
  
  .head-v2__right {
    height: 100%;
    margin-left: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: inline;
  }
  
  @media screen and (max-width: 767px) {
    .head-v2__right {
      display: none;
    }
  }
  
  .head-v2__logo {
    padding-top: 5px;
  }
  
  .head-v2-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    color: currentColor;
  }
  
  .head-v2-block--first {
    margin-right: 60px;
  }
  
  .head-v2-block--first .header-top-block__info {
    margin-left: -11px;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .head-v2-block--first {
      margin-right: 150px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .head-v2-block {
      display: none;
    }
  }
  
  @media screen and (max-width: 767px) {
    .head-v2-block {
      display: none;
    }
  }
  
  .head-v2-block__title {
    font-family: "Myriad Pro", sans-serif;
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
    padding-bottom: 19px;
    font-weight: 800;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .head-v2-block__title {
      padding-bottom: 8px;
    }
  }
  
  .head-v2-block__info {
    color: currentColor;
    font-family: "Myriad Pro", sans-serif;
    font-size: 17px;
    letter-spacing: 1.02px;
    line-height: 12px;
    font-weight: 800;
  }
  
  @media screen and (max-width: 1399px) {
    .head-v2 .container {
      padding-left: 83px;
    }
    .head-v2__right {
      position: absolute;
      right: 17.2%;
      padding-top: 0;
      top: 48px;
      height: 20px;
    }
    .head-v2-block--first {
      margin-right: 108px;
    }
  }
  
  @media screen and (max-width: 1023px) {
    .head-v2 .container {
      padding-left: 61px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .head-v2 {
      padding-top: 29px;
    }
    .head-v2 .container {
      padding-left: 29px;
      padding-right: 29px;
    }
    .head-v2__logo {
      padding-top: 0;
    }
  }
  
  @media screen and (min-width: 1024px) {
    .head-v2--tall {
      height: 220px;
    }
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .head-v2--height {
      height: 220px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .head-v2--height {
      height: 253px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .head-v2--height {
      height: 145px;
    }
  }
  
  .page-body--gray {
    background-color: #F0F0F0;
  }
  
  .filter {
    background-color: #F0F0F0;
    max-width: 1200px;
    margin: 88px auto;
  }
  
  .filter__header, .filter__body {
    padding: 25px 31px 25px 100px;
  }
  
  .filter__body {
    position: relative;
    padding-top: 46px;
    padding-bottom: 88px;
  }
  
  .filter__header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  
  .filter__body {
    border-top: 1px solid #cfcfcf;
  }
  
  .filter__reset {
    background-color: transparent;
    border: 0;
    display: inline-block;
    -webkit-transition: opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    -o-transition: opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    outline: none;
  }
  
  .filter-description--mt {
    margin-top: -50px;
  }
  
  @media screen and (max-width: 767px) {
    .filter-description--mt {
      margin-top: 0;
    }
  }
  
  .filter-description .description__container {
    padding-top: 0;
  }
  
  .filter-description .description__title {
    margin-bottom: 1rem;
  }
  
  .filter.open .filter__toggle-arrow svg {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  
  .filter__toggle-arrow {
    margin-right: 25px;
    margin-left: -44px;
  }
  
  .filter__toggle-arrow svg {
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: -webkit-transform 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    -o-transition: transform 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: transform 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: transform 0.3s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  }
  
  .filter__title {
    color: #0A5BAC;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    outline: none;
  }
  
  .filter__title-text {
    font: 24px/1.2 "Electra Medium Pro", sans-serif;
  }
  
  .filter-label {
    color: #4A4A4A;
    display: inline-block;
    font: 600 14px/18px "Myriad Pro", sans-serif;
    letter-spacing: .88px;
    text-transform: uppercase;
  }
  
  .filter .filter-group {
    padding-right: 20px;
  }
  
  .filter-group__head .filter-label {
    margin-bottom: 27px;
  }
  
  .filter-group + .filter-group {
    margin-top: 69px;
  }
  
  .filter-group__body--narrow {
    max-width: 102px;
  }
  
  .filter-group .scrollable {
    height: 262px;
    overflow: hidden;
  }
  
  .filter-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
  }
  
  .filter-col--1 {
    width: 18.7090739%;
  }
  
  .filter-col--2 {
    width: 18.80261927%;
  }
  
  .filter-col--3 {
    width: 25.07015903%;
  }
  
  .filter-col--5 {
    width: 37.4181478%;
  }
  
  .filter-options {
    margin: -7px 0 -8px;
  }
  
  .filter-option {
    padding: 7px 0 8px;
  }
  
  .scrollable .filter-options {
    margin: 0;
  }
  
  @media screen and (max-width: 1399px) {
    .filter {
      margin-top: 0;
    }
    .filter__header, .filter__body {
      padding-left: 43px;
      padding-right: 43px;
    }
    .filter__header {
      padding-bottom: 22px;
      padding-right: 79px;
    }
    .filter__body {
      padding-bottom: 50px;
    }
    .filter__toggle-arrow {
      margin-left: 0;
    }
    .filter-col--1 {
      width: 20.67868505%;
    }
    .filter-col--2 {
      width: 17.8154825%;
    }
    .filter-col--3 {
      width: 20.36055143%;
    }
    .filter-col--5 {
      width: 41.14528102%;
    }
    .filter-col--5 .col-6:first-child {
      -webkit-flex-basis: calc(100% - 150px);
          -ms-flex-preferred-size: calc(100% - 150px);
              flex-basis: calc(100% - 150px);
      max-width: calc(100% - 150px);
      width: calc(100% - 150px);
      padding-right: 37px;
    }
    .filter-col--5 .col-6:last-child {
      -webkit-flex-basis: 150px;
          -ms-flex-preferred-size: 150px;
              flex-basis: 150px;
      max-width: 150px;
      width: 150px;
    }
    .filter-col--5 .filter-group {
      padding-right: 0;
    }
    .filter-col--5 .filter-group + .filter-group {
      margin-top: 34px;
    }
  }
  
  @media screen and (max-width: 1023px) {
    .filter__header, .filter__body {
      padding-left: 66px;
      padding-right: 63px;
    }
    .filter__body {
      padding-bottom: 44px;
    }
    .filter-row {
      margin-top: -20px;
      margin-bottom: -20px;
    }
    .filter-col {
      padding-top: 20px;
      padding-bottom: 20px;
    }
    .filter-col--1, .filter-col--4 {
      width: 35.90982287%;
    }
    .filter-col--2 {
      width: 40.74074074%;
    }
    .filter-col--3 {
      width: 23.34943639%;
    }
    .filter-col--5 {
      width: 64.09017713%;
    }
    .filter-col--6 {
      width: 100%;
    }
  }
  
  @media screen and (max-width: 767px) {
    .filter {
      position: relative;
      margin-bottom: 27px;
    }
    .filter.open {
      background: #fff;
    }
    .filter__body {
      min-height: 375px;
    }
    .filter__title, .filter__reset {
      padding: 25px 27px;
    }
    .filter__header {
      padding: 0;
      background-color: #F0F0F0;
    }
    .filter__header-left {
      padding-right: 100px;
    }
    .filter__header-right {
      position: absolute;
      right: 0;
    }
    .filter__header-right .filter__reset {
      padding-left: 100px;
    }
    .filter__body {
      position: static;
      display: none;
      padding: 0 27px;
    }
    .filter__body {
      background-color: #fff;
      border-top: 0;
      padding-top: 21px;
    }
    .filter.dirty:not(.open) .filter__reset {
      pointer-events: auto;
      opacity: 1;
    }
    .filter__close {
      color: #4A4A4A;
      display: none;
    }
    .filter-row {
      display: block;
      margin: 0;
    }
    .filter-col {
      max-width: none;
      width: 100%;
      padding: 0;
      border: none;
    }
    .filter-col--5 {
      -webkit-flex-basis: auto;
          -ms-flex-preferred-size: auto;
              flex-basis: auto;
      max-width: none;
      width: 100%;
      padding-right: 0;
    }
    .filter-col--5 .col-6:last-child {
      -webkit-flex-basis: auto;
          -ms-flex-preferred-size: auto;
              flex-basis: auto;
      max-width: none;
      width: 100%;
      margin-top: 15px;
    }
    .filter-group:not(.active) {
      border-bottom: 1px solid rgba(240, 240, 240, 0.5);
      margin: 0;
      cursor: pointer;
      height: auto;
    }
    .filter-group:not(.active) .filter-group__head {
      padding: 17px 0 15px;
    }
    .filter .filter-group + .filter-group,
    .filter .filter-col--5 .filter-group + .filter-group {
      margin-top: 0;
    }
    .filter .filter-group {
      padding-right: 0;
    }
    .filter-group__head {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
         -moz-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      width: 100%;
    }
    .filter-group__head .svg-symbol--arrow-right {
      position: relative;
      top: 1px;
    }
    .filter-group__head .filter-label {
      margin-bottom: 0;
    }
    .filter-group:not(.active) .filter-group__body {
      display: none;
    }
    .filter-group.active {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-flow: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-flow: column;
              flex-flow: column;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 1;
    }
    .filter-group.active .filter-group__body,
    .filter-group.active .filter-group__head {
      padding-left: 27px;
      padding-right: 27px;
      width: 100%;
    }
    .filter-group.active .filter-group__head {
      height: 77px;
      background-color: #F0F0F0;
      padding-top: 20px;
      padding-bottom: 20px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
         -moz-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      cursor: pointer;
    }
    .filter-group.active .filter-group__head .svg-symbol--arrow-right {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
         -moz-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1;
      -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
              transform: rotate(180deg);
      height: 17px;
      width: 10px;
      margin-right: 16px;
      position: relative;
      top: -1px;
    }
    .filter-group.active .filter-group__head .filter-label {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
         -moz-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2;
    }
    .filter-group.active .filter-group__body {
      background-color: #fff;
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
         -moz-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      max-width: none;
      padding-top: 28px;
    }
    .filter-group.active .filter-group__body .check__ui {
      background-color: #F0F0F0;
    }
    .filter-option {
      border-bottom: 1px solid #F0F0F0;
      padding: 16px 0 11px;
    }
    .filter__toggle-arrow {
      display: none;
    }
    .filter__title-text {
      color: #4A4A4A;
      font-size: 16px;
      font-family: 'TT Hoves';
      font-weight: 400;
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -moz-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
    }
    .filter__counter {
      height: 21px;
      width: 21px;
      -webkit-border-radius: 50%;
              border-radius: 50%;
      border: 1px solid currentColor;
      color: #0A5BAC;
      -webkit-box-shadow: inset 0 0 1px currentColor;
              box-shadow: inset 0 0 1px currentColor;
      font: 400 12px/1 "Electra Text Pro", sans-serif;
      display: inline-block;
      text-align: center;
      margin-left: 12px;
      padding-top: 4px;
      position: relative;
      top: -1px;
    }
    .filter .filter-col .col-12-mobile {
      -webkit-flex-basis: 100%;
          -ms-flex-preferred-size: 100%;
              flex-basis: 100%;
      max-width: 100%;
      width: 100%;
      padding-right: 0;
    }
    .filter-option {
      padding: 0;
    }
    .filter .check {
      padding: 16px 0 11px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
    }
  }
  
  @media screen and (min-width: 768px) {
    .filter__close, .filter__counter {
      display: none;
    }
    .filter-group__head .svg-symbol--arrow-right {
      display: none;
    }
    .scrollable .filter-options .filter-option:first-child {
      padding-top: 0;
    }
    .scrollable .filter-options .filter-option:last-child {
      padding-bottom: 0;
    }
  }
  
  @media screen and (min-width: 1400px) {
    .filter {
      margin-top: -78px;
    }
  }
  
  .side-plank {
    background-color: #F0F0F0;
    position: absolute;
    left: -361px;
    top: 35%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
  }
  
  @media screen and (max-width: 767px) {
    .side-plank {
      display: none;
    }
  }
  
  .side-plank__button {
    position: relative;
    cursor: pointer;
    width: 60px;
    height: auto;
    min-height: 60px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  
  .side-plank-links {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 360px;
    padding: 60px 50px 60px 120px;
    -webkit-transition: 0.4s ease;
    -o-transition: 0.4s ease;
    transition: 0.4s ease;
  }
  
  .side-plank-link {
    display: block;
    color: #4A4A4A;
    font-family: "Myriad Pro", sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    text-transform: uppercase;
    letter-spacing: 0.88px;
  }
  
  .side-plank-link + .side-plank-link {
    margin-top: 33px;
  }
  
  span.side-plank-link, .side-plank-link:hover {
    color: #0A5BAC;
  }
  
  .side-plank.active {
    width: 370px;
    left: 0;
    z-index: 1;
  }
  
  .side-plank.active .icon--side-plank {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    color: #0A5BAC;
  }
  
  .side-plank--at-bottom {
    top: auto;
    bottom: 0;
  }
  
  .side-plank--at-top {
    top: 80px;
    bottom: unset;
  }
  
  .side-plank--at-top.side-plank--blue {
    top: 0;
  }
  
  .side-plank--client {
    top: 460px;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .side-plank--client {
      top: 528px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .side-plank--client {
      top: 784px;
    }
  }
  
  .side-plank--document {
    top: 501px;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .side-plank--document {
      top: 601px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .side-plank--document {
      top: 598px;
    }
  }
  
  .side-plank--blue {
    top: 534px;
    background-color: #0a5bac;
  }
  
  .side-plank--blue .side-plank-link, .side-plank--blue .icon--side-plank {
    color: #fff;
  }
  
  .side-plank--blue.active .icon--side-plank, .side-plank--blue span.side-plank-link {
    color: #6bc2ef;
  }
  
  .icon--side-plank {
    width: 11px;
    height: 18px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 39px;
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  
  .menu-nav--side-plank {
    top: 26vh;
  }
  
  .spm-nav__item {
    color: #4A4A4A;
    font-family: "Myriad Pro", sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 20px 0;
  }
  
  .spm-nav__item--ul::after {
    content: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTlweCIgaGVpZ2h0PSIxMXB4IiB2aWV3Qm94PSIwIDAgMTAgMTciIHZlcnNpb249IjEuMSI+CjxnIGlkPSJzdXJmYWNlMSI+CjxwYXRoIHN0eWxlPSIgc3Ryb2tlOm5vbmU7ZmlsbC1ydWxlOm5vbnplcm87ZmlsbDojNGE0YTRhO2ZpbGwtb3BhY2l0eToxOyIgZD0iTSA4LjM3MTA5NCAxNi4wODk4NDQgTCA5LjczMDQ2OSAxNC43ODEyNSBMIDIuNzE4NzUgOC4wNDI5NjkgTCA5LjczMDQ2OSAxLjMwNDY4OCBMIDguMzcxMDk0IDAgTCAwIDguMDQyOTY5IFogTSA4LjM3MTA5NCAxNi4wODk4NDQgIi8+CjwvZz4KPC9zdmc+Cg==");
    display: inline-block;
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin-left: 5px;
  }
  
  .spm-nav__item--ul.active {
    color: #0A5BAC;
  }
  
  .spm-nav__item--ul.active:after {
    content: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTlweCIgaGVpZ2h0PSIxMXB4IiB2aWV3Qm94PSIwIDAgMTAgMTciIHZlcnNpb249IjEuMSI+CjxnIGlkPSJzdXJmYWNlMSI+CjxwYXRoIHN0eWxlPSIgc3Ryb2tlOm5vbmU7ZmlsbC1ydWxlOm5vbnplcm87ZmlsbDpyZ2IoMy45MjE1NjklLDM1LjY4NjI3NSUsNjcuNDUwOTglKTtmaWxsLW9wYWNpdHk6MTsiIGQ9Ik0gOC4zNzEwOTQgMTYuMDg5ODQ0IEwgOS43MzA0NjkgMTQuNzgxMjUgTCAyLjcxODc1IDguMDQyOTY5IEwgOS43MzA0NjkgMS4zMDQ2ODggTCA4LjM3MTA5NCAwIEwgMCA4LjA0Mjk2OSBaIE0gOC4zNzEwOTQgMTYuMDg5ODQ0ICIvPgo8L2c+Cjwvc3ZnPgo=");
    display: inline-block;
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin-left: 5px;
  }
  
  .spm-nav__link {
    opacity: 0.9;
    color: #4A4A4A;
    font-family: "Myriad Pro", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
  }
  
  .spm-content {
    display: none;
  }
  
  @media screen and (max-width: 767px) {
    .menu-nav__link {
      font-weight: 600;
    }
  }
  
  .loader-wrapper {
    background-color: #0A5BAC;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
  }
  
  #loader {
    border: 3px solid transparent;
    border-top-color: #fff;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    display: block;
    margin: -75px 0 0 -75px;
    width: 150px;
    height: 150px;
    position: relative;
    top: 50%;
    left: 50%;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
  }
  
  #loader:before {
    border: 3px solid transparent;
    border-top-color: #fff;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    content: "";
    position: absolute;
    top: 5px;
    right: 5px;
    bottom: 5px;
    left: 5px;
    -webkit-animation: spin 3s linear infinite;
    animation: spin 3s linear infinite;
  }
  
  #loader:after {
    border: 3px solid transparent;
    border-top-color: #fff;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    bottom: 15px;
    right: 15px;
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
  }
  
  @-webkit-keyframes spin {
    0% {
      -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  
  @keyframes spin {
    0% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
    }
  }
  
  .section-welcome {
    position: relative;
  }
  
  .section-welcome__timeline {
    position: absolute;
    bottom: 50px;
    /* right: 120px; */
    left: calc(50% + 220px);
    z-index: 1;
  }
  
  @media screen and (max-width: 1399px) {
    .section-welcome__timeline {
      bottom: 209px;
      right: 85px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .section-welcome__timeline {
      left: 8.33%;
      bottom: 396px;
      width: 385px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .section-welcome__timeline {
      left: 26px;
      right: 26px;
      bottom: 39px;
      max-width: 266px;
    }
  }
  
  .welcome-slide {
    position: relative;
    min-height: 400px;
    padding-top: 241px;
    height: 80vh !important;
    /*  @media screen and (min-height: 500px) {
          height: 525px !important;
      } */
    /*  @media screen and (min-height: 768px) {
          height: 100vh !important;
      }  */
  }
  
  @media screen and (min-width: 1920px) {
    .welcome-slide {
      height: 80vh !important;
    }
  }
  
  @media screen and (min-width: 1400px) {
    .welcome-slide {
      min-height: 488px !important;
    }
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .welcome-slide {
      height: 468px !important;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .welcome-slide {
      height: 1024px !important;
      min-height: 1024px;
    }
  }
  
  @media screen and (min-height: 1600px) {
    .welcome-slide {
      height: 1000px !important;
    }
  }
  
  .welcome-slide::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background-color: black;
    opacity: 0.4;
  }
  
  .welcome-slide::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-image: inherit;
    -webkit-background-size: cover;
            background-size: cover;
    background-position: center;
    -webkit-animation-play-state: paused;
            animation-play-state: paused;
    -webkit-animation-duration: inherit;
            animation-duration: inherit;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: -webkit-transform 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    -o-transition: transform 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: transform 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: transform 0.3s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    z-index: 0;
  }
  
  .welcome-slide.slick-current.slick-active::after {
    -webkit-animation-name: scaleIn;
            animation-name: scaleIn;
    -webkit-animation-play-state: running;
            animation-play-state: running;
  }
  
  .mouseenter .welcome-slide.slick-current.slick-active::after {
    -webkit-animation-play-state: paused;
            animation-play-state: paused;
  }
  
  .welcome-slide__title {
    max-width: 872px;
    z-index: 1;
    margin-bottom: 193px;
    margin-left: 96px;
    visibility: hidden;
    line-height: 70px;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .welcome-slide__title {
      font-size: 60px;
      line-height: 75px;
      margin-bottom: 125px;
      margin-left: 9.38%;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .welcome-slide__title {
      font-size: 60px;
      line-height: 70px;
      margin-bottom: 120px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .welcome-slide__title {
      font-size: 28px;
      line-height: 35px;
      margin: 0;
    }
  }
  
  .welcome-slide__container {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 120px;
    z-index: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    position: relative;
    height: 100%;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .welcome-slide__container {
      width: 100%;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .welcome-slide__container {
      width: 83.59%;
      height: 100%;
    }
  }
  
  @media screen and (max-width: 767px) {
    .welcome-slide__container {
      width: 84.38%;
      height: 100%;
    }
  }
  
  .welcome-slide-blocks {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    z-index: 1;
    overflow: hidden;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .welcome-slide-blocks {
      width: 100%;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .welcome-slide-blocks {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      width: 100%;
      background-color: #005ab4;
      padding: 0 62px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .welcome-slide-blocks {
      display: none;
    }
  }
  
  .welcome-slide-block {
    width: 400px;
    height: 140px;
    opacity: 0.8;
    background-color: #005ab4;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 70px;
    padding-right: 20px;
    /*  &:nth-child(1) {
              transition-delay: 0s;
          }
  
          &:nth-child(2) {
              transition-delay: 0.1s;
          }
  
          &:nth-child(3) {
              transition-delay: 0.2s;
          } */
    /*   @at-root .slider-transitioning & {
              opacity: 0;
              transform: translateY(100%);
          } */
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .welcome-slide-block {
      width: 341.3px;
      padding: 0 20px 0 50px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .welcome-slide-block {
      width: 100%;
      padding: 36px 0;
      height: 118px;
    }
  }
  
  .welcome-slide-block__text {
    color: #fff;
    font-family: 'TT Hoves';
    font-size: 18px;
    line-height: 22px;
    -webkit-transition: opacity 0.4s ease, -webkit-transform 0.6s ease;
    transition: opacity 0.4s ease, -webkit-transform 0.6s ease;
    -o-transition: transform 0.6s ease, opacity 0.4s ease;
    transition: transform 0.6s ease, opacity 0.4s ease;
    transition: transform 0.6s ease, opacity 0.4s ease, -webkit-transform 0.6s ease;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  
  .welcome-slide-block__text--first {
    -webkit-transition-delay: 0s;
         -o-transition-delay: 0s;
            transition-delay: 0s;
  }
  
  .welcome-slide-block__text--second {
    -webkit-transition-delay: 0.2s;
         -o-transition-delay: 0.2s;
            transition-delay: 0.2s;
  }
  
  .welcome-slide-block__text--third {
    -webkit-transition-delay: 0.4s;
         -o-transition-delay: 0.4s;
            transition-delay: 0.4s;
  }
  
  .slider-transitioning .welcome-slide-block__text {
    opacity: 0;
    -webkit-transform: translate3d(0, 40px, 0);
            transform: translate3d(0, 40px, 0);
  }
  
  .welcome-slide-block:nth-of-type(2) {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .welcome-slide-block:nth-of-type(2) {
      border-left: none;
      border-right: none;
      border-bottom: 1px solid #fff;
      border-top: 1px solid #fff;
    }
  }
  
  @media screen and (max-width: 1399px) {
    .welcome-slide__container {
      padding-left: 0;
      padding-right: 0;
    }
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .welcome-slide {
      padding-top: 264px;
      min-height: 800px;
    }
  }
  
  @media screen and (max-width: 1023px) {
    .welcome-slide {
      padding-top: 251px;
    }
    .welcome-slide__title {
      margin-left: 0;
    }
    .welcome-slide-blocks {
      -webkit-transition: opacity 0.7s ease, -webkit-transform 0.9s ease;
      transition: opacity 0.7s ease, -webkit-transform 0.9s ease;
      -o-transition: transform 0.9s ease, opacity 0.7s ease;
      transition: transform 0.9s ease, opacity 0.7s ease;
      transition: transform 0.9s ease, opacity 0.7s ease, -webkit-transform 0.9s ease;
    }
    .slider-transitioning .welcome-slide-blocks {
      opacity: 0;
      -webkit-transform: translateY(30%);
          -ms-transform: translateY(30%);
              transform: translateY(30%);
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .welcome-slide {
      min-height: 1025px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .welcome-slide {
      padding-bottom: 100px;
      padding-top: 226px;
    }
    .welcome-slide.slick-slide {
      min-height: 500px;
    }
    .welcome-slide__container {
      padding-left: 26px;
      padding-right: 26px;
      width: 100%;
    }
    .welcome-slide__title {
      max-width: 81.25%;
    }
  }
  
  .catalog-v1 {
    padding-bottom: 100px;
  }
  
  @media screen and (max-width: 767px) {
    .catalog-v1 {
      padding-bottom: 35px;
    }
  }
  
  .catalog-v1-cards {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    max-width: 1200px;
    width: 1200px;
    margin: 0 auto;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .catalog-v1-cards {
      width: 83.4%;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .catalog-v1-cards {
      width: 100%;
    }
  }
  
  @media screen and (max-width: 767px) {
    .catalog-v1-cards {
      width: 100%;
      height: 300px;
    }
  }
  
  .catalog-v1-card-wrapper {
    display: block;
    padding: 5px;
    height: 300px;
    width: 600px;
    position: relative;
    overflow: hidden;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .catalog-v1-card-wrapper {
      width: 49.9%;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .catalog-v1-card-wrapper {
      width: 49.61%;
      padding: 5px 0;
    }
  }
  
  @media screen and (max-width: 767px) {
    .catalog-v1-card-wrapper {
      padding: 0;
      width: 100%;
      max-height: 190px;
      position: relative;
    }
  }
  
  .catalog-v1-card-wrapper:hover .catalog-v1-card {
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05);
  }
  
  .catalog-v1-card-wrapper--noHover:hover .catalog-v1-card {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
  
  .catalog-v1-card--overlay {
    overflow: hidden;
    -webkit-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
    position: relative;
    width: 100%;
    height: 100%;
  }
  
  @media screen and (max-width: 767px) {
    .catalog-v1-card--overlay {
      height: 190px;
    }
  }
  
  .catalog-v1-tabs {
    max-width: 1200px;
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 38px;
    padding-top: 46px;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .catalog-v1-tabs {
      width: 100%;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .catalog-v1-tabs {
      padding-left: 8.46%;
      width: 100%;
    }
  }
  
  @media screen and (max-width: 767px) {
    .catalog-v1-tabs {
      display: block;
      overflow-x: scroll;
      width: 100%;
      padding-left: 7.81%;
    }
  }
  
  .catalog-v1-tabs__container {
    width: 444px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-bottom: 2px solid #DEDEDE;
    max-height: 44px;
    height: 44px;
  }
  
  .catalog-v1-tabs__item {
    text-transform: uppercase;
    color: #000;
    font-family: "Myriad Pro", sans-serif;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 24px;
    padding-bottom: 14px;
    cursor: pointer;
    border-bottom: 2px solid transparent;
  }
  
  .catalog-v1-tabs__item.active {
    color: #0A5BAC;
    border-bottom: 2px solid #0A5BAC;
    margin-bottom: -2px;
  }
  
  .catalog-v1-tabs__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
  }
  
  .catalog-v1-card {
    height: 100%;
    width: 100%;
    background-color: #F0F0F0;
    cursor: pointer;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
       -moz-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    background-repeat: no-repeat;
    -webkit-background-size: 100% 100%;
            background-size: 100%;
    background-position: right top;
    z-index: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  
  .catalog-v1-card-inner {
    position: absolute;
    z-index: 1;
    left: 40px;
    bottom: 20px;
  }
  
  @media screen and (max-width: 767px) {
    .catalog-v1-card-inner {
      font-size: 16px;
      left: 28px;
      max-width: 200px;
      min-height: 40px;
      bottom: 15px;
      position: absolute;
    }
  }
  
  .catalog-v1-card__title {
    color: #4A4A4A;
    font-family: "Electra Text Pro", sans-serif;
    font-size: 18.1px;
    letter-spacing: 1.13px;
    line-height: 21px;
    text-transform: uppercase;
  }
  
  @media screen and (max-width: 767px) {
    .catalog-v1-card__title {
      font-size: 16px;
    }
  }
  
  .catalog-v1-card--links {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    background-color: #fff;
    padding: 87px 40px 0 194px;
    cursor: inherit;
  }
  
  .catalog-v1-card--links:hover {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .catalog-v1-card--links {
      padding: 96px 45px 0 106.5px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .catalog-v1-card--links {
      padding: 96px 45px 0 70px;
    }
  }
  
  .catalog-v1-links-link {
    color: #4A4A4A;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    height: 38px;
    width: 220px;
  }
  
  .catalog-v1-links-link:hover {
    color: #0A5BAC;
  }
  
  .catalog-v1-links {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  
  .catalog-v1-links__svg {
    width: 32px;
    height: 36px;
  }
  
  .catalog-v1-links__img {
    margin-right: 30px;
  }
  
  .catalog-v1-links__text {
    text-transform: uppercase;
    font-family: "Myriad Pro", sans-serif;
    font-size: 14px;
    letter-spacing: 0.88px;
    line-height: 18px;
    font-weight: 800;
  }
  
  .catalog-v1-links--first {
    margin-bottom: 79px;
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .catalog-v1-links--first {
      margin-bottom: 51px;
    }
  }
  
  .catalog-links-mobile-v1 {
    display: none;
  }
  
  @media screen and (max-width: 767px) {
    .catalog-links-mobile-v1 {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
         -moz-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
    }
    .catalog-links-mobile-v1 .catalog-links--first {
      margin-bottom: 34px;
    }
    .catalog-links-mobile-v1 .catalog-links__img {
      margin-right: 23px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .container-catalog {
      margin: 0 7.81%;
      width: 84.38%;
      padding: 0;
    }
  }
  
  .tab__item:not(.active) {
    display: none;
  }
  
  .tab__item.active {
    width: 100%;
  }
  
  .catalog-cards {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    max-width: 1200px;
    width: 1200px;
    margin: 0 auto;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .catalog-cards {
      width: 83.4%;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .catalog-cards {
      width: 100%;
    }
  }
  
  @media screen and (max-width: 767px) {
    .catalog-cards {
      width: 100%;
      min-height: 300px;
    }
  }
  
  .catalog-card-wrapper {
    padding: 5px;
    height: 300px;
    width: 600px;
    position: relative;
    overflow: hidden;
    display: block;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .catalog-card-wrapper {
      width: 49.9%;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .catalog-card-wrapper {
      width: 49.61%;
      padding: 5px 0;
    }
  }
  
  @media screen and (max-width: 767px) {
    .catalog-card-wrapper {
      padding: 0;
      width: 100%;
      max-height: 190px;
      position: relative;
    }
  }
  
  .catalog-card-wrapper:hover .catalog-card {
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05);
  }
  
  .catalog-card-link-area {
    display: block;
    width: 100%;
    height: 100%;
  }
  
  .catalog-card--overlay {
    overflow: hidden;
    -webkit-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
    position: relative;
    width: 100%;
    height: 100%;
  }
  
  @media screen and (max-width: 767px) {
    .catalog-card--overlay {
      height: 160px;
    }
  }
  
  .catalog-card--noHover:hover .catalog-card {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
  
  .catalog-card--blue {
    background-color: #0A5BAC;
  }
  
  .catalog-tabs {
    max-width: 1200px;
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 38px;
    padding-top: 46px;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .catalog-tabs {
      width: 100%;
      padding-left: 9%;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .catalog-tabs {
      padding-left: 8.46%;
      width: 100%;
    }
  }
  
  @media screen and (max-width: 767px) {
    .catalog-tabs {
      display: block;
      overflow-x: scroll;
      width: 100%;
      padding-left: 7.81%;
    }
  }
  
  .catalog-tabs__container {
    min-width: 444px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-bottom: 2px solid #DEDEDE;
    max-height: 44px;
    height: 44px;
  }
  
  @media screen and (max-width: 767px) {
    .catalog-tabs__container {
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
         -moz-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      width: 462px;
    }
  }
  
  .catalog-tabs__item {
    text-transform: uppercase;
    color: #000;
    font-family: "Myriad Pro", sans-serif;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 24px;
    padding-bottom: 14px;
    cursor: pointer;
    border-bottom: 2px solid transparent;
  }
  
  @media screen and (max-width: 767px) {
    .catalog-tabs__item {
      margin-right: 60px;
    }
  }
  
  .catalog-tabs__item.active {
    color: #0A5BAC;
    border-bottom: 2px solid #0A5BAC;
    margin-bottom: -2px;
  }
  
  .catalog-tabs__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
  }
  
  .catalog-card {
    height: 100%;
    width: 100%;
    background-color: #F0F0F0;
    cursor: pointer;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
       -moz-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    background-repeat: no-repeat;
    -webkit-background-size: 100% 100%;
            background-size: 100%;
    background-position: right top;
    z-index: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  
  .catalog-card-inner {
    position: absolute;
    z-index: 1;
    left: 40px;
    bottom: 20px;
  }
  
  @media screen and (max-width: 767px) {
    .catalog-card-inner {
      font-size: 16px;
      left: 28px;
      max-width: 200px;
      min-height: 40px;
      bottom: 15px;
      position: absolute;
    }
  }
  
  .catalog-card__title {
    color: #4A4A4A;
    font-family: "Electra Text Pro", sans-serif;
    font-size: 18.1px;
    letter-spacing: 1.13px;
    line-height: 21px;
    text-transform: uppercase;
  }
  
  @media screen and (max-width: 767px) {
    .catalog-card__title {
      font-size: 16px;
    }
  }
  
  .catalog-card-link {
    position: absolute;
    left: 48px;
    top: 32px;
    display: block;
  }
  
  @media screen and (max-width: 767px) {
    .catalog-card-link {
      left: 27px;
      top: 20px;
    }
  }
  
  .catalog-card-link__img {
    width: 48px;
    height: 48px;
    color: #0A5BAC;
    -webkit-transition: 0.2s ease;
    -o-transition: 0.2s ease;
    transition: 0.2s ease;
  }
  
  .catalog-card-link__img:hover {
    -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
            transform: scale(1.2);
  }
  
  .catalog-card--links {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    background-color: #fff;
    padding: 87px 40px 0 194px;
    cursor: inherit;
  }
  
  .catalog-card--links:hover {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .catalog-card--links {
      padding: 96px 45px 0 106.5px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .catalog-card--links {
      padding: 96px 45px 0 70px;
    }
  }
  
  .catalog-links-link {
    color: #4A4A4A;
  }
  
  .catalog-links-link:hover {
    color: #0A5BAC;
  }
  
  .catalog-links {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: block;
    background-color: rgb(0, 110, 182);
    color: #fff;
    margin: 0 10px 10px 0;
    padding: 15px;
    height: 200px;
    border-radius: 10px;
    position: relative;
  }
  
  .catalog-links__svg {
    width: 32px;
    height: 36px;
  }
  
  .catalog-links__img {
    margin-right: 30px;
    position: absolute;
    bottom: 10px;
    font-size: 11px;
    letter-spacing: 0.68px;
    line-height: 14px;
    font-weight: 100;
  }
  
  .download_icon{
    position: absolute;
    bottom: 15px;
    right: 10px;
  }
  .catalog-links__text {
    text-transform: uppercase;
    font-family: "Myriad Pro", sans-serif;
    font-size: 14px;
    letter-spacing: 0.88px;
    line-height: 18px;
    font-weight: 800;
  }
  
  .catalog-links--first {
    margin-bottom: 79px;
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .catalog-links--first {
      margin-bottom: 51px;
    }
  }
  
  .catalog-links-mobile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 1200px;
    max-width: 100%;
    margin: 0 auto;
    padding: 62px 0 64px 0;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .catalog-links-mobile {
      padding: 62px 0 95px 85px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .catalog-links-mobile {
      width: 100%;
      padding: 51px 0 73px 65px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .catalog-links-mobile {
      width: 100%;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
         -moz-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      padding: 0 7.81% 50px 7.81%;
    }
    .catalog-links-mobile .catalog-links--first {
      margin-bottom: 34px;
    }
    .catalog-links-mobile .catalog-links__img {
      margin-right: 23px;
    }
  }
  
  .catalog-links-mobile .catalog-links--first {
    margin-bottom: 0;
    margin-right: 132px;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .catalog-links-mobile .catalog-links--first {
      margin-right: 50px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .catalog-links-mobile .catalog-links--first {
      margin-right: 35px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .catalog-links-mobile .catalog-links--first {
      margin-right: 0;
      margin-bottom: 30px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .container-catalog {
      margin: 0 7.81%;
      width: 84.38%;
      padding: 0;
    }
  }
  
  .tab__item {
    height: 0;
    width: 0;
    opacity: 0;
  }
  
  .tab__item.active {
    width: 100%;
    height: auto;
    opacity: 1;
  }
  
  .map {
    width: 100%;
    overflow: hidden;
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .map {
      padding: 89px 0 0 0;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .map {
      padding: 70px 0 0 0;
    }
  }
  
  @media screen and (max-width: 767px) {
    .map {
      padding: 40px 0 0 0;
    }
  }
  
  .map__container {
    background-color: #F0F0F0;
    max-width: 1920px;
    margin: 0 auto;
    padding: 112px 0 89px 0;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .map__container {
      padding-left: 8%;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .map__container {
      padding-left: 8.33%;
    }
  }
  
  @media screen and (max-width: 767px) {
    .map__container {
      padding: 30px 0 380px 0;
    }
  }
  
  .map .map__top {
    position: relative;
    z-index: 2;
    width: 652px;
  }
  
  @media screen and (max-width: 767px) {
    .map .map__top {
      width: 100%;
    }
  }
  
  .map .map-svg {
    position: absolute;
    width: 1700px;
    height: 100%;
    right: -120px;
    top: 0;
    z-index: 1;
  }
  
  .map__title {
    margin-bottom: 47px;
    color: #0A5BAC;
    font-size: 65px;
    font-family: 'TT Hoves';
    line-height: 75px;
  }
  
  @media screen and (max-width: 767px) {
    .map__title {
      margin-bottom: 20px;
      font-size: 28px;
    }
  }
  
  .map-texts {
    margin-bottom: 45px;
    padding-left: 0px;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .map-texts {
      padding: 0;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .map-texts {
      padding: 0;
    }
  }
  
  @media screen and (max-width: 767px) {
    .map-texts {
      padding: 0;
    }
  }
  
  .map__bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    pointer-events: none;
    z-index: 2;
  }
  
  .map__bottom--indent {
    padding-left: 99px;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .map__bottom--indent {
      padding: 0;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .map__bottom--indent {
      padding: 0;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .map__bottom {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
    }
  }
  
  @media screen and (max-width: 767px) {
    .map__bottom {
      display: none;
    }
  }
  
  .map-content {
    max-width: 1200px;
    margin: 0 auto;
    z-index: 2;
  }
  
  @media screen and (max-width: 767px) {
    .map-content {
      padding-left: 8.13%;
    }
  }
  
  .map-text {
    color: #4A4A4A;
    max-width: 386px;
    visibility: hidden;
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .map-text {
      max-width: 528px;
    }
  }
  
  .map-text--first {
    margin-bottom: 25px;
  }
  
  @media screen and (max-width: 767px) {
    .map-text--first {
      margin: 0;
    }
  }
  
  @media screen and (max-width: 767px) {
    .map-text--second {
      display: none;
    }
  }
  
  .bottom-block__number {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px;
  }
  
  .bottom-block__cost {
    color: #0A5BAC;
    font-family: 'TT Hoves';
    font-size: 65px;
    line-height: 75px;
    margin-right: 15px;
  }
  
  .bottom-block__title {
    padding-top: 10px;
    color: #0A5BAC;
    font-family: "Electra Text Pro", sans-serif;
    font-size: 14px;
    line-height: 22px;
    text-transform: uppercase;
  }
  
  .bottom-block__text {
    font-family: "Myriad Pro", sans-serif;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 21px;
    text-transform: uppercase;
    max-width: 246px;
    font-weight: 600;
  }
  
  .bottom-block--left {
    margin-right: 75px;
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .bottom-block--left {
      margin: 0 0 40px 0;
    }
  }
  
  .badge {
    width: 30px;
    height: 30px;
    position: absolute;
    z-index: 2;
    left: -9999px;
  }
  
  .popup {
    background-color: #0A5BAC;
    max-height: 166px;
    height: 166px;
    max-width: 301px;
    width: 301px;
    padding: 40px;
    position: absolute;
    z-index: 3;
    left: -9999px;
  }
  
  .popup__container {
    position: relative;
  }
  
  .popup__title {
    color: #fff;
    margin-bottom: 18px;
  }
  
  .popup__text {
    color: #fff;
    font-family: "Myriad Pro", sans-serif;
    line-height: 21px;
    letter-spacing: 1px;
  }
  
  .popup .triangle {
    position: absolute;
    bottom: -23px;
    width: 37px;
    height: 30px;
    left: 25px;
  }
  
  .cls-9 {
    cursor: pointer;
  }
  
  .map {
    width: 100%;
    overflow: visible;
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .map {
      padding: 0;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .map {
      padding: 0;
    }
  }
  
  @media screen and (max-width: 767px) {
    .map {
      padding: 0;
    }
  }
  
  .map-block--static .pointer {
    cursor: default;
  }
  
  .map--overlay {
    width: 100%;
    background-color: #F0F0F0;
   
    overflow: hidden;
  }
  
  .map__container {
    background-color: #F0F0F0;
    max-width: 1920px;
    margin: 0 auto;
    padding: 112px 0 89px 0;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .map__container {
      padding-left: 8%;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .map__container {
      padding-left: 8.33%;
    }
  }
  
  @media screen and (max-width: 767px) {
    .map__container {
      padding: 30px 0 380px 0;
    }
  }
  
  .map .map__top {
    position: relative;
    z-index: 2;
    width: 460px;
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .map .map__top {
      width: 620px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .map .map__top {
      width: 100%;
    }
  }
  
  .map .map-svg {
    position: absolute;
    z-index: 1;
    right: auto;
    top: 50%;
    left: 50%;
    width: auto;
    height: 1300px;
    -webkit-transform: translate(5.75%, -55.5%);
        -ms-transform: translate(5.75%, -55.5%);
            transform: translate(5.75%, -55.5%);
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .map .map-svg {
      height: 1530px;
      -webkit-transform: translate(-4.5%, -44.4%);
          -ms-transform: translate(-4.5%, -44.4%);
              transform: translate(-4.5%, -44.4%);
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .map .map-svg {
      height: 1570px;
      -webkit-transform: translate(-8.6%, -44.4%);
          -ms-transform: translate(-8.6%, -44.4%);
              transform: translate(-8.6%, -44.4%);
    }
  }
  
  @media screen and (max-width: 767px) {
    .map .map-svg {
      height: 910px;
      -webkit-transform: translate(-9.8%, -29.7%);
          -ms-transform: translate(-9.8%, -29.7%);
              transform: translate(-9.8%, -29.7%);
    }
  }
  
  .map__title {
    margin-bottom: 47px;
    font-size: 55px;
    font-family: 'TT Hoves';
    line-height: 75px;
  }
  
  .map__title, .map__title * {
    color: #0A5BAC;
  }
  
  @media screen and (max-width: 767px) {
    .map__title {
      margin-bottom: 20px;
      font-size: 28px;
    }
  }
  
  .map-texts {
    margin-bottom: 45px;
    padding-left: 0px;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .map-texts {
      padding: 0;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .map-texts {
      padding: 0;
    }
  }
  
  @media screen and (max-width: 767px) {
    .map-texts {
      padding: 0;
    }
  }
  
  .map__bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    pointer-events: none;
    z-index: 2;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .map__bottom {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
    }
  }
  
  @media screen and (max-width: 767px) {
    .map__bottom {
      display: none;
    }
  }
  
  .map__bottom--indent {
    margin-top: 10px;
    padding-left: 0px;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .map__bottom--indent {
      padding: 0;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .map__bottom--indent {
      padding: 0;
    }
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .map__bottom--full {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
         -moz-box-orient: horizontal;
         -moz-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      width: 70%;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
         -moz-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .map__bottom--full {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
         -moz-box-orient: horizontal;
         -moz-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      width: 93%;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
         -moz-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .map__bottom--full {
      padding: 0;
    }
  }
  
  @media screen and (max-width: 767px) {
    .map__bottom--full {
      display: none;
    }
  }
  
  .map-content {
    max-width: 1200px;
    margin: 0 auto;
    z-index: 2;
  }
  
  @media screen and (max-width: 767px) {
    .map-content {
      padding-left: 8.13%;
    }
  }
  
  .map-text {
    color: #4A4A4A;
    max-width: 386px;
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .map-text {
      max-width: 528px;
    }
  }
  
  .map-text--first {
    margin-bottom: 25px;
  }
  
  @media screen and (max-width: 767px) {
    .map-text--first {
      margin: 0;
    }
  }
  
  @media screen and (max-width: 767px) {
    .map-text--second {
      display: none;
    }
  }
  
  .bottom-block {
    margin-right: 50px;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .bottom-block {
      margin-bottom: 25px;
    }
  }
  
  .bottom-block__number {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px;
  }
  
  .bottom-block__cost {
    color: #0A5BAC;
    font-family: 'TT Hoves';
    font-size: 65px;
    line-height: 75px;
    margin-right: 15px;
  }
  
  .bottom-block__title {
    padding-top: 10px;
    color: #0A5BAC;
    font-family: "Electra Text Pro", sans-serif;
    font-size: 14px;
    line-height: 22px;
    text-transform: uppercase;
  }
  
  .bottom-block__title--small {
    text-transform: lowercase;
  }
  
  .bottom-block__text {
    font-family: "Myriad Pro", sans-serif;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 21px;
    text-transform: uppercase;
    max-width: 246px;
    font-weight: 600;
    color: #4A4A4A;
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .bottom-block--left {
      margin: 0 0 40px 0;
    }
  }
  
  .badge {
    width: 30px;
    height: 30px;
    position: absolute;
    z-index: 2;
    left: -9999px;
  }
  
  .popup {
    background-color: #0A5BAC;
    max-height: 166px;
    height: 166px;
    max-width: 301px;
    width: 301px;
    padding: 40px;
    position: absolute;
    z-index: 3;
    left: -9999px;
  }
  
  .popup__container {
    position: relative;
  }
  
  .popup__title {
    color: #fff;
    margin-bottom: 18px;
  }
  
  .popup__text {
    color: #fff;
    font-family: "Myriad Pro", sans-serif;
    line-height: 21px;
    letter-spacing: 1px;
  }
  
  .popup .triangle {
    position: absolute;
    bottom: -23px;
    width: 37px;
    height: 30px;
    left: 25px;
  }
  
  .cls-9 {
    cursor: pointer;
  }
  
  .map--company .map-svg {
    height: 1080px;
    -webkit-transform: translate(26.9%, -55.8%);
        -ms-transform: translate(26.9%, -55.8%);
            transform: translate(26.9%, -55.8%);
  }
  
  @media screen and (min-width: 1400px) {
    .map--company .map-svg .\--krasnodar {
      display: none;
    }
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .map--company .map-svg {
      height: 1520px;
      -webkit-transform: translate(-4.3%, -46.3%);
          -ms-transform: translate(-4.3%, -46.3%);
              transform: translate(-4.3%, -46.3%);
    }
    .map--company .map-svg .\--krasnodar,
    .map--company .map-svg .\--rostov {
      display: none;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .map--company .map-svg {
      height: 1570px;
      -webkit-transform: translate(-8.5%, -38.7%);
          -ms-transform: translate(-8.5%, -38.7%);
              transform: translate(-8.5%, -38.7%);
    }
  }
  
  @media screen and (max-width: 767px) {
    .map--company .map-svg {
      height: 920px;
      -webkit-transform: translate(-8.6%, -30%);
          -ms-transform: translate(-8.6%, -30%);
              transform: translate(-8.6%, -30%);
    }
  }
  
  .footer-v1 {
    background-color: #0A5BAC;
    height: 100%;
    width: 100%;
    max-height: 270px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
       -moz-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    overflow: hidden;
    position: absolute;
    bottom: 0;
  }
  
  .footer-v1--not {
    display: none;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .footer-v1 {
      max-height: 348px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .footer-v1 {
      max-height: 282px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .footer-v1 {
      max-height: 450px;
    }
  }
  
  .footer-v1__container {
    max-width: 1220px;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 58px 0 40px 0;
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .footer-v1__container {
      padding: 54px 0;
    }
  }
  
  @media screen and (max-width: 767px) {
    .footer-v1__container {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      padding: 31px 0 30px 0;
    }
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .footer-v1 .all-container {
      width: 82.81%;
      margin: 0 auto;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .footer-v1 .all-container {
      width: 83.33%;
      margin: 0 auto;
    }
  }
  
  @media screen and (max-width: 767px) {
    .footer-v1 .all-container {
      width: 83.33%;
      margin: 0 auto;
    }
  }
  
  .footer-v1-block {
    max-width: 215px;
    width: 215px;
    min-width: 215px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .footer-v1-block {
      max-width: auto;
      width: 21%;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .footer-v1-block {
      width: 201px;
      min-width: 201px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .footer-v1-block {
      width: 100%;
      min-width: 100%;
    }
  }
  
  .footer-v1-block1 {
    margin-right: 85px;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .footer-v1-block1 {
      margin-right: 112px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .footer-v1-block1 {
      margin-right: 57px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .footer-v1-block1 {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      margin: 0 0 31px 0;
    }
  }
  
  .footer-v1 .footer-v1-desc {
    margin-bottom: 26px;
    display: block;
    padding-left: 72px;
    color: #fff;
    font-size: 12px;
    line-height: 16px;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .footer-v1 .footer-v1-desc {
      margin-bottom: 14px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .footer-v1 .footer-v1-desc {
      display: none;
    }
  }
  
  @media screen and (max-width: 767px) {
    .footer-v1 .footer-v1-desc {
      display: none;
    }
  }
  
  .footer-v1-block2 {
    margin-right: 185px;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .footer-v1-block2 {
      margin-right: 152px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .footer-v1-block2 {
      margin-right: 52px;
    }
  }
  
  .footer-v1-text {
    display: block;
    color: #fff;
    margin-bottom: 25px;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .footer-v1-text {
      margin-bottom: 18px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .footer-v1-text {
      margin-bottom: 14px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .footer-v1-text {
      margin: 0 0 0 0;
      width: 110px;
    }
  }
  
  .footer-v1-block__info {
    display: block;
    color: #fff;
    margin-bottom: 55px;
    font-size: 18px;
    letter-spacing: 1.02px;
    line-height: 23px;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .footer-v1-block__info {
      margin-bottom: 12px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .footer-v1-block__info {
      margin-bottom: 14px;
      font-size: 16px;
      line-height: 19px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .footer-v1-block__info {
      margin-bottom: 5px;
      font-size: 14px;
      letter-spacing: 0.79px;
      line-height: 18px;
    }
  }
  
  .footer-v1-test {
    margin-right: 85px;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .footer-v1-test {
      display: none;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .footer-v1-test {
      display: none;
    }
  }
  
  @media screen and (max-width: 767px) {
    .footer-v1-test {
      display: none;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .footer-v1-logo {
      margin-bottom: 16px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .footer-v1-logo {
      margin-right: 20px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .footer-v1-logo .logo__img {
      height: 79px;
      width: 81px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .footer-v1-logo .logo__img {
      height: 79px;
      width: 81px;
    }
  }
  
  .footer-v1-copyright {
    display: block;
    color: #fff;
    opacity: 0.6;
  }
  
  @media screen and (max-width: 767px) {
    .footer-v1-copyright {
      margin-bottom: 5px;
    }
  }
  
  .footer-v1-address {
    color: #fff;
    font-family: "Myriad Pro", sans-serif;
    margin-bottom: 37px;
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 21px;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .footer-v1-address {
      margin-bottom: 34px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .footer-v1-address {
      margin-bottom: 20px;
      font-size: 16px;
      letter-spacing: 0.89px;
      line-height: 22px;
      width: 87%;
    }
  }
  
  @media screen and (max-width: 767px) {
    .footer-v1-address {
      width: 80%;
      margin-bottom: 22px;
      font-size: 14px;
    }
  }
  
  .footer-v1 .logo {
    display: block;
  }
  
  .footer-v1-mail {
    color: #fff;
    font-family: "Myriad Pro", sans-serif;
    letter-spacing: 1px;
    margin-bottom: 55px;
    display: block;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .footer-v1-mail {
      margin-bottom: 38px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .footer-v1-mail {
      margin-bottom: 23px;
      font-size: 16px;
      letter-spacing: 0.89px;
      line-height: 19px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .footer-v1-mail {
      margin-bottom: 26px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .footer-v1-social {
      margin-bottom: 30px;
    }
  }
  
  .footer-v1-link {
    color: #fff;
    margin-right: 34px;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .footer-v1-link {
      margin-right: 28px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .footer-v1-link {
      margin-right: 20px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .footer-v1-link {
      margin-right: 26px;
    }
  }
  
  .footer-v1-link__img {
    height: 20px;
    width: 20px;
    -webkit-transition: 0.2s ease;
    -o-transition: 0.2s ease;
    transition: 0.2s ease;
  }
  
  @media screen and (max-width: 767px) {
    .footer-v1-link__img {
      height: 18px;
      width: 18px;
    }
  }
  
  .footer-v1-link__img:hover {
    will-change: transform;
    -webkit-transform: translate3d(0, 0, 0) scale(1.2);
            transform: translate3d(0, 0, 0) scale(1.2);
  }
  
  .footer-v1-link:last-of-type {
    margin-right: 0;
  }
  
  .footer-v1-nav-link {
    color: #fff;
    font-family: "Myriad Pro", sans-serif;
    letter-spacing: 0.88px;
    display: inline-block;
    margin-bottom: 40px;
    text-transform: uppercase;
    position: relative;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .footer-v1-nav-link {
      margin-bottom: 20px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .footer-v1-nav-link {
      margin-bottom: 15px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .footer-v1-nav-link {
      display: none;
    }
  }
  
  .footer-v1-nav-link--first {
    padding-top: 24px;
    margin-bottom: 45px;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .footer-v1-nav-link--first {
      padding: 0;
      margin-bottom: 25px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .footer-v1-nav-link--first {
      padding: 0;
      margin-bottom: 14px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .footer-v1-nav-link--first {
      padding: 0;
    }
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .footer-v1-nav-link--second {
      margin-bottom: 34px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .footer-v1-nav-link--second {
      margin-bottom: 27px;
    }
  }
  
  .footer-v1-personal {
    opacity: 0.6;
    color: #fff;
    font-family: "Myriad Pro", sans-serif;
    font-size: 14px;
    line-height: 18px;
    display: block;
    width: 80%;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .footer-v1-personal {
      margin-bottom: 20px;
      width: 60%;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .footer-v1-personal {
      margin-bottom: 29px;
      width: 62%;
    }
  }
  
  @media screen and (max-width: 767px) {
    .footer-v1-personal {
      width: 100%;
      font-size: 12px;
    }
  }
  
  .footer-v1-personal:hover {
    text-decoration: underline;
  }
  
  .footer-v1__underline:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 1px;
    background-color: #fff;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
  }
  
  .footer-v1__underline:hover:after {
    width: 100%;
  }
  
  .footer-v1-map {
    color: #fff;
    opacity: 0.6;
  }
  
  @media screen and (max-width: 767px) {
    .footer-v1-map {
      display: none;
    }
  }
  
  .footer-v1-map:hover {
    text-decoration: underline;
  }
  
  .footer {
    background-color: #0A5BAC;
    height: 311px;
    width: 100%;
    /*  max-height: 270px; */
    /* flex: 0 0 auto; */
    overflow: hidden;
    position: absolute;
    bottom: 0;
    z-index: 1;
  }
  
  .footer--not {
    display: none;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .footer {
      max-height: 410px;
      height: 410px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .footer {
      max-height: 408px;
      height: 408px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .footer {
      max-height: 472px;
      height: 472px;
    }
  }
  
  .footer__container {
    max-width: 1220px;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 62px 0 40px 0;
    overflow: hidden;
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .footer__container {
      padding: 54px 0;
      padding-top: 62px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .footer__container {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      padding: 56px 0 30px 0;
    }
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .footer .all-container {
      width: 82.81%;
      margin: 0 auto;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .footer .all-container {
      /* width: 83.33%; */
      margin: 0 auto;
      width: 100%;
      padding-left: 4.4%;
      padding-right: 4.4%;
    }
  }
  
  @media screen and (max-width: 767px) {
    .footer .all-container {
      /*  width: 83.33%;
              margin: 0 auto; */
      padding-left: 8%;
      padding-right: 8%;
      width: 100%;
    }
  }
  
  .footer-block {
    max-width: 215px;
    width: 215px;
    min-width: 215px;

    display: block;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .footer-block {
      max-width: auto;
      width: 21%;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .footer-block {
      width: 201px;
      min-width: 201px;
      -webkit-box-pack: start;
      -webkit-justify-content: start;
         -moz-box-pack: start;
          -ms-flex-pack: start;
              justify-content: start;
    }
  }
  
  @media screen and (max-width: 767px) {
    .footer-block {
      width: 100%;
      min-width: 100%;
    }
  }
  
  .footer-block1 {
    margin-right: 19px;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .footer-block1 {
      margin-right: 103px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .footer-block1 {
      margin-right: 45px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .footer-block1 {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
         -moz-box-orient: horizontal;
         -moz-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      margin: 0 0 37px 0;
    }
  }
  
  .footer .footer-desc {
    margin-bottom: 34px;
    font-family: "Electra Text Pro", sans-serif;
    display: block;
    padding-left: 72px;
    color: #fff;
    font-size: 12px;
    line-height: 16px;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .footer .footer-desc {
      margin-bottom: 47px;
      margin-top: -4px;
      padding-left: 70px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .footer .footer-desc {
      padding-left: 68px;
      margin-bottom: 47px;
      margin-top: -7px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .footer .footer-desc {
      display: none;
    }
  }
  
  .footer-block3 {
    margin-right: 90px;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .footer-block3 {
      margin-right: 104px;
      min-width: 260px;
      -webkit-box-pack: normal;
      -webkit-justify-content: normal;
         -moz-box-pack: normal;
          -ms-flex-pack: normal;
              justify-content: normal;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .footer-block3 {
      margin-right: 80px;
      width: 215px;
      min-width: 215px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .footer-block3 {
      margin-right: 0;
    }
  }
  
  .footer-block4 {
    width: auto;
    margin-right: 50px;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .footer-block4 {
      width: auto;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .footer-block4 {
      max-width: auto;
      width: auto;
    }
  }
  
  .footer-block4__top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .footer-block4__top {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      padding-top: 4px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .footer-block4__top {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
    }
  }
  
  .footer-text {
    display: block;
    color: #fff;
    margin-bottom: 25px;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .footer-text {
      margin-bottom: 36px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .footer-text {
      margin-bottom: 36px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .footer-text {
      margin: 0;
      padding-top: 10px;
    }
  }
  
  .footer-block__info {
    display: block;
    color: #fff;
    font-family: "Myriad Pro", sans-serif;
    margin-bottom: 15px;
    font-size: 18px;
    letter-spacing: 1.02px;

  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .footer-block__info {
      margin-bottom: 25px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .footer-block__info {
      margin-bottom: 27px;
      font-size: 17px;
      line-height: 19px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .footer-block__info {
      margin-bottom: 5px;
      font-size: 14px;
      letter-spacing: 0.79px;
      line-height: 18px;
    }
  }
  
  .footer-block2 {
    margin-left: 90px;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .footer-block2 {
      display: none;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .footer-block2 {
      display: none;
    }
  }
  
  @media screen and (max-width: 767px) {
    .footer-block2 {
      display: none;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .footer-logo {
      /*    margin-bottom: 16px; */
    }
  }
  
  @media screen and (max-width: 767px) {
    .footer-logo {
      margin-right: 0;
      height: 79px;
      width: 81px;
      min-width: 81px;
      margin-right: 20px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .footer-logo .logo__img {
      width: 103px;
      
    }
  }
  
  @media screen and (max-width: 767px) {
    .footer-logo .logo__img {
     
    
      width: 81px;
      min-width: 81px;
    }
  }
  
  .footer-copyright {
    display: block;
    color: #fff;
    opacity: 0.6;
  }
  
  @media screen and (max-width: 767px) {
    .footer-copyright {
      margin-bottom: 5px;
    }
  }
  
  .footer-address {
    color: #fff;
    font-family: "Myriad Pro", sans-serif;
    margin-bottom: 37px;
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 21px;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .footer-address {
      margin-bottom: 43px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .footer-address {
      margin-bottom: 43px;
      font-size: 18px;
      letter-spacing: 0.89px;
      line-height: 22px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .footer-address {
      width: 80%;
      margin-bottom: 33px;
      font-size: 14px;
    }
  }
  
  .footer .logo {
    display: block;
  }
  
  .footer-mail {
    color: #fff;
    font-family: "Myriad Pro", sans-serif;
    letter-spacing: 1px;
    margin-bottom: 55px;
    display: block;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .footer-mail {
      margin-bottom: 22px;
      font-size: 17px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .footer-mail {
      margin-bottom: 23px;
      font-size: 17px;
      line-height: 19px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .footer-mail {
      margin-bottom: 31px;
      font-size: 13px;
    }
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .footer-social {
      margin-bottom: 70px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .footer-social {
      margin-bottom: 68px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .footer-social {
      margin-bottom: 32px;
    }
  }
  
  .footer-link {
    color: #fff;
    margin-right: 29px;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .footer-link {
      margin-right: 28px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .footer-link {
      margin-right: 28px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .footer-link {
      margin-right: 27px;
    }
  }
  
  .footer-link__img {
    height: 18px;
    width: 20px;
    -webkit-transition: 0.2s ease;
    -o-transition: 0.2s ease;
    transition: 0.2s ease;
  }
  
  @media screen and (max-width: 767px) {
    .footer-link__img {
      height: 18px;
      width: 18px;
    }
  }
  
  .footer-link__img:hover {
    will-change: transform;
    -webkit-transform: translate3d(0, 0, 0) scale(1.2);
            transform: translate3d(0, 0, 0) scale(1.2);
  }
  
  .footer-link:last-of-type {
    margin-right: 0;
  }
  
  .footer-nav-link {
    color: #fff;
    font-family: "Myriad Pro", sans-serif;
    letter-spacing: 0.88px;
    display: inline-block;
    margin-bottom: 28px;
    text-transform: uppercase;
    position: relative;
    /*   &:last-of-type{
              margin-bottom: 0;
          } */
    /*  &--first {
              padding-top: 24px;
              margin-bottom: 45px;
  
              @include at-horizontal-tablet {
                  padding: 0;
                  margin-bottom: 25px;
              }
  
              @include at-vertical-tablet {
                  padding: 0;
                  margin-bottom: 14px;
              }
  
              @include at-mobile {
                  padding: 0;
              }
          } */
    /*  &--second {
              @include at-horizontal-tablet {
                  margin-bottom: 34px;
              }
  
              @include at-vertical-tablet {
                  margin-bottom: 27px;
              }
          } */
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .footer-nav-link {
      margin-bottom: 28px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .footer-nav-link {
      margin-bottom: 28px;
      letter-spacing: 0.48px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .footer-nav-link {
      display: none;
    }
  }
  
  .footer-nav-link-small {
    opacity: 0.6;
    color: #fff;
    font-family: "Myriad Pro", sans-serif;
    font-size: 14px;
    line-height: 18px;
    text-transform: inherit;
  }
  
  .footer-personal {
    opacity: 0.6;
    color: #fff;
    font-family: "Myriad Pro", sans-serif;
    font-size: 14px;
    line-height: 18px;
    display: block;
    -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
            align-self: flex-end;
    margin-right: 12px;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .footer-personal {
      -webkit-align-self: flex-start;
          -ms-flex-item-align: start;
              align-self: flex-start;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .footer-personal {
      width: 80%;
      -webkit-align-self: flex-start;
          -ms-flex-item-align: start;
              align-self: flex-start;
    }
  }
  
  @media screen and (max-width: 767px) {
    .footer-personal {
      width: 100%;
      font-size: 12px;
      margin-right: 0;
    }
  }
  
  .footer-personal:hover {
    text-decoration: underline;
  }
  
  .footer-personal img {
    margin-left: 5px;
  }
  
  .footer__underline:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 1px;
    background-color: #fff;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
  }
  
  .footer__underline:hover:after {
    width: 100%;
  }
  
  .footer-map {
    color: #fff;
    opacity: 0.6;
    /*  @include at-vertical-tablet {
              margin-top: 8px;
          } */
  }
  
  @media screen and (max-width: 767px) {
    .footer-map {
      display: none;
    }
  }
  
  .footer-map:hover {
    text-decoration: underline;
  }
  
  .inline {
    display: block;
  }
  
  .contacts {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    background-color: #F0F0F0;
    padding-top: 0;
    position: relative;
    min-height: 1000px;
  }
  
  @media screen and (max-width: 767px) {
    .contacts {
      padding-top: 145px;
    }
    .contacts:before {
      content: '';
      display: block;
      background-color: #fff;
      height: 145px;
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
    }
  }
  
  .contacts-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 1440px;
    max-height: 800px;
    margin: 0 auto;
    padding-top: 220px;
  }
  
  @media screen and (min-width: 1400px) {
    .contacts-container {
      max-width: none;
      margin: auto;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .contacts-container {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      height: 100%;
      padding-top: 252px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .contacts-container {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      height: 100%;
      max-height: unset;
      padding-top: 0;
    }
  }
  
  .contact-content {
    width: 60%;
    background-color: #F0F0F0;
    padding: 90px 0 87px 219px;
    /*  height: 70vh; */
  }
  
  .contact-content__links {
    padding-bottom: 30px;
  }
  
  @media screen and (min-width: 1920px) {
    .contact-content {
      padding-left: 27%;
    }
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .contact-content {
      padding: 84px 0 0 80px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .contact-content {
      width: 100%;
      padding: 0;
      padding-bottom: 30px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .contact-content {
      width: 100%;
      padding: 0;
      padding-bottom: 30px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .contact-content__text {
      margin-right: 30px;
      max-width: 50%;
      width: 50%;
    }
  }
  
  .contact-content__title {
    color: #4A4A4A;
    font-family: "Electra Text Pro", sans-serif;
    font-size: 18px;
    font-weight: bold;
    line-height: 22px;
    margin-bottom: 18px;
    max-width: 336px;
  }
  
  @media screen and (max-width: 767px) {
    .contact-content__title {
      font-size: 16px;
      line-height: 24px;
    }
  }
  
  .contact-content__address {
    color: #4A4A4A;
    font-family: "Electra Text Pro", sans-serif;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 52px;
  }
  
  @media screen and (max-width: 767px) {
    .contact-content__address {
      font-size: 14px;
      line-height: 24px;
      margin-bottom: 22px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .contact-content__links {
      width: 50%;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .contact-content__item {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      padding-left: 8.33%;
    }
  }
  
  @media screen and (max-width: 767px) {
    .contact-content__item {
      margin: 0 8.44%;
    }
  }
  
  .contact-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  
  .contact-link__links {
    color: #4A4A4A;
    font-family: "Electra Text Pro", sans-serif;
    font-size: 18px;
    line-height: 22px;
  }
  
  .contact-link__links--phone {
    margin-bottom: 19px;
  }
  
  .contact-link__links--mail {
    margin-bottom: 20px;
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .contact-link__links--mail {
      margin-bottom: 25px;
    }
  }
  
  .contact-map {
    width: 40%;
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .contact-map {
      width: 100%;
      height: 400px;
      max-height: 400px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .contact-map {
      width: 100%;
      height: 360px;
      max-height: 360px;
    }
  }
  
  .contact-tabs {
    width: 100%;
    margin-bottom: 51px;
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .contact-tabs {
      background-color: #fff;
      padding-left: 8.33%;
    }
  }
  
  @media screen and (max-width: 767px) {
    .contact-tabs {
      background-color: #fff;
      padding: 0 8.44%;
    }
  }
 
    @media screen and (min-width: 768px) {
  .contact-tabs__container {
    width: 279px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-bottom: 2px solid #DEDEDE;
    max-height: 36px;
    height: 36px;
  }
}
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .contact-tabs__container {
      width: 243px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .contact-tabs__container {

      width: 237px;
    }
    .contact-tabs_item {
padding: 10px 5px;
    }
  }
  
  .contact-tabs__item {
    padding-bottom: 14px;
    cursor: pointer;
    border-bottom: 2px solid transparent;
    color: #4A4A4A;
    font-family: "Electra Text Pro", sans-serif;
    font-size: 24px;
    /*letter-spacing: 1.07px;*/
    line-height: 23px;
  }
  
  @media screen and (max-width: 767px) {
    .contact-tabs__item {
      font-size: 18px;
      letter-spacing: 0.8px;
      line-height: 17px;
    }
  }
  
  .contact-tabs__item.active {
    font-weight: 700;
    border-bottom: 2px solid #0A5BAC;
    margin-bottom: -2px;
  }
  
  .icon--call-contact {
    height: 20px;
    width: 20px;
    margin-right: 15px;
  }
  
  .icon--convert {
    height: 24px;
    width: 24px;
    margin-right: 15px;
  }
  
  .none {
    display: none;
  }
  
  .advantages__content {
    padding: 98px 0 60px 0;
    max-width: 1200px;
    margin: 0 auto;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .advantages__content {
      padding-left: 8%;
      padding-bottom: 40px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .advantages__content {
      padding-left: 8.4%;
      padding-bottom: 80px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .advantages__content {
      padding: 47px 8.4% 67px 8.4%;
      padding-bottom: 40px;
    }
  }
  
  .advantages__title {
    margin-bottom: 84px;
    color: #4A4A4A;
    font-family: 'TT Hoves';
    font-size: 55px;
    font-weight: 500;
    line-height: 75px;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .advantages__title {
      margin-bottom: 72px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .advantages__title {
      margin-bottom: 75px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .advantages__title {
      font-size: 32px;
      margin-bottom: 30px;
    }
  }
  
  .advantages__blocks {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 101px;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin-bottom: -39px;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .advantages__blocks {
      padding: 0;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .advantages__blocks {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      padding-left: 55px;
      margin-bottom: -65px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .advantages__blocks {
      padding: 0;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      margin-bottom: -62px;
    }
  }
  
  .advantages-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 48px;
    margin-right: 71px;
    height: 100px;
    width: 428px;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .advantages-item {
      margin-bottom: 46px;
      margin-right: 40px;
      width: 422px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .advantages-item {
      margin-bottom: 42px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .advantages-item {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      margin-bottom: 46px;
      margin-right: 0;
      width: 100%;
      height: auto;
    }
  }
  
  .advantages-item--big {
    margin-bottom: 50px;
  }
  
  .advantages-item--big-client {
    margin-bottom: 63px;
  }
  
  .advantages-item--last {
    display: none;
  }
  
  .advantages-item--client {
    height: 70px;
  }
  
  .advantages-item__icon {
    width: 70px;
    height: 70px;
    min-width: 70px;
    min-height: 63px;
    margin-right: 80px;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .advantages-item__icon {
      margin-right: 58px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .advantages-item__icon {
      margin-right: 69px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .advantages-item__icon {
      margin-right: 0;
      margin-bottom: 30px;
    }
  }
  
  .advantages-item__icon--truck {
    min-width: 91px;
    min-height: 60px;
    margin-right: 60px;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .advantages-item__icon--truck {
      margin-right: 50px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .advantages-item__icon--truck {
      margin-right: 50px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .advantages-item__icon--truck {
      margin-right: 0;
    }
  }
  
  .advantages-item__icon--weight {
    min-width: 80px;
    min-height: 77px;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .advantages-item__icon--weight {
      margin-right: 61px;
      margin-top: -21px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .advantages-item__icon--weight {
      margin-right: 59px;
    }
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .advantages-item__icon--range {
      margin-right: 70px;
    }
  }
  
  .advantages-item__text {
    color: #4A4A4A;
    font-family: "Electra Text Pro", sans-serif;
    font-size: 18px;
    line-height: 26px;
    max-width: 300px;
  }
  
  @media screen and (max-width: 767px) {
    .advantages-item__text {
      font-size: 16px;
      line-height: 24px;
    }
  }
  
  .advantages-item__text--short {
    width: 170px;
  }
  
  @media screen and (max-width: 767px) {
    .advantages-item__text--short {
      width: 100%;
    }
  }
  
  .company {
    height: 700px;
    width: 100%;
    background-color: #0A5BAC;
    -webkit-background-size: 500px 500px;
            background-size: 500px;
    background-repeat: no-repeat;
    background-position: 75% 50%;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .company {
      background-position: 82% 50%;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .company {
      height: 1024px;
      -webkit-background-size: 600px 600px;
              background-size: 600px;
      background-position: 50% 75%;
    }
  }
  
  @media screen and (max-width: 767px) {
    .company {
      height: 480px;
    }
  }
  
  .company__container {
    padding-top: 313px;
    max-width: 1200px;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .company__container {
      padding: 242px 8.4% 0 8.4%;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .company__container {
      padding: 310px 8.4% 0 8.4%;
    }
  }
  
  @media screen and (max-width: 767px) {
    .company__container {
      padding: 150px 8.4% 0 8.4%;
    }
  }
  
  .company__title {
    margin-bottom: 60px;
    line-height: 70px;
    visibility: hidden;
  }
  
  @media screen and (max-width: 767px) {
    .company__title {
      margin-bottom: 25px;
    }
  }
  
  .company__title--client {
    margin-bottom: 60px;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .company__title--client {
      margin-bottom: 90px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .company__title--client {
      font-size: 55px;
      margin-bottom: 95px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .company__title--client {
      margin-bottom: 25px;
    }
  }
  
  .company__desc {
    color: #fff;
    font-family: "Electra Text Pro", sans-serif;
    max-width: 400px;
    line-height: 26px;
    visibility: hidden;
  }
  
  .company__desc--right {
    -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
            align-self: flex-end;
    margin-right: -20px;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .company__desc--right {
      margin-right: 26px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .company__desc--right {
      margin-right: 40px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .company__desc--right {
      margin-right: 0;
    }
  }
  
  .company-text-block__text {
    font-weight: 400;
  }
  
  .company--client {
    height: 700px;
    background-position: 51% 59%;
    position: relative;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .company--client {
      background-position: 43% 61%;
      height: 768px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .company--client {
      background-position: 24% 77%;
      -webkit-background-size: 510px 510px;
              background-size: 510px;
      height: 1024px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .company--client {
      background-position: right -91px bottom 152px;
      -webkit-background-size: 300px 300px;
              background-size: 300px;
      height: 480px;
    }
  }
  
  .company--client .company__container {
    padding: 225px 8.4% 0 8%;
    padding-left: 0;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .company--client .company__container {
      padding-left: 8.4%;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .company--client .company__container {
      padding-left: 8.4%;
    }
  }
  
  @media screen and (max-width: 767px) {
    .company--client .company__container {
      padding: 150px 8.4% 0 8.4%;
    }
  }
  
  @media screen and (max-width: 767px) {
    .company--company {
      background-image: none !important;
    }
  }
  
  .text--indent {
    margin-left: 100px;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .text--indent {
      margin-left: 0;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .text--indent {
      margin-left: 0;
    }
  }
  
  @media screen and (max-width: 767px) {
    .text--indent {
      margin-left: 0;
    }
  }
  
  .company-slider-block {
    max-width: 1200px;
    margin: 0 auto;
    padding-bottom: 110px;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .company-slider-block {
      padding: 0 4.1% 110px 4.1%;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .company-slider-block {
      padding: 0;
    }
  }
  
  @media screen and (max-width: 767px) {
    .company-slider-block {
      padding-bottom: 0;
    }
  }
  
  .company-text-blocks {
    padding: 100px 100px 75px 100px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .company-text-blocks {
      padding-left: 42px;
      padding-right: 0;
      padding-top: 107px;
      padding-bottom: 104px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .company-text-blocks {
      padding: 6.12%;
      padding-top: 107px;
      padding-bottom: 80px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .company-text-blocks {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      padding: 50px 8.44% 57px 8.44%;
    }
  }
  
  .company-text-block {
    max-width: 400px;
    visibility: hidden;
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .company-text-block {
      max-width: 300px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .company-text-block {
      width: 100%;
    }
  }
  
  .company-text-block__text {
    color: #4A4A4A;
    font-family: "Electra Text Pro", sans-serif;
    font-size: 16px;
    line-height: 23px;
    text-align: left;
  }
  
  @media screen and (max-width: 767px) {
    .company-text-block__text {
      margin-bottom: 40px;
    }
  }
  
  .company-text-block__text--second {
    margin-bottom: 40px;
  }
  
  @media screen and (max-width: 767px) {
    .company-text-block__text--second {
      display: none;
    }
  }
  
  .company-slider {
    position: relative;
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .company-slider {
      height: 602px;
    }
  }
  
  .company-slider__plank {
    width: 100%;
    max-width: 100%;
    height: 100px;
    background-color: #005ab4;
    opacity: 0.8;
    position: absolute;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
       -moz-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-right: 102px;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .company-slider__plank {
      padding-right: 43px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .company-slider__plank {
      padding-right: 61px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .company-slider__plank {
      padding-right: 25px;
      padding-left: 25px;
    }
  }
  
  .company-slider__image {
    height: 602px;
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .company-slider__image {
      /*  height: 602px; */
    }
  }
  
  @media screen and (max-width: 767px) {
    .company-slider__image {
      height: 480px;
    }
  }
  
  .company-slider .timeline {
    max-width: 495px;
  }
  
  @media screen and (max-width: 767px) {
    .company-slider .timeline {
      max-width: 266px;
    }
  }
  
  .company-slider__arrow .arrow-animation {
    position: absolute;
    top: 39.37%;
    cursor: pointer;
  }
  
  .company-slider__arrow .arrow-animation--prev {
    left: 51px;
    color: #0A5BAC;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .company-slider__arrow .arrow-animation--prev {
      left: 43px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .company-slider__arrow .arrow-animation--prev {
      left: 64px;
    }
  }
  
  .company-slider__arrow .arrow-animation--next {
    right: 51px;
    color: #0A5BAC;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .company-slider__arrow .arrow-animation--next {
      right: 43px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .company-slider__arrow .arrow-animation--next {
      right: 64px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .company-slider__arrow {
      display: none;
    }
  }
  
  .icon--arrow {
    width: 48px;
    height: 48px;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
  }
  
  .icon--arrow:hover {
    -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
            transform: scale(1.2);
  }
  
  .bottom-block__img {
    width: 136px;
    height: 59px;
  }
  
  .bottom-block__desc {
    color: #4A4A4A;
    font-family: "Electra Text Pro", sans-serif;
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 15px;
  }
  
  .bottom-block__desc--second {
    margin-bottom: 43px;
  }
  
  .bottom-block__text--company {
    width: 300px;
    max-width: 300px;
    color: #4A4A4A;
  }
  
  .bottom-block__number--company {
    margin-bottom: 0;
  }
  
  .bottom-block__text--gray {
    color: #4A4A4A;
  }
  
  .map__title--company {
    color: #4A4A4A;
  }
  
  .map-text--company {
    max-width: 500px;
  }
  
  .link--company {
    margin-bottom: 85px;
    padding-left: 5px;
    width: 300px;
    color: #4A4A4A;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .link--company {
      padding-left: 0;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .link--company {
      padding-left: 0;
    }
  }
  
  @media screen and (max-width: 767px) {
    .link--company {
      padding-left: 0;
      margin: 0;
    }
  }
  
  .link--company .link__block {
    height: 32px;
  }
  
  .map--company {
    padding: 0;
  }
  
  .content-head {
    height: 600px;
    background-color: #0A5BAC;
  }
  
  .ugc {
    max-width: 836px;
  }
  
  .ugc ul > li::before,
  .ugc ul > li::after,
  .ugc ol > li::before,
  .ugc ol > li::after {
    display: inline;
  }
  
  .ugc ol {
    counter-reset: section;
    list-style-type: none;
    padding-top: 40px;
    padding-bottom: 40px;
  }
  
  @media screen and (max-width: 767px) {
    .ugc ol {
      padding: 0 8.44%;
    }
  }
  
  .ugc li::before {
    counter-increment: section;
    content: counters(section, ".") ". ";
  }
  
  .ugc li {
    color: #4A4A4A;
    font-size: 24px;
    font-weight: 500;
    line-height: 34px;
    margin-bottom: 20px;
    margin-left: 71px;
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .ugc li {
      margin-left: -50px;
      line-height: 28px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .ugc li {
      margin-left: 0;
    }
  }
  
  .ugc li:last-of-type {
    margin-bottom: 0;
  }
  
  .ugc li ol {
    padding: 20px 0 0 0;
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .ugc li ol {
      padding-top: 15px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .ugc li ol {
      padding-top: 15px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .ugc li ol li {
      margin-left: 50px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .ugc li ol li {
      margin-left: 15px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .ugc li {
      line-height: 24px;
      font-size: 18px;
    }
  }
  
  .ugc li li {
    color: #4A4A4A;
    font-family: "Myriad Pro";
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    margin-bottom: 25px;
    position: relative;
  }
  
  .ugc li li:last-of-type {
    margin-bottom: 0;
  }
  
  .ugc li li:before {
    position: absolute;
    left: -28px;
  }
  
  @media screen and (max-width: 767px) {
    .ugc li li:before {
      position: static;
    }
  }
  
  .ugc li li ul li {
    list-style-type: disc;
    margin-bottom: 2px;
  }
  
  .ugc li li ul li:before {
    display: none;
  }
  
  .box {
    max-width: 723px;
    width: 100%;
    margin: 0 37.46% 0 16%;
  }
  
  @media screen and (min-width: 2160px) {
    .box {
      margin: 0 auto;
      max-width: 1200px;
    }
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .box {
      width: 70%;
      margin: 0 42.46% 0 0;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .box {
      width: 70%;
    }
  }
  
  @media screen and (max-width: 767px) {
    .box {
      padding-top: 40px;
      padding-bottom: 40px;
      margin: 0;
    }
  }
  
  .plank {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  
  @media screen and (max-width: 767px) {
    .plank {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
    }
  }
  
  .plank--overlay {
    width: 100%;
    background-color: #F0F0F0;
  }
  
  .plank-img {
    color: #0A5BAC;
    width: 49px;
    min-width: 49px;
    height: 48px;
    min-height: 48px;
    margin-right: 40px;
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .plank-img {
      margin-right: 0;
      margin-bottom: 22px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .plank-img {
      margin-right: 36px;
    }
  }
  
  .plank-block {
    width: 33.33%;
    height: 171px;
    color: #4A4A4A;
    font-family: "Electra Text Pro", sans-serif;
    font-size: 24px;
    line-height: 24px;
    background-color: #F0F0F0;
    cursor: pointer;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    display: block;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    padding: 63px 0 63px 76px;
  }
  
  .plank-block:hover {
    background-color: #0A5BAC;
  }
  
  .plank-block:hover .plank-block__title {
    color: #fff;
  }
  
  .plank-block:hover .plank-block__text {
    color: #fff;
  }
  
  .plank-block:hover .plank-img {
    color: #fff;
  }
  
  .plank-block:first-of-type {
    border-left: none;
  }
  
  .plank-block:last-of-type {
    border-right: none;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .plank-block {
      padding: 64px 0 64px 61px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .plank-block {
      padding: 40px 0 34px 67px;
      height: 191px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .plank-block {
      width: 100%;
      padding: 40px 60px;
      height: 120px;
    }
  }
  
  .plank-block__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .plank-block__inner {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
         -moz-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
    }
  }
  
  .plank-block__title {
    color: #4A4A4A;
    font-family: "Electra Text Pro", sans-serif;
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 10px;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .plank-block__title {
      margin-bottom: 0;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .plank-block__title {
      margin-bottom: 0;
    }
  }
  
  @media screen and (max-width: 767px) {
    .plank-block__title {
      margin-bottom: 0;
      font-size: 18px;
      line-height: 24px;
    }
  }
  
  .plank-block__text {
    color: #4A4A4A;
    font-family: "Myriad Pro", sans-serif;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.88px;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .plank-block__text {
      display: none;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .plank-block__text {
      display: none;
    }
  }
  
  @media screen and (max-width: 767px) {
    .plank-block__text {
      display: none;
    }
  }
  
  .delivery {
    width: 100%;
  }
  
  .delivery__container {
    background-image: url(/local/templates/main/assets/assets/../img/client/delivery.png);
    background-repeat: no-repeat;
    background-position: 47% center;
    -webkit-background-size: 1443px 1443px;
            background-size: 1443px;
    height: 559px;
    padding-top: 106px;
    padding-bottom: 156px;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .delivery__container {
      height: 516px;
      padding-bottom: 100px;
      -webkit-background-size: 1034px 1034px;
              background-size: 1034px;
      background-position: 47% 43%;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .delivery__container {
      height: auto;
      padding-top: 100px;
      padding-bottom: 112px;
      -webkit-background-size: 996px 996px;
              background-size: 996px;
      background-position: 50% center;
    }
  }
  
  @media screen and (max-width: 767px) {
    .delivery__container {
      background: none;
      height: auto;
      padding-top: 67px;
      padding-bottom: 60px;
    }
  }
  
  .delivery__title {
    color: #4A4A4A;
    margin-bottom: 71px;
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .delivery__title {
      margin-bottom: 73px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .delivery__title {
      margin-bottom: 49px;
    }
  }
  
  .delivery__text {
    color: #4A4A4A;
    width: 33%;
    margin-bottom: 53px;
    line-height: 22px;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .delivery__text {
      width: 46%;
      margin-bottom: 45px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .delivery__text {
      width: 42%;
      line-height: 24px;
      margin-bottom: 46px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .delivery__text {
      width: 100%;
    }
  }
  
  .test__container {
    max-width: 1200px;
    margin: 0 auto;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .test__container {
      padding-left: 8.4%;
      padding-right: 8.4%;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .test__container {
      padding-left: 8.4%;
      padding-right: 8.4%;
    }
  }
  
  @media screen and (max-width: 767px) {
    .test__container {
      padding-left: 8.4%;
      padding-right: 8.4%;
    }
  }
  
  .document {
    width: 100%;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .document {
      width: 100%;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .document {
      width: 100%;
    }
  }
  
  @media screen and (max-width: 767px) {
    .document {
      width: 100%;
    }
  }
  
  .document__title {
    color: #4A4A4A;
    margin-bottom: 38px;
    letter-spacing: 0.28px;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .document__title {
      margin-bottom: 52px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .document__title {
      margin-bottom: 60px;
    }
  }
  
  .document__content-wrapper {
    position: relative;
  }
  
  .document__container {
    padding-bottom: 40px;
    padding-top: 320px;
    margin: 0 auto;
    min-height: 100vh;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .document__container {
      padding-bottom: 80px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .document__container {
      padding-top: 280px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .document__container {
      padding-bottom: 0;
    }
  }
  
  .document__blocks {
    margin-left: 200px;
    min-height: 0px;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .document__blocks {
      margin-left: 166px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .document__blocks {
      margin-left: 69px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .document__blocks {
      margin-left: 57px;
    }
  }
  
  .document-block {
    margin: 0;
    /*  &:first-of-type {
              margin-top: 0;
          } */
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .document-block {
      margin: 30px 0;
      margin-bottom: 40px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .document-block {
      margin: 35px 0;
    }
  }
  
  @media screen and (max-width: 767px) {
    .document-block {
      margin: 30px 0;
    }
  }
  
  .catalog-wrapper-document {
    display: block;
  }
  
  .catalog-wrapper-document .catalog-links__text {
    width: 100%;
    margin-bottom: 40px;
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .catalog-wrapper-document .catalog-links__text {
      width: 54%;
    }
  }
  
  @media screen and (max-width: 767px) {
    .catalog-wrapper-document .catalog-links__text {
      width: 100%;
    }
  }
  
  .catalog-wrapper-document:last-of-type {
    margin-bottom: 0;
  }
  
  .cat-catalog {
    margin-top: -250px;
    padding-bottom: 121px;
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .cat-catalog {
      padding-bottom: 110px;
      margin-top: -365px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .cat-catalog {
      margin-top: 0;
      padding-bottom: 70px;
    }
  }
  
  .cat-catalog__title {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 35px;
    color: #0A5BAC;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .cat-catalog__title {
      padding-left: 8.2%;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .cat-catalog__title {
      padding-left: 8.1%;
    }
  }
  
  @media screen and (max-width: 767px) {
    .cat-catalog__title {
      font-size: 16px;
      color: #0059af;
    }
  }
  
  .cat-catalog__title--white {
    color: #fff;
  }
  
  @media screen and (max-width: 767px) {
    .cat-catalog__title--white {
      color: #0059af;
    }
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .cat-catalog__block {
      max-width: 91.6%;
      width: auto;
    }
  }
  
  .catalog-v1-cards--bottom-indent {
    margin-bottom: 100px;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .catalog-v1-cards--bottom-indent {
      margin-bottom: 87px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .catalog-v1-cards--bottom-indent {
      margin-bottom: 87px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .catalog-v1-cards--bottom-indent {
      margin-bottom: 194px;
    }
  }
  
  .metal-top-block {
    width: 100%;
    height: 700px;
    background-color: #0A5BAC;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .metal-top-block {
      height: 768px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .metal-top-block {
      height: 1024px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .metal-top-block {
      height: 480px;
    }
  }
  
  .metal-top-block__container {
    width: 1200px;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 313px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .metal-top-block__container {
      width: 83.98%;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .metal-top-block__container {
      width: 84.11%;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
    }
  }
  
  @media screen and (max-width: 767px) {
    .metal-top-block__container {
      width: 100%;
      padding-left: 8.44%;
      padding-right: 8.44%;
      padding-top: 204px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .metal-top-block__title {
      margin-bottom: 106px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .metal-top-block__title {
      margin-bottom: 70px;
    }
  }
  
  .metal-top-block__document {
    padding-top: 25px;
  }
  
  @media screen and (max-width: 767px) {
    .metal-top-block__document {
      padding: 0;
    }
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .metal-top-block__document--image-top {
      -webkit-align-self: flex-end;
          -ms-flex-item-align: end;
              align-self: flex-end;
      padding-top: 0;
    }
  }
  
  .catalog-links--top-block {
    color: #fff;
  }
  
  .catalog-links-link--indent {
    display: block;
    margin-bottom: 30px;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .catalog-links-link--indent {
      width: 80%;
    }
  }
  
  @media screen and (max-width: 767px) {
    .catalog-links-link--indent {
      width: 80%;
    }
  }
  
  .catalog-links__text--weight {
    font-weight: 500;
  }
  
  .catalog-links--indent {
    margin-bottom: 60px;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .catalog-links--indent {
      margin-bottom: 24px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .catalog-links--indent {
      margin-bottom: 54px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .catalog-links--indent {
      margin-bottom: 24px;
    }
  }
  
  .purchase {
    width: 100%;
    background-image: url(/local/templates/main/assets/assets/../img/client/purchase.png);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
    background-position: center;
    background-color: #F0F0F0;
  }
  
  @media screen and (min-width: 2160px) {
    .purchase {
      background-position: left center;
      -webkit-background-size: 70% 70%;
              background-size: 70%;
    }
  }
  
  @media screen and (max-width: 767px) {
    .purchase {
      background-image: none;
    }
  }
  
  .purchase__container {
    width: 1446px;
    height: 645px;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
       -moz-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding-top: 104px;
    padding-bottom: 104px;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .purchase__container {
      width: 100%;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .purchase__container {
      width: 100%;
    }
  }
  
  @media screen and (max-width: 767px) {
    .purchase__container {
      width: 100%;
      padding-top: 68px;
      padding-bottom: 70px;
      height: auto;
    }
  }
  
  .purchase__block {
    width: 50%;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .purchase__block {
      width: 50%;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .purchase__block {
      width: 58%;
    }
  }
  
  @media screen and (max-width: 767px) {
    .purchase__block {
      width: 100%;
    }
  }
  
  .purchase__title {
    color: #4A4A4A;
    margin-bottom: 73px;
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .purchase__title {
      font-size: 55px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .purchase__title {
      color: #000;
      margin-bottom: 52px;
    }
  }
  
  .purchase__link {
    color: #0059af;
  }
  
  .purchase__tel {
    color: #4A4A4A;
  }
  
  .purchase__tel:hover {
    color: #0059af;
  }
  
  @media screen and (max-width: 767px) {
    .purchase__tel {
      display: block;
    }
  }
  
  .user-text ul:last-of-type {
    margin-bottom: 0;
  }
  
  .user-text ul,
  .list {
    margin-bottom: 44px;
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .user-text ul,
    .list {
      padding-left: 52px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .user-text ul,
    .list {
      padding-left: 52px;
    }
  }
  
  .user-text ul li,
  .list__item {
    margin-bottom: 32px;
    color: #4A4A4A;
    position: relative;
  }
  
  .user-text ul li:before,
  .list__item:before {
    content: " ";
    display: block;
    width: 26px;
    height: 2px;
    position: absolute;
    background-color: #333;
    left: -52px;
    top: 10px;
  }
  
  .user-text ul li:last-of-type,
  .list__item:last-of-type {
    margin-bottom: 0;
  }
  
  .description {
    width: 100%;
  }
  
  .description__container {
    padding-bottom: 109px;
    padding-top: 40px;
    max-width: 1166px;
    margin: 0 auto;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .description__container {
      margin-left: 8.2%;
      margin-right: 8.2%;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .description__container {
      margin-left: 8.2%;
      margin-right: 8.2%;
    }
  }
  
  @media screen and (max-width: 767px) {
    .description__container {
      margin-left: 8.2%;
      margin-right: 8.2%;
    }
  }
  
  .description__title {
    color: #4A4A4A;
    margin-bottom: 70px;
  }
  
  .description__text {
    color: #4A4A4A;
    width: 90%;
    padding-left: 102px;
  }
  
  @media screen and (max-width: 767px) {
    .description__text {
      padding-left: 24px;
      width: 100%;
    }
  }
  
  .advantages-text {
    width: 100%;
    background-color: #F0F0F0;
  }
  
  .advantages-text__container {
    max-width: 1440px;
    margin: 0 auto;
    padding: 77px 71px 62px 219px;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .advantages-text__container {
      padding-left: 8.2%;
      padding-right: 14.75%;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .advantages-text__container {
      padding-left: 8.2%;
      padding-right: 13.54%;
    }
  }
  
  @media screen and (max-width: 767px) {
    .advantages-text__container {
      padding-top: 69px;
      padding-left: 16.56%;
      padding-right: 8.3%;
      padding-bottom: 30px;
    }
  }
  
  .advantages-text__title {
    margin-bottom: 57px;
    text-transform: uppercase;
    color: #4A4A4A;
  }
  
  .advantages-text__blocks {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .advantages-text__blocks {
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
         -moz-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      padding-left: 86px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .advantages-text__blocks {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      padding-left: 67px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .advantages-text__blocks {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
    }
  }
  
  .advantages-text__block {
    width: 50%;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .advantages-text__block {
      width: 37%;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .advantages-text__block {
      width: 100%;
    }
  }
  
  @media screen and (max-width: 767px) {
    .advantages-text__block {
      width: 100%;
    }
  }
  
  @media screen and (max-width: 767px) {
    .advantages-text__block ul,
    .list--advantages {
      padding-left: 0;
    }
  }
  
  .user-text--list-small ul li:before,
  .list__item--small:before {
    width: 10px;
    left: -24px;
  }
  
  .list__item--asterix:before {
    content: '*';
    background-color: transparent;
    width: auto;
    display: inline-block;
    line-height: 0.6;
  }
  
  .package {
    position: relative;
    -webkit-background-size: 0 0;
            background-size: 0 0;
  }
  
  @media screen and (max-width: 767px) {
    .package {
      background-image: none !important;
    }
  }
  
  .package:before {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 50%;
    min-width: 300px;
    background-image: inherit;
    background-repeat: no-repeat;
    background-position: right top;
    -webkit-background-size: contain;
            background-size: contain;
  }
  
  .package__container {
    padding-top: 108px;
    padding-bottom: 100px;
    padding-left: 221px;
    max-width: 1440px;
    margin: 0 auto;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .package__container {
      padding-left: 8.11%;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .package__container {
      padding-left: 63px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .package__container {
      padding-left: 8.11%;
    }
  }
  
  .package__title {
    color: #4A4A4A;
    text-transform: uppercase;
    margin-bottom: 52px;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 1.13px;
  }
  
  .package__content {
    max-width: 600px;
    padding-right: 7%;
  }
  
  .package__content p {
    line-height: 26px;
  }
  
  .package__text {
    color: #4A4A4A;
    line-height: 26px;
  }
  
  .package__text--first {
    margin-bottom: 34px;
  }
  
  .image-top {
    width: 100%;
    height: 700px;
    background-color: #0A5BAC;
    background-repeat: no-repeat;
    -webkit-background-size: 415px 415px;
            background-size: 415px;
    background-position: 42% 56%;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .image-top {
      background-position: 40% 73%;
      -webkit-background-size: 416px 416px;
              background-size: 416px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .image-top {
      height: 1024px;
      -webkit-background-size: 417px 417px;
              background-size: 417px;
      background-position: 113% 63%;
    }
  }
  
  @media screen and (max-width: 767px) {
    .image-top {
      height: 480px;
      -webkit-background-size: 269px 269px;
              background-size: 269px;
      /*  background-position: 334% 68%; */
      background-position: right -120px bottom 78px;
    }
  }
  
  .image-top__container {
    padding-top: 283px;
    max-width: 1200px;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .image-top__container {
      padding: 286px 8.4% 0 8.4%;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .image-top__container {
      padding: 285px 8.4% 0 8.4%;
    }
  }
  
  @media screen and (max-width: 767px) {
    .image-top__container {
      padding: 179px 8.4% 0 8.4%;
    }
  }
  
  .image-top__title {
    line-height: 69px;
  }
  
  @media screen and (max-width: 767px) {
    .image-top__title {
      line-height: 31px;
    }
  }
  
  .image-top__section {
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.88px;
    margin-bottom: 8px;
    visibility: hidden;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .image-top__section {
      margin-bottom: 8px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .image-top__section {
      margin-bottom: 9px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .image-top__section {
      margin-bottom: 18px;
    }
  }
  
  .image-top__info {
    opacity: 0.18;
    color: #fff;
    font-size: 82px;
    font-weight: 400;
    line-height: 100px;
    text-transform: uppercase;
    letter-spacing: 0.88px;
    -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
            align-self: flex-end;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .image-top__info {
      font-size: 14px;
      font-weight: 200;
      line-height: 18px;
      position: absolute;
      left: 8.4%;
      top: 465px;
      opacity: 1;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .image-top__info {
      font-size: 14px;
      font-weight: 200;
      line-height: 18px;
      position: absolute;
      left: 8.4%;
      top: 465px;
      opacity: 1;
    }
  }
  
  @media screen and (max-width: 767px) {
    .image-top__info {
      display: none;
    }
  }
  
  .image-top__blocks {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 82px;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .image-top__blocks {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      margin-bottom: 0;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .image-top__blocks {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      margin-bottom: 0;
    }
  }
  
  @media screen and (max-width: 767px) {
    .image-top__blocks {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      margin-bottom: 0;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .image-top__left {
      margin-bottom: 170px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .image-top__left {
      margin-bottom: 40px;
    }
  }
  
  .search-welcome {
    background-color: #0A5BAC;
  }
  
  .search-welcome__inner {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    height: 700px;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
  }
  
  .search-welcome__form {
    width: 100%;
    position: relative;
  }
  
  .search-welcome__input-box {
    display: block;
    width: 100%;
    margin: 0;
  }
  
  .search-welcome__input {
    border: 0;
    border-bottom: 2px solid #fff;
    width: 100%;
    color: #fff;
    font: 500 55px/65px "Electra Medium Pro", sans-serif;
    padding-bottom: 7px;
    outline: none;
  }
  
  .search-welcome__input::-webkit-input-placeholder {
    opacity: 1;
    color: #fff;
    font: 500 55px/65px "Electra Medium Pro", sans-serif;
  }
  
  .search-welcome__input::-moz-placeholder {
    opacity: 1;
    color: #fff;
    font: 500 55px/65px "Electra Medium Pro", sans-serif;
  }
  
  .search-welcome__input:-moz-placeholder {
    opacity: 1;
    color: #fff;
    font: 500 55px/65px "Electra Medium Pro", sans-serif;
  }
  
  .search-welcome__input:-ms-input-placeholder {
    opacity: 1;
    color: #fff;
    font: 500 55px/65px "Electra Medium Pro", sans-serif;
  }
  
  .search-welcome__input::-ms-input-placeholder {
    opacity: 1;
    color: #fff;
    font: 500 55px/65px "Electra Medium Pro", sans-serif;
  }
  
  .search-welcome__input::placeholder {
    opacity: 1;
    color: #fff;
    font: 500 55px/65px "Electra Medium Pro", sans-serif;
  }
  
  .search-welcome__find {
    position: absolute;
    right: 0;
    bottom: 19px;
    height: 44px;
    width: 44px;
    color: #fff;
  }
  
  .search-welcome--compact .search-welcome__input {
    border-bottom-color: transparent;
  }
  
  .search-welcome--compact .search-welcome__inner {
    height: 416px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
       -moz-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  
  @media screen and (max-width: 1399px) {
    .search-welcome__inner {
      height: 420px;
      padding-left: 50px;
      padding-right: 50px;
      padding-top: 100px;
    }
  }
  
  @media screen and (max-width: 1023px) {
    .search-welcome__inner {
      padding-left: 65px;
      padding-right: 65px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .search-welcome--compact .search-welcome__inner {
      height: 180px;
    }
    .search-welcome__inner {
      padding-left: 28px;
      padding-right: 28px;
    }
    .search-welcome__input {
      font-size: 20px;
      padding: 0;
      margin: 0;
      height: 40px;
    }
    .search-welcome__input::-webkit-input-placeholder {
      opacity: 1;
      font-size: 20px;
    }
    .search-welcome__input::-moz-placeholder {
      opacity: 1;
      font-size: 20px;
    }
    .search-welcome__input:-moz-placeholder {
      opacity: 1;
      font-size: 20px;
    }
    .search-welcome__input:-ms-input-placeholder {
      opacity: 1;
      font-size: 20px;
    }
    .search-welcome__input::-ms-input-placeholder {
      opacity: 1;
      font-size: 20px;
    }
    .search-welcome__input::placeholder {
      opacity: 1;
      font-size: 20px;
    }
    .search-welcome__find {
      bottom: 10px;
      display: block;
      height: 30px;
      width: 30px;
      padding: 0;
    }
    .search-welcome__find .svg-symbol {
      display: block;
      height: 30px;
      width: 30px;
    }
  }
  
  .secondary-products-welcome {
    position: relative;
    background-color: #0A5BAC;
    min-height: 600px;
    overflow: hidden;
  }
  
  .secondary-products-welcome__inner {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 313px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  
  .secondary-products-welcome__illustration {
    position: absolute;
    top: calc(50% + 50px);
    left: 50%;
  }
  
  .secondary-products-welcome__illustration--1 {
    -webkit-transform: translate(-88.5%, -50%);
        -ms-transform: translate(-88.5%, -50%);
            transform: translate(-88.5%, -50%);
  }
  
  .secondary-products-welcome__illustration--2 {
    -webkit-transform: translate(-26.3%, 9%);
        -ms-transform: translate(-26.3%, 9%);
            transform: translate(-26.3%, 9%);
  }
  
  .secondary-products-welcome__document {
    padding-top: 89px;
    padding-left: 3px;
    z-index: 2;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .secondary-products-welcome {
      min-height: 768px;
    }
    .secondary-products-welcome__inner {
      width: 83.98%;
    }
    .secondary-products-welcome__illustration--1 {
      -webkit-transform: translate(-95%, -10%);
          -ms-transform: translate(-95%, -10%);
              transform: translate(-95%, -10%);
    }
    .secondary-products-welcome__illustration--2 {
      -webkit-transform: translate(-10%, 10%);
          -ms-transform: translate(-10%, 10%);
              transform: translate(-10%, 10%);
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .secondary-products-welcome {
      min-height: 1024px;
    }
    .secondary-products-welcome__inner {
      width: 84.11%;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
    }
    .secondary-products-welcome__title {
      margin-bottom: 106px;
    }
    .secondary-products-welcome__illustration--1 {
      -webkit-transform: translate(-10%, -90%) scale(0.7);
          -ms-transform: translate(-10%, -90%) scale(0.7);
              transform: translate(-10%, -90%) scale(0.7);
    }
    .secondary-products-welcome__illustration--2 {
      -webkit-transform: translate(-32%, 0%);
          -ms-transform: translate(-32%, 0%);
              transform: translate(-32%, 0%);
    }
  }
  
  @media screen and (max-width: 767px) {
    .secondary-products-welcome {
      min-height: 480px;
    }
    .secondary-products-welcome__inner {
      width: 100%;
      padding-left: 8.44%;
      padding-right: 8.44%;
      padding-top: 204px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
    }
    .secondary-products-welcome__title {
      margin-bottom: 70px;
    }
    .secondary-products-welcome__document {
      padding: 0;
    }
    .secondary-products-welcome__illustration--1 {
      -webkit-transform: translate(-15%, -66%) scale(0.3);
          -ms-transform: translate(-15%, -66%) scale(0.3);
              transform: translate(-15%, -66%) scale(0.3);
    }
    .secondary-products-welcome__illustration--2 {
      -webkit-transform: translate(-39%, -13%) scale(0.5);
          -ms-transform: translate(-39%, -13%) scale(0.5);
              transform: translate(-39%, -13%) scale(0.5);
    }
  }
  
  .search-results {
    padding-bottom: 91px;
  }
  
  .search-results__inner {
    padding-left: 220px;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
  }
  
  .search-results__list {
    max-width: 600px;
    margin-bottom: 16px;
  }
  
  .search-results__item + .search-results__item {
    border-top: 2px solid #D8D8D8;
  }
  
  @media screen and (max-width: 1399px) {
    .search-results__inner {
      padding-left: 65px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .search-results {
      padding-bottom: 50px;
    }
    .search-results__inner {
      padding-left: 28px;
      padding-right: 28px;
    }
  }
  
  @media screen and (min-width: 1400px) {
    .search-results {
      padding-top: 29px;
    }
  }
  
  .link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 300px;
  }
  
  .link__text {
    color: #4A4A4A;
    font-family: "Electra Text Pro", sans-serif;
    font-size: 18px;
    line-height: 21px;
    margin-right: 28px;
  }
  
  .link__text--catalog {
    color: #fff;
    padding-bottom: 3px;
    border-bottom: 1px solid transparent;
  }
  
  .link__text--catalog:hover {
    border-bottom: 1px solid #fff;
  }
  
  @media screen and (max-width: 767px) {
    .link__text {
      font-size: 16px;
      line-height: 21px;
    }
  }
  
  .link__img {
    width: 46px;
    height: 25px;
    pointer-events: none;
    -webkit-transition: left .2s ease-in;
    -o-transition: left .2s ease-in;
    transition: left .2s ease-in;
    left: 0;
  }
  
  @media screen and (max-width: 767px) {
    .link__img {
      width: 36px;
      height: 36px;
    }
  }
  
  .link__block {
    overflow: hidden;
    position: relative;
    height: 17px;
    width: 58px;
  }
  
  .link:hover {
    color: #0A5BAC;
  }
  
  .link:hover .link__text {
    color: #0A5BAC;
  }
  
  .link--map {
    margin-bottom: 131px;
    padding-left: 99px;
    width: 300px;
    color: #4A4A4A;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .link--map {
      padding: 0;
      margin-bottom: 81px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .link--map {
      padding: 0;
      margin-bottom: 70px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .link--map {
      padding: 0;
      margin: 0;
    }
  }
  
  .link--catalog {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    top: 0;
    left: 0;
    margin: auto;
    width: 300px;
    height: 47px;
    bottom: 0;
    right: 0;
    position: absolute;
    color: #fff;
  }
  
  .link--catalog .link__block {
    height: 26px;
  }
  
  .link--catalog:hover {
    color: #fff;
  }
  
  .link--catalog:hover .link__text {
    color: #fff;
  }
  
  .link--catalog:hover .link__text:after {
    width: 100%;
  }
  
  .link--catalog:hover .link__img {
    left: 7px;
  }
  
  .link--catalog.link__text:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 1px;
    background-color: #fff;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
  }
  
  .link--catalog.link__text:after:hover:after {
    width: 100%;
  }
  
  .link--advantages {
    margin-left: 150px;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .link--advantages {
      margin-left: 118px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .link--advantages {
      margin-left: 0;
    }
  }
  
  .link--delivery {
    width: 190px;
  }
  
  .link--blue .link__text {
    color: #0059af;
    font-size: 18px;
    line-height: 21px;
    margin-right: 23px;
    padding-bottom: 3px;
    border-bottom: 1px solid transparent;
  }
  
  @media screen and (max-width: 767px) {
    .link--blue .link__text {
      font-size: 16px;
    }
  }
  
  .link--blue .link__img--blue {
    width: 48px;
    height: 12px;
    position: absolute;
    left: -20px;
  }
  
  .link--blue:hover .link__text {
    border-bottom: 1px solid;
  }
  
  .link--blue:hover .link__img--blue {
    left: 0;
  }
  
  .feedback-form {
    height: auto;
    max-width: 1002px;
    width: 100%;
    margin: auto;
    z-index: 2;
  }
  
  .feedback-form__container {
    padding: 88px 70px 40px 99px;
    position: relative;
    background-color: #fff;
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .feedback-form__container {
      padding: 55px 40px 40px 40px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .feedback-form__container {
      padding: 20px;
      padding-bottom: 30px;
      padding-top: 30px;
    }
  }
  
  .feedback-form__title {
    color: #4A4A4A;
    font-family: "Electra Text Pro", sans-serif;
    font-size: 24px;
    line-height: 23px;
    margin-bottom: 45px;
  }
  
  @media screen and (max-width: 767px) {
    .feedback-form__title {
      font-size: 18px;
      font-weight: bold;
      letter-spacing: 0.8px;
      line-height: 17px;
      margin-bottom: 35px;
    }
  }
  
  .feedback-form__cancel {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 102.23px;
    top: 76.74px;
    cursor: pointer;
  }
  
  @media screen and (max-width: 767px) {
    .feedback-form__cancel {
      top: 24px;
      right: 34px;
      height: 19.05px;
    }
  }
  
  .feedback-form__blocks {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  
  @media screen and (max-width: 767px) {
    .feedback-form__blocks {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
    }
  }
  
  .feedback-form__block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 48%;
    position: relative;
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .feedback-form__block {
      width: 49%;
    }
  }
  
  @media screen and (max-width: 767px) {
    .feedback-form__block {
      width: 100%;
    }
  }
  
  .feedback-form__block--left {
    width: 338px;
    margin-right: 60px;
  }
  
  @media screen and (max-width: 767px) {
    .feedback-form__block--left {
      width: 100%;
    }
  }
  
  .feedback-form__attention {
    color: #4A4A4A;
    font-family: "Electra Text Pro", sans-serif;
    font-size: 12px;
    line-height: 12px;
  }
  
  .feedback-form__checkbox-block {
    position: relative;
  }
  
  .feedback-form__checkbox-block .parsley-errors-list {
    top: 26px;
  }
  
  @media screen and (max-width: 767px) {
    .feedback-form__checkbox-block .parsley-errors-list {
      top: 40px;
    }
  }
  
  .feedback-form__checkbox__text {
    font-family: "Elektra Text Pro";
    font-size: 12px;
    line-height: 12px;
    color: #4A4A4A;
  }
  
  @media screen and (max-width: 767px) {
    .feedback-form__checkbox__text {
      font-size: 14px;
      line-height: 22px;
      padding-left: 6px;
    }
  }
  
  .feedback-form__checkbox__link {
    color: #0a63bc;
    font-family: "Elektra Text Pro";
    font-size: 12px;
    line-height: 14px;
    border-bottom: 1px solid;
  }
  
  @media screen and (max-width: 767px) {
    .feedback-form__checkbox__link {
      font-size: 14px;
      line-height: 22px;
    }
  }
  
  .feedback-form__textarea {
    height: 35px !important;
  }
  .needs-validation textarea {
    height: 155px !important;
    border: #0059af 1px solid;
    padding: 5p 0;
  }
  .group {
    position: relative;
    margin: 0 0 60px 0;
  }
  
  @media screen and (max-width: 767px) {
    .group {
      margin: 0 0 45px 0;
    }
  }
  
  .group--textarea {
    margin-bottom: 98px;
  }
  
  @media screen and (max-width: 767px) {
    .group--textarea {
      margin-bottom: 60px;
    }
  }
  
  .group--checkbox {
    margin: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 20px;
    height: 40px;
  }
  
  @media screen and (max-width: 767px) {
    .group--checkbox {
      margin-bottom: 32px;
    }
  }
  
  textarea,
  input {
    background: none;
    font-size: 18px;
    line-height: 18px;
    font-family: "Electra Text Pro", sans-serif;
    padding: 18px 10px 15px 0;
    display: block;
    width: 100%;
    border: none;
    -webkit-border-radius: 0;
            border-radius: 0;
    border-bottom: 2px solid rgba(155, 155, 155, 0.3);
    opacity: 0.9;
  }
  
  textarea:invalid,
  input:invalid {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  
  textarea:focus:not(:focus-visible),
  input:focus:not(:focus-visible) {
    outline: none;
  }
  
  textarea:focus ~ .field,
  textarea.fell ~ .field,
  input:focus ~ .field,
  input.fell ~ .field {
    top: -24px;
    font-size: 12px;
    color: #4A4A4A;
  }
  
  textarea:focus ~ .bar:before,
  input:focus ~ .bar:before {
    width: 100%;
  }
  
  @media screen and (max-width: 767px) {
    textarea,
    input {
      width: 100%;
    }
  }
  
  .field {
    position: absolute;
    pointer-events: none;
    left: 0;
    top: -14px;
    -webkit-transition: 0.3s ease all;
    -o-transition: 0.3s ease all;
    transition: 0.3s ease all;
    opacity: 0.8;
    color: #9B9B9B;
    font-family: "Electra Text Pro", sans-serif;
    font-size: 14px;
    line-height: 20px;
    margin-top: 24px;
  }
  
  .bar {
    position: relative;
    display: block;
    width: 100%;
  }
  
  .bar:before {
    content: '';
    height: 1px;
    width: 0;
    bottom: 0;
    position: absolute;
    background: #4a4a4a;
    -webkit-transition: 0.3s ease all;
    -o-transition: 0.3s ease all;
    transition: 0.3s ease all;
    left: 0;
  }
  
  @media screen and (max-width: 767px) {
    .bar {
      width: 100%;
    }
  }
  
  textarea {
    resize: none;
    height: 61px !important;
    margin-top: 20px;
    padding: 0 !important;
  }
  
  input[type='email'].fell ~ .field {
    top: -24px;
    font-size: 12px;
    color: #4A4A4A;
  }
  
  textarea.empty ~ .field {
    opacity: 0.8;
    color: #9B9B9B;
    font-size: 14px;
    top: 0;
  }
  
  textarea:focus ~ .field {
    top: -24px;
    font-size: 12px;
    color: #4A4A4A;
  }
  
  input.empty ~ .field {
    opacity: 0.8;
    color: #9B9B9B;
    font-size: 14px;
  }
  
  input:focus ~ .field {
    font-size: 12px;
    color: #4A4A4A;
  }
  
  .btn-box {
    margin-bottom: 18px;
  }
  
  input[type="checkbox"] {
    width: 20px;
    height: 20px;
    margin-right: 10px;
  }
  
  @media screen and (max-width: 767px) {
    input[type="checkbox"] {
      height: 26px;
      width: 26px;
      margin-right: 18px;
    }
  }
  
  input[type="checkbox"] {
    display: none;
  }
  
 .needs-validation input[type="checkbox"] {
    display: block;
    text-align: left;
    float: left;
}

  .checkbox-label {
    padding-left: 10px;
  }
  
  @media screen and (max-width: 767px) {
    .checkbox-label {
      padding-left: 28px;
      width: 80%;
    }
  }
  
  .checkbox-label::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-left: -10px;
    border: 1px solid #0A5BAC;
  }
  
  @media screen and (max-width: 767px) {
    .checkbox-label::before {
      margin-left: -30px;
    }
  }
  
  input[type="radio"]:checked + .checkbox-label::before,
  input[type="checkbox"]:checked + .checkbox-label::before {
    content: '';
    -webkit-background-size: 100% 100%;
            background-size: 100%;
    background-image: url(/local/templates/main/assets/assets/../img/over.svg);
    background-repeat: no-repeat;
    background-position: center;
  }
  
  /*
  .parsley-errors-list {
      margin: 2px 0 3px;
      padding: 0;
      list-style-type: none;
      font-size: 0.9em;
      line-height: 0.9em;
      opacity: 0;
      position: absolute;
      margin-top: 5px;
      transition: all .3s ease-in;
  }
  
  .parsley-errors-list.filled {
      opacity: 1;
  }
  
  .parsley-type {
      font-size: 12px;
      font-weight: 300;
      font-family: $font-elektra-text-pro;
  }
  
  .parsley-required {
      font-family: $font-elektra-text-pro;
  }
  
  
   */
  .overflow {
    overflow: hidden;
    /*   position: fixed; */
    width: 100%;
  }
  
  .overlay {
    display: none;
    pointer-events: none;
  }
  
  .overlay > * {
    pointer-events: auto;
  }
  
  .mfp-close {
    display: none !important;
  }
  
  .mfp-bg {
    opacity: 1;
    background-color: rgba(0, 0, 0, 0.5);
  }
  
  .mfp-wrap .mfp-container {
    padding: 0;
  }
  
  .mfp-content .overlay {
    display: block;
  }
  
  .order-form__blocks {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  
  @media screen and (max-width: 767px) {
    .order-form__blocks {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
    }
  }
  
  .order-form__block {
    width: 48%;
  }
  
  @media screen and (max-width: 767px) {
    .order-form__block {
      width: 100%;
    }
  }
  
  .order-group--number {
    width: 100px;
    position: relative;
  }
  
  .order-group--number:after {
    content: "\442\43E\43D\43D";
    position: absolute;
    right: -39px;
    top: 8px;
  }
  
  .order-group {
    position: relative;
    margin-bottom: 40px;
  }
  
  .btn--indent {
    margin-right: 20px;
  }
  
  @media screen and (max-width: 767px) {
    .btn--indent {
      margin-bottom: 20px;
      margin-right: 0;
    }
  }
  
  /* 
  *{
      outline: 1px solid;
  } */
  .order-textarea {
    height: 50px !important;
    padding-top: 18px !important;
  }
  
  .btn {
    background: #fff;
    border: 1px solid #005AB4;
    padding: 20px 20px;
    letter-spacing: 0.06em;
    text-decoration: none;
    outline: none;
    width: 280px;
    height: 60px;
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    -o-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    color: #4A4A4A;
    font-family: "Electra Text Pro", sans-serif;
    font-size: 18px;
    line-height: 17px;
    text-align: center;
  }
  
  .btn:hover {
    background: #005AB4;
    color: #fff;
  }
  
  .btn--contacts {
    background: #F0F0F0;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .btn--contacts {
      margin-bottom: 30px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .btn--contacts {
      margin-right: 80px;
      float: right;
    }
  }
  
  @media screen and (max-width: 767px) {
    .btn--contacts {
      width: 267px;
      margin: 0 8.44%;
    }
  }
  
  .btn--gray {
    background-color: #f0f0f0;
    border: none;
  }
  
  .btn--gray:hover {
    background-color: #0059af;
    color: #fff;
  }
  
  .menu {
    background-color: #fff;
    width: 100%;
    position: absolute;
    /*  top: -240px; */
    z-index: 3;
    -webkit-transition: top 0.2s ease;
    -o-transition: top 0.2s ease;
    transition: top 0.2s ease;
    visibility: hidden;
    margin: 0 auto;
  }
  
  @media screen and (max-width: 767px) {
    .menu {
      height: 100%;
    }
  }
  
  .menu.active {
    height: 240px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  
  .menu.visible {
    /* top: 0; */
    visibility: visible;
  }
  
  .menu-nav {
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-width: 770px;
    padding: 73px 35px 0 216px;
  }
  
  @media screen and (min-width: 1400px) {
    .menu-nav {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
         -moz-box-orient: horizontal;
         -moz-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      max-width: 1440px;
      padding: 73px 105px 0 216px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .menu-nav {
      padding: 210px 115px 0 130px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .menu-nav {
      padding-left: 54px;
      padding-top: 150px;
    }
  }
  
  .menu-nav__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
  }
  
  @media screen and (max-width: 767px) {
    .menu-nav__list {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .menu-nav__list {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
    }
  }
  
  @media screen and (min-width: 1400px) {
    .menu-nav__list {
      width: 48%;
    }
  }
  
  .menu-nav__list--last {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin-top: 15px;
  }
  
  @media screen and (min-width: 1400px) {
    .menu-nav__list--last {
      margin-top: 0;
    }
  }
  
  @media screen and (max-width: 767px) {
    .menu-nav__list--last {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      margin-top: 0;
    }
  }
  
  .menu-nav__list--last li {
    width: 45%;
    z-index: 1;
  }
  
  @media screen and (max-width: 767px) {
    .menu-nav__list--last li {
      width: 100%;
    }
  }
  
  .menu-nav__list--last .menu-nav__second ul {
    width: 100%;
  }
  
  .menu-nav__list--last .menu-nav__second ul li {
    width: 100%;
  }
  
  .menu-nav__item {
    margin-right: 15px;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .menu-nav__item {
      margin: 0;
      margin-bottom: 30px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .menu-nav__item {
      margin: 0;
      margin-bottom: 10px;
    }
  }
  
  .menu-nav__item:last-of-type {
    margin-bottom: 0;
  }
  
  .menu-nav__item .head-nav-v2__link {
    border-bottom: 2px solid #DEDEDE;
    margin-bottom: 47px;
  }
  
  .menu-nav__item .head-nav-v2__link--active:after {
    -webkit-transform: rotate(-45deg) !important;
        -ms-transform: rotate(-45deg) !important;
            transform: rotate(-45deg) !important;
    top: 5px !important;
  }
  
  @media screen and (max-width: 767px) {
    .menu-nav__item .head-nav-v2__link {
      margin-bottom: 10px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .menu-nav__item .head-nav-v2__link {
      position: relative;
      border-bottom: none;
      width: -webkit-max-content;
      width: -moz-max-content;
      width: max-content;
    }
    .menu-nav__item .head-nav-v2__link:not(.head-nav-v2__link--single) .head-nav-v2__link-arrow {
      content: '';
      position: absolute;
      right: -40px;
      top: -9px;
      width: 7px;
      height: 7px;
      border-top: 2px solid #4A4A4A;
      border-right: 2px solid #4A4A4A;
      -webkit-transform: rotate(135deg);
          -ms-transform: rotate(135deg);
              transform: rotate(135deg);
      margin: 10px;
    }
  }
  
  .menu-nav__item--only .head-nav-v2__link {
    margin-bottom: 60px;
  }
  
  @media screen and (min-width: 1400px) {
    .menu-nav__item--only .head-nav-v2__link {
      margin-bottom: 0;
    }
  }
  
  @media screen and (max-width: 767px) {
    .menu-nav__item--only .head-nav-v2__link {
      margin-bottom: 10px;
    }
    .menu-nav__item--only .head-nav-v2__link::after {
      display: none;
    }
  }
  
  .menu-nav__link {
    color: #4A4A4A;
    font-family: "Myriad Pro";
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 18px;
    text-transform: uppercase;
    border-bottom: 1px solid #DEDEDE;
  }
  
  .menu-nav__second {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  
  @media screen and (max-width: 767px) {
    .menu-nav__second {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      display: none;
    }
    .menu-nav__second--active {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
    }
  }
  
  .menu-nav__second ul li {
    margin-bottom: 25px;
  }
  
  .menu-nav__second ul li a {
    text-decoration: none;
    color: #4A4A4A;
    font-family: "Myriad Pro";
    font-size: 14px;
  }
  
  .menu-nav__second ul li a:hover {
    color: #0059af;
  }
  
  .menu-nav__second-list-last {
    margin-right: 35px;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .menu-nav__second-list-last {
      margin-right: 17px;
    }
  }
  
  @media screen and (min-width: 1400px) {
    .menu-info {
      display: none;
    }
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .menu-info {
      display: none;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .menu-info {
      display: none;
    }
  }
  
  @media screen and (max-width: 767px) {
    .menu-info {
      display: inherit;
      width: 100%;
      padding: 54px;
      color: #4A4A4A;
      font-family: "Myriad Pro";
      font-weight: 600;
      line-height: 23px;
    }
  }
  
  .menu-info__text {
    margin-bottom: 20px;
  }
  
  .menu-info__link {
    color: #4A4A4A;
  }
  
  .menu__language {
    display: none;
    position: absolute;
    right: 32px;
    top: 90px;
    text-transform: uppercase;
    color: currentColor;
    font-size: 12px;
  }
  
  @media screen and (max-width: 767px) {
    .menu__language {
      display: block;
    }
  }
  
  .menu__lk {
    display: none;
    position: absolute;
    right: 70px;
    top: 53px;
    text-transform: uppercase;
    color: currentColor;
    font-size: 14px;
  }
  
  @media screen and (max-width: 767px) {
    .menu__lk {
      display: block;
    }
  }
  
  .show {
    z-index: 2;
  }
  
  .show .logo__slogan {
    color: #4A4A4A;
  }
  
  .show .logo__slogan--none {
    display: none;
  }
  
  @media screen and (max-width: 767px) {
    .show .logo__slogan--none {
      display: block;
    }
  }
  
  .page-search {
    background-color: #0A5BAC;
  }
  
  .page-search .head .header-search {
    display: none;
  }
  
  /* Slider */
  .slick-slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
  }
  
  .slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
  }
  
  .slick-list:focus:not(:focus-visible) {
    outline: none;
  }
  
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand;
  }
  
  .slick-slider .slick-track,
  .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  
  .slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  
  .slick-track:before, .slick-track:after {
    content: "";
    display: table;
  }
  
  .slick-track:after {
    clear: both;
  }
  
  .slick-loading .slick-track {
    visibility: hidden;
  }
  
  .slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
  }
  
  [dir="rtl"] .slick-slide {
    float: right;
  }
  
  .slick-slide img {
    display: block;
  }
  
  .slick-slide.slick-loading img {
    display: none;
  }
  
  .slick-slide.dragging img {
    pointer-events: none;
  }
  
  .slick-initialized .slick-slide {
    display: block;
  }
  
  .slick-loading .slick-slide {
    visibility: hidden;
  }
  
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
  }
  
  .slick-arrow.slick-hidden {
    display: none;
  }
  
  .slick-dots {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0;
    padding: 30px 0;
    list-style-type: none;
  }
  
  .slick-dots li {
    margin: 0 8.5px;
  }
  
  .slick-dots button {
    display: block;
    width: 10px;
    height: 10px;
    padding: 0;
    border: none;
    -webkit-border-radius: 100%;
            border-radius: 100%;
    background-color: #DEDEDE;
    text-indent: -9999px;
  }
  
  .slick-dots li.slick-active button {
    background-color: #0A5BAC;
  }
  
  .not-found {
    position: relative;
    height: 100vh;
    margin: 0 auto;
    min-height: 768px;
    background-color: #F0F0F0;
    overflow: hidden;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .not-found {
      height: 100vh;
      min-height: 100vh;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .not-found {
      height: 100vh;
    }
  }
  
  @media screen and (max-width: 767px) {
    .not-found {
      min-height: 500px;
      height: 100vh;
    }
  }
  
  .not-found__inscription {
    position: absolute;
    color: #005AB4;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 872px;
    height: 345px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    z-index: 1;
    text-align: center;
    margin-top: 46px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .not-found__inscription {
      height: auto;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .not-found__inscription {
      font-size: 200px;
      width: 100%;
      height: auto;
    }
  }
  
  @media screen and (max-width: 767px) {
    .not-found__inscription {
      font-size: 120px;
      width: 100%;
      height: auto;
    }
  }
  
  .not-found__inscription3 {
    position: absolute;
    color: #005AB4;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 872px;
    height: 345px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    z-index: 3;
    /*  clip-path: inset(0% 50% 0% 0%); */
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    padding-left: 126px;
    margin-top: 46px;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .not-found__inscription3 {
      display: none;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .not-found__inscription3 {
      display: none;
    }
  }
  
  @media screen and (max-width: 767px) {
    .not-found__inscription3 {
      display: none;
    }
  }
  
  .tube__1 {
    position: absolute;
    right: 10px;
    bottom: -392px;
    background: url(/local/templates/main/assets/assets/../img/tube/01.png);
    -webkit-background-size: 100% 100%;
            background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 818px;
    height: 724px;
    -webkit-transition: all 0.6s linear;
    -o-transition: all 0.6s linear;
    transition: all 0.6s linear;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .tube__1 {
      width: 373.5px;
      height: 382.5px;
      bottom: -62px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .tube__1 {
      width: 249px;
      height: 255px;
      bottom: -45px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .tube__1 {
      width: 186px;
      height: 191px;
      bottom: -31px;
      right: -10px;
    }
  }
  
  .tube__2 {
    position: absolute;
    left: 100px;
    bottom: 30px;
    background: url(/local/templates/main/assets/assets/../img/tube/02.png);
    -webkit-background-size: 100% 100%;
            background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 219px;
    width: 332px;
    -webkit-transition: all 0.6s linear;
    -o-transition: all 0.6s linear;
    transition: all 0.6s linear;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .tube__2 {
      height: 109.5px;
      width: 166px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .tube__2 {
      height: 73px;
      width: 110px;
      bottom: 330px;
      left: 125px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .tube__2 {
      height: 54.75px;
      width: 83px;
      left: 24px;
      bottom: 200px;
    }
  }
  
  .tube__3 {
    position: absolute;
    left: 836px;
    top: 124px;
    background: url(/local/templates/main/assets/assets/../img/tube/03.png);
    -webkit-background-size: 100% 100%;
            background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 160px;
    width: 294px;
    -webkit-transition: all 0.6s linear;
    -o-transition: all 0.6s linear;
    transition: all 0.6s linear;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .tube__3 {
      height: 80px;
      width: 147px;
      right: 265px;
      top: 150px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .tube__3 {
      height: 53.3px;
      width: 98px;
      right: 150px;
      top: 300px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .tube__3 {
      height: 40px;
      width: 73.5px;
      right: 61px;
      top: 180px;
    }
  }
  
  .tube__4 {
    position: absolute;
    left: 96px;
    top: 172px;
    background: url(/local/templates/main/assets/assets/../img/tube/04.png);
    -webkit-background-size: 100% 100%;
            background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 219px;
    width: 249px;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .tube__4 {
      height: 109.5px;
      width: 124.5px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .tube__4 {
      height: 73px;
      width: 83px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .tube__4 {
      height: 54.75px;
      width: 62.25px;
      left: 33px;
      top: 36%;
    }
  }
  
  .tube__5 {
    position: absolute;
    left: -92px;
    bottom: -47px;
    background: url(/local/templates/main/assets/assets/../img/tube/05.png);
    -webkit-background-size: 100% 100%;
            background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 137px;
    width: 246px;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .tube__5 {
      height: 68.5px;
      width: 123px;
      left: -24px;
      bottom: -17px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .tube__5 {
      height: 45.6px;
      width: 82px;
      left: -13px;
      bottom: -9px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .tube__5 {
      height: 45.6px;
      width: 61px;
      left: -16px;
      bottom: -11px;
    }
  }
  
  .tube__6 {
    position: absolute;
    left: 35.76%;
    top: 10px;
    background: url(/local/templates/main/assets/assets/../img/tube/06.png);
    -webkit-background-size: 100% 100%;
            background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 190px;
    width: 187px;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .tube__6 {
      height: 80px;
      width: 93.5px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .tube__6 {
      height: 63.3px;
      width: 62.3px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .tube__6 {
      height: 47.5px;
      width: 46.75px;
    }
  }
  
  .tube__7 {
    position: absolute;
    right: -52px;
    bottom: -100px;
    background: url(/local/templates/main/assets/assets/../img/tube/07.png);
    -webkit-background-size: 100% 100%;
            background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 207px;
    width: 229px;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .tube__7 {
      height: 103.5px;
      width: 114.5px;
      right: 20px;
      bottom: -40px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .tube__7 {
      height: 69px;
      width: 76.3px;
      right: -15px;
      bottom: -15px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .tube__7 {
      height: 51.75px;
      width: 57.24px;
      right: -20px;
      bottom: -21px;
    }
  }
  
  .tube__8 {
    position: absolute;
    right: 10px;
    top: 210px;
    background: url(/local/templates/main/assets/assets/../img/tube/08.png);
    -webkit-background-size: 100% 100%;
            background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 143px;
    width: 136px;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .tube__8 {
      height: 71.5px;
      width: 68px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .tube__8 {
      height: 47.6px;
      width: 45.3px;
      top: 410px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .tube__8 {
      height: 35.75px;
      width: 34px;
    }
  }
  
  .tube__9 {
    position: absolute;
    left: 39%;
    top: 44.71%;
    background: url(/local/templates/main/assets/assets/../img/tube/09.png);
    -webkit-background-size: 100% 100%;
            background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 174px;
    width: 308px;
    z-index: 2;
    left: 32%;
    top: 28.71%;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .tube__9 {
      display: none;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .tube__9 {
      display: none;
    }
  }
  
  @media screen and (max-width: 767px) {
    .tube__9 {
      display: none;
    }
  }
  
  .head--absolute {
    position: absolute;
  }
  
  .go-main {
    position: absolute;
    bottom: 76px;
    right: 0;
    left: 0;
    margin: auto;
    width: 400px;
    z-index: 1;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .go-main {
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      width: 80%;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .go-main {
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      width: 80%;
    }
  }
  
  @media screen and (max-width: 767px) {
    .go-main {
      width: 80%;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
    }
  }
  
  .go-main__link {
    color: #4A4A4A;
    font-size: 32px;
    line-height: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .go-main__link {
      font-size: 28px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .go-main__link {
      font-size: 26px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .go-main__link {
      font-size: 18px;
    }
  }
  
  .go-main__text {
    margin-right: 22px;
  }
  
  .go-main__arrow {
    height: 30px;
    top: 0;
    color: #000;
  }
  
  .sas__img {
    width: 291px;
    height: 344px;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .sas__img {
      width: 116.4px;
      height: 137.6px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .sas__img {
      width: 116.4px;
      height: 137.6px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .sas__img {
      width: 70px;
      height: 80px;
    }
  }
  
  .authorization {
    margin: 0 auto;
    max-width: 1220px;
    padding-bottom: 113px;
    padding-top: 216px;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .authorization {
      width: 100%;
      padding-left: 83px;
      padding-top: 88px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .authorization {
      padding-top: 55px;
      padding-left: 59px;
      padding-right: 57px;
      width: 100%;
    }
  }
  
  @media screen and (max-width: 767px) {
    .authorization {
      padding-bottom: 76px;
      padding-left: 27px;
      padding-right: 27px;
      padding-top: 48px;
      width: 100%;
    }
  }
  
  .authorization__title {
    color: #4a4a4a;
    margin-bottom: 70px;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .authorization__title {
      margin-bottom: 68px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .authorization__title {
      margin-bottom: 97px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .authorization__title {
      margin-bottom: 59px;
    }
  }
  
  .authorization-form {
    padding-left: 98px;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .authorization-form {
      padding-left: 0;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .authorization-form {
      padding-left: 0;
    }
  }
  
  @media screen and (max-width: 767px) {
    .authorization-form {
      padding-left: 0;
    }
  }
  
  .authorization-form__group {
    position: relative;
    margin-bottom: 24px;
    max-width: 542px;
  }
  
  .authorization-form__group--indent {
    margin-bottom: 70px;
  }
  
  @media screen and (max-width: 767px) {
    .authorization-form__group--indent {
      margin-bottom: 47px;
    }
  }
  
  .authorization-form__notification {
    color: #0059af;
    font-family: "Electra Text Pro";
    font-size: 14px;
    margin-bottom: 80px;
    display: block;
  }
  
  @media screen and (max-width: 767px) {
    .authorization-form__notification {
      margin-bottom: 55px;
    }
  }
  
  .authorization-form__buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  
  @media screen and (max-width: 767px) {
    .authorization-form__buttons {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
    }
  }
  
  .authorization-form__button {
    margin-right: 100px;
    cursor: pointer;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .authorization-form__button {
      margin-right: 26px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .authorization-form__button {
      margin-right: 29px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .authorization-form__button {
      margin-right: 0;
      margin-bottom: 32px;
      width: 100%;
      max-width: 542px;
    }
  }
  
  .authorization-form__link {
    color: #0059af;
    font-size: 18px;
    line-height: 21px;
  }
  
  .certificate-verification {
    padding-top: 50px;
  }
  
  .certificate-verification-wrapper {
    margin: 0 auto 0 auto;
    max-width: 1220px;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .certificate-verification-wrapper {
      padding-left: 83px;
    }
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .certificate-verification {
      width: 100%;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .certificate-verification {
      width: 100%;
      padding-top: 62px;
      padding-left: 0;
    }
    .certificate-verification-wrapper {
      padding-left: 61px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .certificate-verification {
      padding-right: 27px;
      padding-top: 220px;
      padding-left: 0;
    }
    .certificate-verification-wrapper {
      padding-left: 27px;
    }
  }
  
  .certificate-verification__title {
    margin-bottom: 92px;
    color: #4a4a4a;
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .certificate-verification__title {
      margin-bottom: 112px;
    }
  }
  
  .certificate-verification-input {
    width: 270px;
    padding-right: 20px;
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .certificate-verification-input {
      width: 384px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .certificate-verification-input {
      width: 100%;
    }
  }
  
  .certificate-verification-input--long, .certificate-verification-input--longest {
    width: 389px;
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .certificate-verification-input--long, .certificate-verification-input--longest {
      width: 384px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .certificate-verification-input--long, .certificate-verification-input--longest {
      width: 100%;
    }
  }
  
  .certificate-verification-input--longest {
    width: 446px;
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .certificate-verification-input--longest {
      width: 384px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .certificate-verification-input--longest {
      width: 100%;
    }
  }
  
  .certificate-verification-form {
    padding-left: 220px;
    padding-bottom: 88px;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .certificate-verification-form {
      padding-left: 89px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .certificate-verification-form {
      padding-left: 131px;
      padding-bottom: 112px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .certificate-verification-form {
      padding-left: 0;
    }
  }
  
  .certificate-verification-form__inputs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 54px;
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .certificate-verification-form__inputs {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      margin-bottom: 0;
    }
  }
  
  @media screen and (max-width: 767px) {
    .certificate-verification-form__inputs {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
    }
  }
  
  .certificate-verification-form__group {
    position: relative;
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .certificate-verification-form__group {
      margin-bottom: 69px;
      width: 384px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .certificate-verification-form__group {
      margin-bottom: 60px;
    }
  }
  
  .certificate-verification-form__group--indent {
    margin-right: 62px;
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .certificate-verification-form__group--indent {
      margin-right: 0;
    }
  }
  
  @media screen and (max-width: 767px) {
    .certificate-verification-form__group--indent {
      margin-right: 0;
    }
  }
  
  .certificate-verification-form__button {
    cursor: pointer;
    width: 300px;
    height: 66px;
  }
  
  @media screen and (max-width: 767px) {
    .certificate-verification-form__button {
      width: 100%;
    }
  }
  
  .certificate-verification-form__icon {
    position: absolute;
    top: 0;
    right: 1px;
  }
  
  .certificate-verification-form__icon_search {
    top: 11px;
    width: 22px;
    height: 22px;
  }
  
  .certificate-verification-form__icon_calendar {
    top: 11px;
    width: 24px;
    height: 21px;
  }
  
  .certificate-verification-list {
    background-color: #f0f0f0;
    width: 100%;
    margin-top: 227px;
  }
  
  .certificate-verification-list__container {
    max-width: 1220px;
    margin: -227px auto 0 auto;
    height: 227px;
    padding-top: 80px;
    padding-left: 198px;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .certificate-verification-list__container {
      padding-left: 173px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .certificate-verification-list__container {
      padding-left: 193px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .certificate-verification-list__container {
      padding-left: 27px;
    }
  }
  
  /*
  .test-wrapper {
  
  
      @include at-4k {
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          height: 100vh;
      }
  }
   */
  .registration {
    margin: 0 auto;
    max-width: 1220px;
    padding-top: 320px;
    padding-bottom: 111px;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .registration {
      width: 100%;
      padding-left: 85px;
      padding-right: 74px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .registration {
      width: 100%;
      padding-left: 61px;
      padding-right: 67px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .registration {
      padding: 220px 27px 80px 27px;
    }
  }
  
  .registration__title {
    color: #4a4a4a;
    margin-bottom: 60px;
  }
  
  .registration__blocks {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 99px;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .registration__blocks {
      padding-left: 0;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .registration__blocks {
      padding-left: 0;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
    }
  }
  
  @media screen and (max-width: 767px) {
    .registration__blocks {
      padding-left: 0;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
    }
  }
  
  .registration__block--first {
    margin-right: 156px;
    max-width: 543px;
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .registration__block--first {
      margin-right: 70px;
      max-width: 443px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .registration__block--first {
      margin-right: 0;
      margin-bottom: 111px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .registration__block--first {
      margin-right: 0;
      margin-bottom: 44px;
    }
  }
  
  .registration__block--second {
    width: 398px;
  }
  
  @media screen and (max-width: 767px) {
    .registration__block--second {
      width: 100%;
    }
  }
  
  .registration-tabs__container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-bottom: 2px solid #f0f0f0;
    margin-bottom: 50px;
    margin-top: 75px;
  }
  
  @media screen and (max-width: 767px) {
    .registration-tabs__container {
      overflow-x: scroll;
    }
  }
  
  .registration-tabs__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 28px;
  }
  
  .registration-tabs__item {
    white-space: nowrap;
    padding-bottom: 2px;
  }
  
  .registration-info__title {
    color: #4a4a4a;
    font-family: "Electra Text Pro";
    margin-bottom: 32px;
  }
  
  @media screen and (max-width: 767px) {
    .registration-info__title {
      margin-bottom: 24px;
    }
  }
  
  .registration-info__text {
    color: #4a4a4a;
    font-family: "Electra Text Pro";
    font-size: 18px;
    line-height: 26px;
  }
  
  @media screen and (max-width: 767px) {
    .registration-info__text {
      font-size: 14px;
      line-height: 20px;
    }
  }
  
  .registration-info__icon {
    width: 90px;
    height: 90px;
    margin-bottom: 32px;
  }
  
  @media screen and (max-width: 767px) {
    .registration-info__icon {
      width: 60px;
      height: 60px;
    }
  }
  
  .registration-form__group {
    position: relative;
    margin-bottom: 48px;
  }
  
  .registration-form__group--small {
    width: 45%;
  }
  
  @media screen and (max-width: 767px) {
    .registration-form__group--small {
      width: 100%;
    }
  }
  
  .registration-form__group.group--checkbox {
    margin-bottom: 20px;
  }
  
  .registration-form__buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 24px;
    position: relative;
  }
  
  @media screen and (max-width: 767px) {
    .registration-form__buttons {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
    }
  }
  
  .registration-form__button {
    margin-right: 38px;
    width: 350px;
  }
  
  @media screen and (max-width: 767px) {
    .registration-form__button {
      margin-right: 0;
      margin-bottom: 60px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .registration-form__attention {
      position: relative;
      top: -93px;
    }
  }
  
  .registration-form__link .link__block {
    width: 28px;
  }
  
  .catalog-tabs__item input {
    display: none;
  }

  
/* Кнопка выпадающего списка */
.dropbtn {
    background-color: transparent;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
  }

  /* Контейнер <div> - необходим для размещения выпадающего содержимого */
  .head-v2__inner .dropdown {
    position: relative;
    display: inline-block;
    left: -124px;
    top: 27px;
  }

  .dropdown b{
    float: left;
    padding: 16px;
    color: #0A5BAC;
    margin-left: 50px;
}
.dropdown-filter {
  border-top: 1px solid #cfcfcf;
}

  /* Выпадающее содержимое (скрыто по умолчанию) */
  .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 360px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 100;
  }
  
  /* Ссылки внутри выпадающего списка */
  .dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
  }
  
  /* Изменение цвета выпадающих ссылок при наведении курсора */
  .dropdown-content a:hover {background-color: #ddd;}
  
  /* Показать выпадающее меню при наведении курсора */
  .dropdown:hover .dropdown-content {display: block;}
  
  /* Изменение цвета фона кнопки раскрывающегося списка при отображении содержимого раскрывающегося списка */
  .dropdown:hover .dropbtn {background-color: transparent;}
  
  
/* End */


/* Start:/local/templates/main/assets-prog/dist/style.css?17104084491800*/
div[id*=wait_]{font-family:Verdana,Arial,sans-serif;z-index:10000;text-align:center;position:fixed!important;display:flex!important;background-image:none!important;background-color:hsla(0,0%,100%,.99)!important;border:1px solid rgba(19,93,169,.5)!important;box-shadow:0 3px 20px -3px rgba(0,0,0,.2);color:#135da9!important;top:12px!important;right:12px!important;font-size:13px!important;left:auto!important;border-radius:21px;padding:0 20px 0 46px!important;flex-direction:column;align-items:center;justify-content:center;height:42px}div[id*=wait_],div[id*=wait_] *{box-sizing:border-box}div[id*=wait_]:after,div[id*=wait_]:before{content:"";display:block;height:36px;width:36px;position:absolute;top:2px;left:2px;border:3px solid #135da9;box-sizing:border-box;border-radius:18px;-webkit-animation:bxWaiterAnimation 2s cubic-bezier(0,.2,.8,1) infinite;animation:bxWaiterAnimation 2s cubic-bezier(0,.2,.8,1) infinite}div[id*=wait_]:after{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes bxWaiterAnimation{0%{-webkit-transform:scale(.2) translateZ(0);transform:scale(.2) translateZ(0);opacity:1}to{-webkit-transform:scale(1) translateZ(0);transform:scale(1) translateZ(0);opacity:0}}@keyframes bxWaiterAnimation{0%{-webkit-transform:scale(.2) translateZ(0);transform:scale(.2) translateZ(0);opacity:1}to{-webkit-transform:scale(1) translateZ(0);transform:scale(1) translateZ(0);opacity:0}}[data-ajax-smart-filter] fieldset:before{transition:all .2s}[data-ajax-smart-filter] fieldset[disabled]{pointer-events:none;cursor:default}[data-ajax-smart-filter] fieldset[disabled]:before{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;opacity:.5;background-color:#fff;z-index:1000}.adm-workarea textarea{resize:vertical;height:unset;margin:0;padding:.4rem!important}
/* End */


/* Start:/local/templates/main/styles.css?176657143231378*/
/* Глобальные исправления для модальных окон Bootstrap */
body.modal-open {
    overflow: auto !important;
}

.modal {
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

.modal-backdrop {
    background-color: rgba(0, 0, 0, 0.5) !important;
}

/* Исправление для side-panel чтобы не конфликтовал с модальными окнами */
.side-panel {
    z-index: 999 !important;
}

/* Остальные стили остаются без изменений... */
.doc {
    position: relative;
    width: 50px;
    height: 65px;
    padding: 1em 1.5em;
    border-left: 1px solid #a60c08;
    border-bottom: 1px solid #a60c08;
    display: block;
    padding-top: 20px;
}
.doc:before {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    border-width: 0 14px 14px 0;
    border-style: solid;
    border-color: #fff #fff #a60c08 #a60c08;
    background: #a60c08;
    display: block;
    width: 0;
}
.doc span {
    margin-left: -30px;
    background-color: #a60c08;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    padding: 3px;
    border-radius: 2px;
    letter-spacing: 2px;
}
.dow .arrow {
    position: relative;
    left: -12px;
    bottom: -2px;
    width: 12px;
    height: 14px;
    background: #a60c08;
    border-radius: 3px;
}
.dow .arrow:after {
    top: 12px;
    right: -6px;
    border-top-color: #a60c08;
    background-color: #fff;
}
.dow.arrow:before, .arrow:after {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border: 12px solid transparent;
    border-bottom: 0;
}
.doc:after {
    content: "";
    position: absolute;
    top: 14px;
    right: 0px;
    bottom: 0px;
    border-left: 1px solid #a60c08;
}

.doc span:before {
    content: "";
    position: absolute;
    top: 0px;
    right: 14px;
    left: 0px;
    border-top: 1px solid #a60c08;
}
.dow {
	float: left;
}
.dow_text {
    padding-top: 25px;
    margin-left: 60px;
}

.fille_group{
    display: block;
    height: 75px;
}

.contact-tabs__item{
	font-size: 13px;
	line-height: 13px;
    text-align: center;
	letter-spacing: 0px;
}
.contact-tabs_item{
	font-size: 13px;
	line-height: 13px;
    text-align: center;
	letter-spacing: 0px;
    margin-left: 5px;
    cursor: pointer; 
}
.contact-tabs_item.active {
    font-weight: 700;
    border-bottom: 2px solid #054982;
    margin-bottom: -2px;
  }
.contact-tabs__container {
	min-width: 600px;
}
.contact-content {
    padding: 20px 0 55px 30px !important;
   
}

.contact-tabs__container {
    min-width: 90%;
}

.map_contact_index{
  background-color: #fff;
  width: 400px!important;
  height: 550px;
  overflow: auto;
  padding: 20px;
  overflow: scroll;
  scrollbar-color: #054982 #fff;
  scrollbar-width: thin;
      position: absolute;
    top: 100px;
    z-index: 1;
    right: 50px;
}

.menu_map_index{
    color: #054982!important;
    cursor:pointer!important;
}
.center_map_menu{
    margin: auto 62px;
}

.nav li {
  position: relative;
  margin-top: 10px;
}

.sub-menu {
  display: none; 
  position: absolute;

}

.nav li:hover > .sub-menu {
  display: block;
  width: max-content;
  z-index: 2;
  background-color: #054982;
  padding: 0 50px 50px 10px;
  margin-left: -10px;
}
.nav{
    background-color: #054982;
    padding: 2px 20px;
    margin: 15px 5px;
    width: 100%!important;
    color: #fff;
}

.nav-title strong{
margin-left: 80%;
}

.ver_cont_2{
    position: relative;
    z-index: 3;
}
.contact-links {
    z-index: 1;
}
.navbar-collapse {
    align-items: center;
    width: 100%;
    background-color: #f3f3f3;
    padding: 20px;
    border-radius: 10px;
    color: #000;
}

.btn-toggle {
    padding: 10px 0 !important;
    font-weight: 600 !important;
    color: #000 !important;
    background-color: transparent;
    position: relative;
    font-size: 13px;
}
.btn-toggle::before {
    transform: rotate(90deg);
    position: absolute;
    right: -27px;
    top: 5px;
    font-size: 5px;
    width: 12px !important;
}
.btn-toggle[aria-expanded="true"]::before {
    transform: rotate(270deg)!important;
    top: 16px!important;
}
.btn-toggle[aria-expanded="true"] {
    color: rgba(var(--bs-emphasis-color-rgb), .85);
}
.collapse a{
    color: #000!important;
}

.btn-toggle-nav a {
    padding: 8px!important;
    margin-top: 0.125rem;
    margin-left: 0.25rem!important;
}
.list-unstyled a{
    color: #000!important;
    padding: 10px 0;
}
.table_catalog{
    border-radius: 5px;
    
}

.btn-sm {
    background: transparent;
    border: 1px solid #0a4682;
    padding: 15px 10px;
    margin: 5px 5px 5px 0;
    letter-spacing: 0.06em;
    text-decoration: none;
    outline: none;

    width: auto;
    height: 30px;
    height: 30px;
    -webkit-transition: all 0.3s 
cubic-bezier(0.25, 0.8, 0.25, 1);
    -o-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition: all 0.3s 
cubic-bezier(0.25, 0.8, 0.25, 1);
    color: #0a4682;
    font-family: "Electra Text Pro", sans-serif;
    font-size: 11px;
    line-height: 0px;
    text-align: center;
}
.btn-sm:hover{
    color: #fff!important;
}
._container{
    margin-left: auto;
    margin-right: auto;
    /* max-width: 1200px; */
    width: 90%;
}

.title_catalog{
    color: #000!important;
    text-transform: uppercase!important;
    font-weight: 600;
}
.title_catalog_detail{
    margin-top: 30px;
    color: #054982!important;
    font-weight: 600;
    font-size: 25px;
}
.title_catalog_smart{
    position: relative;
    left: -30px;
    top: 6px;
    color: #000!important;
    font-weight: 600;
}

.btn_10{
    background: #054982;
    border: 1px solid #054982;
    color: #FFF!important;
    padding: 10px 10px;
    letter-spacing: 0.06em;
    text-decoration: none;
    outline: none;
    width: 100%;
    height: 37px;
    border-radius: 0.2rem;
    -webkit-transition: all 0.3s 
cubic-bezier(0.25, 0.8, 0.25, 1);
    -o-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition: all 0.3s 
cubic-bezier(0.25, 0.8, 0.25, 1);
    font-family: "Electra Text Pro", sans-serif;
    font-size: 14px;

    text-align: center;
}


.bascet a{
    color: #212529;
}
.btn-link{
    color: #212529;
    margin: 0 auto;
}
.bascet_dell{
    color: #0a4682!important;
}
.top_bascet{
    width: 180px;
    position: relative;
    height: 30px;
}
.top_bascet h3{
    color: #0a4682!important;
    font-weight: 600;
   
}
.top_bascet p{
    top: 10px;
    left: 120px;
    position: absolute;
}
.bascet_right .card{
    padding: 20px;
}
.bascet_right .col-md-12{
    margin-top: 20px;
}
.bascet_right h3{
    color: #0a4682!important;
    font-weight: 600;   
     
}
.bascet_right .btn-light.active, .show > .btn-light.dropdown-toggle {
    color: #FFF;
    background-color: #0a4682;
    border-color: #0a4682;
    font-size: 12px;
    width: 45%;
    
   
}
input[type="number"]::-webkit-inner-spin-button, 
input[type="number"]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 

  background: #f3f3f3;
  color: #212529;
  text-align: center;
}
input[type="number"] {
  -moz-appearance: textfield;
    height: 45px;
  width: 80px;
  background: #f3f3f3;
  color: #212529;
  text-align: center;
}

/* Оформление панели */
#side-checkbox {
    display: none;
}
#side-checkbox_city {
    display: none;
}
.side-panel {
    position: fixed;
    z-index: 999999;
    top: 0;
    right: -580px;
    background: #FFF;
    transition: all 0.5s;   
    width: 450px;
    height: 100vh;
    box-shadow: 10px 0 20px rgba(0,0,0,0.4);
    color: #000;
    overflow-y: scroll;
    overflow-x: hidden;
   
}
.filter_body{
    padding: 40px 20px;
    margin-left: 15px;
    
}
.filter_body hr{
    margin: 15px 0;
}
.side-title {
    font-size: 20px;
    padding-bottom: 10px;
    margin-bottom: 20px;
    background-color: #0a5bac;
    color: #fff;
    width: 100%;
     padding: 40px 20px;
     font-weight: 600;
}
/* Оформление кнопки на странице */
.side-button-1-wr {
    text-align: center; /* Контейнер для кнопки, чтобы было удобнее ее разместить */
}
.side-button-1 {
    display: inline-block;
}
.side-button-1 .side-b {
    margin: 10px;
    text-decoration: none;
    position: relative;
    font-size: 20px;
    line-height: 20px;
    padding: 12px 30px;
    color: #FFF;
    font-weight: bold;
    text-transform: uppercase; 
    font-family: 'Roboto', Тahoma, sans-serif;
    background: #337AB7;
    cursor: pointer; 
    border: 2px solid #BFE2FF;
}
.side-button-1 .side-b:hover,
.side-button-1 .side-b:active,
.side-button-1 .side-b:focus {
    color: #FFF;
}
.side-button-1 .side-b:after,
.side-button-1 .side-b:before {
    position: absolute;
    height: 4px;
    right: 50%;
    bottom: -6px;
    content: "";
    transition: all 280ms ease-in-out;
    width: 0;
}
.side-button-1 .side-open:after,
.side-button-1 .side-open:before {
    background: green;
}
.side-button-1 .side-close:after,
.side-button-1 .side-close:before {
    background: red;
}
.side-button-1 .side-b:before {
    top: -6px;
}
.side-button-1 .side-b:hover:after,
.side-button-1 .side-b:hover:before {
    width: 100%;
    right: 0;
}
/* Переключатели кнопки 1 */
.side-button-1 .side-close {
    display: none;
}
#side-checkbox:checked + .side-panel + .side-button-1-wr .side-button-1 .side-open {
    display: none;
}
#side-checkbox:checked + .side-panel + .side-button-1-wr .side-button-1 .side-close {
    display: block;
}
#side-checkbox:checked + .side-panel {
    right: 0;
}
#side-checkbox_city:checked + .side-panel + .side-button-1-wr .side-button-1 .side-open {
    display: none;
}
#side-checkbox_city:checked + .side-panel + .side-button-1-wr .side-button-1 .side-close {
    display: block;
}
#side-checkbox_city:checked + .side-panel {
    right: 0;
}

/* Оформление кнопки на панели */
.side-button-2 {
font-size: 40px;
    position: absolute;
    z-index: 1;
    top: 35px;
    right: 10px;
    cursor: pointer;
    transform: rotate(45deg);
    color: #000;
    transition: all 280ms ease-in-out;
    background-color: #fff;
    border-radius: 35px;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 20px;
    padding-left: 0;

}
.side-button-2:hover {
    transform: rotate(45deg) scale(1.1);    
    color: #054982;
}
.my-button-1 {
    text-align: center; /* Контейнер для кнопки, чтобы было удобнее ее разместить */
    background: #054982;
    color: #fff;
    height: 35px;
    padding: 10px;
    font-size: 14px;
    margin-top: 5px;
    max-width: 100%;
    float: right;
}
.cat_tabl{
    min-height: 500px;
    margin-top: 20px;
    margin-bottom: 160px;

}
.table {
    font-weight: 600;
    color: #494949!important;
}
.side-panel .btn{
    width: 48%;
    margin: auto;
}
.link-body-emphasis.active{
    background: #d0dce8;
    color: #054982;
    width: 100%;
    font-weight: 600;
    border-bottom: 1px solid #054982!important;
    border-radius: 5px 5px 0 0!important;
}
.btn-toggle-nav span {
    padding: 8px !important;
    margin-top: 0.125rem;
    margin-left: 0 !important;
}
button:focus {
     outline: 0px!important;
     outline: 0px!important;
}
.me-2{
        border-radius: 10px;
        margin-top: 30px;
}
.text_detail_catalog{
        border-radius: 10px;
        margin-top: 20px;
        background-color: #f0f0f0;
        padding: 20px;
}
.text_detail_catalog h4{
    color: #054982;
    font-weight: 600;
}

.renge{
    background: #c0c0c0;
    color: #FFF!important;
    cursor: default;
    border-color: #c0c0c0;
}
.renge:hover{
    background: #c0c0c0;
    color: #FFF!important;
    cursor: default;
    border-color: #c0c0c0;
}
.cena_detail_catalog {
    border-radius: 10px;
    margin-top: 30px;
    background-color: #f0f0f0;
    padding: 20px;
    min-height: 50px;
    height: auto;
    max-height: 200px;
    max-width: 375px;
}
.cena_detail_catalog span{
    color: #0f447c;
    font-size: 23px;
    font-weight: 600;
}
.cena_detail_catalog small{
    color: #000;
    font-size: 14px;
}
.head-v2__inner a:hover{
    color: #FFF!important;
}
.btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle
{
    color: #fff!important;
    background-color: #0f447c!important;
    border-color: #0f447c!important;
}
.active2{
background-color: #0a5bac;
    border-color: #0a5bac;
    color: #fff;
    border-radius: 6px;
    padding: 10px;
    font-size: 11px;
line-height: 20px;
    text-align: center;
    height: 40px;
    width: 100%;
}

.P_BLOCK_CENA {
    background-color: #fff;
    border-color: #fff;
    color: #000;
    border-radius: 6px;
    padding: 10px;
    font-size: 13px;
    width: 100%;
    min-height: 47px;
    padding-top: 16px;
}
.P_BLOCK_CENA i{
    color: #0a5bac;
    font-size: 11px;
}
.filter_body .nav{
    background-color: #fff;
    border-color: #fff;
    color: #000;
    padding: 2px 20px;
    margin: 15px 5px;
    width: 100% !important;
}
.filter_body .nav a{
   color: #000!important;
   font-size: 16px;
   font-weight: 600;
}
.p_tovar_cart h4{
    color: #054982;
    font-weight: 600;
}

.p_tovar{
    border-radius: 10px!important;
    margin: 10px;
    background-color: #f0f0f0;
    min-height: 50px;
    height: auto;
    max-width: 375px;
    
}

.card a{
  color: #000;
  text-align: center;
  
}
.cards-wrapper {
  display: flex;
  justify-content: center;
}

.card {
  margin: 0 0.5em;
  border-color: #f0f0f0;
  padding: 10px;
}
.card img{
  margin: 0.5em;
width: 90%;
}
.carousel-inner {
  padding: 1em;
}
.carousel-control-prev,
.carousel-control-next {
  background-color: #054982;
  color: #FFF;
  width: 5vh;
  height: 5vh;
  border-radius: 50%;
  top: 50%;
}
.cart_sv{
    min-height: 40px;
}
._container{
    color: #000;
}
.catalog_meny{    
    max-width: 300px;
    color: #000!important;
}

.catalog_meny h5{
    font-weight: 600;
    font-size: 16px!important;
}
.fell[type="checkbox"] {
    -webkit-appearance: none;
    appearance: none;
}
input[type="checkbox"]:checked {
 background: url("/local/templates/main/svg/check.svg") no-repeat center;
    width: 15px;
    height: 15px;
}
.fell[type="checkbox"] {
    border-radius: 3px!important;
    background-color: #d9d9d9!important;
    border-color: #d9d9d9!important;
    width: 15px;
    height: 15px;
    display: block;
}
.form-label{
    font-weight: 600;
    color: #494949;
}

.itog_bascet{
    font-weight: 600;
    color: #0a4682;
    font-size: 20px;
    margin-top: 10px;
}
.text-muted {
    color: #6c757d !important;
    font-size: 12px;
}

.location_bascet{
    margin-top: 10px;
    font-size: 12px;
}

.location_bascet span{
    color: #0a4682;
    font-weight: 600;

}
.active_bascet{
    color: #fff!important;
    border-radius: 3px!important;
    background-color: #0a4682!important;
    border-color: #0a4682!important;
    width: 98%;
    margin: auto;
}
.active_bascet:hover{
    color: #d9d9d9!important;
}
.form-check-label{
    font-size: 12px;
}
.badge-warning {
    background-color: #ffc107;
    color: #000;
}

.alert-warning {
    background-color: #fff3cd;
    border: 1px solid #ffeaa7;
    color: #856404;
}

.alert-warning ul {
    margin-top: 5px;
}

.alert-warning li {
    margin-bottom: 2px;
}
/* Исправление для модального окна Bootstrap */
.modal {
    z-index: 1056 !important;
}

.modal-backdrop {
    z-index: 1055 !important;
}

.modal-dialog {
    z-index: 1057 !important;
    margin-top: 5vh;
}

#warehousesModal .modal-content {
    border: none;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.3);
}

#warehousesModal .modal-header {
    background-color: #15416e;
    color: white;
    border-radius: 10px 10px 0 0;
    border-bottom: none;
}

#warehousesModal .modal-header .btn-close {
    filter: invert(1);
}

#warehousesModal .modal-body {
    padding: 25px;
}

#warehousesModal .table {
    margin-bottom: 0;
}

#warehousesModal .table th {
    background-color: #15416e !important;
    border-color: #15416e;
    color: white;
    font-weight: 600;
}

#warehousesModal .table td {
    vertical-align: middle;
    border-color: #dee2e6;
}

#warehousesModal .badge {
    font-size: 0.8em;
    padding: 0.4em 0.8em;
}

#warehousesModal .modal-footer {
    border-top: 1px solid #dee2e6;
    padding: 15px 25px;
}

/* Уменьшаем z-index конфликтующих элементов */
.side-panel {
    z-index: 999 !important;
}

/* Исправление для других модальных окон, если есть */
.modal {
    overflow-y: auto !important;
}

/* ================ Мобильная адаптация ================ */

/* Каталог */
@media (max-width: 767px) {
    
  /* Общие стили для мобильных */
  .container {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 205px;
  }
  
  /* Каталог - таблица */
  .table_catalog {
    font-size: 14px;
  }
  
  .table_catalog thead {
    display: none;
  }
  
  .table_catalog tbody tr {
    display: block;
    margin-bottom: 15px;
    border: 1px solid #ddd;
    border-radius: 5px;
    overflow: hidden;
  }
  
  .table_catalog td {
    display: block;
    text-align: right;
    padding: 8px 10px;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 50%;
  }
  
  .table_catalog td:before {
    content: attr(data-label);
    position: absolute;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    font-weight: bold;
    text-align: left;
  }
  
  .table_catalog td:last-child {
    border-bottom: none;
  }
  
  /* Кнопки в таблице */
  .table_catalog td:last-child button {
    width: 100%;
    margin-top: 10px;
  }
  
  /* Хлебные крошки */
  .breadcrumb {
    font-size: 12px;
    overflow-x: auto;
    white-space: nowrap;
    padding-bottom: 10px;
  }
  
  /* Заголовок каталога */
  .title_catalog {
    font-size: 18px;
    margin-bottom: 10px;
  }
  
  .title_catalog_smart {
    font-size: 14px;
    margin-top: 0;
    margin-bottom: 15px;
  }
  
  /* Фильтры */
  .my-button-1 {
    width: 100%;
    margin-bottom: 15px;
  }
  
  /* Боковая панель фильтров */
  .side-panel {
    width: 90%;
    right: -90%;
  }
  
  #side-checkbox:checked + .side-panel {
    right: 0;
  }
  
  .filter_body {
    padding: 20px 10px;
    margin-left: 0;
  }
  
  .filter-group .form-check {
    margin-bottom: 8px;
  }
  
  .filter-group .form-check-label {
    font-size: 14px;
  }
  
  /* Карточки товаров */
  .cat-catalog__title {
    font-size: 20px;
    margin-bottom: 15px;
  }
  
  .catalog-tabs__content {
    flex-wrap: wrap;
  }
  
  .catalog-card-wrapper {
    width: 100%;
    height: 180px;
    margin-bottom: 15px;
  }
  
  .catalog-card__title {
    font-size: 14px;
    line-height: 16px;
  }
  
  .catalog-card-inner {
    left: 15px;
    bottom: 10px;
  }
}

/* Детальная страница товара */
@media (max-width: 767px) {
  .title_catalog_detail {
    font-size: 18px;
    margin-bottom: 15px;
  }
  
  /* Изменение структуры страницы */
  .col-md-4, .col-md-8 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
  
  /* Левая колонка с изображением */
  .col-md-4:first-child {
    order: 1;
    margin-bottom: 20px;
  }
  
  /* Центральная колонка с характеристиками */
  .col-md-4:nth-child(2) {
    order: 2;
    margin-bottom: 20px;
  }
  
  /* Правая колонка с ценой и кнопкой */
  .col-md-4:last-child {
    order: 3;
    margin-bottom: 30px;
  }
  
  /* Описание товара */
  .text_detail_catalog {
    padding: 15px;
    margin-bottom: 20px;
  }
  
  .text_detail_catalog h4 {
    font-size: 16px;
  }
  
  /* Цена */
  .cena_detail_catalog {
    padding: 15px;
  }
  
  .cena_detail_catalog span {
    font-size: 20px;
  }
  
  /* Характеристики */
  .cart_sv {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
  }
  
  .cart_sv a {
    margin: 5px;
    padding: 8px 12px;
    font-size: 13px;
  }
  
  /* Похожие товары */
  .cards-wrapper {
    display: flex;
    flex-direction: column;
  }
  
  .card {
    margin-bottom: 15px;
    width: 100%;
  }
  
  .card img {
    width: 100%;
    margin: 0 auto 10px;
  }
}

/* Корзина */
@media (max-width: 767px) {
.top_bascet p {
    top: 3px;
    left: 120px;
    position: absolute;
}
  
  .top_bascet h3 {
    margin-bottom: 10px!important;
  }
  
  .top_bascet .d-flex {
    width: 100%;
    justify-content: space-between;
  }
  
  /* Таблица корзины */
  #userlist {
    font-size: 14px;
  }
  
  #userlist thead {
    display: none;
  }
  
  #userlist tbody tr {
    display: block;
    margin-bottom: 15px;
    border: 1px solid #ddd;
    border-radius: 5px;
    overflow: hidden;
  }
  
  #userlist td {
    display: block;
    text-align: right;
    padding: 8px 10px;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 50%;
  }
  
  #userlist td:before {
    content: attr(data-label);
    position: absolute;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    font-weight: bold;
    text-align: left;
  }
  
  #userlist td:first-child {
    display: flex;
    justify-content: center;
    padding: 10px;
  }
  
  #userlist td:last-child {
    border-bottom: none;
    padding: 15px;
  }
  
  /* Количество товара */
  .d-flex {
    justify-content: center;
  }
  
  /* Форма заказа */
  .bascet_right .card {
    margin-bottom: 20px;
  }
  
  .bascet_right .btn {
    width: 100%;
    margin-bottom: 10px;
  }
  
  /* Кнопки выбора города */
  .bascet_right .btn {
    margin: 5px;
  }
  
  /* Итоговая сумма */
  .itog_bascet {
    font-size: 18px;
    margin-top: 15px;
  }
}

/* Общие улучшения для мобильных */
@media (max-width: 767px) {
  /* Убираем отступы сверху */
  .document {
    padding-top: 20px;
  }
  
  /* Улучшаем отображение модальных окон */
  .modal-dialog {
    margin: 20px;
  }
  
  .modal-body {
    padding: 15px;
  }
  
  /* Адаптация изображений */
  img {
    max-width: 100%;
    height: auto;
  }
  
  /* Улучшение отображения кнопок */
  .btn {
    padding: 8px 15px;
    font-size: 14px;
  }
  
  /* Адаптация форм */
  input, textarea, select {
    font-size: 16px; /* Предотвращает зум на iOS */
  }
}

/* Дополнительные стили для очень маленьких экранов */
@media (max-width: 480px) {
  .catalog-card-wrapper {
    height: 150px;
  }
  
  .catalog-card__title {
    font-size: 12px;
  }
  
  .title_catalog, .title_catalog_detail {
    font-size: 16px;
  }
  
  .cena_detail_catalog span {
    font-size: 18px;
  }
}
/* Улучшение отображения названий в таблицах */
@media (max-width: 767px) {
  /* Убираем отступы для мобильных в ячейках таблицы */
  .table_catalog td[data-label="Название"] {
    padding-left: 10px;
    text-align: left;
  }
  
  /* Улучшаем отображение ссылок в мобильной версии */
  .table_catalog td a {
    display: block;
    color: #0a5bac;
    font-weight: 500;
  }
  
  /* Стили для корзины */
  #userlist td[data-label="Название"] {
    text-align: left;
  }
  
  #userlist td a {
    color: #0a5bac;
    font-weight: 500;
  }
}

/* Скрытие/показ элементов для адаптивности */
@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .d-none {
    display: none !important;
  }
}
/* Добавить в template_styles.css или styles.css */

/* Общие стили для переноса длинных слов */
.table_catalog td[data-label="Название"],
#userlist td[data-label="Название"] {
  word-wrap: break-word;
  overflow-wrap: break-word;
  hyphens: auto;
  line-height: 1.3;
}

@media (max-width: 767px) {
  /* Убираем фиксированную высоту для строк таблицы */
  .box {
    height: auto !important;
    min-height: auto;
  }
  
  .box td {
    height: auto !important;
    line-height: 1.4;
    padding: 12px 10px;
  }
  
  /* Улучшаем отображение длинных названий */
  .table_catalog td[data-label="Название"] {
    padding: 15px 10px;
    min-height: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  
  /* Стили для названий товаров */
  .mobile-product-name {
    font-weight: 500;
    color: #333;
    word-break: break-word;
    overflow-wrap: break-word;
    line-height: 1.3;
    margin-bottom: 5px;
    margin-left: 188px;
    margin-top: 8px;
  }
  
  .mobile-product-section {
    font-size: 12px;
    color: #666;
    font-style: italic;
    line-height: 1.2;
  }
  
  /* Для очень длинных названий */
  .mobile-product-name.long-title {
    font-size: 13px;
    line-height: 1.2;
  }
}

/* Для корзины аналогично */
@media (max-width: 767px) {
.p_tovar_cart{
    max-height: 215px;
  }
.cena_detail_catalog {
    min-height: 280px;
  }

  .bascet .box {
    height: auto !important;
  }
  
  .bascet .box td {
    height: auto !important;
    min-height: 60px;
    padding: 12px 10px;
  }
  
  #userlist td[data-label="Название"] {
    padding: 15px 10px 15px 80px;
    min-height: 50px;
  }
}

/* Десктопные стили оставляем без изменений */
@media (min-width: 768px) {
  .box {
    height: 60px;
  }
  
  .box td {
    line-height: 40px;
    height: 66px;
  }
}


/* Добавить эти стили в конец файла */

/* Скрытие чекбоксов и кнопки удаления для мобильных */
@media (max-width: 767px) {
  /* Скрываем заголовок с чекбоксом "Выбрать все" */
  #userlist thead th:first-child,
  #userlist thead td:first-child {
    display: none;
  }
  
  .catalog_meny .btn-toggle-nav a,
  .catalog_meny .btn-toggle-nav span {
    display: inline !important;
    padding: opx 0 !important;
    color: #000 !important;
    text-decoration: none !important;
    border-radius: 0 !important;
    transition: none !important;
  }

  /* Скрываем чекбоксы в строках таблицы */
  #userlist tbody td:first-child {
    display: none;
  }
  
  /* Скрываем кнопку "Удалить выбранные" */
  #delete-selected {
    display: none !important;
  }
  
  /* Убираем отступы, связанные с чекбоксами */
  #userlist {
    margin-left: 0;
  }
  
  /* Убираем колонку с чекбоксами из адаптивной версии */
  #userlist td:first-child,
  #userlist th:first-child {
    width: 0 !important;
    padding: 0 !important;
    border: none !important;
  }
}

/* Для планшетов оставляем видимыми */
@media (min-width: 768px) and (max-width: 1023px) {
  #delete-selected {
    display: inline-block !important;
  }
  
  #userlist thead th:first-child,
  #userlist thead td:first-child {
    display: table-cell !important;
  }
  
  #userlist tbody td:first-child {
    display: table-cell !important;
  }
}

/* Дополнительные стили для улучшения внешнего вида на мобильных */
@media (max-width: 767px) {
  /* Убираем лишние отступы в таблице */
  #userlist {
    border-collapse: separate;
    border-spacing: 0 10px;
  }

.btn-toggle::before {
    transform: rotate(90deg);
    position: absolute;
    right: 6px;
    top: 5px;
    font-size: 5px;
    width: 12px !important;
}

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 9rem !important;
}

  /* Улучшаем отображение строк корзины */
  #userlist tbody tr {
    margin-bottom: 15px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  }
  
  /* Стили для кнопок количества на мобильных */
  .d-flex button {
   /* width: 30px;*/
    height: 30px;
    /*display: flex;*/
    align-items: center;
    justify-content: center;
    padding: 0;
  }
  
  /* Улучшаем отображение поля ввода количества */
  .d-flex input[type="number"] {
    width: 60px;
    height: 30px;
    font-size: 14px;
    text-align: center;
  }
}

/* Анимация для плавного скрытия элементов */
@media (max-width: 767px) {
  #delete-selected,
  #userlist thead th:first-child,
  #userlist tbody td:first-child {
    transition: opacity 0.3s ease, transform 0.3s ease;
    opacity: 0;
    transform: translateY(-10px);
    pointer-events: none;
  }
  
  /* Принудительное скрытие с помощью display none */
  #delete-selected {
    display: none !important;
  }
  
  #userlist thead th:first-child,
  #userlist thead td:first-child {
    display: none !important;
  }
  
  #userlist tbody td:first-child {
    display: none !important;
  }

}
@media (min-width: 1024px) {

    .catalog_meny_mob{
    display: none!important;
}

}


/* End */


/* Start:/local/templates/main/template_styles.css?176657221732829*/
/*
h1 {
    white-space: pre-wrap;
}
*/

.map__bottom {
    pointer-events: auto;
    max-width: 455px;
}

.bx-core-window input {
    width: auto;
    display: unset;
}

.bx-core-window select {
    display: unset;
}
.certificate-verification-list__container {
	min-height: 227px;
}

.bx-filter input[type="checkbox"] {
    display: unset;
}

.not-found-items + .x-table-box {
    display: none;
}

.page-no-footer .wrapping-v2 {
    padding-bottom: 0;
}

span.feedback-form__checkbox__text {
    display: -webkit-inline-box;
}

.cookie_accept{
    font-family: 'TTHoves-Regular', sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #FFFFFF;
    background-color: #414141;
    border-radius: 5px;
    border-width: 0;
    /*padding: 10px 16px 12px 16px;*/
    width: 100%;
    height: 50px;

    cursor: pointer;
    transition: background-color 0.3s ease;
    width: 85px;
    height: 34px;
}
.cookie_accept:hover{
          background-color: #0B91DB;
        color: #fff;
}
@media (min-width: 967px) {
.cookie_accept{
    margin-top: 30px;
}
}
@media (max-width: 967px) {
.cookie_accept{
    margin-top: 10px;
}
}
#cookie_notification{
    position: fixed;
    bottom: 0px;
    left: 20px;
    transform: translateX(0%);
    max-width: calc(100% - 45px);
    width: 100%;
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
    padding: 25px;
    z-index: 1000;
    bottom: 20px;
    display: none;
    height: 114px;

}

@media (min-width: 967px) {
    #cookie_notification{
        position: fixed;
        bottom: 0px;
        right: 0;
        left: unset;
        transform: translateX(0);
        width: 420px;
        height: 160px;
        background-color: #ffffff;
        border-radius: 10px;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
        padding: 25px;
        z-index: 1000;
        display: none;
        margin: 20px;
    }
}

#cookie_notification p{
  margin: 0;
  font-size: 0.9rem;
}


@media (min-width: 576px){
  #cookie_notification.show{
    display: block;
  }
}

@media (max-width: 575px){
  #cookie_notification.show{
    display: block;
    text-align: left;
  }
}


#cookie_notification p{
  margin: 0;
  font-size: 0.9rem;
}
#cookie_notification b{
  margin: 0;
  font-size: 1rem;
}

@media (min-width: 576px){
  #cookie_notification.show{
    display: block;
  }
}

@media (max-width: 575px){
  #cookie_notification.show{
    display: block;
  }
}
.cookie-close {
    position: absolute;
    top: 10px;
    right: 10px;
}
.cockie_close
  {
position: absolute;
    top: -8px;
    right: -1px;
    font-size: 28px;
    cursor: pointer;
    color: #666;
    transition: color 0.3s;
    z-index: 1001;
    border: 0;
    background: transparent;
}

.cookie-text {
    font-family: "TT Hoves";
    font-weight: 500;
    font-style: Medium;
    font-size: 16px;
    line-height: 120%;
    letter-spacing: 0%;
    vertical-align: middle;
    color: #414141;
}
/*-------------MAP------------------*/
.wrapping-contact {
  padding-top: 222px;
  padding-bottom: 330px;

}
.rf-map .contacts-container{
  margin:0!important;
  padding:0!important;
}
.rf-map.open{
  position: relative;
  max-width: 100%;
  height: 100%;
  margin:0 auto 0 auto;
  min-height: 1200px;

}
.rf-map,
.rf-map *{
    box-sizing: border-box;
}    
.rf-map {
    position: relative;
    max-width: 1040px;
    margin: -325px 0 0 auto;
    padding: 0px;
    z-index: 2;
}
.rf-map .district b {
    position: absolute;
    z-index: 5;
    width: 18px;
    height: 18px;
    background: rgba(240,240,240, 1);
    transition: all 0.3s;
}
.rf-map .district span {
    position: absolute;
    z-index: 5;
    top: 20px;
    left: 30px;
    font-size: 55px;
    font-family: "Electra Medium Pro", sans-serif;
    line-height: 55px;
    line-height: 1;
    color: #4A4A4A;
}

.rf-map.open .district b {
    top: 0;
    left: 0;
    border-radius: 0;
    width:100%;
    height: 100%;
    /*box-shadow: 0 4px 12px rgba(0,0,0,0.2), 0 16px 20px rgba(0,0,0,0.2);   */ 
}
.rf-map.open .district span {
    color: #4A4A4A;
}
.rf-map svg {
    margin: 0 0 0 25%;
}
.rf-map.open svg {
  margin: 0;
}
.rf-map.open .svg_cart {

 height: 750px;
 width: 100%;
}
.rf-map path {
    stroke: #f0f0f0 ;
    stroke-width: 0.5;
    stroke-linejoin: round; 
}
.rf-map [data-code] {
    fill: #fff;
    transition: fill 0.2s;
    padding: 10px 0;
}
.wrapping-contact .rf-map [data-code]:hover {
    fill: #0b519a ;
}
.rf-map .district-text {
    display: none;
    position: absolute;
    z-index: 6;
    left: 0;
    top: 60px;
    width: 100%;
    height: 100%;
    padding: 0px;
    overflow: auto;
    color: #4A4A4A ;
    font-size: 13px;
    font-family: Verdana, sans-serif;   
}
.rf-map .close-district {
    opacity: 0;
    z-index: 6;
    position: absolute;
    top: 10px;
    right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;    
    width: 40px;
    height: 40px;
    line-height: 1;
    font-size: 40px;
    color: #4A4A4A;
    cursor: pointer;
    transition: opacity 1s;
    pointer-events: none;
}
.rf-map.open .close-district {
    opacity: 1;
    pointer-events: initial;
}
.rf-map .district-links {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
}
.rf-map .district-links div {
    font-size: 13px;
    font-family: Verdana, sans-serif; 
    padding: 4px;
}
.rf-map .district-links div:after {
    content: " | ";
    color: #4A4A4A;
}
.rf-map .district-links div:last-child:after {
    content: "";
}
.dropfill {
    fill: #fff!important;
}
.mainfill {
    fill: #0a5bac!important;
}
@media (min-width:768px){
    .rf-map .district b {
        width: 48px;
        height: 48px;    
        left: -206px;
        top: 338px;
    }
    .rf-map.open .district span {
      top: 30px;
      left: 46px;
    }
    .rf-map .district span {
        top: 340px;
        left: -450px;
        font-size: 45px;
       
    }
    .rf-map .district-text {
        left: 30px;
        top: 80px;
        width: 100%;
        height: 100%;
        font-size: 16px; 
    }
    .rf-map .close-district {  
        width: 60px;
        height: 60px;
        font-size: 60px;
    }
    .rf-map .district-links {
        display: none;
    }
}
/* Цвета регионов */

.wrapping-contact .rf-map [data-code="RU-MOW"] {
    fill: #d12020;
    cursor: pointer;
}

.wrapping-contact .rf-map [data-code="RU-MOW"]:hover {
    fill: #0b519a;
}
.wrapping-contact .rf-map [data-code="RU-MOS"] {
  fill: #0a5bac;
  cursor: pointer;
}

.wrapping-contact .rf-map [data-code="RU-MOS"]:hover {
  fill: #0b519a;
}

.wrapping-contact .rf-map [data-code="RU-NIZ"] {
  fill: #0a5bac;
  cursor: pointer;
}

.wrapping-contact .rf-map [data-code="RU-NIZ"]:hover {
  fill: #0b519a;
}
.wrapping-contact .rf-map [data-code="RU-CHE"] {
  fill: #0a5bac;
  cursor: pointer;
}

.wrapping-contact .rf-map [data-code="RU-CHE"]:hover {
  fill: #0b519a;
}

.wrapping-contact .rf-map [data-code="RU-SWE"] {
  fill: #0a5bac;
  cursor: pointer;
}

.wrapping-contact .rf-map [data-code="RU-SWE"]:hover {
  fill: #0b519a;
}

.wrapping-contact .rf-map [data-code="RU-KLU"] {
  fill: #0a5bac;
  cursor: pointer;
}

.wrapping-contact .rf-map [data-code="RU-KLU"]:hover {
  fill: #0b519a;
}

.wrapping-contact .rf-map [data-code="RU-TA"] {
  fill: #0a5bac;
  cursor: pointer;
}

.wrapping-contact .rf-map [data-code="RU-TA"]:hover {
  fill: #0b519a;
}

.wrapping-contact .rf-map [data-code="RU-BA"] {
  fill: #0a5bac;
  cursor: pointer;
}

.wrapping-contact .rf-map [data-code="RU-BA"]:hover {
  fill: #0b519a;
}

.wrapping-contact .rf-map [data-code="RU-TUL"] {
  fill: #0a5bac;
  cursor: pointer;
}

.wrapping-contact .rf-map [data-code="RU-TUL"]:hover {
  fill: #0b519a;
}

.wrapping-contact .rf-map [data-code="RU-SPE"] {
  fill: #d12020;
  cursor: pointer;
}

.wrapping-contact .rf-map [data-code="RU-SPE"]:hover {
  fill: #0b519a;
}

.wrapping-contact .rf-map [data-code="RU-PER"] {
  fill: #0a5bac;
  cursor: pointer;
}

.wrapping-contact .rf-map [data-code="RU-PER"]:hover {
  fill: #0b519a;
}






.wrapping-contact .rf-map [data-code="RU-SVE"] {
  fill: #0a5bac;
  cursor: pointer;
}

.wrapping-contact .rf-map [data-code="RU-SVE"]:hover {
  fill: #0b519a;
}

.wrapping-contact .rf-map [data-code="RU-YAR"] {
  fill: #0a5bac;
  cursor: pointer;
}

.wrapping-contact .rf-map [data-code="RU-YAR"]:hover {
  fill: #0b519a;
}

.wrapping-contact .rf-map [data-code="RU-TYU"] {
  fill: #0a5bac;
  cursor: pointer;
}

.wrapping-contact .rf-map [data-code="RU-TYU"]:hover {
  fill: #0b519a;
}
.wrapping-contact .rf-map [data-code="RU-BRY"] {
  fill: #0a5bac;
  cursor: pointer;
}
.wrapping-contact .rf-map [data-code="RU-BRY"]:hover {
  fill: #0b519a;
}

.wrapping-contact .rf-map [data-code="RU-KHM"] {
  fill: #0a5bac;
  cursor: pointer;
}
.wrapping-contact .rf-map [data-code="RU-KHM"]:hover {
  fill: #0b519a;
}

.wrapping-contact .rf-map [data-code="RU-RYA"] {
  fill: #0a5bac;
  cursor: pointer;
}
.wrapping-contact .rf-map [data-code="RU-RYA"]:hover {
  fill: #0b519a;
}

.wrapping-contact .rf-map [data-code="RU-LEN"] {
  fill: #0a5bac;
  cursor: pointer;
}
.wrapping-contact .rf-map [data-code="RU-LEN"]:hover {
  fill: #0b519a;
}


.rf-list{
  float: left;
  display: block;
  width: 50%;
  height: 350px;
  position: absolute;
  left: -450px;
  top: 400px;
}
.link__text{
  cursor: pointer;
}
.rf-list-mobile li{
  
  padding: 25px 10px;
}
.map {
  min-height: 960px;
}

.map .rf-map {
  position: relative;
  max-width: 1040px;
  margin: -497px 0px 0px -367px;
  padding: 0px;
}

@media screen and (max-width: 767px) {
  .map-svg {
    display: none;
  }
}
.mypopup {
  width: 400px;
  padding: 20px;
  font-family: Arial, sans-serif;
  font-size: 10pt;

  border-radius: 6px;
  position: absolute;
  display: none;
}
.popup1{
  display: none;
}
.msc:hover .popup1{
  display: block;
}
.mypopup::before {
  content: "";
  width: 12px;
  height: 12px;
  transform: rotate(45deg);

  position: absolute;
  left: -6px;
  top: 68px;
}

.wrapping-v2 .rf-map{
  margin: -404px 0px 0px -300px;
}
.list--advantages .fadeInUp{
  padding-top: 0px !important;
}

.document-link{
  color: #4A4A4A;
}

.pointer:hover .document-link{
  color: #fff!important;
}


.document__container .x-table-box__column--right .x-table th, .x-table-box__column--right .x-table td {
  text-align: left;
}
.x-table tbody tr:hover td, .x-table tbody tr.hover td .document-link{
  color: #fff !important;
  background-color: #0A5BAC;
}


.document__container .form-select {
  border: 2px solid #DFEEFB;
  border-radius: 0;
  height: 52px;
  width: 90%;
  margin: 10px;
}
.document__container .col-md-2 {
  flex: 0 0 auto;
  min-width: 180px;
}
.document__container select {
  display: block;
}
.document__container .field__label {
  color: #4A4A4A;
  display: inline-block;
  font: 600 14px / 18px "Myriad Pro", sans-serif;
  letter-spacing: .88px;
  text-transform: uppercase;
  margin-left: 10px;
}

  .document__container .filter {
    margin-top: -96px;
    padding: 35px;
    position: absolute;
    /* top: 100px; */
    width: 100%;
    left: 27%;
  }
  .document__container .smart-filter-button-box{
    margin: 24px;
  
  }
  .document {
    width: 100%;
    margin-bottom: 300px;
}
.modern-page-navigation{
  text-align: center;
  color: #4A4A4A;
}

.modern-page-navigation a{
  color: #0A5BAC;
}
@media screen and (max-width: 767px) {
  .document__container .x-table-box__column--right {
      width: calc(100% - 2px);
  }
}

.news_list{
  margin-top: 150px;
  padding: 25px 0;
  margin-bottom: 150px;
}

.catalog .news_list{
  margin-top: 0 !important;
  padding:0 !important;
  display: block;
}

.catalog .news_list .row {
  padding: 0px!important;
}

.small-news{
  margin-top: 25px;

}

.news_list .img {
float: left;
margin-right: 25px;

}

.news_list .map-text--first {
  margin-bottom: 76px;
}

.news_list .row {
  padding: 25px;
  display: -webkit-box;
  display: -webkit-block;
  display: -moz-box;
  display: -ms-flexbox;
  display: block
;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

.news_list a{
  margin-top: 10px;
  color: #0a5bac;
}
.catalog-news-link{
  position: absolute;
  right: 50px;
  top: 110px;
}
.border-bottom {
  border-bottom: 1px solid #0a5bac;
}

.document_v2 .document__container {
  padding-bottom: 0px;
  padding-top: 0px;
  margin: 0 auto;
  min-height: 0vh;
}
#ajax-add-answer {
  display: none;
  width: 800px; 
  min-height : 400px;
}

.contact {
  min-height: 165px;
  width: 100%;
  background-color: #0A5BAC;
  -webkit-background-size: 500px 500px;
  background-size: 500px;
  background-repeat: no-repeat;
  background-position: 75% 50%;
}
.wrapping-v2 .btn {
  color: #eee;
  background-color: #0A5BAC;
  text-transform: uppercase;
  font-family: "Myriad Pro", sans-serif;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 24px;
  cursor: pointer;
}

.wrapping-v2.btn.active {
  border-bottom-color: #0b90db;
}
.wrapping-v2.btn:hover {
  border-bottom-color: #0b90db;
}
.wrapping-v2 .document{
  background-color: #F0F0F0;
  margin-bottom: 0px;
}
@media screen and (min-width: 980px) {
.wrapping-v2 .contact {
  min-height: 60px;
}
}
.wrapping-v2 .contact .company__container{
  padding-top: 60px;
}
.contact .head-nav-v2{
  margin-top: -69px;
  color: #fff;
}
.contact .head-nav-v2__item{
  padding: 15px;
}
.contact .head-nav-v2__item:hover{
  background-color: #0b90db;
}
.contact .head-nav-v2__link.active, .head-nav-v2__link:hover {
  border-bottom-color: #0b90db;
}

.contact-links{
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: block;
  background-color: #fff;
  color: #000;
  margin: 0px 10px 10px 0;
  padding: 15px;
  min-height: 307px;
   position: relative;
}
.contact-links-big{
  min-height: 624px;
}
.contact-links .contact-adress{
  display: flex;
  margin-bottom: 10px;
}
.contact-links .contact-adress p{
  margin-left: 38px;
}

.contact-links__text {
  font-family: "Myriad Pro", sans-serif;
  font-size: 14px;
  letter-spacing: 0.88px;
  line-height: 18px;
  margin-top: 15px;
 }
 .contact-links .icon {
  margin-right: -20px;
  margin-top: 3px;
 }

 .contact-links .contact-link__links {
  color: #4A4A4A;
  font-family: "Electra Text Pro", sans-serif;
  font-size: 14px;
  line-height: 22px;
}

.set_cart{
  margin: 10px auto;
  max-width: 1400px;
}
.ymaps-2-1-79-ground-pane {
	filter: grayscale(1);
	-ms-filter: grayscale(1);
	-webkit-filter: grayscale(0.9);
	-moz-filter: grayscale(1);
	-o-filter: grayscale(1);
}
.ymaps-2-1-79-searchbox__normal-layout .ymaps-2-1-79-searchbox-button{
  background-color: #0070af;
  color: #fff;
}
.showmore{
  text-align: center;
  margin: 25px;
  
}
.showmore #button{
  color: #0070af;
}

.contact-links a{
  color: #0070af;
}
.contact-links h4{
  text-transform: uppercase;
  font-weight: 300;
}
.contact-links .myForm{
display: none;
}
.contact_menu{  
  color: #fff;
  margin: -60px 0;
}
.contact_menu .alem.active{  
  background-color: #0b90db;
}
.contact_menu .alem:hover{  
  background-color: #0b90db;
  cursor: pointer;
}
.contact_menu .alem{
  text-align: center;
  padding: 10px 0;
}

.contact_filter{
  height: 70px;
  text-align: right;
  margin: 25px auto 0px auto;
  max-width: 1400px;
}
.contact_filter .check{
  margin-right: 15px;
}

.single { margin: 0.5rem 0; padding: 1rem; font: 1.5rem sans-serif; text-align: center; background: #eee; }
.single { display: none; }
.single.active { display: block; }


#my-result{
  width: 100%;
  margin-top: -10px;
}
.ymaps-2-1-79-b-cluster-content{
min-height: 450px;
min-width: 580px;
}
.ymaps-2-1-79-b-cluster-tabs__section{
 min-height: 150px !important; 
}

.ymaps-2-1-79-b-cluster-tabs__menu-item-text{
     text-align: center !important;
   padding-top: 10px !important;
}
.ymaps-2-1-79-b-cluster-tabs__menu-item_current_yes{
    border-radius: 0 !important;
    background: #006eb6 !important;
}
.ymaps-2-1-79-b-cluster-tabs__menu-item_current_yes .ymaps-2-1-79-b-cluster-tabs__menu-item-text{
 color:#fff !important;
}

.ymaps-2-1-79-b-cluster-tabs__section{
min-width: 150px !important;
}
.ymaps-2-1-79-b-cluster-tabs__menu{
min-height: 450px;

}
.ymaps-2-1-79-b-cluster-tabs__menu-item-text{
  color:#006eb6 !important;
}

.filter_body .form-check {
    margin-bottom: 0.5rem;
}

.filter_body .form-check-input {
    margin-right: 0.5rem;
}

.filter_body .form-check-label {
    cursor: pointer;
    margin-left: 0;
    color: #000;
}

.filter_body .form-check-input:checked + .form-check-label {
    font-weight: 500;
}

.side-panel .side-title {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #dee2e6;
}
.filter_body .form-check {
    margin-bottom: 0.5rem;
}

.filter_body .form-check-input {
    margin-right: 0.5rem;
}

.filter_body .form-check-label {
    cursor: pointer;
    margin-left: 0;
}

.filter_body .form-check-input:checked + .form-check-label {
    font-weight: 500;
}

.side-panel .side-title {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #dee2e6;
}

/* Стили для кнопки "Применить" */
#applyFilters {
    background-color: white !important;
    color: black !important;
    border: 1px solid #adb5bd !important;
    transition: all 0.3s ease;
}

#applyFilters:hover {
    background-color: #f8f9fa !important;
    border-color: #6c757d !important;
    color: black !important;
}

#applyFilters:focus {
    background-color: white !important;
    color: black !important;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
/* ====== Чекбоксы в боковой панели фильтров ====== */
.filter_body .form-check-input.filter-checkbox {
    /* Оставляем базовый размер Bootstrap */
    width: 1.25rem;
    height: 1.25rem;
}

/* Отмеченный чекбокс */
.filter_body .form-check-input.filter-checkbox:checked {
    /* Белый фон (по‑умолчанию у Bootstrap) */
    background-color: #fff !important;

    /* Рамка – по желанию */
    border-color: #014a86 !important;

    /* Галочка (svg‑иконка) с нужным цветом */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23014a86' stroke-width='3' d='m4 10 4 4 8-8'/%3E%3C/svg%3E") !important;
}

/* (Опционально) При наведении подсветить рамку */
.filter_body .form-check-input.filter-checkbox:hover {
    border-color: #014a86;
}


.basket-count-badge {
    position: absolute;
    top: -8px;
    right: -8px;
    background-color: #dc3545;
    color: white;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    z-index: 1000;
}

.btn {
    position: relative;
}
#bascet{
    height: 50px;
    position: relative;
    top: 31px;
    right: -71px;
}
.inline a:hover{
  color: #fff!important;
}
/* Стили для блока доставки */
.delivery-label {
    display: flex !important;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    padding: 10px;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}

.delivery-label:hover {
    background-color: #f8f9fa;
}

.delivery-icon {
    flex-shrink: 0;
    font-size: 1.2em;
    color: #0A5BAC;
}

.delivery-text {
    color: #4A4A4A;
    font-family: "Myriad Pro", sans-serif;
    font-size: 14px;
    letter-spacing: 0.88px;
    line-height: 18px;
}

/* Альтернативный вариант центрирования для старых браузеров */
.delivery-label-alt {
    display: block;
    cursor: pointer;
    padding: 10px;
    border-radius: 5px;
    transition: background-color 0.3s ease;
    line-height: 24px;
}

.delivery-label-alt:hover {
    background-color: #f8f9fa;
}

.delivery-label-alt .delivery-icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    font-size: 1.2em;
    color: #0A5BAC;
}

.delivery-label-alt .delivery-text {
    display: inline-block;
    vertical-align: middle;
    color: #4A4A4A;
    font-family: "Myriad Pro", sans-serif;
    font-size: 14px;
    letter-spacing: 0.88px;
    line-height: 18px;
}
.modal-backdrop {
    z-index: 1040 !important;
}

.modal {
    z-index: 1050 !important;
}

.modal.show {
    display: block !important;
}

/* Принудительная очистка при проблемах с backdrop */
body.modal-open {
    overflow: hidden !important;
    padding-right: 0 !important;
}

/* Дополнительные стили для блока доставки */
.delivery-label {
    display: flex !important;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    padding: 10px;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}

.delivery-label:hover {
    background-color: #f8f9fa;
}

.delivery-icon {
    flex-shrink: 0;
    font-size: 1.2em;
    color: #0A5BAC;
}
/* Добавить в template_styles.css */

/* Многострочные названия в мобильной версии */
@media (max-width: 767px) {
  .mobile-product-name {
    margin-bottom: 5px;
  }
  
  .product-name-line1,
  .product-name-line2 {
    word-break: break-word;
    overflow-wrap: break-word;
    line-height: 1.3;
  }
  
  .product-name-line1 {
    font-weight: 500;
    color: #333;
  }
  
  .product-name-line2 {
    font-size: 12px;
    color: #666;
    font-style: italic;
  }
}

/* Улучшение для очень длинных названий */
@media (max-width: 480px) {
  .mobile-product-name {
    font-size: 13px;
    line-height: 1.3;
  }
  
  .product-name-line1 {
    font-size: 13px;
  }
  
  .product-name-line2 {
    font-size: 11px;
  }
}

/* ================ Мобильное меню без JS ================ */

/* Скрываем чекбоксы по умолчанию */
.mobile-menu-checkbox,
.submenu-checkbox {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

/* Стили для кнопки переключения меню (бургер) - по умолчанию скрыта */
.mobile-menu-toggle-label {
  display: none;
}

/* Стили для подменю */
.submenu-checkbox {
  position: absolute;
  opacity: 0;
}

.submenu-toggle {
  position: relative;
  width: 100%;
  justify-content: space-between;
  cursor: pointer;
  transition: all 0.3s ease;
}

.submenu-arrow {
  transition: transform 0.3s ease;
  font-size: 10px;
  color: #0a5bac;
}

.submenu-checkbox:checked + .submenu-toggle .submenu-arrow {
  transform: rotate(90deg);
}

/* Контент подменю */
.submenu-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
  background-color: #f8f9fa;
  border-radius: 0 0 5px 5px;
  margin-bottom: 10px;
}

.submenu-checkbox:checked + .submenu-toggle + .submenu-content {
  max-height: 500px;
}

/* ================ МОБИЛЬНЫЕ СТИЛИ (до 767px) ================ */
@media (max-width: 767px) {

  .catalog_meny .link-body-emphasis.active {
    background: #d0dce8 !important;
    color: #054982 !important;
    width: 100% !important;
    font-weight: 500 !important;
    border-bottom: 0px solid #054982 !important;
    border-radius: 0;
 
  }

  /* Показываем бургер-кнопку только на мобильных */
  .mobile-menu-toggle-label {
    display: flex;
    position: fixed;
    top: 15px;
    left: 15px;
    z-index: 1001;
    background-color: #0a5bac;
    color: white;
    padding: 12px 15px;
    border-radius: 5px;
    cursor: pointer;
    box-shadow: 0 2px 10px rgba(0,0,0,0.3);
    transition: all 0.3s ease;
    align-items: center;
    gap: 10px;
  }

  .mobile-menu-toggle-label:hover {
    background-color: #0b90db;
    transform: translateY(-2px);
  }

  .hamburger-line {
    display: block;
    width: 20px;
    height: 2px;
    background-color: white;
    margin: 3px 0;
    transition: all 0.3s ease;
  }

  .menu-toggle-text {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
  }

  /* Анимация бургера при открытии */
  #mobile-menu-toggle:checked + .mobile-menu-toggle-label .hamburger-line:nth-child(1) {
    transform: rotate(-45deg) translate(-5px, 6px);
  }

  #mobile-menu-toggle:checked + .mobile-menu-toggle-label .hamburger-line:nth-child(2) {
    opacity: 0;
  }

  #mobile-menu-toggle:checked + .mobile-menu-toggle-label .hamburger-line:nth-child(3) {
    transform: rotate(45deg) translate(-5px, -6px);
  }

  /* Адаптируем контейнер меню для мобильных */
  .catalog_meny {
    position: fixed;
    top: 0;
    left: -100%;
    width: 280px;
    height: 100vh;
    z-index: 1000;
    background-color: #fff;
    box-shadow: 2px 0 10px rgba(0,0,0,0.1);
    transition: left 0.3s ease;
    overflow-y: auto;
    padding-top: 70px;
  }

  /* Показываем меню при активации чекбокса */
  #mobile-menu-toggle:checked ~ .catalog_meny {
    left: 0;
  }

  /* Затемнение фона при открытом меню */
  #mobile-menu-toggle:checked ~ .catalog_meny::before {
    content: '';
    position: fixed;
    top: 0;
    left: 280px;
    width: calc(100vw - 280px);
    height: 100vh;
    background-color: rgba(0,0,0,0.5);
    z-index: -1;
  }

  /* Стили для заголовка меню на мобильных */
  .catalog_meny h5 {
    display: block !important;
    color: #0a5bac;
    font-weight: 600;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid #0a5bac;
  }

  /* Адаптируем элементы списка */
  .catalog_meny .mb-1 {
    margin-bottom: 15px;
  }

  /* Стили для кнопок разделов */
  .catalog_meny .btn-toggle,
  .catalog_meny .d-inline-flex {
    width: 100%;
    padding: 12px 15px;

    border-radius: 5px;
    color: #333;
    text-decoration: none;
    transition: all 0.3s ease;
  }

  .catalog_meny .btn-toggle:hover,
  .catalog_meny .d-inline-flex:hover {
    background-color: #0a5bac;
    color: white;
    border-color: #0a5bac;
  }

  .catalog_meny .btn-toggle.active,
  .catalog_meny .d-inline-flex.active {
    background-color: #0a5bac;
    color: white;
    border-color: #0a5bac;
  }

  /* Адаптируем подменю */
  .catalog_meny .submenu-content {
    margin-top: 5px;
    margin-bottom: 15px;
    border-left: 3px solid #0a5bac;
  }

  .catalog_meny .btn-toggle-nav {
    padding-left: 20px;
  }

  .catalog_meny .btn-toggle-nav li {
    margin-bottom: 8px;
    padding: 8px 5px;
  }

  .catalog_meny .btn-toggle-nav a,
  .catalog_meny .btn-toggle-nav span {
    display: block;
    padding: 8px 12px;
    color: #555;
    text-decoration: none;
    border-radius: 3px;
    transition: all 0.3s ease;
  }

  .catalog_meny .btn-toggle-nav a:hover,
  .catalog_meny .btn-toggle-nav span:hover {
    background-color: #e9ecef;
    color: #0a5bac;
  }

  .catalog_meny .btn-toggle-nav .active {
    background-color: #0a5bac;
    color: white;
  }

  /* Адаптируем основной контент */
  .col-md-9.catalog {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    margin-left: 0 !important;
  }
}

/* ================ ПЛАНШЕТЫ (768px - 1023px) ================ */
@media (min-width: 768px) and (max-width: 1023px) {
  /* На планшетах скрываем бургер и показываем обычное меню */
  .mobile-menu-toggle-label {
    display: none !important;
  }
  
  .catalog_meny {
    position: relative !important;
    left: auto !important;
    width: 100% !important;
    max-width: 250px !important;
    height: auto !important;
    box-shadow: none !important;
    padding-top: 20px !important;
  }

  .col-md-9.catalog {
    width: calc(100% - 250px) !important;
    max-width: calc(100% - 250px) !important;
    flex: 0 0 calc(100% - 250px) !important;
    margin-left: 0 !important;
  }
}

/* ================ ДЕСКТОП (1024px+) ================ */
@media (min-width: 1024px) {
  /* ПОЛНОСТЬЮ скрываем мобильное меню на десктопе */
  .mobile-menu-toggle-label {
    display: none !important;
    visibility: hidden !important;
  }
  
.catalog_meny .link-body-emphasis.active {
  background: #d0dce8 !important;
  color: #054982 !important;
  width: 100% !important;
  font-weight: 600 !important;
  border-bottom: 1px solid #054982 !important;
  border-radius: 5px 5px 0 0 !important;
  padding: 10px 5px !important;
}

  /* Восстанавливаем обычное меню для десктопа */
  .catalog_meny {
    position: relative !important;
    left: auto !important;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    box-shadow: none !important;
    padding: 15px !important;
    margin-top: 0 !important;
  }
  
  /* Сбрасываем все мобильные стили */
  .catalog_meny h5 {
    display: block !important;
    color: #000 !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    margin-bottom: 15px !important;
    padding-bottom: 10px !important;
    border-bottom: none !important;
    background-color: transparent !important;
  }
  
  .catalog_meny .mb-1 {
    margin-bottom: 5px !important;
  }
  
  .catalog_meny .btn-toggle,
  .catalog_meny .d-inline-flex {
    width: auto !important;
    padding: 10px 0 !important;
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    color: #000 !important;
    text-decoration: none !important;
    transition: none !important;
  }
  
 
  
  /* Сбрасываем стили подменю */
  .catalog_meny .submenu-content {
    max-height: none !important;
    overflow: visible !important;
    transition: none !important;
    background-color: transparent !important;
    border-radius: 0 !important;
    margin: 0 !important;
    border: none !important;
    padding-left: 15px !important;
  }
  
  .catalog_meny .btn-toggle-nav {
    padding-left: 0 !important;
  }
  
  .catalog_meny .btn-toggle-nav li {
    margin-bottom: 0 !important;
  }
  
  .catalog_meny .btn-toggle-nav a,
  .catalog_meny .btn-toggle-nav span {

    color: #000 !important;
    text-decoration: none !important;
    border-radius: 0 !important;
    transition: none !important;
  }
  
  .catalog_meny .btn-toggle-nav a:hover,
  .catalog_meny .btn-toggle-nav span:hover {
    background-color: transparent !important;
    color: #000 !important;
  }
  
  
  /* Восстанавливаем обычную сетку */
  .col-md-9.catalog {
    width: calc(100% - 25%) !important;
    max-width: calc(100% - 25%) !important;
    flex: 0 0 calc(100% - 25%) !important;
    margin-left: 0 !important;
  }
}

/* ================ ДОПОЛНИТЕЛЬНЫЕ СТИЛИ ================ */

/* Стили для активного состояния (общие) */


/* Анимация появления меню */
@keyframes slideInLeft {
  from {
    transform: translateX(-100%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

.catalog_meny {
  animation: slideInLeft 0.3s ease;
}

/* Стили для прокрутки */
.catalog_meny::-webkit-scrollbar {
  width: 6px;
}

.catalog_meny::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.catalog_meny::-webkit-scrollbar-thumb {
  background: #0a5bac;
  border-radius: 3px;
}

.catalog_meny::-webkit-scrollbar-thumb:hover {
  background: #0b90db;
}

/* Убираем outline для accessibility (только для интерактивных элементов) */
.catalog_meny button:focus,
.catalog_meny a:focus,
.catalog_meny label:focus {
  outline: 2px solid #0a5bac;
  outline-offset: 2px;
}

/* Адаптация под очень маленькие экраны */
@media (max-width: 480px) {
  .catalog_meny {
    width: 100vw !important;
    left: -100vw !important;
  }

  #mobile-menu-toggle:checked ~ .catalog_meny {
    left: 0 !important;
  }

  #mobile-menu-toggle:checked ~ .catalog_meny::before {
    left: 100vw !important;
    width: 0 !important;
  }

  .mobile-menu-toggle-label {
    padding: 10px 12px !important;
  }

  .menu-toggle-text {
    font-size: 12px !important;
  }
}
@media (max-width: 767px) {
    .bx-breadcrumb > div {
        display: none;
    }
    .bx-breadcrumb > div:nth-last-child(-n+3) {
        display: flex;
    }
}
/* End */
/* /local/templates/main/assets/assets/main.min.css?1766568075398906 */
/* /local/templates/main/assets-prog/dist/style.css?17104084491800 */
/* /local/templates/main/styles.css?176657143231378 */
/* /local/templates/main/template_styles.css?176657221732829 */