/* fill */ .list-features.b h1 a:before, .list-features.b h2 a:before, .list-features.b h3 a:before, .list-features.b h4 a:before, .list-features.b h5 a:before, .list-features.b h6 a:before, .nav-filters.mobile-compact.toggle > ul:before, .nav-filters.mobile-compact.toggle > ul.list-features a:before { content: ""; display: block; overflow: hidden; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; width: auto; height: auto; margin: 0; border-radius: 0; text-align: left; text-indent: -3000em; direction: ltr; } /* z:9 */ .list-features.b h1 a:before, .list-features.b h2 a:before, .list-features.b h3 a:before, .list-features.b h4 a:before, .list-features.b h5 a:before, .list-features.b h6 a:before, .list-features a:before { z-index: 8; } /* tr:n */ .menu-active #mobile-compact, [data-whatintent="mouse"] #footer-new > ul li a:hover:before, [data-whatintent="mouse"].theme-compact #root #nav > ul > li.btn > a:active:hover, [data-whatintent="mouse"].theme-contact #root #footer nav li.btn > a:active:hover, #root .link-btn a.link-switch:focus, [data-whatintent="mouse"].theme-compact #root #nav > ul > li:hover > ul, [data-whatintent="mouse"] .header-top ul a:hover:before, [data-whatintent="mouse"] button.compact:hover i, [data-whatintent="mouse"] #root figure > a:hover .icon-play, #root button:active, #root input[type="button"]:active, #root input[type="reset"]:active, #root input[type="submit"]:active, #root .list-btn a:active, [data-whatintent="mouse"] #nav > ul > li > a:hover:before, #nav > ul > li > a:active:before, #root .list-btn.a a:active:before, #root .semantic-select.active .ul, #root > .list-usp.toggle ~ .sticky, #root .list-profile a:active, #root .list-social a:active, #root #footer nav li.btn > a:active, #root #nav > ul > li.btn > a:active, #root .link-btn a:active, #top > form input:focus ~ button, .menu-active #mobile > .close:before, .menu-active #root #mobile > ul > li { transform: none; } /* icon */ .media-fixed > a.close:before, #mobile-compact .icon-error:after { display: block; position: absolute; left: 0; right: 0; top: 50%; margin: -10px 0 0; font-weight: 400; font-family: i; line-height: 20px; text-align: center; text-indent: 0; letter-spacing: normal; } /* show */ [data-whatintent="mouse"] .list-box li.link a:hover:before, [data-whatintent="mouse"] .check.panels li:hover:after, [data-whatintent="mouse"] #root .media-enlarge a:hover span.hover, [data-whatintent="mouse"] .input-copy a.copy:hover > span, .input-copy a.copy.copied2 > span, [data-whatintent="mouse"] #root .form-box .submit a:hover, [data-whatintent="mouse"] #root button.inline:hover, .fancybox-container.fancybox-is-open, .menu-active #mobile-compact, .scheme-tip.toggle > span, [data-whatintent="mouse"] .list-logo.box a:hover span, [data-whatintent="mouse"].theme-compact #root #nav > ul > li:hover > ul, .theme-compact #nav > ul > li.toggle > ul, #root .list-btn.a a:active:before, .semantic-select.active .ul, #root > .list-usp.toggle ~ .sticky, .header-top.toggle nav ul, [data-whatintent="mouse"] .nav-content li a:hover:after, #top > form input:focus ~ button, .menu-active #mobile, #root .module-wide .link-btn.sticky.scroll-to-fixed-fixed, [data-whatintent="mouse"] #root figure > a:hover .icon-play { visibility: visible; opacity: 1; } /* hide */ #root .module-sticky.toggle, .module-alert.position-top-left.removed, .module-alert.position-bottom-left.removed, .module-countdown.position-top-left.removed, .module-countdown.position-bottom-left.removed, .module-alert.position-top-right.removed, .module-alert.position-bottom-right.removed, .module-countdown.position-top-right.removed, .module-countdown.position-bottom-right.removed, #root .list-btn a:active:before, #root .list-profile a:active:after { visibility: hidden; opacity: 0; } /* td:u */ [data-whatintent="mouse"] .header-line > a:hover, [data-whatintent="mouse"] .form-filter > div > .s14 a:hover, [data-whatintent="mouse"] a.strong:hover, [data-whatintent="mouse"] .module-box .heading a:hover, [data-whatintent="mouse"] .module-box .list-plain a:hover, [data-whatintent="mouse"] .module-box h1 a:hover, [data-whatintent="mouse"] .module-box h2 a:hover, [data-whatintent="mouse"] .module-box h3 a:hover, [data-whatintent="mouse"] .module-box h4 a:hover, [data-whatintent="mouse"] .module-box h5 a:hover, [data-whatintent="mouse"] .module-box h6 a:hover, [data-whatintent="mouse"] .form-aside-sticky .form-box header a:hover, [data-whatintent="mouse"] .form-aside-wide .submit a:hover, [data-whatintent="mouse"] .form-aside-wide header a:hover, [data-whatintent="mouse"] .section-about p a:hover, [data-whatintent="mouse"] #root #footer-new a:hover, [data-whatintent="mouse"] .module-entries h1 a:hover, [data-whatintent="mouse"] .module-entries h2 a:hover, [data-whatintent="mouse"] .module-entries h3 a:hover, [data-whatintent="mouse"] .module-entries h4 a:hover, [data-whatintent="mouse"] .module-entries h5 a:hover, [data-whatintent="mouse"] .module-entries h6 a:hover, [data-whatintent="mouse"] .form-register a.show:hover, [data-whatintent="mouse"] .module-fixed a:hover, [data-whatintent="mouse"] .header-profile > ul li a:hover, [data-whatintent="mouse"] .form-register a.s14.strong:hover, [data-whatintent="mouse"].theme-compact.v1 #footer nav ul li a:hover, [data-whatintent="mouse"] .nav-pagination li a:hover, [data-whatintent="mouse"] .module-alert a:hover, [data-whatintent="mouse"] .form-aside header p a:hover, /*[data-whatintent="mouse"] .s16 a:hover,*/ [data-whatintent="mouse"].theme-compact #root #nav > ul > li > a:hover, [data-whatintent="mouse"] .ais-Pagination-list li a:hover, [data-whatintent="mouse"] .list-title a:hover, [data-whatintent="mouse"] .module-note:hover h1, [data-whatintent="mouse"] .module-note:hover h2, [data-whatintent="mouse"] .module-note:hover h3, [data-whatintent="mouse"] .module-note:hover h4, [data-whatintent="mouse"] .module-note:hover h5, [data-whatintent="mouse"] .module-note:hover h6, [data-whatintent="mouse"] .module-note p a:hover, [data-whatintent="mouse"] .header-article a:hover, [data-whatintent="mouse"] .form-featured footer ul a:hover, [data-whatintent="mouse"] .list-search h1 a:hover, [data-whatintent="mouse"] .list-search h2 a:hover, [data-whatintent="mouse"] .list-search h3 a:hover, [data-whatintent="mouse"] .list-search h4 a:hover, [data-whatintent="mouse"] .list-search h5 a:hover, [data-whatintent="mouse"] .list-search h6 a:hover, [data-whatintent="mouse"] .list-inline a:hover, [data-whatintent="mouse"] .form-sort .semantic-select ul li a:hover, [data-whatintent="mouse"] .list-box a:hover, [data-whatintent="mouse"] .module-entry .lead a:hover, [data-whatintent="mouse"] .module-entry h1 a:hover, [data-whatintent="mouse"] .module-entry .heading a:hover, [data-whatintent="mouse"] .module-entry h2 a:hover, [data-whatintent="mouse"] .module-entry h3 a:hover, [data-whatintent="mouse"] .module-entry h4 a:hover, [data-whatintent="mouse"] .module-entry h5 a:hover, [data-whatintent="mouse"] .module-entry h6 a:hover, [data-whatintent="mouse"] #footer a:hover, [data-whatintent="mouse"] .header-top nav ul ul a:hover, [data-whatintent="mouse"] .nav-breadcrumbs li a:hover, #footer > p a, [data-whatintent="mouse"] .list-news.related a:hover { text-decoration: underline; } /* td:n */ [data-whatintent="mouse"] #root #footer-new > ul li a:hover, [data-whatintent="mouse"] #root #footer nav li.btn > a:hover, [data-whatintent="mouse"] .scheme-tip > span a:hover, [data-whatintent="mouse"] .scheme-tip > a:hover, [data-whatintent="mouse"] #footer > p a:hover, [data-whatintent="mouse"] a:hover { text-decoration: none; } /* cu:d */ .list-quiz input[type="radio"]:checked ~ label:before, .check input[type="radio"]:checked ~ label:before, #root .ais-Pagination-list .ais-Pagination-item--selected a, #nav > ul > li.active *, .active:not(.owl-item) *, [disabled], .disabled, .semantic-select ul li.active a, .semantic-select ul li a.active { cursor: default; } /* 44p */ .acordion-a summary:after { content: ""; display: block; position: absolute; left: 50%; top: 50%; right: auto; bottom: auto; z-index: 8; width: 100%; min-width: 44px; height: 100%; min-height: 44px; margin: 0; padding: 0; box-shadow: none; border-radius: 0; border-width: 0; transform: translate(-50%, -50%); } :root { --media_fixed_w: 388px; } /*! Layout --------- */ #skip a:focus, #skip a:active { left: 0; } [data-whatintent="mouse"] #logo a:hover i { margin-left: 5px; } [data-whatintent="mouse"] #logo a:hover, [data-whatintent="mouse"].theme-compact #footer p:first-child a:hover { margin-left: -5px; color: var(--sinbad); font-size: 54px; } [data-whatintent="mouse"].theme-compact.v1 #footer p:first-child a:hover { margin-left: 0; } [data-whatintent="mouse"] #logo.img a:hover, [data-whatintent="mouse"] #logo.img a:hover img { margin: 0; } [data-whatintent="mouse"] .header-top nav li.sub:hover > a:before { transform: scaleX(0); } [data-whatintent="mouse"] .header-top nav li a:hover { padding-bottom: 10px; color: var(--sage); } [data-whatintent="mouse"] #root .header-top nav li.sub:hover > a { padding-bottom: 0; color: var(--coal); } [data-whatintent="mouse"] #nav > ul > li.btn > a:hover, [data-whatintent="mouse"] #root #footer nav li.btn > a:hover { box-shadow: 0 3px 6px rgba(0,0,0,.145); background: var(--btn_hov); color: var(--white); } [data-whatintent="mouse"] #nav > ul > li.btn > a.inv:hover, [data-whatintent="mouse"] #root #footer nav li.btn > a.inv:hover { background: var(--btn_def); color: var(--white); } [data-whatintent="mouse"] #nav > ul > li > a:hover img, [data-whatintent="mouse"] .list-usp a:hover img, [data-whatintent="mouse"] .scheme-box a:hover img { transform: scale(1.0508474576); } #root #nav > ul > li.btn > a:active, #root #footer nav li.btn > a:active, [data-whatintent="mouse"] #root #footer nav li.btn > a:active { background: var(--btn_foc); color: var(--white); } [data-whatintent="mouse"] #footer-new > ul li a:hover { color: var(--sage); line-height: 74px; } [data-whatintent="mouse"] #footer-new .list-contact li:hover i { background: var(--white); color: var(--mint); } [data-whatintent="mouse"] #root > .sticky .link-btn a:hover { color: var(--btn_hov); } #root > .sticky .link-btn a:active, [data-whatintent="mouse"] #root > .sticky .link-btn a:active { border-color: var(--press); background: var(--press); color: var(--btn_foc); } #root > .link-btn.sticky-desktop.a a:hover { border-color: var(--btn_hov); background: var(--btn_hov); } #root > .link-btn.sticky-desktop.a a:active { border-color: var(--btn_foc); background: var(--btn_foc); } [data-whatintent="mouse"] #announcement.has-ticker .outer > .inner:hover { animation-play-state: paused; } [data-whatintent="mouse"].theme-compact #root #nav > ul > li.btn > a:hover { margin: 7px 0 0; padding: 0 16px; color: var(--white) !important; text-decoration: none; letter-spacing: normal; } [data-whatintent="mouse"].theme-compact #root #nav > ul > li.btn > a:hover, [data-whatintent="mouse"].theme-contact #root #footer nav li.btn > a:hover { transform: translateY(-4px); } [data-whatintent="mouse"].theme-compact #root #nav > ul > li.btn > a:hover:after, [data-whatintent="mouse"].theme-contact #root #footer nav li.btn > a:hover:after { bottom: -4px; } /*! Modules --------- */ [data-whatintent="mouse"] #root .header-profile .link-btn a:hover { border-color: var(--mint); background: var(--mint); color: var(--white); } [data-whatintent="mouse"] #root .header-profile .link-btn a:hover .icon-star { transform: rotate(-360deg); } #root .header-profile .link-btn a:active { border-color: var(--gulf); background: var(--gulf); color: var(--white); } [data-whatintent="mouse"] .header-top nav li a:hover { line-height: 36px; } #root .header-top nav ul ul a:active { line-height: 1.4; } [data-whatintent="mouse"] .header-user li a:hover:before { background: var(--pickle); } [data-whatintent="mouse"] #root .module-alert a.close:hover, [data-whatintent="mouse"] .module-countdown a.close:hover { color: var(--leaf); } [data-whatintent="mouse"] #root .module-article-aside > header .nav-content a:hover { color: var(--mint); text-decoration: underline; } .module-aside > figure:before { pointer-events: none; } [data-whatintent="mouse"] .module-chat header > .close a:hover { color: var(--oslo); } [data-whatintent="mouse"] .module-chat header > .close a:hover:before { width: 42px; } [data-whatintent="mouse"] .module-chat footer form > .file .remove:hover { text-decoration: underline; } [data-whatintent="mouse"] .module-chat footer button:hover:before { padding-left: 14px; transform: scaleX(1.1); } [data-whatintent="mouse"] #root .module-chat footer .input-file label:hover { background: var(--mercury); transform: none; } [data-whatintent="mouse"] #root .module-chat footer .input-file label:hover:before { transform: scale(1.1111111111); } [data-whatintent="mouse"] a.module-chat-open:hover { padding-right: 45px; } [data-whatintent="mouse"] a.module-chat-open:hover:before { transform: scale(1.2222222222); } [data-whatintent="mouse"] .module-featured .list-cols li:hover:before { box-shadow: 0 4px 10px rgba(112,144,176,0.101); } [data-whatintent="mouse"] .module-featured .list-cols h1 a:hover, [data-whatintent="mouse"] .module-featured .list-cols h2 a:hover, [data-whatintent="mouse"] .module-featured .list-cols h3 a:hover, [data-whatintent="mouse"] .module-featured .list-cols h4 a:hover, [data-whatintent="mouse"] .module-featured .list-cols h5 a:hover, [data-whatintent="mouse"] .module-featured .list-cols h6 a:hover { color: var(--mint); text-decoration: underline; } #root .module-fixed button:active { color: var(--white); } [data-whatintent="mouse"] .module-note a:before { box-shadow: 0 8px 20px rgba(112,144,176,0.2); } [data-whatintent="mouse"] .module-note a:after { bottom: -5px; } .module-sticky.toggle { pointer-events: none; } [data-whatintent="mouse"] .module-wide .link-btn.sticky a.inv:hover { border-color: var(--mint); background: var(--white); color: var(--mint); } [data-whatintent="mouse"] .nav-breadcrumbs.plain ul > li:first-child a:hover, [data-whatintent="mouse"] .nav-breadcrumbs.plain ol > li:first-child a:hover { background: var(--mint); } [data-whatintent="mouse"] .nav-content li a:hover { background: var(--hc); } [data-whatintent="mouse"] .nav-content li a:hover:after { left: 48px; } [data-whatintent="mouse"] .nav-pagination li a:hover i.icon-arrow-left, [data-whatintent="mouse"] .header-profile > ul li a:hover i.icon-arrow-left { transform: translateX(-5px); } [data-whatintent="mouse"] .nav-pagination li a:hover i.icon-arrow-right, [data-whatintent="mouse"] .header-profile > ul li a:hover i.icon-arrow-right { transform: translateX(5px); } [data-whatintent="mouse"] .nav-filters .list-tags li:has(a[href="*"]):hover:after { color: var(--white); } /*! Content --------- */ [data-whatintent="mouse"] #root .header-top nav ul ul a:hover, [data-whatintent="mouse"] .module-entry .lead a:hover, [data-whatintent="mouse"] .module-entry h1 a:hover, [data-whatintent="mouse"] .module-entry h2 a:hover, [data-whatintent="mouse"] .module-entry .heading a:hover, [data-whatintent="mouse"] .module-entry h3 a:hover, [data-whatintent="mouse"] .module-entry h4 a:hover, [data-whatintent="mouse"] .module-entry h5 a:hover, [data-whatintent="mouse"] .module-entry h6 a:hover, [data-whatintent="mouse"] .form-sort .semantic-select ul li a:hover, [data-whatintent="mouse"] .list-inline a:hover, [data-whatintent="mouse"] .list-search h1 a:hover, [data-whatintent="mouse"] .list-search h2 a:hover, [data-whatintent="mouse"] .list-search h3 a:hover, [data-whatintent="mouse"] .list-search h4 a:hover, [data-whatintent="mouse"] .list-search h5 a:hover, [data-whatintent="mouse"] .list-search h6 a:hover, [data-whatintent="mouse"] .list-title a:hover, [data-whatintent="mouse"].theme-compact #root #nav > ul > li > a:hover, [data-whatintent="mouse"].theme-compact #nav > ul > li ul a:hover, [data-whatintent="mouse"].theme-compact #root #nav > ul > li:hover > a, [data-whatintent="mouse"].theme-compact.v1 #footer nav ul li a:hover, [data-whatintent="mouse"] #root .header-profile .link-btn a.inline:hover, [data-whatintent="mouse"] .form-filter .semantic-select .input:hover .ticker:before, [data-whatintent="mouse"] #footer-new .list-contact a:hover { color: var(--mint); --theme: var(--mint); } [data-whatintent="mouse"] #footer-new > ul li.inv a:hover { color: var(--coal); --theme: var(--coal); } [data-whatintent="mouse"] #root a.scheme-label.overlay-cerulean:hover { border-color: var(--downy); color: var(--downy); } [data-whatintent="mouse"] #root a.scheme-label.overlay-cerulean.full:hover { background: var(--downy); color: var(--white); } #root .link-btn a.overlay-plum:active { border-color: var(--plumer); background: var(--plumer); } #root .link-btn a.inv.overlay-mint:active, #root button.inv.overlay-mint:active { border-color: var(--mint); background: var(--mint); color: var(--white); } #root .link-btn a.overlay-a:active, #root .link-btn a.overlay-a.inv:active, [data-whatintent="mouse"] #root .link-btn a.overlay-a.inv:active, #root .module-entry.plain .list-entry li.link-btn a:active, [data-whatintent="mouse"] #root .module-entry.plain .list-entry li.link-btn a:active, [data-whatintent="mouse"] #root .link-btn a.overlay-a.inv:active, #root .module-featured.box .link-btn a:active { box-shadow: 0 1px 2px rgba(112,144,176,.4); border-color: var(--gulf); background: var(--gulf); color: var(--white); } /*! Links --------- */ [data-whatintent="mouse"] a:hover span.hover-hide { display: none; } [data-whatintent="mouse"] a:hover span.hover-show { display: inline; } [data-whatintent="mouse"] .link-btn a.overlay-a:hover, [data-whatintent="mouse"] .form-search button:hover { border-color: var(--fern); background: var(--fern); } [data-whatintent="mouse"] #root .link-btn a.overlay-gray.inline:hover { color: var(--alto); } [data-whatintent="mouse"] #root .link-btn a.overlay-gray:hover { border-color: var(--sage); background: var(--sage); color: var(--white); } [data-whatintent="mouse"] .link-btn a.overlay-plum:hover { border-color: var(--lavenda); background: var(--lavenda); } [data-whatintent="mouse"] .link-btn a.inv.overlay-mint:hover, [data-whatintent="mouse"] button.inv.overlay-mint:hover { border-color: var(--mint); background: rgba(154,214,194,.20); color: var(--mint) /*var(--white)*/; } [data-whatintent="mouse"] #root .link-btn a.overlay-a.inv:hover, [data-whatintent="mouse"] .module-entry.plain .list-entry li.link-btn a:hover, [data-whatintent="mouse"] .module-featured.box .link-btn a:hover { border-color: var(--fern); background: var(--fern); color: var(--white); } [data-whatintent="mouse"] #root .link-btn a.inline:hover { box-shadow: none; border-width: 0; background: none; text-decoration: underline; } [data-whatintent="mouse"] .link-btn a:hover i, [data-whatintent="mouse"] button:hover i { transform: translateX(-4px); } #root .link-btn a.compact:hover, #root .link-btn a.compact:hover i { transform: none; } [data-whatintent="mouse"] .link-btn a:hover .icon-arrow-right, [data-whatintent="mouse"] button:hover .icon-arrow-right { transform: translateX(8px); } [data-whatintent="mouse"] .link-btn a:hover i.icon-award-check, [data-whatintent="mouse"] button:hover i.icon-award-check, [data-whatintent="mouse"] .link-btn a:hover i.icon-award-check-empty, [data-whatintent="mouse"] button:hover i.icon-award-check-empty { transform: scale(1.3); } [data-whatintent="mouse"] #root .overlay-white .link-btn a.inv:has(.icon-bell):hover { color: var(--white); transform: none; } [data-whatintent="mouse"] #root .overlay-white .link-btn a.inv:has(.icon-bell):hover i { animation: shake 0.5s ease-in-out; transform: none; } [data-whatintent="mouse"] .link-chat a:hover { --tahiti: var(--orange); } [data-whatintent="mouse"] .link-chat a:hover:before, [data-whatintent="mouse"] .link-chat a:hover span { transform: translate(-3px, 3px); } [data-whatintent="mouse"] .link-chat a:not(.close):hover i { font-size: 32px; transform: translate(8px, -8px); } /*! Media --------- */ [data-whatintent="mouse"] #root figure a:hover .icon-play:before, [data-whatintent="mouse"] #root figure a:hover .icon-play:after { visibility: visible; opacity: 1; } [data-whatintent="mouse"] figure a:hover .icon-play.overlay-fuscia { font-size: 80px; } [data-whatintent="mouse"] figure a:hover .icon-play.overlay-fuscia:before, #root figure a:active .icon-play.overlay-fuscia:before { opacity: 1; } #root figure a:active .icon-play.overlay-fuscia { font-size: 120px; opacity: 1; transform: scale(0.9); } [data-whatintent="mouse"] figure a:hover .icon-play-inside:before { transform: scale(0.875); } [data-whatintent="mouse"] figure a:hover .icon-play-inside:after { transform: scale(1.1067961165); opacity: .9; } .media-fixed.toggle { position: fixed; right: var(--rpp); bottom: var(--rpp); z-index: 9; width: calc(100% - var(--rpp) * 2); max-width: var(--media_fixed_w); margin: 0; } .media-fixed.toggle img, .media-fixed.toggle iframe, .media-fixed.toggle video { border-radius: 8px; } .media-fixed.toggle > a.close { display: block; overflow: hidden; position: absolute; right: 6px; top: -11px; z-index: 9; width: 22px; height: 22px; box-shadow: 0 12px 10px rgba(0,0,0,.07); border-radius: 22px; background: var(--white); color: var(--coal); font-size: 8px; text-decoration: none; text-align: left; text-indent: -3000em; } .media-fixed.toggle > a.close:before { content: "\e902"; } .module-fixed.toggle { display: none; } .media-fixed.clone { visibility: hidden; opacity: 0; pointer-events: none; } html:has(.cols-grid .toggle-overlay) #top:after, html:has(.cols-grid .toggle-overlay) #footer-new:after, html:has(.cols-grid .toggle-overlay) #content:after { visibility: visible; opacity: .75; } html:has(.cols-grid .toggle-overlay) .cols-grid > aside > *:not([data-id]) { opacity: .25; pointer-events: none; } .cols-grid > aside { position: relative; z-index: 20; } /* hovers on arrows */ [data-whatintent="mouse"] #root .l4be.arrows-inv .owl-prev:hover, [data-whatintent="mouse"] #root .l4be.arrows-inv .owl-next:hover, [data-whatintent="mouse"] #root a:hover .icon-chevron-right.inv, [data-whatintent="mouse"] #root a:hover .icon-arrow-right.inv { background: rgba(142,202,182,.20); color: var(--white); } [data-whatintent="mouse"] #root .module-featured.welcome.wide .owl-nav button:hover { color: var(--white); --ar_bg: rgba(142,202,182,.20); } [data-whatintent="mouse"] #root .l4be .owl-prev:hover:after { padding-right: 4px; } [data-whatintent="mouse"] #root .l4be .owl-next:hover:after, [data-whatintent="mouse"] #root a:hover .icon-chevron-right.inv:before, [data-whatintent="mouse"] #root a:hover .icon-arrow-right.inv:before { padding-left: 4px; } [data-whatintent="mouse"] #root .module-featured.welcome.wide .owl-nav.owl-prev button:hover:after, [data-whatintent="mouse"] .module-featured.welcome.wide .owl-prev:hover:after { transform: translateX(-2px); } [data-whatintent="mouse"] #root .module-featured.welcome.wide .owl-nav.owl-next button:hover:after, [data-whatintent="mouse"] .module-featured.welcome.wide .owl-next:hover:after { transform: translateX(2px); } #root .l4be.arrows-inv .owl-prev:active, #root .l4be.arrows-inv .owl-next:active, #root a:active .icon-chevron-right.inv, #root a:active .icon-arrow-right.inv, #root .module-featured.welcome.wide .owl-nav button:active:before { background: var(--gulf) !important; color: var(--coal) !important; } #root .module-featured.welcome.wide .owl-nav button:active { color: var(--coal) !important; --ar_bg: var(--gulf) !important; } #root .module-featured.welcome.wide .owl-nav .owl-prev:active:after, #root .module-featured.welcome.wide .owl-nav .owl-next:active:after, #root .l4be .owl-prev:active:after, #root .l4be .owl-next:active:after, #root a:active .icon-chevron-right.inv:before, #root a:active .icon-arrow-right.inv:before { padding-left: 0 !important; padding-right: 0 !important; transform: scale(.8) !important; } /*! Lists --------- */ /*.l4bf {}*/ [data-whatintent="mouse"] .l4bf > li:hover .col ~ *, [data-whatintent="mouse"] #root .l4bf > li.align-top:hover > * { visibility: visible; opacity: 1; } [data-whatintent="mouse"] .l4bf > li:hover > figure:first-child:before { visibility: hidden; opacity: 0; } [data-whatintent="mouse"] .l4bf > li:hover > figure:first-child img { transform: none; } .l4bf > li > figure:after { visibility: hidden; background: var(--firefly); opacity: 0; } [data-whatintent="mouse"] .l4bf > li:hover > figure:first-child:after { visibility: visible; opacity: .9; } [data-whatintent="mouse"] .l4bf > li:hover > figure ~ h1, [data-whatintent="mouse"] .l4bf > li:hover > figure ~ h2, [data-whatintent="mouse"] .l4bf > li:hover > figure ~ h3, [data-whatintent="mouse"] .l4bf > li:hover > figure ~ h4, [data-whatintent="mouse"] .l4bf > li:hover > figure ~ h5, [data-whatintent="mouse"] .l4bf > li:hover > figure ~ h6 { margin-top: calc(-14px - var(--height)); transform: translateY(-100%); opacity: 0; } [data-whatintent="mouse"] .l4bf > li:hover > figure ~ p:not(.link-btn) { margin-top: calc(0px - var(--mr_main) - var(--height)); opacity: 0; } [data-whatintent="mouse"] #root .l4bf > li:hover .link-btn > a.overlay-white { box-shadow: none; border-color: rgba(255,255,255,0); background: rgba(255,255,255,0); } [data-whatintent="mouse"] .l4bf > li:hover .col > li:nth-child(1) img { transform: translateY(400%); } [data-whatintent="mouse"] .l4bf > li:hover .col > li:nth-child(2) img { transform: translateY(300%); } [data-whatintent="mouse"] .l4bf > li:hover .col > li:nth-child(3) img { transform: translateY(200%); } [data-whatintent="mouse"] .l4bf > li:hover .col > li:nth-child(4) img { transform: translateY(100%); } [data-whatintent="mouse"] .l4bf > li:has(>figure:first-child):hover { justify-content: center; } [data-whatintent="mouse"] .l4bf > li.align-top:hover > figure:last-child { transform: translateY(60%); } [data-whatintent="mouse"] .l4bf > li:hover .icons li:nth-child(1) { --ir: rotate(-65deg); --ir2: rotate(66deg); } [data-whatintent="mouse"] .l4bf > li:hover .icons li:nth-child(2) { --ir: rotate(-70deg); --ir2: rotate(66deg); } [data-whatintent="mouse"] .l4bf > li:hover .icons li:nth-child(3) { --ir: rotate(-82deg); --ir2: rotate(86deg); } #root .list-box li:has(>.module-aside) { transform: none; } .list-box.d figcaption .scheme-label { pointer-events: none; } [data-whatintent="mouse"] .list-box.d:not([id]) li:hover { transform: translateY(-10px); } [data-whatintent="mouse"] .list-box.d[id] li:hover { margin-top: -10px; margin-bottom: calc(var(--dist) + 10px); } /*[data-whatintent="mouse"] .list-box.d li:hover:after { border-color: var(--mint); }*/ [data-whatintent="mouse"] .list-box.a li.has-link:hover, [data-whatintent="mouse"] .list-gallery a:hover img, [data-whatintent="mouse"] .list-gallery a:hover .img, [data-whatintent="mouse"] .list-profile a:hover, [data-whatintent="mouse"] aside .list-profile a:hover, [data-whatintent="mouse"] .list-social a:hover, [data-whatintent="mouse"] .input-copy a.copy:hover:before, [data-whatintent="mouse"] .check.panels li:hover, [data-whatintent="mouse"] .module-note:hover, [data-whatintent="mouse"].theme-compact.v1 #root #nav > ul > li > a:hover, [data-whatintent="mouse"] #nav > ul > li.btn > a:hover, [data-whatintent="mouse"] #root #footer nav li.btn > a:hover, [data-whatintent="mouse"].theme-compact.v1 #footer nav ul li a:hover { transform: translateY(-3px); } [data-whatintent="mouse"] .list-box.a li.has-link:hover:after { bottom: -5px; } [data-whatintent="mouse"] .module-wide .list-box.a li.has-link:hover { color: var(--coal); } [data-whatintent="mouse"] .module-wide .list-box.a li.has-link:hover:before { background: var(--white); } [data-whatintent="mouse"] #root .list-box .owl-nav button:hover { background: none; transform: scale(1.15); } [data-whatintent="mouse"] #root .list-box .owl-nav button.owl-prev:hover:after { transform: translateX(-2px); } [data-whatintent="mouse"] #root .list-box .owl-nav button.owl-next:hover:after { transform: translateX(2px); } [data-whatintent="mouse"] #root .list-box .owl-nav button:hover:before { opacity: .2; } [data-whatintent="mouse"] #root .aal-list-box li[class*="step-"] .link-btn a.inline:hover, [data-whatintent="mouse"] #root .aal-list-box li[class*="step-"] .check a:hover { text-decoration: none; } [data-whatintent="mouse"] #root .check.panels.aal-check-panels li:hover label:before { content: ""; } .list-box.da figure img { transform-origin: center 0; } [data-whatintent="mouse"] .list-box.da li:hover figure img { transform: scale(1.1); } [data-whatintent="mouse"] .list-box-inline h1 a:hover, [data-whatintent="mouse"] .list-box-inline h2 a:hover, [data-whatintent="mouse"] .list-box-inline h3 a:hover, [data-whatintent="mouse"] .list-box-inline h4 a:hover, [data-whatintent="mouse"] .list-box-inline h5 a:hover, [data-whatintent="mouse"] .list-box-inline h6 a:hover { text-decoration: underline; } [data-whatintent="mouse"] .list-btn a:hover { box-shadow: 0 8px 20px rgba(112,144,176,.2); background: var(--fern); transform: translateY(-3px); } [data-whatintent="mouse"] .list-btn a:hover:before { right: 18px; } [data-whatintent="mouse"] .list-btn a:hover:after { bottom: -3px; } [data-whatintent="mouse"] .list-btn a:active, #root .list-btn a:active { box-shadow: none; background: var(--gulf); color: var(--aca); } #root .list-btn.a a:active { box-shadow: 0 1px 2px rgba(112,144,176,0.4); background: var(--press); } #root .list-btn a:active:after, #root link-btn a:active:before, #root button:active:before { bottom: 0; } #root .list-btn a:active:before { transform: translate(150%) scale(1.75, 1); } [data-whatintent="mouse"] .list-btn.a a:hover { box-shadow: 0 8px 20px rgba(112,144,176,0.2); background: var(--white); } [data-whatintent="mouse"] .list-btn.c a:hover { box-shadow: none; border-color: var(--smoke); background: var(--white); } [data-whatintent="mouse"] .list-btn.c a:active, #root .list-btn.c a:active { box-shadow: none; border-color: var(--smoke); background: var(--white); color: var(--coal); } [data-whatintent="mouse"] #root .list-chat p .link-btn a:hover i.icon-trash, [data-whatintent="mouse"] #root .list-chat figure .link-btn a:hover i.icon-trash { transform: scale(1.11111111); } [data-whatintent="mouse"] .list-chat p .link-btn a.overlay-cerulean:hover { border-color: var(--cerulean); background: var(--cerulean); color: var(--white); } [data-whatintent="mouse"] .list-chat p .link-btn a.overlay-wine:hover { border-color: var(--wine); background: var(--wine); color: var(--white); } [data-whatintent="mouse"] .list-events h1 a:hover, [data-whatintent="mouse"] .list-events h2 a:hover, [data-whatintent="mouse"] .list-events h3 a:hover, [data-whatintent="mouse"] .list-events h4 a:hover, [data-whatintent="mouse"] .list-events h5 a:hover, [data-whatintent="mouse"] .list-events h6 a:hover, [data-whatintent="mouse"] .list-events .heading a:hover { text-decoration: underline; } [data-whatintent="mouse"] #root .list-events .link-btn a:hover i.icon-logout:after { transform-origin: 100% center; transform: scaleX(.7); } [data-whatintent="mouse"] #root .list-events .link-btn a:hover i.icon-stop, [data-whatintent="mouse"] .popup-a .box-inset > footer .link-btn a:hover .icon-stop { transform: rotate(-90deg); } [data-whatintent="mouse"] .list-features.b li:hover:after, [data-whatintent="mouse"] .list-reviews.box.ba li:hover:before { left: 0%; } [data-whatintent="mouse"] .list-features.b.bb li:hover:after { visibility: visible; opacity: .25; } [data-whatintent="mouse"] .list-features h1 a:hover .icon-arrow-right, [data-whatintent="mouse"] .list-features h2 a:hover .icon-arrow-right, [data-whatintent="mouse"] .list-features h3 a:hover .icon-arrow-right, [data-whatintent="mouse"] .list-features h4 a:hover .icon-arrow-right, [data-whatintent="mouse"] .list-features h5 a:hover .icon-arrow-right, [data-whatintent="mouse"] .list-features h6 a:hover .icon-arrow-right { transform: translateX(20px); } .list-features[data-control] + .list-plain:has(li.hover) li { display: none; } #root .list-features[data-control] + .list-plain li.hover { display: block; } [data-whatintent="mouse"] .list-gallery a:hover i.icon-resize:before { left: -3px; top: -3px; } [data-whatintent="mouse"] .list-gallery a:hover i.icon-resize:after { right: -3px; bottom: -3px; } /*[data-whatintent="mouse"] .list-gallery a:hover:after { bottom: -3px; }*/ [data-whatintent="mouse"] .list-hr li > a:hover:after { background: var(--gallery); } [data-whatintent="mouse"] .list-hr li:nth-child(2n) > a:hover:after { background: var(--cloudy); } /*.list-icon.a {}*/ [data-whatintent="mouse"] #root .list-icon.a a:hover i { background: var(--i_bg_h); } #root .list-icon.a a:active { --i_bg: var(--white); } #root .list-icon.a a:active i { border-color: var(--i_bc_h); background: var(--white) !important; } [data-whatintent="mouse"] .list-logo a:hover img { transform: scale(1.05); } [data-whatintent="mouse"] .list-logo.box a:hover img { -webkit-filter: blur(30px); filter: blur(30px); } [data-whatintent="mouse"] .list-btn a:hover:after, [data-whatintent="mouse"] .list-quiz label:hover:before { bottom: -6px; } [data-whatintent="mouse"] .list-programms li:hover > figure img { transform: scale(1.1); } [data-whatintent="mouse"] .list-programms h1 a:hover, [data-whatintent="mouse"] .list-programms h2 a:hover, [data-whatintent="mouse"] .list-programms h3 a:hover, [data-whatintent="mouse"] .list-programms h4 a:hover, [data-whatintent="mouse"] .list-programms h5 a:hover, [data-whatintent="mouse"] .list-programms h6 a:hover { text-decoration: underline; } [data-whatintent="mouse"] .list-profile a:hover:before, [data-whatintent="mouse"] .list-social a:hover:before { box-shadow: 0 8px 20px rgba(112,144,176,.2); } [data-whatintent="mouse"] .list-profile a:hover:after { right: 17px; } #root .list-profile a:active:before, #root .list-social a:active:before { box-shadow: 0 1px 2px rgba(112,144,176,.4); background: var(--press); } #root .list-profile a:active:after { right: 0; } [data-whatintent="mouse"] #root .list-ribbon .overlay-azure a:hover { background: var(--azure); color: var(--white); } [data-whatintent="mouse"] #root .list-ribbon .overlay-salmon a:hover { background: var(--salmon); color: var(--white); } [data-whatintent="mouse"] #root .list-ribbon .overlay-algae a:hover { background: var(--algae); color: var(--white); } [data-whatintent="mouse"] #root .list-ribbon .overlay-tango a:hover { background: var(--tango); color: var(--white); } [data-whatintent="mouse"] #root .list-ribbon .overlay-biscay a:hover { background: var(--biscay); color: var(--white); } [data-whatintent="mouse"] #root .list-ribbon .overlay-royal a:hover { background: var(--royal); color: var(--white); } [data-whatintent="mouse"] #root .list-ribbon li[class*="overlay"] a:hover { color: var(--white); } [data-whatintent="mouse"] #root .list-tags.a li:has(a):hover a, #root .list-tags.a li a.clicked { color: var(--mint); } [data-whatintent="mouse"] #root .list-tags.a li:has(a):hover:before, #root .list-tags.a li:has(a.clicked):before { border-color: var(--coal); background: var(--coal); } [data-whatintent="mouse"] .list-title a:hover:before { left: 5px; } [data-whatintent="mouse"].list-usp a:hover i { left: 21px; color: var(--magenta); } [data-whatintent="mouse"] #root .list-usp li.text-right a:hover { color: inherit; } /*! Tables --------- */ /*table.sortable thead th:not(.no-sort) { cursor: pointer; }*/ .table-compare .th > div { position: absolute; right: 0; top: calc(100% + 22px); width: 300px; background: linear-gradient(to right, #1B2737 0%, #20334D 100%); } .table-compare .th > div, .nav-filters.mobile-compact > div { padding: 22px 30px 30px; border-radius: 8px; border: 1px solid var(--coal); color: var(--white); font-size: 16px; } .table-compare .th.toggle > div { display: block; } .table-compare .th > div .list-tags a[href="*"] { color: var(--smoke); } .table-compare .th > div .check { --dist: 26px; } #root .table-compare .th > div .list-tags.check, #root .table-compare .th > div .list-tags.check li:last-child { margin-bottom: 0; } .table-compare .th > div .check:has([data-sort-by]) { --dist: 36px; } #root .table-compare .list-tags.check, #root .nav-filters.mobile-compact .list-tags.check { margin-top: 0; margin-bottom: 22px; --fg: var(--white); } .table-compare .list-tags { pointer-events: none; } .table-compare .list-tags a { pointer-events: auto; } #root .table-compare .list-tags.check li, #root .nav-filters.mobile-compact .list-tags.check li { padding: 0; } .table-compare .list-tags.check li:before, .table-compare .list-tags.inline li:has(a[href="*"]):after, .nav-filters.mobile-compact .list-tags.check li:before, .nav-filters.mobile-compact .list-tags.inline li:has(a[href="*"]):after { display: none; } .table-compare .list-tags.check a, .nav-filters.mobile-compact .list-tags.check a { display: block; position: relative; padding-left: 50px; } .table-compare .list-tags.check a:before, .nav-filters.mobile-compact .list-tags.check a:before { position: absolute; left: 0; top: 50%; width: 30px; height: 30px; margin-top: -15px; border-radius: 4px; border: 1px solid var(--input_bd); background: var(--input_bg); color: var(--elm); font-family: i; font-size: 14px; line-height: 28px; text-align: center; text-indent: 0; } .table-compare .list-tags.check a.clicked:before, .nav-filters.mobile-compact .list-tags.check a.clicked:before { content: "\e919"; } .table-compare .list-tags.check a[data-sort-by]:before, .nav-filters.mobile-compact .list-tags.check a[data-sort-by]:before { border-radius: 99px; } .table-compare .list-tags.check a.clicked[data-sort-by]:before, .nav-filters.mobile-compact .list-tags.check a.clicked[data-sort-by]:before { content: ""; box-shadow: inset 2px 2px 0 var(--porcelain), inset -2px 2px 0 var(--porcelain), inset 0 3px 0 var(--porcelain), inset 2px -2px 0 var(--porcelain), inset -2px -2px 0 var(--porcelain), inset 0 -3px 0 var(--porcelain), inset 3px 0 0 var(--porcelain), inset -3px 0 0 var(--porcelain); border-color: var(--mint); background: var(--mint); } .table-compare .list-tags.inline, .nav-filters.mobile-compact .list-tags.inline { display: flex; margin-bottom: 8px; font-size: 16px; justify-content: space-between; align-items: baseline; --fg: var(--white); } .table-compare .list-tags.inline li:has(a[href="*"]), #root .nav-filters.mobile-compact .list-tags.inline li:has(a[href="*"]) { font-size: 14px; --fg: var(--smoke); } /*! Forms --------- */ :focus::-webkit-input-placeholder { opacity: 0; } :focus:-ms-input-placeholder { opacity: 0; } :focus::-ms-input-placeholder { opacity: 0; } :focus::placeholder { opacity: 0; } [data-whatintent="mouse"] input:not([readonly]):hover, [data-whatintent="mouse"] select:not([readonly]):hover, [data-whatintent="mouse"] textarea:not([readonly]):hover, [data-whatintent="mouse"] .semantic-select .input:hover, [data-whatintent="mouse"] .check label:hover:before { box-shadow: inset 1px 1px 0 var(--mint), inset -1px 1px 0 var(--mint), inset -1px -1px 0 var(--mint), inset 1px -1px 0 var(--mint); border-color: var(--mint); } [data-whatintent="mouse"] .check input[type="radio"] ~ label:hover:before { box-shadow: none; } [data-whatintent="mouse"] select:hover, [data-whatintent="mouse"] .semantic-select .input:hover { background-position: 100% calc(50% + 3px); } select:focus, .semantic-select.active .input { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCA2LjEiPjxwYXRoIGZpbGw9IiM4ZWNhYjYiIGQ9Ik0wIDQuN2wxLjQgMS40IDMuMy0zLjNMOCA2LjFsMS40LTEuNEw0LjcgMHoiLz48L3N2Zz4=); } #root select:focus { background-position: 100% 50%; } [data-whatintent="mouse"] button:hover, [data-whatintent="mouse"] input[type="button"]:hover, [data-whatintent="mouse"] input[type="reset"]:hover, [data-whatintent="mouse"] input[type="submit"]:hover, [data-whatintent="mouse"] .link-btn a:hover, [data-whatintent="mouse"] #root .module-alert.inv .link-btn a:hover, [data-whatintent="mouse"] .link-btn a.inv:hover, [data-whatintent="mouse"] #root .module-alert.overlay-aqua .link-btn a:hover, [data-whatintent="mouse"] .list-btn.b a:hover, [data-whatintent="mouse"] .input-copy a.copy:hover, [data-whatintent="mouse"] .check.panels.panels-b label:hover { box-shadow: 0 8px 20px rgba(112,144,176,.2); border-color: var(--btn_hov); background: var(--btn_hov); color: var(--white); transform: translateY(-3px); } [data-whatintent="mouse"] .link-btn a:hover:before, [data-whatintent="mouse"] button:hover:before { bottom: -4px; } [data-whatintent="mouse"] .semantic-select .input:hover .ticker:before { padding-top: 2px; } [data-whatintent="mouse"] .semantic-select .input:hover .ticker > .t1 { transform: translateY(5px); } [data-whatintent="mouse"] .semantic-select .input:hover .ticker > .t2 { transform: translateY(-5px); } [data-whatintent="mouse"] #root .check.box input:not(:checked) ~ label:hover { cursor: pointer; transform: translateY(-3px); } [data-whatintent="mouse"] #root .check.box input:not(:checked) ~ label:hover:before { background: var(--mint); } [data-whatintent="mouse"] #root .check.panels li:hover label:before { content: "\e919"; } [data-whatintent="mouse"] #root .check.rating:hover label:before { content: "\e95c"; } [data-whatintent="mouse"] #root .check.rating:hover label:hover ~ label:before { content: "\e9a0"; } [data-whatintent="mouse"] #root ul.check.strong label:hover:before { content: "\e959"; color: var(--swans); } [data-whatintent="mouse"] #root .input-file label:hover i.icon-upload:after { top: -3px; } [data-whatintent="mouse"] #root .input-file label:hover { background: var(--orchid); color: var(--white); transform: translateY(-3px); } .form-box.d select:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 16.3 9.3' viewBox='0 0 16.3 9.3'%3E%3Cpath d='M.4 8.9c.3.3.6.4 1 .4s.8-.1 1-.4l5.7-5.6 5.7 5.6c.3.3.6.4 1 .4s.8-.1 1-.4.4-.6.4-1-.1-.7-.4-1L9.2.4C9.1.3 8.9.2 8.7.1 8.6 0 8.4 0 8.2 0s-.4 0-.6.1c-.2 0-.3.1-.5.3L.4 6.9c-.3.3-.4.6-.4 1s.1.8.4 1z'/%3E%3C/svg%3E"); } #root .form-filter:not(.c) select:focus { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCA2LjEiPjxwYXRoIGZpbGw9IiMyZTQwNTkiIGQ9Ik0wIDQuN2wxLjQgMS40IDMuMy0zLjNMOCA2LjFsMS40LTEuNEw0LjcgMHoiLz48L3N2Zz4=); } [data-whatintent="mouse"] .form-filter input + label:hover:before { bottom: -5px; } [data-whatintent="mouse"] .form-filter input + label:hover { --input_bd: var(--mint); } [data-whatintent="mouse"] .form-quiz.b .check:not(.box) label:hover:before { content: "\e919"; box-shadow: none; border-color: var(--mint); } [data-whatintent="mouse"] .form-quiz.b .check:not(.box) input[type="radio"] ~ label:hover:before { content: ""; } .form-register .module-box select:focus { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCA2LjEiPjxwYXRoIGZpbGw9IiM3MDcwNzAiIGQ9Ik0wIDQuN2wxLjQgMS40IDMuMy0zLjNMOCA2LjFsMS40LTEuNEw0LjcgMHoiLz48L3N2Zz4=); } #root .form-register .module-box button:active { border-color: var(--orchid); background: var(--orchid); } [data-whatintent="mouse"] .form-search .list-inline a:hover:before, [data-whatintent="mouse"] .form-tabs .list-inline a:hover:before { right: 2px; } #root .form-search button:active { border-color: var(--gulf); background: var(--gulf); color: var(--white); } .form-sort select:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 35 19.5'%3E%3Cpath fill='%238ecab6' d='M12.8 4.5l-1.1-1.1-5.3 5.3-5.3-5.3L0 4.5l5.3 5.3L0 15.1l1.1 1.1 5.3-5.3 5.3 5.3 1.1-1.1-5.3-5.3z'/%3E%3C/svg%3E"); } [data-whatintent="mouse"] .form-sort .link-btn a:hover, #root .form-sort .link-btn a:active { border-color: var(--mint); background: var(--mint); color: var(--white); } [data-whatintent="mouse"] .form-sort .link-btn a:hover i { transform: scale(1.2222222222); } /*! Helpers --------- */ .list-box .owl-nav button:before, .list-box .owl-nav button:after, .list-box .owl-nav button, .list-features.b li:after, .list-reviews.box.ba li:before, .link-btn a i:before, .link-btn a i:after, button i:before, button i:after, .list-title a:before, .header-profile > ul i, .list-title.a, #mobile-compact, .module-alert, .list-title.a + *, .list-logo.box img, .module-countdown, .theme-compact #nav > ul > li ul, #nav > ul > li > a, #nav > ul > li > a:before, #nav > ul > li > a img, #logo a, #top > form button, #mobile > ul > li, #mobile, #mobile > .close, #mobile > .close:before, .list-usp img, .list-usp a, .list-usp i, .list-usp spazmn, .list-usp, .list-usp ~ #footer, #top, #content, #footer, .list-btn a, .list-btn a:after, .list-btn a:before, button, input[type="button"], input[type="reset"], input[type="submit"], .link-btn a, .nav-content li a:after, .header-top ul a, .header-top ul a:before, .header-top nav li.sub > a:after, .header-top nav p, .header-top nav p a:before, .header-top nav ul, .link-btn a i, button i, .list-profile a, .list-profile a:after, .list-profile a:before, .semantic-select .ticker > *, .semantic-select .ticker > *:before, .semantic-select .ticker > *:after, .semantic-select .ul, .form-search .list-inline a:before, select, .semantic-select .input, .semantic-select .ticker:before, .semantic-select ul li a, .semantic-select .ticker:before, .module-note a:before, .module-note, .module-note a:after, .ui-autocomplete, .ui-autocomplete li, .form-tabs .list-inline a:before, .scheme-box img, #logo a i, .theme-compact #root #nav > ul > li.sub > a:after, .theme-compact #footer p:first-child a, .theme-compact #root #nav > ul > li.btn > a, #root #footer nav li.btn > a, .list-social a, .list-social a:before, .scheme-tip > span, .theme-compact.v1 #root #nav > ul > li > a, .theme-compact.v1 #footer nav ul li a:hover, .nav-pagination li i, .input-file label, .input-file label i:before, .input-file label i, .input-file label i:after, .header-user li a, .header-user li a:before, .header-user i, .header-user i:before, .header-user i:after, .form-filter .semantic-select .input, .form-filter input + label, .form-filter input + label:before, .module-box-sticky, figure .icon-play, figure .icon-play:before, figure .icon-play:after, #footer-new > ul a, #footer-new > ul a:before, #footer-new, #logo img, .list-box.a li.has-link, .list-box.a li.has-link:before, .list-box.a li.has-link:after, .list-gallery a, .list-gallery a i:after, .list-gallery a i:before, .list-gallery img, .list-gallery .img, .list-quiz label, .list-quiz label:before, .list-quiz label:before, .form-filter .semantic-select .input, .form-filter label, .list-programms li > figure img, .check.box label:before, .check.box label, .input-copy a.copy, .input-copy a.copy:before, .input-copy a.copy > span, .media-enlarge span.hover, .check.panels li, .check.panels li:after, .list-logo img, .list-box li.link a:before, .link-chat a, .link-chat a:before, .link-chat a *, .check.panels.panels-b label, .check.drop > a:before, .module-fixed.a, figure .icon-play-inside:before, figure .icon-play-inside:after, .l4be .owl-prev:after, .l4be .owl-next:after, .icon-chevron-right.inv:before, .icon-arrow-right.inv:before, .module-featured.welcome.wide .owl-nav button:after, .l4be li, .l4be li:before, .list-box.d li, .list-box.d:not([id]) li, .list-box.da figure img, .list-features .icon-arrow-right { transition-property: all; transition-duration: 0.3s; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-delay: -.1s; } select, .semantic-select .input { transition-property: background-position; } .semantic-select ul li a { transition-property: padding; } #footer-new { transition-property: margin-bottom; } .list-box.d li { transition-property: margin; } .list-usp img, .list-usp i, .list-usp span, .link-chat a, .link-chat a:before, .link-chat a *, .list-btn a:active:before, .list-features.b li:after, .list-box .owl-nav button:before, .list-box .owl-nav button, .list-box .owl-nav button:after, .list-reviews.box.ba li:before { transition-duration: .5s; } figure .icon-play { transition-duration: .5s; transition-timing-function: ease; } .header-top nav ul ul a, .header-top nav li.sub > a.toggle, .theme-compact #root #nav > ul > li > a, #root .link-btn a.disabled, #root .link-btn.disabled a { transition: none; } #mobile, #mobile em, #mobile li:after, #mobile-compact, #mobile-compact em { display: none; } /*! Animations --------- */ @keyframes shake { 0% { transform: rotate(0deg); } 20% { transform: rotate(-10deg); } 40% { transform: rotate(10deg); } 60% { transform: rotate(-10deg); } 80% { transform: rotate(10deg); } 100% { transform: rotate(0deg); } } /*! Outlines --------- */ [data-whatinput="keyboard"] a:focus, [data-whatinput="keyboard"] button:focus, [data-whatinput="keyboard"] input:focus, [data-whatinput="keyboard"] select:focus, [data-whatinput="keyboard"] textarea:focus { outline-width: 2px; outline-style: solid; } [data-whatintent="mouse"] input:focus, [data-whatintent="mouse"] select:focus, [data-whatintent="mouse"] textarea:focus { outline: none; } /*! Responsive --------- */ @media only screen and (max-width: 1000px) { [data-whatintent="mouse"] #nav > ul > li > a:hover { padding-bottom: 6px; } } @media only screen and (min-width: 761px) and (max-width: 1000px) { :root { --media_fixed_w: min(388px, calc(50vw - var(--rpp) * 1.5)); } .module-fixed.a { max-width: var(--media_fixed_w); } } @media only screen and (min-width: 761px) { html[style*="--module-fixed_h"] .media-fixed.toggle { bottom: calc(var(--module-fixed_h) + var(--rpp) * 2); } html[style*="--module-fixed_h"] #root:has(.module-fixed.a.toggle) .media-fixed.toggle { bottom: var(--rpp); } html:not([style*="--module-fixed_h"]) #root:has(.media-fixed.toggle) > .module-fixed.a { display: none; } } @media only screen and (max-width: 760px) { #mobile { display: block; overflow-x: hidden; overflow-y: auto; visibility: hidden; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 21530; padding: 12vh 35px .1px 15px; background: rgba(38,54,75,.88); color: var(--white); font-weight: 700; font-family: var(--font_headers); line-height: 1.5; text-align: right; letter-spacing: 0.01em; opacity: 0; } #mobile, #mobile > ul { display: flex; flex-direction: column; align-items: stretch; } #mobile > ul { position: relative; z-index: 2; list-style: none; height: 100%; max-height: 720px; margin: 0; padding: 0; flex-direction: row; flex-wrap: wrap; } #mobile > ul > li { overflow: hidden; position: relative; width: 100%; margin: 0; font-size: 20px; flex-grow: 3; } #mobile > ul > li:nth-child(10n-9) { transform: translateY(-15px); } #mobile > ul > li:nth-child(10n-8) { transform: translateY(-30px); } #mobile > ul > li:nth-child(10n-7) { transform: translateY(-45px); } #mobile > ul > li:nth-child(10n-6) { transform: translateY(-60px); } #mobile > ul > li:nth-child(10n-5) { transform: translateY(-75px); } #mobile > ul > li:nth-child(10n-4) { transform: translateY(-90px); } #mobile > ul > li:nth-child(10n-3) { transform: translateY(-105px); } #mobile > ul > li:nth-child(10n-2) { transform: translateY(-120px); } #mobile > ul > li:nth-child(10n-1) { transform: translateY(-135px); } #mobile > ul > li:nth-child(10n-0) { transform: translateY(-150px); } #mobile > ul > li > a { display: block; overflow: hidden; position: relative; padding: 10px 0; color: var(--white); text-decoration: none; } #mobile > ul > li > a i { display: inline-block; position: relative; top: .1em; margin: 0 10px 0 0; font-size: 1em; line-height: 1px; } #mobile > ul > li.text-uppercase { font-size: 16px; letter-spacing: normal; } #mobile > ul > li.text-uppercase > a { padding-top: 2px; color: var(--mint); } #mobile > ul > li.text-right { font-size: 13px; } #mobile > ul > li.text-right > a { padding-bottom: 9px; display: flex; flex-direction: column; align-items: flex-end; } #mobile > ul > li.text-right .img { display: block; width: 100%; max-width: 262px; margin: 8px 0 0; padding: 6px; background: var(--white); display: flex; justify-content: center; align-items: center; } #mobile > ul > li.btn { padding-top: 11px; padding-bottom: 35px; } #root #mobile > ul > li.btn > a { float: right; padding: 18px; border-radius: 3px; border: 1px solid var(--btn_def); background: var(--btn_def); color: var(--white); font-size: 16px; line-height: 1.2; text-transform: uppercase; text-align: center; letter-spacing: normal; } #root #mobile > ul > li.btn > a + a { margin-top: 20px; } #root #mobile > ul > li.btn > a.inv { background: none; color: var(--btn_def); } #root #mobile > ul > li.btn .overlay-mint { --btn_def: var(--mint); --btn_foc: var(--mint); } #root #mobile > ul > li.btn > a i { display: block; top: 0; line-height: 1; } #root #mobile > ul > li.btn > a i.icon-arrow-right { margin: 0 0 0 10px; } #mobile > .close { display: block; position: absolute; right: 0; top: 0; z-index: 1; height: 11vh; padding: 0 58px 0 0; color: var(--mint); font-size: 14px; line-height: 11vh; text-transform: uppercase; text-decoration: none; letter-spacing: 0.01em; opacity: 1; transform: translateX(35px); } #mobile > .close:before { content: "\e902"; left: auto; right: 35px; font-size: 11px; transform: scale(0) rotate(720deg); } .menu-active #mobile > .close { transform: translateX(0); } #mobile-compact { display: block; visibility: hidden; position: absolute; right: 0; top: 100%; width: 250px; padding: 13px 0 19px; background: var(--coal); text-align: right; opacity: 0; transform: translateX(50px); } #mobile-compact > ul { list-style: none; margin: 0; padding: 0; } #mobile-compact > ul > li { margin: 0; font-size: 14px; } #mobile-compact > ul > li > a { display: block; padding: 18px var(--rpp); color: var(--white); font-weight: 700; text-transform: uppercase; text-decoration: none; } .menu-active #root { height: 100vh; } .menu-active, .menu-active body, .menu-active #root { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 2; } html.menu-active:not(.theme-caypho) #root > *:not(#mobile) { -webkit-filter: blur(12px); filter: blur(12px); } .menu-active body > figure { z-index: 1; } #root #top ~ * { transition-property: all; transition-duration: 0.3s; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-delay: -.1s; } .menu-active.theme-compact.v1 #root { height: auto; } .menu-active.theme-compact.v1, .menu-active.theme-compact.v1 body, .menu-active.theme-compact.v1 #root { position: relative; } .menu-active.theme-compact.v1 #root > * { -webkit-filter: none; filter: none; } .theme-compact #mobile { background: rgba(38,54,75,.48); line-height: 1.4166666667; } .theme-compact #mobile > ul { height: auto; } .theme-compact #mobile > ul > li { font-size: 20px; } .theme-compact #mobile > ul > li > a { padding: 27px 0 23px; } .theme-compact #mobile > ul > li > a:before, .theme-compact #mobile > ul > li ul li a:before { content: ""; display: block; position: absolute; right: 0; top: 0; width: 42px; height: 2px; background: var(--mint); } .theme-compact #mobile > ul > li:first-child > a, .theme-compact #mobile > ul > li ul li:first-child a { padding-top: 0; } .theme-compact #mobile > ul > li.overlay-a { font-size: 16px; } .theme-compact #mobile > ul > li.overlay-a > a { padding: 0; color: var(--mint); text-transform: uppercase; } .theme-compact #mobile > ul > li.overlay-a, .theme-compact #mobile > ul > li.btn { margin-top: auto; padding: 15px 0; } .theme-compact #mobile > ul > li.overlay-a:last-child, .theme-compact #mobile > ul > li.btn:last-child { padding-bottom: 35px; } .theme-compact #mobile > ul > li ul { list-style: none; margin: 0; padding: 0; } .theme-compact #mobile > ul > li ul li { font-size: 1.2em; } .theme-compact #mobile > ul > li ul li a { display: block; position: relative; padding: 25px 0 22px; color: var(--white); text-decoration: none; } .theme-compact #mobile > ul > li ul li a span { display: block; } .theme-compact #mobile > ul > li ul li a span.small { padding: 24px 0 8px; font-size: 0.8333333333em; } .theme-compact #mobile > ul > li ul ul { display: block; position: relative; left: 0; top: 0; padding: 2px 0 18px; } .theme-compact #mobile > ul > li ul ul li { font-size: 20px; } [data-whatintent="mouse"] #mobile > ul > li > a:hover, #mobile > ul > li > a:focus, #mobile > ul > li > a:active { color: var(--mint); } [data-whatintent="mouse"] #footer-new > ul li a:hover { line-height: 30px; } [data-whatintent="mouse"] #root .header-top nav ul li a:hover { color: var(--mint); } [data-whatintent="mouse"] #root .header-top nav ul li.link-btn a:hover { color: var(--white); } [data-whatintent="mouse"] .module-alert a:hover { text-decoration: none; } [data-whatintent="mouse"] .module-alert.inv a:hover { text-decoration: none; } [data-whatintent="mouse"] #root .module-alert.position-bottom > .close:hover { color: var(--leaf); } [data-whatintent="mouse"].theme-compact #mobile > ul > li ul li a:hover { color: var(--mint); } /*.media-fixed {}*/ #root:has(.media-fixed.toggle) > .module-fixed.a { display: none; right: calc(var(--rpp) * 2 + var(--media_fixed_w)); } /*.nav-filters.mobile-compact {}*/ .nav-filters.mobile-compact.toggle > ul { display: flex; position: relative; z-index: 2; margin-top: 20px; padding: 20px 20px calc(20px - var(--dist)); } .nav-filters.mobile-compact.toggle > p a:before { content: "\e943"; min-width: 54px; font-size: 12px; } .nav-filters.mobile-compact.toggle > ul:before { right: var(--dist); border-radius: 8px; border: 1px solid var(--coal); background: rgba(42,60,83,.55); } .nav-filters.mobile-compact > div { position: relative; z-index: 2; margin: 20px 0 30px; padding: 12px 20px .1px; background: rgba(42,60,83,.55); } .nav-filters.mobile-compact > div ul { display: block; } #mobile > ul > li.mobile-hide { display: block; position: relative; left: 0; top: 0; } .theme-compact #mobile > ul > li.overlay-a + li.btn { margin-top: 0; } #root #mobile > ul > li.btn, #root #mobile > ul > li.btn > a { display: flex; } #mobile > ul > li.btn { flex-wrap: nowrap; } #mobile > ul > li.btn { flex-direction: column; } #mobile > ul > li.btn > a { justify-content: center; } #mobile > ul > li.btn > a { align-items: center; } #mobile > ul > li.btn { align-items: flex-end; } #mobile > ul > li.mobile-only.mobile-hide, .nav-filters.mobile-compact.toggle > div { display: block; } .theme-compact #mobile > ul > li.sub > a, .theme-compact #mobile > ul > li:first-child > a:before, #mobile > ul > li.mobile-only, .theme-compact #mobile > ul > li ul li:first-child a:before, .theme-compact #mobile > ul > li.btn > a:before, .theme-compact #mobile > ul > li.overlay-a > a:before, .theme-compact.v1 #mobile, #mobile-compact > ul > li.mobile-only, #root:has(.media-fixed.toggle) > .module-fixed.a, .module-fixed.toggle { display: none; } [data-whatintent="mouse"].theme-compact.v1 #root #nav > ul > li > a:hover, #root .module-entry.reduced .list-entry, .module-box-sticky, #root .module-box-sticky { transform: none; } } @media only screen and (max-width: 47.5em) and (orientation : landscape) { /* 760 & landscape */ #mobile { padding-top: 80px; } #mobile > .close { height: 80px; line-height: 80px; } }