@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap");
@font-face {
  font-family: 'icomoon';
  src: url("../../fonts/icomoon/icomoon.eot?buwsfi");
  src: url("../../fonts/icomoon/icomoon.eot?buwsfi#iefix") format("embedded-opentype"), url("../../fonts/icomoon/icomoon.ttf?buwsfi") format("truetype"), url("../../fonts/icomoon/icomoon.woff?buwsfi") format("woff"), url("../../fonts/icomoon/icomoon.svg?buwsfi#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block; }

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

.icon-logistics:before {
  content: "\e905";
  color: #0a51a7; }

.icon-quality_blue:before {
  content: "\e909";
  color: #0751a7; }

.icon-box2:before {
  content: "\e90a";
  color: #4e5069; }

.icon-box3:before {
  content: "\e90b"; }

.icon-box4:before {
  content: "\e90c";
  color: #4e5069; }

.icon-box1:before {
  content: "\e90d";
  color: #4e5069; }

.icon-copy-link:before {
  content: "\e90e";
  color: #0a51a7; }

.icon-height .path1:before {
  content: "\e90f";
  color: #4e5069; }

.icon-height .path2:before {
  content: "\e910";
  margin-left: -1.0107421875em;
  color: #fa773b; }

.icon-length .path1:before {
  content: "\e911";
  color: #4e5069; }

.icon-length .path2:before {
  content: "\e912";
  margin-left: -1em;
  color: #fa773b; }

.icon-width .path1:before {
  content: "\e913";
  color: #4e5069; }

.icon-width .path2:before {
  content: "\e914";
  margin-left: -1em;
  color: #fa773b; }

.icon-facebook:before {
  content: "\e900";
  color: #0751a7; }

.icon-linkedIn:before {
  content: "\e901";
  color: #8d98ba; }

.icon-instagram:before {
  content: "\e902";
  color: #8d98ba; }

.icon-box:before {
  content: "\e904";
  color: #0751a7; }

.icon-marketing:before {
  content: "\e917";
  color: #fff; }

.icon-play:before {
  content: "\e918";
  color: #fff; }

.icon-arrow_next:before {
  content: "\e915"; }

.icon-arrow_up:before {
  content: "\e903"; }

.icon-arrow_down:before {
  content: "\e906"; }

.icon-arrow_prev:before {
  content: "\e916"; }

.icon-minus:before {
  content: "\e908"; }

.icon-plus:before {
  content: "\e907"; }

.icon-search:before {
  content: "\e919"; }

.icon-arrow-left:before {
  content: "\e91a"; }

.icon-close:before {
  content: "\e91b"; }

.accordion {
  font-size: 15px; }
  .accordion .acc-item {
    padding: 20px 0 20px 0;
    border-bottom: 2px solid #E2E7F0; }
    .accordion .acc-item p {
      margin-bottom: 0px; }
    .accordion .acc-item .acc-title {
      font-size: 19px;
      font-weight: 700;
      position: relative;
      cursor: pointer;
      height: 40px;
      letter-spacing: 0.67px;
      color: #202238;
      padding-right: 60px; }
      .accordion .acc-item .acc-title:before {
        content: "\e908";
        font-family: "icomoon";
        position: absolute;
        right: 0;
        width: 46px;
        height: 46px;
        border-radius: 5px;
        background: none;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-left: 2px;
        color: #202238;
        font-size: 17px; }
      .accordion .acc-item .acc-title.collapsed:before {
        content: "\e907";
        background: none;
        color: #202238; }
      .accordion .acc-item .acc-title[aria-expanded="true"]:before {
        background: #EB662A;
        color: #ffffff; }
      .accordion .acc-item .acc-title:hover:before {
        background: #EB662A;
        color: #ffffff; }
      .accordion .acc-item .acc-title .textblock-icon span {
        font-size: 36px; }
    .accordion .acc-item .acc-info .acc-subsection {
      padding-bottom: 28px;
      margin-top: 26px;
      border-bottom: 1px solid #E2E7F0; }
      .accordion .acc-item .acc-info .acc-subsection .acc-subsection-title {
        font-size: 15px;
        letter-spacing: 0.42px;
        font-weight: 700;
        color: #202238;
        margin-bottom: 10px; }
        @media screen and (min-width: 480px) {
          .accordion .acc-item .acc-info .acc-subsection .acc-subsection-title {
            font-size: 15px; } }
        @media screen and (min-width: 576px) {
          .accordion .acc-item .acc-info .acc-subsection .acc-subsection-title {
            font-size: 15px; } }
        @media screen and (min-width: 768px) {
          .accordion .acc-item .acc-info .acc-subsection .acc-subsection-title {
            font-size: 15px; } }
        @media screen and (min-width: 992px) {
          .accordion .acc-item .acc-info .acc-subsection .acc-subsection-title {
            font-size: 16px; } }
        @media screen and (min-width: 1250px) {
          .accordion .acc-item .acc-info .acc-subsection .acc-subsection-title {
            font-size: 17px; } }
      .accordion .acc-item .acc-info .acc-subsection .acc-notification {
        font-weight: 700;
        color: #202238; }
      .accordion .acc-item .acc-info .acc-subsection:last-child {
        border-bottom: none;
        padding-bottom: 0px; }
      .accordion .acc-item .acc-info .acc-subsection table {
        width: 100%;
        text-align: center;
        border: 1px solid #dee2e6;
        margin-bottom: 0;
        margin-top: 8px;
        margin-bottom: 8px; }
        .accordion .acc-item .acc-info .acc-subsection table td {
          vertical-align: middle;
          width: unset !important;
          min-width: 140px;
          border: 1px solid #dee2e6;
          padding: 0.75rem;
          background: #ffffff !important; }
          .accordion .acc-item .acc-info .acc-subsection table td strong {
            color: #515362; }
      .accordion .acc-item .acc-info .acc-subsection .nutrition-table tr td:first-child {
        text-align: left !important;
        font-weight: bold; }
      .accordion .acc-item .acc-info .acc-subsection .nutrition-table tr:first-child td[colspan] {
        text-align: center !important; }
      .accordion .acc-item .acc-info .acc-subsection .nutrition-table tr:first-child td {
        font-weight: bold; }
    .accordion .acc-item .text {
      /*  padding-left: 87px;
            padding-right:60px; */ }
      .accordion .acc-item .text h5 {
        font-size: 17px;
        letter-spacing: 0.42px;
        line-height: 24px;
        margin-bottom: 25px; }
      .accordion .acc-item .text a {
        margin-bottom: 16px;
        color: inherit; }
        .accordion .acc-item .text a:hover {
          color: #EB662A; }
    .accordion .acc-item a {
      display: flex;
      align-items: center; }
      .accordion .acc-item a:before {
        content: url("../../images/download-icon.png");
        position: relative;
        margin-right: 20px;
        width: 52px;
        height: 52px; }
    .accordion .acc-item:first-child {
      padding-top: 0; }
    .accordion .acc-item.with-icon .acc-title {
      padding-left: 60px;
      padding-right: 40px; }
      .accordion .acc-item.with-icon .acc-title:before {
        width: 54px;
        height: 54px; }
      .accordion .acc-item.with-icon .acc-title .textblock-icon {
        position: absolute;
        left: 0;
        width: 48px;
        height: 48px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-left: 2px; }
    .accordion .acc-item.with-icon .text {
      padding-left: 60px; }
  .accordion.finance-acc .acc-item .text {
    padding-left: 87px; }

@media (max-width: 992px) {
  .accordion .acc-item {
    padding: 30px 0 30px 0; }
    .accordion .acc-item.with-icon .acc-title {
      padding-left: 0;
      height: auto;
      padding-top: 56px; }
      .accordion .acc-item.with-icon .acc-title .textblock-icon {
        top: 4px;
        align-items: unset;
        justify-content: unset;
        padding-left: 0; }
    .accordion .acc-item .text {
      padding-left: 0px !important; }
      .accordion .acc-item .text a {
        margin-bottom: 25px; } }

.rel-article .rel-article-img {
  background: #F5F6F8;
  overflow: hidden;
  padding: 10%;
  outline: 0;
  /* img {
                 max-width:300px; 
                
            } */ }
  .rel-article .rel-article-img .lg-more-btn {
    background: #0751A7;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    font-size: 15px;
    color: #ffffff;
    padding: 14px 20px;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: .3s;
    transition: .3s; }
    .rel-article .rel-article-img .lg-more-btn span {
      font-size: 21px;
      position: absolute;
      right: 15px; }

.rel-article .rel-article-cat {
  border-bottom: 1px solid #E2E7F0;
  font-size: 0; }
  .rel-article .rel-article-cat a {
    font-size: 16px;
    line-height: 20px;
    color: #0751A7;
    text-decoration: none;
    padding-right: 18px;
    position: relative;
    pointer-events: none;
    padding-right: 20px;
    margin-left: -3px; }
    .rel-article .rel-article-cat a:after {
      content: "";
      width: 1px;
      height: 13px;
      position: absolute;
      top: 50%;
      right: 10px;
      transform: translateY(-50%);
      background: #0751A7; }
    .rel-article .rel-article-cat a:last-child:after {
      display: none; }

.rel-article .rel-article-package {
  font-size: 14px;
  letter-spacing: 0.28px;
  line-height: 24px;
  margin-top: 10px; }

.rel-article:hover .lg-more-btn {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%); }

.sorting {
  margin-bottom: 34px; }
  .sorting > div {
    position: relative;
    margin-right: 30px; }
  .sorting .sorting-select, .sorting .number-select {
    padding: 2px 14px;
    width: 197px;
    height: 46px;
    /*  border: 1px solid $light-grey; */
    /*    border-top-left-radius: 5px;
            border-top-right-radius: 5px; */
    outline: none;
    cursor: pointer;
    appearance: none; }
  .sorting .select-arrow {
    display: block;
    position: absolute;
    top: 20px;
    right: 14px;
    background: url(../../images/arrow-blue.svg) no-repeat center;
    width: 11px;
    height: 7px;
    transition: transform 0.4s ease;
    z-index: 10;
    pointer-events: none;
    transform: rotate(180deg); }
  .sorting .sorting-select:focus + .select-arrow, .sorting .number-select:focus + .select-arrow {
    transform: rotate(0deg); }

.products-list .rel-article .rel-article-cat a {
  margin-left: 0; }

.products-list .rel-article .rel-article-img img {
  max-height: 100%;
  width: auto; }

.products-list .rel-article .rel-article-img .rel-article-img-inner {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  color: white;
  text-align: center;
  padding: 10%; }

.products-list .rel-article .rel-article-img:before {
  content: "";
  display: block;
  padding-top: 100%; }

.products-list .rel-article .medium-title {
  flex-grow: 1; }

@media (max-width: 992px) {
  .sorting {
    margin-bottom: 60px; }
    .sorting > div {
      margin-bottom: 16px;
      margin-right: 0px; }
    .sorting .number-select,
    .sorting .sorting-select {
      width: 100%;
      height: 44px;
      margin-right: 0px; } }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0; }

.slick-list:focus {
  outline: none; }

.slick-list.dragging {
  cursor: pointer;
  cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }

.slick-track:before,
.slick-track:after {
  display: table;
  content: ''; }

.slick-track:after {
  clear: both; }

.slick-loading .slick-track {
  visibility: hidden; }

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px; }

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

/* Slider */
.slick-loading .slick-list {
  background: #fff url("../../images/ajax-loader.gif") center center no-repeat; }

/* Icons */
/* @font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
} */
/* Arrows */
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent; }

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent; }

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1; }

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: .25; }

.slick-prev:before,
.slick-next:before {
  font-family: 'icomoon';
  font-size: 20px;
  line-height: 1;
  opacity: .75;
  color: #000000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  /*  left: -25px; */
  left: 20px;
  z-index: 9; }

[dir='rtl'] .slick-prev {
  right: -25px;
  left: auto; }

.slick-prev:before {
  content: '\e916'; }

[dir='rtl'] .slick-prev:before {
  content: '\e915'; }

.slick-next {
  /* right: -25px; */
  right: 15px; }

[dir='rtl'] .slick-next {
  right: auto;
  left: -25px; }

.slick-next:before {
  /*  content: '\e903'; */
  content: '\e915'; }

[dir='rtl'] .slick-next:before {
  content: '\e916'; }

/* Dots */
.slick-dotted.slick-slider {
  /* margin-bottom: 30px; */ }

.slick-dots {
  position: absolute;
  /*   bottom: -25px; */
  bottom: 25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center; }

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer; }

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent; }

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none; }

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1; }

.slick-dots li button:before {
  font-family: 'slick';
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: '•';
  text-align: center;
  opacity: .25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.slick-dots li.slick-active button:before {
  opacity: .75;
  color: black; }

.package-weight {
  font-weight: 300;
  color: #515362;
  margin-top: 5px;
  font-size: 18px;
  letter-spacing: 0.36px; }

.prod-title {
  font-size: 28px;
  color: #202238;
  letter-spacing: 0.32px; }
  @media screen and (min-width: 480px) {
    .prod-title {
      font-size: 28px; } }
  @media screen and (min-width: 576px) {
    .prod-title {
      font-size: 28px; } }
  @media screen and (min-width: 768px) {
    .prod-title {
      font-size: 29px; } }
  @media screen and (min-width: 992px) {
    .prod-title {
      font-size: 30px; } }
  @media screen and (min-width: 1250px) {
    .prod-title {
      font-size: 32px; } }

.prod-code {
  margin-top: 10px;
  color: #0751A7;
  font-weight: 700; }

.prod-desc {
  margin-top: 30px;
  font-size: 15px;
  color: #515362;
  letter-spacing: 0.3px; }
  .prod-desc .title {
    border-bottom: 1px solid #E2E7F0;
    padding-bottom: 10px;
    margin-bottom: 10px;
    /*  font-size:19px; */ }

.prod-categories {
  margin-top: 30px;
  color: #202238; }
  .prod-categories span {
    font-weight: 700;
    margin-right: 5px; }
  .prod-categories .post-categories {
    display: flex;
    list-style: none;
    padding-left: 0;
    /*  li {
            padding-right:2px;
            a {
                color:$charcoal-grey;
            }
           
            &:after {
                content:",";
            }

            &:last-child {
                &:after {
                    display:none;
                }
            }
        } */ }

.prod-tags {
  margin-top: 0px;
  list-style: none;
  color: #202238;
  /* a {
            padding-right:2px;
            color:$charcoal-grey;
              
            &:after {
                content:",";
            }

            &:last-child {
                &:after {
                    display:none;
                }
            }
        } */ }
  .prod-tags span {
    font-weight: 700;
    margin-right: 5px; }

.prod-label {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 9;
  border-radius: 2px;
  background: #0751A7;
  color: #ffffff;
  font-size: 13px;
  padding: 5px 10px; }
  .prod-label a {
    text-decoration: none;
    color: #ffffff; }
  .prod-label.red {
    background: #cd071e; }
  .prod-label.green {
    background: #468823; }

.prod-brand {
  position: absolute;
  top: calc(100% - 120px);
  left: 15px;
  z-index: 9;
  max-width: 112px;
  width: 26%;
  height: auto;
  max-height: 112px; }

.prod-socials {
  border-top: 1px solid #E2E7F0;
  margin-top: 30px;
  padding: 12px 0 15px 0; }
  .prod-socials span {
    color: #202238;
    font-weight: 700;
    margin-right: 5px; }
  .prod-socials .heateor_sss_horizontal_sharing .heateorSssSharing {
    display: flex;
    justify-content: center; }
  .prod-socials .heateorSssSharingSvg {
    width: 70%; }
  .prod-socials .heateorSssSharingRound {
    margin-right: 4px !important; }

.barcode-info {
  color: #202238; }
  .barcode-info span {
    color: #4E5069; }
  .barcode-info .col-xl-5 {
    max-width: 220px; }

.barcode-link {
  color: #202238;
  text-decoration: underline;
  letter-spacing: 0.3px;
  font-weight: 500;
  font-size: 15px;
  cursor: pointer; }
  .barcode-link .copy-link-svg {
    width: 28px;
    height: 28px;
    background: #ffffff url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%22-4%20-4%2040%2040%22%3E%3Cpath%20fill%3D%22%230A51A7%22%20d%3D%22M24.412%2021.177c0-.36-.126-.665-.377-.917l-2.804-2.804a1.235%201.235%200%200%200-.913-.378c-.377%200-.7.144-.97.43.026.028.11.11.255.25.144.14.24.236.29.29s.117.14.2.256c.087.117.146.232.177.344.03.112.046.236.046.37%200%20.36-.126.666-.377.918a1.25%201.25%200%200%201-.918.377%201.4%201.4%200%200%201-.373-.047%201.062%201.062%200%200%201-.345-.175%202.268%202.268%200%200%201-.256-.2%206.815%206.815%200%200%201-.29-.29c-.14-.142-.223-.23-.25-.254-.297.28-.445.607-.445.984%200%20.36.126.664.377.916l2.778%202.79c.243.243.548.364.917.364.36%200%20.665-.118.917-.35l1.982-1.97c.252-.25.378-.55.378-.9zm-9.477-9.504c0-.36-.126-.665-.377-.917l-2.777-2.79a1.235%201.235%200%200%200-.913-.378c-.35%200-.656.12-.917.364L7.967%209.92c-.254.252-.38.553-.38.903%200%20.36.126.665.38.917l2.802%202.804c.242.243.547.364.916.364.377%200%20.7-.14.97-.418-.026-.027-.11-.11-.255-.25s-.24-.235-.29-.29a2.675%202.675%200%200%201-.2-.255%201.052%201.052%200%200%201-.176-.344%201.396%201.396%200%200%201-.047-.37c0-.36.126-.662.377-.914.252-.252.557-.377.917-.377.136%200%20.26.015.37.046.114.03.23.09.346.175.117.085.202.153.256.2.054.05.15.148.29.29.14.146.222.23.25.258.294-.278.442-.606.442-.983zM27%2021.177c0%201.078-.382%201.99-1.146%202.736l-1.982%201.968c-.745.75-1.658%201.12-2.736%201.12-1.087%200-2.004-.38-2.75-1.143l-2.777-2.79c-.75-.747-1.12-1.66-1.12-2.737%200-1.106.392-2.046%201.183-2.818l-1.186-1.185c-.774.79-1.708%201.186-2.805%201.186-1.078%200-1.995-.376-2.75-1.13l-2.803-2.81C5.377%2012.82%205%2011.903%205%2010.826c0-1.08.382-1.993%201.146-2.738L8.128%206.12C8.873%205.372%209.785%205%2010.864%205c1.087%200%202.004.382%202.75%201.146l2.777%202.79c.75.747%201.12%201.66%201.12%202.737%200%201.105-.392%202.045-1.183%202.817l1.186%201.186c.774-.79%201.708-1.186%202.805-1.186%201.078%200%201.995.377%202.75%201.132l2.804%202.804c.754.755%201.13%201.672%201.13%202.75z%22%2F%3E%3C%2Fsvg%3E) no-repeat center center; }
  .barcode-link:hover {
    color: #0751A7;
    /*  .copy-link-svg {
                border:1px solid $royal-blue;
                background:$royal-blue url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%22-4%20-4%2040%2040%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M24.412%2021.177c0-.36-.126-.665-.377-.917l-2.804-2.804a1.235%201.235%200%200%200-.913-.378c-.377%200-.7.144-.97.43.026.028.11.11.255.25.144.14.24.236.29.29s.117.14.2.256c.087.117.146.232.177.344.03.112.046.236.046.37%200%20.36-.126.666-.377.918a1.25%201.25%200%200%201-.918.377%201.4%201.4%200%200%201-.373-.047%201.062%201.062%200%200%201-.345-.175%202.268%202.268%200%200%201-.256-.2%206.815%206.815%200%200%201-.29-.29c-.14-.142-.223-.23-.25-.254-.297.28-.445.607-.445.984%200%20.36.126.664.377.916l2.778%202.79c.243.243.548.364.917.364.36%200%20.665-.118.917-.35l1.982-1.97c.252-.25.378-.55.378-.9zm-9.477-9.504c0-.36-.126-.665-.377-.917l-2.777-2.79a1.235%201.235%200%200%200-.913-.378c-.35%200-.656.12-.917.364L7.967%209.92c-.254.252-.38.553-.38.903%200%20.36.126.665.38.917l2.802%202.804c.242.243.547.364.916.364.377%200%20.7-.14.97-.418-.026-.027-.11-.11-.255-.25s-.24-.235-.29-.29a2.675%202.675%200%200%201-.2-.255%201.052%201.052%200%200%201-.176-.344%201.396%201.396%200%200%201-.047-.37c0-.36.126-.662.377-.914.252-.252.557-.377.917-.377.136%200%20.26.015.37.046.114.03.23.09.346.175.117.085.202.153.256.2.054.05.15.148.29.29.14.146.222.23.25.258.294-.278.442-.606.442-.983zM27%2021.177c0%201.078-.382%201.99-1.146%202.736l-1.982%201.968c-.745.75-1.658%201.12-2.736%201.12-1.087%200-2.004-.38-2.75-1.143l-2.777-2.79c-.75-.747-1.12-1.66-1.12-2.737%200-1.106.392-2.046%201.183-2.818l-1.186-1.185c-.774.79-1.708%201.186-2.805%201.186-1.078%200-1.995-.376-2.75-1.13l-2.803-2.81C5.377%2012.82%205%2011.903%205%2010.826c0-1.08.382-1.993%201.146-2.738L8.128%206.12C8.873%205.372%209.785%205%2010.864%205c1.087%200%202.004.382%202.75%201.146l2.777%202.79c.75.747%201.12%201.66%201.12%202.737%200%201.105-.392%202.045-1.183%202.817l1.186%201.186c.774-.79%201.708-1.186%202.805-1.186%201.078%200%201.995.377%202.75%201.132l2.804%202.804c.754.755%201.13%201.672%201.13%202.75z%22%2F%3E%3C%2Fsvg%3E) no-repeat center center;
        } */ }

.download {
  display: none;
  margin-top: 20px; }
  .download:before {
    content: "-";
    position: absolute;
    right: 0;
    width: 40px;
    height: 40px;
    background: #E2E7F0;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 5px;
    padding-left: 2px;
    color: #0751A7; }

.allergen-icon {
  max-width: 40px; }

.pallete-box {
  font-size: 15px;
  color: #202238; }
  .pallete-box .box-icon {
    font-size: 32px; }
    @media screen and (min-width: 480px) {
      .pallete-box .box-icon {
        font-size: 32px; } }
    @media screen and (min-width: 576px) {
      .pallete-box .box-icon {
        font-size: 35px; } }
    @media screen and (min-width: 768px) {
      .pallete-box .box-icon {
        font-size: 40px; } }
    @media screen and (min-width: 992px) {
      .pallete-box .box-icon {
        font-size: 45px; } }
    @media screen and (min-width: 1250px) {
      .pallete-box .box-icon {
        font-size: 50px; } }
  .pallete-box .box-number {
    font-size: 26px;
    color: #202238; }
    @media screen and (min-width: 480px) {
      .pallete-box .box-number {
        font-size: 26px; } }
    @media screen and (min-width: 576px) {
      .pallete-box .box-number {
        font-size: 28px; } }
    @media screen and (min-width: 768px) {
      .pallete-box .box-number {
        font-size: 30px; } }
    @media screen and (min-width: 992px) {
      .pallete-box .box-number {
        font-size: 32px; } }
    @media screen and (min-width: 1250px) {
      .pallete-box .box-number {
        font-size: 34px; } }

#sidebar.sticky {
  position: fixed; }

.gallery-slider {
  background: #F5F6F8; }
  .gallery-slider .slick-dots li button:before {
    background: #BCC2D6; }

.img-download {
  font-size: 15px; }
  .img-download a {
    color: #202238; }
    .img-download a:hover {
      color: #EB662A;
      text-decoration: none; }

.back-btn {
  margin-bottom: 40px; }
  .back-btn a {
    text-decoration: none;
    font-size: 19px;
    font-weight: bold;
    color: #202238;
    cursor: pointer; }
  .back-btn:before {
    content: "\e91a";
    font-family: "icomoon";
    margin-right: 20px;
    font-weight: bold; }

@media (min-width: 768px) and (max-width: 991px) {
  .prod-brand {
    top: calc(100% - 85px); } }

@media (max-width: 767px) {
  .all-prods-btn {
    margin-top: 140px; }
  .back-btn a {
    font-size: 18px; } }

@media (max-width: 420px) {
  .prod-brand {
    top: calc(100% - 85px); } }

.contact-form-wrapper br {
  display: none; }

.contact-form-wrapper .contact-form {
  position: relative;
  padding: 86px 90px 73px 90px;
  background: #F5F6F8; }
  .contact-form-wrapper .contact-form:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 87px;
    height: 100%;
    background: url(../../images/greys-lines-column.svg) repeat center;
    background-size: contain; }
  .contact-form-wrapper .contact-form .contact-info .slim-title {
    font-size: 14px; }
  .contact-form-wrapper .contact-form .contact-info .heading {
    line-height: 56px;
    letter-spacing: 0.46px;
    margin-bottom: 40px;
    max-width: 400px; }
  .contact-form-wrapper .contact-form .contact-info .contact-info-inner p {
    max-width: 391px; }
  .contact-form-wrapper .contact-form .contact-info .contact-info-inner p:first-child {
    padding-bottom: 34px;
    margin-bottom: 34px;
    border-bottom: 1px solid rgba(130, 156, 186, 0.5); }
  .contact-form-wrapper .contact-form .contact-info .contact-info-inner p:last-child {
    margin-bottom: 0; }
  .contact-form-wrapper .contact-form .contact-info .contact-info-inner strong {
    font-weight: 400;
    color: #0751A7; }
  .contact-form-wrapper .contact-form .form-fields {
    margin-top: 0px; }
    .contact-form-wrapper .contact-form .form-fields form p {
      margin-bottom: 0; }
    .contact-form-wrapper .contact-form .form-fields form label {
      font-size: 12px;
      line-height: 17px;
      letter-spacing: 4.2px;
      color: #202238;
      display: block;
      text-transform: uppercase; }
      .contact-form-wrapper .contact-form .form-fields form label .asterisk {
        display: inline;
        color: #0751A7; }
      .contact-form-wrapper .contact-form .form-fields form label > span {
        display: block;
        margin-bottom: 58px; }
        .contact-form-wrapper .contact-form .form-fields form label > span em {
          color: #0751A7; }
        .contact-form-wrapper .contact-form .form-fields form label > span .wpcf7-not-valid-tip {
          letter-spacing: 0.3px;
          text-transform: initial; }
      .contact-form-wrapper .contact-form .form-fields form label .your-message {
        margin-bottom: 25px; }
      .contact-form-wrapper .contact-form .form-fields form label input,
      .contact-form-wrapper .contact-form .form-fields form label textarea {
        background: #F5F6F8;
        border: 0;
        border-bottom: 1px solid rgba(130, 156, 186, 0.5);
        width: 100%;
        outline: none;
        font-size: 17px;
        line-height: 51px;
        letter-spacing: 0.51px;
        color: #202238; }
      .contact-form-wrapper .contact-form .form-fields form label textarea {
        height: 78px;
        margin-bottom: 28px;
        margin-bottom: 0px; }
    .contact-form-wrapper .contact-form .form-fields form .btn-secondary {
      max-width: 190px; }
    .contact-form-wrapper .contact-form .form-fields form > span {
      margin-bottom: -4px; }
    .contact-form-wrapper .contact-form .form-fields form .wpcf7-response-output {
      border: none;
      color: #dc3232;
      margin: 0;
      padding: 0; }
    .contact-form-wrapper .contact-form .form-fields form .wpcf7-form-control-wrap {
      position: relative; }
      .contact-form-wrapper .contact-form .form-fields form .wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-select {
        background: #F5F6F8;
        border: 0;
        border-bottom: 1px solid rgba(130, 156, 186, 0.5);
        width: 100%;
        margin-bottom: 60px;
        height: 51px;
        appearance: none;
        outline: none;
        cursor: pointer;
        padding-left: 0;
        border-radius: 0;
        font-size: 17px;
        letter-spacing: 0.51;
        color: #202238; }
        .contact-form-wrapper .contact-form .form-fields form .wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-select .list .option:first-child::after {
          width: 100%;
          left: 0; }
    .contact-form-wrapper .contact-form .form-fields form .codedropz-upload-wrapper {
      margin-top: 38px;
      margin-bottom: 2px;
      column-count: 2; }
      .contact-form-wrapper .contact-form .form-fields form .codedropz-upload-wrapper .codedropz-upload-handler {
        border: 1px dashed #0751A7;
        display: -webkit-inline-box;
        width: 100%;
        margin-bottom: 0px !important; }
        .contact-form-wrapper .contact-form .form-fields form .codedropz-upload-wrapper .codedropz-upload-handler .codedropz-upload-container {
          width: 100%;
          padding-top: 47px;
          padding-bottom: 47px; }
          .contact-form-wrapper .contact-form .form-fields form .codedropz-upload-wrapper .codedropz-upload-handler .codedropz-upload-container .codedropz-upload-inner {
            max-width: 250px;
            text-overflow: unset;
            white-space: normal;
            margin: 0 auto;
            display: flex;
            flex-direction: column-reverse; }
            .contact-form-wrapper .contact-form .form-fields form .codedropz-upload-wrapper .codedropz-upload-handler .codedropz-upload-container .codedropz-upload-inner h3 {
              font-size: 14px;
              line-height: 20px;
              letter-spacing: 0.28px;
              margin-top: 20px; }
            .contact-form-wrapper .contact-form .form-fields form .codedropz-upload-wrapper .codedropz-upload-handler .codedropz-upload-container .codedropz-upload-inner span {
              display: none; }
            .contact-form-wrapper .contact-form .form-fields form .codedropz-upload-wrapper .codedropz-upload-handler .codedropz-upload-container .codedropz-upload-inner .codedropz-btn-wrap {
              width: 52px;
              height: 52px;
              background: #0751A7;
              border-radius: 2px;
              margin: 0 auto; }
              .contact-form-wrapper .contact-form .form-fields form .codedropz-upload-wrapper .codedropz-upload-handler .codedropz-upload-container .codedropz-upload-inner .codedropz-btn-wrap .cd-upload-btn {
                color: #202238;
                font-size: 0;
                max-width: 250px; }
                .contact-form-wrapper .contact-form .form-fields form .codedropz-upload-wrapper .codedropz-upload-handler .codedropz-upload-container .codedropz-upload-inner .codedropz-btn-wrap .cd-upload-btn:before {
                  content: url(../../images/upload-icon.svg);
                  display: block;
                  position: absolute;
                  top: 62px;
                  left: 0;
                  right: 0;
                  margin: 0 auto; }
      .contact-form-wrapper .contact-form .form-fields form .codedropz-upload-wrapper .dnd-progress-bar {
        display: none; }
      .contact-form-wrapper .contact-form .form-fields form .codedropz-upload-wrapper .dnd-upload-counter {
        display: none; }
      .contact-form-wrapper .contact-form .form-fields form .codedropz-upload-wrapper .dnd-upload-status {
        display: flex;
        align-items: center;
        margin-bottom: 66px;
        padding: 0;
        margin-top: 15px; }
        .contact-form-wrapper .contact-form .form-fields form .codedropz-upload-wrapper .dnd-upload-status .dnd-upload-image {
          border: 0;
          width: 24px;
          height: 24px; }
          .contact-form-wrapper .contact-form .form-fields form .codedropz-upload-wrapper .dnd-upload-status .dnd-upload-image .file {
            width: 23px;
            height: 29px;
            background-image: url(../../images/upload-file-icon.svg); }
        .contact-form-wrapper .contact-form .form-fields form .codedropz-upload-wrapper .dnd-upload-status .dnd-upload-details span {
          display: block;
          font-size: 14px;
          line-height: 20px;
          letter-spacing: 0.28px;
          color: inherit; }
        .contact-form-wrapper .contact-form .form-fields form .codedropz-upload-wrapper .dnd-upload-status .dnd-upload-details em {
          display: none; }
        .contact-form-wrapper .contact-form .form-fields form .codedropz-upload-wrapper .dnd-upload-status .dnd-upload-details .dnd-progress-bar {
          display: none; }
        .contact-form-wrapper .contact-form .form-fields form .codedropz-upload-wrapper .dnd-upload-status .dnd-upload-details .remove-file span::after {
          width: 10px;
          height: 10px;
          background-image: url(../../images/close-btn-red.svg); }
      .contact-form-wrapper .contact-form .form-fields form .codedropz-upload-wrapper .has-error-msg {
        font-size: 14px; }
    .contact-form-wrapper .contact-form .form-fields .accept-terms {
      display: block; }
      .contact-form-wrapper .contact-form .form-fields .accept-terms .wpcf7-list-item {
        margin: 0; }
        .contact-form-wrapper .contact-form .form-fields .accept-terms .wpcf7-list-item label input {
          position: absolute;
          width: 1px;
          height: 1px;
          padding: 0;
          margin: -1px;
          overflow: hidden;
          clip: rect(0, 0, 0, 0);
          border: 0; }
        .contact-form-wrapper .contact-form .form-fields .accept-terms .wpcf7-list-item label span {
          font-size: 15px;
          line-height: 20px;
          letter-spacing: 0.3px;
          color: #202238;
          display: block;
          padding-left: 44px;
          position: relative;
          cursor: pointer;
          text-transform: initial;
          margin-bottom: 40px; }
          .contact-form-wrapper .contact-form .form-fields .accept-terms .wpcf7-list-item label span::before {
            content: "";
            width: 30px;
            height: 30px;
            position: absolute;
            top: -5px;
            left: 0;
            border: 0.8px solid rgba(130, 156, 186, 0.5);
            border-radius: 50%; }
          .contact-form-wrapper .contact-form .form-fields .accept-terms .wpcf7-list-item label span::after {
            content: "";
            width: 10px;
            height: 10px;
            position: absolute;
            top: 5px;
            left: 10px;
            border: 0px;
            border-radius: 50%;
            opacity: 0; }
          .contact-form-wrapper .contact-form .form-fields .accept-terms .wpcf7-list-item label span a {
            color: #EB662A; }
        .contact-form-wrapper .contact-form .form-fields .accept-terms .wpcf7-list-item label input:checked + span::after {
          opacity: 1;
          background: #0751A7;
          transition: opacity 0.4s ease; }

.contact-form-wrapper.bg-blue {
  background: none; }
  .contact-form-wrapper.bg-blue .contact-form {
    padding: 0px 0px; }
    .contact-form-wrapper.bg-blue .contact-form .form-fields {
      margin-top: 0px;
      padding-top: 73px;
      padding-bottom: 73px;
      background: #F5F6F8; }
    .contact-form-wrapper.bg-blue .contact-form .contact-info {
      padding-top: 73px;
      padding-bottom: 73px;
      background: #0751A7;
      color: #ffffff; }
      .contact-form-wrapper.bg-blue .contact-form .contact-info .heading {
        color: #ffffff; }
      .contact-form-wrapper.bg-blue .contact-form .contact-info .text {
        margin-bottom: 80px !important; }
      .contact-form-wrapper.bg-blue .contact-form .contact-info .contact-info-inner p {
        margin-bottom: 20px; }
        .contact-form-wrapper.bg-blue .contact-form .contact-info .contact-info-inner p strong {
          color: #EB662A; }
      .contact-form-wrapper.bg-blue .contact-form .contact-info .contact-info-inner :first-child {
        padding-bottom: 0;
        margin-bottom: 20px;
        border-bottom: none; }

.contact-form-wrapper.career-form {
  position: relative; }
  .contact-form-wrapper.career-form .contact-form::before {
    content: "";
    background: url(../../images/logo-career-form.svg) center no-repeat;
    background-size: contain;
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0;
    width: 268px;
    height: 348px; }
  .contact-form-wrapper.career-form .contact-form .form-fields {
    margin-top: 0; }

@media (max-width: 992px) {
  .contact-form-wrapper {
    background: #F5F6F8; }
    .contact-form-wrapper .contact-form {
      padding: 65px 0;
      background: none; }
      .contact-form-wrapper .contact-form:before {
        display: none; }
      .contact-form-wrapper .contact-form .contact-info .slim-title {
        font-size: 12px; }
      .contact-form-wrapper .contact-form .contact-info .heading {
        line-height: 42px;
        margin-bottom: 35px;
        max-width: 308px;
        letter-spacing: 0;
        color: #282b3c; }
      .contact-form-wrapper .contact-form .contact-info .contact-info-inner p {
        max-width: none; }
      .contact-form-wrapper .contact-form .form-fields {
        margin-top: 80px; }
        .contact-form-wrapper .contact-form .form-fields form label {
          font-size: 14px;
          line-height: 17px;
          letter-spacing: 4.9px;
          /* span{
                            margin-bottom: 66px;
                        } */ }
          .contact-form-wrapper .contact-form .form-fields form label br {
            display: none; }
          .contact-form-wrapper .contact-form .form-fields form label input {
            line-height: 43px; }
          .contact-form-wrapper .contact-form .form-fields form label .your-message {
            margin-bottom: 60px; }
          .contact-form-wrapper .contact-form .form-fields form label textarea {
            margin-top: 5px;
            margin-bottom: 0px; }
        .contact-form-wrapper .contact-form .form-fields form .accept-terms .wpcf7-list-item label span {
          font-size: 16px; }
        .contact-form-wrapper .contact-form .form-fields form .codedropz-upload-wrapper {
          /*   margin-bottom:83px; */
          margin-top: 38px;
          column-count: unset; }
          .contact-form-wrapper .contact-form .form-fields form .codedropz-upload-wrapper .dnd-progress-bar {
            display: none; }
          .contact-form-wrapper .contact-form .form-fields form .codedropz-upload-wrapper .dnd-upload-counter {
            display: none; }
          .contact-form-wrapper .contact-form .form-fields form .codedropz-upload-wrapper .dnd-upload-status {
            display: flex;
            padding: 0;
            margin-top: 15px; }
  .bg-blue .contact-form .contact-info .contact-info-inner p {
    margin-bottom: 16px; }
    .bg-blue .contact-form .contact-info .contact-info-inner p strong {
      color: #EB662A; }
  .bg-blue .contact-form .contact-info .contact-info-inner :first-child {
    padding-bottom: 0;
    margin-bottom: 16px;
    border-bottom: none; }
  .career-form {
    background: none; }
    .career-form .contact-form {
      padding: 65px 24px;
      background: #F5F6F8; }
      .career-form .contact-form::before {
        display: none; } }

.services-wrapper {
  position: relative; }
  .services-wrapper:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 223px;
    height: 172px;
    background: url(../../images/circles.svg) no-repeat center;
    background-size: contain; }

.advantages {
  background: #ffffff; }
  .advantages .image {
    background-size: cover;
    width: 100%;
    height: 100%;
    min-height: 420px; }
  .advantages .col-12 > .row {
    margin-left: -0.5rem !important;
    margin-right: -0.5rem !important; }

.text-block {
  position: relative; }
  .text-block .text-block-inner {
    border-bottom: 5px solid #0751A7;
    transition: background-color 0.4s ease , color 0.4s ease;
    color: #202238;
    position: relative;
    background: #F5F6F8;
    height: 100%;
    min-height: 344px; }
    .text-block .text-block-inner .medium-title, .text-block .text-block-inner .slim-title {
      color: #202238;
      transition: color 0.4s ease; }
    .text-block .text-block-inner .more-btn {
      position: absolute;
      bottom: 39px;
      left: 22px; }
    .text-block .text-block-inner .text {
      color: #4E5069;
      transition: color 0.4s ease; }
    .text-block .text-block-inner .textblock-icon {
      max-width: 120px; }
      .text-block .text-block-inner .textblock-icon span {
        color: #0751A7;
        font-size: 50px; }
        .text-block .text-block-inner .textblock-icon span:before {
          color: unset; }
    .text-block .text-block-inner a:hover {
      background-color: #0751A7;
      color: #ffffff;
      text-decoration: none; }
      .text-block .text-block-inner a:hover .medium-title, .text-block .text-block-inner a:hover .slim-title, .text-block .text-block-inner a:hover .text {
        color: #ffffff; }
      .text-block .text-block-inner a:hover .more-btn span {
        background: #EB662A;
        color: #ffffff; }
      .text-block .text-block-inner a:hover .textblock-icon span {
        color: #ffffff; }
  .text-block.without-border .text-block-inner {
    border-bottom: none;
    min-height: 230px; }
  .text-block.right-border::after {
    content: "";
    position: absolute;
    bottom: calc(50% - 24px);
    right: 0;
    left: auto;
    height: 50px;
    width: 2px;
    background: rgba(32, 34, 56, 0.4); }
  .text-block.right-border .text-block-inner {
    border-bottom: none;
    min-height: 175px; }
    .text-block.right-border .text-block-inner .textblock-icon {
      width: 80px;
      height: 80px; }
      .text-block.right-border .text-block-inner .textblock-icon img {
        width: auto;
        height: 100%; }
    .text-block.right-border .text-block-inner:hover {
      background: #F5F6F8;
      color: #202238; }
      .text-block.right-border .text-block-inner:hover a {
        text-decoration: none; }
      .text-block.right-border .text-block-inner:hover .medium-title, .text-block.right-border .text-block-inner:hover .slim-title {
        color: #202238; }
      .text-block.right-border .text-block-inner:hover .text {
        color: #4E5069; }
      .text-block.right-border .text-block-inner:hover .more-btn span {
        background: #EB662A;
        color: #ffffff; }
      .text-block.right-border .text-block-inner:hover .textblock-icon span {
        color: #0751A7; }
  .text-block.right-border:last-child::after {
    display: none; }
  .text-block.bottom-border .text-block-inner {
    border-bottom: none;
    min-height: 175px; }
    .text-block.bottom-border .text-block-inner:after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      width: 50px;
      height: 2px;
      background: rgba(32, 34, 56, 0.4); }
    .text-block.bottom-border .text-block-inner:hover {
      background: #F5F6F8;
      color: #202238; }
      .text-block.bottom-border .text-block-inner:hover a {
        text-decoration: none; }
      .text-block.bottom-border .text-block-inner:hover .medium-title, .text-block.bottom-border .text-block-inner:hover .slim-title {
        color: #202238; }
      .text-block.bottom-border .text-block-inner:hover .text {
        color: #4E5069; }
      .text-block.bottom-border .text-block-inner:hover .more-btn span {
        background: #EB662A;
        color: #ffffff; }
      .text-block.bottom-border .text-block-inner:hover .textblock-icon span {
        color: #0751A7; }
  .text-block.bottom-border:last-child .text-block-inner:after {
    display: none; }
  .text-block.text-center .more-btn {
    left: 0;
    right: 0;
    margin: 0 auto; }
    .text-block.text-center .more-btn span {
      margin: 0 auto; }
  .text-block:last-child {
    margin-bottom: 0 !important; }

@media (min-width: 992px) {
  .services-wrapper:before {
    width: 400px;
    height: 309px; }
  .advantages .col-12 > .row {
    margin-left: -0.5rem !important;
    margin-right: -0.5rem !important; }
  .advantages .col-lg-4:nth-last-child(2) {
    margin-bottom: 0 !important; }
  .advantages .col-lg-4:nth-last-child(3) {
    margin-bottom: 0 !important; } }

@media (min-width: 768px) and (max-width: 992px) {
  .services-wrapper .text-block:nth-last-child(2) {
    margin-bottom: 0 !important; } }

@media (max-width: 576px) {
  .services-wrapper .text-block .text-block-inner {
    min-height: 315px; } }

@media (max-width: 992px) {
  .advantages .text-block .text-block-inner {
    min-height: 353px; }
  .advantages .image {
    min-height: 353px; }
  .text-block.right-border::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: calc(50% - 24px);
    height: 2px;
    width: 50px;
    background: rgba(32, 34, 56, 0.4); } }

/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/
/*
CONTENTS: 
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/
/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/
.mCustomScrollbar {
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom;
  /* direct pointer events to js */ }

.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
  -ms-touch-action: auto;
  touch-action: auto; }

.mCustomScrollBox {
  /* contains plugin's markup */
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: none;
  direction: ltr; }

.mCSB_container {
  /* contains the original content */
  overflow: hidden;
  width: auto;
  height: auto; }

/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_inside > .mCSB_container {
  margin-right: 30px; }

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0; }

/* non-visible scrollbar */
.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px; }

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left: 0; }

/* RTL direction/left-side scrollbar */
.mCSB_scrollTools {
  /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
  position: absolute;
  width: 16px;
  height: auto;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0; }

.mCSB_outside + .mCSB_scrollTools {
  right: -26px; }

/* scrollbar position: outside */
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  /* RTL direction/left-side scrollbar */
  right: auto;
  left: 0; }

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  left: -26px; }

/* RTL direction/left-side scrollbar (scrollbar position: outside) */
.mCSB_scrollTools .mCSB_draggerContainer {
  /* contains the draggable element and dragger rail markup */
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto; }

.mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 20px 0; }

.mCSB_scrollTools .mCSB_draggerRail {
  width: 2px;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px; }

.mCSB_scrollTools .mCSB_dragger {
  /* the draggable element */
  cursor: pointer;
  width: 100%;
  height: 30px;
  /* minimum dragger height */
  z-index: 1; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  /* the dragger element */
  position: relative;
  width: 4px;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  text-align: center; }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 12px;
  /* auto-expanded scrollbar */ }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 8px;
  /* auto-expanded scrollbar */ }

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer; }

.mCSB_scrollTools .mCSB_buttonDown {
  bottom: 0; }

/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-bottom: 30px; }

.mCSB_horizontal.mCSB_outside > .mCSB_container {
  min-height: 100%; }

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0; }

/* non-visible scrollbar */
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 16px;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0; }

.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: -26px; }

/* scrollbar position: outside */
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
  margin: 0 20px; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 2px;
  margin: 7px 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 30px;
  /* minimum dragger width */
  height: 100%;
  left: 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto; }

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  /* auto-expanded scrollbar */
  margin: 2px auto; }

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 8px;
  /* auto-expanded scrollbar */
  margin: 4px 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  display: block;
  position: absolute;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
  left: 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  right: 0; }

/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_container_wrapper {
  position: absolute;
  height: auto;
  width: auto;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-right: 30px;
  margin-bottom: 30px; }

.mCSB_container_wrapper > .mCSB_container {
  padding-right: 30px;
  padding-bottom: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 20px; }

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 20px; }

/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 0; }

/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 0; }

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 20px; }

/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 0; }

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px; }

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
  padding-right: 0; }

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
  padding-bottom: 0; }

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
  /* non-visible scrollbar */
  margin-left: 0; }

/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0; }

/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
  -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
  -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
  transition: opacity .2s ease-in-out, background-color .2s ease-in-out; }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
  -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
 margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
 margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
 opacity .2s ease-in-out, background-color .2s ease-in-out;
  -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
 margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
 margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
 opacity .2s ease-in-out, background-color .2s ease-in-out;
  -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
 margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
 margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
 opacity .2s ease-in-out, background-color .2s ease-in-out;
  transition: width .2s ease-out .2s, height .2s ease-out .2s, 
 margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
 margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
 opacity .2s ease-in-out, background-color .2s ease-in-out; }

/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/
/* 
	----------------------------------------
	6.1 THEMES 
	----------------------------------------
	*/
/* default theme ("light") */
.mCSB_scrollTools {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)"; }

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 0;
  filter: "alpha(opacity=0)";
  -ms-filter: "alpha(opacity=0)"; }

.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)"; }

.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4);
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)"; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)"; }

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
  filter: "alpha(opacity=85)";
  -ms-filter: "alpha(opacity=85)"; }

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.nice-select.open .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)"; }

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  background-image: url(mCSB_buttons.png);
  /* css sprites */
  background-repeat: no-repeat;
  opacity: 0.4;
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)"; }

.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 0;
  /* 
		sprites locations 
		light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
		dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
		*/ }

.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -20px;
  /* 
		sprites locations
		light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
		dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
		*/ }

.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -40px;
  /* 
		sprites locations 
		light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
		dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
		*/ }

.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -56px;
  /* 
		sprites locations 
		light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
		dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
		*/ }

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)"; }

.mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonUp.nice-select.open,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonDown.nice-select.open,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonLeft.nice-select.open,
.mCSB_scrollTools .mCSB_buttonRight:active,
.mCSB_scrollTools .mCSB_buttonRight.nice-select.open {
  opacity: 0.9;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)"; }

/* theme: "dark" */
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.nice-select.open .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0; }

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px; }

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px; }

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px; }

/* ---------------------------------------- */
/* theme: "light-2", "dark-2" */
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px; }

.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px; }

.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto; }

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85); }

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger.nice-select.open .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9); }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px 0; }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -20px; }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -40px; }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -56px; }

/* theme: "dark-2" */
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.nice-select.open .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px 0; }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -20px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -40px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -56px; }

/* ---------------------------------------- */
/* theme: "light-thick", "dark-thick" */
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0; }

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 6px;
  margin: 5px auto; }

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85); }

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.nice-select.open .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9); }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px 0; }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -20px; }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -40px; }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -56px; }

/* theme: "dark-thick" */
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.nice-select.open .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px 0; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -20px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -40px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -56px; }

/* ---------------------------------------- */
/* theme: "light-thin", "dark-thin" */
.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1); }

.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px; }

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%; }

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 2px;
  margin: 7px auto; }

/* theme "dark-thin" */
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.nice-select.open .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px; }

/* ---------------------------------------- */
/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.15); }

.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
  height: 14px; }

.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 14px;
  margin: 0 1px; }

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 14px; }

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 14px;
  margin: 1px 0; }

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 16px;
  /* auto-expanded scrollbar */
  height: 16px;
  margin: -1px 0; }

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 4px;
  /* auto-expanded scrollbar */ }

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 16px;
  /* auto-expanded scrollbar */
  width: 16px;
  margin: 0 -1px; }

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 4px;
  /* auto-expanded scrollbar */
  margin: 6px 0; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 -72px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -92px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -112px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -128px; }

/* theme "rounded-dark", "rounded-dots-dark" */
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.nice-select.open .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.nice-select.open .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px -72px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -92px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -112px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -128px; }

/* theme "rounded-dots", "rounded-dots-dark" */
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
  width: 4px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  background-color: transparent;
  background-position: center; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
  background-repeat: repeat-y;
  opacity: 0.3;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)"; }

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
  background-repeat: repeat-x; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px -72px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -92px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -112px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -128px; }

/* theme "rounded-dots-dark" */
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px -72px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -92px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -112px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -128px; }

/* ---------------------------------------- */
/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-y;
  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); }

/* theme "3d", "3d-dark" */
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 70px; }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 70px; }

.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)"; }

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px; }

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 8px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2); }

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.nice-select.open .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.nice-select.open .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555; }

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 8px; }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 8px;
  margin: 4px 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2); }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 8px;
  margin: 4px auto; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px; }

/* theme "3d-dark" */
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1); }

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px; }

/* ---------------------------------------- */
/* theme: "3d-thick", "3d-thick-dark" */
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)"; }

.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  right: 1px; }

.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); }

.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  bottom: 1px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); }

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
  width: 12px;
  margin: 2px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4); }

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.nice-select.open .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555; }

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  width: auto; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); }

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px; }

/* theme: "3d-thick-dark" */
.mCS-3d-thick-dark.mCSB_scrollTools {
  box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.nice-select.open .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #777; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #fff;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px; }

/* ---------------------------------------- */
/* theme: "minimal", "minimal-dark" */
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  right: 0;
  margin: 12px 0; }

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: 0;
  margin: 0 12px; }

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  left: 0;
  right: auto; }

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent; }

.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 50px; }

.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 50px; }

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)"; }

.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.nice-select.open .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)"; }

/* theme: "minimal-dark" */
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)"; }

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.nice-select.open .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)"; }

/* ---------------------------------------- */
/* theme "light-3", "dark-3" */
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  width: 6px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2); }

.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px; }

.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 6px;
  margin: 5px 0; }

.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 12px; }

.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 12px;
  margin: 2px 0; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px; }

/* theme "dark-3" */
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.nice-select.open .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1); }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px; }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px; }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px; }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px; }

/* ---------------------------------------- */
/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 12px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2); }

.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  margin: 3px 5px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 6px;
  margin: 5px 3px;
  position: absolute;
  width: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 12px;
  margin: 2px 0; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px; }

/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.nice-select.open .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.nice-select.open .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.nice-select.open .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px; }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px; }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px; }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px; }

/* theme "inset-2", "inset-2-dark" */
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-color: #fff;
  border-color: rgba(255, 255, 255, 0.2);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  border-color: #000;
  border-color: rgba(0, 0, 0, 0.2); }

/* theme "inset-3", "inset-3-dark" */
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.6); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6); }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.nice-select.open .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85); }


.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.nice-select.open .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9); }

/* ---------------------------------------- */
.product-pagination .more-btn {
  margin-left: 15px; }
  .product-pagination .more-btn:hover span {
    background: #0751A7; }
  .product-pagination .more-btn:last-child {
    margin-left: 0; }

.pagination {
  width: 100%;
  justify-content: center;
  margin-top: 30px; }
  .pagination h2 {
    display: none; }
  .pagination .nav-links {
    display: flex; }

.archive-sidebar {
  max-width: 336px; }
  .archive-sidebar .sidebar-search {
    position: relative; }
    .archive-sidebar .sidebar-search input {
      border: none;
      border-bottom: 1px solid rgba(32, 34, 56, 0.33);
      margin-bottom: 90px;
      padding-bottom: 10px;
      width: 100%;
      outline: none;
      cursor: pointer;
      padding-right: 26px; }
    .archive-sidebar .sidebar-search span {
      display: block;
      position: absolute;
      right: 0;
      top: 3px;
      font-size: 22px;
      cursor: pointer; }
      .archive-sidebar .sidebar-search span.icon-close {
        right: 30px;
        font-size: 10px;
        background: #F5F6F8;
        border-radius: 50%;
        padding: 5px;
        padding: 8px;
        font-weight: bold; }
  .archive-sidebar .column-wrap {
    background: #F5F6F8;
    padding: 38px 32px;
    margin-top: -2px; }
    .archive-sidebar .column-wrap .column .medium-title {
      line-height: 26px;
      width: 100%;
      padding-bottom: 23px;
      border-bottom: 1px solid rgba(32, 34, 56, 0.1);
      margin-bottom: 23px; }
    .archive-sidebar .column-wrap .column .filter-cat {
      position: relative;
      cursor: pointer; }
      .archive-sidebar .column-wrap .column .filter-cat input {
        position: absolute;
        width: 100%;
        height: 100%;
        opacity: 0;
        top: 0;
        left: 0;
        z-index: 10; }
      .archive-sidebar .column-wrap .column .filter-cat:before {
        content: "";
        position: absolute;
        top: 4px;
        left: 0;
        width: 16px;
        height: 16px;
        border: 1px solid #515362;
        z-index: 9; }
      .archive-sidebar .column-wrap .column .filter-cat:after {
        content: "";
        position: absolute;
        top: 9px;
        left: 5px;
        width: 6px;
        height: 6px;
        border: 0;
        background: #0751A7;
        opacity: 0;
        transition: opacity 0.4s ease; }
      .archive-sidebar .column-wrap .column .filter-cat label {
        cursor: pointer;
        padding-left: 28px;
        font-size: 15px; }
      .archive-sidebar .column-wrap .column .filter-cat.has-subcategories .icon-arrow_next {
        position: absolute;
        top: -7px;
        right: 0;
        width: 40px;
        height: 40px;
        border-radius: 5px;
        background: none;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-left: 2px;
        color: #202238;
        font-size: 17px;
        transition: all .3s ease; }
      .archive-sidebar .column-wrap .column .filter-cat.has-subcategories .icon-arrow_next {
        transform: rotate(90deg); }
      .archive-sidebar .column-wrap .column .filter-cat.has-subcategories[aria-expanded='true'] .icon-arrow_next {
        transform: rotate(270deg);
        color: #EB662A; }
      .archive-sidebar .column-wrap .column .filter-cat.has-subcategories:not(.collapsed).checked label {
        color: #EB662A; }
      .archive-sidebar .column-wrap .column .filter-cat.checked:after {
        opacity: 1; }
    .archive-sidebar .column-wrap .column .filter-subcats {
      position: relative; }
      .archive-sidebar .column-wrap .column .filter-subcats input {
        position: absolute;
        width: 100%;
        height: 100%;
        opacity: 0;
        top: 0;
        left: 0;
        z-index: 10; }
      .archive-sidebar .column-wrap .column .filter-subcats label {
        padding-left: 56px;
        cursor: pointer; }
      .archive-sidebar .column-wrap .column .filter-subcats:before {
        content: "";
        position: absolute;
        top: 4px;
        left: 28px;
        width: 16px;
        height: 16px;
        border: 1px solid #515362;
        z-index: 9; }
      .archive-sidebar .column-wrap .column .filter-subcats:after {
        content: "";
        position: absolute;
        top: 9px;
        left: 33px;
        width: 6px;
        height: 6px;
        border: 0;
        background: #0751A7;
        opacity: 0;
        transition: opacity 0.4s ease; }
      .archive-sidebar .column-wrap .column .filter-subcats.checked:after {
        opacity: 1; }
    .archive-sidebar .column-wrap .column .filter-tag {
      position: relative;
      display: inline-block;
      padding: 10px 18px;
      background: white;
      color: #0751A7;
      cursor: pointer;
      margin-bottom: 15px;
      margin-right: 11px; }
      .archive-sidebar .column-wrap .column .filter-tag input {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        cursor: pointer; }
      .archive-sidebar .column-wrap .column .filter-tag label {
        margin-bottom: 0;
        font-size: 14px;
        letter-spacing: 0.28px;
        line-height: 24px; }
      .archive-sidebar .column-wrap .column .filter-tag.checked {
        background: #0751A7;
        color: white; }
    .archive-sidebar .column-wrap .column:nth-last-of-type {
      border-bottom: 1px solid red; }
    .archive-sidebar .column-wrap .column .column-inner {
      max-height: 260px;
      overflow: auto; }
      .archive-sidebar .column-wrap .column .column-inner .mCSB_scrollTools {
        right: -6px; }
        .archive-sidebar .column-wrap .column .column-inner .mCSB_scrollTools .mCSB_draggerRail {
          background-color: transparent; }
        .archive-sidebar .column-wrap .column .column-inner .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
          width: 3px;
          border-radius: 0;
          background-color: #202238; }
    .archive-sidebar .column-wrap > div:last-child {
      padding-top: 23px;
      border-top: 1px solid rgba(32, 34, 56, 0.1); }
    .archive-sidebar .column-wrap > div .button.btn-secondary {
      height: 55px;
      max-width: 207px;
      margin: 0 auto; }
    .archive-sidebar .column-wrap > div .filters-reset {
      cursor: pointer;
      font-size: 15px; }
      .archive-sidebar .column-wrap > div .filters-reset .icon-close {
        font-size: 10px;
        width: 26px;
        height: 26px;
        border-radius: 50%;
        background: #ffffff; }
    .archive-sidebar .column-wrap.filters-sticky {
      position: relative; }

.page-numbers {
  color: #202238;
  text-decoration: none;
  font-weight: 500;
  width: 55px;
  height: 58px;
  border: 0px solid #EB662A;
  color: #202238;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: background 0.4s ease;
  margin-left: 10px;
  border-radius: 2px; }
  .page-numbers:not(.dots):hover {
    text-decoration: none;
    background: #0751A7;
    color: #ffffff; }
  .page-numbers.next:hover, .page-numbers.prev:hover {
    background: none; }
    .page-numbers.next:hover span, .page-numbers.prev:hover span {
      color: #EB662A; }
  .page-numbers.dots:hover {
    cursor: default; }
  .page-numbers.current {
    text-decoration: underline; }

@media (max-width: 1200px) {
  .archive-sidebar .column-wrap {
    margin-top: -3px; } }

@media (max-width: 992px) {
  .no-hero-img {
    padding-top: 95px;
    padding-bottom: 57px; }
    .no-hero-img:after {
      display: none; }
    .no-hero-img::before {
      width: 153px;
      height: 118px; }
  .filter-mob-wrap {
    margin-bottom: 18px; }
    .filter-mob-wrap .filter-mob {
      border-bottom: 1px solid #E2E7F0;
      position: relative;
      cursor: pointer; }
      .filter-mob-wrap .filter-mob::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 29px;
        height: 22px;
        background: url(../../images/filter-icon.svg) center no-repeat;
        background-size: contain; }
    .filter-mob-wrap.title-sticky {
      position: fixed;
      top: 0;
      left: 0;
      background: #ffffff;
      z-index: 9999; }
      .filter-mob-wrap.title-sticky .filter-mob {
        border: none; }
        .filter-mob-wrap.title-sticky .filter-mob::after {
          background: url(../../images/close-btn.svg) center no-repeat; }
  .archive-sidebar .column-wrap {
    padding: 38px 22px; }
    .archive-sidebar .column-wrap .column .filter-cat.has-subcategories .icon-arrow_next {
      right: -14px; }
    .archive-sidebar .column-wrap.filters-sticky {
      position: fixed;
      top: 62px;
      width: 100vw;
      lefT: 0;
      z-index: 9999;
      height: calc(100vh - 52px);
      overflow: auto;
      position: fixed; } }

/************* 404 page ******************/
.error-page-wrapper {
  margin-top: 0;
  position: relative;
  height: calc(100vh - 70px); }
  .error-page-wrapper:before {
    content: "";
    background: url(../../images/404_img.png) center no-repeat;
    background-size: cover;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 350px;
    height: 320px;
    z-index: -1; }
  .error-page-wrapper .error-page {
    padding-top: 127px; }
    .error-page-wrapper .error-page .slim-title {
      font-size: 12px;
      letter-spacing: 4.2px; }
    .error-page-wrapper .error-page .btn-secondary.btn-error {
      background: transparent;
      color: #202238;
      border: 1px solid #EB662A;
      border-radius: 2px;
      max-width: 217px;
      font-weight: 500; }
    .error-page-wrapper .error-page .text {
      margin-bottom: 90px;
      letter-spacing: 0.32px;
      font-size: 16px;
      line-height: 22px;
      max-width: 850px; }

@media (min-width: 992px) {
  .error-page-wrapper {
    height: calc(100vh - 81px); }
    .error-page-wrapper:before {
      background-size: cover;
      width: 54%;
      height: 100%;
      z-index: -1; }
    .error-page-wrapper .error-page {
      padding-top: 152px; }
      .error-page-wrapper .error-page .slim-title {
        font-size: 14px;
        letter-spacing: 4.9px; }
      .error-page-wrapper .error-page .btn-secondary.btn-error {
        border-radius: none;
        max-width: 206px; }
      .error-page-wrapper .error-page .text {
        margin-bottom: 68px;
        letter-spacing: 0.51px;
        font-size: 17px; } }

/************* simple-page *********************/
.simple-page .page-section {
  background: #ffffff; }
  .simple-page .page-section .default-content {
    padding-top: 55px;
    padding-bottom: 55px;
    background: #F5F6F8; }
    .simple-page .page-section .default-content .slim-title {
      letter-spacing: 4.9px; }
    .simple-page .page-section .default-content .heading {
      line-height: 56px;
      border-bottom: 2px solid #E2E7F0;
      padding-bottom: 33px; }
    .simple-page .page-section .default-content h4 {
      font-size: 19px;
      letter-spacing: 0.67px;
      line-height: 24px;
      margin-bottom: 20px;
      color: #211F29; }
    .simple-page .page-section .default-content .text {
      color: #515362; }
    .simple-page .page-section .default-content a {
      color: #EB662A; }

@media (max-width: 992px) {
  .simple-page .page-section {
    background: #F5F6F8; }
    .simple-page .page-section .default-content {
      padding-top: 58px;
      padding-bottom: 37px; }
      .simple-page .page-section .default-content .slim-title {
        letter-spacing: 4.2px; }
      .simple-page .page-section .default-content .heading {
        line-height: 36px;
        padding-bottom: 23px; }
      .simple-page .page-section .default-content h4 {
        letter-spacing: 0px;
        line-height: 24px;
        margin-bottom: 18px; } }

/************* about-us ******************/
.hero-slider.inner .hero-img {
  height: 50vh;
  min-height: 50vh; }

.hero-slider.inner .slide-info {
  top: 50%; }
  .hero-slider.inner .slide-info .slider-titles .heading {
    color: #0751A7; }

.hero-slider.inner:before {
  bottom: 0;
  top: -5px; }

.hero-slider.inner:after {
  display: none; }

.hero-slider.inner .no-hero-img {
  background: #F5F6F8;
  position: relative;
  height: 50vh;
  min-height: 50vh;
  /*   padding-top:136px;
            padding-bottom:127px; */ }
  .hero-slider.inner .no-hero-img:after {
    content: "";
    position: absolute;
    left: 0;
    top: -5px;
    width: 72px;
    height: 100%;
    background: url(../../images/greys-lines-column.svg) no-repeat center;
    background-size: cover; }
  .hero-slider.inner .no-hero-img:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 400px;
    height: 309px;
    background: url(../../images/circles.svg) no-repeat center;
    background-size: contain; }

/*contact*/
.acf-map {
  width: 100%;
  height: 540px;
  border: 1px solid #cccccc;
  margin: 20px 0; }

.acf-map img {
  max-width: inherit !important; }

.marker-title {
  font-size: 16px;
  font-weight: 500;
  padding-bottom: 18px;
  border-bottom: 2px solid #DFE0E8;
  letter-spacing: 0.32px; }

.marker-content {
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.3px;
  margin-top: 18px; }
  .marker-content .marker-address {
    font-weight: 500; }
  .marker-content .marker-county {
    margin-top: 6px; }
  .marker-content .marker-position {
    color: #515362;
    margin-top: 6px; }
  .marker-content .marker-link {
    margin-top: 26px;
    text-decoration: underline;
    padding-bottom: 10px; }
    .marker-content .marker-link a {
      font-weight: 500 !important; }

.gm-style .gm-style-iw-c {
  padding: 22px;
  border-radius: 2px;
  min-width: 360px !important; }
  .gm-style .gm-style-iw-c button {
    top: 2px !important;
    right: 8px !important;
    width: 36px !important;
    height: 36px !important;
    outline: 0 !important;
    opacity: 1 !important; }
    .gm-style .gm-style-iw-c button img {
      width: 31px !important;
      height: 25px !important;
      opacity: 1 !important; }

.gm-style .gm-style-iw-d {
  padding-right: 4px;
  padding-bottom: 4px; }

.page-section.with-bg {
  background: #F5F6F8;
  padding-top: 80px;
  padding-bottom: 80px; }
  .page-section.with-bg ol li {
    margin-bottom: 35px; }
    .page-section.with-bg ol li :last-child {
      margin-bottom: 0; }

.search-result {
  margin-top: 74px !important; }
  .search-result .search-highlight {
    color: #0751A7;
    font-weight: 700; }
  .search-result .search {
    position: relative;
    margin-bottom: 70px; }
    .search-result .search input {
      border: none;
      border-bottom: 1px solid #E2E7F0;
      padding-bottom: 10px;
      width: 100%;
      outline: none;
      cursor: pointer;
      padding-right: 26px; }
    .search-result .search span {
      display: block;
      position: absolute;
      right: 21px;
      top: 3px;
      pointer-events: none;
      font-size: 22px; }
  .search-result .result-wrap {
    margin-bottom: 88px; }
    .search-result .result-wrap .result {
      border-bottom: 1px solid #E2E7F0; }
      .search-result .result-wrap .result:last-child {
        margin-bottom: 0 !important; }
      .search-result .result-wrap .result .title {
        line-height: 24px;
        letter-spacing: 0.67px;
        text-decoration: none;
        transition: color 0.3 ease;
        color: inherit;
        /*  span{
                  color: $royal-blue;  
                } */ }
        .search-result .result-wrap .result .title:hover {
          color: #EB662A;
          /* span {
                        color: $orange;
                    } */ }
          .search-result .result-wrap .result .title:hover .search-highlight {
            color: #EB662A; }
      .search-result .result-wrap .result .text {
        font-size: 15px;
        line-height: 21px;
        letter-spacing: 0.3px; }

.multiple-blocks .col-lg-4:last-child {
  margin-bottom: 0 !important; }

@media (max-width: 992px) {
  .page-section.with-bg {
    padding-top: 70px;
    padding-bottom: 70px; }
    .page-section.with-bg ol li {
      margin-bottom: 25px; }
  .hero-slider.inner:before {
    display: none; }
  .hero-slider.inner .no-hero-img {
    padding-top: 95px;
    padding-bottom: 57px; }
    .hero-slider.inner .no-hero-img:after {
      display: none; }
    .hero-slider.inner .no-hero-img:before {
      width: 153px;
      height: 118px; }
  .search-result {
    margin-top: 51px !important; }
    .search-result .search input {
      margin-bottom: 56px;
      padding-bottom: 9px; }
    .search-result .result-wrap {
      margin-bottom: 70px; }
  .gm-style .gm-style-iw-c {
    min-width: 340px !important; } }

@media (max-width: 480px) {
  .gm-style .gm-style-iw-c {
    min-width: 300px !important; } }

.navbar {
  border-bottom: 1px solid #E2E7F0;
  background: #ffffff;
  padding: 0 90px 0 0; }
  .navbar .navbar-brand {
    background: #F5F6F8;
    padding: 18px 36px; }
    .navbar .navbar-brand img {
      width: 86px;
      height: 44px; }
  .navbar .navbar-right, .navbar .menu-search {
    height: 80px; }
    .navbar .navbar-right > div, .navbar .menu-search > div {
      width: 90px;
      height: 100%;
      border-right: 1px solid #E2E7F0;
      padding: 26px 32px;
      box-sizing: border-box;
      cursor: pointer;
      color: #202238;
      font-weight: 500;
      /* &.lang-btn {
                text-align:center;
                position: relative;
                transition: background 0.4s ease;

                &:hover{
                    background: $sky-blue;

                    .sub-lang{
                        opacity: 1;
                        pointer-events: all;
                    }

                }

                a{
                    font-size:16px;
                    letter-spacing:0.32px;
                    text-align:center;
                    font-family: 'Roboto','sans-serif';
                    font-weight: 500;
                    color: $charcoal-grey;
                    transition: background 0.4s ease;
                    text-decoration: none;
                }

              
                .sub-lang{
                    display: flex;
                    flex-direction: column;
                    position: absolute;
                    top:80px;
                    left: 0;
                    opacity: 0;
                    pointer-events: none;
                    transition: opacity 0.4s ease;

                    a{
                        
                        background: $sky-blue;
                        width:90px;
                        padding-top: 12px;
                        padding-bottom: 12px;

                        &:hover{
                            background: $white;
                            color: $royal-blue;
                        }
    
                    }

                    
                }

                
            }
            */ }
      .navbar .navbar-right > div:first-child, .navbar .menu-search > div:first-child {
        border-left: 1px solid #E2E7F0; }
      .navbar .navbar-right > div.search-btn, .navbar .menu-search > div.search-btn {
        font-size: 21px;
        text-align: center; }
  .navbar .wpml-ls-legacy-dropdown {
    position: relative; }
    .navbar .wpml-ls-legacy-dropdown > ul {
      position: absolute;
      width: 90px;
      height: 80px;
      top: 0;
      left: 0; }
      .navbar .wpml-ls-legacy-dropdown > ul li {
        padding-left: 0 !important; }
        .navbar .wpml-ls-legacy-dropdown > ul li:before {
          display: none; }
        .navbar .wpml-ls-legacy-dropdown > ul li:hover {
          background: #F5F6F8; }
          .navbar .wpml-ls-legacy-dropdown > ul li:hover a {
            background: none !important; }
            .navbar .wpml-ls-legacy-dropdown > ul li:hover a:before {
              content: "";
              width: 100%;
              height: 100%;
              position: absolute;
              top: 0;
              lefT: 0; }
    .navbar .wpml-ls-legacy-dropdown .wpml-ls-item {
      padding: 0;
      margin: 0;
      list-style-type: none;
      display: flex;
      width: 100%;
      height: 100%;
      align-items: center;
      justify-content: center; }
    .navbar .wpml-ls-legacy-dropdown a {
      padding: 0;
      background: none;
      border: none;
      font-size: 16px;
      letter-spacing: 0.32px;
      text-align: center;
      font-family: 'Roboto','sans-serif';
      font-weight: 500;
      color: #202238;
      text-decoration: none; }
      .navbar .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
        display: none; }
      .navbar .wpml-ls-legacy-dropdown a:hover {
        background: #F5F6F8; }
        .navbar .wpml-ls-legacy-dropdown a:hover a {
          background: none !important; }
    .navbar .wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
      background: #F5F6F8; }
      .navbar .wpml-ls-legacy-dropdown .wpml-ls-sub-menu .wpml-ls-item {
        padding-top: 12px;
        padding-bottom: 12px; }
        .navbar .wpml-ls-legacy-dropdown .wpml-ls-sub-menu .wpml-ls-item:hover {
          background: #ffffff; }
          .navbar .wpml-ls-legacy-dropdown .wpml-ls-sub-menu .wpml-ls-item:hover a {
            color: #0751A7; }
  .navbar .menu-search {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    background: #ffffff;
    height: 100%;
    display: flex;
    opacity: 0;
    z-index: -1;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease; }
    .navbar .menu-search .menu-search-input {
      width: calc(100% - 180px);
      pointer-events: none; }
      .navbar .menu-search .menu-search-input input {
        width: 100%;
        outline: none;
        border: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none; }
    .navbar .menu-search .search-btn {
      cursor: default; }
    .navbar .menu-search.triggered {
      z-index: 12;
      opacity: 1; }
      .navbar .menu-search.triggered .menu-search-input {
        cursor: default;
        pointer-events: all; }

.burger-menu-btn {
  background: #0751A7;
  border-right: none !important;
  position: fixed;
  right: 0;
  z-index: 1032;
  top: 0;
  height: 80px;
  width: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer; }
  .burger-menu-btn .burger-menu-icon {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 14px; }
  .burger-menu-btn.burger-menu-btn-predefined .burger-mn-lines {
    width: 30px; }
    .burger-menu-btn.burger-menu-btn-predefined .burger-mn-lines .burger-mn-line {
      position: absolute;
      left: 0;
      height: 2px;
      width: 100%;
      background-color: #ffffff;
      border-radius: 12px;
      -webkit-transition: width .3s ease;
      -o-transition: width .3s ease;
      transition: width .3s ease; }
      .burger-menu-btn.burger-menu-btn-predefined .burger-mn-lines .burger-mn-line.burger-mn-line-1 {
        top: 0;
        width: 10px; }
      .burger-menu-btn.burger-menu-btn-predefined .burger-mn-lines .burger-mn-line.burger-mn-line-2 {
        top: 6px; }
      .burger-menu-btn.burger-menu-btn-predefined .burger-mn-lines .burger-mn-line.burger-mn-line-3 {
        bottom: 0;
        left: auto;
        right: 0;
        width: 10px; }
  .burger-menu-btn.burger-menu-btn-predefined:hover .burger-mn-lines .burger-mn-line.burger-mn-line-1 {
    width: 100%; }
  .burger-menu-btn.burger-menu-btn-predefined:hover .burger-mn-lines .burger-mn-line.burger-mn-line-3 {
    width: 100%; }
  .burger-menu-btn.close-btn .burger-mn-line-1 {
    left: 4px !important;
    top: 50% !important;
    transform: rotate(45deg);
    width: 20px !important; }
  .burger-menu-btn.close-btn .burger-mn-line-2 {
    display: none; }
  .burger-menu-btn.close-btn .burger-mn-line-3 {
    left: 4px !important;
    width: 20px !important;
    bottom: 50% !important;
    transform: rotate(-45deg);
    top: 50%; }

.main-menu-wrapper {
  position: fixed;
  top: 0;
  right: -100%;
  width: 100%;
  height: 100%;
  min-height: 100%;
  padding: 120px 36px 6% 36px;
  background: #202238 url(../../images/circles-light.svg) no-repeat right bottom;
  background-size: 35%;
  text-align: left;
  visibility: hidden;
  z-index: 1031;
  -webkit-backface-visibility: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1); }
  .main-menu-wrapper .container {
    max-width: 1140px;
    overflow: auto;
    height: 100%;
    -ms-overflow-style: none;
    /* Internet Explorer 10+ */
    scrollbar-width: none;
    /* Firefox */ }
    .main-menu-wrapper .container::-webkit-scrollbar {
      display: none;
      /* Safari and Chrome */ }
  .main-menu-wrapper .menu-item {
    margin-top: 15px;
    position: relative;
    padding-right: 20px; }
    .main-menu-wrapper .menu-item a {
      font-size: 24px;
      letter-spacing: 0.84px;
      color: #ffffff; }
    .main-menu-wrapper .menu-item span {
      font-size: 20px;
      color: #ffffff;
      position: absolute;
      right: 0;
      top: 8px;
      -webkit-transition: transform .3s ease;
      -o-transition: transform .3s ease;
      transition: transform .3s ease; }
      .main-menu-wrapper .menu-item span.rotated {
        transform: rotate(180deg); }
    .main-menu-wrapper .menu-item:hover {
      color: #EB662A; }
      .main-menu-wrapper .menu-item:hover > a {
        text-decoration: none;
        color: #EB662A; }
      .main-menu-wrapper .menu-item:hover > span {
        color: #EB662A;
        cursor: pointer; }
    .main-menu-wrapper .menu-item:first-child {
      margin-top: 0; }
    .main-menu-wrapper .menu-item.menu-item-has-children {
      cursor: pointer; }
    .main-menu-wrapper .menu-item .sub-menu .menu-item:first-child {
      margin-top: 15px; }
  .main-menu-wrapper .menu-title {
    font-size: 24px;
    letter-spacing: 0.84px;
    color: #ffffff;
    margin-bottom: 34px; }
  .main-menu-wrapper .menu-info {
    color: #ffffff;
    font-size: 17px;
    letter-spacing: 0.34px; }
    .main-menu-wrapper .menu-info strong {
      color: #EB662A;
      font-weight: normal;
      padding-right: 4px; }
    .main-menu-wrapper .menu-info .menu-info-inner p {
      display: flex; }
      .main-menu-wrapper .menu-info .menu-info-inner p:first-child {
        padding-bottom: 34px;
        margin-bottom: 34px;
        border-bottom: 1px solid #BCC2D6; }
  .main-menu-wrapper .sub-menu a {
    font-size: 16px;
    letter-spacing: 0.4px; }
  .main-menu-wrapper .sub-menu span {
    font-size: 12px; }
  .main-menu-wrapper .social-networks a {
    border-right: 1px solid rgba(188, 194, 214, 0.4);
    border-left: none; }
    .main-menu-wrapper .social-networks a span:before {
      color: #BCC2D6; }
    .main-menu-wrapper .social-networks a:first-child {
      border-left: 1px solid rgba(188, 194, 214, 0.4); }
    .main-menu-wrapper .social-networks a:hover span:before {
      color: #EB662A; }
  .main-menu-wrapper.opened {
    right: 0;
    visibility: visible; }

@media (max-width: 991px) {
  .main-menu-wrapper {
    padding: 120px 5px 6% 5px; }
    .main-menu-wrapper .menu-item a {
      font-size: 21px;
      letter-spacing: 0; }
    .main-menu-wrapper .menu-item span {
      font-size: 18px; }
    .main-menu-wrapper .menu-title {
      font-size: 21px; }
    .main-menu-wrapper .menu-info {
      font-size: 16px;
      letter-spacing: 0; }
    .main-menu-wrapper .sub-menu a {
      font-size: 15px; } }

@media (max-width: 767px) {
  .navbar {
    padding: 0 70px 0 0; }
    .navbar .navbar-brand {
      background: none;
      padding: 13px 20px; }
    .navbar .navbar-right, .navbar .menu-search {
      height: 70px; }
      .navbar .navbar-right > div, .navbar .menu-search > div {
        width: 70px;
        height: 70px !important;
        padding: 24px 22px;
        /* &.lang-btn {
                    a{
                        font-size:16px;
                    }
    
                    .main-lang{}
    
                    .sub-lang{
                        top:70px;
    
                        a{
                            width:70px;
                        }
                    }  
                }*/ }
        .navbar .navbar-right > div.search-btn .icon-search, .navbar .menu-search > div.search-btn .icon-search {
          display: block;
          padding-top: 2px; }
      .navbar .navbar-right .wpml-ls-legacy-dropdown > ul, .navbar .menu-search .wpml-ls-legacy-dropdown > ul {
        width: 70px;
        height: 70px; }
    .navbar .menu-search .menu-search-input {
      width: calc(100% - 140px); }
  .burger-menu-btn {
    height: 70px;
    width: 70px; }
    .burger-menu-btn.burger-menu-btn-predefined .burger-mn-lines {
      width: 26px; }
    .burger-menu-btn.close-btn .burger-mn-line-1, .burger-menu-btn.close-btn .burger-mn-line-3 {
      left: 3px !important; }
  .main-menu-wrapper {
    padding: 120px 5px 6% 5px; }
    .main-menu-wrapper .menu-item a {
      font-size: 21px;
      letter-spacing: 0; }
    .main-menu-wrapper .menu-item span {
      font-size: 18px; }
    .main-menu-wrapper .menu-title {
      font-size: 21px;
      letter-spacing: 0;
      padding-top: 34px;
      margin-top: 34px;
      border-top: 1px solid #ffffff; }
    .main-menu-wrapper .menu-info {
      font-size: 16px;
      letter-spacing: 0; }
      .main-menu-wrapper .menu-info .menu-info-inner p:first-child {
        padding-bottom: 0;
        margin-bottom: 0;
        border-bottom: none; }
    .main-menu-wrapper .sub-menu a {
      font-size: 15px; } }

.slick-dots {
  left: 0; }
  .slick-dots li {
    width: 5px;
    height: 5px;
    z-indeX: 20; }
    .slick-dots li button:before {
      opacity: 1;
      content: "";
      width: 5px;
      height: 5px;
      background: white;
      border-radius: 50%;
      transition: width 0.3s ease; }
    .slick-dots li.slick-active {
      width: 16px; }
      .slick-dots li.slick-active button:before {
        width: 16px;
        border-radius: 3px;
        background: #EB662A; }

.slick-slider:not(.gallery-slider) .slick-arrow {
  position: absolute;
  bottom: 7px;
  width: 64px;
  height: 64px;
  background: #F5F6F8;
  top: 100%;
  transform: none;
  opacity: 1;
  z-index: 12; }
  .slick-slider:not(.gallery-slider) .slick-arrow:before {
    opacity: 1; }
  .slick-slider:not(.gallery-slider) .slick-arrow.slick-prev {
    left: 0; }
  .slick-slider:not(.gallery-slider) .slick-arrow.slick-next {
    left: 76px; }
  .slick-slider:not(.gallery-slider) .slick-arrow:hover {
    background: #0751A7; }
    .slick-slider:not(.gallery-slider) .slick-arrow:hover:before {
      color: #ffffff; }

.hero-slider {
  position: relative;
  overflow: hidden; }
  .hero-slider:before {
    content: "";
    position: absolute;
    bottom: 82px;
    left: 0;
    height: 100%;
    width: 76px;
    background: url(../../images/vertical-rib.png);
    background-size: cover;
    z-index: 11; }
  .hero-slider:after {
    content: "";
    position: absolute;
    bottom: 6px;
    left: 0;
    height: 76px;
    width: 100%;
    background: url(../../images/horizontal-rib.png);
    background-size: cover;
    z-index: 11; }
  .hero-slider .slick-slide {
    position: relative; }
  .hero-slider .slick-arrow {
    background: #ffffff;
    position: absolute;
    bottom: 7px !important;
    top: unset !important;
    width: 76px !important;
    height: 76px !important;
    top: 99%; }
    .hero-slider .slick-arrow:hover {
      background: #EB662A !important; }
    .hero-slider .slick-arrow.slick-next {
      left: 76px !important; }
  .hero-slider .hero-img {
    position: relative;
    height: calc(100vh - 80px);
    /*
          the following three rules do not apply at main-slider but they don't affect it,
          they only affect inner pages which have different implementation
        */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top; }
    .hero-slider .hero-img:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      background: rgba(8, 12, 33, 0.51);
      z-index: 9; }
    .hero-slider .hero-img .pseudo-background-img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .hero-slider .slide-info {
    position: absolute;
    overflow: hidden;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 45%;
    transform: translateY(-50%);
    z-index: 9999;
    transition: opacity 0.3s; }
    .hero-slider .slide-info.transparent {
      opacity: 0; }
    .hero-slider .slide-info.animate .slider-titles {
      animation: slide_Up .7s ease; }
    .hero-slider .slide-info.animate .text {
      animation: slide_Up 1s ease; }
    .hero-slider .slide-info.animate .button {
      animation: slide_Up 1.3s ease;
      background: linear-gradient(to right, #03459D 50.5%, #0751A7 50.5%) no-repeat 0 0;
      background-size: 202% 202%;
      background-position: 100% 100%;
      color: #ffffff; }
      .hero-slider .slide-info.animate .button:hover {
        background-position: 0% 0%; }
    .hero-slider .slide-info.animate .play-btn {
      animation: slide_Up 1.3s ease;
      cursor: pointer;
      max-width: 120px; }

.brands-gallery-wrapper {
  background: #F5F6F8;
  padding: 58px 0; }
  .brands-gallery-wrapper .brands-slider .slick-track {
    display: flex;
    align-items: center; }
  .brands-gallery-wrapper .brands-slider .slick-slide {
    padding-left: 100px;
    margin-right: -50px;
    /*  margin: 0 30px 0 0px; */ }
    .brands-gallery-wrapper .brands-slider .slick-slide .brand {
      display: flex !important;
      height: 100% !important;
      align-items: center; }
      .brands-gallery-wrapper .brands-slider .slick-slide .brand img {
        display: inline-block; }
  .brands-gallery-wrapper .brands-slider .slick-arrow {
    border: 1px solid #0751A7; }
  .brands-gallery-wrapper h1 {
    color: #0751A7; }
  .brands-gallery-wrapper .btn-secondary {
    font-weight: 500; }
    .brands-gallery-wrapper .btn-secondary.catalogue-btn {
      min-width: 260px; }

.offside-slider {
  margin-top: 80px;
  margin-bottom: 80px;
  padding-left: 100px;
  overflow: hidden; }
  .offside-slider .slick-slide {
    margin: 0 10px; }
  .offside-slider .slick-list {
    margin: 0 -10px; }
  .offside-slider .slick-arrow {
    width: 60px !important;
    height: 60px !important;
    top: 48.5% !important;
    bottom: unset !important;
    left: 0 !important; }
    .offside-slider .slick-arrow.slick-prev {
      margin-top: -70px; }

.products-slider {
  padding-bottom: 80px; }
  .products-slider .slick-slide {
    margin: 0 18px; }
  .products-slider .slick-list {
    margin: 0 -18px; }

.gallery-slider {
  padding: 6%; }

@keyframes slide_Up {
  0% {
    transform: translateY(150px); }
  100% {
    transform: translateY(0); } }

@media (min-width: 992px) {
  .slick-slider:not(.gallery-slider) .slick-arrow {
    width: 72px;
    height: 72px; }
    .slick-slider:not(.gallery-slider) .slick-arrow.slick-next {
      left: 86px; }
  .slick-slider:not(.gallery-slider):not(.hero-slider) .slick-arrow {
    /* &.slick-prev {
                left:-96px;
            } */ }
    .slick-slider:not(.gallery-slider):not(.hero-slider) .slick-arrow.slick-next {
      right: -96px; }
  .brands-gallery-wrapper h1 {
    color: #202238; }
  .brands-gallery-wrapper .btn-secondary {
    width: 223px; } }

@media (max-width: 992px) {
  .hero-slider .slide-info {
    left: 0px; }
  .brands-gallery-wrapper .all-prods-btn {
    margin-top: 140px; } }

@media (max-width: 768px) {
  .offside-slider {
    margin-top: 40px;
    margin-bottom: 40px;
    padding-left: 0px;
    padding-bottom: 80px; }
    .offside-slider .slick-arrow {
      width: 60px !important;
      height: 60px !important;
      margin: 0 !important;
      top: unset !important;
      bottom: 0 !important; }
      .offside-slider .slick-arrow.slick-prev {
        margin-top: 0px !important;
        left: 0 !important; }
      .offside-slider .slick-arrow.slick-next {
        margin-top: 0px !important;
        left: 74px !important; }
  .hero-slider:before {
    display: none; }
  .hero-slider .slide-info {
    position: absolute;
    overflow: hidden;
    left: 0px; }
  .products-slider {
    padding-bottom: 60px; } }

@media (orientation: landscape) and (max-width: 850px) {
  .hero-slider .hero-img {
    min-height: 700px; } }

@media (orientation: landscape) and (max-width: 750px) {
  .hero-slider .hero-img {
    min-height: 650px; } }

@media (max-width: 576px) {
  .brands-gallery-wrapper .brands-slider .slick-slide {
    padding-left: 90px;
    margin-right: -45px; }
  .slick-slider:not(.gallery-slider):not(.hero-slider) .slick-arrow {
    left: 0;
    right: 0;
    margin: 0 auto; }
    .slick-slider:not(.gallery-slider):not(.hero-slider) .slick-arrow.slick-prev {
      left: -76px; }
    .slick-slider:not(.gallery-slider):not(.hero-slider) .slick-arrow.slick-next {
      right: -76px; } }

@media (max-width: 480px) {
  .hero-slider .hero-img {
    min-height: 108vh; }
  .brands-gallery-wrapper .brands-slider .slick-slide {
    padding-left: 60px;
    margin-right: -30px; } }

/** breakpoints for brands slider **/
@media (min-width: 576px) and (max-width: 768px) {
  .brands-gallery-wrapper .container-fluid {
    padding-left: calc((100vw - 520px) / 2); } }

@media (min-width: 768px) and (max-width: 992px) {
  .brands-gallery-wrapper .container-fluid {
    padding-left: calc((100vw - 700px) / 2); } }

@media (min-width: 992px) and (max-width: 2000px) {
  .brands-gallery-wrapper .container-fluid {
    padding-left: calc((100vw - 940px) / 2); } }

@media (min-width: 1200px) and (max-width: 1500px) {
  .brands-gallery-wrapper .container-fluid {
    padding-left: calc((100vw - 1120px) / 2); } }

@media (min-width: 1500px) {
  .brands-gallery-wrapper .container-fluid {
    padding-left: calc((100vw - 1380px) / 2); } }

.cta-banner .cta-img {
  background-size: cover;
  height: 260px; }

.cta-banner .cta-info {
  background: url(../../images/ribbed-pattern.svg) center repeat;
  background-size: cover;
  padding-bottom: 82px; }
  .cta-banner .cta-info .cta-info-inner {
    padding: 50px 22px;
    background: #ffffff;
    margin-top: -70px; }
    .cta-banner .cta-info .cta-info-inner .text {
      margin-bottom: 80px; }

@media (min-width: 992px) {
  .cta-banner .cta-img {
    height: 620px; }
  .cta-banner .cta-info {
    padding-bottom: 0px;
    position: relative; }
    .cta-banner .cta-info .cta-info-inner {
      padding: 64px 52px;
      margin-top: 0px;
      position: absolute;
      top: 50%;
      right: 36%;
      transform: translateY(-50%);
      height: 460px;
      width: 533px; }
      .cta-banner .cta-info .cta-info-inner .text {
        margin-bottom: 44px; } }

@media (max-width: 576px) {
  .cta-banner > .container > .row {
    margin-right: -20px !important;
    margin-left: -20px !important; } }

.facilities_numbers strong {
  color: #0751A7; }

.facilities_numbers .numbers .text {
  max-width: 707px; }

.facilities_numbers .numbers .numbers-info {
  background: #F5F6F8;
  padding: 32px 46px 83px; }
  .facilities_numbers .numbers .numbers-info .numbers-info-content {
    border-bottom: 2px solid #DFE0E8;
    padding-bottom: 30px;
    margin-bottom: 25px; }
    .facilities_numbers .numbers .numbers-info .numbers-info-content:last-child {
      border-bottom: 0;
      padding-bottom: 0px;
      margin-bottom: 0px; }
    .facilities_numbers .numbers .numbers-info .numbers-info-content span {
      font-size: 37px;
      letter-spacing: 0;
      line-height: 58px;
      font-weight: 500; }

.facilities_numbers .facilities-wrapper {
  background: #202238;
  color: #ffffff;
  padding: 74px 0 94px; }
  .facilities_numbers .facilities-wrapper .facilities-info {
    margin-bottom: 72px;
    /*  .text{
                font-size: 16px;
                letter-spacing: 0.32px;
                line-height: 23px;
            } */ }
    .facilities_numbers .facilities-wrapper .facilities-info .heading {
      max-width: 334px; }
  .facilities_numbers .facilities-wrapper .facilities-map .img {
    display: block;
    /*     background-repeat: no-repeat;
                background-position:center center;
                background-size: contain; */
    max-width: 100%;
    height: 345px; }

@media (min-width: 992px) {
  .facilities_numbers .numbers {
    z-index: 1; }
    .facilities_numbers .numbers .numbers-info {
      padding: 44px 6.5% 44px;
      margin-bottom: -103px !important; }
      .facilities_numbers .numbers .numbers-info .numbers-info-content {
        border-left: 2px solid #DFE0E8;
        border-bottom: 0;
        padding-bottom: 0px;
        margin-bottom: 0px;
        padding-left: 3.2%;
        padding-right: 3.2%;
        width: 100%; }
        .facilities_numbers .numbers .numbers-info .numbers-info-content:first-child {
          padding-left: 0px;
          border-left: 0px; }
        .facilities_numbers .numbers .numbers-info .numbers-info-content:last-child {
          border-bottom: 0; }
  .facilities_numbers .facilities-wrapper {
    position: relative;
    padding: 208px 0 144px; }
    .facilities_numbers .facilities-wrapper::before {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      width: 73px;
      height: 100%;
      background: url(../../images/greys-lines-column.svg) repeat center;
      background-size: contain;
      opacity: 15%; }
    .facilities_numbers .facilities-wrapper .facilities-info .heading {
      max-width: 500px; }
    .facilities_numbers .facilities-wrapper .facilities-info .text {
      max-width: 473px; }
    .facilities_numbers .facilities-wrapper .facilities-map .img {
      height: 506px; } }

@media (min-width: 992px) and (max-width: 1200px) {
  .facilities_numbers .numbers .numbers-info {
    padding: 44px 4.5% 44px; }
    .facilities_numbers .numbers .numbers-info .numbers-info-content {
      padding-left: 2.5%;
      padding-right: 2.5%; }
      .facilities_numbers .numbers .numbers-info .numbers-info-content span {
        font-size: 34px; } }

.quality-wrapper .quality .quality-info .quality-info-banner {
  border-right: 2px solid rgba(163, 166, 190, 0.35); }
  .quality-wrapper .quality .quality-info .quality-info-banner:last-child {
    border-right: none; }
  .quality-wrapper .quality .quality-info .quality-info-banner img {
    max-width: 124px; }

@media (max-width: 768px) {
  .quality .quality-info .quality-info-banner:nth-child(even) {
    border-right: none; }
  .quality .quality-info .quality-info-banner:last-child {
    margin-bottom: 0 !important; }
  .quality .quality-info .quality-info-banner:nth-last-child(2) {
    margin-bottom: 0 !important; } }

@media (min-width: 992px) {
  .quality-wrapper {
    position: relative; }
    .quality-wrapper::before {
      content: "";
      position: absolute;
      top: 68%;
      right: 0;
      background: url(../../images/logo-quality.svg) center no-repeat;
      background-size: contain;
      width: 465px;
      height: 528px; }
    .quality-wrapper .quality .heading {
      max-width: 678px;
      margin: 0 auto; }
    .quality-wrapper .quality .text {
      max-width: 705px;
      margin: 0 auto; }
    .quality-wrapper .quality .quality-info {
      margin-top: 110px; }
      .quality-wrapper .quality .quality-info .quality-info-banner {
        max-width: 225px; } }

@media (min-width: 992px) and (max-width: 1200px) {
  .quality-wrapper::before {
    width: 300px;
    height: 400px;
    top: 84%; } }

.nice-select {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background-color: #fff;
  border-radius: 5px;
  border: solid 1px #E2E7F0;
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;
  float: left;
  font-family: inherit;
  font-size: 15px;
  font-weight: normal;
  height: 42px;
  line-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 30px;
  position: relative;
  text-align: left !important;
  transition: all 0.2s ease-in-out;
  user-select: none;
  white-space: nowrap;
  width: auto; }
  .nice-select:hover {
    border-color: #ACAEBF; }
  .nice-select:active, .nice-select.open, .nice-select:focus {
    border-color: #ACAEBF;
    /*  border-color: $primary_light; */ }
  .nice-select:after {
    content: "";
    background: url("../../images/arrow-blue.svg");
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    height: 10px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 10px;
    transform: rotate(180deg) translateY(-50%);
    transition: all 0.3s ease;
    width: 14px; }
  .nice-select.open {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
    .nice-select.open:after {
      top: 16px;
      transform: rotate(360deg); }
    .nice-select.open .list {
      opacity: 1;
      pointer-events: auto;
      transform: scale(1) translateY(0); }
  .nice-select.disabled {
    border-color: #e9edf3;
    color: #cccccc;
    pointer-events: none; }
    .nice-select.disabled:after {
      border-color: white; }
  .nice-select.wide {
    width: 100%; }
    .nice-select.wide .list {
      left: 0 !important;
      right: 0 !important; }
  .nice-select.right {
    float: right; }
    .nice-select.right .list {
      left: auto;
      right: 0; }
  .nice-select.small {
    font-size: 12px;
    height: 36px;
    line-height: 34px; }
    .nice-select.small:after {
      height: 4px;
      width: 4px; }
    .nice-select.small .option {
      line-height: 34px;
      min-height: 34px; }
  .nice-select .list {
    background-color: #fff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border: 1px solid #ACAEBF;
    border-top: none;
    box-sizing: border-box;
    margin-top: 4px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 90%;
    left: -1px;
    transform-origin: 50% 0;
    transform: scale(0.75) translateY(-21px);
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    z-index: 9;
    width: calc(100% + 2px); }
    .nice-select .list:hover .option:not(:hover) {
      background-color: transparent !important; }
    .nice-select .list li:first-child {
      position: relative; }
      .nice-select .list li:first-child::after {
        content: "";
        width: calc(100% - 28px);
        height: 1px;
        background: #ACAEBF;
        position: absolute;
        top: 0;
        left: 14px; }
    .nice-select .list li {
      padding-left: 15px !important; }
      .nice-select .list li:before {
        display: none; }
  .nice-select .option {
    cursor: pointer;
    font-weight: 400;
    line-height: 40px;
    list-style: none;
    min-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 29px;
    text-align: left;
    transition: all 0.2s; }
    .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
      background-color: #F5F6F8; }
    .nice-select .option.selected {
      font-weight: 400; }
    .nice-select .option.disabled {
      background-color: transparent;
      color: #cccccc;
      cursor: default; }

.no-csspointerevents .nice-select .list {
  display: none; }

.no-csspointerevents .nice-select.open .list {
  display: block; }

@media (max-width: 992px) {
  .nice-select.sorting-select {
    margin-bottom: 16px; }
  .nice-select.number-select {
    margin-bottom: 50px; } }

footer {
  position: relative; }
  footer h3 {
    font-size: 20px;
    letter-spacing: 0.5px;
    line-height: 26px;
    font-family: 'Roboto','sans-serif';
    font-weight: 500;
    margin: 0;
    margin-bottom: 23px; }
  footer p {
    margin: 0; }
  footer .scrollToTop {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 59px;
    height: 74px;
    background: #0751A7;
    cursor: pointer; }
    footer .scrollToTop span {
      color: #ffffff; }
  footer .top-footer-wrapper {
    background: #F5F6F8; }
    footer .top-footer-wrapper .top-footer .footer-text ul li,
    footer .top-footer-wrapper .top-footer .footer-menu ul li,
    footer .top-footer-wrapper .top-footer .advantages_info ul li,
    footer .top-footer-wrapper .top-footer .find_us ul li {
      margin-bottom: 10px; }
      footer .top-footer-wrapper .top-footer .footer-text ul li a,
      footer .top-footer-wrapper .top-footer .footer-menu ul li a,
      footer .top-footer-wrapper .top-footer .advantages_info ul li a,
      footer .top-footer-wrapper .top-footer .find_us ul li a {
        font-size: 15px;
        letter-spacing: 0.3px;
        line-height: 24px;
        font-family: 'Roboto','sans-serif';
        font-weight: 400;
        color: #202238;
        text-decoration: none; }
    footer .top-footer-wrapper .top-footer .social-networks a {
      margin-right: 15px; }
      footer .top-footer-wrapper .top-footer .social-networks a:last-child {
        margin-right: 0; }
      footer .top-footer-wrapper .top-footer .social-networks a span:before {
        color: rgba(141, 152, 186, 0.54);
        transition: color 0.4s ease; }
      footer .top-footer-wrapper .top-footer .social-networks a:hover {
        background: #0751A7; }
        footer .top-footer-wrapper .top-footer .social-networks a:hover span:before {
          color: #ffffff; }
    footer .top-footer-wrapper .top-footer .footer-logo {
      display: none; }
  footer .footer-bottom-wrapper {
    position: relative; }
    footer .footer-bottom-wrapper .footer-bottom .links::before {
      content: "";
      background: url(../../images/footer-logo-grey.svg) center no-repeat;
      background-size: contain;
      width: 122px;
      height: 62px;
      position: absolute;
      top: 0;
      right: 22px; }
    footer .footer-bottom-wrapper .footer-bottom .links a {
      color: #ACAEBF;
      margin-bottom: 20px;
      font-family: 'Roboto','sans-serif';
      font-weight: 500;
      font-size: 15px;
      text-decoration: none; }
      footer .footer-bottom-wrapper .footer-bottom .links a:last-child {
        margin-bottom: 0px; }
    footer .footer-bottom-wrapper .footer-bottom .copyright {
      font-size: 15px;
      letter-spacing: 0.32px;
      line-height: 24px;
      font-family: 'Roboto','sans-serif';
      font-weight: 500;
      margin-bottom: 12px;
      color: #202238;
      margin-bottom: 26px;
      padding-right: 64px; }

@media (min-width: 1200px) and (max-width: 1550px) {
  .footer-bottom-wrapper .footer-bottom .links {
    padding-right: 64px !important; } }

@media (min-width: 992px) and (max-width: 1050px) {
  .footer-bottom-wrapper .footer-bottom .links {
    padding-right: 64px !important; } }

@media (min-width: 992px) {
  footer .scrollToTop {
    width: 74px;
    height: 74px; }
    footer .scrollToTop span {
      color: #ffffff; }
  footer .top-footer-wrapper .top-footer {
    padding: 38px 0px 72px; }
    footer .top-footer-wrapper .top-footer .footer-text ul li,
    footer .top-footer-wrapper .top-footer .footer-menu ul li,
    footer .top-footer-wrapper .top-footer .advantages_info ul li,
    footer .top-footer-wrapper .top-footer .find_us ul li {
      margin-bottom: 13px; }
      footer .top-footer-wrapper .top-footer .footer-text ul li:last-child,
      footer .top-footer-wrapper .top-footer .footer-menu ul li:last-child,
      footer .top-footer-wrapper .top-footer .advantages_info ul li:last-child,
      footer .top-footer-wrapper .top-footer .find_us ul li:last-child {
        margin-bottom: 0; }
      footer .top-footer-wrapper .top-footer .footer-text ul li a,
      footer .top-footer-wrapper .top-footer .footer-menu ul li a,
      footer .top-footer-wrapper .top-footer .advantages_info ul li a,
      footer .top-footer-wrapper .top-footer .find_us ul li a {
        position: relative;
        transition: color 0.4s ease; }
        footer .top-footer-wrapper .top-footer .footer-text ul li a::before,
        footer .top-footer-wrapper .top-footer .footer-menu ul li a::before,
        footer .top-footer-wrapper .top-footer .advantages_info ul li a::before,
        footer .top-footer-wrapper .top-footer .find_us ul li a::before {
          content: "";
          width: 0;
          height: 1.5px;
          background: #0751A7;
          position: absolute;
          bottom: 0;
          left: 0;
          transition: width 0.4s ease; }
        footer .top-footer-wrapper .top-footer .footer-text ul li a:hover,
        footer .top-footer-wrapper .top-footer .footer-menu ul li a:hover,
        footer .top-footer-wrapper .top-footer .advantages_info ul li a:hover,
        footer .top-footer-wrapper .top-footer .find_us ul li a:hover {
          color: #0751A7; }
          footer .top-footer-wrapper .top-footer .footer-text ul li a:hover:before,
          footer .top-footer-wrapper .top-footer .footer-menu ul li a:hover:before,
          footer .top-footer-wrapper .top-footer .advantages_info ul li a:hover:before,
          footer .top-footer-wrapper .top-footer .find_us ul li a:hover:before {
            width: 100%; }
    footer .top-footer-wrapper .top-footer .footer-text,
    footer .top-footer-wrapper .top-footer .footer-menu {
      margin-bottom: 54px; }
    footer .top-footer-wrapper .top-footer .footer-logo {
      display: block; }
      footer .top-footer-wrapper .top-footer .footer-logo img {
        filter: grayscale(74%);
        opacity: 0.2;
        max-width: 100%;
        height: 128px; }
  footer .footer-bottom-wrapper {
    background: white;
    height: 74px; }
    footer .footer-bottom-wrapper .footer-bottom {
      position: relative; }
      footer .footer-bottom-wrapper .footer-bottom .links {
        position: relative;
        order: 1;
        /* padding-right: 64px; */ }
        footer .footer-bottom-wrapper .footer-bottom .links::before {
          display: none; }
        footer .footer-bottom-wrapper .footer-bottom .links a {
          padding-left: 55px;
          color: #ACAEBF;
          margin-bottom: 0px;
          position: relative;
          transition: color 0.3s ease; }
          footer .footer-bottom-wrapper .footer-bottom .links a:hover {
            color: #202238; }
          footer .footer-bottom-wrapper .footer-bottom .links a::before {
            content: "";
            position: absolute;
            right: -27px;
            top: 50%;
            transform: translateY(-50%);
            height: 16px;
            width: 1px;
            background: #ACAEBF; }
          footer .footer-bottom-wrapper .footer-bottom .links a:last-child::before {
            display: none; }
          footer .footer-bottom-wrapper .footer-bottom .links a:first-child {
            padding-left: 0px; }
      footer .footer-bottom-wrapper .footer-bottom .copyright {
        order: 0;
        padding-right: 0px; } }

body {
  margin: 0; }

.container, .container-fluid {
  padding-right: 20px;
  padding-left: 20px; }

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

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
  padding-left: 20px;
  padding-right: 20px; }

main {
  font-size: 16px;
  font-family: "Roboto",sans-serif;
  letter-spacing: 0.34px;
  padding-top: 80px; }
  @media screen and (min-width: 480px) {
    main {
      font-size: 16px; } }
  @media screen and (min-width: 576px) {
    main {
      font-size: 16px; } }
  @media screen and (min-width: 768px) {
    main {
      font-size: 16px; } }
  @media screen and (min-width: 992px) {
    main {
      font-size: 16px; } }
  @media screen and (min-width: 1250px) {
    main {
      font-size: 17px; } }

.page-section {
  margin-top: 180px; }
  .page-section .inner-padding {
    padding-top: 180px; }

.inner-page .page-section {
  margin-top: 90px; }

.heading {
  font-size: 30px;
  font-weight: 700;
  letter-spacing: 0.46px;
  text-transform: uppercase; }
  @media screen and (min-width: 480px) {
    .heading {
      font-size: 30px; } }
  @media screen and (min-width: 576px) {
    .heading {
      font-size: 38px; } }
  @media screen and (min-width: 768px) {
    .heading {
      font-size: 42px; } }
  @media screen and (min-width: 992px) {
    .heading {
      font-size: 44px; } }
  @media screen and (min-width: 1250px) {
    .heading {
      font-size: 46px; } }
  .heading span {
    color: #0751A7; }

.title {
  font-size: 19px;
  font-weight: 700;
  color: #202238;
  letter-spacing: 0.67px; }
  @media screen and (min-width: 480px) {
    .title {
      font-size: 19px; } }
  @media screen and (min-width: 576px) {
    .title {
      font-size: 19px; } }
  @media screen and (min-width: 768px) {
    .title {
      font-size: 19px; } }
  @media screen and (min-width: 992px) {
    .title {
      font-size: 19px; } }
  @media screen and (min-width: 1250px) {
    .title {
      font-size: 19px; } }

.slim-title {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 4.9px; }
  @media screen and (min-width: 480px) {
    .slim-title {
      font-size: 12px; } }
  @media screen and (min-width: 576px) {
    .slim-title {
      font-size: 12px; } }
  @media screen and (min-width: 768px) {
    .slim-title {
      font-size: 13px; } }
  @media screen and (min-width: 992px) {
    .slim-title {
      font-size: 13px; } }
  @media screen and (min-width: 1250px) {
    .slim-title {
      font-size: 14px; } }
  .slim-title.capitilize {
    text-transform: capitalize; }

.medium-title {
  font-size: 18px;
  font-weight: 500;
  color: #202238; }
  @media screen and (min-width: 480px) {
    .medium-title {
      font-size: 18px; } }
  @media screen and (min-width: 576px) {
    .medium-title {
      font-size: 18px; } }
  @media screen and (min-width: 768px) {
    .medium-title {
      font-size: 19px; } }
  @media screen and (min-width: 992px) {
    .medium-title {
      font-size: 20px; } }
  @media screen and (min-width: 1250px) {
    .medium-title {
      font-size: 21px; } }

.text {
  font-size: 16px;
  letter-spacing: 0.34px; }
  @media screen and (min-width: 480px) {
    .text {
      font-size: 16px; } }
  @media screen and (min-width: 576px) {
    .text {
      font-size: 16px; } }
  @media screen and (min-width: 768px) {
    .text {
      font-size: 16px; } }
  @media screen and (min-width: 992px) {
    .text {
      font-size: 16px; } }
  @media screen and (min-width: 1250px) {
    .text {
      font-size: 17px; } }

ul {
  margin: 0;
  padding: 0;
  list-style: none; }

/* 
strong{
    color: $royal-blue;
} */
.more-btn {
  color: #202238;
  text-decoration: none;
  font-weight: 500; }
  .more-btn span {
    width: 55px;
    height: 58px;
    border: 0px solid #EB662A;
    color: #202238;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: background 0.4s ease;
    margin-left: 10px; }
  .more-btn.minimal span {
    background: transparent;
    margin-left: 0; }
  .more-btn:hover {
    text-decoration: none;
    color: #202238; }
    .more-btn:hover span {
      color: #ffffff;
      background: #EB662A; }

.touch-device .more-btn span {
  background: #EB662A;
  color: #ffffff; }

.btn-default {
  height: 60px;
  width: 100%;
  border: 1px solid #0751A7;
  background: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #202238;
  font-size: 15px;
  letter-spacing: 0.3px;
  text-align: center;
  cursor: pointer; }

.btn-secondary {
  height: 64px;
  width: 100%;
  border: 1px solid #0751A7;
  background: linear-gradient(to right, #0751A7 50.5%, transparent 50.5%) no-repeat 0 0;
  background-size: 202% 202%;
  background-position: 100% 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #202238;
  font-size: 15px;
  letter-spacing: 0.3px;
  text-align: center;
  cursor: pointer;
  padding: 0 30px;
  transition: color 0.3s ease,background-position 0.3s ease;
  outline: 0;
  box-shadow: none !important;
  white-space: nowrap; }
  .btn-secondary:hover {
    color: white;
    background-color: transparent;
    background-position: 0% 0%;
    border-color: 0;
    text-decoration: none; }
  .btn-secondary.orange-btn {
    border: 1px solid #EB662A;
    background: linear-gradient(to right, #EB662A 50.5%, transparent 50.5%) no-repeat 0 0;
    background-size: 202% 202%;
    background-position: 100% 100%; }
    .btn-secondary.orange-btn:hover {
      color: white;
      background-color: transparent;
      background-position: 0% 0%;
      border-color: 0;
      text-decoration: none; }

a {
  color: #EB662A;
  font-weight: 400; }

.next-btn,
.prev-btn {
  color: #202238 !important; }
  .next-btn span,
  .prev-btn span {
    height: 64px;
    width: 64px;
    border: 1px solid #F5F6F8;
    background: #F5F6F8;
    color: #202238;
    transition: color 0.3s ease, background-color 0.3s ease; }
  .next-btn:hover,
  .prev-btn:hover {
    color: #202238;
    text-decoration: none; }
    .next-btn:hover span,
    .prev-btn:hover span {
      background: #0751A7;
      color: white; }

.modal-open {
  overflow: auto;
  padding-right: 0 !important;
  /* padding-right:0!important; overflow:hidden; */ }
  .modal-open video {
    width: 100% !important;
    height: auto !important; }

.modal {
  background: rgba(40, 43, 60, 0.85);
  padding-right: 0 !important; }
  .modal .modal-content {
    background: none;
    border: none; }
  .modal .close {
    top: 30px;
    right: 30px;
    position: absolute;
    color: #ffffff;
    font-size: 34px;
    width: 60px;
    height: 60px;
    border: 1px solid #ffffff;
    border-radius: 50%;
    outline: none; }

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 640px; } }

@media (max-width: 992px) {
  .next-btn span,
  .prev-btn span {
    height: 73px;
    width: 73px; } }

@media (max-width: 767px) {
  main {
    padding-top: 70px; } }

/*socials are used at menu and footer*/
.social-networks a {
  border: 1px solid rgba(141, 152, 186, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 66px;
  height: 66px;
  transition: background-color 0.4s ease; }
  .social-networks a span:before {
    color: rgba(141, 152, 186, 0.54);
    transition: color 0.4s ease; }
  .social-networks a:hover {
    text-decoration: none; }
    .social-networks a:hover span:before {
      color: #0751A7; }

@media (min-width: 1500px) {
  .container {
    max-width: 1400px; } }

@media (min-width: 992px) {
  .btn-default,
  .btn-secondary {
    height: 72px;
    color: #202238;
    transition: background 0.4s ease , color 0.4s ease; }
  .social-networks a {
    width: 74px;
    height: 74px; } }

@media (max-width: 992px) {
  .page-section {
    margin-top: 120px; }
    .page-section .inner-padding {
      padding-top: 120px; }
  .inner-page .page-section {
    margin-top: 60px; } }

@media (max-width: 576px) {
  .page-section {
    margin-top: 100px; }
    .page-section .inner-padding {
      padding-top: 100px; }
  .inner-page .page-section {
    margin-top: 60px; } }

/* li unordered */
ul:not(.menu):not(.sub-menu):not(.slick-dots):not(.post-categories) li {
  position: relative;
  padding-left: 31px; }
  ul:not(.menu):not(.sub-menu):not(.slick-dots):not(.post-categories) li::before {
    content: "";
    width: 11px;
    height: 11px;
    border: 2px solid #0751A7;
    border-radius: 50%;
    position: absolute;
    top: 6px;
    left: 0; }

/* li ordered */
ol li::marker {
  color: #0751A7;
  font-weight: 500; }

/* quantcast cookies  */
#qc-cmp2-ui {
  font-family: "Roboto",sans-serif !important;
  letter-spacing: 0.34px !important; }
  #qc-cmp2-ui ul:not(.menu):not(.sub-menu):not(.slick-dots):not(.post-categories) li {
    position: relative;
    padding-left: 0 !important; }
    #qc-cmp2-ui ul:not(.menu):not(.sub-menu):not(.slick-dots):not(.post-categories) li::before {
      display: none !important; }
  #qc-cmp2-ui.css-1ap4hh8 .qc-cmp2-publisher-logo-container .logo-container {
    margin: 0 !important;
    margin-bottom: 10px !important; }
  #qc-cmp2-ui .qc-cmp2-toggle-switch button {
    box-shadow: unset !important;
    border: 0 !important; }
  #qc-cmp2-ui .qc-cmp2-footer-links button {
    color: #0751A7 !important;
    transition: color 0.3s ease !important;
    font-weight: 500; }
    #qc-cmp2-ui .qc-cmp2-footer-links button:hover {
      color: #EB662A !important; }
  #qc-cmp2-ui .qc-cmp2-header-links button {
    color: #0751A7 !important;
    transition: color 0.3s ease !important;
    font-weight: 500; }
    #qc-cmp2-ui .qc-cmp2-header-links button:hover {
      color: #EB662A !important; }
  #qc-cmp2-ui .qc-cmp2-list-item-header:focus {
    outline-style: none !important;
    outline-color: none !important; }