.header-wrapper .secondary-menu { display: none; } .header-region-list { display: none; } .menu-navigation-container .right-aligned-menu-items-container { display: none; } .header-lang-switcher.for-nav { display: none; } #content { overflow: hidden; } .top__sec3 { display: none; } .top__sec1__lang-switcher { display: none; } .top__sec5 { padding: 120px 0 60px; height: auto; } @media screen and (min-width: 768px) { .top__sec5 { padding: 100px 0; } } .top__sec5__txt-area { position: static; } .top__sec5__txt-area-wrapper { position: relative; left: 0; transform: translateY(0); width: 100%; height: auto; } .top__sec5__list { position: relative; flex-wrap: wrap; justify-content: flex-start; gap: 20px; margin-top: 50px; } .top__sec5__map { width: 80vw; top: -70px; left: auto; right: 0; transform: translateX(60%); } @media screen and (min-width: 768px) { .top__sec5__map { top: -50px; transform: translateX(65%); } } .top__sec5__inner { padding: 0 20px; } @media screen and (min-width: 560px) { .top__sec5__inner { max-width: 1030px; } .top__sec5__map { top: -30px; right: -20px; transform: translateX(0); width: 49.4949%; } } @media screen and (min-width: 768px) { .top__sec5__map { right: 0; } } .top__sec5__list__item { width: calc(50% - 10px); height: auto; } @media screen and (min-width: 768px) { .top__sec5__list__item { width: calc(25% - 15px); } } .top__sec5__list__item > a { display: block; padding: 25px 17px; } .top__sec5__list__item__txt { position: static; justify-content: flex-start; text-align: left; } .top__sec5__list__item__sub { position: static; left: 10px; justify-content: flex-start; text-align: left; margin-top: 12px; transform: translateX(0); white-space: normal; } .top__banner { display: flex; align-items: center; padding: 5px 20px; background-color: #eaa854; color: #ffffff; text-align: center; } @media screen and (max-width: 768px) { .top__banner { flex-direction: column; } } .top__banner--btn { margin: 10px; padding: 5px 20px; height: 32px; border-radius: 3px; background-color: #ffffff; color: #eaa854; } .emea__main { width: 100%; display: flex; } @media screen and (max-width: 768px) { .emea__main { flex-direction: column; } } .emea__main .emea__main--pepper { position: relative; width: 25%; text-align: center; background-color: #a6d6dd; } @media screen and (max-width: 768px) { .emea__main .emea__main--pepper { display: flex; justify-content: space-around; width: 100%; height: 210px; padding: 0 20px; } } .emea__main .emea__main--pepper picture img { width: 80%; max-width: 360px; margin: 0 auto; margin-top: 40px; } @media screen and (max-width: 768px) { .emea__main .emea__main--pepper picture img { width: 100%; min-width: 125px; } } .emea__main--pepper .pepper__logo { max-width: 200px; margin-top: 50px; } @media screen and (max-width: 768px) { .emea__main--pepper .pepper__logo { margin-top: 60px; max-width: 160px; } } .emea__main .emea__main--nao { position: relative; width: 25%; text-align: center; background-color: #0081af; } @media screen and (max-width: 768px) { .emea__main .emea__main--nao { display: flex; justify-content: space-around; flex-direction: row-reverse; width: 100%; height: 210px; padding: 0 20px; } } .emea__main .emea__main--nao picture img { position: absolute; bottom: 0; width: 80%; max-width: 360px; margin: 0 auto; } @media screen and (min-width: 769px) { .emea__main .emea__main--nao picture img { left: 0; right: 0; margin: auto; } } @media screen and (max-width: 768px) { .emea__main .emea__main--nao picture img { width: 100%; max-width: 20%; min-width: 120px; left: 20px; } } @media screen and (max-width: 360px) { .emea__main .emea__main--nao picture img { width: 100%; max-width: 20%; min-width: 100px; left: 20px; } } .emea__main--nao .nao__logo { max-width: 110px; margin-top: 32px; } @media screen and (max-width: 768px) { .emea__main--nao .nao__logo { margin-top: 60px; } } .emea__main .emea__main--keenbot { position: relative; width: 25%; text-align: center; background-color: #0088cd; } @media screen and (max-width: 768px) { .emea__main .emea__main--keenbot { display: flex; justify-content: space-around; flex-direction: row-reverse; width: 100%; height: 210px; padding: 0 20px; } } .emea__main .emea__main--keenbot picture img { position: absolute; bottom: 26px; width: 50%; max-width: 192px; margin: 0 auto; } @media screen and (min-width: 769px) { .emea__main .emea__main--keenbot picture img { left: 0; right: 0; margin: auto; } } @media screen and (max-width: 768px) { .emea__main .emea__main--keenbot picture img { width: 20%; max-width: 90px; min-width: 80px; left: 33px; bottom: 10px; } } @media screen and (max-width: 360px) { .emea__main .emea__main--keenbot picture img { left: 20px; } } .emea__main--keenbot .keenbot__logo { max-width: 190px; margin-top: 50px; } @media screen and (max-width: 768px) { .emea__main--keenbot .keenbot__logo { margin-top: 60px; } } .emea__main .emea__main--whiz { position: relative; width: 25%; text-align: center; background-color: #a5e5d9; } @media screen and (max-width: 768px) { .emea__main .emea__main--whiz { display: flex; justify-content: space-around; width: 100%; height: 210px; padding: 0 20px; } } .emea__main .emea__main--whiz picture img { position: absolute; bottom: 0px; width: 80%; max-width: 450px; margin: 0 auto; } @media screen and (min-width: 769px) { .emea__main .emea__main--whiz picture img { left: 0; right: 0; margin: auto; } } @media screen and (max-width: 768px) { .emea__main .emea__main--whiz picture img { width: 100%; max-width: 30%; min-width: 140px; right: 0; } } .emea__main--whiz .whiz__logo { max-width: 160px; margin-top: 44px; } @media screen and (max-width: 768px) { .emea__main--whiz .whiz__logo { margin-top: 60px; } } .emea_mail .link__txt { color: #393433; font-size: 12px; } .more__txt { display: flex; justify-content: center; align-items: center; } .emea__main--pepper .more__txt { margin-top: 12px; } .emea__main--nao .more__txt { margin-top: 15px; } .emea__main--whiz .more__txt { margin-top: 21px; } .emea__main--keenbot .more__txt { margin-top: 15px; } .more__txt .link__txt { color: #393433; font-size: 15px; } .more__txt img { padding-left: 8px; max-height: 13px; } #footer .footer-inner .footer-links, #footer .footer-inner .breadcrumb { display: none; }