[_nghost-c2] .header-top__cta[_ngcontent-c2] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: none; height: 50%; padding: 9px 9px 9px; position: absolute; right: 0; top: 0; } @media (min-width: 425px) { [_nghost-c2] .header-top__cta[_ngcontent-c2] { display: -webkit-box; display: -ms-flexbox; display: flex; } } [_nghost-c2] { } [_nghost-c2] .h-c-header__company-logo-img[_ngcontent-c2], [_nghost-c2] .h-c-header__drawer-company-logo-img[_ngcontent-c2] { width: 181px; height: 28px; } [_nghost-c2] .h-c-header.h-c-header--corporate-initiative[_ngcontent-c2] { z-index: 102; position: relative; } [_nghost-c2] .h-c-header--corporate-initiative[_ngcontent-c2] .h-c-header__nav[_ngcontent-c2] { margin-left: 36px; } [_nghost-c2] .h-c-header__initiative-logo-text[_ngcontent-c2] { font-size: 16px; } @media screen and (min-width: 900px) { [_nghost-c2] .h-c-header__initiative-logo-text[_ngcontent-c2] { font-size: 22px; } } [_nghost-c2] .uni-header-search-button__icon[_ngcontent-c2] { fill: rgba(0, 0, 0, 0.54); height: 22px; top: 10px; } [_nghost-c2] .h-c-header__nav-li[_ngcontent-c2] { margin-left: 28px; } [_nghost-c2] .h-c-header__nav-li[_ngcontent-c2]:first-child { margin-left: 0; } [_nghost-c2] .h-c-header__initiative-logo[_ngcontent-c2] { clear: both; } [_nghost-c2] .h-c-header__bar[_ngcontent-c2] { border-bottom: 1px solid #ddd; } [_nghost-c2] .h-c-header__bar--no-shadow[_ngcontent-c2] { -webkit-box-shadow: none; box-shadow: none; } .mobile-drawer[_ngcontent-c2] { background: #fff; position: fixed; width: 100%; top: 0; -webkit-transform: translateY(-670px); transform: translateY(-670px); } .mobile-drawer[_ngcontent-c2], .mobile-drawer.h-is-visible[_ngcontent-c2] { -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); transition: -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); } .mobile-drawer.h-is-visible[_ngcontent-c2] { -webkit-transform: translateY(112px); transform: translateY(112px); } .mobile-drawer__nav[_ngcontent-c2] { clear: both; } .mobile-drawer__nav-list[_ngcontent-c2] { margin: 0; padding: 0; } .mobile-drawer__nav-li[_ngcontent-c2] { padding: 12px 16px; font-family: Google Sans, Helvetica, Arial, sans-serif; } .mobile-drawer__nav-li[_ngcontent-c2]:last-child { margin-bottom: 20px; } .mobile-drawer__nav-li[_ngcontent-c2] a[_ngcontent-c2] { display: block; } .h-c-header-menu-dropdown__button[_ngcontent-c2] { display: -webkit-box; display: -ms-flexbox; display: flex; float: right; height: 56px; cursor: pointer; } @media screen and (min-width: 900px) { .h-c-header-menu-dropdown__button[_ngcontent-c2] { display: none; } } .h-c-header-menu-dropdown__label[_ngcontent-c2] { margin-right: 8px; font-size: 14px; font-family: Google Sans, Helvetica, Arial, sans-serif; letter-spacing: 0.2px; color: rgba(0, 0, 0, 0.54); } .h-c-header-menu-dropdown__label[_ngcontent-c2], .h-c-header-menu-dropdown__svg[_ngcontent-c2] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .h-c-header-menu-dropdown__svg[_ngcontent-c2] { width: 12px; height: 100%; margin: 1px 20px 0 0; fill: rgba(0, 0, 0, 0.4); -webkit-transform: rotate(180deg); transform: rotate(180deg); } .h-c-header-menu-dropdown__svg[_ngcontent-c2], .h-c-header-menu-dropdown__svg--up[_ngcontent-c2] { -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1); } .h-c-header-menu-dropdown__svg--up[_ngcontent-c2] { -webkit-transform: rotate(0); transform: rotate(0); } .h-c-header__nav-li[_ngcontent-c2] { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .h-c-header__nav-li[_ngcontent-c2] a[_ngcontent-c2] { margin-right: 10px; } .h-c-header__nav-li[_ngcontent-c2]:hover svg[_ngcontent-c2] { -webkit-transform: scaleY(-1); transform: scaleY(-1); } .h-c-header__nav-li[_ngcontent-c2]:hover .sub-nav[_ngcontent-c2] { display: block; } .sub-nav[_ngcontent-c2] { width: 240px; height: auto; position: absolute; left: 0; top: 85%; z-index: 100; background: #fff; border: 0.0625rem solid #e0e0e0; padding: 0.875rem 1.1875rem; display: none; border-radius: 7px; } .sub-nav__item[_ngcontent-c2] { width: 100%; margin-bottom: 5px; } .sub-nav__item.h-c-header__nav-li[_ngcontent-c2], .sub-nav__item.h-c-header__nav-li[_ngcontent-c2]:first-child { margin-left: 12px; } .sub-nav__item[_ngcontent-c2] a[_ngcontent-c2] { text-decoraion: none; color: #5f6368; cursor: pointer; } .sub-nav__item[_ngcontent-c2] a[_ngcontent-c2]:hover { color: #000; } .sub-nav__item[_ngcontent-c2]:nth-child(5) { height: 20px; } .sub-nav__item[_ngcontent-c2]:nth-child(5) svg[_ngcontent-c2] { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); margin-left: 100px; } .sub-nav__item[_ngcontent-c2]:nth-child(5):hover .sub-nav__third-level[_ngcontent-c2] { display: block; } .sub-nav__item[_ngcontent-c2]:nth-child(5):hover svg[_ngcontent-c2] { float: right; } .sub-nav__item[_ngcontent-c2] .sub-nav__third-level[_ngcontent-c2] { position: absolute; top: -10px; left: 90%; width: 240px; z-index: 100; background: #fff; border: 0.0625rem solid #e0e0e0; padding: 0.875rem 1.1875rem; border-radius: 7px; display: none; } .sub-nav__item[_ngcontent-c2] .sub-nav__third-level[_ngcontent-c2] li[_ngcontent-c2] { margin-bottom: 5px; } @media (max-width: 899px) { .h-c-header__nav { display: none; } }