main , #new-studies, .page-template-template-careers-v2 #video-hero, .leadership_container, .single-case-study #first-section{ margin-top: 0px !important;} #new-contact-new, .page-template-template-legal main, .page-template-template-form .contact_background, .page-template-template-new-solutions-inner main, .page-template-template-new-solutions-inner #ajax-content, #carousel .swiper-container.padding-top-200, .page-template-template-form .contact_content {padding-top:0 !important} header {position:relative} #mainmenu ul.list-inline { -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start;} #mainmenu li.menu-contact {margin-left:auto} #mainmenu{height:80px;background:#fff; padding-left:245px; z-index: 99998;width:100%;position:relative} .transmenu #mainmenu {background:transparent;position:absolute;left:0;top:0} body.megamenuactive:not(.transmenu-sticky) #mainmenu li > a {color:#000} #mainmenu a{font-family: 'motiva_sansmedium'; text-transform: uppercase;font-size:16px;color:#000} #mainmenu .button.hiring { text-transform: capitalize !important} #mainmenu .list-inline > li { margin-left: 35px; height: 80px;line-height: 80px;} #mainmenu li.withsubmenu {margin-right:15px} #sitelogo {display:block;position:absolute;top:15px;left:110px;transition:none} #sitelogo .onblack {display:none} #sitelogo {border-right:2px solid #f5f4f5;z-index:9999999999; padding: 10px 0;} .hc-nav-yscroll #sitelogo {border-right:0} .hc-nav-yscroll #sitelogo img {transition: all 1s ease-in-out;} .hc-nav-yscroll #sitelogo .onwhite {display:none} .hc-nav-yscroll #sitelogo .onblack {display:block} .hc-offcanvas-nav.nav-levels-overlap .nav-wrapper {padding: 20px 0 !important;} /*.topbar-active .hc-offcanvas-nav.nav-levels-overlap .nav-wrapper {padding-top:140px}*/ .hc-offcanvas-nav .nav-container { top: 80px; transition: transform .2s ease;} .hc-offcanvas-nav.hc-nav-1.nav-levels-overlap.nav-position-left li.level-open > .nav-wrapper { transform: translate3d(0px, 0, 0) !important;} .nav-open .nav-container{ transition: transform .3s ease !important; transform: translate3d(0, 0, 0) !important;} .nav-container .sub-level-open { transform: translate3d(0px, 0, 0) !important;} .hc-offcanvas-nav.nav-position-left.nav-open.nav-levels-overlap .nav-wrapper {box-shadow:none !important} .hc-offcanvas-nav .nav-container, .hc-offcanvas-nav .nav-wrapper, .hc-offcanvas-nav ul {background:#232323 !important} .hc-offcanvas-nav .nav-item-link, .hc-offcanvas-nav li.nav-close a, .hc-offcanvas-nav .nav-back a,.hc-offcanvas-nav .nav-wrapper>.nav-content>ul:not(:last-child), .hc-offcanvas-nav .nav-wrapper>.nav-content>ul:first-of-type>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link+a {border:0 !important} .hc-offcanvas-nav:not(.touch-device) li:not(.nav-item-custom) a:not([disabled]):hover {background:#393939 !important} .hc-offcanvas-nav .nav-content {display:flex;flex-direction:column;flex-wrap:wrap} .hc-offcanvas-nav .nav-content .nav-back {order:1} .hc-offcanvas-nav .nav-content ul {order:3} /* .hc-offcanvas-nav.nav-levels-overlap .nav-wrapper {max-height: calc(100vh - 30px) !important;} */ .hc-offcanvas-nav .nav-next span::before, .hc-offcanvas-nav .nav-back span::before {display:none !important} .hc-offcanvas-nav .nav-next span, .nav-back-button span { top: calc(50% - 6px) !important;left:20px !important;width: 0;height: 0;border-style: solid;border-width: 7.5px 0 7.5px 9px;border-color: transparent transparent transparent #a5cc4b;} .nav-back-button span { transform: scale(-1);left: -10px !important;} #hc-nav-1 .nav-back-button {padding-left:45px !important} .nav-wrapper.nav-wrapper-1 {z-index:99999999 !important} .hc-offcanvas-nav .nav-close-button span, .hc-offcanvas-nav .nav-parent .nav-next, .hc-offcanvas-nav .nav-back span {z-index:9999999 !important} .hc-offcanvas-nav .nav-back span {top: 11px !important;} .hc-offcanvas-nav::after, .hc-offcanvas-nav .nav-wrapper::after { background: rgba(0,0,0,0.6) !important} .hc-offcanvas-nav a.nav-next {border:0px !important} .hc-offcanvas-nav {font-family: 'motiva_sansbold' !important;} .hc-offcanvas-nav .nav-item-link, .hc-offcanvas-nav li.nav-close a, .hc-offcanvas-nav .nav-back a {font-size:16px !important;text-transform:uppercase !important} .hc-offcanvas-nav .sub { border-bottom: 1px solid #484848;} .hc-offcanvas-nav .sub .nav-item-link {font-size:14px !important;padding-left:45px !important} .hc-offcanvas-nav .sub ul .nav-item-link { font-family: 'motiva_sansmedium' !important; font-size: 16px !important;padding-left:25px !important } .nav-back-button {border-bottom:1px solid #6f6f6f !important} .hc-offcanvas-nav .hr {width:100%;border-top:1px solid #484848;} .hc-offcanvas-nav .sub a { line-height:18px;font-family: 'motiva_sansregular' !important;font-size:16px !important;padding-left:40px} .hc-offcanvas-nav a.nav-back-button {font-size:18px !important;font-family: 'motiva_sansbold' !important;} h2.level-title {text-transform:uppercase;line-height:22px;font-size:18px !important;font-family: 'motiva_sansbold' !important;color:#fff !important} .hc-offcanvas-nav .nav-content>.nav-close:first-child a, .hc-offcanvas-nav .nav-title+.nav-close a.has-label, .hc-offcanvas-nav li.nav-close a, .hc-offcanvas-nav .nav-back a {background:transparent !important} .hc-offcanvas-nav li.nav-close a, .hc-offcanvas-nav .nav-back a {padding:10px 25px !important} .hc-offcanvas-nav .nav-item-link {padding:10px 25px 10px 25px !important} .hc-offcanvas-nav .nav-content>h2, .hc-offcanvas-nav .nav-content>h3, .hc-offcanvas-nav .nav-content>h4, .hc-offcanvas-nav .nav-content>h5, .hc-offcanvas-nav .nav-content>h6 {padding:20px 25px !important} .hc-offcanvas-nav .nav-content .level-title {padding:20px 0 !important;margin:10px 25px 0 25px !important;order:2;border-top:1px solid #484848} #sitelogo img {margin-right:30px;} html.transmenu #mainmenu .onblack {display:inline-block} html.transmenu #mainmenu .onwhite {display:none} html.transmenu body.megamenuactive #mainmenu .onblack {display:none} html.transmenu body.megamenuactive #mainmenu .onwhite {display:inline-block} body.megamenuactive #mainmenu .onwhite{display:block} body.megamenuactive #mainmenu .onblack{display:none} html.transmenu:not(.sticky) {} /*html:not(.sticky) #mainmenu li ul {box-shadow: 0px -200px 0px 14px #fff}*/ body.megamenuactive:not(.transmenu-sticky) #mainmenu li > a {color:#000} html.transmenu body:not(.transmenu-sticky) #mainmenu a, html.transmenu body:not(.megamenuactive) #mainmenu a {color: #fff;} .megamenuactive #mainmenu li > a {color: #000 !important;} .hc-offcanvas-nav {z-index:99999999 !important;} .nav-container #item-about{margin-top:10px} #mainmenu {top:0} #mainmenu .list-inline {margin-left:0} #mainmenu li ul {opacity:0;visibility:hidden;top:80px;left:0;width:100%;padding-top:50px;background:#fff; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; text-align: left; position: absolute;} #mainmenu li ul.active {opacity:1;visibility:visible} #mainmenu li ul > li {margin:0;padding:0} .hc-nav-trigger {z-index:999999999 !important;background:#a5cc4b;width:82px !important;height:80px;left:0;top:0 !important;transition:none !important} .hc-offcanvas-nav .nav-close {display:none !important} .hc-nav-trigger span, .hc-nav-trigger span::before, .hc-nav-trigger span::after {left:0;right:0;margin:auto;background:#fff !important} body.transmenu-sticky #mainmenu li ul > li {padding-top:50px} body.transmenu-sticky #mainmenu li ul {top:72px} #mainmenu .megamenu .container {position:static} #mainmenu li > a {position:relative;z-index:1} #mainmenu li:not(.bordered):hover > a::after {position:absolute;bottom:4px;left:0;width:100%;height:2px;background:#9fcc3a;content:''} #mainmenu li.withsubmenu > a:before {width: 0;height: 0;border-style: solid;border-width: 6px 5.5px 0 5.5px;border-color: #a5cc4b transparent transparent transparent;position:absolute;right:-18px;top:9px;content:''} #mainmenu .megamenu > ul {z-index:9999} #mainmenu .megamenu .top {padding-bottom:35px} #mainmenu .megamenu .container {max-width:100%} #mainmenu .megamenu ul li {margin:0;padding:0} #mainmenu .megamenu .top .flex > div{width:calc(25% - 40px)} #mainmenu .megamenu .top .image {line-height:1;display:block;margin-bottom:15px;position:relative;height:150px;width:100%} #mainmenu .megamenu .top .image::after {transition: all 0.3s ease-in-out;opacity:0;content:'';visibility:hidden;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(160, 204, 58, 0.8)} #mainmenu .megamenu .top .image:hover::after {opacity:1;visibility:visible} #mainmenu .megamenu .top .image span {position:absolute;color:#fff;z-index:9;width:155px; left: 50%; top: 50%; transform: translate(-50%,-50%);font-size:18px;font-family: 'motiva_sansmedium';} #mainmenu .megamenu ul li .top .links a {line-height:26px;color:#636363;font-size:14px;display:block;font-family: 'motiva_sansregular';text-transform:none} #mainmenu .megamenu ul li .top .links a:hover {text-decoration:underline !important} #mainmenu .megamenu .bottom {line-height:20px} #mainmenu .megamenu .bottom p {margin-bottom:10px} #mainmenu .megamenu .bottom .bottom-btm .left { background: rgb(56,56,56); background: -moz-linear-gradient(-45deg, rgba(56,56,56,1) 20%, rgba(0,0,0,1) 99%); background: -webkit-linear-gradient(-45deg, rgba(56,56,56,1) 20%,rgba(0,0,0,1) 99%); background: linear-gradient(135deg, rgba(56,56,56,1) 20%,rgba(0,0,0,1) 99%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#383838', endColorstr='#000000',GradientType=1 ); width:38%} #mainmenu .megamenu .bottom .left,#mainmenu .megamenu .bottom .right {padding-top:70px;} #mainmenu .megamenu .bottom .container {position:relative;z-index:1} #mainmenu .megamenu .bottom .left p {text-transform:uppercase;font-size:18px;color:#8c8c8c;font-family: 'motiva_sansbold';} #mainmenu .megamenu .bottom .left {width:40%} #mainmenu .megamenu .bottom .bottom-btm .right {background:#080808} #mainmenu .megamenu .bottom .right {width:62%;height:320px} #mainmenu .megamenu .bottom .bottom-btm {margin-top:-320px} #mainmenu .megamenu .bottom .left .trendings {padding-top:14px} #mainmenu .megamenu .bottom .left .trendings a {padding-bottom:8px;text-transform:none;display:block;font-size:16px;color:#fff;font-family: 'motiva_sansmedium';} #mainmenu .megamenu .bottom .left .trendings a:hover {text-decoration:underline !important} #mainmenu .megamenu .bottom .right .inner {position:relative;z-index:1;color:#fff;font-size:22px;font-family: 'motiva_sansregular';} #mainmenu .megamenu .bottom .right p {font-size:14px;color:#fff;font-family: 'motiva_sansbold';} #mainmenu .megamenu .bottom .right {position:relative;display:block;background-size: cover; background-repeat: no-repeat;background-position: center;} #mainmenu .megamenu .bottom .bottom-btm .right {position:relative} #mainmenu .megamenu .bottom .bottom-btm .right:after {position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.7);content:''} #mainmenu .megamenu .bottom .right a {color:#fff;font-size:22px;font-family: 'motiva_sansregular';text-transform:none;} #mainmenu .megamenu .bottom .right a:hover {text-decoration:underline !important} .header-2022 .hc-nav-trigger {left: auto;right: 75px;color: #666;background-color: #fff;} .header-2022 .hc-nav-trigger span, .header-2022 .hc-nav-trigger span::before, .header-2022 .hc-nav-trigger span::after {background-color: #666 !important;} .header-2022 .hc-nav-trigger.toggle-open {color: #000;background-color: transparent;} .header-2022 .hc-nav-trigger.toggle-open span, .header-2022 .hc-nav-trigger.toggle-open span::before, .header-2022 .hc-nav-trigger.toggle-open span::after {background-color: #000 !important;} .header-2022 #sitelogo {z-index: 9999999 !important;} #mainmenu.menu-2022 li ul:before {content: "";position: absolute;top: -8px;left: calc(25% + 150px);width: 0;height: 0;border-left: 30px solid transparent;border-right: 30px solid transparent;border-bottom: 30px solid #FFF;} #mainmenu.menu-2022 li ul {/*opacity: 1; visibility: visible;*/top: 90px;width:auto;padding-top: 0;background-color: transparent;} #mainmenu.menu-2022 .container {width: 600px; margin-left: 25%;padding:0;background-color: #eaeaea;border-radius: 5px;} #mainmenu.menu-2022 .megamenu .top {padding-bottom: 0;} #mainmenu.menu-2022 .megamenu .top .main-links {padding: 30px 15px 15px 15px; background-color: #fff;border-top-left-radius: 5px;border-bottom-left-radius: 5px;} #mainmenu.menu-2022 .megamenu .top .image {width: 300px; height: auto; padding: 10px 10px 10px 60px; background-size: 35px 35px; background-position: center left 10px;} #mainmenu.menu-2022 .megamenu .top .image::after {background-color: #A0CC3A0F; border: 1px solid #A0CC3A; border-radius: 5px;} #mainmenu.menu-2022 .megamenu .top .image span {position:relative;color:#fff;z-index:9;width:155px; left: 0; top: 0; transform: none;color: #000; font-size:16px;font-family: 'motiva_sansmedium';} #mainmenu.menu-2022 .megamenu .top .image span.description {font-family: "motiva_sansregular";font-size:13px;font-style: italic;text-transform: none;} #mainmenu.menu-2022 .megamenu .top .image span.description br {display:none;} #mainmenu.menu-2022 .megamenu .top .links {display: none; width: 270px;margin-top: 40px;} #mainmenu.menu-2022 .megamenu .top .links:last-child {/*display: block;*/} #mainmenu.menu-2022 .megamenu .top .links a {margin: 0 0 20px 30px; font-family: 'motiva_sansmedium';font-size: 14px;} /* #mainmenu.menu-2022 .megamenu .top .links.menu-link-3 {display: flex; flex-direction: column; align-items: center; color: #fff; text-align: center;} #mainmenu.menu-2022 .megamenu .top .links.menu-link-3 p {font-size: 14px; line-height: 1.4em;} #mainmenu.menu-2022 .megamenu .top .links.menu-link-3 a {display: block; margin: 10px 0 50px; padding: 10px 30px 7px; border: 1px solid #fff; color: #fff; font-size: 13px; text-decoration: none;} #mainmenu.menu-2022 .megamenu .top .links.menu-link-3 a:hover {text-decoration: none;} #mainmenu.menu-2022 .megamenu .top .links.menu-link-3 img {width: 80px;} */ /* Sticky scroll animation: */ html.sticky2:not(.toppage2) #mainmenu, html.sticky2:not(.toppage2) #sitelogo, html.sticky2:not(.toppage2) .hc-nav-trigger {transition: transform 0.4s ease-in-out !important;transition-delay: 0.5s !important;} html.sticky2 #mainmenu, html.sticky2 #sitelogo, html.sticky2 .hc-nav-trigger{position:fixed;transform:translateY(-100px) !important; } html.to:not(.toppage) #mainmenu{position:fixed;transform:none !important; } html.to:not(.toppage) .hc-nav-open {padding-top:80px !important; } html.sticky2 #mainmenu, html.to.up2 #mainmenu {box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.15)} html.sticky2.up2 #mainmenu, html.sticky2.up2 .hc-nav-trigger, html.sticky2.up2 #sitelogo {transform:translateY(0) !important;} html.toppage2 #mainmenu, html.toppage2 #sitelogo, html.toppage2 .hc-nav-trigger {transition: none !important} html.sticky2, html.hc-nav-yscroll.up2 body {padding-top:80px} html.hc-nav-yscroll #sitelogo, html.hc-nav-yscroll .hc-nav-trigger{position:fixed !important} html.hc-nav-yscroll.to.toppage .topbar-active .nav-container{padding-top:40px;} html.hc-nav-yscroll.to.toppage .topbar-active .hc-nav-trigger {top:40px !important} html.hc-nav-yscroll.to.toppage .topbar-active #sitelogo {top:57px !important} body.hc-nav-open {padding-top:0 !important} .to .page-id-13 #sitelogo {border-right:0} .to .page-id-13 #sitelogo img {transition: all 1s ease-in-out;} .to .page-id-13 #sitelogo .onwhite {display:none} .to .page-id-13 #sitelogo .onblack {display:block} html.sticky2, html.to.up2 body.page-id-13 {padding-top:80px} html.to .page-id-13 #mainmenu, html.to .page-id-13 #sitelogo, html.to .page-id-13 .hc-nav-trigger{position:fixed !important} #block-breadcrumbs {background:#fafafa;border-top:2px solid #f2f2f2; z-index: 99997; position: relative;} #block-breadcrumbs .container {width:100%;} #block-breadcrumbs {padding:7px 0;color:#969696;font-size:12px;} #block-breadcrumbs a {color:#969696;text-decoration: underline !important;} #block-breadcrumbs a:hover {color:#A0CC3A} @media screen and (max-width: 1024px) { #mainmenu a {font-size:14px} } @media screen and (max-width: 991px) { #mainmenu .megamenu .top .flex > div {width:calc(25% - 15px)} #mainmenu .list-inline {display:none} #sitelogo {border-right:0} .header-2022 .hc-nav-trigger {right: 15px;} .header-2022 #sitelogo {left: 40px;} } @media screen and (max-width: 767px) { #mainmenu .megamenu {display:none} } /* Megamenu V2: */ body.header2020 .megamenu.v2 .container {width: calc(100% - 150px)} body.header2020 .megamenu.v2 .title {display:block;padding-bottom:5px;padding-left:25px;font-size:14px;color:#8e8e8e} body.header2020 .megamenu.v2 .col-1 {width:370px !important;} body.header2020 .megamenu.v2 .col-2 {overflow:hidden;width:275px !important;} body.header2020 .megamenu.v2 .col-3 {width:calc(100% - 645px) !important} body.header2020 #mainmenu .megamenu.v2 .col-1 a {line-height:16px !important;text-transform:uppercase;transition: all 0.3s ease-in-out;padding:15px 25px;font-family: 'motiva_sansbold' !important;display:block;font-size:14px !important;color:#000 !important} body.header2020 #mainmenu .megamenu.v2 .col-1 a.active {background:#a8c954;color:#fff !important} body.header2020 #mainmenu .megamenu.v2 .col-2 .title {padding-bottom:8px} body.header2020 #mainmenu .megamenu.v2 .col-2 a { padding:10px 25px;display:block; text-transform:none !important; font-family: 'motiva_sansregular' !important;font-size:14px !important;color:#000 !important} body.header2020 #mainmenu .megamenu.v2 .col-2 a:hover {text-decoration:underline !important} body.header2020 .megamenu.v2 #newsols {background:#fff} body.header2020 .megamenu.v2 #newsols a.flex {flex-direction:column;text-align:center;width:calc(33.3333333333% - 30px);align-items:center;justify-content:center} body.header2020 .megamenu.v2 #newsols a.flex span.img { padding:15px; display: flex; align-items: center; justify-content: center; height: 220px;} body.header2020 .megamenu.v2 #newsols a.flex span.img img {max-width:100%} body.header2020 .megamenu.v2 #newsols a .imgg { align-items: center; justify-content: center;height:100%;width:100%} body.header2020 .megamenu.v2 #newsols a .titl {font-family: 'motiva_sansbold' !important;height:90px;font-size:14px !important;color:#000 !important;padding-top:30px;display:block} body.header2020 .megamenu.v2 .box {transition: opacity 0.3s ease-in-out;height:0;opacity:0;visibility:hidden} body.header2020.megamenuactive .megamenu.v2 .box.active {height:100%;opacity:1;visibility:visible} body.header2020 .megamenu.v2 .col-3 a .imgg {transition: all 0.3s ease-in-out;} body.header2020 .megamenu.v2 .col-3 a:hover .imgg {transform: translateY(-5px);box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.4);} body.header2020.transparentmenu-sticky #mainmenu li .megamenu.v2 ul > li { padding-top: 0 !important;} #responsive-menu-pro-header, #responsive-menu-pro-header-bar-button, #responsive-menu-pro-container {display:none !important} h2.level-title {cursor:pointer} @media screen and (max-width:1600px) { body.header2020 .megamenu.v2 #newsols a .imgg {height:200px} } @media screen and (max-width:1400px) { body.header2020 .megamenu.v2 #newsols a.flex {width:calc(50% - 15px)} body.header2020 .megamenu.v2 #newsols a.flex:nth-child(3) {display:none !important} } @media screen and (max-width:1300px) { body.header2020 .megamenu.v2 #newsols a .imgg {height:150px} } @media screen and (max-width:1200px) { body.header2020 .megamenu.v2 #newsols a.flex {width:100%} body.header2020 .megamenu.v2 #newsols a.flex:nth-child(2) {display:none !important} body.header2020 .megamenu.v2 #newsols a .imgg { height: 200px;} } @media screen and (max-width:1120px) { body.header2020 .megamenu.v2 .col-1 {width:60% !important} body.header2020 .megamenu.v2 .col-2 {width:40% !important} body.header2020 .megamenu.v2 .col-3 {display:none !important} } /* hiring */ #mainmenu li.item-careers, .nav-item.item-careers {display:none;} .button.hiring {transition:all 0.2s ease-in-out;z-index: 99999;width:144px;height:36px;line-height:38px;color:#fff !important;text-align:center;background:#A0CC3A;font-size:14px !important; font-family: 'motiva_sansbold' !important;} .button.hiring:hover {background:#232323} .nav-content .button.hiring {width:100%;color: #232323 !important;text-transform: capitalize;} #mainmenu .button.hiring {position:absolute;top:22px;right:157px;} #mainmenu .button.hiring {color: #232323 !important;} #mainmenu .button.hiring:hover, .nav-content .button.hiring:hover {color: #fff !important;} @media screen and (max-width:1120px){ #mainmenu .button.hiring {display:none;} } /* 2024. 07. 19. Updates */ #mainmenu.menu-2022.v2024 li ul { top: 80px; background: #fff !important; width: 100%; border-top: 1px solid #EAEAEA; border-bottom: 1px solid #EAEAEA; list-style: none; overflow: hidden; } #mainmenu.menu-2022.v2024 .container { width: 1366px; margin: 0 auto; background: transparent; } #mainmenu.menu-2022.v2024 .container::before { display: none; } #mainmenu.menu-2022.v2024 li ul:before { display: none; } #mainmenu.menu-2022.v2024 .megamenu .top { justify-content: flex-end; } #mainmenu.menu-2022.v2024 .megamenu .top .main-links { flex-direction: row; align-items: flex-start; padding: 0px 15px; width: 100%; } #mainmenu.menu-2022.v2024 .megamenu .top .links { display: block; width: auto; margin: 0 0 0 63px; } #mainmenu.v2024 .megamenu .top .flex > div { flex: 1; padding-top: 36px; border-right: 1px solid #EAEAEA; width: auto !important; height: 100%; } #mainmenu.v2024 .megamenu .top .flex > div:last-child { border-right: none; } #mainmenu.v2024 .megamenu ul li .top .links a { margin: 0; } #mainmenu.v2024 .megamenu .top .image:hover::after { display: none; } #mainmenu.menu-2022.v2024 .megamenu .top .image { padding: 0px 10px 10px 60px; } #mainmenu.v2024 .megamenu .top .flex > div:nth-child(1) br { display: none !important; } #mainmenu.v2024 .megamenu .top .flex > div:nth-child(1) .image { padding: 0px 10px 10px 82px; background-position: top 7px left 28px; } #mainmenu.v2024 .megamenu .top .flex > div:nth-child(1) .links { margin: 0 0 0 86px; } #mainmenu.v2024 .megamenu .top .flex > div:nth-child(2) .image { padding: 0px 10px 10px 81px; background-position: top 9px left 29px; background-size: 32px; } #mainmenu.v2024 .megamenu .top .flex > div:nth-child(2) .links { margin: 0 0 0 81px; } #mainmenu.v2024 .megamenu .top .flex > div:nth-child(3) { padding-left: 15px; padding-bottom: 10px; } #mainmenu.v2024 .megamenu .top .flex > div:nth-child(3) .image { padding: 0px 10px 10px 66px; background-position: top 6px left 13px; } #mainmenu.v2024 .megamenu .top .flex > div:nth-child(3) .links:first-of-type { position: relative; padding-bottom: 20px; margin-bottom: 32px; } #mainmenu.v2024 .megamenu .top .flex > div:nth-child(3) .links:first-of-type:before { content: ''; position: absolute; bottom: 0; left: -79px; right: 0; height: 1px; background-color: #EAEAEA; } #mainmenu.v2024 .megamenu .top .flex > div.retail { background-color: #FAFAFA; width: 351px !important; padding-left: 55px; padding-top: 46px; position: relative; z-index: 1; isolation: isolate; } #mainmenu.v2024 .megamenu .top .flex > div.retail::before { content: ''; position: absolute; top: 0; left: 0; right: -50vw; bottom: 0; background: #FAFAFA; z-index: -1; } #mainmenu.v2024 .megamenu .retail p { font-size: 24px; line-height: 30px; font-family: 'MotivaSansExtraBold'; max-width: 213px; padding-bottom: 17px; margin-bottom: 22px; border-bottom: 1px solid #C8C8C8; } #mainmenu.v2024 .megamenu .retail a { font-size: 14px; line-height: 21px; text-transform: none; margin-bottom: 1em; max-width: 180px; display: block; } #mainmenu.v2024 .megamenu .retail a:hover { text-decoration: underline !important; } #mainmenu.menu-2022.v2024 .megamenu .top .image span { text-transform: capitalize; max-width: 182px; } #mainmenu.menu-2022.v2024 .megamenu .top .image span.description { max-width: 226px; display: inline-block; width: 100%; font-size: 12px; line-height: 16px; color: #666666; margin-top: 4px; text-transform: none; } #mainmenu.v2024 .megamenu ul li .top .links a { color: #232323; display: block; max-width: 182px; line-height: 21px; margin-bottom: 16px; } #mainmenu.menu-2022.v2024 .megamenu .top .image span.description br { display: block; } @media screen and (max-width: 1250px ) { #mainmenu.v2024 .megamenu .top .flex > div.retail { padding-left: 20px; } #mainmenu.v2024 .megamenu .top .flex > div:nth-child(3) { padding-left: 0; } #mainmenu.menu-2022.v2024 .megamenu .top .image { width: auto; } #mainmenu.v2024 .megamenu .top .flex > div.retail { max-width: 238px; } #mainmenu.v2024 .megamenu .top .flex > div:nth-child(1) { max-width: 270px; } #mainmenu.v2024 .megamenu .top .flex > div:nth-child(1) .image { padding: 0px 10px 10px 62px; background-position: top 7px left 8px; } #mainmenu.v2024 .megamenu .top .flex > div:nth-child(1) .links { margin: 0 0 0 64px; } #mainmenu.v2024 .megamenu .top .flex > div:nth-child(2) { max-width: 270px; } #mainmenu.v2024 .megamenu .top .flex > div:nth-child(2) .image { padding: 0px 10px 10px 61px; background-position: top 9px left 16px; } #mainmenu.v2024 .megamenu .top .flex > div:nth-child(2) .links { margin: 0 0 0 64px; } #mainmenu.v2024 .megamenu .top .flex > div:nth-child(3) .links:first-of-type:before { left: -64px; } } /* Menu v5 */ .header-2025 { top: 18px; } .header-2025, .header-2025 #mainmenu { background: transparent; } .header-2025 ~ main { margin-top: -80px !important; } .header-2025 .hc-nav-trigger { left: auto; right: 75px; color: #666; background-color: #fff; } .header-2025 .hc-nav-trigger { left: auto; right: 15px; color: #fff; background-color: transparent; } .header-2025 .hc-nav-trigger span, .header-2025 .hc-nav-trigger span::before, .header-2025 .hc-nav-trigger span::after { background-color: #fff !important; border-radius: 20px; width: 38px; } .header-2025 .hc-nav-trigger span::after { bottom: -12px; } .header-2025 .hc-nav-trigger span::before { top: -12px; } .header-2025 .hc-nav-trigger.toggle-open { color: #000; background-color: transparent; } .header-2025 .hc-nav-trigger.toggle-open span, .header-2025 .hc-nav-trigger.toggle-open span::before, .header-2025 .hc-nav-trigger.toggle-open span::after { background-color: #fff !important; } .hc-nav-trigger.toggle-open span::before { transform: translate3d(0, 12px, 0); } .hc-nav-trigger.toggle-open span::after { transform: rotate(-90deg) translate3d(12px, 0, 0); } .header-2025 #mainmenu .button.hiring { background: transparent; border: 1px solid #fff; border-radius: 8px; color: #fff !important; font-size: 16px !important; font-family: 'Open Sans' !important; font-weight: 700; text-transform: uppercase !important; height: 50px; width: 185px; line-height: 50px; top: 15px; right: 112px; } .header-2025 #mainmenu .button.hiring:hover { border-color: var(--light-blue); background: var(--blue); color: #fff !important; } .header-2025 #sitelogo { border: none; left: 50%; transform: translateX(-50%); top: 0px; padding: 13px 0 0 0; z-index: 3; } .header-2025 #sitelogo img { margin: 0; } .header2025-home .hc-offcanvas-nav .nav-container { top: 0; height: 100vh; } .header2025-home .hc-offcanvas-nav.nav-position-right.nav-open.nav-levels-overlap .nav-wrapper { box-shadow: none; } .header2025-home .hc-offcanvas-nav .nav-container, .header2025-home .hc-offcanvas-nav .nav-wrapper, .header2025-home .hc-offcanvas-nav ul { background: #02B391 !important; } .header2025-home .hc-offcanvas-nav ul { width: 1140px; max-width: 100%; margin: auto; } html.hc-nav-yscroll .header-2025 #sitelogo, html.hc-nav-yscroll .header-2025 .hc-nav-trigger { position: absolute !important; } .header-2025 #sitelogo .colored { display: none; } .hc-offcanvas-nav.nav-levels-expand li.level-open.socials > .nav-item-wrapper > .nav-item-link { display: none; } .header2025-home .hc-offcanvas-nav:not(.touch-device) li:not(.nav-item-custom) a:not([disabled]):hover { background: transparent !important; } .header2025-home .hc-offcanvas-nav .nav-item-link, .header2025-home .hc-offcanvas-nav li.nav-close a, .header2025-home .hc-offcanvas-nav .nav-back a { font-size: 60px !important; line-height: 1.066em; font-family: 'Normalidad Wide'; font-weight: 900; color: #fff; padding: 0 !important; margin-bottom: 32px; letter-spacing: -0.02em; } .header2025-home .hc-offcanvas-nav .nav-item-link { width: fit-content; position: relative; } .header2025-home .hc-offcanvas-nav .nav-item-link::before { content: ''; position: absolute; display: block; bottom: -5px; height: 5px; left: 0; right: 100%; background: #fff; transition: all 0.3s ease-in-out; } .header2025-home .hc-offcanvas-nav .nav-item-link:hover::before { right: 0; } .header2025-home .hc-offcanvas-nav .socials .nav-item-link::before { display: none !important; } .header2025-home .hc-offcanvas-nav .socials .nav-item-link { text-transform: none !important; font-size: 20px !important; line-height: 20px; font-family: 'Montserrat'; font-weight: 600; text-decoration: underline; letter-spacing: 0; margin-bottom: 0; } .header2025-home .hc-offcanvas-nav .socials .nav-item-link::after { content: ''; background-image: url('data:image/svg+xml,'); position: absolute; display: block; top: 6px; right: -18px; height: 12px; width: 12px; background-size: contain; background-position: center; background-repeat: no-repeat; } .header2025-home .hc-offcanvas-nav .socials ul { display: flex; margin: 10px 0 0 8px; gap: 32px; } .header2025-home .hc-offcanvas-nav .socials ul li:nth-child(n+2) .nav-item-link::before { content: '/'; display: inline-block; position: relative; margin-right: 13px; } .header2025-home .hc-offcanvas-nav .nav-wrapper-0 { padding: 0 15px; } .chat-placeholder { position: fixed; bottom: 210px; right: 56px; cursor: pointer; z-index: 9; } @media screen and (max-width: 1120px ) { .header-2025 #mainmenu .button.hiring { display: block; } } @media screen and (max-width: 992px ) { .header-2025 ~ main { margin-top: 0 !important; } .header-2025 { top: 0; background: #fff; z-index:2; } .header-2025 #mainmenu .button.hiring { display: none; } .header-2025 #sitelogo { transform: none; left: 31px; padding-top: 16px; } .header-2025 #sitelogo .white { display: none; } .header-2025 #sitelogo .colored { display: block; } .header-2025 .hc-nav-trigger span, .header-2025 .hc-nav-trigger span::before, .header-2025 .hc-nav-trigger span::after { background-color: #000 !important; } .chat-placeholder { width: 63px; height: 63px; top:300px; right: 31px; } } @media screen and (max-width: 768px ) { .header2025-home .hc-offcanvas-nav .nav-item-link, .header2025-home .hc-offcanvas-nav li.nav-close a, .header2025-home .hc-offcanvas-nav .nav-back a { font-size: 48px !important; } .header2025-home .hc-offcanvas-nav .socials ul { margin: 0; } } @media screen and (min-width: 992px) { .hc-nav-open .header-2025 {z-index:999999999} .hc-nav-open .button.hiring {display:none !important} .hc-nav-open #mainmenu {box-shadow:none !important} } @media screen and (max-width: 991px ) { .header2025-home .hc-offcanvas-nav .socials ul li:nth-child(n+2) .nav-item-link::before { margin-right: 10px; } .hc-offcanvas-nav .nav-close {display:block !important} .hc-offcanvas-nav .nav-close-button span::before, .hc-offcanvas-nav .nav-close-button span::after { width: 20px; height: 20px; margin-top: 3px; border-width: 4px; } .hc-offcanvas-nav .nav-close-button span::before { margin-left: -25px; } .hc-offcanvas-nav .nav-content>.nav-close:first-child a, .hc-offcanvas-nav .nav-title+.nav-close a.has-label, .hc-offcanvas-nav li.nav-close a, .hc-offcanvas-nav .nav-back a { border:none; } .nav-close-button { margin-right:15px; } } @media screen and (max-width: 567px ) { .header2025-home .hc-offcanvas-nav .nav-item-link, .header2025-home .hc-offcanvas-nav li.nav-close a, .header2025-home .hc-offcanvas-nav .nav-back a { font-size: 28px !important; } .header2025-home .hc-offcanvas-nav .nav-item-link { margin-bottom: 16px; } .header2025-home .hc-offcanvas-nav .socials ul { gap: 24px; } .header2025-home .hc-offcanvas-nav .socials .nav-item-link { font-size: 11px !important; } .header2025-home .hc-offcanvas-nav .socials .nav-item-link::after { width: 7px; height: 7px; top: 7px; right: -11px; } }