/***
 *** Header
 ***/

.whole-header-top {
    width: 100%;
    min-height: 60px;
    background: #004C97;
}

.whole-header-bottom {
    width: 100%;
    min-height: 120px;
    box-shadow: 0 3px 25px 0 rgba(38, 50, 56, 0.1);
}

header .header-area {
    max-width: 1920px;
    margin: auto;
    padding: 0px 40px;
}

.whole-header-top .header-area {
    display: flex;
    align-items: center;
    justify-content: center;
}

.whole-header-top .header-area .header-logo {
    flex: 1 250px;
    max-width: 250px;
}

.whole-header-bottom .header-area .logo-area img {
    max-width: 152px;
    height: auto;
}

.whole-header-top .header-area .header-right {
    flex: 1;
}

.whole-header-top .header-area .header-right .region-header-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.whole-header-bottom .header-area {
    display: flex;
    align-items: center;
    justify-content: center;
}

.whole-header-bottom .header-area .logo-area {
    flex: 1 152px;
    max-width: 152px;
}

.whole-header-bottom .header-area .menu-area {
    flex: 1;
    text-align: center;
}

.whole-header-top .header-area .header-right .block-views-blockmenu-block-block-mobile {
    display: none;
}

body.sticky-header header {
  width: 100%;
  position: fixed;
  top: 0px;
  background: #fff;
  z-index: 9999;
}

/**
** Header top logo
**/

.header-area .header-logo ul li {
    float: left;
}

.header-area .header-logo ul li a {
    display: block;
    padding-right: 10px;
    border-right: 1px solid #0277BD;
    margin-right: 10px;
}

.header-area .header-logo ul li:last-child a {
    padding-right: 0px;
    border-right: 0px;
    margin-right: 0px;
}

.header-area .header-logo ul li img {
  max-width: 85px;
}


/**
** languages switcher
**/

.header-area ul,
.header-area ul li {
    list-style: none;
    list-style-image: none;
    padding: 0px;
    margin: 0px;
}

ul.menu--languages li {
    font-size: 14px;
    line-height: 19px;
    float: left;
}

ul.menu--languages>li>span {
    color: #ffffff;
    font-size: 14px;
    line-height: 19px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    padding: 21px 28px 20px 30px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    position: relative;
}

ul.menu--languages>li>span::after {
    content: "";
    width: 20px;
    height: 20px;
    left: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    position: absolute;
    background: url(../images/icons/web-language.svg) no-repeat 50% 50%;
}

ul.menu--languages>li>span::before {
    content: "";
    width: 10px;
    height: 5px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    position: absolute;
    background: url(../images/icons/dropdown-arrow.svg) no-repeat 50% 50%;
}

ul.menu--languages ul.accordion-menu {
    display: none;
}


/**
** Header Top Menu
**/

.header-right ul.menu,
.header-right ul.menu li {
    list-style: none;
    list-style-image: none;
    padding: 0px;
    margin: 0px;
}

.header-right ul.menu li {
    line-height: 19px;
    float: left;
}

body.user-logged-in .header-right ul.menu.menu--account > li:nth-child(3) {
    display: none;
}

.header-right ul.menu>li>a,
.header-right ul.menu li span.navbar-text {
    padding: 6px 30px 5px 0px;
    margin: 0px;
    font-size: 14px;
    line-height: 19px;
    color: #ffffff;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    cursor: pointer;
    border-right: 1px solid #0277BD;
    margin-right: 30px;
    background: none;
    transition: all 0.5s ease;
}

.header-right ul.menu li .caret {
    display: none
}

.header-right ul.menu.nav .open>a,
.header-right ul.menu.nav .open>a:hover,
.header-right ul.menu.nav .open>a:focus {
    background-color: transparent;
    border-color: #0277BD;
}

.header-right ul.menu.menu--account.navbar-right {
    margin-right: 0px;
}

.header-right ul.menu.menu--account li,
.header-right ul.menu.menu--user-anonymous li {
    padding: 15px 0px;
    cursor: pointer;
}

.header-right ul.menu li ul.accordion-menu,
.header-right ul.menu li ul.dropdown-menu {
    position: absolute;
    display: none;
    min-width: 200px;
    left: -20px;
    top: 60px;
    border-radius: 0px;
    border: 1px solid rgba(38, 50, 56, 0.2);
    z-index: 10;
    box-shadow: 0 3px 25px 0 rgba(38, 50, 56, 0.2);
    background: #fff;
    border-top: 0px;
}

.header-right ul.menu.menu--languages li ul.accordion-menu {
  left: auto;
  right: 0px;
}

.header-right ul.menu li.open-dropdown ul.accordion-menu.dropdown {
    display: block;
}

.header-right ul.menu li ul.accordion-menu ul.active-dropdown,
.header-right ul.menu li ul.accordion-menu ul.dropdown-open {
    display: block;
}

.header-right ul.menu li ul.accordion-menu ul {
    top: 0px;
    border-top: 0px;
    display: none;
}

.header-right ul.menu li ul.dropdown-menu li,
.header-right ul.menu li ul.accordion-menu li {
    width: 100%;
    padding: 0px 0px;
}

.header-right ul.menu li ul.dropdown-menu li a,
.header-right ul.menu li ul.accordion-menu li a {
    color: #005CB4;
    padding: 8px 20px;
    font-size: 14px;
    line-height: 19px;
    display: block;
    white-space: break-spaces;
    text-decoration: none;
    background: none;
    white-space: normal;
}

.header-right ul.menu.menu--languages li ul.dropdown-menu li a,
.header-right ul.menu.menu--languages li ul.accordion-menu li a {
    padding: 8px 30px;
    color: #005CB4;
    font-size: 14px;
}

.header-right ul.menu li ul.dropdown-menu>.active>a,
.header-right ul.menu li ul.dropdown-menu>.active>a:focus,
.header-right ul.menu li ul.accordion-menu>.active>a,
.header-right ul.menu li ul.accordion-menu>.active>a:focus {
    color: #005CB4;
    background-color: transparent;
}

.header-right ul.menu.menu--languages li ul.accordion-menu li a.language-active {
    font-weight: 700;
    color: #fff;
    padding-left: 60px;
    background: #0575E4 url(../images/icons/checked.svg) no-repeat 30px 50%;
}

.header-right ul.menu li.active-trail a.active-trail {
    font-weight: 900;
}

.header-right ul.menu li ul.dropdown-menu li a.is-active,
.header-right ul.menu li ul.dropdown-menu li a:hover,
.header-right ul.menu li ul.accordion-menu li a:hover {
    color: #fff;
    background: #0575E4;
}

.header-right ul.menu.menu--languages li ul.accordion-menu span {
    display: block;
    padding: 8px 20px;
    font-size: 14px;
    line-height: 19px;
    color: #263238;
    font-weight: 700;
    cursor: pointer;
    background: url(../images/icons/left-menu-plus.svg) no-repeat 94% 50%;
}

.header-right ul.menu.menu--languages li ul.accordion-menu span.active,
.header-right ul.menu.menu--languages li ul.accordion-menu span.active-trial {
    background: url(../images/icons/left-menu-minus.svg) no-repeat 94% 50%;
}

.header-right ul.menu.menu--languages li ul.accordion-menu li ul {
    position: relative;
    top: 0px;
	left: 0;
    border-radius: 0px;
    border: 0px;
    box-shadow: none;
    background: #fff;
}


/**
** Search box
**/

.apx-angularjs-selector-search-form {
    max-width: 400px;
    margin-right: 2%;
    width: 28%;
    position: relative;
}

.apx-angularjs-selector-search-form .form-item {
    margin: 0px;
}

.apx-angularjs-selector-search-form .form-item .form-text {
    width: 100%;
    height: 36px;
    color: rgba(225, 225, 225, .5);
    padding: 5px 12px 5px 31px;
    font-size: 14px;
    line-height: 19px;
    border: 1px solid transparent;
    border-radius: 5px;
    box-shadow: none;
    background-color: #004282;
}

.apx-angularjs-selector-search-form .form-actions {
    position: absolute;
    left: 10px;
    top: 0px;
    bottom: 0px;
    margin: auto;
}

.apx-angularjs-selector-search-form .form-actions .form-submit {
  width: 16px;
  height: 100%;
  border-radius: 0px;
  min-width: auto;
  margin: 0px;
  font-size: 0px;
  cursor: pointer;
  border: 0px !important;
  background: url(../images/icons/search-icon.svg) no-repeat 50% 50%;
  padding-left: 0px;
  padding-right: 0px;
}


/***
  ** Logo
  **/

.logo-area a.logo {
    margin: 0px;
}

.view-rich-menu ul#richnav,
.view-rich-menu ul#richnav>li {
    list-style: none;
    list-style-image: none;
    padding: 0px;
    margin: 0px;
}


/***
  ** Header Main Menu
  **/

.view-rich-menu,
.block-views-blockrich-menu-block-main-menu {
    position: static;
}

.view-rich-menu ul#richnav,
.view-rich-menu ul#richnav>li {
    list-style: none;
    list-style-image: none;
    padding: 0px;
    margin: 0px;
}

.block-views-blockrich-menu-block-main-menu .view-rich-menu ul#richnav li {
    display: inline-block;
    line-height: 19px;
    background-color: transparent;
    margin: 0px;
}

.view-rich-menu ul#richnav>li>a {
    padding: 47px 0px;
    margin: 0px 15px;
    font-size: 16px;
    line-height: 21px;
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
    color: #263238;
    cursor: pointer;
    display: block;
    border-bottom: 5px solid transparent;
    text-decoration: none;
    transition: all 0.5s ease;
}

.header-area .menu-area .view-rich-menu ul#richnav li.active-trail a.items-1,
.header-area .menu-area .view-rich-menu ul#richnav li.active-trail>a.dropdown,
.header-area .menu-area .view-rich-menu ul#richnav li.open-dropdown>a,
.header-area .menu-area .view-rich-menu ul#richnav li a:hover,
.header-area .menu-area .view-rich-menu ul#richnav li a.is-active.dropdown,
.header-area .menu-area .view-rich-menu ul#richnav li ul li a.is-active {
    border-color: #005CB4;
}
.header-area .menu-area .view-rich-menu ul#richnav li ul li.menu-item--active-trail a.dropdown,
.header-area .menu-area .view-rich-menu ul#richnav li ul li .menu_link_content .field--item a.is-active {
  border-color: #005CB4;
  font-weight: 900;
}

.header-area .menu-area .view-rich-menu .menu_link_content .field--item a.is-active .field--name-field-title{
  border-bottom: 5px solid #005CB4;
  color: #000;
}

.view-rich-menu ul#richnav>li>ul {
    width: 100%;
    padding: 50px 0px 25px 0px;
    border: 0px !important;
    border-top: 1px solid #CFD8DC;
    left: 0px;
    top: auto;
    display: none;
    position: absolute;
    z-index: 9999;
    min-height: 300px;
    background: #fff;
    box-shadow: 0 3px 25px 0 rgba(38, 50, 56, 0.1);
}

.view-rich-menu ul#richnav>li>ul.open-dropdown {
    display: block;
}

.view-rich-menu ul#richnav li ul li ul li.sub-dropdown .menu-dropdown {
    display: block;
}

.view-rich-menu ul#richnav li ul li ul li a.dropdown+.menu-dropdown {
    display: block;
}

.block-views-blockrich-menu-block-main-menu .view-rich-menu ul#richnav>li>ul>li {
    width: 100%;
    max-width: 1920px;
    padding: 0px 40px;
    margin: auto;
    float: none;
}

.block-views-blockrich-menu-block-main-menu .view-rich-menu .view-menu-block {
    margin-left: 152px;
}

.view-rich-menu ul#richnav li ul li ul li {
    width: 100%;
    text-align: left;
}

.view-rich-menu ul#richnav li ul li ul li>a {
    font-size: 20px;
    line-height: 32px;
    color: rgba(38, 50, 56, 0.75);
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    margin-bottom: 19px;
    text-decoration: none;
    border-bottom: 5px solid transparent;
    position: relative;
    z-index: 10;
}

.view-rich-menu ul#richnav li ul li ul.menu-level-1 li a {
    margin-bottom: 16px;
}

.view-rich-menu ul#richnav li ul li ul li a:hover {
    font-weight: 900;
    color: #263238;
    border-color: #005CB4;
}

.view-rich-menu ul#richnav>li:hover ul.menu-level-1 li a.is-active,
.view-rich-menu ul#richnav>li:hover ul.menu-level-1 li a:hover {
    color: #263238;
    border-color: #005CB4;
}

.view-rich-menu ul#richnav li ul li ul.menu-level-0 {
    position: relative;
}

.view-rich-menu ul#richnav li ul li ul li .menu-dropdown {
    display: none;
    width: 100%;
    padding-left: 300px;
    position: absolute;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 1;
}

.view-rich-menu ul#richnav li ul.menu-level-0>li {
    min-width: 300px;
    width: 18%;
    margin-right: 82%;
    padding-right: 25px;
    margin-bottom: 20px;
}

.view-rich-menu ul#richnav li ul li ul li .menu-dropdown ul.menu {
    width: 50%;
    max-width: 595px;
    float: left;
}

.view-rich-menu ul#richnav li ul li ul li .menu-dropdown .field.field--items {
    width: 50%;
    max-width: 595px;
    float: left;
    margin-top: -16px;
}

.view-rich-menu ul#richnav li ul li ul li .menu-dropdown .field.field--items .field--item {
    width: 47%;
    max-width: 260px;
    float: left;
    margin-right: 30px;
}

.view-rich-menu ul#richnav li ul li ul li .menu-dropdown .field.field--items .field--item .field--name-field-title {
    width: 100%;
    font-size: 18px;
    color: #263238;
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
    margin-top: 5px;
    line-height: 30px;
}

.view-rich-menu ul#richnav li ul li ul li .menu-dropdown .field.field--items .field--item:last-child {
    margin-right: 0px;
}

.view-rich-menu ul#richnav li ul li ul li .menu-dropdown .field.field--items .field--item .field--name-field-image {
    width: 100%;
    max-width: 260px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F8F9F9;
    border-radius: 3px;
    border: 1px solid #ECEFF1;
}

.view-rich-menu ul#richnav li ul li ul li ul li {
    width: 100%;
}

.view-rich-menu ul#richnav li ul li ul li .menu-dropdown a {
    font-size: 16px;
    line-height: 21px;
    color: rgba(38, 50, 56, 0.75);
    display: inline-block;
    vertical-align: top;
    margin-bottom: 19px;
    margin-top: 0px;
    position: relative;
    z-index: 100;
    cursor: pointer;
}

.view-rich-menu ul#richnav li ul li ul li .menu-dropdown .paragraph a {
    display: block;
    margin-bottom: 0px;
}

.view-rich-menu ul#richnav li ul li ul.menu-level-1 li {
    margin-bottom: 15px;
}

.view-rich-menu ul#richnav li ul li ul.menu-level-1 li a {
    margin-bottom: 0px;
}

.view-rich-menu ul#richnav li ul li ul li .menu-dropdown ul li {
    width: 49%;
}


/***
  ** Product Menu
  **/

.header-product ul.menu--header li {
    float: left;
    line-height: 19px;
}

.header-product ul.menu--header li a {
    padding: 0px 35px 0px 35px;
    margin: 0px;
    font-size: 16px;
    line-height: 50px;
    color: #263238;
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
    cursor: pointer;
    height: 50px;
    border: 1px solid #263238;
    margin-right: 30px;
    border-radius: 5px;
    background: none;
    transition: all 0.5s ease;
}

.header-product ul.menu--header li:last-child a,
body.fr .header-product ul.menu--header li:last-child a {
    margin-right: 0px;
}

.header-product ul.menu--header li a:hover {
    color: #fff;
    border-color: #005CB4;
    background-color: #005CB4;
}

@media screen and (min-width: 1450px) {
    .apx-angularjs-selector-search-form {
        margin-right: 60px;
        width: 33%;
    }
    .view-rich-menu ul#richnav>li>a {
        margin: 0px 30px;
    }
    body.fr .view-rich-menu ul#richnav>li>a {
      margin: 0px 15px;
    }
}