Brand visual from Onomi

img:is([sizes="auto" i], [sizes^="auto, " i]) { contain-intrinsic-size: 3000px 1500px; } img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 .07em !important; vertical-align: -.1em !important; background: none !important; padding: 0 !important; } /*! This file is auto-generated */ .wp-block-button__link { color: #fff; background-color: #32373c; border-radius: 9999px; box-shadow: none; text-decoration: none; padding: calc(.667em + 2px) calc(1.333em + 2px); font-size: 1.125em; } .wp-block-file__button { background: #32373c; color: #fff; text-decoration: none; } :root { --wp--preset--aspect-ratio--square: 1; --wp--preset--aspect-ratio--4-3: 4/3; --wp--preset--aspect-ratio--3-4: 3/4; --wp--preset--aspect-ratio--3-2: 3/2; --wp--preset--aspect-ratio--2-3: 2/3; --wp--preset--aspect-ratio--16-9: 16/9; --wp--preset--aspect-ratio--9-16: 9/16; --wp--preset--color--black: #000; --wp--preset--color--cyan-bluish-gray: #abb8c3; --wp--preset--color--white: #fff; --wp--preset--color--pale-pink: #f78da7; --wp--preset--color--vivid-red: #cf2e2e; --wp--preset--color--luminous-vivid-orange: #ff6900; --wp--preset--color--luminous-vivid-amber: #fcb900; --wp--preset--color--light-green-cyan: #7bdcb5; --wp--preset--color--vivid-green-cyan: #00d084; --wp--preset--color--pale-cyan-blue: #8ed1fc; --wp--preset--color--vivid-cyan-blue: #0693e3; --wp--preset--color--vivid-purple: #9b51e0; --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgba(6, 147, 227, 1) 0%, #9b51e0 100%); --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, #7adcb4 0%, #00d082 100%); --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgba(252, 185, 0, 1) 0%, rgba(255, 105, 0, 1) 100%); --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgba(255, 105, 0, 1) 0%, #cf2e2e 100%); --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, #eee 0%, #a9b8c3 100%); --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, #4aeadc 0%, #9778d1 20%, #cf2aba 40%, #ee2c82 60%, #fb6962 80%, #fef84c 100%); --wp--preset--gradient--blush-light-purple: linear-gradient(135deg, #ffceec 0%, #9896f0 100%); --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, #fecda5 0%, #fe2d2d 50%, #6b003e 100%); --wp--preset--gradient--luminous-dusk: linear-gradient(135deg, #ffcb70 0%, #c751c0 50%, #4158d0 100%); --wp--preset--gradient--pale-ocean: linear-gradient(135deg, #fff5cb 0%, #b6e3d4 50%, #33a7b5 100%); --wp--preset--gradient--electric-grass: linear-gradient(135deg, #caf880 0%, #71ce7e 100%); --wp--preset--gradient--midnight: linear-gradient(135deg, #020381 0%, #2874fc 100%); --wp--preset--font-size--small: 13px; --wp--preset--font-size--medium: 20px; --wp--preset--font-size--large: 36px; --wp--preset--font-size--x-large: 42px; --wp--preset--spacing--20: .44rem; --wp--preset--spacing--30: .67rem; --wp--preset--spacing--40: 1rem; --wp--preset--spacing--50: 1.5rem; --wp--preset--spacing--60: 2.25rem; --wp--preset--spacing--70: 3.38rem; --wp--preset--spacing--80: 5.06rem; --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, .2); --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, .4); --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, .2); --wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1); --wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1); } :where(.is-layout-flex) { gap: .5em; } :where(.is-layout-grid) { gap: .5em; } body .is-layout-flex { display: flex; } .is-layout-flex { flex-wrap: wrap; align-items: center; } .is-layout-flex > :is(*, div) { margin: 0; } body .is-layout-grid { display: grid; } .is-layout-grid > :is(*, div) { margin: 0; } :where(.wp-block-columns.is-layout-flex) { gap: 2em; } :where(.wp-block-columns.is-layout-grid) { gap: 2em; } :where(.wp-block-post-template.is-layout-flex) { gap: 1.25em; } :where(.wp-block-post-template.is-layout-grid) { gap: 1.25em; } .has-black-color { color: var(--wp--preset--color--black) !important; } .has-cyan-bluish-gray-color { color: var(--wp--preset--color--cyan-bluish-gray) !important; } .has-white-color { color: var(--wp--preset--color--white) !important; } .has-pale-pink-color { color: var(--wp--preset--color--pale-pink) !important; } .has-vivid-red-color { color: var(--wp--preset--color--vivid-red) !important; } .has-luminous-vivid-orange-color { color: var(--wp--preset--color--luminous-vivid-orange) !important; } .has-luminous-vivid-amber-color { color: var(--wp--preset--color--luminous-vivid-amber) !important; } .has-light-green-cyan-color { color: var(--wp--preset--color--light-green-cyan) !important; } .has-vivid-green-cyan-color { color: var(--wp--preset--color--vivid-green-cyan) !important; } .has-pale-cyan-blue-color { color: var(--wp--preset--color--pale-cyan-blue) !important; } .has-vivid-cyan-blue-color { color: var(--wp--preset--color--vivid-cyan-blue) !important; } .has-vivid-purple-color { color: var(--wp--preset--color--vivid-purple) !important; } .has-black-background-color { background-color: var(--wp--preset--color--black) !important; } .has-cyan-bluish-gray-background-color { background-color: var(--wp--preset--color--cyan-bluish-gray) !important; } .has-white-background-color { background-color: var(--wp--preset--color--white) !important; } .has-pale-pink-background-color { background-color: var(--wp--preset--color--pale-pink) !important; } .has-vivid-red-background-color { background-color: var(--wp--preset--color--vivid-red) !important; } .has-luminous-vivid-orange-background-color { background-color: var(--wp--preset--color--luminous-vivid-orange) !important; } .has-luminous-vivid-amber-background-color { background-color: var(--wp--preset--color--luminous-vivid-amber) !important; } .has-light-green-cyan-background-color { background-color: var(--wp--preset--color--light-green-cyan) !important; } .has-vivid-green-cyan-background-color { background-color: var(--wp--preset--color--vivid-green-cyan) !important; } .has-pale-cyan-blue-background-color { background-color: var(--wp--preset--color--pale-cyan-blue) !important; } .has-vivid-cyan-blue-background-color { background-color: var(--wp--preset--color--vivid-cyan-blue) !important; } .has-vivid-purple-background-color { background-color: var(--wp--preset--color--vivid-purple) !important; } .has-black-border-color { border-color: var(--wp--preset--color--black) !important; } .has-cyan-bluish-gray-border-color { border-color: var(--wp--preset--color--cyan-bluish-gray) !important; } .has-white-border-color { border-color: var(--wp--preset--color--white) !important; } .has-pale-pink-border-color { border-color: var(--wp--preset--color--pale-pink) !important; } .has-vivid-red-border-color { border-color: var(--wp--preset--color--vivid-red) !important; } .has-luminous-vivid-orange-border-color { border-color: var(--wp--preset--color--luminous-vivid-orange) !important; } .has-luminous-vivid-amber-border-color { border-color: var(--wp--preset--color--luminous-vivid-amber) !important; } .has-light-green-cyan-border-color { border-color: var(--wp--preset--color--light-green-cyan) !important; } .has-vivid-green-cyan-border-color { border-color: var(--wp--preset--color--vivid-green-cyan) !important; } .has-pale-cyan-blue-border-color { border-color: var(--wp--preset--color--pale-cyan-blue) !important; } .has-vivid-cyan-blue-border-color { border-color: var(--wp--preset--color--vivid-cyan-blue) !important; } .has-vivid-purple-border-color { border-color: var(--wp--preset--color--vivid-purple) !important; } .has-vivid-cyan-blue-to-vivid-purple-gradient-background { background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important; } .has-light-green-cyan-to-vivid-green-cyan-gradient-background { background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important; } .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background { background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important; } .has-luminous-vivid-orange-to-vivid-red-gradient-background { background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important; } .has-very-light-gray-to-cyan-bluish-gray-gradient-background { background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important; } .has-cool-to-warm-spectrum-gradient-background { background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important; } .has-blush-light-purple-gradient-background { background: var(--wp--preset--gradient--blush-light-purple) !important; } .has-blush-bordeaux-gradient-background { background: var(--wp--preset--gradient--blush-bordeaux) !important; } .has-luminous-dusk-gradient-background { background: var(--wp--preset--gradient--luminous-dusk) !important; } .has-pale-ocean-gradient-background { background: var(--wp--preset--gradient--pale-ocean) !important; } .has-electric-grass-gradient-background { background: var(--wp--preset--gradient--electric-grass) !important; } .has-midnight-gradient-background { background: var(--wp--preset--gradient--midnight) !important; } .has-small-font-size { font-size: var(--wp--preset--font-size--small) !important; } .has-medium-font-size { font-size: var(--wp--preset--font-size--medium) !important; } .has-large-font-size { font-size: var(--wp--preset--font-size--large) !important; } .has-x-large-font-size { font-size: var(--wp--preset--font-size--x-large) !important; } :where(.wp-block-post-template.is-layout-flex) { gap: 1.25em; } :where(.wp-block-post-template.is-layout-grid) { gap: 1.25em; } :where(.wp-block-columns.is-layout-flex) { gap: 2em; } :where(.wp-block-columns.is-layout-grid) { gap: 2em; } :root :where(.wp-block-pullquote) { font-size: 1.5em; line-height: 1.6; } .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } @media screen and (max-height: 1024px) { .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload).nitro-lazy, .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) *.nitro-lazy { background-image: none !important; } } @media screen and (max-height: 640px) { .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload).nitro-lazy, .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) *.nitro-lazy { background-image: none !important; } } .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload).nitro-lazy, .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) *.nitro-lazy { background-image: none !important; } #ruigehond006_wrap { z-index: 10001; position: fixed; display: block; left: 0; width: 100%; margin: 0; overflow: visible; } #ruigehond006_inner { position: absolute; height: 0; width: inherit; background-color: rgba(255, 255, 255, .2); -webkit-transition: height .4s; transition: height .4s; } html[dir=rtl] #ruigehond006_wrap { text-align: right; } #ruigehond006_bar { width: 0; height: 100%; background-color: transparent; } body { overflow-x: hidden !important; } a:hover { text-decoration: underline; } * { font-variant-ligatures: none !important; } :root { font-variant-ligatures: none !important; } .main-header { position: absolute; left: 0; top: 0; right: 0; bottom: auto; z-index: 9999; display: block; width: 100%; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid transparent; background-color: hsla(0, 0%, 100%, 0); -webkit-transition: box-shadow .3s ease, background-color .3s ease, top .3s ease-in-out; transition: box-shadow .3s ease, background-color .3s ease, top .3s ease-in-out; } .main-header .header-inner>.container { width: calc(100% - 160px); padding: 0; max-width: unset !important; } .collapse_header .main-header { background-color: #fff; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 7%); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .07); box-shadow: 0 1px 3px rgba(0, 0, 0, 7%); } .home.nt .top-banner { padding-top: 120px; } .wrapping-box { margin-top: 60px; } .home .wrapping-box { margin-top: 0; } .hide_header .main-header { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; height: 1px; } .hide_header .header-inner { margin-top: -200px; } .w-nav-brand { position: relative; float: left; text-decoration: none; color: #333; } .nav_link { position: relative; z-index: 10; margin-right: 16px; margin-bottom: 0; margin-left: 16px; padding: 0; color: #fff; line-height: 28px; text-decoration: none; white-space: nowrap; cursor: pointer; } .opened_menu { overflow: hidden; } .nt .nav_link { color: #fff; } .nav_link:hover { color: #fff; text-decoration: none; } .nav_link.w--current { color: #fff; font-weight: 700; } .menu-item a, .nav_link.dropdown_mn { position: relative; display: block; color: #fff; margin-right: 16px; font-size: 15px; line-height: 22px; text-decoration: none; } .nt .menu-item a:hover { color: #fff; } .nt .menu-item .submenu a:hover { color: #000; } .menu-item.menu-item-has-children { position: relative; } .menu-item.menu-item-has-children:after { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; font-size: 10px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; top: 4px; right: 0; height: 8px; margin-top: 0; margin-right: 0; margin-bottom: 0; position: absolute; color: #fff; } .collapse_header .menu-item.menu-item-has-children:after { color: #2c3242 !important; } .menu-item.menu-item-has-children:hover .submenu, .menu-item.menu-item-has-children:hover .sub-menu { display: block; } .menu-item .sub-menu a { color: #000; font-weight: 700; } .nav_link.visible_mobile { display: none; } .collapse_header .nav_link { color: #2c3242 !important; } .collapse_header .main-menu a { color: #2c3242 !important; } .logo_link { max-width: 120px; } .nav_link i { font-size: 10px; top: 8px; right: 0; height: 8px; margin-top: 0; margin-right: 0; margin-bottom: 0; position: absolute; } .logo-white { width: 191px; height: auto; } .logo_link.logo_link_hidden { position: relative; z-index: 10; } .logo_link.logo_link_center { display: block; width: 120px; margin-right: auto; margin-left: auto; } .dropdown_text { margin-right: 16px; } .dropdown_icon { top: 11px; right: 0; height: 8px; margin-top: 0; margin-right: 0; margin-bottom: 0; font-size: .6em; line-height: 1em; } .dropdown_icon:focus { color: #0a6cff; } .dropdown_link_nav, .menu-item { position: relative; z-index: auto; } .dropdown_link_nav.hidden, .menu-item.hidden { display: none; } .dropdown_link_text { margin-bottom: 0; } .mnu-btn { box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, .25); display: inline-block; padding: 14px 30px; border-radius: 9.4px; -webkit-transition: all .3s ease; transition: all .3s ease; font-family: "Area Normal Trial", sans-serif; font-size: 18px; font-weight: 700; line-height: 28px; text-align: center; text-decoration: none; cursor: pointer; background-color: #f06 !important; } .mnu-btn:hover { text-decoration: none; } .mnu-btn.btn_blue { margin-left: 0; background-color: #175fff; color: #fff; } .mnu-btn.btn_blue:hover { background-color: #1043b2; color: #fff; } .mnu-btn.btn_blue.btn-block.btn-event { margin-top: 16px; padding-top: 8px; padding-bottom: 8px; } .mnu-btn.btn_outline { border-width: 2px; border-color: #175fff; background-color: transparent; color: #0a6cff; } .mnu-btn.btn_outline:hover { background-color: #175fff; color: #fff; } .mnu-btn.btn_lg { padding-top: 16px; padding-bottom: 16px; } .mnu-btn.btn_white.btn_lg { margin-right: 10px; } .mnu-btn.btn_form { padding-right: 22px; padding-left: 22px; } .mnu-btn.btn_light_blue { border-color: #ecf2ff; background-color: #ecf2ff; color: #175fff; } .mnu-btn.btn_light_blue:hover { opacity: .8; color: #175fff; } .mnu-btn.btn-xs { padding: 9px 20px; font-size: 16px; } .mnu-btn.btn_white { background-color: #fff; color: #175fff; } .mnu-btn.btn_white:hover { background-color: #ecf2ff; color: #1043b2; } .mnu-btn.btn_white_black { background-color: #fff; color: #2c3242; } .mnu-btn.btn_white_black:hover { background-color: #ecf2ff; } .mnu-btn.btn_outline_white { border-color: #fff; background-color: transparent; color: #fff; border-radius: 8px; } .mnu-btn.btn_outline_white:hover { color: #fff; text-decoration: underline; } .mnu-btn.case-filter-item { margin-right: 15px; color: #2c3242; } .collapse_header .mnu-btn, .dark-header .mnu-btn, .opened_menu .mnu-btn { background-color: #f06; border-color: #f06; color: #fff; } .collapse_header .mnu-btn:hover, .dark-header .mnu-btn:hover, .menu-children-open .mnu-btn:hover { background-color: #f06; border-color: #f06; color: #fff; text-decoration: underline; } .header-nav-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } ul.main-menu { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 16px; list-style: none; padding: 0; margin: 0; font-weight: 700; } ul.main-menu li { list-style: none; } ul.main-menu>li { margin-left: 16px; margin-right: 16px; } .open_main_menu { cursor: pointer; border: 0; text-transform: uppercase; text-align: center; background: 0 0; position: relative; z-index: 105; -webkit-transition: all .3s; transition: all .3s; display: none; } .open_main_menu .lines { display: inline-block; width: 20px; height: 2px; background: #fff; -webkit-transition: all .4s ease-out; transition: all .4s ease-out; position: relative; top: 0; } .collapse_header .open_main_menu .lines { background: #2c3242; } .open_main_menu .lines:after, .open_main_menu .lines:before { display: inline-block; width: 20px; height: 2px; background: #fff; -webkit-transition: all .4s ease-out; position: absolute; left: 0; content: ""; -ms-transform-origin: .28571em center; -webkit-transform-origin: .28571em center; transform-origin: .28571em center; } .open_main_menu .lines:before { top: 12px; } .open_main_menu .lines:after { top: 6px; } .collapse_header .open_main_menu .lines:after, .collapse_header .open_main_menu .lines:before { background: #2c3242; } .opened_menu .open_main_menu .lines { background: 0 0 !important; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; } .opened_menu .open_main_menu .lines:before { -ms-transform: rotate3d(0, 0, 1, 45deg); -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); background: #2c3242; } .opened_menu .open_main_menu .lines:after { -ms-transform: rotate3d(0, 0, 1, -45deg); -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); background: #2c3242; } .opened_menu .open_main_menu .lines:after, .opened_menu .open_main_menu .lines:before { -ms-transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; top: 0; -webkit-transition: all .4s ease-out; transition: all .4s ease-out; } .dropdown_menu { position: fixed; left: 0; top: 0; z-index: -1; display: none; width: 100%; padding-top: 125px; padding-bottom: 39px; background-color: #fff; box-shadow: 0 4px 4px 0 rgba(47, 57, 78, .08), 1px 0 1px 0 rgba(47, 57, 78, .08); } .dropdown_menu.w--open { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .dropdown_menu.dropdown_menu_sm, .main-menu .submenu { position: absolute; left: 50%; top: 100%; z-index: 10; display: none; width: 341px; margin-top: 36px; padding: 12px; border-radius: 8px; box-shadow: 0 4px 20px 0 rgba(194, 197, 203, .22); -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); background-color: #fff; } .main-menu .submenu.opened_sub_menu { display: block; } .main-menu .sub-menu { padding-left: 0; } .dropdown_menu.dropdown_menu_sm.sasd { display: block; } .menu-item a img, .nav-icon { width: 32px; margin-right: 16px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .main-menu .sub-menu .menu-item, .subnav-link { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; padding: 12px 36px 12px 12px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 6px; background-color: transparent; color: #1b1f29; font-size: 16px; line-height: 1.1; font-weight: 500; } .header-inner { position: relative; z-index: 3; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 80px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-transition: margin .3s ease; transition: margin .3s ease; } .logo-color { display: none; } .collapse_header .logo-color, .opened_menu .logo-color { display: block; } .collapse_header .logo-white, .opened_menu .logo-white { display: none; } .col.align-self-center { position: relative; width: 100%; max-width: 100%; padding-right: 12px; padding-left: 12px; -webkit-box-flex: 1; -webkit-flex: 1 0 0%; -ms-flex: 1 0 0%; flex: 1 0 0%; } .col-auto { position: relative; width: auto; max-width: 100%; padding-right: 12px; padding-left: 12px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .header-inner .row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-right: -12px; margin-left: -12px; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; background: 0 0; } .header-inner .row .col-auto { background: 0 0; } .header_btns { position: relative; z-index: 2; margin-left: 16px; } .menu-item .sub-menu a:hover { text-decoration: underline; } ul.main-menu>li:hover:before { position: absolute; top: 100%; left: 0; margin-top: -2px; width: 100%; height: 50px; content: ""; } @media (max-width:1199px) { .menu-item a { color: #2c3242; } .main-menu .sub-menu .menu-item { padding: 12px; } .nt .menu-item a:hover { color: #2c3242; } .menu-item.menu-item-has-children:after { color: #2c3242; } .dropdown_link_nav.opened_sub_menu .nav_link i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .nt .nav_link { color: #000; } .nav_link i { font-size: 18px; top: 24px; right: 8px; } .menu-item.menu-item-has-children:after { font-size: 18px; top: 28px; right: 8px; } .menu-item.menu-item-has-children.opened_sub_menu:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } } @media (max-width:1199px) and (min-width:992px) { .header_btns { position: absolute; left: 0; bottom: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; margin: 0; padding-bottom: 20px; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; background: #fff; border-top: 1px solid #f1f2f5; padding-top: 20px; } .header-nav-wrap { position: fixed; left: 0; top: 0; width: 100%; height: 100%; padding-top: 136px; padding-bottom: 160px; background-color: #fff; visibility: hidden; } .open_main_menu { display: block; } .main-menu { display: block; overflow: auto; width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; max-height: 100%; height: 100%; border-top: 1px solid #f1f2f5; } .dropdown_link_nav, .main-menu .menu-item { display: block; max-width: 690px; margin-right: auto; margin-left: auto; padding-top: 22px; padding-bottom: 22px; border-bottom: 1px solid #f1f2f5; width: 100%; color: #2c3242; font-size: 22px; line-height: 28px; } .sub-menu .menu-item { border: 0; font-size: 16px; } .nav_link { display: block; max-width: 690px; margin-right: auto; margin-left: auto; padding: 22px 12px; border-bottom: 1px solid #f1f2f5; color: #2c3242; font-size: 22px; width: 100%; } .main-menu .menu-item a, .nav_link.dropdown_mn { padding-top: 0; padding-bottom: 0; border-bottom-width: 0; border: none; } .dropdown_icon { top: 12px; right: 15px; height: 20px; color: #2c3242; font-size: 1em; } .dropdown_menu, .dropdown_menu.dropdown_menu_sm, .main-menu .submenu { position: static; margin-left: 0; padding-top: 0; padding-bottom: 0; background-color: hsla(0, 0%, 86.7%, 0); box-shadow: none; -webkit-transform: none; -ms-transform: none; transform: none; padding: 0; width: 100%; margin-top: 24px; } } @media screen and (max-width:991px) { body.page-template { padding-top: 0 !important; } .home.nt .top-banner { padding-top: 100px; } .header_btns { position: absolute; left: 0; bottom: 0; z-index: 30; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; margin-left: 0; padding-bottom: 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #fff; text-align: center; margin-top: 20px; } .nav_link.visible_mobile { display: inline-block; padding-top: 12px; padding-bottom: 12px; border-bottom-width: 0; font-size: 16px; } .nav_link.hidden_mobile { display: none; } .nav_link i { font-size: 18px; top: 6px; right: 8px; } .lines { position: relative; top: -4px; display: block; width: 18px; height: 2px; padding-right: 0; padding-bottom: 0; background-color: #fff; } .open_main_menu { display: block; padding: 0; } .logo_link.w--current { z-index: 12; } .header-nav-wrap { position: fixed; left: 0; top: 0; display: none; width: 100%; height: 100%; padding-top: 140px; padding-bottom: 140px; background-color: #fff; } .main-menu { display: block; overflow: auto; width: 100%; height: 100%; max-height: 87%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; border-top: 1px solid #f1f2f5; } .dropdown_link_nav, .main-menu .menu-item { display: block; max-width: 690px; margin-right: auto; margin-left: auto; padding-top: 22px; padding-bottom: 22px; border-bottom: 1px solid #f1f2f5; width: 100%; } .nav_link { display: block; max-width: 690px; margin-right: auto; margin-left: auto; padding: 22px 12px; border-bottom: 1px solid #f1f2f5; color: #2c3242 !important; font-size: 22px; width: 100%; } .main-menu .menu-item a, .nav_link.dropdown_mn { padding-top: 0; padding-bottom: 0; border-bottom-width: 0; padding: 0 24px; z-index: 1; } .dropdown_text { margin-right: 40px; } .dropdown_icon { top: 0; right: 15px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 40px; height: 40px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #2c3242; font-size: 1em; } .dropdown_menu.dropdown_menu_sm, .main-menu .submenu { position: static; display: none; width: 100%; margin-top: 24px; padding: 0; box-shadow: none; -webkit-transform: none; -ms-transform: none; transform: none; } .dropdown_menu.dropdown_menu_sm, .main-menu .submenu { margin-top: 14px; margin-bottom: -14px; padding-right: 12px; padding-left: 12px; } } @media (max-width:767px) { .menu-item.menu-item-has-children:after { font-size: 18px; top: 16px; right: 8px; } .header_btns { padding-bottom: 20px; padding-top: 20px; } .nav_link.visible_mobile { font-size: 16px; } .main-header { border-bottom: 1px solid rgba(255, 255, 255, .2); } .header-inner { height: 64px; } .wrapping-box { margin-top: 20px; } .logo_link.logo_link_hidden { max-width: 111px; padding-left: 0; } .header-nav-wrap { padding-top: 115px; padding-bottom: 130px; } .dropdown_link_nav, .main-menu .menu-item { padding-top: 14px; padding-bottom: 14px; } .dropdown_icon { top: -5px; right: 12px; font-size: .8em; } .nav_link { padding: 14px 24px; font-size: 18px; line-height: 31px; } } @media screen and (max-width:490px) { .header-nav-wrap { padding-top: 160px; } } @media screen and (max-width:479px) { .header-nav-wrap { padding-top: 150px; padding-bottom: 130px; } .dropdown_link_nav, .menu-item { width: 100%; float: none; } .nav_link { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } } @media screen and (max-width:420px) { .header-nav-wrap { padding-top: 140px; } } .btn-close { position: absolute; top: 13%; right: .7%; transform: rotate(45deg); font-size: 30px; line-height: 30px; color: #fff; cursor: pointer; } .bottom-message { display: none !important; } .ls-style .mnu-btn { background-color: #f06 !important; border-color: #f06 !important; } .orange-line { position: absolute; bottom: 0; width: 100%; background: transparent; height: 5px; } .ann-banner-container { max-width: unset !important; width: unset !important; } .ann-banner-container.row { padding-left: 40px; padding-right: 40px; } .header-switcher a { font-family: "Area Normal Trial", sans-serif; font-size: 16px; font-weight: 400; line-height: 30px; text-align: right; color: white; text-decoration: none; } .header-switcher img { filter: brightness(0) invert(1); } .collapse_header .header-switcher a { color: #393939; } .collapse_header .header-switcher img, .header-switcher img.blue-arrow { filter: unset !important; } .header-switcher-mobile a { display: block; font-family: "Area Normal Trial", sans-serif; font-size: 14px; font-weight: 400; line-height: 14px; text-align: left; color: #393939; padding: 18px 20px; border-bottom: .2px solid #c6c9cd; text-decoration: none; } .header-switcher { display: none; } .ls-new-label, .popular-label-ls, .hiring-label-ls, .new-label-ls { display: inline-block; position: relative; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; color: white; background-color: #f06; padding: 4px 5px; font-size: 7px; line-height: 6px; left: 2px; bottom: 3px; text-transform: uppercase; } .popular-label-ls { background-color: rgba(214, 98, 160, .5) !important; } .hiring-label-ls { background-color: rgba(134, 138, 221, .5) !important; } .ls-page button#onetrust-accept-btn-handler, .ls-page button#onetrust-pc-btn-handler, .ls-page button#accept-recommended-btn-handler, .ls-page button.save-preference-btn-handler.onetrust-close-btn-handler, .ls-page button.ot-pc-refuse-all-handler { background-color: #f06 !important; } .pricing-submenu { position: absolute; width: 100%; height: 90px; background: white; bottom: -90px; left: 0; } .submenu .pricing-submenu p { max-width: calc(100% - 160px); margin: 0 auto; border-top: 1px solid #c6c9cd; padding-top: 30px; } .submenu .pricing-submenu a { font-family: "Area Normal Trial", sans-serif; font-size: 16px; font-weight: 400; line-height: 18.4px; text-align: left; color: #f06 !important; } .ls-style .submenu .pricing-submenu a { color: #f06 !important; } .submenu .pricing-submenu a:hover { text-decoration: underline; } @media only screen and (min-width: 1200px) { /*.pricing-submenu {*/ /* display: block !important;*/ /*}*/ .ls-style .main-menu > .menu-item:nth-child(2) > .submenu > .sub-menu > .menu-item:nth-child(1) > .submenu li a, .ls-style .main-menu > .menu-item:nth-child(3) > .submenu > .sub-menu > .menu-item:nth-child(1) > .submenu li a { cursor: pointer !important; } .ls-style .main-menu > .menu-item:nth-child(2) > .submenu > .sub-menu > .menu-item:nth-child(1) > .submenu li:hover > a, .ls-style .main-menu > .menu-item:nth-child(3) > .submenu > .sub-menu > .menu-item:nth-child(1) > .submenu li:hover > a { text-decoration: underline !important; } .header-switcher-mobile { display: none; } .header-switcher { display: flex; width: calc(100% - 160px); margin: 0 auto; justify-content: end; column-gap: 30px; padding: 20px 0; border-bottom: 1px solid #c6c9cd; transition: all .3s ease-in-out; overflow: hidden; } .collapse_header-ls .header-switcher { padding: 0; height: 0; border-bottom-width: 0; } .one-line-item a { white-space: nowrap !important; } .main-menu .menu-item { pointer-events: none !important; } .main-menu .menu-item.loaded { pointer-events: all !important; } /*.menu-item.menu-item-has-children .submenu {*/ /* opacity: 0;*/ /*}*/ /*.menu-item.menu-item-has-children .submenu.loaded {*/ /* opacity: 1;*/ /*}*/ .mobile-item { display: none !important; } .main-menu .submenu { display: block; visibility: hidden; opacity: 0; transition: opacity .3s ease-in-out, visibility .3s ease-in-out; } .menu-item.menu-item-has-children:hover .submenu { visibility: visible; opacity: 1; } .main-menu > .menu-item::after { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } li#menu-item-27677 a:hover > span { cursor: pointer !important; text-decoration: underline !important; } .main-menu > .menu-item:hover > a, .main-menu > .menu-item:hover::after { color: #f06 !important; } .ls-style .main-menu > .menu-item:hover > a, .ls-style .main-menu > .menu-item:hover::after { color: #f06 !important; } .main-menu > .menu-item:hover::after { top: 9px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .main-menu > .menu-item > .submenu { position: fixed; top: 115px; left: 0; width: 100vw; -webkit-transform: none; -ms-transform: none; transform: none; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; padding-top: 50px; background: white; margin-top: 0 !important; } .collapse_header-ls .main-menu > .menu-item > .submenu { top: 44px; } /* .main-menu > .menu-item > .submenu { top: 61px !important; } */ .main-menu > .menu-item > .submenu > .sub-menu { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: calc(100% - 160px); margin: 0 auto; } .main-menu > .menu-item > .submenu > .sub-menu > .menu-item { padding: 0 20px 0 0; margin-right: -10px; } .main-menu > .menu-item > .submenu > .sub-menu > .menu-item img { width: 30px; margin-top: 3px; margin-left: 10px; } .main-menu > .menu-item > .submenu > .sub-menu > .menu-item::after { display: none; } .main-menu > .menu-item > .submenu > .sub-menu > .menu-item li { padding: 5px 0; } .main-menu > .menu-item > .submenu > .sub-menu > .menu-item { align-items: baseline !important; height: fit-content !important; } .main-menu > .menu-item:nth-child(4) > .submenu > .sub-menu > .menu-item:nth-child(1), .main-menu > .menu-item:nth-child(7) > .submenu > .sub-menu > .menu-item:nth-child(1) { max-width: 400px !important; } .main-menu > .menu-item > .submenu > .sub-menu > .menu-item > a, .main-menu > .menu-item:nth-child(3) .submenu .submenu li a, .main-menu > .menu-item:nth-child(4) .submenu .submenu li a, .main-menu > .menu-item:nth-child(7) .submenu .submenu li a { font-family: "Area Normal Trial"; font-style: normal; font-weight: 700; font-size: 20px; line-height: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #393939; } .main-menu > .menu-item:nth-child(3) .submenu .submenu li a, .main-menu > .menu-item:nth-child(4) .submenu .submenu li a, .main-menu > .menu-item:nth-child(7) .submenu .submenu li a { font-weight: 400 !important; } .main-menu > .menu-item:nth-child(3) > .submenu > .sub-menu > .menu-item:nth-child(1) > .submenu li, .main-menu > .menu-item:nth-child(4) > .submenu > .sub-menu > .menu-item:nth-child(1) > .submenu li, .main-menu > .menu-item:nth-child(7) > .submenu > .sub-menu > .menu-item:nth-child(1) > .submenu li, .ls-style .main-menu > .menu-item:nth-child(2) > .submenu > .sub-menu > .menu-item:nth-child(1) > .submenu li, .ls-style .main-menu > .menu-item:nth-child(3) > .submenu > .sub-menu > .menu-item:nth-child(1) > .submenu li { width: 100% !important; padding-right: 0 !important; display: block !important; position: relative; top: -10px; } .main-menu > .menu-item:nth-child(3) > .submenu > .sub-menu > .menu-item:nth-child(1) > .submenu li a, .main-menu > .menu-item:nth-child(4) > .submenu > .sub-menu > .menu-item:nth-child(1) > .submenu li a, .main-menu > .menu-item:nth-child(7) > .submenu > .sub-menu > .menu-item:nth-child(1) > .submenu li a, .ls-style .main-menu > .menu-item:nth-child(2) > .submenu > .sub-menu > .menu-item:nth-child(1) > .submenu li a, .ls-style .main-menu > .menu-item:nth-child(3) > .submenu > .sub-menu > .menu-item:nth-child(1) > .submenu li a { display: block !important; border-right: 1px solid #e2e2e2 !important; padding-top: 20px; padding-right: 40px !important; } .main-menu > .menu-item:nth-child(3) > .submenu > .sub-menu > .menu-item:nth-child(1) > a, .main-menu > .menu-item:nth-child(4) > .submenu > .sub-menu > .menu-item:nth-child(1) > a, .main-menu > .menu-item:nth-child(7) > .submenu > .sub-menu > .menu-item:nth-child(1) > a, .ls-style .main-menu > .menu-item:nth-child(2) > .submenu > .sub-menu > .menu-item:nth-child(1) > a, .ls-style .main-menu > .menu-item:nth-child(3) > .submenu > .sub-menu > .menu-item:nth-child(1) > a { padding-right: 10%; border-right: 1px solid #e2e2e2; } .ls-style .main-menu > .menu-item:nth-child(2) > .submenu > .sub-menu > .menu-item:nth-child(1) > a { width: 100%; } .ls-style .main-menu > .menu-item:nth-child(3) > .submenu > .sub-menu > .menu-item:nth-child(1) > a { width: calc(100% - 17px); } /*.main-menu > .menu-item:nth-child(4) > .submenu > .sub-menu > .menu-item:nth-child(2) {*/ /* width: 65% !important;*/ /*}*/ /*.main-menu > .menu-item:nth-child(4) > .submenu > .sub-menu > .menu-item:nth-child(2) .submenu {*/ /* left: 32% !important;*/ /*}*/ .right-message { background: #fff6ef !important; border-radius: 8px !important; padding: 30px 15px !important; margin-right: 0 !important; max-width: 305px !important; z-index: 10 !important; } .ls-style .right-message { background: rgba(255, 0, 102, .06) !important; } .main-menu > .menu-item:nth-child(4) .menu-item:nth-child(2) a, .main-menu > .menu-item:nth-child(7) .menu-item:nth-child(2) a { font-weight: 400 !important; } .right-message a { font-family: "Area Normal Trial"; font-style: normal !important; font-weight: 400 !important; font-size: 16px !important; line-height: 25px !important; display: block !important; align-items: center !important; color: #393939 !important; margin-right: 0 !important; width: 100% !important; } .right-message a { color: #f06 !important; } .border-bottom-g { border-bottom: 1px solid #e2e2e2; margin-right: 40px !important; border-radius: 0 !important; padding-bottom: 10px !important; z-index: 10; } .main-menu > .menu-item:nth-child(4) > .submenu { height: 400px !important; } .main-menu > .menu-item:nth-child(3) > .submenu > .sub-menu > .menu-item:nth-child(1) > a, .main-menu > .menu-item:nth-child(4) > .submenu > .sub-menu > .menu-item:nth-child(1) > a, .main-menu > .menu-item:nth-child(7) > .submenu > .sub-menu > .menu-item:nth-child(1) > a { display: block !important; width: 100% !important; text-decoration: none !important; } .menu-item.menu-item-has-children .submenu .submenu { border-radius: 0; -webkit-box-shadow: none; box-shadow: none; margin-top: 5px; padding: 0 20px 0 0; width: inherit; background: white; } .menu-item.menu-item-has-children:hover .submenu .submenu { display: block; visibility: visible; opacity: 1; } .menu-item.menu-item-has-children:hover .submenu > .shadow, .menu-item.menu-item-has-children:hover > .submenu-bottom-message { visibility: visible; opacity: 1; } .submenu-bottom-message { width: 100vw; position: fixed; left: 0; visibility: hidden; background: #fff6ef; padding: 30px 0; opacity: 0; transition: opacity .3s ease-in-out, visibility .3s ease-in-out; } .submenu-bottom-message p a { text-decoration: none !important; font-style: normal !important; font-weight: 400 !important; font-size: 16px !important; line-height: 30px !important; align-items: center; color: #393939; } .submenu-bottom-message p a span { font-family: "Area Normal Trial"; font-style: normal; font-weight: 400; font-size: 16px !important; color: #f06 !important; } .submenu-bottom-message p { text-align: left !important; max-width: 1240px; margin: 0 auto; font-style: normal; font-weight: 400 !important; font-size: 18px; line-height: 30px !important; display: flex; align-items: center; color: #393939; border: none; padding: 0; position: relative; } ul.main-menu>li { z-index: 100000 !important; } .submenu-header { max-width: 1240px; margin: 0 auto 25px auto; font-family: "Area Normal Trial"; font-style: normal; font-weight: 700; font-size: 24px; line-height: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid; border-bottom-color: #393939; padding-bottom: 20px; color: #393939; } .main-menu .submenu .submenu li a { font-family: "Area Normal Trial"; font-style: normal; font-weight: 400; font-size: 20px; line-height: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #393939; } .rp-text { margin-bottom: 10px; } .rp-text a { font-family: "Area Normal Trial" !important; font-style: normal !important; font-weight: 400 !important; font-size: 15px !important; line-height: 20px !important; display: flex; align-items: center; color: #a3a3a3 !important; padding-bottom: 30px; border-bottom: 1px solid #c6c9cd; text-decoration: none !important; cursor: default !important; } .no-decoration-nav > a { text-decoration: none !important; cursor: default !important; } .main-menu > .menu-item:nth-child(3) > .submenu > .sub-menu > .menu-item:nth-child(1) > .submenu a, .main-menu > .menu-item:nth-child(4) > .submenu > .sub-menu > .menu-item:nth-child(1) > .submenu a, .main-menu > .menu-item:nth-child(7) > .submenu > .sub-menu > .menu-item:nth-child(1) > .submenu a, .ls-style .main-menu > .menu-item:nth-child(2) > .submenu > .sub-menu > .menu-item:nth-child(1) > .submenu a, .ls-style .main-menu > .menu-item:nth-child(3) > .submenu > .sub-menu > .menu-item:nth-child(1) > .submenu a { font-style: normal; font-weight: 400; font-size: 16px; line-height: 30px !important; display: flex; align-items: center; color: #393939; } .main-menu > .menu-item:nth-child(3) > .submenu > .sub-menu > .menu-item:nth-child(3) { width: 90% !important; } .main-menu > .menu-item:nth-child(3) > .submenu > .sub-menu > .menu-item:nth-child(3) .submenu { left: 45% !important; } .main-menu > .menu-item:nth-child(3) > .submenu > .sub-menu > .menu-item:nth-child(1) > .submenu a span, .main-menu > .menu-item:nth-child(4) > .submenu > .sub-menu > .menu-item:nth-child(1) > .submenu a span, .main-menu > .menu-item:nth-child(7) > .submenu > .sub-menu > .menu-item:nth-child(1) > .submenu a span, .ls-style .main-menu > .menu-item:nth-child(2) > .submenu > .sub-menu > .menu-item:nth-child(1) > .submenu a span, .ls-style .main-menu > .menu-item:nth-child(3) > .submenu > .sub-menu > .menu-item:nth-child(1) > .submenu a span, .right-message a span { display: block; font-family: "Area Normal Trial"; font-style: normal; font-weight: 400; font-size: 16px; line-height: 30px; color: #f06 !important; width: fit-content; } .ls-style .main-menu > .menu-item:nth-child(2) > .submenu > .sub-menu > .menu-item:nth-child(1) > .submenu a span, .ls-style .main-menu > .menu-item:nth-child(3) > .submenu > .sub-menu > .menu-item:nth-child(1) > .submenu a span, .ls-style .right-message a span { color: #f06 !important; } .shadow { width: 100%; position: absolute; top: -150px; height: 150px; z-index: 2; visibility: hidden; -webkit-box-shadow: 0px 4px 20px 10px rgba(0, 0, 0, .1); box-shadow: 0px 4px 20px 10px rgba(0, 0, 0, .1); left: 0; pointer-events: none; } .nowrap-link { white-space: nowrap; } } @media only screen and (max-width: 1199px) { .desktop-item { display: none !important; } .header-nav-wrap { display: block !important; visibility: hidden !important; } .opened_menu .header-nav-wrap { visibility: visible !important; } .main-menu .sub-menu .menu-item { padding: 8px 0; display: block; } ul#menu-supermegamenu > li, ul#menu-navigation li { padding-left: 0; } .main-menu .menu-item:hover { background: #f9f9f9; color: #f06; } .main-menu .menu-item:hover > a { color: #f06 !important; } .ls-style .main-menu .menu-item:hover > a { color: #f06 !important; } .main-menu > .menu-item > .submenu > .sub-menu > .menu-item { font-style: normal; font-weight: 700; font-size: 12px; line-height: 14px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #393939; display: block; border-bottom: 1px solid #c6c9cd; border-radius: 0; padding-left: 0; padding-top: 16px; padding-bottom: 25px; } .main-menu > .menu-item > .submenu > .sub-menu > .menu-item > .submenu a, li#menu-item-27691 > a, li#menu-item-27697 > a { color: #393939; font-size: 12px; font-weight: 400; padding-left: 40px !important; } .main-menu > .menu-item > .submenu > .sub-menu > .menu-item img { display: none; } .menu-item.menu-item-has-children:hover .submenu, .menu-item.menu-item-has-children:hover .sub-menu { margin-top: 5px; border-radius: 0; background: #f9f9f9; } .main-menu > .menu-item > .submenu > .sub-menu > .menu-item::after { display: none; } .main-menu .menu-item a { padding: 0 20px !important; } .main-menu .submenu { padding-left: 0 !important; } .header-nav-wrap { overflow: scroll !important; } ul#menu-supermegamenu, ul#menu-navigation { position: relative; display: block !important; height: auto !important; min-height: unset !important; max-height: unset !important; } .header_btns { position: relative !important; } .header_btns .mnu-btn { width: calc(100% - 26px); } .header-nav-wrap {} .header-inner { background: transparent !important; height: 81px !important; } .collapse_header .header-inner { background: white !important; } } @media (prefers-color-scheme: dark) { .collapse_header .header-inner { background-color: white !important; } } @media only screen and (max-width:991px) { .dropdown_link_nav, .main-menu .menu-item { border-bottom-width: 0; } } @media only screen and (max-width: 515px) { .ann-banner .col.align-self-center { display: block !important; } .ann-banner .ann-btn { margin: 10px auto 5px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; display: block; } .btn-close { top: 27%; right: 2.7%; padding-left: 10px; padding-bottom: 20px; padding-top: 4px; width: 40px; height: 40px; } } #to-close .btn-close { --bs-btn-close-bg: none !important; color: white !important; opacity: 1 !important; background: none !important; } .ann-banner-no-ls { background: linear-gradient(90deg, #f06 0%, #f7a032 100%) !important; } .ann-banner-no-ls .orange-line { background: #f7a032 !important; } .ann-banner-no-ls .ann-btn { background-color: #f06 !important; border: 2px solid white !important; } .container { max-width: unset; width: calc(100% - 160px); margin: 0 auto; } .images-row img { width: 100%; } @media only screen and (max-width: 768px) { .container { width: 100%; } } .footer .wrapper { width: calc(100% - 80px); max-width: unset !important; } .footer .new-footer23 h3, .footer .new-footer23 p.h3-like { font-family: "Area Normal Trial", sans-serif; font-size: 16px; font-weight: 1000; line-height: 34px; text-align: left; color: #fff; margin-bottom: 0 !important; } .footer .new-footer23 p, .footer .new-footer23 li { margin-top: 0; } .logo-footer a, .logo-footer a img { width: 100% !important; display: block !important; max-width: 85% !important; } .footer ul { list-style: none; margin-top: 0 !important; } .footer .new-footer23 p, .footer .new-footer23 p a, .footer .new-footer23 li a, .footer .new-footer23 li { font-family: "Area Normal Trial", sans-serif; font-size: 16px; font-weight: 400; line-height: 34px; text-align: left; color: #fff; } .footer .new-footer23 a:hover, .footer .bottom-footer .text-left p a:hover { color: #fff !important; text-decoration: underline; } .footer .new-footer23 a:active, .footer .bottom-footer .text-left p a:active, .footer .new-footer23 a:focus, .footer .bottom-footer .text-left p a:focus { color: #fff !important; } .menu-cols, .menu-cols2 { display: flex; flex-wrap: wrap; } .mc1, .mc2, .mc3, .mc4, .mc5 { width: 25%; } .mc6, .mc7, .mc8, .mc9, .mc10 { width: 25%; margin-top: 40px; } .mc span { font-family: "Area Normal Trial", sans-serif; font-size: 10px; font-weight: 1000; line-height: 12px; text-align: left; color: #f06; padding-left: 7px; position: relative; bottom: 1px; text-transform: uppercase; } .footer a.fr-link { font-size: 16px; line-height: 35px; color: #fff; text-decoration: none; } .footer a.fr-link:hover { text-decoration: underline; color: #fff; } .footer a.fr-link:active, .footer a.fr-link:focus { color: #fff; } .globe-icon { width: 26px; display: inline-block; margin-bottom: 5px; margin-right: 8px; } .footer .mc1 .social-icons { position: relative; padding: 10px 0 0 0; margin: 0 -5px 10px; text-align: left; } .footer .mc1 .social-icons a { font-size: 18px; } .footer .logo-text .logo-text-p { font-weight: 400; font-size: 16px; line-height: 1em; color: #fff; margin-top: 20px; } .hr-line-footer { height: 1px; width: 100%; margin: 0 .5rem; background-color: #707070; border: none; } .footer .bottom-footer { padding-top: 0; } .footer .bottom-footer .text-left p, .footer .bottom-footer .text-left p a, .footer .bottom-footer .text-right p { font-weight: 400; font-weight: 400; font-size: 16px; font-size: 16px; display: inline-block; margin-right: 25px; margin-top: 0; font-family: "Area Normal Trial", sans-serif; line-height: 34px; text-align: left; color: #fff; } .footer .new-footer23 a.book-demo, .footer .new-footer23 a.book-demo:hover { width: 176px; height: 60px; border-radius: 9.45px; background: #f06; font-family: "Area Normal Trial", sans-serif; font-size: 18px; font-weight: 700; line-height: 28px; text-align: center; color: #fff; text-decoration: none; display: flex; justify-content: center; align-items: center; box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, .25); border: 3px solid #f06; margin-top: 50px; } .footer .bottom-footer .text-right p { display: block; margin-right: 0; } .footer .bottom-footer .text-right { position: relative; bottom: 50px; } .footer .bottom-footer .text-left p a { text-decoration: underline; } .badges-part { display: flex; align-items: center; flex-wrap: wrap; margin-top: 0; margin-bottom: 0; width: 100%; } .badges-part img { margin-right: 18px; } .badges-part a { display: block !important; opacity: 1; text-decoration: none; } .footer .new-footer23 .footer-btn { padding: 14px 30px; border: 2px solid #e85c30; border-radius: 4px; -webkit-transition: all .3s ease; transition: all .3s ease; font-size: 16px; line-height: 1em; font-weight: 700; text-align: center; text-decoration: none; cursor: pointer; background-color: #e85c30; border-color: #e85c30; color: #fff; } .ls-footer-btn.footer-btn { background-color: #3fbad9 !important; border-color: #3fbad9 !important; } .footer .new-footer23 .footer-btn:hover { color: #fff; text-decoration: underline; } .footer .new-footer23 .footer-btn:active, .footer .new-footer23 .footer-btn:focus { color: #fff; } .footer-badge-mobile { display: none !important; } .badges-sp-footer { display: flex; justify-content: space-between; align-items: end; margin: 70px 0 20px; } .badges-sp-footer .swiss-post span { color: #fff; font-family: "Area Normal Trial", sans-serif; font-size: 12px; font-style: normal; font-weight: 400; line-height: 35px; } .swiss-post a { opacity: 1 !important; text-decoration: none !important; } .new-footer23 { display: flex; flex-direction: row; justify-content: space-between; } .new-footer23 .col-md-3 { width: 25%; padding-right: 5% !important; border-right: 2px solid #35f; } .new-footer23 .col-md-3 p { font-family: "Area Normal Trial", sans-serif; font-size: 16px; font-weight: 400; line-height: 24px; text-align: left; color: #fff; } .new-footer23 .col-md-9 { width: 70%; padding-left: 0 !important; flex: 0 0 70%; } .socials { display: flex; align-items: center; column-gap: 15px; justify-content: left; flex-direction: row; margin-bottom: 14px; } .policies { font-family: "Area Normal Trial", sans-serif; font-size: 16px; font-weight: 400; line-height: 34px; text-align: left; color: #fff; } .footer { padding-bottom: 45px; padding-top: 65px !important; } @media only screen and (min-width:992px) {} @media only screen and (max-width:991px) { .mc1, .mc2, .mc3, .mc4, .mc5, .mc6, .mc7, .mc8, .mc9, .mc10 { width: 100%; margin-top: 15px; } .footer .logo-text .logo-text-p { font-size: 16px; margin-bottom: 1em; margin-top: 10px; } .badges-part img { margin-right: 15px; } .badges-part { margin-bottom: 15px; } .badges-sp-footer { margin-top: 30px; margin-bottom: 20px; } } @media only screen and (max-width: 768px) { .badges-sp-footer, .row.new-footer23 { display: block; } .new-footer23 .col-md-3, .new-footer23 .col-md-9 { width: 100%; } .footer .wrapper { width: calc(100% - 20px); padding-left: 0; padding-right: 0; } .new-footer23 .col-md-3 p { font-family: "Area Normal Trial", sans-serif; font-size: 22px; font-weight: 400; line-height: 30px; text-align: left; } .logo-footer a, .logo-footer a img { width: 90% !important; } .new-footer23 .col-md-9 { padding-left: 10px !important; } .footer .new-footer23 a.book-demo, .footer .new-footer23 a.book-demo:hover { margin-top: 30px; margin-bottom: 30px; } .footer .row .top-col { border-top: 2px solid #35f; } .avenue { line-height: 34px; } .mc1, .mc2, .mc3, .mc4, .mc5, .mc6, .mc7, .mc8, .mc9, .mc10 { margin-top: 50px; } .bottom-footer { display: block; } .copy.text-right { display: flex !important; justify-content: space-between; flex-wrap: wrap; position: unset !important; flex-direction: row-reverse; align-items: center; } .copy.text-left { margin-bottom: 30px; } .copy.text-left p:first-child { margin-bottom: 25px; } } @media only screen and (max-width: 640px) and (min-width: 1px) { .footer .row .top-col { margin-bottom: 14px; padding-top: 24px; } .footer .logo-text .logo-text-p { font-size: 14px; } .footer { padding: 57px 0 20px; } .badges-part img { margin-right: 18px; margin-bottom: 10px; } .footer-badge-mobile { display: block !important; } .footer-badge-desktop { display: none !important; } } @media only screen and (max-width:457px) { .footer-btn-right { margin-top: 20px; } }