@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap");
@font-face {
  font-family: 'fa-viber';
  src: url("../fonts/fa-viber.eot?-3dwksg");
  src: url("../fonts/fa-viber.eot?#iefix-3dwksg") format("embedded-opentype"), url("../fonts/fa-viber.ttf?-3dwksg") format("truetype"), url("../fonts/fa-viber.woff?-3dwksg") format("woff"), url("../fonts/fa-viber.svg?-3dwksg#fa-viber") format("svg");
  font-weight: normal;
  font-style: normal; }

/*MIXIN*/
/*
    Example usage:
    @include animation(10s, 5s, changecolour)
 */
/* $main-design-color-blue:     #1C4696; version one */
/* @media only screen and (max-width: 1680px ) */
/* @media only screen and (max-width: 1360px ) */
/* @media only screen and (max-width: 1279px ) */
/* @media only screen and (max-width: 1024px ) */
.header-fixer {
  height: 180px;
  height: 160px; }
  @media only screen and (max-width: 1680px) {
    .header-fixer {
      height: 150px; } }
  @media only screen and (max-width: 1360px) {
    .header-fixer {
      /* height: 125px; */
      height: 105px; } }
  @media only screen and (max-width: 980px) {
    .header-fixer {
      height: 160px; } }

.consumer-nav {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2;
  position: fixed;
  background-color: #FFFFFF; }
  @media only screen and (max-width: 980px) {
    .consumer-nav {
      height: 87px;
      /* overflow: auto; */
      position: fixed;
      width: 100%;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; } }
  @media only screen and (max-width: 768px) {
    .consumer-nav {
      height: 70px;
      /* overflow: auto; */ } }
  .consumer-nav .consumer-nav-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 0;
    background-color: #FFFFFF; }
    @media only screen and (max-width: 1024px) {
      .consumer-nav .consumer-nav-wrapper {
        padding-bottom: 0; } }
    @media only screen and (max-width: 980px) {
      .consumer-nav .consumer-nav-wrapper {
        display: block;
        position: relative; }
        .consumer-nav .consumer-nav-wrapper nav {
          margin-top: 15px; } }
    .consumer-nav .consumer-nav-wrapper .top-line-wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      justify-content: flex-end;
      align-items: baseline;
      margin-right: 80px; }
      @media only screen and (max-width: 1680px) {
        .consumer-nav .consumer-nav-wrapper .top-line-wrapper {
          margin-right: 30px; } }
      @media only screen and (max-width: 1279px) {
        .consumer-nav .consumer-nav-wrapper .top-line-wrapper {
          margin-right: 15px; } }
      @media only screen and (max-width: 980px) {
        .consumer-nav .consumer-nav-wrapper .top-line-wrapper {
          margin-right: 0;
          height: 0; } }
      .consumer-nav .consumer-nav-wrapper .top-line-wrapper .search-form-wrapper {
        margin: 10px; }
        @media only screen and (max-width: 1360px) {
          .consumer-nav .consumer-nav-wrapper .top-line-wrapper .search-form-wrapper {
            margin: 0 10px; } }
        @media only screen and (max-width: 980px) {
          .consumer-nav .consumer-nav-wrapper .top-line-wrapper .search-form-wrapper {
            display: block;
            position: relative;
            margin: 40px;
            width: calc(100% - 80px); } }
        .consumer-nav .consumer-nav-wrapper .top-line-wrapper .search-form-wrapper .search-wrapper {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          justify-content: flex-end;
          align-items: baseline;
          position: relative;
          width: 25px; }
          @media only screen and (max-width: 980px) {
            .consumer-nav .consumer-nav-wrapper .top-line-wrapper .search-form-wrapper .search-wrapper {
              position: initial; } }
          .consumer-nav .consumer-nav-wrapper .top-line-wrapper .search-form-wrapper .search-wrapper button#searchsubmit {
            width: 22px;
            color: #fff;
            cursor: pointer; }
            .consumer-nav .consumer-nav-wrapper .top-line-wrapper .search-form-wrapper .search-wrapper button#searchsubmit span {
              display: none; }
          .consumer-nav .consumer-nav-wrapper .top-line-wrapper .search-form-wrapper .search-wrapper .input-wrapper {
            background: #E5E5E5;
            width: 0px;
            overflow: hidden;
            height: 58px;
            right: 0;
            top: -6px;
            display: flex;
            position: absolute;
            align-items: center;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out; }
            .consumer-nav .consumer-nav-wrapper .top-line-wrapper .search-form-wrapper .search-wrapper .input-wrapper > i {
              color: #333333;
              font-size: 34px; }
              .consumer-nav .consumer-nav-wrapper .top-line-wrapper .search-form-wrapper .search-wrapper .input-wrapper > i.close-button {
                display: inline-block;
                cursor: pointer;
                margin-top: 3px; }
                @media only screen and (max-width: 980px) {
                  .consumer-nav .consumer-nav-wrapper .top-line-wrapper .search-form-wrapper .search-wrapper .input-wrapper > i.close-button {
                    display: none; } }
            .consumer-nav .consumer-nav-wrapper .top-line-wrapper .search-form-wrapper .search-wrapper .input-wrapper input {
              margin: 0;
              margin-right: 0;
              padding: 0.5rem 0;
              background: #E5E5E5;
              outline: none;
              border: none;
              box-shadow: none;
              width: 0;
              font-size: 16px;
              color: #111111;
              -webkit-transition: all 0.3s ease-in-out;
              -moz-transition: all 0.3s ease-in-out;
              -ms-transition: all 0.3s ease-in-out;
              -o-transition: all 0.3s ease-in-out;
              transition: all 0.3s ease-in-out; }
              .consumer-nav .consumer-nav-wrapper .top-line-wrapper .search-form-wrapper .search-wrapper .input-wrapper input::-webkit-input-placeholder {
                font-size: 18px;
                color: #111111; }
              .consumer-nav .consumer-nav-wrapper .top-line-wrapper .search-form-wrapper .search-wrapper .input-wrapper input:-moz-placeholder {
                font-size: 18px;
                color: #111111; }
              .consumer-nav .consumer-nav-wrapper .top-line-wrapper .search-form-wrapper .search-wrapper .input-wrapper input::-moz-placeholder {
                font-size: 18px;
                color: #111111; }
              .consumer-nav .consumer-nav-wrapper .top-line-wrapper .search-form-wrapper .search-wrapper .input-wrapper input:-ms-input-placeholder {
                font-size: 18px;
                color: #111111; }
          .consumer-nav .consumer-nav-wrapper .top-line-wrapper .search-form-wrapper .search-wrapper a > i {
            color: #333333;
            font-size: 33px; }
            @media only screen and (max-width: 980px) {
              .consumer-nav .consumer-nav-wrapper .top-line-wrapper .search-form-wrapper .search-wrapper a > i {
                display: none; } }
        .consumer-nav .consumer-nav-wrapper .top-line-wrapper .search-form-wrapper.search-menu-open .search-wrapper .input-wrapper {
          width: 1100px;
          /* this have to set for resolutions?! */ }
          @media only screen and (max-width: 1920px) {
            .consumer-nav .consumer-nav-wrapper .top-line-wrapper .search-form-wrapper.search-menu-open .search-wrapper .input-wrapper {
              width: calc(100vw - 656px); } }
          @media only screen and (max-width: 1680px) {
            .consumer-nav .consumer-nav-wrapper .top-line-wrapper .search-form-wrapper.search-menu-open .search-wrapper .input-wrapper {
              width: calc(100vw - 535px); } }
          @media only screen and (max-width: 1360px) {
            .consumer-nav .consumer-nav-wrapper .top-line-wrapper .search-form-wrapper.search-menu-open .search-wrapper .input-wrapper {
              width: calc(100vw - 440px); } }
          @media only screen and (max-width: 980px) {
            .consumer-nav .consumer-nav-wrapper .top-line-wrapper .search-form-wrapper.search-menu-open .search-wrapper .input-wrapper {
              width: 100%; } }
          .consumer-nav .consumer-nav-wrapper .top-line-wrapper .search-form-wrapper.search-menu-open .search-wrapper .input-wrapper input {
            width: calc(100% - 70px);
            padding: 0.5rem; }
    @media only screen and (max-width: 980px) {
      .consumer-nav .consumer-nav-wrapper nav {
        height: 0;
        overflow: hidden;
        transform-origin: top;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }
        .consumer-nav .consumer-nav-wrapper nav .search-form-wrapper {
          /* search on mobile design */
          display: none;
          width: calc(100% - 30px);
          margin: 10px; }
          .consumer-nav .consumer-nav-wrapper nav .search-form-wrapper .search-wrapper {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            justify-content: flex-end;
            align-items: baseline; }
            .consumer-nav .consumer-nav-wrapper nav .search-form-wrapper .search-wrapper button#searchsubmit {
              width: 22px;
              color: #fff;
              cursor: pointer; }
              .consumer-nav .consumer-nav-wrapper nav .search-form-wrapper .search-wrapper button#searchsubmit span {
                display: none; }
            .consumer-nav .consumer-nav-wrapper nav .search-form-wrapper .search-wrapper input {
              margin: 0;
              margin-right: 0;
              padding: 0.5rem;
              background: #4dbdd7;
              border: none;
              font-size: 16px;
              color: #fff;
              -webkit-transition: all 0.3s ease-in-out;
              -moz-transition: all 0.3s ease-in-out;
              -ms-transition: all 0.3s ease-in-out;
              -o-transition: all 0.3s ease-in-out;
              transition: all 0.3s ease-in-out; }
              .consumer-nav .consumer-nav-wrapper nav .search-form-wrapper .search-wrapper input::-webkit-input-placeholder {
                font-size: 16px;
                color: #fff; }
              .consumer-nav .consumer-nav-wrapper nav .search-form-wrapper .search-wrapper input:-moz-placeholder {
                font-size: 16px;
                color: #fff; }
              .consumer-nav .consumer-nav-wrapper nav .search-form-wrapper .search-wrapper input::-moz-placeholder {
                font-size: 16px;
                color: #fff; }
              .consumer-nav .consumer-nav-wrapper nav .search-form-wrapper .search-wrapper input:-ms-input-placeholder {
                font-size: 16px;
                color: #fff; }
            .consumer-nav .consumer-nav-wrapper nav .search-form-wrapper .search-wrapper a > i {
              color: #fff; } }
    @media only screen and (max-width: 768px) {
      .consumer-nav .consumer-nav-wrapper {
        display: block; }
        .consumer-nav .consumer-nav-wrapper nav {
          margin-right: 0; }
        .consumer-nav .consumer-nav-wrapper ul.top-nav {
          display: none; } }
    .consumer-nav .consumer-nav-wrapper .navbrand-home {
      position: relative;
      top: initial;
      /* margin: 35px 0 35px 80px; */
      margin: 26px 0 26px 80px;
      margin: 16px 0 16px 80px; }
      .consumer-nav .consumer-nav-wrapper .navbrand-home img {
        width: 300px;
        width: 250px; }
        @media only screen and (max-width: 1360px) {
          .consumer-nav .consumer-nav-wrapper .navbrand-home img {
            width: 150px; } }
      @media only screen and (max-width: 1680px) {
        .consumer-nav .consumer-nav-wrapper .navbrand-home {
          margin-left: 30px; } }
      @media only screen and (max-width: 1279px) {
        .consumer-nav .consumer-nav-wrapper .navbrand-home {
          margin-left: 15px; } }
      @media only screen and (max-width: 980px) {
        .consumer-nav .consumer-nav-wrapper .navbrand-home {
          margin-top: 0;
          margin-bottom: 0;
          padding-top: 15px;
          padding-bottom: 15px; } }
    @media only screen and (max-width: 980px) {
      .consumer-nav .consumer-nav-wrapper ul.primary-menu {
        margin-left: 3rem;
        margin-right: 3rem; } }
    .consumer-nav .consumer-nav-wrapper ul.primary-menu > li.sec-nav a {
      color: #333;
      font-size: 0.82em;
      text-transform: initial;
      font-weight: 500; }
    .consumer-nav .consumer-nav-wrapper ul.primary-menu > li {
      position: relative;
      padding-top: 0em;
      padding-bottom: 0em;
      padding-right: 18px;
      /* start submenu */
      /* end sub menu */ }
      @media only screen and (max-width: 1680px) {
        .consumer-nav .consumer-nav-wrapper ul.primary-menu > li {
          padding-right: 15px; } }
      @media only screen and (max-width: 980px) {
        .consumer-nav .consumer-nav-wrapper ul.primary-menu > li {
          display: block;
          width: 100%;
          text-align: center;
          font-size: 1.7rem;
          font-size: 1.3rem;
          border-bottom: 1px solid white;
          padding: 10px; } }
      .consumer-nav .consumer-nav-wrapper ul.primary-menu > li.sec-nav {
        border-bottom: none;
        padding-right: 0; }
        .consumer-nav .consumer-nav-wrapper ul.primary-menu > li.sec-nav > a {
          font-size: 18px;
          font-size: .82em;
          line-height: 28px; }
          @media only screen and (max-width: 980px) {
            .consumer-nav .consumer-nav-wrapper ul.primary-menu > li.sec-nav > a {
              color: #FFFFFF;
              font-size: 1.2em; } }
      .consumer-nav .consumer-nav-wrapper ul.primary-menu > li.we-are-hiring-mobile {
        display: none;
        border-bottom: none;
        background: #FFFFFF;
        margin: 68px 0;
        text-align: center; }
        .consumer-nav .consumer-nav-wrapper ul.primary-menu > li.we-are-hiring-mobile a {
          color: #111111;
          text-align: center; }
        @media only screen and (max-width: 980px) {
          .consumer-nav .consumer-nav-wrapper ul.primary-menu > li.we-are-hiring-mobile {
            display: block; } }
      .consumer-nav .consumer-nav-wrapper ul.primary-menu > li:not(:first-child):not(.not-plus):not(.sec-nav):not(.we-are-hiring-mobile)::after {
        /* set - without first element */
        font-family: 'champion';
        content: "\e802";
        height: 22px;
        width: 22px;
        position: absolute;
        top: 8px;
        right: 10px; }
        @media only screen and (max-width: 1680px) {
          .consumer-nav .consumer-nav-wrapper ul.primary-menu > li:not(:first-child):not(.not-plus):not(.sec-nav):not(.we-are-hiring-mobile)::after {
            top: 9px;
            right: 6px; } }
        @media only screen and (max-width: 1440px) {
          .consumer-nav .consumer-nav-wrapper ul.primary-menu > li:not(:first-child):not(.not-plus):not(.sec-nav):not(.we-are-hiring-mobile)::after {
            top: 10px;
            right: 6px; } }
        @media only screen and (max-width: 1360px) {
          .consumer-nav .consumer-nav-wrapper ul.primary-menu > li:not(:first-child):not(.not-plus):not(.sec-nav):not(.we-are-hiring-mobile)::after {
            top: 11px;
            right: 6px; } }
        @media only screen and (max-width: 980px) {
          .consumer-nav .consumer-nav-wrapper ul.primary-menu > li:not(:first-child):not(.not-plus):not(.sec-nav):not(.we-are-hiring-mobile)::after {
            top: 21px;
            right: 10px;
            color: #fff; } }
      .consumer-nav .consumer-nav-wrapper ul.primary-menu > li:not(.sec-nav):not(.we-are-hiring-mobile)::before {
        border-bottom: 6px solid #111111;
        content: '';
        margin: 0 auto;
        display: block;
        height: 25px;
        width: 0px;
        position: absolute;
        top: -84px;
        left: 0;
        right: 0;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }
      .consumer-nav .consumer-nav-wrapper ul.primary-menu > li > a {
        color: #333333;
        font-family: Roboto;
        font-style: normal;
        font-weight: bold;
        font-size: 0.9em;
        line-height: 29px;
        text-transform: uppercase;
        -webkit-transition: all 0.15s ease-in-out;
        -moz-transition: all 0.15s ease-in-out;
        -ms-transition: all 0.15s ease-in-out;
        -o-transition: all 0.15s ease-in-out;
        transition: all 0.15s ease-in-out; }
        @media only screen and (max-width: 1279px) {
          .consumer-nav .consumer-nav-wrapper ul.primary-menu > li > a {
            padding-left: 0; } }
        @media only screen and (max-width: 980px) {
          .consumer-nav .consumer-nav-wrapper ul.primary-menu > li > a {
            color: #FFFFFF;
            text-align: left;
            font-size: 20px;
            line-height: 28px;
            letter-spacing: 0.03em;
            text-transform: uppercase; } }
        .consumer-nav .consumer-nav-wrapper ul.primary-menu > li > a:hover {
          color: #FFFFFF; }
      .consumer-nav .consumer-nav-wrapper ul.primary-menu > li:hover:not(:first-child):not(.not-plus):not(.sec-nav):not(.we-are-hiring-mobile)::after {
        /* set + without first element */
        font-family: 'champion';
        content: "\e801";
        color: #111111; }
      .consumer-nav .consumer-nav-wrapper ul.primary-menu > li:hover::before {
        width: 80%; }
      .consumer-nav .consumer-nav-wrapper ul.primary-menu > li:hover > a {
        color: #111111; }
        @media only screen and (max-width: 980px) {
          .consumer-nav .consumer-nav-wrapper ul.primary-menu > li:hover > a {
            color: #FFFFFF; } }
      .consumer-nav .consumer-nav-wrapper ul.primary-menu > li:hover > ul.sub-menu {
        visibility: visible;
        opacity: 1;
        padding: 1.5rem 0;
        overflow: unset;
        height: auto;
        margin-top: 0;
        width: 100%; }
        @media only screen and (min-width: 980px) {
          .consumer-nav .consumer-nav-wrapper ul.primary-menu > li:hover > ul.sub-menu {
            padding-top: 80px;
            background: url("assets/images/bg_submenu.png") repeat-x top center;
            position: fixed;
            top: 105px;
            top: 85px;
            text-align: center; }
            .consumer-nav .consumer-nav-wrapper ul.primary-menu > li:hover > ul.sub-menu > li a {
              color: #fff;
              background-color: #111111;
              padding: 10px 20px;
              -webkit-transition: all 0.15s ease-in-out;
              -moz-transition: all 0.15s ease-in-out;
              -ms-transition: all 0.15s ease-in-out;
              -o-transition: all 0.15s ease-in-out;
              transition: all 0.15s ease-in-out; }
              .consumer-nav .consumer-nav-wrapper ul.primary-menu > li:hover > ul.sub-menu > li a:hover {
                color: #111111;
                background-color: #fff; } }
        @media only screen and (max-width: 1360px) {
          .consumer-nav .consumer-nav-wrapper ul.primary-menu > li:hover > ul.sub-menu {
            top: 52px;
            top: 32px; } }
        @media only screen and (max-width: 980px) {
          .consumer-nav .consumer-nav-wrapper ul.primary-menu > li:hover > ul.sub-menu {
            top: 0px;
            padding-top: 0; }
            .consumer-nav .consumer-nav-wrapper ul.primary-menu > li:hover > ul.sub-menu > li {
              display: block; }
              .consumer-nav .consumer-nav-wrapper ul.primary-menu > li:hover > ul.sub-menu > li > a {
                text-align: left; } }
      .consumer-nav .consumer-nav-wrapper ul.primary-menu > li > ul.sub-menu {
        position: fixed;
        z-index: 10;
        top: 300px;
        width: 100%;
        /* left: -1.2rem; */
        right: 0;
        padding: 0;
        opacity: 0;
        height: 0;
        overflow: hidden;
        padding-top: 0px;
        background: transparent;
        /*border-bottom: 1px solid #fff;*/
        filter: drop-shadow(0px 40px 50px rgba(0, 0, 0, 0.3));
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }
        @media only screen and (max-width: 980px) {
          .consumer-nav .consumer-nav-wrapper ul.primary-menu > li > ul.sub-menu {
            position: relative;
            margin-top: 0;
            left: 0;
            padding: 0;
            margin: 0;
            top: 0; } }
        .consumer-nav .consumer-nav-wrapper ul.primary-menu > li > ul.sub-menu > li {
          margin-top: 25px;
          margin-top: 19px; }
          .consumer-nav .consumer-nav-wrapper ul.primary-menu > li > ul.sub-menu > li > a {
            color: #fff;
            font-size: 20px;
            white-space: nowrap;
            text-align: center;
            width: 100%;
            padding: 0 30px;
            background-color: #111111;
            /* ADA fix */ }
            @media only screen and (max-width: 1360px) {
              .consumer-nav .consumer-nav-wrapper ul.primary-menu > li > ul.sub-menu > li > a {
                font-size: 16px; } }
            @media only screen and (max-width: 980px) {
              .consumer-nav .consumer-nav-wrapper ul.primary-menu > li > ul.sub-menu > li > a {
                text-align: center;
                white-space: initial;
                background-color: transparent; } }

body.curtain-menu-open .consumer-nav {
  max-height: initial;
  height: initial;
  height: 100vh; }
  body.curtain-menu-open .consumer-nav .consumer-nav-wrapper nav {
    overflow: auto;
    height: auto;
    max-height: calc( 100vh - 100px);
    background: #111111;
    margin: 0;
    /*margin-top: 15px;*/
    padding: 0;
    padding-top: 30px;
    padding-bottom: 60px;
    padding-bottom: 120px; }

body.curtain-menu-open .curtain-menu-wrapper {
  /*transform: translateY(0%);*/
  -moz-transform: translateY(0%);
  -o-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
  visibility: visible;
  pointer-events: all;
  opacity: 1; }

body.curtain-menu-open .curtain-menu-button-toggle .bar1 {
  /*transform: translateX(-50%)translateY(-50%)rotate(-45deg);*/
  -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  -o-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  transform: translateX(-50%) translateY(-50%) rotate(-45deg); }

body.curtain-menu-open .curtain-menu-button-toggle .bar2 {
  /*transform: translateX(-50%)translateY(-50%)rotate(-135deg);*/
  -moz-transform: translateX(-50%) translateY(-50%) rotate(-135deg);
  -o-transform: translateX(-50%) translateY(-50%) rotate(-135deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(-135deg);
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(-135deg);
  transform: translateX(-50%) translateY(-50%) rotate(-135deg); }

body.curtain-menu-open .curtain-menu-button-toggle .bar3 {
  /*transform: translateX(-50%)translateY(-50%)rotate(-45deg);*/
  -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  -o-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  transform: translateX(-50%) translateY(-50%) rotate(-45deg); }

body.curtain-menu-open .curtain-menu-button-toggle:focus {
  outline: none; }

.curtain-menu-button {
  display: none; }
  @media only screen and (max-width: 980px) {
    .curtain-menu-button {
      display: block;
      position: absolute;
      top: .5rem;
      right: 1rem;
      z-index: 3;
      -moz-transform: scale(1.2);
      -o-transform: scale(1.2);
      -ms-transform: scale(1.2);
      -webkit-transform: scale(1.2);
      transform: scale(1.2); } }
  @media only screen and (max-width: 980px) {
    .curtain-menu-button {
      top: 21px; } }
  .curtain-menu-button .curtain-menu-button-toggle {
    width: 60px;
    height: 60px;
    position: relative;
    cursor: pointer;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out; }
    .curtain-menu-button .curtain-menu-button-toggle div {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 22px;
      height: 2px;
      background: #333333;
      border-radius: 2px;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      border-border-radius: 2px;
      -webkit-transition: transform 0.3s;
      -moz-transition: transform 0.3s;
      -ms-transition: transform 0.3s;
      -o-transition: transform 0.3s;
      transition: transform 0.3s;
      /*transition: transform 0.3s;*/
      /*@include transition-delay( .5s );*/ }
    .curtain-menu-button .curtain-menu-button-toggle .bar1 {
      transform: translateX(-50%) translateY(-7px) rotate(-180deg); }
    .curtain-menu-button .curtain-menu-button-toggle .bar2 {
      transform: translateX(-50%) translateY(0) rotate(-180deg); }
    .curtain-menu-button .curtain-menu-button-toggle .bar3 {
      transform: translateX(-50%) translateY(7px) rotate(-180deg); }
    .curtain-menu-button .curtain-menu-button-toggle:hover div {
      color: #000; }
    .curtain-menu-button .curtain-menu-button-toggle:active {
      box-shadow: none; }

.logo {
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -ms-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  -webkit-transition: width 0.3s;
  -moz-transition: width 0.3s;
  -ms-transition: width 0.3s;
  -o-transition: width 0.3s;
  transition: width 0.3s;
  /* client want single logo */ }

.small-logo {
  position: absolute;
  top: 26px;
  left: 0;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -ms-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s; }

.navbrand-home {
  -webkit-transition: margin 0.3s;
  -moz-transition: margin 0.3s;
  -ms-transition: margin 0.3s;
  -o-transition: margin 0.3s;
  transition: margin 0.3s; }

body.small_header .logo {
  opacity: 0;
  opacity: 1;
  /* client want single logo */
  width: 200px !important;
  /* client want single logo */ }
  @media only screen and (max-width: 1360px) {
    body.small_header .logo {
      width: 150px !important;
      /* client want single logo */ } }

body.small_header .small-logo {
  transition-delay: 300ms;
  transition-property: opacity;
  opacity: 1;
  display: none;
  /* client want single logo */ }
  @media only screen and (min-width: 980px) and (max-width: 1360px) {
    body.small_header .small-logo {
      top: 10px; } }

body.small_header .header-fixer {
  height: 100px; }

body.small_header .consumer-nav .consumer-nav-wrapper .navbrand-home {
  transition-delay: 100ms;
  transition-property: margin-top;
  margin-top: 0;
  transition-delay: 100ms;
  transition-property: margin-bottom;
  margin-bottom: 0; }

body.small_header .consumer-nav .consumer-nav-wrapper ul.primary-menu > li::before {
  top: -50px; }

body.small_header .consumer-nav .consumer-nav-wrapper ul.primary-menu > li > ul.sub-menu {
  top: 100px; }

body.small_header .consumer-nav .consumer-nav-wrapper ul.primary-menu > li:hover > ul.sub-menu {
  padding-top: 40px;
  top: 70px;
  top: 85px;
  top: 62px;
  /* client want single logo */
  background: url(assets/images/bg_small_submenu.png) repeat-x top center; }
  @media only screen and (max-width: 1680px) {
    body.small_header .consumer-nav .consumer-nav-wrapper ul.primary-menu > li:hover > ul.sub-menu {
      top: 88px;
      top: 62px;
      /* client want single logo */ } }
  @media only screen and (max-width: 1360px) {
    body.small_header .consumer-nav .consumer-nav-wrapper ul.primary-menu > li:hover > ul.sub-menu {
      top: 35px; } }
  @media only screen and (max-width: 980px) {
    body.small_header .consumer-nav .consumer-nav-wrapper ul.primary-menu > li:hover > ul.sub-menu {
      top: 0;
      filter: none;
      padding-top: 0; } }

.mobile-top-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media only screen and (min-width: 980px) {
    .mobile-top-wrapper {
      display: none; } }
  .mobile-top-wrapper div {
    width: 50%; }
    .mobile-top-wrapper div a, .mobile-top-wrapper div a.button.we-are-hiring {
      width: 100%;
      text-align: center;
      padding: 21px 20px;
      font-size: 1.2em; }

.main-header .main-picture-height {
  position: relative;
  background: transparent; }
  .main-header .main-picture-height > img {
    width: 100%;
    height: 100%; }
    @media only screen and (max-width: 768px) {
      .main-header .main-picture-height > img {
        height: 500px;
        width: 100%;
        object-fit: cover; } }

.single-tabs-section {
  height: 100%; }
  .single-tabs-section .content-wrapper {
    height: 100%; }