@import url(https://fonts.googleapis.com/css?family=Montserrat:200); .clearfix:after, .clearfix:before { content: ""; display: table; line-height: 0; } .clearfix:after { clear: both; } /*! normalize.css v3.0.1 | MIT License | git.io/normalize */ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background: 0 0; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: 700; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid silver; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: 700; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } .cookieConsentToggle { width: 40px; height: 40px; position: fixed; will-change: transform; padding: 9px; border: 0; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); background: #fff; border-radius: 50%; bottom: 20px; right: 20px; transition: 0.2s; opacity: 1; z-index: 99980; } .cookieConsentToggle:hover { color: #fff; background: #000; } .cookieConsentToggle * { fill: currentColor; } .cookieConsentWrapperCon { position: fixed; top: 0; left: 0; height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; background-color: rgba(0, 0, 0, 0.45); z-index: 99990; } .cookieConsentWrapper { background: #fff; color: #6b6c78; padding: 30px; transition: 0.2s; max-height: 100%; max-width: 100%; width: 600px; display: flex; align-items: center; } .cookieConsent { margin: 0 auto; } .cookieConsent:before { display: inline-block; width: 200px; height: 37px; margin-right: 5px; content: ""; background: url(../img/logo-hannecard.svg) no-repeat 0 0; background-size: 100%; margin-bottom: 20px; } .cookieConsent__Title { margin: 0; font-weight: 700; } .cookieConsent__Description { margin: 10px 0 0; } .cookieConsent__Description a { display: block; color: #235aa7; font-weight: 400; text-decoration: underline; } .cookieConsent__Description a:hover { text-decoration: #33ad86; } .cookieConsent__Right #cookieConsent__Button_confirmAll, button[type="submit"]:not(.cookieConsent__Button__Close) { background-color: #235aa7; color: #fff; } .cookieConsent__Left { display: flex; align-items: center; margin-top: -2.5px; } .cookieConsent__Left p { margin: 0; } .cookieConsentOperations { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.8); display: flex; transition: 0.3s; will-change: transform; z-index: 99999; } .cookieConsentOperations .cookieConsentOperations__List { transform: scale(1); } .cookieConsentOperations__List { background: #fff; color: #858585; max-width: 500px; padding: 40px; margin: auto; overflow-y: auto; box-sizing: border-box; max-height: 100vh; transition: 0.2s transform; will-change: transform; transform: scale(0.95); } .cookieConsentOperations__Item { display: block; padding-left: 60px; margin-bottom: 20px; } .cookieConsentOperations__Item.disabled { color: #999; } .cookieConsentOperations__Item.disabled label::after { opacity: 0.3; } .cookieConsentOperations__Item input { display: none; } .cookieConsentOperations__Item input:checked + label:before { background-color: #235aa7; } .cookieConsentOperations__Item label { align-items: center; font-size: 22px; margin-top: 0; margin-bottom: 0; font-weight: 700; display: block; position: relative; } .cookieConsentOperations__Item label:before { content: "" !important; display: block !important; left: -60px; background-color: #9fa0aa !important; height: 20px !important; border-radius: 20px; width: 40px !important; position: absolute; top: 50%; transform: translateY(-50%); border-color: #9fa0aa; } .cookieConsentOperations__Item label:after { content: "" !important; display: block; width: 16px !important; height: 16px !important; border-radius: 50%; background: #fff !important; position: absolute !important; top: 50% !important; transform: translateY(-50%) !important; left: -58px !important; transition: 0.2s; box-shadow: none !important; } .cookieConsentOperations__Item span { font-size: 16px; } .cookieConsentOperations__Item input:checked + label::after { transform: translate(20px, -50%) !important; } .cookieConsentOperations__Item input:checked + label::before { background-color: #235aa7 !important; border-color: #235aa7 !important; } .cookieConsent__Button { display: inline-block; color: #6b6c78; background: 0 0; line-height: 60px; vertical-align: middle; border: 0; } .cookieConsent__Button__Close { background: #33ad86; color: #fff; margin: 40px 0 0 60px; padding: 15px 60px; outline: 0 !important; font-size: 16px; } .cookieConsent__Button:hover { opacity: 0.8; } @media only screen and (max-width: 900px) { .cookieConsent { display: block; } .cookieConsent__Right { margin-top: 20px; } .cookieConsent__Button__Close { margin: 40px 0 0; } } @media only screen and (max-width: 720px) { .cookieConsentWrapper { height: auto; } } @media only screen and (min-width: 960px) { .cookieConsent__Right { display: flex; align-items: flex-end; margin-top: 30px; } } @media only screen and (min-width: 1140px) { .cookieConsent__Button:not(:first-of-type) { margin-left: 10px; } } @media only screen and (max-width: 1140px) { .cookieConsent__Button { margin: 0 10px 10px 0; } } @font-face { font-family: "Circular Std"; src: url(../fonts/circularstd-medium-webfont.eot); src: url(../fonts/circularstd-medium-webfont?#iefix) format("embedded-opentype"), url(../fonts/circularstd-medium-webfont.woff) format("woff"), url(../fonts/circularstd-medium-webfont.ttf) format("truetype"); font-weight: 500; font-style: normal; } @font-face { font-family: "Circular Std"; src: url(../fonts/circularstd-book-webfont.eot); src: url(../fonts/circularstd-book-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/circularstd-book-webfont.woff) format("woff"), url(../fonts/circularstd-book-webfont.ttf) format("truetype"); font-weight: 600; font-style: normal; } @font-face { font-family: "Circular Std"; src: url(../fonts/circularstd-bold-webfont.eot); src: url(../fonts/circularstd-bold-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/circularstd-bold-webfont.woff) format("woff"), url(../fonts/circularstd-bold-webfont.ttf) format("truetype"); font-weight: 700; font-style: normal; } @font-face { font-family: Graphik; src: url(../fonts/Graphik-Medium.eot); src: url(../fonts/Graphik-Medium.eot?#iefix) format("embedded-opentype"), url(../fonts/Graphik-Medium.woff) format("woff"), url(../fonts/Graphik-Medium.ttf) format("truetype"); font-weight: 500; font-style: normal; } @font-face { font-family: Graphik; src: url(../fonts/Graphik-Regular.eot); src: url(../fonts/Graphik-Regular.eot?#iefix) format("embedded-opentype"), url(../fonts/Graphik-Regular.woff) format("woff"), url(../fonts/Graphik-Regular.ttf) format("truetype"); font-weight: 400; font-style: normal; } @font-face { font-family: icomoon; src: url(../fonts/icomoon.ttf) format("truetype"); font-weight: 400; font-style: normal; } .submenu > li > a:after, [class*=" icon-"], [class^="icon-"], header .mainmenu li.dropdown > a:after, header .metamenu li.dropdown > a:after { font-family: icomoon !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-tissue:before { content: "\e91c"; } .icon-antistatic:before { content: "\e916"; } .icon-food_approved:before { content: "\e917"; } .icon-non_stick:before { content: "\e918"; } .icon-permanent_surface_roughness:before { content: "\e919"; } .icon-release_improved:before { content: "\e91a"; } .icon-semiconductor:before { content: "\e91b"; } .icon-download:before { content: "\e915"; } .icon-cover:before { content: "\e911"; } .icon-gears:before { content: "\e912"; } .icon-hardness:before { content: "\e913"; } .icon-thermometer:before { content: "\e914"; } .icon-arrow-down:before { content: "\e900"; } .icon-file:before { content: "\e901"; } .icon-food:before { content: "\e902"; } .icon-hannecard:before { content: "\e903"; } .icon-linkedin:before { content: "\e904"; } .icon-login:before { content: "\e905"; } .icon-metal:before { content: "\e906"; } .icon-other:before { content: "\e907"; } .icon-packaging:before { content: "\e908"; } .icon-paper:before { content: "\e909"; } .icon-plastics:before { content: "\e90a"; } .icon-printing:before { content: "\e90b"; } .icon-scroll:before { content: "\e90c"; } .icon-search:before { content: "\e90d"; } .icon-textile:before { content: "\e90e"; } .icon-wood:before { content: "\e90f"; } .icon-youtube:before { content: "\e910"; } .wrapper { box-sizing: border-box; max-width: 160em; margin: 0 auto; } .container-fluid { margin-right: auto; margin-left: auto; max-width: 160em; padding-right: 2em; padding-left: 2em; } @media (min-width: 62em) { .container-fluid { padding-right: 4em; padding-left: 4em; } } .row { box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -moz-box-flex: 0; -moz-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -2em; margin-left: -2em; } .row.reverse { -webkit-box-direction: reverse; -webkit-box-orient: horizontal; -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .col.reverse { -webkit-box-direction: reverse; -webkit-box-orient: vertical; -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .col-xs { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; -webkit-flex-basis: auto; -moz-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; } .col-xs-1 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; -webkit-flex-basis: 8.33333%; -moz-flex-basis: 8.33333%; -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; max-width: 8.33333%; } .col-xs-2 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; -webkit-flex-basis: 16.66667%; -moz-flex-basis: 16.66667%; -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667%; } .col-xs-3 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; -webkit-flex-basis: 25%; -moz-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .col-xs-4 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; -webkit-flex-basis: 33.33333%; -moz-flex-basis: 33.33333%; -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333%; } .col-xs-5 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; -webkit-flex-basis: 41.66667%; -moz-flex-basis: 41.66667%; -ms-flex-preferred-size: 41.66667%; flex-basis: 41.66667%; max-width: 41.66667%; } .col-xs-6 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; -webkit-flex-basis: 50%; -moz-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .col-xs-7 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; -webkit-flex-basis: 58.33333%; -moz-flex-basis: 58.33333%; -ms-flex-preferred-size: 58.33333%; flex-basis: 58.33333%; max-width: 58.33333%; } .col-xs-8 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; -webkit-flex-basis: 66.66667%; -moz-flex-basis: 66.66667%; -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667%; max-width: 66.66667%; } .col-xs-9 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; -webkit-flex-basis: 75%; -moz-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .col-xs-10 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; -webkit-flex-basis: 83.33333%; -moz-flex-basis: 83.33333%; -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333%; max-width: 83.33333%; } .col-xs-11 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; -webkit-flex-basis: 91.66667%; -moz-flex-basis: 91.66667%; -ms-flex-preferred-size: 91.66667%; flex-basis: 91.66667%; max-width: 91.66667%; } .col-xs-12 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .col-xs-offset-0 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; margin-left: 0; } .col-xs-offset-1 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; margin-left: 8.33333%; } .col-xs-offset-2 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; margin-left: 16.66667%; } .col-xs-offset-3 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; margin-left: 25%; } .col-xs-offset-4 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; margin-left: 33.33333%; } .col-xs-offset-5 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; margin-left: 41.66667%; } .col-xs-offset-6 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; margin-left: 50%; } .col-xs-offset-7 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; margin-left: 58.33333%; } .col-xs-offset-8 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; margin-left: 66.66667%; } .col-xs-offset-9 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; margin-left: 75%; } .col-xs-offset-10 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; margin-left: 83.33333%; } .col-xs-offset-11 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; margin-left: 91.66667%; } .col-xs-offset-12 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; margin-left: 100%; } .col-xs { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-basis: 0; -moz-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } .start-xs { -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; text-align: left; } .center-xs { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; text-align: center; } .end-xs { -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; justify-content: flex-end; text-align: right; } .top-xs { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start; } .middle-xs { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } .bottom-xs { -webkit-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; -moz-align-items: flex-end; align-items: flex-end; } .around-xs { -ms-flex-pack: distribute; -webkit-justify-content: space-around; -moz-justify-content: space-around; justify-content: space-around; } .between-xs { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; } .first-xs { order: -1; } .last-xs { order: 1; } @media only screen and (min-width: 48em) { .container { width: 46rem; } .col-sm { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; -webkit-flex-basis: auto; -moz-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; } .col-sm-1 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; -webkit-flex-basis: 8.33333%; -moz-flex-basis: 8.33333%; -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; max-width: 8.33333%; } .col-sm-2 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; -webkit-flex-basis: 16.66667%; -moz-flex-basis: 16.66667%; -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667%; } .col-sm-3 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; -webkit-flex-basis: 25%; -moz-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .col-sm-4 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; -webkit-flex-basis: 33.33333%; -moz-flex-basis: 33.33333%; -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333%; } .col-sm-5 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; -webkit-flex-basis: 41.66667%; -moz-flex-basis: 41.66667%; -ms-flex-preferred-size: 41.66667%; flex-basis: 41.66667%; max-width: 41.66667%; } .col-sm-6 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; -webkit-flex-basis: 50%; -moz-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .col-sm-7 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; -webkit-flex-basis: 58.33333%; -moz-flex-basis: 58.33333%; -ms-flex-preferred-size: 58.33333%; flex-basis: 58.33333%; max-width: 58.33333%; } .col-sm-8 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; -webkit-flex-basis: 66.66667%; -moz-flex-basis: 66.66667%; -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667%; max-width: 66.66667%; } .col-sm-9 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; -webkit-flex-basis: 75%; -moz-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .col-sm-10 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; -webkit-flex-basis: 83.33333%; -moz-flex-basis: 83.33333%; -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333%; max-width: 83.33333%; } .col-sm-11 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; -webkit-flex-basis: 91.66667%; -moz-flex-basis: 91.66667%; -ms-flex-preferred-size: 91.66667%; flex-basis: 91.66667%; max-width: 91.66667%; } .col-sm-12 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .col-sm-offset-0 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; margin-left: 0; } .col-sm-offset-1 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; margin-left: 8.33333%; } .col-sm-offset-2 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; margin-left: 16.66667%; } .col-sm-offset-3 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; margin-left: 25%; } .col-sm-offset-4 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; margin-left: 33.33333%; } .col-sm-offset-5 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; margin-left: 41.66667%; } .col-sm-offset-6 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; margin-left: 50%; } .col-sm-offset-7 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; margin-left: 58.33333%; } .col-sm-offset-8 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; margin-left: 66.66667%; } .col-sm-offset-9 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; margin-left: 75%; } .col-sm-offset-10 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; margin-left: 83.33333%; } .col-sm-offset-11 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; margin-left: 91.66667%; } .col-sm-offset-12 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; margin-left: 100%; } .col-sm { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-basis: 0; -moz-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } .start-sm { -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; text-align: left; } .center-sm { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; text-align: center; } .end-sm { -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; justify-content: flex-end; text-align: right; } .top-sm { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start; } .middle-sm { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } .bottom-sm { -webkit-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; -moz-align-items: flex-end; align-items: flex-end; } .around-sm { -ms-flex-pack: distribute; -webkit-justify-content: space-around; -moz-justify-content: space-around; justify-content: space-around; } .between-sm { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; } .first-sm { order: -1; } .last-sm { order: 1; } } @media only screen and (min-width: 62em) { .container { width: 61rem; } .col-md { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; -webkit-flex-basis: auto; -moz-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; } .col-md-1 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; -webkit-flex-basis: 8.33333%; -moz-flex-basis: 8.33333%; -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; max-width: 8.33333%; } .col-md-2 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; -webkit-flex-basis: 16.66667%; -moz-flex-basis: 16.66667%; -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667%; } .col-md-3 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; -webkit-flex-basis: 25%; -moz-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .col-md-4 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; -webkit-flex-basis: 33.33333%; -moz-flex-basis: 33.33333%; -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333%; } .col-md-5 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; -webkit-flex-basis: 41.66667%; -moz-flex-basis: 41.66667%; -ms-flex-preferred-size: 41.66667%; flex-basis: 41.66667%; max-width: 41.66667%; } .col-md-6 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; -webkit-flex-basis: 50%; -moz-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .col-md-7 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; -webkit-flex-basis: 58.33333%; -moz-flex-basis: 58.33333%; -ms-flex-preferred-size: 58.33333%; flex-basis: 58.33333%; max-width: 58.33333%; } .col-md-8 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; -webkit-flex-basis: 66.66667%; -moz-flex-basis: 66.66667%; -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667%; max-width: 66.66667%; } .col-md-9 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; -webkit-flex-basis: 75%; -moz-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .col-md-10 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; -webkit-flex-basis: 83.33333%; -moz-flex-basis: 83.33333%; -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333%; max-width: 83.33333%; } .col-md-11 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; -webkit-flex-basis: 91.66667%; -moz-flex-basis: 91.66667%; -ms-flex-preferred-size: 91.66667%; flex-basis: 91.66667%; max-width: 91.66667%; } .col-md-12 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .col-md-offset-0 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; margin-left: 0; } .col-md-offset-1 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; margin-left: 8.33333%; } .col-md-offset-2 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; margin-left: 16.66667%; } .col-md-offset-3 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; margin-left: 25%; } .col-md-offset-4 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; margin-left: 33.33333%; } .col-md-offset-5 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; margin-left: 41.66667%; } .col-md-offset-6 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; margin-left: 50%; } .col-md-offset-7 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; margin-left: 58.33333%; } .col-md-offset-8 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; margin-left: 66.66667%; } .col-md-offset-9 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; margin-left: 75%; } .col-md-offset-10 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; margin-left: 83.33333%; } .col-md-offset-11 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; margin-left: 91.66667%; } .col-md-offset-12 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; margin-left: 100%; } .col-md { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-basis: 0; -moz-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } .start-md { -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; text-align: left; } .center-md { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; text-align: center; } .end-md { -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; justify-content: flex-end; text-align: right; } .top-md { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start; } .middle-md { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } .bottom-md { -webkit-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; -moz-align-items: flex-end; align-items: flex-end; } .around-md { -ms-flex-pack: distribute; -webkit-justify-content: space-around; -moz-justify-content: space-around; justify-content: space-around; } .between-md { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; } .first-md { order: -1; } .last-md { order: 1; } } @media only screen and (min-width: 75em) { .container { width: 71rem; } .col-lg { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; -webkit-flex-basis: auto; -moz-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; } .col-lg-1 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; -webkit-flex-basis: 8.33333%; -moz-flex-basis: 8.33333%; -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; max-width: 8.33333%; } .col-lg-2 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; -webkit-flex-basis: 16.66667%; -moz-flex-basis: 16.66667%; -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667%; } .col-lg-3 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; -webkit-flex-basis: 25%; -moz-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .col-lg-4 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; -webkit-flex-basis: 33.33333%; -moz-flex-basis: 33.33333%; -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333%; } .col-lg-5 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; -webkit-flex-basis: 41.66667%; -moz-flex-basis: 41.66667%; -ms-flex-preferred-size: 41.66667%; flex-basis: 41.66667%; max-width: 41.66667%; } .col-lg-6 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; -webkit-flex-basis: 50%; -moz-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .col-lg-7 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; -webkit-flex-basis: 58.33333%; -moz-flex-basis: 58.33333%; -ms-flex-preferred-size: 58.33333%; flex-basis: 58.33333%; max-width: 58.33333%; } .col-lg-8 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; -webkit-flex-basis: 66.66667%; -moz-flex-basis: 66.66667%; -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667%; max-width: 66.66667%; } .col-lg-9 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; -webkit-flex-basis: 75%; -moz-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .col-lg-10 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; -webkit-flex-basis: 83.33333%; -moz-flex-basis: 83.33333%; -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333%; max-width: 83.33333%; } .col-lg-11 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; -webkit-flex-basis: 91.66667%; -moz-flex-basis: 91.66667%; -ms-flex-preferred-size: 91.66667%; flex-basis: 91.66667%; max-width: 91.66667%; } .col-lg-12 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .col-lg-offset-0 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; margin-left: 0; } .col-lg-offset-1 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; margin-left: 8.33333%; } .col-lg-offset-2 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; margin-left: 16.66667%; } .col-lg-offset-3 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; margin-left: 25%; } .col-lg-offset-4 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; margin-left: 33.33333%; } .col-lg-offset-5 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; margin-left: 41.66667%; } .col-lg-offset-6 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; margin-left: 50%; } .col-lg-offset-7 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; margin-left: 58.33333%; } .col-lg-offset-8 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; margin-left: 66.66667%; } .col-lg-offset-9 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; margin-left: 75%; } .col-lg-offset-10 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; margin-left: 83.33333%; } .col-lg-offset-11 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; margin-left: 91.66667%; } .col-lg-offset-12 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; margin-left: 100%; } .col-lg { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-basis: 0; -moz-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } .start-lg { -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; text-align: left; } .center-lg { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; text-align: center; } .end-lg { -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; justify-content: flex-end; text-align: right; } .top-lg { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start; } .middle-lg { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } .bottom-lg { -webkit-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; -moz-align-items: flex-end; align-items: flex-end; } .around-lg { -ms-flex-pack: distribute; -webkit-justify-content: space-around; -moz-justify-content: space-around; justify-content: space-around; } .between-lg { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; } .first-lg { order: -1; } .last-lg { order: 1; } } @media only screen and (min-width: 100em) { .container { width: 80rem; } .col-xlg { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; -webkit-flex-basis: auto; -moz-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; } .col-xlg-1 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; -webkit-flex-basis: 8.33333%; -moz-flex-basis: 8.33333%; -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; max-width: 8.33333%; } .col-xlg-2 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; -webkit-flex-basis: 16.66667%; -moz-flex-basis: 16.66667%; -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667%; } .col-xlg-3 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; -webkit-flex-basis: 25%; -moz-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .col-xlg-4 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; -webkit-flex-basis: 33.33333%; -moz-flex-basis: 33.33333%; -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333%; } .col-xlg-5 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; -webkit-flex-basis: 41.66667%; -moz-flex-basis: 41.66667%; -ms-flex-preferred-size: 41.66667%; flex-basis: 41.66667%; max-width: 41.66667%; } .col-xlg-6 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; -webkit-flex-basis: 50%; -moz-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .col-xlg-7 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; -webkit-flex-basis: 58.33333%; -moz-flex-basis: 58.33333%; -ms-flex-preferred-size: 58.33333%; flex-basis: 58.33333%; max-width: 58.33333%; } .col-xlg-8 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; -webkit-flex-basis: 66.66667%; -moz-flex-basis: 66.66667%; -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667%; max-width: 66.66667%; } .col-xlg-9 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; -webkit-flex-basis: 75%; -moz-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .col-xlg-10 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; -webkit-flex-basis: 83.33333%; -moz-flex-basis: 83.33333%; -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333%; max-width: 83.33333%; } .col-xlg-11 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; -webkit-flex-basis: 91.66667%; -moz-flex-basis: 91.66667%; -ms-flex-preferred-size: 91.66667%; flex-basis: 91.66667%; max-width: 91.66667%; } .col-xlg-12 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .col-xlg-offset-0 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; margin-left: 0; } .col-xlg-offset-1 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; margin-left: 8.33333%; } .col-xlg-offset-2 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; margin-left: 16.66667%; } .col-xlg-offset-3 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; margin-left: 25%; } .col-xlg-offset-4 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; margin-left: 33.33333%; } .col-xlg-offset-5 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; margin-left: 41.66667%; } .col-xlg-offset-6 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; margin-left: 50%; } .col-xlg-offset-7 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; margin-left: 58.33333%; } .col-xlg-offset-8 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; margin-left: 66.66667%; } .col-xlg-offset-9 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; margin-left: 75%; } .col-xlg-offset-10 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; margin-left: 83.33333%; } .col-xlg-offset-11 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; margin-left: 91.66667%; } .col-xlg-offset-12 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2em; padding-left: 2em; margin-left: 100%; } .col-xlg { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-basis: 0; -moz-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } .start-xlg { -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; text-align: left; } .center-xlg { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; text-align: center; } .end-xlg { -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; justify-content: flex-end; text-align: right; } .top-xlg { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start; } .middle-xlg { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } .bottom-xlg { -webkit-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; -moz-align-items: flex-end; align-items: flex-end; } .around-xlg { -ms-flex-pack: distribute; -webkit-justify-content: space-around; -moz-justify-content: space-around; justify-content: space-around; } .between-xlg { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; } .first-xlg { order: -1; } .last-xlg { order: 1; } } .row.no-gutter { margin: 0; } .row.no-gutter > [class*="col-"] { padding: 0; } .row.flexible > [class*="col-"] { flex-grow: 0; flex-basis: auto; } .row.g0 { margin-right: 0; margin-left: 0; } .row.g0 > [class*="col-"] { padding-right: 0; padding-left: 0; } .row.g1 { margin-right: -1em; margin-left: -1em; } .row.g1 > [class*="col-"] { padding-right: 1em; padding-left: 1em; } .row.g2 { margin-right: -2em; margin-left: -2em; } .row.g2 > [class*="col-"] { padding-right: 2em; padding-left: 2em; } .row.g3 { margin-right: -3em; margin-left: -3em; } .row.g3 > [class*="col-"] { padding-right: 3em; padding-left: 3em; } .row.g4 { margin-right: -4em; margin-left: -4em; } .row.g4 > [class*="col-"] { padding-right: 4em; padding-left: 4em; } .row.g5 { margin-right: -5em; margin-left: -5em; } .row.g5 > [class*="col-"] { padding-right: 5em; padding-left: 5em; } @media only screen and (min-width: 0em) { .xs-mt0 { margin-top: 0; } .xs-mb0 { margin-bottom: 0; } .xs-mt1 { margin-top: 1em; } .xs-mb1 { margin-bottom: 1em; } .xs-mt2 { margin-top: 2em; } .xs-mb2 { margin-bottom: 2em; } .xs-mt3 { margin-top: 3em; } .xs-mb3 { margin-bottom: 3em; } .xs-mt4 { margin-top: 4em; } .xs-mb4 { margin-bottom: 4em; } .xs-mt5 { margin-top: 5em; } .xs-mb5 { margin-bottom: 5em; } .xs-mt6 { margin-top: 6em; } .xs-mb6 { margin-bottom: 6em; } .xs-mt7 { margin-top: 7em; } .xs-mb7 { margin-bottom: 7em; } .xs-mt8 { margin-top: 8em; } .xs-mb8 { margin-bottom: 8em; } .xs-mt9 { margin-top: 9em; } .xs-mb9 { margin-bottom: 9em; } .xs-mt10 { margin-top: 10em; } .xs-mb10 { margin-bottom: 10em; } .xs-mt11 { margin-top: 11em; } .xs-mb11 { margin-bottom: 11em; } .xs-mt12 { margin-top: 12em; } .xs-mb12 { margin-bottom: 12em; } .xs-mt13 { margin-top: 13em; } .xs-mb13 { margin-bottom: 13em; } .xs-mt14 { margin-top: 14em; } .xs-mb14 { margin-bottom: 14em; } .xs-mt15 { margin-top: 15em; } .xs-mb15 { margin-bottom: 15em; } .xs-mt16 { margin-top: 16em; } .xs-mb16 { margin-bottom: 16em; } .xs-mt17 { margin-top: 17em; } .xs-mb17 { margin-bottom: 17em; } .xs-mt18 { margin-top: 18em; } .xs-mb18 { margin-bottom: 18em; } .xs-mt19 { margin-top: 19em; } .xs-mb19 { margin-bottom: 19em; } .xs-mt20 { margin-top: 20em; } .xs-mb20 { margin-bottom: 20em; } .xs-pt0 { padding-top: 0; } .xs-pb0 { padding-bottom: 0; } .xs-pt1 { padding-top: 1em; } .xs-pb1 { padding-bottom: 1em; } .xs-pt2 { padding-top: 2em; } .xs-pb2 { padding-bottom: 2em; } .xs-pt3 { padding-top: 3em; } .xs-pb3 { padding-bottom: 3em; } .xs-pt4 { padding-top: 4em; } .xs-pb4 { padding-bottom: 4em; } .xs-pt5 { padding-top: 5em; } .xs-pb5 { padding-bottom: 5em; } .xs-pt6 { padding-top: 6em; } .xs-pb6 { padding-bottom: 6em; } .xs-pt7 { padding-top: 7em; } .xs-pb7 { padding-bottom: 7em; } .xs-pt8 { padding-top: 8em; } .xs-pb8 { padding-bottom: 8em; } .xs-pt9 { padding-top: 9em; } .xs-pb9 { padding-bottom: 9em; } .xs-pt10 { padding-top: 10em; } .xs-pb10 { padding-bottom: 10em; } .xs-pt11 { padding-top: 11em; } .xs-pb11 { padding-bottom: 11em; } .xs-pt12 { padding-top: 12em; } .xs-pb12 { padding-bottom: 12em; } .xs-pt13 { padding-top: 13em; } .xs-pb13 { padding-bottom: 13em; } .xs-pt14 { padding-top: 14em; } .xs-pb14 { padding-bottom: 14em; } .xs-pt15 { padding-top: 15em; } .xs-pb15 { padding-bottom: 15em; } .xs-pt16 { padding-top: 16em; } .xs-pb16 { padding-bottom: 16em; } .xs-pt17 { padding-top: 17em; } .xs-pb17 { padding-bottom: 17em; } .xs-pt18 { padding-top: 18em; } .xs-pb18 { padding-bottom: 18em; } .xs-pt19 { padding-top: 19em; } .xs-pb19 { padding-bottom: 19em; } .xs-pt20 { padding-top: 20em; } .xs-pb20 { padding-bottom: 20em; } .xs-tac { text-align: center; } .xs-tar { text-align: right; } .xs-tal { text-align: left; } .xs-dn { display: none; } .xs-db { display: block; } } @media only screen and (min-width: 48em) { .sm-mt0 { margin-top: 0; } .sm-mb0 { margin-bottom: 0; } .sm-mt1 { margin-top: 1em; } .sm-mb1 { margin-bottom: 1em; } .sm-mt2 { margin-top: 2em; } .sm-mb2 { margin-bottom: 2em; } .sm-mt3 { margin-top: 3em; } .sm-mb3 { margin-bottom: 3em; } .sm-mt4 { margin-top: 4em; } .sm-mb4 { margin-bottom: 4em; } .sm-mt5 { margin-top: 5em; } .sm-mb5 { margin-bottom: 5em; } .sm-mt6 { margin-top: 6em; } .sm-mb6 { margin-bottom: 6em; } .sm-mt7 { margin-top: 7em; } .sm-mb7 { margin-bottom: 7em; } .sm-mt8 { margin-top: 8em; } .sm-mb8 { margin-bottom: 8em; } .sm-mt9 { margin-top: 9em; } .sm-mb9 { margin-bottom: 9em; } .sm-mt10 { margin-top: 10em; } .sm-mb10 { margin-bottom: 10em; } .sm-mt11 { margin-top: 11em; } .sm-mb11 { margin-bottom: 11em; } .sm-mt12 { margin-top: 12em; } .sm-mb12 { margin-bottom: 12em; } .sm-mt13 { margin-top: 13em; } .sm-mb13 { margin-bottom: 13em; } .sm-mt14 { margin-top: 14em; } .sm-mb14 { margin-bottom: 14em; } .sm-mt15 { margin-top: 15em; } .sm-mb15 { margin-bottom: 15em; } .sm-mt16 { margin-top: 16em; } .sm-mb16 { margin-bottom: 16em; } .sm-mt17 { margin-top: 17em; } .sm-mb17 { margin-bottom: 17em; } .sm-mt18 { margin-top: 18em; } .sm-mb18 { margin-bottom: 18em; } .sm-mt19 { margin-top: 19em; } .sm-mb19 { margin-bottom: 19em; } .sm-mt20 { margin-top: 20em; } .sm-mb20 { margin-bottom: 20em; } .sm-pt0 { padding-top: 0; } .sm-pb0 { padding-bottom: 0; } .sm-pt1 { padding-top: 1em; } .sm-pb1 { padding-bottom: 1em; } .sm-pt2 { padding-top: 2em; } .sm-pb2 { padding-bottom: 2em; } .sm-pt3 { padding-top: 3em; } .sm-pb3 { padding-bottom: 3em; } .sm-pt4 { padding-top: 4em; } .sm-pb4 { padding-bottom: 4em; } .sm-pt5 { padding-top: 5em; } .sm-pb5 { padding-bottom: 5em; } .sm-pt6 { padding-top: 6em; } .sm-pb6 { padding-bottom: 6em; } .sm-pt7 { padding-top: 7em; } .sm-pb7 { padding-bottom: 7em; } .sm-pt8 { padding-top: 8em; } .sm-pb8 { padding-bottom: 8em; } .sm-pt9 { padding-top: 9em; } .sm-pb9 { padding-bottom: 9em; } .sm-pt10 { padding-top: 10em; } .sm-pb10 { padding-bottom: 10em; } .sm-pt11 { padding-top: 11em; } .sm-pb11 { padding-bottom: 11em; } .sm-pt12 { padding-top: 12em; } .sm-pb12 { padding-bottom: 12em; } .sm-pt13 { padding-top: 13em; } .sm-pb13 { padding-bottom: 13em; } .sm-pt14 { padding-top: 14em; } .sm-pb14 { padding-bottom: 14em; } .sm-pt15 { padding-top: 15em; } .sm-pb15 { padding-bottom: 15em; } .sm-pt16 { padding-top: 16em; } .sm-pb16 { padding-bottom: 16em; } .sm-pt17 { padding-top: 17em; } .sm-pb17 { padding-bottom: 17em; } .sm-pt18 { padding-top: 18em; } .sm-pb18 { padding-bottom: 18em; } .sm-pt19 { padding-top: 19em; } .sm-pb19 { padding-bottom: 19em; } .sm-pt20 { padding-top: 20em; } .sm-pb20 { padding-bottom: 20em; } .sm-tac { text-align: center; } .sm-tar { text-align: right; } .sm-tal { text-align: left; } .sm-dn { display: none; } .sm-db { display: block; } } @media only screen and (min-width: 62em) { .md-mt0 { margin-top: 0; } .md-mb0 { margin-bottom: 0; } .md-mt1 { margin-top: 1em; } .md-mb1 { margin-bottom: 1em; } .md-mt2 { margin-top: 2em; } .md-mb2 { margin-bottom: 2em; } .md-mt3 { margin-top: 3em; } .md-mb3 { margin-bottom: 3em; } .md-mt4 { margin-top: 4em; } .md-mb4 { margin-bottom: 4em; } .md-mt5 { margin-top: 5em; } .md-mb5 { margin-bottom: 5em; } .md-mt6 { margin-top: 6em; } .md-mb6 { margin-bottom: 6em; } .md-mt7 { margin-top: 7em; } .md-mb7 { margin-bottom: 7em; } .md-mt8 { margin-top: 8em; } .md-mb8 { margin-bottom: 8em; } .md-mt9 { margin-top: 9em; } .md-mb9 { margin-bottom: 9em; } .md-mt10 { margin-top: 10em; } .md-mb10 { margin-bottom: 10em; } .md-mt11 { margin-top: 11em; } .md-mb11 { margin-bottom: 11em; } .md-mt12 { margin-top: 12em; } .md-mb12 { margin-bottom: 12em; } .md-mt13 { margin-top: 13em; } .md-mb13 { margin-bottom: 13em; } .md-mt14 { margin-top: 14em; } .md-mb14 { margin-bottom: 14em; } .md-mt15 { margin-top: 15em; } .md-mb15 { margin-bottom: 15em; } .md-mt16 { margin-top: 16em; } .md-mb16 { margin-bottom: 16em; } .md-mt17 { margin-top: 17em; } .md-mb17 { margin-bottom: 17em; } .md-mt18 { margin-top: 18em; } .md-mb18 { margin-bottom: 18em; } .md-mt19 { margin-top: 19em; } .md-mb19 { margin-bottom: 19em; } .md-mt20 { margin-top: 20em; } .md-mb20 { margin-bottom: 20em; } .md-pt0 { padding-top: 0; } .md-pb0 { padding-bottom: 0; } .md-pt1 { padding-top: 1em; } .md-pb1 { padding-bottom: 1em; } .md-pt2 { padding-top: 2em; } .md-pb2 { padding-bottom: 2em; } .md-pt3 { padding-top: 3em; } .md-pb3 { padding-bottom: 3em; } .md-pt4 { padding-top: 4em; } .md-pb4 { padding-bottom: 4em; } .md-pt5 { padding-top: 5em; } .md-pb5 { padding-bottom: 5em; } .md-pt6 { padding-top: 6em; } .md-pb6 { padding-bottom: 6em; } .md-pt7 { padding-top: 7em; } .md-pb7 { padding-bottom: 7em; } .md-pt8 { padding-top: 8em; } .md-pb8 { padding-bottom: 8em; } .md-pt9 { padding-top: 9em; } .md-pb9 { padding-bottom: 9em; } .md-pt10 { padding-top: 10em; } .md-pb10 { padding-bottom: 10em; } .md-pt11 { padding-top: 11em; } .md-pb11 { padding-bottom: 11em; } .md-pt12 { padding-top: 12em; } .md-pb12 { padding-bottom: 12em; } .md-pt13 { padding-top: 13em; } .md-pb13 { padding-bottom: 13em; } .md-pt14 { padding-top: 14em; } .md-pb14 { padding-bottom: 14em; } .md-pt15 { padding-top: 15em; } .md-pb15 { padding-bottom: 15em; } .md-pt16 { padding-top: 16em; } .md-pb16 { padding-bottom: 16em; } .md-pt17 { padding-top: 17em; } .md-pb17 { padding-bottom: 17em; } .md-pt18 { padding-top: 18em; } .md-pb18 { padding-bottom: 18em; } .md-pt19 { padding-top: 19em; } .md-pb19 { padding-bottom: 19em; } .md-pt20 { padding-top: 20em; } .md-pb20 { padding-bottom: 20em; } .md-tac { text-align: center; } .md-tar { text-align: right; } .md-tal { text-align: left; } .md-dn { display: none; } .md-db { display: block; } } @media only screen and (min-width: 75em) { .lg-mt0 { margin-top: 0; } .lg-mb0 { margin-bottom: 0; } .lg-mt1 { margin-top: 1em; } .lg-mb1 { margin-bottom: 1em; } .lg-mt2 { margin-top: 2em; } .lg-mb2 { margin-bottom: 2em; } .lg-mt3 { margin-top: 3em; } .lg-mb3 { margin-bottom: 3em; } .lg-mt4 { margin-top: 4em; } .lg-mb4 { margin-bottom: 4em; } .lg-mt5 { margin-top: 5em; } .lg-mb5 { margin-bottom: 5em; } .lg-mt6 { margin-top: 6em; } .lg-mb6 { margin-bottom: 6em; } .lg-mt7 { margin-top: 7em; } .lg-mb7 { margin-bottom: 7em; } .lg-mt8 { margin-top: 8em; } .lg-mb8 { margin-bottom: 8em; } .lg-mt9 { margin-top: 9em; } .lg-mb9 { margin-bottom: 9em; } .lg-mt10 { margin-top: 10em; } .lg-mb10 { margin-bottom: 10em; } .lg-mt11 { margin-top: 11em; } .lg-mb11 { margin-bottom: 11em; } .lg-mt12 { margin-top: 12em; } .lg-mb12 { margin-bottom: 12em; } .lg-mt13 { margin-top: 13em; } .lg-mb13 { margin-bottom: 13em; } .lg-mt14 { margin-top: 14em; } .lg-mb14 { margin-bottom: 14em; } .lg-mt15 { margin-top: 15em; } .lg-mb15 { margin-bottom: 15em; } .lg-mt16 { margin-top: 16em; } .lg-mb16 { margin-bottom: 16em; } .lg-mt17 { margin-top: 17em; } .lg-mb17 { margin-bottom: 17em; } .lg-mt18 { margin-top: 18em; } .lg-mb18 { margin-bottom: 18em; } .lg-mt19 { margin-top: 19em; } .lg-mb19 { margin-bottom: 19em; } .lg-mt20 { margin-top: 20em; } .lg-mb20 { margin-bottom: 20em; } .lg-pt0 { padding-top: 0; } .lg-pb0 { padding-bottom: 0; } .lg-pt1 { padding-top: 1em; } .lg-pb1 { padding-bottom: 1em; } .lg-pt2 { padding-top: 2em; } .lg-pb2 { padding-bottom: 2em; } .lg-pt3 { padding-top: 3em; } .lg-pb3 { padding-bottom: 3em; } .lg-pt4 { padding-top: 4em; } .lg-pb4 { padding-bottom: 4em; } .lg-pt5 { padding-top: 5em; } .lg-pb5 { padding-bottom: 5em; } .lg-pt6 { padding-top: 6em; } .lg-pb6 { padding-bottom: 6em; } .lg-pt7 { padding-top: 7em; } .lg-pb7 { padding-bottom: 7em; } .lg-pt8 { padding-top: 8em; } .lg-pb8 { padding-bottom: 8em; } .lg-pt9 { padding-top: 9em; } .lg-pb9 { padding-bottom: 9em; } .lg-pt10 { padding-top: 10em; } .lg-pb10 { padding-bottom: 10em; } .lg-pt11 { padding-top: 11em; } .lg-pb11 { padding-bottom: 11em; } .lg-pt12 { padding-top: 12em; } .lg-pb12 { padding-bottom: 12em; } .lg-pt13 { padding-top: 13em; } .lg-pb13 { padding-bottom: 13em; } .lg-pt14 { padding-top: 14em; } .lg-pb14 { padding-bottom: 14em; } .lg-pt15 { padding-top: 15em; } .lg-pb15 { padding-bottom: 15em; } .lg-pt16 { padding-top: 16em; } .lg-pb16 { padding-bottom: 16em; } .lg-pt17 { padding-top: 17em; } .lg-pb17 { padding-bottom: 17em; } .lg-pt18 { padding-top: 18em; } .lg-pb18 { padding-bottom: 18em; } .lg-pt19 { padding-top: 19em; } .lg-pb19 { padding-bottom: 19em; } .lg-pt20 { padding-top: 20em; } .lg-pb20 { padding-bottom: 20em; } .lg-tac { text-align: center; } .lg-tar { text-align: right; } .lg-tal { text-align: left; } .lg-dn { display: none; } .lg-db { display: block; } } @media only screen and (min-width: 100em) { .xlg-mt0 { margin-top: 0; } .xlg-mb0 { margin-bottom: 0; } .xlg-mt1 { margin-top: 1em; } .xlg-mb1 { margin-bottom: 1em; } .xlg-mt2 { margin-top: 2em; } .xlg-mb2 { margin-bottom: 2em; } .xlg-mt3 { margin-top: 3em; } .xlg-mb3 { margin-bottom: 3em; } .xlg-mt4 { margin-top: 4em; } .xlg-mb4 { margin-bottom: 4em; } .xlg-mt5 { margin-top: 5em; } .xlg-mb5 { margin-bottom: 5em; } .xlg-mt6 { margin-top: 6em; } .xlg-mb6 { margin-bottom: 6em; } .xlg-mt7 { margin-top: 7em; } .xlg-mb7 { margin-bottom: 7em; } .xlg-mt8 { margin-top: 8em; } .xlg-mb8 { margin-bottom: 8em; } .xlg-mt9 { margin-top: 9em; } .xlg-mb9 { margin-bottom: 9em; } .xlg-mt10 { margin-top: 10em; } .xlg-mb10 { margin-bottom: 10em; } .xlg-mt11 { margin-top: 11em; } .xlg-mb11 { margin-bottom: 11em; } .xlg-mt12 { margin-top: 12em; } .xlg-mb12 { margin-bottom: 12em; } .xlg-mt13 { margin-top: 13em; } .xlg-mb13 { margin-bottom: 13em; } .xlg-mt14 { margin-top: 14em; } .xlg-mb14 { margin-bottom: 14em; } .xlg-mt15 { margin-top: 15em; } .xlg-mb15 { margin-bottom: 15em; } .xlg-mt16 { margin-top: 16em; } .xlg-mb16 { margin-bottom: 16em; } .xlg-mt17 { margin-top: 17em; } .xlg-mb17 { margin-bottom: 17em; } .xlg-mt18 { margin-top: 18em; } .xlg-mb18 { margin-bottom: 18em; } .xlg-mt19 { margin-top: 19em; } .xlg-mb19 { margin-bottom: 19em; } .xlg-mt20 { margin-top: 20em; } .xlg-mb20 { margin-bottom: 20em; } .xlg-pt0 { padding-top: 0; } .xlg-pb0 { padding-bottom: 0; } .xlg-pt1 { padding-top: 1em; } .xlg-pb1 { padding-bottom: 1em; } .xlg-pt2 { padding-top: 2em; } .xlg-pb2 { padding-bottom: 2em; } .xlg-pt3 { padding-top: 3em; } .xlg-pb3 { padding-bottom: 3em; } .xlg-pt4 { padding-top: 4em; } .xlg-pb4 { padding-bottom: 4em; } .xlg-pt5 { padding-top: 5em; } .xlg-pb5 { padding-bottom: 5em; } .xlg-pt6 { padding-top: 6em; } .xlg-pb6 { padding-bottom: 6em; } .xlg-pt7 { padding-top: 7em; } .xlg-pb7 { padding-bottom: 7em; } .xlg-pt8 { padding-top: 8em; } .xlg-pb8 { padding-bottom: 8em; } .xlg-pt9 { padding-top: 9em; } .xlg-pb9 { padding-bottom: 9em; } .xlg-pt10 { padding-top: 10em; } .xlg-pb10 { padding-bottom: 10em; } .xlg-pt11 { padding-top: 11em; } .xlg-pb11 { padding-bottom: 11em; } .xlg-pt12 { padding-top: 12em; } .xlg-pb12 { padding-bottom: 12em; } .xlg-pt13 { padding-top: 13em; } .xlg-pb13 { padding-bottom: 13em; } .xlg-pt14 { padding-top: 14em; } .xlg-pb14 { padding-bottom: 14em; } .xlg-pt15 { padding-top: 15em; } .xlg-pb15 { padding-bottom: 15em; } .xlg-pt16 { padding-top: 16em; } .xlg-pb16 { padding-bottom: 16em; } .xlg-pt17 { padding-top: 17em; } .xlg-pb17 { padding-bottom: 17em; } .xlg-pt18 { padding-top: 18em; } .xlg-pb18 { padding-bottom: 18em; } .xlg-pt19 { padding-top: 19em; } .xlg-pb19 { padding-bottom: 19em; } .xlg-pt20 { padding-top: 20em; } .xlg-pb20 { padding-bottom: 20em; } .xlg-tac { text-align: center; } .xlg-tar { text-align: right; } .xlg-tal { text-align: left; } .xlg-dn { display: none; } .xlg-db { display: block; } } .zi-0 { z-index: 0; } .zi-1 { z-index: 1; } .zi-2 { z-index: 2; } .zi-3 { z-index: 3; } .zi-4 { z-index: 4; } .zi-5 { z-index: 5; } .position-relative { position: relative; } .h100 { height: 100%; } .w100 { width: 100%; } .w-auto { width: auto; } .left { float: left; } .right { float: right; } .table { display: table; width: 100%; height: 100%; } .cell { display: table-cell; vertical-align: middle; height: 100%; } .flex { display: flex; } .flex-item { flex-basis: auto; } .o-hidden { overflow: hidden; } .list-inline { margin: 0; padding: 0; } .list-inline li { display: inline-block; } .wp-nowrap { white-space: nowrap; } html { font-size: 16px; height: 100%; box-sizing: border-box; } *, :after, :before { box-sizing: inherit; } ::selection { background: rgba(150, 212, 103, 0.2); } body { font-size: 62.5%; line-height: 1.5; font-family: Graphik, sans-serif; font-weight: 400; color: #6b6c78; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: "Circular Std", sans-serif; font-weight: 700; line-height: 1; color: #1b1b1b; margin: 1em 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .h1:first-child, .h2:first-child, .h3:first-child, .h4:first-child, .h5:first-child, .h6:first-child, h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { margin-top: 0; } .h1, h1 { position: relative; font-size: 3em; } @media (min-width: 62em) { .h1, h1 { font-size: 6.6em; } } .h2, h2 { position: relative; font-size: 4.2em; line-height: 1.1; } .h3, h3 { position: relative; font-size: 3em; line-height: 1.1; } .h4, h4 { position: relative; font-size: 2.2em; line-height: 1.1; letter-spacing: 2px; } b, strong { font-weight: 600; color: #191a22; } em { font-style: italic; } a { color: #235aa7; text-decoration: none; outline: 0; font-weight: 700; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } a:hover { color: #235aa7; text-decoration: none; } label, ol, p, table, ul { font-size: 1.6em; font-weight: 400; line-height: 2.1em; margin: 2.2em 0; letter-spacing: 1px; } label.sm, ol.sm, p.sm, table.sm, ul.sm { font-size: 1.4em; } label.lg, ol.lg, p.lg, table.lg, ul.lg { font-size: 1.8em; } label:first-child, ol:first-child, p:first-child, table:first-child, ul:first-child { margin-top: 0; } label:last-child, ol:last-child, p:last-child, table:last-child, ul:last-child { margin-bottom: 0; } label td, ol td, p td, table td, ul td { padding: 10px; } button /*input[type="email"], input[type="file"], input[type="password"], input[type="text"], select, textarea*/ { font-size: 1.6em; font-weight: 400; font-style: normal; line-height: 1; color: #6b6c78; } .blog-link button.blog-cat, button, button.btn { font-size: 1.6em; } ul { list-style: circle; } ul.button-links { list-style: none; margin-left: 0; margin-right: 0; padding: 0; font-size: 1.8em; } ul.button-links li { margin: 0 0 1em 0; } ul.button-links li:last-child { margin: 0; } ul.inline-links li { display: inline-block; } ol { list-style: decimal; } ol ol, ol p, ol ul, ul ol, ul p, ul ul { font-size: 1em; margin: 0; } img, video { display: block; width: 100%; height: auto; } img.imgTop, video.imgTop { margin-bottom: 4em; } img.imgBottom, video.imgBottom { margin-top: 4em; } .img { position: relative; } .img a { display: block; } hr { border: 0; border-top: 1px solid #e9e9e9; margin: 4em 0; } .play:before { content: "\e905"; color: #fff; position: absolute; width: 90px; height: 90px; left: 0; right: 0; top: 0; bottom: 0; margin: auto; font-size: 90px; z-index: 3; } .play:after { content: ""; left: 0; right: 0; top: 0; bottom: 0; position: absolute; z-index: 2; opacity: 0.8; font-size: 11em; text-align: center; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .play:hover:after { background: rgba(25, 26, 34, 0.5); } .section { position: relative; } .section.grey { background: #f5f5f5; } .blog-link .blog-cat, .btn, header .mainmenu:first-of-type > li:last-child > a { display: inline-block; padding: 22px 40px; font-weight: 500; line-height: 1; text-transform: none; border: none; color: #fff; outline: 0; cursor: pointer; background-size: 100%; /* background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzYWQ4NiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzk2ZDQ2NyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);*/ /*background-image: -webkit-gradient(linear, 0 50%, 100% 50%, color-stop(0, #0052a4), color-stop(100%, #ed1c24)); background-image: -moz-linear-gradient(left, #0052a4, #ed1c24); background-image: -webkit-linear-gradient(left, #0052a4, #ed1c24); background-image: linear-gradient(to right, #0052a4, #f58220);*/ /*background-image: -webkit-gradient(linear, 0 50%, 100% 50%, color-stop(0, #235aa7), color-stop(100%, #235aa7)); background-image: -moz-linear-gradient(left, #235aa7, #235aa7); background-image: -webkit-linear-gradient(left, #235aa7, #235aa7); background-image: linear-gradient(to right, #235aa7, #235aa7);*/ /*background-image: -webkit-gradient(linear, 0 50%, 100% 50%, color-stop(0, #ed1c24), color-stop(100%, #f58220)); background-image: -moz-linear-gradient(left, #ed1c24, #f58220); background-image: -webkit-linear-gradient(left, #ed1c24, #f58220); background-image: linear-gradient(to right, #ed1c24, #f58220);*/ background-image: -webkit-gradient(linear, 0 50%, 100% 50%, color-stop(0, #ed1c24), color-stop(100%, #f58220)); background-image: -moz-linear-gradient(left, #ed1c24, #f58220); background-image: -webkit-linear-gradient(left, #ed1c24, #f58220); background-image: linear-gradient(to right, #ed1c24, #f58220); -moz-border-radius: 32px; -webkit-border-radius: 32px; border-radius: 32px; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .blog-link .btn-light.blog-cat, .btn.btn-light, header .mainmenu:first-of-type > li:last-child > a.btn-light { color: #235aa7; background: #fff; border: 0; } .blog-link .btn-light.blog-cat:hover, .btn.btn-light:hover, header .mainmenu:first-of-type > li:last-child > a.btn-light:hover { color: #245ba8; } .blog-link .btn-dark.blog-cat, .btn.btn-dark, header .mainmenu:first-of-type > li:last-child > a.btn-dark { background: #191a22; } .blog-link .btn-grey.blog-cat, .btn.btn-grey, header .mainmenu:first-of-type > li:last-child > a.btn-grey { background: #f2f2f2; color: #191a22; } .blog-link .btn-grey.active.blog-cat, .blog-link .btn-grey.blog-cat:hover, .btn.btn-grey.active, .btn.btn-grey:hover, header .mainmenu:first-of-type > li:last-child > a.btn-grey.active, header .mainmenu:first-of-type > li:last-child > a.btn-grey:hover { background: #191a22; color: #fff; } .blog-link .btn-multi.blog-cat, .btn.btn-multi, header .mainmenu:first-of-type > li:last-child > a.btn-multi { margin: 0 20px 10px 0; } .blog-link .active.blog-cat, .blog-link .blog-cat:hover, .btn.active, .btn:hover, header .mainmenu:first-of-type > li:last-child > a.active, header .mainmenu:first-of-type > li:last-child > a:hover { color: #fff; opacity: 0.8; } /*.item { padding-bottom: 13em; } .item.smallPadding { padding-bottom: 4em; } .item:last-child { padding-bottom: 0; } .item-text ul:not(.slick-dots) { list-style-type: none; } .item-text ul:not(.slick-dots) li { margin: 1em 0; } .item-text ul:not(.slick-dots) li:before { content: ""; position: absolute; width: 9px; height: 9px; border: 2px solid #33ad86; margin: 10px 0 0 -40px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } .item-text ul:not(.slick-dots).button-links li:before, .item-text ul:not(.slick-dots).inline-links li:before { display: none; }*/ iframe { width: 100%; } @media (min-width: 48em) { iframe { width: 100%; max-width: 640px; } } header { display: block; position: relative; } header .header-search { display: block; position: relative; background: #191a22; border-bottom: 0 solid transparent; max-height: 0; overflow: hidden; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } header .header-search.active { max-height: 900px; padding: 2em 0; border-bottom: 1px solid #313139; } header .header-search .form-search { display: block; position: relative; } header .header-search .form-search .form-search-submit { position: absolute; right: 20px; top: 0; bottom: 0; border: none; margin: auto; background: 0 0; } header .header-top { background: #191a22; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } header .header-top ul { font-size: 1.2em; } header .header-top ul ul { font-size: 1em; } @media (min-width: 100em) { header .header-top ul { font-size: 1.4em; } } header .header-bottom { background: #fff; /*padding: 26px 0;*/padding: 0px 0; } header .header-bottom.border { border-bottom: 1px solid #e9e9e9; } header .col-xs { flex-basis: auto; max-width: none; } header .logo { display: block; width: 120px; height: auto; } @media (min-width: 75em) { header .logo { width: 120px; } } header .mainmenu, header .metamenu { display: inline-block; padding: 0; margin: 0; list-style: none; line-height: 1; font-size: 1.4em; font-weight: 400; letter-spacing: 1px; color: #191a22; } header .mainmenu li.dropdown > a:after, header .metamenu li.dropdown > a:after { content: "\e900"; font-size: 4px; vertical-align: middle; margin-left: 6px; } header .mainmenu li, header .metamenu li { display: inline-block; position: relative; margin: 0; } header .mainmenu li a, header .metamenu li a { display: block; position: relative; -moz-transition: color 250ms ease-in-out; -o-transition: color 250ms ease-in-out; -webkit-transition: color 250ms ease-in-out; transition: color 250ms ease-in-out; } header .mainmenu li a:hover, header .metamenu li a:hover { color: #235aa7; } header .mainmenu li.active > a, header .metamenu li.active > a { color: #191a22; font-weight: 500; } header .mainmenu li.active > a:before, header .metamenu li.active > a:before { content: ""; position: absolute; left: 10px; right: 10px; bottom: 41%; height: 4px; background: rgba(242, 203, 48, 0.6); } @media (min-width: 75em) { header .mainmenu li.active > a:before, header .metamenu li.active > a:before { left: 15px; right: 15px; } } @media (min-width: 100em) { header .mainmenu li.active > a:before, header .metamenu li.active > a:before { left: 32px; right: 32px; } } header .mainmenu li:hover ul, header .metamenu li:hover ul { visibility: visible; opacity: 1; -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); } header .mainmenu li ul, header .metamenu li ul { /* visibility: hidden; opacity: 0; position: absolute; z-index: 3; top: 55px; left: 0; right: 0; margin: 0; padding: 12px 32px; background: #f5f5f5; text-align: center; line-height: 1; font-size: 0.8em; -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -webkit-transform: translateY(-10px); transform: translateY(-10px); -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out;*/ visibility: hidden; opacity: 0; position: absolute; z-index: 3; top: 55px; left: 0; right: 0; margin: 0; padding: 12px 32px; background: #f5f5f5; text-align: left; line-height: 1; font-size: 0.8em; -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -webkit-transform: translateY(-10px); transform: translateY(-10px); -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; width: 350px; } header .mainmenu li ul li, header .metamenu li ul li { padding: 0; margin: 0; width: 100%; } header .mainmenu li ul li.active > a, header .metamenu li ul li.active > a { color: #235aa7; } header .mainmenu li ul li a, header .metamenu li ul li a { text-transform: none; color: #909090; padding: 10px 0; box-sizing: border-box; width: 100%; font-weight: 500; } header .mainmenu li ul li a:after, header .metamenu li ul li a:after { display: none; } header .mainmenu li ul li ul, header .metamenu li ul li ul { display: none; } header .mainmenu { /*font-size: 1.4em;*/font-size: 18px; } @media (min-width: 100em) { header .mainmenu { /*font-size: 1.6em;*/font-size: 18px; } } header .mainmenu li a { font-weight: 400; color: #191a22; padding: 12px 10px; } @media (min-width: 75em) { header .mainmenu li a { padding: 20px 15px; } } @media (min-width: 100em) { header .mainmenu li a { padding: 25px 20px; } } header .mainmenu:first-of-type > li:last-child > a { margin-left: 12px; padding: 18px 40px; } @media (min-width: 75em) { header .mainmenu:first-of-type > li:last-child > a { margin-left: 20px; } } @media (min-width: 100em) { header .mainmenu:first-of-type > li:last-child > a { margin-left: 25px; } } header .mainmenu:last-of-type > li:last-child > a { padding-right: 0; } header .metamenu li a { color: #fff; font-weight: 400; padding: 18px 5px; } header .metamenu li a .mainmenu li.dropdown > a:after, header .metamenu li a .submenu > li > a:after, header .metamenu li a [class*=" icon-"], header .metamenu li a [class^="icon-"], header .metamenu li a li.dropdown > a:after { vertical-align: middle; font-size: 1.4em; } header .metamenu li a .icon-facebook { color: #fff; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } header .metamenu li a .icon-facebook:after { content: ""; display: block; position: absolute; width: 30px; height: 30px; left: 0; right: 0; top: 0; bottom: 0; margin: auto; border: 2px solid #235aa7; border-radius: 50%; } header .metamenu li a .icon-facebook:hover { color: #235aa7; } header .metamenu li.active > a { color: #fff; } header .metamenu { float: none; clear: none; display: inline-block; } @media (min-width: 75em) { header .metamenu li a { padding: 16px 10px; } } @media (min-width: 100em) { header .metamenu li a { padding: 16px 26px; } } header .metamenu:last-child li:last-child a { padding-right: 0; } header .contactmenu { float: left; } header .contactmenu li a { padding: 18px 5px; } @media (min-width: 62em) { header .contactmenu li a { padding: 18px 14px; } } header .contactmenu li:first-child a { padding-left: 0; } header .langmenu { display: inline-block; list-style: none; padding: 0; margin: 0; line-height: 1; text-transform: uppercase; font-size: 1.8em; color: #fff; z-index: 11; } header .langmenu .langMenuLink .icon-arrow-down { position: relative; margin: 0; padding: 0; font-size: 4px; vertical-align: middle; } header .langmenu li { display: block; float: left; position: relative; margin: 0 5px; } header .langmenu li:first-child { margin-left: 0; } header .langmenu li:last-child { margin-right: 0; } header .langmenu li a { display: inline-block; position: relative; padding: 5px 0; color: #fff; font-weight: 400; -moz-transition: color 250ms ease-in-out; -o-transition: color 250ms ease-in-out; -webkit-transition: color 250ms ease-in-out; transition: color 250ms ease-in-out; } header .langmenu li a:hover { color: #235aa7; } header .langmenu li.active a { color: #191a22; } header .langmenu li:hover ul { visibility: visible; opacity: 1; -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); } header .langmenu ul { visibility: hidden; opacity: 0; -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -webkit-transform: translateY(-10px); transform: translateY(-10px); -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; position: absolute; top: 40px; left: 50%; right: auto; width: 50px; margin-left: -25px; padding: 0; background: #191a22; text-align: center; z-index: 2; } header .langmenu ul:before { content: ""; display: block; position: absolute; top: -40px; left: 0; right: 0; height: 40px; width: 100%; } header .langmenu ul li { display: block; float: none; margin: 0; width: 100%; } header .langmenu ul li a { padding: 5px 10px; } @media (min-width: 62em) { header.sticky { position: fixed; top: 0; left: 0; right: 0; z-index: 7; } header.sticky .header-top { height: 0; overflow: hidden; } header.sticky .header-bottom { background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); padding: 5px 0; } header.sticky .header-bottom .logo { width: 85px; } } .mobilemenu-btn { position: relative; float: right; width: 40px; height: 40px; z-index: 10; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .mobilemenu-btn span { display: block; position: absolute; width: 100%; height: 2px; background: #191a22; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .mobilemenu-btn span:nth-child(1) { -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; top: 5px; } .mobilemenu-btn span:nth-child(2) { top: 0; bottom: 0; margin: auto; } .mobilemenu-btn span:nth-child(3) { -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; bottom: 5px; } .mobilemenu-btn.active span, .mobilemenu-btn:hover span { background: #235aa7; } .mobilemenu-btn.active span:nth-child(2), .mobilemenu-btn:hover span:nth-child(2) { width: 100%; } .mobilemenu-btn.active span:nth-child(1) { -moz-transform: rotate(-45deg) translate(-5px, -5px); -ms-transform: rotate(-45deg) translate(-5px, -5px); -webkit-transform: rotate(-45deg) translate(-5px, -5px); transform: rotate(-45deg) translate(-5px, -5px); } .mobilemenu-btn.active span:nth-child(2) { width: 0; } .mobilemenu-btn.active span:nth-child(3) { -moz-transform: rotate(45deg) translate(-4px, 4px); -ms-transform: rotate(45deg) translate(-4px, 4px); -webkit-transform: rotate(45deg) translate(-4px, 4px); transform: rotate(45deg) translate(-4px, 4px); } .mobilemenu-btn.active:hover { -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); } .menu-mobile { position: fixed; bottom: 0; left: 0; right: 0; top: 0; color: #6b6c78; visibility: hidden; z-index: 6; opacity: 0; -moz-transition: all 250ms ease; -o-transition: all 250ms ease; -webkit-transition: all 250ms ease; transition: all 250ms ease; } .menu-mobile.open { visibility: visible; opacity: 1; -moz-transition: all 350ms ease; -o-transition: all 350ms ease; -webkit-transition: all 350ms ease; transition: all 350ms ease; } .menu-mobile ul { list-style: none; padding: 4em 2em; margin: 0; text-align: center; /*font-size: 1.4em;*/ font-size: 14px; } .menu-mobile ul ul { font-size: 1em; } .menu-mobile ul:after, .menu-mobile ul:before { content: ""; display: table; line-height: 0; } .menu-mobile ul:after { clear: both; } .menu-mobile ul li { padding: 1em 0; position: relative; } .menu-mobile ul li a { color: #235aa7; display: block; text-transform: uppercase; font-weight: 400; -moz-transition: color 0.2s ease; -o-transition: color 0.2s ease; -webkit-transition: color 0.2s ease; transition: color 0.2s ease; -moz-transition: color 0.25s ease-out; -o-transition: color 0.25s ease-out; -webkit-transition: color 0.25s ease-out; transition: color 0.25s ease-out; } .menu-mobile ul li a:hover { color: #191a22; text-decoration: none; } .menu-mobile ul li a:after { content: ""; clear: both; position: absolute; height: 1px; background: #dcdcdc; bottom: 0; left: 0; right: 0; margin: 0 auto; width: 5%; -moz-transform-origin: 0 50%; -ms-transform-origin: 0 50%; -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -moz-transition: width 350ms ease-out, background-color 550ms ease-out; -o-transition: width 350ms ease-out, background-color 550ms ease-out; -webkit-transition: width 350ms ease-out, background-color 550ms ease-out; transition: width 350ms ease-out, background-color 550ms ease-out; } .menu-mobile ul li a:hover:after { width: 7%; background-color: #191a22; } .menu-mobile ul li.active a { color: #235aa7; } .menu-mobile ul li.active a:after { width: 7%; background-color: #191a22; } .menu-mobile ul li.active ul a { font-weight: 400; } .menu-mobile ul li ul { display: none; position: static; opacity: 1; min-width: auto; padding: 0.5em 0; } .menu-mobile ul li ul li { padding: 0.15em 0; } .menu-mobile ul li ul li a { color: #191a22 !important; font-size: 0.875em; font-weight: 700; padding: 0; text-transform: none; } .menu-mobile ul li ul li a:after { content: none; } .menu-mobile ul li ul li.active a { color: #235aa7 !important; } .menu-mobile ul li ul li ul li a { font-weight: 400; } .menu-mobile .menu-mobile-bg { background: #fff; position: absolute; clear: both; left: 0; right: 0; bottom: 0; top: 0; opacity: 0.98; } .menu-mobile .menu-action-bar { position: absolute; top: 3.6em; left: 0; right: 0; z-index: 2; } .menu-mobile .menu-action-bar .menu-action-holder { text-align: right; } .menu-mobile .menu-action-bar .menu-action-holder .menu-action-close { display: inline-block; width: 15px; height: 15px; vertical-align: middle; margin: 0 10px 0 0; overflow: visible; padding: 0; border: 0; background: 0 0; line-height: normal; cursor: pointer; outline: 0; -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none; } .menu-mobile .menu-action-bar .menu-action-holder .menu-action-close span { background-color: #191a22; height: 2px; display: block; margin-bottom: 5px; width: 20px; -moz-transition: -moz-transform 0.3s, opacity 0.3s, background-color 0.3s; -o-transition: -o-transform 0.3s, opacity 0.3s, background-color 0.3s; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s, background-color 0.3s; transition: transform 0.3s, opacity 0.3s, background-color 0.3s; -moz-transform-origin: center left; -ms-transform-origin: center left; -webkit-transform-origin: center left; transform-origin: center left; } .menu-mobile .menu-action-bar .menu-action-holder .menu-action-close span:nth-child(1) { -moz-transform: rotate(43deg); -ms-transform: rotate(43deg); -webkit-transform: rotate(43deg); transform: rotate(43deg); } .menu-mobile .menu-action-bar .menu-action-holder .menu-action-close span:nth-child(2) { opacity: 0; } .menu-mobile .menu-action-bar .menu-action-holder .menu-action-close span:nth-child(3) { -moz-transform: rotate(-43deg); -ms-transform: rotate(-43deg); -webkit-transform: rotate(-43deg); transform: rotate(-43deg); } .menu-mobile .menu-action-bar .menu-action-holder .menu-action-close:hover span { background-color: #c2cdd2; } .menu-mobile .menu-action-bar:after, .menu-mobile .menu-action-bar:before { display: table; line-height: 0; content: ""; } .menu-mobile .menu-action-bar:after { clear: both; } .menu-mobile .wrapper-nav { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; z-index: 1; } .menu-mobile .wrapper-nav .wrapper-nav-placer { display: table; position: absolute; top: 0; left: 0; height: 100%; width: 100%; } .menu-mobile .wrapper-nav .wrapper-nav-placer .wrapper-nav-container { display: table-cell; vertical-align: middle; width: 100%; } .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: 0; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-list, .slick-slider .slick-track { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:after, .slick-track:before { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 30px; outline: 0; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; margin: 0 auto;width: 100%; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .slick-arrow { background: 0 0; border: 0 solid #fff; color: transparent; cursor: pointer; font-size: 1em; height: 40px; margin-top: -20px; outline: 0; padding: 0; position: absolute; text-indent: -99999px; top: 50%; width: 20px; z-index: 10; } .slick-arrow:after, .slick-arrow:before { background: #fff; content: ""; display: block; height: 1px; position: absolute; top: 50%; width: 12px; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.7); } .slick-arrow:before { -moz-transform: rotate(-60deg); -ms-transform: rotate(-60deg); -webkit-transform: rotate(-60deg); transform: rotate(-60deg); -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .slick-arrow:after { -moz-transform: rotate(60deg); -ms-transform: rotate(60deg); -webkit-transform: rotate(60deg); transform: rotate(60deg); -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .slick-arrow.slick-prev { left: 4em;outline: 0; } .slick-arrow.slick-prev:after, .slick-arrow.slick-prev:before { -moz-transform-origin: 0 50%; -ms-transform-origin: 0 50%; -webkit-transform-origin: 0 50%; transform-origin: 0 50%; } .slick-arrow.slick-next { right: 4em;outline: 0; } .slick-arrow.slick-next:after, .slick-arrow.slick-next:before { -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; } .slick-arrow:hover:before { -moz-transform: rotate(-40deg); -ms-transform: rotate(-40deg); -webkit-transform: rotate(-40deg); transform: rotate(-40deg); } .slick-arrow:hover:after { -moz-transform: rotate(40deg); -ms-transform: rotate(40deg); -webkit-transform: rotate(40deg); transform: rotate(40deg); } .slick-dots { display: block; position: absolute; left: 0; right: 0; bottom: 30px; margin: 0 auto; padding: 0; text-align: center; z-index: 2; } .slick-dots li { position: relative; display: inline-block; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 10px; height: 10px; cursor: pointer; color: transparent; border: 0; margin: 0; padding: 0; outline: 0; background: rgba(141, 141, 141, 0.55); -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } .slick-dots li.slick-active button { background: #235aa7; } .gmapi, .map { padding-bottom: 65%; height: 0; overflow: hidden; } .gmapi .infowindowcontainer, .map .infowindowcontainer { font-size: 0.8em; } @media (min-width: 62em) { .gmapi, .map { padding-bottom: 35%; } } .gm-style .gm-style-iw { font-size: 10px; } body.active-menu { overflow: scroll; position: relative; } .montserrat { font-family: Montserrat, sans-serif; } @media (min-width: 75em) { .col-pagelink { flex-basis: 20%; max-width: 20%; } } .pagelink { display: block; position: relative; overflow: hidden; } .pagelink:after, .pagelink:before { /*content: ""; display: block; position: absolute; z-index: 1; width: 101%; height: 101%; top: 0; bottom: 0; left: 0; right: 0; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjEuMCIgeTE9IjAuMCIgeDI9IjAuMCIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjciLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=); background-size: 100%; background-image: -webkit-gradient(linear, 100% 0, 0 100%, color-stop(10%, #fff), color-stop(30%, rgba(255, 255, 255, 0.7))); background-image: -moz-linear-gradient(top, #fff 10%, rgba(255, 255, 255, 0.7) 30%); background-image: -webkit-linear-gradient(top, #fff 10%, rgba(255, 255, 255, 0.7) 30%); background-image: linear-gradient(to bottom left, #fff 10%, rgba(255, 255, 255, 0.7) 30%);*/ } .pagelink:before { /*visibility: hidden; opacity: 0; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzYWQ4NiIgc3RvcC1vcGFjaXR5PSIwLjciLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5NmQ0NjciIHN0b3Atb3BhY2l0eT0iMC43Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g); background-size: 100%; background-image: -webkit-gradient(linear, 0 50%, 100% 50%, color-stop(0, rgba(51, 173, 134, 0.7)), color-stop(100%, rgba(150, 212, 103, 0.7))); background-image: -moz-linear-gradient(left, rgba(51, 173, 134, 0.7) 0, rgba(150, 212, 103, 0.7) 100%); background-image: -webkit-linear-gradient(left, rgba(51, 173, 134, 0.7) 0, rgba(150, 212, 103, 0.7) 100%); background-image: linear-gradient(to right, rgba(51, 173, 134, 0.7) 0, rgba(150, 212, 103, 0.7) 100%);*/ } .pagelink span { display: block; position: absolute; z-index: 2; padding: 34px 20px; margin: 0; bottom: 0; left: 0; right: 0; font-family: Graphik, sans-serif; font-size: 1.6em; text-align: center; text-transform: none; color: #191a22; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } @media (min-width: 75em) { .pagelink span { font-size: 2.2em; } } .pagelink img { /* filter: grayscale(100%);*/ /* filter: grayscale(100%);*/ /*opacity: 0.3;*/ -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .pagelink.dark span { color: #fff; } .pagelink.dark:after { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjEuMCIgeTE9IjAuMCIgeDI9IjAuMCIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjciLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC43Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g); background-size: 100%; background-image: -webkit-gradient(linear, 100% 0, 0 100%, color-stop(0, rgba(0, 0, 0, 0.7)), color-stop(100%, rgba(0, 0, 0, 0.7))); background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.7) 100%); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.7) 100%); background-image: linear-gradient(to bottom left, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.7) 100%); } .pagelink:hover span { color: #000; } .pagelink:hover img { filter: none; opacity: 0.8; } .pagelink:hover:before { visibility: visible; opacity: 0.8; } .pagelink:hover:after { visibility: hidden; opacity:0.8; } .link-icon { display: block; text-align: center; } .link-icon .link-icon-con { display: inline-block; position: relative; width: 80px; height: 80px; z-index: 2; font-size: 3.2em; color: #fff; margin: 0 auto; } .link-icon .link-icon-con .submenu > li > a:after, .link-icon .link-icon-con [class*=" icon-"], .link-icon .link-icon-con [class^="icon-"], .link-icon .link-icon-con header .mainmenu li.dropdown > a:after, .link-icon .link-icon-con header .metamenu li.dropdown > a:after, header .mainmenu .link-icon .link-icon-con li.dropdown > a:after, header .metamenu .link-icon .link-icon-con li.dropdown > a:after { position: relative; z-index: 3; line-height: 80px; text-align: center; } .link-icon .link-icon-con:after, .link-icon .link-icon-con:before { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: 2; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } span.icon-paper1 img { border:2px solid #fff; z-index: 2; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; padding: 15px; } span.icon-paper1:hover img { background-image: -webkit-gradient(linear, 0 50%, 100% 50%, color-stop(0, #33ad86), color-stop(100%, #235aa7)); background-image: -moz-linear-gradient(left, #33ad86 0, #235aa7 100%); background-image: -webkit-linear-gradient(left, #33ad86 0, #235aa7 100%); background-image: linear-gradient(to right, #33ad86 0, #235aa7 100%); } .link-icon .link-icon-con:before { /* background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzYWQ4NiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzk2ZDQ2NyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==); */background-size: 100%; /* background-image: -webkit-gradient(linear, 0 50%, 100% 50%, color-stop(0, #33ad86), color-stop(100%, #235aa7)); background-image: -moz-linear-gradient(left, #33ad86 0, #235aa7 100%); background-image: -webkit-linear-gradient(left, #33ad86 0, #235aa7 100%); background-image: linear-gradient(to right, #33ad86 0, #235aa7 100%);*/ background-image: -webkit-gradient(linear, 0 50%, 100% 50%, color-stop(0, #ed1c24), color-stop(100%, #f58220)); background-image: -moz-linear-gradient(left, #ed1c24, #f58220); background-image: -webkit-linear-gradient(left, #ed1c24, #f58220); background-image: linear-gradient(to right, #ed1c24, #f58220); } .link-icon .link-icon-con:after { left: 2px; right: 2px; top: 2px; bottom: 2px; background: #191a22; } .link-icon .link-icon-title { position: relative; z-index: 3; font-weight: 500; color: #fff; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .link-icon:hover .link-icon-con:after { opacity: 0; } .link-icon:hover .link-icon-title { color: #235aa7; } .section.dark { background: #191a22; /*background: #235aa7;*/ } .section.dark .h1, .section.dark .h2, .section.dark .h3, .section.dark .h4, .section.dark .h5, .section.dark .h6, .section.dark h1, .section.dark h2, .section.dark h3, .section.dark h4, .section.dark h5, .section.dark h6 { color: #fff; } .section.dark label, .section.dark ol, .section.dark p, .section.dark ul { color: #fff; } .section.dark .h1.sub-title, .section.dark .h2.sub-title, .section.dark .h3.sub-title, .section.dark .h4.sub-title, .section.dark .h5.sub-title, .section.dark .h6.sub-title, .section.dark p.sub-title { color: #235aa7; } .section.green { /*background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzYWQ4NiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzk2ZDQ2NyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==); background-size: 100%; background-image: -webkit-gradient(linear, 0 50%, 100% 50%, color-stop(0, #33ad86), color-stop(100%, #235aa7)); background-image: -moz-linear-gradient(left, #33ad86 0, #235aa7 100%); background-image: -webkit-linear-gradient(left, #33ad86 0, #235aa7 100%); background-image: linear-gradient(to right, #33ad86 0, #235aa7 100%);*/ } .section.green .h1, .section.green .h2, .section.green .h3, .section.green .h4, .section.green .h5, .section.green .h6, .section.green h1, .section.green h2, .section.green h3, .section.green h4, .section.green h5, .section.green h6 { color: #fff; } .section.green label, .section.green ol, .section.green p, .section.green strong, .section.green ul { color: #fff; } .section.green .large { font-size: 2em; } .section.bg-image { background-repeat: no-repeat; background-position: center; background-size: cover; } .section.bg-image .h1, .section.bg-image .h2, .section.bg-image .h3, .section.bg-image .h4, .section.bg-image .h5, .section.bg-image .h6, .section.bg-image h1, .section.bg-image h2, .section.bg-image h3, .section.bg-image h4, .section.bg-image h5, .section.bg-image h6 { text-shadow: 0 0 40px rgba(0, 0, 0, 0.8); } .green-logo { overflow: hidden; /*background: #33ad86;*/ background-image: none; } .green-logo .item-text { position: relative; z-index: 3; } .green-logo:before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 2; background-size:contain; background: url('../images/Need-solution-back.jpg')no-repeat;background-position: center; /*background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIyMCUiIHN0b3AtY29sb3I9IiM5NmQ0NjciIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjOTZkNDY3Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g); */ /*background-size: 100%; background-image: -webkit-gradient(linear, 0 50%, 100% 50%, color-stop(20%, rgba(150, 212, 103, 0)), color-stop(100%, #235aa7)); background-image: -moz-linear-gradient(left,rgb(237 28 36 / 88%), #f58220 100%); background-image: -webkit-linear-gradient(left,rgb(237 28 36 / 88%), #f58220 100%); background-image: linear-gradient(to right,rgb(237 28 36 / 88%), rgb(245 130 32 / 75%) 100%);*/ } .green-logo:after { /*font-family: icomoon !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e903"; display: block; position: absolute; font-size: 30em; color: #33ad86; left: 50%; top: 0; bottom: 0; margin: auto; height: 300px; z-index: 1;*/ } @media (min-width: 62em) { .green-logo:after { font-size: 30em; height: 300px; } } @media (min-width: 75em) { .green-logo:after { font-size: 60em; height: 600px; } } .has-subtitle { margin-bottom: 0; } .sub-title { color: #ed1c24; font-size: 2.6em; } .item-full-height-img-con .col-xs-12, .item-full-height-img-con .gallert-con, .item-full-height-img-con .gallery-slider { position: relative; top: auto; bottom: auto; left: auto; right: auto; height: 100%; } @media (min-width: 62em) { .item-full-height-img-con .col-xs-12, .item-full-height-img-con .gallert-con, .item-full-height-img-con .gallery-slider { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; } } @media (min-width: 62em) { .item-full-height-img-con .col-xs-12 { /* left: auto;*/ right: auto; width: 100%; } } .item-full-height-img-con .slick-list, .item-full-height-img-con .slick-track { height: 100%; } @media (min-width: 62em) { .item-full-height-img-con .gmapi, .item-full-height-img-con .map { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; } } .img-cover { position: absolute; top: 0; bottom: 0; background-position: center; background-repeat: no-repeat; background-size: cover; } .img-cover img { visibility: hidden; } .banner-home-title { font-size: 12.6em; line-height: 0.2; } @media (min-width: 62em) { .banner-home-title { line-height: 0.8; } } .banner-home-title .montserrat { font-weight: 200; } .banner-home-title span { font-size: 0.5em; line-height: 0.8; } .banner-home-title span .line-through:after { bottom: 13px; height: 8px; } @media (min-width: 62em) { .banner-home-title span { font-size: 1em; } .banner-home-title span .line-through:after { bottom: 26px; height: 16px; } } .scroll { display: block; margin: 0 auto; font-size: 6em; color: #fff; text-align: center; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .scroll:hover { color: #fff; transform: translateY(10px); } .line-through { position: relative; } .line-through:after { content: ""; position: absolute; left: 0; right: 0; bottom: 15%; height: 10%; width: 100%; background: rgb(255 255 255 / 50%); } .section-home-banner { overflow: hidden; } .section-home-banner.section.green { /* background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzYWQ4NiIvPjxzdG9wIG9mZnNldD0iODAlIiBzdG9wLWNvbG9yPSIjOTZkNDY3Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g); */background-size: 100%; /*background-image: -webkit-gradient(linear, 0 50%, 100% 50%, color-stop(0, #33ad86), color-stop(80%, #235aa7)); background-image: -moz-linear-gradient(left, #33ad86 0, #235aa7 80%); background-image: -webkit-linear-gradient(left, #33ad86 0, #235aa7 80%); background-image: linear-gradient(to right, #33ad86 0, #235aa7 80%);*/ background-image: -webkit-gradient(linear, 0 50%, 100% 50%, color-stop(0, #ed1c24), color-stop(100%, #f58220)); background-image: -moz-linear-gradient(left, #ed1c24, #f58220); background-image: -webkit-linear-gradient(left, #ed1c24, #f58220); background-image: linear-gradient(to right, #ed1c24, #f58220); } .circle { position: absolute; width: 600px; height: 600px; top: 0; bottom: 0; right: 150px; margin: auto; border: 2px solid #fff; background: 0 0; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -moz-transition: all 1.8s cubic-bezier(0, 0, 0, 1); -o-transition: all 1.8s cubic-bezier(0, 0, 0, 1); -webkit-transition: all 1.8s cubic-bezier(0, 0, 0, 1); transition: all 1.8s cubic-bezier(0, 0, 0, 1); -moz-transform: translateX(-250%) rotate(-580deg); -ms-transform: translateX(-250%) rotate(-580deg); -webkit-transform: translateX(-250%) rotate(-580deg); transform: translateX(-250%) rotate(-580deg); } .roll-left .circle span { position: absolute; left: 1%; right: 1%; top: 1%; bottom: 1%; border: 2px solid #fff; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } .roll-left .circle span:nth-child(1) { left: 17%; right: 17%; top: 17%; bottom: 17%; } .roll-left .circle span:nth-child(2) { left: 18%; right: 18%; top: 18%; bottom: 18%; } .roll-left .circle span:nth-child(3) { left: 38%; right: 38%; top: 38%; bottom: 38%; } .roll-left .circle span:nth-child(4) { left: 39%; right: 39%; top: 39%; bottom: 39%; } .roll-left .circle span:nth-child(5) { left: 47%; right: 47%; top: 47%; bottom: 47%; background: #fff; } .roll-right { position: absolute; top: 0; bottom: 0; right: 0; width: 100%; background: #fff; overflow: hidden; box-sizing: content-box; -moz-transition: all 1.8s cubic-bezier(0, 0, 0, 1); -o-transition: all 1.8s cubic-bezier(0, 0, 0, 1); -webkit-transition: all 1.8s cubic-bezier(0, 0, 0, 1); transition: all 1.8s cubic-bezier(0, 0, 0, 1); } .roll-right .circle { border: 0; background: #191a22; z-index: 2; } .roll-right .roll { border-radius: 50%; overflow: hidden; } .roll-right .shadow { display: block; position: absolute; width: 600px; height: 600px; top: 0; bottom: 0; right: 150px; margin: auto; z-index: 1; -moz-transform: translateX(-250%); -ms-transform: translateX(-250%); -webkit-transform: translateX(-250%); transform: translateX(-250%); -moz-transition: all 1.8s cubic-bezier(0, 0, 0, 1); -o-transition: all 1.8s cubic-bezier(0, 0, 0, 1); -webkit-transition: all 1.8s cubic-bezier(0, 0, 0, 1); transition: all 1.8s cubic-bezier(0, 0, 0, 1); } .roll-right .shadow img { display: block; position: absolute; width: 1900px; left: 300px; bottom: -30px; transform: translateX(-50%); transform-origin: left bottom; } .circle.active { -moz-transform: translateX(10%) rotate(0); -ms-transform: translateX(10%) rotate(0); -webkit-transform: translateX(10%) rotate(0); transform: translateX(10%) rotate(0); } .shadow.active { -moz-transform: translateX(10%); -ms-transform: translateX(10%); -webkit-transform: translateX(10%); transform: translateX(10%); } .roll-right.active { width: 450px; } .circle.mouse-transition, .roll-right.mouse-transition, .shadow.mouse-transition { -moz-transition: all 0.8s ease-out; -o-transition: all 0.8s ease-out; -webkit-transition: all 0.8s ease-out; transition: all 0.8s ease-out; } .roll-left, .roll-right { display: none; } @media (min-width: 75em) { .roll-left, .roll-right { display: block; } } ul.file-links { list-style-type: none; color: #33ad86; } ul.file-links li { margin: 0.6em 0; } ul.file-links li a { color: #33ad86; text-decoration: underline; } ul.file-links li a:hover { color: #235aa7; } ul.file-links li:before { font-family: icomoon !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e901"; font-size: 25px; color: #33ad86; position: absolute; margin: 3px 0 0 -40px; width: auto; height: auto; border: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } .slick-timeline-date { display: block; } .slick-timeline-date .slick-list { position: relative; z-index: 3; } .slick-timeline-date .slick-arrow { margin-top: 0; top: -5px; } .slick-timeline-date .slick-arrow.slick-prev { left: 0; } .slick-timeline-date .slick-arrow.slick-next { right: 0; } .slick-timeline-date:after { content: ""; display: block; position: absolute; left: 0; right: 0; top: 13px; width: 100%; height: 1px; background: #47484e; z-index: 1; } .timeline { display: block; position: relative; } .timeline:after, .timeline:before { content: ""; display: block; position: absolute; left: 0; right: auto; top: 0; bottom: 0; width: 20px; height: 100px; z-index: 4; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE5MWEyMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzE5MWEyMiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=); background-size: 100%; background-image: -webkit-gradient(linear, 0 50%, 100% 50%, color-stop(0, #191a22), color-stop(100%, rgba(25, 26, 34, 0))); background-image: -moz-linear-gradient(left, #191a22 0, rgba(25, 26, 34, 0) 100%); background-image: -webkit-linear-gradient(left, #191a22 0, rgba(25, 26, 34, 0) 100%); background-image: linear-gradient(to right, #191a22 0, rgba(25, 26, 34, 0) 100%); } @media (min-width: 48em) { .timeline:after, .timeline:before { width: 15%; } } .timeline:after { left: auto; right: 0; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE5MWEyMiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxOTFhMjIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=); background-size: 100%; background-image: -webkit-gradient(linear, 0 50%, 100% 50%, color-stop(0, rgba(25, 26, 34, 0)), color-stop(100%, #191a22)); background-image: -moz-linear-gradient(left, rgba(25, 26, 34, 0) 0, #191a22 100%); background-image: -webkit-linear-gradient(left, rgba(25, 26, 34, 0) 0, #191a22 100%); background-image: linear-gradient(to right, rgba(25, 26, 34, 0) 0, #191a22 100%); } .timeline-date { display: block; position: relative; width: 120px; text-align: center; font-size: 1.4em; padding: 0; margin: 0; cursor: pointer; min-height: 80px; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .timeline-date:before { content: ""; display: block; width: 30px; height: 26px; padding: 0; margin: 0 auto 20px auto; border: 10px solid #191a22; border-top-width: 8px; border-bottom-width: 8px; background: #e7e7e7; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .timeline-date:after { content: ""; display: block; position: absolute; width: 0; height: 0; left: 0; right: 0; top: 0; margin: 24px auto; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .timeline-date.slick-current { font-size: 3em; } .timeline-date.slick-current:hover { font-size: 3em; } .timeline-date.slick-current:before { width: 50px; border: 12px solid #191a22; border-top-width: 0; border-bottom-width: 0; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzYWQ4NiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzk2ZDQ2NyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==); background-size: 100%; background-image: -webkit-gradient(linear, 0 50%, 100% 50%, color-stop(0, #33ad86), color-stop(100%, #235aa7)); background-image: -moz-linear-gradient(left, #33ad86 0, #235aa7 100%); background-image: -webkit-linear-gradient(left, #33ad86 0, #235aa7 100%); background-image: linear-gradient(to right, #33ad86 0, #235aa7 100%); } .timeline-date.slick-current:after { width: 24px; height: 24px; border: 4px solid #191a22; margin: 1px auto; } .timeline-date:hover { font-size: 1.6em; } .timeline-date:hover:before { background: #235aa7; } .chart-con { display: block; position: relative; } .chart-text { display: inline-block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; padding: 0; font-size: 3.4em; line-height: 1; height: 34px; } .color-default { color: #235aa7; } .color-default-dark { color: #33ad86; } .quick-menu { display: none; position: fixed; top: 0; bottom: 0; left: 0; z-index: 10; font-size: 1.4em; list-style: none; margin: auto 0; padding: 0; height: auto; max-height: 360px; } @media (min-width: 62em) { .quick-menu { display: block; } } .quick-menu li { display: block; margin: 0; padding: 0; } .quick-menu a { display: block; position: relative; } .quick-menu a .quick-number { display: block; position: relative; width: 60px; height: 60px; line-height: 60px; background: #191a22; z-index: 2; text-align: center; font-weight: 500; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .quick-menu a .quick-title { display: block; position: absolute; width: 250px; height: 60px; line-height: 60px; padding: 0 20px; right: 0; top: 0; background: #191a22; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; z-index: 1; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .quick-menu a:hover .quick-number { background: #39393f; } .quick-menu a:hover .quick-title { background: #39393f; -moz-transform: translateX(100%); -ms-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); } .blog-link { display: block; } .blog-link .blog-img { display: block; position: relative; overflow: hidden; } .blog-link .blog-img:after { content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; opacity: 0; /*background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzYWQ4NiIgc3RvcC1vcGFjaXR5PSIwLjciLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5NmQ0NjciIHN0b3Atb3BhY2l0eT0iMC43Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g); */background-size: 100%; /*background-image: -webkit-gradient(linear, 0 50%, 100% 50%, color-stop(0, rgba(51, 173, 134, 0.7)), color-stop(100%, rgba(150, 212, 103, 0.7))); background-image: -moz-linear-gradient(left, rgba(51, 173, 134, 0.7) 0, rgba(150, 212, 103, 0.7) 100%); background-image: -webkit-linear-gradient(left, rgba(51, 173, 134, 0.7) 0, rgba(150, 212, 103, 0.7) 100%); background-image: linear-gradient(to right, rgba(51, 173, 134, 0.7) 0, rgba(150, 212, 103, 0.7) 100%);*/ background-image: -webkit-gradient(linear, 0 50%, 100% 50%, color-stop(20%, rgba(150, 212, 103, 0)), color-stop(100%, #235aa7)); background-image: -moz-linear-gradient(left,rgb(237 28 36 / 70%), #f58220 100%); background-image: -webkit-linear-gradient(left,rgb(237 28 36 / 70%), #f58220 100%); background-image: linear-gradient(to right,rgb(237 28 36 / 70%), rgb(245 130 32 / 75%) 100%); -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .blog-link .blog-cat { position: absolute; left: 30px; bottom: 20px; font-size: 1.4em; padding: 5px 30px; z-index: 2; } .blog-link .blog-cat:hover { opacity: 1; } .blog-link .blog-text { display: block; padding: 30px 30px 30px 30px; background: #fff; -moz-box-shadow: 4.95px 4.95px 68px 0 rgba(0, 0, 0, 0.18); -webkit-box-shadow: 4.95px 4.95px 68px 0 rgba(0, 0, 0, 0.18); box-shadow: 4.95px 4.95px 68px 0 rgba(0, 0, 0, 0.18); -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .blog-link .blog-text .date { color: #b5b5ba; font-style: italic; font-size: 1.4em; font-weight: 400; } .blog-link .blog-btn { position: absolute; bottom: 2em; color: #235aa7; font-weight: 500; margin: 3em 0 0 0; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .blog-link h3 { display: block; } .blog-link p { display: block; color: #6b6c78; margin: 1em 0; } .blog-link:hover .blog-img:after { opacity: 1; } .blog-link:hover .blog-text { -moz-box-shadow: 4.95px 4.95px 68px 0 rgba(0, 0, 0, 0.3); -webkit-box-shadow: 4.95px 4.95px 68px 0 rgba(0, 0, 0, 0.3); box-shadow: 4.95px 4.95px 68px 0 rgba(0, 0, 0, 0.3); } .blog-link:hover .blog-btn { color: #33ad86; } .grey .submenu > li:after { background: #fff; } .submenu { margin: 0; padding: 0; list-style: none; } .submenu > li { display: block; position: relative; padding: 0; margin: 0; } .submenu > li:after { content: ""; position: absolute; display: block; left: 0; right: 0; top: 0; bottom: 0; background: #f2f2f2; border-radius: 34px; z-index: -1; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .submenu > li > a { display: block; position: relative; width: 100%; padding: 17px 40px; text-align: left; color: #1b1b1b; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .submenu > li > a:after { content: "\e900"; position: absolute; right: 25px; top: 0; bottom: 0; font-size: 6px; margin: auto; height: 6px; color: #33ad86; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .submenu > li:before { display: none; } .submenu > li > ul { visibility: hidden; opacity: 0; position: absolute; left: 0; right: 0; border-radius: 0 0 34px 34px; list-style: none; margin: 0; padding: 0 40px 17px 40px; font-size: 0.88em; line-height: 1.4; z-index: 2; -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -webkit-transform: translateY(-10px); transform: translateY(-10px); -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; background: #191a22; } .submenu > li > ul > li { margin: 0; padding: 0; border-bottom: 1px solid #313139; } .submenu > li > ul > li:last-child { border: none; } .submenu > li > ul > li:before { display: none; } .submenu > li > ul > li a { display: block; padding: 15px 0; font-weight: 400; color: #fff; } .submenu > li > ul > li a:hover { color: #235aa7; } .submenu > li:hover:after { background: #191a22; border-radius: 34px 34px 0 0; } .submenu > li:hover > a { color: #fff; } .submenu > li:hover ul { visibility: visible; opacity: 1; -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); } .block-rol-content { padding: 30px 30px; background: #fff; } .block-rol-specs { max-width: 380px; margin: 0 auto; } .spec-icon { display: block; text-align: center; margin: 0 0 10px 0; } .spec-icon .spec-icon-con { display: inline-block; position: relative; width: 55px; height: 55px; z-index: 2; font-size: 3.2em; color: #191a22; margin: 0 auto 10px auto; } .spec-icon .spec-icon-con .submenu > li > a:after, .spec-icon .spec-icon-con [class*=" icon-"], .spec-icon .spec-icon-con [class^="icon-"], .spec-icon .spec-icon-con header .mainmenu li.dropdown > a:after, .spec-icon .spec-icon-con header .metamenu li.dropdown > a:after, header .mainmenu .spec-icon .spec-icon-con li.dropdown > a:after, header .metamenu .spec-icon .spec-icon-con li.dropdown > a:after { position: relative; z-index: 3; line-height: 55px; text-align: center; } .spec-icon .spec-icon-con:after, .spec-icon .spec-icon-con:before { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: 2; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } .spec-icon .spec-icon-con:before { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzYWQ4NiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzk2ZDQ2NyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==); background-size: 100%; background-image: -webkit-gradient(linear, 0 50%, 100% 50%, color-stop(0, #33ad86), color-stop(100%, #235aa7)); background-image: -moz-linear-gradient(left, #33ad86 0, #235aa7 100%); background-image: -webkit-linear-gradient(left, #33ad86 0, #235aa7 100%); background-image: linear-gradient(to right, #33ad86 0, #235aa7 100%); } .spec-icon .spec-icon-con:after { left: 2px; right: 2px; top: 2px; bottom: 2px; background: #fff; } .spec-icon .spec-icon-title { position: relative; z-index: 3; font-weight: 500; font-size: 1.2em; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } a.spec-icon:hover .spec-icon-con:after { opacity: 0; } a.spec-icon:hover .spec-icon-title { color: #235aa7; } .col-world { position: relative; } .col-world:after { content: ""; position: absolute; top: 0; bottom: 0; /*left: -100%;*/left: -60%; width: 1140px; height: 593px; margin: auto; background: url(../images/world.svg) no-repeat; background-size: contain; z-index: -1; } .slick-carousel { position: relative; z-index: 3; } .slick-carousel .slick-list { overflow: visible; } .slick-carousel .slick-list:after, .slick-carousel .slick-list:before { content: ""; display: block; position: absolute; top: 0; bottom: 0; width: 900px; background: #fff; z-index: 1; } .slick-carousel .slick-list:before { right: 100%; } .slick-carousel .slick-list:after { left: 100%; } .slick-carousel .slick-arrow.slick-prev { left: 0; outline: 0; } .slick-carousel .slick-arrow.slick-next { right: 0; outline: 0; } .slick-carousel .slick-arrow:after, .slick-carousel .slick-arrow:before { background: #191a22; } .carousel-link { position: relative; display: block; } .carousel-link:hover .carousel-pop { opacity: 1; visibility: visible; transform: scale(1); } .carousel-pop { position: absolute; top: 0; bottom: 0; left: 50%; width: 200px; height: 200px; padding: 10px; background: rgba(255, 255, 255, 0.9); box-shadow: 4.95px 4.95px 68px 0 rgba(0, 0, 0, 0.18); z-index: 1; opacity: 0; visibility: hidden; transform-origin: center; transform: scale(0.8); margin: auto auto auto -100px; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .carousel-pop p { color: #6b6c78; font-size: 1.2em; line-height: 1.4; } .breadcrumb { list-style: none; margin: 0; padding: 0; font-size: 1.4em; color: #aeafb7; } .breadcrumb li { display: inline-block; } .breadcrumb li:before { display: none; } .breadcrumb li a { color: #ee1f25; font-weight: 400; } .breadcrumb .breadcrumb-item + .breadcrumb-item:before { font-family: icomoon !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e900"; position: relative; font-size: 4px; top: -3px; display: inline-block; padding-right: 0.5rem; padding-left: 0.5rem; color: #93a8bf; transform: rotate(-90deg); } .download-row { background: #f2f2f2; border-radius: 25px; padding: 2em; } .download-row p { font-size: 1.6em; color: #191a22; text-transform: uppercase; font-weight: 500; } @media (min-width: 48em) { .download-row { padding: 2em 0; } } .download-subtitle { font-size: 1.8em; font-weight: 500; } .download-cat { padding: 0 2em; } @media (min-width: 48em) { .download-cat { padding: 0; } } .download-file { font-size: 25px; } .download-empty { color: #d1d1d3; } .col-grey { position: relative; } .col-grey:before { content: ""; display: block; position: absolute; left: -2em; right: -2em; top: 0; bottom: -3em; background: #f2f2f2; } @media (min-width: 62em) { .col-grey:before { top: -6em; bottom: -6em; left: 0; right: -900px; } } @media (min-width: 75em) { .col-grey:before { top: -10em; bottom: -10em; } } /*input[type="email"], input[type="file"], input[type="password"], input[type="text"], select, textarea { display: block; position: relative; width: 100%; height: 60px; border: 1px solid #cbcbcb; background: #fff; margin: 0; padding: 0 20px; box-sizing: border-box; outline: 0; -webkit-appearance: none; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; -moz-transition: border 250ms ease-in-out; -o-transition: border 250ms ease-in-out; -webkit-transition: border 250ms ease-in-out; transition: border 250ms ease-in-out; } input[type="email"]:focus, input[type="file"]:focus, input[type="password"]:focus, input[type="text"]:focus, select:focus, textarea:focus { border-color: #235aa7; } input[type="email"]:-moz-placeholder, input[type="file"]:-moz-placeholder, input[type="password"]:-moz-placeholder, input[type="text"]:-moz-placeholder, select:-moz-placeholder, textarea:-moz-placeholder { color: rgba(107, 108, 120, 0.6); } input[type="email"]::-moz-placeholder, input[type="file"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="text"]::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder { color: rgba(107, 108, 120, 0.6); } input[type="email"]:-ms-input-placeholder, input[type="file"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="text"]:-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder { color: rgba(107, 108, 120, 0.6); } input[type="email"]::-webkit-input-placeholder, input[type="file"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="text"]::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: rgba(107, 108, 120, 0.6); } input[type="email"] + label, input[type="file"] + label, input[type="password"] + label, input[type="text"] + label, select + label, textarea + label { position: absolute; top: -16px; left: 30px; padding: 0 10px; margin: 0; background: #fff; }*/ input[type="file"] { padding: 14px 20px; } select { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAASCAYAAABM8m7ZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUE2MzY3N0RDQzU4MTFFNzk4NEJEMjU0NzkwM0YwNTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUE2MzY3N0VDQzU4MTFFNzk4NEJEMjU0NzkwM0YwNTQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxQTYzNjc3QkNDNTgxMUU3OTg0QkQyNTQ3OTAzRjA1NCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxQTYzNjc3Q0NDNTgxMUU3OTg0QkQyNTQ3OTAzRjA1NCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjPBEm4AAACcSURBVHjavNXBDYAgDAVQQJdlA66eZBEnYqBaInogVKG0kjQhlP6nF3UGl7V2wTqwglFaObsYi6lQKBWU0Dv/witUHK/QB3fYS437uwReMvZGK7091dSbd2fiwSaFv6AbNRCJAT+AeiIjfg2ycTY6g0+jHFwMHcHF0R5cDe3A9dBBPGr9YeLv6AeuixI4C105QwCQv8XPnpNxCjAAhz6hatVqTYMAAAAASUVORK5CYII=); background-size: 15px 9px; background-repeat: no-repeat; background-position: 95% center; } textarea { padding-top: 20px; /*height: 123px;*/ } label.error { margin: 0; } /*label.error { display: block; position: absolute; background: #235aa7; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; top: -20px; color: #fff; height: 30px; line-height: 30px; padding: 0 0.7em; right: 0.7em; text-align: center; width: auto; z-index: 1; margin: 0; } label.error::after { content: ""; position: absolute; top: 85%; right: 1em; left: auto; margin-left: -8px; margin-top: 0; width: 0; height: 0; border-top: 10px solid #235aa7; border-right: 8px solid transparent; border-left: 8px solid transparent; }*/ input[type="checkbox"] { position: absolute; opacity: 0; } input[type="checkbox"] + label { position: relative; cursor: pointer; padding: 0; } input[type="checkbox"] + label:before { content: ""; margin-right: 10px; display: inline-block; vertical-align: text-top; width: 20px; height: 20px; background: #fff; border: 1px solid #cbcbcb; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } input[type="checkbox"]:hover + label:before { border-color: #235aa7; background: #235aa7; } input[type="checkbox"]:focus + label:before { box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12); } input[type="checkbox"]:checked + label:before { border-color: #235aa7; background: #235aa7; } input[type="checkbox"]:disabled + label { color: #b8b8b8; cursor: auto; } input[type="checkbox"]:disabled + label:before { box-shadow: none; background: #ddd; } input[type="checkbox"]:checked + label:after { content: ""; position: absolute; left: 5px; top: 9px; background: #fff; width: 2px; height: 2px; box-shadow: 2px 0 0 #fff, 4px 0 0 #fff, 4px -2px 0 #fff, 4px -4px 0 #fff, 4px -6px 0 #fff, 4px -8px 0 #fff; transform: rotate(45deg); } .box-form { position: relative; } .popup { position: fixed; top: -99999-px; left: 0; right: 0; z-index: 12; visibility: hidden; opacity: 0; padding: 2em; overflow: hidden; overflow-y: auto; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .popup .popup-item { position: relative; z-index: 2; margin: 70px auto; padding: 4em; background: #fff; min-width: 30%; max-width: 700px; } .popup .popup-close { position: absolute; top: 20px; right: 20px; width: 20px; height: 20px; transition: all 0.2s; font-size: 30px; font-weight: 700; text-decoration: none; color: #191a22; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .popup .popup-close:after, .popup .popup-close:before { content: ""; display: block; position: absolute; width: 100%; height: 2px; top: 0; bottom: 0; margin: auto; background: #191a22; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .popup .popup-close:after { -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .popup .popup-close:hover { -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); } .popup .popup-close:hover:after, .popup .popup-close:hover:before { background: #235aa7; } .popup .content { max-height: 30%; overflow: auto; } .popup .item-text { opacity: 1 !important; -moz-transform: none !important; -ms-transform: none !important; -webkit-transform: none !important; transform: none !important; } .popup.active { position: absolute; top: 0; bottom: 0; visibility: visible; opacity: 1; } .popup-bg { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.7); z-index: 1; } .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: 0 !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-ajax-holder .mfp-content, .mfp-inline-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: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-arrow, .mfp-close, .mfp-counter, .mfp-preloader { -webkit-user-select: none; -moz-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-arrow, button.mfp-close { overflow: visible; cursor: pointer; background: 0 0; border: 0; -webkit-appearance: none; display: block; outline: 0; padding: 0; z-index: 1046; box-shadow: none; 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:focus, .mfp-close:hover { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-iframe-holder .mfp-close, .mfp-image-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:focus, .mfp-arrow:hover { opacity: 1; } .mfp-arrow:after, .mfp-arrow:before { 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; } 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; } .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) { .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 { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .accordion-row { border: none; margin: 3em 0; min-height: auto; } .accordion-row:first-child { margin-top: 0; } .accordion-row:last-child { margin-bottom: 0; } .accordion-row .accordion-title { position: relative; display: block; padding: 22px 40px; font-weight: 400; line-height: 1; text-transform: none; border: none; color: #fff; outline: 0; cursor: pointer; overflow: hidden; -moz-border-radius: 32px; -webkit-border-radius: 32px; border-radius: 32px; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .accordion-row .accordion-title:after, .accordion-row .accordion-title:before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; visibility: hidden; opacity: 0; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; /* background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzYWQ4NiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzk2ZDQ2NyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==); */background-size: 100%; background-image: -webkit-gradient(linear, 0 50%, 100% 50%, color-stop(0, #ed1c24), color-stop(100%, #f58220)); background-image: -moz-linear-gradient(left, #ed1c24, #f58220); background-image: -webkit-linear-gradient(left, #ed1c24, #f58220); background-image: linear-gradient(to right, #ed1c24, #f58220); } .accordion-row .accordion-title:after { visibility: visible; opacity: 1; z-index: 0; /* background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE5MWEyMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzE5MWEyMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==); */background-size: 100%; background-image: -webkit-gradient(linear, 0 50%, 100% 50%, color-stop(0, #191a22), color-stop(100%, #191a22)); background-image: -moz-linear-gradient(left, #191a22, #191a22); background-image: -webkit-linear-gradient(left, #191a22, #191a22); background-image: linear-gradient(to right, #191a22, #191a22); } .accordion-row .accordion-title .h3, .accordion-row .accordion-title h3 { position: relative; z-index: 2; font-size: 1.8em; color: #fff; margin: 0; } .accordion-row .accordion-title .h3:after, .accordion-row .accordion-title .h3:before, .accordion-row .accordion-title h3:after, .accordion-row .accordion-title h3:before { display: none; } .accordion-row .accordion-title i { display: block; position: absolute; z-index: 2; width: 67px; height: 100%; top: 0; bottom: 0; right: 0; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; transform: rotate(180deg); } .accordion-row .accordion-title i:after, .accordion-row .accordion-title i:before { background: #fff; content: ""; display: block; height: 1px; position: absolute; left: 0; right: 0; width: 10px; top: 40%; margin: 0 auto; } .accordion-row .accordion-title i:before { -moz-transform: translateX(-49%) rotate(-45deg); -ms-transform: translateX(-49%) rotate(-45deg); -webkit-transform: translateX(-49%) rotate(-45deg); transform: translateX(-49%) rotate(-45deg); transform-origin: top right; } .accordion-row .accordion-title i:after { -moz-transform: translateX(49%) rotate(45deg); -ms-transform: translateX(49%) rotate(45deg); -webkit-transform: translateX(49%) rotate(45deg); transform: translateX(49%) rotate(45deg); transform-origin: top left; } .accordion-row .accordion-title:hover:before { visibility: visible; opacity: 1; } .accordion-row .accordion-content { display: none; padding: 4em; } .accordion-row.active .accordion-title i { transform: rotate(0); } .accordion-row.active .accordion-title:before { visibility: visible; opacity: 1; } footer .logo { display: block; width: 180px; height: auto; margin-bottom: 39px; } footer h2, footer h3, footer h4 { color: #191a22; font-size: 2.2em; margin-bottom: 39px; } footer h2:first-child, footer h3:first-child, footer h4:first-child { margin-top: 22px; } footer ul { display: block; padding: 0; list-style: none; line-height: 1.75; margin: 1.6em 0; } footer ul:first-child { margin-top: 0; } footer ul:last-child { margin-bottom: 0; } footer p { line-height: 1.75; margin-top: 0; } footer a { color: #6c6c6c; font-weight: 400; } footer a:hover { color: #235aa7; } .footer-logo { display: inline-block; width: auto; height: 45px; margin: 0 12px 0 0; } .footer-logo:last-child { margin: 0; } .footer-bottom { padding: 10px 0; /*background: #235aa7;*/ background-image: -webkit-gradient(linear, 0 50%, 100% 50%, color-stop(0, #ed1c24), color-stop(100%, #f58220)); background-image: -moz-linear-gradient(left, #ed1c24, #f58220); background-image: -webkit-linear-gradient(left, #ed1c24, #f58220); background-image: linear-gradient(to right, #ed1c24, #f58220); } .footer-bottom p { font-size: 1.2em; } .links-social { list-style: none; font-size: 1.2em; } .links-social li { display: inline-block; } .links-social li a { display: block; position: relative; width: 30px; height: 30px; line-height: 31px; color: #235aa7; text-align: center; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzYWQ4NiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzk2ZDQ2NyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==); background-size: 100%; /*background-image: -webkit-gradient(linear, 0 50%, 100% 50%, color-stop(0, #33ad86), color-stop(100%, #235aa7)); background-image: -moz-linear-gradient(left, #33ad86 0, #235aa7 100%); background-image: -webkit-linear-gradient(left, #33ad86 0, #235aa7 100%); background-image: linear-gradient(to right, #33ad86 0, #235aa7 100%);*/ background-image: -webkit-gradient(linear, 0 50%, 100% 50%, color-stop(0, #ed1c24), color-stop(100%, #f58220)); background-image: -moz-linear-gradient(left, #ed1c24, #f58220); background-image: -webkit-linear-gradient(left, #ed1c24, #f58220); background-image: linear-gradient(to right, #ed1c24, #f58220); } .links-social li a:before { content: ""; position: absolute; display: block; left: 2px; right: 2px; top: 2px; bottom: 2px; background: #fff; border-radius: 50%; z-index: 1; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .links-social li a [class*=" icon-"], .links-social li a [class^="icon-"] { position: relative; z-index: 2; left: 1px; } .links-social li a .icon-youtube { font-size: 0.8em; } .links-social li a:hover { color: #fff; } .links-social li a:hover:before { opacity: 0; } .footer-bottom a, .footer-bottom p { color: #fff; } .cc-window { opacity: 1; transition: opacity 1s ease; } .cc-window.cc-invisible { opacity: 0; } .cc-animate.cc-revoke { transition: transform 1s ease; } .cc-animate.cc-revoke.cc-top { transform: translateY(-2em); } .cc-animate.cc-revoke.cc-bottom { transform: translateY(2em); } .cc-animate.cc-revoke.cc-active.cc-bottom, .cc-animate.cc-revoke.cc-active.cc-top, .cc-revoke:hover { transform: translateY(0); } .cc-grower { max-height: 0; overflow: hidden; transition: max-height 1s; } .cc-link, .cc-revoke:hover { text-decoration: underline; } .cc-revoke, .cc-window { position: fixed; overflow: hidden; box-sizing: border-box; font-family: Helvetica, Calibri, Arial, sans-serif; font-size: 16px; line-height: 1.5em; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; z-index: 9999; } .cc-window.cc-static { position: static; } .cc-window.cc-floating { padding: 2em; max-width: 24em; -ms-flex-direction: column; flex-direction: column; } .cc-window.cc-banner { padding: 1em 1.8em; width: 100%; -ms-flex-direction: row; flex-direction: row; } .cc-revoke { padding: 0.5em; } .cc-header { font-size: 18px; font-weight: 700; } .cc-btn, .cc-close, .cc-link, .cc-revoke { cursor: pointer; } .cc-link { opacity: 0.8; display: inline-block; padding: 0.2em; } .cc-link:hover { opacity: 1; } .cc-link:active, .cc-link:visited { color: initial; } .cc-btn { display: block; padding: 0.4em 0.8em; font-size: 0.9em; font-weight: 700; border-width: 2px; border-style: solid; text-align: center; white-space: nowrap; } .cc-banner .cc-btn:last-child { min-width: 140px; } .cc-highlight .cc-btn:first-child { background-color: transparent; border-color: transparent; } .cc-highlight .cc-btn:first-child:focus, .cc-highlight .cc-btn:first-child:hover { background-color: transparent; text-decoration: underline; } .cc-close { display: block; position: absolute; top: 0.5em; right: 0.5em; font-size: 1.6em; opacity: 0.9; line-height: 0.75; } .cc-close:focus, .cc-close:hover { opacity: 1; } .cc-revoke.cc-top { top: 0; left: 3em; border-bottom-left-radius: 0.5em; border-bottom-right-radius: 0.5em; } .cc-revoke.cc-bottom { bottom: 0; left: 3em; border-top-left-radius: 0.5em; border-top-right-radius: 0.5em; } .cc-revoke.cc-left { left: 3em; right: unset; } .cc-revoke.cc-right { right: 3em; left: unset; } .cc-top { top: 1em; } .cc-left { left: 1em; } .cc-right { right: 1em; } .cc-bottom { bottom: 1em; } .cc-floating > .cc-link { margin-bottom: 1em; } .cc-floating .cc-message { display: block; margin-bottom: 1em; } .cc-window.cc-floating .cc-compliance { -ms-flex: 1 0 auto; flex: 1 0 auto; } .cc-window.cc-banner { -ms-flex-align: center; align-items: center; } .cc-banner.cc-top { left: 0; right: 0; top: 0; } .cc-banner.cc-bottom { left: 0; right: 0; bottom: 0; } .cc-banner .cc-message { -ms-flex: 1; flex: 1; } .cc-compliance { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: justify; align-content: space-between; } .cc-compliance > .cc-btn { -ms-flex: 1; flex: 1; } .cc-btn + .cc-btn { margin-left: 0.5em; } @media print { .cc-revoke, .cc-window { display: none; } } @media screen and (max-width: 900px) { .cc-btn { white-space: normal; } } @media screen and (max-width: 414px) and (orientation: portrait), screen and (max-width: 736px) and (orientation: landscape) { .cc-window.cc-top { top: 0; } .cc-window.cc-bottom { bottom: 0; } .cc-window.cc-banner, .cc-window.cc-left, .cc-window.cc-right { left: 0; right: 0; } .cc-window.cc-banner { -ms-flex-direction: column; flex-direction: column; } .cc-window.cc-banner .cc-compliance { -ms-flex: 1; flex: 1; } .cc-window.cc-floating { max-width: none; } .cc-window .cc-message { margin-bottom: 1em; } .cc-window.cc-banner { -ms-flex-align: unset; align-items: unset; } } .cc-floating.cc-theme-classic { padding: 1.2em; border-radius: 5px; } .cc-floating.cc-type-info.cc-theme-classic .cc-compliance { text-align: center; display: inline; -ms-flex: none; flex: none; } .cc-theme-classic .cc-btn { border-radius: 5px; } .cc-theme-classic .cc-btn:last-child { min-width: 140px; } .cc-floating.cc-type-info.cc-theme-classic .cc-btn { display: inline-block; } .cc-theme-edgeless.cc-window { padding: 0; } .cc-floating.cc-theme-edgeless .cc-message { margin: 2em 2em 1.5em; } .cc-banner.cc-theme-edgeless .cc-btn { margin: 0; padding: 0.8em 1.8em; height: 100%; } .cc-banner.cc-theme-edgeless .cc-message { margin-left: 1em; } .cc-floating.cc-theme-edgeless .cc-btn + .cc-btn { margin-left: 0; } /*====================================================*/