/* ------------------------------------------- Name: Minerals Council Date: 2025/05/07 Author: http://psdhtml.me --------------------------------------------- */ html { overflow-y: scroll; min-height: 100%; margin: 0; font-size: 100.01%; -webkit-tap-highlight-color: transparent; -moz-osx-font-smoothing: grayscale; -webkit-overflow-scrolling: touch; -ms-content-zooming: none; -ms-overflow-style: scrollbar; scroll-behavior: smooth; } body { overflow-x: hidden; margin: 0 !important; padding-right: 0 !important; } /*! Variables --------- */ :root { --white: #ffffff; --flour: #fcfcfc; --sand: #f4f4f4; --gallery: #f0f0f0; --alabaster: #eaeaea; --flint: #d8d9db; --silver: #cccccc; --chalice: #a8a8a8; --gray: #898989; --slate: #6a6a6a; --coal: #333333; --black: #000000; --theme_dark: #007748; --theme: #00a66d; --wine: #ED2835; --ruby: #af1329; --ox: #3d4e5b; --cello: #1e3c55; --midnight: #00223f; --blue: #0054a5; --gold: #FCB81A; --orange: #e18228; --pine: #FFDD4F; --leaf: #00A66D; --lime: #8aba38; --teal: #2e5d5b; --rpp: max(5.9375vw, var(--rpp2)); --rpn: calc(0px - var(--rpp)); --rpp2: 36px; --fw_main: 400; --fw_bold: 700; --ff_main: Montserrat, Arial, Helvetica, sans-serif; --lh_main: 1.3888888889; --lh_head: 1.08; --fz_main: 16px; --mr_main: calc(var(--lh_main) * var(--fz_main)); --mr_head: var(--mr_main); --mr_sect: max(5.9375vw, var(--rpp2)); --ta_start: left; --ta_end: right; --justify: flex-start; --cols: 64px; --input_h: 48px; --btn_fg: var(--white); --btn_bw: 1px; --btn_bd: var(--theme); --btn_bg: var(--theme); --btn_bg_h: var(--theme_dark); --btn_fz: 14.11px; --btn_fw: 600; --btn_ff: var(--ff_main); --btn_lh: var(--lh_head); --btn_pd: 10px; --btn_pd2: var(--btn_pd); --btn_dist: 16px; --theme_1a: var(--wine); --theme_1b: #F15B5D; --theme_1c: #eb5c61; --theme_2a: var(--blue); --theme_2b: #71AADA; --theme_2c: #77afdb; --theme_3a: var(--leaf); --theme_3b: #7AC79B; --theme_3c: #81c69d; --theme_4a: var(--gold); --theme_4b: var(--pine); --theme_4c: #fdda61; --top_h: 126px; --top_o: 0px; --mt_top: calc(var(--mr_sect) - 20px); } /*! Mixins --------- */ /* cl:b */ #banner .banner-block .content:after, form p:after { content: ""; display: block; overflow: hidden; clear: both; } /* fill */ th:before, td:before, .list-team li > div:before, #top.compact ~ .navbar .offcanvas-header a, #banner .banner-block > figure, .module-box > figure.bg, .list-box:before, .header-box:before, .module-box:before, #nav .dropdown-menu:before, .list-featured .carousel-indicators > *:before, #tvtma-megamnu > ul > li > a:before, .list-featured figure, .list-featured p:before, .list-featured a:before, .list-featured figure, .list-featured li:before, .list-box.c li > div a:before, .list-box.c li > div:before, .list-box.c li > p:before, .list-wide li > div:before, .list-wide li > figure, .module-fbox > div:after, .module-fbox > div:before, .module-fbox:before, .module-fbox:after, .list-box.b a:before, .list-box.a h1:before, .list-box.a h2:before, .list-box.a h3:before, .list-box.a h4:before, .list-box.a h5:before, .list-box.a h6:before, .list-box.a li:after, .list-box li:before, .header-line:before, .header-line:after { content: ""; display: block; overflow: hidden; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; margin: 0; text-align: left; text-indent: -3000em; direction: ltr; } /* wide */ .module-box.wide > figure.bg, .module-box.wide:before, #nav .mega-menu:before { content: ""; display: block; position: absolute; left: 50%; right: auto; top: 0; bottom: 0; z-index: -1; width: 100vw; margin: 0 0 0 -50vw; } /* icon */ .accordion-a summary:before, #tipoffs .toggle-tipoffs:before, #banner .down-arrow:after, #top.compact ~ .navbar .offcanvas-header a:before, #top.compact ~ .navbar .navbar-brand:before, .list-box .carousel-control:before, #top #searchbar button.gsc-search-button:before, #nav .mega-menu li a:after, #nav .dropdown-menu li a:after, #nav .up-nav ul a:before, #top:after, #up > ul > li.btn-search:before, #register h1:before, #register h2:before, #register h3:before, #register h4:before, #register h5:before, #register h6:before, .totop:before, #footer #footer-social li a:before, .list-featured li.link i, .module-fbox > i, .list-box.a h1:after, .list-box.a h2:after, .list-box.a h3:after, .list-box.a h4:after, .list-box.a h5:after, .list-box.a h6:after, #tvtma-megamnu > ul > li:has(>ul, .mega-menu) > a: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; } /* z:9 */ #top.compact ~ .navbar .offcanvas-header a, .list-featured a:before, .list-box.c li > div a:before, .list-box.b a:before { z-index: 8; } /* tr:y */ #up > ul > li.btn-search { transform: translateY(-50%); } /* show */ #top.compact ~ .navbar .offcanvas-header a:hover, #banner .banner-block:hover > .content, #tvtma-megamnu > ul > li > a:hover:before, #tvtma-megamnu > ul > li:hover > a:before { visibility: visible; opacity: 1; } /* hide */ .list-box.b li > div, html:not(.menu-active) #top.compact ~ .navbar .offcanvas, html:not(.menu-active) #top.compact ~ .navbar .offcanvas-backdrop { visibility: hidden; opacity: 0; } /* i:wi */ .list-box.c img, .cols > figure.offset img { display: block; position: relative; z-index: 1; width: 100% !important; object-fit: cover; } /* i:bg */ #banner .banner-block > figure img, .list-featured img, .list-wide li > figure img, .list-box.b img, .list-box.c img, .module-box > figure.bg img, .module-box > figure.bg video { display: block; width: 100% !important; height: 100% !important; object-fit: cover; } /* hyph */ .list-box.j li, .list-contact { overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; -moz-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } /* td:u */ .list-team li > div > p a:hover, .header-box .cols a:hover, #footer ul li a:hover { text-decoration: underline; } /* td:n */ #tvtma-megamnu > ul > li > a:hover, #top .link-btn > a { text-decoration: none; } /* 44p */ #top.compact .brand a:before, #up > ul > li > a:before, #footer #footer-social li a: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%); } /*! Layout --------- */ #home { padding-top: var(--top_h); } #top { display: block; position: fixed; left: 0; right: 0; top: 0; z-index: 9; height: calc(var(--top_h) + var(--top_o)); min-height: 0; padding: 0 var(--rpp); box-shadow: 0 4px 4px rgba(0,0,0,.04); border: 0 solid rgba(0,0,0,0); border-top-width: var(--top_o); background: var(--white); font-family: var(--ff_main); line-height: var(--lh_main); --rpp: var(--rpp2); } #top .hdrcol-logo { position: absolute; left: var(--rpp); top: 16px; z-index: 2; width: auto; padding: 0; } #top #logo { margin: 0; padding: 0; } #top #logo img { width: 240px !important; } #tvtma-megamnu > ul, #tvtma-megamnu > ul > li, #up > ul, #up > ul > li { list-style: none; margin: 0; padding: 0; } #nav { position: absolute; left: 0; right: 0; bottom: 0; z-index: 9; padding: 0 var(--rpp); font-size: 16px; --dist: 30px; --hover: var(--theme_1a); --tint: var(--theme_1c); --btn_bg_h: var(--theme_1b); } #tvtma-megamnu > ul, #up > ul { margin-right: calc(0px - var(--dist)); } #tvtma-megamnu > ul > li, #up > ul > li { position: relative; z-index: 2; margin-right: var(--dist); } #tvtma-megamnu > ul > li { padding-bottom: 19px; } #tvtma-megamnu > ul > li > a { display: block; position: relative; z-index: 2; height: 32px; padding: 0 0 9px; color: var(--gray); text-transform: uppercase; text-decoration: none; } #tvtma-megamnu > ul > li > a:before { visibility: hidden; border-bottom: 3px solid var(--hover); opacity: 0; } #tvtma-megamnu > ul > li:has(>ul, .mega-menu) > a { padding-right: 18px; } #tvtma-megamnu > ul > li:has(>ul, .mega-menu) > a:before { right: 18px; } #tvtma-megamnu > ul > li:has(>ul, .mega-menu) > a:after { content: "\e901"; left: auto; top: 0; margin: 0; font-size: 6px; font-family: i; font-weight: 400; line-height: calc(16px * var(--lh_main) - 1px); } #nav .dropdown-menu { display: none; position: absolute; left: 0; right: auto; top: 100%; z-index: 2; list-style: none; min-width: 0; width: 245px; margin: 0; padding: 4px 0 3px; box-shadow: none; border-radius: 0; border-width: 0; background: none; font-size: 16px; font-weight: 300; line-height: var(--lh_main); } #nav .dropdown-menu:before { top: 4px; box-shadow: 0 4px 4px rgba(0,0,0,.04); border: 0px solid var(--hover); border-bottom-width: 3px; background: var(--white); } #nav .dropdown-menu li { list-style: none; position: relative; z-index: 2; margin: 0; padding: 0; border-width: 0; font-weight: inherit; line-height: var(--lh_main); } #nav .dropdown-menu li a { display: block; padding: 8px 16px; color: var(--black); font-weight: inherit; line-height: var(--lh_main); } #nav .dropdown-menu ul { display: none; position: absolute; left: 100%; top: -4px; width: 249px; padding-left: 4px; } #nav .dropdown-menu ul:before { left: 4px; } #nav .dropdown-menu, #nav .mega-menu { --btn_bg: var(--hover); --btn_bd: var(--hover); --cols: min(48px, 3.6458333333vw); } #nav .industry-news, #nav [href*="contacts"], #nav .industry-news ~ *, #nav [href*="contacts"] ~ * { --hover: var(--theme_4a); --theme_1a: var(--theme_4a); --theme_2a: var(--theme_4a); --theme_3a: var(--theme_4a); --theme_1b: var(--theme_4b); --theme_2b: var(--theme_4b); --theme_3b: var(--theme_4b); --btn_bg_h: var(--theme_4b); --tint: var(--theme_4c); } #nav .work:not([href*="special-features"]), #nav [href*="certificates"], #nav .work:not([href*="special-features"]) ~ *, #nav [href*="certificates"] ~ * { --hover: var(--theme_2a); --theme_1a: var(--theme_2a); --theme_3a: var(--theme_2a); --theme_4a: var(--theme_2a); --theme_1b: var(--theme_2b); --theme_3b: var(--theme_2b); --theme_4b: var(--theme_2b); --btn_bg: var(--hover); --btn_bg_h: var(--theme_2b); --tint: var(--theme_2c); } #nav .sa-mining, #nav [href*="portals"], #nav .sa-mining ~ *, #nav [href*="portals"] ~ * { --hover: var(--theme_3a); --theme_1a: var(--theme_3a); --theme_2a: var(--theme_3a); --theme_4a: var(--theme_3a); --theme_1b: var(--theme_3b); --theme_2b: var(--theme_3b); --theme_4b: var(--theme_3b); --btn_bg: var(--hover); --btn_bg_h: var(--theme_dark); --tint: var(--theme_3c); } #up { position: absolute; right: var(--rpp); top: 24px; font-size: 14px; --dist: 16px; } #up > ul { position: relative; } #up > ul > li.btn-search { position: absolute; right: calc(100% - 4px); top: 50%; width: 26px; font-size: 20px; } #up > ul > li.btn-search:before { content: "\e900"; color: var(--black); font-size: 20px; } #up > ul > li:not(.link-btn) > a { display: block; position: relative; color: var(--black); text-transform: uppercase; } #top #tipoffs, #top #searchbar { overflow: hidden; position: absolute; left: 0; right: 0; z-index: 9; width: auto; margin: 0; } #top #searchbar { top: -74px; height: 74px; max-height: none !important; } #top #searchbar, #top #tipoffs > div { padding: 12px var(--rpp) !important; } #top #searchbar > div { padding: 0 !important; } #top #searchbar table { width: 100%; margin: 0; border-collapse: collapse; border-spacing: 0; } #top #searchbar table td { padding: 0; border: 0; font-weight: 400; text-align: left; } #top #searchbar table td.gsc-search-button { width: 55px; margin: 0; padding: 0; border-width: 0; } #top #searchbar button.gsc-search-button { width: 100%; margin: 0; padding: 0; border-width: 0; } #top #searchbar button.gsc-search-button:before { content: "\e900"; position: absolute; left: 0; right: 0; top: 50%; margin-top: -20px; font-family: i; font-size: 20px; line-height: 40px; } #top:has(#searchbar.open) { --top_o: 74px; } #top #tipoffs { visibility: hidden; top: 100%; max-height: none !important; opacity: 0; transform: translateY(4px); } #top #tipoffs.open { visibility: visible; opacity: 1; transform: none; } #top #tipoffs .row > * { padding-left: 0; padding-right: 0; } #top #tipoffs > div { position: relative; max-width: calc(1098px + var(--rpp) * 2); margin-left: auto; margin-right: auto; } #tipoffs .toggle-tipoffs { display: block; overflow: hidden; position: absolute; right: 0; top: 0; width: 44px; height: 44px; color: var(--white); font-size: 16px; text-indent: -3000em; text-align: left; } #tipoffs .toggle-tipoffs:before { content: "\e91a"; } #top.compact { --hz: clamp(24px, 1.5vw, 32px); --iw: 200px; } html:has(#top.compact) { --top_h: 65px; } html:not(.scrolled) #top.compact, html:not(.scrolled) #top.compact ~ .navbar .navbar-toggler, html:not(.scrolled) #top.compact ~ .navbar .navbar-brand { visibility: hidden; opacity: 0; transform: translateY(-10px); } #top.compact .row { height: var(--top_h); margin: 0; gap: min(var(--rpp), 30px); } #top.compact .brand { width: var(--iw); max-width: 40%; margin: 0; padding: 0; align-self: center; } #top.compact .brand a { display: block; position: relative; z-index: 2; } #top.compact .divider { display: block; width: 2px; height: 50px; border-width: 0; background: var(--silver); } #top.compact .heading { margin: 0; padding: 0; } #top.compact .heading h1, #top.compact .heading h2, #top.compact .heading h3, #top.compact .heading h4, #top.compact .heading h5, #top.compact .heading h6 { margin: 0; font-size: var(--hz); } #top.compact ~ .navbar { display: block; position: fixed; right: 0; top: 0; z-index: 10; width: auto; height: var(--top_h); min-height: 0; margin: 0; padding: 0; border-radius: 0; border-width: 0; } #top.compact ~ .navbar .container-fluid { display: block; position: fixed; right: 0; top: 0; z-index: 10; width: auto; } #top.compact ~ .navbar .navbar-brand, #top.compact ~ .navbar button { display: block; position: relative; left: 0; right: 0; top: 0; bottom: 0; z-index: 2; height: var(--top_h); margin: 0; padding: 0; background: none; color: var(--black); font-size: 20px; line-height: var(--top_h); text-decoration: none; text-align: right; } #top.compact ~ .navbar .navbar-brand { padding: 0 min(20px, var(--rpp)) 0 46px; } #top.compact ~ .navbar button { position: absolute; z-index: 3; } #top.compact ~ .navbar .navbar-brand:before { content: "\e917"; right: auto; font-size: 1.15em; } #top.compact ~ .navbar button:hover ~ .navbar-brand:before { transform: scale(1.05); } #top.compact ~ .navbar .offcanvas { display: block; overflow-x: hidden; overflow-y: auto; position: fixed; right: 0; top: 0; bottom: 0; z-index: 99; width: 100%; max-width: 400px; border-width: 0; background: var(--white); transform: none; } #top.compact ~ .navbar .offcanvas-header { display: block; overflow: hidden; position: absolute; right: 0; top: 0; z-index: 3; width: 48px; height: 48px; } #top.compact ~ .navbar .offcanvas-header a { display: block; width: 100%; height: 100%; margin: 0; padding: 0; background: none; color: var(--gray); opacity: .5; cursor: pointer; transition: none; } #top.compact ~ .navbar .offcanvas-header a:before { content: "\e91a"; font-size: 16px; } #top.compact ~ .navbar .offcanvas-body { position: relative; z-index: 2; width: 100%; padding-top: 32px; } #top.compact ~ .navbar .offcanvas ul, #top.compact ~ .navbar .offcanvas ul li { float: none; } #top.compact ~ .navbar .offcanvas ul a { transition: none; } #top.compact ~ .navbar .offcanvas ul a:before { content: "\e91d"; font-weight: 400; font-family: i; } #top.compact ~ .navbar .offcanvas-backdrop { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; width: auto; height: auto; background: rgba(0,0,0,.5); opacity: 1; cursor: pointer; } html:not(.menu-active) #top.compact ~ .navbar .offcanvas { visibility: hidden; transform: translateX(10px); opacity: 0; } ul.navbar-nav li.nl-orange a:hover { background: var(--orange); color: var(--white); } ul.navbar-nav a:hover:before { color: inherit !important; } /*#top.compact ~ .navbar .offcanvas:not(.show, .showing), #top.compact ~ .navbar .offcanvas.hiding { visibility: hidden; transform: translateX(10px); opacity: 0; } #top.compact ~ .navbar .offcanvas:not(.show, .showing, .hiding), #top.compact ~ .navbar .offcanvas-backdrop:not(.show) { visibility: hidden; opacity: 0; }*/ #banner { position: relative; z-index: 2; height: 150vh !important; --hz: min(var(--hz2), 1.9791666667vw); --hz2: 38px; --hp: 38px; --fz: 16px; } #banner .bnr-logo { left: 50% !important; transform: translate(-50%, -50%) !important; } #banner:hover img.bnr-logo { width: 20% !important; } #banner .banner-block { overflow: hidden; position: relative; z-index: 2; height: 50vh; } #banner:has(>.banner-block:nth-child(4):last-child) .banner-block, #banner:has(>.down-arrow+.bnr-logo~.banner-block:nth-child(6):last-child) .banner-block { height: 50%; } #banner .banner-block h3 { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: auto; margin: 0; padding: 24px 15px; font-size: var(--hz); line-height: var(--lh_head); text-shadow: 1px 1px 3px rgba(0,0,0,.5); } #banner .banner-block ul { margin: 0; column-count: 1; } #banner .banner-block li { margin: 0; padding: 12px 0; font-size: var(--fz); } #banner .banner-block:nth-child(2n) li, #banner .banner-block:nth-child(2n) h3 { text-align: right; } #banner .banner-block:nth-child(2n) .btn-default { float: right; } #banner .banner-block:nth-child(2n-1) .figcaption, #banner .banner-block:nth-child(2n-1) figcaption { left: 0; right: auto; } #banner .banner-block .content { display: block; overflow-x: hidden; overflow-y: auto; position: relative; z-index: 19; visibility: hidden; width: auto; height: 100%; padding: calc(var(--hz) + var(--hp)) 18px 18px; background: var(--overlay); animation: none; opacity: 0; transform: translateY(-4px); } #banner .banner-block:hover > .content { background: var(--overlay); transform: none; } #banner .btn-default { display: block; float: left; margin: 16px 0 0; padding: 7px 12px; background: var(--btn); color: var(--white); line-height: var(--lh_head); cursor: pointer; } #banner .bb-about { --overlay: var(--wine); --btn: var(--ruby); } #banner .bb-leadership { --overlay: var(--blue); --btn: var(--theme_2b); } #banner .bb-context { --overlay: var(--orange); --btn: var(--gold); } #banner .bb-value-creation { --overlay: var(--leaf); --btn: var(--theme_dark); } #banner .bb-risk-management { --overlay: var(--ruby); --btn: var(--wine); } #banner .bb-performance { --overlay: var(--midnight); --btn: var(--blue); } #banner .banner-block > figure { margin: 0; } #banner .bnr-logo { top: 33.33333333333%; transform: translateY(-50%); pointer-events: none; } #banner .down-arrow { left: 0; right: 0; bottom: calc(80px + 33.33333333333%); width: 100%; height: 28px; pointer-events: none; } #banner .down-arrow:after { content: "\e91f"; top: 0; margin: 0; font-size: 28px; line-height: 1; } #home #banner { margin-top: calc(0px - var(--top_h)); } #downloads.plain { padding: 0; background: none; } #downloads.plain .download a.thumbicon img, #downloads.plain .download a.thumbicon:hover img { box-shadow: none !important; border-width: 0 !important; } #downloads.plain .container { max-width: none; width: auto; } #downloads.plain .row { display: flex; justify-content: space-between; align-items: center; } #carousel-home { position: relative; z-index: 2; } #carousel-home .carousel-indicators, .list-featured .carousel-indicators, .list-box .carousel-indicators { position: absolute; left: 0; right: 0; bottom: 4px; z-index: 9; width: auto; height: auto; margin: 0; background: none; --w: 30px; --h: 30px; --d: 7.5px; } #carousel-home .carousel-indicators li, .list-box .carousel-indicators li { display: block; position: relative; z-index: 2; width: auto; height: auto; margin: 0; padding: 0; border-width: 0; background: none; } #carousel-home .carousel-indicators li a, .list-featured .carousel-indicators > *, .list-box .carousel-indicators > * { display: block; overflow: hidden; position: relative; z-index: 2; width: var(--w); height: var(--h); margin: 0; padding: 0; background: none; color: inherit; text-indent: -3000em; text-align: left; cursor: pointer; } #carousel-home .carousel-indicators li a:before, .list-featured .carousel-indicators > *:before, .list-box .carousel-indicators > *:before { content: ""; display: block; position: absolute; left: var(--d); right: var(--d); top: var(--d); bottom: var(--d); border-radius: 9px; background: var(--gray); } #carousel-home .carousel-indicators li.active, .list-featured .carousel-indicators > .active, .list-box .carousel-indicators > .active { cursor: default; width: var(--w); height: var(--h); background: none; pointer-events: none; --gray: var(--white); --w: 60px; } #carousel-home .carousel-inner .item:not(.active) p, #carousel-home .carousel-inner .item:not(.active) h1, #carousel-home .carousel-inner .item:not(.active) h2, #carousel-home .carousel-inner .item:not(.active) h3, #carousel-home .carousel-inner .item:not(.active) h4, #carousel-home .carousel-inner .item:not(.active) h5, #carousel-home .carousel-inner .item:not(.active) h6, #carousel-home .carousel-inner .item:not(.active) .btn, #carousel-home .carousel-inner .item:not(.active) .b-contentblock { visibility: hidden; opacity: 0; transform: translateY(3px); } #register { position: relative; margin: 0 var(--rpn); padding: var(--pd) calc(var(--rpp) * 2) calc(var(--pd) - var(--mr_main)) !important; background: var(--alabaster); font-family: var(--ff_main); line-height: var(--lh_main); --pd: 50px; --hp: 100px; --hz: 32px; --dist: 16px; } #register h1, #register h2, #register h3, #register h4, #register h5, #register h6 { margin: 0 0 var(--mr_main); padding: 0 0 0 var(--hp) !important; background: none !important; font-size: var(--hz) !important; color: var(--black) !important; font-weight: 800 !important; line-height: var(--lh_head); text-transform: uppercase; letter-spacing: .66px !important; } #register h1:before, #register h2:before, #register h3:before, #register h4:before, #register h5:before, #register h6:before { content: "\e90f"; right: auto; margin-top: -20px; font-size: 1.15625em; line-height: 40px; } #register .container { width: auto; max-width: 1554px; margin-left: auto; margin-right: auto; padding: 0; } #register .row, #register .row > *, #register .acym_form > * { width: auto; margin: 0; padding: 0; } #register p { margin-bottom: var(--mr_main); } #register .acym_form { width: min(678px, 35.3125vw); } #register .acym_form > * { width: 100%; } #register .acym_form > * + * { margin-left: var(--dist); } #register .acysubbuttons { margin-left: var(--dist); } #register input { display: block; width: 100%; max-width: none; height: var(--input_h); padding: 0 50px; box-shadow: inset 0 4px 4px rgba(0,0,0,.25); border-width: 0; background: var(--white); color: var(--gray); font-size: 27px; font-weight: 300; cursor: text; } #register input.btn { display: block; width: auto; max-width: none; min-width: 202px; height: var(--input_h); margin: 0; padding: 0 24px; box-shadow: none; border-width: 0; background: var(--btn_bg) !important; color: var(--btn_fg); font-size: 16px; font-weight: 500; line-height: var(--btn_lh); text-transform: uppercase; text-align: center; letter-spacing: .66px; cursor: pointer; transform: none; transition: none; outline: none; } #register input.btn:hover { background: var(--btn_bg_h) !important; } #register .onefield { position: relative; } #register .onefield .acym__field__error__block { left: 0; right: 0; width: auto; } /*#register .acym_form > .onefield:first-child { display: none; }*/ #footer { position: relative; z-index: 2; padding: var(--pd) var(--rpp) .1px; background: var(--midnight); color: var(--white); font-family: var(--ff_main); font-size: 16px; line-height: var(--lh_main); letter-spacing: 0.66px; --pd: 70px; } #footer .container { margin: 0; padding: 0; } #footer > .container > .row { padding-bottom: 22px; } #footer > .container > .row > * { float: none; } #footer .custom, #footer .row > .custom { margin-left: -24px; } #footer .custom > * { max-width: 25%; border-left: 24px solid rgba(0,0,0,0); } #footer .custom > *, #footer .row > * { float: none; width: auto; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; } #footer > .container > .row > *:first-child + * { width: min(415px, 21.6145833333vw); padding-right: 24px; flex-shrink: 0; } #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 { margin-bottom: 8px; padding: 0 0 2px; border-bottom: 1px solid var(--white); color: inherit; font-size: 18px; font-weight: 600; line-height: var(--lh_head); text-transform: uppercase; } #footer ul li h4 a:hover { text-decoration: none;} #footer ul { margin: 0 0 var(--mr_main); font-weight: 400; } #footer ul li { margin: 0 0 6px; padding: 0; font-size: 1em; } #footer ul li a { display: block; position: relative; color: inherit; text-decoration-thickness: 1px; } #footer figure { margin-bottom: var(--mr_main); } #footer figure:has(+h1,+h2,+h3,+h4,+h5,+h6) { margin-bottom: 10px; } #footer #footer-social { margin-top: 38px; margin-left: calc(0px - var(--dist)); --dist: 40px; } #footer #footer-social li { display: block; width: auto; height: auto; margin: 0; border-left: var(--dist) solid rgba(0,0,0,0); } #footer #footer-social li a { width: 28px; height: 28px; background: none; --iz: 24px; } #footer #footer-social li a:before { content: var(--icon); margin-top: -12px; font-size: var(--iz); line-height: 24px; } #footer #footer-social li.fs-twitter a { width: 22px; --icon: "\e913"; --iz: 22px; } #footer #footer-social li.fs-linkedin a { width: 24px; --icon: "\e914"; } #footer #footer-social li.fs-facebook a { width: 12px; --icon: "\e915"; } #footer #footer-social li.fs-youtube a { width: 33px; --icon: "\e916"; --iz: 22px; } #footer h1 + .list-contact, #footer h2 + .list-contact, #footer h3 + .list-contact, #footer h4 + .list-contact, #footer h5 + .list-contact, #footer h6 + .list-contact { margin-top: 5px; } #footer #footer-legal { margin: 0 var(--rpn); padding: var(--pd) var(--rpp); border-width: 0; background: var(--white); color: var(--black); font-weight: 500; text-transform: uppercase; --pd: 32px; } #footer #footer-legal .container > .row { padding: 0; } #footer #footer-legal a { color: inherit; font-weight: inherit; font-size: 1em; } #footer #footer-legal * { float: none; align-items: baseline; } #footer #footer-legal .custom > * { max-width: none; } #footer #footer-legal p { margin: 0; } #footer #footer-legal .row { margin-left: calc(0px - var(--dist)); --dist: min(124px, 5vw); } #footer #footer-legal .row > * { border-left: var(--dist) solid rgba(0,0,0,0); } #footer #footer-legal .copyright-style { font-size: 14px; } #footer #footer-legal .row > *:has(>.row > .copyright-style) { margin-left: auto; } #footer #footer-legal .row:has(.copyright-style) { --dist: 24px; } .totop { display: block; overflow: hidden; position: absolute; right: min(48px, var(--rpp)); top: -32px; width: 56px; height: 72px; background: var(--theme_1a); color: var(--white); font-size: 32px; text-decoration: none; text-indent: -3000em; text-align: left; } .totop:before { content: "\e90a"; margin-top: -20px; line-height: 40px; } footer:has(.totop) { position: relative; } /*html:has(#banner) footer li a:before { content: "\e91d"; font-weight: 400; font-family: i; font-size: 8px; }*/ /*! Columns --------- */ .cols { display: block; position: relative; margin-left: calc(0px - var(--cols)); } .cols > * { display: block; position: relative; clear: none; border: 0 solid rgba(0,0,0,0); border-left-width: var(--cols); } .cols > figure { flex-shrink: 0; } .cols > figure.offset:first-child { margin-left: var(--rpn); } .cols > figure.offset[class*="width-"] { width: calc(var(--width) + var(--rpp)); max-width: none; } [class*="width-"] { width: 100%; max-width: var(--width); --width: none; } .width-20 { --width: 20%; } .width-25 { --width: 25%; } .width-30 { --width: 30%; } .width-33 { --width: 33.33333333333%; } .width-35 { --width: 35%; } .width-50 { --width: 50%; } .width-66 { --width: 66.66666666666%; } .width-70 { --width: 70%; } .width-75 { --width: 75%; } .width-100 { --width: 100%; } .width-500 { --width: 500px; } /*! Modules --------- */ .accordion-a { margin-inline: calc(var(--pdi) * -1); --pdi: 0px; } .accordion-a details > div { padding-bottom: .1px; } .accordion-a summary { display: block; position: relative; margin: 0 0 1px; padding: 21px 80px 21px var(--pdi); background: var(--silver); color: var(--black); font-size: clamp(28px, 9vw, 33.67px); font-weight: 700; text-transform: uppercase; text-align: left; cursor: pointer; } .accordion-a summary:before { content: "\e91f"; left: auto; right: var(--pdi); font-size: 0.5049005049em; } .accordion-a details[open] summary { background: var(--gray); color: var(--white); } .accordion-a details[open] summary:before { transform: rotate(180deg); } .accordion-a section { padding: 0 var(--pdi); } .accordion-a.table-a { text-align: center; } .accordion-a.table-a details { background: var(--gallery); } .accordion-a.table-a h1, .accordion-a.table-a h2, .accordion-a.table-a h3, .accordion-a.table-a h4, .accordion-a.table-a h5, .accordion-a.table-a h6, .accordion-a.table-a .header .small { display: block; position: relative; margin: 0 calc(var(--pdi) * -1) 13px; padding: 11px var(--pdi); background: var(--overlay); color: var(--white); font-weight: 600; font-size: 18px; text-transform: uppercase; } .accordion-a.table-a .header { margin-inline: 0; padding-top: 3px; padding-bottom: 3px; background: var(--slate); font-size: 22px; text-transform: none; } .accordion-a.table-a .header .small { top: -3px; margin: 0 calc(var(--pdi) * -1); border-bottom: 1px solid var(--gallery); } .accordion-a.table-a p { font-size: 16px; font-weight: 600; } [data-title] { position: relative; z-index: 2; --dt: min(208px, 10.8333333333vw); } [data-title]:after { content: attr(data-title); display: block; position: absolute; left: 0; right: 0; top: calc(0px - var(--dt) * 0.5769230769); z-index: -1; padding: 0 var(--rpp); color: var(--white); font-weight: 800; font-size: var(--dt); line-height: 1; text-transform: uppercase; opacity: .08; pointer-events: none; text-shadow: -4px -4px 0 var(--ox), -4px -3px 0 var(--ox), -4px -2px 0 var(--ox), -4px -1px 0 var(--ox), 4px -4px 0 var(--ox), 4px -3px 0 var(--ox), 4px -2px 0 var(--ox), 4px -1px 0 var(--ox), 4px 0px 0 var(--ox), 4px 1px 0 var(--ox), 4px 2px 0 var(--ox), 4px 3px 0 var(--ox), 4px 4px 0 var(--ox), 0px 4px 0 var(--ox), 1px 4px 0 var(--ox), 2px 4px 0 var(--ox), 3px 4px 0 var(--ox), 4px 4px 0 var(--ox); } [data-title][data-title-align]:after { text-align: right; } [data-title*="afety"]:after { letter-spacing: .05em; } .module-article { position: relative; z-index: 2; color: var(--black); font-size: var(--fz_main); font-weight: var(--fw_main); font-family: var(--ff_main); line-height: var(--lh_main); --hz: 32px; --h1z: 50px; --h1w: 700; --hw: 500; --rows: 27px; } .module-article h1, .module-article h2, .module-article h3, .module-article h4, .module-article h5, .module-article h6 { margin-bottom: var(--mr_head); color: inherit; font-size: var(--hz); font-weight: var(--hw); line-height: var(--lh_head); text-transform: none; } .module-article h1, .module-article h2 { font-size: var(--h1z); font-weight: var(--h1w); } .module-article .lead { margin-bottom: calc(var(--mr_main) * 1.15); color: inherit; font-weight: var(--fw_main); font-size: var(--hz); line-height: 1.2; } .module-article h1 + .lead, .module-article h2 + .lead, .module-article h3 + .lead, .module-article h4 + .lead, .module-article h5 + .lead, .module-article h6 + .lead { margin-top: calc(var(--mr_main) * 1.5); } .module-article p { margin-bottom: var(--mr_main); color: inherit; } .module-article .rows { position: absolute; right: var(--rpn); top: 0; bottom: calc(-9px + var(--mr_main)); z-index: -1; width: var(--rows); max-width: none; border-width: 0; pointer-events: none; } .module-article .rows > * { display: block; width: 100%; border-bottom: 9px solid var(--white); flex-grow: 3; } .module-article .rows > *:nth-child(4n-3) { background: var(--theme_1a); } .module-article .rows > *:nth-child(4n-2) { background: var(--theme_2a); } .module-article .rows > *:nth-child(4n-1) { background: var(--theme_3a); } .module-article .rows > *:nth-child(4n-0) { background: var(--theme_4a); } .module-article .rows > [data-sal] { transition-duration: 1s; } .module-article-compact { margin-bottom: var(--mr_main); color: var(--black); font-size: 14px; font-weight: 300; font-family: var(--ff_main); line-height: var(--lh_main); --hz: 16px; --hm: 12px; } .module-article-compact h1, .module-article-compact h2, .module-article-compact h3, .module-article-compact h4, .module-article-compact h5, .module-article-compact h6 { margin-bottom: var(--hm); color: inherit !important; font-size: var(--hz); font-weight: 700; line-height: var(--lh_head); text-transform: uppercase; } .module-article-compact h1 .small, .module-article-compact h2 .small, .module-article-compact h3 .small, .module-article-compact h4 .small, .module-article-compact h5 .small, .module-article-compact h6 .small { display: block; font-weight: 300; font-size: 1em; line-height: var(--lh_head); } .module-article-compact p { margin-bottom: 8px; } .module-article-compact p.strong { color: var(--gray); font-size: 13px; font-weight: 600; text-transform: uppercase; } .module-article-compact p.strong i[class*="icon-arrow"] { display: inline-block; position: relative; top: .075em; margin-left: 10px; font-size: 14px; line-height: 1px; } .module-article-compact p.strong a { color: inherit; } .module-article-compact .link-btn { margin-top: 14px; } .module-article-compact figure { margin: 0 0 3 0px; } .module-article-compact figure:has(figcaption .icon-squares) figcaption { padding: 0 12px 10px; font-size: 8px; } .module-article-compact figure:has(figcaption .icon-squares) figcaption i { font-size: 13px; } .module-article-compact.small { font-size: 10px; --hz: 14px; --hm: 4px; } .module-box { position: relative; z-index: 3; padding: var(--pd) var(--pd2) calc(var(--pd) - var(--mr_main)); --pd: 24px; --pd2: 48px; --bg: var(--flour); } .module-box:before { z-index: -2; background: var(--bg); } .module-box h1, .module-box h2, .module-box h3, .module-box h4, .module-box h5, .module-box h6 { margin-bottom: var(--mr_head); color: inherit; line-height: var(--lh_head); } .module-box li, .module-box.a h1, .module-box.a h2, .module-box.a h3, .module-box.a h4, .module-box.a h5, .module-box.a h6 { margin-top: 0; color: inherit; } .module-box figure { margin-bottom: var(--mr_main); } .module-box.wide > figure.bg { margin-bottom: 0; text-indent: 0; } .module-box[style*="--wine"], .module-box[style*="--blue"] { color: var(--white); } .module-box[data-title]:after { z-index: -3; } .module-box.a { --dist: 24px; --pd: 32px; --pd2: var(--pd); --maw: 33.33333333%; --hz: 30px; } .module-box.a h1, .module-box.a h2, .module-box.a h3, .module-box.a h4, .module-box.a h5, .module-box.a h6 { min-width: 15%; max-width: var(--maw); margin-bottom: var(--mr_main); font-weight: 600; font-size: var(--hz); line-height: var(--lh_head); align-self: center; } .module-box.a ul, .module-box.a li { list-style: none; padding: 0; } .module-box.a li { max-width: 180px; margin: 0; border-left: var(--dist) solid rgba(0,0,0,0); } .module-box.plain { padding-top: 0; padding-bottom: 0; --pd2: 24px; --bg: none; } .module-box.wide { padding-left: 0; padding-right: 0; } .module-fbox { position: relative; z-index: 2; --pd: 70px; --iz: min(32.7083333333vw, 628px); --bw: 11px; } .module-fbox > div { position: relative; z-index: 2; max-width: 1210px; padding: var(--pd) var(--pd) calc(var(--pd) - var(--mr_main)); } .module-fbox p { max-width: 1024px; } .module-fbox:before, .module-fbox:after, .module-fbox > div:before, .module-fbox > div:after { width: 208px; height: 84px; border: 0 solid var(--theme_1a); } .module-fbox:before { right: auto; bottom: auto; border-left-width: var(--bw); border-top-width: var(--bw); } .module-fbox:after { right: auto; top: auto; border-left-width: var(--bw); border-bottom-width: var(--bw); border-color: var(--theme_4a); } .module-fbox > div:before { left: auto; bottom: auto; border-right-width: var(--bw); border-top-width: var(--bw); border-color: var(--theme_2a); } .module-fbox > div:after { left: auto; top: auto; border-right-width: var(--bw); border-bottom-width: var(--bw); border-color: var(--theme_3a); } .module-fbox > i { z-index: -1; right: calc(var(--rpn) + 36px); left: auto; margin: 0; color: var(--black); font-size: var(--iz); line-height: 1; transform: translateY(-50%); opacity: .03; } .module-fbox > i.icon-certificate { padding-top: calc(var(--iz) * 0.1719745223); } /*.module-section:has(>.module-fbox:first-child:last-child) { display: flex; flex-direction: column; justify-content: center; min-height: calc(100vh - var(--top_h)); }*/ .module-section { margin: var(--mr_sect) auto var(--mr_sect); line-height: var(--lh_main); } .module-section:not(.module-box) { padding: 0 var(--rpp); } #banner ~ .module-section { max-width: calc(1308px + var(--rpp) * 2); } /*! Headers --------- */ .header-box { display: block; position: relative; z-index: 4; margin: calc(var(--mr_main) * 1.75) 0 22px; padding: 11px 24px; color: var(--fg) !important; line-height: var(--lh_head); text-align: center; text-transform: uppercase; --fg: var(--white); --bg: var(--overlay); --overlay: var(--chalice); --fz: 28px; --az: 13px; } .header-box:not([class*="fw-"]) { font-weight: 600; } .header-box:not([class*="size-"]) { font-size: var(--fz) !important; } .header-box:before { background: var(--bg); } .header-box .cols { text-align: left; } .header-box .cols a { display: block; color: inherit; font-size: var(--az); font-weight: 500; text-decoration: none; flex-shrink: 100; outline: none !important; text-shadow: none !important; transform: none !important; } .header-box .cols a:hover { font-weight: 700; text-decoration: none; } .header-box .cols a i { display: inline-block; position: relative; top: 0; margin-right: 6px; font-weight: 400; font-size: 1.3846153846em; line-height: 1; } .header-box + .list-box:not(.j) { margin-top: 0; } .header-box:has(.cols a:hover) .bt-dropdown { display: block; visibility: visible; opacity: 1; transform: none; } .header-box .bt-dropdown { display: block; visibility: hidden; position: absolute; right: 0; top: 100%; color: var(--black); font-size: 12.64px; font-weight: 400; line-height: var(--lh_main); text-align: left; text-transform: none; opacity: 0; transform: translateY(-2px); } .header-box .bt-dropdown span { display: block; position: relative; } .header-box .bt-dropdown .title { margin: 0 0 6px; padding: 0; background: none; font-size: 15.8px; font-weight: 700; line-height: 1.3; text-transform: uppercase; } .header-box .bt-dropdown .ul { padding-left: 15px; } .header-box .bt-dropdown .ul > *:before { content: ""; display: block; position: absolute; left: -15px; top: 7px; width: 4px; height: 4px; border-radius: 4px; background: var(--black); } .header-box .bt-dropdown .ul > *:not(:last-child) { margin: 0 0 8px; padding: 0 0 8px; border-bottom: 1px dotted var(--gray); } .header-box:hover, .header-box:has(.bt-dropdown) { z-index: 5; } .header-box[style*="alabaster"] { --fg: var(--black); } .header-line { position: relative; z-index: 2; max-width: var(--w); padding: 0 0 8px; color: var(--black); font-weight: 800 !important; font-size: var(--hd) !important; line-height: 1.1875; text-transform: none; --w: 520px; --hd: 32px; } .header-line.members {--w: 420px;} .header-line:before, .header-line:after { width: 50%; top: auto; bottom: 0; height: 2px; border: 0 solid; border-left-width: calc(var(--w) * 0.255); border-right-width: calc(var(--w) * 0.25); } .header-line:before { left: 0; right: auto; border-left-color: var(--theme_1a); border-right-color: var(--theme_2a); } .header-line:after { left: auto; right: 0; border-left-color: var(--theme_3a); border-right-color: var(--theme_4a); } .header-line.text-end { margin-left: auto; } .header-line + .module-box, .header-line + .list-box, .header-line + .list-logo, .header-line + .list-wide { margin-top: var(--mt_top); } .header-line.a { --w: 660px; } /*! Content --------- */ .strong { font-weight: var(--fw_bold); } .semi, .list-box.semi { font-weight: 600; } .semi p { font-weight: inherit; } .fw-extrabold { font-weight: 800; } .em { font-style: italic; } .text-start { text-align: var(--ta_start); --justify: flex-start; } .text-center { text-align: center; --justify: center; } .text-end { text-align: var(--ta_end); --justify: flex-end; } .text-justify { text-align: justify; --justify: space-between; } .text-uppercase { text-transform: uppercase; } .overlay-wine { color: var(--wine); --overlay: var(--wine); --hc: var(--wine); } .overlay-blue { color: var(--blue); --overlay: var(--blue); --hc: var(--blue); } .overlay-leaf { color: var(--leaf); --overlay: var(--leaf); --hc: var(--leaf); } .overlay-gold { color: var(--gold); --overlay: var(--gold); --hc: var(--gold); } .overlay-lime { color: var(--lime); --overlay: var(--lime); --hc: var(--lime); } .overlay-pine { color: var(--pine); --overlay: var(--pine); --hc: var(--pine); } .overlay-teal { color: var(--teal); --overlay: var(--teal); --hc: var(--teal); } .size-12 { font-size: 12px; } .size-14 { font-size: 14px; } .size-16 { font-size: 16px; } .size-18 { font-size: 18px; } .size-20 { font-size: 20px; } .size-20 p { font-size: clamp(18px, 1.3888888889vw, 20px); } .size-22 { font-size: 22px; } .size-28 { font-size: 28px; } .size-30 { font-size: 30px; } .size-35 { font-size: clamp(30px, 2.4305555556vw, 35px); } .size-38 { font-size: clamp(30px, 2.6388888889vw, 38px); } .size-40 { font-size: clamp(32px, 2.7777777778vw, 40px); } .size-46 { font-size: clamp(32px, 3.1944444444vw, 46px); } .size-50 { font-size: clamp(32px, 3.4722222222vw, 50px); } .size-68 { font-size: clamp(36px, 4.7222222222vw, 68px); } h1[class*="size-"], h2[class*="size-"], h3[class*="size-"], h4[class*="size-"], h5[class*="size-"], h6[class*="size-"] { line-height: var(--lh_head); } div:has(> dd, > dt) { display: flex; gap: 16px; } dt { min-width: 24px; } .quote-a { margin: 0 0 var(--mr_main); padding: 0; border-width: 0; font-size: 1em; line-height: 1.3333333333; --fz: clamp(20px, 2.4305555556vw, 35px); } .quote-a.width-500 { --width: calc(var(--fz) * 14); } .quote-a p { color: inherit; font-size: clamp(14px, 1.4583333333vw, 21px); } .quote-a q { display: block; position: relative; quotes: none; margin: 0; color: inherit; font-size: var(--fz); font-weight: 500; font-style: italic; line-height: 1.2412177986; } .quote-a q:before, .quote-a q:after { position: relative; font-family: i; font-weight: 400; font-size: 1; font-style: normal; line-height: 1; } .quote-a q:before { content: "\e924"; display: block; margin-bottom: 22px; } .quote-a q:after { content: "\e923"; display: inline-flex; top: calc(var(--fz) * .425); left: calc(100% + var(--fz) * 1.3348946136); margin-left: -100%; line-height: 1px; } .quote-a footer { padding: 26px 0 0; border-width: 0; background: none; color: inherit; font-size: 1em; line-height: var(--lh_main); } .quote-a footer:before { display: none; } .module-box .quote-a footer { color: var(--fg); } /*! Links --------- */ .link-btn { margin: 0 calc(0px - var(--btn_dist)) calc(var(--mr_main) - var(--btn_dist)) 0; --ip: 0px; } .link-btn > a, .link-btn button { display: block; position: relative; z-index: 2; padding: var(--btn_pd2) var(--btn_pd) var(--btn_pd2) 0; border: var(--btn_bw) solid var(--btn_bd); background: var(--btn_bg); color: var(--btn_fg); font-size: var(--btn_fz); font-weight: var(--btn_fw); font-family: var(--btn_ff); line-height: var(--btn_lh); text-transform: uppercase; text-decoration: none; } .link-btn > a:hover, .link-btn button:hover { border-color: var(--btn_bg_h); background: var(--btn_bg_h); color: var(--btn_fg); } .link-btn > a { text-decoration: none !important; } .link-btn > a i, .link-btn button i { display: block; position: relative; top: var(--ip); font-size: 1em; line-height: 1; } .link-btn > a > *, .link-btn button > * { padding-left: var(--btn_pd); } .link-btn > a.compact, .link-btn button.compact { padding-bottom: calc(var(--btn_pd2) + 1px); --btn_pd2: 5px; --btn_pd: 7px; --btn_fz: 13px; --btn_fw: 400; --ip: .05em; } .link-btn > a.compact:has([class*="icon-arrow"]), .link-btn button.compact:has([class*="icon-arrow"]) { min-width: 136px; } .link-btn > a.compact [class*="icon-arrow"], .link-btn button.compact [class*="icon-arrow"] { margin-left: auto; } * + .link-btn { margin-top: calc(var(--mr_main) * 1.25); } /*! Media --------- */ img, iframe, object, embed { max-width: 100% !important; border-style: none; } img { height: auto !important; image-rendering: optimizeQuality; -ms-interpolation-mode: bicubic; } img::selection { background: transparent; } img::-moz-selection { background: transparent; } picture { width: 100%; } figure { position: relative; } figure img ~ iframe { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 2; width: 100% !important; height: 100% !important; } figure:has(figcaption .icon-squares, iframe) { display: inline-flex; position: relative; } figure:has(figcaption .icon-squares):before, #banner .banner-block:has(>.figcaption):before { content: ""; display: block; position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; height: 50%; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,.4) 100%); pointer-events: none; } figure:has(figcaption .icon-squares) figcaption, .figcaption:has(.icon-squares) { position: absolute; right: 0; bottom: 0; z-index: 3; padding: 0 34px 31px; color: var(--white); font-size: 12px; font-weight: 700; line-height: var(--lh_head); text-transform: uppercase; text-align: left; text-indent: 0; pointer-events: none; } figure:has(figcaption .icon-squares) figcaption i, .figcaption:has(.icon-squares) i { display: inline-block; margin-right: 5px; font-size: 2em; line-height: 1; } .carousel-inner { overflow: hidden; position: relative; width: 100%; } .carousel-inner, .carousel-inner * { box-sizing: border-box; } .carousel-inner > .item { transition: transform .6s ease-in-out; } .carousel-inner > .item:not(.active, .next) { display: none; } /*! Tables --------- */ table { display: table; width: 100%; margin-bottom: var(--mr_main); border-collapse: collapse; border-spacing: 0; } th, td { position: relative; padding: 5px 10px; border: 1px solid var(--silver); font-weight: 400; text-align: var(--ta_start); } .table-a { table-layout: fixed; --pd: 24px; } .table-a th, .table-a td { padding: var(--pd); border-color: rgba(0,0,0,0); border-width: 0; border-inline-width: var(--pd); text-align: center; } .table-a th { padding-block: 10px; color: var(--white); font-size: clamp(16px, 1.5277777778vw, 22px); font-weight: 700; line-height: 1.3636363636; } .table-a th.strong, .table-a th[scope="colgroup"], .table-a th[scope="rowgroup"] { background: var(--hc, var(--theme)); font-size: clamp(18px, 1.7361111111vw, 25px); font-weight: 600; text-transform: uppercase; } .table-a th:before, .table-a td:before { background: var(--slate); } .table-a td:before { opacity: .075; } .table-a td { color: var(--coal); } .table-a tr > *:first-child { border-left-width: 0; } .table-a tr > *:last-child { border-right-width: 0; } .table-wrapper { margin-bottom: var(--mr_main); } .table-wrapper > table { margin-bottom: 0; } /*! Lists --------- */ .list-box { position: relative; z-index: 2; list-style: none; margin-bottom: calc(var(--mr_main) - var(--dist)) !important; margin-left: calc(0px - var(--dist)) !important; padding: 0; font-weight: 500; font-size: 16px; line-height: var(--lh_main); counter-reset: counter; --dist: 34px; --w: 25%; --pd: 0px; --hz: 28.67px; --hz2: 44px; --mr_head: var(--mr_main); --hmt: 0px; --hc: inherit; --hw: 800; --ha: inherit; --htt: none; --li: var(--black); --az: 74px; --aw: var(--rpp); --hlh: 1; --li_inner_m: 6px; --cols: var(--dist); } .list-box li { position: relative; z-index: 2; list-style: none !important; width: var(--width, var(--w)); margin: 0 0 var(--dist); padding: var(--pd); border-left: var(--dist) solid rgba(0,0,0,0); color: inherit; counter-increment: counter; } .list-box .item li { width: 100%; } .list-box h1, .list-box h2, .list-box h3, .list-box h4, .list-box h5, .list-box h6 { position: relative; margin: var(--hmt) 0 var(--mr_head); color: var(--hc); font-weight: var(--hw); font-size: var(--hz); line-height: var(--hlh); text-align: var(--ha); text-transform: var(--htt); } .list-box p { margin-bottom: var(--mr_main); color: inherit; font-size: 1em; } .list-box p.strong a { font-size: 0.9572222222em; font-weight: 700; text-transform: uppercase; } .list-box ul:not([class*="list-box"]) { list-style: none; margin: 0 0 var(--mr_main); padding: 0 0 0 24px; } .list-box ul:not([class*="list-box"]) li { width: auto; margin: 0 0 var(--li_inner_m); padding: 0 !important; border-width: 0; } .list-box ul:not([class*="list-box"]) li:last-child { margin-bottom: 0; } .list-box ul:not([class*="list-box"]) li:before { display: none; } .list-box ul:not([class*="list-box"]) li:after { content: "\2022"; display: block; position: absolute; left: -24px; top: 0; right: auto; bottom: auto; width: auto; height: auto; margin: 0; border-radius: 0; border-width: 0; background: none; font-size: 1em; } .list-box p.strong a i { display: inline-block; position: relative; top: .1em; margin-left: 10px; font-size: 1.1154489682em; line-height: 1; } .list-box li > div.cols { flex-direction: row; justify-content: space-between; flex-wrap: nowrap; } /*.list-box .cols h1, .list-box .cols h2, .list-box .cols h3, .list-box .cols h4, .list-box .cols h5, .list-box .cols h6 { overflow-wrap: anywhere; hyphens: auto; word-break: normal; }*/ .list-box.carousel { display: block; --cols: 0px; } .list-box .carousel-indicators { position: relative; bottom: 0 !important; } .list-box .carousel-control { position: absolute; top: 0; z-index: 9; width: var(--aw) /*132px*/; bottom: var(--dist); color: var(--li) !important; text-shadow: none !important; opacity: 1; } .list-box .carousel-control.left { left: auto; right: calc(100% - var(--dist)); background: none; } .list-box .carousel-control.right { right: auto; left: 100%; background: none; } .list-box .carousel-control:before { left: 50%; top: 50%; right: auto; bottom: auto; width: var(--az); height: var(--az); margin: calc(0px - var(--az) * 0.5) 0 0 calc(0px - var(--az) * 0.5); border-radius: var(--az); border: calc(var(--az) * 0.0675675676) solid var(--li); font-size: calc(var(--az) * 0.4324324324); } .list-box .carousel-control.left:before { content: "\e91e"; padding-right: calc(var(--az) * 0.0540540541); } .list-box .carousel-control.right:before { content: "\e91d"; padding-left: calc(var(--az) * 0.0540540541); } .module-box .list-box .carousel-control { --li: var(--white); } .list-box.a { color: var(--white); --c: var(--theme_1a); --pd: 24px; } .list-box.a li { width: calc(var(--w) - var(--dist)); margin-left: var(--dist); padding: 44px var(--pd) calc(var(--pd) + 3px - var(--mr_main)); border-left-width: 0; } .list-box.a li:not(.link-btn) { backdrop-filter: blur(16px); } .list-box.a li:before { background: var(--chalice); opacity: .42; } .list-box.a li:after { z-index: 2; top: auto; bottom: 0; height: 3px; background: var(--c); } .list-box.a li:nth-child(4n-2) { --c: var(--theme_2a); } .list-box.a li:nth-child(4n-1) { --c: var(--theme_3a); } .list-box.a li:nth-child(4n-0) { --c: var(--theme_4a); } .list-box.a li.link-btn { position: absolute; right: 0; top: calc(100% - var(--dist) + 12px); width: auto; min-height: 0; padding: 0; } .list-box.a h1, .list-box.a h2, .list-box.a h3, .list-box.a h4, .list-box.a h5, .list-box.a h6 { overflow: hidden; max-width: calc(var(--hz2) * 5.9545454545); padding: 0 48px 1px calc(var(--hz2) * 1.6363636364); } .list-box.a h1 span, .list-box.a h2 span, .list-box.a h3 span, .list-box.a h4 span, .list-box.a h5 span, .list-box.a h6 span { display: block; position: absolute; right: 0; bottom: calc(0px - var(--hz2) * 0.25); font-weight: 600; font-size: 2.685734217em; line-height: 1; } .list-box.a h1:before, .list-box.a h2:before, .list-box.a h3:before, .list-box.a h4:before, .list-box.a h5:before, .list-box.a h6:before { right: calc(var(--hz2) * 0.0909090909); left: calc(var(--hz2) * 1.6363636364); border-bottom: 2px solid var(--white); } .list-box.a h1:after, .list-box.a h2:after, .list-box.a h3:after, .list-box.a h4:after, .list-box.a h5:after, .list-box.a h6:after { content: "\e911"; right: auto; width: calc(var(--hz2) * 1.3636363636); margin-top: -22px; color: var(--c); font-size: var(--hz2); line-height: 44px; } .list-box.a li:nth-child(2n) h1:after, .list-box.a li:nth-child(2n) h2:after, .list-box.a li:nth-child(2n) h3:after, .list-box.a li:nth-child(2n) h4:after, .list-box.a li:nth-child(2n) h5:after, .list-box.a li:nth-child(2n) h6:after { transform: scaleX(-1); } .list-box.b { margin-left: var(--rpn) !important; margin-right: var(--rpn) !important; color: var(--white); font-size: clamp(16px, 0.9375vw, 18px); line-height: 1.3888888889; --dist: 0px; --w: 50%; --hz: min(70px, 3.6458333333vw); --mt: calc(var(--mr_main) * 2); --ha: center; --hc: inherit; --hw: 700; } .list-box.b li:before { z-index: 2; background: var(--black); opacity: .4; } .list-box.b li > div, .list-box.b li > p { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 3; padding: 0 var(--rpp); } .list-box.b h1, .list-box.b h2, .list-box.b h3, .list-box.b h4, .list-box.b h5, .list-box.b h6, .list-box.b li > p { margin: 0; color: var(--hc); font-weight: var(--hw); font-size: var(--hz); line-height: 1; text-align: var(--ha); text-transform: uppercase; } .list-box.b h1 + *, .list-box.b h2 + *, .list-box.b h3 + *, .list-box.b h4 + *, .list-box.b h5 + *, .list-box.b h6 + * { margin-top: var(--mt); } .list-box.b a { color: inherit; text-decoration: none; } .list-box.b figure { display: block; margin: 0; } .list-box.b p img { width: auto !important; height: calc(var(--hz) * 0.75) !important; object-fit: contain; } .list-box.c { margin-top: calc(var(--mr_main) * 2); margin-left: calc(var(--rpn) - var(--dist)) !important; margin-right: var(--rpn) !important; color: var(--white); font-weight: 400; font-size: min(25px, 1.3020833333vw); line-height: 1.2; --hz: 30px; --w: 33.33333333%; --dist: 50px; --pd: 46px; --pd2: 72px; --c: var(--theme_1a); --hm: calc(var(--mr_main) * 2); } .list-box.c li > div { visibility: hidden; position: absolute; left: 0; right: l0; top: 0; bottom: 0; z-index: 6; padding: var(--pd) var(--pd) calc(var(--pd) - var(--mr_main)); opacity: 0; } .list-box.c li > div:before { background: var(--black); opacity: .8; } .list-box.c li > div a { color: var(--c); } .list-box.c li > div [class*="icon-arrow"] { font-size: 20px; line-height: 1; } .list-box.c h1, .list-box.c h2, .list-box.c h3, .list-box.c h4, .list-box.c h5, .list-box.c h6, .list-box.c li > p { margin-bottom: var(--hm); font-size: var(--hz); font-weight: 700; line-height: 1; text-transform: uppercase; } .list-box.c li > p { position: absolute; left: 0; right: 0; bottom: 0; z-index: 5; max-width: calc(290px + var(--pd) * 2); margin: 0; padding: 0 var(--pd) var(--pd2); font-size: min(var(--hz), 1.5625vw); } .list-box.c li > p:before { left: var(--pd); bottom: calc(var(--pd2) - 9px); top: auto; right: auto; width: 114px; height: 3px; background: var(--c); } .list-box.c li:has(.overlay-blue) { --c: var(--theme_2a); } .list-box.c li:has(.overlay-leaf) { --c: var(--theme_3a); } .list-box.c li:has(.overlay-gold) { --c: var(--theme_4a); } .list-box.c li > div a:has([class*="icon-arrow"]) { text-decoration: none; } .list-box.c figure { display: block; width: 100%; } .list-box.d { font-weight: 400; --pd: 24px; --hz: 24px; --hc: var(--leaf); --mr_head: calc(var(--mr_main) * 0.75); --hw: 500; --ha: center; } .list-box.d li, .list-box.e li, .list-box.f li, .list-box.g li > div, .list-box.h > li { padding: var(--pd) var(--pd) max(0.1px, calc(var(--pd) - var(--mr_main))); } .list-box.d li:before { border: 1px solid var(--leaf); } .list-box.d figure { height: 70px; margin: 0 0 calc(var(--mr_main) * 0.9); text-align: center; } .list-box.e { margin-top: calc(var(--mr_main) * 1.5); margin-bottom: var(--mr_main) !important; padding: 32px 18px calc(32px - var(--dist)); text-align: center; --dist: 26px; --pd: 18px; --overlay: var(--black); --hz: 18px; --hw: 600; --htt: uppercase; } .list-box.e:before { left: var(--dist); background: var(--alabaster); } .list-box.e p, .list-box.f p { color: var(--black); } .list-box.e li:before, .list-box.f li:before { border: 1px solid var(--overlay); background: var(--white); } .list-box.e h1, .list-box.e h2, .list-box.e h3, .list-box.e h4, .list-box.e h5, .list-box.e h6, .list-box.f h1, .list-box.f h2, .list-box.f h3, .list-box.f h4, .list-box.f h5, .list-box.f h6 { color: var(--overlay); } .list-box.f { --hz: 18px; --hw: 600; --pd: 14px; --overlay: var(--black); --hmt: calc(var(--mr_main) * 1.4); } .list-box.g { --w: 50%; --overlay: var(--ruby); --pd: 28px; --dist: 36px; --fw: 180px; } .list-box.g li { min-height: 180px; --mr_main: 18px; } .list-box.g li:before { background: var(--white); } .list-box.g figure { width: var(--fw); margin: 0; padding: 10px; background: var(--overlay); flex-shrink: 0; align-self: stretch; } .list-box.h { color: var(--white); --li: var(--white); --pd: 20px; --dist: 28px; --w: 50%; --overlay: var(--chalice); --hw: 600; --hz: 20px; --mr_head: 20px; } .list-box.h > li:before { background: var(--overlay); } .list-box.h h1, .list-box.h h2, .list-box.h h3, .list-box.h h4, .list-box.h h5, .list-box.h h6 { margin-top: 3px; padding-bottom: 12px; border-bottom: 1px solid var(--li); color: inherit; } .list-box.h li > h1:first-child, .list-box.h li > h2:first-child, .list-box.h li > h3:first-child, .list-box.h li > h4:first-child, .list-box.h li > h5:first-child, .list-box.h li > h6:first-child { margin: 0 0 32px; padding: 0; border-width: 0; font-size: 26px; text-transform: uppercase; } .list-box.h .list-box.i { --w: 50%; } .list-box.h .list-box.i:last-child { margin-top: auto; } .list-box.i { padding-top: 12px; color: var(--black); font-weight: 600; text-align: center; --dist: 12px; --pd: 16px; --w: 25%; } .list-box.i li { margin: 0 0 var(--dist) !important; padding: var(--pd) var(--pd) max(0.1px, calc(var(--pd) - var(--mr_main))); border-left: var(--dist) solid rgba(0,0,0,0); --mr_main: 12px; } .list-box.i li p { margin: 0 0 12px; font-weight: inherit; } .list-box.i li:before { background: var(--white); } .list-box.i figure { height: 105px; margin-bottom: var(--mr_main); } .list-box.j { z-index: 3; margin-top: 55px; margin-bottom: calc(var(--mr_main) - var(--dist2)) !important; color: var(--white); font-size: 22px; font-weight: 600; text-align: center; --dist: 22px; --dist2: 64px; --overlay: var(--chalice); --pd: 18px; --w: 16.666666666%; } .list-box.j li { margin-bottom: var(--dist2) !important; padding: 92px var(--pd) calc(var(--pd) - var(--mr_main)); --mr_main: var(--pd); } .list-box.j li:before { background: var(--overlay); } .list-box.j figure { display: block; position: absolute; left: 0; right: 0; top: -36px; height: 90px; } .list-box.j p { margin-bottom: var(--mr_main); font-weight: inherit; } .list-box.k { color: var(--white); font-size: 15px; text-align: center; --w: 50%; --dist: 22px; --pd: 70px; --pd2: 30px; --hz: 20px; --hw: 600; --overlay: var(--leaf); } .list-box.k li { padding: var(--pd2) var(--pd) calc(var(--pd) - var(--mr_main)); } .list-box.k li:before { background: var(--black); opacity: .8; } .list-box.k h1, .list-box.k h2, .list-box.k h3, .list-box.k h4, .list-box.k h5, .list-box.k h6 { color: var(--leaf); } .list-box.k figure { min-height: 105px; } .list-box.k[style*="--max_h"] li { min-height: var(--max_h); } .list-box.l { line-height: 1.2; text-align: center; --dist: 26px; --w: 50%; --mt: 12px; --mt2: 22px; --pd: 20px; --s38: 38px; --ts: 30px; } .list-box.l:not([class*="margin-"]) { margin-bottom: 0 !important; } .list-box.l li { min-height: 228px; padding: calc(var(--pd) - var(--mt)) var(--pd) var(--pd); font-size: 15px; } .list-box.l li.title { background: none; color: var(--white); font-weight: 600; line-height: var(--lh_head); --flint: var(--gold); } .list-box.l li.title:not([class*="size-"]) { font-size: var(--ts); } .list-box.l li[class*="overlay-"] { opacity: 1; } .list-box.l li.title:before { opacity: .5; } .list-box.l li:before { background: var(--black); opacity: .05; } .list-box.l li[class*="overlay-"]:before { background: var(--overlay); opacity: 1; } .list-box.l li.border:before { border: 2px solid var(--overlay, var(--theme)); background: none; opacity: 1; } .list-box.l span { display: block; position: relative; margin: var(--mt) 0 0; } .list-box.l span span { display: inline; margin: 0; } .list-box.l span.size-68 { line-height: 1; } .list-box.l span.size-38 { margin-top: var(--mt2); color: var(--blue); font-size: var(--s38); font-weight: 700; line-height: 0.95; } .list-box.l span.size-38:first-child { margin-top: var(--mt); } .list-box.l span.size-38 i { display: block; position: absolute; left: 100%; top: 0; padding: 0 8px; font-size: 0.6052631579em; line-height: calc(var(--s38) * 0.95); } .list-box.l i[class*="arrow"][class*="up"] { color: var(--leaf); } .list-box.l i[class*="arrow"][class*="down"] { color: var(--wine); } .cols:has(.list-box.l) { align-items: stretch; --cols: 26px; } .cols:has(.list-box.l) > figure { display: flex; margin-bottom: var(--cols); align-items: stretch; flex-direction: column; } .cols:has(.list-box.l) > figure img { width: 100%; flex-grow: 3; object-fit: cover; object-position: center center; } .list-box.la { } .list-box.la li:before { background: none; } .list-box.m { text-align: center; --w: 33.3333%; --hz: 25px; --htt: uppercase; --hw: 700; --hlh: 1.24; --dist: 24px; --pd: 28px; } .list-box.m li, .list-box.n li { display: flex; flex-direction: column; } .list-box.m figure { margin-bottom: var(--mr_main); } .list-box.m figure:last-child { margin-top: auto; } .list-box.m li:after, .list-box.n li:after, .list-box.o li:after, .list-box.p li:after { content: ""; display: block; margin-top: calc(var(--mr_main) * -1); } .list-box.m li:before { border-radius: 20px; border: 1px solid var(--gray); } .list-box.n { --w: 33.3333%; --hz: clamp(18px, 1.388888888vw, 20px); --htt: uppercase; --he: 700; --hlh: 1.24; --dist: 26px; --li_inner_m: var(--mr_main); --pd: 28px; --cols: var(--pd); } .list-box.n li:before { border-radius: 20px; border: 5px solid var(--overlay); background: var(--white); } .list-box.n li.width-30 .cols { --cols: 16px; } .list-box.n li.width-30 .cols > figure { flex-shrink: inherit; min-width: 0; } .list-box.n .cols { justify-content: flex-start; } .list-box.n .cols:not(.f-vs) { align-items: center; } .list-box.o { padding-top: 76px; text-align: center; row-gap: calc(var(--imgw) * 0.7763157895); --w: 50%; --hz: clamp(24px, 1.8055555556vw, 26px); --hw: 600; --htt: uppercase; --dist: 30px; --imgw: clamp(124px, 10.5555555556vw, 152px); --pd: clamp(var(--rpp), 2.777777777vw, 40px); } .list-box.o li { margin-bottom: 0; padding: calc(var(--imgw) * .5 + var(--pd)) var(--pd) var(--pd); } .list-box.o li:before { background: var(--hc, var(--coal)); opacity: .2; } .list-box.o li:after { display: flex; position: absolute; left: 50%; top: 0; width: var(--imgw); height: var(--imgw); margin: 0; border-radius: 999px; border: calc(var(--imgw) * 0.0328947368) solid var(--white); background: var(--hc, var(--coal)); color: var(--white); font-size: calc(var(--imgw) * 0.4473684211); font-weight: 700; justify-content: center; align-items: center; transform: translate(-50%, -50%); content: counters(counter, '.', decimal-leading-zero) ' '; } .list-box.o h1, .list-box.o h2, .list-box.o h3, .list-box.o h4, .list-box.o h5, .list-box.o h6 { color: inherit; } .list-box.p { line-height: 1.125; --w: 20%; --dist: 46px; --spacer_1: 8px; --spacer_2: 112px; } .list-box.p li { position: relative; z-index: auto; padding: 40px 20px 40px; } .list-box.p li:not([class*="overlay-"]) { --hc: var(--slate); } .list-box.p svg { display: block; position: absolute; left: 100%; top: var(--spacer_2); z-index: 9; width: calc(var(--dist) + 14px); height: auto; fill: var(--hc); } .list-box.p li > figure:first-child { display: flex; height: 115px; margin: -40px 0 0; justify-content: center; align-items: center; } .list-box.p li:before { border-radius: 30px; border: 3px solid var(--hc, var(--coal)); } .list-box.p h1, .list-box.p h2, .list-box.p h3, .list-box.p h4, .list-box.p h5, .list-box.p h6 { position: relative; z-index: -1; margin: 0 -8px 26px; padding: 8px; border-radius: 8px; background: var(--hc); color: var(--white); font-size: 16px; font-weight: 600; text-align: center; text-transform: uppercase; } .list-box.p li:not(:last-child):after { content: ""; display: block; position: absolute; right: 0; top: 115px; width: 3px; height: 25px; z-index: 2; margin: 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 2.2 18.7' width='2.2' height='18.7'%3E%3Cpath d='M1.1 1.1C.5 1.1 0 .6 0 0v18.7c0-1.8.9-3.4 2.2-4.6V0c0 .6-.5 1.1-1.1 1.1' style='fill:%23fff'/%3E%3C/svg%3E"); background-size: 100% 100%; background-repeat: no-repeat; } .list-box.p li:not(:first-child) h1:before, .list-box.p li:not(:first-child) h2:before, .list-box.p li:not(:first-child) h3:before, .list-box.p li:not(:first-child) h4:before, .list-box.p li:not(:first-child) h5:before, .list-box.p li:not(:first-child) h6:before { content: ""; display: block; position: absolute; left: 0; top: var(--spacer_1); width: 12px; height: 18px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 6.3 9.5' width='6.3' height='9.5'%3E%3Cpath d='M4.9 6.8c1.9-1.1 1.9-2.9 0-4L.2.1 0 0v9.5h.2c.2-.1.5-.3.8-.4z' style='fill:%23fff'/%3E%3C/svg%3E"); background-size: 100% 100%; background-repeat: no-repeat; } .list-box.p li:not(:first-child) h1:after, .list-box.p li:not(:first-child) h2:after, .list-box.p li:not(:first-child) h3:after, .list-box.p li:not(:first-child) h4:after, .list-box.p li:not(:first-child) h5:after, .list-box.p li:not(:first-child) h6:after { content: ""; display: block; position: absolute; left: -12px; top: -9px; width: 3px; height: 3px; height: 55px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 2.2 41' width='2.2' height='41'%3E%3Cpath d='M1.1 1.1C.5 1.1 0 .6 0 0v41c0-.6.5-1.1 1.1-1.1s1.1.5 1.1 1.1V0c0 .6-.5 1.1-1.1 1.1' style='fill:%23fff'/%3E%3C/svg%3E"); background-size: 100% 100%; background-repeat: no-repeat; } .list-box.q { --dist: 26px; --hz: 15px; --hw: 600; --hlh: 1.1333333333; --hc: #595959; --pd: 26px; } .list-box.q h1, .list-box.q h2, .list-box.q h3, .list-box.q h4, .list-box.q h5, .list-box.q h6 { display: flex; width: 100%; max-width: 300px; min-height: 46px; margin: 0 auto var(--mr_main); padding: 6px 16px; border-radius: 12px; background: var(--hc); color: var(--white); text-align: center; justify-content: center; align-items: center; } .list-box.q h1 span:before, .list-box.q h2 span:before, .list-box.q h3 span:before, .list-box.q h4 span:before, .list-box.q h5 span:before, .list-box.q h6 span:before { content: counter(counter) ". "; } .list-contact { list-style: none; margin: 0 0 var(--mr_main); padding: 0; font-size: 14px; font-weight: 600; line-height: var(--lh_main); } .list-contact li { margin-bottom: 10px; } .list-contact li a, #footer .list-contact li a { display: inline; font-weight: 300; } .list-featured { position: relative; list-style: none; margin: calc(var(--mr_main) * 3) 0; padding: 0 var(--of) 70px 0; color: rgba(255,255,255,.50); letter-spacing: .54px; --pd: 36px; --op: .5; --hz: 18px; --iz: 16px; --iy: 56px; --im: var(--mr_main); --dz: 11.39px; --pz: 14.65px; --po: 68px; --p1: 30px; --b1: 2px; --b2: 152px; --b3: 1px; --b4: 0px; --pq: 30px; --of: 224px; } .list-featured li { position: absolute; right: calc(var(--of) + 210px); bottom: 0; z-index: 5; list-style: none; width: 332px; height: 310px; margin: 0; padding: var(--pd) var(--pd) calc(var(--pd) - var(--mr)); box-shadow: 9px 0 4px rgba(0,0,0,.43); background: var(--cello); --mr: 20px; } .list-featured li:first-child:before { z-index: -1; background: var(--midnight); opacity: .88; } @media only screen and (min-width: 761px) { .list-featured li:first-child { position: relative; right: 0; z-index: 3; width: auto; height: auto; padding-left: 0; padding-right: 610px; box-shadow: none; background: none; color: var(--white); --pd: 102px; --hz: 25px; --iz: 22px; --im: var(--mr); --dz: 15.86px; --mr: calc(var(--mr_main) * 1.25); --pz: 20.39px; --po: 104px; --pq: 60px; --b1: 3px; --b2: 210px; --b3: -6px; --b4: -6px; --op: 1; --iy: 90px; } .list-featured li:first-child:before, .list-featured li:first-child figure { left: var(--rpn); } .list-featured li:first-child + li + li { right: calc(var(--of) + 32px); z-index: 4; } .list-featured li:hover { color: var(--white); --op: 1px; } .list-featured li:first-child + li + li:hover { right: calc(var(--of) - 122px); } } .list-featured li.link { position: absolute; right: 0; top: 0; bottom: 0; z-index: 2; width: var(--of); height: auto; box-shadow: none; background: none; color: var(--black); } .list-featured li.link i { margin-top: -30px; font-size: 54px; line-height: 60px; } .list-featured h1, .list-featured h2, .list-featured h3, .list-featured h4, .list-featured h5, .list-featured h6 { max-width: 630px; color: inherit; font-size: var(--hz); font-weight: 400; line-height: 1.2222222222; text-transform: none; } .list-featured p { position: relative; margin: 0 0 var(--mr); padding: var(--pq) 0 0 var(--po); color: inherit; font-size: var(--pz); font-weight: 700; } .list-featured p i { display: block; position: absolute; left: 0; bottom: var(--b4); font-size: var(--iy); line-height: 1; } .list-featured p i.icon-newspaper { font-size: calc(var(--iy) * .8); text-align: left; } .list-featured p:before { left: var(--po); right: auto; bottom: var(--b3); top: auto; width: calc(100% - var(--po)); max-width: none/*var(--b2)*/; height: var(--b1); background: var(--theme_1a); opacity: var(--op); } .list-featured .date { display: block; margin: 0 0 var(--mr); font-weight: 300; font-size: var(--dz); text-transform: uppercase; } .list-featured figure { position: absolute !important; z-index: -2; } .list-featured a { color: inherit !important; text-decoration: none !important; } .list-featured a:after { content: "\e90e"; display: block; padding: var(--im) 0 0; font-family: i; font-weight: 400; font-size: var(--iz); line-height: 1; letter-spacing: normal; } .list-featured .carousel-indicators { position: absolute; left: 0; right: 0; bottom: 0; z-index: 9; width: auto; height: auto; background: none; } .list-featured .carousel-inner .item { min-height: 0; height: auto; margin: 0; padding: 0; text-align: inherit; } .list-featured[data-title]:after { padding-right: var(--of); } .list-logo { overflow: hidden; position: relative; z-index: 2; white-space: nowrap; --duration: 50s; --durr: 10s; --dist: min(115px, 5.9895833333vw); } .list-logo, .list-logo ul { display: flex; align-items: center; } .list-logo ul, .list-logo li { list-style: none; margin: 0; padding: 0; } .list-logo ul { animation: scroll var(--duration) linear infinite; animation-delay: .1s; } .list-logo li { position: relative; z-index: 2; margin-right: var(--dist); } .list-logo ul, .list-logo li, .list-logo li * { flex-shrink: 0; } .list-logo figure { margin: 0; flex-shrink: 0; } .list-logo .clone { display: none; position: absolute; right: 100%; left: auto; top: 0; bottom: 0; } .list-team { list-style: none; margin: 0 0 calc(var(--mr_main) - var(--dist)) calc(0px - var(--dist)); padding: 0; font-size: 16px; line-height: var(--lh_main); --w: 50%; --hm: calc(var(--mr_main) * 1.5); --dist: 26px; --pd: 22px; --cols: var(--pd); --btn_bg: var(--blue); --btn_bd: var(--blue); --btn_bg_h: var(--theme_2b); } .list-team li, .list-team p { position: relative; z-index: 2; list-style: none; padding: 0; color: inherit; line-height: var(--lh_main); --mr_main: 18px; } .list-team li { display: flex; flex-direction: column; width: var(--w); margin: 0 0 var(--dist); border-left: var(--dist) solid rgba(0,0,0,0); } .list-team li > div { position: relative; z-index: 2; padding: calc(var(--pd) * 1.5) var(--pd) calc(var(--pd) * 1.5 - var(--mr_main)); background: var(--white); flex-grow: 3; } .list-team h1, .list-team h2, .list-team h3, .list-team h4, .list-team h5, .list-team h6 { margin: 0 0 var(--hm); font-size: 23px; line-height: var(--lh_main); } .list-team q { display: block; margin-bottom: 38px; color: var(--blue); font-size: 20px; font-style: italic; font-weight: 500; line-height: 1.25; } .list-team figure, .list-team p { margin-bottom: var(--mr_main); font-weight: 500; } .list-team figure { font-size: 14.4px; flex-shrink: 0; } .list-team figcaption { display: block; padding-top: 16px; } .list-team figcaption span { display: block; padding: 2px 0 0; font-weight: 400; font-size: 0.875em; } .list-team .cols > figure { max-width: 45%; /*margin-left: calc(0px - var(--pd) + 5px); } .list-team .cols > figure figcaption { padding-left: calc(var(--pd) - 5px);*/ } .list-team figcaption .size-16 { display: block; margin-top: var(--mr_main); } .list-team li > div > p a { color: inherit; font-weight: 600; text-decoration: none; } .list-team[class*="overlay"] { color: var(--white); --btn_bd: var(--coal); --btn_bg: var(--coal); } .list-team[class*="overlay"] li > div:before { background: var(--overlay); } .list-team[class*="overlay"] q, .list-team[class*="overlay"] a { color: inherit; } .list-wide { list-style: none; padding: 0; font-weight: 500; font-size: 18px; line-height: var(--lh_main); --dist: 50px; --pd: 94px; --pd2: 64px; --w: 776px; --hm: calc(var(--mr_main) * 1.5); } .list-wide li { position: relative; z-index: 2; list-style: none !important; margin: 0 0 var(--dist); padding: 0; } .list-wide li > div { position: relative; z-index: 2; max-width: var(--w); padding: var(--pd2) var(--pd) calc(var(--pd2) - var(--mr_main)); backdrop-filter: blur(16px); } .list-wide li > div:before { background: var(--sand); opacity: .6; } .list-wide li > div figure { margin-bottom: var(--hm); } .list-wide li > figure { position: absolute; left: var(--rpn); right: var(--rpn); width: auto; margin: 0; text-indent: 0; } .list-wide p { margin-bottom: var(--mr_main); color: inherit; font-size: 1em; } .list-wide li:nth-child(2n) > div { margin-left: auto; } .list-wide li:nth-child(2n) > figure figcaption { left: 0; right: auto; } .list-wide[data-title]:after { padding: 0; } /*! Helpers --------- */ #top.compact ~ .navbar .offcanvas, #top.compact ~ .navbar .offcanvas, .list-box.c li > div, #top.compact ~ .navbar .navbar-brand:before, .list-box.c li > p, .list-box.b li > div, .list-box.b li > p, .list-box.b li:before, .list-box.b figcaption, #carousel-home .carousel-indicators li a:before, #carousel-home .carousel-indicators li a, .list-featured li, .list-featured p:before, #carousel-home .carousel-indicators *, .list-featured .carousel-indicators *, #top, #nav, #top .searchtop, #carousel-home h1, #carousel-home h2, #carousel-home h3, #carousel-home h4, #carousel-home h5, #carousel-home h6, #carousel-home p, #carousel-home .btn, #carousel-home .b-contentblock, .link-btn > a > .mobile-only, #tvtma-megamnu > ul > li > a, .header-box .cols a, .header-box .bt-dropdown, .list-box .carousel-indicators > *, #banner .btn-default, #banner .banner-block:hover > .content, #top.compact ~ .navbar .offcanvas-backdrop, #top.compact, #top.compact ~ .navbar .navbar-toggler, #top.compact, #top.compact ~ .navbar .navbar-brand { transition-property: all; transition-duration: 0.4s; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-delay: 0s; } #top, #nav, #top .searchtop, #top.compact, #top.compact ~ .navbar .navbar-toggler { transition-property: visibility, opacity, top, border-width, height, transform; } .clear { clear: both; } summary::-webkit-details-marker { display: none; } .hidden, [hidden], template, #nav em, .list-box.a li.link-btn:before, .list-box.a li.link-btn:after, #tvtma-megamnu > ul > li:before, #carousel-home .carousel-indicators br, .list-featured li.link a:after, #footer ul li:before, #footer ul ul, #footer .ftr-register, #footer #footer-ico, #footer .row:before, #footer .container:before, #footer .row:after, #footer .container:after, #register input.unsubbutton, #register .acym_introtext, #register .row:before, #register .row:after, #top:after, #top > a.menu, #nav .navbar-header, #top .gsc-clear-button, #up > ul > li.btn-search svg, #up .btn-home, #up .btn-contacts, #nav .up-nav, #nav .dropdown-menu li:before, #nav .dropdown-menu ul, #nav .dropdown-menu li a:after, #nav .toggle-ul, #nav .mega-menu, .list-featured li:not(:first-child) figure, .list-box .carousel-indicators, #top.compact .row:before, #top.compact .divider *, #top.compact ~ .navbar .offcanvas-header h1, #top.compact ~ .navbar .offcanvas-header h2, #top.compact ~ .navbar .offcanvas-header h3, #top.compact ~ .navbar .offcanvas-header h4, #top.compact ~ .navbar .offcanvas-header h5, #top.compact ~ .navbar .offcanvas-header h6, #top.compact ~ .navbar .navbar-toggler-icon, #top.compact ~ .navbar .offcanvas-backdrop ~ .offcanvas-backdrop { display: none; } article, aside, details, dialog, div, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary, #footer #footer-legal > .container > .row, #downloads .download p a { display: block; } hr:first-child, .module-section:first-child, .module-box:first-child, .list-logo:first-child, .list-box.c:first-child, .list-featured:first-child, #footer #footer-social:first-child, .module-article-compact .link-btn:first-child, [class*="margin-"] + *, .list-box.j:first-child, .header-box:first-child, .list-box.e:first-child, .list-box h1:first-child, .list-box h2:first-child, .list-box h3:first-child, .list-box h4:first-child, .list-box h5:first-child, .list-box h6:first-child, .list-team .link-btn { margin-top: 0; } .margin-0, .list-box.b li > div > *:last-child, .list-box.c figure, #footer .ftrcol { margin-bottom: 0; } .margin-15, .list-box.margin-15 { margin-bottom: 15px !important; } .margin-x05 { margin-bottom: calc(var(--mr_main) * 0.5) !important; } .margin-x075 { margin-bottom: calc(var(--mr_main) * 0.75) !important; } .margin-x15 { margin-bottom: calc(var(--mr_main) * 1.5) !important; } .margin-x25 { margin-bottom: calc(var(--mr_main) * 2.5) !important; } .margin-content { margin-bottom: var(--mr_main) !important; } .margin-section { margin-bottom: var(--mr_sect) !important; } /*! Miscellaneous --------- */ audio, canvas, iframe, img, svg, video { border-width: 0; vertical-align: middle; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]), video[autoplay]:not([muted]) { display: none; } svg:not(:root) { overflow: hidden; } ::selection { background: var(--theme); color: var(--white); text-shadow: none; } ::-moz-selection { background: var(--theme); color: var(--white); text-shadow: none; } /*! 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; outline-offset: -2px; } [data-whatintent="mouse"] input:focus, [data-whatintent="mouse"] select:focus, [data-whatintent="mouse"] textarea:focus { outline: none; } /*! Flexbox --------- */ /* flex */ .list-box.j figure, .list-box.d figure, .list-box .cols > div, .list-box.k figure, #top.compact .row, .list-box.l li, .list-box .carousel-control:before, .list-box.i figure, .header-box .cols a, .list-box.i figure, .list-box.h > li, .list-box.g figure, .list-box.g li, .list-team > li, .list-team, .module-box.a ul, .module-box.a, .list-featured .carousel-indicators, .link-btn > a, .link-btn button, #up, #tipoffs, #register .acym_form, #register .row, #register .acym_module_form, #footer .row:not(.ftr-register), #footer #footer-social, #footer .custom, .list-box.b figure, .module-article .rows, .list-box li > div, .list-box.b li > p, .list-box, .link-btn > a, .link-btn button, .link-btn, .cols, #up > ul, #tvtma-megamnu > ul { display: flex; flex-wrap: wrap; } /* flix */ .list-featured p, #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 { display: inline-flex; flex-wrap: wrap; } /* f:wn */ #top.compact .row, .list-box.l li, .header-box .cols a, .list-box.i figure, .list-box.h > li, .list-box.g li, .list-team > li, .module-box.a ul, .module-box.a, .link-btn > a, .link-btn button, #up, #tipoffs, #register .acym_form, #register .row, #register .acym_module_form, #footer > .container > .row, #footer .row, #footer .custom, .module-article .rows, .list-box li > div, .list-box.b li > p, .cols { flex-wrap: nowrap; } /* f:ds */ #footer > .container > .row { flex-direction: row-reverse; } /* f:dc */ .list-box.l li, .list-box.i figure, .list-box.i figure, .list-box.h > li, .list-team > li, .module-article .rows, .list-box li > div, .list-box.b li > p { flex-direction: column; } /* f:jc */ .list-box.j figure, .list-box.d figure, .list-box.k figure, #top.compact .row, .list-box.l li, .list-box .carousel-indicators, .list-box .carousel-control:before, .list-box.i figure, .list-box.i figure, .list-box.g figure, .list-featured .carousel-indicators, #tipoffs, .list-box li > div, .list-box.b li > p, #tvtma-megamnu > ul { justify-content: center; } /* f:je */ .list-box.a li.link-btn { justify-content: flex-end; } /* j:jb */ .list-box.l.wide li, .list-box.g li, .module-box.a ul, #register .row, #footer .custom, #footer > .container > .row, .cols, #footer #footer-legal .row { justify-content: space-between; } /* f:as */ .cols { align-items: flex-start; } /* f:ac */ .f-vc, .cols.f-vc, .list-box.j figure, .list-box.d figure, .list-box.k figure, #top.compact .row, .list-box.l li, .list-box .carousel-control:before, .list-box.i figure, .header-box .cols a, .list-box.i figure, .list-box.g figure, .list-box.g li, .header-box .cols, .link-btn > a, .link-btn button, #up, #tipoffs, #register .row, #footer #footer-social, .link-btn > a, .link-btn button, .link-btn, #up > ul { align-items: center; } /* f:as */ .list-box.k .cols { align-items: stretch; } /* f:ab * { align-items: baseline; } /* f:b0 */ .module-box.a ul li, .module-article .rows { flex-basis: 0; } /* f:g3 */ .module-box.a ul li, .module-box.a ul, #tipoffs > *, #footer > .container > .row > *:first-child, #footer .custom, #footer #footer-legal .custom, #footer #footer-legal .row { flex-grow: 3; } /*! Icons --------- */ @font-face { font-family: 'i'; src: url('icons/icomoon.woff2') format('woff2'), url('icons/icomoon.woff') format('woff'); font-display: swap; } [class*="icon-"] { font-family: 'i' !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; letter-spacing: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-arrow-big-down:before, .list-box.l .icon-arrow-down:before { content: "\e920"; } .icon-arrow-big-up:before, .list-box.l .icon-arrow-up:before { content: "\e921"; } .icon-arrow-down:before { content: "\e910"; } .icon-arrow-left:before { content: "\e90b"; } .icon-arrow-long-right:before { content: "\e90e"; } .icon-arrow-right:before { content: "\e90c"; } .icon-arrow-up:before { content: "\e90a"; } .icon-certificate:before { content: "\e912"; } .icon-chevron-down:before { content: "\e901"; } .icon-chevron-left:before { content: "\e903"; } .icon-chevron-right:before { content: "\e904"; } .icon-chevron-strong-down:before { content: "\e91f"; } .icon-chevron-strong-left:before { content: "\e91e"; } .icon-chevron-strong-right:before { content: "\e91d"; } .icon-chevron-strong-up:before { content: "\e91c"; } .icon-chevron-up:before { content: "\e902"; } .icon-download:before { content: "\e922"; } .icon-facebook:before { content: "\e915"; } .icon-growth:before { content: "\e905"; } .icon-linkedin:before { content: "\e914"; } .icon-media:before { content: "\e909"; } .icon-menu:before { content: "\e917"; } .icon-mining:before { content: "\e918"; } .icon-newsletter:before { content: "\e90f"; } .icon-newspaper:before { content: "\e90d"; } .icon-quote-close:before { content: "\e923"; } .icon-quote-open:before { content: "\e924"; } .icon-signup:before { content: "\e91b"; } .icon-squares:before { content: "\e908"; } .icon-squares-1:before { content: "\e907"; } .icon-squares-2:before { content: "\e906"; } .icon-squares-outline:before { content: "\e911"; } .icon-tipoffs:before { content: "\e919"; } .icon-twitter:before { content: "\e913"; } .icon-x:before { content: "\e91a"; } .icon-youtube:before { content: "\e916"; } .icon-zoom:before { content: "\e900"; } .icon-squares { display: inline-block; position: relative; z-index: 2; } .icon-squares:before { content: "\e907"; color: var(--theme_1a); } .icon-squares:after { content: "\e906"; display: block; position: absolute; left: 0; bottom: 0; color: var(--theme_1b); } .icon-squares.overlay-blue:before { color: var(--theme_2a); } .icon-squares.overlay-blue:after { color: var(--theme_2b); } .icon-squares.overlay-leaf:before { color: var(--theme_3a); } .icon-squares.overlay-leaf:after { color: var(--theme_3b); } .icon-squares.overlay-gold:before { color: var(--theme_4a); } .icon-squares.overlay-gold:after { color: var(--theme_4b); } /*! Animations --------- */ @keyframes scroll { 0% { transform: none; } 100% { transform: translateX(-100%); }} @media only screen and (min-width: 761px) { /*! SAL Copyright Mirek Ciastek License MIT Version 0.8.5 Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. https: //github.com/mciastek/sal */ :root { --sal-duration: 400ms; } [data-sal], [data-sal-arrow-delay] .swiper-button-nav { transition-delay: 0s; transition-delay: var(--sal-delay, 0s); transition-duration: .2s; transition-duration: var(--sal-duration, .2s); transition-timing-function: ease; transition-timing-function: var(--sal-easing, ease); --nav_delay: 0s; } [data-sal][data-sal-duration="200"] { transition-duration: .2s; } [data-sal][data-sal-duration="250"] { transition-duration: .25s; } [data-sal][data-sal-duration="300"] { transition-duration: .3s; } [data-sal][data-sal-duration="350"] { transition-duration: .35s; } [data-sal][data-sal-duration="400"] { transition-duration: .4s; } [data-sal][data-sal-duration="450"] { transition-duration: .45s; } [data-sal][data-sal-duration="500"] { transition-duration: .5s; } [data-sal][data-sal-duration="550"] { transition-duration: .55s; } [data-sal][data-sal-duration="600"] { transition-duration: .6s; } [data-sal][data-sal-duration="650"] { transition-duration: .65s; } [data-sal][data-sal-duration="700"] { transition-duration: .7s; } [data-sal][data-sal-duration="750"] { transition-duration: .75s; } [data-sal][data-sal-duration="800"] { transition-duration: .8s; } [data-sal][data-sal-duration="850"] { transition-duration: .85s; } [data-sal][data-sal-duration="900"] { transition-duration: .9s; } [data-sal][data-sal-duration="950"] { transition-duration: .95s; } [data-sal][data-sal-duration="1000"] { transition-duration: 1s; } [data-sal][data-sal-duration="1050"] { transition-duration: 1.05s; } [data-sal][data-sal-duration="1100"] { transition-duration: 1.1s; } [data-sal][data-sal-duration="1150"] { transition-duration: 1.15s; } [data-sal][data-sal-duration="1200"] { transition-duration: 1.2s; } [data-sal][data-sal-duration="1250"] { transition-duration: 1.25s; } [data-sal][data-sal-duration="1300"] { transition-duration: 1.3s; } [data-sal][data-sal-duration="1350"] { transition-duration: 1.35s; } [data-sal][data-sal-duration="1400"] { transition-duration: 1.4s; } [data-sal][data-sal-duration="1450"] { transition-duration: 1.45s; } [data-sal][data-sal-duration="1500"] { transition-duration: 1.5s; } [data-sal][data-sal-duration="1550"] { transition-duration: 1.55s; } [data-sal][data-sal-duration="1600"] { transition-duration: 1.6s; } [data-sal][data-sal-duration="1650"] { transition-duration: 1.65s; } [data-sal][data-sal-duration="1700"] { transition-duration: 1.7s; } [data-sal][data-sal-duration="1750"] { transition-duration: 1.75s; } [data-sal][data-sal-duration="1800"] { transition-duration: 1.8s; } [data-sal][data-sal-duration="1850"] { transition-duration: 1.85s; } [data-sal][data-sal-duration="1900"] { transition-duration: 1.9s; } [data-sal][data-sal-duration="1950"] { transition-duration: 1.95s; } [data-sal][data-sal-duration="2000"] { transition-duration: 2s; } [data-sal][data-sal-delay="50"] { transition-delay: .05s; } [data-sal][data-sal-delay="100"] { transition-delay: .1s; } [data-sal][data-sal-delay="150"] { transition-delay: .15s; } [data-sal][data-sal-delay="200"] { transition-delay: .2s; } [data-sal][data-sal-delay="250"] { transition-delay: .25s; } [data-sal][data-sal-delay="300"] { transition-delay: .3s; } [data-sal][data-sal-delay="350"] { transition-delay: .35s; } [data-sal][data-sal-delay="400"] { transition-delay: .4s; } [data-sal][data-sal-delay="450"] { transition-delay: .45s; } [data-sal][data-sal-delay="500"] { transition-delay: .5s; } [data-sal][data-sal-delay="550"] { transition-delay: .55s; } [data-sal][data-sal-delay="600"] { transition-delay: .6s; } [data-sal][data-sal-delay="650"] { transition-delay: .65s; } [data-sal][data-sal-delay="700"] { transition-delay: .7s; } [data-sal][data-sal-delay="750"] { transition-delay: .75s; } [data-sal][data-sal-delay="800"] { transition-delay: .8s; } [data-sal][data-sal-delay="850"] { transition-delay: .85s; } [data-sal][data-sal-delay="900"] { transition-delay: .9s; } [data-sal][data-sal-delay="950"] { transition-delay: .95s; } [data-sal][data-sal-delay="1000"] { transition-delay: 1s; } [data-sal][data-sal-easing=linear] { transition-timing-function: linear; } [data-sal][data-sal-easing=ease] { transition-timing-function: ease; } [data-sal][data-sal-easing=ease-in] { transition-timing-function: ease-in; } [data-sal][data-sal-easing=ease-out] { transition-timing-function: ease-out; } [data-sal][data-sal-easing=ease-in-out] { transition-timing-function: ease-in-out; } [data-sal][data-sal-easing=ease-in-cubic] { transition-timing-function: cubic-bezier(.55,.055,.675,.19); } [data-sal][data-sal-easing=ease-out-cubic] { transition-timing-function: cubic-bezier(.215,.61,.355,1); } [data-sal][data-sal-easing=ease-in-out-cubic] { transition-timing-function: cubic-bezier(.645,.045,.355,1); } [data-sal][data-sal-easing=ease-in-circ] { transition-timing-function: cubic-bezier(.6,.04,.98,.335); } [data-sal][data-sal-easing=ease-out-circ] { transition-timing-function: cubic-bezier(.075,.82,.165,1); } [data-sal][data-sal-easing=ease-in-out-circ] { transition-timing-function: cubic-bezier(.785,.135,.15,.86); } [data-sal][data-sal-easing=ease-in-expo] { transition-timing-function: cubic-bezier(.95,.05,.795,.035); } [data-sal][data-sal-easing=ease-out-expo] { transition-timing-function: cubic-bezier(.19,1,.22,1); } [data-sal][data-sal-easing=ease-in-out-expo] { transition-timing-function: cubic-bezier(1,0,0,1); } [data-sal][data-sal-easing=ease-in-quad] { transition-timing-function: cubic-bezier(.55,.085,.68,.53); } [data-sal][data-sal-easing=ease-out-quad] { transition-timing-function: cubic-bezier(.25,.46,.45,.94); } [data-sal][data-sal-easing=ease-in-out-quad] { transition-timing-function: cubic-bezier(.455,.03,.515,.955); } [data-sal][data-sal-easing=ease-in-quart] { transition-timing-function: cubic-bezier(.895,.03,.685,.22); } [data-sal][data-sal-easing=ease-out-quart] { transition-timing-function: cubic-bezier(.165,.84,.44,1); } [data-sal][data-sal-easing=ease-in-out-quart] { transition-timing-function: cubic-bezier(.77,0,.175,1); } [data-sal][data-sal-easing=ease-in-quint] { transition-timing-function: cubic-bezier(.755,.05,.855,.06); } [data-sal][data-sal-easing=ease-out-quint] { transition-timing-function: cubic-bezier(.23,1,.32,1); } [data-sal][data-sal-easing=ease-in-out-quint] { transition-timing-function: cubic-bezier(.86,0,.07,1); } [data-sal][data-sal-easing=ease-in-sine] { transition-timing-function: cubic-bezier(.47,0,.745,.715); } [data-sal][data-sal-easing=ease-out-sine] { transition-timing-function: cubic-bezier(.39,.575,.565,1); } [data-sal][data-sal-easing=ease-in-out-sine] { transition-timing-function: cubic-bezier(.445,.05,.55,.95); } [data-sal][data-sal-easing=ease-in-back] { transition-timing-function: cubic-bezier(.6,-.28,.735,.045); } [data-sal][data-sal-easing=ease-out-back] { transition-timing-function: cubic-bezier(.175,.885,.32,1.275); } [data-sal][data-sal-easing=ease-in-out-back] { transition-timing-function: cubic-bezier(.68,-.55,.265,1.55); } [data-sal|=fade] { opacity: 0;transition-property: opacity; } [data-sal|=fade].sal-animate,body.sal-disabled [data-sal|=fade] { opacity: 1; } [data-sal|=slide] { opacity: 0;transition-property: opacity,transform; } [data-sal=slide-up] { transform: translateY(20%); } [data-sal=slide-down] { transform: translateY(-20%); } [data-sal=slide-left] { transform: translateX(20%); } [data-sal=slide-right] { transform: translateX(-20%); } [data-sal|=slide].sal-animate,body.sal-disabled [data-sal|=slide] { opacity: 1;transform: none; } [data-sal|=zoom] { opacity: 0;transition-property: opacity,transform; } [data-sal=zoom-in] { transform: scale(.5); } [data-sal=zoom-out] { transform: scale(1.1); } [data-sal|=zoom].sal-animate,body.sal-disabled [data-sal|=zoom] { opacity: 1;transform: none; } [data-sal|=flip] { backface-visibility: hidden;transition-property: transform; } [data-sal=flip-left] { transform: perspective(2000px) rotateY(-91deg); } [data-sal=flip-right] { transform: perspective(2000px) rotateY(91deg); } [data-sal=flip-up] { transform: perspective(2000px) rotateX(-91deg); } [data-sal=flip-down] { transform: perspective(2000px) rotateX(91deg); } [data-sal|=flip].sal-animate,body.sal-disabled [data-sal|=flip] { transform: none; } [data-sal="fade"][style*="opacity"]: not(.sal-animate) { opacity: 0 !important; } } /* Responsive --------- */ @media only screen and (max-width: 1700px) { .list-box { --az: calc(var(--rpp) * 0.6); } } @media only screen and (max-width: 1400px) { :root { --rpp: 36px; --rpp2: var(--rpp); --cols: var(--rpp); --fz_main: 16px; } /*#nav {}*/ #nav .mega-menu { --cols: var(--rpp); } .list-box { --dist: 20px; } .list-box.a { --w: 50%; } .list-box.a li.link-btn { position: relative; top: 0; w100p } .list-box.b { --mt: var(--mr_main); } .list-box.b figure, .list-box.b figure img { min-height: 40vw !important; } .list-box.c { --dist: 20px; } .list-box.j { font-size: 18px; --dist: 20px; } .list-box.p { --dist: 30px; --spacer_1: 9px; --spacer_2: 118px; } .list-featured { --of: 122px; } .module-article { --rows: calc(var(--rpp) * 0.5); --hz: min(32px, 1.6666666667vw); --h1z: min(50px, 2.6041666667vw); --r2: calc(var(--rpp) + var(--rows)); } .module-article:has(.rows) { padding-right: var(--r2); } .module-article .rows { right: calc(0px - var(--r2)); } .module-box.a { --maw: 28%; } .list-box .carousel-indicators { display: flex; } .list-box .carousel-control { display: none; } } @media only screen and (max-width: 1200px) { #top.compact { padding-right: calc(112px + var(--rpp) * 2); } #nav { font-size: 14px; --dist: 16px; } #tvtma-megamnu > ul > li { padding-bottom: 10px; } #register { --hp: 90px; } #register input { padding: 0 24px; font-size: 24px; } #register input.btn { min-width: 0; } #footer { font-size: 14px; } #footer #footer-legal .row { --dist: 18px; } #footer #footer-social { --dist: 24px; } /*.list-box {}*/ .list-box li.width-25:has(+li.width-75) { --width: 40%; } .list-box li.width-25 + li.width-75 { --width: 60%; } .list-box.c { font-size: var(--fz_main); --pd: var(--rpp); --pd2: var(--pd); --hm: var(--mr_main); } .list-box.k { --pd: 30px; } .list-box.l { --dist: 20px; --pd: 18px; --s38: 32px; --ts: 26px; } .cols:has(.list-box.l) { --cols: 20px; } .list-featured { padding-bottom: 155px; } .list-featured li { right: 178px; } .list-featured li:first-child { --pd: 54px; padding-right: var(--pd); padding-bottom: 180px; } .list-featured li:first-child + li + li { right: 0; } .list-featured li.link { bottom: 310px; } .list-wide { font-size: var(--fz_main); --pd: var(--rpp); --pd2: var(--pd); --w: 60%; --hm: var(--mr_main); } #top.compact .row { justify-content: flex-start; } #tvtma-megamnu > ul { justify-content: space-between; } .list-box.c figure figcaption { display: none; } } @media only screen and (min-width: 1001px) { /*#nav {}*/ #nav li:has(>.mega-menu) { position: static; } #nav .mega-menu { display: none; position: absolute; left: 0; right: 0; top: 100%; z-index: 2; padding: 22px var(--rpp) 44px; font-size: 16px; line-height: var(--lh_main); } #nav .mega-menu:before { box-shadow: inset 0 4px 4px rgba(0,0,0,.04), 0 4px 4px rgba(0,0,0,.04); border-bottom: 3px solid var(--hover); background: var(--white); } #nav .mega-menu ul, #nav .mega-menu li { list-style: none; margin: 0; padding: 0; } #nav .mega-menu ul { margin: 0 0 var(--mr_main); /*padding-top: min(12px, 0.625vw);*/ } #nav .mega-menu ul li a { display: block; padding: 7.5px 0; color: var(--hover); font-weight: 500; text-transform: uppercase; text-decoration: none; } #nav .mega-menu ul li a:hover { color: var(--tint); } #nav .mega-menu ul ul { margin: 0; padding: 0; } #nav .mega-menu ul ul li a { color: var(--black) !important; font-weight: 300; text-transform: none; } #nav .mega-menu ul ul li a:hover { text-decoration: underline; } #nav .module-article-compact { max-width: 428px; margin-left: auto; margin-right: auto; } #nav .module-article-compact p.strong a:hover { color: var(--hover); text-decoration: none; } /*.list-box.h {}*/ .list-box.h ul:not([class*="list-box"]) { margin-left: 32px; } .list-box.q { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' x='0' y='0' viewBox='0 0 742.7 379.5'%3E%3Cstyle%3E.st1%7Bfill:%23e51a28%7D.st3%7Bfill:%23fbba00%7D%3C/style%3E%3Cpath d='M209.4 175.2c0 1-.8 1.9-1.9 1.9h-2.2c.3.3.7.4 1.1.4h.2c1.2 0-.5.1.7.3 15 2.2 26.4 17.3 26.4 35.1v113.9c0 19.5-13.5 35.4-30.1 35.4H33.8c-16.6 0-30.1-15.9-30.1-35.4V213c0-19.5 13.5-35.4 30.1-35.4h41.1l9.4 5.5c1.4.8 2.5.1 2.5-1.4v-4h12.3c1 0 1.9-1 1.9-2.2s-.8-2.2-1.9-2.2H86.8v-4.8c0-1.6-1.1-2.2-2.5-1.4l-10.7 6.2H33.8C15.2 173.1 0 191 0 213v113.9c0 22 15.2 39.9 33.8 39.9h169.8c18.6 0 33.8-17.9 33.8-39.9V213c0-19.9-12.5-36.8-29.2-39.5.7.3 1.2.9 1.2 1.7' style='fill:%23004899'/%3E%3Cpath d='M282.9 173.4h-.3c-.3 0-.5.1-.7.1.2 0 .3-.1.5-.1z' class='st1'/%3E%3Cpath d='M336 175.3c0 .5-.2 1-.4 1.4 16.3-2.6 28.4-16.7 28.4-33.4V46.7c0-18.6-15.2-33.8-33.8-33.8H160.4c-18.6 0-33.8 15.2-33.8 33.8v96.6c0 17.1 12.8 31.5 29.7 33.6 1.4.2 2.7.3 4.1.3h14.3l10.2 5.9c1.4.8 2.5.1 2.5-1.4v-4.5h20.3c1 0 1.9-.8 1.9-1.9 0-.8-.5-1.5-1.2-1.7-.2-.1-.5-.1-.7-.1h-20.3v-5c0-1.6-1.1-2.2-2.5-1.4l-11.1 6.4h-13.4c-1.2 0-2.5-.1-3.7-.2-15-1.8-26.4-14.7-26.4-29.8V46.7c0-16.6 13.5-30.1 30.1-30.1h169.8c16.6 0 30.1 13.5 30.1 30.1v96.6c0 15.1-11.3 27.9-26.3 29.8h.1c1 0 1.9 1 1.9 2.2' class='st1'/%3E%3Cpath d='M456.2 177.6c1.2 0 2.5.1 3.7.3 15 2.2 26.4 17.3 26.4 35.1v113.9c0 19.5-13.5 35.4-30.1 35.4H286.4c-16.6 0-30.1-15.9-30.1-35.4V213c0-17.9 11.3-33 26.4-35.1 1.2-.2 2.4-.3 3.7-.3h26.1l9.4 5.5c1.4.8 2.5.1 2.5-1.4v-4h9.6q.9 0 1.5-.9c.2-.4.4-.8.4-1.4 0-1.2-.8-2.2-1.9-2.2h-9.6v-4.8c0-1.6-1.1-2.2-2.5-1.4l-10.7 6.2h-24.9c-1.2 0-2.4.1-3.6.2-.2 0-.4 0-.5.1-.2 0-.3.1-.5.1-16.7 2.7-29.2 19.5-29.2 39.5V327c0 22 15.2 39.9 33.8 39.9h169.8c18.6 0 33.8-17.9 33.8-39.9V213c0-19.9-12.5-36.8-29.2-39.5.7.3 1.2 1 1.2 1.7 0 1-.8 1.9-1.9 1.9h-13.8' style='fill:%2300975f'/%3E%3Cpath d='M535.5 173.4h-.3c-.3 0-.5.1-.7.1.2 0 .3-.1.5-.1z' class='st3'/%3E%3Cpath d='M588.6 175.3c0 .5-.2 1-.4 1.4 16.3-2.6 28.4-16.7 28.4-33.4V46.7c0-18.6-15.2-33.8-33.8-33.8H413c-18.6 0-33.8 15.2-33.8 33.8v96.6c0 16.7 12.1 30.8 28.4 33.4.4.1.8.1 1.3.2 1.4.2 2.7.3 4.1.3h20.7l.8.4 9.4 5.5c1.4.8 2.5.1 2.5-1.4v-4.4h13.8c1 0 1.9-.8 1.9-1.9 0-.8-.5-1.5-1.2-1.7-.2-.1-.5-.1-.7-.1h-13.8v-5c0-1.6-1.1-2.2-2.5-1.4l-10.7 6.2-.4.2H413c-1.2 0-2.5-.1-3.7-.2h-.1c-15-1.9-26.3-14.7-26.3-29.8V46.7c0-16.6 13.5-30.1 30.1-30.1h169.8c16.6 0 30.1 13.5 30.1 30.1v96.6c0 15.1-11.3 27.9-26.3 29.8h.1c1 0 1.9 1 1.9 2.2' class='st3'/%3E%3Cpath d='M708.9 173.1h-63.4c-1 0-1.9 1-1.9 2.2s.8 2.2 1.9 2.2h63.4c16.6 0 30.1 15.9 30.1 35.4v113.9c0 19.5-13.5 35.4-30.1 35.4H539c-16.6 0-30.1-15.9-30.1-35.4V213c0-17.9 11.3-33 26.4-35.1 1.2-.2 2.4-.3 3.7-.3h26.4l9.4 5.5c1.4.8 2.5.1 2.5-1.4v-4h9.4q.9 0 1.5-.9c.2-.4.4-.8.4-1.4 0-1.2-.8-2.2-1.9-2.2h-9.3v-4.8c0-1.6-1.1-2.2-2.5-1.4l-10.7 6.2H539c-1.2 0-2.4.1-3.6.2-.2 0-.4 0-.5.1-.2 0-.3.1-.5.1-16.7 2.7-29.2 19.5-29.2 39.5V327c0 22 15.2 39.9 33.8 39.9h169.8c18.6 0 33.8-17.9 33.8-39.9V213c.1-22-15.1-39.9-33.7-39.9' style='fill:%23595959'/%3E%3C/svg%3E"); background-size: 100% 100%; background-repeat: no-repeat; font-size: var(--fz_main); line-height: 1.1666666667; aspect-ratio: 742.7 / 379.5; --w: 32.003069838%; --height_offset: clamp(8px, 1vw, 16px); --fz_main: 12px; --mr_main: calc(var(--lh_main) * var(--fz_main)); } .list-box.q li { display: flex; flex-direction: column; position: absolute; height: calc(50% - var(--height_offset)); margin: 0; padding: 0 var(--pd) .1px; border-width: 0; } .list-box.q li:nth-child(1) { left: 0; bottom: 0; } .list-box.q li:nth-child(2) { left: calc(244.6 / 742.7 * 100%); top: 0; transform: translateX(-50%); } .list-box.q li:nth-child(3) { left: 50%; bottom: 0; transform: translateX(-50%); } .list-box.q li:nth-child(4) { left: calc(497.9 / 742.7 * 100%); top: 0; transform: translateX(-50%); } .list-box.q li:nth-child(5) { right: 0; bottom: 0; } .list-box.q p { margin-bottom: var(--mr_main); } .list-box.q li:nth-child(2n-1) h1, .list-box.q li:nth-child(2n-1) h2, .list-box.q li:nth-child(2n-1) h3, .list-box.q li:nth-child(2n-1) h4, .list-box.q li:nth-child(2n-1) h5, .list-box.q li:nth-child(2n-1) h6 { margin-top: auto; margin-bottom: 0; order: 99; } .list-box.q li:nth-child(2n-1) p:last-child { margin-bottom: 0; } /*.list-team {}*/ .list-team[style*="--uh"] .first-ul, .list-box.f[style*="--uh"] .first-ul, .list-box.i[style*="--uh"] .first-ul { min-height: var(--uh); } /*.module-article.cols {}*/ .module-article.cols > * > h1:first-child, .module-article.cols > * > h2:first-child, .module-article.cols > * > h3:first-child, .module-article.cols > * > h4:first-child, .module-article.cols > * > h5:first-child, .module-article.cols > * > h6:first-child { margin-top: 16px; } #nav .mega-menu .cols { justify-content: center; } #nav li:hover > .dropdown-menu, #nav .dropdown-menu li:hover > ul, #nav li:hover > .mega-menu { display: block; } #nav .mega-menu a.toggle-ul { display: none; } .desktop-hide, .tablet-only { display: none; } } @media (min-width: 1001px) and (max-width: 1350px) { .list-box.q { --fz_main: clamp(10px, 0.8888888889vw, 12px); --pd: clamp(18px, 1.9259259259vw, 26px); } } @media only screen and (min-width: 1001px) and (max-width: 1300px) { /*#nav {}*/ #nav .mega-menu .cols > .width-33:first-child:nth-last-child(2):has(+.width-33), #nav .mega-menu .cols > .width-33 + .width-33:last-child:nth-child(2) { --width: 50%; } /*.list-box.q {}*/ } @media only screen and (min-width: 761px) and (max-width: 1000px) { /*#footer {}*/ #footer > .container > .row > *:has(figure) { padding-left: 200px !important; } #footer > .container > .row > *:has(figure) figure { position: absolute; left: 0; top: 50%; transform: translateY(-50%); } #footer > .container > .row > *:first-child + * { width: auto; padding: 0; } #footer > .container > .row > *:not(:first-child) { margin-bottom: var(--pd); } #footer #footer-social { margin-top: var(--mr_main); --dist: 48px; } .tablet-hide { display: none; } } @media only screen and (max-width: 1000px) { :root { --rpp: 24px; --fz_main: 14px; --top_h: 100px; } /*#top {}*/ #top:after { content: "\e917"; display: block; right: var(--rpp); left: auto; width: 27px; font-size: 19px; } .menu-active #top:after { content: "\e91a"; font-size: 22px; } #top .hdrcol-logo { top: 50%; transform: translateY(-50%); } #nav { display: block; visibility: hidden; overflow-x: hidden; overflow-y: auto; position: fixed; left: 0; top: calc(var(--top_h) + var(--top_o)); bottom: 0; z-index: 8; width: 100%; max-width: 430px; padding: 30px var(--rpp); box-shadow: inset 0 4px 4px rgba(0,0,0,.04), 0 4px 4px rgba(0,0,0,.04); border-top: 1px solid var(--chalice); background: var(--white); font-size: 16px; opacity: 0; transform: translateX(-8px); --dist: 0px; --rpp: 30px; } .menu-active #nav { visibility: visible; opacity: 1; transform: none; } #tvtma-megamnu > ul { display: block; } #tvtma-megamnu > ul > li { padding: 0; } #tvtma-megamnu > ul > li > a { height: auto; padding: 11px 0 9px; border-bottom: 1px solid var(--gallery); color: var(--black); font-weight: 700; font-size: 18px; } #tvtma-megamnu > ul > li:has(>ul, .mega-menu) > a:after, #nav .dropdown-menu li:has(>ul, .mega-menu) > a:after, #nav .mega-menu li:has(>ul, .mega-menu) > a:after { content: "\e91f"; display: block; left: auto; right: 0; top: 50%; margin-top: -3px; font-size: 5px; line-height: 6px; } #tvtma-megamnu > ul > li.toggle > a { border-color: var(--hover); color: var(--hover); } #nav .toggle > a:after { transform: rotate(180deg); } #nav .up-nav { display: block; padding: 30px 0 0; color: var(--black); font-size: 14px; font-weight: 500; text-transform: uppercase; } #nav .up-nav ul, #nav .up-nav ul li { list-style: none; margin: 0; padding: 0; } #nav .up-nav ul li { margin: 0; } #nav .up-nav ul a { display: block; position: relative; z-index: 2; margin: 0; padding: 12px 0 12px 40px; border-width: 0; background: none; color: inherit; font-size: 1em; font-weight: inherit; text-transform: uppercase; text-align: left; text-decoration: none; letter-spacing: normal; } #nav .up-nav ul a:before { right: auto; width: 32px; margin-top: -11px; font-size: 16px; } #nav .up-nav ul li.btn-tipoffs a:before { content: "\e919"; } #nav .up-nav ul li.btn-b4sa a:before { content: "\e918"; } #nav .up-nav ul li.link-btn a:before { content: "\e91b"; } #nav .up-nav ul a span { margin: 0; padding: 0; } #nav .dropdown-menu, #nav .mega-menu { display: block; position: relative; top: 0; width: auto; padding: 10px 0 0; font-weight: 400; } #nav .dropdown-menu li a, #nav .mega-menu ul a { display: block; position: relative; padding: 12px 0 12px 20px; background: none; color: inherit; font-weight: inherit; text-decoration: none; } #nav .dropdown-menu li:has(>ul, .mega-menu) > a, #nav .mega-menu li:has(>ul, .mega-menu) > a { padding-right: 18px; } #nav .dropdown-menu ul, #nav .mega-menu ul ul { display: block; position: relative; left: 0; top: 0; width: auto; padding: 6px 0; font-weight: 300; } #nav .dropdown-menu ul li a, #nav .mega-menu ul ul a { padding-top: 7px; padding-bottom: 7px; } #nav .dropdown-menu .toggle > a, #nav .mega-menu .toggle > a { font-weight: 600; text-transform: uppercase; } #nav a.toggle-ul, #nav .dropdown-menu a.toggle-ul, #nav .mega-menu a.toggle-ul { display: block; overflow: hidden; position: absolute; right: -16px; top: 0; z-index: 9; width: 44px; height: 46px; text-indent: -3000em; text-align: left; } #nav .mega-menu ul { font-weight: 400; } #nav .mega-menu ul ul { font-weight: 300; } #nav .mega-menu ul, #nav .mega-menu ul li, #nav .mega-menu .module-box { position: relative; list-style: none; margin: 0; padding: 0; } #nav .mega-menu .cols > * { width: auto; max-width: none; } #nav .module-article-compact { margin: 0; } #nav .module-article-compact h1, #nav .module-article-compact h2, #nav .module-article-compact h3, #nav .module-article-compact h4, #nav .module-article-compact h5, #nav .module-article-compact h6 { display: block; position: relative; margin: 0; padding: 12px 0 12px 20px; font-weight: 400; font-size: 16px; line-height: var(--lh_main); text-transform: none; } #nav .module-article-compact p.strong, #nav .module-article-compact p.strong a, #nav .module-article-compact p.link-btn, #nav .module-article-compact p.link-btn a { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 9; margin: 0; border-width: 0; background: none; text-indent: -3000em; text-align: left; } #up { right: 67px; top: 0; bottom: 0; } #up > ul > li:not(.link-btn) > a { text-transform: none; } #top #tipoffs { transform: none; } #top > a.menu { display: block; overflow: hidden; position: absolute; right: 0; top: 50%; z-index: 9; width: 64px; height: 44px; margin-top: -22px; text-indent: -3000em; text-align: left; } #top.compact { padding-right: calc(var(--rpp) * 3); --hz: 20px; } #top.compact ~ .navbar .navbar-brand { overflow: hidden; text-indent: -3000em; text-align: left; } #register { --mr_main: var(--pd); --dist: 16px; } #register .acym_form { display: block; width: 100%; } #register .acym_form > * + * { margin: var(--dist) 0 0; } /*#footer {}*/ #footer > .container > .row { flex-direction: column-reverse; } #footer > .container > .row > * { position: relative; min-width: 100%; } .totop { top: -18px; width: 36px; height: 46px; font-size: 22px; } #footer #footer-legal { padding-bottom: .1px; font-size: 16px; } #footer #footer-legal * { justify-content: center !important; } #footer #footer-legal p { margin-bottom: var(--pd); } #footer #footer-legal .row, #footer #footer-legal .row:has(.copyright-style) { --dist: 48px; } #footer #footer-legal .row > *:has(>.row > .copyright-style) { margin-left: 0; flex-grow: 3; } #footer #footer-legal .copyright-style { font-size: 11.6px; } .header-box { --fz: 24px; --az: 11px; } .list-box { font-size: var(--fz_main); line-height: var(--lh_main); --dist: 20px; } .list-box[style*="--w: 25%"] { --w: 50% !important; } .list-box.b { font-size: var(--fz_main); --w: 100%; } .list-box.c, .list-box.d, .list-box.e, .list-box.f { --w: 50%; --dist: 20px; } .list-box.c li > p { font-size: var(--fz_main); } .list-box.g, .list-box.h { --w: 100%; --dist: 20px; } .list-box.j { font-size: 22px; --w: 33.333333333%; } .list-box.l { --pd: 20px; --s38: 38px; } .cols:has(.list-box.l) > *:has(.list-box.l) { width: 100%; max-width: none; } .list-box.m, .list-box.n { --w: 50%; } .list-box.p { overflow-x: auto; overflow-y: auto; margin-inline: var(--rpn); padding-inline: var(--rpp); flex-wrap: nowrap; column-gap: var(--dist); --w: min(80vw, 300px); } .list-box.p li { flex-shrink: 0; border-left-width: 0; } .list-box.q { font-size: 12px; --w: 50%; } .list-box.q li { padding-top: 0; } .list-box.q li:before { top: 20px; border-radius: 30px; border: 6px solid var(--hc); } .list-box.q li:after { content: ""; display: block; margin-top: calc(0px - var(--mr_main)); } .list-team { --w: 100%; --hm: var(--mr_main); --dist: 30px; } .list-team li > div { padding-top: var(--pd); padding-bottom: calc(var(--pd) - var(--mr_main)); } .list-team .cols > figure { max-width: calc(200px + var(--cols)); } .list-team q { margin: 0; font-size: 18px; } .module-article { --rows: calc(var(--rpp) * 0.5); --hz: 18px; --h1z: 30px; } .module-article h1 + .lead, .module-article h2 + .lead, .module-article h3 + .lead, .module-article h4 + .lead, .module-article h5 + .lead, .module-article h6 + .lead { margin-top: 0; } .module-box[style*="112px"], .module-box[style*="134px"], .module-box[style*="154px"] { --pd: 76px !important; } .module-box.a { display: block; --maw: 100%; } .module-box.a ul { margin-left: calc(0px - var(--dist)); } .module-box.plain { padding: 0; } .list-box .carousel-indicators { display: flex; } #nav .mega-menu, #nav .mega-menu .cols, #nav a[href*="powerappsportals"] ~ .mega-menu .module-article-compact, #register .row { display: block; } #nav a.toggle-ul:after { display: none !important; } #up > ul > li:not(.btn-search), #nav .up-nav li.btn-search, #nav .up-nav li.btn-home, #nav .up-nav li.btn-contacts, #nav .dropdown-menu:before, #tvtma-megamnu > ul > li > a:before, #nav a.toggle-ul:after, #nav *:not(.toggle) > .dropdown-menu, #nav *:not(.toggle) > .mega-menu, #nav .dropdown-menu *:not(.toggle) > ul, #nav .mega-menu li:not(.toggle) > ul, #nav .mega-menu .module-article-compact, #nav .mega-menu .module-box:before, #nav .module-article-compact figure, #nav .module-article-compact p:not(.strong, .link-btn), .module-box.a h1 br, .module-box.a h2 br, .module-box.a h3 br, .module-box.a h4 br, .module-box.a h5 br, .module-box.a h6 br, #top.compact ~ .navbar .navbar-brand:before { display: none; } .desktop-only { display: none; } } @media only screen and (min-width: 761px) { /*#nav {}*/ #tvtma-megamnu > ul > li > a:hover, #tvtma-megamnu > ul > li:hover > a { color: var(--hover); /*font-weight: 600; line-height: calc(var(--lh_main) * 0.85);*/ } /*.link-btn {}*/ .link-btn > a > .mobile-only { display: block !important; overflow: hidden; position: relative; left: 0; top: 0; max-width: 0px; padding-left: 0; white-space: nowrap; } .link-btn > a:hover > .mobile-only { max-width: 190px; padding-left: var(--btn_pd); } /*.list-box.b {}*/ .list-box.b li:hover > div, .list-box.c li:hover > div { visibility: visible; opacity: 1; } .list-box.b li:hover > p, .list-box.c li:hover > p { visibility: hidden; opacity: 0; } .list-box.b li:hover:before { opacity: .85; } .list-box.b li:hover > p { margin-top: calc(0px - var(--hz) * 2); } .list-box.b li:hover > figure figcaption { opacity: .15; } .list-box.l.wide { --w: 100%; --mt: 0px; --mt2: 0px; } .list-box.l.wide li { min-height: 112px; flex-direction: row; } .list-box.l.wide li > span:first-child { width: 29%; text-align: right; } .list-box.l.wide li > span:last-child { width: 29%; text-align: left; } .list-box.l.wide span.size-38 { padding-right: 28px; } .list-box.l.wide span.size-38 i { left: auto; right: 0; padding: 0; } .list-box.l li.has-cols { min-height: 104px; padding: 10px 22px; flex-direction: row; justify-content: space-between; --mt: 0; } .list-box.l li.has-cols .size-68 { font-size: clamp(36px, 4.3055555556vw, 62px); } .mobile-only { display: none !important; } } @media only screen and (max-width: 760px) { :root { --rpp: 18px; --top_h: 85px; --fz_main: 12px; /*--btn_fz: 12.31px; --btn_pd: 9px; --btn_pd2: 5px;*/ --mr_sect: 40px; --mt_top: calc(var(--mr_main) * 4); --input_h: 36px; } /*#top {}*/ #top .hdrcol-logo { max-width: calc(100% - 120px); } #top #logo img { width: 100% !important; max-width: 240px !important; } #up { right: 50px; } /*#carousel-home {}*/ #carousel-home .carousel-inner .item { min-height: calc(90vh - var(--top_h)); } #carousel-home .carousel-indicators, .list-featured .carousel-indicators, .list-box .carousel-indicators { bottom: 13px; --w: 12px; --h: 12px; --d: 3px; } #carousel-home .carousel-indicators li.active, .list-featured .carousel-indicators > .active, .list-box .carousel-indicators > .active { --w: 24px; } #top.compact { --hz: 16px; } #banner { --hz: 4vw; --fz: 10px; --hp: 24px; } #banner .banner-block li { padding: 4px 0; } #banner .banner-block .content { padding-top: calc(var(--hz) + var(--hp) + 10px); } #banner .banner-block.toggle > .content { visibility: visible; opacity: 1; background: var(--overlay); transform: none; } /* Alt version of banner - simplified */ #banner { display: block; height: auto !important; } #home #banner { margin-top: 0; } #banner .bnr-logo, #banner .down-arrow, #banner .banner-block, #banner .banner-block .content, #banner .banner-block h1, #banner .banner-block h2, #banner .banner-block h3, #banner .banner-block h4, #banner .banner-block h5, #banner .banner-block h6 { display: none; width: 100%; height: min(400px, 50vw); flex: auto } #banner .bnr-logo + .banner-block { display: block; height: auto; } #banner .bnr-logo + .banner-block figure { position: relative; } #top.compact, #top.compact ~ .navbar .navbar-toggler, #top.compact ~ .navbar .navbar-brand { visibility: visible !important; opacity: 1 !important; transform: none !important; } /* Alt version of banner - simplified */ /*#tipoffs {}*/ #tipoffs h1, #tipoffs h2, #tipoffs h3, #tipoffs h4, #tipoffs h5, #tipoffs h6 { padding-right: var(--rpp); } #register { --hp: 56px; --hz: 18px; --pd: 28px; --mr_main: calc(var(--lh_main) * var(--fz_main)); } #register h1, #register h2, #register h3, #register h4, #register h5, #register h6 { margin-bottom: 40px; padding-top: 12px; } #register input { padding: 10px 30px; font-size: 15.6px; } #register input.btn { min-width: 122px; height: auto; padding: 10px 16px 8px; font-size: 10px; } #register .acym_module_form { display: block; } #register .acysubbuttons { padding-top: 34px; margin-left: 0; } /*#footer {}*/ #footer .container { width: 100%; max-width: 250px; margin-left: auto; margin-right: auto; } #footer > .container > .row { padding-bottom: 46px; } #footer .container .row, #footer .container .custom { display: block; } #footer > .container > .row > *:first-child + * { width: 100%; padding: 0; } #footer .custom > * { max-width: none; } #footer .custom ul { margin-bottom: calc(var(--mr_sect) * 1.75); } #footer .list-contact { margin-right: var(--rpn); } #footer #footer-social { --dist: 48px; } .totop { right: 40px; } #footer #footer-legal { padding-top: var(--rpp); padding-bottom: calc(var(--rpp) - var(--pd)); font-size: 14px; text-transform: none; --pd: 10px; } #footer #footer-legal * { justify-content: flex-start !important; } #footer #footer-legal .container { max-width: none; } #footer #footer-legal .copyright-style { padding-bottom: 10px; font-size: 14px; } #footer #footer-legal .custom > .row > * { order: 2; } #footer #footer-legal .custom > .row > *:has(.copyright-style) { order: 1; } /*footer:not([id]) > .totop { display: block; position: fixed; right: var(--rpp); bottom: var(--rpp); top: auto; z-index: 9; } html:not(.scrolled) footer:not([id]) > .totop { visibility: hidden; opacity: 0; }*/ .accordion-a { --pdi: var(--rpp); } .cols { display: block; } .cols > * { width: auto !important; max-width: none !important; } .cols > figure.offset:first-child { margin-left: var(--rpn); margin-right: var(--rpn); } .cols > *:has(.icon-download) { min-width: 140px; font-size: 14px; } [data-title] { --dt: 67.42px; } [data-title]:after { text-shadow: -2px -2px 0 var(--ox), -2px -1px 0 var(--ox), 2px -2px 0 var(--ox), 2px -1px 0 var(--ox), 2px 0px 0 var(--ox), 2px 1px 0 var(--ox), 2px 2px 0 var(--ox), 0px 2px 0 var(--ox), 1px 2px 0 var(--ox), 2px 2px 0 var(--ox); } .header-line + [data-title] { margin-top: var(--mt_top); } /*figure {}*/ figure:has(figcaption .icon-squares) figcaption, .figcaption:has(.icon-squares) { padding: 0 var(--rpp) var(--rpp); font-size: 10px; } .header-box { margin-left: var(--rpn); margin-right: var(--rpn); padding-left: var(--rpp); padding-right: var(--rpp); } .header-line { --hd: 20px; --w: 336px; } /*.link-btn {}*/ * + .link-btn { margin-top: 0; } .list-box { --hz: 21.5px; --hz2: 34px; } .list-box[style*="--w: 25%"] { --w: 50% !important; } .list-box.a { display: block; max-width: 298px; margin-bottom: 0 !important; margin-left: auto !important; margin-right: auto !important; --w: 100%; --pd: 20px; --dist: 44px; --mr_head: calc(var(--mr_main) * 1.75); } .list-box.a li { width: 100%; min-height: 238px; margin-left: 0; padding-top: 40px; border-left-width: 0; } .list-box.a h1, .list-box.a h2, .list-box.a h3, .list-box.a h4, .list-box.a h5, .list-box.a h6 { padding-bottom: 3px; } .list-box.a li.link-btn { width: 100%; } .list-box.b { --hz: 31.86px; --mt: calc(var(--mr_main) * 2); } .list-box.b figure, .list-box.b figure img { min-height: 420px !important; } .list-box.b li > div p { max-width: 324px; width: 100%; margin-left: auto; margin-right: auto; } .list-box.b li.toggle > div { visibility: visible; opacity: 1; } .list-box.b li.toggle > p { visibility: hidden; opacity: 0; } .list-box.b li.toggle:before { opacity: .85; } .list-box.b li.toggle > p { margin-top: calc(0px - var(--hz) * 2); } .list-box.b li.toggle > figure figcaption { opacity: .15; } .list-box.c { font-size: 16px; --w: 100%; --dist: 0px; --pd: 38px; --pd2: 88px; --hz: 24px; --hm: calc(var(--mr_main) * 2); } .list-box.c li > p { width: 280px; font-size: var(--hz); } .list-box.c li > p:before { bottom: calc(var(--pd2) - 6px); width: 90px; height: 2px; } .list-box.c p.strong { font-size: 12px; font-weight: 600; text-transform: uppercase; } .list-box.c .icon-arrow-long-right:before { content: "\e90c"; } .list-box.c p.strong a i { display: inline-block; position: relative; top: .1em; margin-left: 10px; font-size: 1.1154489682em; line-height: 1; } .list-box.c li.toggle > div { visibility: visible; opacity: 1; } .list-box.c li.toggle > p { visibility: hidden; opacity: 0; } .list-box.d, .list-box.e, .list-box.f { --w: 100%; --dist: 20px; } .list-box.e { margin-left: calc(0px - var(--dist) - var(--rpp)) !important; margin-right: var(--rpn); padding: 20px var(--rpp) .1px; } .list-box.f, .list-box.g { --pd: 18px; --fw: 33.333333%; } .list-box.g li { min-height: 0; } /*.list-box.g {}*/ .list-box.g figure { padding: 30px; } .list-box.j { --w: 100%; } .list-box.j li { padding-top: 72px; } .list-box.k { --w: 100%; /*overflow-x: auto; overflow-y: hidden; margin-left: var(--rpn) !important; margin-right: var(--rpn); flex-wrap: nowrap; } .list-box.k li { width: calc(100vw - var(--rpp) * 6); min-width: calc(100vw - var(--rpp) * 6); margin-left: var(--rpp); border-left-width: 0; } .list-box.k li:last-child { margin-right: var(--rpp);*/ } .list-box.k.carousel { margin-left: 0 !important; } .list-box.k.carousel li { border-left-width: 0; } .list-box.l { --w: 100%; --s38: 32px; --mt2: 12px; } .list-box.l li { min-height: 0; } .list-box.m, .list-box.n { --w: 100%; } .list-box.n li { width: 100%; max-width: none; } .list-box.n .cols, .list-box.n li.width-30 .cols { --cols: var(--rpp); } .list-box.n .cols.f-vs { align-items: center; } .list-box.n .cols > figure, .list-box.n li.width-30 .cols > figure { flex-shrink: inherit; max-width: 20% !important; } .list-box.o, .list-box.q { --w: 100%; } .list-featured { margin-left: var(--rpn); margin-right: var(--rpn); padding: 0; color: var(--white); text-align: left; --hz: 14px; --iz: 12px; --im: 30px; --dz: 10px; --b3: 0px; --op: 1; --pz: 21px; } .list-featured li, .list-featured li:first-child { position: relative; right: 0; width: auto; height: auto; min-height: 400px; padding: 40px var(--rpp) var(--rpp); --mr: 12px; } .list-featured p { margin-right: auto; margin-bottom: calc(var(--mr_main) * 1.75); font-size: 21px; } .list-logo { margin-bottom: var(--mt_top); margin-left: var(--rpn); margin-right: var(--rpn); --dist: 86px; } /*.list-team {}*/ .list-team .cols > figure { max-width: none; } .list-team figcaption { padding-top: 8px; } .list-wide { --pd2: 30px; --dist: 24px; --w: 240px; } .list-wide li > div { padding-bottom: calc(var(--pd) - var(--mr_main)); } .module-article { --hz: 16px; --h1z: 25px; --rows: 16px; } .module-article.cols:has(.rows) { padding-right: var(--rpp); } .module-article.cols:has(.rows) > *:not(figure) { padding-right: 42px; } .module-article.cols { display: flex; flex-direction: column-reverse; } .module-article.cols > *:first-child { margin-bottom: 0; } .module-article.cols > *:not(:last-child) { margin-top: 14px; } .module-article .rows { right: var(--rpn); } .module-box { padding-left: 0; padding-right: 0; } .module-box:before, .module-box > figure.bg { left: var(--rpn); right: var(--rpn); } .module-box > .header-box:first-child { margin-top: calc(0px - var(--pd)); } .module-box > .list-team:last-child { margin-bottom: calc(var(--mr_main) - var(--dist)) !important; } .module-box[style*="--pd_m"] { --pd: var(--pd_m) !important; } .module-box[style*="--aspect_m:"] { aspect-ratio: var(--aspect_m); } .module-box.a { --pd: var(--rpp); --hz: 24px; } .module-box.a ul { display: block; } .module-box.a ul li { max-width: none; margin-bottom: 6px; } .module-box.a ul li:last-child { margin-bottom: 0; } .module-box[style*="112px"], .module-box[style*="134px"], .module-box[style*="154px"] { --pd: 68px !important; } .module-fbox { --pd: 22px; --bw: 4px; --iz: 330px; --bb: 25vw/*254px*/; } .module-fbox:before, .module-fbox:after, .module-fbox > div:before, .module-fbox > div:after { width: 72px; height: 30px; } .module-fbox > i { left: 0; right: 0; bottom: calc(0px - var(--bb)); top: auto; transform: none; } .module-fbox > i.icon-certificate { padding-top: 0; } .module-fbox:has(>i) { border-bottom: var(--bb) solid rgba(0,0,0,0); } .quote-a { --fz: 4.54545455vw; } .quote-a.width-500 { max-width: none; } .quote-a q:before, .quote-a q:after { font-size: 1.25em; } .quote-a q:before { margin-bottom: 18px; } .quote-a q:after { display: block; position: absolute; top: auto; left: auto; bottom: -16px; right: 0; margin: 0; line-height: 1; } .quote-a footer { padding-top: 8px; } .table-wrapper { overflow-x: auto; overflow-y: hidden; width: calc(100% + var(--pd) * 2 + var(--rpp) * 2); margin-inline: calc(var(--rpn) - var(--pd)); --pd: 8px; } .table-wrapper .table-a { min-width: 720px; margin-inline: 0; } .table-a :is(th, td) { min-width: 200px; } .list-featured li, .header-box .cols, .list-box.k.carousel li, #footer #footer-legal .row { display: flex; } .list-featured li, .list-box.k.carousel li, #footer #footer-legal .row { flex-wrap: nowrap; } .list-featured li, .list-box.k.carousel li, #footer #footer-legal .row { flex-direction: column; } .list-featured li, .list-box.k.carousel li { justify-content: center; } .mobile-hide, .tablet-only, #footer .ftr-register, .bt-dropdown { display: none !important; } .list-featured > li ~ li, .module-box.a ul br, #top.compact .divider { display: none; } .list-box.c figure figcaption { display: block; } } @media only screen and (max-width: 760px) { .list-wide figcaption { display: none; } } @media only screen and (max-width: 560px) { #top.compact { --hz: 14px; } }