header {
  position: fixed;
  top: 0;
  height: 225px;
  z-index: 10; }
  header .menu .menu-items {
    display: flex;
    flex-direction: row; }
    header .menu .menu-items .menu-item {
      display: block;
      width: fit-content;
      margin: 0 20px; }
      header .menu .menu-items .menu-item .menu-link {
        text-decoration: none;
        font-size: 18px;
        font-family: 'LatoLatinRegular'; }
      header .menu .menu-items .menu-item .items-L2 {
        display: none; }
  header .supHeader {
    position: absolute;
    display: flex;
    flex-direction: row;
    width: 100vw;
    height: 60px;
    background-image: linear-gradient(90deg, #ff2f19, #8e50a8);
    z-index: 9; }
    header .supHeader .supHeader-signature {
      color: white;
      padding: 21px 6px;
      margin: 0 auto;
      margin: 0 calc(50vw - 690px); }
    header .supHeader .supHeader-signature b {
      font-family: 'LatoLatinMedium'; }
    header .supHeader .supHeader-login {
      position: absolute;
      right: 15px;
      padding: 21px;
      margin-right: 20px;
      z-index: 12; }
    header .supHeader .supHeader-login.sticky {
      top: 7px; }
    header .supHeader .supHeader-login .supHeader-login-link {
      border-left: 1px solid #2a3f4e;
      padding-left: 30px;
      color: white;
      text-decoration: none;
      transition: all 0.3s; }
      header .supHeader .supHeader-login .supHeader-login-link::after {
        position: absolute;
        right: -10px;
        content: url(/media/image/c16b256c3c324b0f1ca0639dc7cf0e47d0f5d70b.svg); }
      header .supHeader .supHeader-login .supHeader-login-link:hover::after {
        content: url(/media/image/ce2f345eb2541101c13cbc178bf7647187f10a17.svg); }
    header .supHeader .supHeader-lang {
      position: absolute;
      right: 0;
      background-color: #2a3f4e;
      z-index: 12; }
    header .supHeader .supHeader-lang.sticky ul li a {
      padding: 27px 0 28px 20px;
      transition: all 0.4s; }
    header .supHeader .supHeader-lang ul {
      display: flex;
      flex-direction: column;
      list-style: none;
      font-weight: 400;
      width: 92px;
      margin: 0;
      padding: 0; }
      header .supHeader .supHeader-lang ul li {
        font-size: 18px;
        display: flex; }
        header .supHeader .supHeader-lang ul li a {
          padding: 20px 0 20px 15px;
          text-decoration: none;
          vertical-align: middle;
          vertical-align: -webkit-baseline-middle;
          transition: all 0.4s;
          color: #fff;
          width: 100%;
          text-align: center;
          background-size: 18px;
          background-position: 10px center; }
          header .supHeader .supHeader-lang ul li a.unselected {
            display: none; }
          header .supHeader .supHeader-lang ul li a.selected::after {
            position: relative;
            content: url(/media/image/84a567e50af59543b3939564b449393d2b98c2de.svg);
            left: 8px; }
    header .supHeader .newsletter-btn {
      position: relative;
      width: 34px;
      height: 34px;
      cursor: pointer;
      z-index: 9;
      margin: 13px 0 0 auto !important; }
    header .supHeader .newsletter-btn .icon {
      display: none; }
    header .supHeader .newsletter-btn .txt {
      position: absolute;
      right: 19px;
      top: -1px;
      padding: 9px 15px 9px;
      font-size: 14px;
      font-family: 'LatoLatinRegular';
      color: #ed2939;
      white-space: nowrap;
      background-color: white;
      border-radius: 30px;
      border: 1px solid #ed2939;
      border-right: none;
      overflow: hidden; }
  header .mainHeader {
    position: absolute;
    display: block;
    height: 165px;
    width: 100vw;
    top: 60px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    background-color: #fff;
    z-index: 9; }
    header .mainHeader .mainHeader-menu-container {
      display: flex;
      flex-direction: row;
      height: 165px;
      width: 1380px;
      margin: 0 calc(50vw - 690px); }
    header .mainHeader .mainHeader-menu-container .mainHeader-logo {
      background-image: url(/media/image/6e6af017ca85a552233d3e0e22fec79a685614ad.svg);
      background-repeat: no-repeat;
      background-position: center;
      display: block;
      width: 165px;
      height: 165px; }
    header .mainHeader .mainHeader-menu-container .mainHeader-logo-small {
      background-image: url(/media/image/c23de070dd5f0ea4362bf2e716e644e58f58a29e.svg);
      background-repeat: no-repeat;
      background-position: center 46px;
      display: none;
      width: 30px;
      height: 107px; }
    header .mainHeader .mainHeader-menu-container .mainHeader-menu .mainHeader-menu-items {
      margin-top: 50px; }
      header .mainHeader .mainHeader-menu-container .mainHeader-menu .mainHeader-menu-items .mainHeader-menu-item .menu-link {
        color: #3e5667; }
    header .mainHeader .mainHeader-menu-container .newsletter-btn {
      position: relative;
      width: 48px;
      height: 48px;
      border-radius: 30px;
      border: 1px solid #ed2939;
      margin-top: 37px;
      background-color: #fff;
      cursor: pointer;
      z-index: 9; }
      header .mainHeader .mainHeader-menu-container .newsletter-btn .icon {
        position: absolute;
        right: 0;
        top: 0;
        width: 50px;
        height: inherit;
        background-image: url(/media/image/abd3a44ea35e27a2ff0992efb0eaafe49abf2ab7.svg);
        background-repeat: no-repeat;
        background-position: left 13px top 9px;
        transition: all 0.3s; }
      header .mainHeader .mainHeader-menu-container .newsletter-btn .txt {
        display: none;
        position: absolute;
        right: 25px;
        top: -1px;
        padding: 14px 30px 13px;
        font-size: 18px;
        font-family: 'LatoLatinRegular';
        color: #ed2939;
        width: 0;
        white-space: nowrap;
        background-color: white;
        border-radius: 30px 0 0 30px;
        border: 1px solid #ed2939;
        border-right: none;
        overflow: hidden; }
      header .mainHeader .mainHeader-menu-container .newsletter-btn.sticky {
        height: 34px;
        width: 34px;
        margin-top: 49px; }
      header .mainHeader .mainHeader-menu-container .newsletter-btn.sticky .txt {
        right: 19px;
        padding: 9px 30px 9px;
        font-size: 14px; }
      header .mainHeader .mainHeader-menu-container .newsletter-btn.sticky .icon {
        width: 34px;
        background-size: 19px;
        background-position: left 8px top 6px; }
    header .mainHeader .mainHeader-menu-container .search {
      position: relative;
      display: flex;
      flex-direction: row;
      margin-top: 18px;
      margin-left: 50px;
      position: relative;
      z-index: 9; }
      header .mainHeader .mainHeader-menu-container .search .search-left {
        display: none;
        position: absolute;
        right: 40px;
        border: none;
        background-color: #fff;
        color: #2a3f4e;
        margin: 20px 0 14px 14px;
        width: 0;
        padding-left: 30px;
        height: 42px;
        border-radius: 99px 0 0 99px;
        border: 2px solid #d7dadc;
        border-right-width: 0;
        z-index: -1; }
      header .mainHeader .mainHeader-menu-container .search .search-left::placeholder {
        color: #d7dadc; }
      header .mainHeader .mainHeader-menu-container .search .search-right {
        background-color: #88407f;
        width: 50px;
        height: 48px;
        margin: 20px 14px 14px 0;
        border-radius: 50%;
        background-image: url(/media/image/874f135d74f9e023757f10dd85a000c1bd10abaf.svg);
        background-repeat: no-repeat;
        background-position: 12px 13px;
        cursor: pointer;
        transition: all 0.3s; }
      header .mainHeader .mainHeader-menu-container .search .search-right:hover {
        background-position: 15px 13px;
        background-color: #b55b92; }
      header .mainHeader .mainHeader-menu-container .search.sticky {
        display: flex;
        flex-direction: row;
        margin-top: 36px;
        margin-left: 50px; }
      header .mainHeader .mainHeader-menu-container .search.sticky .newsletter-btn {
        height: 34px;
        width: 34px; }
      header .mainHeader .mainHeader-menu-container .search.sticky .search-left {
        border: none;
        right: 33px;
        background-color: #fff;
        color: #2a3f4e;
        margin: 14px 0 14px 14px;
        width: 190px;
        padding-left: 30px;
        height: 34px;
        border-radius: 99px 0 0 99px;
        border-right-width: 0; }
        header .mainHeader .mainHeader-menu-container .search.sticky .search-left::placeholder {
          color: #d7dadc; }
      header .mainHeader .mainHeader-menu-container .search.sticky .search-right {
        background-color: #88407f;
        width: 36px;
        height: 36px;
        margin: 14px 14px 14px 0;
        border-radius: 30px;
        background-image: url(/media/image/874f135d74f9e023757f10dd85a000c1bd10abaf.svg);
        background-repeat: no-repeat;
        background-position: 11px 11px;
        background-size: 18px;
        cursor: pointer;
        transition: all 0.3s; }
        header .mainHeader .mainHeader-menu-container .search.sticky .search-right:hover {
          background-position: 13px 13px;
          background-color: #b55b92; }
    header .mainHeader .mainHeader-menu-container .mainHeader-login {
      display: none;
      position: absolute;
      right: 115px;
      padding: 21px;
      margin-right: 20px; }
      header .mainHeader .mainHeader-menu-container .mainHeader-login .mainHeader-login-link {
        border-left: 1px solid #2a3f4e;
        padding-left: 30px;
        color: #fff;
        text-decoration: none;
        transition: all 0.3s; }
      header .mainHeader .mainHeader-menu-container .mainHeader-login .mainHeader-login-link::after {
        position: absolute;
        right: -10px;
        content: url(/media/image/c16b256c3c324b0f1ca0639dc7cf0e47d0f5d70b.svg); }
      header .mainHeader .mainHeader-menu-container .mainHeader-login .mainHeader-login-link:hover::after {
        content: url(/media/image/ce2f345eb2541101c13cbc178bf7647187f10a17.svg); }
    header .mainHeader .mainHeader-menu-container .mainHeader-lang {
      display: none;
      position: absolute;
      right: 0;
      background-color: #2a3f4e; }
      header .mainHeader .mainHeader-menu-container .mainHeader-lang ul {
        display: flex;
        flex-direction: column;
        list-style: none;
        font-weight: 400;
        width: 92px;
        margin: 0;
        padding: 0; }
      header .mainHeader .mainHeader-menu-container .mainHeader-lang ul li {
        font-size: 18px;
        display: flex; }
        header .mainHeader .mainHeader-menu-container .mainHeader-lang ul li a {
          padding: 20px 0 20px 20px;
          text-decoration: none;
          vertical-align: middle;
          vertical-align: -webkit-baseline-middle;
          transition: all 0.4s;
          color: #fff;
          width: 100%;
          text-align: center;
          background-size: 18px;
          background-position: 9px center; }
          header .mainHeader .mainHeader-menu-container .mainHeader-lang ul li a.unselected {
            display: none; }
          header .mainHeader .mainHeader-menu-container .mainHeader-lang ul li a::after {
            position: relative;
            content: url(/media/image/84a567e50af59543b3939564b449393d2b98c2de.svg);
            left: 12px; }

.underHeader {
  position: fixed;
  display: block;
  width: 100vw;
  background-color: rgba(242, 242, 242, .95);
  top: -225px;
  padding-top: 20px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  opacity: 0;
  min-height: 100px; }
  .underHeader .title-gradient {
    position: relative;
    float: left;
    width: 300px;
    margin: 42px 50px 0 calc(50vw - 646px); }
  .underHeader .items-L2 {
    position: relative;
    display: flex;
    flex-direction: column;
    position: relative;
    float: left;
    width: fit-content;
    margin: 25px 0; }
    .underHeader .items-L2 .item-L2 {
      display: block;
      padding: 25px 0;
      border-bottom: 1px solid #94a3b0;
      padding-right: 40px; }
    .underHeader .items-L2 .item-L2.open .link {
      font-family: 'LatoLatinMedium'; }
    .underHeader .items-L2 .item-L2 .link {
      color: #283e4d;
      text-decoration: none;
      font-family: 'LatoLatinLight';
      transition: all 0.3s; }
      .underHeader .items-L2 .item-L2 .link:hover {
        font-family: 'LatoLatinMedium'; }
    .underHeader .items-L2 .item-L2 .items-L3 {
      position: absolute;
      top: 0px;
      left: 400px;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      width: 600px;
      padding: 0;
      display: none; }
      .underHeader .items-L2 .item-L2 .items-L3 .item-L3 {
        padding: 0;
        width: 145px;
        border-bottom: none;
        margin-left: 30px;
        margin-bottom: 40px; }
      .underHeader .items-L2 .item-L2 .items-L3 .item-L3 .link:hover .txt {
        font-family: 'LatoLatinMedium'; }
        .underHeader .items-L2 .item-L2 .items-L3 .item-L3 .link:hover .img {
          opacity: 0.5; }
        .underHeader .items-L2 .item-L2 .items-L3 .item-L3 .link .img {
          display: block;
          width: 100%;
          height: 90px;
          background-color: #d7dadc;
          background-size: cover; }
        .underHeader .items-L2 .item-L2 .items-L3 .item-L3 .link .txt {
          margin: 30px auto 0;
          width: fit-content;
          white-space: nowrap;
          display: block;
          font-family: 'LatoLatinLight'; }
    .underHeader .items-L2 .item-L2:last-child {
      border-bottom: none; }

.topper {
  position: fixed;
  display: block;
  opacity: 0;
  width: 50px;
  height: 50px;
  right: 30px;
  bottom: 30px;
  border-radius: 50%;
  background-color: #ed2939;
  background-image: url(/media/image/0bc591e0c7998c062610d4338c7ac5c0a0b7a78c.svg);
  background-repeat: no-repeat;
  background-position: 22px center;
  transform: rotate(270deg);
  cursor: pointer;
  transition: all 0.3s;
  /* =============================================================== RESPONSIVE =================================================================*/ }
  .topper:hover {
    background-position: 27px center; }

@media (max-width: 1460px) {
  header .supHeader .supHeader-signature {
    margin: 0 20px; }

  header .mainHeader .mainHeader-menu-container {
    margin: 0 20px; }
    header .mainHeader .mainHeader-menu-container .mainHeader-logo-small {
      width: 36px; }
    header .mainHeader .mainHeader-menu-container .search {
      margin-left: 15px !important; }

  header .menu .menu-items .menu-item {
    margin: 0 10px; }

  .underHeader .title-gradient {
    margin: 42px 50px 0 80px; } }

@media (max-width: 1200px) {
  header .mainHeader .mainHeader-menu-container {
    margin-left: 20px; }
    header .mainHeader .mainHeader-menu-container .mainHeader-logo-small {
      width: 36px; }
    header .mainHeader .mainHeader-menu-container .search {
      margin-left: 15px !important; }
      header .mainHeader .mainHeader-menu-container .search .search-left {
        width: 90px !important;
        padding-left: 10px !important; }

  header .menu .menu-items .menu-item {
    margin: 0 10px; }

  .underHeader .items-L2 .item-L2 .items-L3 {
    left: 300px;
    width: 400px; } }

@media (max-width: 960px) {
  header .supHeader .supHeader-signature {
    margin-left: 60px; }
    header .supHeader .supHeader-lang, header .supHeader .supHeader-login {
      position: absolute; }
    header .supHeader .supHeader-lang {
      background-color: transparent; }
      header .supHeader .supHeader-lang.sticky ul li a {
        padding: 20px 0 20px 15px; }
      header .supHeader .supHeader-lang ul li a.unselected {
        display: block;
        font-family: 'LatoLatinHeavy';
        background-position: 19px center; }
    header .supHeader .supHeader-login {
      right: 175px; }
      header .supHeader .supHeader-login .supHeader-login-link {
        border-left: none; }
    header .supHeader .underHeader {
      display: none; }
    header .supHeader .sticky {
      top: 0 !important; }
    header .mainHeader .mainHeader-menu-container {
      margin: 0;
      margin-left: 3vw; }
      header .mainHeader .mainHeader-menu-container .newsletter-btn {
        display: none;
        position: relative;
        width: fit-content;
        border: none;
        margin-top: 37px;
        margin: 19vh auto 0;
        background-color: transparent; }
        header .mainHeader .mainHeader-menu-container .newsletter-btn.sticky {
          width: 200px;
          position: absolute;
          left: calc(50% - 85px);
          top: 12vh; }
          header .mainHeader .mainHeader-menu-container .newsletter-btn.sticky .txt {
            font-size: 17px;
            padding: 0;
            right: unset;
            background-color: transparent; }
        header .mainHeader .mainHeader-menu-container .newsletter-btn .icon {
          display: none; }
        header .mainHeader .mainHeader-menu-container .newsletter-btn .txt {
          display: block;
          position: relative;
          font-size: 17px;
          font-family: 'LatoLatinRegular';
          width: 100%;
          text-align: center;
          padding: 0;
          white-space: nowrap;
          border: none;
          overflow: visible;
          background-color: transparent; }
      header .mainHeader .mainHeader-menu-container .mainHeader-logo-small {
        width: 165px; }
      header .mainHeader .mainHeader-menu-container .mainHeader-menu, header .mainHeader .mainHeader-menu-container .search, header .mainHeader .mainHeader-menu-container .search.sticky {
        position: absolute;
        display: none; }
      header .mainHeader .mainHeader-menu-container .link {
        display: block;
        text-decoration: none;
        text-align: center; }
      header .mainHeader .mainHeader-menu-container .mainHeader-menu {
        top: 20vh;
        left: 0;
        width: 100vw;
        padding-bottom: 100px; }
        header .mainHeader .mainHeader-menu-container .mainHeader-menu .mainHeader-menu-items {
          flex-direction: column;
          padding: 0;
          margin-top: 16vh !important;
          width: 100%; }
          header .mainHeader .mainHeader-menu-container .mainHeader-menu .mainHeader-menu-items .mainHeader-menu-item {
            margin: 3vh auto; }
            header .mainHeader .mainHeader-menu-container .mainHeader-menu .mainHeader-menu-items .mainHeader-menu-item .menu-link {
              display: block;
              width: fit-content;
              margin: 0 auto; }
              header .mainHeader .mainHeader-menu-container .mainHeader-menu .mainHeader-menu-items .mainHeader-menu-item .menu-link:hover {
                opacity: 1; }
            header .mainHeader .mainHeader-menu-container .mainHeader-menu .mainHeader-menu-items .mainHeader-menu-item .items-L2 {
              padding: 0; }
              header .mainHeader .mainHeader-menu-container .mainHeader-menu .mainHeader-menu-items .mainHeader-menu-item .items-L2 .item-L2 {
                width: fit-content;
                margin: 4vh auto;
                font-family: 'LatoLatinMedium';
                color: #90a3b1; }
                header .mainHeader .mainHeader-menu-container .mainHeader-menu .mainHeader-menu-items .mainHeader-menu-item .items-L2 .item-L2 .link:hover {
                  opacity: 1; }
                header .mainHeader .mainHeader-menu-container .mainHeader-menu .mainHeader-menu-items .mainHeader-menu-item .items-L2 .item-L2 .items-L3 {
                  padding: 0;
                  display: none; }
                  header .mainHeader .mainHeader-menu-container .mainHeader-menu .mainHeader-menu-items .mainHeader-menu-item .items-L2 .item-L2 .items-L3 .item-L3 {
                    width: fit-content;
                    margin: 4vh auto;
                    font-family: 'LatoLatinlight'; }
                    header .mainHeader .mainHeader-menu-container .mainHeader-menu .mainHeader-menu-items .mainHeader-menu-item .items-L2 .item-L2 .items-L3 .item-L3 .link:hover {
                      opacity: 1; }
      header .mainHeader .mainHeader-menu-container .search, header .mainHeader .mainHeader-menu-container .search.sticky {
        margin-top: 23vh;
        right: 0; }
        header .mainHeader .mainHeader-menu-container .search .search-left, header .mainHeader .mainHeader-menu-container .search.sticky .search-left {
          display: block;
          width: 85vw !important; } }

@media (max-width: 480px) {
  header .mainHeader .mainHeader-menu-container .search, header .mainHeader .mainHeader-menu-container .search.sticky {
    margin-left: calc(15vw - 60px) !important; }
    header .mainHeader .mainHeader-menu-container .search .search-left, header .mainHeader .mainHeader-menu-container .search.sticky .search-left {
      width: 70vw !important; }

  header .supHeader {
    z-index: 10; }
    header .supHeader .supHeader-signature {
      position: absolute;
      top: 65px;
      color: #ed2939;
      left: 219px;
      margin: 0; } }

@media (max-width: 320px) {
  header .mainHeader .mainHeader-menu-container .search {
    margin-left: 0; }

  header .mainHeader .mainHeader-menu-container .mainHeader-logo {
    background-size: 120px;
    height: 127px; } }