/* ------------------------------------------- Name: micasa.hr Date: 2024/01/05 Author: Life Science Network --------------------------------------------- */ *, *:before, *:after { margin: 0; padding: 0; box-sizing: border-box; outline-color: var(--cerise); transform-origin: center center; } html { overflow-y: scroll; overflow-x: hidden; 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; width: 100%; min-height: 100%; background: var(--spring); font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } @-ms-viewport { width: device-width; } @viewport { width: device-width; } /*! Defaults --------- */ body, textarea, input, select, option, button { color: var(--coal); font-family: Poppins, Arial, Helvetica, sans-serif; line-height: 1.7142857143; letter-spacing: 0.0057142857em; } li *, dt *, dd *, p *, figure *, th *, td *, legend * { font-size: 1em; } ul, ol, dl, p, figure, table, pre, h1, h2, h3, h4, h5, h6, legend { margin-bottom: 24px; } h1, h2, h3, h4, h5, h6, legend { margin: 42px 0 19px; color: var(--coal); font-weight: 700; font-family: Sora, Arial, Helvetica, sans-serif; font-size: 18px; line-height: 1.2857142857; } h1 { font-size: 28px; } /*h2 { font-size: 24px; } h3 { font-size: 16px; } h4 { font-size: 14px; } h5 { font-size: 12px; }*/ a { background: none; color: var(--cerise); font-weight: 500; text-decoration: none; cursor: pointer; outline-width: 0; -webkit-text-decoration-skip: objects; } /*---*/ a span { cursor: pointer; } [data-whatintent="mouse"] a:hover { color: var(--cerise); } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, legend a, body > p a, .lead a, .list-nav a, .list-dots a, .list-aside.a a, #root .list-main .list-inline a, .nav-pagination li a, a.email, a[href^="tel:"], .list-aside a[rel*="external"], #root .list-share li a, .list-slider li a, .list-comments h1 a, .list-comments h2 a, .list-comments h3 a, .list-comments h4 a, .list-comments h5 a, .list-comments h6 a, #root .list-comments > li > a, #cookie a, .popup-a header a, .form-box > nav:first-child a, #root .check a.label, .form-box ul.s16 a, .list-node h1 a, .list-node h2 a, .list-node h3 a, .list-node h4 a, .list-node h5 a, .list-node h6 a, .check-2 a, [data-whatintent="mouse"] .check-2 a:hover, .list-main h1 a span, .list-main h2 a span, .list-main h3 a span, .list-main h4 a span, .list-main h5 a span, .list-main h6 a span { color: inherit; font-weight: inherit; } ul, ol, dd, blockquote { padding-left: 17px; } ul ul, ol ul, ol ol, ol ul { list-style: none; padding-left: 0; } ul { list-style: disc; } li { position: relative; } li:after { content: ""; display: block; position: absolute; left: -11px; top: 0; } ol li:after { content: ""; } /*! Variables --------- */ *:root { --white: #ffffff; --venus: #e2e2e2; --dove: #696969; --coal: #333333; --black: #000000; --wine: #ec1e1e; --sand: #f5f3f3; --dusty: #9d9c9c; --silver: #cecdcd; --cinnabar: #ea4335; --orange: #ff4500; --mercury: #e8e7e6; --spring: #fcfbf9; --butter: #f3ca39; --sun: #fde64b; --delta: #ababa9; --mint: #e5f2e0; --mantis: #7abf68; --cerulean: #007bb6; --picton: #41abe1; --danube: #549cd2; --arctic: #dfebf7; --marine: #4267b2; --weep: #f5d7dc; --rose: #17979d;/*#d36777*/ --pink: #ee9ca8; --cerise: #dc3850; } /*! Mixins --------- */ /* cl:b */ .check:after, .module-welcome > header:after, .list-slider:after, .owl-carousel .owl-stage:after, .owl-carousel .owl-stage-outer:after, .check.box:after, .module-box p:after, .list-aside.border li:after, .nav-sort p:after, .module-main:after, .header-line:after, .header-profile:after, .list-aside li:after, .module-profile:after, .form-stream:after, #content:after, #footer:after, form p:after, .cols-a:after { content: ""; display: block; overflow: hidden; position: relative; left: 0; top: 0; clear: both; } /* fill */ .form-search.aside.disabled:before, .scheme-box:before, .list-comments.inv li:before, .list-sub:before, .list-share li.disabled:before, .list-main li:after, .list-main li:before, .scheme-tip > a.toggle, .scheme-tip > a.popup, .form-box:before, .list-main figure:first-child + p > span[class*="overlay"]:before, .list-main li > p:first-child > span[class*="overlay"]:before, .module-alert:before, #top > nav > ul > li > ul:before/*, .list-comments > li > a:before*/, .list-inline.a li:before, .nav-aside > header > a.toggle, .list-inline.overlay:before, .tabs-compact.small > nav ul:before, .link-btn.cta:before, .nav-sort ul li a:before, .nav-sort ul:before, .module-box:before, #nav:before, .list-aside ul.sub:before, .header-line.a > span:before, .list-nav li ul:before, .list-nav:before, .header-profile figure a, .header-profile:before, .module-aside:before, .module-welcome:before, .tabs-a > nav:before, .module-stream:before { content: ""; display: block; overflow: hidden; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; text-align: left; text-indent: -3000em; } /* wide */ #cookie:before, #top:before { content: ""; display: block; position: absolute; left: 50%; top: 0; bottom: 0; z-index: -1; width: 100vw; margin: 0 0 0 -50vw; } /* icon */ .list-main .form-comments button:before, .list-node a.node-sub:before, .form-search.aside label:before, .link-btn .list-sub:after, a.list-sub-toggle:before, .list-stream .form-comments button:before, .scheme-tip > .tip:after, .scheme-tip > .tip:before, .popup-a .box-inset > .close:before, .module-alert > .close:before, .module-box > a.toggle:before, .owl-nav button:before, .nav-aside header:before, .module-box.social li a:before, .form-search button:before, .list-aside > a.toggle:before, .header-profile > div figure:before, .header-profile > div figure i, .list-nav li.sub > a:before, #top > a.toggle-search:before, #top > nav > .list-inline > li > a:before, .module-welcome button:before, .module-welcome button:before, .offset-toggle:before, #footer .totop:before, .list-compact.users a:after, #footer .totop:before, body > p a.close:before, #top:after, #top > form button:before { 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 */ .form-search.aside.disabled:before, .list-aside li.active, .list-share li.disabled:before, .scheme-tip > a.toggle, .scheme-tip > a.popup, .list-comments > li > a:before, .nav-aside > header > a.toggle, .header-profile figure a, .list-stream a:before { z-index: 8; } /* tr:x */ #top > nav > ul > li > a span { -webkit-transform: translateX(-50%); transform: translateX(-50%); } /* tr:y */ .module-box.aside.compact > i, .module-box.aside.compact > h1:first-child i, .module-box.aside.compact > h2:first-child i, .module-box.aside.compact > h3:first-child i, .module-box.aside.compact > h4:first-child i, .module-box.aside.compact > h5:first-child i, .module-box.aside.compact > h6:first-child i { -webkit-transform: translateY(-50%); transform: translateY(-50%); } /* tr:n */ [data-whatintent="mouse"] .scheme-tip:hover > .tip, .scheme-tip.toggle > .tip, .popup-a.shown .box-inset, .filter-active .form-filter, #top > nav > ul > li > a i span, .aside-active #aside { -webkit-transform: none; transform: none; } /* show */ [data-whatintent="mouse"] .scheme-tip:hover > .tip, .scheme-tip.toggle > .tip, .popup-a.shown, .popup-a.shown .box-inset, .popup-a.shown .box-outer .close, .popup-shown #root:after, .fancybox-container.fancybox-is-open { visibility: visible; opacity: 1; } /* hide */ .owl-carousel.owl-loading, .owl-carousel.owl-hidden, .owl-carousel.owl-refresh .owl-item, .owl-carousel .owl-item .owl-lazy, fancybox-container { visibility: hidden; opacity: 0; } /* i:wi */ img.wide { display: block; position: relative; z-index: 1; width: 100% !important; } /* i:bg */ .header-profile img { display: block; width: 100% !important; height: 100% !important; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; } /* hyph */ .module-box h1, .module-box h2, .module-box h3, .module-box h4, .module-box h5, .module-box h6, span.break, a, .header-profile h1, .header-profile h2, .header-profile h3, .header-profile h4, .header-profile h5, .header-profile h6 { overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; -moz-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } /* hyph */ .module-box h1, .module-box h2, .module-box h3, .module-box h4, .module-box h5, .module-box h6, span.break, a, .header-profile h1, .header-profile h2, .header-profile h3, .header-profile h4, .header-profile h5, .header-profile h6 { overflow-wrap: break-word; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -webkit-hyphenate-limit-before: 3; -webkit-hyphenate-limit-after: 3; -webkit-hyphenate-limit-chars: 6 3 3; -webkit-hyphenate-limit-lines: 2; -webkit-hyphenate-limit-last: always; -webkit-hyphenate-limit-zone: 8%; -moz-hyphens: auto; -moz-hyphenate-limit-chars: 6 3 3; -moz-hyphenate-limit-lines: 2; -moz-hyphenate-limit-last: always; -moz-hyphenate-limit-zone: 8%; -ms-hyphens: auto; -ms-hyphenate-limit-chars: 6 3 3; -ms-hyphenate-limit-lines: 2; -ms-hyphenate-limit-last: always; -ms-hyphenate-limit-zone: 8%; hyphens: auto; hyphenate-limit-chars: 6 3 3; hyphenate-limit-lines: 2; hyphenate-limit-last: always; hyphenate-limit-zone: 8%; } /* cu:d */ .disabled > a, .owl-dots button.active, /*.list-aside.border ul li input:checked ~ label,*/ #root .active a.sticky, [disabled], .disabled, .disabled span, [disabled] span { cursor: default; } /* td:u */ .popup-a header a, #cookie a, .text-underline, body > p a { text-decoration: underline; } /* td:n */ [data-whatintent="mouse"] .popup-a header a:hover, .form-register .check a, #root .form-register .link-btn a, [data-whatintent="mouse"] #cookie a:hover, #root #cookie .link-btn a, body > p a.close, #root .list-main h1 a, #root .list-main h2 a, #root .list-main h3 a, #root .list-main h4 a, #root .list-main h5 a, #root .list-main h6 a, #root .nav-sort ul li a, #nav > ul > li.active > a, #root .lead a, #root .module-welcome li a, #root a.overlay-b, #root .tabs-a > nav ul a, #root .list-stream a, #root .list-inline a, #root .list-breadcrumbs a, #footer a, [data-whatintent="mouse"] h1 a:hover, [data-whatintent="mouse"] h2 a:hover, [data-whatintent="mouse"] h3 a:hover, [data-whatintent="mouse"] h4 a:hover, [data-whatintent="mouse"] h5 a:hover, [data-whatintent="mouse"] h6 a:hover, #root .tabs-a > nav ul .active a, #root .list-stream .sticky, #root .tabs-compact > nav li a, #root .list-compact a, [data-whatintent="mouse"] body > p a:hover, [data-whatintent="mouse"] a:hover { text-decoration: none; } /*! Layout --------- */ #root { overflow: hidden; position: relative; z-index: 11903; width: 100%; min-height: 100vh; padding: 83px 24px 0; background: var(--spring); } body > p { overflow: hidden; position: relative; z-index: 11902; height: 50px; margin: 0; padding: /*13px*/0 76px; background: var(--rose); color: var(--white); font-weight: 400; line-height: 50px; text-align: center; text-overflow: ellipsis; white-space: nowrap; } body > p a { margin-left: 24px; font-size: 0.8571428571em; } body > p a.close { display: block; overflow: hidden; position: absolute; right: 0; top: 0; bottom: 0; z-index: 9; width: 76px; color: var(--white); text-shadow: none; text-align: left; text-indent: -3000em; text-decoration: none; opacity: 1 !important; } body > p a.close:before { content: "\e908"; right: 24px; left: auto; font-size: 10px; } [data-whatintent="mouse"] body > p a:hover { color: var(--white); } body > p ~ #root { min-height: calc(100vh - 50px); } #top { position: absolute; left: 24px; right: 24px; top: 0; z-index: 100000; height: 55px; border-bottom: 1px solid var(--dusty); } #top:before { background: var(--spring); } #logo { position: absolute; left: 77px; top: 0; bottom: 2px; width: 121px; margin: 0; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTEiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCA5MSAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3LjY2NCAxMi42MDhDMTguNjg4IDEyLjYwOCAxOS42IDEyLjgyNCAyMC40IDEzLjI1NkMyMS4yIDEzLjY3MiAyMS44MzIgMTQuMzA0IDIyLjI5NiAxNS4xNTJDMjIuNzYgMTYgMjIuOTkyIDE3LjAzMiAyMi45OTIgMTguMjQ4VjI2SDIwLjgzMlYxOC41NkMyMC44MzIgMTcuMjQ4IDIwLjUwNCAxNi4yNDggMTkuODQ4IDE1LjU2QzE5LjIwOCAxNC44NTYgMTguMzM2IDE0LjUwNCAxNy4yMzIgMTQuNTA0QzE2LjA5NiAxNC41MDQgMTUuMTkyIDE0Ljg3MiAxNC41MiAxNS42MDhDMTMuODQ4IDE2LjMyOCAxMy41MTIgMTcuMzc2IDEzLjUxMiAxOC43NTJWMjZIMTEuMzUyVjE4LjU2QzExLjM1MiAxNy4yNDggMTEuMDI0IDE2LjI0OCAxMC4zNjggMTUuNTZDOS43MjggMTQuODU2IDguODU2IDE0LjUwNCA3Ljc1MiAxNC41MDRDNi42MTYgMTQuNTA0IDUuNzEyIDE0Ljg3MiA1LjA0IDE1LjYwOEM0LjM2OCAxNi4zMjggNC4wMzIgMTcuMzc2IDQuMDMyIDE4Ljc1MlYyNkgxLjg0OFYxMi44NDhINC4wMzJWMTQuNzQ0QzQuNDY0IDE0LjA1NiA1LjA0IDEzLjUyOCA1Ljc2IDEzLjE2QzYuNDk2IDEyLjc5MiA3LjMwNCAxMi42MDggOC4xODQgMTIuNjA4QzkuMjg4IDEyLjYwOCAxMC4yNjQgMTIuODU2IDExLjExMiAxMy4zNTJDMTEuOTYgMTMuODQ4IDEyLjU5MiAxNC41NzYgMTMuMDA4IDE1LjUzNkMxMy4zNzYgMTQuNjA4IDEzLjk4NCAxMy44ODggMTQuODMyIDEzLjM3NkMxNS42OCAxMi44NjQgMTYuNjI0IDEyLjYwOCAxNy42NjQgMTIuNjA4Wk0yNy43MDI2IDEwLjcxMkMyNy4yODY2IDEwLjcxMiAyNi45MzQ2IDEwLjU2OCAyNi42NDY2IDEwLjI4QzI2LjM1ODYgOS45OTIgMjYuMjE0NiA5LjY0IDI2LjIxNDYgOS4yMjRDMjYuMjE0NiA4LjgwOCAyNi4zNTg2IDguNDU2IDI2LjY0NjYgOC4xNjhDMjYuOTM0NiA3Ljg4IDI3LjI4NjYgNy43MzYgMjcuNzAyNiA3LjczNkMyOC4xMDI2IDcuNzM2IDI4LjQzODYgNy44OCAyOC43MTA2IDguMTY4QzI4Ljk5ODYgOC40NTYgMjkuMTQyNiA4LjgwOCAyOS4xNDI2IDkuMjI0QzI5LjE0MjYgOS42NCAyOC45OTg2IDkuOTkyIDI4LjcxMDYgMTAuMjhDMjguNDM4NiAxMC41NjggMjguMTAyNiAxMC43MTIgMjcuNzAyNiAxMC43MTJaTTI4Ljc1ODYgMTIuODQ4VjI2SDI2LjU3NDZWMTIuODQ4SDI4Ljc1ODZaTTMxLjY2NDggMTkuNEMzMS42NjQ4IDE4LjA0IDMxLjkzNjggMTYuODU2IDMyLjQ4MDggMTUuODQ4QzMzLjAyNDggMTQuODI0IDMzLjc3NjggMTQuMDMyIDM0LjczNjggMTMuNDcyQzM1LjcxMjggMTIuOTEyIDM2LjgyNDggMTIuNjMyIDM4LjA3MjggMTIuNjMyQzM5LjY4ODggMTIuNjMyIDQxLjAxNjggMTMuMDI0IDQyLjA1NjggMTMuODA4QzQzLjExMjggMTQuNTkyIDQzLjgwODggMTUuNjggNDQuMTQ0OCAxNy4wNzJINDEuNzkyOEM0MS41Njg4IDE2LjI3MiA0MS4xMjg4IDE1LjY0IDQwLjQ3MjggMTUuMTc2QzM5LjgzMjggMTQuNzEyIDM5LjAzMjggMTQuNDggMzguMDcyOCAxNC40OEMzNi44MjQ4IDE0LjQ4IDM1LjgxNjggMTQuOTEyIDM1LjA0ODggMTUuNzc2QzM0LjI4MDggMTYuNjI0IDMzLjg5NjggMTcuODMyIDMzLjg5NjggMTkuNEMzMy44OTY4IDIwLjk4NCAzNC4yODA4IDIyLjIwOCAzNS4wNDg4IDIzLjA3MkMzNS44MTY4IDIzLjkzNiAzNi44MjQ4IDI0LjM2OCAzOC4wNzI4IDI0LjM2OEMzOS4wMzI4IDI0LjM2OCAzOS44MzI4IDI0LjE0NCA0MC40NzI4IDIzLjY5NkM0MS4xMTI4IDIzLjI0OCA0MS41NTI4IDIyLjYwOCA0MS43OTI4IDIxLjc3Nkg0NC4xNDQ4QzQzLjc5MjggMjMuMTIgNDMuMDg4OCAyNC4yIDQyLjAzMjggMjUuMDE2QzQwLjk3NjggMjUuODE2IDM5LjY1NjggMjYuMjE2IDM4LjA3MjggMjYuMjE2QzM2LjgyNDggMjYuMjE2IDM1LjcxMjggMjUuOTM2IDM0LjczNjggMjUuMzc2QzMzLjc3NjggMjQuODE2IDMzLjAyNDggMjQuMDI0IDMyLjQ4MDggMjNDMzEuOTM2OCAyMS45NzYgMzEuNjY0OCAyMC43NzYgMzEuNjY0OCAxOS40Wk00Ni4yNDI5IDE5LjM3NkM0Ni4yNDI5IDE4LjAzMiA0Ni41MTQ5IDE2Ljg1NiA0Ny4wNTg5IDE1Ljg0OEM0Ny42MDI5IDE0LjgyNCA0OC4zNDY5IDE0LjAzMiA0OS4yOTA5IDEzLjQ3MkM1MC4yNTA5IDEyLjkxMiA1MS4zMTQ5IDEyLjYzMiA1Mi40ODI5IDEyLjYzMkM1My42MzQ5IDEyLjYzMiA1NC42MzQ5IDEyLjg4IDU1LjQ4MjkgMTMuMzc2QzU2LjMzMDkgMTMuODcyIDU2Ljk2MjkgMTQuNDk2IDU3LjM3ODkgMTUuMjQ4VjEyLjg0OEg1OS41ODY5VjI2SDU3LjM3ODlWMjMuNTUyQzU2Ljk0NjkgMjQuMzIgNTYuMjk4OSAyNC45NiA1NS40MzQ5IDI1LjQ3MkM1NC41ODY5IDI1Ljk2OCA1My41OTQ5IDI2LjIxNiA1Mi40NTg5IDI2LjIxNkM1MS4yOTA5IDI2LjIxNiA1MC4yMzQ5IDI1LjkyOCA0OS4yOTA5IDI1LjM1MkM0OC4zNDY5IDI0Ljc3NiA0Ny42MDI5IDIzLjk2OCA0Ny4wNTg5IDIyLjkyOEM0Ni41MTQ5IDIxLjg4OCA0Ni4yNDI5IDIwLjcwNCA0Ni4yNDI5IDE5LjM3NlpNNTcuMzc4OSAxOS40QzU3LjM3ODkgMTguNDA4IDU3LjE3ODkgMTcuNTQ0IDU2Ljc3ODkgMTYuODA4QzU2LjM3ODkgMTYuMDcyIDU1LjgzNDkgMTUuNTEyIDU1LjE0NjkgMTUuMTI4QzU0LjQ3NDkgMTQuNzI4IDUzLjczMDkgMTQuNTI4IDUyLjkxNDkgMTQuNTI4QzUyLjA5ODkgMTQuNTI4IDUxLjM1NDkgMTQuNzIgNTAuNjgyOSAxNS4xMDRDNTAuMDEwOSAxNS40ODggNDkuNDc0OSAxNi4wNDggNDkuMDc0OSAxNi43ODRDNDguNjc0OSAxNy41MiA0OC40NzQ5IDE4LjM4NCA0OC40NzQ5IDE5LjM3NkM0OC40NzQ5IDIwLjM4NCA0OC42NzQ5IDIxLjI2NCA0OS4wNzQ5IDIyLjAxNkM0OS40NzQ5IDIyLjc1MiA1MC4wMTA5IDIzLjMyIDUwLjY4MjkgMjMuNzJDNTEuMzU0OSAyNC4xMDQgNTIuMDk4OSAyNC4yOTYgNTIuOTE0OSAyNC4yOTZDNTMuNzMwOSAyNC4yOTYgNTQuNDc0OSAyNC4xMDQgNTUuMTQ2OSAyMy43MkM1NS44MzQ5IDIzLjMyIDU2LjM3ODkgMjIuNzUyIDU2Ljc3ODkgMjIuMDE2QzU3LjE3ODkgMjEuMjY0IDU3LjM3ODkgMjAuMzkyIDU3LjM3ODkgMTkuNFpNNjcuOTMzNyAyNi4yMTZDNjYuOTI1NyAyNi4yMTYgNjYuMDIxNyAyNi4wNDggNjUuMjIxNyAyNS43MTJDNjQuNDIxNyAyNS4zNiA2My43ODk3IDI0Ljg4IDYzLjMyNTcgMjQuMjcyQzYyLjg2MTcgMjMuNjQ4IDYyLjYwNTcgMjIuOTM2IDYyLjU1NzcgMjIuMTM2SDY0LjgxMzdDNjQuODc3NyAyMi43OTIgNjUuMTgxNyAyMy4zMjggNjUuNzI1NyAyMy43NDRDNjYuMjg1NyAyNC4xNiA2Ny4wMTM3IDI0LjM2OCA2Ny45MDk3IDI0LjM2OEM2OC43NDE3IDI0LjM2OCA2OS4zOTc3IDI0LjE4NCA2OS44Nzc3IDIzLjgxNkM3MC4zNTc3IDIzLjQ0OCA3MC41OTc3IDIyLjk4NCA3MC41OTc3IDIyLjQyNEM3MC41OTc3IDIxLjg0OCA3MC4zNDE3IDIxLjQyNCA2OS44Mjk3IDIxLjE1MkM2OS4zMTc3IDIwLjg2NCA2OC41MjU3IDIwLjU4NCA2Ny40NTM3IDIwLjMxMkM2Ni40Nzc3IDIwLjA1NiA2NS42Nzc3IDE5LjggNjUuMDUzNyAxOS41NDRDNjQuNDQ1NyAxOS4yNzIgNjMuOTE3NyAxOC44OCA2My40Njk3IDE4LjM2OEM2My4wMzc3IDE3Ljg0IDYyLjgyMTcgMTcuMTUyIDYyLjgyMTcgMTYuMzA0QzYyLjgyMTcgMTUuNjMyIDYzLjAyMTcgMTUuMDE2IDYzLjQyMTcgMTQuNDU2QzYzLjgyMTcgMTMuODk2IDY0LjM4OTcgMTMuNDU2IDY1LjEyNTcgMTMuMTM2QzY1Ljg2MTcgMTIuOCA2Ni43MDE3IDEyLjYzMiA2Ny42NDU3IDEyLjYzMkM2OS4xMDE3IDEyLjYzMiA3MC4yNzc3IDEzIDcxLjE3MzcgMTMuNzM2QzcyLjA2OTcgMTQuNDcyIDcyLjU0OTcgMTUuNDggNzIuNjEzNyAxNi43Nkg3MC40Mjk3QzcwLjM4MTcgMTYuMDcyIDcwLjEwMTcgMTUuNTIgNjkuNTg5NyAxNS4xMDRDNjkuMDkzNyAxNC42ODggNjguNDIxNyAxNC40OCA2Ny41NzM3IDE0LjQ4QzY2Ljc4OTcgMTQuNDggNjYuMTY1NyAxNC42NDggNjUuNzAxNyAxNC45ODRDNjUuMjM3NyAxNS4zMiA2NS4wMDU3IDE1Ljc2IDY1LjAwNTcgMTYuMzA0QzY1LjAwNTcgMTYuNzM2IDY1LjE0MTcgMTcuMDk2IDY1LjQxMzcgMTcuMzg0QzY1LjcwMTcgMTcuNjU2IDY2LjA1MzcgMTcuODggNjYuNDY5NyAxOC4wNTZDNjYuOTAxNyAxOC4yMTYgNjcuNDkzNyAxOC40IDY4LjI0NTcgMTguNjA4QzY5LjE4OTcgMTguODY0IDY5Ljk1NzcgMTkuMTIgNzAuNTQ5NyAxOS4zNzZDNzEuMTQxNyAxOS42MTYgNzEuNjQ1NyAxOS45ODQgNzIuMDYxNyAyMC40OEM3Mi40OTM3IDIwLjk3NiA3Mi43MTc3IDIxLjYyNCA3Mi43MzM3IDIyLjQyNEM3Mi43MzM3IDIzLjE0NCA3Mi41MzM3IDIzLjc5MiA3Mi4xMzM3IDI0LjM2OEM3MS43MzM3IDI0Ljk0NCA3MS4xNjU3IDI1LjQgNzAuNDI5NyAyNS43MzZDNjkuNzA5NyAyNi4wNTYgNjguODc3NyAyNi4yMTYgNjcuOTMzNyAyNi4yMTZaTTc1LjAwMDggMTkuMzc2Qzc1LjAwMDggMTguMDMyIDc1LjI3MjggMTYuODU2IDc1LjgxNjggMTUuODQ4Qzc2LjM2MDggMTQuODI0IDc3LjEwNDggMTQuMDMyIDc4LjA0ODggMTMuNDcyQzc5LjAwODggMTIuOTEyIDgwLjA3MjggMTIuNjMyIDgxLjI0MDggMTIuNjMyQzgyLjM5MjggMTIuNjMyIDgzLjM5MjggMTIuODggODQuMjQwOCAxMy4zNzZDODUuMDg4OCAxMy44NzIgODUuNzIwOCAxNC40OTYgODYuMTM2OCAxNS4yNDhWMTIuODQ4SDg4LjM0NDhWMjZIODYuMTM2OFYyMy41NTJDODUuNzA0OCAyNC4zMiA4NS4wNTY4IDI0Ljk2IDg0LjE5MjggMjUuNDcyQzgzLjM0NDggMjUuOTY4IDgyLjM1MjggMjYuMjE2IDgxLjIxNjggMjYuMjE2QzgwLjA0ODggMjYuMjE2IDc4Ljk5MjggMjUuOTI4IDc4LjA0ODggMjUuMzUyQzc3LjEwNDggMjQuNzc2IDc2LjM2MDggMjMuOTY4IDc1LjgxNjggMjIuOTI4Qzc1LjI3MjggMjEuODg4IDc1LjAwMDggMjAuNzA0IDc1LjAwMDggMTkuMzc2Wk04Ni4xMzY4IDE5LjRDODYuMTM2OCAxOC40MDggODUuOTM2OCAxNy41NDQgODUuNTM2OCAxNi44MDhDODUuMTM2OCAxNi4wNzIgODQuNTkyOCAxNS41MTIgODMuOTA0OCAxNS4xMjhDODMuMjMyOCAxNC43MjggODIuNDg4OCAxNC41MjggODEuNjcyOCAxNC41MjhDODAuODU2OCAxNC41MjggODAuMTEyOCAxNC43MiA3OS40NDA4IDE1LjEwNEM3OC43Njg4IDE1LjQ4OCA3OC4yMzI4IDE2LjA0OCA3Ny44MzI4IDE2Ljc4NEM3Ny40MzI4IDE3LjUyIDc3LjIzMjggMTguMzg0IDc3LjIzMjggMTkuMzc2Qzc3LjIzMjggMjAuMzg0IDc3LjQzMjggMjEuMjY0IDc3LjgzMjggMjIuMDE2Qzc4LjIzMjggMjIuNzUyIDc4Ljc2ODggMjMuMzIgNzkuNDQwOCAyMy43MkM4MC4xMTI4IDI0LjEwNCA4MC44NTY4IDI0LjI5NiA4MS42NzI4IDI0LjI5NkM4Mi40ODg4IDI0LjI5NiA4My4yMzI4IDI0LjEwNCA4My45MDQ4IDIzLjcyQzg0LjU5MjggMjMuMzIgODUuMTM2OCAyMi43NTIgODUuNTM2OCAyMi4wMTZDODUuOTM2OCAyMS4yNjQgODYuMTM2OCAyMC4zOTIgODYuMTM2OCAxOS40WiIgZmlsbD0iIzMzMzMzMyIvPgo8bGluZSB4MT0iMS42MjQ2OSIgeTE9IjI5LjQ3MjQiIHgyPSIyOC44NzQ3IiB5Mj0iMjkuNDcyNCIgc3Ryb2tlPSIjREMzODUwIiBzdHJva2Utd2lkdGg9IjEuMjUiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiLz4KPC9zdmc+Cg==) 0 center no-repeat; background-size: auto 29px; } #logo a { display: block; overflow: hidden; width: 100%; height: 100%; text-indent: -3000em; } #root #skip { position: fixed; top: 0; left: 0; right: 0; bottom: auto; z-index: 10001; line-height: 1.5; } #root #skip ul { list-style: none; margin: 0; padding: 0; } #root #skip a { display: block; position: absolute; left: -3000em; top: 0; min-width: 200px; height: auto; padding: 8px 16px; background: var(--cerise); color: var(--white); font-size: 14px; font-weight: 700; text-align: center; text-decoration: none; white-space: nowrap; outline: none; } #root #skip a:focus, #root #skip a:active { left: 0; } #top > form { position: absolute; left: calc(50% - 617px); right: 680px; top: 0; bottom: 0; } #top > form p { margin: 0; } #top > form input { height: 54px; padding: 0 0 0 23px; border-width: 0; background: none; font-size: 12px; letter-spacing: 0.0058333333em; } #top > form input::-webkit-input-placeholder { color: var(--coal); } #top > form input:-ms-input-placeholder { color: var(--coal); } #top > form input::-ms-input-placeholder { color: var(--coal); } #top > form input::placeholder { color: var(--coal); } #top > form button { display: block; position: absolute; left: -5px; top: 0; bottom: 0; width: 24px; margin: 0; padding: 0; border-radius: 0; border-width: 0; background: none; color: var(--coal); font-size: 14px; text-align: left; text-indent: -3000em; letter-spacing: normal; } #top > form button:before, #top > a.toggle-search:before { content: "\e912"; } #top > nav { position: absolute; right: 0; top: 0; bottom: 0; } #top > nav > ul { list-style: none; margin: 0 -72px 0 0; padding: 0 18px 0 0; } #top > nav > ul > li { position: relative; margin: 0 72px 0 0; font-size: 11px; letter-spacing: 0.0090909091em; } #top > nav > ul > li > a { display: block; min-width: 25.36px; height: 55px; padding: 10px 0 0; border-bottom: 1px solid rgba(0,0,0,0); color: var(--coal); font-weight: 400; text-decoration: none; text-align: center; white-space: nowrap; } #top > nav > ul > li.active > a, #top > nav > ul > li.active > a span { border-color: var(--cerise); } #top > nav > ul > li > a span { display: block; position: absolute; left: 50%; bottom: 0; padding: 0 4px 2px; border-bottom: 1px solid rgba(0,0,0,0); white-space: nowrap; cursor: pointer; } #top > nav > ul > li > a i { display: block; position: relative; margin: 0 auto; color: var(--coal); font-size: 22px; line-height: 24px; } #top > nav > ul > li > a i.icon-zoom, #top > nav > ul > li > a i.icon-envelope, #top > nav > ul > li > a i.icon-stream { font-size: 17px; } #top > nav > ul > li > a i.icon-content { font-size: 18px; } #top > nav > ul > li > a i.icon-favorites { font-size: 21px; } #top > nav > ul > li > a .icon-caret-down { display: inline-block; left: 9px; top: -.75em; margin: 0 0 0 -7px; font-size: 3px; line-height: 3px; } #top > nav > ul > li > a i.icon-bell { width: 18px; } #top > nav > ul > li > a i.icon-profile { font-size: 21px; } #top > nav > ul > li > a i span { display: block; position: absolute; left: 57.5%; right: auto; bottom: auto; top: 100%; min-width: 15px; height: 15px; margin: -15px 0 0; padding: 0; border-radius: 9px; border-width: 0; background: var(--cerise); color: var(--white); font-family: Poppins, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: 600; line-height: 17px; text-align: center; letter-spacing: normal; } #top > nav > ul > li > a i.icon-bell span { left: 100%; margin-left: -7px; } #top > nav > ul > li > a img { display: block; margin: 0 auto; border-radius: 22px; } #top > nav > ul > li > ul { display: none; position: absolute; right: -18px; top: 100%; z-index: 2; min-width: 143px; padding: 25px 1px 9px; white-space: nowrap;} #top > nav > ul > li > ul:before { top: 16px; border: 1px solid var(--silver); background: var(--white); } #top > nav > ul > li > ul a { display: block; padding: 4px 15px; color: inherit; font-weight: 400; } #top > nav > .list-inline { margin-right: -20px; padding-right: 0; color: var(--dusty); font-family: Sora, Arial, Helvetica, sans-serif; line-height: 54px; } #top > nav > .list-inline > li { margin-right: 20px; font-size: 12px; } #top > nav > .list-inline > li > a { position: relative; width: auto; height: auto; padding: 0 20px 0 0; border-width: 0; color: var(--cerise); font-family: Poppins, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 500; } #top > nav > .list-inline > li > a:before { content: "\e926"; left: auto; right: 0; padding-top: 1px; font-size: 10px; } #top > a.menu { display: block; position: absolute; left: -15px; top: 0; bottom: 0; z-index: 9; width: 50px; } /*.menu-active #nav { width: 62px; }*/ /*.menu-active #root { padding-left: 184px; }*/ #top:after { content: "\e913"; right: auto; font-size: 12px; } #top.scroll-to-fixed-fixed { z-index: 1101 !important; } #nav { position: absolute; left: 0; top: 55px; z-index: 800 !important; width: auto; max-width: 193px; padding: 22px 0 0 24px; letter-spacing: 0.0083333333em; } #nav:before { right: auto; width: 62px; background: var(--spring); } #nav > ul { list-style: none; margin: 0; padding: 0; } #nav > ul > li { margin: 0; font-size: 12px; } #nav > ul > li > a { display: block; overflow: hidden; position: relative; width: 38px; padding: 11px 0 11px 38px; background: var(--spring); color: var(--coal); font-weight: 400; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; } .menu-active #nav:before { width: 193px; } .menu-active #nav > ul > li > a { width: 173px; padding-left: 40px; padding-right: 5px; } .menu-active #nav > ul > li.active > a { padding-left: 45px; } #nav > ul > li > a * { cursor: pointer; } [data-whatintent="mouse"] #root #nav > ul > li > a:hover { width: 173px; padding-right: 10px; } #nav > ul > li > a i { display: block; position: absolute; left: 0; top: 50%; min-width: 18px; margin-top: -10px; font-size: 18px; line-height: 20px; text-align: center; text-indent: 0; } #nav > ul > li > a i.icon-news { font-size: 15px; } /*Why size? FIX.*/ #nav > ul > li.overlay-h { padding-top: 20px; } #content { width: 100%; max-width: 1236px; margin: 0 auto; } #content > *:last-child { margin-bottom: 76px; } #root > .offset-toggle { display: block; position: absolute; right: 24px; top: 85px; z-index: 400; width: 22px; height: 22px; margin: 0 -3px 0 0; color: var(--coal); font-size: 12px; text-decoration: none; text-indent: -3000em; text-align: left; } #root > .offset-toggle:before { content: "\e913"; } /*.aside-active #root > .offset-toggle { -webkit-transform: translateX(-50%); transform: translateX(-50%); }*/ #root > .shadow { overflow-x: hidden; overflow-y: auto; visibility: hidden; position: fixed; left: 0; top: 61px; z-index: 700; width: 100%; height: 100%; background: rgba(0,0,0,.5); text-align: left; text-indent: -3000em; opacity: 0; cursor: pointer; } #root #top.scroll-to-fixed-fixed ~ .shadow { top: 0; } #root > .shadow.b { z-index: 1000; } #root > .shadow.c { z-index: 100001; } #root > .shadow.c.filters { top: 0; } #aside { display: block; overflow-x: hidden; overflow-y: auto; position: absolute; right: 0; top: 54px; bottom: 219px; z-index: 1100; width: 300px; padding: 20px 16px .1px; border: 4px solid var(--spring); background: var(--spring); } #aside { -webkit-transform: translateX(100%); transform: translateX(100%); } #aside, .form-filter ul.check, .form-filter .check-2, .list-comments { scrollbar-width: thin; scrollbar-gutter: stable; } #aside::-webkit-scrollbar, .form-filter ul.check::-webkit-scrollbar, .form-filter .check-2::-webkit-scrollbar, .list-comments::-webkit-scrollbar { width: 16px; } #aside::-webkit-scrollbar-track, .form-filter ul.check::-webkit-scrollbar-track, .form-filter .check-2::-webkit-scrollbar-track, .list-comments::-webkit-scrollbar-track { background: none; } #aside::-webkit-scrollbar-thumb, .form-filter ul.check::-webkit-scrollbar-thumb, .form-filter .check-2::-webkit-scrollbar-thumb, .list-comments::-webkit-scrollbar-thumb { background: none; border-right: 6px solid var(--venus); } #footer { position: relative; z-index: 900; margin: auto 0 0; padding: 31px 170px 1px 0; border-top: 1px solid var(--dusty); color: var(--coal); } #footer nav { margin-bottom: 49px; } #footer nav ul { list-style: none; margin: 0 -36px 10px 0; padding: 0; } #footer nav li { margin: 0 36px 5px 0; font-size: 12px; } #footer nav li a { color: var(--coal); } #footer nav.double > * + * { width: 364px; min-width: 364px; } #footer nav.double > * + ul, #footer nav.double > * + * ul { margin-right: 0; margin-top: -3px; letter-spacing: 0.0085714286em; } #footer nav.double > * + ul li, #footer nav.double > * + * ul li { width: 50%; margin-right: 0; font-size: 14px; } #footer nav.double > * + ul a, #footer nav.double > * + * ul a { color: var(--cerise); } #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 { margin: 0 0 3px; color: var(--delta); font-weight: 500; font-size: 11px; letter-spacing: normal; } #footer p { float: left; font-size: 12px; } #footer p a { color: inherit; font-weight: 400; text-decoration: underline; } #footer p span { display: block; margin-top: 3px; font-size: 0.9166666667em; } #footer p span.date { display: inline; margin: 0; font-size: 1em; } #footer > div { float: right; width: 364px; padding: 2px 0 0; } #footer .totop { display: block; overflow: hidden; position: absolute; right: 0; top: 0; bottom: 0; z-index: 9; width: 170px; color: var(--coal); text-decoration: none; text-align: left; text-indent: -3000em; } #footer .totop:before { content: "\e931"; left: auto; width: 170px; margin-top: -40px; font-size: 79px; line-height: 80px; } #cookie { position: fixed; left: 50%; bottom: 0; z-index: 1801; width: 1276px; min-height: 170px; margin: 0 0 0 -638px; padding: 24px 20px .1px; color: var(--white); } #cookie:before { background: var(--coal); opacity: .8; } #cookie .link-btn { padding-left: 10px; } #cookie .link-btn a { min-width: 156px; font-weight: 600; } #root #cookie .link-btn a.inv { border-color: var(--white); color: var(--white); } #cookie ~ #footer { border-bottom: 170px solid rgba(0,0,0,0); } .cookie-sent #cookie { -webkit-transform: translateY(100%); transform: translateY(100%); } .cookie-sent #cookie ~ #footer { border-bottom-width: 0; } /*! Columns --------- */ .cols-a { padding-right: 352px; } .cols-a > * { border: 0 solid rgba(0,0,0,0); } .cols-a > *:first-child:last-child { float: none; width: auto; margin-right: -352px; } .cols-a > header:first-child + *, .cols-a > *:first-child { float: left; width: 100%; } .cols-a > header:first-child, .cols-a > aside { clear: right; float: right; width: 300px; margin: 0 -352px 0 0; } .cols-a + * { margin-top: 60px; } #content > .cols-a:first-child { margin-top: 7px; } .cols-a.a { padding-right: 612px; } .cols-a.a > header:first-child, .cols-a.a > aside { width: 560px; margin-right: -612px; } .cols-a.wide { padding-right: 0; } #root .cols-a.wide > * { float: none; width: auto; margin-right: 0; } .double { display: block; position: relative; } .double > * { display: block; position: relative; clear: none; float: right; border: 0 solid rgba(0,0,0,0); } .double > *:first-child { float: left; } .double.a { margin-left: -30px; } .double.a > * { float: left; width: 50%; border-left-width: 30px; } .double.b65 { margin-left: -65px; } .double.b65> * { border-left-width: 65px; } /*! Modules --------- */ .error-standalone { position: relative; z-index: 2; width: 100%; max-width: 740px; min-height: .454px; margin: 0 auto; padding: 47px 52px 116px; border: 20px solid #FCFBF9; background: #F5F3F3; color: #333; font-family: Poppins, Arial, Helvetica, sans-serif; line-height: 1.7142857143; letter-spacing: 0.0057142857em; } .error-standalone h1, .error-standalone h2, .error-standalone h3, .error-standalone h4, .error-standalone h5, .error-standalone h6 { margin-bottom: 19px; font-weight: 700; font-family: Sora, Arial, Helvetica, sans-serif; font-size: 18px; line-height: 1.2857142857; } .error-standalone h1:first-child, .error-standalone h2:first-child, .error-standalone h3:first-child, .error-standalone h4:first-child, .error-standalone h5:first-child, .error-standalone h6:first-child { margin-bottom: 79px; font-size: 28px; } .error-standalone p, .error-standalone ul, .error-standalone ol, .error-standalone figure { margin-bottom: 24px; } .error-standalone a { color: #ec1e1e; font-weight: 400; text-decoration: none; } .error-standalone a:hover { text-decoration: underline; } .error-standalone a:hover { text-decoration: underline; } .error-standalone figure { position: absolute; left: 0; right: 0; bottom: 55px; margin-bottom: 0; text-align: center; } .error-standalone img { display: block; margin: 0 auto; } .has-tip, .module-box.has-sub, .link-btn.has-tip { position: relative; z-index: 3; } .has-tip + *, .module-box.has-sub + *, .link-btn.has-tip + * { position: relative; z-index: 2; } .header-profile { position: relative; z-index: 5; margin: 0 0 30px -12px; padding: 0 168px 4px 220px; color: var(--coal); font-weight: 500; } .header-profile:before, .module-box:before, .module-social:before { background: var(--sand); } .header-profile h1, .header-profile h2, .header-profile h3, .header-profile h4, .header-profile h5, .header-profile h6 { margin: 0 0 1px; font-size: 28px; line-height: 1.1; } .header-profile h1 .scheme-tip, .header-profile h2 .scheme-tip, .header-profile h3 .scheme-tip, .header-profile h4 .scheme-tip, .header-profile h5 .scheme-tip, .header-profile h6 .scheme-tip { } .header-profile h1 .scheme-tip .tip, .header-profile h2 .scheme-tip .tip, .header-profile h3 .scheme-tip .tip, .header-profile h4 .scheme-tip .tip, .header-profile h5 .scheme-tip .tip, .header-profile h6 .scheme-tip .tip, .list-dots .scheme-tip .tip { left: 0; top: auto; bottom: calc(100% + 11px); width: 258px; margin: 0 0 0 -12px; padding: 14px 20px 12px; border-radius: 0; border-width: 0; } .header-profile h1 .scheme-tip .tip:before, .header-profile h2 .scheme-tip .tip:before, .header-profile h3 .scheme-tip .tip:before, .header-profile h4 .scheme-tip .tip:before, .header-profile h5 .scheme-tip .tip:before, .header-profile h6 .scheme-tip .tip:before, .list-dots .scheme-tip .tip:before { content: "\e971"; left: 6px; top: auto; bottom: -12px; padding-top: 0; line-height: 6px; } .header-profile p { margin: 0 0 12px; font-size: 14px; } .header-profile p > i { display: inline-block; position: relative; margin-left: 3px; color: var(--cerise); font-size: 0.7142857143em; line-height: 1px; } .header-profile p.s12 { font-size: 12px; } .header-profile p.s12 a { margin-left: 17px; color: inherit; font-weight: 600; } .header-profile figure { position: relative; z-index: 1; width: calc(100% + 168px + 220px); height: 164px; margin: 0 -168px 13px -220px; font-size: 12px; font-weight: 600; } .header-profile figure a { overflow: hidden; left: auto; top: auto; right: 0; bottom: 0; padding: 20px 32px; font-weight: 600; text-align: right; text-indent: 0; } .header-profile figure img ~ a { display: block; text-align: left; text-indent: -3000em; } .header-profile > div { position: relative; z-index: 9; float: left; width: 100%; margin-top: 4px; } .header-profile > div figure { display: block; position: absolute; left: -186px; top: -99px; z-index: 2; width: 144px; height: 144px; margin: 0; color: var(--cerise); text-align: center; } .header-profile > div figure:before { content: "\e935"; top: 0; bottom: 0; z-index: -1; margin: 0; background: var(--white); border-radius: 99px; font-size: 66px; line-height: 144px; } .header-profile > div figure:before { display: none; } .header-profile > div figure img, #root .header-profile > div figure i[class="icon-main-profile"] { border-radius: 99px; } .header-profile > div figure.square img, #root .header-profile > div figure.square i[class*="icon-main"] { border-radius: 0; } .header-profile > div figure i { display: block; position: absolute; left: 0; right: 0; top: 50%; margin-top: -50px; background: var(--white); font-size: 86px; line-height: 100px; text-align: center; } .header-profile > div figure i[class*="icon-main"] { top: 0; margin: 0; font-size: 144px; line-height: 144px; } .header-profile > div figure a { display: block; position: absolute; left: 0; right: 0; top: 157px; bottom: auto; padding: /*157px*/ 0 0; text-indent: 0; text-align: center; } .header-profile.compact > div figure a { top: 80px; } .header-profile > div figure.square { } .header-profile > div figure.square:before { content: ""; border-radius: 0; } .header-profile > aside { position: relative; z-index: 1; float: right; width: 168px; margin: 0 -168px 0 0; padding: 0 12px; } .header-profile > aside .link-btn { display: block; margin: 0 0 8px; } .header-profile > aside .link-btn a, .header-profile.compact > div figure img ~ a { display: block; float: none; width: 100%; min-width: 144px; margin: 0 0 6px; padding: 7px 5px 8px; } .header-profile > aside .link-btn > * { margin-bottom: 6px; } .header-profile > aside .link-btn a.inline { left: 0; min-width: 0; padding: 0 20px 0 0; text-align: right; white-space: nowrap; } #root .header-profile > aside .link-btn a.inline { padding-right: 20px; } .header-profile > aside .link-btn a.inline:last-child { margin-bottom: 5px; } .header-profile > aside .link-btn a + a.inline { margin-top: 22px; } .header-profile > aside .link-btn a + a.inline:last-child { margin-top: auto; } #root .header-profile > aside .link-btn a.inline:first-child:last-child { margin-top: auto; padding-right: 20px; text-align: right; } #root .header-profile > aside .link-btn .has-sub > a { width: 40px; min-width: 40px; max-width: 40px; margin: 0; padding-left: 0; padding-right: 0; text-align: center; } #root .header-profile > aside .link-btn .has-sub.sub-toggle > a { border-color: var(--cerise); background: var(--cerise); color: var(--white); } .header-profile > aside .link-btn.compact { margin-right: -8px; } .header-profile > aside .link-btn.compact > * { margin-right: 8px; } .header-profile > aside .link-btn.compact a { width: auto; min-width: 0; margin-right: 8px; } .header-profile .list-inline.col { margin: 0 0 2px -20px; } .header-profile .list-inline.col li { width: 33.333333333%; margin: 0 0 10px; border-left: 20px solid rgba(0,0,0,0); } .header-profile.compact { } .header-profile.compact figure { height: 39px; margin-bottom: 16px; } .header-profile.compact > div figure { left: -148px; top: -31px; width: 74px; height: 74px; } .header-profile.compact.two > div figure { top: -41px; } .header-profile.compact > div figure i { line-height: 74px; } .header-profile.compact > div figure i[class*="icon-main"] { font-size: 74px; line-height: 74px; } .header-profile.compact > div figure img ~ a { left: -20px; right: -20px; top: 74px; width: auto; min-width: 0; } .header-profile.compact ul, .header-profile.compact > div figure:before { display: none; } .header-profile.compact h1, .header-profile.compact h2, .header-profile.compact h3, .header-profile.compact h4, .header-profile.compact h5, .header-profile.compact h6 { margin-bottom: 9px; } .lt-ie10 { overflow-x: hidden; overflow-y: auto; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 9999999; padding: 116px 20px 20px; color: #333; } .lt-ie10 > .overlay { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; background: #fcfbf9; } .lt-ie10 > .inner { display: block; position: relative; z-index: 2; width: 740px; min-height: 414px; margin: 0 auto; padding: 47px 52px 61px; border-bottom: 55px solid #f5f3f3; background: url("../images/logo-static.4119472613e0.png") center 100% no-repeat #f5f3f3; } .lt-ie10 a { color: #ec1e1e; font-weight: 400; } .lt-ie10 h1, .lt-ie10 h2, .lt-ie10 h3, .lt-ie10 h4, .lt-ie10 h5, .lt-ie10 h6 { margin-bottom: 79px; font-size: 28px; } .module-alert, #root .module-alert { position: relative; z-index: 2; margin: 0 0 30px; padding: 36px 40px 12px; color: var(--coal); font-size: 14px; font-weight: 400; } .module-alert:before { background: var(--wine); opacity: .1; } .module-alert.overlay-c:before, #root .list-compact.users a.sticky.overlay-c { background: var(--danube); color: var(--white); } .module-alert.overlay-d:before, #root .list-compact.users a.sticky.overlay-d { background: var(--mantis); color: var(--white); } [data-whatintent="mouse"] #root #content .list-compact.users a.sticky.overlay-d:hover { background: var(--mint); color: var(--mantis); } .module-alert.overlay-o:before, #root .list-compact.users a.sticky.overlay-o { background: var(--butter); color: var(--white); } #root .module-alert h1, #root .module-alert h2, #root .module-alert h3, #root .module-alert h4, #root .module-alert h5, #root .module-alert h6 { margin-bottom: 19px; font-size: 18px; line-height: 1.2857142857; } .module-alert p, .module-alert ul, .module-alert ol { margin-bottom: 24px !important; font-size: 1em; } .module-alert li { font-size: 1em; } .module-alert .link-strong { margin-top: -3px; padding-top: 0; border-top-width: 0; } .module-alert > .close { display: block; overflow: hidden; position: absolute; right: 0; top: 0; z-index: 9; width: 56px; height: 56px; color: var(--coal); font-size: 10px; text-indent: -3000em; text-align: left; text-decoration: none; } .module-alert > .close:before { content: "\e908"; } .module-stream .module-alert:last-child { margin-bottom: .1px; } .module-article { margin-top: 56px; color: var(--dove); } .module-article h1, .module-article h2, .module-article h3, .module-article h4, .module-article h5, .module-article h6 { margin: 0 0 2px; font-size: 16px; } .module-article h1.s24, .module-article h2.s24, .module-article h3.s24, .module-article h4.s24, .module-article h5.s24, .module-article h6.s24 { margin: 60px 0 20px; font-size: 24px; } .module-aside { position: relative; z-index: 2; margin-left: -52px; margin-bottom: 76px; padding: 58px 612px 0 0; color: var(--dove); } .module-aside:before { left: 52px; border-top: 1px solid var(--dusty); } .module-aside > * { float: right; width: 612px; margin-right: -612px; border-left: 52px solid rgba(0,0,0,0); } .module-aside > *:first-child { float: left; width: 100%; } .module-aside > header h1, .module-aside > header h2, .module-aside > header h3, .module-aside > header h4, .module-aside > header h5, .module-aside > header h6 { margin-top: -7px; font-size: 24px; } .module-aside > * > .list-icon.strong:first-child { margin-top: -3px; } #content > .module-aside:last-child { margin-bottom: 83px; } .module-box { position: relative; z-index: 11; margin: 42px 0 30px; padding: 29px 40px 1px; color: var(--dove); } .module-box:before, .link-btn.cta:before { left: -12px; } .module-box h1, .module-box h2, .module-box h3, .module-box h4, .module-box h5, .module-box h6 { margin: 0 0 12px; font-size: 28px; } .module-box h1 + .strong, .module-box h2 + .strong, .module-box h3 + .strong, .module-box h4 + .strong, .module-box h5 + .strong, .module-box h6 + .strong { margin-top: 11px; } .module-box p.medium { color: var(--coal); } /*.module-box p.medium .s12 { margin-left: 19px; }*/ .module-box .link-btn.cta { margin-left: -50px; margin-right: -50px; } #root .module-box p.medium.m10 { margin-bottom: 8px; } .module-box .link-btn.cta:last-child { margin-bottom: -1px; } .module-box figure { margin-top: 0; } .module-box + * { margin-top: 42px; } .module-box + .module-article { margin-top: 56px; } .module-box + .link-btn.cta { margin-top: -30px; } .module-box + h1, .module-box + h2, .module-box + h3, .module-box + h4, .module-box + h5, .module-box + h6 { margin-top: 57px; } .module-box + .nav-pagination { margin-top: 38px; } .module-box p .text-right, .module-box p.medium .s12.text-right { display: block; float: right; margin-left: auto; } /*.module-box p .text-right.s12 { padding-top: 3px; }*/ .module-box .list-social { margin-right: -56px; } #root .module-box > a.toggle { display: block; overflow: hidden; position: absolute; right: 0; top: 0; z-index: 99; width: 56px; height: 56px; padding: 0; font-size: 10px; text-decoration: none; text-indent: -3000em; text-align: left; } .module-box > a.toggle:before { content: "\e908"; } .module-box.static { /*margin-bottom: 0;*/ padding-left: 0; padding-right: 0; padding-bottom: 0; } .module-box.static.aside { min-height: 0; } .module-box.static > figure:last-child { margin-bottom: 13px; } .module-box.aside { min-height: 172px; padding-left: 208px; } .module-box.aside > i, .module-box.aside > h1:first-child i, .module-box.aside > h2:first-child i, .module-box.aside > h3:first-child i, .module-box.aside > h4:first-child i, .module-box.aside > h5:first-child i, .module-box.aside > h6:first-child i, .module-box.aside > .img, .module-box.aside > h1:first-child .img, .module-box.aside > h2:first-child .img, .module-box.aside > h3:first-child .img, .module-box.aside > h4:first-child .img, .module-box.aside > h5:first-child .img, .module-box.aside > h6:first-child .img { display: block; position: absolute; left: 0; top: 0; width: 184px; height: 94px; color: var(--cerise); font-size: 94px; line-height: 172px; text-align: center; } .module-box.aside > .img img, .module-box.aside > h1:first-child .img img, .module-box.aside > h2:first-child .img img, .module-box.aside > h3:first-child .img img, .module-box.aside > h4:first-child .img img, .module-box.aside > h5:first-child .img img, .module-box.aside > h6:first-child .img img { display: block; height: 100% !important; margin: 0 auto; } .module-box.aside > .img img.rounded, .module-box.aside > h1:first-child .img img.rounded, .module-box.aside > h2:first-child .img img.rounded, .module-box.aside > h3:first-child .img img.rounded, .module-box.aside > h4:first-child .img img.rounded, .module-box.aside > h5:first-child .img img.rounded, .module-box.aside > h6:first-child .img img.rounded { border-radius: 999px; } .module-box.aside > i[class*="icon-main"], .module-box.aside > h1:first-child i[class*="icon-main"], .module-box.aside > h2:first-child i[class*="icon-main"], .module-box.aside > h3:first-child i[class*="icon-main"], .module-box.aside > h4:first-child i[class*="icon-main"], .module-box.aside > h5:first-child i[class*="icon-main"], .module-box.aside > h6:first-child i[class*="icon-main"] { font-size: 144px; } .module-box.aside > figure:first-child { position: absolute; left: 22px; top: 28px; width: 144px; } .module-box.aside > figure:first-child i { height: 144px; color: var(--cerise); font-size: 72px; line-height: 144px; } .module-box.aside > figure:first-child i[class*="icon-main"] { font-size: 144px; } .module-box.aside > figure:first-child img.rounded { border-radius: 999px !important; } .module-box.aside .link-btn.cta { margin-left: -208px; } .module-box.aside > .list-inline:last-child { margin-top: auto; } .module-box.aside.static > i, .module-box.aside.static > h1:first-child i, .module-box.aside.static > h2:first-child i, .module-box.aside.static > h3:first-child i, .module-box.aside.static > h4:first-child i, .module-box.aside.static > h5:first-child i, .module-box.aside.static > h6:first-child i, .module-box.aside.static > .img, .module-box.aside.static > h1:first-child .img, .module-box.aside.static > h2:first-child .img, .module-box.aside.static > h3:first-child .img, .module-box.aside.static > h4:first-child .img, .module-box.aside.static > h5:first-child .img, .module-box.aside.static > h6:first-child .img { top: 28px; line-height: 94px; } .module-box.aside.static > i[class*="icon-main"], .module-box.aside.static > h1:first-child i[class*="icon-main"], .module-box.aside.static > h2:first-child i[class*="icon-main"], .module-box.aside.static > h3:first-child i[class*="icon-main"], .module-box.aside.static > h4:first-child i[class*="icon-main"], .module-box.aside.static > h5:first-child i[class*="icon-main"], .module-box.aside.static > h6:first-child i[class*="icon-main"] { top: 14px; } .module-box.aside.compact { min-height: 132px; } .module-box.aside.compact > i, .module-box.aside.compact > h1:first-child i, .module-box.aside.compact > h2:first-child i, .module-box.aside.compact > h3:first-child i, .module-box.aside.compact > h4:first-child i, .module-box.aside.compact > h5:first-child i, .module-box.aside.compact > h6:first-child i { top: 50%; width: 144px; font-size: 45px; line-height: 132px; } .module-box.aside.compact > i[class*="icon-main"], .module-box.aside.compact > h1:first-child i[class*="icon-main"], .module-box.aside.compact > h2:first-child i[class*="icon-main"], .module-box.aside.compact > h3:first-child i[class*="icon-main"], .module-box.aside.compact > h4:first-child i[class*="icon-main"], .module-box.aside.compact > h5:first-child i[class*="icon-main"], .module-box.aside.compact > h6:first-child i[class*="icon-main"] { font-size: 74px; } .module-box.social { padding: 28px 40px .1px; color: var(--coal); font-weight: 500; line-height: 1.2857142857; } .module-box.social p.signup { width: 100%; max-width: 253px; } .module-box.social ul { list-style: none; padding: 0; } .module-box.social li { margin: 0 0 2px; } .module-box.social li a { display: block; position: relative; padding-right: 21px; text-align: right; } .module-box.social li a:before { content: "\e926"; left: auto; padding-top: 1px; font-size: 9px; } .module-box.social .double { width: 100%; padding-left: 205px; line-height: 1.7142857143; } /*.module-box.social > .double:first-child { margin-top: -8px; }*/ /*.module-box.social > .double:last-child { margin-bottom: -3px; }*/ .module-box.social .double > *:first-child { float: left; width: auto; max-width: none; margin-left: -205px; padding-right: 20px; } .module-box.social .double > * { float: right; width: 100%; max-width: 316px; } .module-box.social .double p { float: none; width: auto; max-width: none; min-width:111px; padding: 3px 0 0; font-size: 12px; white-space: nowrap; } .module-box.social .double p a { display: block; color: var(--coal); font-weight: 600; text-align: center; } .module-box.social .double p a i { display: block; margin: 6px 0 0; font-size: 14px; line-height: 1; } /*.module-box.social .double p a i.icon-star:before { content: "\e903"; }*/ .module-box.social .double .list-social { margin-right: -56px; } .module-box.social .double .list-social li { margin: 0 36px 0 0; padding: 0; } .module-box.social .double .list-social li a { padding: 0; color: var(--coal); text-align: left; } .module-box.social .double-btn { display: flex; justify-content: space-between; align-items: center; width: 100%; margin-bottom: 20px; } .module-box.social .double-btn h3 { text-align: left; padding-right: 10px; font-size: 16px; } .module-box.social .double-btn p { margin: 0; text-align: left; flex-shrink: 0; } .module-box.social .double-btn p a { margin-right: 0; } .module-box.social .double-btn p a:hover { color: var(--cerise); } .module-list { position: relative; margin-top: 26px; /*margin-left: -12px;*/ } .module-list > * { float: right; width: calc(100% - 208px); } .module-list > h1, .module-list > h2, .module-list > h3, .module-list > h4, .module-list > h5, .module-list > h6 { float: none; width: 100%; margin-bottom: 26px; } .module-list > nav, .module-list > aside, .module-list > header { float: left; width: 208px; padding: 15px 30px 0 0; } .module-list .sticky { display: block; position: absolute; right: 0; top: -8px; z-index: 9; color: var(--dove); font-weight: 500; font-size: 14px; letter-spacing: 0.0085714286em; } .module-list .sticky span { display: inline; float: none; padding: 0 0 0 18px; } .module-main { padding-left: 208px; } .module-main > * { float: right; clear: right; width: 100%; } .module-main > nav, .module-main > aside { float: left; clear: left; margin-left: -208px; width: 208px; padding: 0 30px 0 0; } .module-main > nav > .s16:first-child, .module-main > aside > .s16:first-child { margin-top: 22px; } .module-main > header > .nav-sort:first-child { margin-top: 24px; } .module-main .form-filter { padding-top: 21px; } .module-main .form-filter.alt { padding-top: 2px; } .module-main .module-box:before, .module-profile .module-box:before { left: 0; } .module-main figure { margin-top: 33px; } .module-main .list-aside li { margin-bottom: 3px; } .module-main div.double.a { } .module-main div.double.a > *, .module-profile div.double.a > * { width: 51%; } .module-main div.double.a > *:first-child, .module-profile div.double.a > *:first-child { width: 49%; } .module-box + .module-main { margin-top: 48px; } .module-main + figure { margin-top: 26px; } h1 + .module-main, h2 + .module-main, h3 + .module-main, h4 + .module-main, h5 + .module-main, h6 + .module-main { margin-top: -8px; } .module-main.a { margin-top: 30px; } .module-main.a > nav ul a, .module-main.a > aside ul a { display: block; padding-top: 5px; padding-bottom: 5px; color: var(--coal); } .module-main.a:first-child { margin-top: 0; } .module-main.single div p:not(.follow-message) { margin-bottom: 12px; } .module-main.single ul:not(.list-social):not(.list-sort) { margin-bottom: 18px; } .module-main.single nav.nav-pagination.strong p, .module-main.single nav.nav-pagination.strong ul { margin-bottom: 9px; } .module-profile { position: relative; padding-left: 208px; padding-top:8px; } .module-profile > header:first-child { float: left; width: 208px; margin-left: -208px; margin-top: -8px; } .module-profile > header h1, .module-profile > header h2, .module-profile > header h3, .module-profile > header h4, .module-profile > header h5, .module-profile > header h6 { margin-bottom: 26px; padding-bottom: 0; border-width: 0; font-size: 24px; } .module-profile h1, .module-profile h2, .module-profile h3, .module-profile h4, .module-profile h5, .module-profile h6 { margin: 50px 0 12px; padding: 0 0 9px; border-bottom: 1px solid rgba(0,0,0,0); font-size: 16px; } .module-profile h1.m10, .module-profile h2.m10, .module-profile h3.m10, .module-profile h4.m10, .module-profile h5.m10, .module-profile h6.m10 { padding-bottom: 0; border-width: 0; } .module-profile h1 i, .module-profile h2 i, .module-profile h3 i, .module-profile h4 i, .module-profile h5 i, .module-profile h6 i { display: block; position: relative; top: 20px; min-width: 18px; margin: -21px 30px 0 0; font-size: 1.25em; line-height: 1; text-align: center; } .module-profile h1 .icon-contact, .module-profile h2 .icon-contact, .module-profile h3 .icon-contact, .module-profile h4 .icon-contact, .module-profile h5 .icon-contact, .module-profile h6 .icon-contact { margin-top: -20px; font-size: 1.125em; } .module-profile h1 .text-right, .module-profile h2 .text-right, .module-profile h3 .text-right, .module-profile h4 .text-right, .module-profile h5 .text-right, .module-profile h6 .text-right { margin-left: auto; color: var(--dove); font-family: Poppins, Arial, Helvetica, sans-serif; font-weight: 500; font-size: 14px; white-space: nowrap; } .module-profile h1 .text-right i, .module-profile h2 .text-right i, .module-profile h3 .text-right i, .module-profile h4 .text-right i, .module-profile h5 .text-right i, .module-profile h6 .text-right i { top: 0; min-width: 0; margin: 0 0 0 11px; color: var(--coal); font-size: 0.8571428571em; line-height: 1; } .module-profile h1 .text-right .icon-plus, .module-profile h2 .text-right .icon-plus, .module-profile h3 .text-right .icon-plus, .module-profile h4 .text-right .icon-plus, .module-profile h5 .text-right .icon-plus, .module-profile h6 .text-right .icon-plus { font-size: 0.7142857143em; } .module-profile section h1, .module-profile section h2, .module-profile section h3, .module-profile section h4, .module-profile section h5, .module-profile section h6 { font-size: 14px; font-weight: 500; } .module-profile h1 + section, .module-profile h2 + section, .module-profile h3 + section, .module-profile h4 + section, .module-profile h5 + section, .module-profile h6 + section { margin-top: 26px; } .module-profile section h1 i, .module-profile section h2 i, .module-profile section h3 i, .module-profile section h4 i, .module-profile section h5 i, .module-profile section h6 i { min-width: 18px; margin-top: -17px; font-size: 0.7857142857em; text-align: right; } .module-profile section { margin-top: 35px; } .module-profile p { margin-bottom: 12px; } .module-profile ul { margin-bottom: 18px; } .module-profile p.strong { font-weight: 500; } .cols-a > * > .module-profile:first-child { margin-top: 28px; } .cols-a > * > .list-main:first-child > li:first-child { margin-top: 0; } .module-profile.edit { } .module-profile.edit h1, .module-profile.edit h2, .module-profile.edit h3, .module-profile.edit h4, .module-profile.edit h5, .module-profile.edit h6 { border-color: var(--silver); } .module-stream { position: relative; z-index: 2; margin: 0; padding: 30px 52px 30px 0; } .module-stream:before, .module-welcome:before { left: -52px; background: var(--sand); } .module-welcome { position: relative; z-index: 2; margin: 0 0 50px; padding: 68px 52px 3px 0; } .module-welcome > header, .module-welcome .double { margin-left: 0; padding-left: 313px; } .module-welcome .double > * { float: right; width: 100%; } .module-welcome > header { min-height: 106px; margin: 0 0 40px; color: var(--coal); font-weight: 500; line-height: 1.2857142857; } .module-welcome > header > * { float: right; width: 100%; } .module-welcome > header h1, .module-welcome > header h2, .module-welcome > header h3, .module-welcome > header h4, .module-welcome > header h5, .module-welcome > header h6, .module-welcome .double > *:first-child { position: relative; top: -8px; float: left; width: 260px; margin-left: -313px; margin-bottom: -2px; padding-right: 30px; } .module-welcome .double > *:first-child { top: 0; margin-bottom: 0; } .module-welcome > header h1, .module-welcome > header h2, .module-welcome > header h3, .module-welcome > header h4, .module-welcome > header h5, .module-welcome > header h6 { margin-top: 0; font-size: 28px; line-height: 1.2857142857; } .module-welcome > header .lead { margin-bottom: 7px; } .module-welcome > header p i { display: inline-block; position: relative; top: -.1em; margin-left: 2px; font-size: 8px; line-height: 1px; } .module-welcome > header ul, .module-welcome > header p { margin-bottom: 7px; } .module-welcome h1, .module-welcome h2, .module-welcome h3, .module-welcome h4, .module-welcome h5, .module-welcome h6 { margin: 0 0 8px; font-size: 16px; line-height: 1.375; } .module-welcome form { margin-bottom: 37px; } .module-welcome input { height: 62px; padding: 0 0 0 44px; border-width: 0; border-bottom-width: 2px; border-color: var(--coal); } .module-welcome input::-webkit-input-placeholder { color: var(--coal); } .module-welcome input:-ms-input-placeholder { color: var(--coal); } .module-welcome input::-ms-input-placeholder { color: var(--coal); } .module-welcome input::placeholder { color: var(--coal); } #root .module-welcome input:focus, #root .module-welcome select:focus, #root .module-welcome textarea:focus { border-color: var(--dusty); } #root .module-welcome button { display: block; position: absolute; left: -5px; top: 0; bottom: 0; width: 37px; margin: 0; padding: 0; border-radius: 0; border-width: 0; background: none; color: var(--cerise); font-size: 24px; text-align: left; text-indent: -3000em; } .module-welcome button:before { content: "\e912"; padding-left: 5px; text-align: left; } .module-welcome .list-social { width: calc(100% + 17px); margin-right: -17px; } .module-welcome .list-social li { margin-right: 17px; } .module-welcome .list-social a:after { margin-left: 7px; } .module-welcome ul { list-style: none; padding: 0; } .module-welcome li { font-size: 14px; } .module-welcome li a { color: var(--dove); font-weight: 400; } .module-welcome.inline { } #root .module-welcome.inline > header { display: block; float: none; width: auto; padding-left: 0; } #root .module-welcome.inline > header > * { float: none; width: auto; } #root .module-welcome.inline > header h1, #root .module-welcome.inline > header h2, #root .module-welcome.inline > header h3, #root .module-welcome.inline > header h4, #root .module-welcome.inline > header h5, #root .module-welcome.inline > header h6 { float: none; width: auto; margin-left: 0; padding-right: 0; } .nav-aside, #root .nav-aside { padding-top: 2px; } .nav-aside h1, .nav-aside h2, .nav-aside h3, .nav-aside h4, .nav-aside h5, .nav-aside h6 { margin: 45px 0 18px; font-size: 16px; } .nav-aside ul { list-style: none; padding: 0; } .nav-aside ul li { margin: 0 0 2px; } .nav-pagination { padding-top: 25px; border: 0 solid var(--dusty); border-top-width: 1px; } /*.nav-pagination:first-child { margin-top: 0; padding-top: 0; border-top-width: 0; }*/ .nav-pagination ul, .nav-pagination ol { list-style: none; margin-right: -20px; padding: 0; color: var(--coal); font-weight: 500; } .nav-pagination li { margin-right: 20px; } .nav-pagination li i { display: inline-block; position: relative; font-size: 0.8571428571em; } .nav-pagination li i[class*="right"] { margin-left: 7px; } /*.list-main + .nav-pagination { margin-top: -24px; }*/ /*.nav-pagination + h1, .nav-pagination + h2, .nav-pagination + h3, .nav-pagination + h4, .nav-pagination + h5, .nav-pagination + h6 { margin-top: 55px; }*/ .cols-a > aside .nav-pagination:first-child, .cols-a > header:first-child .nav-pagination:first-child { border-top-width: 0; } .nav-pagination.compact { display: block; margin-bottom: 25px; padding: 0 6px; border-bottom-width: 1px; } .nav-pagination.compact ul, .nav-pagination.compact ol { margin-right: 0; margin-bottom: 14px; } .nav-pagination.compact li, .nav-pagination.compact a { margin-right: 0; font-weight: 600; font-size: 12px; } .nav-pagination.compact i { top: .1em; margin-right: 11px; font-size: 1em; } .nav-pagination.compact li i[class*="right"] { margin-right: 0; margin-left: 11px; } .cols-a > * > .nav-pagination.compact:first-child { margin-top: -16px; } .nav-pagination.strong { margin-bottom: 74px; padding: 0; border-bottom-width: 1px; border-top-width: 0; color: var(--coal); font-weight: 700; font-family: Sora, Arial, Helvetica, sans-serif; } .nav-pagination.strong ul, .nav-pagination.strong ol, .nav-pagination.strong p { margin-bottom: 9px; } .nav-pagination.strong ul, .nav-pagination.strong ol { margin-right: -80px; } .nav-pagination.strong li { margin-right: 80px; } .nav-pagination.strong li, .nav-pagination.strong p { font-size: 16px; } .nav-pagination.strong a { color: var(--coal); font-weight: 700; } .nav-pagination.strong i { top: .1em; margin-right: 10px; font-size: 1.125em; line-height: 1px; } .nav-pagination.strong i[class*="right"] { margin-left: 10px; } figure + .nav-pagination.strong { margin-top: -3px; } .link-btn + .nav-pagination.strong, .list-inline + .nav-pagination.strong { margin-top: 30px; padding-top: 8px; border-top-width: 1px; } .list-inline + .nav-pagination.strong { margin-top: 25px; } .nav-sort { position: relative; z-index: 1; margin: 37px 0 32px; color: var(--dove); letter-spacing: 0.0085714286em; } .nav-sort h1, .nav-sort h2, .nav-sort h3, .nav-sort h4, .nav-sort h5, .nav-sort h6 { margin: 0 15px 10px 0; color: var(--dove); font-size: 14px; font-weight: 400; } .nav-sort ul { list-style: none; margin: 0; padding: 0; color: var(--coal); } .nav-sort ul:before { border-bottom: 1px solid var(--dusty); } .nav-sort ul li { font-size: 12px; } .nav-sort ul li a { display: block; position: relative; z-index: 2; padding: 0 10px 8px; color: inherit; font-weight: 400; } .nav-sort ul li.active a:before { border-bottom: 1px solid var(--cerise); } .nav-sort p { margin: 0 0 12px auto; } .nav-sort p span { margin-left: 18px; font-weight: 500; } .nav-sort p i { display: inline-block; position: relative; top: -.1em; margin-right: 19px; font-size: 10px; line-height: 1px; } #root .m20 + .nav-sort { margin-top: 22px; } .owl-carousel { position: absolute; left: -3000em; top: 0; } .owl-carousel { -webkit-tap-highlight-color: transparent; } .owl-carousel .owl-stage { position: relative; } .owl-carousel .owl-stage { -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; } .owl-carousel .owl-stage-outer { overflow: hidden; position: relative; } .owl-carousel .owl-stage-outer { -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transform-style: preserve-3d; } .owl-carousel .owl-item { position: relative; float: left; } .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel.owl-loading, .owl-carousel.owl-loaded { position: relative; left: 0; top: 0; } .owl-carousel.owl-drag .owl-item { -ms-touch-action: none; touch-action: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-stage, .owl-carousel.owl-drag .owl-item { -ms-touch-action: auto; touch-action: auto; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel .owl-item img.owl-lazy { -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; } .owl-nav button, .owl-dots button { display: block; min-width: 0; width: 10px; height: 10px; margin: 0; padding: 0; box-shadow: none; border-radius: 0; border: 0; background: none; text-indent: -3000em; text-align: left; } .owl-nav button { width: 20px; height: 42px; color: var(--coal); font-size: 18px; } #root .owl-nav button.disabled { color: var(--silver); cursor: default; } .owl-nav button.owl-prev { left: 0; } .owl-nav button.owl-next { right: 0; } .owl-nav button.owl-prev:before { content: "\e94a"; } .owl-nav button.owl-next:before { content: "\e94b"; } #root .owl-nav button, #root .owl-dots button { background: none; } owl-dots { clear: both; } .owl-dots button { width: 10px; height: 10px; } .owl-dots button:before { content: ""; display: block; position: absolute; left: 50%; top: 50%; width: 4px; height: 4px; margin: -2px 0 0 -2px; border-radius: 2px; background: var(--silver); } .owl-dots button.active:before { background: var(--cerise); } .popup-a { overflow-y: auto; overflow-x: hidden; visibility: hidden; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 100002; color: var(--coal); } .popup-a .box-outer { position: absolute; left: 0; top: 0; right: 0; z-index: 2; min-height: 100%; padding: 20px; } .popup-a .box-outer > .close, #root:after { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; visibility: hidden; z-index: 100001; text-indent: -3000em; cursor: pointer; opacity: 0; } #root:after { position: fixed; background: rgba(0,0,0,.75); } .popup-a .box-inner { position: relative; z-index: 100003; width: 100%; max-width: 813px; margin: 0; } .popup-a .box-inset { visibility: hidden; padding: 40px 40px 16px; background: var(--white); opacity: 0; } .popup-a .box-inset > .close { display: block; overflow: hidden; position: absolute; right: 28px; top: 28px; z-index: 999; width: 40px; height: 40px; color: var(--coal); font-size: 10px; text-indent: -3000em; text-align: left; text-decoration: none; } .popup-a .box-inset > .close:before { content: "\e908"; } .popup-a header { } .popup-a header h1, .popup-a header h2, .popup-a header h3, .popup-a header h4, .popup-a header h5, .popup-a header h6 { margin-bottom: 25px; font-size: 24px; } .popup-a header + .list-comments { margin-top: 71px; } .popup-a footer { margin-top: 13px; } .popup-a footer .link-btn { margin-right: -20px; } .popup-a footer .link-btn a { min-width: 120px; margin-right: 20px; padding-top: 7px; padding-bottom: 8px; } .popup-a .check + footer { margin-top: 13px; } .popup-a p, .popup-a ul, .popup-a ol, .popup-a .check li { margin-bottom: 14px; } .popup-a .s16:last-child, .popup-a .s16.last-child { margin-bottom: 33px; } .popup-a::-webkit-scrollbar { width: 0; background: none; } .popup-a.shown { z-index: 100003; } .popup-a.tip { color: var(--dove); line-height: 1.3636363636; } .popup-a.tip .box-inner { max-width: 294px; } .popup-a.tip .box-inset { padding: 15px; border-radius: 4px; border: 1px solid var(--silver); background: var(--white); font-size: 11px; } .select2-container { z-index: 99999; } .tabs-a { margin-top: 30px; } .tabs-a > nav { position: relative; margin: 0 0 28px; } .tabs-a > nav:before { border-bottom: 1px solid var(--dusty); } .tabs-a > nav h1, .tabs-a > nav h2, .tabs-a > nav h3, .tabs-a > nav h4, .tabs-a > nav h5, .tabs-a > nav h6 { margin: 0 auto 0 0; font-size: 28px; font-weight: 700; letter-spacing: normal; } .tabs-a > nav ul { list-style: none; margin: 0 -3px 0 0; padding: 12px 0 0; letter-spacing: 0.0075em; } .tabs-a > nav ul li { margin: 0 3px 0 0; font-size: 12px; } .tabs-a > nav ul a { display: block; padding: 0 13px 16px; border-bottom: 1px solid rgba(0,0,0,0); color: var(--coal); text-align: center; } .tabs-a > nav ul .active a { border-color: var(--cerise); color: var(--cerise); } .tabs-a > nav ul li:last-child a { padding-right: 8px; } .tabs-compact { margin: 0 0 28px; padding-bottom: 1px; border-bottom: 1px solid var(--dusty); } .tabs-compact > nav { margin-bottom: 28px; border-bottom: 1px solid var(--dusty); font-family: Sora, Arial, Helvetica, sans-serif; } .tabs-compact > nav h1, .tabs-compact > nav h2, .tabs-compact > nav h3, .tabs-compact > nav h4, .tabs-compact > nav h5, .tabs-compact > nav h6 { margin-bottom: 16px; font-size: 18px; font-weight: 700; } .tabs-compact > nav ul { list-style: none; padding: 0; letter-spacing: normal; } .tabs-compact > nav ul:first-child:last-child { width: 100%; } .tabs-compact > nav li { position: relative; z-index: 2; font-size: 16px; } .tabs-compact > nav li a { display: block; padding: 0 0 11px; border-bottom: 1px solid var(--dusty); color: var(--coal); font-weight: 700; text-align: center; } #root .tabs-compact > nav li.active a { border-color: var(--cerise); color: var(--cerise); } .tabs-compact > nav h1 ~ ul, .tabs-compact > nav h2 ~ ul, .tabs-compact > nav h3 ~ ul, .tabs-compact > nav h4 ~ ul, .tabs-compact > nav h5 ~ ul, .tabs-compact > nav h6 ~ ul { margin: 0 -20px 16px 0; padding-top: 1px; } .tabs-compact > nav h1 ~ ul li, .tabs-compact > nav h2 ~ ul li, .tabs-compact > nav h3 ~ ul li, .tabs-compact > nav h4 ~ ul li, .tabs-compact > nav h5 ~ ul li, .tabs-compact > nav h6 ~ ul li { margin-right: 20px; font-size: 12px; } .tabs-compact > nav h1 ~ ul li:before, .tabs-compact > nav h2 ~ ul li:before, .tabs-compact > nav h3 ~ ul li:before, .tabs-compact > nav h4 ~ ul li:before, .tabs-compact > nav h5 ~ ul li:before, .tabs-compact > nav h6 ~ ul li:before { content: ""; display: block; position: absolute; left: -11px; right: auto; top: 50%; bottom: auto; width: 1px; height: 10px; margin-top: -5px; background: var(--dove); } .tabs-compact > nav h1 ~ ul li a, .tabs-compact > nav h2 ~ ul li a, .tabs-compact > nav h3 ~ ul li a, .tabs-compact > nav h4 ~ ul li a, .tabs-compact > nav h5 ~ ul li a, .tabs-compact > nav h6 ~ ul li a { padding: 0; border-width: 0; font-weight: 400; } aside .tabs-compact > nav { margin: 0; padding-bottom: 6px; border-bottom-width: 0; } .tabs-compact.a, .tabs-compact.inline { margin-bottom: 38px; padding-bottom: 0; border-bottom-width: 0; } .tabs-compact.small { margin: 41px 0 43px; padding-bottom: 0; border-width: 0; } .tabs-compact.small > nav { } .tabs-compact.small > nav ul { position: relative; z-index: 2; margin-right: -22px; margin-bottom: 14px; } .tabs-compact.small > nav ul:before { right: 22px; border-bottom: 1px solid var(--dusty); } aside .tabs-compact.small > nav ul:before, .tabs-compact.small > nav ul.text-justify:before { right: 0; } .tabs-compact.small > nav ul.text-justify, .tabs-compact.small > nav ul.text-justify li { margin-right: 0; } .tabs-compact.small > nav li { float: left; margin-right: 22px; font-size: 12px; } .tabs-compact.small > nav li a { padding-bottom: 10px; color: var(--coal); font-weight: 400; } .w350 { max-width: 350px; } .w636, #content.w636 { max-width: 636px; } .w675 { max-width: 675px; } .w740, #content.w740 { max-width: 740px; } /*! Headers --------- */ .header-line { position: relative; padding-bottom: 15px; border-bottom: 1px solid var(--dusty); font-weight: 500; font-size: 14px; font-family: Poppins, Arial, Helvetica, sans-serif; letter-spacing: 0.0085714286em; } .header-line.s18, .header-line.s24 { padding-bottom: 13px; font-weight: 700; font-family: Sora, Arial, Helvetica, sans-serif; } aside .header-line.s18 { padding-bottom: 4px; } .header-line.s24 { padding-bottom: 13px; font-weight: 700; font-family: Sora, Arial, Helvetica, sans-serif; } #root .header-line .sticky { display: block; position: absolute; right: 0; top: 0; padding: 0; color: var(--dove); font-size: 14px; font-weight: 500; text-transform: none; letter-spacing: 0.0085714286em; } .header-line .sticky span { display: inline; float: none; padding: 0 0 0 18px; } .header-line .text-right { float: right; padding-top: 4px; } .header-line .small { font-size: 14px; font-weight: 500; } .header-line .small span { margin-right: 17px; } .header-line.a { overflow: hidden; padding-bottom: 0; border-width: 0; } .header-line.a > span { display: block; position: relative; float: left; padding-right: 10px; } .header-line.a > span:before { left: 100%; right: -3000em; border-bottom: 1px solid var(--dusty); } .header-line.a.s24 > span:before { bottom: 6px; } /*! Content --------- */ .list-inline a, a[href^="tel:"], .module-profile aa, #root .list-main .list-inline.strong, .medium .s12, .nav-aside ul a, a.overlay-b, .overlay-b a, .regular, .module-article a, .form-register a { font-weight: 400; } .list-inline.strong a, .medium, #root .module-welcome .list-social a, .module-profile p.strong, .list-inline.nav a, .module-box p.strong, .list-inline.medium a, h1.s14, h2.s14, h3.s14, h4.s14, h5.s14, h6.s14, .list-stream .form-comments h1 a, .list-stream .form-comments h2 a, .list-stream .form-comments h3 a, .list-stream .form-comments h4 a, .list-stream .form-comments h5 a, .list-stream .form-comments h6 a, #root .list-comments li.link a, .medium.list-btn a, .list-main .form-comments h1 a, .list-main .form-comments h2 a, .list-main .form-comments h3 a, .list-main .form-comments h4 a, .list-main .form-comments h5 a, .list-main .form-comments h6 a { font-weight: 500; } .semi, body > p a, #root .list-main .list-inline.strong a, .list-main .list-inline li.strong a, #root .list-compact li.s12 a, .list-dots li.s12 a { font-weight: 600; } .strong, .lead a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, #root .list-icon.strong a, .s18.strong a, a.overlay-b.strong { font-weight: 700; } .stronger, body > p .strong { font-weight: 800; } .em { font-style: italic; } .text-center { text-align: center; } .text-right { text-align: right; } .text-justify { text-align: justify; } .text-uppercase { text-transform: uppercase; } .s12, .list-comments p.s12 { font-size: 12px; } #root h1.s12, #root h2.s12, #root h3.s12, #root h4.s12, #root h5.s12, #root h6.s12 { margin-bottom: 7px; font-size: 12px; font-weight: 400; } .s14, .module-profile .s14 { font-size: 14px; } h1.s14, h2.s14, h3.s14, h4.s14, h5.s14, h6.s14 { letter-spacing: normal; } .s16 { font-size: 16px; } .s16 a.overlay-b i[class*="arrow"] { margin-left: 5px; font-size: 10px; } .s18 { font-size: 18px; } .s18.strong { font-family: Sora, Arial, Helvetica, sans-serif; } .s18 i { position: relative; top: -.1em; margin-left: 4px; margin-right: 10px; } .s24, .header-line.s24 { font-size: 24px; } .s28, .header-line.s28 { font-size: 28px; } .overlay-a, .overlay-cerise, #root .overlay-cerise, #root .overlay-a, #root .list-compact .overlay-a, #root .list-social a, #root #nav li.active *, [data-whatintent="mouse"] #root .list-icon label:hover, [data-whatintent="mouse"] #root .list-icon a:hover i, [data-whatintent="mouse"] #root .list-icon label:hover i, #root .list-inline a.overlay-a, #root .list-inline .overlay-a a, #root .tabs-a > nav ul .active a, #root .list-icon .overlay-a, [data-whatintent="mouse"] .list-compact.users a:hover:after, [data-whatintent="mouse"] .list-compact a.sticky:hover i, [data-whatintent="mouse"] .list-stream a.sticky:hover i, [data-whatintent="mouse"] h1 a:hover, [data-whatintent="mouse"] h2 a:hover, [data-whatintent="mouse"] h3 a:hover, [data-whatintent="mouse"] h4 a:hover, [data-whatintent="mouse"] h5 a:hover, [data-whatintent="mouse"] h6 a:hover, [data-whatintent="mouse"] #root .module-welcome .list-social a:hover, [data-whatintent="mouse"] #footer a.totop:hover, [data-whatintent="mouse"] .form-stream footer ul button[type="reset"]:hover, [data-whatintent="mouse"] #top > form input:hover ~ button, [data-whatintent="mouse"] #top > form button:hover, [data-whatintent="mouse"] #root .tabs-compact > nav li a:hover, [data-whatintent="mouse"] #root .list-inline a:hover, [data-whatintent="mouse"] #root .list-compact a:hover, [data-whatintent="mouse"] #root .tabs-a > nav ul a:hover, [data-whatintent="mouse"] #top > nav > ul > li > a:hover, [data-whatintent="mouse"] #root a.overlay-b:hover, [data-whatintent="mouse"] #root > a.offset-toggle:hover, [data-whatintent="mouse"] #root .list-stream h1 a:hover, [data-whatintent="mouse"] #root .list-stream h2 a:hover, [data-whatintent="mouse"] #root .list-stream h3 a:hover, [data-whatintent="mouse"] #root .list-stream h4 a:hover, [data-whatintent="mouse"] #root .list-stream h5 a:hover, [data-whatintent="mouse"] #root .list-stream h6 a:hover, #root .list-icon li.active a, [data-whatintent="mouse"] #root .module-welcome li a:hover, [data-whatintent="mouse"] a[href^="tel:"]:hover, [data-whatintent="mouse"] .module-profile h1 .text-right a:hover, [data-whatintent="mouse"] .module-profile h2 .text-right a:hover, [data-whatintent="mouse"] .module-profile h3 .text-right a:hover, [data-whatintent="mouse"] .module-profile h4 .text-right a:hover, [data-whatintent="mouse"] .module-profile h5 .text-right a:hover, [data-whatintent="mouse"] .module-profile h6 .text-right a:hover, [data-whatintent="mouse"] .module-profile h1 a.text-right:hover, [data-whatintent="mouse"] .module-profile h2 a.text-right:hover, [data-whatintent="mouse"] .module-profile h3 a.text-right:hover, [data-whatintent="mouse"] .module-profile h4 a.text-right:hover, [data-whatintent="mouse"] .module-profile h5 a.text-right:hover, [data-whatintent="mouse"] .module-profile h6 a.text-right:hover, [data-whatintent="mouse"] .module-profile h1 a:hover i, [data-whatintent="mouse"] .module-profile h2 a:hover i, [data-whatintent="mouse"] .module-profile h3 a:hover i, [data-whatintent="mouse"] .module-profile h4 a:hover i, [data-whatintent="mouse"] .module-profile h5 a:hover i, [data-whatintent="mouse"] .module-profile h6 a:hover i, #root .list-inline li.active a, #root .list-nav li.active, [data-whatintent="mouse"] #root .list-nav a:hover, [data-whatintent="mouse"] #root .list-compact.users a:hover, [data-whatintent="mouse"] .list-aside.a a:hover, [data-whatintent="mouse"] .list-aside.a a:hover span, .list-aside li.active *, #root .list-aside li.active span, [data-whatintent="mouse"] .list-main .list-inline li a:hover, [data-whatintent="mouse"] .list-main a.sticky:hover, [data-whatintent="mouse"] .nav-pagination li a:hover, .nav-pagination li.active a, .nav-sort ul li.active a, [data-whatintent="mouse"] .nav-sort ul li a:hover, [data-whatintent="mouse"] .nav-sort p a[href*="#"]:hover, [data-whatintent="mouse"] a.email:hover, [data-whatintent="mouse"] a[href^="tel:"]:hover, [data-whatintent="mouse"] .list-aside a[rel*="external"]:hover, [data-whatintent="mouse"] .nav-pagination.strong a:hover, .list-share .active, [data-whatintent="mouse"] #root .list-share .list-social a:hover, [data-whatintent="mouse"] #root .list-compact li.s12 a:hover, [data-whatintent="mouse"] #root .list-compact.users li.s12 a:hover, [data-whatintent="mouse"] .nav-aside header a:hover, [data-whatintent="mouse"] #root .nav-aside header .list-social a:hover, [data-whatintent="mouse"] #root .list-breadcrumbs li.strong a:hover, [data-whatintent="mouse"] #root .module-box.social .double .list-social li a:hover, [data-whatintent="mouse"] .module-box.social .double p a:hover, .list-aside.border ul li.active a, /*.list-aside.border ul li input:checked ~ label, #root .list-aside.border ul li input:checked ~ label,*/ [data-whatintent="mouse"] #root .list-btn a.inline:hover, [data-whatintent="mouse"] #root .link-btn.a a.inline:hover, [data-whatintent="mouse"] #root .link-btn.overlay-b a:hover, [data-whatintent="mouse"] .list-btn a.inline:hover, [data-whatintent="mouse"] .list-slider li a:hover, [data-whatintent="mouse"] .list-dots li.s12 a:hover, [data-whatintent="mouse"] .list-comments a.sticky:hover, [data-whatintent="mouse"] .header-profile h1 + p a:hover, [data-whatintent="mouse"] .header-profile h2 + p a:hover, [data-whatintent="mouse"] .header-profile h3 + p a:hover, [data-whatintent="mouse"] .header-profile h4 + p a:hover, [data-whatintent="mouse"] .header-profile h5 + p a:hover, [data-whatintent="mouse"] .header-profile h6 + p a:hover, .header-profile h1 + p i, .header-profile h2 + p i, .header-profile h3 + p i, .header-profile h4 + p i, .header-profile h5 + p i, .header-profile h6 + p i, [data-whatintent="mouse"] a.overlay-b:hover, [data-whatintent="mouse"] .overlay-b a:hover, #root .list-main h1 a:focus, #root .list-main h2 a:focus, #root .list-main h3 a:focus, #root .list-main h4 a:focus, #root .list-main h5 a:focus, #root .list-main h6 a:focus, [data-whatintent="mouse"] .lead a:hover, a.active .icon-star, [data-whatintent="mouse"] .list-share li a:hover i, #root .list-share li a.active i, .overlay-b li a, [data-whatintent="mouse"] #root .list-compact a.sticky:hover, [data-whatintent="mouse"] #root .list-compact.users a.sticky:last-child:hover, .module-article .email, [data-whatintent="mouse"] .module-article .overlay-b a:hover, #root .nav-pagination .active a, #root .list-stream h1 a:focus, #root .list-stream h2 a:focus, #root .list-stream h3 a:focus, #root .list-stream h4 a:focus, #root .list-stream h5 a:focus, #root .list-stream h6 a:focus, #root #top > form input:focus ~ button, [data-whatintent="mouse"] #root .list-comments h1 a:hover, [data-whatintent="mouse"] #root .list-comments h2 a:hover, [data-whatintent="mouse"] #root .list-comments h3 a:hover, [data-whatintent="mouse"] #root .list-comments h4 a:hover, [data-whatintent="mouse"] #root .list-comments h5 a:hover, [data-whatintent="mouse"] #root .list-comments h6 a:hover, [data-whatintent="mouse"] #root .list-comments > li > a:hover, [data-whatintent="mouse"] #top > nav > ul > li > ul a:hover, .module-alert h1, .module-alert h2, .module-alert h3, .module-alert h4, .module-alert h5, .module-alert h6, .module-alert .link-strong a i, [data-whatintent="mouse"] #root .module-alert .link-strong a:hover, [data-whatintent="mouse"] #root .module-alert .link-strong a:hover i, [data-whatintent="mouse"] .module-alert > .close:hover, .module-main.a > nav ul .active a, .module-main.a > aside ul .active a, [data-whatintent="mouse"] .module-main.a > nav ul a:hover, [data-whatintent="mouse"] .module-main.a > aside ul a:hover, [data-whatintent="mouse"] .popup-a header a:hover, [data-whatintent="mouse"] #root .popup-a .box-inset > a.close:hover, [data-whatintent="mouse"] .form-box .submit p a:hover, [data-whatintent="mouse"] #root .form-box .submit button[type="reset"]:hover, [data-whatintent="mouse"] .list-main .form-comments h1:hover, [data-whatintent="mouse"] .list-main .form-comments h2:hover, [data-whatintent="mouse"] .list-main .form-comments h3:hover, [data-whatintent="mouse"] .list-main .form-comments h4:hover, [data-whatintent="mouse"] .list-main .form-comments h5:hover, [data-whatintent="mouse"] .list-main .form-comments h6:hover, [data-whatintent="mouse"] .list-stream .form-comments h1:hover, [data-whatintent="mouse"] .list-stream .form-comments h2:hover, [data-whatintent="mouse"] .list-stream .form-comments h3:hover, [data-whatintent="mouse"] .list-stream .form-comments h4:hover, [data-whatintent="mouse"] .list-stream .form-comments h5:hover, [data-whatintent="mouse"] .list-stream .form-comments h6:hover, [data-whatintent="mouse"] .list-stream .medium a:hover, [data-whatintent="mouse"] .list-stream a.medium:hover, [data-whatintent="mouse"] .list-main a.medium:hover, [data-whatintent="mouse"] .list-comments p.s12 a.text-right:hover, #root .list-stream .list-comments li.strong a, #root .list-comments > li.link a, [data-whatintent="mouse"] #footer nav div a:hover, .nav-pagination li.active, [data-whatintent="mouse"] #root .list-sub li a:hover, [data-whatintent="mouse"] #root a.list-sub-toggle:hover, [data-whatintent="mouse"] .form-box ul.s16 a:hover, [data-whatintent="mouse"] .list-node a.node-sub:hover, .list-node .list-node h1 i, .list-node .list-node h2 i, .list-node .list-node h3 i, .list-node .list-node h4 i, .list-node .list-node h5 i, .list-node .list-node h6 i, /*a.overlay-b i[class*="arrow"],*/ [data-whatintent="mouse"] .header-profile p.s12 a:hover, [data-whatintent="mouse"] .list-main h1 a:hover, [data-whatintent="mouse"] .list-main h2 a:hover, [data-whatintent="mouse"] .list-main h3 a:hover, [data-whatintent="mouse"] .list-main h4 a:hover, [data-whatintent="mouse"] .list-main h5 a:hover, [data-whatintent="mouse"] .list-main h6 a:hover, [data-whatintent="mouse"] #root #content .list-sub a:hover, [data-whatintent="mouse"] .form-box .submit a:hover, [data-whatintent="mouse"] .form-filter .link-strong a:hover { color: var(--cerise); } .overlay-b, #root .overlay-b, .overlay-coal, #root .overlay-coal, #root .list-compact .overlay-b, .list-breadcrumbs li:last-child:before, #root .tabs-compact > nav li a, #root .list-compact a, #root .list-compact .sticky, #root .list-inline a, .list-stream h1 a, .list-stream h2 a, .list-stream h3 a, .list-stream h4 a, .list-stream h5 a, .list-stream h6 a, #root .list-stream .sticky, #root .tabs-a > nav ul a, #root #footer .list-social a, [data-whatintent="mouse"] #root .list-breadcrumbs a:hover, #root #top > nav > ul > li.active > a, #root .module-welcome .list-social a, a[href^="tel:"], .module-profile h1 .text-right a, .module-profile h2 .text-right a, .module-profile h3 .text-right a, .module-profile h4 .text-right a, .module-profile h5 .text-right a, .module-profile h6 .text-right a, .module-profile h1 a.text-right, .module-profile h2 a.text-right, .module-profile h3 a.text-right, .module-profile h4 a.text-right, .module-profile h5 a.text-right, .module-profile h6 a.text-right, .list-main a.sticky, .module-box p.strong, [data-whatintent="mouse"] #root .form-search button:hover, #root .form-search input:focus ~ button, [data-whatintent="mouse"] #root .form-search input:hover ~ button, .s18.strong, #root .module-box.social .double .list-social li a, .list-dots li.s12 a, .list-comments a.sticky, .header-profile h1 + p a, .header-profile h2 + p a, .header-profile h3 + p a, .header-profile h4 + p a, .header-profile h5 + p a, .header-profile h6 + p a, a.overlay-b, .overlay-b a, #root .link-btn.a a.inline.active:hover, [data-whatintent="mouse"] .list-share li a:hover, #root .list-share li a.active, #root .module-welcome input:focus ~ button, .list-comments h1 a:last-child, .list-comments h2 a:last-child, .list-comments h3 a:last-child, .list-comments h4 a:last-child, .list-comments h5 a:last-child, .list-comments h6 a:last-child, .list-comments h1 a, .list-comments h2 a, .list-comments h3 a, .list-comments h4 a, .list-comments h5 a, .list-comments h6 a, #root .module-alert[class*="overlay"], .module-alert[class*="overlay"] h1, .module-alert[class*="overlay"] h2, .module-alert[class*="overlay"] h3, .module-alert[class*="overlay"] h4, .module-alert[class*="overlay"] h5, .module-alert[class*="overlay"] h6, .module-alert .link-strong a, .module-alert.overlay-o .link-strong a i, .list-stream .medium a, .list-stream a.medium, .list-main a.medium, .list-comments p.s12 a.text-right, [data-whatintent="mouse"] #root .list-inline .overlay-j a:hover, [data-whatintent="mouse"] #root .list-compact li > span span a.list-compact li > span span a:hover, [data-whatintent="mouse"] .list-compact.cols a:hover span, .list-main h1 a, .list-main h2 a, .list-main h3 a, .list-main h4 a, .list-main h5 a, .list-main h6 a { color: var(--coal); } .overlay-c, #root .overlay-c, .overlay-danube, #root .overlay-danube, #root .list-compact .overlay-c, .module-alert.overlay-c .link-strong a i { color: var(--danube); } .overlay-d, #root .overlay-d, .overlay-mantis, #root .overlay-mantis, #root .list-compact .overlay-d, .module-alert.overlay-d .link-strong a i { color: var(--mantis); } .overlay-e, #root .overlay-e, .overlay-marine, #root .overlay-marine, #root .list-compact .overlay-e, #root .list-social a.overlay-e:after, #root #nav .overlay-e a { color: var(--marine); } .overlay-f, #root .overlay-f, .overlay-picton, #root .overlay-picton, #root .list-compact .overlay-f, #root .list-social a.overlay-f:after, #root #nav .overlay-f a { color: var(--picton); } .overlay-g, #root .overlay-g, .overlay-cerulean, #root .overlay-cerulean, #root .list-compact .overlay-g, #root .list-social a.overlay-g:after, #root #nav .overlay-g a { color: var(--cerulean); } .overlay-h, #root .overlay-h, .overlay-dusty, #root .overlay-dusty, #root .list-compact .overlay-h, #root .list-social a.overlay-h:after, #root #nav .overlay-h a { color: var(--dusty); } .overlay-i, #root .overlay-i, .overlay-cinnabar, #root .overlay-cinnabar, #root .list-compact .overlay-i, #root .list-social a.overlay-i:after, #root #nav .overlay-i a { color: var(--cinnabar); } .overlay-j, #root .overlay-j, .overlay-dusty, #root .overlay-dusty, #root .list-compact .overlay-j, #root .list-social a.overlay-j:after, #root #nav .overlay-j a [data-whatintent="mouse"] #footer nav.double > * + ul a:hover, [data-whatintent="mouse"] #footer nav.double > * + * ul a:hover, [data-whatintent="mouse"] #footer p a:hover, [data-whatintent="mouse"] #root #footer .list-social a:hover, [data-whatintent="mouse"] #root .list-social a:hover, [data-whatintent="mouse"] .form-stream footer ul a:hover, [data-whatintent="mouse"] .form-stream footer ul button:hover, [data-whatintent="mouse"] #root .list-inline .overlay-a a:hover, [data-whatintent="mouse"] #root .list-compact li.link a:hover, [data-whatintent="mouse"] .list-stream li a:hover, [data-whatintent="mouse"] #nav > ul > li > a:hover i, [data-whatintent="mouse"] a:hover, [data-whatintent="mouse"] #top > nav > .list-inline > li > a:hover, [data-whatintent="mouse"] #root .link-btn a.inline:hover, [data-whatintent="mouse"] #root .list-nav li.sub > a:hover, [data-whatintent="mouse"] #root .list-main figure:first-child + p > a:hover, [data-whatintent="mouse"] #root .list-main li > p:first-child > a:hover, [data-whatintent="mouse"] #root .list-inline a.overlay-a:hover, [data-whatintent="mouse"] .list-share a.small:hover, [data-whatintent="mouse"] #root .list-compact a.overlay-a:hover, [data-whatintent="mouse"] #root .list-compact li.s12 a.overlay-a:hover, [data-whatintent="mouse"] #root .link-btn a.transparent:hover, [data-whatintent="mouse"] .list-aside.border ul li a:hover, [data-whatintent="mouse"] .list-aside.border ul li label:hover, [data-whatintent="mouse"] .overlay-b li a:hover, [data-whatintent="mouse"] #root .list-icon a:hover, [data-whatintent="mouse"] .module-article a.email:hover, [data-whatintent="mouse"] #root .list-stream .list-comments li.strong a:hover, [data-whatintent="mouse"] #root .list-inline a:hover .overlay-a, [data-whatintent="mouse"] #root .list-comments > li.link a:hover, #root .list-inline .overlay-j a, [data-whatintent="mouse"] #footer a:hover, [data-whatintent="mouse"] #root a.overlay-i:hover, [data-whatintent="mouse"] #root .a.overlay-cinnabar:hover, [data-whatintent="mouse"] #root .list-comments li.link-strong a:hover, [data-whatintent="mouse"] #root a.overlay-f:hover, [data-whatintent="mouse"] #root .a.overlay-picton:hover, [data-whatintent="mouse"] .list-main a:hover { color: var(--dusty); } .overlay-k, #root .overlay-k, .overlay-venus, #root .overlay-venus, #root .list-compact .overlay-k, #root .list-social a.overlay-k:after, #root #nav .overlay-k a { color: var(--venus); } .overlay-l, #root .overlay-l, .overlay-dove, #root .overlay-dove, .module-box p.medium.overlay-l, .module-article .overlay-b, .module-article .overlay-b a, .form-box .s12 { color: var(--dove); } .overlay-m, #root .overlay-m, .overlay-wine, #root .overlay-wine, #root .list-compact .overlay-m, #root .list-social a.overlay-m:after, #root #nav .overlay-m a { color: var(--wine); } .overlay-n, #root .overlay-n, .overlay-orange, #root .overlay-orange, #root .list-compact .overlay-n, #root .list-social a.overlay-n:after, #root #nav .overlay-n a { color: var(--orange); } .overlay-o, #root .overlay-o, .overlay-sun, #root .overlay-sun, #root .list-compact .overlay-o, #root .list-social a.overlay-o:after, #root #nav .overlay-o a { color: var(--sun); } .lead { color: var(--coal); font-size: 16px; font-weight: 700; font-family: Sora, Arial, Helvetica, sans-serif; line-height: 1.375; } .lead i, .module-welcome > header .lead i { display: inline-block; position: relative; margin: 0 0 0 3px; font-size: 10px; line-height: 1px; } .scheme-box { display: inline-block; position: relative; z-index: 2; margin: 0 6px 0 0; padding: 0 6px; color: var(--wine); font-size: 11px; font-weight: 500; line-height: 1.2; } .scheme-box:before { top: -3.25px; bottom: -3.25px; background: var(--weep); } .scheme-border { padding-bottom: 6px; border-bottom: 1px solid var(--dusty); } .scheme-tip { display: inline-block; position: relative; z-index: 2; } .scheme-tip > .tip { display: block; visibility: hidden; position: absolute; left: 100%; top: calc(100% + 10px); width: 294px; margin: 0 0 0 -32px; padding: 15px; border-radius: 4px; border: 1px solid var(--silver); background: var(--white); color: var(--dove); font-size: 11px; font-weight: 400; font-family: Poppins, Arial, Helvetica, sans-serif; line-height: 1.3636363636; text-align: left; text-transform: none; letter-spacing: normal; opacity: 0; } /*.scheme-tip > .tip { -webkit-transform: translateY(2px); transform: translateY(2px); }*/ .scheme-tip > .tip:before,.scheme-tip > .tip:after { content: "\e992"; overflow: hidden; left: -1px; right: auto; top: -12px; z-index: 2; width: 32px; height: 12px; margin: 0; padding-top: 5px; color: var(--white); font-size: 8px; line-height: 8px; } .scheme-tip > .tip:after { z-index: 1; color: var(--silver); font-size: 10px; line-height: 6px; } .scheme-tip .tip .strong.block, .popup-a.tip .strong.block { display: block; margin-bottom: 4px; color: var(--coal); font-size: 12px; font-weight: 500; line-height: 1.5; } #root .scheme-tip a.popup, #root .scheme-tip a.toggle { 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; background: none; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } /*! Links --------- */ .link-btn { position: relative; z-index: 2; margin: 0 -10px 14px 0; line-height: 1.375; } .link-btn > * { margin: 0 10px 10px 0; } #root .link-btn a.inline { padding: 0; border-width: 0; background: none; color: var(--cerise); font-weight: 500; font-size: 14px; } .link-btn a.inline i { display: inline-block; font-size: 0.8571428571em; } #root .link-btn a.transparent { padding-left: 0; padding-right: 0; border-width: 0; background: none; color: var(--cerise); font-weight: 600; } #root .link-btn a.inv { background: none; color: var(--cerise); } #root .link-btn a.overlay-b, #root .link-btn.overlay-b a, .list-btn.overlay-b a, #root .link-btn a.close, button.overlay-b { border-color: var(--sand); background: var(--sand); color: var(--coal); } [data-whatintent="mouse"] .list-btn.overlay-b a:hover, [data-whatintent="mouse"] #root .link-btn.overlay-b a:hover, [data-whatintent="mouse"] .list-btn.overlay-b a:hover, [data-whatintent="mouse"] #root .link-btn a.close:hover, [data-whatintent="mouse"] #root button.overlay-b:hover { border-color: var(--sand); background: var(--sand); color: var(--cerise); } #root .link-btn a.overlay-b.disabled, #root .link-btn.disabled a.overlay-b, [data-whatintent="mouse"] #root .link-btn a.overlay-b.disabled:hover, [data-whatintent="mouse"] #root .link-btn.disabled a.overlay-b:hover { border-color: var(--sand); background: var(--sand); color: var(--dove); } #root .link-btn a.overlay-c, #root .link-btn.overlay-c a, .list-btn.overlay-c a { border-color: var(--danube); background: var(--danube); color: var(--white); } /*Facebook*/ [data-whatintent="mouse"] #root .link-btn a.overlay-c:hover, [data-whatintent="mouse"] #root .link-btn.overlay-c a:hover, [data-whatintent="mouse"] .list-btn.overlay-c a:hover { border-color: var(--arctic); background: var(--arctic); color: var(--danube); } #root .link-btn a.overlay-c.disabled, #root .link-btn.disabled a.overlay-c, [data-whatintent="mouse"] #root .link-btn a.overlay-c.disabled:hover, [data-whatintent="mouse"] #root .link-btn.disabled a.overlay-c:hover, .scheme-box.overlay-c:before { border-color: var(--arctic); background: var(--arctic); color: var(--dove); } #root .link-btn a.overlay-e, #root .link-btn.overlay-e a, .list-btn.overlay-e a { border-color: var(--marine); background: var(--marine); color: var(--white); } [data-whatintent="mouse"] #root .link-btn a.overlay-e:hover, [data-whatintent="mouse"] #root .link-btn.overlay-e a:hover, [data-whatintent="mouse"] .list-btn.overlay-e a:hover { border-color: var(--arctic); background: var(--arctic); color: var(--marine); } #root .link-btn a.overlay-e.disabled, #root .link-btn.disabled a.overlay-e, [data-whatintent="mouse"] #root .link-btn a.overlay-e.disabled:hover, [data-whatintent="mouse"] #root .link-btn.disabled a.overlay-e:hover, .scheme-box.overlay-e:before { border-color: var(--arctic); background: var(--arctic); color: var(--dove); } #root .link-btn a.overlay-d { border-color: var(--mantis); background: var(--mantis); color: var(--white); } [data-whatintent="mouse"] #root .link-btn a.overlay-d:hover, #root .list-btn.overlay-b a.active { border-color: var(--mint); background: var(--mint); color: var(--mantis); } #root .link-btn a.overlay-d.disabled, #root .link-btn.disabled a.overlay-d, [data-whatintent="mouse"] #root .link-btn a.overlay-d.disabled:hover, [data-whatintent="mouse"] #root .link-btn.disabled a.overlay-d:hover, .scheme-box.overlay-d:before { border-color: var(--mint); background: var(--mint); color: var(--dove); } #root .link-btn a.overlay-k { border-color: var(--venus); background: var(--venus); color: var(--coal); } [data-whatintent="mouse"] #root .link-btn a.overlay-k:hover { border-color: var(--venus); background: var(--venus); color: var(--cerise); } #root .link-btn .sub-toggle a.overlay-k, [data-whatintent="mouse"] #root .link-btn .sub-toggle a.overlay-k:hover { border-color: var(--cerise); background: var(--cerise); color: var(--white); } #root .link-btn a.overlay-k.disabled, #root .link-btn.disabled a.overlay-k, [data-whatintent="mouse"] #root .link-btn a.overlay-k.disabled:hover, [data-whatintent="mouse"] #root .link-btn.disabled a.overlay-k:hover, .scheme-box.overlay-k:before, #root .link-btn .disabled a.overlay-k, #root .link-btn.disabled a.overlay-k, [data-whatintent="mouse"] #root .link-btn a.overlay-k.disabled:hover, [data-whatintent="mouse"] #root .link-btn.disabled a.overlay-k:hover, [data-whatintent="mouse"] #root .link-btn .disabled a.overlay-k:hover { border-color: var(--venus); background: var(--venus); color: var(--dove); } h1 + .link-btn, h2 + .link-btn, h3 + .link-btn, h4 + .link-btn, h5 + .link-btn, h6 + .link-btn { margin-top: 21px; } .link-btn.a { margin-top: 40px; } #root .link-btn.a a { min-width: 156px; padding-left: 10px; padding-right: 10px; font-size: 12px; } #root .link-btn.a a.inline { min-width: 0; padding-left: 0; padding-right: 0; color: var(--coal); font-size: 12px; } .link-btn.a a.inline i { margin-right: 6px; font-size: 1.1666666667em; } .link-btn.a a.inline:first-child { margin-right: auto; } .link-btn.cta { min-height: 105px; margin: 48px 0; padding: 19px 22px 9px; color: var(--white); font-weight: 500; } .link-btn.cta:before { background: var(--coal); } .link-btn.cta > span { margin-right: auto; padding-right: 10px; } .link-btn.cta a { min-width: 156px; } .link-btn.inline { margin-top: 31px; margin-right: -6px; font-size: 14px; font-weight: 500; letter-spacing: -.01em; } .link-btn.inline > span { margin-right: auto; padding-right: 5px; } .link-btn.inline > span { -webkit-flex-shrink: 110; -ms-flex-shrink: 110; flex-shrink: 110; } .link-btn.inline a { min-width: 58px; margin-right: 6px; padding: 7px 20px 8px; font-size: 12px; font-weight: 500; white-space: nowrap; } .link-btn.inline a { -webkit-align-self: flex-start; align-self: flex-start; } .link-btn.inline a.inline { margin-left: auto; /*margin-right: 16px;*/ font-size: 14px; } .link-btn.inline a.inline { -webkit-align-self: center; align-self: center; } .link-btn.inline a.inline i { top: .1em; font-size: 0.8571428571em; } aside .link-btn.inline { font-size: 12px; } aside .link-btn.inline a { min-width: 40px; padding: 3px 10px 4px; font-size: 1em; } .link-btn.small { color: var(--dove); font-size: 12px; } .link-btn.small > span:first-child { margin-right: auto; } .link-btn.small a { min-width: 82px; padding: 3px 12px 4px; font-weight: 400; font-size: 12px; } .link-btn.medium {} .link-btn.medium a { min-width: 80px; padding: 8px 18px 9px; font-weight: 600; font-size: 12px; } .link-strong { display: block; padding: 13px 0 0; border: 0 solid var(--dusty); border-top-width: 1px; font-weight: 700; font-family: Sora, Arial, Helvetica, sans-serif; font-size: 18px; line-height: 1.2857142857; } .link-strong a { display: block; margin: 8px 0; font-weight: 500; font-size: 14px; font-family: Poppins, Arial, Helvetica, sans-serif; } .link-strong i { display: inline-block; position: relative; margin-left: 8px; font-size: 9px; line-height: 1px; } .link-strong + h1, .link-strong + h2, .link-strong + h3, .link-strong + h4, .link-strong + h5, .link-strong + h6 { margin-top: 37px; padding-top: 15px; border-top: 1px solid var(--dusty); } .link-strong.s16 { font-size: 16px; } .link-strong.s16 a { font-weight: 700; font-size: 1em; } .list-btn { list-style: none; margin: 0 0 21px; padding: 0; font-weight: 500; } .list-btn li { margin: 0 -6px 9px 0; font-size: 12px; } .list-btn li > * { display: block; position: relative; margin: 0 6px 6px 0; padding: 3.5px 7px; font-size: 1.1666666667em; } .list-btn li > span:first-child { min-width: 0; margin-right: auto; padding: 0; font-size: 1em; } .list-btn a { min-width: 40px; margin: 0 6px 6px 0; border-radius: 0; border: 1px solid var(--cerise); background: var(--cerise); color: var(--white); font-size: 12px; font-weight: 600; line-height: 1.2857142857; text-align: center; letter-spacing: 0.0058333333em; } #root .list-btn a.inline { min-width: 0; padding: 0; border-width: 0; background: none; color: var(--coal); font-size: 14px; font-weight: 500; } .list-aside.border + .list-btn { margin-top: 17px; } /*! 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 { margin-bottom: 40px; } img[src*="googleapis.com"], img[src*="google"], img[src*="maps.gstatic.com"], .gm-style img { max-width: inherit !important; } .gm-svpc img[style*="height: 30px"], .gm-svpc img[style*="height:30px"] { height: 30px !important; } .gm-svpc img[style*="height: 40px"], .gm-svpc img[style*="height:40px"] { height: 40px !important; } .map-canvas[style] { -webkit-transform: none !important; } /*! Lists --------- */ .list-dots li:after, .list-breadcrumbs li:after, #top li:after, #aside li:after, #nav li:after, #footer li:after, .list-icon li:after, .list-inline li:after, .list-social li:after, .list-compact li:after, .list-stream li:after, .list-nav li:after, .module-welcome li:after, .tabs-a li:after, .tabs-compact li:after, .list-aside li:after, .nav-pagination li:after, .form-stream footer ul li:after, .list-comments li:after, .list-share li:after, .list-btn li:after, .list-slider li:after { content: ""; display: none; position: relative; left: 0; top: 0; } .list-aside { position: relative; list-style: none; padding: 0; } .list-aside li { position: relative; z-index: 2; padding-left: 177px; } .list-aside li > span:first-child { display: inline-block; /*float: left;*/ width: 177px; margin-left: -177px; padding-right: 20px; font-weight: 500; } #root .list-aside li.link, #root .list-comments li.link { margin-top: 15px; padding: 0; border-width: 0; font-size: 14px; text-align: left; } #root .list-aside li.link:last-child { margin-bottom: 47px; } .list-aside li.link i, .list-comments li.link i { display: inline-block; position: relative; top: 0; margin: 0 0 0 7px; font-size: 0.8571428571em; line-height: 1px; } .list-aside.a { list-style: none; padding: 0; } .list-aside.a li { margin-bottom: 12px; padding-left: 0; } .list-aside.a span, .list-aside.a > li span:first-child { display: inline; position: relative; top: -1em; float: none; width: auto; margin-left: 4px; padding: 0; color: var(--silver); font-weight: 500; font-size: 0.7857142857em; font-weight: inherit; } .list-aside.a li.strong { margin-top: 20px; } .list-aside.a i { display: inline-block; position: relative; margin-left: 7px; color: var(--cerise); font-size: 10px; line-height: 1px; } .list-aside.a ul.sub { display: none; z-index: 9; list-style: none; width: 143px; margin: -10px 0 0; padding: 24px 0 9px; } .list-aside.a ul.sub li { margin: 0; font-size: 12px; } .list-aside.border { padding: 0; border-width: 0 !important; font-weight: 700; text-align: right; font-family: Sora, Arial, Helvetica, sans-serif; } .list-aside.border li { position: relative; margin: 0 0 32px; padding: 0 0 6px; border-bottom: 1px solid var(--dusty); font-size: 16px; } .list-aside.border li > span:first-child { float: left; width: auto; margin-left: 0; padding: 2px 0 0; font-size: 0.875em; font-family: Poppins, Arial, Helvetica, sans-serif; } #root .list-aside.border li.strong { font-size: 16px; font-weight: 700; font-family: Sora, Arial, Helvetica, sans-serif; } #root .list-aside.border li.strong > span:first-child { font-weight: 500; font-size: 14px; font-family: Poppins, Arial, Helvetica, sans-serif; } .list-aside.border li.submit { margin-top: -20px; padding-top: 0; border-width: 0; font-size: 12px; } .list-aside.border li.submit button { float: right; } .list-aside.m0 li:last-child { margin-bottom: 8px; } .list-aside.border span.small { display: block; position: absolute; right: 0; top: 100%; color: var(--dove); font-weight: 400; font-size: 12px; } .double > .list-aside.border, .double > * > .list-aside.border:first-child { margin-top: -5px; } .list-aside.border ul { position: relative; top: 10px; float: right; list-style: none; margin: -10px -7px 0 0; padding: 0; } .list-aside.border ul li { margin: 0 7px 0 0; padding: 0; border-width: 0; } .list-aside.border ul li a, .list-aside.border ul li label { margin: 0; padding: 0; color: var(--coal); font-family: Sora, Arial, Helvetica, sans-serif; font-weight: 700; font-size: 16px; cursor: pointer; } aside .list-aside.border { margin-bottom: 14px; font-weight: 500; font-family: Poppins, Arial, Helvetica, sans-serif; } aside .list-aside.border li { margin-bottom: 5px; padding-bottom: 5px; font-size: 14px; } aside .list-aside.border li > span:first-child { font-size: 0.8571428571em; } .list-aside.border li.link-btn { margin-bottom: 14px; padding: 0; border-width: 0; color: var(--dove); font-weight: 400; font-size: 12px; } .double .list-aside.border li.link-btn:first-childv { padding-top: 17px; } .list-aside.border li.link-btn a, .list-aside.border li.submit button { min-width: 117px; margin: 0 0 0 auto; padding: 7.5px 10px; font-size: 1em; font-weight: 600; } .list-aside.border li.link-btn > span { padding-top: 0; font-size: 1em; } .list-aside.border li.submit button { min-width: 85px; } .list-breadcrumbs { overflow: hidden; list-style: none; margin: 0 -18px 9px 0; padding: 0 0 0 0; color: var(--coal); font-weight: 500; } .list-breadcrumbs li { position: relative; margin: 0 18px 0 0; font-size: 11px; } .list-breadcrumbs li:before { content: "\e91b"; display: block; position: absolute; right: 100%; top: 50%; width: 18px; margin-top: -5px; color: var(--delta); font-family: i; font-size: 6px; font-weight: 400; line-height: 10px; text-align: center; } .list-breadcrumbs i { display: inline-block; position: relative; top: .1em; margin-right: 8px;line-height: 1px; } .list-breadcrumbs i.icon-arrow-right { margin-right: 0; margin-left: 8px; } .list-breadcrumbs i.icon-arrow-left:before { content: "\e94a"; } .list-breadcrumbs i.icon-arrow-right:before { content: "\e94b"; } .list-breadcrumbs li.strong { position: relative; top: 1px; margin-left: auto; color: var(--coal); font-size: 12px; font-weight: 600; line-height: 1.571425; } .list-breadcrumbs li.strong ~ li.strong { margin-left: 12px; } #root .list-breadcrumbs li.strong a { color: var(--coal); font-weight: 600; } #root .list-breadcrumbs li.strong a + a { margin-left: 8px; } #root .list-breadcrumbs a { color: var(--delta); font-weight: 400; } /*#content > .list-breadcrumbs:first-child, #content > *:first-child > .list-breadcrumbs:first-child { margin-top: -49px; }*/ .has-aside-pagination.list-breadcrumbs { padding-right: 352px; } .list-comments { position: relative; /*z-index: 2;*/ list-style: none; margin: 0px 0 55px; padding: 0; line-height: 1.7142857143em; } .list-comments li { position: relative; z-index: 2; min-height: 48px; margin: 0 0 55px; padding: 0 0 0 70px; font-size: 14px; } .list-comments figure { position: absolute; left: 0; top: 0; width: 48px; } .list-comments figure img { border-radius: 99px; } .list-comments figure img.square, .list-comments li.square figure img, .list-comments figure i.square, .list-comments li.square figure i { border-radius: 0; } .list-comments figure i { display: block; border-radius: 99px; background: var(--sand); color: var(--cerise); font-size: 36px; line-height: 48px; text-align: center; } .list-comments figure i.blank { background: none; } .list-comments figure i[class*="icon-main"] { font-size: 48px; } .list-comments figure i[class*="icon-main-notification"] { font-size: 52px; } .list-comments h1, .list-comments h2, .list-comments h3, .list-comments h4, .list-comments h5, .list-comments h6 { overflow: hidden; margin: 13px 0 14px; font-weight: 500; font-size: 14px; } .list-comments h1 span, .list-comments h2 span, .list-comments h3 span, .list-comments h4 span, .list-comments h5 span, .list-comments h6 span { margin-left: 12px; color: var(--dusty); font-weight: 400; font-size: 12px; } .list-comments h1 a:last-child, .list-comments h2 a:last-child, .list-comments h3 a:last-child, .list-comments h4 a:last-child, .list-comments h5 a:last-child, .list-comments h6 a:last-child { display: block; float: right; margin-left: 12px; padding: 2px 0 0; font-size: 12px; font-weight: 600; } .list-comments p { margin: 0 0 9px; } /*.list-comments p a { display: inline; font-size: 12px; font-weight: 600; }*/ .list-comments p i { display: inline-block; /*margin-left: 5px;*/ } .list-comments p.s12 { color: var(--dusty); } .list-comments p + p.s12 { margin-top: -6px; } .list-comments p.s12 .text-right { float: right; font-size: 1em; } .list-comments a[style*="padding"] { display: block; } #root .list-comments li.link { margin-top: 0; padding-top: 17px; border-top: 1px solid var(--dusty); } .list-comments li.link a { display: inline; float: none; margin: 0; padding: 0; font-size: 1em; font-weight: 500; } #root .list-comments li.link-strong { margin-top: 65px; padding: 0; text-align: center; } #root .list-comments li.link-strong a { color: var(--cerise); font-weight: 700; } .list-comments a.sticky { display: block; position: absolute; right: 0; top: 0; } .list-comments .list-inline { margin-right: -11px; padding: 0; } #root .list-comments .list-inline li { min-height: 0; margin: 0 11px 0 0; padding: 0; font-size: 12px; } .list-comments .list-aside { margin-bottom: 9px; } #root .list-comments .list-aside li { min-height: 0; margin: 0 0 2px; padding: 0; border-width: 0; font-size: 14px; } .list-comments .list-aside a, .list-comments.a p a { font-weight: 400; font-size: 1em; } .list-comments + .link-strong { margin-top: 65px; padding-top: 0; border-top-width: 0; } .gecko .list-comments.h535 li { margin-right: 10px; } /*.list-comments li:last-child, .list-stream .list-comments li:last-child { margin-bottom: 0; }*/ .list-comments.compact { line-height: 1.5; } .list-comments.compact li { min-height: 0; margin-bottom: 42px; padding: 0; font-size: 12px; } .list-comments.compact figure { position: relative; float: left; margin: 0 17px 12px 0; } .list-comments.compact figure + h1, .list-comments.compact figure + h2, .list-comments.compact figure + h3, .list-comments.compact figure + h4, .list-comments.compact figure + h5, .list-comments.compact figure + h6 { min-height: 48px; } .list-comments.compact h1, .list-comments.compact h2, .list-comments.compact h3, .list-comments.compact h4, .list-comments.compact h5, .list-comments.compact h6 { margin-bottom: 12px; color: var(--dusty); font-size: 14px; } .list-comments.compact p { clear: both; } #root .list-comments.compact li + li.link { margin-top: -9px; } .list-comments.h535 { overflow: hidden; overflow-y: auto; max-height: 535px; } .list-comments.inv { margin-top: 57px; padding: 0 24px; } .list-comments.inv li { margin-bottom: 35px; padding-bottom: 30px; } .list-comments.inv li.dark { margin-bottom: 40px; } .list-comments.inv li.dark:before { left: -24px; right: -24px; top: -34px; background: var(--sand); } .list-comments.strong { color: var(--coal); font-weight: 400; } .list-comments.strong li, .list-comments li.strong { min-height: 70px; padding-left: 105px; padding-top: 2px; font-weight: 400; } .list-comments.strong figure, .list-comments li.strong figure { width: 70px; } .list-comments.strong figure i, .list-comments li.strong figure i { font-size: 52px; line-height: 70px; } .list-comments.strong figure i[class*="icon-main"], .list-comments li.strong figure i[class*="icon-main"] { font-size: 66px; } .list-comments.strong figure i[class*="icon-main-notification"], .list-comments li.strong figure i[class*="icon-main-notification"] { font-size: 56px; } .list-comments.strong h1, .list-comments.strong h2, .list-comments.strong h3, .list-comments.strong h4, .list-comments.strong h5, .list-comments.strong h6, .list-comments li.strong h1, .list-comments li.strong h2, .list-comments li.strong h3, .list-comments li.strong h4, .list-comments li.strong h5, .list-comments li.strong h6 { margin-bottom: 8px; font-size: 16px; font-weight: 700; } .list-comments.strong h1 span, .list-comments.strong h2 span, .list-comments.strong h3 span, .list-comments.strong h4 span, .list-comments.strong h5 span, .list-comments.strong h6 span, .list-comments li.strong h1 span, .list-comments li.strong h2 span, .list-comments li.strong h3 span, .list-comments li.strong h4 span, .list-comments li.strong h5 span, .list-comments li.strong h6 span { display: block; margin: 9px 0 0; } .list-comments.a { } .list-comments.a h1, .list-comments.a h2, .list-comments.a h3, .list-comments.a h4, .list-comments.a h5, .list-comments.a h6 { margin-bottom: 10px; padding-top: 9px; } /*.list-comments.a h1:first-child, .list-comments.a h2:first-child, .list-comments.a h3:first-child, .list-comments.a h4:first-child, .list-comments.a h5:first-child, .list-comments.a h6:first-child, .list-comments.a figure + h1, .list-comments.a figure + h2, .list-comments.a figure + h3, .list-comments.a figure + h4, .list-comments.a figure + h5, .list-comments.a figure + h6 { padding-right: 100px; }*/ .list-comments.a h1 a, .list-comments.a h2 a, .list-comments.a h3 a, .list-comments.a h4 a, .list-comments.a h5 a, .list-comments.a h6 a { float: none; margin: 0; padding: 0; font-size: 1em; font-weight: inherit; outline: none; } .list-comments.a p, .list-comments.a ul { position: relative; z-index: 9; } .list-comments.a li { margin-bottom: 32px; padding-bottom: 35px; border-bottom: 1px solid var(--dusty); } .list-comments.a li:last-child { border-bottom: none; } .list-comments.a ul a:first-child:before, .list-comments.a p a:first-child:before { /*content: "| ";*/ color: var(--coal); cursor: default; } .list-comments .link-btn, .list-comments.a .link-btn, .list-main .link-btn { position: absolute; right: -10px; top: 5px; z-index: 9; margin-bottom: 0; } #root .list-comments .link-btn, #root .list-comments.a .link-btn, #root .list-main .link-btn { padding-left: 0; } /*.list-comments .link-btn ~ *, .list-comments li.has-link-btn, .list-main li.has-link-btn { padding-right: 162px; }*/ .list-comments .link-btn ~ figure { padding-right: 0; } .list-comments .link-btn a, .list-comments.a .link-btn a, .list-main .link-btn a { display: block; min-width: 0; padding: 7px 18px 8px; font-weight: 600; font-size: 12px; text-align: center; } .list-comments .link-btn > span, .list-main .link-btn > span, .list-node .link-btn > span { margin-bottom: 0; margin-right: 0; } #root .list-comments .link-btn .list-sub, #root .list-main .link-btn .list-sub, #root .list-node .link-btn .list-sub { position: absolute; right: 10px; top: 100%; margin-top: -10px; } #root .list-comments .link-btn > .has-sub, .list-main .link-btn > .has-sub, .list-node .link-btn > .has-sub { -webkit-flex-basis: 100%; -ms-flex-basis: 100%; flex-basis: 100%; } #root .list-comments .link-btn a.inline, .list-main .link-btn a.inline, #root .list-main .link-btn a.inline, #root .list-node .link-btn a.inline { color: var(--coal); font-size: 12px; font-weight: 600; text-align: right; } .list-comments.a + .nav-pagination { margin-top: -57px; } .list-comments.no-hr { } .list-comments.no-hr li { margin-bottom: 40px; padding-bottom: 0; border-width: 0; } .list-comments.line { margin-bottom: 74px; border-bottom: 1px solid var(--dusty); } @media only screen and (min-width: 47.5em) { /* 760 */ .list-comments.offset { margin-right: 200px; } .list-comments.offset .link-btn.offset { display: block; position: absolute; right: -200px; /*top: 50%;*/ width: 144px; margin: 0; padding: 0; } .list-comments.offset .link-btn.offset { /*-webkit-transform: translateY(-50%); transform: translateY(-50%);*/ } .list-comments.offset .link-btn.offset a { display: block; width: 100%; margin: 0; padding: 8px 16px; } .list-comments.offset .link-btn.offset a + a { margin-top: 7px; } /*.list-comments.offset li.has-link-btn { padding-right: 0; }*/ } .list-dots { list-style: none; margin: 0 0 0 -10px; padding: 0; color: var(--cerise); font-weight: 600; } .list-dots li { margin: 0 0 10px; border-left: 10px solid rgba(0,0,0,0); font-size: 12px; } .list-dots li.text-right { margin-left: auto; border-left-width: 0; } .list-dots img { display: block; width: 48px !important; border-radius: 40px; } .list-dots i { display: block; overflow: hidden; position: relative; width: 48px; height: 48px; margin: 0; border-radius: 99px; background: var(--sand); color: var(--cerise); font-size: 24px; line-height: 48px; text-align: center; } .list-dots i[class*="icon-main"] { font-size: 48px; } .list-dots i[class*="arrow"] { display: inline-block; overflow: visible; position: relative; width: auto; height: auto; margin-left: 7px; border-radius: 0; background: none; color: inherit; font-size: 0.75em; line-height: inherit; } .list-dots + * { margin-top: 17px; } .list-dots + figure { margin-top: 36px; } .list-dots li.s12 { display: block; width: 100%; margin-top: 2px; margin-bottom: -3px; } .list-dots .scheme-tip .tip { left: 50%; margin-left: -22px; } .list-icon { list-style: none; padding: 0; } /*#root .list-icon { margin-right: -24px; }*/ #root .list-icon { margin-left: 0px; margin-right: 100px; } #root .list-icon li { margin-right: 24px; font-size: 12px; } #root .list-icon a, #root .list-icon label { display: block; position: relative; margin: 0; color: var(--coal); font-size: 1em; font-weight: 400; text-decoration: none; cursor: pointer; } .list-icon label input { display: block; visibility: hidden; position: absolute; left: 0; top: 0; opacity: 0; } .list-icon.a { margin: 60px 0 0 -140px; color: var(--coal); font-weight: 700; font-family: Sora, Arial, Helvetica, sans-serif; line-height: 1.375; } #root .list-icon.a li { width: 50%; margin: 0 0 44px; border-left: 140px solid rgba(0,0,0,0); font-size: 16px; } .list-icon.a i { display: block; margin: 0 0 39px; color: var(--cerise); font-size: 58px; line-height: 58px; } .list-icon.a span, .list-icon.strong span { display: block; padding: 8px 0 0; color: var(--dove); font-size: 14px; font-weight: 400; line-height: 1.7142857143; } .list-icon.strong, #root .list-icon.strong { margin-right: 0; margin-left: -20px; font-weight: 700; font-family: Sora, Arial, Helvetica, sans-serif; line-height: 1.375; } #root .list-icon.strong li { width: 50%; margin: 69px 0 0; border-left: 20px solid rgba(0,0,0,0); font-size: 16px; } .list-icon.strong i { display: block; margin: 0 0 26px; color: var(--cerise); font-size: 58px; line-height: 58px; } .list-icon.strong i.icon-hr, .list-icon.a i.icon-hr { font-size: 52px; } .list-icon.strong i.icon-bell, .list-icon.a i.icon-bell, .list-icon.strong i.icon-research, .list-icon.a i.icon-research, .list-icon.strong i.icon-zoom, .list-icon.a i.icon-zoom { font-size: 56px; } .list-icon.strong i.icon-bell:before, .list-icon.a i.icon-bell:before { content: "\e940"; } .list-icon.strong i.icon-zoom:before, .list-icon.a i.icon-zoom:before { content: "\e907"; } .list-icon.strong a { display: block; } .list-icon.strong a:after { content: "\e943"; display: block; margin-top: 15px; font-size: 15px; font-weight: 400; font-family: i; line-height: 1; } .list-inline { list-style: none; margin-right: -22px; margin-bottom: 19px; padding: 0; } .list-inline li { position: relative; z-index: 2; margin-right: 22px; margin-bottom: 5px; font-size: 12px; } .list-inline .link-btn, .list-inline li.text-right { margin-left: auto; } .list-inline .link-btn ~ .link-btn, .list-inline .link-btn ~ li.text-right, .list-inline li.text-right ~ .link-btn, .list-inline li.text-right ~ li.text-right { margin-left: 0; } .list-inline i { display: inline-block; position: relative; top: -.1em; font-size: 0.6428571429em; line-height: 1px; } #root .list-inline i.icon-arrow-up-right { top: -.05em; margin-right: 0; margin-left: 6px; font-size: 9px; } .list-inline li.link-btn { margin-bottom: 5px; } .list-inline li.link-btn a { margin-right: 20px; } .list-inline li.link-btn a:last-child { margin-right: 0; } #root .list-inline li.title { margin-right: auto; } .list-inline li .s16 { line-height: 0.875; } .list-inline li .s16.strong { margin-right: 5px; } #root .list-inline .list-btn, #root .list-stream .list-inline .list-btn { position: relative; top: 5px; margin-top: -10px; margin-right: -6px; } #root .list-inline .list-btn li, #root .list-stream .list-inline .list-btn li, #root .list-main .list-inline .list-btn li { margin: 0 6px 0 0; font-size: 1em; } #root .list-inline .list-btn li a, #root .list-stream .list-inline .list-btn li a, #root .list-main .list-inline .list-btn li a { min-width: 0; margin: 0; padding: 4px 9px; border-color: var(--sand); background: var(--sand); font-size: 1em; } #root .module-stream .list-inline .list-btn li a, #root .module-stream .list-stream .list-inline .list-btn li a { border-color: var(--venus); background: var(--venus); } /*First selector maybe not needed? Revision. FIX.*/ #root .list-inline .list-btn li:before { display: none; } .list-inline.a { margin-right: -34px; } .list-inline.a li { margin-right: 34px; } .list-inline.a li:before { left: -18px; top: 50%; bottom: auto; height: 15px; margin-top: -7.5px; border-left: 1px solid var(--dove); } .list-inline.a li.text-right { padding-left: 0; } .list-inline.col { color: var(--coal); font-weight: 700; font-family: Sora, Arial, Helvetica, sans-serif; line-height: 1.2857142857; } .list-inline.col li { font-size: 16px; } .list-inline.col li > span:first-child { display: block; margin: 0 0 5px; color: var(--dove); font-size: 12px; font-weight: 400; font-family: Poppins, Arial, Helvetica, sans-serif; } .list-inline.medium { margin-right: -48px; font-weight: 500; } .list-inline.medium li { margin-right: 48px; font-size: 14px; } .list-inline.medium i { top: .1em; margin-right: 16px; color: var(--cerise); font-size: 0.9285714286em; } .list-inline.medium i.icon-arrow-up-right { margin-right: 0; } .list-inline.overlay { position: relative; z-index: 2; margin-right: 0; margin-bottom: 10px; padding: 12px 0 7px 38px; } .list-inline.overlay:before { left: -12px; background: var(--sand); } .list-inline.overlay li { margin-right: 38px; } .list-inline.overlay li a { display: block; margin-right: -16px; font-size: 1.1666666667em; line-height: 1.4693857143; } .list-inline.overlay li:last-child a { margin-right: 0; } .list-inline.overlay li > span:first-child { margin-right: 4px; color: var(--dove); } .list-inline.overlay i { display: inline-block; position: relative; top: .05em; margin: 0 0 0 2px; font-size: 12px; line-height: 1px; } #content > .list-inline.overlay:first-child { margin-top: -28px; } .list-inline.nav { min-height: 45px; margin-right: -30px; color: var(--coal); } .list-inline.nav li { margin-right: 30px; font-size: 14px; } .list-inline.nav a:after { content: "\e92d"; display: inline-block; position: relative; margin-left: 10px; font-weight: 400; font-size: 10px; font-family: i; line-height: 1px; } .list-inline.nav .link-btn a { min-width: 156px; } .list-inline.strong { margin-right: -30px; } .list-inline.strong li { margin-right: 30px; font-size: 14px; } .list-inline.strong i:not(.no-margin) { position: relative; margin-left: 10px; } .list-inline.strong .icon-ellipsis { top: 0; font-size: 4px; } .list-inline.stream-links { display: flex; justify-content: space-between; flex-wrap: nowrap; } ul.list-main { margin-bottom: 0; } .list-main { list-style: none; padding: 0; color: var(--dove); line-height: 1.2857142857; } .list-main li { position: relative; z-index: 2; min-height: 175px; padding: 28px 0 6px; } .list-main > li:first-child { /*min-height: 137px;*/ margin-top: -32px; border-top-width: 0; } /*.list-main > li.header:first-child, .list-main > li.featured:first-child { margin-top: 0; }*/ .list-main li:after { border-top: 1px solid var(--dusty); } .list-main > li:first-child:after, .list-main li.featured + li:after { border-top-width: 0; } .list-main li.featured { margin-right: 24px; /*padding-right: 36px;*/ } .list-main li.featured:before { right: -24px; background: var(--sand); } .list-main li.featured:after { left: 24px; } .list-main li.featured figure { left: 24px; } .list-main li.featured + li.featured:after { border-top-width: 1px; } .list-main li li:before { display: none; } /*#root .list-main li.featured .list-inline { margin-right: -56px; }*/ .list-main li.header { min-height: 0; padding: 0; color: var(--coal); font-size: 16px; font-weight: 700; } .list-main li.header h1, .list-main li.header h2, .list-main li.header h3, .list-main li.header h4, .list-main li.header h5, .list-main li.header h6 { margin: 0; color: inherit; font-size: 1em; } .list-main li.header.featured { padding: 30px 24px 0; } .list-main li.header.featured + li { margin-top: -11px; } .list-main figure:first-child { position: absolute; left: 0; top: 32px; width: 110px; } .list-main figure:first-child img.rounded { border-radius: 999px !important; } .list-main figure:first-child ~ * { padding-left: 158px; } .list-main *:first-child ~ figure ~ p { padding-right: 0 !important; } .list-main figure:first-child + p, .list-main li > p:first-child { font-weight: 500; font-size: 11px; } .list-main figure:first-child + p > a, .list-main li > p:first-child > a, .list-main figure:first-child + p > span[class*="overlay"], .list-main li > p:first-child > span[class*="overlay"] { display: inline; overflow: hidden; position: relative; z-index: 9; margin-right: 8px; font-weight: 500; } .list-main figure:first-child + p > span.overlay-d, .list-main li > p:first-child > span.overlay-d { overflow: visible; margin-right: 7px; padding-left: 7px; padding-right: 7px; } /*.list-main figure:first-child + p > span.overlay-d:before, .list-main li > p:first-child > span.overlay-d:before { background: var(--mantis); }*/ .list-main figure:first-child + p > span[class*="overlay"]:before, .list-main li > p:first-child > span[class*="overlay"]:before { top: -2px; bottom: -2px;/* opacity: .1;*/ } .list-main figure:first-child i { display: block; color: var(--cerise); font-size: 74px; line-height: 110px; } .list-main figure:first-child i.overlay { background: var(--sand); } .list-main figure:first-child i.rounded { border-radius: 99px; } .list-main figure:first-child i[class*="icon-main"] { font-size: 110px; } .list-main h1, .list-main h2, .list-main h3, .list-main h4, .list-main h5, .list-main h6 { margin: 0 0 9px; font-size: 18px; line-height: 1.2222222222; } .list-main h1.s12, .list-main h2.s12, .list-main h3.s12, .list-main h4.s12, .list-main h5.s12, .list-main h6.s12 { margin-top: 30px; } .list-main h1.s12:first-child, .list-main h2.s12:first-child, .list-main h3.s12:first-child, .list-main h4.s12:first-child, .list-main h5.s12:first-child, .list-main h6.s12:first-child { margin-top: 0; } .list-main p { margin-bottom: 12px; } .list-main p + p { margin-top: 18px; } .list-main a { cursor: pointer; } .list-main .link-btn { right: 0; top: 28px; padding-left: 0; } .list-main .list-aside { margin-bottom: 24px; line-height: 1.7142857143; } .list-main .list-aside li { min-height: 0; margin-bottom: 2px; padding: 0; } #root .list-main .list-inline { position: relative; z-index: 9; margin-top: 32px; margin-right: -20px; color: var(--coal); font-size: 12px; } #root .list-main .list-inline li { position: static; min-height: 0; margin-top: 0; margin-right: 20px; padding: 0; border-width: 0; } .list-main .list-inline li a { display: block; position: relative; z-index: 9; } .list-main .list-inline li a i { display: inline-block; position: relative; top: .05em; margin-left: 2px; font-size: 0.6363636364em; line-height: 1px; } .list-main .list-inline li a i.icon-ellipsis, .list-stream .list-inline li a i.icon-ellipsis { top: 0; font-size: 4px; } #root .list-main .list-inline li.strong.text-right a, #root .list-main .list-inline.strong li.text-right a, #root .list-stream .list-inline li.strong.text-right a, #root .list-stream .list-inline.strong li.text-right a { font-size: 12px; } .list-main .list-inline ul, .list-stream .list-inline ul { float: right; list-style: none; margin: 0 -12px 0 10px; padding: 0; } #root .list-main .list-inline ul li, #root .list-stream .list-inline ul li { position: relative; margin: 0 12px 0 0; } /*.list-main .list-inline ul li:before, .list-stream .list-inline ul li:before { content: "|"; display: block; position: absolute; left: 100%; top: 0; width: 12px; text-align: center; }*/ #root .list-main .list-inline .list-sub, #root .list-stream .list-inline .list-sub { right: 20px; } .list-main a.sticky { display: block; position: absolute; right: 0; top: 28px; /*z-index: 9;*/ z-index: 8; padding: 0 0 0 10px; padding-right: 0 !important; font-size: 11px; } .list-main a.sticky i { display: block; position: relative; top: -2px; font-size: 14px; } .list-main a.sticky .img, .list-main a.sticky .icon-user, .list-main a.sticky i[class*="icon-main"] { display: block; overflow: hidden; width: 28px; margin: 8px 0 0; border-radius: 99px; background: var(--sand); color: var(--cerise); font-size: 28px; line-height: 28px; text-align: center; } .list-main a.sticky .img i { top: 0; margin: 0; font-size: 1em; } .list-main a.sticky .icon-user:before { content: "\e96c"; } .list-main a.sticky .img img { display: block; overflow: hidden; border-radius: 99px; } .list-main.offset .link-btn.offset a { padding: 8px 16px; } @media only screen and (min-width: 47.5em) { /* 760 */ .list-main.offset { margin-right: 200px; } .list-main.offset .link-btn.offset { display: block; position: absolute; right: -200px; /*top: 50%;*/ width: 144px; margin: 0; padding: 0; } /*.list-main.offset .link-btn.offset { -webkit-transform: translateY(-50%); transform: translateY(-50%); }*/ .list-main.offset .link-btn.offset a { display: block; width: 100%; margin: 0; padding: 8px 16px; } .list-main.offset .link-btn.offset a + a { margin-top: 7px; } .list-main.offset li.featured { margin-right: 0; } } .list-nav { position: relative; z-index: 4; list-style: none; margin: 30px 0 60px -12px; padding: 0; } .list-nav:before { border-bottom: 1px solid var(--dusty); } .list-nav li { position: static; font-size: 12px; } .list-nav li.sub > a { overflow: hidden; width: 42px; color: var(--cerise); text-indent: -3000em; text-align: left; } .list-nav li.sub > a:before { content: "\e947"; margin-top: -16px; font-size: 4px; } .list-nav li ul { display: none; position: absolute; right: 0; top: 100%; z-index: 2; list-style: none; margin: 0; padding: 24px 0 9px; width: 143px; } .list-nav li ul:before, .module-list .list-aside.a ul.sub:before { top: 15px; border: 1px solid var(--silver); background: var(--spring); } .list-nav li ul a, .list-aside.a ul.sub a { display: block; height: auto; padding: 3px 16px; border-width: 0; text-align: left; white-space: normal; } .list-nav li ul a span, .list-aside.a ul.sub span { display: inline; position: relative; top: 0; margin: 0; padding: 0; color: inherit; font-size: 1em; } .list-nav li ul a span:before, .list-aside.a ul.sub span:before { content: "("; } .list-nav li ul a span:after, .list-aside.a ul.sub span:after { content: ")"; } .list-nav a { display: block; position: relative; z-index: 1; height: 100%; padding: 0 12px 10px; border-bottom: 1px solid var(--dusty); text-align: center; white-space: nowrap; } #root .list-nav .active a { border-color: var(--cerise); color: var(--cerise); } .list-nav a span { display: block; position: absolute; left: 0; right: 0; top: 100%; padding: 15px 0 0; } .list-nav.offset { margin-left: 0; } .list-nav.offset > li:first-child a { padding-left: 0; } .list-node { list-style: none; margin: 0 0 21px; padding: 0; font-size: 14px; } .list-node li { position: relative; z-index: 2; margin: 0 0 14px; } .list-node + h1, .list-node + h2, .list-node + h3, .list-node + h4, .list-node + h5, .list-node + h6 { margin-top: 0; padding-top: 40px; border-top: 1px solid var(--dusty); } .list-node h1, .list-node h2, .list-node h3, .list-node h4, .list-node h5, .list-node h6 { position: relative; margin: 0 0 9px; font-size: 16px; } .list-node h1 i, .list-node h2 i, .list-node h3 i, .list-node h4 i, .list-node h5 i, .list-node h6 i { display: block; position: relative; width: 35px; min-width: 35px; max-width: 35px; font-size: 0.9375em; line-height: 1px; } .list-node h1 a i, .list-node h2 a i, .list-node h3 a i, .list-node h4 a i, .list-node h5 a i, .list-node h6 a i { display: inline-block; width: auto; } .list-node h1 i[class*="arrow"], .list-node h2 i[class*="arrow"], .list-node h3 i[class*="arrow"], .list-node h4 i[class*="arrow"], .list-node h5 i[class*="arrow"], .list-node h6 i[class*="arrow"] { margin-left: 5px; color: var(--cerise); font-size: 10px; } .list-node .icon-users:before { content: "\e994"; } .list-node li.has-node { } .list-node li.has-node h1, .list-node li.has-node h2, .list-node li.has-node h3, .list-node li.has-node h4, .list-node li.has-node h5, .list-node li.has-node h6 { padding-left: 35px; } .list-node a.node-sub { display: block; position: absolute; left: 0; top: 0; width: 22px; height: 22px; color: var(--coal); font-size: 16px; text-align: left; text-indent: -3000em; text-decoration: none; } .list-node a.node-sub:before { content: "\e995"; } .list-node li.toggle > a.node-sub:before { content: "\e996"; color: var(--cerise+); } .list-node .link-btn { position: absolute; right: 0; top: -11px; margin-top: 0; margin-left: auto; margin-bottom: 0; } .list-node .link-btn a { min-width: 0; padding: 8px 16px; } .list-node ul { width: 100%; } .list-node ul li { display: block; font-size: 1em; } .list-node p { font-size: 1em; } .list-node .list-inline { overflow: hidden; width: calc(100% + 13px); margin-right: -13px; } .list-node .list-inline li { position: relative; margin-right: 13px; } .list-node .list-inline li:before { content: "|"; display: block; position: absolute; right: 100%; top: 0; width: 13px; color: var(--coal); text-align: center; } .list-node .list-node { display: none; padding-top: 15px; } .list-node .list-node { margin: 0; padding-left: 35px; } .list-node .list-node li { margin-bottom: 20px; } .list-node .list-node li:last-child { margin-bottom: 0; } #root .list-node .list-node h1, #root .list-node .list-node h2, #root .list-node .list-node h3, #root .list-node .list-node h4, #root .list-node .list-node h5, #root .list-node .list-node h6 { padding-left: 0; } .list-node .list-dots { margin-top: -7px; margin-bottom: -3px; } .list-node .list-dots li { margin-bottom: 10px; } .list-social { list-style: none; margin-right: -36px; padding: 0; color: var(--delta); font-weight: 500; } .list-social li { margin-right: 36px; font-size: 11px; } .list-social a { font-size: 1.2727272727em; } .list-social a:after { content: "\e926"; display: inline-block; position: relative; margin: 0 0 0 8px; font-size: 9px; font-family: i; font-weight: 400; line-height: 1px; letter-spacing: normal; } .list-compact { list-style: none; padding: 0; color: var(--coal); font-weight: 500; line-height: 1.2857142857; letter-spacing: 0.0085714286em; } .list-compact li { overflow: hidden; position: relative; z-index: 2; margin: 0 0 22px; } .list-compact a span, .list-compact li > span span { display: block; margin: 8px 0 0; color: var(--dusty); font-weight: 400; font-size: 0.8571428571em; letter-spacing: 0.0058333333em; } .list-compact span[class*="overlay"] { margin: 0 0 7px; font-size: 0.7857142857em; font-weight: 500; letter-spacing: normal; } #root .list-compact li > span span a { color: inherit; font-size: 1em; font-weight: inherit; } .list-compact img, .list-compact li > i, .list-compact i[class*="icon-main"] { display: block; float: left; min-width: 60px; height: 60px; margin-right: 27px; margin-top: 2px; color: var(--cerise); font-size: 60px; line-height: 60px; text-align: center; } .list-compact img, .list-compact li > i, .list-compact i[class*="icon-main"] { -o-object-fit: contain; object-fit: contain; -o-object-position: center center; object-position: center center; } .list-compact li > i, .list-compact i[class*="icon-main"] { background: var(--sand); } .list-compact a { display: block; position: relative; color: var(--coal); font-weight: 500; cursor: pointer; } /*.list-compact a { -webkit-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; }*/ .list-compact a:last-child { padding-right: 0; } .list-compact img + a, .list-compact li > i + a, .list-compact .img + a, .list-compact i[class*="icon-main"] + a { float: right; /*width: calc(100% - 88px); min-height: 77px;*/ } .list-compact img + a:before, .list-compact li > i + a:before, .list-compact i[class*="icon-main"] ~ a:before { left: -88px; } #root .list-compact a.compact { width: auto; margin-left: auto; padding-right: 0; } .list-compact .sticky, .list-stream .sticky { display: block; position: absolute; right: 0; top: 0; z-index: 9; color: var(--coal); } .list-compact .sticky i, .list-stream .sticky i { display: block; font-size: 14px; line-height: 14px; } .list-compact .sticky .icon-star:before, .list-stream .sticky .icon-star:before, .list-main .sticky .icon-star:before, .list-comments .sticky .icon-star:before { content: "\e903"; } .list-compact .active .sticky .icon-star:before, .list-stream .active .sticky .icon-star:before, .list-main .active .sticky .icon-star:before, .list-comments .active .sticky .icon-star:before { content: "\e902"; color: var(--cerise); } .list-compact li.link, .list-compact.hr li.link { padding-top: 13px; margin-bottom: 23px; border-top-width: 0; font-size: 12px; font-weight: 600; } #root .list-compact li.link a { color: var(--cerise); font-size: 1em; font-weight: 600; } .list-compact li.link i, .list-stream li.link i, .s16 a i, .list-stream + .link-strong a i { display: inline-block; position: relative; margin: 0 0 0 3px; font-size: 9px; line-height: 1px; } .list-compact .icon-plus { font-size: 10px; } .list-compact .icon-check { color: var(--mantis); font-size: 9px; } #root .list-compact li.strong { margin-bottom: 32px; font-weight: 700; } #root .list-compact li.strong { display: block; font-size: 18px; } #root .list-compact li.strong img { float: none; width: 100% !important; margin: 0 0 23px; } #root .list-compact li.strong a { float: none; width: auto; min-height: 0; font-weight: 700; } #root .list-compact li.strong span { margin-top: 8px; font-size: 14px; } #root .list-compact li.strong span[class*="overlay"] { margin-bottom: 11px; font-size: 11px; } #root .list-compact li.s12 { margin-top: -12px; font-weight: 600; font-size: 12px; } .s16 + .list-compact { margin-top: 25px; } .list-compact.hr { } .list-compact.hr li { margin-bottom: 20px; padding-top: 9px; border-top: 1px solid var(--mercury); font-size: 12px; } .list-compact.hr span { font-size: 1em; } .list-compact.hr span[class*="overlay"] { margin-bottom: 9px; font-size: 0.9166666667em; } .list-compact.hr li:first-child { padding-top: 0; border-top-width: 0; } .list-compact.hr li:first-child .sticky { top: 2px; } .list-compact.hr .sticky { top: 9px; } .header-line + .list-compact.hr { margin-top: -12px; } .list-compact.strong { } .list-compact.strong li { border-color: var(--dusty); font-size: 14px; } .list-compact.strong img, .list-compact.strong li > i, .list-compact.strong i[class*="icon-main"] { width: 75px !important; min-width: 75px; height: 75px; margin-top: 13px; font-size: 75px; line-height: 75px; } .list-compact.strong img ~ a, .list-compact.strong li > i ~ a, .list-compact.strong i[class*="icon-main"] ~ a { width: calc(100% - 105px); min-height: 96px; } .list-compact.strong span { margin-top: 9px; color: var(--dove); font-size: 0.8571428571em; } .list-compact.strong span[class*="overlay"] { margin-bottom: 13px; font-size: 0.7857142857em; } .list-compact.users { line-height: 1.2857142857; } .list-compact.users li { /*padding-right: 70px;*/ font-size: 14px; } .list-compact.users li.link { padding-top: 7px; } .list-compact.users span { margin-top: 2px; font-size: 0.7857142857em; } .list-compact.users img, .list-compact.users li > i, .list-compact.users i[class*="icon-main"] { min-width: 48px; height: 48px; margin-right: 17px; border-radius: 99px; font-size: 48px; line-height: 48px; } .list-compact.users li > i.blank, .list-compact.users i[class*="icon-main"].blank { border-radius: 0; background: none; } .list-compact.users li > i.rounded, .list-compact.users i[class*="icon-main"].rounded { border-radius: 99px; } .list-compact.users a { padding-right: 0; } #root .list-compact.users a.img { padding-left: 0; padding-right: 0; } /*.list-compact.users a:last-child { padding-right: 30px; } .list-compact.users a:last-child:after { content: "\e90d"; left: auto; font-size: 10px; }*/ .list-compact.users a.sticky { display: block; overflow: hidden; position: relative; z-index: 9; width: auto; min-width: 57px; height: 24px; min-height: 0; margin-left: auto; padding: 0 6px; background: var(--sand); font-size: 12px; font-weight: 500; line-height: 26px; text-align: center; white-space: nowrap; } .list-compact.users a.sticky { -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; } .list-compact.users a.sticky, .list-compact.users a, .list-compact a.img { /*-webkit-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0;*/ } #root .list-compact.users li.active a.sticky, [data-whatintent="mouse"] #root .list-compact.users li.active a.sticky:last-child:hover { background: var(--mantis); color: var(--white); } /*#root .list-compact.users li.active a:last-child:after { content: "\e91f"; color: var(--mantis); font-size: 9px; }*/ .list-compact.users img, .list-compact.users li > i, .list-compact.users i[class*="icon-main"] { margin-top: 0; border-radius: 99px; } .list-compact.users img.square, .list-compact.users li > i.square, .list-compact.users i[class*="icon-main"].square { border-radius: 0; } .list-compact.users img + a, .list-compact.users li > i + a, .list-compact.users i[class*="icon-main"] + a { width: calc(100% - 65px); /*min-height: 48px;*/ } .header-line + .list-compact.users { margin-top: 27px; } .list-compact.cols { margin-top: 34px; margin-bottom: 9px; margin-left: -10px; } .list-compact.cols li { display: block; width: 25%; margin-top: 0; margin-bottom: 37px; padding-top: 0; border-width: 0; border-left: 10px solid rgba(0,0,0,0); font-size: 14px; } .list-compact.cols img, .list-compact.cols i[class*="icon-main-"] { float: none; margin: 0 0 9px; } .list-compact.cols i[class*="icon-main-"] { max-width: 90px; height: 90px; font-size: 90px; line-height: 90px; } .list-compact.cols img ~ a, .list-compact.cols i[class*="icon-main-"] ~ a { position: static; float: none; width: 100%; min-height: 0; } .list-compact.cols img ~ a:before, .list-compact.cols i[class*="icon-main-"] ~ a:before { left: 0; } .list-compact.cols span { font-size: 0.8571428571em; line-height: 1.5; } .list-compact.cols + h1, .list-compact.cols + h2, .list-compact.cols + h3, .list-compact.cols + h4, .list-compact.cols + h5, .list-compact.cols + h6 { margin-top: 24px; } .list-compact.strong.home, #root .list-icon.strong.home { margin-right: 0; margin-left: -20px; line-height: 1.375; } #root .list-compact.strong.home li { width: 50%; border-left: 20px solid rgba(0,0,0,0); margin:69px 0 0; } .list-search { list-style: none; margin-right: -20px; padding: 0; color: var(--dove); } .list-search li { margin: 0 20px 0 0; } /*.list-search a { position: relative; padding-right: 11px; color: inherit; font-weight: 400; } .list-search a:before { content: "x"; display: block; position: absolute; right: 0; top: 0; color: var(--cerise); }*/ .list-share { list-style: none; margin-top: 33px; margin-bottom: 41px; padding: 0; border-bottom: 1px solid var(--dusty); color: var(--coal); font-weight: 700; line-height: 1.2222222222; text-align: center; } .list-share li { position: relative; z-index: 2; margin: 0 0 18px; font-size: 18px; } .list-share li.disabled:before { top: -2px; } .list-share i { display: block; margin: 17px 0 0; font-size: 14px; line-height: 1; } .list-share i.icon-star:before, [data-whatintent="mouse"] .list-share .disabled a:hover i.icon-star:before, .module-box.social .icon-star:before { content: "\e903"; } /*[data-whatintent="mouse"] .list-share a:hover i.icon-star:before,*/ .list-share .active i.icon-star:before, .module-box.social .active .icon-star:before { content: "\e902"; } .list-share .list-social { margin: 16px -20px 0 0; font-size: 14px; } .list-share .list-social li { margin: 0 16px 0 0; font-size: 14px; font-weight: 500; } #root .list-share .list-social a { color: var(--coal); font-size: 1em; } .list-share .list-social a:after { display: inline-block; margin: 0 0 0 5px; font-size: 10px; line-height: 1px; } .list-share a.small { display: block; margin: 12px 0 0; color: var(--cerise); font-weight: 600; font-size: 12px; } .list-share li.scheme-tip > .tip { left: 50%; margin-left: -16px; } .list-share.a { margin-bottom: 0; border-bottom-width: 0; } .list-share.a + * { margin-top: 27px; } .list-slider { list-style: none; margin: 48px 0 28px -20px; padding: 0; font-family: Sora, Arial, Helvetica, sans-serif; font-weight: 700; font-size: 16px; line-height: 1.1; } .list-slider li { width: 33.3333333333%; margin: 0 0 34px; border-left: 20px solid rgba(0,0,0,0); } .list-slider img { display: block; margin: 0 0 21px; } .list-slider span { display: block; margin: 8px 0 0; color: var(--dove); font-family: Poppins, Arial, Helvetica, sans-serif; font-size: 0.875em; font-weight: 400; } .list-slider .owl-nav { float: right; } .list-slider .owl-nav button { float: left; } .list-slider .owl-nav button.owl-next { margin-left: 39px; } .list-slider .owl-dots { float: left; } .list-slider .owl-dots button { float: left; height: 42px; } #root .list-slider { margin-bottom: 28px; } .list-slider.is-slider { display: block; margin-left: 0; } .list-slider.is-slider .item li { width: 100%; border-left-width: 0; } .list-slider.is-slider .owl-carousel { overflow: hidden; width: 100%; } .list-slider.is-slider .owl-stage-outer { width: 100%; border-bottom: 1px solid var(--dusty); } .list-stream { list-style: none; margin: -27px 0 0 0; padding: 0 0 0 208px; color: var(--dove); line-height: 1.2857142857; } .list-stream li { position: relative; min-height: 176px; margin-bottom: 0; padding: 28px 0 10px 155px; border-top: 1px solid var(--dusty); } .list-stream li:first-child { border-top-width: 0; } .list-stream .date, .list-main .date { position: absolute; left: -208px; top: 59px; margin: 0; padding: 0 0 0 12px; color: var(--silver); font-family: Sora, Arial, Helvetica, sans-serif; font-weight: 700; font-size: 34px; line-height: 1.1; letter-spacing: normal; } .list-stream .date span, .list-main .date span { display: block; margin: 0 0 2px -12px; color: var(--coal); font-weight: 400; font-family: Poppins, Arial, Helvetica, sans-serif; font-size: 11px; } .list-stream p { position: relative; margin-bottom: 18px; font-size: 1em; } .list-stream p a { /*color: inherit;*/ text-decoration: none; } /*Revision. FIX. Grey or red?*/ .list-stream p a[rel*="external"] { color: var(--cerise); font-weight: 500; } .list-stream a { cursor: pointer; } .list-stream .medium a i, .list-stream a.medium i, .list-main .medium a i, .list-main a.medium i { position: relative; top: .1em; margin-right: 17px; color: var(--cerise); font-size: 0.9285714286em; line-height: 1ex; } .list-stream figure, .list-main figure { margin-bottom: 18px; } .list-stream h1 + figure, .list-stream h2 + figure, .list-stream h3 + figure, .list-stream h4 + figure, .list-stream h5 + figure, .list-stream h6 + figure { margin-top: -2px; } .list-stream figure:first-child { position: absolute; left: 0; top: 33px; width: 110px; } .list-stream figure:first-child i { display: block; width: 100%; height: 110px; border-radius: 110px; /*background: var(--sand);*/ color: var(--cerise); line-height: 110px; text-align: center; } .module-stream .list-stream figure:first-child i { border-radius: 0; background: none; /*background: var(--white);*/ } .list-stream figure:first-child i[class*="icon-main"] { font-size: 110px; } .list-stream .rounded { border-radius: 100px !important; } .list-stream h1, .list-stream h2, .list-stream h3, .list-stream h4, .list-stream h5, .list-stream h6 { margin: 0 0 10px; font-weight: 700; font-size: 18px; line-height: 1.375; } .list-stream h1 a, .list-stream h2 a, .list-stream h3 a, .list-stream h4 a, .list-stream h5 a, .list-stream h6 a, .list-stream li.link a { font-weight: 700; } .list-stream h1 span, .list-stream h2 span, .list-stream h3 span, .list-stream h4 span, .list-stream h5 span, .list-stream h6 span, .list-main h1 span, .list-main h2 span, .list-main h3 span, .list-main h4 span, .list-main h5 span, .list-main h6 span { display: block; margin: 0 0 12px; color: var(--cerise); font-size: 11px; font-family: Poppins, Arial, Helvetica, sans-serif; font-weight: 500; } .list-stream h1 span span, .list-stream h2 span span, .list-stream h3 span span, .list-stream h4 span span, .list-stream h5 span span, .list-stream h6 span span, .list-main h1 span span, .list-main h2 span span, .list-main h3 span span, .list-main h4 span span, .list-main h5 span span, .list-main h6 span span { display: inline; /*margin: 0 12px 0 0; color: var(--dove);*/ font-size: 1em; } .list-stream .list-inline, /*#root .list-main p + .list-inline*/ #root .list-main .list-inline { position: relative; z-index: 9; margin-top: 0; margin-bottom: 24px; padding-top: 3px; color: var(--coal); } #root .list-main p + .list-inline { padding-top: 9px; } .list-stream .list-inline li { position: static; min-height: 0; margin-bottom: 5px; padding: 0; border-width: 0; font-size: 11px; } /*.list-stream .list-inline li a, .list-stream .list-inline.overlay-b li.strong a, .list-main .list-inline li a, .list-main .list-inline.overlay-b li.strong a { position: relative; z-index: 9; color: var(--coal); font-size: 1.0909090909em; font-weight: 600; }*/ #root .list-main .list-inline li.strong a, #root .list-stream .list-inline li.strong a { font-weight: 600; } .list-stream .list-inline.overlay-b li a { color: inherit; font-size: 1em; font-weight: inherit; } .list-stream .list-inline li li a { font-weight: inherit; font-size: 1em; } .list-stream .sticky { top: 28px; } .list-stream li.link { min-height: 0; margin: 25px 0 20px 0; padding-top: 0; padding-right: 0; padding-bottom: 0; border-top-width: 0; font-family: Sora, Arial, Helvetica, sans-serif; font-weight: 700; font-size: 16px; line-height: 1.1; letter-spacing: normal; } .list-stream li.link i, .s16 a i, .list-stream + .link-strong a i { margin-left: 11px; font-size: 0.75em; } .list-stream .form-comments, .list-main .form-comments { position: relative; z-index: 9; margin: 24px 0 29px; } .list-main .form-comments:first-child { margin-top: 0; } .list-stream .list-inline + .form-comments, .list-stream .list-inline + a.sticky + .form-comments, .list-main .list-inline + .form-comments, .list-main .list-inline + a.sticky + .form-comments { margin-top: 19px; } .list-stream .form-comments h1, .list-stream .form-comments h2, .list-stream .form-comments h3, .list-stream .form-comments h4, .list-stream .form-comments h5, .list-stream .form-comments h6, .list-main .form-comments h1, .list-main .form-comments h2, .list-main .form-comments h3, .list-main .form-comments h4, .list-main .form-comments h5, .list-main .form-comments h6 { margin-bottom: 15px; font-size: 12px; font-weight: 500; } .list-stream .form-comments h1 span, .list-stream .form-comments h2 span, .list-stream .form-comments h3 span, .list-stream .form-comments h4 span, .list-stream .form-comments h5 span, .list-stream .form-comments h6 span, .list-main .form-comments h1 span, .list-stream .form-comments h6 span, .list-main .form-comments h2 span, .list-stream .form-comments h6 span, .list-main .form-comments h3 span, .list-stream .form-comments h6 span, .list-main .form-comments h4 span, .list-stream .form-comments h6 span, .list-main .form-comments h5 span, .list-stream .form-comments h6 span, .list-main .form-comments h6 span { display: inline; margin: 0; color: inherit; font-size: 1em; font-weight: 500; font-family: Sora, Arial, Helvetica, sans-serif; } .list-stream .form-comments textarea, .list-main .form-comments textarea { min-height: 70px; height: 107px; } .list-stream .form-comments button, .list-main .form-comments button { min-width: 0; margin-top: 5px; padding: 0 18px 0 0; border-width: 0; background: none; color: var(--cerise); } .list-stream .form-comments button:before, .list-main .form-comments button:before { content: "\e927"; left: auto; font-size: 12px; } [data-whatintent="mouse"] .list-stream .form-comments button:hover, [data-whatintent="mouse"] .list-main .form-comments button:hover { background: none; color: var(--dusty); } .list-stream .list-comments { margin: 32px 0 10px; color: var(--coal); line-height: 1.7142857143; } .list-stream .list-comments li { min-height: 0; margin: 0 0 47px; padding: 3px 0 0 70px; border-width: 0; font-size: 12px; } .list-stream .list-comments li.strong { min-height: 0; margin-top: -24px; padding: 0 0 0 70px; font-size: 12px; font-weight: 600; } .list-stream .list-comments figure { top: 0; } .list-stream .list-comments p { position: relative; margin-bottom: 9px; } .list-stream .list-comments p a { position: relative; } .list-stream .list-comments p.s12 { margin-bottom: 3px; } .list-stream .list-comments p + p.s12 { margin-right: -3px; } .list-stream + .link-strong { margin-top: 44px; margin-left: 155px; padding: 0 0 0 208px; border-top-width: 0; font-size: 16px; font-family: Sora, Arial, Helvetica, sans-serif; } .list-stream + .link-strong a { font-size: 1em; font-weight: 700; font-family: inherit; } .list-sub , #root .list-sub { display: none; position: absolute; right: 0; top: 100%; z-index: 2; list-style: none; width: 143px; margin-left: 0; margin-right: 0; padding: 24px 0 9px; text-align: left; text-indent: 0; direction: ltr; } .left-aligned > .list-sub, #root .left-aligned > .list-sub { right: auto; left: 0; } .list-sub:before { top: 15px; border: 1px solid var(--silver); background: var(--spring); } #root .list-sub li { min-height: 0; margin: 0; padding: 0; border-width: 0; font-size: 12px; } #root .list-sub a, #root #content .list-sub a { display: block; position: relative; width: auto; height: auto; min-width: 0; max-width: none; height: auto; margin: 0; padding: 6px 15px; border-radius: 0; border-width: 0; background: none; color: var(--coal); font-weight: 400; font-size: 12px; text-align: left; text-indent: 0; text-align: left; white-space: normal; } #root .link-btn .list-sub a { color: var(--coal); } .has-sub { display: block; position: relative; } a.list-sub-toggle { display: block; overflow: hidden; position: relative; width: 22px; height: 22px; color: var(--coal); text-indent: -3000em; text-align: left; } a.list-sub-toggle:before { content: "\e947"; font-size: 4px; } #root .link-btn .list-sub { margin-top: -7px; } /*! Forms --------- */ fieldset, hr { min-width: 0; margin: 0; padding: 0; border-width: 0; } form p { position: relative; } legend { display: none; width: 100%; max-width: 100%; padding: 0; border: 0; white-space: normal; } input, select, textarea { position: relative; z-index: 1; margin: 0; padding: 0; box-shadow: none; border-radius: 0; font-size: 1em; line-height: normal; text-align: left; text-transform: none; outline-width: 0; } input, /*select,*/ textarea { -moz-appearance: none; -webkit-appearance: none; appearance: none; } input, select, textarea, button, input[type="button"], input[type="reset"], input[type="submit"] { box-sizing: border-box; text-transform: none; outline-offset: -2px; } input { } input::-webkit-search-decoration, input::-webkit-search-cancel-button, input::-webkit-outer-spin-button, input::-webkit-inner-spin-button, input::-webkit-clear-button, input::-webkit-calendar-picker-indicator { display: none; -webkit-appearance: none; visibility: hidden !important; height: auto; margin: 0; } input::-o-outer-spin-button, input::-o-inner-spin-button { appearance: none; margin: 0; } input::-webkit-inner-spin-button, input::-webkit-outer-spin-button { height: auto; } input::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } input[type="checkbox"], input[type="radio"] { display: inline-block; width: auto; height: auto; padding: 0; border: 0; background: none; line-height: 1; } input[type="checkbox"] { -moz-appearance: checkbox; -webkit-appearance: checkbox; appearance: checkbox; } input[type="radio"] { -moz-appearance: radio; -webkit-appearance: radio; appearance: radio; } input[type="color"] { padding: 0; cursor: pointer; } input[type="date"] { display: -webkit-inline-flex; } /*Uncomment this if you want to hide arrows in input number field.*/ /*input[type="number"] { appearance: textfield; -moz-appearance: textfield; } input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type="number"]::-o-outer-spin-button, input[type="number"]::-o-inner-spin-button { -o-appearance: none; margin: 0; }*/ textarea { overflow: auto; vertical-align: top; resize: none; } textarea:focus { resize: vertical; } select { line-height: 1; text-overflow: ''; text-indent: 0.01px; } select::-ms-expand { display: none; } button, input[type="button"], input[type="reset"], input[type="submit"] { display: block; overflow: visible; position: relative; z-index: 3; height: auto; margin: 0; box-shadow: none; text-transform: none; text-indent: 0; cursor: pointer; outline-width: 0; -webkit-appearance: button; appearance: button; -webkit-font-smoothing: inherit; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; outline: none; } #root button[disabled], #root input[type="button"][disabled], #root input[type="reset"][disabled], #root input[type="submit"][disabled], #root .link-btn a.disabled, [data-whatintent="mouse"] #root .link-btn a.disabled:hover { border-color: var(--pink); background: var(--pink); color: var(--white); cursor: default; } #root .link-btn a.disabled.inline, [data-whatintent="mouse"] #root .link-btn a.disabled.inline:hover { border-color: rgba(0,0,0,0); background: none; color: var(--silver); } #root button.overlay-b[disabled], #root input.overlay-b[type="button"][disabled], #root input.overlay-b[type="reset"][disabled], #root input.overlay-b[type="submit"][disabled], #root .link-btn a.overlay-b.disabled, [data-whatintent="mouse"] #root button.overlay-b[disabled]:hover { border-color: var(--sand); background: var(--sand); color: var(--dove); } #root .link-btn a.inv.disabled, [data-whatintent="mouse"] #root .link-btn a.inv.disabled:hover, #root button.inv[disabled], #root input.inv[type="button"][disabled], #root input.inv[type="reset"][disabled], #root input.inv[type="submit"][disabled], .button[disabled], .button.disabled, [data-whatintent="mouse"] .button[disabled]:hover, [data-whatintent="mouse"] .button.disabled:hover { border-color: var(--cerise); background: none; color: var(--silver); } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { opacity: 1; color: var(--dusty); } input:-ms-input-placeholder, textarea:-ms-input-placeholder { opacity: 1; color: var(--dusty); } input::-ms-input-placeholder, textarea::-ms-input-placeholder { opacity: 1; color: var(--dusty); } input::placeholder, textarea::placeholder { opacity: 1; color: var(--dusty); } form { } label, .label { display: block; position: relative; left: 0; top: 0; z-index: 2; margin: 0 0 8px; color: var(--coal); font-weight: 400; } input, select, textarea { display: block; width: 100%; border: 1px solid var(--dove); background: none 100% center no-repeat; color: var(--coal); font-size: 14px; } input, select { height: 38px; padding: 0 14px; } input[type="date"] { line-height: 37px; } select { padding-right: 38px; /*background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMiA3IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyMiA3IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBkPSJNLjkgMC0uNSAxLjNsNiA1LjcgNi01LjdMMTAuMSAwIDUuNSA0LjQuOSAweiIgc3R5bGU9ImZpbGw6IzU1NSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLjUpIi8+PC9zdmc+);*/ background-size: auto 7px; line-height: normal; } textarea { height: 120px; min-height: 120px; padding: 16px 16px 16px 18px; } #root input:focus, #root select:focus, #root textarea:focus { border-color: var(--pink); outline: none; } input[type="file"] { height: auto; padding: 0; border-radius: 0; border-width: 0; } input[autofocus] { outline: none; } .button, .link-btn a { display: block; position: relative; /*float: left;*/ margin: 0 10px 10px 0; padding: 11px 27px 12px; border-radius: 0; border: 1px solid var(--cerise); background: var(--cerise); color: var(--white); font-size: 12px; font-weight: 600; line-height: 1.2857142857; text-align: center; letter-spacing: 0.0058333333em; word-wrap: normal; word-break: normal; } [data-whatintent="mouse"] .button:hover, [data-whatintent="mouse"] .link-btn a:hover, [data-whatintent="mouse"] .list-btn a:hover { border-color: var(--weep); background: var(--weep); color: var(--cerise); text-decoration: none; } #root .link-btn a { color: var(--white); } [data-whatintent="mouse"] #root .link-btn a:hover { color: var(--cerise); } .button i, .link-btn a i { display: inline-block; position: relative; left: 0; top: .075em; font-size: 0.8333333333em; line-height: 1px; } .button i.icon-arrow-right, .link-btn a i.icon-arrow-right { margin: 0 0 0 6px; } .button i.icon-pencil, .link-btn a i.icon-pencil { font-size: 1em; } .button i.icon-check, .link-btn a i.icon-check { top: 0em; font-size: 0.6666666667em; } .button i.icon-plus, .link-btn a i.icon-plus { top: 0em; font-size: 0.75em; } .button i.icon-linkedin, .link-btn a i.icon-linkedin { top: -.1em; margin-right: 6px; font-size: 0.8571428571em; } .button i.icon-facebook, .link-btn a i.icon-facebook { top: .1em; margin-right: 6px; font-size: 1em; } .button i.icon-google, .link-btn a i.icon-google { top: .1em; margin-right: 6px; font-size: 1em; } .button i.icon-ellipsis, .link-btn a i.icon-ellipsis { top: -.4em; font-size: 4px; } .button .has-sub i.icon-ellipsis, .link-btn .has-sub i.icon-ellipsis { margin-left: 0; margin-right: 0; } .button:focus, .form-comments button:focus, .form-rating button:focus, .list-aside button:focus { outline: none; outline-color: var(--cerise); } .check, .check-2 { position: relative; list-style: none; padding: 0; color: var(--coal); font-size: 14px; line-height: 1.2857142857; } .check li, .check-2 li { position: relative; margin: 0 0 12px; } .check label, .check .label, .form-filter .check li > a, .check-2 label { display: block; position: relative; z-index: 2; margin: 0; padding: 0 0 0 30px; color: inherit; font-size: 1em; line-height: 1.2857142857; cursor: pointer; } .check label:before, .check .label:before, .form-filter .check li > a:before, .check-2 label:before { content: ""; display: block; position: absolute; left: 0; top: 50%; width: 16px; height: 16px; margin: -8px 0 0; border: 1px solid var(--silver); color: var(--cerise); font-size: 7px; font-family: i; font-weight: 400; line-height: 14px; text-align: center; letter-spacing: normal; cursor: pointer; } .check input:checked ~ label:before, .check .toggle .label:before, .check .label.toggle:before, .check .active .label:before, .check .label.active:before, .form-filter .check li > a.toggle:before, .check-2 li.toggle > label:before, .check-2 li.toggle > a > label:before { content: "\e942"; } [data-whatintent="mouse"] .check label:hover:before, [data-whatintent="mouse"] .form-comments .check label:hover:before, [data-whatintent="mouse"] .check .label:hover:before, [data-whatintent="mouse"] .form-filter .check li > a:hover:before, [data-whatintent="mouse"] .check-2 label:hover:before { border-color: var(--cerise); } .check label:focus:before, .form-comments .check label:focus:before, .check .label:focus:before, .form-filter .check li > a:focus:before, .check-2 label:focus:before { border-color: var(--cerise); } /*Touch.*/ .check input[disabled] ~ label, .check input[disabled] ~ .label, .check input[disabled] ~ label:before, .check input[disabled] ~ .label:before { cursor: default; } [data-whatintent="mouse"] .check input[disabled] ~ label:hover:before, [data-whatintent="mouse"] .form-comments .check input[disabled] ~ label:hover:before, [data-whatintent="mouse"] .check input[disabled] ~ .label:hover:before { border-color: var(--silver); } [data-whatintent="mouse"] .check input[disabled][checked] ~ label:before, [data-whatintent="mouse"] .form-comments .check input[disabled][checked] ~ label:before, [data-whatintent="mouse"] .check input[disabled][checked] ~ .label:before { border-color: var(--silver); color: var(--silver); } #root .form-filter .check li > a label { padding: 0; line-height: inherit; cursor: pointer; } #root .form-filter .check li > a label:before { display: none; } .check .text-right { float: right; margin-left: auto; } .check input, .list-aside.border ul li input, .check-2 input { display: block; visibility: hidden; position: absolute; left: 0; top: 0; z-index: -1; opacity: 0; } .check ul, .check-2 ul { list-style: none; padding: 16px 0 4px 16px; } /*Application*/ .check.box { margin-bottom: 16px; } .check.box li { float: left; margin-right: 12px; } .check.box label { float: left; min-width: 80px; padding: 8px 18px 9px; border: 1px solid var(--cerise); color: var(--cerise); font-size: 12px; font-weight: 600; line-height: 1.1; text-align: center; cursor: pointer; } [data-whatintent="mouse"] .check.box label:hover { border-color: var(--weep); } #root .check.box input.overlay-r ~ label { border-color: var(--cerise); background: var(--cerise); color: var(--white); cursor: default; } [data-whatintent="mouse"] #root .check.box input.overlay-d ~ label:hover { color: var(--white); } /*Make text green on hover, but only if not checked. Revision. FIX.*/ #root .check.box input.overlay-d ~ label { border-color: var(--mantis); background: var(--mantis); color: var(--white); cursor: default} [data-whatintent="mouse"] #root .check.box input.overlay-o ~ label:hover { color: var(--white); } /*Make text yellow on hover, but only if not checked. Revision. FIX.*/ #root .check.box input.overlay-o ~ label { border-color: var(--butter); background: var(--butter); color: var(--white); cursor: default} .check.box.overlay-b label, .check.box label.overlay-b { border-color: var(--sand); background: var(--sand); color: var(--coal); } [data-whatintent="mouse"] .check.box.overlay-b label:hover, [data-whatintent="mouse"] .check.box label.overlay-b:hover { border-color: var(--sand); background: var(--sand); color: var(--cerise); } .input-file { color: var(--dove); font-size: 12px; } .input-file label { display: block; position: relative; z-index: 2; min-height: 76px; margin: 0 0 9px; padding: 20px; border: 1px dashed var(--dusty); color: inherit; font-size: 1em; text-align: center; cursor: pointer; } /*.input-file input { display: block; visibility: hidden; position: absolute; left: 0; top: 0; z-index: -1; opacity: 0; }*/ .input-file label span { margin-left: 4px; text-decoration: underline; } .form-box { position: relative; z-index: 2; max-width: 740px; margin: 0 auto 57px; padding: 40px 52px 11px; /*color: var(--dove);*/ counter-reset: counter; } .form-box:before { background: var(--sand); } .form-box input, .form-box select, .form-box textarea { background-color: var(--white); } .form-box .form-search input { background: none; } .form-box h1, .form-box h2, .form-box h3:not(.regular), .form-box h4, .form-box h5, .form-box h6 { position: relative; margin-bottom: 23px; font-size: 18px; } .form-box h1 + .s12, .form-box h2 + .s12, .form-box h3 + .s12, .form-box h4 + .s12, .form-box h5 + .s12, .form-box h6 + .s12 { margin-top: -10px; } .form-box section h1:before, .form-box section h2:before, .form-box section h3:before, .form-box section h4:before, .form-box section h5:before, .form-box section h6:before, .form-box.offset section h1 .no, .form-box.offset section h2 .no, .form-box.offset section h3 .no, .form-box.offset section h4 .no, .form-box.offset section h5 .no, .form-box.offset section h6 .no { counter-increment: counter; content: counters(counter, '.') '. '; display: inline-block; min-width: 26px; color: var(--cerise); } .form-box.offset section h1:before, .form-box.offset section h2:before, .form-box.offset section h3:before, .form-box.offset section h4:before, .form-box.offset section h5:before, .form-box.offset section h6:before, .form-box.offset section h1 .no, .form-box.offset section h2 .no, .form-box.offset section h3 .no, .form-box.offset section h4 .no, .form-box.offset section h5 .no, .form-box.offset section h6 .no { content: counters(counter, '.') ' '; display: block; position: absolute; left: -32px; top: 0; min-width: 0; } .form-box.offset section h1:before, .form-box.offset section h2:before, .form-box.offset section h3:before, .form-box.offset section h4:before, .form-box.offset section h5:before, .form-box.offset section h6:before { display: none; } .form-box .list-inline.a { font-weight: 400; } .form-box header { margin-bottom: 45px; color: var(--dove); } .form-box header h1, .form-box header h2, .form-box header h3, .form-box header h4, .form-box header h5, .form-box header h6 { margin-bottom: 16px; font-size: 28px; } .form-box header p { font-size: 13px; } .form-box p { margin-bottom: 24px; } .form-box input + .s12, .form-box select + .s12, .form-box .semantic-select-wrapper + .s12, .form-box textarea + .s12 { display: block; margin-top: 15px; } .form-box > nav:first-child { margin: -40px -52px 40px; padding: 0 0 .1px; background: var(--spring); font-weight: 600; } .form-box > nav:first-child .list-inline { margin-bottom: 7px; } .form-box .s16 { font-size: 16px; } .form-box ul.s16 { list-style: none; padding: 0; color: var(--coal); font-weight: 700; } .form-box ul.s16 .tab-next { margin-left: auto; } .form-box .s16 i { display: inline-block; position: relative; top: .15em; font-size: 1.1875em; line-height: 1px; } .form-box .submit { margin-right: -22px; margin-bottom: 29px; font-size: 12px; } .form-box .submit button { min-width: 156px; margin-right: 40px; } .form-box .submit a, #root .form-box .submit button[type="reset"], button.inline { display: block; position: relative; top: -1px; min-width: 0; margin: 0 22px 10px 0; padding: 0; border-width: 0; background: none; color: var(--coal); font-weight: 600; font-size: 1em; line-height: 1.2857142857; letter-spacing: normal; } .form-comments { position: relative; z-index: 2; margin: 48px 0; color: var(--dove); } .form-comments h1, .form-comments h2, .form-comments h3, .form-comments h4, .form-comments h5, .form-comments h6 { position: relative; } #root .form-comments h1 a:focus, #root .form-comments h2 a:focus, #root .form-comments h3 a:focus, #root .form-comments h4 a:focus, #root .form-comments h5 a:focus, #root .form-comments h6 a:focus { color: inherit; } .form-comments p { margin-bottom: 20px; } .form-comments input, .form-comments select, .form-comments textarea, .form-comments .check label:before { border-color: var(--dusty); } .form-comments button { min-width: 156px; margin-top: 8px; } .form-comments .submit { color: var(--coal); } .form-comments .submit button { margin-top: 0; margin-right: 0; } .form-comments .submit > span { display: block; margin: 0 auto 10px 0; } .form-comments .submit > span > * + * { display: block; margin-top: 10px; } .form-comments .list-sub { position: absolute; left: auto; right: 0; top: 16px; z-index: 90 !important; } .form-comments a.list-sub-toggle { display: block; position: absolute; right: 0; top: 0; z-index: 90 !important; height: 16px; } #root .form-comments > .list-sub { top: 17px; margin-top: 0; } .form-filter { } .form-filter h1, .form-filter h2, .form-filter h3, .form-filter h4, .form-filter h5, .form-filter h6 { margin: 29px 0 15px; font-size: 16px; } .form-filter h1 a, .form-filter h2 a, .form-filter h3 a, .form-filter h4 a, .form-filter h5 a, .form-filter h6 a { display: block; position: relative; padding-right: 10px; } .form-filter h1 a:after, .form-filter h2 a:after, .form-filter h3 a:after, .form-filter h4 a:after, .form-filter h5 a:after, .form-filter h6 a:after { content: "-"; display: block; position: absolute; right: 0; top: 0; color: var(--cerise); font-weight: 700; font-size: 1em; } .form-filter h1.toggle a:after, .form-filter h2.toggle a:after, .form-filter h3.toggle a:after, .form-filter h4.toggle a:after, .form-filter h5.toggle a:after, .form-filter h6.toggle a:after { content: "+"; } .form-filter ul.check, .form-filter ul.check-2 { overflow-x: hidden; overflow-y: auto; max-height: 240px; } /*.form-filter ul.check li, .form-filter ul.check-2 li { max-width: 135px; }*/ .form-filter ul.check-2 ul.check-2 { overflow: visible; max-height: none; } .form-filter li, .form-filter h1, .form-filter h2, .form-filter h3, .form-filter h4, .form-filter h5, .form-filter h6, .form-filter p { -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .form-filter p i { margin-left: 9px; } .form-filter .link-strong { margin-top: 64px; padding-top: 0; border-top-width: 0; font-size: 16px; } .form-filter .link-strong a { display: inline-block; max-width: 138px; color: inherit; font-size: 1em; font-weight: 700; } .form-filter .link-strong a i { display: block; margin-left: auto; color: var(--cerise); font-size: 10px; } .form-rating { margin-bottom: 50px; counter-reset: counter; } .form-rating > section, .form-rating > div { position: relative; margin-top: 47px; } .form-rating > section:before, .form-rating > div:before { counter-increment: counter; content: counters(counter, '.') ' '; display: block; position: absolute; left: -40px; top: -3px; width: 28px; height: 28px; background: var(--sand); color: var(--cerise); font-weight: 700; font-family: Sora, Arial, Helvetica, sans-serif; font-size: 18px; line-height: 28px; text-align: center; } .form-rating h1, .form-rating h2, .form-rating h3, .form-rating h4, .form-rating h5, .form-rating h6 { position: relative; margin: 47px 0 25px; font-size: 18px; font-weight: 700; } .form-rating h1 + .double, .form-rating h2 + .double, .form-rating h3 + .double, .form-rating h4 + .double, .form-rating h5 + .double, .form-rating h6 + .double { margin-top: 33px; } .form-rating p { margin-bottom: 13px; } .form-rating .check.box { margin-top: 18px; } .form-register { max-width: 636px; margin-left: auto; margin-right: auto; color: var(--black); } .form-register label { display: block; margin-bottom: 8px; font-weight: 500; } .form-register .link-btn { margin-right: -24px; } .form-register .link-btn a { margin-right: 24px; } .form-register input, .form-register select, .form-register textarea { border-color: var(--silver); } .form-register input + [class*="overlay"], .form-register select + [class*="overlay"], .form-register textarea + [class*="overlay"] { display: block; margin-top: 20px; } .form-register .check label { margin-bottom: 0; font-weight: 400; } #root .form-register button { min-width: 156px; margin-top: 3px; } .form-search { } .form-search p { margin: 0 0 12px; } .form-search input { height: 60px; padding: 0 0 0 43px; border-width: 0; border-bottom-width: 2px; border-color: var(--coal); } .form-search input::-webkit-input-placeholder { color: var(--coal); } .form-search input:-ms-input-placeholder { color: var(--coal); } .form-search input::-ms-input-placeholder { color: var(--coal); } .form-search input::placeholder { color: var(--coal); } [data-whatintent="mouse"] .form-search input:hover, #root .form-search input:focus { border-color: var(--dusty); outline: none; } #root .form-search button { display: block; position: absolute; left: 0; top: 0; bottom: 0; width: 28px; min-width: 0; margin: 0; padding: 0; border-width: 0; background: none; color: var(--cerise); font-size: 24px; text-align: left; text-indent: -3000em; } .form-search button:before { content: "\e912"; } .form-search.aside { } .form-search.aside.disabled:before { z-index: 1000 !important; } .form-search.aside h1, .form-search.aside h2, .form-search.aside h3, .form-search.aside h4, .form-search.aside h5, .form-search.aside h6 { position: relative; z-index: 9 !important; margin: 0 12px 10px 0; font-size: 24px; cursor: text; } .form-search.aside p { margin-bottom: 16px; } .form-search.aside label { display: block; position: absolute; left: auto; right: 0; top: 0; width: auto; padding: 0 0 0 23px; font-size: 12px; font-weight: 400; line-height: 40px; cursor: text; } .form-search.aside label:before { content: "\e912"; right: auto; font-size: 14px; } .form-search.aside input { height: 40px; padding-left: 28px; border-color: var(--dusty); border-bottom-width: 1px; font-size: 12px; text-align: right; } .form-search.aside .list-search { width: 100%; } #root .form-search.aside button { display: none; left: -3000em; right: auto; color: var(--coal); font-size: 14px; } #root .form-search.aside button { left: -7px; right: auto; } .form-search.aside.disabled { position: relative; } .form-stream { margin-bottom: 54px; padding-left: 208px; } .form-stream > * { float: right; width: 100%; } .form-stream > header { float: left; width: 74px; margin-left: -200px; text-align: center; } .form-stream > header figure { overflow: hidden; margin: 0 0 4px; border-radius: 99px; background: var(--white); color: var(--cerise); } .form-stream > header figure img { border-radius: 100px; } .form-stream > header figure i { font-size: 50px; line-height: 74px; } .form-stream > header figure i[class*="icon-main"] { font-size: 74px; } .form-stream > header h1, .form-stream > header h2, .form-stream > header h3, .form-stream > header h4, .form-stream > header h5, .form-stream > header h6 { margin-top: 0; font-weight: 500; font-size: 14px; font-family: Poppins, Arial, Helvetica, sans-serif; letter-spacing: 0.0085714286em; } .form-stream > header h1 a, .form-stream > header h2 a, .form-stream > header h3 a, .form-stream > header h4 a, .form-stream > header h5 a, .form-stream > header h6 a { font-weight: inherit; } .form-stream p { margin: 0; } .form-stream input, .form-stream textarea, .form-stream select { border-color: var(--silver); } .form-stream textarea { height: 32px; margin-bottom: 12px; min-height: 32px; padding: 2px 0 0; box-shadow: none !important; border-width: 0; border-bottom-width: 1px; border-color: rgba(0,0,0,0); font-size: 14px; outline: none !important; } .form-stream textarea:focus, .form-stream p.full textarea { height: 68px; min-height: 68px; } .form-stream .input-file { margin-bottom: 12px; } .form-stream footer { padding: 16px 0 0; border-bottom: 1px solid var(--dusty); } .form-stream footer ul { list-style: none; margin: 0 -30px 13px 0; padding: 0; } .form-stream footer ul li { margin-right: 25px; } .form-stream footer ul a, .form-stream footer ul button { display: block; min-width: 0; margin: 0; padding: 0; border-width: 0; background: none; color: var(--cerise); font-size: 12px; font-weight: 600; letter-spacing: 1.2857142857; } #root .form-stream footer ul button { background: none; } .form-stream footer ul button:after { content: "\e927"; display: inline-block; position: relative; top: .1em; margin-left: 12px; font-size: 1em; font-family: i; font-weight: 400; line-height: 1px; letter-spacing: normal; } .form-stream footer ul button[type="reset"] { color: var(--dove); } .form-stream.links { margin-bottom: 34px; } .form-stream.links div p { margin-bottom:13px; padding-top:2px; font-size:14px; color:var(--dove); } .form-stream.links footer ul li i { font-size:18px; margin-right:10px; top:0.2em; } /*! Helpers --------- */ #nav, #root, #root > .shadow, #nav > ul > li > a, .cols-a > aside.offset, .offset-toggle, #aside, #footer, #nav:before, .filter-transitions .form-filter, .owl-height, #cookie, #root:after, .module-stream, .scheme-tip > .tip { transition-property: all; transition-duration: 0.4s; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-delay: 0s; } #nav, #nav > ul > li > a, #footer { transition-property: bottom, width, left, margin, padding, border-width; } #aside { transition-property: left, right, transform, visibility, opacity, margin, padding; } #root { transition-property: padding-left; } #root > .shadow { transition-property: visibility, opacity; } .module-stream { transition-property: padding-right; } .form-filter { transition-property: transform; } .owl-height { transition-property: height; } .clear { clear: both; overflow: hidden; width: 100%; } .list-slider .item li.hidden { position: relative; left: 0; } .hidden, #root .desktop-hide, #root .tablet-only, #root .mobile-only, #nav em, .desktop-hide, .tablet-only, .mobile-only { position: absolute; left: -3000em; top: 0; right: auto; bottom: auto; } [hidden], template, #top > form label, .tabs-header, .list-compact.users li.link a:after, .form-stream footer ul button[type="reset"]:after, .module-welcome label, #top > a.toggle-search, .list-inline.nav .link-btn a:after, .list-nav li:nth-child(9) ~ li, .list-nav ul li, .list-compact.users a.sticky:after, #root .list-nav li.sub:last-child, .list-main figure:first-child + p > a:before, .list-main li > p:first-child > a:before, .list-main .list-inline li a:before, .nav-pagination li a span:not(.show), .list-aside ul.sub, .list-aside > a.toggle, #root .list-aside ul.sub li.active, .header-profile .link-btn.cloned, #root .header-profile .link-btn.cloned a.inline, .header-line .sticky:before, .header-line .sticky span:before, .form-search label, .list-search li:after, .nav-sort ul li:after, .form-filter li:after, .form-filter header, .check li:after, .nav-sort p a[href*="#"], .check.hidden, .nav-aside ul li:after, aside .list-aside.border span.small, #root .list-compact li.s12 a:before, #root .list-compact li.s12 a:after, .module-box.social li:after, .nav-aside header, .nav-aside > header > a.toggle, .module-box.social .double li a:before, .module-box.static:before, .list-inline.a li:first-child:before, .tabs-compact > nav h1 ~ ul li:first-child:before, .tabs-compact > nav h2 ~ ul li:first-child:before, .tabs-compact > nav h3 ~ ul li:first-child:before, .tabs-compact > nav h4 ~ ul li:first-child:before, .tabs-compact > nav h5 ~ ul li:first-child:before, .tabs-compact > nav h6 ~ ul li:first-child:before, .tabs-compact.hidden, .check.box label:before, .list-main .list-inline ul li:last-child:before, .list-stream .list-inline ul li:last-child:before, .list-comments.a .link-btn a:before, .module-box.compact p, #root .module-box.compact > a.toggle, .popup-a, .popup-a .box-inset, .popup-a .box-outer > .close, .scheme-tip > a.toggle, .scheme-tip > a.popup, #root .popup-a.tip .box-inset > .close, .list-stream .form-comments p, .list-breadcrumbs li.strong:before, .list-stream .form-comments .list-comments, #root > .lt-ie10 ~ *, .lt-ie10 body > p, .list-inline.a li.text-right:before, .form-search.aside.full label, .header-profile h1 .scheme-tip .tip:after, .header-profile h2 .scheme-tip .tip:after, .header-profile h3 .scheme-tip .tip:after, .header-profile h4 .scheme-tip .tip:after, .header-profile h5 .scheme-tip .tip:after, .header-profile h6 .scheme-tip .tip:after, .list-node li.has-node > h1 > i, .list-node li.has-node > h2 > i, .list-node li.has-node > h3 > i, .list-node li.has-node > h4 > i, .list-node li.has-node > h5 > i, .list-node li.has-node > h6 > i, .list-node .list-node li.has-node a.node-sub, .nav-sort.a ul:before, .list-main li.header.featured:after, .list-main li.header.featured + li:after, .check-2 .check-2, .check-2 li:after, #root .list-comments li.link-strong ~ li, .list-node li:after, .form-box ul.s16 li:after, .list-dots .scheme-tip .tip:after, .form-search.aside.disabled label, .form-search.aside.disabled button, #root a a[data-popup].popup, .header-profile > aside .link-btn a span.hidden, .button i.hidden, .link-btn a i.hidden, a a.popup, a a.toggle, .list-main .form-comments p, .list-main .form-comments .list-comments { display: none; } article, aside, details, dialog, div, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary, #root .list-nav li.sub, .list-nav li.sub.toggle > ul, .list-nav ul li:nth-child(9n) ~ li, .list-share a, .list-slider a, .module-box.compact p.strong, #top > nav > ul > li.toggle > ul, .popup-a.ready, .popup-a.shown, .popup-a.shown .box-inset, .popup-a.shown .box-outer .close, .mobile .scheme-tip > a.toggle, .list-stream .form-comments.toggle p, .list-stream .form-comments.toggle .list-comments, .list-main .form-comments.toggle p, .list-main .form-comments.toggle .list-comments, #root .has-sub.sub-toggle > .list-sub, .list-node li.toggle .list-node, ul.check, ul.check-2, .check-2 a, .check-2 .toggle > .check-2, .check-2 .child-active > .check-2, .list-comments figure a { display: block; } hr { display: block; overflow: hidden; width: 100%; height: 1px; margin: 15px 0; padding: 0; border: 0; border-top: 1px solid var(--silver); background: none; font-size: 0; } #root .disabled a, #root a.disabled, #root .list-breadcrumbs li.disabled a, [data-whatintent="mouse"] #root .list-breadcrumbs li.disabled a:hover, #root .list-breadcrumbs a.disabled, #root .list-breadcrumbs li.strong a.disabled, [data-whatintent="mouse"] #root .list-breadcrumbs a.disabled, [data-whatintent="mouse"] #root .list-breadcrumbs li.strong a.disabled, #root .list-share li.disabled a i, #root .list-share li a.disabled i, #root .link-btn a.inline.disabled, #root .link-btn a.inline .disabled, #root .link-btn a.inline .disabled i, #root .link-btn a.inline.disabled i, [data-whatintent="mouse"] #root .list-inline a.disabled:hover { color: var(--silver); cursor: default; } h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, legend:first-child, #root .m0 + *, #root .m25 + *, .tabs-a:first-child, #root .list-icon.strong li:first-child, #root .list-icon.strong li:first-child + li, .module-profile h1:first-child, .module-profile h2:first-child, .module-profile h3:first-child, .module-profile h4:first-child, .module-profile h5:first-child, .module-profile h6:first-child, .module-profile section:first-child, .list-nav:first-child, .module-profile > header:first-child + *, .list-aside.a li.strong:first-child, .list-main .list-inline:first-child, .module-list:first-child, .nav-sort:first-child, .form-filter .check + h1, .form-filter .check + h2, .form-filter .check + h3, .form-filter .check + h4, .form-filter .check + h5, .form-filter .check + h6, .module-article h1.s24:first-child, .module-article h2.s24:first-child, .module-article h3.s24:first-child, .module-article h4.s24:first-child, .module-article h5.s24:first-child, .module-article h6.s24:first-child, .list-icon.a:first-child, .module-article:first-child, .module-box:first-child, .module-box + .module-box, .nav-sort p:first-child, .link-btn.cta:first-child, .nav-aside h1:first-child, .nav-aside h2:first-child, .nav-aside h3:first-child, .nav-aside h4:first-child, .nav-aside h5:first-child, .nav-aside h6:first-child, .module-main figure:first-child, .link-btn.inline:first-child, .form-comments:first-child, .list-compact.hr:first-child, .list-aside.border + *, .tabs-compact.small:first-child, #root .list-compact li.s12:first-child, .nav-aside header + *, .module-box + nav, .list-aside.border li.submit:first-child, #root .m20 + .list-compact.users, #root .module-box.static + *, .module-box figure:first-child, .list-share:first-child, .link-btn.a:first-child, .list-share a.small:first-child, #root .list-aside li.link:first-child, .list-comments:first-child, .form-rating > section:first-child, .form-rating > div:first-child, .form-rating h1:first-child, .form-rating h2:first-child, .form-rating h3:first-child, .form-rating h4:first-child, .form-rating h5:first-child, .form-rating h6:first-child, .form-rating .check.box:first-child, .list-slider:first-child, .list-comments h1:first-child, .list-comments h2:first-child, .list-comments h3:first-child, .list-comments h4:first-child, .list-comments h5:first-child, .list-comments h6:first-child, .list-comments figure + h1, .list-comments figure + h2, .list-comments figure + h3, .list-comments figure + h4, .list-comments figure + h5, .list-comments figure + h6, .module-alert .link-strong:first-child, .popup-a footer:first-child, .list-stream .form-comments:first-child, .list-main .form-comments:first-child, .list-stream .list-comments:first-child, #root .m20 + *, .list-comments.inv:first-child, .list-node .list-dots:first-child, #root .list-comments li.link-strong:first-child, .form-filter .link-strong:first-child, #root .list-compact.strong.home li:first-child, #root .list-compact.strong.home li:first-child + li { margin-top: 0; } #root .m0, ul ul, ul ol, ol ol, ol ul, .list-inline li.link-btn a, .list-aside.border li.link-btn > span, #root .list-comments .list-aside li:last-child, .list-comments.a .list-aside, .popup-a.tip .box-inset > .last-child, .popup-a.tip .box-inset > *:last-child { margin-bottom: 0; } #root .m5 { margin-bottom: 5px; } #root .m10 { margin-bottom: 10px; } #root .m15 { margin-bottom: 15px; } #root .m20 { margin-bottom: 20px; } #root .m25 { margin-bottom: 25px; } #root .m30 { margin-bottom: 30px; } #root .m35 { margin-bottom: 35px; } #root .m40 { margin-bottom: 40px; } #root .m50 { margin-bottom: 50px; } #root .m55 { margin-bottom: 55px; } #root .m60 { margin-bottom: 60px; } #root .m75 { margin-bottom: 75px; } #root .m145 { margin-bottom: 145px; } #root .m170 { margin-bottom: 170px; } /*! 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(--cerise); color: var(--white); text-shadow: none; } *::-moz-selection { background: var(--cerise); 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: none; } [data-whatintent="mouse"] input:focus, [data-whatintent="mouse"] select:focus, [data-whatintent="mouse"] textarea:focus { outline: none; } /*! Animations --------- */ .popup-a.shown .box-inset, .popup-a.unshown .box-inset { -webkit-animation-duration: .25s; animation-duration: .25s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .popup-a.shown .box-inset { -webkit-animation-name: anim-open; animation-name: anim-open; } .popup-a.unshown .box-inset { -webkit-animation-name: anim-close; animation-name: anim-close; } @-webkit-keyframes anim-open { 0% { visibility: hidden; opacity: 0; -webkit-transform: scale3d(1.1,1.1,1); transform: scale3d(1.1,1.1,1); } 100% { visibility: visible; opacity: 1; -webkit-transform: none; transform: none; } } @keyframes anim-open { 0% { visibility: hidden; opacity: 0; -webkit-transform: scale3d(1.1,1.1,1); transform: scale3d(1.1,1.1,1); } 100% { visibility: visible; opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes anim-close { 0% { visibility: visible; opacity: 1; -webkit-transform: none; transform: none; } 100% { visibility: hidden; opacity: 0; -webkit-transform: scale3d(.9,.9,1); transform: scale3d(.9,.9,1); } } @keyframes anim-close { 0% { visibility: visible; opacity: 1; -webkit-transform: none; transform: none; } 100% { visibility: hidden; opacity: 0; -webkit-transform: scale3d(.9,.9,1); transform: scale3d(.9,.9,1); } } /*! Flexbox --------- */ /* flex */ .form-filter .link-strong a, .list-compact li, p.submit, .list-comments .link-btn > .has-sub, .list-main .link-btn > .has-sub, .list-node .link-btn > .has-sub, .list-node h1, .list-node h2, .list-node h3, .list-node h4, .list-node h5, .list-node h6, .list-node li, .list-compact.users li, .list-main a.sticky, .form-box ul.s16, .form-search.aside, .popup-a .box-outer, .check, #cookie, .module-box p.medium, .header-profile .list-inline.col li, .header-profile > aside .link-btn, .list-main .list-inline ul, .list-stream .list-inline ul, .list-slider, .form-comments .submit, .list-comments.compact figure + h1, .list-comments.compact figure + h2, .list-comments.compact figure + h3, .list-comments.compact figure + h4, .list-comments.compact figure + h5, .list-comments.compact figure + h6, .tabs-compact > nav, .list-btn li, .list-aside.border ul, .module-box.aside, .list-share, .list-compact.cols, .module-box.social, .list-icon.a, .nav-sort ul, .nav-sort, .list-search, #root, .nav-pagination ul, .nav-pagination ol, .nav-pagination, .module-list, .list-dots, .list-nav, .header-profile figure a, .header-profile, .module-profile h1 .text-right, .module-profile h2 .text-right, .module-profile h3 .text-right, .module-profile h4 .text-right, .module-profile h5 .text-right, .module-profile h6 .text-right, .module-profile h1, .module-profile h2, .module-profile h3, .module-profile h4, .module-profile h5, .module-profile h6, .module-aside, .input-file label, .tabs-a > nav, .tabs-a > nav ul, .link-btn, .list-inline, .form-stream footer, .list-icon, .form-stream footer ul, .list-compact.users img ~ a, .list-compact.users li > i ~ a, .list-compact.users i[class*="icon-main"] ~ a, .tabs-compact > nav ul, .list-breadcrumbs, #footer nav ul, .double, .list-social, #top > nav > ul, .header-profile > aside, .list-compact.strong.home { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } /* f:wr */ .module-box .double { -webkit-flex-wrap: wrap; flex-wrap: wrap; } /* f:wn */ .list-compact li, .list-node h1, .list-node h2, .list-node h3, .list-node h4, .list-node h5, .list-node h6, .list-compact.users li, .header-profile > aside .link-btn.compact, .form-search.aside, .module-profile h1 .text-right, .module-profile h2 .text-right, .module-profile h3 .text-right, .module-profile h4 .text-right, .module-profile h5 .text-right, .module-profile h6 .text-right, .module-profile h1, .module-profile h2, .module-profile h3, .module-profile h4, .module-profile h5, .module-profile h6, #cookie .link-btn, #cookie, .double .link-btn.inline, .link-btn.cta, .header-profile .list-inline.col, .list-nav, .tabs-a > nav ul, .double, .module-box .double .list-inline { -webkit-flex-wrap: nowrap; flex-wrap: nowrap; } /* f:ds */ .list-compact.users li { -webkit-justify-content: flex-start; justify-content: flex-start; } /* f:dr */ .header-profile > aside .link-btn.compact { -webkit-flex-direction: row; flex-direction: row; } /* f:dc */ .list-main a.sticky, .header-profile .list-inline.col li, .header-profile > aside .link-btn, .module-box.aside, #root, .list-compact.users img ~ a, .list-compact.users li > i ~ a, .list-compact.users i[class*="icon-main"] ~ a, .header-profile > aside { -webkit-flex-direction: column; flex-direction: column; } /* f:jc */ .popup-a .box-outer, .list-inline.overlay, .list-share .list-social, .input-file label, .list-compact.users img ~ a, .list-compact.users li > i ~ a, .list-compact.users i[class*="icon-main"] ~ a { -webkit-justify-content: center; justify-content: center; } /* f:je */ .list-comments .link-btn > .has-sub, .list-comments .link-btn, .list-main .link-btn > .has-sub, .list-node .link-btn > .has-sub, .list-main .link-btn, .list-node .link-btn, .popup-a footer .link-btn, .list-btn li, .link-btn.text-right, .header-profile figure a { -webkit-justify-content: flex-end; justify-content: flex-end; } /* j:jb */ .list-node li, .form-box ul.s16, #cookie, .header-profile .list-inline.col li, .list-slider.is-slider, .tabs-compact > nav, .nav-aside header, .nav-pagination.compact ul, .nav-pagination.compact ol, .module-box.social, .module-main, .nav-pagination, .module-list, .header-profile, .module-aside, .form-stream footer, .double, .module-list > nav, .module-list > aside, .module-list > header, .tabs-compact > nav ul.text-justify { -webkit-justify-content: space-between; justify-content: space-between; } /* f:as */ .header-profile > aside .link-btn.compact, .module-profile h1, .module-profile h2, .module-profile h3, .module-profile h4, .module-profile h5, .module-profile h6, .list-inline.col, .double { -webkit-align-items: flex-start; align-items: flex-start; } /* f:ac */ .form-filter .link-strong a, p.submit, .list-node li, .list-compact.users li, .popup-a .box-outer, #cookie, .list-slider.is-slider, .form-comments .submit, .list-comments.compact figure + h1, .list-comments.compact figure + h2, .list-comments.compact figure + h3, .list-comments.compact figure + h4, .list-comments.compact figure + h5, .list-comments.compact figure + h6, .tabs-compact > nav, .list-btn li, .list-inline.overlay, .link-btn, .list-dots, .module-profile h1 .text-right, .module-profile h2 .text-right, .module-profile h3 .text-right, .module-profile h4 .text-right, .module-profile h5 .text-right, .module-profile h6 .text-right, #top > nav > .list-inline, .input-file label, .list-inline, .form-stream footer, .double.align-center { -webkit-align-items: center; align-items: center; } /* f:ae */ .list-main a.sticky, .form-search.aside, .nav-sort, .header-profile figure a { -webkit-align-items: flex-end; align-items: flex-end; } /* f:ab */ .header-profile .list-inline.col, .list-nav, .header-profile { -webkit-align-items: stretch; align-items: stretch; } /* f:as */ .list-node h1, .list-node h2, .list-node h3, .list-node h4, .list-node h5, .list-node h6, .module-box p.medium { -webkit-align-items: baseline; align-items: baseline; } /* f:b0 */ .list-share > li { -webkit-flex-basis: 0; -ms-flex-basis: 0; flex-basis: 0; } /* f:g0 */ .tabs-compact.small > nav li, .list-compact.users a.img:first-child { -webkit-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; } /* f:g3 */ .list-compact.users a:first-child, /*.list-compact.users img + a, .list-compact.users .img + a, .list-compact.users i + a,*/ .header-profile > aside .link-btn.compact a, .form-search.aside p, .form-register .link-btn a, .header-profile > aside .link-btn:first-child:last-child, .list-share > li, .module-list header, .tabs-compact > nav ul li { -webkit-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; } /*! Icons --------- */ @font-face { font-family: 'i'; src: url("icons/icomoon.5c0a0fc73242.woff2") format('woff2'), url("icons/icomoon.ddca016a0c91.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; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-arrow-down:before { content: "\e92b"; } .icon-arrow-down-left:before { content: "\e92c"; } .icon-arrow-down-right:before { content: "\e92d"; } .icon-arrow-left:before { content: "\e92a"; } .icon-arrow-medium-down:before { content: "\e949"; } .icon-arrow-medium-left:before { content: "\e94a"; } .icon-arrow-medium-right:before { content: "\e94b"; } .icon-arrow-medium-up:before { content: "\e948"; } .icon-arrow-right:before { content: "\e927"; } .icon-arrow-thin-down:before { content: "\e932"; } .icon-arrow-thin-down-left:before { content: "\e944"; } .icon-arrow-thin-down-right:before { content: "\e945"; } .icon-arrow-thin-left:before { content: "\e92f"; } .icon-arrow-thin-right:before { content: "\e930"; } .icon-arrow-thin-up:before { content: "\e931"; } .icon-arrow-thin-up-left:before { content: "\e946"; } .icon-arrow-thin-up-right:before { content: "\e943"; } .icon-arrow-up:before { content: "\e928"; } .icon-arrow-up-left:before { content: "\e929"; } .icon-arrow-up-right:before { content: "\e926"; } .icon-bell:before { content: "\e922"; } .icon-caret-down:before { content: "\e924"; } .icon-caret-left:before { content: "\e920"; } .icon-caret-right:before { content: "\e921"; } .icon-caret-up:before { content: "\e91e"; } .icon-chat:before { content: "\e933"; } .icon-check:before { content: "\e91f"; } .icon-check-strong:before { content: "\e942"; } .icon-chevron-down:before { content: "\e91d"; } .icon-chevron-left:before { content: "\e91a"; } .icon-chevron-right:before { content: "\e91b"; } .icon-chevron-up:before { content: "\e91c"; } .icon-city:before { content: "\e94f"; } .icon-conditions:before { content: "\e934"; } .icon-contact:before { content: "\e93f"; } .icon-content:before { content: "\e919"; } .icon-download:before { content: "\e94c"; } .icon-ellipsis:before { content: "\e947"; } .icon-envelope:before { content: "\e916"; } .icon-estimate:before { content: "\e93c"; } .icon-exchange:before { content: "\e93d"; } .icon-facebook:before { content: "\ea90"; } .icon-favorites:before { content: "\e923"; } .icon-flag:before { content: "\e97d"; } .icon-forward:before { content: "\e93e"; } .icon-globe:before { content: "\e99d"; } .icon-google:before { content: "\e96e"; } .icon-home:before { content: "\e918"; } .icon-info:before { content: "\e993"; } .icon-linkedin:before { content: "\e96f"; } .icon-list:before { content: "\e917"; } .icon-main-city:before { content: "\e96d"; } .icon-main-conditions:before { content: "\e9a8"; } .icon-main-estimate:before { content: "\e93a"; } .icon-main-exchange:before { content: "\e93b"; } .icon-main-flag:before { content: "\e97c"; } .icon-main-news:before { content: "\e925"; } .icon-main-notification:before { content: "\e96b"; } .icon-main-page:before { content: "\e92e"; } .icon-main-post:before { content: "\e9b0"; } .icon-main-profile:before { content: "\e96c"; } .icon-main-query:before { content: "\e90a"; } .icon-main-question:before { content: "\e96a"; } .icon-main-realestate-demand:before { content: "\e906"; } .icon-main-realestate-estimate:before { content: "\e941"; } .icon-main-realestate-rent:before { content: "\e94e"; } .icon-main-realestate-rent-2:before { content: "\e952"; } .icon-main-realestate-sale:before { content: "\e907"; } .icon-main-settlement:before { content: "\e937"; } .icon-main-shield:before { content: "\e936"; } .icon-menu:before { content: "\e913"; } .icon-minus:before { content: "\e914"; } .icon-minus-circle:before { content: "\e911"; } .icon-minus-thin:before { content: "\e996"; } .icon-network:before { content: "\e975"; } .icon-news:before { content: "\e90e"; } .icon-page:before { content: "\e915"; } .icon-pencil:before { content: "\e910"; } .icon-plus:before { content: "\e90d"; } .icon-plus-circle:before { content: "\e90b"; } .icon-plus-thin:before { content: "\e995"; } .icon-post:before { content: "\e969"; } .icon-profile:before { content: "\e979"; } .icon-question:before { content: "\e950"; } .icon-realestate-demand:before { content: "\e900"; } .icon-realestate-estimate:before { content: "\e940"; } .icon-realestate-rent:before { content: "\e94d"; } .icon-realestate-rent-2:before { content: "\e951"; } .icon-realestate-sale:before { content: "\e901"; } .icon-search:before { content: "\e90f"; } .icon-settlement:before { content: "\e938"; } .icon-setup:before { content: "\e905"; } .icon-shield:before { content: "\e909"; } .icon-star:before { content: "\e902"; } .icon-star-outline:before { content: "\e903"; } .icon-statistics:before { content: "\e90c"; } .icon-stream:before { content: "\e904"; } .icon-summary:before { content: "\e939"; } .icon-tip:before { content: "\e971"; } .icon-tip-inv:before { content: "\e992"; } .icon-user:before { content: "\e935"; } .icon-users:before { content: "\e994"; } .icon-x:before { content: "\e908"; } .icon-zoom:before { content: "\e912"; } .icon-star-fill:before { content: "\e902"; } .icon-star:before, a.active .icon-star:before/*, [data-whatintent="mouse"] a:hover .icon-star-outline:before, [data-whatintent="mouse"] .module-box.social .double p a:hover i.icon-star:before, [data-whatintent="mouse"] .link-btn a:hover .icon-star:before, [data-whatintent="mouse"] .list-share a:hover .icon-star:before*/ { content: "\e902"; } .icon-star-outline:before, .link-btn .icon-star:before { content: "\e903"; } .icon-arrow-thin-up-left, .icon-arrow-thin-up-right, .icon-arrow-up-left, .icon-arrow-up-right { display: inline-block; position: relative; margin-left: 2px; font-size: 9px; line-height: 1px; } /* Responsive --------- */ @media only screen and (max-width: 121.875em) { /* 1950 */ #top { } #top > form { left: calc(50% - 618px); } } @media only screen and (min-width: 1890px) { /* 1850 */ #aside { top: 54px !important; } } @media only screen and (max-width: 1890px) { /* 1850 */ #top { } #top > form { left: 297px; } #aside { display: block; position: fixed; top: 103px; bottom: 0; } .aside-active #root > .shadow.b { visibility: visible; opacity: 1; } } @media only screen and (max-width: 112.5em) { /* 1800 */ body > p { padding-left: 50px; padding-right: 50px; font-size: 13px; } body > p a { margin-left: 10px; font-size: 1em; } body > p a.close { width: 50px; } body > p a.close:before { right: 20px; } #root { padding-left: 75px; padding-right: 60px; } body > p ~ #root { min-height: calc(100vh - 48px); } #top { left: 20px; right: 20px; } #root > .offset-toggle { right: 20px; } #nav { left: 0; padding-left: 20px; } #nav > ul > li > a { width: 31px; padding-left: 31px; } [data-whatintent="mouse"] #root #nav > ul > li > a:hover { padding-left: 38px; } #nav:before { width: 51px; } #footer { margin-left: -55px; margin-right: -40px; padding-right: 0; } #footer nav ul { margin-right: -24px; } #footer nav li { margin-right: 24px; } #root #footer .totop { right: -20px; bottom: 0; top: auto; width: 40px; height: 40px; background: var(--cerise); color: var(--white); font-size: 16px; text-decoration: none; } #footer .totop:before { content: "\e928"; top: 0; left: 0; right: 0; bottom: 0; width: 100%; margin: 0; font-size: 1em; line-height: 40px; } #footer:before { display: none; } } @media only screen and (max-height: 1000px) { /* 1000h */ #root { min-height: 1000px; } body > p ~ #root { min-height: 952px; } } @media only screen and (max-width: 109.375em) { /* 1750 */ .menu-active #root { padding-left: 250px; } .menu-active #footer { margin-left: -230px; } } @media only screen and (max-width: 96.875em) { /* 1550 */ .link-btn { } .menu-active .double .link-btn.inline > span { width: 100%; } .list-dots { } .menu-active .double .list-dots li.text-right { width: 100%; border-left-width: 10px; text-align: left !important; } .menu-active .double .list-dots + .link-btn.inline { margin-top: 7px; } .menu-active .module-stream { padding-right: 25px; } } @media only screen and (max-width: 90.625em) { /* 1450 */ .menu-active #root { padding-left: 213px; } .menu-active #footer { margin-left: -190px; } .module-stream { padding-right: 25px; } } @media only screen and (min-width: 75em) and (max-width: 90.625em) { /* 1200 - 1450 */ .menu-active.module-welcome { padding-right: 36px; padding-left: 19px; } /*never happens*/ .menu-active #root .module-welcome .double, .menu-active #root .module-welcome header { display: block; padding-left: 0; padding-right: 0; } .menu-active #root .module-welcome .double > *, .menu-active #root .module-welcome header > * { float: none; width: auto; margin-left: 0; } .menu-active #root .module-welcome header > * + * { margin-top: 19px; } .menu-active #root .module-welcome header > h1 + .lead, .menu-active #root .module-welcome header > h2 + .lead, .menu-active #root .module-welcome header > h3 + .lead, .menu-active #root .module-welcome header > h4 + .lead, .menu-active #root .module-welcome header > h5 + .lead, .menu-active #root .module-welcome header > h6 + .lead, .menu-active #root .module-welcome header > h1 + div, .menu-active #root .module-welcome header > h2 + div, .menu-active #root .module-welcome header > h3 + div, .menu-active #root .module-welcome header > h4 + div, .menu-active #root .module-welcome header > h5 + div, .menu-active #root .module-welcome header > h6 + div { margin-top: 17px; } .menu-active #root .module-welcome header > h1 + *, .menu-active #root .module-welcome header > h2 + *, .menu-active #root .module-welcome header > h3 + *, .menu-active #root .module-welcome header > h4 + *, .menu-active #root .module-welcome header > h5 + *, .menu-active #root .module-welcome header > h6 + * { margin-top: 0; } } @media only screen and (max-width: 87.5em) { /* 1400 */ .header-profile { margin-left: -17px; padding-left: 225px; } .header-profile figure { width: calc(100% + 168px + 225px); margin-left: -225px; } .module-box { } .module-box:before, .link-btn.cta:before, .list-inline.overlay:before { left: -17px; } .module-welcome { padding-left: 35px; } .list-nav.wide li:nth-child(8) ~ li { display: none; } .list-nav.wide ul li:nth-child(8) ~ li { display: block; } /*#root .list-nav.wide li.sub:last-child { display: block; } Replaced with JS.*/ } @media only screen and (max-width: 82.5em) { /* 1320 */ .cols-a.a, .module-aside { padding-right: 506px; } .cols-a.a > header:first-child, .cols-a.a > aside, .module-aside > * { width: 466px; margin-right: -506px; border-left-width: 0; } .module-aside > *:first-child { border-left-width: 52px; } .form-filter { overflow-x: hidden; overflow-y: auto; position: fixed; left: 0; top: 0; bottom: 0; z-index: 990000; width: 224px; padding: 0 20px; background: var(--white); } .form-filter { -webkit-transform: translateX(-100%); transform: translateX(-100%); } .filter-active #root > .shadow.c { visibility: visible; opacity: 1; } .form-search { margin-top: -6px; } .form-stream { padding-left: 144px; } .form-stream > header { margin-left: -144px; } .link-btn.cta { margin: 25px 0; } .menu-active .double .link-btn.inline > span { width: auto; } .list-dots { } .menu-active .double .list-dots li.text-right { width: auto; border-left-width: 0; } .list-main { } .list-main li.featured { } .list-main li.featured:before { left: -17px; } /*.list-main li.featured:before { right: -10px; }*/ /*.cols-a > *:first-child:last-child .list-main li.featured:before { right: -24px; }*/ .list-main li.featured:after { left: 0; } .list-main li.featured figure { left: 0; } .list-main li.header.featured { padding-left: 0; padding-right: 0; } .list-stream { padding-left: 0; } .list-stream li, .list-main figure:first-child ~ * { padding-left: 144px; } /*Not .sticky (favorite). Revision. FIX.*/ .list-stream .date, #root .list-stream .date span, .list-main .date, #root .list-main .date span { display: inline; position: relative; left: 0; top: 0; margin: 0; padding: 0; color: var(--dove); font-size: 1em; font-weight: 500; font-family: inherit; } #root .list-stream .date span:after, #root .list-main .date span:after { content: ", "; } .list-stream .date, .list-main .date { margin-left: 8px; } .list-stream figure:first-child { width: 110px; } .list-stream h1 span, .list-stream h2 span, .list-stream h3 span, .list-stream h4 span, .list-stream h5 span, .list-stream h6 span, .list-main h1 span, .list-main h2 span, .list-main h3 span, .list-main h4 span, .list-main h5 span, .list-main h6 span { padding-right: 20px; } .list-stream h1 span span, .list-stream h2 span span, .list-stream h3 span span, .list-stream h4 span span, .list-stream h5 span span, .list-stream h6 span span, .list-main h1 span span, .list-main h2 span span, .list-main h3 span span, .list-main h4 span span, .list-main h5 span span, .list-main h6 span span { display: inline; padding-right: 6px; } .list-stream + .link-strong { margin-left: 144px; padding-left: 0; } .module-box { } #root .module-box > a.toggle { width: 30px; height: 30px; } .module-box.aside { padding-left: 144px; padding-right: 17px; } .module-box.aside > figure:first-child, .module-box.aside > i:first-child { left: auto; right: 18px; top: 0; width: 72px; height: 72px; text-align: right; } .module-box.aside > figure:first-child, .module-box.aside > i:first-child { width: 72px; } .module-box.aside > figure:first-child i { height: 60px; line-height: 72px; } .module-box.aside > figure:first-child i[class*="icon-main"] { font-size: 72px; margin-right: -10px; } .module-box.aside > figure ~ *, .module-box.aside > i:first-child ~ * { padding-right: 82px; } .module-box.aside > i[class*="icon-main"]:first-child { right: 0; width: auto; } .module-box.aside > figure:first-child { top: 28px; } .module-box.aside.compact > i:first-child { top: 0; line-height: 137px; } .module-box.aside > figure ~ *, .module-box.aside > i:first-child ~ * { margin-left: -144px; padding-right: 145px; } .module-box.aside.compact > figure ~ *, .module-box.aside.compact > i:first-child ~ * { padding-right: 60px; } .module-box.aside > figure ~ .br ~ *, .module-box.aside > i:first-child ~ .br ~ * { padding-right: 0; } .module-box.aside > figure ~ .list-inline, .module-box.aside > i:first-child ~ .list-inline/*, .module-box.aside > figure ~ p, .module-box.aside > i:first-child ~ p*/, .module-box.aside > figure ~ .double, .module-box.aside > i:first-child ~ .double { padding-right: 0; } .module-box.aside.floated { display: block; } .module-box.aside.floated > figure:first-child, .module-box.aside.floated > i:first-child { position: relative; right: auto; top: 0; float: right; margin: 0 0 12px 20px; } .module-box.aside.floated > figure ~ *, .module-box.aside.floated > i:first-child ~ * { min-width: 100%; padding-right: 0; } .module-box.static.aside { display: block; padding-left: 0; } .module-box.static.aside > h1:first-child i, .module-box.static.aside > h2:first-child i, .module-box.static.aside > h3:first-child i, .module-box.static.aside > h4:first-child i, .module-box.static.aside > h5:first-child i, .module-box.static.aside > h6:first-child i, .module-box.static.aside > i:first-child, .module-box.static.aside > .img, .module-box.static.aside > h1:first-child .img, .module-box.static.aside > h2:first-child .img, .module-box.static.aside > h3:first-child .img, .module-box.static.aside > h4:first-child .img, .module-box.static.aside > h5:first-child .img, .module-box.static.aside > h6:first-child .img { display: none; } .module-box.text-left.aside { } .module-box.text-left.aside > figure:first-child, .module-box.text-left.aside > i:first-child { left: 0; right: auto; top: 0; width: 110px; text-align: center; } .module-box.text-left.aside > i[class*="icon-main"]:first-child { left: -17px; } .module-box.text-left.aside > figure ~ *, .module-box.text-left.aside > i:first-child ~ * { margin-left: 0; padding-right: 0; } .module-box + .module-main { margin-top: 25px; } .module-list { } .module-list > h1, .module-list > h2, .module-list > h3, .module-list > h4, .module-list > h5, .module-list > h6 { margin-bottom: 0; } .module-list > * { float: none; width: 100%; } .module-list > nav, .module-list > aside, .module-list > header { float: none; width: 100%; padding-right: 0; padding-top: 14px; padding-bottom:14px; } .module-list > nav .sticky, .module-list > aside .sticky, .module-list > header .sticky { position: relative; top: 0; } .module-list .list-aside.a { position: relative; z-index: 899; min-height: 24px; margin-bottom: /*56px*/ 0; padding-left: 35px; } .module-list .list-aside.a ul.sub { display: none; position: absolute; left: 0; top: 100%; } .module-list .list-aside.a > a.toggle { display: block; overflow: hidden; position: absolute; left: -9px; top: -3px; z-index: 9; width: 30px; height: 30px; font-size: 10px; color: var(--coal); text-indent: -3000em; text-align: left; } .module-list .list-aside.a > a.toggle:before, .nav-aside header:before { content: "\e913"; } .module-main { } .module-main > * { float: none; } .module-profile, .module-main { display: block; width: auto; padding-left: 0; } .module-profile > header:first-child, .module-main > nav, .module-main > aside { float: none; width: auto; margin-left: 0; padding-right: 0; } .module-stream { padding-right: 25px; } .module-welcome { padding-top: 56px; padding-right: 42px; padding-left: 25px; } .module-welcome:before { left: -42px; } .module-welcome > header, .module-welcome .double { padding-left: 0; } .module-welcome .double > * { width: 50%; margin-left: 0; } .module-welcome > header > * { width: 50%; } .module-welcome > header > .list-social { width: calc(50% + 17px); } .module-welcome > header h1, .module-welcome > header h2, .module-welcome > header h3, .module-welcome > header h4, .module-welcome > header h5, .module-welcome > header h6, .module-welcome .double > *:first-child { width: 50%; margin-left: 0; padding-right: 0; } .nav-aside { position: relative; z-index: 8; } .nav-aside header { position: relative; margin: 0 0 35px; padding-left: 35px; color: var(--coal); font-weight: 600; } .nav-aside header:before { right: auto; margin-top: -10px; color: var(--coal); font-size: 10px; } .nav-aside header h1, .nav-aside header h2, .nav-aside header h3, .nav-aside header h4, .nav-aside header h5, .nav-aside header h6, .nav-aside header p { margin: 0; font-size: 12px; font-weight: 600; line-height: 1.7142857143; } .nav-aside header a, #root .nav-aside header .list-social a { color: var(--coal); font-size: 1em; font-weight: 600; } .nav-aside header p i { display: inline-block; position: relative; top: .15em; margin: 0 7px 0 0; font-size: 1.1666666667em; line-height: 1px; } .nav-aside header .list-social { margin: 0 -15px 0 0; } .nav-aside header .list-social li { margin-right: 15px; font-size: 12px; } .nav-aside header .list-social a:after { margin-left: 6px; } .nav-aside header:last-child { padding-left: 0; } .nav-aside > header > a.toggle { display: block; left: -5px; top: -5px; bottom: -5px; width: 30px; } .nav-aside > div { display: none; position: absolute; left: 0; top: calc(100% + 18px); width: 143px; padding: 8px 0; border: 1px solid var(--silver); background: var(--spring); line-height: 1.7142857143; } .nav-aside > div h1, .nav-aside > div h2, .nav-aside > div h3, .nav-aside > div h4, .nav-aside > div h5, .nav-aside > div h6 { margin: 0; padding: 3px 15px; font-size: 12px; font-weight: 700; font-family: Poppins, Arial, Helvetica, sans-serif; line-height: 1.7142857143; } .nav-aside > div ul { margin: 0; } .nav-aside > div ul li { margin: 0; padding: 3px 15px; font-size: 12px; } #root .nav-aside > div ul li a { display: block; padding-top: 0; padding-bottom: 0; } .nav-aside > div ul li a:before { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 9; } .nav-sort { overflow: hidden; } .nav-sort ul { position: relative; z-index: 2; } .nav-sort ul:before { left: -3000em; right: -3000em; } .nav-sort p { width: 100%; margin-left: 0; margin-top: 17px; text-align: right; } .nav-sort p a[href*="#"] { display: block; float: left; color: var(--coal); } .nav-sort p a i[class*="arrow"] { margin-left: 5px; color: var(--cerise); font-size: 10px; } .nav-sort + .list-comments.inv { margin-top: 50px; } .module-main .form-filter.alt { padding-top: 21px; } .module-list > nav, .module-list > aside, .module-list > header, .nav-aside header { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .module-box.aside.compact > i, .module-box.aside.compact > h1:first-child i, .module-box.aside.compact > h2:first-child i, .module-box.aside.compact > h3:first-child i, .module-box.aside.compact > h4:first-child i, .module-box.aside.compact > h5:first-child i, .module-box.aside.compact > h6:first-child i { -webkit-transform: none; transform: none; } .module-list .list-aside.a li { display: none; } .module-list .list-aside.a li.active, .module-list .list-aside.a ul.sub li, .module-list .list-aside.a.toggle > ul.sub, .nav-aside.toggle > div { display: block; } } .list-aside.a ul.sub li.strong { margin-top:10px; } @media only screen and (max-width: 80em) { /* 1280 */ #cookie { margin: 0 0 0 -638px; left: 0; right: 0; width: auto; margin-left: 0;} .link-btn a.mid-hide { display:none; } .menu-active #root { padding-left: 75px; } #top { } #logo { left: 40px; } #top > form { left: 195px; right: 610px; } #nav { z-index: 900 !important; width: 51px; background: var(--spring); } #top > nav > ul { margin-right: -60px; } #top > nav > ul > li { margin-right: 60px; } #root #nav > ul > li > a { width: 31px; padding-left: 31px; padding-right: 0; } .menu-active #nav { bottom: 0; width: 224px; } .menu-active #nav.scroll-to-fixed-fixed[style*="absolute"] { position: fixed !important; top: 55px !important; bottom: 0 !important; } .menu-active #root #nav > ul > li > a { width: 100%; padding-left: 38px; } .menu-active[data-whatintent="mouse"] #root #nav > ul > li > a:hover { padding-left: 38px; } .menu-active #root > .shadow.a { visibility: visible; opacity: 1; } .list-nav.wide li:nth-child(7) ~ li { display: none; } .list-nav.wide ul li:nth-child(7) ~ li { display: block; } } @media only screen and (min-width: 1221px) { .header-profile > aside .link-btn.compact.single { -webkit-justify-content: flex-end; justify-content: flex-end; } } @media only screen and (max-width: 76.25em) { /* 1220 */ #footer, .menu-active #footer { z-index: 200; margin-left: -55px; } .cols-a, .has-aside-pagination.list-breadcrumbs { padding-right: 290px; } .cols-a > header:first-child, .cols-a > aside { width: 250px; margin-right: -290px; } .cols-a > *:first-child:last-child { margin-right: -290px; } /*.cols-a + * { margin-top: 26px; }*/ .cols-a + .module-aside { margin-top: 80px; } .header-profile { padding-right: 42px; padding-left: 192px; } .header-profile figure { margin-right: -42px; margin-left: -192px; } .header-profile figure a { padding: 20px; } .header-profile > div figure { left: -162px; } .header-profile > aside { /*position: absolute; right: 0; bottom: 10px;*/ position: relative; width: 32px; float: right; margin: 0 -32px 0 0; padding: 4px 0 0; } .header-profile > aside.sub-toggle { z-index: 10; } #root .header-profile > aside .link-btn a.inline:first-child:last-child { padding-right: 8px; } .header-profile > aside .link-btn, .header-profile > aside .link-btn.compact { width: 32px; margin: 0; } .header-profile > aside .link-btn a, .header-profile > aside .link-btn.compact a, #root .header-profile > aside .link-btn .has-sub > a { overflow: visible; left: 0; float: none; width: 32px; min-width: 0; height: 32px; margin: 0 0 6px; padding: 0; text-indent: -3000em; text-align: left; } .header-profile > aside .link-btn a i { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 22px; margin: 0; padding: 0; font-size: 12px; line-height: 30px; text-align: center; text-indent: 0; } .header-profile > aside .link-btn a i.icon-check, .header-profile > aside .link-btn a i.icon-plus { font-size: 9px; } .header-profile > aside .link-btn a i.icon-ellipsis { font-size: 3px; } .header-profile > aside .link-btn a span { display: block; position: absolute; right: 0; top: 0; padding: 0 5px; font-size: 11px; text-indent: 0; text-align: center; white-space: nowrap; } #root .header-profile > aside .link-btn a.inline { display: block; width: 24px; margin-right: 0; padding: 0; text-indent: 0; text-align: right; } .header-profile > aside .link-btn a + a.inline { margin-top: 0; } .header-profile.compact { } .header-profile.compact > div figure { left: -127px; } .link-btn { } #root aside .link-btn a.inline { width: 100%; margin-left: 0; text-align: left; } .list-icon.strong { } #root .list-icon.strong li { width: 25%; margin-top: 0; } .list-inline.nav { margin-right: -24px; } .list-inline.nav li { margin-right: 24px; } .list-inline.nav li.link-btn a, .list-inline.strong li.link-btn a { min-width: 40px; } .list-inline.strong, .form-stream footer ul { margin-right: -24px; } .list-inline.strong li, .form-stream footer ul li { margin-right: 24px; } #root .list-comments .link-btn a:not(.full-btn), #root .list-comments.a .link-btn a, #root .list-main .link-btn a, #root .list-node .link-btn a, #root .list-comments .link-btn a.inline, .list-main .link-btn a.inline, #root .list-main .link-btn a.inline, #root .list-node .link-btn a.inline { float: none; width: 32px; height: 32px; margin-bottom: 6px; padding: 0; text-align: left; text-indent: -3000em; } #root .list-comments .link-btn.offset a, #root .list-comments.a .link-btn.offset a, #root .list-main .link-btn.offset a, #root .list-node .link-btn.offset a { width: auto; height: auto; padding: 8px 16px; text-indent: 0; text-align: center; } #root .list-comments .link-btn a i, #root .list-comments.a .link-btn a i, #root .list-main .link-btn a i, #root .list-node .link-btn a i { display: block; position: absolute; left: 0; right: 0; top: 0; margin: 0; line-height: 32px; text-align: center; text-indent: 0; } /*.list-comments h1, .list-comments h2, .list-comments h3, .list-comments h4, .list-comments h5, .list-comments h6, .list-main h1, .list-main h2, .list-main h3, .list-main h4, .list-main h5, .list-main h6, .list-comments p, .list-main p, .list-main > li > a, .list-comments > li > a, .list-node h1, .list-node h2, .list-node h3, .list-node h4, .list-node h5, .list-node h6, .list-node p { padding-right: 42px !important; }*/ .list-comments .link-btn, .list-main .link-btn, .list-comments .sticky, .list-main .sticky, .list-node .link-btn { padding-right: 0 !important; } .list-main { } .list-main li.featured { padding-right: 1px; } #root .list-main li.featured .list-inline { margin-right: -20px; } .list-share { } aside .list-share li.scheme-tip > .tip { margin-left: -71px; } aside .list-share li.scheme-tip > .tip:before, aside .list-share li.scheme-tip > .tip:after { left: 54px; } .list-stream { } .list-stream li { padding-bottom: 10px; } .list-stream li.link { margin-top: 15px; } .list-stream + .link-strong { margin-top: -10px; } .module-stream { padding-bottom: 20px; } .tabs-a { } .tabs-a > nav ul a { padding-left: 8px; padding-right: 8px; } .tabs-compact { } .tabs-compact > nav li { font-size: 14px; } .header-profile > aside .link-btn, .header-profile > aside .link-btn.compact:not(.single) { -webkit-flex-direction: column; flex-direction: column; } .list-share li { -webkit-flex-basis: auto; -ms-flex-basis: auto; flex-basis: auto; } .header-profile > aside .link-btn a, .header-profile > aside .link-btn.compact a, #root .header-profile > aside .link-btn .has-sub > a { -webkit-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; } #root .header-profile > aside .link-btn a .desktop-only, aside .tabs-compact > nav ul a span { display: none; } .list-nav.wide li:nth-child(6) ~ li { display: none; } .list-nav.wide ul li:nth-child(6) ~ li { display: block; } } @media only screen and (max-width: 68.75em) { /* 1100 */ .double.b65 { margin-left: -50px; } .double.b65 > * { border-left-width: 50px; } .header-profile { padding-left: 180px; } .header-profile figure { margin-left: -180px; } .header-profile > div figure { left: -165px; } /*.header-profile.compact { } .header-profile.compact > div figure { left: -127px; }*/ .link-btn { } .double .link-btn.inline > span { width: 100%; } .list-dots { } .double .list-dots li.text-right { width: 100%; border-left-width: 10px; text-align: left !important; } .double .list-dots + .link-btn.inline { margin-top: 7px; } .list-nav { /*margin-bottom: 69px;*/ } .list-inline.nav .link-btn a { min-width: 0; } .list-inline.nav .link-btn a { margin-right: 10px; } .list-inline.nav {/* margin-right: -30px; */} /*.list-inline.nav li { margin-right: 30px; }*/ .list-inline.nav li.link-btn a, .list-inline.strong li.link-btn a { padding-left: 13px; padding-right: 13px; } .list-import .link-btn a { padding-left: 15px; padding-right: 15px; } .module-profile { padding-left: 0; } .module-profile > header:first-child { float: none; /*margin: 0;*/ } .list-nav.narrow li:nth-child(8) ~ li { display: none; } .list-nav.narrow ul li:nth-child(8) ~ li { display: block; } } @media only screen and (max-width: 65.625em) { /* 1050 */ #footer { } #footer .double { display: block; } #footer nav { margin-bottom: 20px; } #footer .double > *, #footer nav.double > * + *, #footer nav.double > * + ul, #footer nav.double > * + * ul, #footer > div { float: none; width: auto; min-width: 0; margin-top: 0; padding-top: 0; } #footer nav.double > * + ul li, #footer nav.double > * + * ul li { width: auto; margin-right: 24px; font-size: 12px; } .header-profile { padding-left: 140px; } .header-profile figure { margin-left: -140px; } .header-profile > div figure { left: -125px; top: -77px; width: 110px; height: 110px; } .header-profile > div figure:before, .header-profile > div figure i { line-height: 110px; font-size: 51px; } .header-profile > div figure a { top: 111px; } .header-profile > div figure i { font-size: 66px; } .header-profile > div figure i[class*="icon-main"] { font-size: 110px; line-height: 110px; } .header-profile .list-inline.col { width: auto; max-width: none; margin-left: -160px; margin-right: 0; padding-left: 15px; } .header-profile .list-inline.col li { width: 33.3333333333%; margin-right: 0; border-left-width: 20px; } .header-profile.compact > div figure { left: -107px; } .module-stream { margin-bottom: 35px; padding-right: 25px; } .module-stream:before { left: -25px; } .header-profile > aside { -webkit-flex-grow: 5; -ms-flex-grow: 5; flex-grow: 5; } .module-welcome { padding-right: 36px; padding-left: 19px; } #root .module-welcome .double, #root .module-welcome header { display: block; } #root .module-welcome .double > *, #root .module-welcome header > * { float: none; width: auto; margin-left: 0; } #root .module-welcome header > * + * { margin-top: 19px; } #root .module-welcome header > h1 + .lead, #root .module-welcome header > h2 + .lead, #root .module-welcome header > h3 + .lead, #root .module-welcome header > h4 + .lead, #root .module-welcome header > h5 + .lead, #root .module-welcome header > h6 + .lead, #root .module-welcome header > h1 + div, #root .module-welcome header > h2 + div, #root .module-welcome header > h3 + div, #root .module-welcome header > h4 + div, #root .module-welcome header > h5 + div, #root .module-welcome header > h6 + div { margin-top: 17px; } #root .module-welcome header > h1 + *, #root .module-welcome header > h2 + *, #root .module-welcome header > h3 + *, #root .module-welcome header > h4 + *, #root .module-welcome header > h5 + *, #root .module-welcome header > h6 + * { margin-top: 0; } .list-nav.wide li:nth-child(5) ~ li { display: none; } .list-nav.wide ul li:nth-child(5) ~ li { display: block; } .list-nav.narrow li:nth-child(7) ~ li { display: none; } .list-nav.narrow ul li:nth-child(7) ~ li { display: block; } /*#root .list-nav.narrow li.sub:last-child { display: block; } Replaced with JS.*/ } @media only screen and (max-width: 62.5em) { /* 1000 */ #top { } #top > form { left: 150px; right: 420px; } #top > nav > ul { margin-right: -56px; } #top > nav > ul > li { margin-right: 56px; } #top > nav > ul > li > a .icon-caret-down { left: 0; margin-left: 2px; } #nav { width: 40px; } /*#nav > ul > li > a { overflow: hidden; height: 42px; text-indent: -3000em; text-align: left; }*/ #nav > ul > li.overlay-h { margin-top: 0; padding-top: 0; } #cookie { } #cookie .link-btn a { min-width: 0; } .cols-a, .has-aside-pagination.list-breadcrumbs { padding-right: 280px; } .cols-a > header:first-child, .cols-a > aside { width: 250px; margin-right: -280px; } .cols-a > *:first-child:last-child { margin-right: -280px; } .cols-a > * > .nav-pagination.compact:first-child { margin-top: -23px; } .cols-a.a { padding-right: 430px; } .cols-a.a > header:first-child, .cols-a.a > aside { width: 390px; margin-right: -430px; } .form-stream { margin-bottom: 34px; } .form-stream footer ul { margin-right: -16px; } .form-stream footer ul li { margin-right: 16px; } .link-btn { } #root .link-btn a.compact { width: 40px; min-width: 0; padding-left: 0; padding-right: 0; } #root .link-btn a.compact i { margin: 0; } .link-btn.cta { padding-left: 0; padding-right: 8px; } .link-btn.cta a { min-width: 138px; } .list-icon, #root .list-icon { margin-right: -12px; } #root .list-icon li { margin-right: 12px; } .list-icon.a, #root .list-icon.a { margin-left: -100px; } #root .list-icon.a li { border-left-width: 100px; } #root .list-icon.strong { } #root .list-icon.strong li { width: auto; } /*.list-inline.nav { margin-right: -24px; } .list-inline.nav li { margin-right: 24px; } .list-inline.nav li.link-btn a, .list-inline.strong li.link-btn a { min-width: 40px; }*/ .cols-a > div > nav { position: relative; } .list-inline.nav:has(.link-btn) { margin-right: 70px; } .list-inline.nav li.link-btn { position: absolute; top: 0; right: 0; margin-right: 0; } .list-inline.strong:has(.link-btn) { position: relative; } .list-inline.strong li:nth-last-child(2):has(+ li.link-btn) { margin-right: 120px; } .list-inline.strong li.link-btn { position: absolute; top: 0; right: 0; } .list-share { } .list-share .list-social { margin-right: -9px; } .list-share .list-social li { margin-right: 9px; } .list-share .list-social a:after { margin-left: 6px; } .list-nav { margin-top: 30px; } .list-stream { padding-left: 0; } .list-stream h1 span, .list-stream h2 span, .list-stream h3 span, .list-stream h4 span, .list-stream h5 span, .list-stream h6 span, .list-main h1 span, .list-main h2 span, .list-main h3 span, .list-main h4 span, .list-main h5 span, .list-main h6 span { margin-bottom: 6px; } .header-profile { margin-bottom: 24px; } .module-aside { /*margin-bottom: 58px;*/ padding-left: 200px; } .module-aside > *:first-child { width: 200px; margin-left: -200px; } .module-box { margin-bottom: 24px; padding-left: 35px; padding-right: 35px; } .module-box + h1, .module-box + h2, .module-box + h3, .module-box + h4, .module-box + h5, .module-box + h6 { margin-top: 36px; } .module-box + .link-btn.cta { margin-top: -20px; } /*.module-box + .module-main { margin-top: 25px; }*/ .module-box.social { padding-left: 20px; padding-right: 20px; } .module-box.social .double { padding-left: 135px; } .module-box.social .double > * { /*max-width: none;*/ width: 100%; } .module-box.social .double > *:first-child { width: 135px; margin-left: -135px; } .module-box.social .double .list-social { margin-right: -36px; margin-left: 0; } .module-box.social .double .list-social li { width: auto; margin-right: 36px; border-left: 0 solid rgba(0,0,0,0); } .module-list { display: block; /*margin-top: 0; */padding-left: 0; } #root .module-list > * { float: none; width: auto; margin-left: 0; } h1 + .module-list, h2 + .module-list, h3 + .module-list, h4 + .module-list, h5 + .module-list, h6 + .module-list { margin-top: -23px; } .nav-pagination { } .nav-pagination + h1, .nav-pagination + h2, .nav-pagination + h3, .nav-pagination + h4, .nav-pagination + h5, .nav-pagination + h6 { margin-top: 38px; } .double .link-btn.inline { -webkit-flex-wrap: wrap; flex-wrap: wrap; } #root .list-icon.strong { -webkit-justify-content: space-between; justify-content: space-between; } .list-aside.a li.strong { margin-top: 0; } /*.module-list .list-aside.a li { display: none; } .module-list .list-aside.a li.active, .module-list .list-aside.a ul.sub li, .module-list .list-aside.a.toggle > ul.sub { display: block; }*/ #root .desktop-hide, #root .tablet-only, .desktop-hide, .tablet-only { position: relative; left: 0; top: 0; } #root .desktop-only, #root .tablet-hide, .desktop-only, .tablet-hide { position: absolute; left: -3000em; top: -3000em; right: auto; bottom: auto; } .list-nav.narrow li:nth-child(6) ~ li { display: none; } .list-nav.narrow ul li:nth-child(6) ~ li { display: block; } } @media only screen and (max-width: 59.375em) { /* 950 */ .cols-a, .has-aside-pagination.list-breadcrumbs { padding-right: 270px; } .cols-a > header:first-child, .cols-a > aside { margin-right: -270px; } .cols-a > *:first-child:last-child { margin-right: -270px; } .double.b65 { margin-left: -25px; } .double.b65 > * { border-left-width: 25px; } .link-btn.cta { padding-left: 0; } .link-btn.cta a { min-width: 100px; padding-left:24px; padding-right:24px; } .module-box.aside { } .module-box.aside > figure:first-child, .module-box.aside > i:first-child { width: 72px; } .module-box.aside > figure:first-child i { height: 72px; line-height: 72px; } .module-box.aside > figure:first-child i[class*="icon-main"] { font-size: 72px; margin-right: -10px; } .module-box.aside > figure ~ *, .module-box.aside > i:first-child ~ * { padding-right: 82px; } .list-nav.wide li:nth-child(4) ~ li { display: none; } .list-nav.wide ul li:nth-child(4) ~ li { display: block; } .list-nav.narrow li:nth-child(5) ~ li { display: none; } .list-nav.narrow ul li:nth-child(5) ~ li { display: block; } } @media only screen and (min-width: 54em) { /* 864 min */ .w740 .list-nav li:nth-child(5) ~ li { display: none; } .w740 .list-nav ul li:nth-child(5) ~ li { display: block; } } @media only screen and (max-width: 54em) { /* 864 */ .list-nav.narrow li:nth-child(4) ~ li { display: none; } .list-nav.narrow ul li:nth-child(4) ~ li { display: block; } } @media only screen and (max-width: 50em) { /* 800 */ #root, .menu-active #root { padding-left: 20px; padding-right: 20px; } #root { min-height: 100vh; } body > p ~ #root { min-height: calc(100vh - 48px); } #top { } #logo { left: 36px; width: 20px; } #top > form { left: 88px; } #top > nav > .list-inline { margin-right: -15px; } #top > nav > .list-inline > li { margin-right: 15px; } #nav { left: -60px; } .menu-active #nav { overflow-x: hidden; overflow-y: auto; left: 0; } #root > .offset-toggle ~ #content { padding-right: 0; } #footer, .menu-active #footer { margin-right: 0; margin-left: 0; } .cols-a.a { display: block; margin-left: 0; padding-right: 0; } #root .cols-a.a > * { float: none; width: auto; border-left-width: 0; } #root .cols-a.a > aside { max-width: 560px; margin-left: auto; margin-right: auto; } .header-profile { margin-left: -24px;/* margin-bottom: 24px;*/ padding-left: 149px } .header-profile figure { margin-left: -149px; } .header-profile > div figure { left: -125px; } .header-profile .list-inline.col { margin-left: -169px; padding-left: 24px; } .link-btn.cta { padding-right: 10px; } .list-inline.overlay { } .list-inline.overlay:before { left: 0; right: 0; } .list-comments { margin-bottom: 29px; } .list-comments li { margin-bottom: 47px; } .list-comments.line { padding-bottom: 20px; } .list-main { } /*.list-main li.featured { margin-right: 0; padding-right: 0; }*/ .list-main li.featured:before { left: -20px; } .list-share { } .list-share li.scheme-tip > .tip { width: 274px; } .lt-ie10 { } .lt-ie10 > .inner { width: 100%; max-width: 740px; } .module-aside { display: block; padding-left: 0; padding-right: 0; } #root .module-aside > * { float: none; width: 100%; margin-left: 0; margin-right: 0; padding-right: 0; border-left-width: 52px; } .module-aside > * > .list-icon.strong:first-child { margin-top: 20px; } .module-box.aside { } .module-box.aside:before, .link-btn.cta:before { left: -30px; } .module-stream { } .module-stream:before { left: -25px; } .module-welcome { padding-left: 36px; } .module-welcome:before, .module-box:before { left: 0; } .module-welcome > header { min-height: 0; } #root .module-welcome header > h1 + .lead, #root .module-welcome header > h2 + .lead, #root .module-welcome header > h3 + .lead, #root .module-welcome header > h4 + .lead, #root .module-welcome header > h5 + .lead, #root .module-welcome header > h6 + .lead, #root .module-welcome header > h1 + div, #root .module-welcome header > h2 + div, #root .module-welcome header > h3 + div, #root .module-welcome header > h4 + div, #root .module-welcome header > h5 + div, #root .module-welcome header > h6 + div { margin-top: 0; } #root .module-welcome .double { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } #root .module-welcome .double > *, #root .module-welcome header > h1, #root .module-welcome header > h2, #root .module-welcome header > h3, #root .module-welcome header > h4, #root .module-welcome header > h5, #root .module-welcome header > h6 { float: left; width: 50%; } #root .module-welcome .double > * + * { margin-top: 0; } #root .module-welcome header > * + .lead { margin-top: 0; } .nav-pagination.strong { } .nav-pagination.strong ul, .nav-pagination.strong ol { margin-right: -40px; } .nav-pagination.strong li { margin-right: 40px; } #root .module-welcome header { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } #root > .offset-toggle, #aside, #root > .shadow.b { display: none; } } /*Between 600 and 800 cause text is long and width:auto doesn't work.*/ @media only screen and (min-width: 37.5em) and (max-width: 50em) { #root .module-welcome header > * { width: 50%; } } @media only screen and (max-width: 47.5em) { /* 760 */ body > p { height: auto; padding: 10px 50px; font-size: 12px; line-height: 1.7142857143; } #root { /*padding-top: 90px;*/ padding-left: 20px; } body > p ~ #root { min-height: calc(100vh - 40px); } #content { } #content > *:last-child { margin-bottom: 40px; } #content > .cols-a + .module-aside { margin-top: 20px; } /*#content > .list-breadcrumbs:first-child, #content > *:first-child > .list-breadcrumbs:first-child { margin-top: -27px; }*/ /*#content > .list-inline.overlay:first-child { margin-top: -35px; }*/ #content > .cols-a:first-child { margin-top: 0; } #footer { margin-left: 0; } /*h1, h2, h3, h4, h5, h6, legend { margin-top: 35px; }*/ h1 { font-size: 24px; } button, input[type="button"], input[type="reset"], input[type="submit"], .link-btn a { padding-left: 24px; padding-right: 24px; } h3.staff { margin-top: 42px; } .cols-a, .cols-a.a, .has-aside-pagination.list-breadcrumbs { padding-left: 0; padding-right: 0; } #root .cols-a > * { float: none; width: auto; margin-left: 0; margin-right: 0; } #root .cols-a > * + * > figure:first-child { margin-top: 52px; } .cols-a .nav-pagination:last-child { /*margin-bottom: 40px;*/ } .cols-a .nav-pagination:last-child, .cols-a .nav-pagination:last-child ol, .cols-a .nav-pagination:last-child ul { margin-bottom: 0;} .cols-a > *:last-child > *:last-child { margin-bottom: 76px; } .cols-a > *:last-child > figure:last-child { margin-bottom: 60px; } .cols-a.a { padding-left: 26px; padding-right: 26px; } .cols-a.a .module-welcome { margin-left: -26px; margin-right: -26px; } .double.b65 { margin-left: -50px; } .double.b65 > * { border-left-width: 50px; } .form-box { margin-left: -20px; margin-right: -20px; padding: 25px 20px .1px; } .form-box.offset section h1 .no, .form-box.offset section h2 .no, .form-box.offset section h3 .no, .form-box.offset section h4 .no, .form-box.offset section h5 .no, .form-box.offset section h6 .no { content: counters(counter, '.') '. '; display: inline-block; position: relative; left: 0; min-width: 26px; } .form-box > nav:first-child { margin: -25px -20px 25px; padding-left: 20px; padding-right: 20px; } /*.form-box .submit button { margin-right: auto; }*/ .form-stream { } .form-stream > header h1, .form-stream > header h2, .form-stream > header h3, .form-stream > header h4, .form-stream > header h5, .form-stream > header h6 { margin-bottom: 10px; } .form-stream textarea { padding-top: 0; } .form-stream footer ul { margin-bottom: 12px; } .header-profile { margin-right: -24px; margin-left: -24px; margin-right: -24px; } .header-profile figure a { padding-right: 24px; } .header-profile .link-btn.cloned { margin-right: -20px; } .header-profile > aside { right: 0; } /*.header-profile > aside { right: 4px; bottom: 10px; } #root .header-profile > aside .link-btn a.inline:first-child:last-child { padding-right: 12px; }*/ .link-btn.cta { margin-right: -10px; padding-right: 0; } .link-btn.cta:before, .list-inline.overlay:before { left: -20px; right: -20px; } .link-btn.inline { } .double .link-btn.inline > span { width: auto; } .list-comments { } /*.list-comments li.has-link-btn { padding-right: 0 !important; }*/ /*.list-comments .link-btn { margin-top: 15px; }*/ /*.list-comments .link-btn a, .list-comments.a .link-btn a { padding: 3px 6px; }*/ .list-comments + .link-strong { margin-top: 0; } #root .list-comments .link-btn.offset, #root .list-comments.a .link-btn.offset, #root .list-main .link-btn.offset { position: relative; right: 0; top: 0; left: 0; } .list-comments .link-btn, .list-comments.a .link-btn, .list-main .link-btn { display: block; } .list-comments.no-hr .list-comments.nohr li { margin-bottom: 0; } .list-comments.no-hr.a li { margin-bottom: 46px; } .list-comments.inv { margin-left: -24px; margin-right: -24px; } .list-compact { } .list-compact li.link, .list-compact.hr li.link { padding-top: 0; } .header-line + .list-compact.users { margin-top: 0; } .list-inline.overlay { margin-right: -35px; padding-left: 0; padding-right: 0; } .list-slider { } .list-slider .owl-nav button.owl-next { margin-left: 19px; } .list-stream { } .list-stream li { padding-bottom: 2px; padding-top: 23px; } .list-stream li > p:first-child { top: 51px; } .list-stream .sticky { top: 23px; } .list-main { } .list-main li.featured { margin-right: 0; padding-right: 0; } .lt-ie10, .lt-ie10 > .overlay { padding: 0; background: #f5f3f3; } .lt-ie10 > .inner { min-height: 0; padding: 20px 20px .1px; border-width: 0; background: #f5f3f3; } .lt-ie10 h1, .lt-ie10 h2, .lt-ie10 h3, .lt-ie10 h4, .lt-ie10 h5, .lt-ie10 h6 { margin-bottom: 19px; font-size: 18px; } .module-box { } #root .module-box .m35:last-child { margin-bottom: 24px; } #root .module-box > a.toggle { right: -20px; } .module-box.aside { padding-right: 0; } .module-box.aside:before { left: -20px; right: -20px; } .module-box.aside > figure:first-child, .module-box.aside > i:first-child { right: 0; } .module-box.aside > figure:first-child + h1, .module-box.aside > figure:first-child + h2, .module-box.aside > figure:first-child + h3, .module-box.aside > figure:first-child + h4, .module-box.aside > figure:first-child + h5, .module-box.aside > figure:first-child + h6, .module-box.aside > i:first-child + h1, .module-box.aside > i:first-child + h2, .module-box.aside > i:first-child + h3, .module-box.aside > i:first-child + h4, .module-box.aside > i:first-child + h5, .module-box.aside > i:first-child + h6 { min-height: .108px; } .module-box.aside > h1:first-child i, .module-box.aside > h2:first-child i, .module-box.aside > h3:first-child i, .module-box.aside > h4:first-child i, .module-box.aside > h5:first-child i, .module-box.aside > h6:first-child i { left: -20px; width: 164px; } .module-profile { } .cols-a > * > .module-profile:last-child { margin-bottom: 40px; } .module-stream { margin-left: -20px; margin-right: -20px; margin-bottom: 40px; padding: 20px 20px .1px; } #root .module-stream { padding-right: 20px; } /*Check if maybe redundancy. FIX!*/ /*.module-stream .module-alert:last-child { margin-bottom: 30px; }*/ .popup-a { } .popup-a .s16:last-child, .popup-a .s16.last-child { margin-bottom: 24px; } .tabs-a { margin-top: 0; } .tabs-compact { margin-bottom: 43px; padding-bottom: .1px; } .tabs-compact > nav ul { margin-bottom: 24px; } .tabs-compact.small > nav ul.text-justify { width: calc(100% + 22px); margin-right: -22px; } .tabs-compact.small > nav ul.text-justify:before { right: 22px; } .tabs-compact.small > nav ul.text-justify li { margin-right: 22px; } aside .tabs-compact > nav ul a span { display: inline; } .header-profile .list-inline.col li { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .double .link-btn.inline { -webkit-flex-wrap: nowrap; flex-wrap: nowrap; } .tabs-compact > nav ul.text-justify, .list-comments .link-btn { -webkit-justify-content: flex-start; justify-content: flex-start; } #root .list-comments .link-btn > .has-sub { -webkit-flex-basis: auto; -ms-flex-basis: auto; flex-basis: auto; } .popup-a header + .list-comments, .list-comments .link-btn:first-child { margin-top: 0; } .module-welcome .lead a, #root .scheme-tip > a.popup, #root .scheme-tip > a.popup[data-popup] { display: block; } #root .scheme-tip > a.toggle, #root .scheme-tip .tip { display: none; } #root .tablet-hide, #root .mobile-only, .tablet-hide, .mobile-only { position: relative; left: 0; top: 0; } #root .tablet-only, #root .mobile-hide, .tablet-only, .mobile-hide { position: absolute; left: -3000em; top: -3000em; right: auto; bottom: auto; } } @media only screen and (max-width: 42.5em) { /* 680 */ #top { } #top > a.toggle-search { display: block; position: absolute; left: 56px; top: 0; bottom: 0; width: 55px; color: var(--coal); font-size: 14px; text-decoration: none; text-indent: -3000em; text-align: left; } #top > form { display: none; position: absolute; left: 0; right: 0; top: 100%; bottom: auto; width: auto; z-index: 2; background: var(--spring); } #top > form > *:first-child { border-top: 1px solid var(--dusty); } #top > form > *:last-child { border-bottom: 1px solid var(--mercury); } #top > form:before { content: ""; display: block; position: absolute; left: -30px; right: -30px; top: 0; bottom: 0; z-index: -1; background: var(--spring); } #top > form input { height: 45px; } #top > form input::-webkit-input-placeholder { opacity: 1; } #top > form input:-ms-input-placeholder { opacity: 1; } #top > form input::-ms-input-placeholder { opacity: 1; } #top > form input::placeholder { opacity: 1; } #top.scroll-to-fixed-fixed > form { box-shadow: 0 0 10px rgba(0,0,0,0); } #top > nav > ul { margin-right: -10px; padding-right: 0; } #top > nav > ul > li { margin-right: 0; } #top > nav > ul > li > a { width: 45px; padding-top: 15px; } #top > nav > ul > li > ul { right: 10px; } #top > nav > ul > li > a span { display: none; } .search-active #root { padding-top: 135px; } .search-active #top > form, #top > a.toggle-search { display: block; } .list-nav.wide li:nth-child(3) ~ li { display: none; } .list-nav.wide ul li:nth-child(3) ~ li { display: block; } } @media only screen and (max-width: 37.5em) { /* 600 */ #cookie { display: block; padding-top: 15px; padding-bottom: 6px; font-size: 13px; } #cookie p { margin-bottom: 14px; } #cookie .link-btn { margin-bottom: 4px; padding-left: 0; } #cookie .link-btn a { max-width: 156px; } #cookie .link-btn a { -webkit-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; } .module-welcome { margin-bottom: 32px; padding-left: 26px; padding-right: 26px; } .module-welcome:before { left: 0; } #root .module-welcome .double, #root .module-welcome header { display: block; } .module-welcome > header { margin-bottom: 37px; } #root .module-welcome .double > *, #root .module-welcome header > *, #root .module-welcome header > h1, #root .module-welcome header > h2, #root .module-welcome header > h3, #root .module-welcome header > h4, #root .module-welcome header > h5, #root .module-welcome header > h6 { float: none; width: auto; margin-left: 0; } #root .module-welcome header > h1 + .lead, #root .module-welcome header > h2 + .lead, #root .module-welcome header > h3 + .lead, #root .module-welcome header > h4 + .lead, #root .module-welcome header > h5 + .lead, #root .module-welcome header > h6 + .lead, #root .module-welcome header > h1 + div, #root .module-welcome header > h2 + div, #root .module-welcome header > h3 + div, #root .module-welcome header > h4 + div, #root .module-welcome header > h5 + div, #root .module-welcome header > h6 + div { margin-top: 17px; } .module-welcome > header h1, .module-welcome > header h2, .module-welcome > header h3, .module-welcome > header h4, .module-welcome > header h5, .module-welcome > header h6 { font-size: 24px; } .form-search.aside { } .form-search.aside h1, .form-search.aside h2, .form-search.aside h3, .form-search.aside h4, .form-search.aside h5, .form-search.aside h6 { margin: 0; } .form-search.aside label { left: 0; right: auto; } .form-search.aside input { padding-left: 23px; padding-right: 0; text-align: left; } .form-search.aside { display: block; } } @media only screen and (max-width: 34.375em) { /* 550 */ .double, #root .double { display: block; padding-left: 0; } #root .double > * { float: none; width: auto; max-width: none; margin-left: 0; } .double .list-dots li.text-right { width: auto; border-left-width: 0; } .double .link-btn.inline > span { width: auto; } .double .double .list-dots + .link-btn.inline { margin-top: 31px; } .form-register { } .form-register .link-btn { margin-right: -10px; } .form-register .link-btn a { margin-right: 10px; } /*.header-profile { padding-left: 132px; } .header-profile figure { margin-left: -132px; } .header-profile.compact { } .header-profile.compact > div figure { left: -108px; }*/ .header-profile { padding-left: 132px; } .header-profile figure { margin-left: -132px; } .header-profile .list-inline.col { margin-left: -152px; } .header-profile > div figure { left: -108px; top: -48px; width: 74px; height: 74px; } .header-profile > div figure i { height: 74px; line-height: 74px; } .header-profile > div figure i[class*="icon-main"] { font-size: 65px; line-height: 74px; } .header-profile > div figure a { right: -20px; top: 83px; text-align: left; } .header-profile { } .header-profile.compact h1, .header-profile.compact h2, .header-profile.compact h3, .header-profile.compact h4, .header-profile.compact h5, .header-profile.compact h6 { margin-bottom: 1px; } .header-profile.compact > div figure { top: -48px; } .header-profile.compact > div figure img ~ a { left: 0; right: -30px; top: 83px; padding: 0; } .module-alert, #root .module-alert { padding: 30px 30px 5px; } .module-box.aside { } .module-box.aside > i[class*="icon-main"]:first-child, .module-box.text-left.aside > i[class*="icon-main"]:first-child { right: -20px; font-size: 74px; } .list-compact.cols { } .list-compact.cols li { width: 50%; } .list-inline.overlay { margin-right: -20px; } .list-inline.overlay li { margin-right: 20px; } .list-inline.overlay li a { margin-right: 0; font-size: 1em; line-height: inherit; } .list-main { } .list-main figure:first-child, .list-stream figure:first-child { width: 74px; } .list-main figure:first-child i, .list-stream figure:first-child i { height: 74px; font-size: 56px; line-height: 74px; } .list-main figure:first-child i[class*="icon-main"], .list-stream figure:first-child i[class*="icon-main"] { font-size: 74px; } .list-main figure:first-child ~ *, .list-stream li, .module-box.aside.text-left, .form-stream { padding-left: 108px; } /*Not sticky (favorite). Revision. FIX.*/ .form-stream > header { margin-left: -108px; } #root .module-box.social .double { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; } .module-box.social .double { -webkit-align-items: center; align-items: center; } } @media only screen and (max-width: 31.25em) { /* 500 */ #cookie { font-size: 12px; } .header-profile { } .header-profile .list-inline.col { margin-right: -10px; margin-left: -108px; padding: 0; } .header-profile .list-inline.col li { margin-right: 10px; border-left-width: 0; } .list-icon.a, #root .list-icon.a { margin-left: -40px; } #root .list-icon.a li { border-left-width: 40px; } .list-icon.strong { } #root .list-icon.strong li { width: 50%; margin-top: 49px; } .module-box.social { } .module-box.social .double .list-social { margin-right: -20px; margin-left: 0; } .module-box.social .double .list-social li { width: auto; margin-right: 20px; border-left-width: 0; } .popup-a { } .popup-a .box-inset { padding: 30px 30px 6px; } .popup-a .box-inset > .close { right: 14px; top: 14px; } .list-inline.nav a::after { margin-left: 6px;} .form-stream footer ul button:after, .list-inline.strong i:not(.no-margin) { margin-left: 6px; } #root .list-compact.strong.home li { width: 100%; margin:20px 0 0; } #root .list-compact.strong.home li:first-child + li { margin-top: 20px; } } @media only screen and (max-width: 27em) { /* 432 */ .list-inline.stream-links { width: 100%; } .list-inline.stream-links li { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; } .stream-links li a { display: flex; flex-direction: column; align-items: center; text-align: center; } .list-inline.stream-links li a span { display: block; } .form-stream.links footer ul li i { margin:0;} } @media only screen and (max-width: 25em) { /* 400 */ .cols-a.a { padding-left: 0; padding-right: 0; } .cols-a.a .module-welcome { margin-left: 0; margin-right: 0; } .double { } .double .list-dots li.text-right { width: 100%; border-left-width: 10px; } .double .link-btn.inline > span { width: 100%; } .double .double .list-dots + .link-btn.inline { margin-top: 7px; } .form-box { } .form-box .submit button { min-width: 100px; } .tabs-a { } .tabs-a > nav { display: block; margin-bottom: 24px; } .tabs-a > nav h1, .tabs-a > nav h2, .tabs-a > nav h3, .tabs-a > nav h4, .tabs-a > nav h5, .tabs-a > nav h6 { margin: 0 0 12px; font-size: 24px; } .tabs-a > nav ul { padding-top: 0; } .tabs-a > nav ul, .tabs-a > nav ul li { margin-right: 0; } .tabs-a > nav ul a, .tabs-a > nav ul li:last-child a { padding-left: 0; padding-right: 0; } .tabs-compact { } .tabs-compact.small > nav ul.text-justify { width: 100%; margin-right: 0; } .tabs-compact.small > nav ul.text-justify:before { right: 0; } .tabs-compact.small > nav ul.text-justify li { margin-right: 0; } .tabs-compact > nav ul.text-justify { -webkit-justify-content: space-between; justify-content: space-between; } .tabs-a > nav ul li { -webkit-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; } .list-nav.wide li:nth-child(2) ~ li { display: none; } .list-nav.wide ul li:nth-child(2) ~ li { display: block; } .list-nav.narrow li:nth-child(3) ~ li { display: none; } .list-nav.narrow ul li:nth-child(3) ~ li { display: block; } /*.list-nav:not(.short) li:nth-child(3) ~ li { display: none; } .list-nav:not(.short) ul li:nth-child(3) ~ li { display: block; }*/ } @media only screen and (max-width: 23.75em) { /* 380 */ #top > nav > ul > li > a { width: 42px; } #top > a.toggle-search { width: 50px; } } @media only screen and (max-width: 22em) { /* 352 */ #top > a.toggle-search { display:none; } } @media only screen and (min-width: 50em) { /* 800 */ #content { min-height: 580px; } }