@font-face{ font-family: Abel; font-style: normal; font-weight: 400; src: local(Abel),local(Abel-Regular),url(//fonts.gstatic.com/s/abel/v6/3YEwT2a1878zysq92S8_9w.eot?#) format("eot"),url(//fonts.gstatic.com/s/abel/v6/brdGGFwqYJxjg2CD1E9o7g.woff2) format("woff2"),url(//fonts.gstatic.com/s/abel/v6/EAqh528fFdbUek8UOky4sA.woff) format("woff"); } @charset "UTF-8"; :root { -ms-overflow-style: -ms-autohiding-scrollbar; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; box-sizing: border-box; -webkit-tap-highlight-color: transparent; } @-ms-viewport { width: device-width; } @viewport { width: device-width; } *, ::before, ::after { box-sizing: inherit; } * { font-size: inherit; line-height: inherit; } ::before, ::after { text-decoration: inherit; vertical-align: inherit; } * { margin: 0; padding: 0; } *, ::before, ::after { border-style: solid; border-width: 0; } main { display: block; } details { display: block; } summary { display: block; } progress { display: inline-block; } template { display: none; } [hidden] { display: none; } nav ol, nav ul { list-style: none; } small { font-size: 75%; } b, strong { font-weight: bold; } em { font-style: italic; } a { text-decoration: none; color: #58c875; cursor: pointer; background-color: transparent; } a:active, a:hover { outline: 0;} sub, sup { font-size: .75em; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -.5em; } sub { bottom: -.25em; } abbr[title] { border-bottom: 1px dotted; } dfn { font-style: italic; } xmp, pre { overflow: auto; } fieldset { min-width: 0; } :focus { outline-style: none; box-shadow: none; } button, input, select, textarea { color: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; } input { -webkit-border-radius: 0; } input[type='button'], input[type='reset'], input[type='submit'] { -webkit-appearance: button; } input[type='number'] { width: auto; } input[type='search'] { -webkit-appearance: textfield; } input[type='search']::-webkit-search-cancel-button, input[type='search']::-webkit-search-decoration { -webkit-appearance: none; } button { overflow: visible; -webkit-appearance: button; } select { -moz-appearance: none; -webkit-appearance: none; } select::-ms-expand { display: none; } select::-ms-value { color: currentColor; } textarea { overflow: auto; resize: vertical; } svg:not(:root) { overflow: hidden; } audio:not([controls]) { display: none; height: 0; } a, area, button, [role="button"], input, label, select, summary, textarea { -ms-touch-action: manipulation; touch-action: manipulation; } table { border-collapse: collapse; border-spacing: 0; max-width: 100%; width: 100%; } [aria-busy='true'] { cursor: progress; } [aria-controls] { cursor: pointer; } [aria-disabled] { cursor: default; } [hidden][aria-hidden='false'] { clip: rect(0 0 0 0); display: inherit; position: absolute; } [hidden][aria-hidden='false']:focus { clip: auto; } [tabindex="-1"]:focus { outline: none !important; } @keyframes spin { 100% { transform: rotate(360deg); } } [class*='gr-icon-']::before { font-family: "GrootsIcons" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; display: inline-block; } .gr-icon-groots-back::before { content: "ï„„"; } .gr-icon-groots-styleguide::before { content: ""; } .gr-icon-groots-components::before { content: "ï‚…"; } .gr-icon-groots-codelines::before { content: "ï„¡"; } .gr-icon-groots-docs::before { content: ""; } .gr-icon-nope::before { content: "ï„™"; } .gr-icon-loading::before { content: ""; } .gr-icon-search::before { content: ""; } .gr-icon-mail::before { content: ""; } .gr-icon-gear::before { content: ""; } .gr-icon-angle-left::before { content: "ï„„"; } .gr-icon-angle-right::before { content: "ï„…"; } .gr-icon-angle-up::before { content: ""; } .gr-icon-angle-down::before { content: ""; } .gr-icon-star-full::before { content: ""; } .gr-icon-star-empty::before { content: ""; } .gr-icon-star-half::before { content: ""; } .gr-icon-star-half-bordered::before { content: "ï„£"; } .gr-icon-plus::before { content: ""; } .gr-icon-minus::before { content: ""; } .gr-icon-check::before { content: ""; } .gr-icon-close::before { content: ""; } .gr-icon-ask::before { content: ""; } .gr-icon-info::before { content: "ï„©"; } .gr-icon-warning::before { content: ""; } .gr-icon-download::before { content: ""; } .gr-icon-upload-drive::before { content: "ï‚“"; } .gr-icon-upload-folder::before { content: ""; } .gr-icon-upload-ready::before { content: ""; } .gr-icon-share::before { content: "ï‡ "; } .form .form-item::after, .form .hs-form-field::after, .form .form-item--icon-before::after, .form .form-item--icon-after::after, .form .form-item--inline::after { content: ''; display: block; clear: both; } .social-icons--link a span { display: none; } .banner__cover, .video__thumb, .card__figure, .card--team .card__figure { display: block; width: 100%; } .banner__cover > img, .video__thumb > img, .card__figure > img, .card--team .card__figure > img, .banner__cover picture > img, .video__thumb picture > img, .card__figure picture > img, .card--team .card__figure picture > img, .banner__cover iframe, .video__thumb iframe, .card__figure iframe, .card--team .card__figure iframe { object-fit: cover; display: block; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .objectfit.banner__cover, .objectfit.video__thumb, .objectfit.card__figure { background-size: cover; background-position: center center; background-repeat: no-repeat; z-index: 5; } .objectfit.banner__cover img, .objectfit.video__thumb img, .objectfit.card__figure img { opacity: 0; display: none; } [gr-overlay] { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; visibility: hidden; overflow: auto; background-color: transparent; } @font-face { font-family: "cognibox-iconfont"; src: url("../fonts/cognibox-iconfont.woff?v=3390") format("woff"), url("../fonts/cognibox-iconfont.ttf?v=3450") format("truetype"); } [class*='icon-']::before { font-family: "cognibox-iconfont"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; display: inline-block; } .icon-analyze::before { content: ""; } .icon-angle-down::before { content: ""; } .icon-angle-left::before { content: ""; } .icon-angle-right::before { content: ""; } .icon-arrows::before { content: ""; } .icon-book::before { content: ""; } .icon-caret-down::before { content: ""; } .icon-caret-right::before { content: ""; } .icon-check::before { content: ""; } .icon-export::before { content: ""; } .icon-eye::before { content: ""; } .icon-file::before { content: ""; } .icon-info::before { content: ""; } .icon-people::before { content: ""; } .icon-quote::before { content: ""; } .icon-reply::before { content: ""; } .icon-report::before { content: ""; } .icon-screen::before { content: ""; } .icon-spec::before { content: ""; } .icon-subscribe::before { content: ""; } .icon-tag::before { content: ""; } .icon-tech1::before { content: ""; } .icon-tech2::before { content: ""; } .icon-tech3::before { content: ""; } .icon-thumb::before { content: "\f164"; font-family: "Font Awesome 5 Free"; font-weight: 900; } .icon-times::before { content: ""; } .icon-user::before { content: ""; } :root { color: #343a41; font-size: 16px; line-height: 1.5; font-family: "Locator"; text-rendering: optimizeLegibility; } audio, canvas, iframe, img, svg, video { vertical-align: middle; } .svg { visibility: hidden; opacity: 0; transition: opacity 240ms cubic-bezier(0.47, 0, 0.745, 0.715); } .svg-replaced { visibility: visible; opacity: 1; } img { display: block; position: relative; text-align: center; font-size: 16px; } img::before, img::after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } img::before { content: ''; background-color: #cf003a; z-index: 0; } img::after { font-family: "GrootsIcons"; content: "ï„™"; z-index: 1; padding: 1.875em; } [gr-overlay] { transition: background-color 240ms cubic-bezier(0.47, 0, 0.745, 0.715); background-color: rgba(0, 0, 0, 0.75); } .has-nav-open [gr-overlay], .has-modal-open [gr-overlay] { visibility: visible; z-index: 50; } .h1, .typography h1, .blog-comments .comment-body h1, .card--stats .card--stats__title { font-size: 2.25em; line-height: 1.33333; margin-bottom: 1.5rem; font-weight: normal; } .h2, .typography h2, .blog-comments .comment-body h2 { font-size: 1.83712em; line-height: 0.8165; margin-bottom: 1.5rem; font-weight: normal; } .h3, .typography h3, .blog-comments .comment-body h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1.5rem; font-weight: normal; } .h4, .typography h4, .blog-comments .comment-body h4, .card--stats .card--stats__subtitle, .card--values .card--values__title, .footer__list.footer__list--bold a, .timeline .timeline__title, .timeline .timeline__date { font-size: 1.22474em; line-height: 1.22474; margin-bottom: 1.5rem; font-weight: normal; } .h5, .typography h5, .blog-comments .comment-body h5 { font-size: 1em; line-height: 1.5; margin-bottom: 1.5rem; font-weight: normal; } .typography a:not([class]), .blog-comments .comment-body a:not([class]) { color: #1c628f; text-decoration: none; } .typography a:hover:not([class]), .blog-comments .comment-body a:hover:not([class]) { color: #1c628f; text-decoration: none; } .typography ul, .blog-comments .comment-body ul, .typography ol, .blog-comments .comment-body ol { list-style: none; } .typography ul > li, .blog-comments .comment-body ul > li, .typography ol > li, .blog-comments .comment-body ol > li { position: relative; } .typography ul ul, .blog-comments .comment-body ul ul, .typography ul ol, .blog-comments .comment-body ul ol, .typography ol ul, .blog-comments .comment-body ol ul, .typography ol ol, .blog-comments .comment-body ol ol { margin: 0; } .typography ul > li, .blog-comments .comment-body ul > li { padding-left: 1.875em; } .typography ul > li::before, .blog-comments .comment-body ul > li::before { content: "·"; font-family: "Locator"; display: inline-block; position: absolute; top: 0; left: 0; } .typography ol, .blog-comments .comment-body ol { counter-reset: item; } .typography ol > li::before, .blog-comments .comment-body ol > li::before { content: counters(item, ".") " - "; counter-increment: item; } .typography ol ol, .blog-comments .comment-body ol ol { counter-reset: item; padding-left: 1.875em; } .typography address, .blog-comments .comment-body address { font-style: normal; } .typography blockquote, .blog-comments .comment-body blockquote { font-style: italic; } .typography blockquote q::after, .blog-comments .comment-body blockquote q::after { margin-left: .5em; } .typography blockquote q::before, .blog-comments .comment-body blockquote q::before { margin-right: .5em; } .typography blockquote footer, .blog-comments .comment-body blockquote footer { font-style: normal; font-size: small; } .form .form-item input:not([type='submit']), .form .hs-form-field input:not([type='submit']), .form .form-item textarea, .form .hs-form-field textarea, .form .form-item--icon-before input:not([type='submit']), .form .form-item--icon-before textarea, .form .form-item--icon-after input:not([type='submit']), .form .form-item--icon-after textarea, .form .form-item--inline input:not([type='submit']), .form .form-item--inline textarea, .select-wrapper .select-styled, .select-no-js select, .file-upload-wrapper label { height: 2.5em; line-height: inherit; background-color: #fff; width: 100%; padding: 0 0.9375em; border-width: 1px; border-style: solid; border-color: #bec2c4; border-radius: 0; } .form .form-item input:not([type='submit'])::-webkit-input-placeholder, .form .hs-form-field input:not([type='submit'])::-webkit-input-placeholder, .form .form-item textarea::-webkit-input-placeholder, .form .hs-form-field textarea::-webkit-input-placeholder, .form .form-item--icon-before input:not([type='submit'])::-webkit-input-placeholder, .form .form-item--icon-before textarea::-webkit-input-placeholder, .form .form-item--icon-after input:not([type='submit'])::-webkit-input-placeholder, .form .form-item--icon-after textarea::-webkit-input-placeholder, .form .form-item--inline input:not([type='submit'])::-webkit-input-placeholder, .form .form-item--inline textarea::-webkit-input-placeholder, .select-wrapper .select-styled::-webkit-input-placeholder, .select-no-js select::-webkit-input-placeholder, .file-upload-wrapper label::-webkit-input-placeholder { color: #343a41; opacity: 1; font-style: italic; transition: opacity .3s; } .form .form-item input:not([type='submit'])::-moz-placeholder, .form .hs-form-field input:not([type='submit'])::-moz-placeholder, .form .form-item textarea::-moz-placeholder, .form .hs-form-field textarea::-moz-placeholder, .form .form-item--icon-before input:not([type='submit'])::-moz-placeholder, .form .form-item--icon-before textarea::-moz-placeholder, .form .form-item--icon-after input:not([type='submit'])::-moz-placeholder, .form .form-item--icon-after textarea::-moz-placeholder, .form .form-item--inline input:not([type='submit'])::-moz-placeholder, .form .form-item--inline textarea::-moz-placeholder, .select-wrapper .select-styled::-moz-placeholder, .select-no-js select::-moz-placeholder, .file-upload-wrapper label::-moz-placeholder { color: #343a41; opacity: 1; font-style: italic; transition: opacity .3s; } .form .form-item input:-moz-placeholder:not([type='submit']), .form .hs-form-field input:-moz-placeholder:not([type='submit']), .form .form-item textarea:-moz-placeholder, .form .hs-form-field textarea:-moz-placeholder, .form .form-item--icon-before input:-moz-placeholder:not([type='submit']), .form .form-item--icon-before textarea:-moz-placeholder, .form .form-item--icon-after input:-moz-placeholder:not([type='submit']), .form .form-item--icon-after textarea:-moz-placeholder, .form .form-item--inline input:-moz-placeholder:not([type='submit']), .form .form-item--inline textarea:-moz-placeholder, .select-wrapper .select-styled:-moz-placeholder, .select-no-js select:-moz-placeholder, .file-upload-wrapper label:-moz-placeholder { color: #343a41; opacity: 1; font-style: italic; transition: opacity .3s; } .form .form-item input:-ms-input-placeholder:not([type='submit']), .form .hs-form-field input:-ms-input-placeholder:not([type='submit']), .form .form-item textarea:-ms-input-placeholder, .form .hs-form-field textarea:-ms-input-placeholder, .form .form-item--icon-before input:-ms-input-placeholder:not([type='submit']), .form .form-item--icon-before textarea:-ms-input-placeholder, .form .form-item--icon-after input:-ms-input-placeholder:not([type='submit']), .form .form-item--icon-after textarea:-ms-input-placeholder, .form .form-item--inline input:-ms-input-placeholder:not([type='submit']), .form .form-item--inline textarea:-ms-input-placeholder, .select-wrapper .select-styled:-ms-input-placeholder, .select-no-js select:-ms-input-placeholder, .file-upload-wrapper label:-ms-input-placeholder { color: #343a41; opacity: 1; font-style: italic; transition: opacity .3s; } .form-item--icon-before .form .form-item input:not([type='submit']), .form-item--icon-before .form .hs-form-field input:not([type='submit']), .form-item--icon-before .form .form-item textarea, .form-item--icon-before .form .hs-form-field textarea, .form .form-item--icon-before input:not([type='submit']), .form .form-item--icon-before textarea, .form-item--icon-before .form .form-item--icon-after input:not([type='submit']), .form-item--icon-before .form .form-item--icon-after textarea, .form-item--icon-before .form .form-item--inline input:not([type='submit']), .form-item--icon-before .form .form-item--inline textarea, .form-item--icon-before .select-wrapper .select-styled, .select-wrapper .form-item--icon-before .select-styled, .form-item--icon-before .select-no-js select, .select-no-js .form-item--icon-before select, .form-item--icon-before .file-upload-wrapper label, .file-upload-wrapper .form-item--icon-before label { padding: 0 0.9375em 0 0; } .form-item--icon-after .form .form-item input:not([type='submit']), .form-item--icon-after .form .hs-form-field input:not([type='submit']), .form-item--icon-after .form .form-item textarea, .form-item--icon-after .form .hs-form-field textarea, .form-item--icon-after .form .form-item--icon-before input:not([type='submit']), .form-item--icon-after .form .form-item--icon-before textarea, .form .form-item--icon-after input:not([type='submit']), .form .form-item--icon-after textarea, .form-item--icon-after .form .form-item--inline input:not([type='submit']), .form-item--icon-after .form .form-item--inline textarea, .form-item--icon-after .select-wrapper .select-styled, .select-wrapper .form-item--icon-after .select-styled, .form-item--icon-after .select-no-js select, .select-no-js .form-item--icon-after select, .form-item--icon-after .file-upload-wrapper label, .file-upload-wrapper .form-item--icon-after label { padding: 0 0 0 0.9375em; } .form-item--icon-before .form .form-item input:not([type='submit']), .form-item--icon-before .form .hs-form-field input:not([type='submit']), .form-item--icon-before .form .form-item textarea, .form-item--icon-before .form .hs-form-field textarea, .form .form-item--icon-before input:not([type='submit']), .form .form-item--icon-before textarea, .form-item--icon-before .form .form-item--icon-after input:not([type='submit']), .form-item--icon-before .form .form-item--icon-after textarea, .form-item--icon-before .form .form-item--inline input:not([type='submit']), .form-item--icon-before .form .form-item--inline textarea, .form-item--icon-before .select-wrapper .select-styled, .select-wrapper .form-item--icon-before .select-styled, .form-item--icon-before .select-no-js select, .select-no-js .form-item--icon-before select, .form-item--icon-before .file-upload-wrapper label, .file-upload-wrapper .form-item--icon-before label { border-radius: 0 0 0 0; } .form-item--icon-after .form .form-item input:not([type='submit']), .form-item--icon-after .form .hs-form-field input:not([type='submit']), .form-item--icon-after .form .form-item textarea, .form-item--icon-after .form .hs-form-field textarea, .form-item--icon-after .form .form-item--icon-before input:not([type='submit']), .form-item--icon-after .form .form-item--icon-before textarea, .form .form-item--icon-after input:not([type='submit']), .form .form-item--icon-after textarea, .form-item--icon-after .form .form-item--inline input:not([type='submit']), .form-item--icon-after .form .form-item--inline textarea, .form-item--icon-after .select-wrapper .select-styled, .select-wrapper .form-item--icon-after .select-styled, .form-item--icon-after .select-no-js select, .select-no-js .form-item--icon-after select, .form-item--icon-after .file-upload-wrapper label, .file-upload-wrapper .form-item--icon-after label { border-radius: 0 0 0 0; } .form-item--inline .form .form-item input:not([type='submit']), .form-item--inline .form .hs-form-field input:not([type='submit']), .form-item--inline .form .form-item textarea, .form-item--inline .form .hs-form-field textarea, .form-item--inline .form .form-item--icon-before input:not([type='submit']), .form-item--inline .form .form-item--icon-before textarea, .form-item--inline .form .form-item--icon-after input:not([type='submit']), .form-item--inline .form .form-item--icon-after textarea, .form .form-item--inline input:not([type='submit']), .form .form-item--inline textarea, .form-item--inline .select-wrapper .select-styled, .select-wrapper .form-item--inline .select-styled, .form-item--inline .select-no-js select, .select-no-js .form-item--inline select, .form-item--inline .file-upload-wrapper label, .file-upload-wrapper .form-item--inline label { -ms-flex: 1 1 auto; flex: 1 1 auto; } .form .form-item input:focus:not([type='submit']), .form .hs-form-field input:focus:not([type='submit']), .form .form-item textarea:focus, .form .hs-form-field textarea:focus, .form .form-item--icon-before input:focus:not([type='submit']), .form .form-item--icon-before textarea:focus, .form .form-item--icon-after input:focus:not([type='submit']), .form .form-item--icon-after textarea:focus, .form .form-item--inline input:focus:not([type='submit']), .form .form-item--inline textarea:focus, .select-wrapper .select-styled:focus, .select-no-js select:focus, .file-upload-wrapper label:focus { border-color: #bec2c4; } .form .form-item input:not([type='submit']):focus::-webkit-input-placeholder, .form .hs-form-field input:not([type='submit']):focus::-webkit-input-placeholder, .form .form-item textarea:focus::-webkit-input-placeholder, .form .hs-form-field textarea:focus::-webkit-input-placeholder, .form .form-item--icon-before input:not([type='submit']):focus::-webkit-input-placeholder, .form .form-item--icon-before textarea:focus::-webkit-input-placeholder, .form .form-item--icon-after input:not([type='submit']):focus::-webkit-input-placeholder, .form .form-item--icon-after textarea:focus::-webkit-input-placeholder, .form .form-item--inline input:not([type='submit']):focus::-webkit-input-placeholder, .form .form-item--inline textarea:focus::-webkit-input-placeholder, .select-wrapper .select-styled:focus::-webkit-input-placeholder, .select-no-js select:focus::-webkit-input-placeholder, .file-upload-wrapper label:focus::-webkit-input-placeholder { opacity: .5; } .form .form-item input:not([type='submit']):focus::-moz-placeholder, .form .hs-form-field input:not([type='submit']):focus::-moz-placeholder, .form .form-item textarea:focus::-moz-placeholder, .form .hs-form-field textarea:focus::-moz-placeholder, .form .form-item--icon-before input:not([type='submit']):focus::-moz-placeholder, .form .form-item--icon-before textarea:focus::-moz-placeholder, .form .form-item--icon-after input:not([type='submit']):focus::-moz-placeholder, .form .form-item--icon-after textarea:focus::-moz-placeholder, .form .form-item--inline input:not([type='submit']):focus::-moz-placeholder, .form .form-item--inline textarea:focus::-moz-placeholder, .select-wrapper .select-styled:focus::-moz-placeholder, .select-no-js select:focus::-moz-placeholder, .file-upload-wrapper label:focus::-moz-placeholder { opacity: .5; } .form .form-item input:focus:-moz-placeholder:not([type='submit']), .form .hs-form-field input:focus:-moz-placeholder:not([type='submit']), .form .form-item textarea:focus:-moz-placeholder, .form .hs-form-field textarea:focus:-moz-placeholder, .form .form-item--icon-before input:focus:-moz-placeholder:not([type='submit']), .form .form-item--icon-before textarea:focus:-moz-placeholder, .form .form-item--icon-after input:focus:-moz-placeholder:not([type='submit']), .form .form-item--icon-after textarea:focus:-moz-placeholder, .form .form-item--inline input:focus:-moz-placeholder:not([type='submit']), .form .form-item--inline textarea:focus:-moz-placeholder, .select-wrapper .select-styled:focus:-moz-placeholder, .select-no-js select:focus:-moz-placeholder, .file-upload-wrapper label:focus:-moz-placeholder { opacity: .5; } .form .form-item input:focus:-ms-input-placeholder:not([type='submit']), .form .hs-form-field input:focus:-ms-input-placeholder:not([type='submit']), .form .form-item textarea:focus:-ms-input-placeholder, .form .hs-form-field textarea:focus:-ms-input-placeholder, .form .form-item--icon-before input:focus:-ms-input-placeholder:not([type='submit']), .form .form-item--icon-before textarea:focus:-ms-input-placeholder, .form .form-item--icon-after input:focus:-ms-input-placeholder:not([type='submit']), .form .form-item--icon-after textarea:focus:-ms-input-placeholder, .form .form-item--inline input:focus:-ms-input-placeholder:not([type='submit']), .form .form-item--inline textarea:focus:-ms-input-placeholder, .select-wrapper .select-styled:focus:-ms-input-placeholder, .select-no-js select:focus:-ms-input-placeholder, .file-upload-wrapper label:focus:-ms-input-placeholder { opacity: .5; } .form .form-item input:focus:not([type='submit']) ~ .icon, .form .hs-form-field input:focus:not([type='submit']) ~ .icon, .form .form-item textarea:focus ~ .icon, .form .hs-form-field textarea:focus ~ .icon, .form .form-item--icon-before input:focus:not([type='submit']) ~ .icon, .form .form-item--icon-before textarea:focus ~ .icon, .form .form-item--icon-after input:focus:not([type='submit']) ~ .icon, .form .form-item--icon-after textarea:focus ~ .icon, .form .form-item--inline input:focus:not([type='submit']) ~ .icon, .form .form-item--inline textarea:focus ~ .icon, .select-wrapper .select-styled:focus ~ .icon, .select-no-js select:focus ~ .icon, .file-upload-wrapper label:focus ~ .icon { border-color: #bec2c4; color: #bec2c4; } [gr-handler]::before { content: '{"xs":"480px","sm":"768px","md":"1024px","lg":"1280px"}'; display: none; } [gr-grid^='container'][gr-grid$='--fluid'], .header, [gr-grid^='container'] { width: 100%; margin-left: auto; margin-right: auto; max-width: 1180px; padding-left: 10px; padding-right: 10px; } [gr-grid^='container'][gr-grid$='--fluid'] { max-width: 100%; } .primary-nav__submenu, [gr-grid~=row] { display: -ms-flexbox; -js-display: flex; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; margin-left: -10px; margin-right: -10px; } .primary-nav__submenu > div, [gr-grid~=row] > [gr-grid*='-'], [gr-grid~=row] [gr-grid~=column] { display: block; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: 100%; flex-basis: 100%; padding-left: 10px; padding-right: 10px; } .block-grid-equipe > .hs_cos_wrapper, .block-grid-stats > .hs_cos_wrapper, .block-grid-values > .hs_cos_wrapper, .block-grid-equipe-direction > .hs_cos_wrapper, [gr-grid~=row--block] { position: relative; display: -ms-flexbox; -js-display: flex; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; margin-left: -10px; margin-right: -10px; } .block-grid-equipe > .hs_cos_wrapper > .hs_cos_wrapper, .block-grid-stats > .hs_cos_wrapper > .hs_cos_wrapper, .block-grid-values > .hs_cos_wrapper > .hs_cos_wrapper, .block-grid-equipe-direction > .hs_cos_wrapper > .hs_cos_wrapper, [gr-grid=block] { -ms-flex: 1 1 auto; flex: 1 1 auto; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; padding-left: 10px; padding-right: 10px; margin-top: 20px; } .social-icons--link a { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .social-icons--link a[href*='twitter']::before { display: block; content: ''; background-position: center center; background-repeat: no-repeat; } .social-icons--link a[href*='google']::before { display: block; content: ''; background-position: center center; background-repeat: no-repeat; } .social-icons--link a[href*='facebook']::before { display: block; content: ''; background-position: center center; background-repeat: no-repeat; } .social-icons--link a[href*='pinterest']::before { display: block; content: ''; background-position: center center; background-repeat: no-repeat; } .social-icons--link a[href*='instagram']::before { display: block; content: ''; background-position: center center; background-repeat: no-repeat; } .social-icons--link a[href*='linkedin']::before { display: block; content: ''; background-position: center center; background-repeat: no-repeat; } .social-icons--link a[href*='mailto']::before { display: block; content: ''; background-position: center center; background-repeat: no-repeat; } .social-icons--link a[href*='rss']::before { display: block; content: ''; background-position: center center; background-repeat: no-repeat; } .social-icons--link a[href*='vimeo']::before { display: block; content: ''; background-position: center center; background-repeat: no-repeat; } .social-icons--link a[href*='youtube']::before { display: block; content: ''; background-position: center center; background-repeat: no-repeat; } /* * Responsively Lazy * http://ivopetkov.com/b/lazy-load-responsive-images/ * Copyright 2015-2016, Ivo Petkov * Free to use under the MIT license. */ [gr-pop] { position: relative; } [gr-pop]:after { font-family: 'Abel'; position: absolute; font-size: 13px; border-radius: .4rem; content: attr(gr-pop); padding: .8rem; background-color: rgba(17, 17, 17, 0.8); box-shadow: 0 0 14px rgba(0, 0, 0, 0.1); color: #fff; line-height: 1.25rem; text-align: left; z-index: 1; pointer-events: none; display: block; opacity: 0; visibility: hidden; transition: all .3s; bottom: 100%; left: 50%; transform: translate(-50%, 10px); white-space: pre; width: auto; } [gr-pop]:after { opacity: 0; } [gr-pop]:hover { overflow: visible; } [gr-pop]:hover:after { display: block; opacity: 1; visibility: visible; transform: translate(-50%, -10px); } [gr-pop].pop--bottom:after, [gr-pop][gr-pop-pos="bottom"]:after { bottom: auto; top: 100%; left: 50%; transform: translate(-50%, -10px); } [gr-pop].pop--bottom:hover:after, [gr-pop][gr-pop-pos="bottom"]:hover:after { transform: translate(-50%, 10px); } [gr-pop].pop--left:after, [gr-pop][gr-pop-pos="left"]:after { bottom: auto; left: auto; top: 50%; right: 100%; transform: translate(10px, -50%); } [gr-pop].pop--left:hover:after, [gr-pop][gr-pop-pos="left"]:hover:after { transform: translate(-10px, -50%); } [gr-pop].pop--right:after, [gr-pop][gr-pop-pos="right"]:after { bottom: auto; top: 50%; left: 100%; transform: translate(-10px, -50%); } [gr-pop].pop--right:hover:after, [gr-pop][gr-pop-pos="right"]:hover:after { transform: translate(10px, -50%); } [gr-pop][gr-pop-length="small"]:after, [gr-pop].pop-length--small:after { white-space: normal; width: 80px; } [gr-pop][gr-pop-length="medium"]:after, [gr-pop].pop-length--medium:after { white-space: normal; width: 150px; } [gr-pop][gr-pop-length="large"]:after, [gr-pop].pop-length--large:after { white-space: normal; width: 260px; } [gr-pop][gr-pop-length="fit"]:after, [gr-pop].pop-length--fit:after { white-space: normal; width: 100%; } [gr-pop][gr-pop-align="right"]:after, [gr-pop].pop-align--right:after { text-align: right; } [gr-pop][gr-pop-align="center"]:after, [gr-pop].pop-align--center:after { text-align: center; } /** * Simple fade transition, */ .mfp-fade.mfp-bg { opacity: 0; transition: all .15s ease-out; } .mfp-fade.mfp-bg.mfp-ready { opacity: .8; } .mfp-fade.mfp-bg.mfp-removing { opacity: 0; } .mfp-fade.mfp-wrap .mfp-content { opacity: 0; transition: all .15s ease-out; } .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; } .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; -ms-touch-action: manipulation; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { transform: scale(0.75); } .mfp-arrow-left { transform-origin: 0; } .mfp-arrow-right { transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } /*! Flickity v2.0.9 http://flickity.metafizzy.co ---------------------------------------------- */ .flickity-enabled { position: relative; } .flickity-enabled:focus { outline: none; } .flickity-viewport { overflow: hidden; position: relative; height: 100%; } .flickity-slider { position: absolute; width: 100%; height: 100%; } /* draggable */ .flickity-enabled.is-draggable { -webkit-tap-highlight-color: transparent; tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .flickity-enabled.is-draggable .flickity-viewport { cursor: move; cursor: -webkit-grab; cursor: grab; } .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down { cursor: -webkit-grabbing; cursor: grabbing; } /* ---- previous/next buttons ---- */ .flickity-prev-next-button { position: absolute; top: 50%; width: 44px; height: 44px; border: none; border-radius: 50%; background: white; background: rgba(255, 255, 255, 0.75); cursor: pointer; /* vertically center */ transform: translateY(-50%); } .flickity-prev-next-button:hover { background: white; } .flickity-prev-next-button:focus { outline: none; box-shadow: 0 0 0 5px #09F; } .flickity-prev-next-button:active { opacity: 0.6; } .flickity-prev-next-button.previous { left: 10px; } .flickity-prev-next-button.next { right: 10px; } /* right to left */ .flickity-rtl .flickity-prev-next-button.previous { left: auto; right: 10px; } .flickity-rtl .flickity-prev-next-button.next { right: auto; left: 10px; } .flickity-prev-next-button:disabled { opacity: 0.3; cursor: auto; } .flickity-prev-next-button svg { position: absolute; left: 20%; top: 20%; width: 60%; height: 60%; } .flickity-prev-next-button .arrow { fill: #333; } /* ---- page dots ---- */ .flickity-page-dots { position: absolute; width: 100%; bottom: -25px; padding: 0; margin: 0; list-style: none; text-align: center; line-height: 1; } .flickity-rtl .flickity-page-dots { direction: rtl; } .flickity-page-dots .dot { display: inline-block; width: 10px; height: 10px; margin: 0 8px; background: #333; border-radius: 50%; opacity: 0.25; cursor: pointer; } .flickity-page-dots .dot.is-selected { opacity: 1; } .gui-wave-y { position: relative; z-index: 0; display: -ms-inline-flexbox; display: inline-flex; width: 100px; height: 100px; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; text-align: center; background-color: #1c628f; color: #fff; } .gui-wave-y::after { content: ""; position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: -1; background-color: #000; will-change: height; transition: .3s; transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); } .gui-wave-y:hover::after { height: 0; } .bg { background-repeat: no-repeat; background-size: cover; background-position: top right; } .bg--primary { background-color: #2e536e; } @media (max-width: 29.9375em) { .bg--primary { background: linear-gradient(to right, #2e536e 0%, #587489 100%); } } @media (min-width: 30em) { .bg--primary { background-image: url("../img/bg/primary-gradient-1920x1176.jpg"); } } .bg--secondary { background-color: #4389b5; } @media (min-width: 30em) { .bg--secondary { background-image: url("../img/bg/secondary-768x970.jpg"); } } @media (min-width: 48em) { .bg--secondary { background-image: url("../img/bg/secondary-1920x970.jpg"); } } .bg--tertiary { background-color: #61abd9; } @media (min-width: 30em) { .bg--tertiary { background-image: url("../img/bg/tertiary-768x970.jpg"); } } @media (min-width: 48em) { .bg--tertiary { background-image: url("../img/bg/tertiary-1920x970.jpg"); } } .bg--quaternary { background-color: #58c875; } @media (min-width: 30em) { .bg--quaternary { background-image: url("../img/bg/quaternary-768x970.jpg"); } } @media (min-width: 48em) { .bg--quaternary { background-image: url("../img/bg/quaternary-1920x970.jpg"); } } .bg--center { text-align: center; } .bg--grey-xlight { background-color: #eef2f4; } .typography, .blog-comments .comment-body { line-height: 1.5; margin-bottom: -1.5rem; } .typography::before, .blog-comments .comment-body::before, .typography::after, .blog-comments .comment-body::after { content: ''; display: table; clear: both; } .typography p, .blog-comments .comment-body p, .typography ul, .blog-comments .comment-body ul, .typography ol, .blog-comments .comment-body ol, .typography address, .blog-comments .comment-body address, .typography blockquote, .blog-comments .comment-body blockquote { margin-bottom: 1.5rem; } .h1, .typography h1, .blog-comments .comment-body h1, .card--stats .card--stats__title { font-weight: 700; color: #1c628f; } .h2, .typography h2, .blog-comments .comment-body h2 { font-weight: 700; color: #1c628f; } .h3, .typography h3, .blog-comments .comment-body h3 { font-weight: 700; color: #1c628f; } .h4, .typography h4, .blog-comments .comment-body h4, .card--stats .card--stats__subtitle, .card--values .card--values__title, .footer__list.footer__list--bold a, .timeline .timeline__title, .timeline .timeline__date { font-weight: 700; color: #1c628f; } .h5, .typography h5, .blog-comments .comment-body h5 { font-weight: 700; color: #1c628f; } .typography ul > li, .blog-comments .comment-body ul > li { padding-left: 1.875em; } .typography ul > li::before, .blog-comments .comment-body ul > li::before { top: 0.375rem; content: ''; width: 0.625rem; height: 0.625rem; background-color: #58c875; } .typography ul a, .blog-comments .comment-body ul a { color: inherit; } .typography ol > li, .blog-comments .comment-body ol > li { padding-left: 1.875em; } .typography ol ol, .blog-comments .comment-body ol ol { padding-left: 0; } .typography ol ol > li, .blog-comments .comment-body ol ol > li { padding-left: 2.8125em; } .typography ol ol > li li, .blog-comments .comment-body ol ol > li li { padding-left: 3.75em; } .typography ol > li::before, .blog-comments .comment-body ol > li::before { position: absolute; left: 0; top: -0.1875rem; content: counters(item, ".") " "; color: #58c875; font-size: 1.25em; font-weight: 700; } .typography ol a, .blog-comments .comment-body ol a { color: inherit; } .typography blockquote, .blog-comments .comment-body blockquote { font-size: 1.5em; font-style: normal; text-align: center; } .typography blockquote q, .blog-comments .comment-body blockquote q { position: relative; padding-left: 2.8125em; padding-right: 2.8125em; } .typography blockquote q::before, .blog-comments .comment-body blockquote q::before, .typography blockquote q::after, .blog-comments .comment-body blockquote q::after { position: absolute; font-family: "Locator"; font-size: 3.75rem; line-height: 1; color: #1c628f; } .typography blockquote q::before, .blog-comments .comment-body blockquote q::before { content: "“"; top: 0; left: 0; } .typography blockquote q::after, .blog-comments .comment-body blockquote q::after { content: "”"; top: 100%; right: 0; } .typography blockquote footer, .blog-comments .comment-body blockquote footer { font-style: normal; font-size: small; } .link, .pagination__btn { position: relative; display: inline-block; outline: 0; text-decoration: none; color: currentColor; } .link::after, .pagination__btn::after { position: absolute; top: 100%; left: 0; content: ''; width: 100%; height: 1px; background: currentColor; opacity: 0; transform: translateY(6px); will-change: transform; transition: opacity .3s, transform .3s; transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); } .link:hover::after, .pagination__btn:hover::after { opacity: 1; transform: translateY(0); } .form .form-item, .form .hs-form-field, .form .form-item--icon-before, .form .form-item--icon-after, .form .form-item--inline { position: relative; margin-bottom: 1.875em; } .form .form-item textarea, .form .hs-form-field textarea, .form .form-item--icon-before textarea, .form .form-item--icon-after textarea, .form .form-item--inline textarea { height: 10em; padding: 0.9375em; } .form .form-item--icon-before, .form .form-item--icon-after, .form .form-item--inline { display: -ms-flexbox; -js-display: flex; display: flex; -ms-flex-direction: row; flex-direction: row; } .form .form-item--icon-before input:not([type='submit']), .form .form-item--icon-before textarea, .form .form-item--icon-after input:not([type='submit']), .form .form-item--icon-after textarea, .form .form-item--inline input:not([type='submit']), .form .form-item--inline textarea { width: auto; -ms-flex: 1 0 auto; flex: 1 0 auto; -ms-flex-order: 0; order: 0; } .form .form-item--icon-before, .form .form-item--icon-after { -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: stretch; align-items: stretch; } .form .form-item--icon-before label, .form .form-item--icon-after label { -ms-flex: 1 0 100%; flex: 1 0 100%; -ms-flex-order: -2; order: -2; display: block; } .form .form-item--icon-before .icon, .form .form-item--icon-after .icon { -ms-flex: 0 0 calc(2.5em + 0.9375em); flex: 0 0 calc(2.5em + 0.9375em); line-height: inherit; height: 2.5em; background-color: #fff; display: -ms-flexbox; -js-display: flex; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; padding: 0.9375em 0; border-width: 1px; border-style: solid; border-color: #bec2c4; border-radius: 0 0 0 0; } .form .form-item--icon-before .icon { -ms-flex-order: -1; order: -1; border-right: 0; border-radius: 0 0 0 0; } .form .form-item--icon-after .icon { -ms-flex-order: 1; order: 1; border-left: 0; border-radius: 0 0 0 0; } .form .form-item--inline { -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .form .form-item--inline label { -ms-flex: 0 1 auto; flex: 0 1 auto; line-height: inherit; margin-right: 20px; } input[type=radio] { display: none; } .radio-wrapper { display: inherit; } .form-item--inline .radio-wrapper { float: left; } .form-item .radio-wrapper + .radio-wrapper, .form .hs-form-field .radio-wrapper + .radio-wrapper { margin-top: 1em; } .radio-wrapper input[type=radio]:not([type=submit]), .radio-wrapper .radio-hidden { display: block; opacity: 0; position: absolute; left: 0.625em; top: 0.625em; transform: translate(-50%, -50%); width: auto; height: auto; } .radio-wrapper input[type=radio]:not([type=submit]) + label, .radio-wrapper .radio-hidden + label { position: relative; display: inline-block; padding-left: 1.5625em; line-height: 1.25em; min-height: 1.25em; cursor: pointer; color: #343a41; } .radio-wrapper input[type=radio]:not([type=submit]) + label::before, .radio-wrapper input[type=radio]:not([type=submit]) + label::after, .radio-wrapper .radio-hidden + label::before, .radio-wrapper .radio-hidden + label::after { display: block; content: ''; position: absolute; } .radio-wrapper input[type=radio]:not([type=submit]) + label::before, .radio-wrapper .radio-hidden + label::before { top: 0; left: 0; height: 1.25em; width: 1.25em; background-color: #fff; border: 1px solid #bec2c4; transition: border-color 240ms ease-in-out; border-radius: 50%; } .radio-wrapper input[type=radio]:not([type=submit]) + label::after, .radio-wrapper .radio-hidden + label::after { opacity: 0; top: 0.3125em; left: 0.3125em; height: 0.625em; width: 0.625em; color: #58c875; border-radius: 100%; background-color: #58c875; transition: all 240ms ease-in-out; transform: scale(0); } .radio-wrapper input[type=radio]:not([type=submit]) + label:hover::before, .radio-wrapper .radio-hidden + label:hover::before { border-color: #58c875; } .radio-wrapper input[type=radio]:not([type=submit]):focus + label:before, .radio-wrapper .radio-hidden:focus + label:before { outline: 1px dashed #7f8891; } .radio-wrapper input[type=radio]:not([type=submit]):checked + label::after, .radio-wrapper .radio-hidden:checked + label::after { opacity: 1; transform: scale(1); } .hs-form-radio { display: inherit; position: relative; } .hs-form-radio::after { clear: both; content: ''; display: table; } .hs-form-radio input { display: none; } .hs-form-radio label span { position: relative; display: block; padding-left: 1.875em; line-height: 1.25em; min-height: 1.25em; cursor: pointer; color: #1c628f; } .hs-form-radio label span::before, .hs-form-radio label span::after { display: block; content: ''; position: absolute; } .hs-form-radio label span::before { top: 0; left: 0; height: 1.25em; width: 1.25em; background-color: #fff; border: 1px solid #bec2c4; transition: border-color 240ms ease-in-out; border-radius: 50%; } .hs-form-radio label span::after { opacity: 0; top: -0.025em; left: -0.039em; height: 0.625em; width: 0.625em; color: #58c875; border-radius: 100%; background-color: #58c875; transition: all 240ms ease-in-out; transform: scale(0); } .hs-form-radio label span:hover:before { border-color: #58c875; } .hs-form-radio input:checked + span:after { opacity: 1; transform: scale(1); } input[type=checkbox] { display: none; } .checkbox-wrapper { display: inherit; } .checkbox-wrapper::after { clear: both; content: ''; display: table; } .form-item--inline .checkbox-wrapper { float: left; } .form-item .checkbox-wrapper + .checkbox-wrapper, .form .hs-form-field .checkbox-wrapper + .checkbox-wrapper { margin-top: 1em; } .checkbox-wrapper input[type=checkbox], .checkbox-wrapper .checkbox-hidden { display: block; opacity: 0; position: absolute; left: 0.625em; top: 0.625em; transform: translate(-50%, -50%); width: auto; height: auto; } .checkbox-wrapper input[type=checkbox] + label, .checkbox-wrapper .checkbox-hidden + label { position: relative; display: inline-block; padding-left: 1.5625em; line-height: 1.25em; min-height: 1.25em; cursor: pointer; color: #343a41; } .checkbox-wrapper input[type=checkbox] + label::before, .checkbox-wrapper input[type=checkbox] + label::after, .checkbox-wrapper .checkbox-hidden + label::before, .checkbox-wrapper .checkbox-hidden + label::after { width: 1.25em; height: 1.25em; position: absolute; left: 0; top: 0; } .checkbox-wrapper input[type=checkbox] + label::before, .checkbox-wrapper .checkbox-hidden + label::before { display: inline-block; content: ''; background-color: #fff; border: 1px solid #bec2c4; transition: border-color 240ms ease-in-out; } .checkbox-wrapper input[type=checkbox] + label::after, .checkbox-wrapper .checkbox-hidden + label::after { font-family: "cognibox-iconfont"; content: ""; display: block; text-align: center; opacity: 0; color: #58c875; transition: all 240ms ease-in-out; transform: scale(0); } .checkbox-wrapper input[type=checkbox] + label:hover::before, .checkbox-wrapper .checkbox-hidden + label:hover::before { border-color: #58c875; } .checkbox-wrapper input[type=checkbox]:focus + label:before, .checkbox-wrapper .checkbox-hidden:focus + label:before { outline: 1px dashed #7f8891; } .checkbox-wrapper input[type=checkbox]:checked + label::after, .checkbox-wrapper .checkbox-hidden:checked + label::after { opacity: 1; transform: scale(1); } .hs-form-checkbox { display: inherit; position: relative; } .hs-form-checkbox::after { clear: both; content: ''; display: table; } .hs-form-checkbox input { display: none; } .hs-form-checkbox label span { position: relative; display: block; padding-left: 1.875em; line-height: 1.25em; min-height: 1.25em; cursor: pointer; color: #1c628f; } .hs-form-checkbox label span:before, .hs-form-checkbox label span:after { width: 1.25em; height: 1.25em; position: absolute; left: 0; top: 0; } .hs-form-checkbox label span:before { display: inline-block; content: ''; background-color: #fff; border: 1px solid #bec2c4; transition: border-color 240ms ease-in-out; } .hs-form-checkbox label span:after { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f00c"; display: block; font-size: 0.69444em; left: 4px; opacity: 0; color: #58c875; transition: all 240ms ease-in-out; transform: scale(0); } .hs-form-checkbox label span:hover:before { border-color: #58c875; } .hs-form-checkbox input:checked + span:after { opacity: 1; transform: scale(1); } /*fix*/ .hs-form-booleancheckbox { display: inherit; position: relative; } .hs-form-booleancheckbox::after { clear: both; content: ''; display: table; } .hs-form-booleancheckbox input { display: none; } .hs-form-booleancheckbox label span { position: relative; display: block; padding-left: 1.875em; line-height: 1.25em; min-height: 1.25em; cursor: pointer; color: #1c628f; } .hs-form-booleancheckbox label span:before, .hs-form-booleancheckbox label span:after { width: 1.25em; height: 1.25em; position: absolute; left: 0; top: 0; } .hs-form-booleancheckbox label span:before { display: inline-block; content: ''; background-color: #fff; border: 1px solid #bec2c4; transition: border-color 240ms ease-in-out; } .hs-form-booleancheckbox label span:after { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f00c"; display: block; font-size: 0.69444em; left: 4px; opacity: 0; color: #58c875; transition: all 240ms ease-in-out; transform: scale(0); } .hs-form-booleancheckbox label span:hover:before { border-color: #58c875; } .hs-form-booleancheckbox input:checked + span:after { opacity: 1; transform: scale(1); } .form-item:not(.select-no-js) select, .form .hs-form-field:not(.select-no-js) select { display: block; opacity: 0; position: relative; top: 0; transform: scale(0); } .select-wrapper { position: relative; height: 2.5em; cursor: pointer; display: inherit; } .select-wrapper select:focus ~ .select-styled, .select-wrapper select:focus ~ .select-options { border-color: #bec2c4; } .select-wrapper select, .select-wrapper .select-hidden { opacity: 0; height: 2.5em; } .select-wrapper .select-styled { position: absolute; top: 0; right: 0; bottom: 0; left: 0; transition: border-radius 240ms ease-in-out; color: #bec2c4; display: -ms-flexbox; -js-display: flex; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .select-wrapper .select-styled.is-selected { color: inherit; } .select-wrapper .select-styled > div { -ms-flex: 1; flex: 1; } .select-wrapper .select-styled::after { display: block; font-family: "Font Awesome 5 Free"; content: "\f078"; font-weight: 900; color: #343a41; width: 2.5em; -ms-flex-preferred-size: 2.5em; flex-basis: 2.5em; text-align: center; transition: transform 240ms ease-in-out; margin-right: -0.9375em; } .select-wrapper .select-styled:focus, .select-wrapper .select-styled:active, .select-wrapper .select-styled.is-active { border-radius: 0 0 0 0; } .select-wrapper .select-styled:focus::after, .select-wrapper .select-styled:active::after, .select-wrapper .select-styled.is-active::after { transform: rotate(-180deg); } .select-wrapper .select-options { height: 0; max-height: 0; overflow: hidden; position: absolute; top: 100%; right: 0; left: 0; z-index: 49; text-align: left; background-color: #fff; border-radius: 0 0 0 0; transition: max-height 240ms ease-in-out, padding 240ms ease-in-out; } .select-wrapper .select-options li { padding-left: 1.875em; padding-right: 1.875em; list-style-type: none; } .select-wrapper .select-options li:last-child { border-radius: 0 0 0 0; } .select-wrapper .select-options li[rel='hide'] { display: none; } .select-wrapper .select-options li[disabled] { font-style: italic; opacity: .75; } .select-wrapper .select-options.is-active { border-width: 1px; border-style: solid; border-color: #bec2c4; margin-top: -1px; padding-top: 1.875em; padding-bottom: 1.875em; height: auto; max-height: 500%; overflow-y: auto; } .select-wrapper.is-inverted .select-styled:focus, .select-wrapper.is-inverted .select-styled:active, .select-wrapper.is-inverted .select-styled.is-active { border-radius: 0 0 0 0; } .select-wrapper.is-inverted .select-options { top: auto; bottom: 100%; margin-bottom: 0; border-radius: 0 0 0 0; } .select-wrapper.is-inverted .select-options.is-active { margin-top: 0; margin-bottom: -1px; } .select-no-js { position: relative; display: -ms-flexbox; -js-display: flex; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .select-no-js::before { position: absolute; z-index: 1; right: 0; top: 1.25em; transform: translateY(-50%); font-family: "cognibox-iconfont"; content: ""; width: 2.5em; text-align: center; } .select-no-js select { position: relative; height: 2.5em; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; cursor: pointer; } .select-no-js select::-ms-expand { display: none; } .select-no-js select:focus::-ms-value { color: currentColor; background-color: transparent; } input[type=file] { display: none; } .file-upload-wrapper { cursor: pointer; display: inherit; } .file-upload-wrapper .input-file-hidden { display: block; position: absolute; opacity: 0; z-index: 1; } .file-upload-wrapper label { color: #bec2c4; display: -ms-flexbox; -js-display: flex; display: flex; -ms-flex-align: center; align-items: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .file-upload-wrapper label > * { -ms-flex: 1 1 100%; flex: 1 1 100%; } .file-upload-wrapper label::after { display: block; font-family: "GrootsIcons"; content: ''; background: url(../img/svg/folder-open.svg) no-repeat center center; background-size: calc(2.5em - (2 * 0.9375em)); color: currentColor; width: 2.5em; height: 2.5em; -ms-flex-preferred-size: 2.5em; flex-basis: 2.5em; text-align: center; transition: transform 240ms ease-in-out; margin-right: -0.9375em; border-left: 1px solid #bec2c4; } .file-upload-wrapper label.is-ready { color: inherit; } .file-upload-wrapper label.is-ready::after { background-image: url(../img/svg/folder-closed.svg); } .file-upload-wrapper input:active ~ label { position: relative; border-color: #bec2c4; } .file-upload-wrapper input:active ~ label::after { border-color: #bec2c4; color: #bec2c4; } .file-upload-wrapper input:focus ~ label { border-color: #bec2c4; } .file-upload-wrapper input::-ms-value { display: none; } .file-upload-wrapper input::-ms-browse { display: none; } .parsley-error :not(label), .parsley-error .file-upload-wrapper label { color: #cf003a !important; border-color: #cf003a !important; } .parsley-error label::before, .parsley-error label::after { border-color: #cf003a !important; } .parsley-errors-list { list-style: none; margin-top: .5em; -ms-flex: 1 1 100%; flex: 1 1 100%; -ms-flex-order: 2; order: 2; } .form-item .parsley-errors-list, .form .hs-form-field .parsley-errors-list { float: left; } input, textarea { color: #525b65; } .form .form-item input:not([type='submit'])::-webkit-input-placeholder, .form .hs-form-field input:not([type='submit'])::-webkit-input-placeholder, .form .form-item textarea::-webkit-input-placeholder, .form .hs-form-field textarea::-webkit-input-placeholder, .form .form-item--icon-before input:not([type='submit'])::-webkit-input-placeholder, .form .form-item--icon-before textarea::-webkit-input-placeholder, .form .form-item--icon-after input:not([type='submit'])::-webkit-input-placeholder, .form .form-item--icon-after textarea::-webkit-input-placeholder, .form .form-item--inline input:not([type='submit'])::-webkit-input-placeholder, .form .form-item--inline textarea::-webkit-input-placeholder, .select-wrapper .select-styled::-webkit-input-placeholder, .select-no-js select::-webkit-input-placeholder, .file-upload-wrapper label::-webkit-input-placeholder { font-style: normal; } .form .form-item input:not([type='submit'])::-moz-placeholder, .form .hs-form-field input:not([type='submit'])::-moz-placeholder, .form .form-item textarea::-moz-placeholder, .form .hs-form-field textarea::-moz-placeholder, .form .form-item--icon-before input:not([type='submit'])::-moz-placeholder, .form .form-item--icon-before textarea::-moz-placeholder, .form .form-item--icon-after input:not([type='submit'])::-moz-placeholder, .form .form-item--icon-after textarea::-moz-placeholder, .form .form-item--inline input:not([type='submit'])::-moz-placeholder, .form .form-item--inline textarea::-moz-placeholder, .select-wrapper .select-styled::-moz-placeholder, .select-no-js select::-moz-placeholder, .file-upload-wrapper label::-moz-placeholder { font-style: normal; } .form .form-item input:-moz-placeholder:not([type='submit']), .form .hs-form-field input:-moz-placeholder:not([type='submit']), .form .form-item textarea:-moz-placeholder, .form .hs-form-field textarea:-moz-placeholder, .form .form-item--icon-before input:-moz-placeholder:not([type='submit']), .form .form-item--icon-before textarea:-moz-placeholder, .form .form-item--icon-after input:-moz-placeholder:not([type='submit']), .form .form-item--icon-after textarea:-moz-placeholder, .form .form-item--inline input:-moz-placeholder:not([type='submit']), .form .form-item--inline textarea:-moz-placeholder, .select-wrapper .select-styled:-moz-placeholder, .select-no-js select:-moz-placeholder, .file-upload-wrapper label:-moz-placeholder { font-style: normal; } .form .form-item input:-ms-input-placeholder:not([type='submit']), .form .hs-form-field input:-ms-input-placeholder:not([type='submit']), .form .form-item textarea:-ms-input-placeholder, .form .hs-form-field textarea:-ms-input-placeholder, .form .form-item--icon-before input:-ms-input-placeholder:not([type='submit']), .form .form-item--icon-before textarea:-ms-input-placeholder, .form .form-item--icon-after input:-ms-input-placeholder:not([type='submit']), .form .form-item--icon-after textarea:-ms-input-placeholder, .form .form-item--inline input:-ms-input-placeholder:not([type='submit']), .form .form-item--inline textarea:-ms-input-placeholder, .select-wrapper .select-styled:-ms-input-placeholder, .select-no-js select:-ms-input-placeholder, .file-upload-wrapper label:-ms-input-placeholder { font-style: normal; } .select-wrapper .select-styled::after { font-size: 0.625em; } .select-wrapper .select-styled.is-active { border-bottom: 0; } .select-wrapper .select-styled > div { color: #343a41; } .select-wrapper select { width: 100%; } .select-wrapper .select-options li { padding: 0.375rem 0.9375em; transition: color 240ms ease-in-out; color: #1c628f; } .select-wrapper .select-options li:not([disabled]):hover { color: #58c875; } .select-wrapper .select-options.is-active { border-top: 0; padding: 0.625em 0; } .select-no-js::before { display: none; } .select-no-js select { background-image: url("../img/svg/angle-down-blue.svg"); background-size: 12px; background-repeat: no-repeat; background-position: 96% center; color: #343a41; } .form label { display: block; margin-bottom: 0.75rem; } .form .form-item--icon-before .icon, .form .form-item--icon-after .icon { padding-top: 0.75em; padding-bottom: 0.75em; } .form .form-item--icon-before input:not([type='submit']), .form .form-item--icon-before textarea, .form .form-item--icon-before .select-wrapper .select-styled, .select-wrapper .form .form-item--icon-before .select-styled, .form .form-item--icon-before .select-no-js select, .select-no-js .form .form-item--icon-before select, .form .form-item--icon-before .file-upload-wrapper label, .file-upload-wrapper .form .form-item--icon-before label { padding-left: 0.9375em; } .form .parsley-error .form-item input:not([type='submit']), .form .form-item .parsley-error input:not([type='submit']), .form .parsley-error .hs-form-field input:not([type='submit']), .form .hs-form-field .parsley-error input:not([type='submit']), .form .parsley-error .form-item textarea, .form .form-item .parsley-error textarea, .form .parsley-error .hs-form-field textarea, .form .hs-form-field .parsley-error textarea, .form .parsley-error .form-item--icon-before input:not([type='submit']), .form .form-item--icon-before .parsley-error input:not([type='submit']), .form .parsley-error .form-item--icon-before textarea, .form .form-item--icon-before .parsley-error textarea, .form .parsley-error .form-item--icon-after input:not([type='submit']), .form .form-item--icon-after .parsley-error input:not([type='submit']), .form .parsley-error .form-item--icon-after textarea, .form .form-item--icon-after .parsley-error textarea, .form .parsley-error .form-item--inline input:not([type='submit']), .form .form-item--inline .parsley-error input:not([type='submit']), .form .parsley-error .form-item--inline textarea, .form .form-item--inline .parsley-error textarea, .form .parsley-error .select-wrapper .select-styled, .select-wrapper .form .parsley-error .select-styled, .form .parsley-error .select-no-js select, .select-no-js .form .parsley-error select, .form .parsley-error .file-upload-wrapper label, .file-upload-wrapper .form .parsley-error label, .form .parsley-error input, .form .parsley-error textarea { color: white !important; background-color: rgba(207, 0, 58, 0.2) !important; } .form .hs-form-field input[type=file]:not([type='submit']) { display: block; height: auto; padding-top: .5rem; padding-bottom: .5rem; } .form .parsley-errors-list li { font-weight: 700; } .form .hs-error-msgs { list-style-type: none; } .form .hs-error-msgs li label { color: #cf003a; } .form .hs-form-booleancheckbox { list-style-type: none; } .form .hs-form-field input[type="checkbox"] { display: none; width: auto; height: auto; margin-right: 5px; } .form .hs_submit label { display: none; } [type="hidden"] { display: none; } .form-subscription form, .form-demo form { margin-left: -10px; margin-right: -10px; } .form-subscription form > div, .form-demo form > div { width: 100%; padding-left: 10px; padding-right: 10px; } @media (min-width: 48em) { .form-subscription form, .form-demo form { display: -ms-flexbox; -js-display: flex; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .form-subscription form > div, .form-demo form > div { width: 33.3%; } .form-subscription form .hs-form-field, .form-demo form .hs-form-field { margin-bottom: 0; } .form-subscription form .hs_submit label, .form-demo form .hs_submit label { display: block; } } .form-subscription [data-reactid=".hbspt-forms-0.0:$15"], .form-demo [data-reactid=".hbspt-forms-0.0:$15"] { width: 100%; } .form--1-col form > div { width: 100%; } .form--2-col form > div { width: 50%; } .form--3-col form > div { width: 33%; } .form-demo legend { display: none !important; } .form-demo form { display: -ms-flexbox; -js-display: flex; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -10px; margin-right: -10px; } .form-demo form .hs-dependent-field > div + div { padding-top: 1.5rem; } .form-demo form > div { padding-bottom: 1.5rem; } @media (min-width: 48em) { .form-demo form > div > .field { height: auto; display: -ms-flexbox; -js-display: flex; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: end; justify-content: flex-end; } } .form-demo form .hs_submit { width: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; text-align: center; } .form-demo form .hs_submit label { display: none; } .form-demo [data-reactid^=".hbspt-forms-1.0:$15"] { width: 100%; } .contact-form { padding-top: 1.5rem; } .blog-register-form { padding: 1.5rem 20px; margin-top: 0.75rem; margin-bottom: 0.75rem; } .blog-register-form .card-title, .blog-register-form #comment-form h2, #comment-form .blog-register-form h2, .blog-register-form #hs_form_target_comment_form h2, #hs_form_target_comment_form .blog-register-form h2, .blog-register-form .cta__title, .blog-register-form .expandable .expander__trigger, .expandable .blog-register-form .expander__trigger { margin-bottom: 1.5rem; } .blog-register-form .hs_submit > label { display: none; } .btn, [type="submit"] { display: inline-block; padding: 0.375rem 0.8125rem; font-weight: 700; border: 2px solid currentColor; cursor: pointer; } .btn [class*='icon-'], [type="submit"] [class*='icon-'] { font-size: .55em; margin: 0 .5em; } .btn--primary, [type="submit"] { position: relative; z-index: 0; background-color: transparent; border-color: #1c628f; color: #fff; } .btn--primary::after { content: ""; position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: -1; background-color: #000; will-change: height; transition: .3s; transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); } .btn--primary:hover::after, [type="submit"]:hover::after { height: 0; } .btn--primary:hover, [type="submit"]:hover { color: #1c628f; } input.btn--primary, input[type="submit"] { background-color: #1c628f; } input.btn--primary:hover, input[type="submit"]:hover { background-color: transparent; } .btn--primary::after, [type="submit"]::after { background-color: #1c628f; } .btn--primary.btn--reversed, .btn--reversed[type="submit"] { border-color: #1c628f; background-color: transparent; color: #1c628f; } .btn--primary.btn--reversed::after, .btn--reversed[type="submit"]::after { background-color: transparent; height: 0; } input.btn--primary.btn--reversed:hover, input.btn--reversed[type="submit"]:hover { background-color: #1c628f; } .btn--primary.btn--reversed:hover::after, .btn--reversed[type="submit"]:hover::after { background-color: #1c628f; height: 100%; } .btn--primary.btn--reversed:hover, .btn--reversed[type="submit"]:hover { color: #fff; } .btn--quaternary, #comment-form [type="submit"], #hs_form_target_comment_form [type="submit"] { position: relative; z-index: 0; background-color: transparent; border-color: #58c875; color: #fff; } .btn--quaternary::after, #comment-form [type="submit"]::after, #hs_form_target_comment_form [type="submit"]::after { content: ""; position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: -1; background-color: #000; will-change: height; transition: .3s; transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); } .btn--quaternary:hover::after, #comment-form [type="submit"]:hover::after, #hs_form_target_comment_form [type="submit"]:hover::after { height: 0; } .btn--quaternary:hover, #comment-form [type="submit"]:hover, #hs_form_target_comment_form [type="submit"]:hover { color: #58c875; } input.btn--quaternary, #comment-form input[type="submit"], #hs_form_target_comment_form input[type="submit"] { background-color: #58c875; } input.btn--quaternary:hover, #comment-form input[type="submit"]:hover, #hs_form_target_comment_form input[type="submit"]:hover { background-color: transparent; } .btn--quaternary::after, #comment-form [type="submit"]::after, #hs_form_target_comment_form [type="submit"]::after { background-color: #58c875; } .btn--quaternary.btn--reversed, #comment-form .btn--reversed[type="submit"], #hs_form_target_comment_form .btn--reversed[type="submit"] { border-color: #58c875; background-color: transparent; color: #58c875; } .btn--quaternary.btn--reversed::after, #comment-form .btn--reversed[type="submit"]::after, #hs_form_target_comment_form .btn--reversed[type="submit"]::after { background-color: transparent; height: 0; } input.btn--quaternary.btn--reversed:hover, #comment-form input.btn--reversed[type="submit"]:hover, #hs_form_target_comment_form input.btn--reversed[type="submit"]:hover { background-color: #58c875; } .btn--quaternary.btn--reversed:hover::after, #comment-form .btn--reversed[type="submit"]:hover::after, #hs_form_target_comment_form .btn--reversed[type="submit"]:hover::after { background-color: #58c875; height: 100%; } .btn--quaternary.btn--reversed:hover, #comment-form .btn--reversed[type="submit"]:hover, #hs_form_target_comment_form .btn--reversed[type="submit"]:hover { color: #fff; } .btn--senary { position: relative; z-index: 0; background-color: transparent; border-color: #a58d43; color: #fff; } .btn--senary::after { content: ""; position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: -1; background-color: #000; will-change: height; transition: .3s; transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); } .btn--senary:hover::after { height: 0; } .btn--senary:hover { color: #a58d43; } input.btn--senary { background-color: #a58d43; } input.btn--senary:hover { background-color: transparent; } .btn--senary::after { background-color: #a58d43; } .btn--senary.btn--reversed { border-color: #a58d43; background-color: transparent; color: #a58d43; } .btn--senary.btn--reversed::after { background-color: transparent; height: 0; } input.btn--senary.btn--reversed:hover { background-color: #a58d43; } .btn--senary.btn--reversed:hover::after { background-color: #a58d43; height: 100%; } .btn--senary.btn--reversed:hover { color: #fff; } .btn--white { position: relative; z-index: 0; background-color: transparent; border-color: #fff; color: #000; } .btn--white::after { content: ""; position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: -1; background-color: #000; will-change: height; transition: .3s; transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); } .btn--white:hover::after { height: 0; } .btn--white:hover { color: #fff; } input.btn--white { background-color: #fff; } input.btn--white:hover { background-color: transparent; } .btn--white::after { background-color: #fff; } .btn--white.btn--reversed { border-color: #fff; background-color: transparent; color: #fff; } .btn--white.btn--reversed::after { background-color: transparent; height: 0; } input.btn--white.btn--reversed:hover { background-color: #fff; } .btn--white.btn--reversed:hover::after { background-color: #fff; height: 100%; } .btn--white.btn--reversed:hover { color: #fff; border-color: #58c875; } .btn--white.btn--reversed:hover::after { background-color: #58c875; } input.btn--white.btn--reversed:hover { background-color: #58c875; } .btn--connexion { position: relative; z-index: 0; background-color: transparent; border-color: #7f8891; color: #fff; padding: .5rem .8rem; border: 0; font-weight: normal; } .btn--connexion::after { content: ""; position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: -1; background-color: #000; will-change: height; transition: .3s; transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); } .btn--connexion:hover::after { height: 0; } .btn--connexion:hover { color: #7f8891; } input.btn--connexion { background-color: #7f8891; } input.btn--connexion:hover { background-color: transparent; } .btn--connexion::after { background-color: #7f8891; } .header .btn, .header [type="submit"] { transition: background-color .3s, color .3s, border-color .3s; transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); } .header .btn--connexion { display: none; position: relative; z-index: 0; background-color: #7f8891; color: #fff; padding: .5rem .8rem; border: 0; font-weight: normal; white-space: nowrap; } .header .btn--connexion::after { content: ""; position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: -1; background-color: #000; will-change: height; transition: .3s; transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); } .header .btn--connexion:hover::after { height: 0; } .header .btn--connexion span { display: inline-block; } @media (min-width: 64em) { .header .btn--connexion { display: inline-block; border-left: 2px solid #7f8891; border-top: 2px solid #7f8891; border-right: 2px solid #7f8891; position: relative; z-index: 10; } .header .btn--connexion::before { content: ''; position: absolute; left: 0; bottom: -2px; width: 100%; height: 2px; background-color: white; } } .header .btn--connexion::after { background-color: #7f8891; } .header .btn-connexion__dropdown { color: #fff; margin: 0 auto; } .header .btn-connexion__dropdown img { display: none; } @media (min-width: 64em) { .header .btn-connexion__dropdown { margin: 1.5rem auto; max-height: 0; overflow: hidden; position: absolute; right: 0; transition: max-height 240ms ease-in-out !important; margin-top: 0; margin-bottom: 0; background-color: white; border: 2px solid transparent; } .header .btn-connexion__dropdown a { transition: all 240ms ease-in-out !important; } .header .btn-connexion__dropdown a img { display: block; width: 158px !important; height: 34px !important; } } .header .btn-connexion__dropdown a:not(.btn):not([type="submit"]) { padding: .5rem .8rem; line-height: 1; transition: color 240ms ease-in-out; } .header .btn-connexion__dropdown a:not(.btn):not([type="submit"])::before { content: attr(data-content); font-weight: bold; } @media (min-width: 64em) { .header .btn-connexion__dropdown a:not(.btn):not([type="submit"])::before { display: none; } .header .btn-connexion__dropdown a:not(.btn):not([type="submit"]):hover { color: #bec2c4; } } .header .btn--connexion__wrapper { position: relative; z-index: 30; margin-top: 0.375rem; } @media (min-width: 64em) { .header .btn--connexion__wrapper { margin-top: 0; } } @media (min-width: 64em) { .header .btn--connexion__wrapper:hover { background-color: white; } .header .btn--connexion__wrapper:hover .btn--connexion { background-color: white; color: #7f8891; } .header .btn--connexion__wrapper:hover .btn--connexion::after { background-color: white; } .header .btn--connexion__wrapper:hover .btn-connexion__dropdown { max-height: 200px; border: 2px solid #7f8891; } } .headerv2 .btn--connexion { display: none; position: relative; z-index: 0; color: #7f8891; padding: .5rem .8rem; border: 0; font-weight: normal; white-space: nowrap; } .headerv2 .btn--connexion::after { content: ""; position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: -1; background-color: #000; will-change: height; transition: .3s; transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); } .headerv2 .btn--connexion:hover::after { height: 0; } .headerv2 .btn--connexion span { display: inline-block; } @media (min-width: 64em) { .headerv2 .btn--connexion { display: inline-block; border-left: 2px solid #fff; border-top: 2px solid #fff; border-right: 2px solid #fff; position: relative; z-index: 10; } .headerv2 .btn--connexion::before { content: ''; position: absolute; left: 0; bottom: -2px; width: 100%; height: 2px; background-color: white; } } .headerv2 .btn--connexion::after { background-color: #fff; } .headerv2 .btn-connexion__dropdown { color: #fff; margin: 0 auto; } .headerv2 .btn-connexion__dropdown img { display: none; } @media (min-width: 64em) { .headerv2 .btn-connexion__dropdown { margin: 1.5rem auto; max-height: 0; overflow: hidden; position: absolute; right: 0; transition: max-height 240ms ease-in-out !important; margin-top: 0; margin-bottom: 0; background-color: white; border: 2px solid transparent; } .headerv2 .btn-connexion__dropdown a { transition: all 240ms ease-in-out !important; } .headerv2 .btn-connexion__dropdown a img { display: block; width: 158px !important; height: 34px !important; } } .headerv2 .btn-connexion__dropdown a:not(.btn):not([type="submit"]) { padding: .5rem .8rem; line-height: 1; transition: color 240ms ease-in-out; } .headerv2 .btn-connexion__dropdown a:not(.btn):not([type="submit"])::before { content: attr(data-content); font-weight: bold; } @media (min-width: 64em) { .headerv2 .btn-connexion__dropdown a:not(.btn):not([type="submit"])::before { display: none; } .headerv2 .btn-connexion__dropdown a:not(.btn):not([type="submit"]):hover { color: #bec2c4; } } .headerv2 .btn--connexion__wrapper { position: relative; z-index: 30; margin-top: 0.375rem; } @media (min-width: 64em) { .headerv2 .btn--connexion__wrapper { margin-top: 0; } } @media (min-width: 64em) { .headerv2 .btn--connexion__wrapper:hover { background-color: white; } .headerv2 .btn--connexion__wrapper:hover .btn--connexion { background-color: white; color: #7f8891; } .headerv2 .btn--connexion__wrapper:hover .btn--connexion::after { background-color: white; } } @media (min-width: 64em) and (min-width: 64em) { .headerv2 .btn--connexion__wrapper:hover .btn--connexion { border-left: 2px solid #7f8891; border-top: 2px solid #7f8891; border-right: 2px solid #7f8891; } } @media (min-width: 64em) { .headerv2 .btn--connexion__wrapper:hover .btn-connexion__dropdown { max-height: 200px; border: 2px solid #7f8891; } } .banner__title span, .section-title, .card-title, #comment-form h2, #hs_form_target_comment_form h2, .cta__title, .expandable .expander__trigger, .banner-blocks__title, .banner-blocks__subtitle, .card__title, .section__title { color: currentColor; font-weight: 700; margin-bottom: 1.5rem; } @media (min-width: 48em) { .banner__title span, .section-title, .card-title, #comment-form h2, #hs_form_target_comment_form h2, .cta__title, .expandable .expander__trigger, .banner-blocks__title, .banner-blocks__subtitle, .card__title, .section__title { margin-bottom: 3rem; } } .banner__title { position: relative; min-height: 1.625em; padding-left: 2.5em; } .banner__title span { display: block; margin-bottom: 1rem; font-size: 1.25em; line-height: 1.2; } .banner__title::before { position: absolute; top: 0; left: 0; display: -ms-flexbox; -js-display: flex; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 3.25em; height: 3.25em; border: 1px solid #58c875; border-radius: 100%; font-family: "Font Awesome 5 Free"; content: "\f054"; font-weight: 900; font-size: 0.5em; color: #58c875; } .section-title { line-height: 1.1; font-size: 2.25em; color: inherit; } .card-title, #comment-form h2, #hs_form_target_comment_form h2, .cta__title, .expandable .expander__trigger { font-size: 1.25em; } .card-title--centered { text-align: center; } .arrow-menu ul { list-style-type: none; } @media (min-width: 48em) { .arrow-menu ul { display: -ms-flexbox; -js-display: flex; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .arrow-menu li { margin-bottom: 0.375rem; } @media (min-width: 30em) { .arrow-menu li { -ms-flex-preferred-size: 33.3%; flex-basis: 33.3%; width: 33.3%; } } .arrow-menu a { color: white; font-weight: 600; font-size: 1.25em; position: relative; min-height: 1.625em; padding-left: 1.875em; display: block; } .arrow-menu a::before { position: absolute; top: 0; left: 0; display: -ms-flexbox; -js-display: flex; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 3.25em; height: 3.25em; border: 1px solid #58c875; border-radius: 100%; font-family: "Font Awesome 5 Free"; content: "\f054"; font-weight: 900; font-size: 0.5rem; color: #58c875; } [href*='twitter']::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cg fill='%231c628f'%3E%3Cpath d='M419.6 168.6c-11.7 5.2-24.2 8.7-37.4 10.2 13.4-8.1 23.8-20.8 28.6-36 -12.6 7.5-26.5 12.9-41.3 15.8 -11.9-12.6-28.8-20.6-47.5-20.6 -42 0-72.9 39.2-63.4 79.9 -54.1-2.7-102.1-28.6-134.2-68 -17 29.2-8.8 67.5 20.1 86.9 -10.7-0.3-20.7-3.3-29.5-8.1 -0.7 30.2 20.9 58.4 52.2 64.6 -9.2 2.5-19.2 3.1-29.4 1.1 8.3 25.9 32.3 44.7 60.8 45.2 -27.4 21.4-61.8 31-96.4 27 28.8 18.5 63 29.2 99.8 29.2 120.8 0 189.1-102.1 185-193.6C399.9 193.1 410.9 181.7 419.6 168.6z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); } [href*='twitter']:hover::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cg fill='%2355acee'%3E%3Cpath d='M419.6 168.6c-11.7 5.2-24.2 8.7-37.4 10.2 13.4-8.1 23.8-20.8 28.6-36 -12.6 7.5-26.5 12.9-41.3 15.8 -11.9-12.6-28.8-20.6-47.5-20.6 -42 0-72.9 39.2-63.4 79.9 -54.1-2.7-102.1-28.6-134.2-68 -17 29.2-8.8 67.5 20.1 86.9 -10.7-0.3-20.7-3.3-29.5-8.1 -0.7 30.2 20.9 58.4 52.2 64.6 -9.2 2.5-19.2 3.1-29.4 1.1 8.3 25.9 32.3 44.7 60.8 45.2 -27.4 21.4-61.8 31-96.4 27 28.8 18.5 63 29.2 99.8 29.2 120.8 0 189.1-102.1 185-193.6C399.9 193.1 410.9 181.7 419.6 168.6z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); } [href*='google']::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cg fill='%231c628f'%3E%3Cpath d='M179.7 237.6L179.7 284.2 256.7 284.2C253.6 304.2 233.4 342.9 179.7 342.9 133.4 342.9 95.6 304.4 95.6 257 95.6 209.6 133.4 171.1 179.7 171.1 206.1 171.1 223.7 182.4 233.8 192.1L270.6 156.6C247 134.4 216.4 121 179.7 121 104.7 121 44 181.8 44 257 44 332.2 104.7 393 179.7 393 258 393 310 337.8 310 260.1 310 251.2 309 244.4 307.9 237.6L179.7 237.6 179.7 237.6ZM468 236.7L429.3 236.7 429.3 198 390.7 198 390.7 236.7 352 236.7 352 275.3 390.7 275.3 390.7 314 429.3 314 429.3 275.3 468 275.3'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); } [href*='google']:hover::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cg fill='%23dd4b39'%3E%3Cpath d='M179.7 237.6L179.7 284.2 256.7 284.2C253.6 304.2 233.4 342.9 179.7 342.9 133.4 342.9 95.6 304.4 95.6 257 95.6 209.6 133.4 171.1 179.7 171.1 206.1 171.1 223.7 182.4 233.8 192.1L270.6 156.6C247 134.4 216.4 121 179.7 121 104.7 121 44 181.8 44 257 44 332.2 104.7 393 179.7 393 258 393 310 337.8 310 260.1 310 251.2 309 244.4 307.9 237.6L179.7 237.6 179.7 237.6ZM468 236.7L429.3 236.7 429.3 198 390.7 198 390.7 236.7 352 236.7 352 275.3 390.7 275.3 390.7 314 429.3 314 429.3 275.3 468 275.3'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); } [href*='facebook']::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cg fill='%231c628f'%3E%3Cpath d='M211.9 197.4h-36.7v59.9h36.7V433.1h70.5V256.5h49.2l5.2-59.1h-54.4c0 0 0-22.1 0-33.7 0-13.9 2.8-19.5 16.3-19.5 10.9 0 38.2 0 38.2 0V82.9c0 0-40.2 0-48.8 0 -52.5 0-76.1 23.1-76.1 67.3C211.9 188.8 211.9 197.4 211.9 197.4z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); } [href*='facebook']:hover::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cg fill='%233b5998'%3E%3Cpath d='M211.9 197.4h-36.7v59.9h36.7V433.1h70.5V256.5h49.2l5.2-59.1h-54.4c0 0 0-22.1 0-33.7 0-13.9 2.8-19.5 16.3-19.5 10.9 0 38.2 0 38.2 0V82.9c0 0-40.2 0-48.8 0 -52.5 0-76.1 23.1-76.1 67.3C211.9 188.8 211.9 197.4 211.9 197.4z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); } [href*='pinterest']::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cg fill='%231c628f'%3E%3Cpath d='M266.6 76.5c-100.2 0-150.7 71.8-150.7 131.7 0 36.3 13.7 68.5 43.2 80.6 4.8 2 9.2 0.1 10.6-5.3 1-3.7 3.3-13 4.3-16.9 1.4-5.3 0.9-7.1-3-11.8 -8.5-10-13.9-23-13.9-41.3 0-53.3 39.9-101 103.8-101 56.6 0 87.7 34.6 87.7 80.8 0 60.8-26.9 112.1-66.8 112.1 -22.1 0-38.6-18.2-33.3-40.6 6.3-26.7 18.6-55.5 18.6-74.8 0-17.3-9.3-31.7-28.4-31.7 -22.5 0-40.7 23.3-40.7 54.6 0 19.9 6.7 33.4 6.7 33.4s-23.1 97.8-27.1 114.9c-8.1 34.1-1.2 75.9-0.6 80.1 0.3 2.5 3.6 3.1 5 1.2 2.1-2.7 28.9-35.9 38.1-69 2.6-9.4 14.8-58 14.8-58 7.3 14 28.7 26.3 51.5 26.3 67.8 0 113.8-61.8 113.8-144.5C400.1 134.7 347.1 76.5 266.6 76.5z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); } [href*='pinterest']:hover::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cg fill='%23bd081c'%3E%3Cpath d='M266.6 76.5c-100.2 0-150.7 71.8-150.7 131.7 0 36.3 13.7 68.5 43.2 80.6 4.8 2 9.2 0.1 10.6-5.3 1-3.7 3.3-13 4.3-16.9 1.4-5.3 0.9-7.1-3-11.8 -8.5-10-13.9-23-13.9-41.3 0-53.3 39.9-101 103.8-101 56.6 0 87.7 34.6 87.7 80.8 0 60.8-26.9 112.1-66.8 112.1 -22.1 0-38.6-18.2-33.3-40.6 6.3-26.7 18.6-55.5 18.6-74.8 0-17.3-9.3-31.7-28.4-31.7 -22.5 0-40.7 23.3-40.7 54.6 0 19.9 6.7 33.4 6.7 33.4s-23.1 97.8-27.1 114.9c-8.1 34.1-1.2 75.9-0.6 80.1 0.3 2.5 3.6 3.1 5 1.2 2.1-2.7 28.9-35.9 38.1-69 2.6-9.4 14.8-58 14.8-58 7.3 14 28.7 26.3 51.5 26.3 67.8 0 113.8-61.8 113.8-144.5C400.1 134.7 347.1 76.5 266.6 76.5z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); } [href*='instagram']::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cg fill='%231c628f'%3E%3Cpath d='M256 109.3c47.8 0 53.4 0.2 72.3 1 17.4 0.8 26.9 3.7 33.2 6.2 8.4 3.2 14.3 7.1 20.6 13.4 6.3 6.3 10.1 12.2 13.4 20.6 2.5 6.3 5.4 15.8 6.2 33.2 0.9 18.9 1 24.5 1 72.3s-0.2 53.4-1 72.3c-0.8 17.4-3.7 26.9-6.2 33.2 -3.2 8.4-7.1 14.3-13.4 20.6 -6.3 6.3-12.2 10.1-20.6 13.4 -6.3 2.5-15.8 5.4-33.2 6.2 -18.9 0.9-24.5 1-72.3 1s-53.4-0.2-72.3-1c-17.4-0.8-26.9-3.7-33.2-6.2 -8.4-3.2-14.3-7.1-20.6-13.4 -6.3-6.3-10.1-12.2-13.4-20.6 -2.5-6.3-5.4-15.8-6.2-33.2 -0.9-18.9-1-24.5-1-72.3s0.2-53.4 1-72.3c0.8-17.4 3.7-26.9 6.2-33.2 3.2-8.4 7.1-14.3 13.4-20.6 6.3-6.3 12.2-10.1 20.6-13.4 6.3-2.5 15.8-5.4 33.2-6.2C202.6 109.5 208.2 109.3 256 109.3M256 77.1c-48.6 0-54.7 0.2-73.8 1.1 -19 0.9-32.1 3.9-43.4 8.3 -11.8 4.6-21.7 10.7-31.7 20.6 -9.9 9.9-16.1 19.9-20.6 31.7 -4.4 11.4-7.4 24.4-8.3 43.4 -0.9 19.1-1.1 25.2-1.1 73.8 0 48.6 0.2 54.7 1.1 73.8 0.9 19 3.9 32.1 8.3 43.4 4.6 11.8 10.7 21.7 20.6 31.7 9.9 9.9 19.9 16.1 31.7 20.6 11.4 4.4 24.4 7.4 43.4 8.3 19.1 0.9 25.2 1.1 73.8 1.1s54.7-0.2 73.8-1.1c19-0.9 32.1-3.9 43.4-8.3 11.8-4.6 21.7-10.7 31.7-20.6 9.9-9.9 16.1-19.9 20.6-31.7 4.4-11.4 7.4-24.4 8.3-43.4 0.9-19.1 1.1-25.2 1.1-73.8s-0.2-54.7-1.1-73.8c-0.9-19-3.9-32.1-8.3-43.4 -4.6-11.8-10.7-21.7-20.6-31.7 -9.9-9.9-19.9-16.1-31.7-20.6 -11.4-4.4-24.4-7.4-43.4-8.3C310.7 77.3 304.6 77.1 256 77.1L256 77.1z'%3E%3C/path%3E%3Cpath d='M256 164.1c-50.7 0-91.9 41.1-91.9 91.9s41.1 91.9 91.9 91.9 91.9-41.1 91.9-91.9S306.7 164.1 256 164.1zM256 315.6c-32.9 0-59.6-26.7-59.6-59.6s26.7-59.6 59.6-59.6 59.6 26.7 59.6 59.6S288.9 315.6 256 315.6z'%3E%3C/path%3E%3Ccircle cx='351.5' cy='160.5' r='21.5'%3E%3C/circle%3E%3C/g%3E%3C/svg%3E"); } [href*='instagram']:hover::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cg fill='%23e4405f'%3E%3Cpath d='M256 109.3c47.8 0 53.4 0.2 72.3 1 17.4 0.8 26.9 3.7 33.2 6.2 8.4 3.2 14.3 7.1 20.6 13.4 6.3 6.3 10.1 12.2 13.4 20.6 2.5 6.3 5.4 15.8 6.2 33.2 0.9 18.9 1 24.5 1 72.3s-0.2 53.4-1 72.3c-0.8 17.4-3.7 26.9-6.2 33.2 -3.2 8.4-7.1 14.3-13.4 20.6 -6.3 6.3-12.2 10.1-20.6 13.4 -6.3 2.5-15.8 5.4-33.2 6.2 -18.9 0.9-24.5 1-72.3 1s-53.4-0.2-72.3-1c-17.4-0.8-26.9-3.7-33.2-6.2 -8.4-3.2-14.3-7.1-20.6-13.4 -6.3-6.3-10.1-12.2-13.4-20.6 -2.5-6.3-5.4-15.8-6.2-33.2 -0.9-18.9-1-24.5-1-72.3s0.2-53.4 1-72.3c0.8-17.4 3.7-26.9 6.2-33.2 3.2-8.4 7.1-14.3 13.4-20.6 6.3-6.3 12.2-10.1 20.6-13.4 6.3-2.5 15.8-5.4 33.2-6.2C202.6 109.5 208.2 109.3 256 109.3M256 77.1c-48.6 0-54.7 0.2-73.8 1.1 -19 0.9-32.1 3.9-43.4 8.3 -11.8 4.6-21.7 10.7-31.7 20.6 -9.9 9.9-16.1 19.9-20.6 31.7 -4.4 11.4-7.4 24.4-8.3 43.4 -0.9 19.1-1.1 25.2-1.1 73.8 0 48.6 0.2 54.7 1.1 73.8 0.9 19 3.9 32.1 8.3 43.4 4.6 11.8 10.7 21.7 20.6 31.7 9.9 9.9 19.9 16.1 31.7 20.6 11.4 4.4 24.4 7.4 43.4 8.3 19.1 0.9 25.2 1.1 73.8 1.1s54.7-0.2 73.8-1.1c19-0.9 32.1-3.9 43.4-8.3 11.8-4.6 21.7-10.7 31.7-20.6 9.9-9.9 16.1-19.9 20.6-31.7 4.4-11.4 7.4-24.4 8.3-43.4 0.9-19.1 1.1-25.2 1.1-73.8s-0.2-54.7-1.1-73.8c-0.9-19-3.9-32.1-8.3-43.4 -4.6-11.8-10.7-21.7-20.6-31.7 -9.9-9.9-19.9-16.1-31.7-20.6 -11.4-4.4-24.4-7.4-43.4-8.3C310.7 77.3 304.6 77.1 256 77.1L256 77.1z'%3E%3C/path%3E%3Cpath d='M256 164.1c-50.7 0-91.9 41.1-91.9 91.9s41.1 91.9 91.9 91.9 91.9-41.1 91.9-91.9S306.7 164.1 256 164.1zM256 315.6c-32.9 0-59.6-26.7-59.6-59.6s26.7-59.6 59.6-59.6 59.6 26.7 59.6 59.6S288.9 315.6 256 315.6z'%3E%3C/path%3E%3Ccircle cx='351.5' cy='160.5' r='21.5'%3E%3C/circle%3E%3C/g%3E%3C/svg%3E"); } [href*='linkedin']::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cg fill='%231c628f'%3E%3Cpath d='M186.4 142.4c0 19-15.3 34.5-34.2 34.5 -18.9 0-34.2-15.4-34.2-34.5 0-19 15.3-34.5 34.2-34.5C171.1 107.9 186.4 123.4 186.4 142.4zM181.4 201.3h-57.8V388.1h57.8V201.3zM273.8 201.3h-55.4V388.1h55.4c0 0 0-69.3 0-98 0-26.3 12.1-41.9 35.2-41.9 21.3 0 31.5 15 31.5 41.9 0 26.9 0 98 0 98h57.5c0 0 0-68.2 0-118.3 0-50-28.3-74.2-68-74.2 -39.6 0-56.3 30.9-56.3 30.9v-25.2H273.8z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); } [href*='linkedin']:hover::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cg fill='%230077b5'%3E%3Cpath d='M186.4 142.4c0 19-15.3 34.5-34.2 34.5 -18.9 0-34.2-15.4-34.2-34.5 0-19 15.3-34.5 34.2-34.5C171.1 107.9 186.4 123.4 186.4 142.4zM181.4 201.3h-57.8V388.1h57.8V201.3zM273.8 201.3h-55.4V388.1h55.4c0 0 0-69.3 0-98 0-26.3 12.1-41.9 35.2-41.9 21.3 0 31.5 15 31.5 41.9 0 26.9 0 98 0 98h57.5c0 0 0-68.2 0-118.3 0-50-28.3-74.2-68-74.2 -39.6 0-56.3 30.9-56.3 30.9v-25.2H273.8z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); } [href*='mailto']::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cg fill='%231c628f'%3E%3C/g%3E%3C/svg%3E"); } [href*='mailto']:hover::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cg fill='%231c628f'%3E%3C/g%3E%3C/svg%3E"); } [href*='rss']::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cg fill='%231c628f'%3E%3Cpath d='M201.8 347.2c0 20.3-16.5 36.8-36.8 36.8 -20.3 0-36.8-16.5-36.8-36.8s16.5-36.8 36.8-36.8C185.3 310.4 201.8 326.8 201.8 347.2zM128.2 204.7v54.5c68.5 0.7 124 56.3 124.7 124.7h54.5C306.7 285.3 226.9 205.4 128.2 204.7zM128.2 166.6c57.9 0.3 112.3 22.9 153.2 63.9 41 41 63.7 95.5 63.9 153.5h54.5c-0.3-149.9-121.7-271.4-271.6-271.9V166.6L128.2 166.6z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); } [href*='rss']:hover::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cg fill='%231c628f'%3E%3Cpath d='M201.8 347.2c0 20.3-16.5 36.8-36.8 36.8 -20.3 0-36.8-16.5-36.8-36.8s16.5-36.8 36.8-36.8C185.3 310.4 201.8 326.8 201.8 347.2zM128.2 204.7v54.5c68.5 0.7 124 56.3 124.7 124.7h54.5C306.7 285.3 226.9 205.4 128.2 204.7zM128.2 166.6c57.9 0.3 112.3 22.9 153.2 63.9 41 41 63.7 95.5 63.9 153.5h54.5c-0.3-149.9-121.7-271.4-271.6-271.9V166.6L128.2 166.6z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); } [href*='vimeo']::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cg fill='%231c628f'%3E%3Cpath d='M420.1 197.9c-1.5 33.6-25 79.5-70.3 137.8 -46.9 60.9-86.5 91.4-118.9 91.4 -20.1 0-37.1-18.5-51-55.6 -9.3-34-18.5-68-27.8-102 -10.3-37.1-21.4-55.7-33.2-55.7 -2.6 0-11.6 5.4-27 16.2L75.7 209.1c17-14.9 33.8-29.9 50.3-44.9 22.7-19.6 39.7-29.9 51.1-31 26.8-2.6 43.3 15.8 49.5 55 6.7 42.4 11.3 68.7 13.9 79 7.7 35.1 16.2 52.7 25.5 52.7 7.2 0 18-11.4 32.5-34.2 14.4-22.8 22.2-40.1 23.2-52.1 2.1-19.7-5.7-29.5-23.2-29.5 -8.3 0-16.8 1.9-25.5 5.7 16.9-55.5 49.3-82.4 97.1-80.9C405.5 130 422.2 153 420.1 197.9z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); } [href*='vimeo']:hover::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cg fill='%231ab7ea'%3E%3Cpath d='M420.1 197.9c-1.5 33.6-25 79.5-70.3 137.8 -46.9 60.9-86.5 91.4-118.9 91.4 -20.1 0-37.1-18.5-51-55.6 -9.3-34-18.5-68-27.8-102 -10.3-37.1-21.4-55.7-33.2-55.7 -2.6 0-11.6 5.4-27 16.2L75.7 209.1c17-14.9 33.8-29.9 50.3-44.9 22.7-19.6 39.7-29.9 51.1-31 26.8-2.6 43.3 15.8 49.5 55 6.7 42.4 11.3 68.7 13.9 79 7.7 35.1 16.2 52.7 25.5 52.7 7.2 0 18-11.4 32.5-34.2 14.4-22.8 22.2-40.1 23.2-52.1 2.1-19.7-5.7-29.5-23.2-29.5 -8.3 0-16.8 1.9-25.5 5.7 16.9-55.5 49.3-82.4 97.1-80.9C405.5 130 422.2 153 420.1 197.9z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); } [href*='youtube']::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cg fill='%231c628f'%3E%3Cpath d='M422.6 193.6c-5.3-45.3-23.3-51.6-59-54 -50.8-3.5-164.3-3.5-215.1 0 -35.7 2.4-53.7 8.7-59 54 -4 33.6-4 91.1 0 124.8 5.3 45.3 23.3 51.6 59 54 50.9 3.5 164.3 3.5 215.1 0 35.7-2.4 53.7-8.7 59-54C426.6 284.8 426.6 227.3 422.6 193.6zM222.2 303.4v-94.6l90.7 47.3L222.2 303.4z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); } [href*='youtube']:hover::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cg fill='%23cd201f'%3E%3Cpath d='M422.6 193.6c-5.3-45.3-23.3-51.6-59-54 -50.8-3.5-164.3-3.5-215.1 0 -35.7 2.4-53.7 8.7-59 54 -4 33.6-4 91.1 0 124.8 5.3 45.3 23.3 51.6 59 54 50.9 3.5 164.3 3.5 215.1 0 35.7-2.4 53.7-8.7 59-54C426.6 284.8 426.6 227.3 422.6 193.6zM222.2 303.4v-94.6l90.7 47.3L222.2 303.4z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); } .social-icons--link a { position: relative; z-index: 0; color: #1c628f; height: 2.5rem; width: 2.5rem; border: 0.125rem solid #1c628f; } .social-icons--link a::after { content: ""; position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: -1; background-color: #000; will-change: height; transition: .3s; transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); } .social-icons--link a:hover::after { height: 0; } .social-icons--link a::after { height: 0; background-color: transparent; } .social-icons--link a::before { height: 100%; width: 100%; background-size: 25px 25px; transition: .3s; transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); } .social-icons--link a:hover::after { height: 100%; background-color: #1c628f; } .social-icons--link a + a { margin-left: .25em; } .social-icons--link [href*='twitter']:hover::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cg fill='%23fff'%3E%3Cpath d='M419.6 168.6c-11.7 5.2-24.2 8.7-37.4 10.2 13.4-8.1 23.8-20.8 28.6-36 -12.6 7.5-26.5 12.9-41.3 15.8 -11.9-12.6-28.8-20.6-47.5-20.6 -42 0-72.9 39.2-63.4 79.9 -54.1-2.7-102.1-28.6-134.2-68 -17 29.2-8.8 67.5 20.1 86.9 -10.7-0.3-20.7-3.3-29.5-8.1 -0.7 30.2 20.9 58.4 52.2 64.6 -9.2 2.5-19.2 3.1-29.4 1.1 8.3 25.9 32.3 44.7 60.8 45.2 -27.4 21.4-61.8 31-96.4 27 28.8 18.5 63 29.2 99.8 29.2 120.8 0 189.1-102.1 185-193.6C399.9 193.1 410.9 181.7 419.6 168.6z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); } .social-icons--link [href*='google']:hover::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cg fill='%23fff'%3E%3Cpath d='M179.7 237.6L179.7 284.2 256.7 284.2C253.6 304.2 233.4 342.9 179.7 342.9 133.4 342.9 95.6 304.4 95.6 257 95.6 209.6 133.4 171.1 179.7 171.1 206.1 171.1 223.7 182.4 233.8 192.1L270.6 156.6C247 134.4 216.4 121 179.7 121 104.7 121 44 181.8 44 257 44 332.2 104.7 393 179.7 393 258 393 310 337.8 310 260.1 310 251.2 309 244.4 307.9 237.6L179.7 237.6 179.7 237.6ZM468 236.7L429.3 236.7 429.3 198 390.7 198 390.7 236.7 352 236.7 352 275.3 390.7 275.3 390.7 314 429.3 314 429.3 275.3 468 275.3'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); } .social-icons--link [href*='facebook']:hover::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cg fill='%23fff'%3E%3Cpath d='M211.9 197.4h-36.7v59.9h36.7V433.1h70.5V256.5h49.2l5.2-59.1h-54.4c0 0 0-22.1 0-33.7 0-13.9 2.8-19.5 16.3-19.5 10.9 0 38.2 0 38.2 0V82.9c0 0-40.2 0-48.8 0 -52.5 0-76.1 23.1-76.1 67.3C211.9 188.8 211.9 197.4 211.9 197.4z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); } .social-icons--link [href*='pinterest']:hover::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cg fill='%23fff'%3E%3Cpath d='M266.6 76.5c-100.2 0-150.7 71.8-150.7 131.7 0 36.3 13.7 68.5 43.2 80.6 4.8 2 9.2 0.1 10.6-5.3 1-3.7 3.3-13 4.3-16.9 1.4-5.3 0.9-7.1-3-11.8 -8.5-10-13.9-23-13.9-41.3 0-53.3 39.9-101 103.8-101 56.6 0 87.7 34.6 87.7 80.8 0 60.8-26.9 112.1-66.8 112.1 -22.1 0-38.6-18.2-33.3-40.6 6.3-26.7 18.6-55.5 18.6-74.8 0-17.3-9.3-31.7-28.4-31.7 -22.5 0-40.7 23.3-40.7 54.6 0 19.9 6.7 33.4 6.7 33.4s-23.1 97.8-27.1 114.9c-8.1 34.1-1.2 75.9-0.6 80.1 0.3 2.5 3.6 3.1 5 1.2 2.1-2.7 28.9-35.9 38.1-69 2.6-9.4 14.8-58 14.8-58 7.3 14 28.7 26.3 51.5 26.3 67.8 0 113.8-61.8 113.8-144.5C400.1 134.7 347.1 76.5 266.6 76.5z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); } .social-icons--link [href*='instagram']:hover::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cg fill='%23fff'%3E%3Cpath d='M256 109.3c47.8 0 53.4 0.2 72.3 1 17.4 0.8 26.9 3.7 33.2 6.2 8.4 3.2 14.3 7.1 20.6 13.4 6.3 6.3 10.1 12.2 13.4 20.6 2.5 6.3 5.4 15.8 6.2 33.2 0.9 18.9 1 24.5 1 72.3s-0.2 53.4-1 72.3c-0.8 17.4-3.7 26.9-6.2 33.2 -3.2 8.4-7.1 14.3-13.4 20.6 -6.3 6.3-12.2 10.1-20.6 13.4 -6.3 2.5-15.8 5.4-33.2 6.2 -18.9 0.9-24.5 1-72.3 1s-53.4-0.2-72.3-1c-17.4-0.8-26.9-3.7-33.2-6.2 -8.4-3.2-14.3-7.1-20.6-13.4 -6.3-6.3-10.1-12.2-13.4-20.6 -2.5-6.3-5.4-15.8-6.2-33.2 -0.9-18.9-1-24.5-1-72.3s0.2-53.4 1-72.3c0.8-17.4 3.7-26.9 6.2-33.2 3.2-8.4 7.1-14.3 13.4-20.6 6.3-6.3 12.2-10.1 20.6-13.4 6.3-2.5 15.8-5.4 33.2-6.2C202.6 109.5 208.2 109.3 256 109.3M256 77.1c-48.6 0-54.7 0.2-73.8 1.1 -19 0.9-32.1 3.9-43.4 8.3 -11.8 4.6-21.7 10.7-31.7 20.6 -9.9 9.9-16.1 19.9-20.6 31.7 -4.4 11.4-7.4 24.4-8.3 43.4 -0.9 19.1-1.1 25.2-1.1 73.8 0 48.6 0.2 54.7 1.1 73.8 0.9 19 3.9 32.1 8.3 43.4 4.6 11.8 10.7 21.7 20.6 31.7 9.9 9.9 19.9 16.1 31.7 20.6 11.4 4.4 24.4 7.4 43.4 8.3 19.1 0.9 25.2 1.1 73.8 1.1s54.7-0.2 73.8-1.1c19-0.9 32.1-3.9 43.4-8.3 11.8-4.6 21.7-10.7 31.7-20.6 9.9-9.9 16.1-19.9 20.6-31.7 4.4-11.4 7.4-24.4 8.3-43.4 0.9-19.1 1.1-25.2 1.1-73.8s-0.2-54.7-1.1-73.8c-0.9-19-3.9-32.1-8.3-43.4 -4.6-11.8-10.7-21.7-20.6-31.7 -9.9-9.9-19.9-16.1-31.7-20.6 -11.4-4.4-24.4-7.4-43.4-8.3C310.7 77.3 304.6 77.1 256 77.1L256 77.1z'%3E%3C/path%3E%3Cpath d='M256 164.1c-50.7 0-91.9 41.1-91.9 91.9s41.1 91.9 91.9 91.9 91.9-41.1 91.9-91.9S306.7 164.1 256 164.1zM256 315.6c-32.9 0-59.6-26.7-59.6-59.6s26.7-59.6 59.6-59.6 59.6 26.7 59.6 59.6S288.9 315.6 256 315.6z'%3E%3C/path%3E%3Ccircle cx='351.5' cy='160.5' r='21.5'%3E%3C/circle%3E%3C/g%3E%3C/svg%3E"); } .social-icons--link [href*='linkedin']:hover::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cg fill='%23fff'%3E%3Cpath d='M186.4 142.4c0 19-15.3 34.5-34.2 34.5 -18.9 0-34.2-15.4-34.2-34.5 0-19 15.3-34.5 34.2-34.5C171.1 107.9 186.4 123.4 186.4 142.4zM181.4 201.3h-57.8V388.1h57.8V201.3zM273.8 201.3h-55.4V388.1h55.4c0 0 0-69.3 0-98 0-26.3 12.1-41.9 35.2-41.9 21.3 0 31.5 15 31.5 41.9 0 26.9 0 98 0 98h57.5c0 0 0-68.2 0-118.3 0-50-28.3-74.2-68-74.2 -39.6 0-56.3 30.9-56.3 30.9v-25.2H273.8z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); } .social-icons--link [href*='mailto']:hover::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cg fill='%23fff'%3E%3C/g%3E%3C/svg%3E"); } .social-icons--link [href*='rss']:hover::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cg fill='%23fff'%3E%3Cpath d='M201.8 347.2c0 20.3-16.5 36.8-36.8 36.8 -20.3 0-36.8-16.5-36.8-36.8s16.5-36.8 36.8-36.8C185.3 310.4 201.8 326.8 201.8 347.2zM128.2 204.7v54.5c68.5 0.7 124 56.3 124.7 124.7h54.5C306.7 285.3 226.9 205.4 128.2 204.7zM128.2 166.6c57.9 0.3 112.3 22.9 153.2 63.9 41 41 63.7 95.5 63.9 153.5h54.5c-0.3-149.9-121.7-271.4-271.6-271.9V166.6L128.2 166.6z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); } .social-icons--link [href*='vimeo']:hover::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cg fill='%23fff'%3E%3Cpath d='M420.1 197.9c-1.5 33.6-25 79.5-70.3 137.8 -46.9 60.9-86.5 91.4-118.9 91.4 -20.1 0-37.1-18.5-51-55.6 -9.3-34-18.5-68-27.8-102 -10.3-37.1-21.4-55.7-33.2-55.7 -2.6 0-11.6 5.4-27 16.2L75.7 209.1c17-14.9 33.8-29.9 50.3-44.9 22.7-19.6 39.7-29.9 51.1-31 26.8-2.6 43.3 15.8 49.5 55 6.7 42.4 11.3 68.7 13.9 79 7.7 35.1 16.2 52.7 25.5 52.7 7.2 0 18-11.4 32.5-34.2 14.4-22.8 22.2-40.1 23.2-52.1 2.1-19.7-5.7-29.5-23.2-29.5 -8.3 0-16.8 1.9-25.5 5.7 16.9-55.5 49.3-82.4 97.1-80.9C405.5 130 422.2 153 420.1 197.9z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); } .social-icons--link [href*='youtube']:hover::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cg fill='%23fff'%3E%3Cpath d='M422.6 193.6c-5.3-45.3-23.3-51.6-59-54 -50.8-3.5-164.3-3.5-215.1 0 -35.7 2.4-53.7 8.7-59 54 -4 33.6-4 91.1 0 124.8 5.3 45.3 23.3 51.6 59 54 50.9 3.5 164.3 3.5 215.1 0 35.7-2.4 53.7-8.7 59-54C426.6 284.8 426.6 227.3 422.6 193.6zM222.2 303.4v-94.6l90.7 47.3L222.2 303.4z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); } .gui-icon-list { display: -ms-flexbox; -js-display: flex; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .gui-icon-list [class*='i-'] + [class*='i-'] { margin-left: 20px; } .i-dropdown { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 1.625rem; height: 1.625rem; font-size: 0.625em; border: 1px solid currentColor; border-radius: 100%; } .i-dropdown::before { content: ""; font-family: "cognibox-iconfont"; font-style: normal; } .i-dropright { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 1.625rem; height: 1.625rem; font-size: 0.625em; border: 1px solid currentColor; border-radius: 100%; } .i-dropright::before { content: ""; font-family: "cognibox-iconfont"; font-style: normal; } .i-dropright::before { content: ""; } .i-dropleft { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 1.625rem; height: 1.625rem; font-size: 0.625em; border: 1px solid currentColor; border-radius: 100%; } .i-dropleft::before { content: ""; font-family: "cognibox-iconfont"; font-style: normal; } .i-dropleft::before { content: ""; } .i-dropup { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 1.625rem; height: 1.625rem; font-size: 0.625em; border: 1px solid currentColor; border-radius: 100%; } .i-dropup::before { content: ""; font-family: "cognibox-iconfont"; font-style: normal; } .i-dropup::before { transform: rotate(180deg); margin-top: -1px; } .i-plus { position: relative; display: inline-block; width: 1.5625rem; height: calc(25px / 2); margin-top: calc(25px / 2); } .i-plus::before, .i-plus::after { position: absolute; content: ''; width: 1.5625rem; height: 0.125rem; background-color: currentColor; } .i-plus::after { transform: rotate(90deg); } .i-plus--light { padding-top: 1.5rem; color: #bec2c4; } @media (min-width: 48em) { .i-plus--light { margin-top: 0; } } .i-play-filled, .i-play-circle::before { display: inline-block; width: 0; height: 0; border-left: solid 0.875rem currentColor; border-top: solid 0.625rem transparent; border-bottom: solid 0.625rem transparent; } .i-play-circle { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 5.25rem; height: 5.25rem; border: 0.1875rem solid currentColor; border-radius: 100%; } .i-play-circle::before { content: ""; } .i-angle-right--light { display: none; } @media (min-width: 64em) { .i-angle-right--light { margin-top: 3rem; display: block; color: #bec2c4; font-size: 2em; -ms-flex-item-align: start; align-self: flex-start; } } .i-check--rounded { color: #58c875; border: 1px solid #58c875; width: 3rem; height: 3rem; display: inline-block; border-radius: 100%; text-align: center; line-height: 3rem; margin-bottom: 0.75rem; } .pagination { margin-top: 1.5rem; display: -ms-flexbox; -js-display: flex; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; } .pagination__btn { width: 33.3%; -ms-flex-preferred-size: 33.3%; flex-basis: 33.3%; } .pagination__btn::after { display: none; } .pagination__btn::before { position: absolute; top: 0.3125rem; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 0.625em; } .pagination__btn--prev { margin-right: auto; padding-left: 1.25em; text-align: left; } .pagination__btn--prev::before { content: "\f104"; margin-right: 1.25em; left: 0; } .pagination__btn--next { margin-left: auto; padding-right: 1.25em; text-align: right; } .pagination__btn--next::before { content: "\f105"; margin-left: 1.25em; right: 0; } .pagination__link { color: #343a41; padding: 0.5em 0.375em; margin: 0 .5em; transition: color .3s; transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); } a.pagination__link:hover { color: #1c628f; } span.pagination__link--disabled { color: #bec2c4; cursor: default; } .pagination__link--current { color: #1c628f; text-align: center; } ul.tags { display: inline-block; margin-left: 0; } @media (min-width: 48em) { ul.tags { margin-left: 20px; } } ul.tags li { display: inline-block; padding-left: 0; margin-right: 10px; } ul.tags li::before { display: none !important; } ul.tags li:last-child { margin-right: 10px; } .tag { display: inline-block; line-height: 1; font-weight: 700; color: #58c875 !important; } .tag::before { font-family: "Font Awesome 5 Free"; content: "\f02b"; font-weight: 900; margin-right: 0.4375em; vertical-align: top; } a.tag { position: relative; display: inline-block; outline: 0; text-decoration: none; padding-bottom: 0.25em; } a.tag::after { position: absolute; top: 100%; left: 0; content: ''; width: 100%; height: 1px; background: currentColor; opacity: 0; transform: translateY(6px); will-change: transform; transition: opacity .3s, transform .3s; transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); } a.tag:hover::after { opacity: 1; transform: translateY(0); } a.tag::after { height: 0.125rem; } .tag--svg::before { display: none; } .tag--svg svg { display: inline-block; width: 0.9375rem; height: 0.9375rem; fill: currentColor; margin-right: 0.4375em; vertical-align: top; } .tag--reply::before { content: ""; } .tag--user::before { content: ""; } .banner { position: relative; display: -ms-flexbox; -js-display: flex; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } @media (min-width: 48em) { .banner { min-height: 35.625rem; } .banner::after { content: ''; display: inline-block; min-height: 35.625rem; visibility: hidden; z-index: -1; } } .banner__cover { width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; z-index: 0; } .banner__cover img { transition: opacity 240ms cubic-bezier(0.47, 0, 0.745, 0.715); transition-delay: 480ms; z-index: 1; } .banner__cover::before { z-index: 9; } .banner__inner { padding: 1.5rem 10px; position: relative; text-align: center; z-index: 10; } @media (min-width: 48em) { .banner__inner { width: 100%; max-width: 1180px; } } .banner { -ms-flex-pack: end; justify-content: flex-end; color: #fff; } .banner__inner { text-align: left; } .banner__title { margin-bottom: 1.5rem; } .banner__title .select-wrapper { -ms-flex-positive: 1; flex-grow: 1; max-width: 15.625rem; margin-right: 0.625em; color: #343a41; margin-bottom: 0.75rem; } @media (min-width: 48em) { .banner__title .select-wrapper { margin-bottom: 0; } } .banner__form { display: -ms-flexbox; -js-display: flex; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .banner__form form { width: 100%; } .banner__form .hs-error-msgs { width: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; text-align: right; } .banner__form > span { width: 100%; } .banner__form .form-item, .banner__form .form .hs-form-field, .form .banner__form .hs-form-field, .banner__form .hs-form-field { margin-bottom: 0.625rem; } .banner__form .form-item > label, .banner__form .form .hs-form-field > label, .form .banner__form .hs-form-field > label, .banner__form .hs-form-field > label { display: -ms-flexbox; -js-display: flex; display: flex; -ms-flex-align: center; align-items: center; height: auto; margin-right: 1.5625em; margin-bottom: 0; width: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } @media (min-width: 48em) { .banner__form .form-item > label, .banner__form .form .hs-form-field > label, .form .banner__form .hs-form-field > label, .banner__form .hs-form-field > label { width: 30%; -ms-flex-preferred-size: 30%; flex-basis: 30%; line-height: 1.1; } } .banner__form .form-item.hs_message > label, .banner__form .form .hs_message.hs-form-field > label, .form .banner__form .hs_message.hs-form-field > label, .banner__form .hs-form-field.hs_message > label { -ms-flex-item-align: start; align-self: flex-start; } .banner__form .form-item .input, .banner__form .form .hs-form-field .input, .form .banner__form .hs-form-field .input, .banner__form .hs-form-field .input { -ms-flex-positive: 1; flex-grow: 1; } .banner__form .form-item .input .checkbox-wrapper, .banner__form .form .hs-form-field .input .checkbox-wrapper, .form .banner__form .hs-form-field .input .checkbox-wrapper, .banner__form .hs-form-field .input .checkbox-wrapper { display: inline-block; } .banner__form .form-item .input .checkbox-wrapper input[type="checkbox"], .banner__form .form .hs-form-field .input .checkbox-wrapper input[type="checkbox"], .form .banner__form .hs-form-field .input .checkbox-wrapper input[type="checkbox"], .banner__form .hs-form-field .input .checkbox-wrapper input[type="checkbox"] { top: 8px; left: 6px; opacity: 1; position: relative; } .banner__form > div:first-child { -ms-flex-negative: 0; flex-shrink: 0; } .banner__form .hs-form-field { display: -ms-flexbox; -js-display: flex; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .banner__form input[type="submit"] { color: white; background-color: #58c875; border-color: #58c875; } .banner__form input[type="submit"]:hover { background-color: transparent; } .banner__form .hs_submit { text-align: right; } .banner__form .hs_submit label { display: none; } .banner .section-title { line-height: 1.2; margin-bottom: 1.5rem; } .banner .checkbox-wrapper input[type=checkbox] + label, .banner .checkbox-wrapper .checkbox-hidden + label { color: #fff; } @media (min-width: 64em) { .banner__inner { -ms-flex-preferred-size: 50%; flex-basis: 50%; } .banner__inner > div { max-width: 37.5rem; } } .banner--short { border-bottom-width: 4px; border-bottom-style: solid; border-bottom-color: inherit; min-height: 8rem; } .banner--short::after { min-height: 8rem; } @media (min-width: 64em) { .banner--short { min-height: 16rem; } .banner--short::after { min-height: 16rem; } } .banner--centered { -ms-flex-pack: center; justify-content: center; } .banner--centered .banner__inner { -ms-flex-preferred-size: 100%; flex-basis: 100%; display: -ms-flexbox; -js-display: flex; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .banner--centered .banner__inner > div { max-width: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } @media (min-width: 48em) { .banner--centered .banner__inner > div { padding-left: 10px; padding-right: 10px; max-width: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; } } .banner__aside-image img { width: 100%; max-width: 75%; margin: 1.5rem auto; } .bg--overlay { position: relative; } .bg--overlay::before { content: ""; width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; background-color: rgba(28, 98, 143, 0.9); } .bg--overlay > * { position: relative; z-index: 1; } .banner-blocks { color: #fff; } .banner-blocks__title { font-size: 2.25em; } .banner-blocks__subtitle { font-size: 1.25em; } .banner-blocks__title, .banner-blocks__subtitle, .banner-blocks p { margin-bottom: 1rem; line-height: 1.2; } .banner-blocks__block { display: -ms-flexbox; -js-display: flex; display: flex; padding: 2.5rem 0.625rem; } .banner-blocks__block > div { max-width: 590px; } .banner-blocks .select-wrapper { -ms-flex-positive: 1; flex-grow: 1; max-width: 15.625rem; margin-right: 0.625em; color: #343a41; margin-bottom: 0.75rem; } @media (min-width: 48em) { .banner-blocks .select-wrapper { margin-bottom: 0; } } @media (min-width: 48em) { .banner-blocks { display: -ms-flexbox; -js-display: flex; display: flex; } .banner-blocks__block { -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; } .banner-blocks__block:first-child { -ms-flex-pack: end; justify-content: flex-end; padding-right: 3.125rem; } .banner-blocks__block:last-child { padding-left: 3.125rem; } } .blog-comments .comments .form .form-item, .blog-comments .comments .form .hs-form-field { margin-bottom: 0.75rem; } .blog-comments .depth-1 { margin-left: 0.625rem; } @media (min-width: 48em) { .blog-comments .depth-1 { margin-left: 3.125rem; } } .blog-comments .depth-2 { margin-left: 1.25rem; } @media (min-width: 48em) { .blog-comments .depth-2 { margin-left: 6.25rem; } } .blog-comments .depth-3 { margin-left: 1.875rem; } @media (min-width: 48em) { .blog-comments .depth-3 { margin-left: 9.375rem; } } .blog-comments .depth-4 { margin-left: 2.5rem; } @media (min-width: 48em) { .blog-comments .depth-4 { margin-left: 12.5rem; } } .blog-comments .depth-5 { margin-left: 3.125rem; } @media (min-width: 48em) { .blog-comments .depth-5 { margin-left: 15.625rem; } } .blog-comments .comment { margin-bottom: 3rem; } .blog-comments .comment-from { display: inline-block; } .blog-comments .comment-from h4 { font-size: 1.125em; font-weight: 700; } .blog-comments .comment-date { display: inline-block; } .blog-comments .comment-body { margin-bottom: 0; margin-top: 0; } .blog-comments .comment-reply-to { background: none; padding-left: 0; font-weight: 700; text-transform: uppercase; } .blog-comments input[type=checkbox] { width: auto !important; height: auto !important; display: inline-block; margin-right: 5px; } @media (min-width: 48em) { #comment-form > form, #hs_form_target_comment_form > form { position: relative; padding-right: 55%; } #comment-form .hs_comment, #hs_form_target_comment_form .hs_comment { position: absolute; right: 0; top: 0; width: 50%; } #comment-form .hs_submit [type="submit"], #hs_form_target_comment_form .hs_submit [type="submit"] { position: absolute; right: 0; bottom: 0; } } #comment-form h2, #hs_form_target_comment_form h2 { color: #1c628f; } #comment-form .hs-error-msgs, #hs_form_target_comment_form .hs-error-msgs { list-style-type: none; } #comment-form .hs-error-msgs li label, #hs_form_target_comment_form .hs-error-msgs li label { color: #cf003a; } .cta { padding: 0; position: relative; background-position: top; color: #fff; text-align: center; padding: 1.875em 10px !important; } @media (min-width: 30em) { .cta { padding: 1.875em 3.125em; } } .cta .typography, .cta .blog-comments .comment-body, .blog-comments .cta .comment-body { color: #fff; } .cta [class*="icon-"] { position: relative; top: 4px; } .fas { position: relative; top: 1px; } #landing-check { padding-top: 15px;} @media (min-width: 48em) { .cta--full-height { height: 100%; display: -ms-flexbox; -js-display: flex; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; } } .cta__title { margin-bottom: 1.5rem; } .cta__title--small { font-size: 1.1875rem; margin-bottom: 0; font-weight: 600; } .cta__thumb { width: 210px; max-width: 210px; margin-left: auto; margin-right: auto; margin-bottom: 1.5rem; } .cta__thumb img { max-width: 100%; } @media (min-width: 48em) { .cta--horizontal { display: -ms-flexbox; -js-display: flex; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items: center; text-align: left; } .cta--horizontal .cta__body { -ms-flex: 1; flex: 1; padding-left: 60px; } .cta--horizontal .cta__thumb { margin-bottom: 0; } .cta--horizontal .cta__thumb img { margin-bottom: 0; } } @media (min-width: 48em) { .cta--horizontal-rh { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items: center; text-align: left; } .cta--horizontal-rh .cta__body { -ms-flex: 1; flex: 1; padding-left: 60px; } .cta--horizontal-rh .cta__thumb { margin-bottom: 0; } .cta--horizontal-rh .cta__thumb img { margin-bottom: 0; } } .hs-cta-wrapper div.cta { height: 100%; } @media (min-width: 30em) { .hs-cta-wrapper div.cta { padding: 1.875em 3.125em !important; } } .hs-cta-wrapper div.cta a { color: #fff; } .hs-cta-wrapper div.cta.cta--horizontal { padding: 1.875em 3.125em; margin-left: -10px; margin-right: -10px; } @media (min-width: 64em) { .hs-cta-wrapper div.cta.cta--horizontal { margin-left: 0; margin-right: 0; } } @media (min-width: 48em) { .hs-cta-wrapper div.cta.cta--horizontal .cta__thumb { margin-bottom: 0; } } .hs-cta-wrapper div.cta__thumb { margin-left: auto; margin-right: auto; margin-bottom: 1.5rem; } .hs-cta-wrapper div.cta__title { margin-bottom: 0.75rem; font-size: 2em; } .hs-cta-wrapper div.cta p { margin-bottom: 1.5rem; } .video { position: relative; } .video::before { position: absolute; left: 0; top: 0; bottom: 0; right: 0; content: ""; width: 100%; height: 100%; background-color: #4389b5; opacity: .8; z-index: 10; } .video.has-been-clicked { padding-bottom: 56.25%; } .video.has-been-clicked::before { display: none; } .video.has-been-clicked .video__thumb, .video.has-been-clicked .video__link { display: none; } .video.has-been-clicked iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .video__link { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 15; color: #fff; transition: background-color .3s; transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); } .video__link::before { transition: color .3s; transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); } .video__link:hover { background-color: #fff; } .video__link:hover::before { color: #1c628f; } .video__thumb { position: relative; overflow: hidden; } .video__thumb::before { content: ''; display: block; width: 100%; padding-top: calc(9 * 100 / 16 * 1%); } .video__thumb > img, .video__thumb > figure, .video__thumb > picture, .video__thumb > iframe, .video__thumb > video, .video__thumb > objectfit { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; } .video__container { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; z-index: 9; } .expandable { position: relative; } .expandable [gr-grid*=row--block] { -ms-flex-pack: center; justify-content: center; } .expandable .expander__trigger { position: relative; display: -ms-flexbox; -js-display: flex; display: flex; -ms-flex-align: center; align-items: center; background-color: #1c628f; margin-bottom: 0; padding: 0.3125em 2.5em 0.3125em 0.625em; min-height: 4.0625rem; color: #fff; cursor: pointer; border-bottom: 1px solid #fff; } @media (min-width: 48em) { .expandable .expander__trigger { padding: 0 1.875em; } } @media (min-width: 80em) { .expandable .expander__trigger { height: 4.0625rem; } } .expandable .expander__trigger > span { position: relative; top: 0; color: #58c875; font-size: 1.1em; line-height: 1.425; -ms-flex-item-align: start; align-self: flex-start; } @media (min-width: 30em) { .expandable .expander__trigger > span { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } } @media (min-width: 48em) { .expandable .expander__trigger > span { font-size: 1.7em; padding: 0; } } .expandable .expander__trigger::after { position: absolute; right: 1.875em; top: calc(2.03125rem - 8px); font-family: "Font Awesome 5 Free"; content: "\f054"; font-weight: 900; font-size: 0.625em; margin-left: auto; will-change: transform; transition: transform .2s; transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); } .expandable .expander__wrapper { padding: 1.875em 1.875em; text-align: center; } .expandable .expander__content { display: block; height: 0; overflow: hidden; will-change: height; transition: height 240ms linear; background: #eef2f4; } .expandable .expander__content img { max-width: 100%; margin-left: auto; margin-right: auto; margin-bottom: 1.5rem; margin-top: 1.5rem; } .expandable .expander__content .btn-group { margin-top: 3rem; margin-bottom: 1.5rem; } .expandable[gr-expander] { will-change: padding-bottom; transition: padding-bottom 240ms linear; } .expandable[gr-expander].is-expanded .expander__trigger::after { transform: rotate(90deg); } .expandable[gr-expander].is-expanded .expander__wrapper { transition: all 240ms linear; opacity: 1; } .expandable-classic .expander__trigger { cursor: pointer; position: relative; } .expandable-classic .expander__wrapper { opacity: 0; transform: scale(0.9); padding: 2.25rem 0; } .expandable-classic .expander__content { position: absolute; top: auto; left: 0; right: 0; display: block; height: 0; overflow: hidden; transition: height 240ms linear; } .expandable-classic .expander__content [gr-grid=container] { position: relative; padding-left: 30px; padding-right: 40px; } .expandable-classic .expander__content [gr-grid=container]::before { content: ""; width: 3px; height: 100%; background-color: #58c875; display: block; position: absolute; left: 10px; top: 0; } .expandable-classic .expander__content .expander__close { position: absolute; right: 10px; top: 0; color: #58c875; } .expandable-classic [gr-expander-classic] { position: static; transition: padding-bottom 240ms linear; } .expandable-classic [gr-expander-classic].is-expanded .card__figure { border: 3px solid #58c875; } .expandable-classic [gr-expander-classic].is-expanded .card__title, .expandable-classic [gr-expander-classic].is-expanded .typography *, .expandable-classic [gr-expander-classic].is-expanded .blog-comments .comment-body *, .blog-comments .expandable-classic [gr-expander-classic].is-expanded .comment-body * { color: #58c875; } .expandable-classic [gr-expander-classic].is-expanded .expander__wrapper { transition: all 240ms linear; transform: scale(1); opacity: 1; } .list { list-style-type: none; } .list li { position: relative; display: block; margin-bottom: 0.75rem; font-weight: 400; padding-left: 20px; } .list li::before { position: absolute; left: 0; top: 5px; content: ""; } .list li.is-active { color: inherit; } .list li.is-active a { font-weight: 700; } .list li.is-active a::after { height: 2px; } .list li:hover { color: #1c628f; } .list a { position: relative; display: inline-block; outline: 0; text-decoration: none; color: inherit; } .list a::after { position: absolute; top: 100%; left: 0; content: ''; width: 100%; height: 1px; background: currentColor; opacity: 0; transform: translateY(6px); will-change: transform; transition: opacity .3s, transform .3s; transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); } .list a:hover::after { opacity: 1; transform: translateY(0); } .list--arrow li::before { font-family: "Font Awesome 5 Free"; content: "\f054"; font-weight: 900; margin-right: 10px; color: #1c628f; font-size: 0.625em; } .list--service li { padding-left: 0; margin-left: 0; min-height: 2.125rem; } .list--service li a::after { display: none; } .list--service li a > .hs_cos_wrapper_type_image, .list--service li a > div { margin-right: 10px; display: inline-block; vertical-align: middle; } .list--service li::before { top: 0; width: 2.125rem; height: 2.125rem; background-repeat: no-repeat; background-size: 2.125rem 2.125rem; } .list--service li.list-at::before { background-image: url("../img/services/at.png"); } .list--service li.list-el::before { background-image: url("../img/services/el.png"); } .list--service li.list-em::before { background-image: url("../img/services/em.png"); } .list--service li.list-lg::before { background-image: url("../img/services/lg.png"); } .list--service li.list-ps::before { background-image: url("../img/services/ps.png"); } .list--service li.list-qf::before { background-image: url("../img/services/qf.png"); } .list--service li.list-pe::before { background-image: url("../img/services/pe.png"); } .client-box { display: -ms-flexbox; -js-display: flex; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; border: 2px solid #fff; } .client-box span, .client-box div { padding: 0.625em; max-width: 100%; width: 100%; display: block; text-align: center; } .client-box img { max-width: 60%; display: inline; } .card { font-size: 1em; display: inline-block; width: 100%; padding: 1.875em; } .card__header { margin: -1.875em -1.875em 1.875em; padding: 0.9375em 1.875em; } .card__footer { margin: 1.875em -1.875em -1.875em; padding: 0.9375em 1.875em; } .card__figure { margin: -1.875em -1.875em 1.875em; position: relative; overflow: hidden; width: auto; position: relative; overflow: hidden; } .card__figure::before { content: ''; display: block; width: 100%; padding-top: calc(9 * 100 / 16 * 1%); } .card__figure > img, .card__figure > figure, .card__figure > picture, .card__figure > iframe, .card__figure > video, .card__figure > objectfit { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; } .card { text-align: center; padding-top: 1em; } @media (min-width: 48em) { .card { padding: 1.875em; } } .card__avatar, .card__picture { display: inline-block; margin-bottom: 0.75rem; } .card__avatar { width: 8.25em; height: 8.25em; border: 5px solid #fff; border-radius: 100%; overflow: hidden; } .card__avatar img { width: 100%; } .card__avatar--big { width: 10.625em; height: 10.625em; } .card__figure { width: 100%; margin-top: 0; margin-left: auto; margin-right: auto; } .card__picture i { display: -ms-flexbox; -js-display: flex; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 2.5em; height: 2.5em; border-radius: 100%; border-width: 1px; border-color: inherit; font-size: 2em; color: inherit; } .card__footer { margin-top: 0.75rem; } .card__title { margin-bottom: 0.3125rem; font-size: 1.25em; line-height: 1.1; color: inherit; } @media (min-width: 30em) { .card--vertical { display: -ms-flexbox; -js-display: flex; display: flex; text-align: left; } .card--vertical .card__avatar, .card--vertical .card__picture { -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 1.5rem; } } .card--blog { text-align: left; cursor: pointer; } @media (min-width: 48em) { .card--blog { margin-bottom: 1.5rem; } } @media (min-width: 80em) { .card--blog .card__figure img { transition: all 240ms ease; } .card--blog .card__figure:hover img { transform: scale3d(1.1, 1.1, 1.1); } } .card--blog h4.card--blog__title { margin-bottom: 0; } .card--blog .card__footer--no-padding { margin-top: 1.5rem; } .card .social-icons--link { margin-top: 1.5rem; } @media (min-width: 48em) { .card .social-icons--link { display: -ms-flexbox; -js-display: flex; display: flex; -ms-flex-align: center; align-items: center; } } .card .social-icons--link > span { display: block; font-weight: 600; color: #7f8891; } @media (min-width: 48em) { .card .social-icons--link > span { padding-right: 20px; display: inline-block; } } .card--no-padding { margin-top: 3rem; padding: 0; } @media (min-width: 48em) { .card--no-padding { margin-top: 0; } } .card__footer--no-padding { padding: 0; margin-top: 3rem; margin-left: 0; margin-bottom: 0; margin-right: 0; } .card--team { padding: 0; text-align: left; } .card--team .card__title { color: #7f8891; } .card--team .card__figure { position: relative; overflow: hidden; margin-bottom: 0.75rem; } .card--team .card__figure::before { content: ''; display: block; width: 100%; padding-top: calc(1 * 100 / 1 * 1%); } .card--team .card__figure > img, .card--team .card__figure > figure, .card--team .card__figure > picture, .card--team .card__figure > iframe, .card--team .card__figure > video, .card--team .card__figure > objectfit { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; } .cards-methodologie [gr-grid=block] { position: relative; } @media (min-width: 64em) { .cards-methodologie [gr-grid=block]:last-of-type::after { display: none; } } .cards-methodologie [gr-grid=block]::after { content: ""; font-family: "cognibox-iconfont"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; display: inline-block; position: absolute; left: 50%; bottom: -16px; transform: translateX(-50%); font-size: 2rem; color: #7f8891; } @media (min-width: 64em) { .cards-methodologie [gr-grid=block]::after { content: ""; top: 55px; right: -16px; left: auto; transform: none; } } .card--stats { text-align: center; padding-left: 1rem; padding-right: 1rem; margin-bottom: 0.75rem; } .card--stats .card--stats__title { color: #58c875; margin-bottom: 0; } .card--values { text-align: center; } .card--values .card--values__title { color: #58c875; } .tabs { max-width: 1180px; margin: 0 auto; list-style-type: none; display: -ms-flexbox; -js-display: flex; display: flex; -ms-flex-align: end; align-items: flex-end; } .banner [gr-grid="container"] { z-index: 20; position: absolute; height: 100%; transform: translateX(-50%); left: 50%; bottom: 0; } .banner .tabs { z-index: 20; position: absolute; right: 7.5px; bottom: -4px; margin-bottom: 0; } .tabs__item { margin-left: 2.5px; margin-right: 2.5px; } .tabs__item a { font-size: 1.125em; font-weight: 600; color: white; padding: 0.75rem 20px; display: block; background-color: inherit; } @media (min-width: 64em) { .tabs__item a { transition: all .3s; } .tabs__item a:hover { background-color: white; color: inherit; } } .tabs__item.is-active a { background-color: white; color: inherit; } input[type=range]:focus { outline: 1px solid red; } .header { padding-bottom: 1px; color: #fff; } @media (min-width: 64em) { .header { z-index: 30; position: relative; color: #7f8891; } } .header a:not(.btn):not([type="submit"]) { display: block; color: currentColor; line-height: 1.3; } @media (min-width: 64em) { .header a:not(.btn):not([type="submit"]) { transition: all 240ms ease-in-out !important; } .header a:not(.btn):not([type="submit"]):hover { color: #1c628f; } } .header ul { list-style: none; } .header .cta { padding-top: 0; padding-bottom: 0; } .header--landing .header__logo-wrapper { padding-bottom: 1.5rem; } .header--landing .header__logo-wrapper .header__logo { -ms-flex: 0 1 250px; flex: 0 1 250px; } .header__logo-wrapper { display: -ms-flexbox; -js-display: flex; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; padding-top: 0.75rem; padding-bottom: 0.75rem; position: relative; z-index: 30; } @media (min-width: 64em) { .header__logo-wrapper { padding-bottom: 0; } } .header__logo-wrapper .header__logo { -ms-flex: 0 1 180px; flex: 0 1 180px; } .header__logo-wrapper .header__logo img { width: 100% !important; } .header__logo-wrapper .header__nav-trigger { -ms-flex: 0 1 50px; flex: 0 1 50px; border: 1px solid #7f8891; border-radius: 50%; width: 50px; height: 50px; display: -ms-flexbox; -js-display: flex; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .header__logo-wrapper .header__nav-trigger svg { width: 80%; height: 80%; } .header__logo-wrapper .header__nav-trigger rect { fill: #7f8891; } @media (min-width: 64em) { .header__logo-wrapper .header__nav-trigger { display: none; } } .header__menu-wrapper { max-height: 0; overflow: hidden; transition: all 240ms ease-in-out !important; background-color: #7f8891; margin-left: -10px; margin-right: -10px; padding-left: 10px; padding-right: 10px; } @media (min-width: 64em) { .header__menu-wrapper { max-height: none; overflow: visible; background-color: transparent; padding-top: 1.5rem; padding-bottom: 0; } } .header__menu-wrapper > div { max-width: 400px; margin-left: auto; margin-right: auto; } @media (min-width: 64em) { .header__menu-wrapper > div { max-width: none; } } .header.is-opened .header__menu-wrapper { max-height: 1000px; padding-top: 1.5rem; padding-bottom: 1.5rem; } @media (min-width: 64em) { .header.is-opened .header__menu-wrapper { max-height: none; padding-bottom: 0; } } .header__primary-nav { display: -ms-flexbox; -js-display: flex; display: flex; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 64em) { .header__primary-nav { -ms-flex-direction: row; flex-direction: row; } } .header__primary-nav > div { -ms-flex: 1; flex: 1; } @media (min-width: 64em) { .header__primary-nav > div { max-width: 250px; } .header__primary-nav > div:hover > a:not(.btn):not([type="submit"]) { cursor: default; border-bottom: 2px solid #1c628f; } } .header__primary-nav > div:last-child { -ms-flex-order: -1; order: -1; text-align: center; margin-bottom: 0.75rem; } @media (min-width: 64em) { .header__primary-nav > div:last-child { -ms-flex-order: 10; order: 10; max-width: none; text-align: right; margin-bottom: 0; } } .header__primary-nav > div > a:not(.btn):not([type="submit"]) { display: -ms-flexbox; -js-display: flex; display: flex; padding: 0.75rem 0; color: #fff; border-bottom: 1px solid #bec2c4; } @media (min-width: 64em) { .header__primary-nav > div > a:not(.btn):not([type="submit"]) { color: #343a41; border: 0; padding: 0; padding-bottom: 1.5rem; border-bottom: 2px solid transparent; transition: border-bottom 240ms ease-in-out; } } .header__primary-nav > div > a:not(.btn):not([type="submit"]) > span { -ms-flex: 1; flex: 1; padding-right: .5rem; } .header__primary-nav > div > a:not(.btn):not([type="submit"]) > i { -ms-flex: 1 0 1.625rem; flex: 1 0 1.625rem; max-width: 1.625rem; margin-right: 0; margin-left: auto; } @media (min-width: 64em) { .header__primary-nav > div:not(:last-child) { margin-right: 1rem; } } @media (min-width: 80em) { .header__primary-nav > div:not(:last-child) { margin-right: 2rem; } } @media (min-width: 64em) { .header__primary-nav .btn, .header__primary-nav [type="submit"] { width: auto; } } @media (min-width: 64em) { .header__secondary-nav-wrapper { display: -ms-flexbox; -js-display: flex; display: flex; -ms-flex-direction: row-reverse; flex-direction: row-reverse; position: absolute; width: 70%; max-width: 1180px !important; padding-left: 10px; padding-right: 10px; right: 0; top: 0; z-index: 30; } .header__secondary-nav-wrapper > ul { -ms-flex: 0 1 auto; flex: 0 1 auto; } } @media (min-width: 64em) { .header__secondary-nav a:not(.btn):not([type="submit"]), .header__secondary-nav-left a:not(.btn):not([type="submit"]) { padding-left: .5rem; padding-right: .5rem; } } .header__secondary-nav-left { padding-top: 0.75rem; padding-bottom: 0.75rem; text-align: center; font-weight: bold; } .header__secondary-nav-left > li + li { margin-top: 0.375rem; } @media (min-width: 64em) { .header__secondary-nav-left > li + li { margin-top: 0; } } @media (min-width: 64em) { .header__secondary-nav-left { display: -ms-flexbox; -js-display: flex; display: flex; -ms-flex-pack: end; justify-content: flex-end; text-align: left; padding: 0; -ms-flex-align: center; align-items: center; } .header__secondary-nav-left > li { -ms-flex: 0 1 auto; flex: 0 1 auto; } } .header__secondary-nav { display: -ms-flexbox; -js-display: flex; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; border-top: 1px solid #bec2c4; padding-top: 0.75rem; } @media (min-width: 64em) { .header__secondary-nav { padding-top: 0; border: 0; -ms-flex-align: center; align-items: center; } .header__secondary-nav ul { display: -ms-flexbox; -js-display: flex; display: flex; } } .header__secondary-nav > li { -ms-flex: 1 1 50%; flex: 1 1 50%; } @media (min-width: 64em) { .header__secondary-nav > li { -ms-flex: 1 1 auto; flex: 1 1 auto; } } .header__secondary-nav a { padding: .4rem 0; } @media (min-width: 64em) { .header__secondary-nav a { padding: 0 .5rem; } } .header__primary-nav div a { transition: none; width: 100%; box-sizing: border-box !important; } @media (min-width: 64em) { .header__primary-nav div a { width: auto; } } .header__primary-nav div.is-opened { margin-left: -10px; margin-right: -10px; } @media (min-width: 64em) { .header__primary-nav div.is-opened { margin-left: 0; margin-right: 2rem; } } .header__primary-nav div.is-opened a:not(.btn):not([type="submit"]) { padding-left: 10px; padding-right: 10px; background-color: #fff; color: #343a41; } @media (min-width: 64em) { .header__primary-nav div.is-opened a:not(.btn):not([type="submit"]) { padding-left: 0; padding-right: 0; } } @media (min-width: 64em) { .header__primary-nav div a + .primary-nav__submenu-wrapper { transition: max-height 240ms ease-in-out; } } .header__primary-nav div.is-opened a + .primary-nav__submenu-wrapper { max-height: 500px; } @media (min-width: 64em) { .header__primary-nav div.is-opened a + .primary-nav__submenu-wrapper { max-height: 0; } } @media (min-width: 64em) { .header__primary-nav div:hover a + .primary-nav__submenu-wrapper { max-height: 400px; padding-bottom: 1.5rem; } } .primary-nav__submenu-wrapper { max-height: 0; overflow: hidden; color: #343a41; background-color: #fff; } @media (min-width: 64em) { .primary-nav__submenu-wrapper { transition: max-height 240ms ease-in-out; position: absolute; z-index: 1; overflow: hidden; width: 100vw; left: 50%; background-color: #fff; max-height: 0; overflow: hidden; border-top: 1px solid #bec2c4; transform: translateX(-50%); } } .primary-nav__submenu { max-width: 1180px; margin-left: auto; padding-top: 1rem; margin-right: auto; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 64em) { .primary-nav__submenu { -ms-flex-direction: row; flex-direction: row; padding-top: 1.5rem; padding-bottom: 1.5rem; } } .primary-nav__submenu .h4 { margin-bottom: 0.75rem; } .primary-nav__submenu > div + div { margin-bottom: 1.5rem; } .primary-nav__submenu > div { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 4; flex-grow: 4; } .primary-nav__submenu > div ul { list-style: none; } .primary-nav__submenu > div a:not(.btn):not([type="submit"]) { color: currentColor; } .primary-nav__submenu > div:nth-child(1) { display: none; } @media (min-width: 64em) { .primary-nav__submenu > div:nth-child(1) { display: block; } } .primary-nav__submenu > div:nth-child(2) { -ms-flex-positive: 5; flex-grow: 5; padding-left: 10px; } @media (min-width: 64em) { .primary-nav__submenu > div:nth-child(2) { padding-left: 40px; } } .primary-nav__submenu > div:nth-child(2) ul { display: -ms-flexbox; -js-display: flex; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .primary-nav__submenu > div:nth-child(2) ul > li { -ms-flex: 1 0 50%; flex: 1 0 50%; max-width: 50%; } .primary-nav__submenu > div:nth-child(3) { -ms-flex-positive: 2; flex-grow: 2; padding-right: 10px; } .primary-nav__submenu > div:nth-child(3) ul { display: -ms-flexbox; -js-display: flex; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .primary-nav__submenu > div:nth-child(3) ul > li { -ms-flex: 1 0 50%; flex: 1 0 50%; max-width: 50%; } @media (min-width: 64em) { .primary-nav__submenu > div:nth-child(3) { padding-left: 40px; } .primary-nav__submenu > div:nth-child(3) ul > li { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } } .primary-nav__submenu > div:nth-child(1) { position: relative; padding-right: 1.5rem; } .primary-nav__submenu > div:nth-child(1) > * { position: relative; z-index: 1; } .primary-nav__submenu > div:nth-child(1)::before { content: ''; position: absolute; width: 50vw; left: 0; top: -1.5rem; height: calc(100% + 6rem); background-color: #eef2f4; transform: translateX(-50vw); } .primary-nav__submenu > div:nth-child(1)::after { content: ''; position: absolute; width: 100%; height: calc(100% + 6rem); left: 0; top: -1.5rem; background-color: #eef2f4; } [data-js-hamburger] { position: relative; width: auto; height: auto; } [data-js-hamburger] rect { transition: transform 150ms ease-in-out; transform-origin: 50%; transform: rotate(0); } [data-js-hamburger] g { transition: transform 150ms ease-in-out 200ms; } [data-js-hamburger] g:nth-of-type(2) rect { opacity: 1; transition: opacity 250ms ease-in-out 50ms; } header.is-opened svg rect { transition: transform 150ms ease-in-out 250ms; } header.is-opened svg g:nth-of-type(1), header.is-opened svg g:nth-of-type(3) { transition: transform 150ms ease-in-out; } header.is-opened svg g:nth-of-type(1) { transform: translateY(10px); } header.is-opened svg g:nth-of-type(1) rect { transform: rotate(45deg); } header.is-opened svg g:nth-of-type(2) rect { opacity: 0; } header.is-opened svg g:nth-of-type(3) { transform: translateY(-10px); } header.is-opened svg g:nth-of-type(3) rect { transform: rotate(-45deg); } .headerv2__nav--primary > .menu-wrapper ul a, .headerv2__element.has-dropdown > a, .nav-dropdown__triggers .nav-dropdown__trigger { font-size: 0.875rem; font-weight: 600; color: #7f8891; text-transform: uppercase; padding-top: 0.75rem; padding-bottom: 0.75rem; } @media (min-width: 64em) { .headerv2__nav--primary > .menu-wrapper ul a, .headerv2__element.has-dropdown > a, .nav-dropdown__triggers .nav-dropdown__trigger { padding-top: 0; padding-bottom: 0; } } .headerv2 { width: 100%; } @media (min-width: 64em) { .headerv2 { padding-top: 1rem; padding-bottom: 1rem; background-color: #fff; } .headerv2 .headerv2__nav-container { max-width: 1180px; margin-left: auto; margin-right: auto; } } .headerv2 .hs_cos_wrapper { display: block; } .headerv2 .hs_cos_wrapper * { display: block; } .headerv2 .content--border-left { padding-top: 1.5rem; } @media (min-width: 64em) { .headerv2 .content--border-left { padding-top: 0; padding-left: 30px; border-left: 1px solid #eef2f5; } } .headerv2 .content--title-link { color: #1c628f; } .headerv2 .content--subtitle-link { color: #7f8891; } .headerv2__mobile { position: relative; z-index: 30; display: block; text-align: center; padding-left: 0; padding-right: 4rem; padding-top: 0.75rem; padding-bottom: 0.75rem; background-color: #fff; } @media (min-width: 64em) { .headerv2__mobile { display: none; } } .headerv2__mobile .headerv2__logo { display: block; width: 100%; max-width: 150px; margin-left: 0; margin-right: auto; } .headerv2__mobile .headerv2__logo img { width: 100% !important; } .headerv2__mobile .headerv2__nav-icon { position: absolute; right: 0; top: 9px; -ms-flex: 0 1 50px; flex: 0 1 50px; border: 1px solid #7f8891; border-radius: 50%; width: 50px; height: 50px; display: -ms-flexbox; -js-display: flex; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .headerv2__mobile .headerv2__nav-icon svg { width: 53.375px; height: 33.125px; } .headerv2__mobile .headerv2__nav-icon svg { width: 80%; height: 80%; } .headerv2__mobile .headerv2__nav-icon rect { fill: #7f8891; } @media (min-width: 64em) { .headerv2__mobile .headerv2__nav-icon { display: none; } } @media (min-width: 64em) { .headerv2__nav--primary { display: -ms-flexbox; -js-display: flex; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-positive: 1; flex-grow: 1; margin-right: 1rem; } .headerv2__nav--primary > * { -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; white-space: nowrap; } } .headerv2__nav--primary > li a { display: block; } .headerv2__nav--primary > .menu-wrapper ul { margin-left: 1rem; } @media (min-width: 64em) { .headerv2__nav--primary > .menu-wrapper ul { display: -ms-flexbox; -js-display: flex; display: flex; -ms-flex-align: center; align-items: center; } .headerv2__nav--primary > .menu-wrapper ul li + li { margin-left: 1rem; } } .headerv2__nav--primary .headerv2__logo { display: none; width: 100%; } @media (min-width: 64em) { .headerv2__nav--primary .headerv2__logo { display: block; width: 100%; min-width: 125px; max-width: 150px; margin-right: 1rem; } .headerv2__nav--primary .headerv2__logo img { width: 100% !important; } } @media (min-width: 80em) { .headerv2__nav--primary .headerv2__logo { margin-right: 2rem; max-width: 198px; } } @media (min-width: 64em) { .headerv2__nav--secondary { display: -ms-flexbox; -js-display: flex; display: flex; -ms-flex-align: center; align-items: center; } .headerv2__nav--secondary > * { margin-left: .5rem; } } .headerv2__nav--secondary a { display: block; margin-top: 0.75rem; font-size: 0.875rem; color: #7f8891; } @media (min-width: 64em) { .headerv2__nav--secondary a { margin-top: 0; } } @media (min-width: 64em) { .headerv2__nav--secondary .menu-wrapper ul { display: -ms-flexbox; -js-display: flex; display: flex; -ms-flex-align: center; align-items: center; } } .headerv2__nav--secondary .menu-wrapper ul a { padding-top: 0.75rem; padding-bottom: 0.75rem; } @media (min-width: 64em) { .headerv2__nav--secondary .menu-wrapper ul a { padding-top: 6px; padding-bottom: 6px; } } @media (min-width: 64em) { .headerv2__nav--secondary .menu-wrapper ul { display: -ms-flexbox; -js-display: flex; display: flex; -ms-flex-align: center; align-items: center; } .headerv2__nav--secondary .menu-wrapper ul li + li { margin-left: 1rem; } } .headerv2__nav-container { height: 0; overflow: hidden; position: absolute; z-index: 25; width: 100%; top: 0; left: 0; padding-top: 70px; padding-left: 10px; padding-right: 10px; background-color: #fff; transition: all 480ms ease-in-out; } @media (min-width: 64em) { .headerv2__nav-container { display: -ms-flexbox; -js-display: flex; display: flex; height: auto; padding: 0; position: relative; left: auto; top: auto; width: auto; overflow: visible; transition: none; } } .headerv2__nav-container.is-opened { height: 100vh; transition: height 480ms ease-in-out 240ms; -webkit-overflow-scrolling: touch; overflow: auto; } @media (min-width: 64em) { .headerv2__nav-container.is-opened { height: auto; overflow: visible; } } @media (min-width: 64em) { .headerv2__dropdown { position: absolute; width: 100%; left: 0; padding-top: 29px; text-align: left; display: none; } } .headerv2__dropdown .h5 { margin-bottom: 0.375rem; } .headerv2__element.has-dropdown { padding: .8rem; background-color: #eef2f4; margin-bottom: 1.5rem; } @media (min-width: 64em) { .headerv2__element.has-dropdown { margin-bottom: 0; } } .headerv2__element.has-dropdown:hover .headerv2__dropdown { display: block; } .headerv2__element.has-dropdown [class*="icon-"] { position: relative; top: 3px; } @media (max-width: 63.9375em) { .nav-dropdown__triggers + [gr-grid~=row--block] { display: none; } } @media (min-width: 64em) { .nav-dropdown__triggers { position: relative; display: -ms-flexbox; -js-display: flex; display: flex; border-top: 1px solid #eef2f4; border-bottom: 1px solid #eef2f4; background-color: #fff; left: -1.4rem; top: -1.4rem; } .nav-dropdown__triggers > * { -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; } } .nav-dropdown__triggers .nav-dropdown__trigger { position: relative; display: block; text-transform: none; background-color: #fff; } @media (max-width: 63.9375em) { .nav-dropdown__triggers .nav-dropdown__trigger { color: #58c875; padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0; font-size: 1.125rem; line-height: 1.2; } } @media (min-width: 64em) { .nav-dropdown__triggers .nav-dropdown__trigger { font-size: 1rem; padding: 1rem 1.5rem; } .nav-dropdown__triggers .nav-dropdown__trigger.is-active { background-color: #eef2f4; } .nav-dropdown__triggers .nav-dropdown__trigger.is-active::after { display: block; } } .nav-dropdown__triggers .nav-dropdown__trigger::after { content: ""; display: none; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-style: solid; border-width: 10px 12.5px 0 12.5px; border-color: #eef2f4 transparent transparent transparent; } @media (max-width: 63.9375em) { .nav-dropdown__triggers + [gr-grid=row] { display: none; } } .nav-dropdown__content { padding: 1rem; background-color: #fff; } @media (max-width: 63.9375em) { .nav-dropdown__content { display: block !important; } .nav-dropdown__content:nth-of-type(1) .nav-dropdown__triggers li:nth-child(2) { display: none; } .nav-dropdown__content:nth-of-type(2) .nav-dropdown__triggers li:nth-child(1) { display: none; } } .nav-dropdown__content .trigger-mobile { padding-top: 1.5rem; } @media (min-width: 64em) { .nav-dropdown__content .trigger-mobile { padding-top: 0; } } @media (min-width: 64em) { .nav-dropdown__content { display: none; padding: 1.4rem; } .nav-dropdown__content.is-active { display: block; } } .nav-dropdown__content .h4 { display: block; } .nav-dropdown__content .menu-wrapper ul li { margin-bottom: .4rem; } .nav-dropdown__content .menu-wrapper ul a { color: #7f8891; } @media (min-width: 64em) { .nav-dropdown__content .subnav-2col ul { display: -ms-flexbox; -js-display: flex; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .nav-dropdown__content .subnav-2col ul > li { -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } } @media (min-width: 64em) { .nav-dropdown__content [gr-grid=block] + [gr-grid=block] { padding-left: 40px; border-left: 1px solid #eef2f4; } } .nav-dropdown__content .btn, .nav-dropdown__content [type="submit"] { margin-top: 1.5rem; } [js-hamburger] { position: relative; width: auto; height: auto; } [js-hamburger] rect { transition: transform 150ms ease-in-out; transform-origin: 50%; transform: rotate(0); } [js-hamburger] g { transition: transform 150ms ease-in-out 200ms; } [js-hamburger] g:nth-of-type(2) rect { opacity: 1; transition: opacity 250ms ease-in-out 50ms; } [js-hamburger].is-active rect { transition: transform 150ms ease-in-out 250ms; } [js-hamburger].is-active g:nth-of-type(1), [js-hamburger].is-active g:nth-of-type(3) { transition: transform 150ms ease-in-out; } [js-hamburger].is-active g:nth-of-type(1) { transform: translateY(10px); } [js-hamburger].is-active g:nth-of-type(1) rect { transform: rotate(45deg); } [js-hamburger].is-active g:nth-of-type(2) rect { opacity: 0; } [js-hamburger].is-active g:nth-of-type(3) { transform: translateY(-10px); } [js-hamburger].is-active g:nth-of-type(3) rect { transform: rotate(-45deg); } .footer { color: #7f8891; background-color: #eef2f4; padding-top: 2.5em; padding-bottom: 2.5em; } .footer .h4 { margin-bottom: 1.5rem; } .footer .social-icons--link { margin-top: 1.5rem; margin-bottom: 1.5rem; } .footer__list { list-style-type: none; } .footer__list ul { list-style-type: none; } .footer__list li + li { margin-top: 1.5rem; } .footer__list a { color: #7f8891; } .footer__list.footer__list--bold { margin-top: 1.5rem; } @media (min-width: 48em) { .footer__list.footer__list--bold { margin-top: 0; } } .footer__list.footer__list--bold a { display: block; } .footer__list.footer__list--bold a::after { display: none; } .footer__link { position: relative; display: inline-block; outline: 0; text-decoration: none; color: inherit; } .footer__link::after { position: absolute; top: 100%; left: 0; content: ''; width: 100%; height: 1px; background: currentColor; opacity: 0; transform: translateY(6px); will-change: transform; transition: opacity .3s, transform .3s; transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); } .footer__link:hover::after { opacity: 1; transform: translateY(0); } .footer--landing { text-align: center; padding-top: 0.9375em; padding-bottom: 0.9375em; } .notification { background-color: #ffffd9; padding-top: 1.875em; padding-bottom: 1.875em; color: #a58d43; } .notification .tel { position: relative; display: inline-block; outline: 0; text-decoration: none; font-size: 1.5em; color: inherit; font-weight: 700; margin-left: .2em; text-decoration: none; } .notification .tel::after { position: absolute; top: 100%; left: 0; content: ''; width: 100%; height: 1px; background: currentColor; opacity: 0; transform: translateY(6px); will-change: transform; transition: opacity .3s, transform .3s; transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); } .notification .tel:hover::after { opacity: 1; transform: translateY(0); } .notification .tel::after { height: 2px; } .notification .h1, .notification .typography h1, .typography .notification h1, .notification .blog-comments .comment-body h1, .blog-comments .comment-body .notification h1, .notification .card--stats .card--stats__title, .card--stats .notification .card--stats__title { color: #a58d43; } .notification .h2, .notification .typography h2, .typography .notification h2, .notification .blog-comments .comment-body h2, .blog-comments .comment-body .notification h2 { color: #a58d43; } .notification .h3, .notification .typography h3, .typography .notification h3, .notification .blog-comments .comment-body h3, .blog-comments .comment-body .notification h3 { color: #a58d43; } .notification .h4, .notification .typography h4, .typography .notification h4, .notification .blog-comments .comment-body h4, .blog-comments .comment-body .notification h4, .notification .card--stats .card--stats__subtitle, .card--stats .notification .card--stats__subtitle, .notification .card--values .card--values__title, .card--values .notification .card--values__title, .notification .footer__list.footer__list--bold a, .footer__list.footer__list--bold .notification a, .notification .timeline .timeline__title, .timeline .notification .timeline__title, .notification .timeline .timeline__date, .timeline .notification .timeline__date { color: #a58d43; } .notification .h5, .notification .typography h5, .typography .notification h5, .notification .blog-comments .comment-body h5, .blog-comments .comment-body .notification h5 { color: #a58d43; } .notification .typography, .notification .blog-comments .comment-body, .blog-comments .notification .comment-body { color: #a58d43; } .notification .typography a, .notification .blog-comments .comment-body a, .blog-comments .notification .comment-body a { color: inherit; text-decoration: underline; } .notification .typography a:hover, .notification .blog-comments .comment-body a:hover, .blog-comments .notification .comment-body a:hover { color: #a58d43; } @media (min-width: 48em) { .notification__inner { display: -ms-flexbox; -js-display: flex; display: flex; -ms-flex-align: center; align-items: center; } } .notification__body { position: relative; padding-left: 40px; padding-top: 0.375rem; } .notification__body::before { position: absolute; left: 0; top: 0; content: "\f05a"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 1.6em; } @media (min-width: 48em) { .notification__body { -ms-flex: 1; flex: 1; -ms-flex-preferred-size: 80%; flex-basis: 80%; max-width: 80%; } } .notification__cta { padding-left: 40px; margin-top: 3rem; } @media (min-width: 48em) { .notification__cta { -ms-flex-preferred-size: 20%; flex-basis: 20%; max-width: 20%; margin-top: 0; } } .topics { padding: 1.5rem 20px; margin-bottom: 0.75rem; } .topics .card-title, .topics #comment-form h2, #comment-form .topics h2, .topics #hs_form_target_comment_form h2, #hs_form_target_comment_form .topics h2, .topics .cta__title, .topics .expandable .expander__trigger, .expandable .topics .expander__trigger { margin-bottom: 1.5rem; } .stats { text-align: center; } .stats .h1 { margin-bottom: 0; color: inherit; } [gr-sticky-features-reference] [gr-grid="container"] .section { padding-left: 0; padding-right: 0; } @media (min-width: 64em) { [gr-sticky-features-reference] [gr-grid="container"] .section { padding-left: 10px; padding-right: 10px; } } [gr-sticky-features-reference] [gr-grid="row"] { position: relative; } [gr-sticky-features] { display: none; } @media (min-width: 64em) { [gr-sticky-features] { right: -10px; position: relative; padding: 1.5rem 20px; display: block; } } @media (min-width: 80em) { [gr-sticky-features] { right: 0; } } @media (min-width: 64em) { [gr-sticky-features].is-sticky { top: 0; right: 0; position: fixed; width: calc(50% - 20px); } } @media (min-width: 80em) { [gr-sticky-features].is-sticky { width: 570px; right: calc(50% - 10px); transform: translateX(100%); } } @media (min-width: 64em) { [gr-sticky-features].is-at-bottom { position: absolute; bottom: 0; right: 0; width: calc(50% - 20px); } } @media (min-width: 80em) { [gr-sticky-features].is-at-bottom { right: 10px; width: 570px; } } .feature { padding-top: 3rem; padding-left: 0.75rem; padding-right: 0.75rem; } .feature .feature__screen { width: 100%; } .feature .section-title { margin-bottom: 1.5rem; } .article-footer { margin-top: 3rem; border-top: 1px solid #bec2c4; border-bottom: 1px solid #bec2c4; padding-top: 0.75rem; padding-bottom: 0.75rem; color: #7f8891; } @media (min-width: 48em) { .article-footer { display: -ms-flexbox; -js-display: flex; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; } } .article-footer a { color: #7f8891; font-size: 1em; } .article-footer i { font-size: .6em; padding-right: 5px; } .article-footer p { padding-top: 0.375rem; padding-bottom: 0.375rem; } @media (min-width: 48em) { .article-footer p { display: inline-block; padding-right: 20px; padding-top: 0; padding-bottom: 0; } } .article-footer .hs_cos_wrapper_type_blog_social_sharing { display: block; } @media (min-width: 48em) { .article-footer .hs_cos_wrapper_type_blog_social_sharing { display: inline-block; vertical-align: middle; } } .article-footer .hs-blog-social-share { height: auto !important; } .timeline { position: relative; width: 100%; max-width: 700px; margin-left: auto; margin-right: auto; margin-top: 1.5rem; } @media (min-width: 48em) { .timeline::before { content: ""; width: 2px; height: calc(100% + 13px); background-color: #1c628f; position: absolute; left: 50%; transform: translateX(-50%); } } .timeline .timeline__element, .timeline > span > .hs_cos_wrapper { position: relative; margin-bottom: 0.75rem; } @media (min-width: 48em) { .timeline .timeline__element, .timeline > span > .hs_cos_wrapper { width: 50%; margin-bottom: 0; padding-bottom: 3rem; } } @media (min-width: 48em) { .timeline .timeline__element::before, .timeline > span > .hs_cos_wrapper::before { content: ""; display: block; width: 8px; height: 8px; background-color: #1c628f; border-radius: 50%; position: absolute; } .timeline .timeline__element:nth-child(odd), .timeline > span > .hs_cos_wrapper:nth-child(odd) { margin-left: auto; margin-right: 0; padding-left: 1.5rem; } .timeline .timeline__element:nth-child(odd)::before, .timeline > span > .hs_cos_wrapper:nth-child(odd)::before { left: -4px; } .timeline .timeline__element:nth-child(even), .timeline > span > .hs_cos_wrapper:nth-child(even) { text-align: right; padding-right: 1.5rem; } .timeline .timeline__element:nth-child(even)::before, .timeline > span > .hs_cos_wrapper:nth-child(even)::before { right: -4px; } } .timeline .other-timeline > span > .hs_cos_wrapper { position: relative; margin-bottom: 0.75rem; } @media (min-width: 48em) { .timeline .other-timeline > span > .hs_cos_wrapper { width: 50%; margin-bottom: 0; padding-bottom: 3rem; } } @media (min-width: 48em) { .timeline .other-timeline > span > .hs_cos_wrapper::before { content: ""; display: block; width: 8px; height: 8px; background-color: #1c628f; border-radius: 50%; position: absolute; } .timeline .other-timeline > span > .hs_cos_wrapper:nth-child(even) { margin-left: auto; margin-right: 0; padding-left: 1.5rem; } .timeline .other-timeline > span > .hs_cos_wrapper:nth-child(even)::before { left: -4px; } .timeline .other-timeline > span > .hs_cos_wrapper:nth-child(odd) { text-align: right; padding-right: 1.5rem; } .timeline .other-timeline > span > .hs_cos_wrapper:nth-child(odd)::before { right: -4px; } } .timeline .other-timeline { margin-top: 4rem; max-height: 0; overflow: hidden; } .timeline .other-timeline.is-opened { max-height: 100%; overflow: visible; } .timeline .timeline__title { position: relative; left: 0; margin-bottom: 0; } .timeline .timeline__date { margin-bottom: 0; font-weight: 300; } .timeline .timeline__trigger { display: -ms-flexbox; -js-display: flex; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; position: absolute; left: 50%; bottom: -13px; transform: translateX(-50%); width: 26px; height: 26px; border-radius: 50%; background-color: #1c628f; color: #fff; font-size: 0.625rem; } .timeline .timeline__trigger [class*="icon-"] { position: relative; top: 3px; } .main-carousel { height: 320px; overflow: hidden; } .main-carousel .flickity-prev-next-button { border-radius: 0%; background-color: #1c628f; } .main-carousel .flickity-prev-next-button.previous { left: 0; } .main-carousel .flickity-prev-next-button.next { right: 0; } .main-carousel .flickity-prev-next-button .arrow { fill: white; } .main-carousel .flickity-prev-next-button svg { left: 35%; top: 36%; width: 12px; height: 12px; } .main-carousel .flickity-prev-next-button:hover { background-color: #4389b5; } @media (min-width: 64em) { body { overflow-x: hidden; } } .color-primary { color: #1c628f; } .border-color-primary { border-color: #1c628f; } .bg-color-primary { background-color: #1c628f; } .color-secondary { color: #4389b5; } .border-color-secondary { border-color: #4389b5; } .bg-color-secondary { background-color: #4389b5; } .color-tertiary { color: #61abd9; } .border-color-tertiary { border-color: #61abd9; } .bg-color-tertiary { background-color: #61abd9; } .typography h1, .blog-comments .comment-body h1, .typography h2, .blog-comments .comment-body h2, .typography h3, .blog-comments .comment-body h3, .typography h4, .blog-comments .comment-body h4, .typography h5, .blog-comments .comment-body h5, .typography h6, .blog-comments .comment-body h6 { color: inherit; } .typography p, .blog-comments .comment-body p, .typography ul, .blog-comments .comment-body ul, .typography ol, .blog-comments .comment-body ol, .typography blockquote, .blog-comments .comment-body blockquote { color: #7f8891; } .typography img, .blog-comments .comment-body img { max-width: 100%; height: auto !important; } .tools-logos { display: none; } @media (min-width: 48em) { .tools-logos { display: -ms-flexbox; -js-display: flex; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; height: 100%; } } .tools-logos span { display: block; margin-top: 0.75rem; margin-bottom: 0.75rem; } .left-aligned { text-align: center; } @media (min-width: 30em) { .left-aligned { text-align: left; } } .centered { text-align: center; } .right-aligned { text-align: center; } @media (min-width: 30em) { .right-aligned { text-align: right; } } [gr-grid~=row--block-centered] { -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } [gr-grid~=row--block-flex-start] { -ms-flex-pack: center; justify-content: center; -ms-flex-align: start; align-items: flex-start; } [gr-grid~=row--block-centered-justified] { -ms-flex-pack: center; justify-content: center; } @media (min-width: 64em) { [gr-grid="row--block row--block-centered md-3 xs-1"] > .hs_cos_wrapper_widget_container { display: -ms-flexbox; -js-display: flex; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } [gr-grid="row--block row--block-centered md-3 xs-1"] > .hs_cos_wrapper_widget_container > div { width: 33.3%; -ms-flex-preferred-size: 33.3%; flex-basis: 33.3%; } } .hs_cos_wrapper_type_cta .hs-cta-node { display: none; } .hs_cos_wrapper_type_cta .hs-cta-node[data-hs-drop="true"] { display: block; } aside { margin-top: 3rem; } aside .typography, aside .blog-comments .comment-body, .blog-comments aside .comment-body { margin-bottom: 0.75rem; } @media (min-width: 48em) { aside { margin-top: 0; } } @media (min-width: 64em) { aside .hs_cos_wrapper_type_form form { max-width: 350px; } } .hs_cos_wrapper_type_social_sharing { margin-top: 1.5rem; display: block; } .hs_cos_wrapper_type_social_sharing a { display: inline-block; } .section { padding-top: 2.5rem; padding-bottom: 2.5rem; } .section__title { font-size: 2.25em; line-height: 1.1; text-align: center; color: inherit; } .section__btn { margin-top: 1.5rem; text-align: center; } .section.bg { color: #fff; } .section.bg .typography, .section.bg .blog-comments .comment-body, .blog-comments .section.bg .comment-body { color: #fff; } .section.bg .typography h1, .section.bg .blog-comments .comment-body h1, .blog-comments .section.bg .comment-body h1, .section.bg .typography h2, .section.bg .blog-comments .comment-body h2, .blog-comments .section.bg .comment-body h2, .section.bg .typography h3, .section.bg .blog-comments .comment-body h3, .blog-comments .section.bg .comment-body h3, .section.bg .typography p, .section.bg .blog-comments .comment-body p, .blog-comments .section.bg .comment-body p, .section.bg .typography ul, .section.bg .blog-comments .comment-body ul, .blog-comments .section.bg .comment-body ul, .section.bg .typography ol, .section.bg .blog-comments .comment-body ol, .blog-comments .section.bg .comment-body ol { color: #fff; } .section.bg .card__title { color: #fff; } .section img { margin: 0 auto 1.5rem; } .section .client-box img { margin: 0; } section + #benefices, section + #gains, section + #reasons { padding-top: 0; } #reasons + section { padding-bottom: 0.75rem; } .section-hover { position: relative; overflow: hidden; } .section-hover__picture { margin-top: 1.5rem; text-align: right; display: none; } .section-hover__picture img { display: none; max-width: 100%; } .section-hover__picture img.is-active { display: block; } .section-hover__intro { margin-bottom: 3.125rem; } .section-hover__intro .typography, .section-hover__intro .blog-comments .comment-body, .blog-comments .section-hover__intro .comment-body { text-align: center; } .section-hover__cards .card { padding: 0; margin-top: 1.5rem; margin-bottom: 1.5rem; } .section-hover__cards img { display: none; width: 59px; height: 67px; } @media (min-width: 48em) { .section-hover__cards { display: -ms-flexbox; -js-display: flex; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-between; } .section-hover__cards .card { -ms-flex-preferred-size: 40%; flex-basis: 40%; } .section-hover__cards .card:first-child { -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-bottom: 3.75rem; } .section-hover__cards img { display: block; -ms-flex-preferred-size: 20%; flex-basis: 20%; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; margin-bottom: 4.6875rem; } } @media (min-width: 64em) { .section-hover > div { display: -ms-flexbox; -js-display: flex; display: flex; } .section-hover__content { -ms-flex-positive: 2; flex-grow: 2; } .section-hover__picture { display: block; width: 100%; -ms-flex-positive: 1; flex-grow: 1; margin-right: calc(-50vw + ( 1180px / 2 ) - 20px); } .section-hover__picture img { display: block; position: absolute; max-width: 150%; opacity: 0; visibility: hidden; transform: translateX(10%); will-change: transform; transition: all 480ms; } .section-hover__picture img.is-active { opacity: 1; visibility: visible; transform: translateX(0); } } @media (min-width: 30em) { .block-grid-equipe > .hs_cos_wrapper > .hs_cos_wrapper { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } } @media (min-width: 48em) { .block-grid-equipe > .hs_cos_wrapper > .hs_cos_wrapper { -ms-flex-preferred-size: 33%; flex-basis: 33%; max-width: 33%; } } @media (min-width: 80em) { .block-grid-equipe > .hs_cos_wrapper > .hs_cos_wrapper { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } } .block-grid-stats > .hs_cos_wrapper { -ms-flex-pack: center; justify-content: center; } @media (min-width: 30em) { .block-grid-stats > .hs_cos_wrapper > .hs_cos_wrapper { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } } @media (min-width: 48em) { .block-grid-stats > .hs_cos_wrapper > .hs_cos_wrapper { -ms-flex-preferred-size: 33%; flex-basis: 33%; max-width: 33%; } } @media (min-width: 80em) { .block-grid-stats > .hs_cos_wrapper > .hs_cos_wrapper { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } } @media (min-width: 30em) { .block-grid-values > .hs_cos_wrapper > .hs_cos_wrapper { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } } @media (min-width: 48em) { .block-grid-values > .hs_cos_wrapper > .hs_cos_wrapper { -ms-flex-preferred-size: 33%; flex-basis: 33%; max-width: 33%; } } @media (min-width: 80em) { .block-grid-values > .hs_cos_wrapper > .hs_cos_wrapper { -ms-flex-preferred-size: 20%; flex-basis: 20%; max-width: 20%; } } @media (min-width: 30em) { .block-grid-equipe-direction > .hs_cos_wrapper > .hs_cos_wrapper { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } } @media (min-width: 48em) { .block-grid-equipe-direction > .hs_cos_wrapper > .hs_cos_wrapper { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } } @font-face { font-family: "Locator"; src: url("../fonts/Locator.woff"); font-weight: normal; font-style: normal; } @font-face { font-family: "Locator"; src: url("../fonts/LocatorBold.woff"); font-weight: Bold; font-style: normal; } [gr-grid~=row][gr-grid~=row-reverse] { -ms-flex-direction: row-reverse; flex-direction: row-reverse; } [gr-grid~=collapse] > [gr-grid] { padding-left: 0; padding-right: 0; margin-top: 0 !important; } @media only screen and (min-width: 480px) { [gr-grid~=row] [gr-grid~='xs-1'] { -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; } [gr-grid~=row--block][gr-grid~='xs-1'] [gr-grid=block] { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } [gr-grid~=row--block][gr-grid~='xs-1'] [gr-grid=block]:nth-of-type(n) { margin-top: 0; } [gr-grid~=row--block][gr-grid~='xs-1'] [gr-grid=block]:nth-of-type(n + 2) { margin-top: 20px; } [gr-grid~=row--block][gr-grid~='xs-offset-1'] { margin-left: calc((100% / 12 * 1) - (20px / 2)); margin-right: calc((100% / 12 * 1) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='xs-offset-left-1'] { margin-left: calc((100% / 12 * 1) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='xs-offset-right-1'] { margin-right: calc((100% / 12 * 1) - (20px / 2)); } [gr-grid~=row] [gr-grid~='xs-offset-1'] { margin-left: 8.33333%; margin-right: 8.33333%; } [gr-grid~=row] [gr-grid~='xs-offset-left-1'] { margin-left: 8.33333%; } [gr-grid~=row] [gr-grid~='xs-offset-right-1'] { margin-right: 8.33333%; } [gr-grid~=row] [gr-grid~='xs-2'] { -ms-flex-positive: 2; flex-grow: 2; -ms-flex-preferred-size: 0; flex-basis: 0; } [gr-grid~=row--block][gr-grid~='xs-2'] [gr-grid=block] { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } [gr-grid~=row--block][gr-grid~='xs-2'] [gr-grid=block]:nth-of-type(n) { margin-top: 0; } [gr-grid~=row--block][gr-grid~='xs-2'] [gr-grid=block]:nth-of-type(n + 3) { margin-top: 20px; } [gr-grid~=row--block][gr-grid~='xs-offset-2'] { margin-left: calc((100% / 12 * 2) - (20px / 2)); margin-right: calc((100% / 12 * 2) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='xs-offset-left-2'] { margin-left: calc((100% / 12 * 2) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='xs-offset-right-2'] { margin-right: calc((100% / 12 * 2) - (20px / 2)); } [gr-grid~=row] [gr-grid~='xs-offset-2'] { margin-left: 16.66667%; margin-right: 16.66667%; } [gr-grid~=row] [gr-grid~='xs-offset-left-2'] { margin-left: 16.66667%; } [gr-grid~=row] [gr-grid~='xs-offset-right-2'] { margin-right: 16.66667%; } [gr-grid~=row] [gr-grid~='xs-3'] { -ms-flex-positive: 3; flex-grow: 3; -ms-flex-preferred-size: 0; flex-basis: 0; } [gr-grid~=row--block][gr-grid~='xs-3'] [gr-grid=block] { -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333%; } [gr-grid~=row--block][gr-grid~='xs-3'] [gr-grid=block]:nth-of-type(n) { margin-top: 0; } [gr-grid~=row--block][gr-grid~='xs-3'] [gr-grid=block]:nth-of-type(n + 4) { margin-top: 20px; } [gr-grid~=row--block][gr-grid~='xs-offset-3'] { margin-left: calc((100% / 12 * 3) - (20px / 2)); margin-right: calc((100% / 12 * 3) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='xs-offset-left-3'] { margin-left: calc((100% / 12 * 3) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='xs-offset-right-3'] { margin-right: calc((100% / 12 * 3) - (20px / 2)); } [gr-grid~=row] [gr-grid~='xs-offset-3'] { margin-left: 25%; margin-right: 25%; } [gr-grid~=row] [gr-grid~='xs-offset-left-3'] { margin-left: 25%; } [gr-grid~=row] [gr-grid~='xs-offset-right-3'] { margin-right: 25%; } [gr-grid~=row] [gr-grid~='xs-4'] { -ms-flex-positive: 4; flex-grow: 4; -ms-flex-preferred-size: 0; flex-basis: 0; } [gr-grid~=row--block][gr-grid~='xs-4'] [gr-grid=block] { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } [gr-grid~=row--block][gr-grid~='xs-4'] [gr-grid=block]:nth-of-type(n) { margin-top: 0; } [gr-grid~=row--block][gr-grid~='xs-4'] [gr-grid=block]:nth-of-type(n + 5) { margin-top: 20px; } [gr-grid~=row--block][gr-grid~='xs-offset-4'] { margin-left: calc((100% / 12 * 4) - (20px / 2)); margin-right: calc((100% / 12 * 4) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='xs-offset-left-4'] { margin-left: calc((100% / 12 * 4) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='xs-offset-right-4'] { margin-right: calc((100% / 12 * 4) - (20px / 2)); } [gr-grid~=row] [gr-grid~='xs-offset-4'] { margin-left: 33.33333%; margin-right: 33.33333%; } [gr-grid~=row] [gr-grid~='xs-offset-left-4'] { margin-left: 33.33333%; } [gr-grid~=row] [gr-grid~='xs-offset-right-4'] { margin-right: 33.33333%; } [gr-grid~=row] [gr-grid~='xs-5'] { -ms-flex-positive: 5; flex-grow: 5; -ms-flex-preferred-size: 0; flex-basis: 0; } [gr-grid~=row--block][gr-grid~='xs-5'] [gr-grid=block] { -ms-flex-preferred-size: 20%; flex-basis: 20%; max-width: 20%; } [gr-grid~=row--block][gr-grid~='xs-5'] [gr-grid=block]:nth-of-type(n) { margin-top: 0; } [gr-grid~=row--block][gr-grid~='xs-5'] [gr-grid=block]:nth-of-type(n + 6) { margin-top: 20px; } [gr-grid~=row--block][gr-grid~='xs-offset-5'] { margin-left: calc((100% / 12 * 5) - (20px / 2)); margin-right: calc((100% / 12 * 5) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='xs-offset-left-5'] { margin-left: calc((100% / 12 * 5) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='xs-offset-right-5'] { margin-right: calc((100% / 12 * 5) - (20px / 2)); } [gr-grid~=row] [gr-grid~='xs-offset-5'] { margin-left: 41.66667%; margin-right: 41.66667%; } [gr-grid~=row] [gr-grid~='xs-offset-left-5'] { margin-left: 41.66667%; } [gr-grid~=row] [gr-grid~='xs-offset-right-5'] { margin-right: 41.66667%; } [gr-grid~=row] [gr-grid~='xs-6'] { -ms-flex-positive: 6; flex-grow: 6; -ms-flex-preferred-size: 0; flex-basis: 0; } [gr-grid~=row--block][gr-grid~='xs-6'] [gr-grid=block] { -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667%; } [gr-grid~=row--block][gr-grid~='xs-6'] [gr-grid=block]:nth-of-type(n) { margin-top: 0; } [gr-grid~=row--block][gr-grid~='xs-6'] [gr-grid=block]:nth-of-type(n + 7) { margin-top: 20px; } [gr-grid~=row--block][gr-grid~='xs-offset-6'] { margin-left: calc((100% / 12 * 6) - (20px / 2)); margin-right: calc((100% / 12 * 6) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='xs-offset-left-6'] { margin-left: calc((100% / 12 * 6) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='xs-offset-right-6'] { margin-right: calc((100% / 12 * 6) - (20px / 2)); } [gr-grid~=row] [gr-grid~='xs-offset-6'] { margin-left: 50%; margin-right: 50%; } [gr-grid~=row] [gr-grid~='xs-offset-left-6'] { margin-left: 50%; } [gr-grid~=row] [gr-grid~='xs-offset-right-6'] { margin-right: 50%; } [gr-grid~=row] [gr-grid~='xs-7'] { -ms-flex-positive: 7; flex-grow: 7; -ms-flex-preferred-size: 0; flex-basis: 0; } [gr-grid~=row--block][gr-grid~='xs-7'] [gr-grid=block] { -ms-flex-preferred-size: 14.28571%; flex-basis: 14.28571%; max-width: 14.28571%; } [gr-grid~=row--block][gr-grid~='xs-7'] [gr-grid=block]:nth-of-type(n) { margin-top: 0; } [gr-grid~=row--block][gr-grid~='xs-7'] [gr-grid=block]:nth-of-type(n + 8) { margin-top: 20px; } [gr-grid~=row--block][gr-grid~='xs-offset-7'] { margin-left: calc((100% / 12 * 7) - (20px / 2)); margin-right: calc((100% / 12 * 7) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='xs-offset-left-7'] { margin-left: calc((100% / 12 * 7) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='xs-offset-right-7'] { margin-right: calc((100% / 12 * 7) - (20px / 2)); } [gr-grid~=row] [gr-grid~='xs-offset-7'] { margin-left: 58.33333%; margin-right: 58.33333%; } [gr-grid~=row] [gr-grid~='xs-offset-left-7'] { margin-left: 58.33333%; } [gr-grid~=row] [gr-grid~='xs-offset-right-7'] { margin-right: 58.33333%; } [gr-grid~=row] [gr-grid~='xs-8'] { -ms-flex-positive: 8; flex-grow: 8; -ms-flex-preferred-size: 0; flex-basis: 0; } [gr-grid~=row--block][gr-grid~='xs-8'] [gr-grid=block] { -ms-flex-preferred-size: 12.5%; flex-basis: 12.5%; max-width: 12.5%; } [gr-grid~=row--block][gr-grid~='xs-8'] [gr-grid=block]:nth-of-type(n) { margin-top: 0; } [gr-grid~=row--block][gr-grid~='xs-8'] [gr-grid=block]:nth-of-type(n + 9) { margin-top: 20px; } [gr-grid~=row--block][gr-grid~='xs-offset-8'] { margin-left: calc((100% / 12 * 8) - (20px / 2)); margin-right: calc((100% / 12 * 8) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='xs-offset-left-8'] { margin-left: calc((100% / 12 * 8) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='xs-offset-right-8'] { margin-right: calc((100% / 12 * 8) - (20px / 2)); } [gr-grid~=row] [gr-grid~='xs-offset-8'] { margin-left: 66.66667%; margin-right: 66.66667%; } [gr-grid~=row] [gr-grid~='xs-offset-left-8'] { margin-left: 66.66667%; } [gr-grid~=row] [gr-grid~='xs-offset-right-8'] { margin-right: 66.66667%; } [gr-grid~=row] [gr-grid~='xs-9'] { -ms-flex-positive: 9; flex-grow: 9; -ms-flex-preferred-size: 0; flex-basis: 0; } [gr-grid~=row--block][gr-grid~='xs-9'] [gr-grid=block] { -ms-flex-preferred-size: 11.11111%; flex-basis: 11.11111%; max-width: 11.11111%; } [gr-grid~=row--block][gr-grid~='xs-9'] [gr-grid=block]:nth-of-type(n) { margin-top: 0; } [gr-grid~=row--block][gr-grid~='xs-9'] [gr-grid=block]:nth-of-type(n + 10) { margin-top: 20px; } [gr-grid~=row--block][gr-grid~='xs-offset-9'] { margin-left: calc((100% / 12 * 9) - (20px / 2)); margin-right: calc((100% / 12 * 9) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='xs-offset-left-9'] { margin-left: calc((100% / 12 * 9) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='xs-offset-right-9'] { margin-right: calc((100% / 12 * 9) - (20px / 2)); } [gr-grid~=row] [gr-grid~='xs-offset-9'] { margin-left: 75%; margin-right: 75%; } [gr-grid~=row] [gr-grid~='xs-offset-left-9'] { margin-left: 75%; } [gr-grid~=row] [gr-grid~='xs-offset-right-9'] { margin-right: 75%; } [gr-grid~=row] [gr-grid~='xs-10'] { -ms-flex-positive: 10; flex-grow: 10; -ms-flex-preferred-size: 0; flex-basis: 0; } [gr-grid~=row--block][gr-grid~='xs-10'] [gr-grid=block] { -ms-flex-preferred-size: 10%; flex-basis: 10%; max-width: 10%; } [gr-grid~=row--block][gr-grid~='xs-10'] [gr-grid=block]:nth-of-type(n) { margin-top: 0; } [gr-grid~=row--block][gr-grid~='xs-10'] [gr-grid=block]:nth-of-type(n + 11) { margin-top: 20px; } [gr-grid~=row--block][gr-grid~='xs-offset-10'] { margin-left: calc((100% / 12 * 10) - (20px / 2)); margin-right: calc((100% / 12 * 10) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='xs-offset-left-10'] { margin-left: calc((100% / 12 * 10) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='xs-offset-right-10'] { margin-right: calc((100% / 12 * 10) - (20px / 2)); } [gr-grid~=row] [gr-grid~='xs-offset-10'] { margin-left: 83.33333%; margin-right: 83.33333%; } [gr-grid~=row] [gr-grid~='xs-offset-left-10'] { margin-left: 83.33333%; } [gr-grid~=row] [gr-grid~='xs-offset-right-10'] { margin-right: 83.33333%; } [gr-grid~=row] [gr-grid~='xs-11'] { -ms-flex-positive: 11; flex-grow: 11; -ms-flex-preferred-size: 0; flex-basis: 0; } [gr-grid~=row--block][gr-grid~='xs-11'] [gr-grid=block] { -ms-flex-preferred-size: 9.09091%; flex-basis: 9.09091%; max-width: 9.09091%; } [gr-grid~=row--block][gr-grid~='xs-11'] [gr-grid=block]:nth-of-type(n) { margin-top: 0; } [gr-grid~=row--block][gr-grid~='xs-11'] [gr-grid=block]:nth-of-type(n + 12) { margin-top: 20px; } [gr-grid~=row--block][gr-grid~='xs-offset-11'] { margin-left: calc((100% / 12 * 11) - (20px / 2)); margin-right: calc((100% / 12 * 11) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='xs-offset-left-11'] { margin-left: calc((100% / 12 * 11) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='xs-offset-right-11'] { margin-right: calc((100% / 12 * 11) - (20px / 2)); } [gr-grid~=row] [gr-grid~='xs-offset-11'] { margin-left: 91.66667%; margin-right: 91.66667%; } [gr-grid~=row] [gr-grid~='xs-offset-left-11'] { margin-left: 91.66667%; } [gr-grid~=row] [gr-grid~='xs-offset-right-11'] { margin-right: 91.66667%; } [gr-grid~=row] [gr-grid~='xs-12'] { -ms-flex-positive: 12; flex-grow: 12; -ms-flex-preferred-size: 0; flex-basis: 0; } [gr-grid~=row--block][gr-grid~='xs-12'] [gr-grid=block] { -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; max-width: 8.33333%; } [gr-grid~=row--block][gr-grid~='xs-12'] [gr-grid=block]:nth-of-type(n) { margin-top: 0; } [gr-grid~=row--block][gr-grid~='xs-12'] [gr-grid=block]:nth-of-type(n + 13) { margin-top: 20px; } [gr-grid~=row--block][gr-grid~='xs-offset-12'] { margin-left: calc((100% / 12 * 12) - (20px / 2)); margin-right: calc((100% / 12 * 12) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='xs-offset-left-12'] { margin-left: calc((100% / 12 * 12) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='xs-offset-right-12'] { margin-right: calc((100% / 12 * 12) - (20px / 2)); } [gr-grid~=row] [gr-grid~='xs-offset-12'] { margin-left: 100%; margin-right: 100%; } [gr-grid~=row] [gr-grid~='xs-offset-left-12'] { margin-left: 100%; } [gr-grid~=row] [gr-grid~='xs-offset-right-12'] { margin-right: 100%; } } @media only screen and (min-width: 768px) { [gr-grid~=row] [gr-grid~='sm-1'] { -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; } [gr-grid~=row--block][gr-grid~='sm-1'] [gr-grid=block] { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } [gr-grid~=row--block][gr-grid~='sm-1'] [gr-grid=block]:nth-of-type(n) { margin-top: 0; } [gr-grid~=row--block][gr-grid~='sm-1'] [gr-grid=block]:nth-of-type(n + 2) { margin-top: 20px; } [gr-grid~=row--block][gr-grid~='sm-offset-1'] { margin-left: calc((100% / 12 * 1) - (20px / 2)); margin-right: calc((100% / 12 * 1) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='sm-offset-left-1'] { margin-left: calc((100% / 12 * 1) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='sm-offset-right-1'] { margin-right: calc((100% / 12 * 1) - (20px / 2)); } [gr-grid~=row] [gr-grid~='sm-offset-1'] { margin-left: 8.33333%; margin-right: 8.33333%; } [gr-grid~=row] [gr-grid~='sm-offset-left-1'] { margin-left: 8.33333%; } [gr-grid~=row] [gr-grid~='sm-offset-right-1'] { margin-right: 8.33333%; } [gr-grid~=row] [gr-grid~='sm-2'] { -ms-flex-positive: 2; flex-grow: 2; -ms-flex-preferred-size: 0; flex-basis: 0; } [gr-grid~=row--block][gr-grid~='sm-2'] [gr-grid=block] { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } [gr-grid~=row--block][gr-grid~='sm-2'] [gr-grid=block]:nth-of-type(n) { margin-top: 0; } [gr-grid~=row--block][gr-grid~='sm-2'] [gr-grid=block]:nth-of-type(n + 3) { margin-top: 20px; } [gr-grid~=row--block][gr-grid~='sm-offset-2'] { margin-left: calc((100% / 12 * 2) - (20px / 2)); margin-right: calc((100% / 12 * 2) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='sm-offset-left-2'] { margin-left: calc((100% / 12 * 2) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='sm-offset-right-2'] { margin-right: calc((100% / 12 * 2) - (20px / 2)); } [gr-grid~=row] [gr-grid~='sm-offset-2'] { margin-left: 16.66667%; margin-right: 16.66667%; } [gr-grid~=row] [gr-grid~='sm-offset-left-2'] { margin-left: 16.66667%; } [gr-grid~=row] [gr-grid~='sm-offset-right-2'] { margin-right: 16.66667%; } [gr-grid~=row] [gr-grid~='sm-3'] { -ms-flex-positive: 3; flex-grow: 3; -ms-flex-preferred-size: 0; flex-basis: 0; } [gr-grid~=row--block][gr-grid~='sm-3'] [gr-grid=block] { -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333%; } [gr-grid~=row--block][gr-grid~='sm-3'] [gr-grid=block]:nth-of-type(n) { margin-top: 0; } [gr-grid~=row--block][gr-grid~='sm-3'] [gr-grid=block]:nth-of-type(n + 4) { margin-top: 20px; } [gr-grid~=row--block][gr-grid~='sm-offset-3'] { margin-left: calc((100% / 12 * 3) - (20px / 2)); margin-right: calc((100% / 12 * 3) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='sm-offset-left-3'] { margin-left: calc((100% / 12 * 3) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='sm-offset-right-3'] { margin-right: calc((100% / 12 * 3) - (20px / 2)); } [gr-grid~=row] [gr-grid~='sm-offset-3'] { margin-left: 25%; margin-right: 25%; } [gr-grid~=row] [gr-grid~='sm-offset-left-3'] { margin-left: 25%; } [gr-grid~=row] [gr-grid~='sm-offset-right-3'] { margin-right: 25%; } [gr-grid~=row] [gr-grid~='sm-4'] { -ms-flex-positive: 4; flex-grow: 4; -ms-flex-preferred-size: 0; flex-basis: 0; } [gr-grid~=row--block][gr-grid~='sm-4'] [gr-grid=block] { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } [gr-grid~=row--block][gr-grid~='sm-4'] [gr-grid=block]:nth-of-type(n) { margin-top: 0; } [gr-grid~=row--block][gr-grid~='sm-4'] [gr-grid=block]:nth-of-type(n + 5) { margin-top: 20px; } [gr-grid~=row--block][gr-grid~='sm-offset-4'] { margin-left: calc((100% / 12 * 4) - (20px / 2)); margin-right: calc((100% / 12 * 4) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='sm-offset-left-4'] { margin-left: calc((100% / 12 * 4) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='sm-offset-right-4'] { margin-right: calc((100% / 12 * 4) - (20px / 2)); } [gr-grid~=row] [gr-grid~='sm-offset-4'] { margin-left: 33.33333%; margin-right: 33.33333%; } [gr-grid~=row] [gr-grid~='sm-offset-left-4'] { margin-left: 33.33333%; } [gr-grid~=row] [gr-grid~='sm-offset-right-4'] { margin-right: 33.33333%; } [gr-grid~=row] [gr-grid~='sm-5'] { -ms-flex-positive: 5; flex-grow: 5; -ms-flex-preferred-size: 0; flex-basis: 0; } [gr-grid~=row--block][gr-grid~='sm-5'] [gr-grid=block] { -ms-flex-preferred-size: 20%; flex-basis: 20%; max-width: 20%; } [gr-grid~=row--block][gr-grid~='sm-5'] [gr-grid=block]:nth-of-type(n) { margin-top: 0; } [gr-grid~=row--block][gr-grid~='sm-5'] [gr-grid=block]:nth-of-type(n + 6) { margin-top: 20px; } [gr-grid~=row--block][gr-grid~='sm-offset-5'] { margin-left: calc((100% / 12 * 5) - (20px / 2)); margin-right: calc((100% / 12 * 5) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='sm-offset-left-5'] { margin-left: calc((100% / 12 * 5) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='sm-offset-right-5'] { margin-right: calc((100% / 12 * 5) - (20px / 2)); } [gr-grid~=row] [gr-grid~='sm-offset-5'] { margin-left: 41.66667%; margin-right: 41.66667%; } [gr-grid~=row] [gr-grid~='sm-offset-left-5'] { margin-left: 41.66667%; } [gr-grid~=row] [gr-grid~='sm-offset-right-5'] { margin-right: 41.66667%; } [gr-grid~=row] [gr-grid~='sm-6'] { -ms-flex-positive: 6; flex-grow: 6; -ms-flex-preferred-size: 0; flex-basis: 0; } [gr-grid~=row--block][gr-grid~='sm-6'] [gr-grid=block] { -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667%; } [gr-grid~=row--block][gr-grid~='sm-6'] [gr-grid=block]:nth-of-type(n) { margin-top: 0; } [gr-grid~=row--block][gr-grid~='sm-6'] [gr-grid=block]:nth-of-type(n + 7) { margin-top: 20px; } [gr-grid~=row--block][gr-grid~='sm-offset-6'] { margin-left: calc((100% / 12 * 6) - (20px / 2)); margin-right: calc((100% / 12 * 6) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='sm-offset-left-6'] { margin-left: calc((100% / 12 * 6) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='sm-offset-right-6'] { margin-right: calc((100% / 12 * 6) - (20px / 2)); } [gr-grid~=row] [gr-grid~='sm-offset-6'] { margin-left: 50%; margin-right: 50%; } [gr-grid~=row] [gr-grid~='sm-offset-left-6'] { margin-left: 50%; } [gr-grid~=row] [gr-grid~='sm-offset-right-6'] { margin-right: 50%; } [gr-grid~=row] [gr-grid~='sm-7'] { -ms-flex-positive: 7; flex-grow: 7; -ms-flex-preferred-size: 0; flex-basis: 0; } [gr-grid~=row--block][gr-grid~='sm-7'] [gr-grid=block] { -ms-flex-preferred-size: 14.28571%; flex-basis: 14.28571%; max-width: 14.28571%; } [gr-grid~=row--block][gr-grid~='sm-7'] [gr-grid=block]:nth-of-type(n) { margin-top: 0; } [gr-grid~=row--block][gr-grid~='sm-7'] [gr-grid=block]:nth-of-type(n + 8) { margin-top: 20px; } [gr-grid~=row--block][gr-grid~='sm-offset-7'] { margin-left: calc((100% / 12 * 7) - (20px / 2)); margin-right: calc((100% / 12 * 7) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='sm-offset-left-7'] { margin-left: calc((100% / 12 * 7) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='sm-offset-right-7'] { margin-right: calc((100% / 12 * 7) - (20px / 2)); } [gr-grid~=row] [gr-grid~='sm-offset-7'] { margin-left: 58.33333%; margin-right: 58.33333%; } [gr-grid~=row] [gr-grid~='sm-offset-left-7'] { margin-left: 58.33333%; } [gr-grid~=row] [gr-grid~='sm-offset-right-7'] { margin-right: 58.33333%; } [gr-grid~=row] [gr-grid~='sm-8'] { -ms-flex-positive: 8; flex-grow: 8; -ms-flex-preferred-size: 0; flex-basis: 0; } [gr-grid~=row--block][gr-grid~='sm-8'] [gr-grid=block] { -ms-flex-preferred-size: 12.5%; flex-basis: 12.5%; max-width: 12.5%; } [gr-grid~=row--block][gr-grid~='sm-8'] [gr-grid=block]:nth-of-type(n) { margin-top: 0; } [gr-grid~=row--block][gr-grid~='sm-8'] [gr-grid=block]:nth-of-type(n + 9) { margin-top: 20px; } [gr-grid~=row--block][gr-grid~='sm-offset-8'] { margin-left: calc((100% / 12 * 8) - (20px / 2)); margin-right: calc((100% / 12 * 8) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='sm-offset-left-8'] { margin-left: calc((100% / 12 * 8) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='sm-offset-right-8'] { margin-right: calc((100% / 12 * 8) - (20px / 2)); } [gr-grid~=row] [gr-grid~='sm-offset-8'] { margin-left: 66.66667%; margin-right: 66.66667%; } [gr-grid~=row] [gr-grid~='sm-offset-left-8'] { margin-left: 66.66667%; } [gr-grid~=row] [gr-grid~='sm-offset-right-8'] { margin-right: 66.66667%; } [gr-grid~=row] [gr-grid~='sm-9'] { -ms-flex-positive: 9; flex-grow: 9; -ms-flex-preferred-size: 0; flex-basis: 0; } [gr-grid~=row--block][gr-grid~='sm-9'] [gr-grid=block] { -ms-flex-preferred-size: 11.11111%; flex-basis: 11.11111%; max-width: 11.11111%; } [gr-grid~=row--block][gr-grid~='sm-9'] [gr-grid=block]:nth-of-type(n) { margin-top: 0; } [gr-grid~=row--block][gr-grid~='sm-9'] [gr-grid=block]:nth-of-type(n + 10) { margin-top: 20px; } [gr-grid~=row--block][gr-grid~='sm-offset-9'] { margin-left: calc((100% / 12 * 9) - (20px / 2)); margin-right: calc((100% / 12 * 9) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='sm-offset-left-9'] { margin-left: calc((100% / 12 * 9) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='sm-offset-right-9'] { margin-right: calc((100% / 12 * 9) - (20px / 2)); } [gr-grid~=row] [gr-grid~='sm-offset-9'] { margin-left: 75%; margin-right: 75%; } [gr-grid~=row] [gr-grid~='sm-offset-left-9'] { margin-left: 75%; } [gr-grid~=row] [gr-grid~='sm-offset-right-9'] { margin-right: 75%; } [gr-grid~=row] [gr-grid~='sm-10'] { -ms-flex-positive: 10; flex-grow: 10; -ms-flex-preferred-size: 0; flex-basis: 0; } [gr-grid~=row--block][gr-grid~='sm-10'] [gr-grid=block] { -ms-flex-preferred-size: 10%; flex-basis: 10%; max-width: 10%; } [gr-grid~=row--block][gr-grid~='sm-10'] [gr-grid=block]:nth-of-type(n) { margin-top: 0; } [gr-grid~=row--block][gr-grid~='sm-10'] [gr-grid=block]:nth-of-type(n + 11) { margin-top: 20px; } [gr-grid~=row--block][gr-grid~='sm-offset-10'] { margin-left: calc((100% / 12 * 10) - (20px / 2)); margin-right: calc((100% / 12 * 10) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='sm-offset-left-10'] { margin-left: calc((100% / 12 * 10) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='sm-offset-right-10'] { margin-right: calc((100% / 12 * 10) - (20px / 2)); } [gr-grid~=row] [gr-grid~='sm-offset-10'] { margin-left: 83.33333%; margin-right: 83.33333%; } [gr-grid~=row] [gr-grid~='sm-offset-left-10'] { margin-left: 83.33333%; } [gr-grid~=row] [gr-grid~='sm-offset-right-10'] { margin-right: 83.33333%; } [gr-grid~=row] [gr-grid~='sm-11'] { -ms-flex-positive: 11; flex-grow: 11; -ms-flex-preferred-size: 0; flex-basis: 0; } [gr-grid~=row--block][gr-grid~='sm-11'] [gr-grid=block] { -ms-flex-preferred-size: 9.09091%; flex-basis: 9.09091%; max-width: 9.09091%; } [gr-grid~=row--block][gr-grid~='sm-11'] [gr-grid=block]:nth-of-type(n) { margin-top: 0; } [gr-grid~=row--block][gr-grid~='sm-11'] [gr-grid=block]:nth-of-type(n + 12) { margin-top: 20px; } [gr-grid~=row--block][gr-grid~='sm-offset-11'] { margin-left: calc((100% / 12 * 11) - (20px / 2)); margin-right: calc((100% / 12 * 11) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='sm-offset-left-11'] { margin-left: calc((100% / 12 * 11) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='sm-offset-right-11'] { margin-right: calc((100% / 12 * 11) - (20px / 2)); } [gr-grid~=row] [gr-grid~='sm-offset-11'] { margin-left: 91.66667%; margin-right: 91.66667%; } [gr-grid~=row] [gr-grid~='sm-offset-left-11'] { margin-left: 91.66667%; } [gr-grid~=row] [gr-grid~='sm-offset-right-11'] { margin-right: 91.66667%; } [gr-grid~=row] [gr-grid~='sm-12'] { -ms-flex-positive: 12; flex-grow: 12; -ms-flex-preferred-size: 0; flex-basis: 0; } [gr-grid~=row--block][gr-grid~='sm-12'] [gr-grid=block] { -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; max-width: 8.33333%; } [gr-grid~=row--block][gr-grid~='sm-12'] [gr-grid=block]:nth-of-type(n) { margin-top: 0; } [gr-grid~=row--block][gr-grid~='sm-12'] [gr-grid=block]:nth-of-type(n + 13) { margin-top: 20px; } [gr-grid~=row--block][gr-grid~='sm-offset-12'] { margin-left: calc((100% / 12 * 12) - (20px / 2)); margin-right: calc((100% / 12 * 12) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='sm-offset-left-12'] { margin-left: calc((100% / 12 * 12) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='sm-offset-right-12'] { margin-right: calc((100% / 12 * 12) - (20px / 2)); } [gr-grid~=row] [gr-grid~='sm-offset-12'] { margin-left: 100%; margin-right: 100%; } [gr-grid~=row] [gr-grid~='sm-offset-left-12'] { margin-left: 100%; } [gr-grid~=row] [gr-grid~='sm-offset-right-12'] { margin-right: 100%; } } @media only screen and (min-width: 1024px) { [gr-grid~=row] [gr-grid~='md-1'] { -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; } [gr-grid~=row--block][gr-grid~='md-1'] [gr-grid=block] { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } [gr-grid~=row--block][gr-grid~='md-1'] [gr-grid=block]:nth-of-type(n) { margin-top: 0; } [gr-grid~=row--block][gr-grid~='md-1'] [gr-grid=block]:nth-of-type(n + 2) { margin-top: 20px; } [gr-grid~=row--block][gr-grid~='md-offset-1'] { margin-left: calc((100% / 12 * 1) - (20px / 2)); margin-right: calc((100% / 12 * 1) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='md-offset-left-1'] { margin-left: calc((100% / 12 * 1) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='md-offset-right-1'] { margin-right: calc((100% / 12 * 1) - (20px / 2)); } [gr-grid~=row] [gr-grid~='md-offset-1'] { margin-left: 8.33333%; margin-right: 8.33333%; } [gr-grid~=row] [gr-grid~='md-offset-left-1'] { margin-left: 8.33333%; } [gr-grid~=row] [gr-grid~='md-offset-right-1'] { margin-right: 8.33333%; } [gr-grid~=row] [gr-grid~='md-2'] { -ms-flex-positive: 2; flex-grow: 2; -ms-flex-preferred-size: 0; flex-basis: 0; } [gr-grid~=row--block][gr-grid~='md-2'] [gr-grid=block] { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } [gr-grid~=row--block][gr-grid~='md-2'] [gr-grid=block]:nth-of-type(n) { margin-top: 0; } [gr-grid~=row--block][gr-grid~='md-2'] [gr-grid=block]:nth-of-type(n + 3) { margin-top: 20px; } [gr-grid~=row--block][gr-grid~='md-offset-2'] { margin-left: calc((100% / 12 * 2) - (20px / 2)); margin-right: calc((100% / 12 * 2) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='md-offset-left-2'] { margin-left: calc((100% / 12 * 2) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='md-offset-right-2'] { margin-right: calc((100% / 12 * 2) - (20px / 2)); } [gr-grid~=row] [gr-grid~='md-offset-2'] { margin-left: 16.66667%; margin-right: 16.66667%; } [gr-grid~=row] [gr-grid~='md-offset-left-2'] { margin-left: 16.66667%; } [gr-grid~=row] [gr-grid~='md-offset-right-2'] { margin-right: 16.66667%; } [gr-grid~=row] [gr-grid~='md-3'] { -ms-flex-positive: 3; flex-grow: 3; -ms-flex-preferred-size: 0; flex-basis: 0; } [gr-grid~=row--block][gr-grid~='md-3'] [gr-grid=block] { -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333%; } [gr-grid~=row--block][gr-grid~='md-3'] [gr-grid=block]:nth-of-type(n) { margin-top: 0; } [gr-grid~=row--block][gr-grid~='md-3'] [gr-grid=block]:nth-of-type(n + 4) { margin-top: 20px; } [gr-grid~=row--block][gr-grid~='md-offset-3'] { margin-left: calc((100% / 12 * 3) - (20px / 2)); margin-right: calc((100% / 12 * 3) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='md-offset-left-3'] { margin-left: calc((100% / 12 * 3) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='md-offset-right-3'] { margin-right: calc((100% / 12 * 3) - (20px / 2)); } [gr-grid~=row] [gr-grid~='md-offset-3'] { margin-left: 25%; margin-right: 25%; } [gr-grid~=row] [gr-grid~='md-offset-left-3'] { margin-left: 25%; } [gr-grid~=row] [gr-grid~='md-offset-right-3'] { margin-right: 25%; } [gr-grid~=row] [gr-grid~='md-4'] { -ms-flex-positive: 4; flex-grow: 4; -ms-flex-preferred-size: 0; flex-basis: 0; } [gr-grid~=row--block][gr-grid~='md-4'] [gr-grid=block] { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } [gr-grid~=row--block][gr-grid~='md-4'] [gr-grid=block]:nth-of-type(n) { margin-top: 0; } [gr-grid~=row--block][gr-grid~='md-4'] [gr-grid=block]:nth-of-type(n + 5) { margin-top: 20px; } [gr-grid~=row--block][gr-grid~='md-offset-4'] { margin-left: calc((100% / 12 * 4) - (20px / 2)); margin-right: calc((100% / 12 * 4) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='md-offset-left-4'] { margin-left: calc((100% / 12 * 4) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='md-offset-right-4'] { margin-right: calc((100% / 12 * 4) - (20px / 2)); } [gr-grid~=row] [gr-grid~='md-offset-4'] { margin-left: 33.33333%; margin-right: 33.33333%; } [gr-grid~=row] [gr-grid~='md-offset-left-4'] { margin-left: 33.33333%; } [gr-grid~=row] [gr-grid~='md-offset-right-4'] { margin-right: 33.33333%; } [gr-grid~=row] [gr-grid~='md-5'] { -ms-flex-positive: 5; flex-grow: 5; -ms-flex-preferred-size: 0; flex-basis: 0; } [gr-grid~=row--block][gr-grid~='md-5'] [gr-grid=block] { -ms-flex-preferred-size: 20%; flex-basis: 20%; max-width: 20%; } [gr-grid~=row--block][gr-grid~='md-5'] [gr-grid=block]:nth-of-type(n) { margin-top: 0; } [gr-grid~=row--block][gr-grid~='md-5'] [gr-grid=block]:nth-of-type(n + 6) { margin-top: 20px; } [gr-grid~=row--block][gr-grid~='md-offset-5'] { margin-left: calc((100% / 12 * 5) - (20px / 2)); margin-right: calc((100% / 12 * 5) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='md-offset-left-5'] { margin-left: calc((100% / 12 * 5) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='md-offset-right-5'] { margin-right: calc((100% / 12 * 5) - (20px / 2)); } [gr-grid~=row] [gr-grid~='md-offset-5'] { margin-left: 41.66667%; margin-right: 41.66667%; } [gr-grid~=row] [gr-grid~='md-offset-left-5'] { margin-left: 41.66667%; } [gr-grid~=row] [gr-grid~='md-offset-right-5'] { margin-right: 41.66667%; } [gr-grid~=row] [gr-grid~='md-6'] { -ms-flex-positive: 6; flex-grow: 6; -ms-flex-preferred-size: 0; flex-basis: 0; } [gr-grid~=row--block][gr-grid~='md-6'] [gr-grid=block] { -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667%; } [gr-grid~=row--block][gr-grid~='md-6'] [gr-grid=block]:nth-of-type(n) { margin-top: 0; } [gr-grid~=row--block][gr-grid~='md-6'] [gr-grid=block]:nth-of-type(n + 7) { margin-top: 20px; } [gr-grid~=row--block][gr-grid~='md-offset-6'] { margin-left: calc((100% / 12 * 6) - (20px / 2)); margin-right: calc((100% / 12 * 6) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='md-offset-left-6'] { margin-left: calc((100% / 12 * 6) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='md-offset-right-6'] { margin-right: calc((100% / 12 * 6) - (20px / 2)); } [gr-grid~=row] [gr-grid~='md-offset-6'] { margin-left: 50%; margin-right: 50%; } [gr-grid~=row] [gr-grid~='md-offset-left-6'] { margin-left: 50%; } [gr-grid~=row] [gr-grid~='md-offset-right-6'] { margin-right: 50%; } [gr-grid~=row] [gr-grid~='md-7'] { -ms-flex-positive: 7; flex-grow: 7; -ms-flex-preferred-size: 0; flex-basis: 0; } [gr-grid~=row--block][gr-grid~='md-7'] [gr-grid=block] { -ms-flex-preferred-size: 14.28571%; flex-basis: 14.28571%; max-width: 14.28571%; } [gr-grid~=row--block][gr-grid~='md-7'] [gr-grid=block]:nth-of-type(n) { margin-top: 0; } [gr-grid~=row--block][gr-grid~='md-7'] [gr-grid=block]:nth-of-type(n + 8) { margin-top: 20px; } [gr-grid~=row--block][gr-grid~='md-offset-7'] { margin-left: calc((100% / 12 * 7) - (20px / 2)); margin-right: calc((100% / 12 * 7) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='md-offset-left-7'] { margin-left: calc((100% / 12 * 7) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='md-offset-right-7'] { margin-right: calc((100% / 12 * 7) - (20px / 2)); } [gr-grid~=row] [gr-grid~='md-offset-7'] { margin-left: 58.33333%; margin-right: 58.33333%; } [gr-grid~=row] [gr-grid~='md-offset-left-7'] { margin-left: 58.33333%; } [gr-grid~=row] [gr-grid~='md-offset-right-7'] { margin-right: 58.33333%; } [gr-grid~=row] [gr-grid~='md-8'] { -ms-flex-positive: 8; flex-grow: 8; -ms-flex-preferred-size: 0; flex-basis: 0; } [gr-grid~=row--block][gr-grid~='md-8'] [gr-grid=block] { -ms-flex-preferred-size: 12.5%; flex-basis: 12.5%; max-width: 12.5%; } [gr-grid~=row--block][gr-grid~='md-8'] [gr-grid=block]:nth-of-type(n) { margin-top: 0; } [gr-grid~=row--block][gr-grid~='md-8'] [gr-grid=block]:nth-of-type(n + 9) { margin-top: 20px; } [gr-grid~=row--block][gr-grid~='md-offset-8'] { margin-left: calc((100% / 12 * 8) - (20px / 2)); margin-right: calc((100% / 12 * 8) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='md-offset-left-8'] { margin-left: calc((100% / 12 * 8) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='md-offset-right-8'] { margin-right: calc((100% / 12 * 8) - (20px / 2)); } [gr-grid~=row] [gr-grid~='md-offset-8'] { margin-left: 66.66667%; margin-right: 66.66667%; } [gr-grid~=row] [gr-grid~='md-offset-left-8'] { margin-left: 66.66667%; } [gr-grid~=row] [gr-grid~='md-offset-right-8'] { margin-right: 66.66667%; } [gr-grid~=row] [gr-grid~='md-9'] { -ms-flex-positive: 9; flex-grow: 9; -ms-flex-preferred-size: 0; flex-basis: 0; } [gr-grid~=row--block][gr-grid~='md-9'] [gr-grid=block] { -ms-flex-preferred-size: 11.11111%; flex-basis: 11.11111%; max-width: 11.11111%; } [gr-grid~=row--block][gr-grid~='md-9'] [gr-grid=block]:nth-of-type(n) { margin-top: 0; } [gr-grid~=row--block][gr-grid~='md-9'] [gr-grid=block]:nth-of-type(n + 10) { margin-top: 20px; } [gr-grid~=row--block][gr-grid~='md-offset-9'] { margin-left: calc((100% / 12 * 9) - (20px / 2)); margin-right: calc((100% / 12 * 9) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='md-offset-left-9'] { margin-left: calc((100% / 12 * 9) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='md-offset-right-9'] { margin-right: calc((100% / 12 * 9) - (20px / 2)); } [gr-grid~=row] [gr-grid~='md-offset-9'] { margin-left: 75%; margin-right: 75%; } [gr-grid~=row] [gr-grid~='md-offset-left-9'] { margin-left: 75%; } [gr-grid~=row] [gr-grid~='md-offset-right-9'] { margin-right: 75%; } [gr-grid~=row] [gr-grid~='md-10'] { -ms-flex-positive: 10; flex-grow: 10; -ms-flex-preferred-size: 0; flex-basis: 0; } [gr-grid~=row--block][gr-grid~='md-10'] [gr-grid=block] { -ms-flex-preferred-size: 10%; flex-basis: 10%; max-width: 10%; } [gr-grid~=row--block][gr-grid~='md-10'] [gr-grid=block]:nth-of-type(n) { margin-top: 0; } [gr-grid~=row--block][gr-grid~='md-10'] [gr-grid=block]:nth-of-type(n + 11) { margin-top: 20px; } [gr-grid~=row--block][gr-grid~='md-offset-10'] { margin-left: calc((100% / 12 * 10) - (20px / 2)); margin-right: calc((100% / 12 * 10) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='md-offset-left-10'] { margin-left: calc((100% / 12 * 10) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='md-offset-right-10'] { margin-right: calc((100% / 12 * 10) - (20px / 2)); } [gr-grid~=row] [gr-grid~='md-offset-10'] { margin-left: 83.33333%; margin-right: 83.33333%; } [gr-grid~=row] [gr-grid~='md-offset-left-10'] { margin-left: 83.33333%; } [gr-grid~=row] [gr-grid~='md-offset-right-10'] { margin-right: 83.33333%; } [gr-grid~=row] [gr-grid~='md-11'] { -ms-flex-positive: 11; flex-grow: 11; -ms-flex-preferred-size: 0; flex-basis: 0; } [gr-grid~=row--block][gr-grid~='md-11'] [gr-grid=block] { -ms-flex-preferred-size: 9.09091%; flex-basis: 9.09091%; max-width: 9.09091%; } [gr-grid~=row--block][gr-grid~='md-11'] [gr-grid=block]:nth-of-type(n) { margin-top: 0; } [gr-grid~=row--block][gr-grid~='md-11'] [gr-grid=block]:nth-of-type(n + 12) { margin-top: 20px; } [gr-grid~=row--block][gr-grid~='md-offset-11'] { margin-left: calc((100% / 12 * 11) - (20px / 2)); margin-right: calc((100% / 12 * 11) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='md-offset-left-11'] { margin-left: calc((100% / 12 * 11) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='md-offset-right-11'] { margin-right: calc((100% / 12 * 11) - (20px / 2)); } [gr-grid~=row] [gr-grid~='md-offset-11'] { margin-left: 91.66667%; margin-right: 91.66667%; } [gr-grid~=row] [gr-grid~='md-offset-left-11'] { margin-left: 91.66667%; } [gr-grid~=row] [gr-grid~='md-offset-right-11'] { margin-right: 91.66667%; } [gr-grid~=row] [gr-grid~='md-12'] { -ms-flex-positive: 12; flex-grow: 12; -ms-flex-preferred-size: 0; flex-basis: 0; } [gr-grid~=row--block][gr-grid~='md-12'] [gr-grid=block] { -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; max-width: 8.33333%; } [gr-grid~=row--block][gr-grid~='md-12'] [gr-grid=block]:nth-of-type(n) { margin-top: 0; } [gr-grid~=row--block][gr-grid~='md-12'] [gr-grid=block]:nth-of-type(n + 13) { margin-top: 20px; } [gr-grid~=row--block][gr-grid~='md-offset-12'] { margin-left: calc((100% / 12 * 12) - (20px / 2)); margin-right: calc((100% / 12 * 12) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='md-offset-left-12'] { margin-left: calc((100% / 12 * 12) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='md-offset-right-12'] { margin-right: calc((100% / 12 * 12) - (20px / 2)); } [gr-grid~=row] [gr-grid~='md-offset-12'] { margin-left: 100%; margin-right: 100%; } [gr-grid~=row] [gr-grid~='md-offset-left-12'] { margin-left: 100%; } [gr-grid~=row] [gr-grid~='md-offset-right-12'] { margin-right: 100%; } } @media only screen and (min-width: 1280px) { [gr-grid~=row] [gr-grid~='lg-1'] { -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; } [gr-grid~=row--block][gr-grid~='lg-1'] [gr-grid=block] { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } [gr-grid~=row--block][gr-grid~='lg-1'] [gr-grid=block]:nth-of-type(n) { margin-top: 0; } [gr-grid~=row--block][gr-grid~='lg-1'] [gr-grid=block]:nth-of-type(n + 2) { margin-top: 20px; } [gr-grid~=row--block][gr-grid~='lg-offset-1'] { margin-left: calc((100% / 12 * 1) - (20px / 2)); margin-right: calc((100% / 12 * 1) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='lg-offset-left-1'] { margin-left: calc((100% / 12 * 1) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='lg-offset-right-1'] { margin-right: calc((100% / 12 * 1) - (20px / 2)); } [gr-grid~=row] [gr-grid~='lg-offset-1'] { margin-left: 8.33333%; margin-right: 8.33333%; } [gr-grid~=row] [gr-grid~='lg-offset-left-1'] { margin-left: 8.33333%; } [gr-grid~=row] [gr-grid~='lg-offset-right-1'] { margin-right: 8.33333%; } [gr-grid~=row] [gr-grid~='lg-2'] { -ms-flex-positive: 2; flex-grow: 2; -ms-flex-preferred-size: 0; flex-basis: 0; } [gr-grid~=row--block][gr-grid~='lg-2'] [gr-grid=block] { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } [gr-grid~=row--block][gr-grid~='lg-2'] [gr-grid=block]:nth-of-type(n) { margin-top: 0; } [gr-grid~=row--block][gr-grid~='lg-2'] [gr-grid=block]:nth-of-type(n + 3) { margin-top: 20px; } [gr-grid~=row--block][gr-grid~='lg-offset-2'] { margin-left: calc((100% / 12 * 2) - (20px / 2)); margin-right: calc((100% / 12 * 2) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='lg-offset-left-2'] { margin-left: calc((100% / 12 * 2) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='lg-offset-right-2'] { margin-right: calc((100% / 12 * 2) - (20px / 2)); } [gr-grid~=row] [gr-grid~='lg-offset-2'] { margin-left: 16.66667%; margin-right: 16.66667%; } [gr-grid~=row] [gr-grid~='lg-offset-left-2'] { margin-left: 16.66667%; } [gr-grid~=row] [gr-grid~='lg-offset-right-2'] { margin-right: 16.66667%; } [gr-grid~=row] [gr-grid~='lg-3'] { -ms-flex-positive: 3; flex-grow: 3; -ms-flex-preferred-size: 0; flex-basis: 0; } [gr-grid~=row--block][gr-grid~='lg-3'] [gr-grid=block] { -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333%; } [gr-grid~=row--block][gr-grid~='lg-3'] [gr-grid=block]:nth-of-type(n) { margin-top: 0; } [gr-grid~=row--block][gr-grid~='lg-3'] [gr-grid=block]:nth-of-type(n + 4) { margin-top: 20px; } [gr-grid~=row--block][gr-grid~='lg-offset-3'] { margin-left: calc((100% / 12 * 3) - (20px / 2)); margin-right: calc((100% / 12 * 3) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='lg-offset-left-3'] { margin-left: calc((100% / 12 * 3) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='lg-offset-right-3'] { margin-right: calc((100% / 12 * 3) - (20px / 2)); } [gr-grid~=row] [gr-grid~='lg-offset-3'] { margin-left: 25%; margin-right: 25%; } [gr-grid~=row] [gr-grid~='lg-offset-left-3'] { margin-left: 25%; } [gr-grid~=row] [gr-grid~='lg-offset-right-3'] { margin-right: 25%; } [gr-grid~=row] [gr-grid~='lg-4'] { -ms-flex-positive: 4; flex-grow: 4; -ms-flex-preferred-size: 0; flex-basis: 0; } [gr-grid~=row--block][gr-grid~='lg-4'] [gr-grid=block] { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } [gr-grid~=row--block][gr-grid~='lg-4'] [gr-grid=block]:nth-of-type(n) { margin-top: 0; } [gr-grid~=row--block][gr-grid~='lg-4'] [gr-grid=block]:nth-of-type(n + 5) { margin-top: 20px; } [gr-grid~=row--block][gr-grid~='lg-offset-4'] { margin-left: calc((100% / 12 * 4) - (20px / 2)); margin-right: calc((100% / 12 * 4) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='lg-offset-left-4'] { margin-left: calc((100% / 12 * 4) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='lg-offset-right-4'] { margin-right: calc((100% / 12 * 4) - (20px / 2)); } [gr-grid~=row] [gr-grid~='lg-offset-4'] { margin-left: 33.33333%; margin-right: 33.33333%; } [gr-grid~=row] [gr-grid~='lg-offset-left-4'] { margin-left: 33.33333%; } [gr-grid~=row] [gr-grid~='lg-offset-right-4'] { margin-right: 33.33333%; } [gr-grid~=row] [gr-grid~='lg-5'] { -ms-flex-positive: 5; flex-grow: 5; -ms-flex-preferred-size: 0; flex-basis: 0; } [gr-grid~=row--block][gr-grid~='lg-5'] [gr-grid=block] { -ms-flex-preferred-size: 20%; flex-basis: 20%; max-width: 20%; } [gr-grid~=row--block][gr-grid~='lg-5'] [gr-grid=block]:nth-of-type(n) { margin-top: 0; } [gr-grid~=row--block][gr-grid~='lg-5'] [gr-grid=block]:nth-of-type(n + 6) { margin-top: 20px; } [gr-grid~=row--block][gr-grid~='lg-offset-5'] { margin-left: calc((100% / 12 * 5) - (20px / 2)); margin-right: calc((100% / 12 * 5) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='lg-offset-left-5'] { margin-left: calc((100% / 12 * 5) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='lg-offset-right-5'] { margin-right: calc((100% / 12 * 5) - (20px / 2)); } [gr-grid~=row] [gr-grid~='lg-offset-5'] { margin-left: 41.66667%; margin-right: 41.66667%; } [gr-grid~=row] [gr-grid~='lg-offset-left-5'] { margin-left: 41.66667%; } [gr-grid~=row] [gr-grid~='lg-offset-right-5'] { margin-right: 41.66667%; } [gr-grid~=row] [gr-grid~='lg-6'] { -ms-flex-positive: 6; flex-grow: 6; -ms-flex-preferred-size: 0; flex-basis: 0; } [gr-grid~=row--block][gr-grid~='lg-6'] [gr-grid=block] { -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667%; } [gr-grid~=row--block][gr-grid~='lg-6'] [gr-grid=block]:nth-of-type(n) { margin-top: 0; } [gr-grid~=row--block][gr-grid~='lg-6'] [gr-grid=block]:nth-of-type(n + 7) { margin-top: 20px; } [gr-grid~=row--block][gr-grid~='lg-offset-6'] { margin-left: calc((100% / 12 * 6) - (20px / 2)); margin-right: calc((100% / 12 * 6) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='lg-offset-left-6'] { margin-left: calc((100% / 12 * 6) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='lg-offset-right-6'] { margin-right: calc((100% / 12 * 6) - (20px / 2)); } [gr-grid~=row] [gr-grid~='lg-offset-6'] { margin-left: 50%; margin-right: 50%; } [gr-grid~=row] [gr-grid~='lg-offset-left-6'] { margin-left: 50%; } [gr-grid~=row] [gr-grid~='lg-offset-right-6'] { margin-right: 50%; } [gr-grid~=row] [gr-grid~='lg-7'] { -ms-flex-positive: 7; flex-grow: 7; -ms-flex-preferred-size: 0; flex-basis: 0; } [gr-grid~=row--block][gr-grid~='lg-7'] [gr-grid=block] { -ms-flex-preferred-size: 14.28571%; flex-basis: 14.28571%; max-width: 14.28571%; } [gr-grid~=row--block][gr-grid~='lg-7'] [gr-grid=block]:nth-of-type(n) { margin-top: 0; } [gr-grid~=row--block][gr-grid~='lg-7'] [gr-grid=block]:nth-of-type(n + 8) { margin-top: 20px; } [gr-grid~=row--block][gr-grid~='lg-offset-7'] { margin-left: calc((100% / 12 * 7) - (20px / 2)); margin-right: calc((100% / 12 * 7) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='lg-offset-left-7'] { margin-left: calc((100% / 12 * 7) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='lg-offset-right-7'] { margin-right: calc((100% / 12 * 7) - (20px / 2)); } [gr-grid~=row] [gr-grid~='lg-offset-7'] { margin-left: 58.33333%; margin-right: 58.33333%; } [gr-grid~=row] [gr-grid~='lg-offset-left-7'] { margin-left: 58.33333%; } [gr-grid~=row] [gr-grid~='lg-offset-right-7'] { margin-right: 58.33333%; } [gr-grid~=row] [gr-grid~='lg-8'] { -ms-flex-positive: 8; flex-grow: 8; -ms-flex-preferred-size: 0; flex-basis: 0; } [gr-grid~=row--block][gr-grid~='lg-8'] [gr-grid=block] { -ms-flex-preferred-size: 12.5%; flex-basis: 12.5%; max-width: 12.5%; } [gr-grid~=row--block][gr-grid~='lg-8'] [gr-grid=block]:nth-of-type(n) { margin-top: 0; } [gr-grid~=row--block][gr-grid~='lg-8'] [gr-grid=block]:nth-of-type(n + 9) { margin-top: 20px; } [gr-grid~=row--block][gr-grid~='lg-offset-8'] { margin-left: calc((100% / 12 * 8) - (20px / 2)); margin-right: calc((100% / 12 * 8) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='lg-offset-left-8'] { margin-left: calc((100% / 12 * 8) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='lg-offset-right-8'] { margin-right: calc((100% / 12 * 8) - (20px / 2)); } [gr-grid~=row] [gr-grid~='lg-offset-8'] { margin-left: 66.66667%; margin-right: 66.66667%; } [gr-grid~=row] [gr-grid~='lg-offset-left-8'] { margin-left: 66.66667%; } [gr-grid~=row] [gr-grid~='lg-offset-right-8'] { margin-right: 66.66667%; } [gr-grid~=row] [gr-grid~='lg-9'] { -ms-flex-positive: 9; flex-grow: 9; -ms-flex-preferred-size: 0; flex-basis: 0; } [gr-grid~=row--block][gr-grid~='lg-9'] [gr-grid=block] { -ms-flex-preferred-size: 11.11111%; flex-basis: 11.11111%; max-width: 11.11111%; } [gr-grid~=row--block][gr-grid~='lg-9'] [gr-grid=block]:nth-of-type(n) { margin-top: 0; } [gr-grid~=row--block][gr-grid~='lg-9'] [gr-grid=block]:nth-of-type(n + 10) { margin-top: 20px; } [gr-grid~=row--block][gr-grid~='lg-offset-9'] { margin-left: calc((100% / 12 * 9) - (20px / 2)); margin-right: calc((100% / 12 * 9) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='lg-offset-left-9'] { margin-left: calc((100% / 12 * 9) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='lg-offset-right-9'] { margin-right: calc((100% / 12 * 9) - (20px / 2)); } [gr-grid~=row] [gr-grid~='lg-offset-9'] { margin-left: 75%; margin-right: 75%; } [gr-grid~=row] [gr-grid~='lg-offset-left-9'] { margin-left: 75%; } [gr-grid~=row] [gr-grid~='lg-offset-right-9'] { margin-right: 75%; } [gr-grid~=row] [gr-grid~='lg-10'] { -ms-flex-positive: 10; flex-grow: 10; -ms-flex-preferred-size: 0; flex-basis: 0; } [gr-grid~=row--block][gr-grid~='lg-10'] [gr-grid=block] { -ms-flex-preferred-size: 10%; flex-basis: 10%; max-width: 10%; } [gr-grid~=row--block][gr-grid~='lg-10'] [gr-grid=block]:nth-of-type(n) { margin-top: 0; } [gr-grid~=row--block][gr-grid~='lg-10'] [gr-grid=block]:nth-of-type(n + 11) { margin-top: 20px; } [gr-grid~=row--block][gr-grid~='lg-offset-10'] { margin-left: calc((100% / 12 * 10) - (20px / 2)); margin-right: calc((100% / 12 * 10) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='lg-offset-left-10'] { margin-left: calc((100% / 12 * 10) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='lg-offset-right-10'] { margin-right: calc((100% / 12 * 10) - (20px / 2)); } [gr-grid~=row] [gr-grid~='lg-offset-10'] { margin-left: 83.33333%; margin-right: 83.33333%; } [gr-grid~=row] [gr-grid~='lg-offset-left-10'] { margin-left: 83.33333%; } [gr-grid~=row] [gr-grid~='lg-offset-right-10'] { margin-right: 83.33333%; } [gr-grid~=row] [gr-grid~='lg-11'] { -ms-flex-positive: 11; flex-grow: 11; -ms-flex-preferred-size: 0; flex-basis: 0; } [gr-grid~=row--block][gr-grid~='lg-11'] [gr-grid=block] { -ms-flex-preferred-size: 9.09091%; flex-basis: 9.09091%; max-width: 9.09091%; } [gr-grid~=row--block][gr-grid~='lg-11'] [gr-grid=block]:nth-of-type(n) { margin-top: 0; } [gr-grid~=row--block][gr-grid~='lg-11'] [gr-grid=block]:nth-of-type(n + 12) { margin-top: 20px; } [gr-grid~=row--block][gr-grid~='lg-offset-11'] { margin-left: calc((100% / 12 * 11) - (20px / 2)); margin-right: calc((100% / 12 * 11) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='lg-offset-left-11'] { margin-left: calc((100% / 12 * 11) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='lg-offset-right-11'] { margin-right: calc((100% / 12 * 11) - (20px / 2)); } [gr-grid~=row] [gr-grid~='lg-offset-11'] { margin-left: 91.66667%; margin-right: 91.66667%; } [gr-grid~=row] [gr-grid~='lg-offset-left-11'] { margin-left: 91.66667%; } [gr-grid~=row] [gr-grid~='lg-offset-right-11'] { margin-right: 91.66667%; } [gr-grid~=row] [gr-grid~='lg-12'] { -ms-flex-positive: 12; flex-grow: 12; -ms-flex-preferred-size: 0; flex-basis: 0; } [gr-grid~=row--block][gr-grid~='lg-12'] [gr-grid=block] { -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; max-width: 8.33333%; } [gr-grid~=row--block][gr-grid~='lg-12'] [gr-grid=block]:nth-of-type(n) { margin-top: 0; } [gr-grid~=row--block][gr-grid~='lg-12'] [gr-grid=block]:nth-of-type(n + 13) { margin-top: 20px; } [gr-grid~=row--block][gr-grid~='lg-offset-12'] { margin-left: calc((100% / 12 * 12) - (20px / 2)); margin-right: calc((100% / 12 * 12) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='lg-offset-left-12'] { margin-left: calc((100% / 12 * 12) - (20px / 2)); } [gr-grid~=row--block][gr-grid~='lg-offset-right-12'] { margin-right: calc((100% / 12 * 12) - (20px / 2)); } [gr-grid~=row] [gr-grid~='lg-offset-12'] { margin-left: 100%; margin-right: 100%; } [gr-grid~=row] [gr-grid~='lg-offset-left-12'] { margin-left: 100%; } [gr-grid~=row] [gr-grid~='lg-offset-right-12'] { margin-right: 100%; } } @media only screen and (min-width: 480px) { [gr-grid=row][gr-grid~='xs-collapse'] > [gr-grid] { padding-left: 0; padding-right: 0; margin-top: 0 !important; } [gr-grid=row][gr-grid~='xs-uncollapse'] > [gr-grid] { padding-left: 10px; padding-right: 10px; } } @media only screen and (min-width: 768px) { [gr-grid=row][gr-grid~='sm-collapse'] > [gr-grid] { padding-left: 0; padding-right: 0; margin-top: 0 !important; } [gr-grid=row][gr-grid~='sm-uncollapse'] > [gr-grid] { padding-left: 10px; padding-right: 10px; } } @media only screen and (min-width: 1024px) { [gr-grid=row][gr-grid~='md-collapse'] > [gr-grid] { padding-left: 0; padding-right: 0; margin-top: 0 !important; } [gr-grid=row][gr-grid~='md-uncollapse'] > [gr-grid] { padding-left: 10px; padding-right: 10px; } } @media only screen and (min-width: 1280px) { [gr-grid=row][gr-grid~='lg-collapse'] > [gr-grid] { padding-left: 0; padding-right: 0; margin-top: 0 !important; } [gr-grid=row][gr-grid~='lg-uncollapse'] > [gr-grid] { padding-left: 10px; padding-right: 10px; } } [gr-lazyloader] { background: #525b65; } [gr-lazyloader] img { filter: blur(0); transition: 250ms cubic-bezier(0.47, 0, 0.745, 0.715); } [gr-lazyloader='is-lazyloading']:not(img)::after { z-index: 2; content: ''; position: absolute; left: 1rem; bottom: 1rem; color: white; animation-duration: 720ms; animation-iteration-count: infinite; animation-name: spin; animation-direction: normal; animation-timing-function: linear; width: 24px; height: 24px; border: solid 2px #fff; border-top-color: transparent; border-radius: 50%; } [gr-lazyloader='is-lazyloading']:not(img) img { filter: blur(20px); } [gr-lazyloader]:not(img) img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; } img[gr-lazyloader] { width: 100%; } .gr-table { width: 100%; max-width: 100%; background-color: #fff; } .gr-table tr { transition: all .3s ease; } .gr-table th, .gr-table td { text-align: left; padding: 1.875em; vertical-align: top; border-top: 0; transition: all .3s ease; } .gr-table > thead > tr > th { background-color: #7f8891; font-weight: 700; text-transform: uppercase; vertical-align: bottom; border-bottom: 1px solid #7f8891; color: #fff; } .gr-table > caption + thead > tr:first-child > th, .gr-table > caption + thead > tr:first-child > td, .gr-table > colgroup + thead > tr:first-child > th, .gr-table > colgroup + thead > tr:first-child > td, .gr-table > thead:first-child > tr:first-child > th, .gr-table > thead:first-child > tr:first-child > td { border-top: 0; } .gr-table > tbody + tbody { border-top: 1px solid #7f8891; } .gr-table .table { background-color: #fff; } .gr-table .no-border { border: 0; } [gr-table*='condensed'] th, [gr-table*='condensed'] td { padding: 0.9375em; } [gr-table*='bordered'] { border-color: #7f8891; border-width: 0 1px; } [gr-table*='bordered'] th, [gr-table*='bordered'] td { border-bottom: 1px solid; } [gr-table*='bordered'] thead th, [gr-table*='bordered'] thead td { border-bottom-width: 2px; } [gr-table*='striped'] tbody tr:nth-child(odd) { background-color: #eef2f4; } [gr-table*='hovered'] tbody tr:hover td, [gr-table*='hovered'] tbody tr:hover th { background-color: #eef2f4; } @media (max-width: 47.9375em) { [gr-table*="responsive"] { margin-bottom: 0; background-color: transparent; } [gr-table*="responsive"] thead, [gr-table*="responsive"] tfoot { display: none; } [gr-table*="responsive"] tbody { display: block; } [gr-table*="responsive"] tbody tr { display: block; border: 1px solid #7f8891; border-radius: 2px; margin-bottom: 1.875em; background-color: #fff; } [gr-table*="responsive"] tbody tr td { background-color: #fff; display: block; text-align: right; } [gr-table*="responsive"] tbody tr td[data-title]::before { content: attr(data-title); float: left; font-size: inherit; font-weight: 700; color: #343a41; } [gr-table*="responsive"][gr-table*='bordered'] { border: 0; } [gr-table*="responsive"][gr-table*='bordered'] td:last-child, [gr-table*="responsive"][gr-table*='bordered'] th:last-child { border-bottom-width: 0; } [gr-table*="responsive"][gr-table*='striped'] td:nth-child(odd) { background-color: #eef2f4; } [gr-table*="responsive"][gr-table*='hovered'] tr:hover, [gr-table*="responsive"][gr-table*='hovered'] tr:hover td { background-color: #fff; } [gr-table*="responsive"][gr-table*='hovered'] tr > td:hover { background-color: #eef2f4; } } .nav__nav-icon { position: relative; display: block; cursor: pointer; color: inherit; background: none; } .nav__nav-icon svg { position: relative; width: auto; height: auto; } .nav__nav-icon g { transition: transform 150ms ease-in-out; transform: translate(25px, 15px) rotate(0); } .nav__nav-icon rect { transition: transform 150ms ease-in-out 200ms; transform: translate(-25px, -15px); fill: currentColor; } .nav__nav-icon g:nth-of-type(2) rect { opacity: 1; transition: opacity 250ms ease-in-out 50ms; } .has-nav-open [gr-nav-trigger=squeeze] rect { transition: transform 150ms ease-in-out 250ms; } .has-nav-open [gr-nav-trigger=squeeze] g:nth-of-type(1), .has-nav-open [gr-nav-trigger=squeeze] g:nth-of-type(3) { transition: transform 150ms ease-in-out; } .has-nav-open [gr-nav-trigger=squeeze] g:nth-of-type(1) { transform: translate(20px, 15px) rotate(45deg); } .has-nav-open [gr-nav-trigger=squeeze] g:nth-of-type(1) rect { transform: translate(-25px, -5px); } .has-nav-open [gr-nav-trigger=squeeze] g:nth-of-type(2) rect { opacity: 0; } .has-nav-open [gr-nav-trigger=squeeze] g:nth-of-type(3) { transform: translate(20px, 15px) rotate(-45deg); } .has-nav-open [gr-nav-trigger=squeeze] g:nth-of-type(3) rect { transform: translate(-25px, -25px); } .has-nav-open [gr-nav-trigger=collapse] g:nth-of-type(1), .has-nav-open [gr-nav-trigger=collapse] g:nth-of-type(2) { transition: transform 150ms ease-in-out; } .has-nav-open [gr-nav-trigger=collapse] g:nth-of-type(1) { transform: translateY(20px); } .has-nav-open [gr-nav-trigger=collapse] g:nth-of-type(2) { transform: translateY(10px); } @media (min-width: 64em) { .nav__nav-icon { display: none; } } .nav { position: relative; width: auto; display: -ms-flexbox; -js-display: flex; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-align: center; align-items: center; height: 5rem; z-index: 59; } .nav[gr-nav-sticky] { position: fixed; top: 0; left: 0; right: 0; } .nav__panel { position: fixed; display: -ms-flexbox; -js-display: flex; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 20rem; max-width: 100vw; height: 100vh; transition: transform 240ms cubic-bezier(0.47, 0, 0.745, 0.715); overflow: visible; overflow-y: auto; z-index: 60; } .nav__panel ul { list-style-type: none; } @media (min-width: 64em) { .nav__panel { position: static; transform: none; -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; -ms-flex: 1 1 0px; flex: 1 1 0; width: 100%; height: 5rem; overflow-y: visible; } .nav__panel ul li { display: inline-block; } } .has-nav-open { overflow: hidden; } .nav[gr-nav-effect='reveal-left'] .nav__panel { top: 5rem; left: -20rem; max-height: calc(100vh - 5rem); } [gr-handler].has-nav-open > .nav[gr-nav-effect='reveal-left'] .nav__panel { transform: translateX(20rem); } .nav[gr-nav-effect='reveal-right'] .nav__panel { top: 5rem; right: -20rem; max-height: calc(100vh - 5rem); } [gr-handler].has-nav-open > .nav[gr-nav-effect='reveal-right'] .nav__panel { transform: translateX(-20rem); } .nav[gr-nav-effect='offset-left'] .nav__panel { top: 0; left: -20rem; } .nav[gr-nav-effect='offset-left'], .nav[gr-nav-effect='offset-left'] ~ * { transition: transform 240ms cubic-bezier(0.47, 0, 0.745, 0.715); } [gr-handler].has-nav-open > .nav[gr-nav-effect='offset-left'], [gr-handler].has-nav-open > .nav[gr-nav-effect='offset-left'] ~ * { transform: translateX(20rem); } .nav[gr-nav-effect='offset-right'] .nav__panel { top: 0; right: -20rem; } .nav[gr-nav-effect='offset-right'], .nav[gr-nav-effect='offset-right'] ~ * { transition: transform 240ms cubic-bezier(0.47, 0, 0.745, 0.715); } [gr-handler].has-nav-open > .nav[gr-nav-effect='offset-right'], [gr-handler].has-nav-open > .nav[gr-nav-effect='offset-right'] ~ * { transform: translateX(-20rem); } @media (min-width: 64em) { .nav[gr-nav-effect] .nav__panel { left: auto; right: auto; transform: none; transition: none; } } .gr-tabs[gr-acctab='acc'] .tab { list-style: none; } .gr-tabs[gr-acctab='acc'] .tab-link { display: block; } .gr-tabs[gr-acctab='acc'] .tab-link.is-active + .is-open { display: block; } .gr-tabs[gr-acctab='acc'] .tab-content { display: none; width: 100%; } .gr-tabs[gr-acctab='tab'] { overflow: hidden; } .gr-tabs[gr-acctab='tab'] .tab { display: inline; } .gr-tabs[gr-acctab='tab'] .tab-link { display: inline-block; } .gr-tabs[gr-acctab='tab'] .tab-link.is-active + .is-open { display: block; } .gr-tabs[gr-acctab='tab'] .tab-content { display: none; width: 100%; float: left; } .gr-tabs[gr-acctab=''] .tab { list-style: none; } .gr-tabs[gr-acctab=''] .tab-link { display: block; } .gr-tabs[gr-acctab=''] .tab-link.is-active + .is-open { display: block; } .gr-tabs[gr-acctab=''] .tab-content { display: none; width: 100%; } @media (min-width: 48em) { .gr-tabs[gr-acctab=''] { overflow: hidden; } .gr-tabs[gr-acctab=''] .tab { display: inline; } .gr-tabs[gr-acctab=''] .tab-link { display: inline-block; } .gr-tabs[gr-acctab=''] .tab-content { float: left; } } /*# sourceMappingURL=cognibox.css.map */