:root {
    --bleu-d2go: #1659C7;
    --background-color: #fff;
  }
html{
  font-size: 12px;
}
  .cmp-primary-header--full-width {
    max-width: none;
    background-color: var(--background-color);
    width: 100%;
    z-index: 8000;
    border-bottom: 1px solid #ccc;
    -webkit-box-shadow: 0 2px 4px hsla(0, 0%, 80%, 0.5);
    box-shadow: 0 2px 4px hsla(0, 0%, 80%, 0.5);
  }
  

.cmp-primary-header__menu {
  margin:0;
  padding:0;
  list-style-type:none;
  display: flex;
  align-items: center;
  height: inherit;
}

.cmp-primary-header__menu .show-sub-menu {
  padding: 0 15px;
  margin: 0 13px 0 -5px;
  background-color: #fff;
}

.cmp-primary-header__menu .show-sub-menu .cmp-primary-header__menu-link {
  color: #1c1c1c !important;
}

.cmp-primary-header__menu
  .show-sub-menu.cmp-primary-header__login
  .cmp-primary-header__menu-link {
  color: #1a5336 !important;
}

.cmp-primary-header__menu .show-sub-menu .icon {
  content: '';
  color: var(--bleu-d2go);
}

.cmp-primary-header__menu .show-sub-menu .cmp-primary-header__sub-menu {
  display: block;
}

.cmp-primary-header__menu .show-sub-menu .cmp-primary-header__sub-menu-item {
  min-height: 3pc;
}

.cmp-primary-header__sub-menu-link:hover {
  color: #1970d0;
}

.cmp-primary-header__menu .show-sub-menu:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0 15px;
  background: transparent;
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
}

.cmp-primary-header__menu .show-sub-menu:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 15px;
  background: #fff;
  border: none;
  z-index: 101;
}

.cmp-primary-header__menu-item {
  position: relative;
  cursor: pointer;
  margin-right: 4rem;
  display: flex;
  align-items: center;
}

.cmp-primary-header__menu-item.active:not(.show-sub-menu):after,
.cmp-primary-header__menu-item:hover:not(.show-sub-menu):after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  border-bottom: 5px solid transparent;
}

.cmp-primary-header__menu-item .icon:after {
  content: '\e924'/'';
  font-family: icons;
  margin-left: 10px;
  font-size: 0.8rem;
  width: 1pc;
  display: inline-block;
  height: 9pt;
}

@supports (content: 'x'/'y') {
  .cmp-primary-header__menu-item .icon:after {
    content: '\e924'/'';
  }
}

@supports (alt: '') {
  .cmp-primary-header__menu-item .icon:after {
    alt: '';
  }
}

.cmp-primary-header__menu-item.show-sub-menu .icon:after {
  content: '';
}

@supports (content: 'x'/'y') {
  .cmp-primary-header__menu-item.show-sub-menu .icon:after {
    content: '\e95e'/'';
  }
}

@supports (alt: '') {
  .cmp-primary-header__menu-item.show-sub-menu .icon:after {
    alt: '';
  }
}

.cmp-primary-header__menu-item--hide-label:first-child {
  margin-left: 0;
}

.cmp-primary-header__menu-item--hide-label.active,
.cmp-primary-header__menu-item--hide-label:hover:not(.show-sub-menu):after {
  border-bottom: 0;
}


.cmp-primary-header__menu-link {
  padding: 23px 0 24px;
  max-height: 70px;
  color: var(--bleu-d2go);
  vertical-align: middle;
  display: inline-block;
  font-size: 1.5rem;
  text-decoration: none;
}

.cmp-primary-header__menu-link:focus {
  outline: 1px dotted #1c1c1c;
}

/* .cmp-primary-header__menu-link:hover {
  color: #1c1c1c;
} */

.cmp-primary-header__login {
  margin: 0;
}

.cmp-primary-header__login.cmp-primary-header__menu-item.show-sub-menu {
  margin: 0;
  padding: 0 10px;
}

.cmp-primary-header__login * {
  line-height: normal !important;
}

.cmp-primary-header__login .cmp-primary-header__menu-link {
  font-family: TD Graphik Regular;
  color: var(--bleu-d2go);
}

.cmp-primary-header__logout {
  margin: 0 0 0 6px;
  padding: 0;
}

.cmp-primary-header__logout .cmp-primary-header__menu-link {
  font-family: TD Graphik Regular;
}

.cmp-primary-header-desktop .cmp-primary-header__menu-item {
  padding: 0 5px;
  margin: 0 18px 0 0;
}

@media (min-width: 1024px) and (max-width: 1199px) {
  .cmp-primary-header-desktop .cmp-primary-header__menu-item {
    padding: 0 4px;
    margin: 0 11px 0 0;
  }
}

.cmp-primary-header-desktop
  .cmp-primary-header__menu-item.active:not(.show-sub-menu):after,
.cmp-primary-header-desktop
  .cmp-primary-header__menu-item:hover:not(.show-sub-menu):after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  border-bottom: 5px solid transparent;
}

.cmp-primary-header-desktop .cmp-primary-header__menu-item .icon:after {
  content: '\e924'/'';
  margin-left: 3px;
  width: 10px;
  height: 6px;
}

@supports (content: 'x'/'y') {
  .cmp-primary-header-desktop .cmp-primary-header__menu-item .icon:after {
    content: '\e924'/'';
  }
}

@supports (alt: '') {
  .cmp-primary-header-desktop .cmp-primary-header__menu-item .icon:after {
    alt: '';
  }
}

  @media (max-width: 1023px) {
    .cmp-primary-header--full-width {
      display: none;
    }
  }
  @media (min-width: 1024px) and (max-width: 1199px) {
    .cmp-primary-header-desktop
      .cmp-primary-header_left
      .cmp-primary-header__menu-item:last-child
      .cmp-primary-header-secondary-level-menu {
      left: -101%;
      width: 100%;
    }
  }
  
  .cmp-primary-header-desktop
  .cmp-primary-header_right
  .cmp-primary-header__menu-item {
  margin: 0;
}

.cmp-primary-header-desktop
  .cmp-primary-header_right
  .cmp-primary-header__login.cmp-primary-header__menu-item {
  margin: 0 7px 0 0;
}

@media (min-width: 1024px) and (max-width: 1199px) {
  .cmp-primary-header__menu-item {
    margin-right: 10px;
  }

  .cmp-primary-header__login {
    margin-right: 0;
  }

  .cmp-primary-header__menu .show-sub-menu {
    margin-right: 5px;
  }
}

.cmp-primary-header__profile .cmp-primary-header__sub-menu {
  min-width: 465px;
}

.cmp-primary-header__profile .cmp-primary-header__sub-menu--col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 25px 0 27px;
}

.cmp-primary-header__profile
  .cmp-primary-header__sub-menu--col-inside:first-child {
  border-right: 1px solid #ccc;
  width: 226px;
}

.cmp-primary-header__profile
  .cmp-primary-header__sub-menu--col-inside:nth-child(2) {
  width: 239px;
}

.cmp-compare-table_block
  .cmp-primary-header__profile
  .cmp-primary-header__sub-menu
  span.cmp-compare-table-span-heading,
.cmp-compare-table_sticky-header_block
  .cmp-primary-header__profile
  .cmp-primary-header__sub-menu
  span.cmp-compare-table-span-heading,
.cmp-flex-comparison-table
  .cmp-primary-header__profile
  .cmp-primary-header__sub-menu
  span.flex-comparison-span-heading,
.cmp-flex-comparison-table__sticky-header
  .cmp-primary-header__profile
  .cmp-primary-header__sub-menu
  span.flex-comparison-span-heading,
.cmp-flex-comparison-table__sticky-mobile
  .cmp-primary-header__profile
  .cmp-primary-header__sub-menu
  span.flex-comparison-span-heading,
.cmp-primary-header__profile
  .cmp-primary-header__sub-menu
  .cmp-compare-table_block
  span.cmp-compare-table-span-heading,
.cmp-primary-header__profile
  .cmp-primary-header__sub-menu
  .cmp-compare-table_sticky-header_block
  span.cmp-compare-table-span-heading,
.cmp-primary-header__profile
  .cmp-primary-header__sub-menu
  .cmp-flex-comparison-table__sticky-header
  span.flex-comparison-span-heading,
.cmp-primary-header__profile
  .cmp-primary-header__sub-menu
  .cmp-flex-comparison-table__sticky-mobile
  span.flex-comparison-span-heading,
.cmp-primary-header__profile
  .cmp-primary-header__sub-menu
  .cmp-flex-comparison-table
  span.flex-comparison-span-heading,
.cmp-primary-header__profile .cmp-primary-header__sub-menu h3 {
  color: #1a5336;
  padding: 0 30px 5px;
}

.cmp-primary-header__profile .cmp-primary-header__sub-menu ul li a {
  padding: 10px 30px 9pt;
}

.cmp-primary-header__login--multi-col .cmp-primary-header__sub-menu {
  width: 50pc;
  min-width: 415px;
  padding: 20px 0 30px;
}

.cmp-primary-header__login--multi-col
  .cmp-primary-header__sub-menu
  .multi-col__heading {
  margin-top: 0;
  margin-bottom: 15px;
  padding: 0 30px 0 20px;
  color: #1a5336;
  letter-spacing: -0.5px;
}

.cmp-primary-header__login--multi-col
  .cmp-primary-header__sub-menu
  .multi-col__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  text-align: left;
}

.cmp-primary-header__login--multi-col
  .cmp-primary-header__sub-menu
  .col-one-third {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 33.3%;
  border-left: 1px solid #ccc;
}

.cmp-primary-header__login--multi-col
  .cmp-primary-header__sub-menu
  .col-one-third:first-child {
  border: none;
}

.cmp-primary-header__login--multi-col
  .cmp-primary-header__sub-menu
  .col-one-third:first-child
  .multi-col__column-title {
  padding: 0 30px 5px 20px;
}

.cmp-primary-header__login--multi-col
  .cmp-primary-header__sub-menu
  .col-one-third:first-child
  .cmp-primary-header__sub-menu-link {
  padding: 10px;
}

.cmp-primary-header__login--multi-col
  .cmp-primary-header__sub-menu
  .col-one-third:last-child
  .multi-col__column-title {
  padding: 0 20px 5px 30px;
}

.cmp-primary-header__login--multi-col
  .cmp-primary-header__sub-menu
  .col-one-third:last-child
  .cmp-primary-header__sub-menu-link {
  padding: 10px;
}

.cmp-primary-header__login--multi-col
  .cmp-primary-header__sub-menu
  .multi-col__column-title {
  padding: 0 30px 5px;
  letter-spacing: 0.02em;
}

.cmp-primary-header__login--multi-col
  .cmp-primary-header__sub-menu
  .cmp-primary-header__sub-menu-item {
  min-height: 0;
}

.cmp-primary-header__sub-menu {
  position: absolute;
  left: 0;
  background: #fff;
  z-index: 101;
  display: none;
  /* min-width: 233px; */
  top: 70px;
  -webkit-box-shadow: 1px 2px 13px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 1px 2px 13px 0 rgba(0, 0, 0, 0.2);
  letter-spacing: 0.02em;
  padding: 10px 0 0;



    /* z-index: 5; */
    background: transparent linear-gradient(180deg,#fff,#f7f7ff) 0 0 no-repeat padding-box;
    box-shadow: 0 25px 20px rgba(0,0,0,.14118);
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    padding: 3.333rem;
    margin-left: -3.333rem;
}
.cmp-primary-header__sub-menu-item{
  min-width: 200px;
}
.cmp-primary-header__sub-menu-link {
  font-size: 1.4rem;
  display: inline-block;
  padding: 10px;
  color: var(--bleu-d2go);
}



/* .cmp-primary-header__sub-menu-link:focus {
  color: #1c1c1c;
} */


.cmp-primary-header-desktop
  .cmp-primary-header_right
  .cmp-primary-header__icon-label {
  margin: 0 3px 0 0;
}

.cmp-primary-header-desktop .cmp-primary-header_right .td-icon {
  margin: 0 5px 0 3px;
}
.cmp-primary-header_right {
  position: absolute;
  right: 15px;
}
ul {
  list-style: none;
}


ul {
  margin: 0;
  padding: 0;
}
.cmp-primary-header {
  width: 85%;
  max-width: 89.31rem;
  margin: 0 4rem;
  height: 8.333rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cmp-primary-header_left{
  width: 50%
}
.cmp-primary-header__nav {
  display: inline-block;
  height: 100%;
}
.fa-angle-down{
  margin-left: 7px;
}
.cmp-primary-header__menu-item:hover .fa-angle-down {
  transform: rotate(180deg);
  transition: all 0.1s ease-in-out;
}

.cmp-primary-header__menu-item{
  min-height: 70px;
}

.cmp-primary-header__menu-item:hover .cmp-primary-header__sub-menu {
  display: block;
}
a, a:active, a:focus {
  outline: none !important;
}
a{
  outline: 0 !important;
}