*, ::before, ::after { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: } ::-webkit-backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: } ::backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: } .tw-absolute { position: absolute } .tw-relative { position: relative } .tw-right-8 { right: 2rem } .tw-top-0 { top: 0px } .tw-z-30 { z-index: 30 } .\!tw-col-span-3 { grid-column: span 3 / span 3 !important } .tw-col-span-2 { grid-column: span 2 / span 2 } .tw-col-span-6 { grid-column: span 6 / span 6 } .\!tw-col-start-1 { grid-column-start: 1 !important } .tw-mx-2 { margin-left: 0.5rem; margin-right: 0.5rem } .tw--mb-3 { margin-bottom: -0.75rem } .tw-mb-1 { margin-bottom: 0.25rem } .tw-mb-1\.5 { margin-bottom: 0.375rem } .tw-mb-2 { margin-bottom: 0.5rem } .tw-mb-4 { margin-bottom: 1rem } .tw-mb-8 { margin-bottom: 2rem } .tw-mt-2 { margin-top: 0.5rem } .tw-mt-4 { margin-top: 1rem } .tw-line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2 } .tw-block { display: block } .tw-flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .tw-grid { display: grid } .tw-h-6 { height: 1.5rem } .tw-h-8 { height: 2rem } .tw-h-full { height: 100% } .tw-max-h-12 { max-height: 3rem } .tw-max-h-8 { max-height: 2rem } .tw-min-h-\[424px\] { min-height: 424px } .tw-w-1\/2 { width: 50% } .tw-w-1\/3 { width: 33.333333% } .tw-w-1\/4 { width: 25% } .tw-w-2\/3 { width: 66.666667% } .tw-w-3\/4 { width: 75% } .tw-w-6 { width: 1.5rem } .tw-w-full { width: 100% } .tw-max-w-\[80\%\] { max-width: 80% } .tw-shrink-0 { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0 } .tw-flex-grow { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1 } .tw-transform-gpu { -webkit-transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .tw-grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)) } .tw-grid-cols-9 { grid-template-columns: repeat(9, minmax(0, 1fr)) } .tw-flex-col { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } .tw-items-end { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end } .tw-items-center { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .tw-items-stretch { -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch } .tw-justify-end { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end } .tw-justify-center { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .tw-justify-items-stretch { justify-items: stretch } .tw-gap-0 { gap: 0px } .tw-gap-0\.5 { gap: 0.125rem } .tw-gap-x-3 { -webkit-column-gap: 0.75rem; -moz-column-gap: 0.75rem; column-gap: 0.75rem } .tw-gap-x-6 { -webkit-column-gap: 1.5rem; -moz-column-gap: 1.5rem; column-gap: 1.5rem } .tw-overflow-hidden { overflow: hidden } .tw-bg-gray-400\/5 { background-color: rgb(156 163 175 / 0.05) } .tw-bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) } .tw-bg-gradient-to-r { background-image: -webkit-linear-gradient(left, var(--tw-gradient-stops)); background-image: linear-gradient(to right, var(--tw-gradient-stops)) } .tw-from-primary { --tw-gradient-from: #009ee3 var(--tw-gradient-from-position); --tw-gradient-to: rgb(0 158 227 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) } .tw-to-primary-dark { --tw-gradient-to: #0073A2 var(--tw-gradient-to-position) } .tw-fill-white { fill: #fff } .tw-object-contain { -o-object-fit: contain; object-fit: contain } .tw-px-2 { padding-left: 0.5rem; padding-right: 0.5rem } .tw-px-4 { padding-left: 1rem; padding-right: 1rem } .tw-py-4 { padding-top: 1rem; padding-bottom: 1rem } .tw-py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem } .tw-py-7 { padding-top: 1.75rem; padding-bottom: 1.75rem } .tw-pb-1 { padding-bottom: 0.25rem } .tw-pb-6 { padding-bottom: 1.5rem } .tw-pl-4 { padding-left: 1rem } .tw-pr-4 { padding-right: 1rem } .tw-pt-3 { padding-top: 0.75rem } .tw-text-left { text-align: left } .tw-text-center { text-align: center } .tw-text-base { font-size: 1rem; line-height: 1.5rem } .tw-text-sm { font-size: 0.875rem; line-height: 1.25rem } .tw-text-xl { font-size: 1.25rem; line-height: 1.75rem } .tw-font-bold { font-weight: 700 } .tw-font-medium { font-weight: 500 } .tw-leading-tight { line-height: 1.25 } .\!tw-text-white { --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important } .tw-text-gray-500 { --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity)) } .tw-text-gray-600 { --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity)) } .tw-text-primary { --tw-text-opacity: 1; color: rgb(0 158 227 / var(--tw-text-opacity)) } .tw-opacity-10 { opacity: 0.1 } .tw-opacity-100 { opacity: 1 } .tw-saturate-\[\.10\] { --tw-saturate: saturate(.10); -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) } .tw-transition { -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter; -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); -webkit-transition-duration: 150ms; transition-duration: 150ms } .tw-transition-colors { -webkit-transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color; transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color; -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); -webkit-transition-duration: 150ms; transition-duration: 150ms } .tw-transition-transform { -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); -webkit-transition-duration: 150ms; transition-duration: 150ms } .tw-delay-200 { -webkit-transition-delay: 200ms; transition-delay: 200ms } .tw-duration-300 { -webkit-transition-duration: 300ms; transition-duration: 300ms } .tw-ease-in { -webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1); transition-timing-function: cubic-bezier(0.4, 0, 1, 1) } .tw-will-change-transform { will-change: transform } .hover\:tw-bg-gray-600\/5:hover { background-color: rgb(75 85 99 / 0.05) } .hover\:tw-text-gray-900:hover { --tw-text-opacity: 1; color: rgb(17 24 39 / var(--tw-text-opacity)) } .hover\:tw-opacity-90:hover { opacity: 0.9 } .hover\:tw-saturate-100:hover { --tw-saturate: saturate(1); -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) } .hover\:tw-delay-0:hover { -webkit-transition-delay: 0s; transition-delay: 0s } .hover\:tw-duration-0:hover { -webkit-transition-duration: 0s; transition-duration: 0s } .tw-group:hover .group-hover\:tw-translate-x-1 { --tw-translate-x: 0.25rem; -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .tw-group:hover .group-hover\:tw-text-primary { --tw-text-opacity: 1; color: rgb(0 158 227 / var(--tw-text-opacity)) } @media (min-width: 768px) { .sm\:tw-mx-0 { margin-left: 0px; margin-right: 0px } .sm\:tw-rounded-2xl { border-radius: 1rem } .sm\:tw-py-8 { padding-top: 2rem; padding-bottom: 2rem } } @media (min-width: 992px) { .md\:tw-col-span-1 { grid-column: span 1 / span 1 } } @media (min-width: 1200px) { .lg\:tw-max-h-10 { max-height: 2.5rem } .lg\:tw-max-h-16 { max-height: 4rem } .lg\:tw-grid-cols-9 { grid-template-columns: repeat(9, minmax(0, 1fr)) } } @charset "UTF-8"; /* COLORS and BG */ .padding-top { padding-top: 15px; } @media (min-width: 768px) { .padding-top { padding-top: 25px; } } @media (min-width: 1200px) { .padding-top { padding-top: 60px; } } .padding-bottom { padding-bottom: 15px; } @media (min-width: 768px) { .padding-bottom { padding-bottom: 25px; } } @media (min-width: 1200px) { .padding-bottom { padding-bottom: 60px; } } .gap-top { margin-top: 15px; } @media (min-width: 768px) { .gap-top { margin-top: 25px; } } @media (min-width: 1200px) { .gap-top { margin-top: 60px; } } .gap-bottom { margin-bottom: 15px; } @media (min-width: 768px) { .gap-bottom { margin-bottom: 25px; } } @media (min-width: 1200px) { .gap-bottom { margin-bottom: 60px; } } .include-padding { padding-top: 15px; padding-bottom: 15px; } @media (min-width: 768px) { .include-padding { padding-top: 25px; } } @media (min-width: 1200px) { .include-padding { padding-top: 60px; } } @media (min-width: 768px) { .include-padding { padding-bottom: 25px; } } @media (min-width: 1200px) { .include-padding { padding-bottom: 60px; } } .vertical-center { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .full-height { height: 100%; } .has-cover-image { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .has-cover-image :is(img, picture) { display: block; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .has-cover-image img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; } .has-contain-image { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .has-contain-image :is(img, picture) { display: block; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .has-contain-image img { -o-object-fit: contain; object-fit: contain; width: auto; height: 100%; max-width: 100%; } .text-center { text-align: center !important; } .rounded-br-4xl { border-bottom-right-radius: 50px; } .border { border-width: 1px; } .border-2 { border-width: 2px; } .border-solid { border-style: solid; } .text-blue { color: #009ee3; } /*! * Bootstrap Grid v4.0.0 (https://getbootstrap.com) * Copyright 2011-2018 The Bootstrap Authors * Copyright 2011-2018 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ @-ms-viewport { width: device-width; } html { box-sizing: border-box; -ms-overflow-style: scrollbar; } *, *::before, *::after { box-sizing: inherit; } .container { width: 100%; max-width: 1200px; margin-right: auto; margin-left: auto; padding-left: 10px; padding-right: 10px; } @media (min-width: 768px) { .container { padding-left: 10px; padding-right: 10px; } } @media (min-width: 1200px) { .container { padding-left: 15px; padding-right: 15px; } } .container-fluid { width: 100%; padding-left: 10px; padding-right: 10px; margin-right: auto; margin-left: auto; } @media (min-width: 768px) { .container-fluid { padding-left: 10px; padding-right: 10px; } } @media (min-width: 1200px) { .container-fluid { padding-left: 15px; padding-right: 15px; } } .row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -10px; margin-right: -10px; } @media (min-width: 768px) { .row { margin-left: -10px; margin-right: -10px; } } @media (min-width: 1200px) { .row { margin-left: -15px; margin-right: -15px; } } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*=col-] { padding-right: 0; padding-left: 0; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; max-width: 100%; min-height: 1px; padding-left: 10px; padding-right: 10px; } @media (min-width: 768px) { .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { padding-left: 10px; padding-right: 10px; } } @media (min-width: 1200px) { .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { padding-left: 15px; padding-right: 15px; } } .col { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.3333333333%; -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.6666666667%; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.3333333333%; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.6666666667%; -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.3333333333%; -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.6666666667%; -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.3333333333%; -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.6666666667%; -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .order-last { -webkit-box-ordinal-group: 14; -webkit-order: 13; -ms-flex-order: 13; order: 13; } .order-0 { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; } .order-1 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .order-2 { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .order-3 { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } .order-4 { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; } .order-5 { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5; } .order-6 { -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6; } .order-7 { -webkit-box-ordinal-group: 8; -webkit-order: 7; -ms-flex-order: 7; order: 7; } .order-8 { -webkit-box-ordinal-group: 9; -webkit-order: 8; -ms-flex-order: 8; order: 8; } .order-9 { -webkit-box-ordinal-group: 10; -webkit-order: 9; -ms-flex-order: 9; order: 9; } .order-10 { -webkit-box-ordinal-group: 11; -webkit-order: 10; -ms-flex-order: 10; order: 10; } .order-11 { -webkit-box-ordinal-group: 12; -webkit-order: 11; -ms-flex-order: 11; order: 11; } .order-12 { -webkit-box-ordinal-group: 13; -webkit-order: 12; -ms-flex-order: 12; order: 12; } .offset-1 { margin-left: 8.3333333333%; } .offset-2 { margin-left: 16.6666666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.3333333333%; } .offset-5 { margin-left: 41.6666666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.3333333333%; } .offset-8 { margin-left: 66.6666666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.3333333333%; } .offset-11 { margin-left: 91.6666666667%; } @media (min-width: 768px) { .col-sm { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-sm-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-sm-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.3333333333%; -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-sm-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.6666666667%; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-sm-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-sm-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.3333333333%; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-sm-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.6666666667%; -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-sm-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-sm-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.3333333333%; -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-sm-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.6666666667%; -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-sm-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-sm-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.3333333333%; -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-sm-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.6666666667%; -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-sm-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-sm-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .order-sm-last { -webkit-box-ordinal-group: 14; -webkit-order: 13; -ms-flex-order: 13; order: 13; } .order-sm-0 { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; } .order-sm-1 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .order-sm-2 { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .order-sm-3 { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } .order-sm-4 { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; } .order-sm-5 { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5; } .order-sm-6 { -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6; } .order-sm-7 { -webkit-box-ordinal-group: 8; -webkit-order: 7; -ms-flex-order: 7; order: 7; } .order-sm-8 { -webkit-box-ordinal-group: 9; -webkit-order: 8; -ms-flex-order: 8; order: 8; } .order-sm-9 { -webkit-box-ordinal-group: 10; -webkit-order: 9; -ms-flex-order: 9; order: 9; } .order-sm-10 { -webkit-box-ordinal-group: 11; -webkit-order: 10; -ms-flex-order: 10; order: 10; } .order-sm-11 { -webkit-box-ordinal-group: 12; -webkit-order: 11; -ms-flex-order: 11; order: 11; } .order-sm-12 { -webkit-box-ordinal-group: 13; -webkit-order: 12; -ms-flex-order: 12; order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.3333333333%; } .offset-sm-2 { margin-left: 16.6666666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.3333333333%; } .offset-sm-5 { margin-left: 41.6666666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.3333333333%; } .offset-sm-8 { margin-left: 66.6666666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.3333333333%; } .offset-sm-11 { margin-left: 91.6666666667%; } } @media (min-width: 992px) { .col-md { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-md-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-md-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.3333333333%; -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-md-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.6666666667%; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-md-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-md-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.3333333333%; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-md-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.6666666667%; -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-md-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-md-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.3333333333%; -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-md-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.6666666667%; -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-md-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-md-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.3333333333%; -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-md-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.6666666667%; -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-md-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-md-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .order-md-last { -webkit-box-ordinal-group: 14; -webkit-order: 13; -ms-flex-order: 13; order: 13; } .order-md-0 { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; } .order-md-1 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .order-md-2 { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .order-md-3 { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } .order-md-4 { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; } .order-md-5 { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5; } .order-md-6 { -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6; } .order-md-7 { -webkit-box-ordinal-group: 8; -webkit-order: 7; -ms-flex-order: 7; order: 7; } .order-md-8 { -webkit-box-ordinal-group: 9; -webkit-order: 8; -ms-flex-order: 8; order: 8; } .order-md-9 { -webkit-box-ordinal-group: 10; -webkit-order: 9; -ms-flex-order: 9; order: 9; } .order-md-10 { -webkit-box-ordinal-group: 11; -webkit-order: 10; -ms-flex-order: 10; order: 10; } .order-md-11 { -webkit-box-ordinal-group: 12; -webkit-order: 11; -ms-flex-order: 11; order: 11; } .order-md-12 { -webkit-box-ordinal-group: 13; -webkit-order: 12; -ms-flex-order: 12; order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.3333333333%; } .offset-md-2 { margin-left: 16.6666666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.3333333333%; } .offset-md-5 { margin-left: 41.6666666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.3333333333%; } .offset-md-8 { margin-left: 66.6666666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.3333333333%; } .offset-md-11 { margin-left: 91.6666666667%; } } @media (min-width: 1200px) { .col-lg { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-lg-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-lg-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.3333333333%; -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-lg-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.6666666667%; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-lg-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-lg-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.3333333333%; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-lg-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.6666666667%; -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-lg-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-lg-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.3333333333%; -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-lg-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.6666666667%; -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-lg-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-lg-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.3333333333%; -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-lg-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.6666666667%; -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-lg-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-lg-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .order-lg-last { -webkit-box-ordinal-group: 14; -webkit-order: 13; -ms-flex-order: 13; order: 13; } .order-lg-0 { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; } .order-lg-1 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .order-lg-2 { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .order-lg-3 { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } .order-lg-4 { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; } .order-lg-5 { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5; } .order-lg-6 { -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6; } .order-lg-7 { -webkit-box-ordinal-group: 8; -webkit-order: 7; -ms-flex-order: 7; order: 7; } .order-lg-8 { -webkit-box-ordinal-group: 9; -webkit-order: 8; -ms-flex-order: 8; order: 8; } .order-lg-9 { -webkit-box-ordinal-group: 10; -webkit-order: 9; -ms-flex-order: 9; order: 9; } .order-lg-10 { -webkit-box-ordinal-group: 11; -webkit-order: 10; -ms-flex-order: 10; order: 10; } .order-lg-11 { -webkit-box-ordinal-group: 12; -webkit-order: 11; -ms-flex-order: 11; order: 11; } .order-lg-12 { -webkit-box-ordinal-group: 13; -webkit-order: 12; -ms-flex-order: 12; order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.3333333333%; } .offset-lg-2 { margin-left: 16.6666666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.3333333333%; } .offset-lg-5 { margin-left: 41.6666666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.3333333333%; } .offset-lg-8 { margin-left: 66.6666666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.3333333333%; } .offset-lg-11 { margin-left: 91.6666666667%; } } @media (min-width: 1440px) { .col-xl { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-xl-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-xl-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.3333333333%; -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-xl-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.6666666667%; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-xl-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-xl-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.3333333333%; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-xl-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.6666666667%; -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-xl-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-xl-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.3333333333%; -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-xl-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.6666666667%; -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-xl-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-xl-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.3333333333%; -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-xl-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.6666666667%; -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-xl-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-xl-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .order-xl-last { -webkit-box-ordinal-group: 14; -webkit-order: 13; -ms-flex-order: 13; order: 13; } .order-xl-0 { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; } .order-xl-1 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .order-xl-2 { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .order-xl-3 { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } .order-xl-4 { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; } .order-xl-5 { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5; } .order-xl-6 { -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6; } .order-xl-7 { -webkit-box-ordinal-group: 8; -webkit-order: 7; -ms-flex-order: 7; order: 7; } .order-xl-8 { -webkit-box-ordinal-group: 9; -webkit-order: 8; -ms-flex-order: 8; order: 8; } .order-xl-9 { -webkit-box-ordinal-group: 10; -webkit-order: 9; -ms-flex-order: 9; order: 9; } .order-xl-10 { -webkit-box-ordinal-group: 11; -webkit-order: 10; -ms-flex-order: 10; order: 10; } .order-xl-11 { -webkit-box-ordinal-group: 12; -webkit-order: 11; -ms-flex-order: 11; order: 11; } .order-xl-12 { -webkit-box-ordinal-group: 13; -webkit-order: 12; -ms-flex-order: 12; order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.3333333333%; } .offset-xl-2 { margin-left: 16.6666666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.3333333333%; } .offset-xl-5 { margin-left: 41.6666666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.3333333333%; } .offset-xl-8 { margin-left: 66.6666666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.3333333333%; } .offset-xl-11 { margin-left: 91.6666666667%; } } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .d-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } @media (min-width: 768px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .d-sm-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 992px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .d-md-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 1200px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .d-lg-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 1440px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .d-xl-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .d-print-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } .flex-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-wrap { -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-nowrap { -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-wrap-reverse { -webkit-flex-wrap: wrap-reverse !important; -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-around { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-baseline { -webkit-box-align: baseline !important; -webkit-align-items: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-stretch { -webkit-box-align: stretch !important; -webkit-align-items: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-start { -webkit-align-content: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-end { -webkit-align-content: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-center { -webkit-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-between { -webkit-align-content: space-between !important; -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-around { -webkit-align-content: space-around !important; -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-stretch { -webkit-align-content: stretch !important; -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-auto { -webkit-align-self: auto !important; -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-start { -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-end { -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-center { -webkit-align-self: center !important; -ms-flex-item-align: center !important; align-self: center !important; } .align-self-baseline { -webkit-align-self: baseline !important; -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-stretch { -webkit-align-self: stretch !important; -ms-flex-item-align: stretch !important; align-self: stretch !important; } @media (min-width: 768px) { .flex-sm-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-sm-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-sm-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-sm-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-sm-wrap { -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-sm-nowrap { -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { -webkit-flex-wrap: wrap-reverse !important; -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-sm-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-sm-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-sm-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-sm-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-sm-around { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-sm-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-sm-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-sm-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-sm-baseline { -webkit-box-align: baseline !important; -webkit-align-items: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-sm-stretch { -webkit-box-align: stretch !important; -webkit-align-items: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-sm-start { -webkit-align-content: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-sm-end { -webkit-align-content: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-sm-center { -webkit-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-sm-between { -webkit-align-content: space-between !important; -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-sm-around { -webkit-align-content: space-around !important; -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-sm-stretch { -webkit-align-content: stretch !important; -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-sm-auto { -webkit-align-self: auto !important; -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-sm-start { -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-sm-end { -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-sm-center { -webkit-align-self: center !important; -ms-flex-item-align: center !important; align-self: center !important; } .align-self-sm-baseline { -webkit-align-self: baseline !important; -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-sm-stretch { -webkit-align-self: stretch !important; -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 992px) { .flex-md-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-md-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-md-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-md-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-md-wrap { -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-md-nowrap { -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-md-wrap-reverse { -webkit-flex-wrap: wrap-reverse !important; -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-md-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-md-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-md-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-md-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-md-around { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-md-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-md-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-md-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-md-baseline { -webkit-box-align: baseline !important; -webkit-align-items: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-md-stretch { -webkit-box-align: stretch !important; -webkit-align-items: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-md-start { -webkit-align-content: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-md-end { -webkit-align-content: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-md-center { -webkit-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-md-between { -webkit-align-content: space-between !important; -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-md-around { -webkit-align-content: space-around !important; -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-md-stretch { -webkit-align-content: stretch !important; -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-md-auto { -webkit-align-self: auto !important; -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-md-start { -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-md-end { -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-md-center { -webkit-align-self: center !important; -ms-flex-item-align: center !important; align-self: center !important; } .align-self-md-baseline { -webkit-align-self: baseline !important; -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-md-stretch { -webkit-align-self: stretch !important; -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 1200px) { .flex-lg-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-lg-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-lg-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-lg-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-lg-wrap { -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-lg-nowrap { -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { -webkit-flex-wrap: wrap-reverse !important; -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-lg-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-lg-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-lg-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-lg-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-lg-around { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-lg-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-lg-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-lg-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-lg-baseline { -webkit-box-align: baseline !important; -webkit-align-items: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-lg-stretch { -webkit-box-align: stretch !important; -webkit-align-items: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-lg-start { -webkit-align-content: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-lg-end { -webkit-align-content: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-lg-center { -webkit-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-lg-between { -webkit-align-content: space-between !important; -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-lg-around { -webkit-align-content: space-around !important; -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-lg-stretch { -webkit-align-content: stretch !important; -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-lg-auto { -webkit-align-self: auto !important; -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-lg-start { -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-lg-end { -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-lg-center { -webkit-align-self: center !important; -ms-flex-item-align: center !important; align-self: center !important; } .align-self-lg-baseline { -webkit-align-self: baseline !important; -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-lg-stretch { -webkit-align-self: stretch !important; -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 1440px) { .flex-xl-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-xl-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-xl-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-xl-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-xl-wrap { -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-xl-nowrap { -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { -webkit-flex-wrap: wrap-reverse !important; -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-xl-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-xl-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-xl-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-xl-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-xl-around { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-xl-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-xl-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-xl-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-xl-baseline { -webkit-box-align: baseline !important; -webkit-align-items: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-xl-stretch { -webkit-box-align: stretch !important; -webkit-align-items: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-xl-start { -webkit-align-content: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-xl-end { -webkit-align-content: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-xl-center { -webkit-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-xl-between { -webkit-align-content: space-between !important; -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-xl-around { -webkit-align-content: space-around !important; -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-xl-stretch { -webkit-align-content: stretch !important; -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-xl-auto { -webkit-align-self: auto !important; -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-xl-start { -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-xl-end { -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-xl-center { -webkit-align-self: center !important; -ms-flex-item-align: center !important; align-self: center !important; } .align-self-xl-baseline { -webkit-align-self: baseline !important; -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-xl-stretch { -webkit-align-self: stretch !important; -ms-flex-item-align: stretch !important; align-self: stretch !important; } } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mr-0, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-left: 0 !important; } .m-1 { margin: 0.25rem !important; } .mt-1, .my-1 { margin-top: 0.25rem !important; } .mr-1, .mx-1 { margin-right: 0.25rem !important; } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } .ml-1, .mx-1 { margin-left: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } .mr-2, .mx-2 { margin-right: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .ml-2, .mx-2 { margin-left: 0.5rem !important; } .m-3 { margin: 1rem !important; } .mt-3, .my-3 { margin-top: 1rem !important; } .mr-3, .mx-3 { margin-right: 1rem !important; } .mb-3, .my-3 { margin-bottom: 1rem !important; } .ml-3, .mx-3 { margin-left: 1rem !important; } .m-4 { margin: 1.5rem !important; } .mt-4, .my-4 { margin-top: 1.5rem !important; } .mr-4, .mx-4 { margin-right: 1.5rem !important; } .mb-4, .my-4 { margin-bottom: 1.5rem !important; } .ml-4, .mx-4 { margin-left: 1.5rem !important; } .m-5 { margin: 3rem !important; } .mt-5, .my-5 { margin-top: 3rem !important; } .mr-5, .mx-5 { margin-right: 3rem !important; } .mb-5, .my-5 { margin-bottom: 3rem !important; } .ml-5, .mx-5 { margin-left: 3rem !important; } .p-0 { padding: 0 !important; } .pt-0, .py-0 { padding-top: 0 !important; } .pr-0, .px-0 { padding-right: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .p-1 { padding: 0.25rem !important; } .pt-1, .py-1 { padding-top: 0.25rem !important; } .pr-1, .px-1 { padding-right: 0.25rem !important; } .pb-1, .py-1 { padding-bottom: 0.25rem !important; } .pl-1, .px-1 { padding-left: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2, .py-2 { padding-top: 0.5rem !important; } .pr-2, .px-2 { padding-right: 0.5rem !important; } .pb-2, .py-2 { padding-bottom: 0.5rem !important; } .pl-2, .px-2 { padding-left: 0.5rem !important; } .p-3 { padding: 1rem !important; } .pt-3, .py-3 { padding-top: 1rem !important; } .pr-3, .px-3 { padding-right: 1rem !important; } .pb-3, .py-3 { padding-bottom: 1rem !important; } .pl-3, .px-3 { padding-left: 1rem !important; } .p-4 { padding: 1.5rem !important; } .pt-4, .py-4 { padding-top: 1.5rem !important; } .pr-4, .px-4 { padding-right: 1.5rem !important; } .pb-4, .py-4 { padding-bottom: 1.5rem !important; } .pl-4, .px-4 { padding-left: 1.5rem !important; } .p-5 { padding: 3rem !important; } .pt-5, .py-5 { padding-top: 3rem !important; } .pr-5, .px-5 { padding-right: 3rem !important; } .pb-5, .py-5 { padding-bottom: 3rem !important; } .pl-5, .px-5 { padding-left: 3rem !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } @media (min-width: 768px) { .m-sm-0 { margin: 0 !important; } .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; } .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 3rem !important; } .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; } .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } .pr-sm-0, .px-sm-0 { padding-right: 0 !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } .pl-sm-0, .px-sm-0 { padding-left: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; } .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 3rem !important; } .pr-sm-5, .px-sm-5 { padding-right: 3rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; } .pl-sm-5, .px-sm-5 { padding-left: 3rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } } @media (min-width: 992px) { .m-md-0 { margin: 0 !important; } .mt-md-0, .my-md-0 { margin-top: 0 !important; } .mr-md-0, .mx-md-0 { margin-right: 0 !important; } .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } .ml-md-0, .mx-md-0 { margin-left: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .mt-md-3, .my-md-3 { margin-top: 1rem !important; } .mr-md-3, .mx-md-3 { margin-right: 1rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; } .ml-md-3, .mx-md-3 { margin-left: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .mt-md-5, .my-md-5 { margin-top: 3rem !important; } .mr-md-5, .mx-md-5 { margin-right: 3rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 3rem !important; } .ml-md-5, .mx-md-5 { margin-left: 3rem !important; } .p-md-0 { padding: 0 !important; } .pt-md-0, .py-md-0 { padding-top: 0 !important; } .pr-md-0, .px-md-0 { padding-right: 0 !important; } .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } .pl-md-0, .px-md-0 { padding-left: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .pt-md-3, .py-md-3 { padding-top: 1rem !important; } .pr-md-3, .px-md-3 { padding-right: 1rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; } .pl-md-3, .px-md-3 { padding-left: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .pt-md-5, .py-md-5 { padding-top: 3rem !important; } .pr-md-5, .px-md-5 { padding-right: 3rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 3rem !important; } .pl-md-5, .px-md-5 { padding-left: 3rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; } } @media (min-width: 1200px) { .m-lg-0 { margin: 0 !important; } .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; } .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; } .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 3rem !important; } .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important; } .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } .pr-lg-0, .px-lg-0 { padding-right: 0 !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } .pl-lg-0, .px-lg-0 { padding-left: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; } .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; } .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 3rem !important; } .pr-lg-5, .px-lg-5 { padding-right: 3rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important; } .pl-lg-5, .px-lg-5 { padding-left: 3rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } } @media (min-width: 1440px) { .m-xl-0 { margin: 0 !important; } .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; } .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; } .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 3rem !important; } .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important; } .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } .pr-xl-0, .px-xl-0 { padding-right: 0 !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } .pl-xl-0, .px-xl-0 { padding-left: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; } .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; } .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 3rem !important; } .pr-xl-5, .px-xl-5 { padding-right: 3rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important; } .pl-xl-5, .px-xl-5 { padding-left: 3rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } .clearfix:before, .clearfix:after { content: " "; display: table; } .hidden { display: none !important; visibility: hidden !important; } .col-default-padding { padding-top: 15px; padding-bottom: 15px; } @media (min-width: 768px) { .col-default-padding { padding-top: 25px; padding-bottom: 25px; } } @media (min-width: 992px) { .col-default-padding { padding-top: 40px; padding-bottom: 40px; } } @media (min-width: 1200px) { .col-default-padding { padding-top: 60px; padding-bottom: 60px; } } .col-default-padding h1.headline, .col-default-padding h2.headline, .col-default-padding h3.headline, .col-default-padding h4.headline, .col-default-padding h5.headline, .col-default-padding h6.headline { margin-top: -7.5px; } @media (min-width: 768px) { .col-default-padding h1.headline, .col-default-padding h2.headline, .col-default-padding h3.headline, .col-default-padding h4.headline, .col-default-padding h5.headline, .col-default-padding h6.headline { margin-top: -12.5px; } } @media (min-width: 992px) { .col-default-padding h1.headline, .col-default-padding h2.headline, .col-default-padding h3.headline, .col-default-padding h4.headline, .col-default-padding h5.headline, .col-default-padding h6.headline { margin-top: -20px; } } @media (min-width: 1200px) { .col-default-padding h1.headline, .col-default-padding h2.headline, .col-default-padding h3.headline, .col-default-padding h4.headline, .col-default-padding h5.headline, .col-default-padding h6.headline { margin-top: -30px; } } .col-no-padding { padding: 0 !important; } .col-no-padding-top-bottom { padding-top: 0 !important; padding-bottom: 0 !important; } .col-no-padding-left-right { padding-left: 0 !important; padding-right: 0 !important; } .col-centered { float: none; margin: 0 auto; text-align: center; } .col-newline { clear: both; } .visible-xs, .visible-sm, .visible-md, .visible-lg, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-print, .visible-print-block, .visible-print-inline, .visible-print-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .ratio-container { position: relative; } .ratio-container > img, .ratio-container > picture > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; } .ratio-container:after { content: ""; display: block; height: 0; width: 100%; padding-bottom: 100%; } @media (min-width: 768px) { .ratio-container:after { padding-bottom: 36.4583333333%; } } /* ----------------------------------- BOX MODEL ----------------------------------- */ *, *:before, *:after { box-sizing: border-box; } /* ----------------------------------- BASE ----------------------------------- */ html { scroll-behavior: smooth; } body { width: 100%; } body.overflow { overflow: hidden; position: fixed; } body.overflow .aside-buttons { -webkit-transform: translate(100%, -50%); -ms-transform: translate(100%, -50%); transform: translate(100%, -50%); } @media (min-width: 1200px) { .wow { visibility: hidden; } } .col-centered { text-align: center; margin-left: auto; margin-right: auto; } .col-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xl-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; -webkit-flex: 0 0 100%; flex: 0 0 100%; } a { color: #4a4a4a; text-decoration: none; } a:hover { text-decoration: none; } strong { font-family: "Fago no Medium", sans-serif; } h1, h2, .blog-article h1, h3, h4, .blog-list h2, h5 { position: relative; line-height: 1; color: rgb(0, 158, 227); margin-top: 0; margin-bottom: 25px; } .mod_customarticle.fullwidth .outer { width: 100% !important; max-width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; } .mod_customarticle.fullwidth .inner { margin-left: 0 !important; margin-right: 0 !important; } .mod_customarticle.no-padding .inner { padding-top: 0 !important; padding-bottom: 0 !important; } .mod_article { overflow: visible; } .mod_article .inner { padding-top: 15px; padding-bottom: 15px; } @media (min-width: 768px) { .mod_article .inner { padding-top: 25px; } } @media (min-width: 1200px) { .mod_article .inner { padding-top: 60px; } } @media (min-width: 768px) { .mod_article .inner { padding-bottom: 25px; } } @media (min-width: 1200px) { .mod_article .inner { padding-bottom: 60px; } } .mod_article.no-overflow { overflow: visible; position: relative; } .mod_article.no-overflow .inner { overflow: visible !important; position: static; } .mod_article p { margin-bottom: 15px; } @media (min-width: 768px) { .mod_article p { margin-bottom: 25px; } } @media (min-width: 1200px) { .mod_article p { margin-bottom: 60px; } } @media (min-width: 1200px) { .mod_article p { margin-bottom: 30px; } } .mod_article p a { position: relative; font-weight: 300; color: #009ee3; } .mod_article p a:before { content: ""; display: block; width: 0; height: 2px; background: #009ee3; position: absolute; bottom: -2px; left: 0; -webkit-transition: width 0.2s ease-in; transition: width 0.2s ease-in; } .mod_article p a:hover:before { width: 100%; } .mod_article .ce_image .image_container { text-align: center; height: 100%; } .inside { position: relative; width: 100%; height: 100%; margin: 0 auto; } .inside:before, .inside:after { content: ""; display: table; } .inside:after { clear: both; } .image_container { position: relative; text-align: center; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; } .image_container > a { position: relative; display: block; width: 100%; height: 100%; } .image_container.hero-image { overflow: hidden; } #container .image_container > a { cursor: -webkit-zoom-in; cursor: zoom-in; -webkit-transition: box-shadow 0.2s ease-in; transition: box-shadow 0.2s ease-in; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } #container .image_container > a:before { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; background-color: rgba(0, 158, 227, 0.5); opacity: 0; z-index: 1; -webkit-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in; } #container .image_container > a:after { content: "\e90c"; display: block; padding: 5px; font-family: "icomoon" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #fff; opacity: 0; width: 45px; height: 45px; border-radius: 3px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; font-size: 2.8125rem; -webkit-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in; } #container .image_container > a + .caption { pointer-events: none; color: #fff; font-weight: 700; font-size: 1.625rem; position: absolute; left: 50%; top: calc(50% + 60px); opacity: 0; width: 100%; z-index: 5; padding-left: 15px; padding-right: 15px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in; } #container .image_container > a:hover { box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.3); } #container .image_container > a:hover:before, #container .image_container > a:hover:after { opacity: 1; } #container .image_container > a:hover + .caption { opacity: 1; } #container .image_container > a :is(img, picture) { display: block; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } #container .image_container > a img { -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1, 1); transform: translateZ(0); will-change: transform; -webkit-transition: -webkit-transform 0.2s ease-in; transition: -webkit-transform 0.2s ease-in; transition: transform 0.2s ease-in; transition: transform 0.2s ease-in, -webkit-transform 0.2s ease-in; } img { vertical-align: bottom; max-width: 100%; height: auto; } ul { list-style-type: none; margin-bottom: 0; } ul li { position: relative; } .map-container { height: 0; padding-top: 30px; position: relative; overflow: hidden; padding-bottom: 56.25%; } .map-container embed, .map-container iframe, .map-container object { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .clearboth { clear: both; } .bg-primary { background: #009ee3; } .bg-primary > .inner > .button-block a, .bg-primary > .inner > .ce_hyperlink a { color: #009ee3; } .bg-secondary { background: #78bc2b; } .bg-secondary > .inner > .button-block a, .bg-secondary > .inner > .ce_hyperlink a { color: #78bc2b; } .bg-primary > .inner > .headline, .bg-primary > .inner > .subheadline, .bg-secondary > .inner > .headline, .bg-secondary > .inner > .subheadline { color: #fff; } .bg-primary > .inner > .headline:after, .bg-secondary > .inner > .headline:after { background: #fff; } .bg-primary > .inner > .button-block a, .bg-primary > .inner > .ce_hyperlink a, .bg-secondary > .inner > .button-block a, .bg-secondary > .inner > .ce_hyperlink a { background-color: rgb(255, 255, 255); -webkit-transition: background-color 0.2s ease-in; transition: background-color 0.2s ease-in; } .bg-primary > .inner > .button-block a:hover, .bg-primary > .inner > .ce_hyperlink a:hover, .bg-secondary > .inner > .button-block a:hover, .bg-secondary > .inner > .ce_hyperlink a:hover { background-color: rgb(155, 155, 155); } .bg-primary > .inner > .ce_text .headline, .bg-primary > .inner > .ce_text .subheadline, .bg-primary > .inner > .ce_text p, .bg-primary > .inner > .ce_text li, .bg-secondary > .inner > .ce_text .headline, .bg-secondary > .inner > .ce_text .subheadline, .bg-secondary > .inner > .ce_text p, .bg-secondary > .inner > .ce_text li { color: #fff; } .owl-carousel { -ms-touch-action: pan-y; touch-action: pan-y; } @font-face { font-family: "Fago no"; src: url("../fonts/Fago-No-Regular-TF_16718.woff2") format("woff2"), url("../fonts/Fago-No-Regular-TF_16718.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: auto; } @font-face { font-family: "Fago no Italic"; src: url("../fonts/Fago-No-Regular-Italic-LF_16715.woff2") format("woff2"), url("..fonts/Fago-No-Regular-Italic-LF_16715.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: auto; } @font-face { font-family: "Fago no Medium"; src: url("../fonts/Fago-No-Medium_16711.woff2") format("woff2"), url("../fonts/Fago-No-Medium_16711.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: auto; } @font-face { font-family: "Fago no Bold"; src: url("../fonts/Fago-No-Bold-TF_16694.woff2") format("woff2"), url("../fonts/Fago-No-Bold-TF_16694.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: auto; } @font-face { font-family: "FaNo Regular"; src: url("../fonts/FaNRgR__.woff2") format("woff2"), url("../fonts/FaNRgR__.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: auto; } /* ----------------------------------- TYPO ----------------------------------- */ body { font-family: "Fago no", sans-serif; font-size: 1rem; line-height: 24px; color: #4a4a4a; -webkit-animation-delay: 0.1s; -webkit-animation-name: fontfix; -webkit-animation-duration: 0.1s; -webkit-animation-iteration-count: 1; -webkit-animation-timing-function: linear; text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px; letter-spacing: -0.01em; } @-webkit-keyframes fontfix { from { opacity: 0; } to { opacity: 1; } } h1, h2, .blog-article h1, h3, h4, .blog-list h2, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px; color: #4a4a4a; font-family: "FaNo Regular", sans-serif; line-height: 1; text-transform: none !important; font-weight: 400; } body.startpage h1, body.startpage h2, body.startpage h3, body.startpage h4, body.startpage h5, body.startpage h6, body.startpage .h1, body.startpage .h2, body.startpage .h3, body.startpage .h4, body.startpage .h5, body.startpage .h6 { color: #78bc2b; } h1, .h1 { font-size: 2.125rem; line-height: 1.1176470588; letter-spacing: -0.04em; } @media (min-width: 768px) { h1, .h1 { font-size: 2.875rem; line-height: 1.0869565217; } } @media (min-width: 1200px) { h1, .h1 { font-size: 4.125rem; line-height: 68.9px; } } h2, .blog-article h1, .h2 { font-size: 1.625rem; line-height: 1; letter-spacing: -0.04em; } @media (min-width: 768px) { h2, .blog-article h1, .h2 { font-size: 2.125rem; line-height: 1; } } @media (min-width: 1200px) { h2, .blog-article h1, .h2 { font-size: 3.125rem; line-height: 1.2; } } h3, .h3 { font-size: 1.375rem; line-height: 1.0909090909; letter-spacing: -0.04em; } @media (min-width: 768px) { h3, .h3 { font-size: 1.625rem; line-height: 1.0909090909; } } @media (min-width: 1200px) { h3, .h3 { font-size: 2.375rem; line-height: 1.2631578947; } } h4, .blog-list h2, .blog-list .blog-article h1, .blog-article .blog-list h1, .h4 { font-size: 1.125rem; line-height: 1; letter-spacing: -0.03em; } @media (min-width: 768px) { h4, .blog-list h2, .blog-list .blog-article h1, .blog-article .blog-list h1, .h4 { font-size: 1.375rem; line-height: 1; } } @media (min-width: 1200px) { h4, .blog-list h2, .blog-list .blog-article h1, .blog-article .blog-list h1, .h4 { font-size: 2rem; line-height: 1.1875; } } h5, .h5 { font-size: 1.125rem; line-height: 1; letter-spacing: -0.02em; } @media (min-width: 1200px) { h5, .h5 { font-size: 1.5rem; line-height: 1.25; } } h6 { font-size: 1.125rem; line-height: 1; } @media (min-width: 1200px) { h6 { font-size: 1.125rem; line-height: 1.4444444444; } } h5.suptitle { font-size: 0.875rem; color: #9b9b9b; } h6, .h6 { font-size: 1.125rem; font-family: "Fago no Medium", sans-serif; font-weight: 500; letter-spacing: -0.02em; } p, li { text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px; font-family: inherit; font-weight: inherit; font-size: inherit; line-height: inherit; color: inherit; } p.description, li.description { font-size: 1.125rem; line-height: 1.5555555556; } .mod_article .ce_text strong { font-family: "FaNo Regular", sans-serif; } button { border: none; outline: none; padding: 0; background: none; cursor: pointer; } button:disabled, button[disabled] { cursor: not-allowed; opacity: 0.5; } p.back { text-align: center; margin-bottom: 15px; } @media (min-width: 768px) { p.back { margin-bottom: 25px; } } @media (min-width: 1200px) { p.back { margin-bottom: 60px; } } .button-block, p.back { overflow: hidden; text-align: left; margin-bottom: 15px; } @media (min-width: 768px) { .button-block, p.back { margin-bottom: 25px; } } @media (min-width: 1200px) { .button-block, p.back { margin-bottom: 60px; } } .button-block.col-centered, p.back.col-centered { text-align: center; } .button-block a, .button-block .button, .button-block button, p.back a, p.back .button, p.back button { position: relative; display: inline-block; vertical-align: middle; text-align: center; padding: 12px 15px; font-family: "Fago no Medium", sans-serif; line-height: 1; color: #4a4a4a; min-width: 180px; border: 2px solid #4a4a4a; border-radius: 4px; -webkit-transition: background 0.2s ease-in, color 0.2s ease-in; transition: background 0.2s ease-in, color 0.2s ease-in; line-height: 1; font-size: 1rem; } .button-block a:hover, .button-block .button:hover, .button-block button:hover, p.back a:hover, p.back .button:hover, p.back button:hover { background: #4a4a4a; color: #fff; } .button-block.primary a, .button-block.primary .button, .button-block a.primary, .button-block button.primary, p.back.primary a, p.back.primary .button, p.back a.primary, p.back button.primary { color: #009ee3; border-color: #009ee3; border-radius: 0; border-bottom-right-radius: 10px; } .button-block.primary a:hover, .button-block.primary .button:hover, .button-block a.primary:hover, .button-block button.primary:hover, p.back.primary a:hover, p.back.primary .button:hover, p.back a.primary:hover, p.back button.primary:hover { background: #009ee3; color: #fff; } .button-block.primary-filled .button, .button-block.primary-filled a, p.back.primary-filled .button, p.back.primary-filled a { background: #009ee3; color: #fff; border-color: #009ee3; } .button-block.primary-filled .button:hover, .button-block.primary-filled a:hover, p.back.primary-filled .button:hover, p.back.primary-filled a:hover { background: none; color: #009ee3; } .button-block.secondary a, p.back.secondary a { color: #78bc2b; border-color: #78bc2b; } .button-block.secondary a:hover, p.back.secondary a:hover { background: #78bc2b; color: #fff; } .button-block.secondary-filled a, p.back.secondary-filled a { background: #78bc2b; color: #fff; border-color: #78bc2b; } .button-block.secondary-filled a:hover, p.back.secondary-filled a:hover { background: none; color: #78bc2b; } .button-block.white a, p.back.white a { color: #fff; border-color: #fff; } .button-block.white a:hover, p.back.white a:hover { background: #fff; color: #4a4a4a; } .button-text { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; overflow: hidden; text-align: left; margin-bottom: 15px; } @media (min-width: 768px) { .button-text { margin-bottom: 25px; } } @media (min-width: 1200px) { .button-text { margin-bottom: 60px; } } .button-text svg { margin: 0 4px; } .button-text a, .button-text .button { position: relative; display: inline-block; vertical-align: middle; text-align: center; font-family: "Fago no Medium", sans-serif; color: #009ee3; padding: 8px 0; -webkit-transition: color 0.2s ease-in; transition: color 0.2s ease-in; line-height: 1; font-size: 1rem; } .button-text a:after, .button-text .button:after { content: ""; display: block; width: 0%; height: 2px; background: #009ee3; position: absolute; bottom: 0; left: 0; -webkit-transition: height 0.2s ease-in; transition: height 0.2s ease-in; -webkit-transition: width 0.2s ease-in; transition: width 0.2s ease-in; } .button-text a span, .button-text .button span { position: relative; z-index: 1; } .button-text a:hover:after, .button-text .button:hover:after { width: 100%; } .button-text.secondary a { color: #4a4a4a; } .button-text.secondary a:after { background: #4a4a4a; } .mod_newslist .button-text { margin-bottom: 0px; } .submit_container, .widget-submit { overflow: hidden; position: relative; width: 100%; text-align: center; } .submit_container .submit, .widget-submit .submit { position: relative; display: inline-block; vertical-align: middle; text-align: center; padding: 12px 15px; line-height: 1; color: #fff; min-width: 180px; border: 2px solid #fff; border-radius: 0; border-bottom-right-radius: 10px; -webkit-transition: background 0.2s ease-in, color 0.2s ease-in, border-radius 0.2s ease-in; transition: background 0.2s ease-in, color 0.2s ease-in, border-radius 0.2s ease-in; line-height: 1; font-size: 1rem; } .submit_container .submit:hover, .widget-submit .submit:hover { background: #fff; color: #009ee3; } .submit_container.primary .submit, .widget-submit.primary .submit { color: #009ee3; border-color: #009ee3; } .submit_container.primary .submit:hover, .widget-submit.primary .submit:hover { background: #009ee3; color: #fff; } input[type=search]::-webkit-search-cancel-button { -webkit-appearance: none; } ::-webkit-input-placeholder { font-family: "Fago no", sans-serif; font-size: 1rem; color: #4a4a4a; -webkit-transition: all 0.3s; transition: all 0.3s; opacity: 1; } :-moz-placeholder { font-family: "Fago no", sans-serif; font-size: 1rem; color: #4a4a4a; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; opacity: 1; } ::-moz-placeholder { font-family: "Fago no", sans-serif; font-size: 1rem; color: #4a4a4a; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; opacity: 1; } :-ms-input-placeholder { font-family: "Fago no", sans-serif; font-size: 1rem; color: #4a4a4a; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; opacity: 1; } :hover::-webkit-input-placeholder { opacity: 1; text-shadow: 0 0 #4a4a4a; } :hover:-moz-placeholder { opacity: 1; text-shadow: 0 0 #4a4a4a; } :hover::-moz-placeholder { opacity: 1; text-shadow: 0 0 #4a4a4a; } :hover:-ms-input-placeholder { opacity: 1; text-shadow: 0 0 #4a4a4a; } :focus::-webkit-input-placeholder { text-indent: -9999px; } :focus:-moz-placeholder { text-indent: -9999px; } :focus::-moz-placeholder { text-indent: -9999px; } :focus:-ms-input-placeholder { text-indent: -9999px; } input, select, textarea { box-sizing: border-box; font-family: "Fago no", sans-serif; font-size: 1rem; color: #4a4a4a; width: 100%; background: #fff; margin-bottom: 20px; -webkit-appearance: none; border: none; border-radius: 0; padding: 9px 20px; border: 1px solid #4a4a4a; -webkit-transition: box-shadow 0.2s ease-in; transition: box-shadow 0.2s ease-in; } input:hover, select:hover, textarea:hover { box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15); } input:focus, select:focus, textarea:focus { outline: none; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15); } input.error, select.error, textarea.error { color: #ff0000; border-color: #ff0000; } .form input, .form select, .form textarea { padding-left: 20px; } input.is-date { background-image: url(/files/public/svg/calendar.svg); background-size: 20px auto; background-repeat: no-repeat; background-position: right 20px top 50%; cursor: pointer; } svg:not(:root) { overflow: hidden; } .ce_form label { display: none; } label { width: 100%; margin-bottom: 10px; font-family: "Fago no", sans-serif; font-size: 1rem; line-height: 1; } label.checkbox { float: none; display: block; margin-bottom: 10px; } label.error { position: absolute; left: 0; bottom: 10px; color: #ff0000; font-size: 0.75rem; font-family: "Fago no", sans-serif; border: none; padding: 0; } label.error:after { display: none; } label.error + label { display: none; } select { width: 100%; height: auto; } textarea { width: 100%; max-width: 100%; height: 140px; resize: vertical; } legend { display: none; } input[type=radio] + label { padding: 5px 0 5px 25px; background-size: 15px 15px; background-repeat: no-repeat; background-position: 0 50%; font-size: 1.125rem; } input[type=radio] + label { background-image: url("/files/public/svg/radio_button_inactive.svg"); } input[type=radio]:checked + label { background-image: url("/files/public/svg/radio_button_active.svg"); } input[type=radio] { position: absolute; top: 6px; left: 6px; opacity: 0; padding: 0; border: none; margin: 0; width: 15px; height: 15px; } input[type=radio] + label { position: relative; } .widget-checkbox { text-align: center; margin-bottom: 15px; } .checkbox_container { position: relative; padding: 0; clear: both; display: inline-block; } .checkbox_container span { position: relative; display: block; } .checkbox_container label { position: relative; float: none; display: block; padding-left: 25px; margin-bottom: 0; } .checkbox_container input { opacity: 0; visibility: hidden; position: absolute; top: 0; left: 0; width: 17px !important; height: 17px; margin: 0; } .checkbox_container input[type=checkbox] + label::before { content: " "; display: inline-block; width: 17px; height: 17px; text-align: center; line-height: 6px; position: relative; border: 2px solid #009ee3; margin-right: 10px; position: absolute; left: 0; top: -1px; font-size: 1.375rem; } .checkbox_container input[type=checkbox]:checked + label::before { content: "✓"; color: #009ee3; } p.error { color: #ff0000; margin: 0; padding-bottom: 1rem; } input.error { border-color: #ff0000; } span.error { color: #fff; background: #ff0000; font-size: 0.625rem; position: absolute; top: -7px; left: 40px; padding: 0 5px; border-radius: 4px; } @media (min-width: 1200px) { span.error { left: 45px; } } span.error:after { content: ""; display: block; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #ff0000; position: absolute; top: 100%; left: 4px; } .bootstrap-datetimepicker-widget .datepicker-days { padding-top: 6px; } .bootstrap-datetimepicker-widget table thead tr:nth-child(2) th { height: 30px; line-height: 30px; } .bootstrap-datetimepicker-widget table td { border-radius: 0; padding-top: 3px; padding-bottom: 3px; } .bootstrap-datetimepicker-widget table td:before { display: none !important; } .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover { background-color: #009ee3; } .bootstrap-datetimepicker-widget table td span { border-radius: 0; } .bootstrap-datetimepicker-widget table td span.active { background-color: #009ee3; } .disabled { opacity: 0.5; } /* ----------------------------------- ICONS ----------------------------------- */ @font-face { font-family: "icomoon"; src: url("../fonts/icomoon.woff") format("woff"), url("../fonts/icomoon.ttf") format("truetype"), url("../fonts/icomoon.svg#icomoon") format("svg"); font-weight: normal; font-style: normal; } [class^=icon-], [class*=" icon-"]:not(#top) { font-family: "icomoon" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* .icon-linkedin { &:before { content: $icon-linkedin; } } */ /* .icon-youtube { &:before { content: $icon-youtube; } } */ /* .icon-xing { &:before { content: $icon-xing; } } .icon-capacity { &:before { content: $icon-capacity; } } .icon-certifications { &:before { content: $icon-certifications; } } .icon-choose-job { &:before { content: $icon-choose-job; } } .icon-data-sheet { &:before { content: $icon-data-sheet; } } .icon-die-attach { &:before { content: $icon-die-attach; } } .icon-die-bonding { &:before { content: $icon-die-bonding; } } .icon-economic-goals { &:before { content: $icon-economic-goals; } } .icon-employees { &:before { content: $icon-employees; } } .icon-encapsulation { &:before { content: $icon-encapsulation; } } .icon-enviromental-goals { &:before { content: $icon-enviromental-goals; } } .icon-fact-sheet { &:before { content: $icon-fact-sheet; } } .icon-interview { &:before { content: $icon-interview; } } .icon-job-interview { &:before { content: $icon-job-interview; } } .icon-live-chat { &:before { content: $icon-live-chat; } } .icon-location { &:before { content: $icon-location; } } .icon-manufacturing-method { &:before { content: $icon-manufacturing-method; } } .icon-marking { &:before { content: $icon-marking; } } .icon-offer { &:before { content: $icon-offer; } } .icon-onboarding { &:before { content: $icon-onboarding; } } .icon-Oval { &:before { content: $icon-Oval; } } .icon-phase-selection { &:before { content: $icon-phase-selection; } } .icon-print { &:before { content: $icon-print; } } .icon-product-guide { &:before { content: $icon-product-guide; } } .icon-read-only-optimized { &:before { content: $icon-read-only-optimized; } } .icon-secound-interview { &:before { content: $icon-secound-interview; } } .icon-secure-erase { &:before { content: $icon-secure-erase; } } .icon-send-a-message { &:before { content: $icon-send-a-message; } } .icon-singulation { &:before { content: $icon-singulation; } } .icon-slider-pagination-active { &:before { content: $icon-slider-pagination-active; } } .icon-slider-pagination { &:before { content: $icon-slider-pagination; } } .icon-smt { &:before { content: $icon-smt; } } .icon-social-and-ethic-goals { &:before { content: $icon-social-and-ethic-goals; } } .icon-substrate-pcb { &:before { content: $icon-substrate-pcb; } } .icon-transfer-molding { &:before { content: $icon-transfer-molding; } } .icon-triangle { &:before { content: $icon-triangle; } } .icon-white-paper { &:before { content: $icon-white-paper; } } .icon-wire-bonding { &:before { content: $icon-wire-bonding; } } .icon-download { &:before { content: $icon-download; } } .icon-close { &:before { content: $icon-close; } } .icon-arrow-right { &:before { content: $icon-arrow-right; color: #9b9b9b; } } .icon-arrow-left { &:before { content: $icon-arrow-left; color: #9b9b9b; } } .icon-breadcrumb-arrow { &:before { content: $icon-breadcrumb-arrow; } } .icon-chat-icon { &:before { content: $icon-chat-icon; } } .icon-arrow-up { &:before { content: $icon-arrow-up; color: #00aeef; } } .icon-mail { &:before { content: $icon-mail; } } .icon-phone { &:before { content: $icon-phone; } } .icon-facebook { &:before { content: $icon-facebook; } } .icon-google { &:before { content: $icon-google; } } .icon-twitter { &:before { content: $icon-twitter; } } .icon-login { &:before { content: $icon-login; } } .icon-logo { &:before { content: $icon-logo; } } .icon-search { &:before { content: $icon-search; } } //new /* .icon-swissbit_icon_EOL { &:before { content: $icon-swissbit_icon_EOL; color: #fff; } } .icon-swissbit_icon_SUS { &:before { content: $icon-swissbit_icon_SUS; color: #fff; } } .icon-swissbit_icon_ramp { &:before { content: $icon-swissbit_icon_ramp; color: #fff; } } */ /* .icon-arrow-left { &:before { content: $icon-arrow-left; } } .icon-arrow-right { &:before { content: $icon-arrow-right; } } .icon-breadcrumb-arrow { &:before { content: $icon-breadcrumb-arrow; } } .icon-chat-icon { &:before { content: $icon-chat-icon; } } .icon-arrow-up { &:before { content: $icon-arrow-up; } } .icon-mail { &:before { content: $icon-mail; } } .icon-phone { &:before { content: $icon-phone; } } .icon-facebook { &:before { content: $icon-facebook; } } .icon-google { &:before { content: $icon-google; } } .icon-twitter { &:before { content: $icon-twitter; } } .icon-login { &:before { content: $icon-login; } } .icon-logo { &:before { content: $icon-logo; } } .icon-search { &:before { content: $icon-search; } } .icon-close { &:before { content: $icon-close; } } .icon-download { &:before { content: $icon-download; } } .icon-capacity { &:before { content: $icon-capacity; } } .icon-certifications { &:before { content: $icon-certifications; } } .icon-choose-job { &:before { content: $icon-choose-job; } } .icon-data-sheet { &:before { content: $icon-data-sheet; } } .icon-die-attach { &:before { content: $icon-die-attach; } } .icon-die-bonding { &:before { content: $icon-die-bonding; } } .icon-economic-goals { &:before { content: $icon-economic-goals; } } .icon-employees { &:before { content: $icon-employees; } } .icon-encapsulation { &:before { content: $icon-encapsulation; } } .icon-enviromental-goals { &:before { content: $icon-enviromental-goals; } } .icon-fact-sheet { &:before { content: $icon-fact-sheet; } } .icon-interview { &:before { content: $icon-interview; } } .icon-job-interview { &:before { content: $icon-job-interview; } } .icon-live-chat { &:before { content: $icon-live-chat; } } .icon-location { &:before { content: $icon-location; } } .icon-manufacturing-method { &:before { content: $icon-manufacturing-method; } } .icon-marking { &:before { content: $icon-marking; } } .icon-offer { &:before { content: $icon-offer; } } .icon-onboarding { &:before { content: $icon-onboarding; } } .icon-swissbit_icon_EOL { &:before { content: $icon-swissbit_icon_EOL; //color: #fff; } } .icon-phase-selection { &:before { content: $icon-phase-selection; } } .icon-print { &:before { content: $icon-print; } } .icon-product-guide { &:before { content: $icon-product-guide; } } .icon-read-only-optimized { &:before { content: $icon-read-only-optimized; } } .icon-secound-interview { &:before { content: $icon-secound-interview; } } .icon-secure-erase { &:before { content: $icon-secure-erase; } } .icon-send-a-message { &:before { content: $icon-send-a-message; } } .icon-singulation { &:before { content: $icon-singulation; } } .icon-slider-pagination-active { &:before { content: $icon-slider-pagination-active; } } .icon-swissbit_icon_ramp { &:before { content: $icon-swissbit_icon_ramp; //color: #fff; } } .icon-smt { &:before { content: $icon-smt; } } .icon-social-and-ethic-goals { &:before { content: $icon-social-and-ethic-goals; } } .icon-substrate-pcb { &:before { content: $icon-substrate-pcb; } } .icon-transfer-molding { &:before { content: $icon-transfer-molding; } } .icon-triangle { &:before { content: $icon-triangle; } } .icon-white-paper { &:before { content: $icon-white-paper; } } .icon-wire-bonding { &:before { content: $icon-wire-bonding; } } .icon-swissbit_icon_SUS { &:before { content: $icon-swissbit_icon_SUS; //color: #fff; } } .icon-linkedin { &:before { content: $icon-linkedin; } } .icon-xing { &:before { content: $icon-xing; } } */ /* .icon-arrow-left { &:before { content: $icon-arrow-left; } } .icon-arrow-right { &:before { content: $icon-arrow-right; } } .icon-breadcrumb-arrow { &:before { content: $icon-breadcrumb-arrow; } } .icon-chat-icon { &:before { content: $icon-chat-icon; } } .icon-arrow-up { &:before { content: $icon-arrow-up; } } .icon-mail { &:before { content: $icon-mail; } } .icon-phone { &:before { content: $icon-phone; } } .icon-facebook { &:before { content: $icon-facebook; } } .icon-google { &:before { content: $icon-google; } } .icon-twitter { &:before { content: $icon-twitter; } } .icon-login { &:before { content: $icon-login; } } .icon-logo { &:before { content: $icon-logo; } } .icon-search { &:before { content: $icon-search; } } .icon-close { &:before { content: $icon-close; } } .icon-download { &:before { content: $icon-download; } } .icon-capacity { &:before { content: $icon-capacity; } } .icon-certifications { &:before { content: $icon-certifications; } } .icon-choose-job { &:before { content: $icon-choose-job; } } .icon-data-sheet { &:before { content: $icon-data-sheet; } } .icon-die-attach { &:before { content: $icon-die-attach; } } .icon-die-bonding { &:before { content: $icon-die-bonding; } } .icon-economic-goals { &:before { content: $icon-economic-goals; } } .icon-employees { &:before { content: $icon-employees; } } .icon-encapsulation { &:before { content: $icon-encapsulation; } } .icon-enviromental-goals { &:before { content: $icon-enviromental-goals; } } .icon-fact-sheet { &:before { content: $icon-fact-sheet; } } .icon-interview { &:before { content: $icon-interview; } } .icon-job-interview { &:before { content: $icon-job-interview; } } .icon-live-chat { &:before { content: $icon-live-chat; } } .icon-location { &:before { content: $icon-location; } } .icon-manufacturing-method { &:before { content: $icon-manufacturing-method; } } .icon-marking { &:before { content: $icon-marking; } } .icon-offer { &:before { content: $icon-offer; } } .icon-onboarding { &:before { content: $icon-onboarding; } } .icon-swissbit_icon_EOL { &:before { content: $icon-swissbit_icon_EOL; } } .icon-phase-selection { &:before { content: $icon-phase-selection; } } .icon-print { &:before { content: $icon-print; } } .icon-product-guide { &:before { content: $icon-product-guide; } } .icon-read-only-optimized { &:before { content: $icon-read-only-optimized; } } .icon-secound-interview { &:before { content: $icon-secound-interview; } } .icon-secure-erase { &:before { content: $icon-secure-erase; } } .icon-send-a-message { &:before { content: $icon-send-a-message; } } .icon-singulation { &:before { content: $icon-singulation; } } .icon-slider-pagination-active { &:before { content: $icon-slider-pagination-active; } } .icon-swissbit_icon_ramp { &:before { content: $icon-swissbit_icon_ramp; } } .icon-smt { &:before { content: $icon-smt; } } .icon-social-and-ethic-goals { &:before { content: $icon-social-and-ethic-goals; } } .icon-substrate-pcb { &:before { content: $icon-substrate-pcb; } } .icon-transfer-molding { &:before { content: $icon-transfer-molding; } } .icon-triangle { &:before { content: $icon-triangle; } } .icon-white-paper { &:before { content: $icon-white-paper; } } .icon-wire-bonding { &:before { content: $icon-wire-bonding; } } .icon-swissbit_icon_SUS { &:before { content: $icon-swissbit_icon_SUS; } } .icon-linkedin { &:before { content: $icon-linkedin; } } .icon-xing { &:before { content: $icon-xing; } } .icon-swissbit_icon_product_finder { &:before { content: $icon-swissbit_icon_product_finder; color: #fff; } } */ .icon-arrow-left:before { content: "\e900"; } .icon-arrow-right:before { content: "\e901"; } .icon-breadcrumb-arrow:before { content: "\e902"; } .icon-chat-icon:before { content: "\e903"; } .icon-arrow-up:before { content: "\e904"; } .icon-mail:before { content: "\e905"; } .icon-phone:before { content: "\e906"; } .icon-facebook:before { content: "\e907"; } .icon-google:before { content: "\e908"; } .icon-twitter:before { content: "\e909"; } .icon-login:before { content: "\e90a"; } .icon-logo:before { content: "\e90b"; } .icon-search:before { content: "\e90c"; } .icon-close:before { content: "\e90d"; } .icon-download:before { content: "\e90e"; } .icon-capacity:before { content: "\e90f"; } .icon-certifications:before { content: "\e910"; } .icon-choose-job:before { content: "\e911"; } .icon-data-sheet:before { content: "\e912"; } .icon-die-attach:before { content: "\e913"; } .icon-die-bonding:before { content: "\e914"; } .icon-economic-goals:before { content: "\e915"; } .icon-employees:before { content: "\e916"; } .icon-encapsulation:before { content: "\e917"; } .icon-enviromental-goals:before { content: "\e918"; } .icon-fact-sheet:before { content: "\e919"; } .icon-interview:before { content: "\e91a"; } .icon-job-interview:before { content: "\e91b"; } .icon-live-chat:before { content: "\e91c"; } .icon-location:before { content: "\e91d"; } .icon-manufacturing-method:before { content: "\e91e"; } .icon-marking:before { content: "\e91f"; } .icon-offer:before { content: "\e920"; } .icon-onboarding:before { content: "\e921"; } .icon-swissbit_icon_EOL:before { content: "\e922"; } .icon-phase-selection:before { content: "\e923"; } .icon-print:before { content: "\e924"; } .icon-product-guide:before { content: "\e925"; } .icon-read-only-optimized:before { content: "\e926"; } .icon-secound-interview:before { content: "\e927"; } .icon-secure-erase:before { content: "\e928"; } .icon-send-a-message:before { content: "\e929"; } .icon-singulation:before { content: "\e92a"; } .icon-slider-pagination-active:before { content: "\e92b"; } .icon-swissbit_icon_ramp:before { content: "\e92c"; } .icon-smt:before { content: "\e92d"; } .icon-social-and-ethic-goals:before { content: "\e92e"; } .icon-substrate-pcb:before { content: "\e92f"; } .icon-transfer-molding:before { content: "\e930"; } .icon-triangle:before { content: "\e931"; } .icon-white-paper:before { content: "\e932"; } .icon-wire-bonding:before { content: "\e933"; } .icon-swissbit_icon_SUS:before { content: "\e934"; } .icon-swissbit_icon_product_finder:before { content: "\e935"; } .icon-linkedin:before { content: "\eaca"; } .icon-xing:before { content: "\ead4"; } .icon-swissbit_icon_productfinder:before { content: "\e936"; color: #fff; } /* ----------------------------------- ICONS ----------------------------------- */ @font-face { font-family: "icomoon"; src: url("../icon-picker/icomoon.woff") format("woff"), url("../icon-picker/icomoon.ttf") format("truetype"), url("../icon-picker/icomoon.svg#icomoon") format("svg"); font-weight: normal; font-style: normal; } [class^=icon-], [class*=" icon-"]:not(#top), *[data-icon] { font-family: "icomoon" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } *[data-icon]:before { content: attr(data-icon); } #colorbox { will-change: transform; -webkit-transition: transform 0.2s ease-in; -webkit-transition: -webkit-transform 0.2s ease-in; transition: -webkit-transform 0.2s ease-in; transition: transform 0.2s ease-in; transition: transform 0.2s ease-in, -webkit-transform 0.2s ease-in; } #colorbox.zoomOut { -webkit-transform: scale(0, 0); -ms-transform: scale(0, 0); transform: scale(0, 0); } #colorbox.zoomIn { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); } #colorbox.techbox { border-bottom-right-radius: 50px; } #colorbox.techbox #cboxClose { background-color: #fff; border-radius: 50%; border: 1px solid #4a4a4a; top: 18px !important; right: 50px !important; -webkit-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in; } #colorbox.techbox #cboxClose:before, #colorbox.techbox #cboxClose:after { background: #4a4a4a; } #colorbox.techbox #cboxClose:hover { opacity: 0.85; } #cboxOverlay { background: rgba(20, 19, 18, 0.755) !important; cursor: -webkit-zoom-out; cursor: zoom-out; } #cboxTitle, #cboxCurrent { display: none !important; } #cboxLoadedContent { position: relative; border: 0 !important; } #cboxClose, #cboxPrevious, #cboxNext { width: 35px !important; height: 35px !important; font-size: 0; border-radius: 4px; background-image: none !important; background-color: #009ee3; -webkit-transition: background-color 0.2s ease-in; transition: background-color 0.2s ease-in; } #cboxClose:hover, #cboxPrevious:hover, #cboxNext:hover { background-color: #78bc2b; } #cboxClose { top: 20px !important; right: 20px !important; z-index: 10; cursor: pointer; } #cboxClose:before, #cboxClose:after { content: ""; display: block; width: 16px; height: 1px; background: #fff; position: absolute; top: 16px; left: 9px; } #cboxClose:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } #cboxClose:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } #cboxPrevious, #cboxNext { margin-top: -17px !important; } #cboxPrevious:before, #cboxNext:before { font-family: "icomoon" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1rem; color: #fff; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-indent: 0; } #cboxPrevious { left: 20px !important; } #cboxPrevious:before { content: "\e900"; } #cboxNext { right: 20px !important; } #cboxNext:before { content: "\e901"; } #cboxOverlay { background: #001b3d; background: rgba(0, 27, 61, 0.6); } #cboxContent { margin: 0; background: none !important; } @-webkit-keyframes uil-ring-anim { 0% { -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes uil-ring-anim { 0% { -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes uil-ring-anim { 0% { -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes uil-ring-anim { 0% { -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } } #cboxLoadingGraphic { background: none !important; width: 100px !important; height: 100px !important; top: 50% !important; left: 50% !important; margin: -50px 0 0 -50px; } #cboxLoadingGraphic:before { content: ""; display: block; position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; border-radius: 80px; box-shadow: 0 6px 0 0 #fafafa; -webkit-animation: uil-ring-anim 1s linear infinite; animation: uil-ring-anim 1s linear infinite; } /** * Owl Carousel v2.1.4 * Copyright 2013-2016 David Deutsch * Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE) */ .owl-carousel, .owl-carousel .owl-item { -webkit-tap-highlight-color: transparent; position: relative; } .owl-carousel { display: none; width: 100%; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item { min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; -webkit-transform-style: preserve-3d; } .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: none; } .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { cursor: pointer; cursor: hand; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { display: none; } .owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: -webkit-grab; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } .no-js .owl-carousel { display: block; } .owl-carousel .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .owl-height { -webkit-transition: height 0.5s ease-in-out; transition: height 0.5s ease-in-out; } .owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity 0.4s ease; transition: opacity 0.4s ease; } .owl-carousel .owl-item img.owl-lazy { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: -webkit-transform 0.1s ease; -webkit-transition: -webkit-transform 0.1s ease; transition: transform 0.1s ease; transition: transform 0.1s ease, -webkit-transform 0.1s ease; } .owl-carousel .owl-video-play-icon:hover { -webkit-transform: scale(1.3, 1.3); -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; -webkit-transition: opacity 0.4s ease; transition: opacity 0.4s ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } .owl-carousel { position: relative; } .owl-carousel .owl-item { transform: translateZ(0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); } .owl-carousel .owl-item img { margin: 0 auto; } .owl-carousel .owl-nav { position: absolute; left: 0; top: 50%; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); height: 20px; } @media (min-width: 768px) { .owl-carousel .owl-nav { height: 40px; } } @media (min-width: 1200px) { .owl-carousel .owl-nav { width: 1200px; height: 60px; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } } .owl-carousel .owl-nav button { position: absolute; top: 0; height: 100%; font-size: 0; line-height: 1; color: #8a8a8a; -webkit-transition: color 0.2s ease-in; transition: color 0.2s ease-in; } .owl-carousel .owl-nav button:before { font-family: "icomoon" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.25rem; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media (min-width: 768px) { .owl-carousel .owl-nav button:before { font-size: 2.5rem; } } @media (min-width: 1200px) { .owl-carousel .owl-nav button:before { font-size: 3.75rem; } } .owl-carousel .owl-nav button:hover { color: #009ee3; } .owl-carousel .owl-nav button.owl-prev { left: 20px; min-width: 10px; } @media (min-width: 768px) { .owl-carousel .owl-nav button.owl-prev { left: 30px; } } @media (min-width: 1200px) { .owl-carousel .owl-nav button.owl-prev { left: -10px; } } .owl-carousel .owl-nav button.owl-prev:before { content: "\e900"; font-size: 2.5rem; } .owl-carousel .owl-nav button.owl-next { right: 20px; min-width: 10px; } @media (min-width: 768px) { .owl-carousel .owl-nav button.owl-next { right: 30px; } } @media (min-width: 1200px) { .owl-carousel .owl-nav button.owl-next { right: -10px; } } .owl-carousel .owl-nav button.owl-next:before { content: "\e901"; font-size: 2.5rem; } .owl-carousel .owl-dots { width: 100%; text-align: center; padding: 20px 0; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .owl-carousel .owl-dots > button { width: 16px; height: 16px; display: block; margin: 0 5px; border-radius: 50%; border: 1px solid #8a8a8a; -webkit-transition: background 0.2s ease-in; transition: background 0.2s ease-in; } .owl-carousel .owl-dots > button.active, .owl-carousel .owl-dots > button:hover { background-color: rgb(155, 155, 155); } .selectric-wrapper { position: relative; cursor: pointer; margin-bottom: 12px; } .selectric-responsive { width: 100%; } .selectric { background: #fff; position: relative; border: 1px solid #000; -webkit-transition: box-shadow 0.2s ease-in; transition: box-shadow 0.2s ease-in; } .selectric:hover { box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15); } .selectric .label { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0 40px 0 0; line-height: 40px; color: #4a4a4a; height: 40px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding: 0 30px 0 20px; } .selectric .button { display: block; position: absolute; right: 0; top: 0; width: 40px; height: 40px; color: #ababab; text-align: center; font: 0/0 a; } .selectric .button:after { font-family: "icomoon" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e901"; position: absolute; top: 50%; left: 50%; margin: -9px 0 0 -9px; width: 18px; height: 18px; font-size: 0.625rem; color: #4a4a4a; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .selectric-hover .selectric .button { color: #009ee3; } .selectric-open { z-index: 9999; } .selectric-open .selectric { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .selectric-open .selectric-items { display: block; height: 210px; opacity: 1; visibility: visible; z-index: 10; } .selectric-disabled { filter: alpha(opacity=50); opacity: 0.5; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .selectric-hide-select { position: relative; overflow: hidden; width: 0; height: 0; } .selectric-hide-select select { position: absolute; left: -100%; } .selectric-hide-select.selectric-is-native { position: absolute; width: 100%; height: 100%; z-index: 10; } .selectric-hide-select.selectric-is-native select { position: absolute; top: 0; left: 0; right: 0; height: 100%; width: 100%; border: none; z-index: 1; box-sizing: border-box; opacity: 0; } .selectric-input { position: absolute !important; top: 0 !important; left: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; margin: 0 !important; padding: 0 !important; width: 1px !important; height: 1px !important; outline: none !important; border: none !important; *font: 0/0 a !important; background: none !important; } .selectric-temp-show { position: absolute !important; visibility: hidden !important; display: block !important; } /* Items box */ .selectric-items { height: 0; opacity: 0; visibility: hidden; -webkit-transition: all 0.2s ease-in 0s; transition: all 0.2s ease-in 0s; position: absolute; top: 100%; left: 0; background: #fff; } .selectric-items .selectric-scroll { height: 100%; overflow: auto; box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.5); } .selectric-above .selectric-items { top: auto; bottom: 100%; } .selectric-items ul, .selectric-items li { list-style: none; padding: 0; margin: 0; } .selectric-items ul { border-bottom: 1px solid #f8f8f8; border-left: 1px solid #f8f8f8; border-right: 1px solid #f8f8f8; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .selectric-items li { display: block; padding: 5px 30px; color: #4a4a4a; cursor: pointer; -webkit-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; } .selectric-items li:hover { text-shadow: 0 0 #4a4a4a; } .selectric-items .disabled { filter: alpha(opacity=50); opacity: 0.5; cursor: default !important; background: none !important; color: #666 !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .selectric-items .selectric-group .selectric-group-label { font-weight: bold; padding-left: 10px; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: none; color: #444; } .selectric-items .selectric-group.disabled li { filter: alpha(opacity=100); opacity: 1; } .selectric-items .selectric-group li { padding-left: 25px; } table { width: 100%; } table th, table td { vertical-align: middle; padding: 15px; } table th p, table td p { margin-bottom: 15px !important; } table th p:last-child, table td p:last-child { margin-bottom: 0 !important; } table tr { border-top: 1px solid transparent; } table tr td:not(:first-child), table tr th:not(:first-child) { border-left: 1px solid transparent; } table tr:first-child { border-top: none; } .clean-table table td, .clean-table table th { background: #ffffff !important; color: #4a4a4a !important; } .table-content-light table tr, .table-content-dark table tr, .table-content-blue table tr { border-top-color: #fff; } .table-content-light table td:not(:first-child), .table-content-light table th:not(:first-child), .table-content-dark table td:not(:first-child), .table-content-dark table th:not(:first-child), .table-content-blue table td:not(:first-child), .table-content-blue table th:not(:first-child) { border-left-color: #fff; } .table-content-light table tbody tr:not(:first-child) td, .table-content-light .ce_table table tbody td, .table-content-light .ce_table table tbody tr.row_first td, .table-content-light .ce_table table tbody th { background: #f8f8f8; color: #4a4a4a; } .table-content-dark table tbody tr:not(:first-child) td, .table-content-dark .ce_table table tbody td, .table-content-dark .ce_table table tbody tr.row_first td, .table-content-dark .ce_table table tbody th { background: #9b9b9b; color: #4a4a4a; } .table-content-blue table tbody tr:not(:first-child) td, .table-content-blue .ce_table table tbody td, .table-content-blue .ce_table table tbody tr.row_first td, .table-content-blue .ce_table table tbody th { color: #fff; background: #009ee3; } .table-left-blue table tbody tr td:first-child, .table-left-blue table tbody tr th:first-child, .table-left-blue .ce_table table tbody .col_first { color: #fff; background: #009ee3; } .table-left-light table tbody tr td:first-child, .table-left-light table tbody tr th:first-child, .table-left-light .ce_table table tbody .col_first { color: #4a4a4a; background: #f8f8f8; } .table-left-dark table tbody tr td:first-child, .table-left-dark table tbody tr th:first-child, .table-left-dark .ce_table table tbody .col_first { color: #4a4a4a; background: #9b9b9b; } .table-header-blue table tbody tr:first-child td, .table-header-blue table tbody tr:first-child th, .table-header-blue .ce_table table thead th { background: #009ee3; color: #fff; } .table-header-light table tbody tr:first-child td, .table-header-light table tbody tr:first-child th, .table-header-light .ce_table table thead th { background: #f8f8f8; color: #4a4a4a; } .table-header-dark table tbody tr:first-child td, .table-header-dark table tbody tr:first-child th, .table-header-dark .ce_table table thead th { background: #9b9b9b; color: #4a4a4a; } .table-header-special table tbody tr:first-child td, .table-header-special table tbody tr:first-child th { background: transparent; } .table-header-special table tbody tr:first-child td:first-child, .table-header-special table tbody tr:first-child th:first-child { color: #4a4a4a; } .table-header-special table tbody tr:first-child td:not(:first-child), .table-header-special table tbody tr:first-child th:not(:first-child) { color: #009ee3; font-family: "FaNo Regular", sans-serif; } .ce_table table tfoot tr td { padding: 10px 15px; } .table-full-width { width: 100%; } @media (max-width: 1199px) { .table-full-width { overflow-x: scroll; } } .table-full-width table { width: 100% !important; } .table-full-width table td:first-child { white-space: nowrap; } .table-fixed table { table-layout: fixed; } .has-background-picture { position: relative; } .has-background-picture .has-background-picture__content { z-index: 1; } .has-background-picture .has-background-picture__img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; z-index: 0; } .has-background-picture .has-background-picture__img :is(img, picture) { display: block; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .has-background-picture .has-background-picture__img img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; } /* ----------------------------------- HTML | BODY ----------------------------------- */ body.fullscreen .header-block { z-index: -1; } body:before { display: none; } #wrapper { position: relative; width: 100%; margin: 0 auto; } .fix-gap #wrapper { padding-top: 60px; } @media (min-width: 1200px) { .fix-gap #wrapper { padding-top: 112px; } } .fix-gap .search-logo .image_container { text-align: left; margin-bottom: 15px; } @media (min-width: 768px) { .fix-gap .search-logo .image_container { margin-bottom: 25px; } } @media (min-width: 1200px) { .fix-gap .search-logo .image_container { margin-bottom: 60px; } } .has-sidebar #container #main .mod_customarticle .outer, .has-sidebar #container #left nav .level_1 { width: 100% !important; } .has-sidebar #container #main .mod_customarticle .inner { margin-left: 0 !important; margin-right: 0 !important; } .has-sidebar #container { width: 100%; max-width: 1200px; margin: 0 auto; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } @media (max-width: 991px) { .has-sidebar #container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } @media (min-width: 992px) { .has-sidebar #main { -webkit-box-flex: 0 1 66.66%; -webkit-flex: 0 1 66.66%; -ms-flex: 0 1 66.66%; flex: 0 1 66.66%; -webkit-flex-basis: 66.66%; -ms-flex-preferred-size: 66.66%; flex-basis: 66.66%; } } .has-sidebar #left { margin-left: 0; } @media (min-width: 992px) { .has-sidebar #left { -webkit-box-flex: 0 1 33.33%; -webkit-flex: 0 1 33.33%; -ms-flex: 0 1 33.33%; flex: 0 1 33.33%; -webkit-flex-basis: 33.33%; -ms-flex-preferred-size: 33.33%; flex-basis: 33.33%; -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; padding-top: 50px; padding-bottom: 50px; } } @media (min-width: 1200px) { .has-sidebar #left { padding-top: 80px; padding-bottom: 80px; } } @media (max-width: 991px) { .has-sidebar #left { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } } .has-sidebar #left .sidebar-logo { width: 100% !important; padding: 30px !important; } .has-sidebar #left nav .level_1 { padding: 0 !important; } /* ----------------------------------- CONTAINER ----------------------------------- */ #container { position: relative; min-height: 320px; } #main { position: relative; } #main > .inside { z-index: 1; } .nav-mediathek { background: #ffcc00; } @media (min-width: 992px) { .nav-mediathek { padding-bottom: 85px; } } @media (min-width: 992px) { .nav-mediathek .sidebar-logo { margin-bottom: 50px; } } @media (max-width: 991px) { .nav-mediathek ul.level_1 { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .nav-mediathek ul.level_1 li:before { display: none; } .nav-mediathek ul.level_1 a, .nav-mediathek ul.level_1 strong { position: relative; display: block; padding: 15px 35px; font-weight: 500; line-height: 1; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .nav-mediathek ul.level_1 a:before, .nav-mediathek ul.level_1 strong:before { font-size: 2.8125rem; margin-right: 25px; } .nav-mediathek ul.level_1 a:after, .nav-mediathek ul.level_1 strong:after { content: ""; display: block; width: calc(100% - 70px); height: 2px; background: rgba(255, 255, 255, 0.45); position: absolute; left: 20px; bottom: 0; } .nav-mediathek ul.level_1 span { font-family: "Gotham A", "Gotham B"; font-weight: 400; font-weight: 500; } .nav-mediathek ul.level_1 a { color: #fff; -webkit-transition: background 0.2s ease-in ease-in, color 0.2s ease-in ease-in; transition: background 0.2s ease-in ease-in, color 0.2s ease-in ease-in; } .nav-mediathek ul.level_1 a:hover { color: #ffcc00; background: rgba(255, 255, 255, 0.45); } .nav-mediathek ul.level_1 strong { color: #ffcc00; background: rgba(255, 255, 255, 0.45); } .nav-mediathek ul.level_1 li.active { position: relative; } @media (max-width: 991px) { .nav-mediathek ul.level_1 li.active { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .nav-mediathek ul.level_1 li.active:after { content: "▼"; display: block; color: #ffcc00; font-size: 1.25rem; position: absolute; right: 35px; top: 50%; margin-top: -10px; } } .nav-mediathek ul.level_1 .items { display: none; -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .nav-mediathek ul.level_1 .items li:last-child a:after { display: none; } /* ----------------------------------- HEADER ----------------------------------- */ @media (min-width: 1200px) { body.header-fixed .header-top { height: 70px; } } body.header-fixed #nav-desktop .menu-holder_level_2 { top: 64px; } @media (min-width: 768px) { body.header-fixed.anchor-nav-fixed #main { padding-top: 53px; } } @media (min-width: 1200px) { body.header-fixed.anchor-nav-fixed #main { padding-top: 50px; } } @media (min-width: 1200px) { body.header-fixed.anchor-nav-fixed .mod_breadcrumb { top: 70px; } body.header-fixed.anchor-nav-fixed .ce_rsce_anchornav { top: 70px; } } body.anchor-nav-fixed .ce_rsce_anchornav { position: fixed; left: 0; width: 100%; z-index: 10; top: 50px; -webkit-transition: top 0.2s ease-in; transition: top 0.2s ease-in; } @media (min-width: 768px) { body.anchor-nav-fixed .ce_rsce_anchornav { top: 75px; } } @media (min-width: 992px) { body.anchor-nav-fixed .ce_rsce_anchornav { top: 80px; } } @media (min-width: 1200px) { body.anchor-nav-fixed .ce_rsce_anchornav { top: 100px; background-color: #fff; box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1); } } @media (min-width: 992px) { body.anchor-nav-fixed .mod_breadcrumb { position: fixed; top: 80px; -webkit-transition: top 0.2s ease-in; transition: top 0.2s ease-in; left: 0; right: 0; z-index: 11; pointer-events: none; } } @media (min-width: 992px) and (min-width: 1200px) { body.anchor-nav-fixed .mod_breadcrumb { top: 100px; } } @media (min-width: 992px) { body.anchor-nav-fixed .mod_breadcrumb > ul { pointer-events: auto; position: relative; margin: 0 50% 0 auto !important; max-width: 600px !important; } } body.anchor-nav-fixed #main { padding-top: 50px; } @media (min-width: 768px) { body.anchor-nav-fixed #main { padding-top: 75px; } } @media (min-width: 992px) { body.anchor-nav-fixed #main { padding-top: 80px; } } @media (min-width: 1200px) { body.anchor-nav-fixed #main { padding-top: 70px; } } #header { padding-top: 50px; background-color: rgb(255, 255, 255); } @media (min-width: 768px) { #header { padding-top: 75px; } } @media (min-width: 992px) { #header { padding-top: 80px; } } @media (min-width: 1200px) { #header { padding-top: 100px; } } #header > .container { height: 100%; } #header > .container > .row { position: static; height: 100%; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } @media (min-width: 768px) { #header .teaser .box .title { font-size: 2.25rem; } } @media (min-width: 992px) { #header .teaser .box .title { font-size: 2.875rem; } } @media (min-width: 1200px) { #header .teaser .box .title { font-size: 3.5rem; } } .header-top { position: fixed; width: 100%; top: 0; left: 0; height: 50px; -webkit-transition: height 0.2s ease-in; transition: height 0.2s ease-in; background: #fff; z-index: 750; } @media (min-width: 768px) { .header-top { height: 75px; } } @media (min-width: 992px) { .header-top { height: 80px; } } @media (min-width: 1200px) { .header-top { height: 100px; } } .header-top > .container { height: 100%; } .header-top > .container > .row { position: static; height: 100%; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .header-top > .container > .row:before, .header-top > .container > .row:after { content: none; } .header-logo { width: auto; max-width: none; -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; } .header-logo a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 0; } .header-logo a:after { font-family: "icomoon" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e90b"; color: #009ee3; font-size: 1.375rem; } @media (min-width: 768px) { .header-logo a:after { font-size: 2rem; } } @media (min-width: 1200px) { .header-logo a:after { font-size: 2.25rem; } } @media (max-width: 359px) { .header-logo a:after { font-size: 1.25rem; } } .header-nav-extra { width: auto; max-width: none; -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; line-height: 1; } @media (max-width: 1199px) { .header-nav-extra { margin-left: auto; } } .header-nav-extra ul { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: 0; } .header-nav-extra li { margin-left: 20px; } @media (max-width: 450px) { .header-nav-extra li { margin-left: 10px; } } .header-nav-extra li a, .header-nav-extra li strong { display: block; line-height: 1; font-size: 0; } .header-nav-extra li a:before, .header-nav-extra li strong:before { font-family: "icomoon" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.125rem; } .header-nav-extra li a { color: #009ee3; } .header-nav-extra .first { margin-left: 0; } .header-nav-extra .first a:before, .header-nav-extra .first strong:before { content: "\e90a"; } .header-nav-extra .kontakt { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } .header-nav-extra .kontakt a:before, .header-nav-extra .kontakt strong:before { content: "\e905"; } .header-nav-extra .last a:before, .header-nav-extra .last strong:before { content: "\e90c"; } .header-nav-extra .career { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; font-size: 12px; } @media (max-width: 475px) { .header-nav-extra .career { display: none; } } .header-nav-extra .career a:before, .header-nav-extra .career strong:before { content: none; } .header-nav-extra .career span { padding-left: 5px; padding-right: 5px; border: 2px solid rgb(0, 158, 227); border-bottom-right-radius: 5px; -webkit-transition: background 0.2s ease-in, color 0.2s ease-in; transition: background 0.2s ease-in, color 0.2s ease-in; } .header-nav-extra .career span:hover { color: white; background: rgb(0, 158, 227); } .scroller-container { position: absolute; left: 50%; bottom: 10px; z-index: 10; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 50px; height: 120px; } .scroller-container .scroll-to-content { position: relative; display: block; width: 100%; height: 100%; text-align: center; color: #009ee3; animation: 0.7s down infinite alternate; -webkit-animation: 0.7s down infinite alternate; -webkit-transition: color 0.2s ease-in ease-in; transition: color 0.2s ease-in ease-in; } .scroller-container .scroll-to-content:before { display: none; } .scroller-container .scroll-to-content:after { font-family: "icomoon" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e904"; position: absolute; bottom: 10px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); font-size: 2.5rem; } .scroller-container .scroll-to-content span { font-family: "Gotham A", "Gotham B"; font-weight: 700; font-size: 1.125rem; text-transform: uppercase; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); position: absolute; top: 20px; left: 50%; margin-left: -31px; } .scroller-container .scroll-to-content:hover { color: #78bc2b; } @keyframes down { 0% { -webkit-transform: translateY(0px); transform: translateY(0px); } 100% { -webkit-transform: translateY(10px); transform: translateY(10px); } } @-webkit-keyframes down { 0% { -webkit-transform: translateY(0px); } 100% { -webkit-transform: translateY(10px); } } /* ----------------------------------- FOOTER ----------------------------------- */ #footer { position: relative; background-color: rgb(248, 248, 248); padding-top: 30px; padding-bottom: 30px; } @media (min-width: 768px) { #footer { padding-top: 50px; padding-bottom: 50px; } } @media (min-width: 1200px) { #footer { padding-top: 120px; padding-bottom: 120px; } } #footer .row { position: relative; z-index: 10; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } #footer .row:before, #footer .row:after { content: none; } #footer h5 { margin-bottom: 15px; color: #4a4a4a !important; } #footer ul { margin: 0; padding: 0; line-height: 1; } #footer li { padding: 7px 0; } #footer li a { line-height: 1; } @media (min-width: 992px) { #footer section, #footer nav { width: auto; max-width: none; -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; } } #footer .mod_customnav { margin-top: 20px; } @media (min-width: 768px) { #footer .mod_customnav { margin-top: 30px; } } @media (min-width: 992px) { #footer .mod_customnav { margin-top: 162px; } } #footer .mod_customnav ul { font-size: 0; } #footer .mod_customnav li { font-size: 1rem; } #footer .mod_customnav li a, #footer .mod_customnav li strong { position: relative; font-family: "Fago no", sans-serif; } #footer .mod_customnav li a:after { content: ""; display: block; width: 0; height: 1px; background: #fff; position: absolute; bottom: 0; left: 0; -webkit-transition: width 0.2s ease-in; transition: width 0.2s ease-in; } #footer .mod_customnav li a:hover:after { width: 100%; } #footer .mod_customnav li a:after { background: #4a4a4a; } #footer .mod_customnav li strong:after { width: 100%; } #footer .ce_rsce_teaser_socials .footer-logo { margin-top: 25px; margin-bottom: 100px; } #footer .ce_rsce_teaser_socials .footer-logo a { color: #009ee3; } #footer .ce_rsce_teaser_socials .footer-logo a:before { font-size: 1.375rem; } @media (min-width: 768px) { #footer .ce_rsce_teaser_socials .footer-logo a:before { font-size: 2rem; } } @media (min-width: 1200px) { #footer .ce_rsce_teaser_socials .footer-logo a:before { font-size: 2.5rem; } } #footer .ce_rsce_teaser_socials ul { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #footer .ce_rsce_teaser_socials li { margin-left: 20px; } #footer .ce_rsce_teaser_socials li:first-child { margin-left: 0; } #footer .ce_rsce_teaser_socials li a:before { font-size: 1.5625rem; } #footer .ce_rsce_teaser_support { margin-top: 20px; } @media (min-width: 768px) { #footer .ce_rsce_teaser_support { margin-top: 162px; } } #footer .ce_rsce_teaser_support li { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-transform: uppercase; } #footer .ce_rsce_teaser_support .live-chat i { font-size: 1.125rem; } #footer .ce_rsce_teaser_support .send-message i { font-size: 0.875rem; } #footer .ce_rsce_teaser_support .call-us i { font-size: 1.125rem; } #footer .ce_rsce_teaser_support i { margin-right: 10px; width: 20px; } #footer .ce_rsce_teaser_support a { position: relative; font-family: "Fago no", sans-serif; } #footer .ce_rsce_teaser_support a:after { content: ""; display: block; width: 0; height: 1px; background: #fff; position: absolute; bottom: 0; left: 0; -webkit-transition: width 0.2s ease-in; transition: width 0.2s ease-in; } #footer .ce_rsce_teaser_support a:hover:after { width: 100%; } #footer .ce_rsce_teaser_support a:after { background: #4a4a4a; } /* ----------------------------------- NAVIGATION ----------------------------------- */ .menu-overlay { width: 100%; height: 100vh; position: fixed; top: 0; left: 0; display: none; z-index: 5; background: rgba(0, 0, 0, 0.5); } #nav-desktop { position: static; overflow: visible; z-index: 10; width: auto; max-width: none; -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; height: 100%; display: none; } @media (min-width: 1200px) { #nav-desktop { display: block; } } #nav-desktop ul { padding: 0; margin: 0; } #nav-desktop ul strong { cursor: pointer; } #nav-desktop li { line-height: 1; } #nav-desktop li.security .level_3 li { border-bottom: none; } #nav-desktop > .level_1 { text-align: center; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 100%; } #nav-desktop > .level_1 > li { position: relative; font-size: 16px; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; height: 100%; cursor: pointer; } #nav-desktop > .level_1 > li > a:hover, #nav-desktop > .level_1 > li > .trail, #nav-desktop > .level_1 > li.bcat-open > a { color: #009ee3; } #nav-desktop > .level_1 > li.active > a, #nav-desktop > .level_1 > li.active > span, #nav-desktop > .level_1 > li.active > strong, #nav-desktop > .level_1 > li.bcat-open > a, #nav-desktop > .level_1 > li.bcat-open > span, #nav-desktop > .level_1 > li.bcat-open > strong, #nav-desktop > .level_1 > li.forward > a, #nav-desktop > .level_1 > li.forward > span, #nav-desktop > .level_1 > li.forward > strong { color: #009ee3; } #nav-desktop > .level_1 > li > a, #nav-desktop > .level_1 > li > strong { position: relative; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0 15px; height: 100%; color: #4a4a4a; } #nav-desktop .menu-holder_level_2 { cursor: initial; top: 80px; -webkit-transition: top 0.2s ease-in; transition: top 0.2s ease-in; display: none; position: absolute; left: 50%; min-width: 226px; padding: 20px 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background-color: rgb(248, 248, 248); box-shadow: 0px -10px 30px 0px rgba(50, 50, 93, 0.1), 0 30px 60px -30px rgba(0, 0, 0, 0.3); } #nav-desktop .menu-holder_level_2:before { content: ""; display: block; width: 0; height: 0; border-right: 10px solid transparent; border-top: 10px solid transparent; border-left: 10px solid transparent; border-bottom: 10px solid #f8f8f8; position: absolute; left: 50%; top: -20px; margin-left: -10px; } #nav-desktop .level_2 > li { position: static; } #nav-desktop .level_2 > li > a { display: block; text-align: left; padding: 10px 25px; position: relative; z-index: 50; } #nav-desktop .level_2 > li > a:hover, #nav-desktop .level_2 > li.bcat-open > a { background: #fff; } #nav-desktop .level_2 > li > a.active, #nav-desktop .level_2 > li > a.trail { color: #009ee3; } #nav-desktop .level_2 > li > a span { white-space: nowrap; } #nav-desktop li.products .show-if-products { display: block !important; visibility: visible !important; } #nav-desktop .menu-holder_level_2.has-featured-products { min-height: 400px; } #nav-desktop .menu-holder_level_2.has-featured-products { box-shadow: none; } #nav-desktop .menu-holder_level_2.has-featured-products:before { display: none; } #nav-desktop .menu-holder_level_3 { display: none; position: absolute; left: 100%; top: 0; bottom: 0; margin-left: -1px; padding-top: 25px; width: 700px; background-color: rgb(255, 255, 255); } #nav-desktop li.products .menu-holder_level_3 { display: block; position: absolute; left: 0; top: -20px; bottom: auto; padding-left: 226px; padding-top: 0; width: 926px; background-color: rgb(248, 248, 248); } #nav-desktop .menu-holder_featured-products { display: block; position: absolute; left: 0; top: 0; bottom: 0; padding-left: 226px; padding-top: 0; width: 726px; background-color: rgb(248, 248, 248); box-shadow: 0px -10px 30px 0px rgba(50, 50, 93, 0.1), 0 30px 60px -30px rgba(0, 0, 0, 0.3); } #nav-desktop .menu-holder_featured-products:before { content: ""; display: block; width: 0; height: 0; border-right: 10px solid transparent; border-top: 10px solid transparent; border-left: 10px solid transparent; border-bottom: 10px solid #f8f8f8; position: absolute; left: 16%; top: -20px; margin-left: -10px; } #nav-desktop .level_3 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; overflow: hidden; } #nav-desktop .level_3 > li { padding: 45px 8px; font-size: 0.875rem; width: 16.6666%; border-bottom: 1px solid #f0f0f0; border-right: 1px solid #f0f0f0; margin: -1px 1px -1px -1px; } #nav-desktop .level_3 > li:hover { background: white; } #nav-desktop .level_3 > li .navigation-image { display: block; width: 100%; margin-bottom: 15px; } #nav-desktop .level_3 > li .navigation-image img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; } #nav-desktop .level_3 > li > a { color: #4a4a4a; -webkit-transition: color 0.05s ease-in; transition: color 0.05s ease-in; } #nav-desktop .level_3 > li > a.active, #nav-desktop .level_3 > li > a:hover { color: #009ee3; } #nav-desktop .level_3 > li > span, #nav-desktop .level_3 > li > strong { color: #009ee3; } #nav-desktop .level_3 > li > a, #nav-desktop .level_3 > li > span, #nav-desktop .level_3 > li > strong { padding: 0 15px; display: block; } #nav-desktop .catalog { border-top: 1px solid #e6e6e6; margin: 50px 8px; padding-top: 50px; width: 210px; position: relative; } #nav-desktop .catalog h4, #nav-desktop .catalog .blog-list h2, #nav-desktop .catalog .blog-list .blog-article h1, .blog-article #nav-desktop .catalog .blog-list h1, .blog-list #nav-desktop .catalog h2, .blog-list #nav-desktop .catalog .blog-article h1, .blog-article .blog-list #nav-desktop .catalog h1 { display: none; } #nav-desktop .catalog .ce_text { padding: 0; } #nav-desktop .catalog .ce_text a { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-pack: left; -webkit-justify-content: left; -ms-flex-pack: left; justify-content: left; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 14px; text-align: left; } #nav-desktop .catalog .ce_text a:hover { color: #009ee3; } #nav-desktop .catalog .ce_text a img { width: 90px; margin-right: 5px; } #nav-desktop .menu-holder_special .ce_text { padding: 0; padding: 0 25px; } #nav-desktop .menu-holder_special .ce_text h4, #nav-desktop .menu-holder_special .ce_text .blog-list h2, #nav-desktop .menu-holder_special .ce_text .blog-list .blog-article h1, .blog-article #nav-desktop .menu-holder_special .ce_text .blog-list h1, .blog-list #nav-desktop .menu-holder_special .ce_text h2, .blog-list #nav-desktop .menu-holder_special .ce_text .blog-article h1, .blog-article .blog-list #nav-desktop .menu-holder_special .ce_text h1 { padding-left: 0; } #nav-desktop .menu-holder_special .ce_text .subtitle { padding-left: 0; } #nav-desktop .menu-holder_special .ce_text .image_container { padding-bottom: 20px; } #nav-desktop .menu-holder_special .ce_text h4, #nav-desktop .menu-holder_special .ce_text .blog-list h2, #nav-desktop .menu-holder_special .ce_text .blog-list .blog-article h1, .blog-article #nav-desktop .menu-holder_special .ce_text .blog-list h1, .blog-list #nav-desktop .menu-holder_special .ce_text h2, .blog-list #nav-desktop .menu-holder_special .ce_text .blog-article h1, .blog-article .blog-list #nav-desktop .menu-holder_special .ce_text h1, #nav-desktop .menu-holder_special .headline { font-weight: normal; font-family: "Fago no", sans-serif; color: #4a4a4a; text-align: left; font-size: 26px; line-height: 32px; letter-spacing: -0.03em; padding: 0; padding-bottom: 5px; margin: 0; } #nav-desktop .menu-holder_special .headline, #nav-desktop .menu-holder_special .subtitle { padding-left: 25px; } #nav-desktop .menu-holder_special .subtitle { text-align: left; padding-bottom: 10px; } #nav-desktop li.products .menu-holder_level_2 .inner ul.level_2 > li.productfinder .menu-holder_level_3 .col-sm-4 { padding-right: 5px; padding-left: 5px; } #nav-desktop li.products .menu-holder_level_2 .inner ul.level_2 > li.productfinder .menu-holder_level_3 .row { margin: 0 20px; } #nav-desktop li.products .menu-holder_level_2 .inner ul.level_2 > li.productfinder .menu-holder_level_3 .card-title { font-size: 16px; margin-bottom: 4px; } #nav-desktop li.products .menu-holder_level_2 .inner ul.level_2 > li.productfinder .menu-holder_level_3 .panel { margin-bottom: 10px; box-shadow: none; border: 0 none; } #nav-desktop li.products .menu-holder_level_2 .inner ul.level_2 > li.productfinder .menu-holder_level_3 .card { cursor: pointer; } #nav-desktop li.products .menu-holder_level_2 .inner ul.level_2 > li.productfinder .menu-holder_level_3 .card table tr td:first-child { font-size: 12px; min-width: 80px !important; } #nav-desktop li.products .menu-holder_level_2 .inner ul.level_2 > li.productfinder .menu-holder_level_3 .card-empty { position: absolute; top: 5px; left: 5px; right: 0; width: auto; margin: 0px !important; white-space: nowrap; background-color: #fff; color: #009ee3; border: 2px solid #009ee3; border-radius: 0; border-bottom-right-radius: 10px; } #nav-desktop li.products .menu-holder_level_2 .inner ul.level_2 > li.productfinder .menu-holder_level_3 .card-empty:hover { color: #fff; background: #009ee3; } #nav-desktop li.products .menu-holder_level_2 .inner ul.level_2 > li.productfinder .menu-holder_level_3 .card-empty:hover .card-title { color: #fff; } #nav-desktop li.products .menu-holder_level_2 .inner ul.level_2 > li.productfinder .menu-holder_level_3 .card-empty .card-title { font-size: 15px; color: #009ee3; margin-bottom: 1em; } #nav-desktop .featured-products-title { border-bottom: 1px solid #e6e6e6; } #nav-desktop .featured-products-list_level_2 li { border-bottom: 1px solid #e6e6e6; } #nav-desktop .featured-products-list_level_2 li:last-of-type { border-bottom: none; } #nav-desktop .featured-products-list_level_3 li:first-of-type { border-right: 1px solid #e6e6e6; } .icon-globe { stroke: #009ee3; height: 24px; width: 24px; } .mod_changelanguage.language { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-left: 20px; width: 140px; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; overflow: visible; -webkit-transition: margin-top 0.2s ease-in; transition: margin-top 0.2s ease-in; margin-top: 38px; } @media (max-width: 1199px) { .mod_changelanguage.language { margin-top: 27px; } } @media (max-width: 991px) { .mod_changelanguage.language { margin-top: 24px; } } .mod_changelanguage.language ul { background: white; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: absolute; top: 0; left: 24px; right: 0; bottom: auto; } .mod_changelanguage.language ul:hover { -webkit-align-self: self-start; -ms-flex-item-align: self-start; align-self: self-start; } .mod_changelanguage.language ul:hover li { display: block; } .mod_changelanguage.language ul li { padding: 0 10px 4px; display: none; } .mod_changelanguage.language ul li.active { display: block; } .mod_changelanguage.language ul li.active a { color: #009ee3; } .mod_changelanguage.language ul a { font-family: "Fago no", sans-serif; white-space: nowrap; } .mod_changelanguage.language ul a:hover { color: #009ee3; } body.header-fixed .mod_changelanguage.language { margin-top: 24px; } @media (max-width: 1199px) { body.header-fixed .mod_changelanguage.language { margin-top: 27px; } } @media (max-width: 767px) { body.header-fixed .mod_changelanguage.language { margin-top: 14px; } } @media (max-width: 767px) { .mod_changelanguage.language { width: 24px; margin-left: 10px; margin-top: 14px; display: block; } .mod_changelanguage.language:hover ul { display: block; } .mod_changelanguage.language ul { top: 24px; left: auto; right: auto; display: none; width: 120px; left: 50%; margin-left: -60px; text-align: center; padding-top: 10px; } .mod_changelanguage.language ul li, .mod_changelanguage.language ul li.active { display: block; } } /* BREADCRRUMBS */ .mod_breadcrumb { display: none; margin-left: auto; margin-right: auto; } @media (min-width: 992px) { .mod_breadcrumb { display: block; position: relative; top: 1px; } } .mod_breadcrumb ul { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; width: auto !important; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 18px 10px 12px 10px; } .mod_breadcrumb ul:before, .mod_breadcrumb ul:after { content: ""; display: table; } .mod_breadcrumb ul:after { clear: both; } @media (min-width: 992px) { .mod_breadcrumb ul { margin-left: auto; margin-right: auto; } } @media (min-width: 1200px) { .mod_breadcrumb ul { width: 1200px; padding-left: 0; padding-right: 0; } } .mod_breadcrumb .breadcrumb-hidden { display: none; } .mod_breadcrumb li { line-height: 1; font-size: 0.875rem; z-index: 11; } .mod_breadcrumb li a { position: relative; font-weight: 500; color: #8a8a8a; font-family: "Fago no", sans-serif; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; line-height: 1; } .mod_breadcrumb li a:before { font-family: "icomoon" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e902"; display: block; margin: 0 5px; } .mod_breadcrumb li a:hover { color: #009ee3; } .mod_breadcrumb li:first-child a:before { display: none; } .mod_breadcrumb li:last-child a, .mod_breadcrumb li.active a { color: #4a4a4a; } .mod_breadcrumb li i { position: relative; top: -2px; display: inline-block; vertical-align: middle; color: #7fd16b; font-size: 0.625rem; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } body.startpage .mod_breadcrumb { display: none; } /* ---------- MOBILE SIDEBAR ---------- */ .burger-block { width: auto; max-width: none; -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; } @media (min-width: 1200px) { .burger-block { display: none; } } .burger-block p { margin-bottom: 0; } .burger-block p:before, .burger-block p:after { content: ""; display: table; } .burger-block p:after { clear: both; } .sidebar-opener { position: relative; display: block; width: 22px; height: 30px; margin-left: auto; overflow: hidden; float: right; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-transition: width 0.2s ease-in; transition: width 0.2s ease-in; } .sidebar-opener span { display: block; -webkit-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in; } .sidebar-opener span.menu-title { position: relative; top: 1px; -webkit-transition: text-indent 0.2s ease-in; transition: text-indent 0.2s ease-in; display: none; } .sidebar-opener span.menu-open { position: relative; top: 1px; display: block; width: 20px; height: 14px; font-size: 0; } .sidebar-opener span.menu-open:after { content: ""; display: block; height: 2px; background: #009ee3; box-shadow: 0 5px #009ee3, 0 10px #009ee3; } .sidebar-opener span.menu-close { width: 22px; height: 22px; position: absolute; right: 0; top: 4px; opacity: 0; font-size: 0; } .sidebar-opener span.menu-close:before { font-family: "icomoon" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e90d"; display: block; font-size: 22px; line-height: 1; position: absolute; top: 50%; left: 50%; margin: -11px 0 0 -11px; color: #009ee3; } .sidebar-opener.is-active { width: 22px; } .sidebar-opener.is-active .menu-title { text-indent: -9999px; } .sidebar-opener.is-active .menu-open { opacity: 0; } .sidebar-opener.is-active .menu-close { opacity: 1; } .offcanvas-menu { position: fixed; top: 50px; right: 0; width: 100%; height: calc(100% - 50px); z-index: 1000; text-align: left; overflow: hidden; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); will-change: transform; -webkit-transition: transform 0.2s ease-in; -webkit-transition: -webkit-transform 0.2s ease-in; transition: -webkit-transform 0.2s ease-in; transition: transform 0.2s ease-in; transition: transform 0.2s ease-in, -webkit-transform 0.2s ease-in; background: #fff; } @media (min-width: 768px) { .offcanvas-menu { top: 75px; height: calc(100% - 75px); } } @media (min-width: 992px) { .offcanvas-menu { top: 80px; height: calc(100% - 80px); } } @media (min-width: 1200px) { .offcanvas-menu { display: none; } } .offcanvas-menu.is-open { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .menu-holder { position: relative; width: 100% !important; height: calc(100% - 55px); margin-left: auto; margin-right: auto; } .mobile-nav-extra { position: fixed; left: 0; bottom: 0; background: #009ee3; padding: 0 10px; } .mobile-nav-extra ul { height: 55px; margin-left: auto; margin-right: auto; margin-bottom: 0; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } @media (min-width: 768px) { .mobile-nav-extra ul { max-width: 720px; } } @media (min-width: 992px) { .mobile-nav-extra ul { max-width: 960px; } } @media (max-width: 767px) { .mobile-nav-extra ul { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } } .mobile-nav-extra li { position: relative; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-transform: uppercase; color: #fff; font-family: "FaNo Regular", sans-serif; } @media (max-width: 767px) { .mobile-nav-extra li.title { margin-right: auto; } } .mobile-nav-extra li:before { width: 30px; height: 30px; text-align: center; line-height: 30px; margin-right: 10px; color: #009ee3; font-size: 1rem; background: #fff; } .mobile-nav-extra li a { position: relative; top: 1px; line-height: 1; font-family: 700; color: #fff; } @media (max-width: 767px) { .mobile-nav-extra li a { font-size: 0; display: block; width: 30px; height: 30px; position: absolute; top: 0; left: 0; } } #nav-mobile { position: relative; width: 100%; height: 100%; } #nav-mobile ul { width: 100%; margin: 0; padding: 0; } #nav-mobile li { position: relative; text-transform: uppercase; padding: 0; text-align: left; border-bottom: 1px solid #d4d4d4; font-size: 1rem; } @media (min-width: 768px) { #nav-mobile li { font-size: 1.25rem; } } #nav-mobile li:first-child { border-top: 1px solid #d4d4d4; } #nav-mobile li a, #nav-mobile li strong { display: block; color: #4a4a4a; font-family: "Fago no", sans-serif; line-height: 1; padding: 15px 25px 15px 0; } @media (min-width: 768px) { #nav-mobile li a, #nav-mobile li strong { padding: 25px 25px 25px 0; } } #nav-mobile li span { cursor: pointer; padding: 0; } #nav-mobile li.submenu > a, #nav-mobile li.submenu > strong { position: relative; } #nav-mobile li.trail > a, #nav-mobile li.trail > strong, #nav-mobile li.active > a, #nav-mobile li.active > strong { color: #009ee3; } #nav-mobile .level_1, #nav-mobile .level_2 { margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; } @media (min-width: 768px) { #nav-mobile .level_1, #nav-mobile .level_2 { padding-left: 25px; padding-right: 25px; } } @media (min-width: 992px) { #nav-mobile .level_1, #nav-mobile .level_2 { padding-left: 25px; padding-right: 25px; } } #nav-mobile .level_1 { position: relative; height: 100%; overflow-y: scroll; } @media (min-width: 768px) { #nav-mobile .level_1 { width: 100%; } } #nav-mobile .level_1 > li.submenu > a, #nav-mobile .level_1 > li.submenu > strong { position: relative; } #nav-mobile .level_1 > li.submenu > a:after { content: "\e904"; font-family: "icomoon" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 0.625rem; position: absolute; right: -2px; top: 50%; margin-top: -5px; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); color: #009ee3; } @media (min-width: 768px) { #nav-mobile .level_1 > li.submenu > a:after { font-size: 0.625rem; } } #nav-mobile .level_2 { position: fixed; top: 0; right: 0; width: 100%; height: calc(100% - 55px); z-index: 1; overflow-y: scroll; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); will-change: transform; -webkit-transition: transform 0.3s; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; background: #eeeeee; } #nav-mobile .level_2.is-open { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } #nav-mobile .level_2 .menu-back { position: relative; text-align: center; background: #fff; border-color: #aaa; } #nav-mobile .level_2 .menu-back:before, #nav-mobile .level_2 .menu-back:after { content: ""; display: block; width: 100%; height: calc(100% + 2px); background: #fff; position: absolute; top: -1px; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; } #nav-mobile .level_2 .menu-back:before { left: 100%; } #nav-mobile .level_2 .menu-back:after { right: 100%; } #nav-mobile .level_2 .menu-back span { display: inline-block; vertical-align: middle; color: #009ee3; padding: 15px 25px 15px 0; } @media (min-width: 768px) { #nav-mobile .level_2 .menu-back span { padding: 25px 25px 25px 0; } } #nav-mobile .level_2 .menu-back span:before { font-family: "icomoon" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e904"; font-size: 0.625rem; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); display: inline-block; margin-right: 10px; position: relative; top: -2px; } #nav-mobile .level_2 > li.submenu > a, #nav-mobile .level_2 > li.submenu > strong { padding-bottom: 5px; } #nav-mobile .level_3:before, #nav-mobile .level_3:after { content: ""; display: block; width: 100%; height: 1px; background: #fff; position: absolute; bottom: -1px; background: #d4d4d4; } #nav-mobile .level_3:before { left: 100%; } #nav-mobile .level_3:after { right: 100%; } #nav-mobile .level_3 > li.first { border-top-color: #aaa; } #nav-mobile .level_3 > li.last { border-bottom: none; } #nav-mobile .level_3 > li > a, #nav-mobile .level_3 > li > strong { padding-top: 15px; padding-bottom: 15px; text-transform: none; font-size: 1rem; font-family: "Fago no", sans-serif; } /* ACCORDION */ .ce_accordion.padding-top { padding-top: 15px; } @media (min-width: 768px) { .ce_accordion.padding-top { padding-top: 25px; } } @media (min-width: 1200px) { .ce_accordion.padding-top { padding-top: 60px; } } .ce_accordion.padding-bottom { padding-bottom: 15px; } @media (min-width: 768px) { .ce_accordion.padding-bottom { padding-bottom: 25px; } } @media (min-width: 1200px) { .ce_accordion.padding-bottom { padding-bottom: 60px; } } .ce_accordion.gap-top { margin-top: 15px; } @media (min-width: 768px) { .ce_accordion.gap-top { margin-top: 25px; } } @media (min-width: 1200px) { .ce_accordion.gap-top { margin-top: 60px; } } .ce_accordion.gap-bottom { margin-bottom: 15px; } @media (min-width: 768px) { .ce_accordion.gap-bottom { margin-bottom: 25px; } } @media (min-width: 1200px) { .ce_accordion.gap-bottom { margin-bottom: 60px; } } .ce_accordion { position: relative; margin-top: 0 !important; margin-bottom: 0; } .ce_accordion:after { content: ""; display: block; position: absolute; left: 10px; width: calc(100% - 20px); height: 1px; background-color: rgb(204, 204, 204); -webkit-transition: width 0.2s ease-in; transition: width 0.2s ease-in; } @media (min-width: 1200px) { .ce_accordion:after { width: calc(100% - 30px); left: 15px; } } .ce_accordion:before { top: 0; } .ce_accordion:after { bottom: 0; } .ce_accordion .toggler { position: relative; cursor: pointer; outline: none; background-color: none; padding: 20px 0; color: #009ee3; line-height: 1; font-family: "Fago no", sans-serif; font-size: 1.5rem; letter-spacing: -0.03em; } @media (min-width: 1200px) { .ce_accordion .toggler { padding: 30px 0; } } .ce_accordion .toggler.ui-state-active .ui-accordion-header-icon { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .ce_accordion .toggler .ui-accordion-header-icon { position: absolute; right: 0; top: 50%; margin-top: -12px; color: #009ee3; will-change: transform; -webkit-transition: transform 0.2s ease-in; -webkit-transition: -webkit-transform 0.2s ease-in; transition: -webkit-transform 0.2s ease-in; transition: transform 0.2s ease-in; transition: transform 0.2s ease-in, -webkit-transform 0.2s ease-in; } .ce_accordion .toggler .ui-accordion-header-icon:after { font-family: "icomoon" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e904"; font-size: 0.75rem; } .ce_accordion .accordion > div { text-align: left; padding-bottom: 15px; } .ce_accordion .accordion > div:before, .ce_accordion .accordion > div:after { content: ""; display: table; } .ce_accordion .accordion > div:after { clear: both; } @media (min-width: 768px) { .ce_accordion .accordion > div { padding-bottom: 25px; } } @media (min-width: 1200px) { .ce_accordion .accordion > div { padding-bottom: 60px; } } .ce_accordion .accordion > div .first-child { margin-top: 0; } .ce_accordion .accordion > div .last-child { margin-bottom: 0; } .ce_accordion .accordion > div h5 { text-align: center; } .ce_accordion .accordion > div .title { text-transform: capitalize; font-size: 16px; } .ce_accordion .accordion > div .image_container { margin-bottom: 30px; text-align: left; } @media (max-width: 767px) { .ce_accordion .accordion > div .image_container { float: none; } } @media (min-width: 768px) { .ce_accordion .accordion > div .image_container.float_left { margin-bottom: 0; margin-right: 10px; } } @media (min-width: 1200px) { .ce_accordion .accordion > div .image_container.float_left { margin-right: 30px; } } @media (min-width: 768px) { .ce_accordion .accordion > div .image_container.float_right { margin-bottom: 0; margin-left: 10px; } } @media (min-width: 1200px) { .ce_accordion .accordion > div .image_container.float_right { margin-left: 30px; } } .ce_rsce_downloads { margin-left: auto; margin-right: auto; } .ce_rsce_downloads .headline { text-transform: uppercase; color: #009ee3; } @media (min-width: 1200px) { .ce_rsce_downloads .ce_text { width: 66.66%; } } .ce_rsce_downloads .ce_text p { font-size: 1rem; } .ce_rsce_downloads .title { text-transform: uppercase; } .ce_rsce_downloads .table-wrap { padding: 40px 5px; background-color: rgb(248, 248, 248); } @media (min-width: 768px) { .ce_rsce_downloads .table-wrap { padding: 40px 15px; } } @media (min-width: 1200px) { .ce_rsce_downloads .table-wrap { padding: 55px 85px; } } .ce_rsce_downloads table { margin-bottom: 0; } .ce_rsce_downloads tbody tr { cursor: pointer; -webkit-transition: color 0.2s ease-in; transition: color 0.2s ease-in; } .ce_rsce_downloads tbody tr:hover { color: #009ee3; font-weight: bold; } .ce_rsce_downloads tbody tr:hover .link .icon:before { color: #009ee3; } .ce_rsce_downloads th { padding: 12px 15px; font-family: "FaNo Regular", sans-serif; } .ce_rsce_downloads td { position: relative; vertical-align: middle; padding: 12px 15px; } .ce_rsce_downloads .description { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .ce_rsce_downloads .description .icon-pdf { font-size: 1.625rem; line-height: 1; margin-right: 15px; } .ce_rsce_downloads .description .icon-pdf:before { vertical-align: middle; color: #009ee3; } @media (max-width: 767px) { .ce_rsce_downloads .description .icon-pdf { display: none; } } .ce_rsce_downloads .description span { display: inline-block; vertical-align: middle; } .ce_rsce_downloads .size { white-space: nowrap; padding-right: 0; text-align: right; } @media (max-width: 1199px) { .ce_rsce_downloads .size { display: none; } } .ce_rsce_downloads .link { width: 20px; } .ce_rsce_downloads .link .icon { display: block; width: 20px; height: 20px; color: #4a4a4a; line-height: 1; font-size: 1.125rem; text-align: center; -webkit-transition: color 0.2s ease-in; transition: color 0.2s ease-in; } .ce_rsce_downloads .link .icon:hover { color: #009ee3; } .ce_rsce_downloads .link .icon:before { height: 100%; line-height: 20px; } .panel { margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 0; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } .panel-body { padding: 15px; } .panel-body:after, .panel-body:before { content: " "; display: table; } .panel-body:after { clear: both; } .card { background-size: cover; position: relative; overflow: hidden; } .card > .card-body { -webkit-transition: all 200ms; transition: all 200ms; position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; color: #fff; padding: 15px; text-align: center; } .card > .card-body .card-title { display: block; margin-bottom: 1em; color: inherit; } .card > .card-body.card-body--hidden-mouseover { -webkit-transform: translateY(25%); -ms-transform: translateY(25%); transform: translateY(25%); } .card > .card-body.card-body--hidden-mouseover .card-title { text-transform: initial; font-size: 20px; } .card > .card-body.card-body--visible-mouseover { opacity: 0; background-color: rgba(0, 158, 227, 0.8); } html.no-touch .card:hover > .card-body--hidden-mouseover { opacity: 0; } html.no-touch .card:hover > .card-body--visible-mouseover { opacity: 1; } .card.card-empty { background-color: #009ee3; border-bottom-right-radius: 10px; } .search-modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.75); z-index: 9999; -webkit-transform: scale(0, 0); -ms-transform: scale(0, 0); transform: scale(0, 0); will-change: transform; -webkit-transition: transform 0.2s ease-in; -webkit-transition: -webkit-transform 0.2s ease-in; transition: -webkit-transform 0.2s ease-in; transition: transform 0.2s ease-in; transition: transform 0.2s ease-in, -webkit-transform 0.2s ease-in; } .search-modal.active { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); } .search-modal .inside { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; height: auto; } @media (min-width: 1200px) { .search-modal .inside { width: 1200px; } } .search-modal .search-close { position: absolute; right: -5px; top: -100px; width: 35px; height: 35px; background: #fff; border-radius: 4px; -webkit-transition: background 0.2s ease-in; transition: background 0.2s ease-in; } @media (min-width: 768px) { .search-modal .search-close { right: 25px; top: -150px; } } @media (min-width: 992px) { .search-modal .search-close { right: 25px; } } @media (min-width: 1200px) { .search-modal .search-close { right: 75px; top: -180px; } } .search-modal .search-close:before, .search-modal .search-close:after { content: ""; display: block; width: 16px; height: 1px; background: #009ee3; position: absolute; top: 16px; left: 9px; -webkit-transition: background 0.2s ease-in; transition: background 0.2s ease-in; } .search-modal .search-close:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .search-modal .search-close:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .search-modal .search-close:hover { background: #009ee3; } .search-modal .search-close:hover:before, .search-modal .search-close:hover:after { background: #fff; } .search-modal .modal-content-holder { padding-left: 5px; padding-right: 5px; } @media (min-width: 768px) { .search-modal .modal-content-holder { padding-left: 16.66%; padding-right: 16.66%; } } @media (min-width: 1200px) { .search-modal .modal-content-holder { padding-left: 25%; padding-right: 25%; } } .search-modal .search-intro { text-align: center; } .search-modal .search-intro h2, .search-modal .search-intro .blog-article h1, .blog-article .search-modal .search-intro h1, .search-modal .search-intro h3, .search-modal .search-intro h4 { font-size: 2.25rem; padding-bottom: 0; margin-bottom: 5px; color: #fff; } @media (min-width: 768px) { .search-modal .search-intro h2, .search-modal .search-intro .blog-article h1, .blog-article .search-modal .search-intro h1, .search-modal .search-intro h3, .search-modal .search-intro h4 { font-size: 3rem; } } @media (min-width: 1200px) { .search-modal .search-intro h2, .search-modal .search-intro .blog-article h1, .blog-article .search-modal .search-intro h1, .search-modal .search-intro h3, .search-modal .search-intro h4 { font-size: 3.75rem; } } .search-modal .search-intro h2:after, .search-modal .search-intro .blog-article h1:after, .blog-article .search-modal .search-intro h1:after, .search-modal .search-intro h3:after, .search-modal .search-intro h4:after { display: none; } .search-modal .search-intro p { position: relative; color: #fff; margin-bottom: 0; } .search-modal .search-intro p:last-child { padding-bottom: 20px; margin-bottom: 25px; } .search-modal .search-intro p:last-child:after { content: ""; display: block; width: 70px; height: 2px; background: #fff; position: absolute; left: 50%; bottom: 0; margin-left: -35px; } .search-modal .headline { text-align: center; padding: 15px; color: #fff; margin-bottom: 40px; } .search-modal .headline:before { background: #fff; } @media (min-width: 768px) { .search-modal .pf-block { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } } .search-modal .pf-block p { color: #fff; margin-bottom: 0; } @media (min-width: 768px) { .search-modal .pf-block p { -webkit-box-flex: 0 1 calc(100% - 180px); -webkit-flex: 0 1 calc(100% - 180px); -ms-flex: 0 1 calc(100% - 180px); flex: 0 1 calc(100% - 180px); -webkit-flex-basis: calc(100% - 180px); -ms-flex-preferred-size: calc(100% - 180px); flex-basis: calc(100% - 180px); padding-right: 20px; } } @media (min-width: 1200px) { .search-modal .pf-block p { padding-right: 30px; } } .search-modal .pf-block .button-block { margin-bottom: 0; } .search-modal .pf-block .button-block a { position: relative; display: inline-block; vertical-align: middle; text-align: center; padding: 12px 15px; text-transform: uppercase; line-height: 1; color: #fff; font-family: "Fago no", sans-serif; min-width: 180px; border: 2px solid #fff; border-bottom-right-radius: 4px; -webkit-transition: background 0.2s ease-in, color 0.2s ease-in, border-radius 0.2s ease-in; transition: background 0.2s ease-in, color 0.2s ease-in, border-radius 0.2s ease-in; line-height: 1; font-size: 1rem; } .search-modal .pf-block .button-block a:hover { background: #fff; color: #009ee3; } .search-modal .mod_search form { margin-bottom: 0; } @media (min-width: 768px) { .search-modal .mod_search .formbody { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } } @media (min-width: 768px) { .search-modal .mod_search .widget-text { -webkit-box-flex: 0 1 100%; -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; padding-right: 20px; } } @media (min-width: 1200px) { .search-modal .mod_search .widget-text { padding-right: 30px; } } .search-modal .mod_search .widget-text input { margin-bottom: 0; padding: 11px 30px; border-bottom: 0; } .search-modal .mod_search .widget-submit { width: auto; } @media (min-width: 768px) { .search-modal .mod_search .widget-submit { -webkit-box-flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; } } @media (max-width: 767px) { .search-modal .mod_search .widget-submit { margin-top: 15px; text-align: center; } } .search-result { float: none; } .search-result .formbody { height: auto; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .search-result .widget-text { -webkit-box-flex: 0 1 100%; -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; padding-right: 20px; } @media (min-width: 768px) { .search-result .widget-text { -webkit-box-flex: 0 1 480px; -webkit-flex: 0 1 480px; -ms-flex: 0 1 480px; flex: 0 1 480px; -webkit-flex-basis: 480px; -ms-flex-preferred-size: 480px; flex-basis: 480px; } } @media (min-width: 1200px) { .search-result .widget-text { padding-right: 30px; } } .search-result .widget-text input { margin-bottom: 0; } .search-result .widget-submit { -webkit-box-flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; } .search-result .widget-submit .submit { color: #009ee3; border-color: #009ee3; } .search-result .widget-submit .submit:hover { background: #009ee3; color: #fff; } .search-result .header { margin-top: 15px; margin-bottom: 15px; color: #4a4a4a; text-transform: none; } @media (min-width: 768px) { .search-result .header { margin-top: 25px; } } @media (min-width: 1200px) { .search-result .header { margin-top: 60px; } } @media (min-width: 768px) { .search-result .header { margin-bottom: 25px; } } @media (min-width: 1200px) { .search-result .header { margin-bottom: 60px; } } .search-result > div:before { content: ""; display: block; width: 200px; height: 1px; background: #dfe1e3; margin: 40px auto; } .search-result > div.first:before { display: none; } .search-result .headline { margin-bottom: 0; padding-bottom: 0; color: #4a4a4a; text-transform: none; margin-bottom: 10px; } .search-result .headline a { position: relative; display: inline-block; vertical-align: middle; color: #4a4a4a; } .search-result .headline a:after { content: ""; display: block; width: 0; height: 1px; background: #4a4a4a; position: absolute; bottom: -2px; left: 0; -webkit-transition: width 0.2s ease-in; transition: width 0.2s ease-in; } .search-result .headline a:hover:after { width: 100%; } .search-result .highlight { background: none; font-weight: 600; } .search-result .context { font-size: 1rem; margin-bottom: 10px; } .search-result .url { font-size: 0.875rem; } .search-result .relevance { display: none; } .ce_list ul, .ce_list ol { margin-bottom: 15px; padding-left: 1.5714286em; } @media (min-width: 768px) { .ce_list ul, .ce_list ol { margin-bottom: 25px; } } @media (min-width: 1200px) { .ce_list ul, .ce_list ol { margin-bottom: 60px; } } .ce_list ul { list-style-type: disc; } .ce_list ul ul { margin-bottom: 0; } .ce_list ul li { padding-left: 0.4285714em; } .ce_list ul li::marker { color: #009ee3; } .ce_list ol { list-style-type: decimal; } .ce_list ol ol { margin-bottom: 0; } .ce_list ol li { padding-left: 0.4285714em; } .ce_list ol li::marker { color: #009ee3; } @media (min-width: 768px) { .ce_list.two-cols li { width: calc(50% - 10px); } } @media (min-width: 1200px) { .ce_list.two-cols li { width: calc(50% - 15px); } } @media (min-width: 768px) { .ce_list.two-cols li:nth-child(2) { padding-top: 0; } } .ce_list.two-cols li:nth-child(even) { margin-left: auto; } .ce_list.two-cols li:nth-child(odd) { margin-right: auto; } .ce_list.two-cols ul, .ce_list.two-cols ol { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .ce_list.two-cols ul:before, .ce_list.two-cols ul:after, .ce_list.two-cols ol:before, .ce_list.two-cols ol:after { content: ""; display: table; } .ce_list.two-cols ul:after, .ce_list.two-cols ol:after { clear: both; } .mod_article .ce_text:not(.tech-hero-socials):not(.tech-socials) ul, .mod_article .ce_text:not(.tech-hero-socials):not(.tech-socials) ol { margin-bottom: 15px; } @media (min-width: 768px) { .mod_article .ce_text:not(.tech-hero-socials):not(.tech-socials) ul, .mod_article .ce_text:not(.tech-hero-socials):not(.tech-socials) ol { margin-bottom: 25px; } } @media (min-width: 1200px) { .mod_article .ce_text:not(.tech-hero-socials):not(.tech-socials) ul, .mod_article .ce_text:not(.tech-hero-socials):not(.tech-socials) ol { margin-bottom: 60px; } } .mod_article .ce_text:not(.tech-hero-socials):not(.tech-socials) ul { list-style-type: disc; padding-left: 1.5714286em; } .mod_article .ce_text:not(.tech-hero-socials):not(.tech-socials) ul li { padding-left: 0.4285714em; } .mod_article .ce_text:not(.tech-hero-socials):not(.tech-socials) ul li::marker { color: #009ee3; } .mod_article .ce_text:not(.tech-hero-socials):not(.tech-socials) ul ul { margin-bottom: 0; } .mod_article .ce_text:not(.tech-hero-socials):not(.tech-socials) ol { list-style-type: decimal; padding-left: 1.5714286em; } .mod_article .ce_text:not(.tech-hero-socials):not(.tech-socials) ol li { padding-left: 0.4285714em; } .mod_article .ce_text:not(.tech-hero-socials):not(.tech-socials) ol li::marker { color: #009ee3; } .mod_article .ce_text:not(.tech-hero-socials):not(.tech-socials) ol ol { margin-bottom: 0; } /* GALLERY */ .ce_gallery { overflow: visible; } .ce_gallery ul { margin-left: -10px; margin-right: -10px; margin-top: -10px; margin-bottom: -10px; } @media (min-width: 768px) { .ce_gallery ul { margin-left: -10px; margin-right: -10px; margin-top: -10px; margin-bottom: -10px; } } @media (min-width: 1200px) { .ce_gallery ul { margin-left: -15px; margin-right: -15px; margin-top: -15px; margin-bottom: -15px; } } .ce_gallery li { width: 100%; padding: 10px; } @media (min-width: 768px) { .ce_gallery li { float: left; padding: 10px; } } @media (min-width: 1200px) { .ce_gallery li { float: left; padding: 15px; } } .ce_gallery .cols_2 li { width: 100%; } @media (min-width: 768px) { .ce_gallery .cols_2 li { width: 50%; } } .ce_gallery .cols_3 li { width: 50%; } .ce_gallery .cols_3 li:last-child { width: 100%; } @media (min-width: 768px) { .ce_gallery .cols_3 li:last-child { width: 33.3334%; } } @media (min-width: 768px) { .ce_gallery .cols_3 li { width: 33.3334%; } } .ce_gallery .cols_4 li { width: 50%; } @media (min-width: 768px) { .ce_gallery .cols_4 li { width: 25%; } } .ce_gallery .mosaic-gallery.cols_5 { margin-left: -10px; margin-right: -10px; margin-top: -10px; margin-bottom: -10px; } @media (min-width: 768px) { .ce_gallery .mosaic-gallery.cols_5 { margin-left: -10px; margin-right: -10px; margin-top: -10px; margin-bottom: -10px; } } @media (min-width: 1200px) { .ce_gallery .mosaic-gallery.cols_5 { margin-left: -15px; margin-right: -15px; margin-top: -15px; margin-bottom: -15px; } } .ce_gallery .mosaic-gallery.cols_5 li { width: 50%; } @media (min-width: 768px) { .ce_gallery .mosaic-gallery.cols_5 li { width: 33.3334%; } } @media (min-width: 768px) { .ce_gallery .mosaic-gallery.cols_5 li.col_1 { width: 66.6667%; } } .ce_gallery .mosaic-gallery.cols_5 li.col_2 { width: 100%; } @media (min-width: 768px) { .ce_gallery .mosaic-gallery.cols_5 li.col_2 { width: 33.3334%; } } .ce_gallery .mosaic-gallery.cols_5 li .image_container { height: 160px; } @media (min-width: 768px) { .ce_gallery .mosaic-gallery.cols_5 li .image_container { height: 220px; } } @media (min-width: 992px) { .ce_gallery .mosaic-gallery.cols_5 li .image_container { height: 250px; } } @media (min-width: 1200px) { .ce_gallery .mosaic-gallery.cols_5 li .image_container { height: 360px; } } .gallery-3er { overflow: visible; } .gallery-3er .ce_image { overflow: visible; height: 250px; } @media (max-width: 767px) { .gallery-3er .ce_image { margin-top: 10px; } } @media (min-width: 768px) { .gallery-3er .ce_image:first-child { height: 75vh; } } @media (min-width: 992px) { .gallery-3er .ce_image:first-child { height: calc(100vh - 50px); } } @media (min-width: 1200px) { .gallery-3er .ce_image:first-child { height: calc(100vh - 100px); } } @media (max-width: 767px) { .gallery-3er .ce_image:first-child { margin-top: 0; } } @media (min-width: 768px) { .gallery-3er .ce_image:nth-child(2) { height: calc(35vh + 15px); margin-bottom: 20px; } } @media (min-width: 992px) { .gallery-3er .ce_image:nth-child(2) { height: calc(50vh - 60px); } } @media (min-width: 1200px) { .gallery-3er .ce_image:nth-child(2) { height: calc(50vh - 103px); margin-bottom: 30px; } } @media (min-width: 768px) { .gallery-3er .ce_image:nth-child(3) { height: calc(35vh + 15px); } } @media (min-width: 992px) { .gallery-3er .ce_image:nth-child(3) { height: calc(50vh - 60px); } } @media (min-width: 1200px) { .gallery-3er .ce_image:nth-child(3) { height: calc(50vh - 103px); } } @media (max-width: 767px) { .ce_image.col-sm-6 + .ce_gallery.col-sm-6 { margin-top: 20px; } } .formbody:before, .formbody:after { content: ""; display: table; } .formbody:after { clear: both; } .widget { position: relative; } .widget-textarea { clear: both; } .widget-textarea label { display: block; padding-top: 12px; } .widget.error { margin-bottom: 20px; padding-bottom: 10px; } .widget-checkbox span, .widget-radio span { position: relative; display: block; } .widget-checkbox label, .widget-radio label { display: block; } .widget-checkbox input, .widget-radio input { width: auto; } .frc-captcha { margin: 2rem 0; } .mod_registration form, .mod_lostPassword form, .mod_personalData form { margin-bottom: 0; } .mod_registration .fields, .mod_lostPassword .fields, .mod_personalData .fields { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .mod_registration .fields .widget, .mod_lostPassword .fields .widget, .mod_personalData .fields .widget { -webkit-box-flex: 0 1 100%; -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } @media (min-width: 768px) { .mod_registration .fields .widget, .mod_lostPassword .fields .widget, .mod_personalData .fields .widget { -webkit-box-flex: 0 1 calc(50% - 10px); -webkit-flex: 0 1 calc(50% - 10px); -ms-flex: 0 1 calc(50% - 10px); flex: 0 1 calc(50% - 10px); -webkit-flex-basis: calc(50% - 10px); -ms-flex-preferred-size: calc(50% - 10px); flex-basis: calc(50% - 10px); } } @media (min-width: 1200px) { .mod_registration .fields .widget, .mod_lostPassword .fields .widget, .mod_personalData .fields .widget { -webkit-box-flex: 0 1 calc(50% - 15px); -webkit-flex: 0 1 calc(50% - 15px); -ms-flex: 0 1 calc(50% - 15px); flex: 0 1 calc(50% - 15px); -webkit-flex-basis: calc(50% - 15px); -ms-flex-preferred-size: calc(50% - 15px); flex-basis: calc(50% - 15px); } } .mod_registration .fields .widget.widget-email, .mod_lostPassword .fields .widget.widget-email, .mod_personalData .fields .widget.widget-email { -webkit-box-flex: 0 1 100%; -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .mod_registration .info, .mod_lostPassword .info, .mod_personalData .info { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin-bottom: 15px; } .mod_registration .info li, .mod_lostPassword .info li, .mod_personalData .info li { line-height: 1; font-size: 0.875rem; } .mod_registration .info li:first-child, .mod_lostPassword .info li:first-child, .mod_personalData .info li:first-child { margin-right: 15px; } .mod_registration .info li a, .mod_lostPassword .info li a, .mod_personalData .info li a { position: relative; color: #009ee3; font-family: "Fago no", sans-serif; } .mod_registration .info li a:after, .mod_lostPassword .info li a:after, .mod_personalData .info li a:after { content: ""; display: block; width: 0; height: 1px; background: #fff; position: absolute; bottom: -2px; left: 0; -webkit-transition: width 0.2s ease-in; transition: width 0.2s ease-in; } .mod_registration .info li a:hover:after, .mod_lostPassword .info li a:hover:after, .mod_personalData .info li a:hover:after { width: 100%; } .mod_registration .info li a:after, .mod_lostPassword .info li a:after, .mod_personalData .info li a:after { background: #009ee3; } .mod_registration .widget-submit, .mod_lostPassword .widget-submit, .mod_personalData .widget-submit { text-align: left; } .mod_personalData .widget-submit { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .mod_personalData .widget-submit .ce_hyperlink { margin-bottom: 0; } .mod_closeAccount .module-holder > div, .mod_lostPasswordNotificationCenter .module-holder > div { padding: 25px; border: 2px solid #009ee3; border-bottom-right-radius: 50px; min-height: 100%; } @media (min-width: 1200px) { .mod_closeAccount .module-holder > div, .mod_lostPasswordNotificationCenter .module-holder > div { padding: 50px; } } .mod_changePassword { padding: 25px; border: 2px solid #009ee3; border-bottom-right-radius: 50px; min-height: 100%; } @media (min-width: 1200px) { .mod_changePassword { padding: 50px; } } .ce_rsce_teaser_login article .row { -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } @media (min-width: 1200px) { .ce_rsce_teaser_login article .row { margin-left: -15px; margin-right: -15px; } } .ce_rsce_teaser_login article .module-holder h2, .ce_rsce_teaser_login article .module-holder .blog-article h1, .blog-article .ce_rsce_teaser_login article .module-holder h1, .ce_rsce_teaser_login article .module-holder h3, .ce_rsce_teaser_login article .module-holder h4, .ce_rsce_teaser_login article .module-holder h5, .ce_rsce_teaser_login article .content-holder h2, .ce_rsce_teaser_login article .content-holder .blog-article h1, .blog-article .ce_rsce_teaser_login article .content-holder h1, .ce_rsce_teaser_login article .content-holder h3, .ce_rsce_teaser_login article .content-holder h4, .ce_rsce_teaser_login article .content-holder h5 { color: #4a4a4a; text-transform: none; } .ce_rsce_teaser_login article .module-holder > div, .ce_rsce_teaser_login article .content-holder > div { padding: 25px; border: 2px solid #009ee3; border-bottom-right-radius: 50px; min-height: 100%; } @media (min-width: 1200px) { .ce_rsce_teaser_login article .module-holder > div, .ce_rsce_teaser_login article .content-holder > div { padding: 50px; } } .ce_rsce_teaser_login article .module-holder .ce_text p, .ce_rsce_teaser_login article .content-holder .ce_text p { margin-bottom: 15px; font-size: 1rem; } @media (max-width: 767px) { .ce_rsce_teaser_login .module-holder { margin-bottom: 15px; } } .ce_rsce_teaser_login .module-holder .mod_login form { margin-bottom: 0; } .ce_rsce_teaser_login .module-holder .mod_login .info { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin-bottom: 15px; } .ce_rsce_teaser_login .module-holder .mod_login .info li { line-height: 1; font-size: 0.875rem; } .ce_rsce_teaser_login .module-holder .mod_login .info li:first-child { margin-right: 15px; } .ce_rsce_teaser_login .module-holder .mod_login .info li a { position: relative; color: #009ee3; font-family: "Fago no", sans-serif; } .ce_rsce_teaser_login .module-holder .mod_login .info li a:after { content: ""; display: block; width: 0; height: 1px; background: #fff; position: absolute; bottom: -2px; left: 0; -webkit-transition: width 0.2s ease-in; transition: width 0.2s ease-in; } .ce_rsce_teaser_login .module-holder .mod_login .info li a:hover:after { width: 100%; } .ce_rsce_teaser_login .module-holder .mod_login .info li a:after { background: #009ee3; } .ce_rsce_teaser_login .module-holder .mod_login .widget-submit { text-align: left; } .ce_rsce_teaser_login .content-holder .button-block { margin-bottom: 0; } .form-callback { margin-left: auto; margin-right: auto; margin-bottom: 0; } @media (min-width: 768px) { .form-callback { width: 1200px; max-width: 1200px; } } @media (min-width: 1400px) { .form-callback { width: 1200px; max-width: 1200px; } } @media (max-width: 1199px) { .form-callback { width: calc(100% - 30px); } } @media (max-width: 767px) { .form-callback { width: calc(100% - 15px); } } .form-callback .formbody { margin-top: 30px; margin-bottom: 30px; } @media (min-width: 768px) { .form-callback .formbody { margin-top: 50px; margin-bottom: 50px; } } @media (min-width: 1200px) { .form-callback .formbody { margin-top: 120px; margin-bottom: 120px; } } @media (min-width: 768px) { .form-callback .formbody { padding-left: 8.33%; padding-right: 8.33%; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } } @media (min-width: 1200px) { .form-callback .formbody { padding-left: 16.66%; padding-right: 16.66%; } } .form-callback .widget-explanation { color: #fff; } .form-callback .widget-explanation h1, .form-callback .widget-explanation h2, .form-callback .widget-explanation h3, .form-callback .widget-explanation h4, .form-callback .widget-explanation h5 { color: #fff; } @media (min-width: 768px) { .form-callback .widget-text, .form-callback .widget-select { -webkit-box-flex: 0 1 calc(50% - 10px); -webkit-flex: 0 1 calc(50% - 10px); -ms-flex: 0 1 calc(50% - 10px); flex: 0 1 calc(50% - 10px); -webkit-flex-basis: calc(50% - 10px); -ms-flex-preferred-size: calc(50% - 10px); flex-basis: calc(50% - 10px); } } @media (min-width: 1200px) { .form-callback .widget-text, .form-callback .widget-select { -webkit-box-flex: 0 1 calc(50% - 15px); -webkit-flex: 0 1 calc(50% - 15px); -ms-flex: 0 1 calc(50% - 15px); flex: 0 1 calc(50% - 15px); -webkit-flex-basis: calc(50% - 15px); -ms-flex-preferred-size: calc(50% - 15px); flex-basis: calc(50% - 15px); } } @media (min-width: 768px) { .form-callback .widget-explanation, .form-callback .widget-textarea, .form-callback .widget-submit { -webkit-box-flex: 0 1 100%; -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } } .form-callback .selectric { background: rgba(80, 209, 255, 0.8); border: none; } .form-callback .selectric .label { color: #fff; line-height: 37px; height: 37px; } .form-callback .widget-textarea label { display: none; } .form-callback .widget-submit { text-align: left; } .form-callback input, .form-callback select, .form-callback textarea { background: rgba(80, 209, 255, 0.8); box-shadow: none; border: none; color: #fff; } .form-callback input::-webkit-input-placeholder, .form-callback select::-webkit-input-placeholder, .form-callback textarea::-webkit-input-placeholder { color: #fff; } .form-callback input:-moz-placeholder, .form-callback select:-moz-placeholder, .form-callback textarea:-moz-placeholder { color: #fff; } .form-callback input::-moz-placeholder, .form-callback select::-moz-placeholder, .form-callback textarea::-moz-placeholder { color: #fff; } .form-callback input:-ms-input-placeholder, .form-callback select:-ms-input-placeholder, .form-callback textarea:-ms-input-placeholder { color: #fff; } .news-press, .news-tech, .news-list { margin-top: 30px; margin-bottom: 30px; padding-left: 0; padding-right: 0; position: relative; } @media (min-width: 768px) { .news-press, .news-tech, .news-list { margin-top: 50px; margin-bottom: 50px; } } @media (min-width: 1200px) { .news-press, .news-tech, .news-list { margin-top: 120px; margin-bottom: 120px; } } .news-press > h2, .blog-article .news-press > h1, .news-tech > h2, .blog-article .news-tech > h1, .news-list > h2, .blog-article .news-list > h1 { text-align: center; margin-bottom: 40px; } @media (min-width: 768px) { .news-press .layout_latest, .news-tech .layout_latest, .news-list .layout_latest { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } } .news-press .owl-item .col, .news-tech .owl-item .col, .news-list .owl-item .col { margin-left: 15px; margin-right: 15px; border: 2px solid #ccc; padding: 20px; } .news-press .button-text.secondary, .news-tech .button-text.secondary, .news-list .button-text.secondary { margin-bottom: 0px; text-align: right; position: relative; top: -20px; } .news-press .text-holder, .news-tech .text-holder, .news-list .text-holder { padding-left: 30px; padding-right: 30px; } @media (min-width: 768px) { .news-press .text-holder, .news-tech .text-holder, .news-list .text-holder { -webkit-box-flex: 0 1 50%; -webkit-flex: 0 1 50%; -ms-flex: 0 1 50%; flex: 0 1 50%; -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } } @media (min-width: 992px) { .news-press .text-holder, .news-tech .text-holder, .news-list .text-holder { -webkit-box-flex: 0 1 36%; -webkit-flex: 0 1 36%; -ms-flex: 0 1 36%; flex: 0 1 36%; -webkit-flex-basis: 36%; -ms-flex-preferred-size: 36%; flex-basis: 36%; } } .news-press .text-holder .info, .news-tech .text-holder .info, .news-list .text-holder .info { margin-bottom: 5px; font-size: 0.875rem; font-family: "Fago no", sans-serif; color: #9b9b9b; } .news-press .text-holder h4, .news-press .text-holder .blog-list h2, .news-press .text-holder .blog-list .blog-article h1, .blog-article .news-press .text-holder .blog-list h1, .blog-list .news-press .text-holder h2, .blog-list .news-press .text-holder .blog-article h1, .blog-article .blog-list .news-press .text-holder h1, .news-tech .text-holder h4, .news-tech .text-holder .blog-list h2, .news-tech .text-holder .blog-list .blog-article h1, .blog-article .news-tech .text-holder .blog-list h1, .blog-list .news-tech .text-holder h2, .blog-list .news-tech .text-holder .blog-article h1, .blog-article .blog-list .news-tech .text-holder h1, .news-list .text-holder h4, .news-list .text-holder .blog-list h2, .news-list .text-holder .blog-list .blog-article h1, .blog-article .news-list .text-holder .blog-list h1, .blog-list .news-list .text-holder h2, .blog-list .news-list .text-holder .blog-article h1, .blog-article .blog-list .news-list .text-holder h1 { margin-bottom: 15px; font-family: "Fago no", sans-serif; font-size: 2.375rem; color: #4a4a4a; letter-spacing: -0.04em; } .news-press .text-holder .ce_text p, .news-tech .text-holder .ce_text p, .news-list .text-holder .ce_text p { font-size: 1rem; margin-bottom: 15px; } @media (min-width: 768px) { .news-press .text-holder .button-text a + a, .news-tech .text-holder .button-text a + a, .news-list .text-holder .button-text a + a { margin-left: 30px; } } @media (min-width: 768px) { .news-press .image-holder, .news-tech .image-holder, .news-list .image-holder { -webkit-box-flex: 0 1 50%; -webkit-flex: 0 1 50%; -ms-flex: 0 1 50%; flex: 0 1 50%; -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; } } @media (min-width: 992px) { .news-press .image-holder, .news-tech .image-holder, .news-list .image-holder { -webkit-box-flex: 0 1 64%; -webkit-flex: 0 1 64%; -ms-flex: 0 1 64%; flex: 0 1 64%; -webkit-flex-basis: 64%; -ms-flex-preferred-size: 64%; flex-basis: 64%; } } .news-press .image-holder .image_container, .news-tech .image-holder .image_container, .news-list .image-holder .image_container { height: 100%; } .news-press .image-holder .image_container img, .news-tech .image-holder .image_container img, .news-list .image-holder .image_container img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; } .news-press:before, .news-list:before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .news-press .text-holder, .news-list .text-holder { border-right: 0; } .news-press .layout_latest, .news-list .layout_latest { border: 2px solid #ccc; padding: 20px; } .news-tech .text-holder { border-left: 0; } .news-tech .owl-dots { padding-bottom: 0; } @media (max-width: 767px) { .news-tech .owl-nav { display: none; } } @media (min-width: 768px) { body.safari .news-archive .layout_latest, body.safari .news-tech-archive .layout_latest, body.safari .news-press-archive .layout_latest { margin-left: -1px; margin-right: -1px; } } .news-archive .layout_latest, .news-tech-archive .layout_latest, .news-press-archive .layout_latest { padding-top: 15px; padding-bottom: 80px; } .news-archive .layout_latest .image-holder, .news-tech-archive .layout_latest .image-holder, .news-press-archive .layout_latest .image-holder { margin-bottom: 25px; } @media (min-width: 768px) { .news-list .button-top, .news-archive .button-top, .news-tech-archive .button-top, .news-press-archive .button-top { margin-bottom: 0; position: absolute; top: 0; right: 10px; } } @media (min-width: 1200px) { .news-list .button-top, .news-archive .button-top, .news-tech-archive .button-top, .news-press-archive .button-top { right: 15px; } } .news-list .layout_latest .text-holder .info, .news-archive .layout_latest .text-holder .info, .news-tech-archive .layout_latest .text-holder .info, .news-press-archive .layout_latest .text-holder .info { margin-bottom: 15px; font-size: 0.875rem; line-height: 1; } .news-list .layout_latest .text-holder .info .category, .news-archive .layout_latest .text-holder .info .category, .news-tech-archive .layout_latest .text-holder .info .category, .news-press-archive .layout_latest .text-holder .info .category { margin-left: 10px; color: #009ee3; font-family: "FaNo Regular", sans-serif; } .news-list .layout_latest .text-holder h4, .news-list .layout_latest .text-holder .blog-list h2, .news-list .layout_latest .text-holder .blog-list .blog-article h1, .blog-article .news-list .layout_latest .text-holder .blog-list h1, .blog-list .news-list .layout_latest .text-holder h2, .blog-list .news-list .layout_latest .text-holder .blog-article h1, .blog-article .blog-list .news-list .layout_latest .text-holder h1, .news-archive .layout_latest .text-holder h4, .news-archive .layout_latest .text-holder .blog-list h2, .news-archive .layout_latest .text-holder .blog-list .blog-article h1, .blog-article .news-archive .layout_latest .text-holder .blog-list h1, .blog-list .news-archive .layout_latest .text-holder h2, .blog-list .news-archive .layout_latest .text-holder .blog-article h1, .blog-article .blog-list .news-archive .layout_latest .text-holder h1, .news-tech-archive .layout_latest .text-holder h4, .news-tech-archive .layout_latest .text-holder .blog-list h2, .news-tech-archive .layout_latest .text-holder .blog-list .blog-article h1, .blog-article .news-tech-archive .layout_latest .text-holder .blog-list h1, .blog-list .news-tech-archive .layout_latest .text-holder h2, .blog-list .news-tech-archive .layout_latest .text-holder .blog-article h1, .blog-article .blog-list .news-tech-archive .layout_latest .text-holder h1, .news-press-archive .layout_latest .text-holder h4, .news-press-archive .layout_latest .text-holder .blog-list h2, .news-press-archive .layout_latest .text-holder .blog-list .blog-article h1, .blog-article .news-press-archive .layout_latest .text-holder .blog-list h1, .blog-list .news-press-archive .layout_latest .text-holder h2, .blog-list .news-press-archive .layout_latest .text-holder .blog-article h1, .blog-article .blog-list .news-press-archive .layout_latest .text-holder h1 { text-transform: none; margin-bottom: 20px; } .news-list .layout_latest .text-holder .ce_text p, .news-archive .layout_latest .text-holder .ce_text p, .news-tech-archive .layout_latest .text-holder .ce_text p, .news-press-archive .layout_latest .text-holder .ce_text p { margin-bottom: 10px; } @media (min-width: 768px) { .news-list .layout_latest .text-holder .button-text, .news-archive .layout_latest .text-holder .button-text, .news-tech-archive .layout_latest .text-holder .button-text, .news-press-archive .layout_latest .text-holder .button-text { margin-bottom: 0; } } .news-tech-archive { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .news-tech-archive .filter { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-left: 20px; } .news-tech-archive .filter li { padding: 0 10px; margin-bottom: 0; } .news-tech-archive .filter li.title { color: #4a4a4a; } .news-tech-archive .filter li a { position: relative; color: #009ee3; opacity: 0.5; -webkit-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in; } .news-tech-archive .filter li a:after { content: ""; display: block; width: 0; height: 1px; background: #fff; position: absolute; bottom: -2px; left: 0; -webkit-transition: width 0.2s ease-in; transition: width 0.2s ease-in; } .news-tech-archive .filter li a:hover:after { width: 100%; } .news-tech-archive .filter li a:hover, .news-tech-archive .filter li a.active { opacity: 1; } .news-tech-archive .filter li a:after { background: #009ee3; height: 2px; } .news-tech-archive .filter li a.active:after { width: 100%; } .mod_newsmenu { float: right; margin-top: 27px; line-height: 1; z-index: 1; padding-right: 0; padding-left: 4px; margin-bottom: 10px; } .mod_newsmenu ul { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .mod_newsmenu li { padding: 0 0 0 20px; } .mod_newsmenu li.title { padding-left: 0; } .mod_newsmenu li a { position: relative; color: #009ee3; opacity: 0.5; -webkit-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in; } .mod_newsmenu li a:after { content: ""; display: block; width: 0; height: 1px; background: #fff; position: absolute; bottom: -2px; left: 0; -webkit-transition: width 0.2s ease-in; transition: width 0.2s ease-in; } .mod_newsmenu li a:hover:after { width: 100%; } .mod_newsmenu li a:hover { opacity: 1; } .mod_newsmenu li a.active { opacity: 1; } .mod_newsmenu li a.active:after { width: 100%; } .mod_newsmenu li a:after { height: 2px; background: #009ee3; } .news-tech-reader, .news-reader { overflow: visible; } .news-tech-reader .layout_full, .news-reader .layout_full { overflow: visible; } .news-tech-reader .layout_full h1, .news-reader .layout_full h1 { text-transform: none; margin-bottom: 30px; } .news-tech-reader .layout_full .info, .news-reader .layout_full .info { margin-bottom: 0; } .news-tech-reader .layout_full > div, .news-tech-reader .layout_full > section:not(.ce_accordion), .news-reader .layout_full > div, .news-reader .layout_full > section:not(.ce_accordion) { padding-left: 0; padding-right: 0; } .news-tech-reader .button-text, .news-reader .button-text { margin-bottom: 0; margin-top: 15px; } @media (min-width: 768px) { .news-tech-reader .button-text, .news-reader .button-text { margin-top: 25px; } } @media (min-width: 1200px) { .news-tech-reader .button-text, .news-reader .button-text { margin-top: 60px; } } .startpage .mod_eventlist { margin-top: 30px; margin-bottom: 30px; padding-bottom: 0; } @media (min-width: 768px) { .startpage .mod_eventlist { margin-top: 50px; margin-bottom: 50px; } } @media (min-width: 1200px) { .startpage .mod_eventlist { margin-top: 120px; margin-bottom: 120px; } } @media (min-width: 768px) { .startpage .mod_eventlist { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 0; } } @media (min-width: 1200px) { .startpage .mod_eventlist { padding-bottom: 0; } } .startpage .mod_eventlist + .ce_hyperlink { margin-bottom: 30px; text-align: right; } @media (min-width: 768px) { .startpage .mod_eventlist + .ce_hyperlink { margin-bottom: 50px; } } @media (min-width: 1200px) { .startpage .mod_eventlist + .ce_hyperlink { margin-bottom: 120px; } } .mod_eventlist { margin-top: 30px; margin-bottom: 30px; } @media (min-width: 768px) { .mod_eventlist { margin-top: 50px; margin-bottom: 50px; } } @media (min-width: 1200px) { .mod_eventlist { margin-top: 120px; margin-bottom: 120px; } } @media (min-width: 768px) { .mod_eventlist { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } } .mod_eventlist > h2, .blog-article .mod_eventlist > h1, .mod_eventlist > h3 { text-align: center; margin-bottom: 40px; } @media (min-width: 768px) { .mod_eventlist > h2, .blog-article .mod_eventlist > h1, .mod_eventlist > h3 { -webkit-box-flex: 0 1 100%; -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } } .mod_eventlist .event-block { border: 2px solid #fff; padding: 20px; margin-bottom: 20px; } @media (min-width: 768px) { .mod_eventlist .event-block { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media (min-width: 992px) { .mod_eventlist .event-block { -webkit-box-flex: 0 1 49%; -webkit-flex: 0 1 49%; -ms-flex: 0 1 49%; flex: 0 1 49%; -webkit-flex-basis: 49%; -ms-flex-preferred-size: 49%; flex-basis: 49%; } } @media (min-width: 768px) { .mod_eventlist .event-block:nth-child(3) ~ .event-block { margin-top: 15px; } } .mod_eventlist .time { margin-bottom: 5px; font-size: 0.875rem; font-family: "Fago no", sans-serif; color: #9b9b9b; } @media (min-width: 768px) { .mod_eventlist .time { -webkit-box-flex: 0 1 100%; -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } } .mod_eventlist .header > span { display: none; } .mod_eventlist .header h4, .mod_eventlist .header .blog-list h2, .mod_eventlist .header .blog-list .blog-article h1, .blog-article .mod_eventlist .header .blog-list h1, .blog-list .mod_eventlist .header h2, .blog-list .mod_eventlist .header .blog-article h1, .blog-article .blog-list .mod_eventlist .header h1 { text-transform: none; font-family: "Fago no", sans-serif; color: #4a4a4a; font-size: 2.375rem; } @media (min-width: 768px) { .mod_eventlist .header h4, .mod_eventlist .header .blog-list h2, .mod_eventlist .header .blog-list .blog-article h1, .blog-article .mod_eventlist .header .blog-list h1, .blog-list .mod_eventlist .header h2, .blog-list .mod_eventlist .header .blog-article h1, .blog-article .blog-list .mod_eventlist .header h1 { margin-bottom: 0; } } .mod_eventlist .event { margin-top: 15px; margin-bottom: 15px; } @media (min-width: 768px) { .mod_eventlist .event { -webkit-box-flex: 0 1 100%; -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } } .mod_eventlist .event > h2, .mod_eventlist .blog-article .event > h1, .blog-article .mod_eventlist .event > h1 { display: none; } .mod_eventlist .event ul { list-style: none; } @media (min-width: 768px) { .mod_eventlist .event ul { margin-bottom: 0; } } .mod_eventlist .event li { line-height: 1.5; padding-left: 0 !important; font-size: 1rem; margin-top: 5px; } .mod_eventlist .event li:first-child { margin-top: 0; } .mod_eventlist .button-text { position: relative; text-align: right; padding-right: 0; } @media (min-width: 992px) { .mod_eventlist .button-text { margin-bottom: 0; } } .mod_eventlist .button-text .invisible { position: absolute; } .customarticle_25 .mod_eventlist > .button-text, .customarticle_1119 .mod_eventlist > .button-text { display: none; } .mod_eventreader .info > div { padding: 30px; background-image: url(/files/public/backgrounds/polygon-background.png); background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; border-bottom-right-radius: 50px; } .mod_eventreader .info p, .mod_eventreader .info li { color: #fff; } .mod_eventreader .info ul { margin-bottom: 15px; } @media (min-width: 768px) { .mod_eventreader .info ul { margin-bottom: 25px; } } @media (min-width: 1200px) { .mod_eventreader .info ul { margin-bottom: 60px; } } .mod_eventreader .info li:first-child { font-weight: bold; } .mod_eventreader .info .title { text-transform: uppercase; margin-bottom: 5px; font-family: "FaNo Regular", sans-serif; font-size: 1.25rem; } .mod_eventreader .info p:last-of-type { margin-bottom: 0; } .mod_eventreader .ce_text { padding: 0; } .publications-archive .layout_latest .image-holder, .publications-archive .layout_latest .button-text { display: none; } .publications-archive .layout_latest h4, .publications-archive .layout_latest .blog-list h2, .publications-archive .layout_latest .blog-list .blog-article h1, .blog-article .publications-archive .layout_latest .blog-list h1, .blog-list .publications-archive .layout_latest h2, .blog-list .publications-archive .layout_latest .blog-article h1, .blog-article .blog-list .publications-archive .layout_latest h1 { margin-bottom: 5px; } .publications-archive .layout_latest h4 a, .publications-archive .layout_latest .blog-list h2 a, .publications-archive .layout_latest .blog-list .blog-article h1 a, .blog-article .publications-archive .layout_latest .blog-list h1 a, .blog-list .publications-archive .layout_latest h2 a, .blog-list .publications-archive .layout_latest .blog-article h1 a, .blog-article .blog-list .publications-archive .layout_latest h1 a { position: relative; color: #009ee3; } .publications-archive .layout_latest h4 a:after, .publications-archive .layout_latest .blog-list h2 a:after, .publications-archive .layout_latest .blog-list .blog-article h1 a:after, .blog-article .publications-archive .layout_latest .blog-list h1 a:after, .blog-list .publications-archive .layout_latest h2 a:after, .blog-list .publications-archive .layout_latest .blog-article h1 a:after, .blog-article .blog-list .publications-archive .layout_latest h1 a:after { content: ""; display: block; width: 0; height: 1px; background: #fff; position: absolute; bottom: 0; left: 0; -webkit-transition: width 0.2s ease-in; transition: width 0.2s ease-in; } .publications-archive .layout_latest h4 a:hover:after, .publications-archive .layout_latest .blog-list h2 a:hover:after, .publications-archive .layout_latest .blog-list .blog-article h1 a:hover:after, .blog-article .publications-archive .layout_latest .blog-list h1 a:hover:after, .blog-list .publications-archive .layout_latest h2 a:hover:after, .blog-list .publications-archive .layout_latest .blog-article h1 a:hover:after, .blog-article .blog-list .publications-archive .layout_latest h1 a:hover:after { width: 100%; } .publications-archive .layout_latest h4 a:after, .publications-archive .layout_latest .blog-list h2 a:after, .publications-archive .layout_latest .blog-list .blog-article h1 a:after, .blog-article .publications-archive .layout_latest .blog-list h1 a:after, .blog-list .publications-archive .layout_latest h2 a:after, .blog-list .publications-archive .layout_latest .blog-article h1 a:after, .blog-article .blog-list .publications-archive .layout_latest h1 a:after { background: #009ee3; } .publications-archive .layout_latest p.info { margin-bottom: 0; } .ce_rsce_blog_gap .fullgap { padding-top: 15px; padding-bottom: 15px; } @media (min-width: 768px) { .ce_rsce_blog_gap .fullgap { padding-top: 25px; } } @media (min-width: 1200px) { .ce_rsce_blog_gap .fullgap { padding-top: 60px; } } @media (min-width: 768px) { .ce_rsce_blog_gap .fullgap { padding-bottom: 25px; } } @media (min-width: 1200px) { .ce_rsce_blog_gap .fullgap { padding-bottom: 60px; } } .ce_rsce_blog_gap .halfgap { padding-top: 15px; } @media (min-width: 768px) { .ce_rsce_blog_gap .halfgap { padding-top: 25px; } } @media (min-width: 1200px) { .ce_rsce_blog_gap .halfgap { padding-top: 60px; } } .news-reader .gap-top, .news-reader .gap-bottom { margin-top: 0; margin-bottom: 0; overflow: hidden; } .news-reader .gap-top > div, .news-reader .gap-bottom > div { margin-top: 15px; } @media (min-width: 768px) { .news-reader .gap-top > div, .news-reader .gap-bottom > div { margin-top: 25px; } } @media (min-width: 1200px) { .news-reader .gap-top > div, .news-reader .gap-bottom > div { margin-top: 60px; } } .news-reader .layout_full > .ce_text, .news-reader .layout_full .ce_gallery { padding-top: 15px; padding-bottom: 15px; } @media (min-width: 768px) { .news-reader .layout_full > .ce_text, .news-reader .layout_full .ce_gallery { padding-top: 25px; } } @media (min-width: 1200px) { .news-reader .layout_full > .ce_text, .news-reader .layout_full .ce_gallery { padding-top: 60px; } } @media (min-width: 768px) { .news-reader .layout_full > .ce_text, .news-reader .layout_full .ce_gallery { padding-bottom: 25px; } } @media (min-width: 1200px) { .news-reader .layout_full > .ce_text, .news-reader .layout_full .ce_gallery { padding-bottom: 60px; } } .ce_rsce_blog_text_image .row { -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .ce_rsce_blog_text_image .img-holder div { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; height: 100%; } @media (max-width: 767px) { .ce_rsce_blog_text_image .img-holder div { height: 250px; } } .ce_rsce_blog_fullwidth_image { padding: 0; } .ce_rsce_blog_fullwidth_image article { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; padding-top: 40px; padding-bottom: 40px; } @media (min-width: 768px) { .ce_rsce_blog_fullwidth_image article { height: 400px; padding-top: 0; padding-bottom: 0; } } @media (min-width: 1200px) { .ce_rsce_blog_fullwidth_image article { height: 500px; } } .ce_rsce_blog_fullwidth_image .container, .ce_rsce_blog_fullwidth_image .row { height: 100%; } .ce_rsce_blog_fullwidth_image .row { position: relative; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .ce_rsce_blog_fullwidth_image .row.justify-start { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .ce_rsce_blog_fullwidth_image .row.justify-start .content-holder { text-align: left; } .ce_rsce_blog_fullwidth_image .row .label-security { width: 99px; height: 114px; margin-bottom: 30px; background: url(/files/public/icons/secured.png) no-repeat 0 0; } @media (min-width: 768px) { .ce_rsce_blog_fullwidth_image .row .label-security { position: absolute; right: 10px; top: 10px; } } @media (min-width: 1200px) { .ce_rsce_blog_fullwidth_image .row .label-security { right: 15px; top: 15px; } } .ce_rsce_blog_fullwidth_image .content-holder { text-align: center; } .ce_rsce_blog_fullwidth_image .headline { color: #fff; text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.8); } @media (min-width: 768px) { .ce_rsce_blog_fullwidth_image .headline { font-size: 2.875rem; } } @media (min-width: 1200px) { .ce_rsce_blog_fullwidth_image .headline { font-size: 4.125rem; } } .ce_rsce_blog_fullwidth_image .ce_text p, .ce_rsce_blog_fullwidth_image .ce_text li { color: #fff; } .ce_rsce_blog_fullwidth_image .ce_text p { margin-bottom: 0; } .ce_rsce_blog_cta_products { background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgb(228, 229, 231) 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgb(228, 229, 231) 100%); margin-top: 30px; margin-bottom: 30px; position: relative; } @media (min-width: 768px) { .ce_rsce_blog_cta_products { margin-top: 50px; margin-bottom: 50px; } } @media (min-width: 1200px) { .ce_rsce_blog_cta_products { margin-top: 120px; margin-bottom: 120px; } } .ce_rsce_blog_cta_products:before, .ce_rsce_blog_cta_products:after { content: ""; display: block; width: 100%; height: 100%; background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgb(228, 229, 231) 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgb(228, 229, 231) 100%); position: absolute; top: 0; } .ce_rsce_blog_cta_products:before { left: 100%; } .ce_rsce_blog_cta_products:after { right: 100%; } .ce_rsce_blog_cta_products .content-holder { padding-top: 30px; padding-bottom: 30px; } @media (min-width: 768px) { .ce_rsce_blog_cta_products .content-holder { padding-top: 70px; padding-bottom: 70px; text-align: right; } } @media (min-width: 1200px) { .ce_rsce_blog_cta_products .content-holder { padding-top: 100px; padding-bottom: 100px; } } .ce_rsce_blog_cta_products .content-holder .headline { color: #4a4a4a; margin-bottom: 20px; } .ce_rsce_blog_cta_products .content-holder .ce_text p { font-size: 1rem; line-height: 1.2; margin-bottom: 20px; } .ce_rsce_blog_cta_products .content-holder .button-block { text-align: right; } .ce_rsce_blog_cta_products .img-holder { background-position: 50% 50%; background-repeat: no-repeat; background-size: auto 100%; background-position: 50% 50%; } .ce_rsce_technote_text_with_quote { position: relative; padding: 0 !important; } .ce_rsce_technote_text_with_quote article { position: relative; margin-top: 30px; margin-bottom: 30px; z-index: 1; background: -webkit-linear-gradient(left, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 50%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to right, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 50%, rgba(255, 255, 255, 0) 100%); } @media (min-width: 768px) { .ce_rsce_technote_text_with_quote article { margin-top: 50px; margin-bottom: 50px; } } @media (min-width: 1200px) { .ce_rsce_technote_text_with_quote article { margin-top: 120px; margin-bottom: 120px; } } .ce_rsce_technote_text_with_quote article .container { padding-left: 0; padding-right: 0; } .ce_rsce_technote_text_with_quote .headline { margin-bottom: 15px; } .ce_rsce_technote_text_with_quote .button-block { text-align: right; } .ce_rsce_technote_text_with_quote .content-holder .ce_text p { margin-bottom: 15px; } .ce_rsce_technote_text_with_quote .content-holder .ce_text blockquote { padding-left: 30px; padding-right: 30px; } .ce_rsce_technote_text_with_quote .content-holder .ce_text blockquote p { font-size: 1.375rem; line-height: 1.2; color: #009ee3; font-family: "FaNo Regular", sans-serif; } .ce_rsce_technote_text_with_quote .content-holder .ce_text ul { list-style-type: disc; padding-left: 1.5714286em; } .ce_rsce_technote_text_with_quote .content-holder .ce_text li { padding-left: 0.4285714em; } .ce_rsce_technote_text_with_quote .content-holder .ce_text li::marker { color: #4a4a4a; } .ce_rsce_technote_text_with_quote .note-holder .inside { padding: 20px; background: rgba(0, 173, 239, 0.85); border-bottom-right-radius: 50px; background-size: cover; } @media (min-width: 768px) { .ce_rsce_technote_text_with_quote .note-holder .inside { padding: 50px; width: 83.34%; } } @media (min-width: 992px) { .ce_rsce_technote_text_with_quote .note-holder .inside { width: 66.67%; } } @media (min-width: 1200px) { .ce_rsce_technote_text_with_quote .note-holder .inside { width: 60%; } } .ce_rsce_technote_text_with_quote .note-holder h2, .ce_rsce_technote_text_with_quote .note-holder .blog-article h1, .blog-article .ce_rsce_technote_text_with_quote .note-holder h1, .ce_rsce_technote_text_with_quote .note-holder h3, .ce_rsce_technote_text_with_quote .note-holder h4, .ce_rsce_technote_text_with_quote .note-holder h5 { font-size: 1rem; color: #fff; margin-bottom: 15px; text-transform: uppercase; font-family: "FaNo Regular", sans-serif; } @media (min-width: 1200px) { .ce_rsce_technote_text_with_quote .note-holder h2, .ce_rsce_technote_text_with_quote .note-holder .blog-article h1, .blog-article .ce_rsce_technote_text_with_quote .note-holder h1, .ce_rsce_technote_text_with_quote .note-holder h3, .ce_rsce_technote_text_with_quote .note-holder h4, .ce_rsce_technote_text_with_quote .note-holder h5 { font-size: 1.125rem; } } .ce_rsce_technote_text_with_quote .note-holder .ce_text p, .ce_rsce_technote_text_with_quote .note-holder .ce_text li { color: #fff; } .ce_rsce_technote_text_with_quote .note-holder .ce_text p, .ce_rsce_technote_text_with_quote .note-holder .ce_text ul { margin-bottom: 30px; } .ce_rsce_technote_text_with_quote .note-holder .ce_text p:last-child, .ce_rsce_technote_text_with_quote .note-holder .ce_text ul:last-child { margin-bottom: 0; } .ce_rsce_technote_text_with_quote .note-holder .ce_text li:before { top: 13px; background: #fff; } .ce_rsce_technote_text_with_quote .carousel-holder { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ce_rsce_technote_text_with_quote .carousel-holder .owl-carousel, .ce_rsce_technote_text_with_quote .carousel-holder .owl-stage-outer, .ce_rsce_technote_text_with_quote .carousel-holder .owl-stage, .ce_rsce_technote_text_with_quote .carousel-holder .owl-item, .ce_rsce_technote_text_with_quote .carousel-holder .img { height: 100%; } .ce_rsce_technote_text_with_quote .carousel-holder .img { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; } .ce_rsce_blog_items .content-left .ce_text { margin-left: 0; text-align: left; } .ce_rsce_blog_items .content-left .teasers-holder { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .ce_rsce_blog_items .ce_text { margin-left: auto; margin-right: auto; text-align: center; } .ce_rsce_blog_items .ce_text p { font-size: 1rem; } .ce_rsce_blog_items .headline { color: #4a4a4a; } .ce_rsce_blog_items .teasers-holder { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; margin-top: -10px; margin-bottom: -10px; } @media (min-width: 768px) { .ce_rsce_blog_items .teasers-holder { margin-top: -10px; margin-bottom: -10px; } } @media (min-width: 1200px) { .ce_rsce_blog_items .teasers-holder { margin-top: -15px; margin-bottom: -15px; } } .ce_rsce_blog_items .teaser { padding-top: 10px; padding-bottom: 10px; } @media (min-width: 768px) { .ce_rsce_blog_items .teaser { padding-top: 10px; padding-bottom: 10px; } } @media (min-width: 1200px) { .ce_rsce_blog_items .teaser { padding-top: 15px; padding-bottom: 15px; } } .ce_rsce_blog_items .teaser .inside { -webkit-transition: box-shadow 0.2s ease-in; transition: box-shadow 0.2s ease-in; } .ce_rsce_blog_items .teaser .inside:hover { box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.35); } .ce_rsce_blog_items .teaser .title { color: #fff; text-transform: none; background: #009ee3; text-align: center; margin-bottom: 0; padding: 20px 10px; line-height: 1; } .ce_rsce_blog_items .teaser a { display: block; width: 100%; background-position: 50% 50%; background-repeat: no-repeat; background-size: 130px auto; background-color: rgb(248, 248, 248); } .ce_rsce_blog_items .teaser a:after { content: ""; display: block; padding-bottom: 100%; } .ce_rsce_blog_configurator { padding-left: 0; padding-right: 0; margin-top: 30px; margin-bottom: 30px; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; } @media (min-width: 768px) { .ce_rsce_blog_configurator { margin-top: 50px; margin-bottom: 50px; } } @media (min-width: 1200px) { .ce_rsce_blog_configurator { margin-top: 120px; margin-bottom: 120px; } } .ce_rsce_blog_configurator .row { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .ce_rsce_blog_configurator .content-holder { text-align: center; } .ce_rsce_blog_configurator .content-holder .headline { color: #fff; } .ce_rsce_blog_configurator .content-holder .ce_text { color: #fff; } .ce_rsce_blog_configurator .steps { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 15px; } @media (min-width: 768px) { .ce_rsce_blog_configurator .steps { margin-bottom: 25px; } } @media (min-width: 1200px) { .ce_rsce_blog_configurator .steps { margin-bottom: 60px; } } @media (max-width: 767px) { .ce_rsce_blog_configurator .steps { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .ce_rsce_blog_configurator .steps li { position: relative; -webkit-box-flex: 0 1 200px; -webkit-flex: 0 1 200px; -ms-flex: 0 1 200px; flex: 0 1 200px; -webkit-flex-basis: 200px; -ms-flex-preferred-size: 200px; flex-basis: 200px; width: 200px; height: 200px; color: #fff; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; background: rgba(0, 173, 239, 0.8); border-radius: 50%; } @media (min-width: 768px) { .ce_rsce_blog_configurator .steps li { -webkit-box-flex: 0 1 160px; -webkit-flex: 0 1 160px; -ms-flex: 0 1 160px; flex: 0 1 160px; -webkit-flex-basis: 160px; -ms-flex-preferred-size: 160px; flex-basis: 160px; width: 160px; height: 160px; margin: 0 20px; } } @media (min-width: 1200px) { .ce_rsce_blog_configurator .steps li { -webkit-box-flex: 0 1 200px; -webkit-flex: 0 1 200px; -ms-flex: 0 1 200px; flex: 0 1 200px; -webkit-flex-basis: 200px; -ms-flex-preferred-size: 200px; flex-basis: 200px; width: 200px; height: 200px; margin: 0 40px; } } @media (max-width: 767px) { .ce_rsce_blog_configurator .steps li { margin-top: 15px; } } @media (max-width: 767px) { .ce_rsce_blog_configurator .steps li:first-child { margin-top: 0; } } .ce_rsce_blog_configurator .steps li svg { width: 84%; height: 84%; border-radius: 50%; position: absolute; top: 0; left: 0; margin: 8%; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; } .ce_rsce_blog_configurator .steps li span { position: relative; padding: 0 15px; max-width: 80%; display: block; margin-left: auto; margin-right: auto; text-transform: uppercase; font-weight: 600; } .ce_rsce_blog_configurator .button-block { text-align: center; margin-bottom: 0; } .ce_rsce_blog_text_2cols .is-hidden { opacity: 0; } .ce_rsce_blog_text_2cols .content-holder .ce_text p { margin-bottom: 15px; } .ce_rsce_blog_text_2cols .content-holder .ce_text blockquote { padding-left: 30px; padding-right: 30px; } .ce_rsce_blog_text_2cols .content-holder .ce_text blockquote p { font-size: 1.375rem; line-height: 1.2; color: #009ee3; font-family: "FaNo Regular", sans-serif; } .ce_rsce_blog_text_2cols .content-holder .ce_text ul { list-style-type: disc; padding-left: 1.5714286em; } .ce_rsce_blog_text_2cols .content-holder .ce_text li { padding-left: 0.4285714em; } .ce_rsce_blog_text_2cols .content-holder .ce_text li::marker { color: #4a4a4a; } .ce_rsce_blog_list_2cols .headline { font-size: 1.25rem; color: #4a4a4a; } .ce_rsce_blog_list_2cols .has-image { padding: 30px; border-bottom-right-radius: 50px; } .ce_rsce_blog_list_2cols .has-image .headline { color: #fff; } .ce_rsce_blog_list_2cols .has-image li { color: #fff; } .ce_rsce_blog_list_2cols .has-image li:before { background: #fff !important; } .ce_rsce_blog_list_2cols ul, .ce_rsce_blog_list_2cols ol { margin-bottom: 0 !important; } @media (min-width: 1200px) { .ce_rsce_blog_list_2cols .split ul, .ce_rsce_blog_list_2cols .split ol { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; } } .ce_rsce_blog_features_teaser.type-tiles .headline-holder { -webkit-box-flex: 0 1 100%; -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } @media (min-width: 768px) { .ce_rsce_blog_features_teaser.type-tiles .headline-holder { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } } @media (min-width: 768px) { .ce_rsce_blog_features_teaser.type-tiles .headline-holder .headline { -webkit-box-flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; } } .ce_rsce_blog_features_teaser.type-tiles .headline-holder .cta-link { position: relative; color: #009ee3; } .ce_rsce_blog_features_teaser.type-tiles .headline-holder .cta-link:after { content: ""; display: block; width: 0; height: 1px; background: #fff; position: absolute; bottom: 0; left: 0; -webkit-transition: width 0.2s ease-in; transition: width 0.2s ease-in; } .ce_rsce_blog_features_teaser.type-tiles .headline-holder .cta-link:hover:after { width: 100%; } @media (min-width: 768px) { .ce_rsce_blog_features_teaser.type-tiles .headline-holder .cta-link { -webkit-box-flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; } } .ce_rsce_blog_features_teaser.type-tiles .headline-holder .cta-link:after { background: #009ee3; } .ce_rsce_blog_features_teaser.type-tiles .features .feature { padding: 10px; -webkit-box-flex: 0 1 100%; -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } @media (min-width: 768px) { .ce_rsce_blog_features_teaser.type-tiles .features .feature { -webkit-box-flex: 0 1 50%; -webkit-flex: 0 1 50%; -ms-flex: 0 1 50%; flex: 0 1 50%; -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; } } @media (min-width: 992px) { .ce_rsce_blog_features_teaser.type-tiles .features .feature { -webkit-box-flex: 0 1 33.33%; -webkit-flex: 0 1 33.33%; -ms-flex: 0 1 33.33%; flex: 0 1 33.33%; -webkit-flex-basis: 33.33%; -ms-flex-preferred-size: 33.33%; flex-basis: 33.33%; } } @media (min-width: 1200px) { .ce_rsce_blog_features_teaser.type-tiles .features .feature { -webkit-box-flex: 0 1 25%; -webkit-flex: 0 1 25%; -ms-flex: 0 1 25%; flex: 0 1 25%; -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; padding: 15px; } } .ce_rsce_blog_features_teaser.type-tiles .features .feature .holder { position: relative; overflow: hidden; } .ce_rsce_blog_features_teaser.type-tiles .features .feature .holder:before { content: ""; display: block; width: 100%; height: 100%; background: rgb(0, 110, 159); background: -webkit-linear-gradient(left, rgb(0, 110, 159) 0%, rgb(0, 157, 224) 100%); background: linear-gradient(to right, rgb(0, 110, 159) 0%, rgb(0, 157, 224) 100%); position: absolute; top: 0; left: 0; } .ce_rsce_blog_features_teaser.type-tiles .features .feature .holder:after { content: ""; display: block; padding-bottom: 100%; } .ce_rsce_blog_features_teaser.type-tiles .features .feature .holder:hover span { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .ce_rsce_blog_features_teaser.type-tiles .features .feature .bg { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background-position: 50% 50%; background-repeat: no-repeat; background-size: 100% auto; z-index: 1; } .ce_rsce_blog_features_teaser.type-tiles .features .feature img, .ce_rsce_blog_features_teaser.type-tiles .features .feature svg { position: absolute; top: 43%; left: 50%; max-width: 50%; max-height: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .ce_rsce_blog_features_teaser.type-tiles .features .feature img path, .ce_rsce_blog_features_teaser.type-tiles .features .feature svg path { fill: #fff; background-color: #fff; } .ce_rsce_blog_features_teaser.type-tiles .features .feature .title { position: absolute; bottom: 25px; left: 0; text-align: center; width: 100%; padding: 0 15px; margin-bottom: 0; text-transform: uppercase; font-family: "FaNo Regular", sans-serif; font-size: 0.875rem; color: #fff; } .ce_rsce_blog_features_teaser.type-tiles .features .feature span { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; font-size: 0.8125rem; color: #fff; background: rgb(0, 110, 159); background: -webkit-linear-gradient(left, rgb(0, 110, 159) 0%, rgb(0, 157, 224) 100%); background: linear-gradient(to right, rgb(0, 110, 159) 0%, rgb(0, 157, 224) 100%); will-change: transform; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-transition: transform 0.2s ease-in; -webkit-transition: -webkit-transform 0.2s ease-in; transition: -webkit-transform 0.2s ease-in; transition: transform 0.2s ease-in; transition: transform 0.2s ease-in, -webkit-transform 0.2s ease-in; padding: 20px; text-align: center; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; z-index: 5; } .ce_rsce_blog_features_teaser.type-tiles .features .feature span b { text-transform: uppercase; font-family: "FaNo Regular", sans-serif; font-size: 0.875rem; } .ce_rsce_blog_features_teaser.type-tiles .features .feature span p { margin-bottom: 0; line-height: 1.2; } .ce_rsce_blog_features_teaser.type-rows + .type-rows { margin-top: 15px; } @media (min-width: 768px) { .ce_rsce_blog_features_teaser.type-rows + .type-rows { margin-top: 25px; } } @media (min-width: 1200px) { .ce_rsce_blog_features_teaser.type-rows + .type-rows { margin-top: 60px; } } .ce_rsce_blog_features_teaser.type-rows .headline { color: #4a4a4a; text-transform: none; } .ce_rsce_blog_features_teaser.type-rows .features-holder { margin: 15px -15px; } @media (min-width: 768px) { .ce_rsce_blog_features_teaser.type-rows .features-holder { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .ce_rsce_blog_features_teaser.type-rows .feature-block { position: relative; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 15px; cursor: pointer; } @media (min-width: 768px) { .ce_rsce_blog_features_teaser.type-rows .feature-block { -webkit-box-flex: 0 1 50%; -webkit-flex: 0 1 50%; -ms-flex: 0 1 50%; flex: 0 1 50%; -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; } } @media (min-width: 992px) { .ce_rsce_blog_features_teaser.type-rows .feature-block { -webkit-box-flex: 0 1 33.33%; -webkit-flex: 0 1 33.33%; -ms-flex: 0 1 33.33%; flex: 0 1 33.33%; -webkit-flex-basis: 33.33%; -ms-flex-preferred-size: 33.33%; flex-basis: 33.33%; } } .ce_rsce_blog_features_teaser.type-rows .feature-block.active .feature-toggler:after { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .ce_rsce_blog_features_teaser.type-rows .feature-block .feature-icon { position: relative; width: 61px; height: 61px; will-change: transform; -webkit-transition: transform 0.2s ease-in; -webkit-transition: -webkit-transform 0.2s ease-in; transition: -webkit-transform 0.2s ease-in; transition: transform 0.2s ease-in; transition: transform 0.2s ease-in, -webkit-transform 0.2s ease-in; } .ce_rsce_blog_features_teaser.type-rows .feature-block .feature-icon:before { content: ""; display: block; width: 100%; height: 100%; background: rgb(0, 110, 159); background: -webkit-linear-gradient(left, rgb(0, 110, 159) 0%, rgb(0, 157, 224) 100%); background: linear-gradient(to right, rgb(0, 110, 159) 0%, rgb(0, 157, 224) 100%); position: absolute; top: 0; left: 0; } .ce_rsce_blog_features_teaser.type-rows .feature-block .feature-icon img { position: absolute; top: 50%; left: 50%; max-width: 60%; max-height: 60%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .ce_rsce_blog_features_teaser.type-rows .feature-block .feature-content { -webkit-box-flex: 0 1 calc(100% - 61px); -webkit-flex: 0 1 calc(100% - 61px); -ms-flex: 0 1 calc(100% - 61px); flex: 0 1 calc(100% - 61px); -webkit-flex-basis: calc(100% - 61px); -ms-flex-preferred-size: calc(100% - 61px); flex-basis: calc(100% - 61px); } .ce_rsce_blog_features_teaser.type-rows .feature-block .feature-toggler { position: relative; padding: 15px; font-family: "FaNo Regular", sans-serif; background-color: rgb(248, 248, 248); font-size: 0.875rem; line-height: 1; min-height: 60px; max-height: 60px; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .ce_rsce_blog_features_teaser.type-rows .feature-block .feature-toggler:after { font-family: "icomoon" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e902"; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); font-size: 1.375rem; position: absolute; top: 50%; right: 15px; margin-top: -11px; will-change: transform; -webkit-transition: transform 0.2s ease-in; -webkit-transition: -webkit-transform 0.2s ease-in; transition: -webkit-transform 0.2s ease-in; transition: transform 0.2s ease-in; transition: transform 0.2s ease-in, -webkit-transform 0.2s ease-in; } .ce_rsce_blog_features_teaser.type-rows .feature-block .feature-description { display: none; position: absolute; background: #fff; padding: 10px; width: calc(100% - 30px); left: 15px; z-index: 1; border: 1px solid rgb(248, 248, 248); } @media (min-width: 768px) { .ce_rsce_blog_downloads artilce > headline, .ce_rsce_blog_downloads artilce > .ce_text { width: 50%; } } .ce_rsce_blog_downloads .dl-holder > div.has-image { padding: 30px; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; border-bottom-right-radius: 50px; } @media (min-width: 1200px) { .ce_rsce_blog_downloads .dl-holder > div.has-image { padding: 45px; } } .ce_rsce_blog_downloads .dl-holder > div.has-image .title, .ce_rsce_blog_downloads .dl-holder > div.has-image li { color: #fff; } .ce_rsce_blog_downloads .dl-holder > div.has-image li span { border: 2px solid #fff; border-right: none; } .ce_rsce_blog_downloads .dl-holder > div.has-image li a { border: 2px solid #fff; color: #fff; } .ce_rsce_blog_downloads .dl-holder .title { font-size: 1.25rem; } .ce_rsce_blog_downloads .dl-holder li { text-transform: uppercase; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 10px; } .ce_rsce_blog_downloads .dl-holder li:first-child { margin-top: 0; } .ce_rsce_blog_downloads .dl-holder li span { -webkit-box-flex: 0 1 calc(100% - 50px); -webkit-flex: 0 1 calc(100% - 50px); -ms-flex: 0 1 calc(100% - 50px); flex: 0 1 calc(100% - 50px); -webkit-flex-basis: calc(100% - 50px); -ms-flex-preferred-size: calc(100% - 50px); flex-basis: calc(100% - 50px); border: 2px solid #009ee3; font-size: 1rem; padding: 10px; border-right: none; } .ce_rsce_blog_downloads .dl-holder li a { width: 48px; height: 48px; -webkit-box-flex: 0 1 48px; -webkit-flex: 0 1 48px; -ms-flex: 0 1 48px; flex: 0 1 48px; -webkit-flex-basis: 48px; -ms-flex-preferred-size: 48px; flex-basis: 48px; border: 2px solid #009ee3; text-align: center; line-height: 42px !important; color: #009ee3; } .ce_rsce_blog_downloads .dl-holder li a:before { display: block; will-change: transform; -webkit-transition: transform 0.2s ease-in; -webkit-transition: -webkit-transform 0.2s ease-in; transition: -webkit-transform 0.2s ease-in; transition: transform 0.2s ease-in; transition: transform 0.2s ease-in, -webkit-transform 0.2s ease-in; } .ce_rsce_blog_downloads .dl-holder li a:hover:before { -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); } .ce_rsce_blog_cta_box .content-holder > div { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; padding: 30px; border-bottom-right-radius: 50px; } @media (min-width: 1200px) { .ce_rsce_blog_cta_box .content-holder > div { padding: 50px; } } .ce_rsce_blog_cta_box .content-holder .headline { text-transform: none; font-size: 1.25rem; } .ce_rsce_blog_cta_box .content-holder .headline, .ce_rsce_blog_cta_box .content-holder .ce_text { color: #fff; } .ce_rsce_blog_cta_box .content-holder button-block { margin-bottom: 0; } .ce_rsce_blog_socials { padding-bottom: 15px; } @media (min-width: 768px) { .ce_rsce_blog_socials { padding-bottom: 25px; } } @media (min-width: 1200px) { .ce_rsce_blog_socials { padding-bottom: 60px; } } .ce_rsce_blog_socials:after { content: ""; display: block; height: 2px; background: #929292; position: absolute; bottom: 0; width: calc(100% - 20px); left: 10px; } @media (min-width: 1200px) { .ce_rsce_blog_socials:after { width: calc(100% - 30px); left: 15px; } } .ce_rsce_blog_socials article { position: relative; } .ce_rsce_blog_socials ul { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .ce_rsce_blog_socials li { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #929292; -webkit-box-flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; font-family: "FaNo Regular", sans-serif; margin-left: 30px; } .ce_rsce_blog_socials li a { color: #929292; cursor: pointer; } .ce_rsce_blog_socials li:first-child { margin-left: 0; } .ce_rsce_blog_socials li:nth-child(3):before, .ce_rsce_blog_socials li:last-child:before { font-size: 1rem; } .ce_rsce_blog_socials li:before { margin-right: 10px; font-size: 1.375rem; } .ce_rsce_blog_cta_text_image article { padding-left: 10px; padding-right: 10px; } @media (min-width: 768px) { .ce_rsce_blog_cta_text_image article { padding-left: 10px; padding-right: 10px; } } @media (min-width: 1200px) { .ce_rsce_blog_cta_text_image article { padding-left: 15px; padding-right: 15px; } } .ce_rsce_blog_cta_text_image .content-holder { padding: 30px; border: 2px solid #009ee3; } @media (min-width: 768px) { .ce_rsce_blog_cta_text_image .content-holder { padding: 40px 8.33%; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } } @media (max-width: 767px) { .ce_rsce_blog_cta_text_image .content-holder { margin-bottom: 15px; } } .ce_rsce_blog_cta_text_image .content-holder .logo-title { margin-bottom: 20px; } .ce_rsce_blog_cta_text_image .content-holder .logo-title img { width: 140px; } .ce_rsce_blog_cta_text_image .content-holder .ce_text p { font-size: 1rem; margin-bottom: 15px; } .ce_rsce_blog_cta_text_image .content-holder .button-block { margin-bottom: 0; } @media (min-width: 768px) { .ce_rsce_blog_cta_text_image .img-holder { padding-right: 0; } } @media (min-width: 992px) { .ce_rsce_blog_cta_text_image .img-holder { left: -8.33%; } } @media (min-width: 1200px) { .ce_rsce_blog_cta_text_image .img-holder { padding-top: 40px; padding-bottom: 40px; } } @media (max-width: 767px) { .ce_rsce_blog_cta_text_image .img-holder { padding: 0; } } .ce_rsce_blog_cta_text_image .img-holder div { height: 100%; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; } .ce_rsce_blog_cta_text_image .img-holder img { opacity: 0; visibility: hidden; } .ce_rsce_blog_fullwidth_image_slider .owl-nav { top: 50%; } @media (min-width: 1200px) { .ce_rsce_blog_fullwidth_image_slider .owl-nav { width: 1170px; } } .ce_rsce_blog_fullwidth_image_slider .owl-nav .owl-prev { left: 15px !important; width: 6px; } @media (min-width: 768px) { .ce_rsce_blog_fullwidth_image_slider .owl-nav .owl-prev { width: 12px; } } @media (min-width: 1200px) { .ce_rsce_blog_fullwidth_image_slider .owl-nav .owl-prev { width: 20px; } } .ce_rsce_blog_fullwidth_image_slider .owl-nav .owl-next { right: 15px !important; width: 6px; } @media (min-width: 768px) { .ce_rsce_blog_fullwidth_image_slider .owl-nav .owl-next { width: 12px; } } @media (min-width: 1200px) { .ce_rsce_blog_fullwidth_image_slider .owl-nav .owl-next { width: 20px; } } .ce_rsce_blog_fullwidth_image_slider .owl-dots { position: absolute; left: 0; bottom: 0; width: 100%; } .ce_rsce_blog_fullwidth_image_slider .owl-dots > button { box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.35); border-color: #fff; } .ce_rsce_blog_fullwidth_image_slider .owl-dots > button:hover, .ce_rsce_blog_fullwidth_image_slider .owl-dots > button.active { background: #fff; } .ce_rsce_blog_fullwidth_image_slider .img { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; } .ce_rsce_blog_fullwidth_image_slider .img img { opacity: 0; visibility: hidden; } .ce_rsce_tabs .row > h2, .ce_rsce_tabs .blog-article .row > h1, .blog-article .ce_rsce_tabs .row > h1 { text-align: center; } .ce_rsce_tabs .content-holder { -webkit-box-flex: 0 1 33.33%; -webkit-flex: 0 1 33.33%; -ms-flex: 0 1 33.33%; flex: 0 1 33.33%; -webkit-flex-basis: 33.33%; -ms-flex-preferred-size: 33.33%; flex-basis: 33.33%; } .ce_rsce_tabs .content-holder .suptitle { margin-bottom: 15px; } .ce_rsce_tabs .content-holder .title { margin-bottom: 15px; color: #4a4a4a; text-transform: none; } .ce_rsce_tabs .content-holder .ce_text p { margin-bottom: 15px; } .ce_rsce_tabs .content-holder .button-text { margin-bottom: 0; } .ce_rsce_tabs .img-holder { -webkit-box-flex: 0 1 66.66%; -webkit-flex: 0 1 66.66%; -ms-flex: 0 1 66.66%; flex: 0 1 66.66%; -webkit-flex-basis: 66.66%; -ms-flex-preferred-size: 66.66%; flex-basis: 66.66%; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; text-align: center; overflow: hidden; } .ce_rsce_tabs .img-holder img { will-change: transform; -webkit-transition: transform 0.2s ease-in; -webkit-transition: -webkit-transform 0.2s ease-in; transition: -webkit-transform 0.2s ease-in; transition: transform 0.2s ease-in; transition: transform 0.2s ease-in, -webkit-transform 0.2s ease-in; } .ce_rsce_tabs .img-holder img:hover { -webkit-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } .r-tabs { margin-bottom: 30px; } .r-tabs .r-tabs-nav { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .r-tabs .r-tabs-nav li { margin: 0 20px; } .r-tabs .r-tabs-nav a { position: relative; -webkit-transition: color 0.2s ease-in; transition: color 0.2s ease-in; } .r-tabs .r-tabs-nav a:after { content: ""; display: block; width: 0; height: 1px; background: #fff; position: absolute; bottom: -2px; left: 0; -webkit-transition: width 0.2s ease-in; transition: width 0.2s ease-in; } .r-tabs .r-tabs-nav a:hover:after { width: 100%; } .r-tabs .r-tabs-nav a:hover { color: #009ee3; } .r-tabs .r-tabs-nav a:after { height: 2px; background: #4a4a4a; } .r-tabs .r-tabs-nav .cboxElement { cursor: pointer; } .r-tabs .r-tabs-nav .r-tabs-state-active a:after { width: 100%; color: #009ee3; } .r-tabs .r-tabs-panel { display: none; padding-top: 15px; padding-bottom: 15px; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; border-bottom: 1px solid #8a8a8a; } @media (min-width: 768px) { .r-tabs .r-tabs-panel { padding-top: 25px; } } @media (min-width: 1200px) { .r-tabs .r-tabs-panel { padding-top: 60px; } } @media (min-width: 768px) { .r-tabs .r-tabs-panel { padding-bottom: 25px; } } @media (min-width: 1200px) { .r-tabs .r-tabs-panel { padding-bottom: 60px; } } .r-tabs .r-tabs-panel.r-tabs-state-active { display: block; } @media (min-width: 768px) { .r-tabs .r-tabs-panel.r-tabs-state-active { -js-display: flex !important; display: -webkit-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; } } .r-tabs .r-tabs-accordion-title { display: none; position: relative; cursor: pointer; outline: none; background-color: transparent; border-bottom: 1px solid #8a8a8a; } .r-tabs .r-tabs-accordion-title a { display: block; color: #009ee3; padding: 15px 30px 15px 0; } .r-tabs .r-tabs-accordion-title:after { font-family: "icomoon" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e904"; font-size: 0.75rem; position: absolute; right: 0; top: 50%; margin-top: -7px; will-change: transform; color: #009ee3; -webkit-transition: transform 0.2s ease-in; -webkit-transition: -webkit-transform 0.2s ease-in; transition: -webkit-transform 0.2s ease-in; transition: transform 0.2s ease-in; transition: transform 0.2s ease-in, -webkit-transform 0.2s ease-in; pointer-events: none; } .r-tabs .r-tabs-accordion-title.r-tabs-state-active { border-bottom: 0 none; } .r-tabs .r-tabs-accordion-title.r-tabs-state-active:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } @media (max-width: 767px) { .rsce_tabs { padding-top: 15px; padding-bottom: 15px; padding-left: 15px; padding-right: 15px; border-radius: 4px; border: 1px solid #8a8a8a; } } @media (max-width: 767px) { .rsce_tabs.r-tabs-state-active { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } } /* Accordion responsive breakpoint */ @media only screen and (max-width: 767px) { .r-tabs .r-tabs-nav { display: none; } .r-tabs .r-tabs-accordion-title { display: block; } } .ce_rsce_slider_applications { margin-top: 30px; margin-bottom: 30px; } @media (min-width: 768px) { .ce_rsce_slider_applications { margin-top: 50px; margin-bottom: 50px; } } @media (min-width: 1200px) { .ce_rsce_slider_applications { margin-top: 120px; margin-bottom: 120px; } } .ce_rsce_slider_applications article > h2, .ce_rsce_slider_applications .blog-article article > h1, .blog-article .ce_rsce_slider_applications article > h1 { text-align: center; } @media (min-width: 1200px) { .ce_rsce_slider_applications article > h2, .ce_rsce_slider_applications .blog-article article > h1, .blog-article .ce_rsce_slider_applications article > h1 { margin-bottom: 40px; } } .ce_rsce_slider_applications .teaser { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } @media (max-width: 767px) { .ce_rsce_slider_applications .teaser { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .ce_rsce_slider_applications .content-holder { -webkit-box-flex: 0 1 100%; -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } @media (min-width: 768px) { .ce_rsce_slider_applications .content-holder { -webkit-box-flex: 0 1 33.33%; -webkit-flex: 0 1 33.33%; -ms-flex: 0 1 33.33%; flex: 0 1 33.33%; -webkit-flex-basis: 33.33%; -ms-flex-preferred-size: 33.33%; flex-basis: 33.33%; } } @media (max-width: 767px) { .ce_rsce_slider_applications .content-holder { margin-bottom: 15px; } } .ce_rsce_slider_applications .content-holder .suptitle { margin-bottom: 15px; } .ce_rsce_slider_applications .content-holder .title { margin-bottom: 15px; color: #4a4a4a; text-transform: none; } .ce_rsce_slider_applications .content-holder .ce_text p { margin-bottom: 15px; } .ce_rsce_slider_applications .content-holder .button-text { margin-bottom: 0; } .ce_rsce_slider_applications .img-holder { -webkit-box-flex: 0 1 100%; -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; text-align: center; overflow: hidden; } @media (min-width: 768px) { .ce_rsce_slider_applications .img-holder { -webkit-box-flex: 0 1 66.66%; -webkit-flex: 0 1 66.66%; -ms-flex: 0 1 66.66%; flex: 0 1 66.66%; -webkit-flex-basis: 66.66%; -ms-flex-preferred-size: 66.66%; flex-basis: 66.66%; } } .ce_rsce_slider_applications .img-holder img, .ce_rsce_slider_applications .img-holder picture { display: block; will-change: transform; -webkit-transition: transform 0.2s ease-in; -webkit-transition: -webkit-transform 0.2s ease-in; transition: -webkit-transform 0.2s ease-in; transition: transform 0.2s ease-in; transition: transform 0.2s ease-in, -webkit-transform 0.2s ease-in; width: 100%; height: 100%; display: block; } .ce_rsce_slider_applications .owl-carousel.owl-loaded { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .ce_rsce_slider_applications .owl-dots { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; padding-top: 0; color: #009ee3; } @media (min-width: 1200px) { .ce_rsce_slider_applications .owl-dots { padding-bottom: 80px; } } @media (max-width: 767px) { .ce_rsce_slider_applications .owl-dots { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .ce_rsce_slider_applications .owl-dots .owl-dot { margin: 0 20px; position: relative; -webkit-transition: color 0.2s ease-in; transition: color 0.2s ease-in; font-family: "Fago no Medium", sans-serif; } .ce_rsce_slider_applications .owl-dots .owl-dot:after { content: ""; display: block; width: 0; height: 1px; background: #fff; position: absolute; bottom: -2px; left: 0; -webkit-transition: width 0.2s ease-in; transition: width 0.2s ease-in; } .ce_rsce_slider_applications .owl-dots .owl-dot:hover:after { width: 100%; } @media (max-width: 767px) { .ce_rsce_slider_applications .owl-dots .owl-dot { -webkit-box-flex: 0 1 33.33%; -webkit-flex: 0 1 33.33%; -ms-flex: 0 1 33.33%; flex: 0 1 33.33%; -webkit-flex-basis: 33.33%; -ms-flex-preferred-size: 33.33%; flex-basis: 33.33%; width: 33.33%; margin: 5px 0; } } .ce_rsce_slider_applications .owl-dots .owl-dot:after { height: 2px; background: #009ee3; } .ce_rsce_slider_applications .owl-dots .owl-dot:hover { color: #009ee3; } .ce_rsce_slider_applications .owl-dots .owl-dot.active { color: #009ee3; } .ce_rsce_slider_applications .owl-dots .owl-dot.active:after { width: 100%; } .ce_rsce_slider_applications_fullscreen { margin-top: 30px; margin-bottom: 30px; padding-top: 80px; } @media (min-width: 768px) { .ce_rsce_slider_applications_fullscreen { margin-top: 50px; margin-bottom: 50px; } } @media (min-width: 1200px) { .ce_rsce_slider_applications_fullscreen { margin-top: 120px; margin-bottom: 120px; } } .ce_rsce_slider_applications_fullscreen article > h2, .ce_rsce_slider_applications_fullscreen .blog-article article > h1, .blog-article .ce_rsce_slider_applications_fullscreen article > h1 { text-align: center; } @media (min-width: 1200px) { .ce_rsce_slider_applications_fullscreen article > h2, .ce_rsce_slider_applications_fullscreen .blog-article article > h1, .blog-article .ce_rsce_slider_applications_fullscreen article > h1 { margin-bottom: 40px; } } .ce_rsce_slider_applications_fullscreen .teaser { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } @media (max-width: 767px) { .ce_rsce_slider_applications_fullscreen .teaser { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .ce_rsce_slider_applications_fullscreen .img-holder { -webkit-box-flex: 0 1 100%; -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; text-align: center; overflow: hidden; } @media (min-width: 768px) { .ce_rsce_slider_applications_fullscreen .img-holder { -webkit-box-flex: 0 1 100%; -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } } .ce_rsce_slider_applications_fullscreen .img-holder img, .ce_rsce_slider_applications_fullscreen .img-holder picture { will-change: transform; -webkit-transition: transform 0.2s ease-in; -webkit-transition: -webkit-transform 0.2s ease-in; transition: -webkit-transform 0.2s ease-in; transition: transform 0.2s ease-in; transition: transform 0.2s ease-in, -webkit-transform 0.2s ease-in; width: 100%; height: 100%; display: block; } .ce_rsce_slider_applications_fullscreen .owl-carousel.owl-loaded { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (min-width: 1200px) { .ce_rsce_slider_applications_fullscreen .owl-nav { width: 1175px; } } .ce_rsce_slider_applications_fullscreen .owl-dots { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; padding-top: 0; } @media (min-width: 1200px) { .ce_rsce_slider_applications_fullscreen .owl-dots { padding-bottom: 80px; } } @media (max-width: 767px) { .ce_rsce_slider_applications_fullscreen .owl-dots { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .ce_rsce_slider_applications_fullscreen .owl-dots .owl-dot { margin: 0 20px; text-transform: uppercase; position: relative; -webkit-transition: color 0.2s ease-in; transition: color 0.2s ease-in; font-family: "FaNo Regular", sans-serif; } .ce_rsce_slider_applications_fullscreen .owl-dots .owl-dot:after { content: ""; display: block; width: 0; height: 1px; background: #fff; position: absolute; bottom: -2px; left: 0; -webkit-transition: width 0.2s ease-in; transition: width 0.2s ease-in; } .ce_rsce_slider_applications_fullscreen .owl-dots .owl-dot:hover:after { width: 100%; } @media (max-width: 767px) { .ce_rsce_slider_applications_fullscreen .owl-dots .owl-dot { -webkit-box-flex: 0 1 33.33%; -webkit-flex: 0 1 33.33%; -ms-flex: 0 1 33.33%; flex: 0 1 33.33%; -webkit-flex-basis: 33.33%; -ms-flex-preferred-size: 33.33%; flex-basis: 33.33%; width: 33.33%; margin: 5px 0; } } .ce_rsce_slider_applications_fullscreen .owl-dots .owl-dot:after { height: 2px; background: #009ee3; } .ce_rsce_slider_applications_fullscreen .owl-dots .owl-dot:hover { color: #009ee3; } .ce_rsce_slider_applications_fullscreen .owl-dots .owl-dot.active { color: #009ee3; } .ce_rsce_slider_applications_fullscreen .owl-dots .owl-dot.active:after { width: 100%; } .hero { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; width: 100%; max-width: 90%; } @media (min-width: 768px) { .hero { max-width: 75%; } } @media (min-width: 1200px) { .hero { max-width: 80%; } } .hero h1 { color: #fff; text-shadow: 0 0 50px rgba(0, 0, 0, 0.5); text-align: center; margin-bottom: 15px; } @media (min-width: 768px) { .hero h1 { font-size: 2.25rem; } } @media (min-width: 992px) { .hero h1 { font-size: 2.875rem; } } @media (min-width: 1200px) { .hero h1 { font-size: 4.125rem; } } .hero p { color: #fff; margin: 0 auto 30px; text-shadow: 0 0 40px rgba(0, 0, 0, 0.8); text-align: center; line-height: 1; font-family: "FaNo Regular", sans-serif; font-size: 1rem; max-width: 980px; } @media (min-width: 768px) { .hero p { font-size: 1.25rem; } } @media (max-width: 767px) { .hero p { max-width: 90%; } } .hero .button-block { margin-bottom: 0; text-align: center; overflow: visible; } .hero .button-block a { box-shadow: 0 0 48px rgba(0, 0, 0, 0.5); } @media (max-width: 767px) { .hero .button-block a { padding: 7px 10px; } } .ce_rsce_slider_hero { padding: 0; } .ce_rsce_slider_hero .owl-carousel { width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; box-sizing: content-box; } .ce_rsce_slider_hero .owl-carousel > .teaser { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; } .ce_rsce_slider_hero .owl-item .button-block.white a { border-radius: 0; border-bottom-right-radius: 10px; } #header .ce_rsce_slider_hero .owl-item .teaser .box .title { font-size: 1.875rem; line-height: 1.1333333333; } @media (min-width: 768px) { #header .ce_rsce_slider_hero .owl-item .teaser .box .title { font-size: 2.375rem; line-height: 1.1333333333; } } @media (min-width: 1200px) { #header .ce_rsce_slider_hero .owl-item .teaser .box .title { font-size: 4.125rem; line-height: 68.9px; } } .ce_rsce_slider_hero .owl-carousel .owl-nav button { color: rgba(255, 255, 255, 0.5); } .ce_rsce_slider_hero .owl-carousel .owl-nav button:hover { color: #fff; } .ce_rsce_slider_hero .owl-dots { position: absolute; bottom: 0; padding: 12px 0; } .ce_rsce_slider_hero .owl-dots .owl-dot { margin: 0 12px; width: 14px; height: 14px; text-transform: uppercase; position: relative; -webkit-transition: color 0.2s ease-in; transition: color 0.2s ease-in; font-family: "FaNo Regular", sans-serif; border: 1px solid #fff; } .ce_rsce_slider_hero .owl-dots .owl-dot:hover, .ce_rsce_slider_hero .owl-dots .owl-dot.active { background: #fff; } @media (max-width: 767px) { .ce_rsce_slider_hero .owl-dots { display: none; } .ce_rsce_slider_hero .owl-carousel .owl-nav { top: 32%; top: 50vw; } } @media (min-width: 1200px) { .ce_rsce_slider_hero .owl-carousel .owl-nav { width: 95%; } } .teaser { position: relative; } .teaser .container { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .teaser .container:before, .teaser .container:after { display: none; } .teaser .container .vertical-center { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .teaser .box { padding: 30px 40px 20px; position: absolute; left: 10px; right: 30%; border-bottom-right-radius: 40px; background-color: rgba(0, 158, 227, 0.9); } body.startpage .teaser .box { border-bottom-right-radius: 80px; } .teaser .box li, .teaser .box p { font-size: 18px; line-height: 1.5555555556; } @media (min-width: 1200px) { .teaser .box { left: -25px; right: 50%; } } @media (max-width: 767px) { .teaser .box { right: auto; padding: 20px 24px 10px; } } .teaser .box.right { left: 50%; right: 10px; } @media (min-width: 1200px) { .teaser .box.right { right: -25px; } } .teaser .box.gradient { background: -webkit-linear-gradient(34deg, rgb(0, 212, 255) 0%, rgb(4, 95, 156) 100%); background: linear-gradient(56deg, rgb(0, 212, 255) 0%, rgb(4, 95, 156) 100%); } .teaser .box, .teaser .box a, .teaser .box .title { color: #fff; } .teaser .box .ce_text, .teaser .box p { margin-bottom: 15px; } .teaser .box .title { font-family: "Fago no", sans-serif; text-transform: none; margin-bottom: 15px; line-height: 1.06; letter-spacing: -0.03em; } @media (min-width: 768px) { .teaser .box .title { font-size: 2.25rem; } } @media (min-width: 992px) { .teaser .box .title { font-size: 2.875rem; } } @media (min-width: 1200px) { .teaser .box .title { font-size: 3.125rem; } } .teaser .button-block { margin: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } @media (max-width: 767px) { .teaser.has-special-mobile-image .img-holder.visible-xs { margin-bottom: -20%; } .teaser.has-special-mobile-image .img-holder.visible-xs img { display: block; width: 100%; height: auto; } .teaser.has-special-mobile-image .container { display: block; position: relative; } .teaser.has-special-mobile-image .container .vertical-center { position: relative; } .teaser.has-special-mobile-image .container .vertical-center .box { position: relative; min-width: 100%; left: unset; right: unset; padding: 20px 20px 10px; background: #009ee3; background: -webkit-linear-gradient(34deg, rgb(0, 212, 255) 0%, rgb(4, 95, 156) 100%); background: linear-gradient(56deg, rgb(0, 212, 255) 0%, rgb(4, 95, 156) 100%); } } .modal-open { overflow: hidden; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal { position: fixed; top: 0; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0; } .modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; } @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { -webkit-transition: none; transition: none; } } .modal.show .modal-dialog { -webkit-transform: none; -ms-transform: none; transform: none; } .modal-dialog-scrollable { display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; max-height: calc(100% - 1rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 1rem); overflow: hidden; } .modal-dialog-scrollable .modal-footer, .modal-dialog-scrollable .modal-header { -ms-flex-negative: 0; -webkit-flex-shrink: 0; flex-shrink: 0; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered { display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; min-height: calc(100% - 1rem); } .modal-dialog-centered::before { display: block; height: calc(100vh - 1rem); content: ""; } .modal-dialog-centered.modal-dialog-scrollable { -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -ms-flex-pack: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; height: 100%; } .modal-dialog-centered.modal-dialog-scrollable .modal-content { max-height: none; } .modal-dialog-centered.modal-dialog-scrollable::before { content: none; } .modal-content { position: relative; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0; } .modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 0.5; } .modal-backdrop.in { filter: alpha(opacity=50); opacity: 0.5; } .modal-header { display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -ms-flex-align: start; -webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start; -ms-flex-pack: justify; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #dee2e6; border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; } .modal-header .close { padding: 1rem 1rem; margin: -1rem -1rem -1rem auto; float: right; cursor: pointer; font-size: 38px; font-weight: bold; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=20); opacity: 0.2; } .modal-header .close:hover, .modal-header .close:focus { color: #000; text-decoration: none; cursor: pointer; filter: alpha(opacity=50); opacity: 0.5; } .modal-title { margin-bottom: 0; line-height: 1.5; } .modal-body { position: relative; -ms-flex: 1 1 auto; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; padding: 1rem; } .modal-footer { display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -ms-flex-pack: end; -webkit-box-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; padding: 1rem; border-top: 1px solid #dee2e6; border-bottom-right-radius: 0.3rem; border-bottom-left-radius: 0.3rem; margin-bottom: 0; } .modal-footer > :not(:first-child) { margin-left: 0.25rem; } .modal-footer > :not(:last-child) { margin-right: 0.25rem; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 576px) { .modal-dialog { max-width: 90%; margin: 1.75rem auto; } .modal-dialog-scrollable { max-height: calc(100% - 3.5rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 3.5rem); } .modal-dialog-centered { min-height: calc(100% - 3.5rem); } .modal-dialog-centered::before { height: calc(100vh - 3.5rem); } .modal-sm { max-width: 300px; } } @media (min-width: 992px) { .modal-dialog, .modal-lg, .modal-xl { max-width: 800px; } } @media (min-width: 1200px) { .modal-xl { max-width: 1140px; } } .modal .btn { border-bottom-right-radius: 10px; } #blog_header { background-color: #009ee3; color: #fff; } #blog_header a { color: #fff; } #blog_header .mod_newscategories ul { list-style-type: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 35px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } #blog_header .mod_newscategories ul li { margin-right: 15px; margin-left: 15px; } #blog_header .mod_newscategories ul li a, #blog_header .mod_newscategories ul li strong { display: block; font-weight: 400; padding-bottom: 2px; border-bottom: 2px solid transparent; white-space: nowrap; } #blog_header .mod_newscategories ul li a:hover, #blog_header .mod_newscategories ul li a.active, #blog_header .mod_newscategories ul li strong:hover, #blog_header .mod_newscategories ul li strong.active { border-bottom-color: #fff; } .blog-list .grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-flow: row; gap: 4rem; } @media (max-width: 1199px) { .blog-list .grid { gap: 3rem; } } @media (max-width: 991px) { .blog-list .grid { gap: 2rem; } } @media (max-width: 767px) { .blog-list .grid { grid-template-columns: none; } } .blog-list h2, .blog-list .blog-article h1, .blog-article .blog-list h1 { text-align: center; padding: 50px 0; } .blog-categories { display: inline-block; padding: 10px 15px; background-color: #009ee3; color: #fff; font-weight: 500; font-family: "Fago no Medium", sans-serif; font-size: 14px; line-height: 1; margin-right: 15px; margin-bottom: 10px; } .blog_card { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; border-style: solid; border-width: 2px; border-color: #f0f0f0; padding: 0; } .blog_card .blog-categories { position: absolute; z-index: 20; } .blog_card .text-holder { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; padding: 20px 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; background-color: #fff; } .blog_card .text-holder h4, .blog_card .text-holder .blog-list h2, .blog_card .text-holder .blog-list .blog-article h1, .blog-article .blog_card .text-holder .blog-list h1, .blog-list .blog_card .text-holder h2, .blog-list .blog_card .text-holder .blog-article h1, .blog-article .blog-list .blog_card .text-holder h1 { font-size: 26px; margin-top: 10px; margin-bottom: 10px; } .blog_card .text-holder .info { margin-bottom: 5px; color: #111; font-size: 14px; line-height: 20px; letter-spacing: 0em; } .blog_card .text-holder .author { margin-bottom: 10px; color: #78bc2b; font-size: 16px; line-height: 20px; letter-spacing: 0em; } .blog_card .text-holder .ce_text p { margin-bottom: 15px; } .blog_card .image-holder { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; width: 100%; position: relative; overflow: hidden; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .blog_card .image-holder .image_container { position: relative; height: 100%; } .blog_card .image-holder img { height: 100%; -o-object-fit: cover; object-fit: cover; } .blog-highlight { margin: 30px 0; } .blog-highlight .grid { display: grid; grid-template-columns: none; } @media (min-width: 768px) { .blog-highlight .blog_card { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } } @media (min-width: 768px) { .blog-highlight .text-holder { padding: 60px 25px 20px; -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; width: 50%; } } @media (min-width: 992px) { .blog-highlight .text-holder { width: 40%; } } @media (min-width: 1200px) { .blog-highlight .text-holder { width: 34%; } } @media (min-width: 768px) { .blog-highlight .image-holder { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; width: 50%; } } @media (min-width: 992px) { .blog-highlight .image-holder { width: 60%; } } @media (min-width: 1200px) { .blog-highlight .image-holder { width: 66%; } } .blog-article { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; max-width: 1200px; margin-right: auto; margin-left: auto; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .blog-article .info { font-family: "Fago no Medium", sans-serif; color: #111; font-size: 20px; letter-spacing: 0em; } .blog-article .info a { margin-left: 10px; color: #78bc2b; } .blog-article .blog-content { width: 75%; max-width: 850px; } .blog-article .blog-sidebar { position: relative; width: 15%; } .blog-article .blog-footer { margin-top: 65px; padding-top: 35px; border-top: 2px solid #4a4a4a; } .blog-article .author { margin: 0 0 35px; } .blog-article .author-area { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 35px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .blog-article .no-author-img, .blog-article .author-img { margin-right: 20px; min-width: 100px; min-height: 100px; -webkit-box-flex: 0; -webkit-flex: 0 1 100px; -ms-flex: 0 1 100px; flex: 0 1 100px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } .blog-article .no-author-img { background-color: #f8f8f8; padding: 10px; } .blog-article .author-img img { height: 100px; width: 100px; -o-object-fit: cover; object-fit: cover; } .blog-article .author-signature p { margin: 0; } .blog-article .ce_text { padding: 0; } .share-text { font-size: 14px; margin-bottom: 10px; } .share-container { position: absolute; position: -webkit-sticky; position: sticky; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; top: 350px; max-width: 90px; } @media (max-width: 767px) { .share-container { top: 150px; } } .share-icon-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 767px) { .share-icon-container { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .share-icon-container .icon { display: block; width: 40px; height: 40px; margin-right: 3px; margin-bottom: 3px; padding: 1px 2px; font-size: 29px; } .share-icon-container .icon:hover { opacity: 0.8; } .no-block { overflow: unset !important; } .bg-primary .bg-primary, .bg-primary .bg-cyan, .bg-cyan .bg-primary, .bg-cyan .bg-cyan, .bg-primary-light .bg-primary, .bg-primary-light .bg-cyan, .bg-cyan-light .bg-primary, .bg-cyan-light .bg-cyan, .bg-grey .bg-primary, .bg-grey .bg-cyan, .bg-grey-light .bg-primary, .bg-grey-light .bg-cyan, .bg-grey-dark .bg-primary, .bg-grey-dark .bg-cyan, * .bg-primary, * .bg-cyan { background-color: #009ee3; } .bg-primary .bg-primary, .bg-primary .bg-primary *, .bg-primary .bg-cyan, .bg-primary .bg-cyan *, .bg-cyan .bg-primary, .bg-cyan .bg-primary *, .bg-cyan .bg-cyan, .bg-cyan .bg-cyan *, .bg-primary-light .bg-primary, .bg-primary-light .bg-primary *, .bg-primary-light .bg-cyan, .bg-primary-light .bg-cyan *, .bg-cyan-light .bg-primary, .bg-cyan-light .bg-primary *, .bg-cyan-light .bg-cyan, .bg-cyan-light .bg-cyan *, .bg-grey .bg-primary, .bg-grey .bg-primary *, .bg-grey .bg-cyan, .bg-grey .bg-cyan *, .bg-grey-light .bg-primary, .bg-grey-light .bg-primary *, .bg-grey-light .bg-cyan, .bg-grey-light .bg-cyan *, .bg-grey-dark .bg-primary, .bg-grey-dark .bg-primary *, .bg-grey-dark .bg-cyan, .bg-grey-dark .bg-cyan *, * .bg-primary, * .bg-primary *, * .bg-cyan, * .bg-cyan * { color: #fff; } .bg-primary .bg-primary > *, .bg-primary .bg-cyan > *, .bg-cyan .bg-primary > *, .bg-cyan .bg-cyan > *, .bg-primary-light .bg-primary > *, .bg-primary-light .bg-cyan > *, .bg-cyan-light .bg-primary > *, .bg-cyan-light .bg-cyan > *, .bg-grey .bg-primary > *, .bg-grey .bg-cyan > *, .bg-grey-light .bg-primary > *, .bg-grey-light .bg-cyan > *, .bg-grey-dark .bg-primary > *, .bg-grey-dark .bg-cyan > *, * .bg-primary > *, * .bg-cyan > * { border-color: #fff !important; } .bg-primary .bg-primary h1, .bg-primary .bg-primary h2, .bg-primary .bg-primary .blog-article h1, .blog-article .bg-primary .bg-primary h1, .bg-primary .bg-primary h3, .bg-primary .bg-primary h4, .bg-primary .bg-primary .blog-list h2, .blog-list .bg-primary .bg-primary h2, .bg-primary .bg-primary .blog-list .blog-article h1, .blog-list .blog-article .bg-primary .bg-primary h1, .bg-primary .bg-primary .blog-article .blog-list h1, .blog-article .blog-list .bg-primary .bg-primary h1, .bg-primary .bg-primary h5, .bg-primary .bg-primary h6, .bg-primary .bg-primary .h1, .bg-primary .bg-primary .h2, .bg-primary .bg-primary .h3, .bg-primary .bg-primary .h4, .bg-primary .bg-primary .h5, .bg-primary .bg-primary .h6, .bg-primary .bg-cyan h1, .bg-primary .bg-cyan h2, .bg-primary .bg-cyan .blog-article h1, .blog-article .bg-primary .bg-cyan h1, .bg-primary .bg-cyan h3, .bg-primary .bg-cyan h4, .bg-primary .bg-cyan .blog-list h2, .blog-list .bg-primary .bg-cyan h2, .bg-primary .bg-cyan .blog-list .blog-article h1, .blog-list .blog-article .bg-primary .bg-cyan h1, .bg-primary .bg-cyan .blog-article .blog-list h1, .blog-article .blog-list .bg-primary .bg-cyan h1, .bg-primary .bg-cyan h5, .bg-primary .bg-cyan h6, .bg-primary .bg-cyan .h1, .bg-primary .bg-cyan .h2, .bg-primary .bg-cyan .h3, .bg-primary .bg-cyan .h4, .bg-primary .bg-cyan .h5, .bg-primary .bg-cyan .h6, .bg-cyan .bg-primary h1, .bg-cyan .bg-primary h2, .bg-cyan .bg-primary .blog-article h1, .blog-article .bg-cyan .bg-primary h1, .bg-cyan .bg-primary h3, .bg-cyan .bg-primary h4, .bg-cyan .bg-primary .blog-list h2, .blog-list .bg-cyan .bg-primary h2, .bg-cyan .bg-primary .blog-list .blog-article h1, .blog-list .blog-article .bg-cyan .bg-primary h1, .bg-cyan .bg-primary .blog-article .blog-list h1, .blog-article .blog-list .bg-cyan .bg-primary h1, .bg-cyan .bg-primary h5, .bg-cyan .bg-primary h6, .bg-cyan .bg-primary .h1, .bg-cyan .bg-primary .h2, .bg-cyan .bg-primary .h3, .bg-cyan .bg-primary .h4, .bg-cyan .bg-primary .h5, .bg-cyan .bg-primary .h6, .bg-cyan .bg-cyan h1, .bg-cyan .bg-cyan h2, .bg-cyan .bg-cyan .blog-article h1, .blog-article .bg-cyan .bg-cyan h1, .bg-cyan .bg-cyan h3, .bg-cyan .bg-cyan h4, .bg-cyan .bg-cyan .blog-list h2, .blog-list .bg-cyan .bg-cyan h2, .bg-cyan .bg-cyan .blog-list .blog-article h1, .blog-list .blog-article .bg-cyan .bg-cyan h1, .bg-cyan .bg-cyan .blog-article .blog-list h1, .blog-article .blog-list .bg-cyan .bg-cyan h1, .bg-cyan .bg-cyan h5, .bg-cyan .bg-cyan h6, .bg-cyan .bg-cyan .h1, .bg-cyan .bg-cyan .h2, .bg-cyan .bg-cyan .h3, .bg-cyan .bg-cyan .h4, .bg-cyan .bg-cyan .h5, .bg-cyan .bg-cyan .h6, .bg-primary-light .bg-primary h1, .bg-primary-light .bg-primary h2, .bg-primary-light .bg-primary .blog-article h1, .blog-article .bg-primary-light .bg-primary h1, .bg-primary-light .bg-primary h3, .bg-primary-light .bg-primary h4, .bg-primary-light .bg-primary .blog-list h2, .blog-list .bg-primary-light .bg-primary h2, .bg-primary-light .bg-primary .blog-list .blog-article h1, .blog-list .blog-article .bg-primary-light .bg-primary h1, .bg-primary-light .bg-primary .blog-article .blog-list h1, .blog-article .blog-list .bg-primary-light .bg-primary h1, .bg-primary-light .bg-primary h5, .bg-primary-light .bg-primary h6, .bg-primary-light .bg-primary .h1, .bg-primary-light .bg-primary .h2, .bg-primary-light .bg-primary .h3, .bg-primary-light .bg-primary .h4, .bg-primary-light .bg-primary .h5, .bg-primary-light .bg-primary .h6, .bg-primary-light .bg-cyan h1, .bg-primary-light .bg-cyan h2, .bg-primary-light .bg-cyan .blog-article h1, .blog-article .bg-primary-light .bg-cyan h1, .bg-primary-light .bg-cyan h3, .bg-primary-light .bg-cyan h4, .bg-primary-light .bg-cyan .blog-list h2, .blog-list .bg-primary-light .bg-cyan h2, .bg-primary-light .bg-cyan .blog-list .blog-article h1, .blog-list .blog-article .bg-primary-light .bg-cyan h1, .bg-primary-light .bg-cyan .blog-article .blog-list h1, .blog-article .blog-list .bg-primary-light .bg-cyan h1, .bg-primary-light .bg-cyan h5, .bg-primary-light .bg-cyan h6, .bg-primary-light .bg-cyan .h1, .bg-primary-light .bg-cyan .h2, .bg-primary-light .bg-cyan .h3, .bg-primary-light .bg-cyan .h4, .bg-primary-light .bg-cyan .h5, .bg-primary-light .bg-cyan .h6, .bg-cyan-light .bg-primary h1, .bg-cyan-light .bg-primary h2, .bg-cyan-light .bg-primary .blog-article h1, .blog-article .bg-cyan-light .bg-primary h1, .bg-cyan-light .bg-primary h3, .bg-cyan-light .bg-primary h4, .bg-cyan-light .bg-primary .blog-list h2, .blog-list .bg-cyan-light .bg-primary h2, .bg-cyan-light .bg-primary .blog-list .blog-article h1, .blog-list .blog-article .bg-cyan-light .bg-primary h1, .bg-cyan-light .bg-primary .blog-article .blog-list h1, .blog-article .blog-list .bg-cyan-light .bg-primary h1, .bg-cyan-light .bg-primary h5, .bg-cyan-light .bg-primary h6, .bg-cyan-light .bg-primary .h1, .bg-cyan-light .bg-primary .h2, .bg-cyan-light .bg-primary .h3, .bg-cyan-light .bg-primary .h4, .bg-cyan-light .bg-primary .h5, .bg-cyan-light .bg-primary .h6, .bg-cyan-light .bg-cyan h1, .bg-cyan-light .bg-cyan h2, .bg-cyan-light .bg-cyan .blog-article h1, .blog-article .bg-cyan-light .bg-cyan h1, .bg-cyan-light .bg-cyan h3, .bg-cyan-light .bg-cyan h4, .bg-cyan-light .bg-cyan .blog-list h2, .blog-list .bg-cyan-light .bg-cyan h2, .bg-cyan-light .bg-cyan .blog-list .blog-article h1, .blog-list .blog-article .bg-cyan-light .bg-cyan h1, .bg-cyan-light .bg-cyan .blog-article .blog-list h1, .blog-article .blog-list .bg-cyan-light .bg-cyan h1, .bg-cyan-light .bg-cyan h5, .bg-cyan-light .bg-cyan h6, .bg-cyan-light .bg-cyan .h1, .bg-cyan-light .bg-cyan .h2, .bg-cyan-light .bg-cyan .h3, .bg-cyan-light .bg-cyan .h4, .bg-cyan-light .bg-cyan .h5, .bg-cyan-light .bg-cyan .h6, .bg-grey .bg-primary h1, .bg-grey .bg-primary h2, .bg-grey .bg-primary .blog-article h1, .blog-article .bg-grey .bg-primary h1, .bg-grey .bg-primary h3, .bg-grey .bg-primary h4, .bg-grey .bg-primary .blog-list h2, .blog-list .bg-grey .bg-primary h2, .bg-grey .bg-primary .blog-list .blog-article h1, .blog-list .blog-article .bg-grey .bg-primary h1, .bg-grey .bg-primary .blog-article .blog-list h1, .blog-article .blog-list .bg-grey .bg-primary h1, .bg-grey .bg-primary h5, .bg-grey .bg-primary h6, .bg-grey .bg-primary .h1, .bg-grey .bg-primary .h2, .bg-grey .bg-primary .h3, .bg-grey .bg-primary .h4, .bg-grey .bg-primary .h5, .bg-grey .bg-primary .h6, .bg-grey .bg-cyan h1, .bg-grey .bg-cyan h2, .bg-grey .bg-cyan .blog-article h1, .blog-article .bg-grey .bg-cyan h1, .bg-grey .bg-cyan h3, .bg-grey .bg-cyan h4, .bg-grey .bg-cyan .blog-list h2, .blog-list .bg-grey .bg-cyan h2, .bg-grey .bg-cyan .blog-list .blog-article h1, .blog-list .blog-article .bg-grey .bg-cyan h1, .bg-grey .bg-cyan .blog-article .blog-list h1, .blog-article .blog-list .bg-grey .bg-cyan h1, .bg-grey .bg-cyan h5, .bg-grey .bg-cyan h6, .bg-grey .bg-cyan .h1, .bg-grey .bg-cyan .h2, .bg-grey .bg-cyan .h3, .bg-grey .bg-cyan .h4, .bg-grey .bg-cyan .h5, .bg-grey .bg-cyan .h6, .bg-grey-light .bg-primary h1, .bg-grey-light .bg-primary h2, .bg-grey-light .bg-primary .blog-article h1, .blog-article .bg-grey-light .bg-primary h1, .bg-grey-light .bg-primary h3, .bg-grey-light .bg-primary h4, .bg-grey-light .bg-primary .blog-list h2, .blog-list .bg-grey-light .bg-primary h2, .bg-grey-light .bg-primary .blog-list .blog-article h1, .blog-list .blog-article .bg-grey-light .bg-primary h1, .bg-grey-light .bg-primary .blog-article .blog-list h1, .blog-article .blog-list .bg-grey-light .bg-primary h1, .bg-grey-light .bg-primary h5, .bg-grey-light .bg-primary h6, .bg-grey-light .bg-primary .h1, .bg-grey-light .bg-primary .h2, .bg-grey-light .bg-primary .h3, .bg-grey-light .bg-primary .h4, .bg-grey-light .bg-primary .h5, .bg-grey-light .bg-primary .h6, .bg-grey-light .bg-cyan h1, .bg-grey-light .bg-cyan h2, .bg-grey-light .bg-cyan .blog-article h1, .blog-article .bg-grey-light .bg-cyan h1, .bg-grey-light .bg-cyan h3, .bg-grey-light .bg-cyan h4, .bg-grey-light .bg-cyan .blog-list h2, .blog-list .bg-grey-light .bg-cyan h2, .bg-grey-light .bg-cyan .blog-list .blog-article h1, .blog-list .blog-article .bg-grey-light .bg-cyan h1, .bg-grey-light .bg-cyan .blog-article .blog-list h1, .blog-article .blog-list .bg-grey-light .bg-cyan h1, .bg-grey-light .bg-cyan h5, .bg-grey-light .bg-cyan h6, .bg-grey-light .bg-cyan .h1, .bg-grey-light .bg-cyan .h2, .bg-grey-light .bg-cyan .h3, .bg-grey-light .bg-cyan .h4, .bg-grey-light .bg-cyan .h5, .bg-grey-light .bg-cyan .h6, .bg-grey-dark .bg-primary h1, .bg-grey-dark .bg-primary h2, .bg-grey-dark .bg-primary .blog-article h1, .blog-article .bg-grey-dark .bg-primary h1, .bg-grey-dark .bg-primary h3, .bg-grey-dark .bg-primary h4, .bg-grey-dark .bg-primary .blog-list h2, .blog-list .bg-grey-dark .bg-primary h2, .bg-grey-dark .bg-primary .blog-list .blog-article h1, .blog-list .blog-article .bg-grey-dark .bg-primary h1, .bg-grey-dark .bg-primary .blog-article .blog-list h1, .blog-article .blog-list .bg-grey-dark .bg-primary h1, .bg-grey-dark .bg-primary h5, .bg-grey-dark .bg-primary h6, .bg-grey-dark .bg-primary .h1, .bg-grey-dark .bg-primary .h2, .bg-grey-dark .bg-primary .h3, .bg-grey-dark .bg-primary .h4, .bg-grey-dark .bg-primary .h5, .bg-grey-dark .bg-primary .h6, .bg-grey-dark .bg-cyan h1, .bg-grey-dark .bg-cyan h2, .bg-grey-dark .bg-cyan .blog-article h1, .blog-article .bg-grey-dark .bg-cyan h1, .bg-grey-dark .bg-cyan h3, .bg-grey-dark .bg-cyan h4, .bg-grey-dark .bg-cyan .blog-list h2, .blog-list .bg-grey-dark .bg-cyan h2, .bg-grey-dark .bg-cyan .blog-list .blog-article h1, .blog-list .blog-article .bg-grey-dark .bg-cyan h1, .bg-grey-dark .bg-cyan .blog-article .blog-list h1, .blog-article .blog-list .bg-grey-dark .bg-cyan h1, .bg-grey-dark .bg-cyan h5, .bg-grey-dark .bg-cyan h6, .bg-grey-dark .bg-cyan .h1, .bg-grey-dark .bg-cyan .h2, .bg-grey-dark .bg-cyan .h3, .bg-grey-dark .bg-cyan .h4, .bg-grey-dark .bg-cyan .h5, .bg-grey-dark .bg-cyan .h6, * .bg-primary h1, * .bg-primary h2, .blog-article .bg-primary h1, * .bg-primary h3, * .bg-primary h4, .blog-list .bg-primary h2, .blog-list .bg-primary .blog-article h1, .blog-list .blog-article .bg-primary h1, .blog-article .bg-primary .blog-list h1, .blog-article .blog-list .bg-primary h1, * .bg-primary h5, * .bg-primary h6, * .bg-primary .h1, * .bg-primary .h2, * .bg-primary .h3, * .bg-primary .h4, * .bg-primary .h5, * .bg-primary .h6, * .bg-cyan h1, * .bg-cyan h2, .blog-article .bg-cyan h1, * .bg-cyan h3, * .bg-cyan h4, .blog-list .bg-cyan h2, .blog-list .bg-cyan .blog-article h1, .blog-list .blog-article .bg-cyan h1, .blog-article .bg-cyan .blog-list h1, .blog-article .blog-list .bg-cyan h1, * .bg-cyan h5, * .bg-cyan h6, * .bg-cyan .h1, * .bg-cyan .h2, * .bg-cyan .h3, * .bg-cyan .h4, * .bg-cyan .h5, * .bg-cyan .h6 { color: #fff !important; } .bg-primary .bg-primary .button-text a:after, .bg-primary .bg-primary .button-text .button:after, .bg-primary .bg-primary .button-text.secondary a:after, .bg-primary .bg-primary .button-text.secondary .button:after, .bg-primary .bg-cyan .button-text a:after, .bg-primary .bg-cyan .button-text .button:after, .bg-primary .bg-cyan .button-text.secondary a:after, .bg-primary .bg-cyan .button-text.secondary .button:after, .bg-cyan .bg-primary .button-text a:after, .bg-cyan .bg-primary .button-text .button:after, .bg-cyan .bg-primary .button-text.secondary a:after, .bg-cyan .bg-primary .button-text.secondary .button:after, .bg-cyan .bg-cyan .button-text a:after, .bg-cyan .bg-cyan .button-text .button:after, .bg-cyan .bg-cyan .button-text.secondary a:after, .bg-cyan .bg-cyan .button-text.secondary .button:after, .bg-primary-light .bg-primary .button-text a:after, .bg-primary-light .bg-primary .button-text .button:after, .bg-primary-light .bg-primary .button-text.secondary a:after, .bg-primary-light .bg-primary .button-text.secondary .button:after, .bg-primary-light .bg-cyan .button-text a:after, .bg-primary-light .bg-cyan .button-text .button:after, .bg-primary-light .bg-cyan .button-text.secondary a:after, .bg-primary-light .bg-cyan .button-text.secondary .button:after, .bg-cyan-light .bg-primary .button-text a:after, .bg-cyan-light .bg-primary .button-text .button:after, .bg-cyan-light .bg-primary .button-text.secondary a:after, .bg-cyan-light .bg-primary .button-text.secondary .button:after, .bg-cyan-light .bg-cyan .button-text a:after, .bg-cyan-light .bg-cyan .button-text .button:after, .bg-cyan-light .bg-cyan .button-text.secondary a:after, .bg-cyan-light .bg-cyan .button-text.secondary .button:after, .bg-grey .bg-primary .button-text a:after, .bg-grey .bg-primary .button-text .button:after, .bg-grey .bg-primary .button-text.secondary a:after, .bg-grey .bg-primary .button-text.secondary .button:after, .bg-grey .bg-cyan .button-text a:after, .bg-grey .bg-cyan .button-text .button:after, .bg-grey .bg-cyan .button-text.secondary a:after, .bg-grey .bg-cyan .button-text.secondary .button:after, .bg-grey-light .bg-primary .button-text a:after, .bg-grey-light .bg-primary .button-text .button:after, .bg-grey-light .bg-primary .button-text.secondary a:after, .bg-grey-light .bg-primary .button-text.secondary .button:after, .bg-grey-light .bg-cyan .button-text a:after, .bg-grey-light .bg-cyan .button-text .button:after, .bg-grey-light .bg-cyan .button-text.secondary a:after, .bg-grey-light .bg-cyan .button-text.secondary .button:after, .bg-grey-dark .bg-primary .button-text a:after, .bg-grey-dark .bg-primary .button-text .button:after, .bg-grey-dark .bg-primary .button-text.secondary a:after, .bg-grey-dark .bg-primary .button-text.secondary .button:after, .bg-grey-dark .bg-cyan .button-text a:after, .bg-grey-dark .bg-cyan .button-text .button:after, .bg-grey-dark .bg-cyan .button-text.secondary a:after, .bg-grey-dark .bg-cyan .button-text.secondary .button:after, * .bg-primary .button-text a:after, * .bg-primary .button-text .button:after, * .bg-primary .button-text.secondary a:after, * .bg-primary .button-text.secondary .button:after, * .bg-cyan .button-text a:after, * .bg-cyan .button-text .button:after, * .bg-cyan .button-text.secondary a:after, * .bg-cyan .button-text.secondary .button:after { background-color: #fff; } .bg-primary .bg-primary .text-blue, .bg-primary .bg-cyan .text-blue, .bg-cyan .bg-primary .text-blue, .bg-cyan .bg-cyan .text-blue, .bg-primary-light .bg-primary .text-blue, .bg-primary-light .bg-cyan .text-blue, .bg-cyan-light .bg-primary .text-blue, .bg-cyan-light .bg-cyan .text-blue, .bg-grey .bg-primary .text-blue, .bg-grey .bg-cyan .text-blue, .bg-grey-light .bg-primary .text-blue, .bg-grey-light .bg-cyan .text-blue, .bg-grey-dark .bg-primary .text-blue, .bg-grey-dark .bg-cyan .text-blue, * .bg-primary .text-blue, * .bg-cyan .text-blue { color: #009ee3 !important; } .bg-primary .bg-primary .button-block.primary a, .bg-primary .bg-primary .button-block.primary .button, .bg-primary .bg-primary .button-block a.primary, .bg-primary .bg-primary .button-block button.primary, .bg-primary .bg-primary p.back.primary a, .bg-primary .bg-primary p.back.primary .button, .bg-primary .bg-primary p.back a.primary, .bg-primary .bg-primary p.back button.primary, .bg-primary .bg-cyan .button-block.primary a, .bg-primary .bg-cyan .button-block.primary .button, .bg-primary .bg-cyan .button-block a.primary, .bg-primary .bg-cyan .button-block button.primary, .bg-primary .bg-cyan p.back.primary a, .bg-primary .bg-cyan p.back.primary .button, .bg-primary .bg-cyan p.back a.primary, .bg-primary .bg-cyan p.back button.primary, .bg-cyan .bg-primary .button-block.primary a, .bg-cyan .bg-primary .button-block.primary .button, .bg-cyan .bg-primary .button-block a.primary, .bg-cyan .bg-primary .button-block button.primary, .bg-cyan .bg-primary p.back.primary a, .bg-cyan .bg-primary p.back.primary .button, .bg-cyan .bg-primary p.back a.primary, .bg-cyan .bg-primary p.back button.primary, .bg-cyan .bg-cyan .button-block.primary a, .bg-cyan .bg-cyan .button-block.primary .button, .bg-cyan .bg-cyan .button-block a.primary, .bg-cyan .bg-cyan .button-block button.primary, .bg-cyan .bg-cyan p.back.primary a, .bg-cyan .bg-cyan p.back.primary .button, .bg-cyan .bg-cyan p.back a.primary, .bg-cyan .bg-cyan p.back button.primary, .bg-primary-light .bg-primary .button-block.primary a, .bg-primary-light .bg-primary .button-block.primary .button, .bg-primary-light .bg-primary .button-block a.primary, .bg-primary-light .bg-primary .button-block button.primary, .bg-primary-light .bg-primary p.back.primary a, .bg-primary-light .bg-primary p.back.primary .button, .bg-primary-light .bg-primary p.back a.primary, .bg-primary-light .bg-primary p.back button.primary, .bg-primary-light .bg-cyan .button-block.primary a, .bg-primary-light .bg-cyan .button-block.primary .button, .bg-primary-light .bg-cyan .button-block a.primary, .bg-primary-light .bg-cyan .button-block button.primary, .bg-primary-light .bg-cyan p.back.primary a, .bg-primary-light .bg-cyan p.back.primary .button, .bg-primary-light .bg-cyan p.back a.primary, .bg-primary-light .bg-cyan p.back button.primary, .bg-cyan-light .bg-primary .button-block.primary a, .bg-cyan-light .bg-primary .button-block.primary .button, .bg-cyan-light .bg-primary .button-block a.primary, .bg-cyan-light .bg-primary .button-block button.primary, .bg-cyan-light .bg-primary p.back.primary a, .bg-cyan-light .bg-primary p.back.primary .button, .bg-cyan-light .bg-primary p.back a.primary, .bg-cyan-light .bg-primary p.back button.primary, .bg-cyan-light .bg-cyan .button-block.primary a, .bg-cyan-light .bg-cyan .button-block.primary .button, .bg-cyan-light .bg-cyan .button-block a.primary, .bg-cyan-light .bg-cyan .button-block button.primary, .bg-cyan-light .bg-cyan p.back.primary a, .bg-cyan-light .bg-cyan p.back.primary .button, .bg-cyan-light .bg-cyan p.back a.primary, .bg-cyan-light .bg-cyan p.back button.primary, .bg-grey .bg-primary .button-block.primary a, .bg-grey .bg-primary .button-block.primary .button, .bg-grey .bg-primary .button-block a.primary, .bg-grey .bg-primary .button-block button.primary, .bg-grey .bg-primary p.back.primary a, .bg-grey .bg-primary p.back.primary .button, .bg-grey .bg-primary p.back a.primary, .bg-grey .bg-primary p.back button.primary, .bg-grey .bg-cyan .button-block.primary a, .bg-grey .bg-cyan .button-block.primary .button, .bg-grey .bg-cyan .button-block a.primary, .bg-grey .bg-cyan .button-block button.primary, .bg-grey .bg-cyan p.back.primary a, .bg-grey .bg-cyan p.back.primary .button, .bg-grey .bg-cyan p.back a.primary, .bg-grey .bg-cyan p.back button.primary, .bg-grey-light .bg-primary .button-block.primary a, .bg-grey-light .bg-primary .button-block.primary .button, .bg-grey-light .bg-primary .button-block a.primary, .bg-grey-light .bg-primary .button-block button.primary, .bg-grey-light .bg-primary p.back.primary a, .bg-grey-light .bg-primary p.back.primary .button, .bg-grey-light .bg-primary p.back a.primary, .bg-grey-light .bg-primary p.back button.primary, .bg-grey-light .bg-cyan .button-block.primary a, .bg-grey-light .bg-cyan .button-block.primary .button, .bg-grey-light .bg-cyan .button-block a.primary, .bg-grey-light .bg-cyan .button-block button.primary, .bg-grey-light .bg-cyan p.back.primary a, .bg-grey-light .bg-cyan p.back.primary .button, .bg-grey-light .bg-cyan p.back a.primary, .bg-grey-light .bg-cyan p.back button.primary, .bg-grey-dark .bg-primary .button-block.primary a, .bg-grey-dark .bg-primary .button-block.primary .button, .bg-grey-dark .bg-primary .button-block a.primary, .bg-grey-dark .bg-primary .button-block button.primary, .bg-grey-dark .bg-primary p.back.primary a, .bg-grey-dark .bg-primary p.back.primary .button, .bg-grey-dark .bg-primary p.back a.primary, .bg-grey-dark .bg-primary p.back button.primary, .bg-grey-dark .bg-cyan .button-block.primary a, .bg-grey-dark .bg-cyan .button-block.primary .button, .bg-grey-dark .bg-cyan .button-block a.primary, .bg-grey-dark .bg-cyan .button-block button.primary, .bg-grey-dark .bg-cyan p.back.primary a, .bg-grey-dark .bg-cyan p.back.primary .button, .bg-grey-dark .bg-cyan p.back a.primary, .bg-grey-dark .bg-cyan p.back button.primary, * .bg-primary .button-block.primary a, * .bg-primary .button-block.primary .button, * .bg-primary .button-block a.primary, * .bg-primary .button-block button.primary, * .bg-primary p.back.primary a, * .bg-primary p.back.primary .button, * .bg-primary p.back a.primary, * .bg-primary p.back button.primary, * .bg-cyan .button-block.primary a, * .bg-cyan .button-block.primary .button, * .bg-cyan .button-block a.primary, * .bg-cyan .button-block button.primary, * .bg-cyan p.back.primary a, * .bg-cyan p.back.primary .button, * .bg-cyan p.back a.primary, * .bg-cyan p.back button.primary { color: #fff; border-color: #fff; background-color: #009ee3; } .bg-primary .bg-primary .button-block.primary a:hover, .bg-primary .bg-primary .button-block.primary .button:hover, .bg-primary .bg-primary .button-block a.primary:hover, .bg-primary .bg-primary .button-block button.primary:hover, .bg-primary .bg-primary .button-block a:hover, .bg-primary .bg-primary .button-block .button:hover, .bg-primary .bg-primary .button-block button:hover, .bg-primary .bg-primary p.back.primary a:hover, .bg-primary .bg-primary p.back.primary .button:hover, .bg-primary .bg-primary p.back a.primary:hover, .bg-primary .bg-primary p.back button.primary:hover, .bg-primary .bg-primary p.back a:hover, .bg-primary .bg-primary p.back .button:hover, .bg-primary .bg-primary p.back button:hover, .bg-primary .bg-cyan .button-block.primary a:hover, .bg-primary .bg-cyan .button-block.primary .button:hover, .bg-primary .bg-cyan .button-block a.primary:hover, .bg-primary .bg-cyan .button-block button.primary:hover, .bg-primary .bg-cyan .button-block a:hover, .bg-primary .bg-cyan .button-block .button:hover, .bg-primary .bg-cyan .button-block button:hover, .bg-primary .bg-cyan p.back.primary a:hover, .bg-primary .bg-cyan p.back.primary .button:hover, .bg-primary .bg-cyan p.back a.primary:hover, .bg-primary .bg-cyan p.back button.primary:hover, .bg-primary .bg-cyan p.back a:hover, .bg-primary .bg-cyan p.back .button:hover, .bg-primary .bg-cyan p.back button:hover, .bg-cyan .bg-primary .button-block.primary a:hover, .bg-cyan .bg-primary .button-block.primary .button:hover, .bg-cyan .bg-primary .button-block a.primary:hover, .bg-cyan .bg-primary .button-block button.primary:hover, .bg-cyan .bg-primary .button-block a:hover, .bg-cyan .bg-primary .button-block .button:hover, .bg-cyan .bg-primary .button-block button:hover, .bg-cyan .bg-primary p.back.primary a:hover, .bg-cyan .bg-primary p.back.primary .button:hover, .bg-cyan .bg-primary p.back a.primary:hover, .bg-cyan .bg-primary p.back button.primary:hover, .bg-cyan .bg-primary p.back a:hover, .bg-cyan .bg-primary p.back .button:hover, .bg-cyan .bg-primary p.back button:hover, .bg-cyan .bg-cyan .button-block.primary a:hover, .bg-cyan .bg-cyan .button-block.primary .button:hover, .bg-cyan .bg-cyan .button-block a.primary:hover, .bg-cyan .bg-cyan .button-block button.primary:hover, .bg-cyan .bg-cyan .button-block a:hover, .bg-cyan .bg-cyan .button-block .button:hover, .bg-cyan .bg-cyan .button-block button:hover, .bg-cyan .bg-cyan p.back.primary a:hover, .bg-cyan .bg-cyan p.back.primary .button:hover, .bg-cyan .bg-cyan p.back a.primary:hover, .bg-cyan .bg-cyan p.back button.primary:hover, .bg-cyan .bg-cyan p.back a:hover, .bg-cyan .bg-cyan p.back .button:hover, .bg-cyan .bg-cyan p.back button:hover, .bg-primary-light .bg-primary .button-block.primary a:hover, .bg-primary-light .bg-primary .button-block.primary .button:hover, .bg-primary-light .bg-primary .button-block a.primary:hover, .bg-primary-light .bg-primary .button-block button.primary:hover, .bg-primary-light .bg-primary .button-block a:hover, .bg-primary-light .bg-primary .button-block .button:hover, .bg-primary-light .bg-primary .button-block button:hover, .bg-primary-light .bg-primary p.back.primary a:hover, .bg-primary-light .bg-primary p.back.primary .button:hover, .bg-primary-light .bg-primary p.back a.primary:hover, .bg-primary-light .bg-primary p.back button.primary:hover, .bg-primary-light .bg-primary p.back a:hover, .bg-primary-light .bg-primary p.back .button:hover, .bg-primary-light .bg-primary p.back button:hover, .bg-primary-light .bg-cyan .button-block.primary a:hover, .bg-primary-light .bg-cyan .button-block.primary .button:hover, .bg-primary-light .bg-cyan .button-block a.primary:hover, .bg-primary-light .bg-cyan .button-block button.primary:hover, .bg-primary-light .bg-cyan .button-block a:hover, .bg-primary-light .bg-cyan .button-block .button:hover, .bg-primary-light .bg-cyan .button-block button:hover, .bg-primary-light .bg-cyan p.back.primary a:hover, .bg-primary-light .bg-cyan p.back.primary .button:hover, .bg-primary-light .bg-cyan p.back a.primary:hover, .bg-primary-light .bg-cyan p.back button.primary:hover, .bg-primary-light .bg-cyan p.back a:hover, .bg-primary-light .bg-cyan p.back .button:hover, .bg-primary-light .bg-cyan p.back button:hover, .bg-cyan-light .bg-primary .button-block.primary a:hover, .bg-cyan-light .bg-primary .button-block.primary .button:hover, .bg-cyan-light .bg-primary .button-block a.primary:hover, .bg-cyan-light .bg-primary .button-block button.primary:hover, .bg-cyan-light .bg-primary .button-block a:hover, .bg-cyan-light .bg-primary .button-block .button:hover, .bg-cyan-light .bg-primary .button-block button:hover, .bg-cyan-light .bg-primary p.back.primary a:hover, .bg-cyan-light .bg-primary p.back.primary .button:hover, .bg-cyan-light .bg-primary p.back a.primary:hover, .bg-cyan-light .bg-primary p.back button.primary:hover, .bg-cyan-light .bg-primary p.back a:hover, .bg-cyan-light .bg-primary p.back .button:hover, .bg-cyan-light .bg-primary p.back button:hover, .bg-cyan-light .bg-cyan .button-block.primary a:hover, .bg-cyan-light .bg-cyan .button-block.primary .button:hover, .bg-cyan-light .bg-cyan .button-block a.primary:hover, .bg-cyan-light .bg-cyan .button-block button.primary:hover, .bg-cyan-light .bg-cyan .button-block a:hover, .bg-cyan-light .bg-cyan .button-block .button:hover, .bg-cyan-light .bg-cyan .button-block button:hover, .bg-cyan-light .bg-cyan p.back.primary a:hover, .bg-cyan-light .bg-cyan p.back.primary .button:hover, .bg-cyan-light .bg-cyan p.back a.primary:hover, .bg-cyan-light .bg-cyan p.back button.primary:hover, .bg-cyan-light .bg-cyan p.back a:hover, .bg-cyan-light .bg-cyan p.back .button:hover, .bg-cyan-light .bg-cyan p.back button:hover, .bg-grey .bg-primary .button-block.primary a:hover, .bg-grey .bg-primary .button-block.primary .button:hover, .bg-grey .bg-primary .button-block a.primary:hover, .bg-grey .bg-primary .button-block button.primary:hover, .bg-grey .bg-primary .button-block a:hover, .bg-grey .bg-primary .button-block .button:hover, .bg-grey .bg-primary .button-block button:hover, .bg-grey .bg-primary p.back.primary a:hover, .bg-grey .bg-primary p.back.primary .button:hover, .bg-grey .bg-primary p.back a.primary:hover, .bg-grey .bg-primary p.back button.primary:hover, .bg-grey .bg-primary p.back a:hover, .bg-grey .bg-primary p.back .button:hover, .bg-grey .bg-primary p.back button:hover, .bg-grey .bg-cyan .button-block.primary a:hover, .bg-grey .bg-cyan .button-block.primary .button:hover, .bg-grey .bg-cyan .button-block a.primary:hover, .bg-grey .bg-cyan .button-block button.primary:hover, .bg-grey .bg-cyan .button-block a:hover, .bg-grey .bg-cyan .button-block .button:hover, .bg-grey .bg-cyan .button-block button:hover, .bg-grey .bg-cyan p.back.primary a:hover, .bg-grey .bg-cyan p.back.primary .button:hover, .bg-grey .bg-cyan p.back a.primary:hover, .bg-grey .bg-cyan p.back button.primary:hover, .bg-grey .bg-cyan p.back a:hover, .bg-grey .bg-cyan p.back .button:hover, .bg-grey .bg-cyan p.back button:hover, .bg-grey-light .bg-primary .button-block.primary a:hover, .bg-grey-light .bg-primary .button-block.primary .button:hover, .bg-grey-light .bg-primary .button-block a.primary:hover, .bg-grey-light .bg-primary .button-block button.primary:hover, .bg-grey-light .bg-primary .button-block a:hover, .bg-grey-light .bg-primary .button-block .button:hover, .bg-grey-light .bg-primary .button-block button:hover, .bg-grey-light .bg-primary p.back.primary a:hover, .bg-grey-light .bg-primary p.back.primary .button:hover, .bg-grey-light .bg-primary p.back a.primary:hover, .bg-grey-light .bg-primary p.back button.primary:hover, .bg-grey-light .bg-primary p.back a:hover, .bg-grey-light .bg-primary p.back .button:hover, .bg-grey-light .bg-primary p.back button:hover, .bg-grey-light .bg-cyan .button-block.primary a:hover, .bg-grey-light .bg-cyan .button-block.primary .button:hover, .bg-grey-light .bg-cyan .button-block a.primary:hover, .bg-grey-light .bg-cyan .button-block button.primary:hover, .bg-grey-light .bg-cyan .button-block a:hover, .bg-grey-light .bg-cyan .button-block .button:hover, .bg-grey-light .bg-cyan .button-block button:hover, .bg-grey-light .bg-cyan p.back.primary a:hover, .bg-grey-light .bg-cyan p.back.primary .button:hover, .bg-grey-light .bg-cyan p.back a.primary:hover, .bg-grey-light .bg-cyan p.back button.primary:hover, .bg-grey-light .bg-cyan p.back a:hover, .bg-grey-light .bg-cyan p.back .button:hover, .bg-grey-light .bg-cyan p.back button:hover, .bg-grey-dark .bg-primary .button-block.primary a:hover, .bg-grey-dark .bg-primary .button-block.primary .button:hover, .bg-grey-dark .bg-primary .button-block a.primary:hover, .bg-grey-dark .bg-primary .button-block button.primary:hover, .bg-grey-dark .bg-primary .button-block a:hover, .bg-grey-dark .bg-primary .button-block .button:hover, .bg-grey-dark .bg-primary .button-block button:hover, .bg-grey-dark .bg-primary p.back.primary a:hover, .bg-grey-dark .bg-primary p.back.primary .button:hover, .bg-grey-dark .bg-primary p.back a.primary:hover, .bg-grey-dark .bg-primary p.back button.primary:hover, .bg-grey-dark .bg-primary p.back a:hover, .bg-grey-dark .bg-primary p.back .button:hover, .bg-grey-dark .bg-primary p.back button:hover, .bg-grey-dark .bg-cyan .button-block.primary a:hover, .bg-grey-dark .bg-cyan .button-block.primary .button:hover, .bg-grey-dark .bg-cyan .button-block a.primary:hover, .bg-grey-dark .bg-cyan .button-block button.primary:hover, .bg-grey-dark .bg-cyan .button-block a:hover, .bg-grey-dark .bg-cyan .button-block .button:hover, .bg-grey-dark .bg-cyan .button-block button:hover, .bg-grey-dark .bg-cyan p.back.primary a:hover, .bg-grey-dark .bg-cyan p.back.primary .button:hover, .bg-grey-dark .bg-cyan p.back a.primary:hover, .bg-grey-dark .bg-cyan p.back button.primary:hover, .bg-grey-dark .bg-cyan p.back a:hover, .bg-grey-dark .bg-cyan p.back .button:hover, .bg-grey-dark .bg-cyan p.back button:hover, * .bg-primary .button-block.primary a:hover, * .bg-primary .button-block.primary .button:hover, * .bg-primary .button-block a.primary:hover, * .bg-primary .button-block button.primary:hover, * .bg-primary .button-block a:hover, * .bg-primary .button-block .button:hover, * .bg-primary .button-block button:hover, * .bg-primary p.back.primary a:hover, * .bg-primary p.back.primary .button:hover, * .bg-primary p.back a.primary:hover, * .bg-primary p.back button.primary:hover, * .bg-primary p.back a:hover, * .bg-primary p.back .button:hover, * .bg-primary p.back button:hover, * .bg-cyan .button-block.primary a:hover, * .bg-cyan .button-block.primary .button:hover, * .bg-cyan .button-block a.primary:hover, * .bg-cyan .button-block button.primary:hover, * .bg-cyan .button-block a:hover, * .bg-cyan .button-block .button:hover, * .bg-cyan .button-block button:hover, * .bg-cyan p.back.primary a:hover, * .bg-cyan p.back.primary .button:hover, * .bg-cyan p.back a.primary:hover, * .bg-cyan p.back button.primary:hover, * .bg-cyan p.back a:hover, * .bg-cyan p.back .button:hover, * .bg-cyan p.back button:hover { color: #009ee3 !important; background: #fff; } .bg-primary .bg-primary .ce_list ul li, .bg-primary .bg-cyan .ce_list ul li, .bg-cyan .bg-primary .ce_list ul li, .bg-cyan .bg-cyan .ce_list ul li, .bg-primary-light .bg-primary .ce_list ul li, .bg-primary-light .bg-cyan .ce_list ul li, .bg-cyan-light .bg-primary .ce_list ul li, .bg-cyan-light .bg-cyan .ce_list ul li, .bg-grey .bg-primary .ce_list ul li, .bg-grey .bg-cyan .ce_list ul li, .bg-grey-light .bg-primary .ce_list ul li, .bg-grey-light .bg-cyan .ce_list ul li, .bg-grey-dark .bg-primary .ce_list ul li, .bg-grey-dark .bg-cyan .ce_list ul li, * .bg-primary .ce_list ul li, * .bg-cyan .ce_list ul li { padding-left: 0.4285714em; } .bg-primary .bg-primary .ce_list ul li::marker, .bg-primary .bg-cyan .ce_list ul li::marker, .bg-cyan .bg-primary .ce_list ul li::marker, .bg-cyan .bg-cyan .ce_list ul li::marker, .bg-primary-light .bg-primary .ce_list ul li::marker, .bg-primary-light .bg-cyan .ce_list ul li::marker, .bg-cyan-light .bg-primary .ce_list ul li::marker, .bg-cyan-light .bg-cyan .ce_list ul li::marker, .bg-grey .bg-primary .ce_list ul li::marker, .bg-grey .bg-cyan .ce_list ul li::marker, .bg-grey-light .bg-primary .ce_list ul li::marker, .bg-grey-light .bg-cyan .ce_list ul li::marker, .bg-grey-dark .bg-primary .ce_list ul li::marker, .bg-grey-dark .bg-cyan .ce_list ul li::marker, * .bg-primary .ce_list ul li::marker, * .bg-cyan .ce_list ul li::marker { color: #fff; } .bg-primary .bg-primary .ce_list ol li, .bg-primary .bg-cyan .ce_list ol li, .bg-cyan .bg-primary .ce_list ol li, .bg-cyan .bg-cyan .ce_list ol li, .bg-primary-light .bg-primary .ce_list ol li, .bg-primary-light .bg-cyan .ce_list ol li, .bg-cyan-light .bg-primary .ce_list ol li, .bg-cyan-light .bg-cyan .ce_list ol li, .bg-grey .bg-primary .ce_list ol li, .bg-grey .bg-cyan .ce_list ol li, .bg-grey-light .bg-primary .ce_list ol li, .bg-grey-light .bg-cyan .ce_list ol li, .bg-grey-dark .bg-primary .ce_list ol li, .bg-grey-dark .bg-cyan .ce_list ol li, * .bg-primary .ce_list ol li, * .bg-cyan .ce_list ol li { padding-left: 0.4285714em; } .bg-primary .bg-primary .ce_list ol li::marker, .bg-primary .bg-cyan .ce_list ol li::marker, .bg-cyan .bg-primary .ce_list ol li::marker, .bg-cyan .bg-cyan .ce_list ol li::marker, .bg-primary-light .bg-primary .ce_list ol li::marker, .bg-primary-light .bg-cyan .ce_list ol li::marker, .bg-cyan-light .bg-primary .ce_list ol li::marker, .bg-cyan-light .bg-cyan .ce_list ol li::marker, .bg-grey .bg-primary .ce_list ol li::marker, .bg-grey .bg-cyan .ce_list ol li::marker, .bg-grey-light .bg-primary .ce_list ol li::marker, .bg-grey-light .bg-cyan .ce_list ol li::marker, .bg-grey-dark .bg-primary .ce_list ol li::marker, .bg-grey-dark .bg-cyan .ce_list ol li::marker, * .bg-primary .ce_list ol li::marker, * .bg-cyan .ce_list ol li::marker { color: #fff; } .bg-primary .bg-primary .button-block.primary-filled .button, .bg-primary .bg-primary .button-block.primary-filled a, .bg-primary .bg-primary p.back.primary-filled .button, .bg-primary .bg-primary p.back.primary-filled a, .bg-primary .bg-cyan .button-block.primary-filled .button, .bg-primary .bg-cyan .button-block.primary-filled a, .bg-primary .bg-cyan p.back.primary-filled .button, .bg-primary .bg-cyan p.back.primary-filled a, .bg-cyan .bg-primary .button-block.primary-filled .button, .bg-cyan .bg-primary .button-block.primary-filled a, .bg-cyan .bg-primary p.back.primary-filled .button, .bg-cyan .bg-primary p.back.primary-filled a, .bg-cyan .bg-cyan .button-block.primary-filled .button, .bg-cyan .bg-cyan .button-block.primary-filled a, .bg-cyan .bg-cyan p.back.primary-filled .button, .bg-cyan .bg-cyan p.back.primary-filled a, .bg-primary-light .bg-primary .button-block.primary-filled .button, .bg-primary-light .bg-primary .button-block.primary-filled a, .bg-primary-light .bg-primary p.back.primary-filled .button, .bg-primary-light .bg-primary p.back.primary-filled a, .bg-primary-light .bg-cyan .button-block.primary-filled .button, .bg-primary-light .bg-cyan .button-block.primary-filled a, .bg-primary-light .bg-cyan p.back.primary-filled .button, .bg-primary-light .bg-cyan p.back.primary-filled a, .bg-cyan-light .bg-primary .button-block.primary-filled .button, .bg-cyan-light .bg-primary .button-block.primary-filled a, .bg-cyan-light .bg-primary p.back.primary-filled .button, .bg-cyan-light .bg-primary p.back.primary-filled a, .bg-cyan-light .bg-cyan .button-block.primary-filled .button, .bg-cyan-light .bg-cyan .button-block.primary-filled a, .bg-cyan-light .bg-cyan p.back.primary-filled .button, .bg-cyan-light .bg-cyan p.back.primary-filled a, .bg-grey .bg-primary .button-block.primary-filled .button, .bg-grey .bg-primary .button-block.primary-filled a, .bg-grey .bg-primary p.back.primary-filled .button, .bg-grey .bg-primary p.back.primary-filled a, .bg-grey .bg-cyan .button-block.primary-filled .button, .bg-grey .bg-cyan .button-block.primary-filled a, .bg-grey .bg-cyan p.back.primary-filled .button, .bg-grey .bg-cyan p.back.primary-filled a, .bg-grey-light .bg-primary .button-block.primary-filled .button, .bg-grey-light .bg-primary .button-block.primary-filled a, .bg-grey-light .bg-primary p.back.primary-filled .button, .bg-grey-light .bg-primary p.back.primary-filled a, .bg-grey-light .bg-cyan .button-block.primary-filled .button, .bg-grey-light .bg-cyan .button-block.primary-filled a, .bg-grey-light .bg-cyan p.back.primary-filled .button, .bg-grey-light .bg-cyan p.back.primary-filled a, .bg-grey-dark .bg-primary .button-block.primary-filled .button, .bg-grey-dark .bg-primary .button-block.primary-filled a, .bg-grey-dark .bg-primary p.back.primary-filled .button, .bg-grey-dark .bg-primary p.back.primary-filled a, .bg-grey-dark .bg-cyan .button-block.primary-filled .button, .bg-grey-dark .bg-cyan .button-block.primary-filled a, .bg-grey-dark .bg-cyan p.back.primary-filled .button, .bg-grey-dark .bg-cyan p.back.primary-filled a, * .bg-primary .button-block.primary-filled .button, * .bg-primary .button-block.primary-filled a, * .bg-primary p.back.primary-filled .button, * .bg-primary p.back.primary-filled a, * .bg-cyan .button-block.primary-filled .button, * .bg-cyan .button-block.primary-filled a, * .bg-cyan p.back.primary-filled .button, * .bg-cyan p.back.primary-filled a { background: #fff; color: #009ee3 !important; border-color: #fff; } .bg-primary .bg-primary .button-block.primary-filled .button:hover, .bg-primary .bg-primary .button-block.primary-filled a:hover, .bg-primary .bg-primary p.back.primary-filled .button:hover, .bg-primary .bg-primary p.back.primary-filled a:hover, .bg-primary .bg-cyan .button-block.primary-filled .button:hover, .bg-primary .bg-cyan .button-block.primary-filled a:hover, .bg-primary .bg-cyan p.back.primary-filled .button:hover, .bg-primary .bg-cyan p.back.primary-filled a:hover, .bg-cyan .bg-primary .button-block.primary-filled .button:hover, .bg-cyan .bg-primary .button-block.primary-filled a:hover, .bg-cyan .bg-primary p.back.primary-filled .button:hover, .bg-cyan .bg-primary p.back.primary-filled a:hover, .bg-cyan .bg-cyan .button-block.primary-filled .button:hover, .bg-cyan .bg-cyan .button-block.primary-filled a:hover, .bg-cyan .bg-cyan p.back.primary-filled .button:hover, .bg-cyan .bg-cyan p.back.primary-filled a:hover, .bg-primary-light .bg-primary .button-block.primary-filled .button:hover, .bg-primary-light .bg-primary .button-block.primary-filled a:hover, .bg-primary-light .bg-primary p.back.primary-filled .button:hover, .bg-primary-light .bg-primary p.back.primary-filled a:hover, .bg-primary-light .bg-cyan .button-block.primary-filled .button:hover, .bg-primary-light .bg-cyan .button-block.primary-filled a:hover, .bg-primary-light .bg-cyan p.back.primary-filled .button:hover, .bg-primary-light .bg-cyan p.back.primary-filled a:hover, .bg-cyan-light .bg-primary .button-block.primary-filled .button:hover, .bg-cyan-light .bg-primary .button-block.primary-filled a:hover, .bg-cyan-light .bg-primary p.back.primary-filled .button:hover, .bg-cyan-light .bg-primary p.back.primary-filled a:hover, .bg-cyan-light .bg-cyan .button-block.primary-filled .button:hover, .bg-cyan-light .bg-cyan .button-block.primary-filled a:hover, .bg-cyan-light .bg-cyan p.back.primary-filled .button:hover, .bg-cyan-light .bg-cyan p.back.primary-filled a:hover, .bg-grey .bg-primary .button-block.primary-filled .button:hover, .bg-grey .bg-primary .button-block.primary-filled a:hover, .bg-grey .bg-primary p.back.primary-filled .button:hover, .bg-grey .bg-primary p.back.primary-filled a:hover, .bg-grey .bg-cyan .button-block.primary-filled .button:hover, .bg-grey .bg-cyan .button-block.primary-filled a:hover, .bg-grey .bg-cyan p.back.primary-filled .button:hover, .bg-grey .bg-cyan p.back.primary-filled a:hover, .bg-grey-light .bg-primary .button-block.primary-filled .button:hover, .bg-grey-light .bg-primary .button-block.primary-filled a:hover, .bg-grey-light .bg-primary p.back.primary-filled .button:hover, .bg-grey-light .bg-primary p.back.primary-filled a:hover, .bg-grey-light .bg-cyan .button-block.primary-filled .button:hover, .bg-grey-light .bg-cyan .button-block.primary-filled a:hover, .bg-grey-light .bg-cyan p.back.primary-filled .button:hover, .bg-grey-light .bg-cyan p.back.primary-filled a:hover, .bg-grey-dark .bg-primary .button-block.primary-filled .button:hover, .bg-grey-dark .bg-primary .button-block.primary-filled a:hover, .bg-grey-dark .bg-primary p.back.primary-filled .button:hover, .bg-grey-dark .bg-primary p.back.primary-filled a:hover, .bg-grey-dark .bg-cyan .button-block.primary-filled .button:hover, .bg-grey-dark .bg-cyan .button-block.primary-filled a:hover, .bg-grey-dark .bg-cyan p.back.primary-filled .button:hover, .bg-grey-dark .bg-cyan p.back.primary-filled a:hover, * .bg-primary .button-block.primary-filled .button:hover, * .bg-primary .button-block.primary-filled a:hover, * .bg-primary p.back.primary-filled .button:hover, * .bg-primary p.back.primary-filled a:hover, * .bg-cyan .button-block.primary-filled .button:hover, * .bg-cyan .button-block.primary-filled a:hover, * .bg-cyan p.back.primary-filled .button:hover, * .bg-cyan p.back.primary-filled a:hover { background: none; color: #fff !important; } .bg-primary .bg-primary-light, .bg-primary .bg-cyan-light, .bg-cyan .bg-primary-light, .bg-cyan .bg-cyan-light, .bg-primary-light .bg-primary-light, .bg-primary-light .bg-cyan-light, .bg-cyan-light .bg-primary-light, .bg-cyan-light .bg-cyan-light, .bg-grey .bg-primary-light, .bg-grey .bg-cyan-light, .bg-grey-light .bg-primary-light, .bg-grey-light .bg-cyan-light, .bg-grey-dark .bg-primary-light, .bg-grey-dark .bg-cyan-light, * .bg-primary-light, * .bg-cyan-light { background-color: #f4fbfd; } .bg-primary .bg-primary-light, .bg-primary .bg-primary-light *, .bg-primary .bg-cyan-light, .bg-primary .bg-cyan-light *, .bg-cyan .bg-primary-light, .bg-cyan .bg-primary-light *, .bg-cyan .bg-cyan-light, .bg-cyan .bg-cyan-light *, .bg-primary-light .bg-primary-light, .bg-primary-light .bg-primary-light *, .bg-primary-light .bg-cyan-light, .bg-primary-light .bg-cyan-light *, .bg-cyan-light .bg-primary-light, .bg-cyan-light .bg-primary-light *, .bg-cyan-light .bg-cyan-light, .bg-cyan-light .bg-cyan-light *, .bg-grey .bg-primary-light, .bg-grey .bg-primary-light *, .bg-grey .bg-cyan-light, .bg-grey .bg-cyan-light *, .bg-grey-light .bg-primary-light, .bg-grey-light .bg-primary-light *, .bg-grey-light .bg-cyan-light, .bg-grey-light .bg-cyan-light *, .bg-grey-dark .bg-primary-light, .bg-grey-dark .bg-primary-light *, .bg-grey-dark .bg-cyan-light, .bg-grey-dark .bg-cyan-light *, * .bg-primary-light, * .bg-primary-light *, * .bg-cyan-light, * .bg-cyan-light * { color: #4a4a4a; } .bg-primary .bg-primary-light > *, .bg-primary .bg-cyan-light > *, .bg-cyan .bg-primary-light > *, .bg-cyan .bg-cyan-light > *, .bg-primary-light .bg-primary-light > *, .bg-primary-light .bg-cyan-light > *, .bg-cyan-light .bg-primary-light > *, .bg-cyan-light .bg-cyan-light > *, .bg-grey .bg-primary-light > *, .bg-grey .bg-cyan-light > *, .bg-grey-light .bg-primary-light > *, .bg-grey-light .bg-cyan-light > *, .bg-grey-dark .bg-primary-light > *, .bg-grey-dark .bg-cyan-light > *, * .bg-primary-light > *, * .bg-cyan-light > * { border-color: #4a4a4a !important; } .bg-primary .bg-primary-light h1, .bg-primary .bg-primary-light h2, .bg-primary .bg-primary-light .blog-article h1, .blog-article .bg-primary .bg-primary-light h1, .bg-primary .bg-primary-light h3, .bg-primary .bg-primary-light h4, .bg-primary .bg-primary-light .blog-list h2, .blog-list .bg-primary .bg-primary-light h2, .bg-primary .bg-primary-light .blog-list .blog-article h1, .blog-list .blog-article .bg-primary .bg-primary-light h1, .bg-primary .bg-primary-light .blog-article .blog-list h1, .blog-article .blog-list .bg-primary .bg-primary-light h1, .bg-primary .bg-primary-light h5, .bg-primary .bg-primary-light h6, .bg-primary .bg-primary-light .h1, .bg-primary .bg-primary-light .h2, .bg-primary .bg-primary-light .h3, .bg-primary .bg-primary-light .h4, .bg-primary .bg-primary-light .h5, .bg-primary .bg-primary-light .h6, .bg-primary .bg-cyan-light h1, .bg-primary .bg-cyan-light h2, .bg-primary .bg-cyan-light .blog-article h1, .blog-article .bg-primary .bg-cyan-light h1, .bg-primary .bg-cyan-light h3, .bg-primary .bg-cyan-light h4, .bg-primary .bg-cyan-light .blog-list h2, .blog-list .bg-primary .bg-cyan-light h2, .bg-primary .bg-cyan-light .blog-list .blog-article h1, .blog-list .blog-article .bg-primary .bg-cyan-light h1, .bg-primary .bg-cyan-light .blog-article .blog-list h1, .blog-article .blog-list .bg-primary .bg-cyan-light h1, .bg-primary .bg-cyan-light h5, .bg-primary .bg-cyan-light h6, .bg-primary .bg-cyan-light .h1, .bg-primary .bg-cyan-light .h2, .bg-primary .bg-cyan-light .h3, .bg-primary .bg-cyan-light .h4, .bg-primary .bg-cyan-light .h5, .bg-primary .bg-cyan-light .h6, .bg-cyan .bg-primary-light h1, .bg-cyan .bg-primary-light h2, .bg-cyan .bg-primary-light .blog-article h1, .blog-article .bg-cyan .bg-primary-light h1, .bg-cyan .bg-primary-light h3, .bg-cyan .bg-primary-light h4, .bg-cyan .bg-primary-light .blog-list h2, .blog-list .bg-cyan .bg-primary-light h2, .bg-cyan .bg-primary-light .blog-list .blog-article h1, .blog-list .blog-article .bg-cyan .bg-primary-light h1, .bg-cyan .bg-primary-light .blog-article .blog-list h1, .blog-article .blog-list .bg-cyan .bg-primary-light h1, .bg-cyan .bg-primary-light h5, .bg-cyan .bg-primary-light h6, .bg-cyan .bg-primary-light .h1, .bg-cyan .bg-primary-light .h2, .bg-cyan .bg-primary-light .h3, .bg-cyan .bg-primary-light .h4, .bg-cyan .bg-primary-light .h5, .bg-cyan .bg-primary-light .h6, .bg-cyan .bg-cyan-light h1, .bg-cyan .bg-cyan-light h2, .bg-cyan .bg-cyan-light .blog-article h1, .blog-article .bg-cyan .bg-cyan-light h1, .bg-cyan .bg-cyan-light h3, .bg-cyan .bg-cyan-light h4, .bg-cyan .bg-cyan-light .blog-list h2, .blog-list .bg-cyan .bg-cyan-light h2, .bg-cyan .bg-cyan-light .blog-list .blog-article h1, .blog-list .blog-article .bg-cyan .bg-cyan-light h1, .bg-cyan .bg-cyan-light .blog-article .blog-list h1, .blog-article .blog-list .bg-cyan .bg-cyan-light h1, .bg-cyan .bg-cyan-light h5, .bg-cyan .bg-cyan-light h6, .bg-cyan .bg-cyan-light .h1, .bg-cyan .bg-cyan-light .h2, .bg-cyan .bg-cyan-light .h3, .bg-cyan .bg-cyan-light .h4, .bg-cyan .bg-cyan-light .h5, .bg-cyan .bg-cyan-light .h6, .bg-primary-light .bg-primary-light h1, .bg-primary-light .bg-primary-light h2, .bg-primary-light .bg-primary-light .blog-article h1, .blog-article .bg-primary-light .bg-primary-light h1, .bg-primary-light .bg-primary-light h3, .bg-primary-light .bg-primary-light h4, .bg-primary-light .bg-primary-light .blog-list h2, .blog-list .bg-primary-light .bg-primary-light h2, .bg-primary-light .bg-primary-light .blog-list .blog-article h1, .blog-list .blog-article .bg-primary-light .bg-primary-light h1, .bg-primary-light .bg-primary-light .blog-article .blog-list h1, .blog-article .blog-list .bg-primary-light .bg-primary-light h1, .bg-primary-light .bg-primary-light h5, .bg-primary-light .bg-primary-light h6, .bg-primary-light .bg-primary-light .h1, .bg-primary-light .bg-primary-light .h2, .bg-primary-light .bg-primary-light .h3, .bg-primary-light .bg-primary-light .h4, .bg-primary-light .bg-primary-light .h5, .bg-primary-light .bg-primary-light .h6, .bg-primary-light .bg-cyan-light h1, .bg-primary-light .bg-cyan-light h2, .bg-primary-light .bg-cyan-light .blog-article h1, .blog-article .bg-primary-light .bg-cyan-light h1, .bg-primary-light .bg-cyan-light h3, .bg-primary-light .bg-cyan-light h4, .bg-primary-light .bg-cyan-light .blog-list h2, .blog-list .bg-primary-light .bg-cyan-light h2, .bg-primary-light .bg-cyan-light .blog-list .blog-article h1, .blog-list .blog-article .bg-primary-light .bg-cyan-light h1, .bg-primary-light .bg-cyan-light .blog-article .blog-list h1, .blog-article .blog-list .bg-primary-light .bg-cyan-light h1, .bg-primary-light .bg-cyan-light h5, .bg-primary-light .bg-cyan-light h6, .bg-primary-light .bg-cyan-light .h1, .bg-primary-light .bg-cyan-light .h2, .bg-primary-light .bg-cyan-light .h3, .bg-primary-light .bg-cyan-light .h4, .bg-primary-light .bg-cyan-light .h5, .bg-primary-light .bg-cyan-light .h6, .bg-cyan-light .bg-primary-light h1, .bg-cyan-light .bg-primary-light h2, .bg-cyan-light .bg-primary-light .blog-article h1, .blog-article .bg-cyan-light .bg-primary-light h1, .bg-cyan-light .bg-primary-light h3, .bg-cyan-light .bg-primary-light h4, .bg-cyan-light .bg-primary-light .blog-list h2, .blog-list .bg-cyan-light .bg-primary-light h2, .bg-cyan-light .bg-primary-light .blog-list .blog-article h1, .blog-list .blog-article .bg-cyan-light .bg-primary-light h1, .bg-cyan-light .bg-primary-light .blog-article .blog-list h1, .blog-article .blog-list .bg-cyan-light .bg-primary-light h1, .bg-cyan-light .bg-primary-light h5, .bg-cyan-light .bg-primary-light h6, .bg-cyan-light .bg-primary-light .h1, .bg-cyan-light .bg-primary-light .h2, .bg-cyan-light .bg-primary-light .h3, .bg-cyan-light .bg-primary-light .h4, .bg-cyan-light .bg-primary-light .h5, .bg-cyan-light .bg-primary-light .h6, .bg-cyan-light .bg-cyan-light h1, .bg-cyan-light .bg-cyan-light h2, .bg-cyan-light .bg-cyan-light .blog-article h1, .blog-article .bg-cyan-light .bg-cyan-light h1, .bg-cyan-light .bg-cyan-light h3, .bg-cyan-light .bg-cyan-light h4, .bg-cyan-light .bg-cyan-light .blog-list h2, .blog-list .bg-cyan-light .bg-cyan-light h2, .bg-cyan-light .bg-cyan-light .blog-list .blog-article h1, .blog-list .blog-article .bg-cyan-light .bg-cyan-light h1, .bg-cyan-light .bg-cyan-light .blog-article .blog-list h1, .blog-article .blog-list .bg-cyan-light .bg-cyan-light h1, .bg-cyan-light .bg-cyan-light h5, .bg-cyan-light .bg-cyan-light h6, .bg-cyan-light .bg-cyan-light .h1, .bg-cyan-light .bg-cyan-light .h2, .bg-cyan-light .bg-cyan-light .h3, .bg-cyan-light .bg-cyan-light .h4, .bg-cyan-light .bg-cyan-light .h5, .bg-cyan-light .bg-cyan-light .h6, .bg-grey .bg-primary-light h1, .bg-grey .bg-primary-light h2, .bg-grey .bg-primary-light .blog-article h1, .blog-article .bg-grey .bg-primary-light h1, .bg-grey .bg-primary-light h3, .bg-grey .bg-primary-light h4, .bg-grey .bg-primary-light .blog-list h2, .blog-list .bg-grey .bg-primary-light h2, .bg-grey .bg-primary-light .blog-list .blog-article h1, .blog-list .blog-article .bg-grey .bg-primary-light h1, .bg-grey .bg-primary-light .blog-article .blog-list h1, .blog-article .blog-list .bg-grey .bg-primary-light h1, .bg-grey .bg-primary-light h5, .bg-grey .bg-primary-light h6, .bg-grey .bg-primary-light .h1, .bg-grey .bg-primary-light .h2, .bg-grey .bg-primary-light .h3, .bg-grey .bg-primary-light .h4, .bg-grey .bg-primary-light .h5, .bg-grey .bg-primary-light .h6, .bg-grey .bg-cyan-light h1, .bg-grey .bg-cyan-light h2, .bg-grey .bg-cyan-light .blog-article h1, .blog-article .bg-grey .bg-cyan-light h1, .bg-grey .bg-cyan-light h3, .bg-grey .bg-cyan-light h4, .bg-grey .bg-cyan-light .blog-list h2, .blog-list .bg-grey .bg-cyan-light h2, .bg-grey .bg-cyan-light .blog-list .blog-article h1, .blog-list .blog-article .bg-grey .bg-cyan-light h1, .bg-grey .bg-cyan-light .blog-article .blog-list h1, .blog-article .blog-list .bg-grey .bg-cyan-light h1, .bg-grey .bg-cyan-light h5, .bg-grey .bg-cyan-light h6, .bg-grey .bg-cyan-light .h1, .bg-grey .bg-cyan-light .h2, .bg-grey .bg-cyan-light .h3, .bg-grey .bg-cyan-light .h4, .bg-grey .bg-cyan-light .h5, .bg-grey .bg-cyan-light .h6, .bg-grey-light .bg-primary-light h1, .bg-grey-light .bg-primary-light h2, .bg-grey-light .bg-primary-light .blog-article h1, .blog-article .bg-grey-light .bg-primary-light h1, .bg-grey-light .bg-primary-light h3, .bg-grey-light .bg-primary-light h4, .bg-grey-light .bg-primary-light .blog-list h2, .blog-list .bg-grey-light .bg-primary-light h2, .bg-grey-light .bg-primary-light .blog-list .blog-article h1, .blog-list .blog-article .bg-grey-light .bg-primary-light h1, .bg-grey-light .bg-primary-light .blog-article .blog-list h1, .blog-article .blog-list .bg-grey-light .bg-primary-light h1, .bg-grey-light .bg-primary-light h5, .bg-grey-light .bg-primary-light h6, .bg-grey-light .bg-primary-light .h1, .bg-grey-light .bg-primary-light .h2, .bg-grey-light .bg-primary-light .h3, .bg-grey-light .bg-primary-light .h4, .bg-grey-light .bg-primary-light .h5, .bg-grey-light .bg-primary-light .h6, .bg-grey-light .bg-cyan-light h1, .bg-grey-light .bg-cyan-light h2, .bg-grey-light .bg-cyan-light .blog-article h1, .blog-article .bg-grey-light .bg-cyan-light h1, .bg-grey-light .bg-cyan-light h3, .bg-grey-light .bg-cyan-light h4, .bg-grey-light .bg-cyan-light .blog-list h2, .blog-list .bg-grey-light .bg-cyan-light h2, .bg-grey-light .bg-cyan-light .blog-list .blog-article h1, .blog-list .blog-article .bg-grey-light .bg-cyan-light h1, .bg-grey-light .bg-cyan-light .blog-article .blog-list h1, .blog-article .blog-list .bg-grey-light .bg-cyan-light h1, .bg-grey-light .bg-cyan-light h5, .bg-grey-light .bg-cyan-light h6, .bg-grey-light .bg-cyan-light .h1, .bg-grey-light .bg-cyan-light .h2, .bg-grey-light .bg-cyan-light .h3, .bg-grey-light .bg-cyan-light .h4, .bg-grey-light .bg-cyan-light .h5, .bg-grey-light .bg-cyan-light .h6, .bg-grey-dark .bg-primary-light h1, .bg-grey-dark .bg-primary-light h2, .bg-grey-dark .bg-primary-light .blog-article h1, .blog-article .bg-grey-dark .bg-primary-light h1, .bg-grey-dark .bg-primary-light h3, .bg-grey-dark .bg-primary-light h4, .bg-grey-dark .bg-primary-light .blog-list h2, .blog-list .bg-grey-dark .bg-primary-light h2, .bg-grey-dark .bg-primary-light .blog-list .blog-article h1, .blog-list .blog-article .bg-grey-dark .bg-primary-light h1, .bg-grey-dark .bg-primary-light .blog-article .blog-list h1, .blog-article .blog-list .bg-grey-dark .bg-primary-light h1, .bg-grey-dark .bg-primary-light h5, .bg-grey-dark .bg-primary-light h6, .bg-grey-dark .bg-primary-light .h1, .bg-grey-dark .bg-primary-light .h2, .bg-grey-dark .bg-primary-light .h3, .bg-grey-dark .bg-primary-light .h4, .bg-grey-dark .bg-primary-light .h5, .bg-grey-dark .bg-primary-light .h6, .bg-grey-dark .bg-cyan-light h1, .bg-grey-dark .bg-cyan-light h2, .bg-grey-dark .bg-cyan-light .blog-article h1, .blog-article .bg-grey-dark .bg-cyan-light h1, .bg-grey-dark .bg-cyan-light h3, .bg-grey-dark .bg-cyan-light h4, .bg-grey-dark .bg-cyan-light .blog-list h2, .blog-list .bg-grey-dark .bg-cyan-light h2, .bg-grey-dark .bg-cyan-light .blog-list .blog-article h1, .blog-list .blog-article .bg-grey-dark .bg-cyan-light h1, .bg-grey-dark .bg-cyan-light .blog-article .blog-list h1, .blog-article .blog-list .bg-grey-dark .bg-cyan-light h1, .bg-grey-dark .bg-cyan-light h5, .bg-grey-dark .bg-cyan-light h6, .bg-grey-dark .bg-cyan-light .h1, .bg-grey-dark .bg-cyan-light .h2, .bg-grey-dark .bg-cyan-light .h3, .bg-grey-dark .bg-cyan-light .h4, .bg-grey-dark .bg-cyan-light .h5, .bg-grey-dark .bg-cyan-light .h6, * .bg-primary-light h1, * .bg-primary-light h2, .blog-article .bg-primary-light h1, * .bg-primary-light h3, * .bg-primary-light h4, .blog-list .bg-primary-light h2, .blog-list .bg-primary-light .blog-article h1, .blog-list .blog-article .bg-primary-light h1, .blog-article .bg-primary-light .blog-list h1, .blog-article .blog-list .bg-primary-light h1, * .bg-primary-light h5, * .bg-primary-light h6, * .bg-primary-light .h1, * .bg-primary-light .h2, * .bg-primary-light .h3, * .bg-primary-light .h4, * .bg-primary-light .h5, * .bg-primary-light .h6, * .bg-cyan-light h1, * .bg-cyan-light h2, .blog-article .bg-cyan-light h1, * .bg-cyan-light h3, * .bg-cyan-light h4, .blog-list .bg-cyan-light h2, .blog-list .bg-cyan-light .blog-article h1, .blog-list .blog-article .bg-cyan-light h1, .blog-article .bg-cyan-light .blog-list h1, .blog-article .blog-list .bg-cyan-light h1, * .bg-cyan-light h5, * .bg-cyan-light h6, * .bg-cyan-light .h1, * .bg-cyan-light .h2, * .bg-cyan-light .h3, * .bg-cyan-light .h4, * .bg-cyan-light .h5, * .bg-cyan-light .h6 { color: #4a4a4a !important; } .bg-primary .bg-primary-light .button-text a:after, .bg-primary .bg-primary-light .button-text .button:after, .bg-primary .bg-primary-light .button-text.secondary a:after, .bg-primary .bg-primary-light .button-text.secondary .button:after, .bg-primary .bg-cyan-light .button-text a:after, .bg-primary .bg-cyan-light .button-text .button:after, .bg-primary .bg-cyan-light .button-text.secondary a:after, .bg-primary .bg-cyan-light .button-text.secondary .button:after, .bg-cyan .bg-primary-light .button-text a:after, .bg-cyan .bg-primary-light .button-text .button:after, .bg-cyan .bg-primary-light .button-text.secondary a:after, .bg-cyan .bg-primary-light .button-text.secondary .button:after, .bg-cyan .bg-cyan-light .button-text a:after, .bg-cyan .bg-cyan-light .button-text .button:after, .bg-cyan .bg-cyan-light .button-text.secondary a:after, .bg-cyan .bg-cyan-light .button-text.secondary .button:after, .bg-primary-light .bg-primary-light .button-text a:after, .bg-primary-light .bg-primary-light .button-text .button:after, .bg-primary-light .bg-primary-light .button-text.secondary a:after, .bg-primary-light .bg-primary-light .button-text.secondary .button:after, .bg-primary-light .bg-cyan-light .button-text a:after, .bg-primary-light .bg-cyan-light .button-text .button:after, .bg-primary-light .bg-cyan-light .button-text.secondary a:after, .bg-primary-light .bg-cyan-light .button-text.secondary .button:after, .bg-cyan-light .bg-primary-light .button-text a:after, .bg-cyan-light .bg-primary-light .button-text .button:after, .bg-cyan-light .bg-primary-light .button-text.secondary a:after, .bg-cyan-light .bg-primary-light .button-text.secondary .button:after, .bg-cyan-light .bg-cyan-light .button-text a:after, .bg-cyan-light .bg-cyan-light .button-text .button:after, .bg-cyan-light .bg-cyan-light .button-text.secondary a:after, .bg-cyan-light .bg-cyan-light .button-text.secondary .button:after, .bg-grey .bg-primary-light .button-text a:after, .bg-grey .bg-primary-light .button-text .button:after, .bg-grey .bg-primary-light .button-text.secondary a:after, .bg-grey .bg-primary-light .button-text.secondary .button:after, .bg-grey .bg-cyan-light .button-text a:after, .bg-grey .bg-cyan-light .button-text .button:after, .bg-grey .bg-cyan-light .button-text.secondary a:after, .bg-grey .bg-cyan-light .button-text.secondary .button:after, .bg-grey-light .bg-primary-light .button-text a:after, .bg-grey-light .bg-primary-light .button-text .button:after, .bg-grey-light .bg-primary-light .button-text.secondary a:after, .bg-grey-light .bg-primary-light .button-text.secondary .button:after, .bg-grey-light .bg-cyan-light .button-text a:after, .bg-grey-light .bg-cyan-light .button-text .button:after, .bg-grey-light .bg-cyan-light .button-text.secondary a:after, .bg-grey-light .bg-cyan-light .button-text.secondary .button:after, .bg-grey-dark .bg-primary-light .button-text a:after, .bg-grey-dark .bg-primary-light .button-text .button:after, .bg-grey-dark .bg-primary-light .button-text.secondary a:after, .bg-grey-dark .bg-primary-light .button-text.secondary .button:after, .bg-grey-dark .bg-cyan-light .button-text a:after, .bg-grey-dark .bg-cyan-light .button-text .button:after, .bg-grey-dark .bg-cyan-light .button-text.secondary a:after, .bg-grey-dark .bg-cyan-light .button-text.secondary .button:after, * .bg-primary-light .button-text a:after, * .bg-primary-light .button-text .button:after, * .bg-primary-light .button-text.secondary a:after, * .bg-primary-light .button-text.secondary .button:after, * .bg-cyan-light .button-text a:after, * .bg-cyan-light .button-text .button:after, * .bg-cyan-light .button-text.secondary a:after, * .bg-cyan-light .button-text.secondary .button:after { background-color: #4a4a4a; } .bg-primary .bg-primary-light .text-blue, .bg-primary .bg-cyan-light .text-blue, .bg-cyan .bg-primary-light .text-blue, .bg-cyan .bg-cyan-light .text-blue, .bg-primary-light .bg-primary-light .text-blue, .bg-primary-light .bg-cyan-light .text-blue, .bg-cyan-light .bg-primary-light .text-blue, .bg-cyan-light .bg-cyan-light .text-blue, .bg-grey .bg-primary-light .text-blue, .bg-grey .bg-cyan-light .text-blue, .bg-grey-light .bg-primary-light .text-blue, .bg-grey-light .bg-cyan-light .text-blue, .bg-grey-dark .bg-primary-light .text-blue, .bg-grey-dark .bg-cyan-light .text-blue, * .bg-primary-light .text-blue, * .bg-cyan-light .text-blue { color: #009ee3 !important; } .bg-primary .bg-primary-light .button-block.primary a, .bg-primary .bg-primary-light .button-block.primary .button, .bg-primary .bg-primary-light .button-block a.primary, .bg-primary .bg-primary-light .button-block button.primary, .bg-primary .bg-primary-light p.back.primary a, .bg-primary .bg-primary-light p.back.primary .button, .bg-primary .bg-primary-light p.back a.primary, .bg-primary .bg-primary-light p.back button.primary, .bg-primary .bg-cyan-light .button-block.primary a, .bg-primary .bg-cyan-light .button-block.primary .button, .bg-primary .bg-cyan-light .button-block a.primary, .bg-primary .bg-cyan-light .button-block button.primary, .bg-primary .bg-cyan-light p.back.primary a, .bg-primary .bg-cyan-light p.back.primary .button, .bg-primary .bg-cyan-light p.back a.primary, .bg-primary .bg-cyan-light p.back button.primary, .bg-cyan .bg-primary-light .button-block.primary a, .bg-cyan .bg-primary-light .button-block.primary .button, .bg-cyan .bg-primary-light .button-block a.primary, .bg-cyan .bg-primary-light .button-block button.primary, .bg-cyan .bg-primary-light p.back.primary a, .bg-cyan .bg-primary-light p.back.primary .button, .bg-cyan .bg-primary-light p.back a.primary, .bg-cyan .bg-primary-light p.back button.primary, .bg-cyan .bg-cyan-light .button-block.primary a, .bg-cyan .bg-cyan-light .button-block.primary .button, .bg-cyan .bg-cyan-light .button-block a.primary, .bg-cyan .bg-cyan-light .button-block button.primary, .bg-cyan .bg-cyan-light p.back.primary a, .bg-cyan .bg-cyan-light p.back.primary .button, .bg-cyan .bg-cyan-light p.back a.primary, .bg-cyan .bg-cyan-light p.back button.primary, .bg-primary-light .bg-primary-light .button-block.primary a, .bg-primary-light .bg-primary-light .button-block.primary .button, .bg-primary-light .bg-primary-light .button-block a.primary, .bg-primary-light .bg-primary-light .button-block button.primary, .bg-primary-light .bg-primary-light p.back.primary a, .bg-primary-light .bg-primary-light p.back.primary .button, .bg-primary-light .bg-primary-light p.back a.primary, .bg-primary-light .bg-primary-light p.back button.primary, .bg-primary-light .bg-cyan-light .button-block.primary a, .bg-primary-light .bg-cyan-light .button-block.primary .button, .bg-primary-light .bg-cyan-light .button-block a.primary, .bg-primary-light .bg-cyan-light .button-block button.primary, .bg-primary-light .bg-cyan-light p.back.primary a, .bg-primary-light .bg-cyan-light p.back.primary .button, .bg-primary-light .bg-cyan-light p.back a.primary, .bg-primary-light .bg-cyan-light p.back button.primary, .bg-cyan-light .bg-primary-light .button-block.primary a, .bg-cyan-light .bg-primary-light .button-block.primary .button, .bg-cyan-light .bg-primary-light .button-block a.primary, .bg-cyan-light .bg-primary-light .button-block button.primary, .bg-cyan-light .bg-primary-light p.back.primary a, .bg-cyan-light .bg-primary-light p.back.primary .button, .bg-cyan-light .bg-primary-light p.back a.primary, .bg-cyan-light .bg-primary-light p.back button.primary, .bg-cyan-light .bg-cyan-light .button-block.primary a, .bg-cyan-light .bg-cyan-light .button-block.primary .button, .bg-cyan-light .bg-cyan-light .button-block a.primary, .bg-cyan-light .bg-cyan-light .button-block button.primary, .bg-cyan-light .bg-cyan-light p.back.primary a, .bg-cyan-light .bg-cyan-light p.back.primary .button, .bg-cyan-light .bg-cyan-light p.back a.primary, .bg-cyan-light .bg-cyan-light p.back button.primary, .bg-grey .bg-primary-light .button-block.primary a, .bg-grey .bg-primary-light .button-block.primary .button, .bg-grey .bg-primary-light .button-block a.primary, .bg-grey .bg-primary-light .button-block button.primary, .bg-grey .bg-primary-light p.back.primary a, .bg-grey .bg-primary-light p.back.primary .button, .bg-grey .bg-primary-light p.back a.primary, .bg-grey .bg-primary-light p.back button.primary, .bg-grey .bg-cyan-light .button-block.primary a, .bg-grey .bg-cyan-light .button-block.primary .button, .bg-grey .bg-cyan-light .button-block a.primary, .bg-grey .bg-cyan-light .button-block button.primary, .bg-grey .bg-cyan-light p.back.primary a, .bg-grey .bg-cyan-light p.back.primary .button, .bg-grey .bg-cyan-light p.back a.primary, .bg-grey .bg-cyan-light p.back button.primary, .bg-grey-light .bg-primary-light .button-block.primary a, .bg-grey-light .bg-primary-light .button-block.primary .button, .bg-grey-light .bg-primary-light .button-block a.primary, .bg-grey-light .bg-primary-light .button-block button.primary, .bg-grey-light .bg-primary-light p.back.primary a, .bg-grey-light .bg-primary-light p.back.primary .button, .bg-grey-light .bg-primary-light p.back a.primary, .bg-grey-light .bg-primary-light p.back button.primary, .bg-grey-light .bg-cyan-light .button-block.primary a, .bg-grey-light .bg-cyan-light .button-block.primary .button, .bg-grey-light .bg-cyan-light .button-block a.primary, .bg-grey-light .bg-cyan-light .button-block button.primary, .bg-grey-light .bg-cyan-light p.back.primary a, .bg-grey-light .bg-cyan-light p.back.primary .button, .bg-grey-light .bg-cyan-light p.back a.primary, .bg-grey-light .bg-cyan-light p.back button.primary, .bg-grey-dark .bg-primary-light .button-block.primary a, .bg-grey-dark .bg-primary-light .button-block.primary .button, .bg-grey-dark .bg-primary-light .button-block a.primary, .bg-grey-dark .bg-primary-light .button-block button.primary, .bg-grey-dark .bg-primary-light p.back.primary a, .bg-grey-dark .bg-primary-light p.back.primary .button, .bg-grey-dark .bg-primary-light p.back a.primary, .bg-grey-dark .bg-primary-light p.back button.primary, .bg-grey-dark .bg-cyan-light .button-block.primary a, .bg-grey-dark .bg-cyan-light .button-block.primary .button, .bg-grey-dark .bg-cyan-light .button-block a.primary, .bg-grey-dark .bg-cyan-light .button-block button.primary, .bg-grey-dark .bg-cyan-light p.back.primary a, .bg-grey-dark .bg-cyan-light p.back.primary .button, .bg-grey-dark .bg-cyan-light p.back a.primary, .bg-grey-dark .bg-cyan-light p.back button.primary, * .bg-primary-light .button-block.primary a, * .bg-primary-light .button-block.primary .button, * .bg-primary-light .button-block a.primary, * .bg-primary-light .button-block button.primary, * .bg-primary-light p.back.primary a, * .bg-primary-light p.back.primary .button, * .bg-primary-light p.back a.primary, * .bg-primary-light p.back button.primary, * .bg-cyan-light .button-block.primary a, * .bg-cyan-light .button-block.primary .button, * .bg-cyan-light .button-block a.primary, * .bg-cyan-light .button-block button.primary, * .bg-cyan-light p.back.primary a, * .bg-cyan-light p.back.primary .button, * .bg-cyan-light p.back a.primary, * .bg-cyan-light p.back button.primary { color: #4a4a4a; border-color: #4a4a4a; background-color: #f4fbfd; } .bg-primary .bg-primary-light .button-block.primary a:hover, .bg-primary .bg-primary-light .button-block.primary .button:hover, .bg-primary .bg-primary-light .button-block a.primary:hover, .bg-primary .bg-primary-light .button-block button.primary:hover, .bg-primary .bg-primary-light .button-block a:hover, .bg-primary .bg-primary-light .button-block .button:hover, .bg-primary .bg-primary-light .button-block button:hover, .bg-primary .bg-primary-light p.back.primary a:hover, .bg-primary .bg-primary-light p.back.primary .button:hover, .bg-primary .bg-primary-light p.back a.primary:hover, .bg-primary .bg-primary-light p.back button.primary:hover, .bg-primary .bg-primary-light p.back a:hover, .bg-primary .bg-primary-light p.back .button:hover, .bg-primary .bg-primary-light p.back button:hover, .bg-primary .bg-cyan-light .button-block.primary a:hover, .bg-primary .bg-cyan-light .button-block.primary .button:hover, .bg-primary .bg-cyan-light .button-block a.primary:hover, .bg-primary .bg-cyan-light .button-block button.primary:hover, .bg-primary .bg-cyan-light .button-block a:hover, .bg-primary .bg-cyan-light .button-block .button:hover, .bg-primary .bg-cyan-light .button-block button:hover, .bg-primary .bg-cyan-light p.back.primary a:hover, .bg-primary .bg-cyan-light p.back.primary .button:hover, .bg-primary .bg-cyan-light p.back a.primary:hover, .bg-primary .bg-cyan-light p.back button.primary:hover, .bg-primary .bg-cyan-light p.back a:hover, .bg-primary .bg-cyan-light p.back .button:hover, .bg-primary .bg-cyan-light p.back button:hover, .bg-cyan .bg-primary-light .button-block.primary a:hover, .bg-cyan .bg-primary-light .button-block.primary .button:hover, .bg-cyan .bg-primary-light .button-block a.primary:hover, .bg-cyan .bg-primary-light .button-block button.primary:hover, .bg-cyan .bg-primary-light .button-block a:hover, .bg-cyan .bg-primary-light .button-block .button:hover, .bg-cyan .bg-primary-light .button-block button:hover, .bg-cyan .bg-primary-light p.back.primary a:hover, .bg-cyan .bg-primary-light p.back.primary .button:hover, .bg-cyan .bg-primary-light p.back a.primary:hover, .bg-cyan .bg-primary-light p.back button.primary:hover, .bg-cyan .bg-primary-light p.back a:hover, .bg-cyan .bg-primary-light p.back .button:hover, .bg-cyan .bg-primary-light p.back button:hover, .bg-cyan .bg-cyan-light .button-block.primary a:hover, .bg-cyan .bg-cyan-light .button-block.primary .button:hover, .bg-cyan .bg-cyan-light .button-block a.primary:hover, .bg-cyan .bg-cyan-light .button-block button.primary:hover, .bg-cyan .bg-cyan-light .button-block a:hover, .bg-cyan .bg-cyan-light .button-block .button:hover, .bg-cyan .bg-cyan-light .button-block button:hover, .bg-cyan .bg-cyan-light p.back.primary a:hover, .bg-cyan .bg-cyan-light p.back.primary .button:hover, .bg-cyan .bg-cyan-light p.back a.primary:hover, .bg-cyan .bg-cyan-light p.back button.primary:hover, .bg-cyan .bg-cyan-light p.back a:hover, .bg-cyan .bg-cyan-light p.back .button:hover, .bg-cyan .bg-cyan-light p.back button:hover, .bg-primary-light .bg-primary-light .button-block.primary a:hover, .bg-primary-light .bg-primary-light .button-block.primary .button:hover, .bg-primary-light .bg-primary-light .button-block a.primary:hover, .bg-primary-light .bg-primary-light .button-block button.primary:hover, .bg-primary-light .bg-primary-light .button-block a:hover, .bg-primary-light .bg-primary-light .button-block .button:hover, .bg-primary-light .bg-primary-light .button-block button:hover, .bg-primary-light .bg-primary-light p.back.primary a:hover, .bg-primary-light .bg-primary-light p.back.primary .button:hover, .bg-primary-light .bg-primary-light p.back a.primary:hover, .bg-primary-light .bg-primary-light p.back button.primary:hover, .bg-primary-light .bg-primary-light p.back a:hover, .bg-primary-light .bg-primary-light p.back .button:hover, .bg-primary-light .bg-primary-light p.back button:hover, .bg-primary-light .bg-cyan-light .button-block.primary a:hover, .bg-primary-light .bg-cyan-light .button-block.primary .button:hover, .bg-primary-light .bg-cyan-light .button-block a.primary:hover, .bg-primary-light .bg-cyan-light .button-block button.primary:hover, .bg-primary-light .bg-cyan-light .button-block a:hover, .bg-primary-light .bg-cyan-light .button-block .button:hover, .bg-primary-light .bg-cyan-light .button-block button:hover, .bg-primary-light .bg-cyan-light p.back.primary a:hover, .bg-primary-light .bg-cyan-light p.back.primary .button:hover, .bg-primary-light .bg-cyan-light p.back a.primary:hover, .bg-primary-light .bg-cyan-light p.back button.primary:hover, .bg-primary-light .bg-cyan-light p.back a:hover, .bg-primary-light .bg-cyan-light p.back .button:hover, .bg-primary-light .bg-cyan-light p.back button:hover, .bg-cyan-light .bg-primary-light .button-block.primary a:hover, .bg-cyan-light .bg-primary-light .button-block.primary .button:hover, .bg-cyan-light .bg-primary-light .button-block a.primary:hover, .bg-cyan-light .bg-primary-light .button-block button.primary:hover, .bg-cyan-light .bg-primary-light .button-block a:hover, .bg-cyan-light .bg-primary-light .button-block .button:hover, .bg-cyan-light .bg-primary-light .button-block button:hover, .bg-cyan-light .bg-primary-light p.back.primary a:hover, .bg-cyan-light .bg-primary-light p.back.primary .button:hover, .bg-cyan-light .bg-primary-light p.back a.primary:hover, .bg-cyan-light .bg-primary-light p.back button.primary:hover, .bg-cyan-light .bg-primary-light p.back a:hover, .bg-cyan-light .bg-primary-light p.back .button:hover, .bg-cyan-light .bg-primary-light p.back button:hover, .bg-cyan-light .bg-cyan-light .button-block.primary a:hover, .bg-cyan-light .bg-cyan-light .button-block.primary .button:hover, .bg-cyan-light .bg-cyan-light .button-block a.primary:hover, .bg-cyan-light .bg-cyan-light .button-block button.primary:hover, .bg-cyan-light .bg-cyan-light .button-block a:hover, .bg-cyan-light .bg-cyan-light .button-block .button:hover, .bg-cyan-light .bg-cyan-light .button-block button:hover, .bg-cyan-light .bg-cyan-light p.back.primary a:hover, .bg-cyan-light .bg-cyan-light p.back.primary .button:hover, .bg-cyan-light .bg-cyan-light p.back a.primary:hover, .bg-cyan-light .bg-cyan-light p.back button.primary:hover, .bg-cyan-light .bg-cyan-light p.back a:hover, .bg-cyan-light .bg-cyan-light p.back .button:hover, .bg-cyan-light .bg-cyan-light p.back button:hover, .bg-grey .bg-primary-light .button-block.primary a:hover, .bg-grey .bg-primary-light .button-block.primary .button:hover, .bg-grey .bg-primary-light .button-block a.primary:hover, .bg-grey .bg-primary-light .button-block button.primary:hover, .bg-grey .bg-primary-light .button-block a:hover, .bg-grey .bg-primary-light .button-block .button:hover, .bg-grey .bg-primary-light .button-block button:hover, .bg-grey .bg-primary-light p.back.primary a:hover, .bg-grey .bg-primary-light p.back.primary .button:hover, .bg-grey .bg-primary-light p.back a.primary:hover, .bg-grey .bg-primary-light p.back button.primary:hover, .bg-grey .bg-primary-light p.back a:hover, .bg-grey .bg-primary-light p.back .button:hover, .bg-grey .bg-primary-light p.back button:hover, .bg-grey .bg-cyan-light .button-block.primary a:hover, .bg-grey .bg-cyan-light .button-block.primary .button:hover, .bg-grey .bg-cyan-light .button-block a.primary:hover, .bg-grey .bg-cyan-light .button-block button.primary:hover, .bg-grey .bg-cyan-light .button-block a:hover, .bg-grey .bg-cyan-light .button-block .button:hover, .bg-grey .bg-cyan-light .button-block button:hover, .bg-grey .bg-cyan-light p.back.primary a:hover, .bg-grey .bg-cyan-light p.back.primary .button:hover, .bg-grey .bg-cyan-light p.back a.primary:hover, .bg-grey .bg-cyan-light p.back button.primary:hover, .bg-grey .bg-cyan-light p.back a:hover, .bg-grey .bg-cyan-light p.back .button:hover, .bg-grey .bg-cyan-light p.back button:hover, .bg-grey-light .bg-primary-light .button-block.primary a:hover, .bg-grey-light .bg-primary-light .button-block.primary .button:hover, .bg-grey-light .bg-primary-light .button-block a.primary:hover, .bg-grey-light .bg-primary-light .button-block button.primary:hover, .bg-grey-light .bg-primary-light .button-block a:hover, .bg-grey-light .bg-primary-light .button-block .button:hover, .bg-grey-light .bg-primary-light .button-block button:hover, .bg-grey-light .bg-primary-light p.back.primary a:hover, .bg-grey-light .bg-primary-light p.back.primary .button:hover, .bg-grey-light .bg-primary-light p.back a.primary:hover, .bg-grey-light .bg-primary-light p.back button.primary:hover, .bg-grey-light .bg-primary-light p.back a:hover, .bg-grey-light .bg-primary-light p.back .button:hover, .bg-grey-light .bg-primary-light p.back button:hover, .bg-grey-light .bg-cyan-light .button-block.primary a:hover, .bg-grey-light .bg-cyan-light .button-block.primary .button:hover, .bg-grey-light .bg-cyan-light .button-block a.primary:hover, .bg-grey-light .bg-cyan-light .button-block button.primary:hover, .bg-grey-light .bg-cyan-light .button-block a:hover, .bg-grey-light .bg-cyan-light .button-block .button:hover, .bg-grey-light .bg-cyan-light .button-block button:hover, .bg-grey-light .bg-cyan-light p.back.primary a:hover, .bg-grey-light .bg-cyan-light p.back.primary .button:hover, .bg-grey-light .bg-cyan-light p.back a.primary:hover, .bg-grey-light .bg-cyan-light p.back button.primary:hover, .bg-grey-light .bg-cyan-light p.back a:hover, .bg-grey-light .bg-cyan-light p.back .button:hover, .bg-grey-light .bg-cyan-light p.back button:hover, .bg-grey-dark .bg-primary-light .button-block.primary a:hover, .bg-grey-dark .bg-primary-light .button-block.primary .button:hover, .bg-grey-dark .bg-primary-light .button-block a.primary:hover, .bg-grey-dark .bg-primary-light .button-block button.primary:hover, .bg-grey-dark .bg-primary-light .button-block a:hover, .bg-grey-dark .bg-primary-light .button-block .button:hover, .bg-grey-dark .bg-primary-light .button-block button:hover, .bg-grey-dark .bg-primary-light p.back.primary a:hover, .bg-grey-dark .bg-primary-light p.back.primary .button:hover, .bg-grey-dark .bg-primary-light p.back a.primary:hover, .bg-grey-dark .bg-primary-light p.back button.primary:hover, .bg-grey-dark .bg-primary-light p.back a:hover, .bg-grey-dark .bg-primary-light p.back .button:hover, .bg-grey-dark .bg-primary-light p.back button:hover, .bg-grey-dark .bg-cyan-light .button-block.primary a:hover, .bg-grey-dark .bg-cyan-light .button-block.primary .button:hover, .bg-grey-dark .bg-cyan-light .button-block a.primary:hover, .bg-grey-dark .bg-cyan-light .button-block button.primary:hover, .bg-grey-dark .bg-cyan-light .button-block a:hover, .bg-grey-dark .bg-cyan-light .button-block .button:hover, .bg-grey-dark .bg-cyan-light .button-block button:hover, .bg-grey-dark .bg-cyan-light p.back.primary a:hover, .bg-grey-dark .bg-cyan-light p.back.primary .button:hover, .bg-grey-dark .bg-cyan-light p.back a.primary:hover, .bg-grey-dark .bg-cyan-light p.back button.primary:hover, .bg-grey-dark .bg-cyan-light p.back a:hover, .bg-grey-dark .bg-cyan-light p.back .button:hover, .bg-grey-dark .bg-cyan-light p.back button:hover, * .bg-primary-light .button-block.primary a:hover, * .bg-primary-light .button-block.primary .button:hover, * .bg-primary-light .button-block a.primary:hover, * .bg-primary-light .button-block button.primary:hover, * .bg-primary-light .button-block a:hover, * .bg-primary-light .button-block .button:hover, * .bg-primary-light .button-block button:hover, * .bg-primary-light p.back.primary a:hover, * .bg-primary-light p.back.primary .button:hover, * .bg-primary-light p.back a.primary:hover, * .bg-primary-light p.back button.primary:hover, * .bg-primary-light p.back a:hover, * .bg-primary-light p.back .button:hover, * .bg-primary-light p.back button:hover, * .bg-cyan-light .button-block.primary a:hover, * .bg-cyan-light .button-block.primary .button:hover, * .bg-cyan-light .button-block a.primary:hover, * .bg-cyan-light .button-block button.primary:hover, * .bg-cyan-light .button-block a:hover, * .bg-cyan-light .button-block .button:hover, * .bg-cyan-light .button-block button:hover, * .bg-cyan-light p.back.primary a:hover, * .bg-cyan-light p.back.primary .button:hover, * .bg-cyan-light p.back a.primary:hover, * .bg-cyan-light p.back button.primary:hover, * .bg-cyan-light p.back a:hover, * .bg-cyan-light p.back .button:hover, * .bg-cyan-light p.back button:hover { color: #f4fbfd !important; background: #4a4a4a; } .bg-primary .bg-primary-light .ce_list ul li, .bg-primary .bg-cyan-light .ce_list ul li, .bg-cyan .bg-primary-light .ce_list ul li, .bg-cyan .bg-cyan-light .ce_list ul li, .bg-primary-light .bg-primary-light .ce_list ul li, .bg-primary-light .bg-cyan-light .ce_list ul li, .bg-cyan-light .bg-primary-light .ce_list ul li, .bg-cyan-light .bg-cyan-light .ce_list ul li, .bg-grey .bg-primary-light .ce_list ul li, .bg-grey .bg-cyan-light .ce_list ul li, .bg-grey-light .bg-primary-light .ce_list ul li, .bg-grey-light .bg-cyan-light .ce_list ul li, .bg-grey-dark .bg-primary-light .ce_list ul li, .bg-grey-dark .bg-cyan-light .ce_list ul li, * .bg-primary-light .ce_list ul li, * .bg-cyan-light .ce_list ul li { padding-left: 0.4285714em; } .bg-primary .bg-primary-light .ce_list ul li::marker, .bg-primary .bg-cyan-light .ce_list ul li::marker, .bg-cyan .bg-primary-light .ce_list ul li::marker, .bg-cyan .bg-cyan-light .ce_list ul li::marker, .bg-primary-light .bg-primary-light .ce_list ul li::marker, .bg-primary-light .bg-cyan-light .ce_list ul li::marker, .bg-cyan-light .bg-primary-light .ce_list ul li::marker, .bg-cyan-light .bg-cyan-light .ce_list ul li::marker, .bg-grey .bg-primary-light .ce_list ul li::marker, .bg-grey .bg-cyan-light .ce_list ul li::marker, .bg-grey-light .bg-primary-light .ce_list ul li::marker, .bg-grey-light .bg-cyan-light .ce_list ul li::marker, .bg-grey-dark .bg-primary-light .ce_list ul li::marker, .bg-grey-dark .bg-cyan-light .ce_list ul li::marker, * .bg-primary-light .ce_list ul li::marker, * .bg-cyan-light .ce_list ul li::marker { color: #4a4a4a; } .bg-primary .bg-primary-light .ce_list ol li, .bg-primary .bg-cyan-light .ce_list ol li, .bg-cyan .bg-primary-light .ce_list ol li, .bg-cyan .bg-cyan-light .ce_list ol li, .bg-primary-light .bg-primary-light .ce_list ol li, .bg-primary-light .bg-cyan-light .ce_list ol li, .bg-cyan-light .bg-primary-light .ce_list ol li, .bg-cyan-light .bg-cyan-light .ce_list ol li, .bg-grey .bg-primary-light .ce_list ol li, .bg-grey .bg-cyan-light .ce_list ol li, .bg-grey-light .bg-primary-light .ce_list ol li, .bg-grey-light .bg-cyan-light .ce_list ol li, .bg-grey-dark .bg-primary-light .ce_list ol li, .bg-grey-dark .bg-cyan-light .ce_list ol li, * .bg-primary-light .ce_list ol li, * .bg-cyan-light .ce_list ol li { padding-left: 0.4285714em; } .bg-primary .bg-primary-light .ce_list ol li::marker, .bg-primary .bg-cyan-light .ce_list ol li::marker, .bg-cyan .bg-primary-light .ce_list ol li::marker, .bg-cyan .bg-cyan-light .ce_list ol li::marker, .bg-primary-light .bg-primary-light .ce_list ol li::marker, .bg-primary-light .bg-cyan-light .ce_list ol li::marker, .bg-cyan-light .bg-primary-light .ce_list ol li::marker, .bg-cyan-light .bg-cyan-light .ce_list ol li::marker, .bg-grey .bg-primary-light .ce_list ol li::marker, .bg-grey .bg-cyan-light .ce_list ol li::marker, .bg-grey-light .bg-primary-light .ce_list ol li::marker, .bg-grey-light .bg-cyan-light .ce_list ol li::marker, .bg-grey-dark .bg-primary-light .ce_list ol li::marker, .bg-grey-dark .bg-cyan-light .ce_list ol li::marker, * .bg-primary-light .ce_list ol li::marker, * .bg-cyan-light .ce_list ol li::marker { color: #4a4a4a; } .bg-primary .bg-primary-light .button-block.primary-filled .button, .bg-primary .bg-primary-light .button-block.primary-filled a, .bg-primary .bg-primary-light p.back.primary-filled .button, .bg-primary .bg-primary-light p.back.primary-filled a, .bg-primary .bg-cyan-light .button-block.primary-filled .button, .bg-primary .bg-cyan-light .button-block.primary-filled a, .bg-primary .bg-cyan-light p.back.primary-filled .button, .bg-primary .bg-cyan-light p.back.primary-filled a, .bg-cyan .bg-primary-light .button-block.primary-filled .button, .bg-cyan .bg-primary-light .button-block.primary-filled a, .bg-cyan .bg-primary-light p.back.primary-filled .button, .bg-cyan .bg-primary-light p.back.primary-filled a, .bg-cyan .bg-cyan-light .button-block.primary-filled .button, .bg-cyan .bg-cyan-light .button-block.primary-filled a, .bg-cyan .bg-cyan-light p.back.primary-filled .button, .bg-cyan .bg-cyan-light p.back.primary-filled a, .bg-primary-light .bg-primary-light .button-block.primary-filled .button, .bg-primary-light .bg-primary-light .button-block.primary-filled a, .bg-primary-light .bg-primary-light p.back.primary-filled .button, .bg-primary-light .bg-primary-light p.back.primary-filled a, .bg-primary-light .bg-cyan-light .button-block.primary-filled .button, .bg-primary-light .bg-cyan-light .button-block.primary-filled a, .bg-primary-light .bg-cyan-light p.back.primary-filled .button, .bg-primary-light .bg-cyan-light p.back.primary-filled a, .bg-cyan-light .bg-primary-light .button-block.primary-filled .button, .bg-cyan-light .bg-primary-light .button-block.primary-filled a, .bg-cyan-light .bg-primary-light p.back.primary-filled .button, .bg-cyan-light .bg-primary-light p.back.primary-filled a, .bg-cyan-light .bg-cyan-light .button-block.primary-filled .button, .bg-cyan-light .bg-cyan-light .button-block.primary-filled a, .bg-cyan-light .bg-cyan-light p.back.primary-filled .button, .bg-cyan-light .bg-cyan-light p.back.primary-filled a, .bg-grey .bg-primary-light .button-block.primary-filled .button, .bg-grey .bg-primary-light .button-block.primary-filled a, .bg-grey .bg-primary-light p.back.primary-filled .button, .bg-grey .bg-primary-light p.back.primary-filled a, .bg-grey .bg-cyan-light .button-block.primary-filled .button, .bg-grey .bg-cyan-light .button-block.primary-filled a, .bg-grey .bg-cyan-light p.back.primary-filled .button, .bg-grey .bg-cyan-light p.back.primary-filled a, .bg-grey-light .bg-primary-light .button-block.primary-filled .button, .bg-grey-light .bg-primary-light .button-block.primary-filled a, .bg-grey-light .bg-primary-light p.back.primary-filled .button, .bg-grey-light .bg-primary-light p.back.primary-filled a, .bg-grey-light .bg-cyan-light .button-block.primary-filled .button, .bg-grey-light .bg-cyan-light .button-block.primary-filled a, .bg-grey-light .bg-cyan-light p.back.primary-filled .button, .bg-grey-light .bg-cyan-light p.back.primary-filled a, .bg-grey-dark .bg-primary-light .button-block.primary-filled .button, .bg-grey-dark .bg-primary-light .button-block.primary-filled a, .bg-grey-dark .bg-primary-light p.back.primary-filled .button, .bg-grey-dark .bg-primary-light p.back.primary-filled a, .bg-grey-dark .bg-cyan-light .button-block.primary-filled .button, .bg-grey-dark .bg-cyan-light .button-block.primary-filled a, .bg-grey-dark .bg-cyan-light p.back.primary-filled .button, .bg-grey-dark .bg-cyan-light p.back.primary-filled a, * .bg-primary-light .button-block.primary-filled .button, * .bg-primary-light .button-block.primary-filled a, * .bg-primary-light p.back.primary-filled .button, * .bg-primary-light p.back.primary-filled a, * .bg-cyan-light .button-block.primary-filled .button, * .bg-cyan-light .button-block.primary-filled a, * .bg-cyan-light p.back.primary-filled .button, * .bg-cyan-light p.back.primary-filled a { background: #009ee3; color: #fff !important; border-color: #009ee3; } .bg-primary .bg-primary-light .button-block.primary-filled .button:hover, .bg-primary .bg-primary-light .button-block.primary-filled a:hover, .bg-primary .bg-primary-light p.back.primary-filled .button:hover, .bg-primary .bg-primary-light p.back.primary-filled a:hover, .bg-primary .bg-cyan-light .button-block.primary-filled .button:hover, .bg-primary .bg-cyan-light .button-block.primary-filled a:hover, .bg-primary .bg-cyan-light p.back.primary-filled .button:hover, .bg-primary .bg-cyan-light p.back.primary-filled a:hover, .bg-cyan .bg-primary-light .button-block.primary-filled .button:hover, .bg-cyan .bg-primary-light .button-block.primary-filled a:hover, .bg-cyan .bg-primary-light p.back.primary-filled .button:hover, .bg-cyan .bg-primary-light p.back.primary-filled a:hover, .bg-cyan .bg-cyan-light .button-block.primary-filled .button:hover, .bg-cyan .bg-cyan-light .button-block.primary-filled a:hover, .bg-cyan .bg-cyan-light p.back.primary-filled .button:hover, .bg-cyan .bg-cyan-light p.back.primary-filled a:hover, .bg-primary-light .bg-primary-light .button-block.primary-filled .button:hover, .bg-primary-light .bg-primary-light .button-block.primary-filled a:hover, .bg-primary-light .bg-primary-light p.back.primary-filled .button:hover, .bg-primary-light .bg-primary-light p.back.primary-filled a:hover, .bg-primary-light .bg-cyan-light .button-block.primary-filled .button:hover, .bg-primary-light .bg-cyan-light .button-block.primary-filled a:hover, .bg-primary-light .bg-cyan-light p.back.primary-filled .button:hover, .bg-primary-light .bg-cyan-light p.back.primary-filled a:hover, .bg-cyan-light .bg-primary-light .button-block.primary-filled .button:hover, .bg-cyan-light .bg-primary-light .button-block.primary-filled a:hover, .bg-cyan-light .bg-primary-light p.back.primary-filled .button:hover, .bg-cyan-light .bg-primary-light p.back.primary-filled a:hover, .bg-cyan-light .bg-cyan-light .button-block.primary-filled .button:hover, .bg-cyan-light .bg-cyan-light .button-block.primary-filled a:hover, .bg-cyan-light .bg-cyan-light p.back.primary-filled .button:hover, .bg-cyan-light .bg-cyan-light p.back.primary-filled a:hover, .bg-grey .bg-primary-light .button-block.primary-filled .button:hover, .bg-grey .bg-primary-light .button-block.primary-filled a:hover, .bg-grey .bg-primary-light p.back.primary-filled .button:hover, .bg-grey .bg-primary-light p.back.primary-filled a:hover, .bg-grey .bg-cyan-light .button-block.primary-filled .button:hover, .bg-grey .bg-cyan-light .button-block.primary-filled a:hover, .bg-grey .bg-cyan-light p.back.primary-filled .button:hover, .bg-grey .bg-cyan-light p.back.primary-filled a:hover, .bg-grey-light .bg-primary-light .button-block.primary-filled .button:hover, .bg-grey-light .bg-primary-light .button-block.primary-filled a:hover, .bg-grey-light .bg-primary-light p.back.primary-filled .button:hover, .bg-grey-light .bg-primary-light p.back.primary-filled a:hover, .bg-grey-light .bg-cyan-light .button-block.primary-filled .button:hover, .bg-grey-light .bg-cyan-light .button-block.primary-filled a:hover, .bg-grey-light .bg-cyan-light p.back.primary-filled .button:hover, .bg-grey-light .bg-cyan-light p.back.primary-filled a:hover, .bg-grey-dark .bg-primary-light .button-block.primary-filled .button:hover, .bg-grey-dark .bg-primary-light .button-block.primary-filled a:hover, .bg-grey-dark .bg-primary-light p.back.primary-filled .button:hover, .bg-grey-dark .bg-primary-light p.back.primary-filled a:hover, .bg-grey-dark .bg-cyan-light .button-block.primary-filled .button:hover, .bg-grey-dark .bg-cyan-light .button-block.primary-filled a:hover, .bg-grey-dark .bg-cyan-light p.back.primary-filled .button:hover, .bg-grey-dark .bg-cyan-light p.back.primary-filled a:hover, * .bg-primary-light .button-block.primary-filled .button:hover, * .bg-primary-light .button-block.primary-filled a:hover, * .bg-primary-light p.back.primary-filled .button:hover, * .bg-primary-light p.back.primary-filled a:hover, * .bg-cyan-light .button-block.primary-filled .button:hover, * .bg-cyan-light .button-block.primary-filled a:hover, * .bg-cyan-light p.back.primary-filled .button:hover, * .bg-cyan-light p.back.primary-filled a:hover { background: none; color: #009ee3 !important; } .bg-primary .bg-grey, .bg-cyan .bg-grey, .bg-primary-light .bg-grey, .bg-cyan-light .bg-grey, .bg-grey .bg-grey, .bg-grey-light .bg-grey, .bg-grey-dark .bg-grey, * .bg-grey { background-color: #cccccc; } .bg-primary .bg-grey, .bg-primary .bg-grey *, .bg-cyan .bg-grey, .bg-cyan .bg-grey *, .bg-primary-light .bg-grey, .bg-primary-light .bg-grey *, .bg-cyan-light .bg-grey, .bg-cyan-light .bg-grey *, .bg-grey .bg-grey, .bg-grey .bg-grey *, .bg-grey-light .bg-grey, .bg-grey-light .bg-grey *, .bg-grey-dark .bg-grey, .bg-grey-dark .bg-grey *, * .bg-grey, * .bg-grey * { color: #4a4a4a; } .bg-primary .bg-grey > *, .bg-cyan .bg-grey > *, .bg-primary-light .bg-grey > *, .bg-cyan-light .bg-grey > *, .bg-grey .bg-grey > *, .bg-grey-light .bg-grey > *, .bg-grey-dark .bg-grey > *, * .bg-grey > * { border-color: #4a4a4a !important; } .bg-primary .bg-grey h1, .bg-primary .bg-grey h2, .bg-primary .bg-grey .blog-article h1, .blog-article .bg-primary .bg-grey h1, .bg-primary .bg-grey h3, .bg-primary .bg-grey h4, .bg-primary .bg-grey .blog-list h2, .blog-list .bg-primary .bg-grey h2, .bg-primary .bg-grey .blog-list .blog-article h1, .blog-list .blog-article .bg-primary .bg-grey h1, .bg-primary .bg-grey .blog-article .blog-list h1, .blog-article .blog-list .bg-primary .bg-grey h1, .bg-primary .bg-grey h5, .bg-primary .bg-grey h6, .bg-primary .bg-grey .h1, .bg-primary .bg-grey .h2, .bg-primary .bg-grey .h3, .bg-primary .bg-grey .h4, .bg-primary .bg-grey .h5, .bg-primary .bg-grey .h6, .bg-cyan .bg-grey h1, .bg-cyan .bg-grey h2, .bg-cyan .bg-grey .blog-article h1, .blog-article .bg-cyan .bg-grey h1, .bg-cyan .bg-grey h3, .bg-cyan .bg-grey h4, .bg-cyan .bg-grey .blog-list h2, .blog-list .bg-cyan .bg-grey h2, .bg-cyan .bg-grey .blog-list .blog-article h1, .blog-list .blog-article .bg-cyan .bg-grey h1, .bg-cyan .bg-grey .blog-article .blog-list h1, .blog-article .blog-list .bg-cyan .bg-grey h1, .bg-cyan .bg-grey h5, .bg-cyan .bg-grey h6, .bg-cyan .bg-grey .h1, .bg-cyan .bg-grey .h2, .bg-cyan .bg-grey .h3, .bg-cyan .bg-grey .h4, .bg-cyan .bg-grey .h5, .bg-cyan .bg-grey .h6, .bg-primary-light .bg-grey h1, .bg-primary-light .bg-grey h2, .bg-primary-light .bg-grey .blog-article h1, .blog-article .bg-primary-light .bg-grey h1, .bg-primary-light .bg-grey h3, .bg-primary-light .bg-grey h4, .bg-primary-light .bg-grey .blog-list h2, .blog-list .bg-primary-light .bg-grey h2, .bg-primary-light .bg-grey .blog-list .blog-article h1, .blog-list .blog-article .bg-primary-light .bg-grey h1, .bg-primary-light .bg-grey .blog-article .blog-list h1, .blog-article .blog-list .bg-primary-light .bg-grey h1, .bg-primary-light .bg-grey h5, .bg-primary-light .bg-grey h6, .bg-primary-light .bg-grey .h1, .bg-primary-light .bg-grey .h2, .bg-primary-light .bg-grey .h3, .bg-primary-light .bg-grey .h4, .bg-primary-light .bg-grey .h5, .bg-primary-light .bg-grey .h6, .bg-cyan-light .bg-grey h1, .bg-cyan-light .bg-grey h2, .bg-cyan-light .bg-grey .blog-article h1, .blog-article .bg-cyan-light .bg-grey h1, .bg-cyan-light .bg-grey h3, .bg-cyan-light .bg-grey h4, .bg-cyan-light .bg-grey .blog-list h2, .blog-list .bg-cyan-light .bg-grey h2, .bg-cyan-light .bg-grey .blog-list .blog-article h1, .blog-list .blog-article .bg-cyan-light .bg-grey h1, .bg-cyan-light .bg-grey .blog-article .blog-list h1, .blog-article .blog-list .bg-cyan-light .bg-grey h1, .bg-cyan-light .bg-grey h5, .bg-cyan-light .bg-grey h6, .bg-cyan-light .bg-grey .h1, .bg-cyan-light .bg-grey .h2, .bg-cyan-light .bg-grey .h3, .bg-cyan-light .bg-grey .h4, .bg-cyan-light .bg-grey .h5, .bg-cyan-light .bg-grey .h6, .bg-grey .bg-grey h1, .bg-grey .bg-grey h2, .bg-grey .bg-grey .blog-article h1, .blog-article .bg-grey .bg-grey h1, .bg-grey .bg-grey h3, .bg-grey .bg-grey h4, .bg-grey .bg-grey .blog-list h2, .blog-list .bg-grey .bg-grey h2, .bg-grey .bg-grey .blog-list .blog-article h1, .blog-list .blog-article .bg-grey .bg-grey h1, .bg-grey .bg-grey .blog-article .blog-list h1, .blog-article .blog-list .bg-grey .bg-grey h1, .bg-grey .bg-grey h5, .bg-grey .bg-grey h6, .bg-grey .bg-grey .h1, .bg-grey .bg-grey .h2, .bg-grey .bg-grey .h3, .bg-grey .bg-grey .h4, .bg-grey .bg-grey .h5, .bg-grey .bg-grey .h6, .bg-grey-light .bg-grey h1, .bg-grey-light .bg-grey h2, .bg-grey-light .bg-grey .blog-article h1, .blog-article .bg-grey-light .bg-grey h1, .bg-grey-light .bg-grey h3, .bg-grey-light .bg-grey h4, .bg-grey-light .bg-grey .blog-list h2, .blog-list .bg-grey-light .bg-grey h2, .bg-grey-light .bg-grey .blog-list .blog-article h1, .blog-list .blog-article .bg-grey-light .bg-grey h1, .bg-grey-light .bg-grey .blog-article .blog-list h1, .blog-article .blog-list .bg-grey-light .bg-grey h1, .bg-grey-light .bg-grey h5, .bg-grey-light .bg-grey h6, .bg-grey-light .bg-grey .h1, .bg-grey-light .bg-grey .h2, .bg-grey-light .bg-grey .h3, .bg-grey-light .bg-grey .h4, .bg-grey-light .bg-grey .h5, .bg-grey-light .bg-grey .h6, .bg-grey-dark .bg-grey h1, .bg-grey-dark .bg-grey h2, .bg-grey-dark .bg-grey .blog-article h1, .blog-article .bg-grey-dark .bg-grey h1, .bg-grey-dark .bg-grey h3, .bg-grey-dark .bg-grey h4, .bg-grey-dark .bg-grey .blog-list h2, .blog-list .bg-grey-dark .bg-grey h2, .bg-grey-dark .bg-grey .blog-list .blog-article h1, .blog-list .blog-article .bg-grey-dark .bg-grey h1, .bg-grey-dark .bg-grey .blog-article .blog-list h1, .blog-article .blog-list .bg-grey-dark .bg-grey h1, .bg-grey-dark .bg-grey h5, .bg-grey-dark .bg-grey h6, .bg-grey-dark .bg-grey .h1, .bg-grey-dark .bg-grey .h2, .bg-grey-dark .bg-grey .h3, .bg-grey-dark .bg-grey .h4, .bg-grey-dark .bg-grey .h5, .bg-grey-dark .bg-grey .h6, * .bg-grey h1, * .bg-grey h2, .blog-article .bg-grey h1, * .bg-grey h3, * .bg-grey h4, .blog-list .bg-grey h2, .blog-list .bg-grey .blog-article h1, .blog-list .blog-article .bg-grey h1, .blog-article .bg-grey .blog-list h1, .blog-article .blog-list .bg-grey h1, * .bg-grey h5, * .bg-grey h6, * .bg-grey .h1, * .bg-grey .h2, * .bg-grey .h3, * .bg-grey .h4, * .bg-grey .h5, * .bg-grey .h6 { color: #4a4a4a !important; } .bg-primary .bg-grey .button-text a:after, .bg-primary .bg-grey .button-text .button:after, .bg-primary .bg-grey .button-text.secondary a:after, .bg-primary .bg-grey .button-text.secondary .button:after, .bg-cyan .bg-grey .button-text a:after, .bg-cyan .bg-grey .button-text .button:after, .bg-cyan .bg-grey .button-text.secondary a:after, .bg-cyan .bg-grey .button-text.secondary .button:after, .bg-primary-light .bg-grey .button-text a:after, .bg-primary-light .bg-grey .button-text .button:after, .bg-primary-light .bg-grey .button-text.secondary a:after, .bg-primary-light .bg-grey .button-text.secondary .button:after, .bg-cyan-light .bg-grey .button-text a:after, .bg-cyan-light .bg-grey .button-text .button:after, .bg-cyan-light .bg-grey .button-text.secondary a:after, .bg-cyan-light .bg-grey .button-text.secondary .button:after, .bg-grey .bg-grey .button-text a:after, .bg-grey .bg-grey .button-text .button:after, .bg-grey .bg-grey .button-text.secondary a:after, .bg-grey .bg-grey .button-text.secondary .button:after, .bg-grey-light .bg-grey .button-text a:after, .bg-grey-light .bg-grey .button-text .button:after, .bg-grey-light .bg-grey .button-text.secondary a:after, .bg-grey-light .bg-grey .button-text.secondary .button:after, .bg-grey-dark .bg-grey .button-text a:after, .bg-grey-dark .bg-grey .button-text .button:after, .bg-grey-dark .bg-grey .button-text.secondary a:after, .bg-grey-dark .bg-grey .button-text.secondary .button:after, * .bg-grey .button-text a:after, * .bg-grey .button-text .button:after, * .bg-grey .button-text.secondary a:after, * .bg-grey .button-text.secondary .button:after { background-color: #4a4a4a; } .bg-primary .bg-grey .text-blue, .bg-cyan .bg-grey .text-blue, .bg-primary-light .bg-grey .text-blue, .bg-cyan-light .bg-grey .text-blue, .bg-grey .bg-grey .text-blue, .bg-grey-light .bg-grey .text-blue, .bg-grey-dark .bg-grey .text-blue, * .bg-grey .text-blue { color: #009ee3 !important; } .bg-primary .bg-grey .button-block.primary a, .bg-primary .bg-grey .button-block.primary .button, .bg-primary .bg-grey .button-block a.primary, .bg-primary .bg-grey .button-block button.primary, .bg-primary .bg-grey p.back.primary a, .bg-primary .bg-grey p.back.primary .button, .bg-primary .bg-grey p.back a.primary, .bg-primary .bg-grey p.back button.primary, .bg-cyan .bg-grey .button-block.primary a, .bg-cyan .bg-grey .button-block.primary .button, .bg-cyan .bg-grey .button-block a.primary, .bg-cyan .bg-grey .button-block button.primary, .bg-cyan .bg-grey p.back.primary a, .bg-cyan .bg-grey p.back.primary .button, .bg-cyan .bg-grey p.back a.primary, .bg-cyan .bg-grey p.back button.primary, .bg-primary-light .bg-grey .button-block.primary a, .bg-primary-light .bg-grey .button-block.primary .button, .bg-primary-light .bg-grey .button-block a.primary, .bg-primary-light .bg-grey .button-block button.primary, .bg-primary-light .bg-grey p.back.primary a, .bg-primary-light .bg-grey p.back.primary .button, .bg-primary-light .bg-grey p.back a.primary, .bg-primary-light .bg-grey p.back button.primary, .bg-cyan-light .bg-grey .button-block.primary a, .bg-cyan-light .bg-grey .button-block.primary .button, .bg-cyan-light .bg-grey .button-block a.primary, .bg-cyan-light .bg-grey .button-block button.primary, .bg-cyan-light .bg-grey p.back.primary a, .bg-cyan-light .bg-grey p.back.primary .button, .bg-cyan-light .bg-grey p.back a.primary, .bg-cyan-light .bg-grey p.back button.primary, .bg-grey .bg-grey .button-block.primary a, .bg-grey .bg-grey .button-block.primary .button, .bg-grey .bg-grey .button-block a.primary, .bg-grey .bg-grey .button-block button.primary, .bg-grey .bg-grey p.back.primary a, .bg-grey .bg-grey p.back.primary .button, .bg-grey .bg-grey p.back a.primary, .bg-grey .bg-grey p.back button.primary, .bg-grey-light .bg-grey .button-block.primary a, .bg-grey-light .bg-grey .button-block.primary .button, .bg-grey-light .bg-grey .button-block a.primary, .bg-grey-light .bg-grey .button-block button.primary, .bg-grey-light .bg-grey p.back.primary a, .bg-grey-light .bg-grey p.back.primary .button, .bg-grey-light .bg-grey p.back a.primary, .bg-grey-light .bg-grey p.back button.primary, .bg-grey-dark .bg-grey .button-block.primary a, .bg-grey-dark .bg-grey .button-block.primary .button, .bg-grey-dark .bg-grey .button-block a.primary, .bg-grey-dark .bg-grey .button-block button.primary, .bg-grey-dark .bg-grey p.back.primary a, .bg-grey-dark .bg-grey p.back.primary .button, .bg-grey-dark .bg-grey p.back a.primary, .bg-grey-dark .bg-grey p.back button.primary, * .bg-grey .button-block.primary a, * .bg-grey .button-block.primary .button, * .bg-grey .button-block a.primary, * .bg-grey .button-block button.primary, * .bg-grey p.back.primary a, * .bg-grey p.back.primary .button, * .bg-grey p.back a.primary, * .bg-grey p.back button.primary { color: #4a4a4a; border-color: #4a4a4a; background-color: #cccccc; } .bg-primary .bg-grey .button-block.primary a:hover, .bg-primary .bg-grey .button-block.primary .button:hover, .bg-primary .bg-grey .button-block a.primary:hover, .bg-primary .bg-grey .button-block button.primary:hover, .bg-primary .bg-grey .button-block a:hover, .bg-primary .bg-grey .button-block .button:hover, .bg-primary .bg-grey .button-block button:hover, .bg-primary .bg-grey p.back.primary a:hover, .bg-primary .bg-grey p.back.primary .button:hover, .bg-primary .bg-grey p.back a.primary:hover, .bg-primary .bg-grey p.back button.primary:hover, .bg-primary .bg-grey p.back a:hover, .bg-primary .bg-grey p.back .button:hover, .bg-primary .bg-grey p.back button:hover, .bg-cyan .bg-grey .button-block.primary a:hover, .bg-cyan .bg-grey .button-block.primary .button:hover, .bg-cyan .bg-grey .button-block a.primary:hover, .bg-cyan .bg-grey .button-block button.primary:hover, .bg-cyan .bg-grey .button-block a:hover, .bg-cyan .bg-grey .button-block .button:hover, .bg-cyan .bg-grey .button-block button:hover, .bg-cyan .bg-grey p.back.primary a:hover, .bg-cyan .bg-grey p.back.primary .button:hover, .bg-cyan .bg-grey p.back a.primary:hover, .bg-cyan .bg-grey p.back button.primary:hover, .bg-cyan .bg-grey p.back a:hover, .bg-cyan .bg-grey p.back .button:hover, .bg-cyan .bg-grey p.back button:hover, .bg-primary-light .bg-grey .button-block.primary a:hover, .bg-primary-light .bg-grey .button-block.primary .button:hover, .bg-primary-light .bg-grey .button-block a.primary:hover, .bg-primary-light .bg-grey .button-block button.primary:hover, .bg-primary-light .bg-grey .button-block a:hover, .bg-primary-light .bg-grey .button-block .button:hover, .bg-primary-light .bg-grey .button-block button:hover, .bg-primary-light .bg-grey p.back.primary a:hover, .bg-primary-light .bg-grey p.back.primary .button:hover, .bg-primary-light .bg-grey p.back a.primary:hover, .bg-primary-light .bg-grey p.back button.primary:hover, .bg-primary-light .bg-grey p.back a:hover, .bg-primary-light .bg-grey p.back .button:hover, .bg-primary-light .bg-grey p.back button:hover, .bg-cyan-light .bg-grey .button-block.primary a:hover, .bg-cyan-light .bg-grey .button-block.primary .button:hover, .bg-cyan-light .bg-grey .button-block a.primary:hover, .bg-cyan-light .bg-grey .button-block button.primary:hover, .bg-cyan-light .bg-grey .button-block a:hover, .bg-cyan-light .bg-grey .button-block .button:hover, .bg-cyan-light .bg-grey .button-block button:hover, .bg-cyan-light .bg-grey p.back.primary a:hover, .bg-cyan-light .bg-grey p.back.primary .button:hover, .bg-cyan-light .bg-grey p.back a.primary:hover, .bg-cyan-light .bg-grey p.back button.primary:hover, .bg-cyan-light .bg-grey p.back a:hover, .bg-cyan-light .bg-grey p.back .button:hover, .bg-cyan-light .bg-grey p.back button:hover, .bg-grey .bg-grey .button-block.primary a:hover, .bg-grey .bg-grey .button-block.primary .button:hover, .bg-grey .bg-grey .button-block a.primary:hover, .bg-grey .bg-grey .button-block button.primary:hover, .bg-grey .bg-grey .button-block a:hover, .bg-grey .bg-grey .button-block .button:hover, .bg-grey .bg-grey .button-block button:hover, .bg-grey .bg-grey p.back.primary a:hover, .bg-grey .bg-grey p.back.primary .button:hover, .bg-grey .bg-grey p.back a.primary:hover, .bg-grey .bg-grey p.back button.primary:hover, .bg-grey .bg-grey p.back a:hover, .bg-grey .bg-grey p.back .button:hover, .bg-grey .bg-grey p.back button:hover, .bg-grey-light .bg-grey .button-block.primary a:hover, .bg-grey-light .bg-grey .button-block.primary .button:hover, .bg-grey-light .bg-grey .button-block a.primary:hover, .bg-grey-light .bg-grey .button-block button.primary:hover, .bg-grey-light .bg-grey .button-block a:hover, .bg-grey-light .bg-grey .button-block .button:hover, .bg-grey-light .bg-grey .button-block button:hover, .bg-grey-light .bg-grey p.back.primary a:hover, .bg-grey-light .bg-grey p.back.primary .button:hover, .bg-grey-light .bg-grey p.back a.primary:hover, .bg-grey-light .bg-grey p.back button.primary:hover, .bg-grey-light .bg-grey p.back a:hover, .bg-grey-light .bg-grey p.back .button:hover, .bg-grey-light .bg-grey p.back button:hover, .bg-grey-dark .bg-grey .button-block.primary a:hover, .bg-grey-dark .bg-grey .button-block.primary .button:hover, .bg-grey-dark .bg-grey .button-block a.primary:hover, .bg-grey-dark .bg-grey .button-block button.primary:hover, .bg-grey-dark .bg-grey .button-block a:hover, .bg-grey-dark .bg-grey .button-block .button:hover, .bg-grey-dark .bg-grey .button-block button:hover, .bg-grey-dark .bg-grey p.back.primary a:hover, .bg-grey-dark .bg-grey p.back.primary .button:hover, .bg-grey-dark .bg-grey p.back a.primary:hover, .bg-grey-dark .bg-grey p.back button.primary:hover, .bg-grey-dark .bg-grey p.back a:hover, .bg-grey-dark .bg-grey p.back .button:hover, .bg-grey-dark .bg-grey p.back button:hover, * .bg-grey .button-block.primary a:hover, * .bg-grey .button-block.primary .button:hover, * .bg-grey .button-block a.primary:hover, * .bg-grey .button-block button.primary:hover, * .bg-grey .button-block a:hover, * .bg-grey .button-block .button:hover, * .bg-grey .button-block button:hover, * .bg-grey p.back.primary a:hover, * .bg-grey p.back.primary .button:hover, * .bg-grey p.back a.primary:hover, * .bg-grey p.back button.primary:hover, * .bg-grey p.back a:hover, * .bg-grey p.back .button:hover, * .bg-grey p.back button:hover { color: #cccccc !important; background: #4a4a4a; } .bg-primary .bg-grey .ce_list ul li, .bg-cyan .bg-grey .ce_list ul li, .bg-primary-light .bg-grey .ce_list ul li, .bg-cyan-light .bg-grey .ce_list ul li, .bg-grey .bg-grey .ce_list ul li, .bg-grey-light .bg-grey .ce_list ul li, .bg-grey-dark .bg-grey .ce_list ul li, * .bg-grey .ce_list ul li { padding-left: 0.4285714em; } .bg-primary .bg-grey .ce_list ul li::marker, .bg-cyan .bg-grey .ce_list ul li::marker, .bg-primary-light .bg-grey .ce_list ul li::marker, .bg-cyan-light .bg-grey .ce_list ul li::marker, .bg-grey .bg-grey .ce_list ul li::marker, .bg-grey-light .bg-grey .ce_list ul li::marker, .bg-grey-dark .bg-grey .ce_list ul li::marker, * .bg-grey .ce_list ul li::marker { color: #4a4a4a; } .bg-primary .bg-grey .ce_list ol li, .bg-cyan .bg-grey .ce_list ol li, .bg-primary-light .bg-grey .ce_list ol li, .bg-cyan-light .bg-grey .ce_list ol li, .bg-grey .bg-grey .ce_list ol li, .bg-grey-light .bg-grey .ce_list ol li, .bg-grey-dark .bg-grey .ce_list ol li, * .bg-grey .ce_list ol li { padding-left: 0.4285714em; } .bg-primary .bg-grey .ce_list ol li::marker, .bg-cyan .bg-grey .ce_list ol li::marker, .bg-primary-light .bg-grey .ce_list ol li::marker, .bg-cyan-light .bg-grey .ce_list ol li::marker, .bg-grey .bg-grey .ce_list ol li::marker, .bg-grey-light .bg-grey .ce_list ol li::marker, .bg-grey-dark .bg-grey .ce_list ol li::marker, * .bg-grey .ce_list ol li::marker { color: #4a4a4a; } .bg-primary .bg-grey .button-block.primary-filled .button, .bg-primary .bg-grey .button-block.primary-filled a, .bg-primary .bg-grey p.back.primary-filled .button, .bg-primary .bg-grey p.back.primary-filled a, .bg-cyan .bg-grey .button-block.primary-filled .button, .bg-cyan .bg-grey .button-block.primary-filled a, .bg-cyan .bg-grey p.back.primary-filled .button, .bg-cyan .bg-grey p.back.primary-filled a, .bg-primary-light .bg-grey .button-block.primary-filled .button, .bg-primary-light .bg-grey .button-block.primary-filled a, .bg-primary-light .bg-grey p.back.primary-filled .button, .bg-primary-light .bg-grey p.back.primary-filled a, .bg-cyan-light .bg-grey .button-block.primary-filled .button, .bg-cyan-light .bg-grey .button-block.primary-filled a, .bg-cyan-light .bg-grey p.back.primary-filled .button, .bg-cyan-light .bg-grey p.back.primary-filled a, .bg-grey .bg-grey .button-block.primary-filled .button, .bg-grey .bg-grey .button-block.primary-filled a, .bg-grey .bg-grey p.back.primary-filled .button, .bg-grey .bg-grey p.back.primary-filled a, .bg-grey-light .bg-grey .button-block.primary-filled .button, .bg-grey-light .bg-grey .button-block.primary-filled a, .bg-grey-light .bg-grey p.back.primary-filled .button, .bg-grey-light .bg-grey p.back.primary-filled a, .bg-grey-dark .bg-grey .button-block.primary-filled .button, .bg-grey-dark .bg-grey .button-block.primary-filled a, .bg-grey-dark .bg-grey p.back.primary-filled .button, .bg-grey-dark .bg-grey p.back.primary-filled a, * .bg-grey .button-block.primary-filled .button, * .bg-grey .button-block.primary-filled a, * .bg-grey p.back.primary-filled .button, * .bg-grey p.back.primary-filled a { background: #009ee3; color: #fff !important; border-color: #009ee3; } .bg-primary .bg-grey .button-block.primary-filled .button:hover, .bg-primary .bg-grey .button-block.primary-filled a:hover, .bg-primary .bg-grey p.back.primary-filled .button:hover, .bg-primary .bg-grey p.back.primary-filled a:hover, .bg-cyan .bg-grey .button-block.primary-filled .button:hover, .bg-cyan .bg-grey .button-block.primary-filled a:hover, .bg-cyan .bg-grey p.back.primary-filled .button:hover, .bg-cyan .bg-grey p.back.primary-filled a:hover, .bg-primary-light .bg-grey .button-block.primary-filled .button:hover, .bg-primary-light .bg-grey .button-block.primary-filled a:hover, .bg-primary-light .bg-grey p.back.primary-filled .button:hover, .bg-primary-light .bg-grey p.back.primary-filled a:hover, .bg-cyan-light .bg-grey .button-block.primary-filled .button:hover, .bg-cyan-light .bg-grey .button-block.primary-filled a:hover, .bg-cyan-light .bg-grey p.back.primary-filled .button:hover, .bg-cyan-light .bg-grey p.back.primary-filled a:hover, .bg-grey .bg-grey .button-block.primary-filled .button:hover, .bg-grey .bg-grey .button-block.primary-filled a:hover, .bg-grey .bg-grey p.back.primary-filled .button:hover, .bg-grey .bg-grey p.back.primary-filled a:hover, .bg-grey-light .bg-grey .button-block.primary-filled .button:hover, .bg-grey-light .bg-grey .button-block.primary-filled a:hover, .bg-grey-light .bg-grey p.back.primary-filled .button:hover, .bg-grey-light .bg-grey p.back.primary-filled a:hover, .bg-grey-dark .bg-grey .button-block.primary-filled .button:hover, .bg-grey-dark .bg-grey .button-block.primary-filled a:hover, .bg-grey-dark .bg-grey p.back.primary-filled .button:hover, .bg-grey-dark .bg-grey p.back.primary-filled a:hover, * .bg-grey .button-block.primary-filled .button:hover, * .bg-grey .button-block.primary-filled a:hover, * .bg-grey p.back.primary-filled .button:hover, * .bg-grey p.back.primary-filled a:hover { background: none; color: #009ee3 !important; } .bg-primary .bg-grey-light, .bg-cyan .bg-grey-light, .bg-primary-light .bg-grey-light, .bg-cyan-light .bg-grey-light, .bg-grey .bg-grey-light, .bg-grey-light .bg-grey-light, .bg-grey-dark .bg-grey-light, * .bg-grey-light { background-color: #f8f8f8; } .bg-primary .bg-grey-light, .bg-primary .bg-grey-light *, .bg-cyan .bg-grey-light, .bg-cyan .bg-grey-light *, .bg-primary-light .bg-grey-light, .bg-primary-light .bg-grey-light *, .bg-cyan-light .bg-grey-light, .bg-cyan-light .bg-grey-light *, .bg-grey .bg-grey-light, .bg-grey .bg-grey-light *, .bg-grey-light .bg-grey-light, .bg-grey-light .bg-grey-light *, .bg-grey-dark .bg-grey-light, .bg-grey-dark .bg-grey-light *, * .bg-grey-light, * .bg-grey-light * { color: #4a4a4a; } .bg-primary .bg-grey-light > *, .bg-cyan .bg-grey-light > *, .bg-primary-light .bg-grey-light > *, .bg-cyan-light .bg-grey-light > *, .bg-grey .bg-grey-light > *, .bg-grey-light .bg-grey-light > *, .bg-grey-dark .bg-grey-light > *, * .bg-grey-light > * { border-color: #4a4a4a !important; } .bg-primary .bg-grey-light h1, .bg-primary .bg-grey-light h2, .bg-primary .bg-grey-light .blog-article h1, .blog-article .bg-primary .bg-grey-light h1, .bg-primary .bg-grey-light h3, .bg-primary .bg-grey-light h4, .bg-primary .bg-grey-light .blog-list h2, .blog-list .bg-primary .bg-grey-light h2, .bg-primary .bg-grey-light .blog-list .blog-article h1, .blog-list .blog-article .bg-primary .bg-grey-light h1, .bg-primary .bg-grey-light .blog-article .blog-list h1, .blog-article .blog-list .bg-primary .bg-grey-light h1, .bg-primary .bg-grey-light h5, .bg-primary .bg-grey-light h6, .bg-primary .bg-grey-light .h1, .bg-primary .bg-grey-light .h2, .bg-primary .bg-grey-light .h3, .bg-primary .bg-grey-light .h4, .bg-primary .bg-grey-light .h5, .bg-primary .bg-grey-light .h6, .bg-cyan .bg-grey-light h1, .bg-cyan .bg-grey-light h2, .bg-cyan .bg-grey-light .blog-article h1, .blog-article .bg-cyan .bg-grey-light h1, .bg-cyan .bg-grey-light h3, .bg-cyan .bg-grey-light h4, .bg-cyan .bg-grey-light .blog-list h2, .blog-list .bg-cyan .bg-grey-light h2, .bg-cyan .bg-grey-light .blog-list .blog-article h1, .blog-list .blog-article .bg-cyan .bg-grey-light h1, .bg-cyan .bg-grey-light .blog-article .blog-list h1, .blog-article .blog-list .bg-cyan .bg-grey-light h1, .bg-cyan .bg-grey-light h5, .bg-cyan .bg-grey-light h6, .bg-cyan .bg-grey-light .h1, .bg-cyan .bg-grey-light .h2, .bg-cyan .bg-grey-light .h3, .bg-cyan .bg-grey-light .h4, .bg-cyan .bg-grey-light .h5, .bg-cyan .bg-grey-light .h6, .bg-primary-light .bg-grey-light h1, .bg-primary-light .bg-grey-light h2, .bg-primary-light .bg-grey-light .blog-article h1, .blog-article .bg-primary-light .bg-grey-light h1, .bg-primary-light .bg-grey-light h3, .bg-primary-light .bg-grey-light h4, .bg-primary-light .bg-grey-light .blog-list h2, .blog-list .bg-primary-light .bg-grey-light h2, .bg-primary-light .bg-grey-light .blog-list .blog-article h1, .blog-list .blog-article .bg-primary-light .bg-grey-light h1, .bg-primary-light .bg-grey-light .blog-article .blog-list h1, .blog-article .blog-list .bg-primary-light .bg-grey-light h1, .bg-primary-light .bg-grey-light h5, .bg-primary-light .bg-grey-light h6, .bg-primary-light .bg-grey-light .h1, .bg-primary-light .bg-grey-light .h2, .bg-primary-light .bg-grey-light .h3, .bg-primary-light .bg-grey-light .h4, .bg-primary-light .bg-grey-light .h5, .bg-primary-light .bg-grey-light .h6, .bg-cyan-light .bg-grey-light h1, .bg-cyan-light .bg-grey-light h2, .bg-cyan-light .bg-grey-light .blog-article h1, .blog-article .bg-cyan-light .bg-grey-light h1, .bg-cyan-light .bg-grey-light h3, .bg-cyan-light .bg-grey-light h4, .bg-cyan-light .bg-grey-light .blog-list h2, .blog-list .bg-cyan-light .bg-grey-light h2, .bg-cyan-light .bg-grey-light .blog-list .blog-article h1, .blog-list .blog-article .bg-cyan-light .bg-grey-light h1, .bg-cyan-light .bg-grey-light .blog-article .blog-list h1, .blog-article .blog-list .bg-cyan-light .bg-grey-light h1, .bg-cyan-light .bg-grey-light h5, .bg-cyan-light .bg-grey-light h6, .bg-cyan-light .bg-grey-light .h1, .bg-cyan-light .bg-grey-light .h2, .bg-cyan-light .bg-grey-light .h3, .bg-cyan-light .bg-grey-light .h4, .bg-cyan-light .bg-grey-light .h5, .bg-cyan-light .bg-grey-light .h6, .bg-grey .bg-grey-light h1, .bg-grey .bg-grey-light h2, .bg-grey .bg-grey-light .blog-article h1, .blog-article .bg-grey .bg-grey-light h1, .bg-grey .bg-grey-light h3, .bg-grey .bg-grey-light h4, .bg-grey .bg-grey-light .blog-list h2, .blog-list .bg-grey .bg-grey-light h2, .bg-grey .bg-grey-light .blog-list .blog-article h1, .blog-list .blog-article .bg-grey .bg-grey-light h1, .bg-grey .bg-grey-light .blog-article .blog-list h1, .blog-article .blog-list .bg-grey .bg-grey-light h1, .bg-grey .bg-grey-light h5, .bg-grey .bg-grey-light h6, .bg-grey .bg-grey-light .h1, .bg-grey .bg-grey-light .h2, .bg-grey .bg-grey-light .h3, .bg-grey .bg-grey-light .h4, .bg-grey .bg-grey-light .h5, .bg-grey .bg-grey-light .h6, .bg-grey-light .bg-grey-light h1, .bg-grey-light .bg-grey-light h2, .bg-grey-light .bg-grey-light .blog-article h1, .blog-article .bg-grey-light .bg-grey-light h1, .bg-grey-light .bg-grey-light h3, .bg-grey-light .bg-grey-light h4, .bg-grey-light .bg-grey-light .blog-list h2, .blog-list .bg-grey-light .bg-grey-light h2, .bg-grey-light .bg-grey-light .blog-list .blog-article h1, .blog-list .blog-article .bg-grey-light .bg-grey-light h1, .bg-grey-light .bg-grey-light .blog-article .blog-list h1, .blog-article .blog-list .bg-grey-light .bg-grey-light h1, .bg-grey-light .bg-grey-light h5, .bg-grey-light .bg-grey-light h6, .bg-grey-light .bg-grey-light .h1, .bg-grey-light .bg-grey-light .h2, .bg-grey-light .bg-grey-light .h3, .bg-grey-light .bg-grey-light .h4, .bg-grey-light .bg-grey-light .h5, .bg-grey-light .bg-grey-light .h6, .bg-grey-dark .bg-grey-light h1, .bg-grey-dark .bg-grey-light h2, .bg-grey-dark .bg-grey-light .blog-article h1, .blog-article .bg-grey-dark .bg-grey-light h1, .bg-grey-dark .bg-grey-light h3, .bg-grey-dark .bg-grey-light h4, .bg-grey-dark .bg-grey-light .blog-list h2, .blog-list .bg-grey-dark .bg-grey-light h2, .bg-grey-dark .bg-grey-light .blog-list .blog-article h1, .blog-list .blog-article .bg-grey-dark .bg-grey-light h1, .bg-grey-dark .bg-grey-light .blog-article .blog-list h1, .blog-article .blog-list .bg-grey-dark .bg-grey-light h1, .bg-grey-dark .bg-grey-light h5, .bg-grey-dark .bg-grey-light h6, .bg-grey-dark .bg-grey-light .h1, .bg-grey-dark .bg-grey-light .h2, .bg-grey-dark .bg-grey-light .h3, .bg-grey-dark .bg-grey-light .h4, .bg-grey-dark .bg-grey-light .h5, .bg-grey-dark .bg-grey-light .h6, * .bg-grey-light h1, * .bg-grey-light h2, .blog-article .bg-grey-light h1, * .bg-grey-light h3, * .bg-grey-light h4, .blog-list .bg-grey-light h2, .blog-list .bg-grey-light .blog-article h1, .blog-list .blog-article .bg-grey-light h1, .blog-article .bg-grey-light .blog-list h1, .blog-article .blog-list .bg-grey-light h1, * .bg-grey-light h5, * .bg-grey-light h6, * .bg-grey-light .h1, * .bg-grey-light .h2, * .bg-grey-light .h3, * .bg-grey-light .h4, * .bg-grey-light .h5, * .bg-grey-light .h6 { color: #4a4a4a !important; } .bg-primary .bg-grey-light .button-text a:after, .bg-primary .bg-grey-light .button-text .button:after, .bg-primary .bg-grey-light .button-text.secondary a:after, .bg-primary .bg-grey-light .button-text.secondary .button:after, .bg-cyan .bg-grey-light .button-text a:after, .bg-cyan .bg-grey-light .button-text .button:after, .bg-cyan .bg-grey-light .button-text.secondary a:after, .bg-cyan .bg-grey-light .button-text.secondary .button:after, .bg-primary-light .bg-grey-light .button-text a:after, .bg-primary-light .bg-grey-light .button-text .button:after, .bg-primary-light .bg-grey-light .button-text.secondary a:after, .bg-primary-light .bg-grey-light .button-text.secondary .button:after, .bg-cyan-light .bg-grey-light .button-text a:after, .bg-cyan-light .bg-grey-light .button-text .button:after, .bg-cyan-light .bg-grey-light .button-text.secondary a:after, .bg-cyan-light .bg-grey-light .button-text.secondary .button:after, .bg-grey .bg-grey-light .button-text a:after, .bg-grey .bg-grey-light .button-text .button:after, .bg-grey .bg-grey-light .button-text.secondary a:after, .bg-grey .bg-grey-light .button-text.secondary .button:after, .bg-grey-light .bg-grey-light .button-text a:after, .bg-grey-light .bg-grey-light .button-text .button:after, .bg-grey-light .bg-grey-light .button-text.secondary a:after, .bg-grey-light .bg-grey-light .button-text.secondary .button:after, .bg-grey-dark .bg-grey-light .button-text a:after, .bg-grey-dark .bg-grey-light .button-text .button:after, .bg-grey-dark .bg-grey-light .button-text.secondary a:after, .bg-grey-dark .bg-grey-light .button-text.secondary .button:after, * .bg-grey-light .button-text a:after, * .bg-grey-light .button-text .button:after, * .bg-grey-light .button-text.secondary a:after, * .bg-grey-light .button-text.secondary .button:after { background-color: #4a4a4a; } .bg-primary .bg-grey-light .text-blue, .bg-cyan .bg-grey-light .text-blue, .bg-primary-light .bg-grey-light .text-blue, .bg-cyan-light .bg-grey-light .text-blue, .bg-grey .bg-grey-light .text-blue, .bg-grey-light .bg-grey-light .text-blue, .bg-grey-dark .bg-grey-light .text-blue, * .bg-grey-light .text-blue { color: #009ee3 !important; } .bg-primary .bg-grey-light .button-block.primary a, .bg-primary .bg-grey-light .button-block.primary .button, .bg-primary .bg-grey-light .button-block a.primary, .bg-primary .bg-grey-light .button-block button.primary, .bg-primary .bg-grey-light p.back.primary a, .bg-primary .bg-grey-light p.back.primary .button, .bg-primary .bg-grey-light p.back a.primary, .bg-primary .bg-grey-light p.back button.primary, .bg-cyan .bg-grey-light .button-block.primary a, .bg-cyan .bg-grey-light .button-block.primary .button, .bg-cyan .bg-grey-light .button-block a.primary, .bg-cyan .bg-grey-light .button-block button.primary, .bg-cyan .bg-grey-light p.back.primary a, .bg-cyan .bg-grey-light p.back.primary .button, .bg-cyan .bg-grey-light p.back a.primary, .bg-cyan .bg-grey-light p.back button.primary, .bg-primary-light .bg-grey-light .button-block.primary a, .bg-primary-light .bg-grey-light .button-block.primary .button, .bg-primary-light .bg-grey-light .button-block a.primary, .bg-primary-light .bg-grey-light .button-block button.primary, .bg-primary-light .bg-grey-light p.back.primary a, .bg-primary-light .bg-grey-light p.back.primary .button, .bg-primary-light .bg-grey-light p.back a.primary, .bg-primary-light .bg-grey-light p.back button.primary, .bg-cyan-light .bg-grey-light .button-block.primary a, .bg-cyan-light .bg-grey-light .button-block.primary .button, .bg-cyan-light .bg-grey-light .button-block a.primary, .bg-cyan-light .bg-grey-light .button-block button.primary, .bg-cyan-light .bg-grey-light p.back.primary a, .bg-cyan-light .bg-grey-light p.back.primary .button, .bg-cyan-light .bg-grey-light p.back a.primary, .bg-cyan-light .bg-grey-light p.back button.primary, .bg-grey .bg-grey-light .button-block.primary a, .bg-grey .bg-grey-light .button-block.primary .button, .bg-grey .bg-grey-light .button-block a.primary, .bg-grey .bg-grey-light .button-block button.primary, .bg-grey .bg-grey-light p.back.primary a, .bg-grey .bg-grey-light p.back.primary .button, .bg-grey .bg-grey-light p.back a.primary, .bg-grey .bg-grey-light p.back button.primary, .bg-grey-light .bg-grey-light .button-block.primary a, .bg-grey-light .bg-grey-light .button-block.primary .button, .bg-grey-light .bg-grey-light .button-block a.primary, .bg-grey-light .bg-grey-light .button-block button.primary, .bg-grey-light .bg-grey-light p.back.primary a, .bg-grey-light .bg-grey-light p.back.primary .button, .bg-grey-light .bg-grey-light p.back a.primary, .bg-grey-light .bg-grey-light p.back button.primary, .bg-grey-dark .bg-grey-light .button-block.primary a, .bg-grey-dark .bg-grey-light .button-block.primary .button, .bg-grey-dark .bg-grey-light .button-block a.primary, .bg-grey-dark .bg-grey-light .button-block button.primary, .bg-grey-dark .bg-grey-light p.back.primary a, .bg-grey-dark .bg-grey-light p.back.primary .button, .bg-grey-dark .bg-grey-light p.back a.primary, .bg-grey-dark .bg-grey-light p.back button.primary, * .bg-grey-light .button-block.primary a, * .bg-grey-light .button-block.primary .button, * .bg-grey-light .button-block a.primary, * .bg-grey-light .button-block button.primary, * .bg-grey-light p.back.primary a, * .bg-grey-light p.back.primary .button, * .bg-grey-light p.back a.primary, * .bg-grey-light p.back button.primary { color: #4a4a4a; border-color: #4a4a4a; background-color: #f8f8f8; } .bg-primary .bg-grey-light .button-block.primary a:hover, .bg-primary .bg-grey-light .button-block.primary .button:hover, .bg-primary .bg-grey-light .button-block a.primary:hover, .bg-primary .bg-grey-light .button-block button.primary:hover, .bg-primary .bg-grey-light .button-block a:hover, .bg-primary .bg-grey-light .button-block .button:hover, .bg-primary .bg-grey-light .button-block button:hover, .bg-primary .bg-grey-light p.back.primary a:hover, .bg-primary .bg-grey-light p.back.primary .button:hover, .bg-primary .bg-grey-light p.back a.primary:hover, .bg-primary .bg-grey-light p.back button.primary:hover, .bg-primary .bg-grey-light p.back a:hover, .bg-primary .bg-grey-light p.back .button:hover, .bg-primary .bg-grey-light p.back button:hover, .bg-cyan .bg-grey-light .button-block.primary a:hover, .bg-cyan .bg-grey-light .button-block.primary .button:hover, .bg-cyan .bg-grey-light .button-block a.primary:hover, .bg-cyan .bg-grey-light .button-block button.primary:hover, .bg-cyan .bg-grey-light .button-block a:hover, .bg-cyan .bg-grey-light .button-block .button:hover, .bg-cyan .bg-grey-light .button-block button:hover, .bg-cyan .bg-grey-light p.back.primary a:hover, .bg-cyan .bg-grey-light p.back.primary .button:hover, .bg-cyan .bg-grey-light p.back a.primary:hover, .bg-cyan .bg-grey-light p.back button.primary:hover, .bg-cyan .bg-grey-light p.back a:hover, .bg-cyan .bg-grey-light p.back .button:hover, .bg-cyan .bg-grey-light p.back button:hover, .bg-primary-light .bg-grey-light .button-block.primary a:hover, .bg-primary-light .bg-grey-light .button-block.primary .button:hover, .bg-primary-light .bg-grey-light .button-block a.primary:hover, .bg-primary-light .bg-grey-light .button-block button.primary:hover, .bg-primary-light .bg-grey-light .button-block a:hover, .bg-primary-light .bg-grey-light .button-block .button:hover, .bg-primary-light .bg-grey-light .button-block button:hover, .bg-primary-light .bg-grey-light p.back.primary a:hover, .bg-primary-light .bg-grey-light p.back.primary .button:hover, .bg-primary-light .bg-grey-light p.back a.primary:hover, .bg-primary-light .bg-grey-light p.back button.primary:hover, .bg-primary-light .bg-grey-light p.back a:hover, .bg-primary-light .bg-grey-light p.back .button:hover, .bg-primary-light .bg-grey-light p.back button:hover, .bg-cyan-light .bg-grey-light .button-block.primary a:hover, .bg-cyan-light .bg-grey-light .button-block.primary .button:hover, .bg-cyan-light .bg-grey-light .button-block a.primary:hover, .bg-cyan-light .bg-grey-light .button-block button.primary:hover, .bg-cyan-light .bg-grey-light .button-block a:hover, .bg-cyan-light .bg-grey-light .button-block .button:hover, .bg-cyan-light .bg-grey-light .button-block button:hover, .bg-cyan-light .bg-grey-light p.back.primary a:hover, .bg-cyan-light .bg-grey-light p.back.primary .button:hover, .bg-cyan-light .bg-grey-light p.back a.primary:hover, .bg-cyan-light .bg-grey-light p.back button.primary:hover, .bg-cyan-light .bg-grey-light p.back a:hover, .bg-cyan-light .bg-grey-light p.back .button:hover, .bg-cyan-light .bg-grey-light p.back button:hover, .bg-grey .bg-grey-light .button-block.primary a:hover, .bg-grey .bg-grey-light .button-block.primary .button:hover, .bg-grey .bg-grey-light .button-block a.primary:hover, .bg-grey .bg-grey-light .button-block button.primary:hover, .bg-grey .bg-grey-light .button-block a:hover, .bg-grey .bg-grey-light .button-block .button:hover, .bg-grey .bg-grey-light .button-block button:hover, .bg-grey .bg-grey-light p.back.primary a:hover, .bg-grey .bg-grey-light p.back.primary .button:hover, .bg-grey .bg-grey-light p.back a.primary:hover, .bg-grey .bg-grey-light p.back button.primary:hover, .bg-grey .bg-grey-light p.back a:hover, .bg-grey .bg-grey-light p.back .button:hover, .bg-grey .bg-grey-light p.back button:hover, .bg-grey-light .bg-grey-light .button-block.primary a:hover, .bg-grey-light .bg-grey-light .button-block.primary .button:hover, .bg-grey-light .bg-grey-light .button-block a.primary:hover, .bg-grey-light .bg-grey-light .button-block button.primary:hover, .bg-grey-light .bg-grey-light .button-block a:hover, .bg-grey-light .bg-grey-light .button-block .button:hover, .bg-grey-light .bg-grey-light .button-block button:hover, .bg-grey-light .bg-grey-light p.back.primary a:hover, .bg-grey-light .bg-grey-light p.back.primary .button:hover, .bg-grey-light .bg-grey-light p.back a.primary:hover, .bg-grey-light .bg-grey-light p.back button.primary:hover, .bg-grey-light .bg-grey-light p.back a:hover, .bg-grey-light .bg-grey-light p.back .button:hover, .bg-grey-light .bg-grey-light p.back button:hover, .bg-grey-dark .bg-grey-light .button-block.primary a:hover, .bg-grey-dark .bg-grey-light .button-block.primary .button:hover, .bg-grey-dark .bg-grey-light .button-block a.primary:hover, .bg-grey-dark .bg-grey-light .button-block button.primary:hover, .bg-grey-dark .bg-grey-light .button-block a:hover, .bg-grey-dark .bg-grey-light .button-block .button:hover, .bg-grey-dark .bg-grey-light .button-block button:hover, .bg-grey-dark .bg-grey-light p.back.primary a:hover, .bg-grey-dark .bg-grey-light p.back.primary .button:hover, .bg-grey-dark .bg-grey-light p.back a.primary:hover, .bg-grey-dark .bg-grey-light p.back button.primary:hover, .bg-grey-dark .bg-grey-light p.back a:hover, .bg-grey-dark .bg-grey-light p.back .button:hover, .bg-grey-dark .bg-grey-light p.back button:hover, * .bg-grey-light .button-block.primary a:hover, * .bg-grey-light .button-block.primary .button:hover, * .bg-grey-light .button-block a.primary:hover, * .bg-grey-light .button-block button.primary:hover, * .bg-grey-light .button-block a:hover, * .bg-grey-light .button-block .button:hover, * .bg-grey-light .button-block button:hover, * .bg-grey-light p.back.primary a:hover, * .bg-grey-light p.back.primary .button:hover, * .bg-grey-light p.back a.primary:hover, * .bg-grey-light p.back button.primary:hover, * .bg-grey-light p.back a:hover, * .bg-grey-light p.back .button:hover, * .bg-grey-light p.back button:hover { color: #f8f8f8 !important; background: #4a4a4a; } .bg-primary .bg-grey-light .ce_list ul li, .bg-cyan .bg-grey-light .ce_list ul li, .bg-primary-light .bg-grey-light .ce_list ul li, .bg-cyan-light .bg-grey-light .ce_list ul li, .bg-grey .bg-grey-light .ce_list ul li, .bg-grey-light .bg-grey-light .ce_list ul li, .bg-grey-dark .bg-grey-light .ce_list ul li, * .bg-grey-light .ce_list ul li { padding-left: 0.4285714em; } .bg-primary .bg-grey-light .ce_list ul li::marker, .bg-cyan .bg-grey-light .ce_list ul li::marker, .bg-primary-light .bg-grey-light .ce_list ul li::marker, .bg-cyan-light .bg-grey-light .ce_list ul li::marker, .bg-grey .bg-grey-light .ce_list ul li::marker, .bg-grey-light .bg-grey-light .ce_list ul li::marker, .bg-grey-dark .bg-grey-light .ce_list ul li::marker, * .bg-grey-light .ce_list ul li::marker { color: #4a4a4a; } .bg-primary .bg-grey-light .ce_list ol li, .bg-cyan .bg-grey-light .ce_list ol li, .bg-primary-light .bg-grey-light .ce_list ol li, .bg-cyan-light .bg-grey-light .ce_list ol li, .bg-grey .bg-grey-light .ce_list ol li, .bg-grey-light .bg-grey-light .ce_list ol li, .bg-grey-dark .bg-grey-light .ce_list ol li, * .bg-grey-light .ce_list ol li { padding-left: 0.4285714em; } .bg-primary .bg-grey-light .ce_list ol li::marker, .bg-cyan .bg-grey-light .ce_list ol li::marker, .bg-primary-light .bg-grey-light .ce_list ol li::marker, .bg-cyan-light .bg-grey-light .ce_list ol li::marker, .bg-grey .bg-grey-light .ce_list ol li::marker, .bg-grey-light .bg-grey-light .ce_list ol li::marker, .bg-grey-dark .bg-grey-light .ce_list ol li::marker, * .bg-grey-light .ce_list ol li::marker { color: #4a4a4a; } .bg-primary .bg-grey-light .button-block.primary-filled .button, .bg-primary .bg-grey-light .button-block.primary-filled a, .bg-primary .bg-grey-light p.back.primary-filled .button, .bg-primary .bg-grey-light p.back.primary-filled a, .bg-cyan .bg-grey-light .button-block.primary-filled .button, .bg-cyan .bg-grey-light .button-block.primary-filled a, .bg-cyan .bg-grey-light p.back.primary-filled .button, .bg-cyan .bg-grey-light p.back.primary-filled a, .bg-primary-light .bg-grey-light .button-block.primary-filled .button, .bg-primary-light .bg-grey-light .button-block.primary-filled a, .bg-primary-light .bg-grey-light p.back.primary-filled .button, .bg-primary-light .bg-grey-light p.back.primary-filled a, .bg-cyan-light .bg-grey-light .button-block.primary-filled .button, .bg-cyan-light .bg-grey-light .button-block.primary-filled a, .bg-cyan-light .bg-grey-light p.back.primary-filled .button, .bg-cyan-light .bg-grey-light p.back.primary-filled a, .bg-grey .bg-grey-light .button-block.primary-filled .button, .bg-grey .bg-grey-light .button-block.primary-filled a, .bg-grey .bg-grey-light p.back.primary-filled .button, .bg-grey .bg-grey-light p.back.primary-filled a, .bg-grey-light .bg-grey-light .button-block.primary-filled .button, .bg-grey-light .bg-grey-light .button-block.primary-filled a, .bg-grey-light .bg-grey-light p.back.primary-filled .button, .bg-grey-light .bg-grey-light p.back.primary-filled a, .bg-grey-dark .bg-grey-light .button-block.primary-filled .button, .bg-grey-dark .bg-grey-light .button-block.primary-filled a, .bg-grey-dark .bg-grey-light p.back.primary-filled .button, .bg-grey-dark .bg-grey-light p.back.primary-filled a, * .bg-grey-light .button-block.primary-filled .button, * .bg-grey-light .button-block.primary-filled a, * .bg-grey-light p.back.primary-filled .button, * .bg-grey-light p.back.primary-filled a { background: #009ee3; color: #fff !important; border-color: #009ee3; } .bg-primary .bg-grey-light .button-block.primary-filled .button:hover, .bg-primary .bg-grey-light .button-block.primary-filled a:hover, .bg-primary .bg-grey-light p.back.primary-filled .button:hover, .bg-primary .bg-grey-light p.back.primary-filled a:hover, .bg-cyan .bg-grey-light .button-block.primary-filled .button:hover, .bg-cyan .bg-grey-light .button-block.primary-filled a:hover, .bg-cyan .bg-grey-light p.back.primary-filled .button:hover, .bg-cyan .bg-grey-light p.back.primary-filled a:hover, .bg-primary-light .bg-grey-light .button-block.primary-filled .button:hover, .bg-primary-light .bg-grey-light .button-block.primary-filled a:hover, .bg-primary-light .bg-grey-light p.back.primary-filled .button:hover, .bg-primary-light .bg-grey-light p.back.primary-filled a:hover, .bg-cyan-light .bg-grey-light .button-block.primary-filled .button:hover, .bg-cyan-light .bg-grey-light .button-block.primary-filled a:hover, .bg-cyan-light .bg-grey-light p.back.primary-filled .button:hover, .bg-cyan-light .bg-grey-light p.back.primary-filled a:hover, .bg-grey .bg-grey-light .button-block.primary-filled .button:hover, .bg-grey .bg-grey-light .button-block.primary-filled a:hover, .bg-grey .bg-grey-light p.back.primary-filled .button:hover, .bg-grey .bg-grey-light p.back.primary-filled a:hover, .bg-grey-light .bg-grey-light .button-block.primary-filled .button:hover, .bg-grey-light .bg-grey-light .button-block.primary-filled a:hover, .bg-grey-light .bg-grey-light p.back.primary-filled .button:hover, .bg-grey-light .bg-grey-light p.back.primary-filled a:hover, .bg-grey-dark .bg-grey-light .button-block.primary-filled .button:hover, .bg-grey-dark .bg-grey-light .button-block.primary-filled a:hover, .bg-grey-dark .bg-grey-light p.back.primary-filled .button:hover, .bg-grey-dark .bg-grey-light p.back.primary-filled a:hover, * .bg-grey-light .button-block.primary-filled .button:hover, * .bg-grey-light .button-block.primary-filled a:hover, * .bg-grey-light p.back.primary-filled .button:hover, * .bg-grey-light p.back.primary-filled a:hover { background: none; color: #009ee3 !important; } .bg-primary .bg-grey-dark, .bg-cyan .bg-grey-dark, .bg-primary-light .bg-grey-dark, .bg-cyan-light .bg-grey-dark, .bg-grey .bg-grey-dark, .bg-grey-light .bg-grey-dark, .bg-grey-dark .bg-grey-dark, * .bg-grey-dark { background-color: #9b9b9b; } .bg-primary .bg-grey-dark, .bg-primary .bg-grey-dark *, .bg-cyan .bg-grey-dark, .bg-cyan .bg-grey-dark *, .bg-primary-light .bg-grey-dark, .bg-primary-light .bg-grey-dark *, .bg-cyan-light .bg-grey-dark, .bg-cyan-light .bg-grey-dark *, .bg-grey .bg-grey-dark, .bg-grey .bg-grey-dark *, .bg-grey-light .bg-grey-dark, .bg-grey-light .bg-grey-dark *, .bg-grey-dark .bg-grey-dark, .bg-grey-dark .bg-grey-dark *, * .bg-grey-dark, * .bg-grey-dark * { color: #4a4a4a; } .bg-primary .bg-grey-dark > *, .bg-cyan .bg-grey-dark > *, .bg-primary-light .bg-grey-dark > *, .bg-cyan-light .bg-grey-dark > *, .bg-grey .bg-grey-dark > *, .bg-grey-light .bg-grey-dark > *, .bg-grey-dark .bg-grey-dark > *, * .bg-grey-dark > * { border-color: #4a4a4a !important; } .bg-primary .bg-grey-dark h1, .bg-primary .bg-grey-dark h2, .bg-primary .bg-grey-dark .blog-article h1, .blog-article .bg-primary .bg-grey-dark h1, .bg-primary .bg-grey-dark h3, .bg-primary .bg-grey-dark h4, .bg-primary .bg-grey-dark .blog-list h2, .blog-list .bg-primary .bg-grey-dark h2, .bg-primary .bg-grey-dark .blog-list .blog-article h1, .blog-list .blog-article .bg-primary .bg-grey-dark h1, .bg-primary .bg-grey-dark .blog-article .blog-list h1, .blog-article .blog-list .bg-primary .bg-grey-dark h1, .bg-primary .bg-grey-dark h5, .bg-primary .bg-grey-dark h6, .bg-primary .bg-grey-dark .h1, .bg-primary .bg-grey-dark .h2, .bg-primary .bg-grey-dark .h3, .bg-primary .bg-grey-dark .h4, .bg-primary .bg-grey-dark .h5, .bg-primary .bg-grey-dark .h6, .bg-cyan .bg-grey-dark h1, .bg-cyan .bg-grey-dark h2, .bg-cyan .bg-grey-dark .blog-article h1, .blog-article .bg-cyan .bg-grey-dark h1, .bg-cyan .bg-grey-dark h3, .bg-cyan .bg-grey-dark h4, .bg-cyan .bg-grey-dark .blog-list h2, .blog-list .bg-cyan .bg-grey-dark h2, .bg-cyan .bg-grey-dark .blog-list .blog-article h1, .blog-list .blog-article .bg-cyan .bg-grey-dark h1, .bg-cyan .bg-grey-dark .blog-article .blog-list h1, .blog-article .blog-list .bg-cyan .bg-grey-dark h1, .bg-cyan .bg-grey-dark h5, .bg-cyan .bg-grey-dark h6, .bg-cyan .bg-grey-dark .h1, .bg-cyan .bg-grey-dark .h2, .bg-cyan .bg-grey-dark .h3, .bg-cyan .bg-grey-dark .h4, .bg-cyan .bg-grey-dark .h5, .bg-cyan .bg-grey-dark .h6, .bg-primary-light .bg-grey-dark h1, .bg-primary-light .bg-grey-dark h2, .bg-primary-light .bg-grey-dark .blog-article h1, .blog-article .bg-primary-light .bg-grey-dark h1, .bg-primary-light .bg-grey-dark h3, .bg-primary-light .bg-grey-dark h4, .bg-primary-light .bg-grey-dark .blog-list h2, .blog-list .bg-primary-light .bg-grey-dark h2, .bg-primary-light .bg-grey-dark .blog-list .blog-article h1, .blog-list .blog-article .bg-primary-light .bg-grey-dark h1, .bg-primary-light .bg-grey-dark .blog-article .blog-list h1, .blog-article .blog-list .bg-primary-light .bg-grey-dark h1, .bg-primary-light .bg-grey-dark h5, .bg-primary-light .bg-grey-dark h6, .bg-primary-light .bg-grey-dark .h1, .bg-primary-light .bg-grey-dark .h2, .bg-primary-light .bg-grey-dark .h3, .bg-primary-light .bg-grey-dark .h4, .bg-primary-light .bg-grey-dark .h5, .bg-primary-light .bg-grey-dark .h6, .bg-cyan-light .bg-grey-dark h1, .bg-cyan-light .bg-grey-dark h2, .bg-cyan-light .bg-grey-dark .blog-article h1, .blog-article .bg-cyan-light .bg-grey-dark h1, .bg-cyan-light .bg-grey-dark h3, .bg-cyan-light .bg-grey-dark h4, .bg-cyan-light .bg-grey-dark .blog-list h2, .blog-list .bg-cyan-light .bg-grey-dark h2, .bg-cyan-light .bg-grey-dark .blog-list .blog-article h1, .blog-list .blog-article .bg-cyan-light .bg-grey-dark h1, .bg-cyan-light .bg-grey-dark .blog-article .blog-list h1, .blog-article .blog-list .bg-cyan-light .bg-grey-dark h1, .bg-cyan-light .bg-grey-dark h5, .bg-cyan-light .bg-grey-dark h6, .bg-cyan-light .bg-grey-dark .h1, .bg-cyan-light .bg-grey-dark .h2, .bg-cyan-light .bg-grey-dark .h3, .bg-cyan-light .bg-grey-dark .h4, .bg-cyan-light .bg-grey-dark .h5, .bg-cyan-light .bg-grey-dark .h6, .bg-grey .bg-grey-dark h1, .bg-grey .bg-grey-dark h2, .bg-grey .bg-grey-dark .blog-article h1, .blog-article .bg-grey .bg-grey-dark h1, .bg-grey .bg-grey-dark h3, .bg-grey .bg-grey-dark h4, .bg-grey .bg-grey-dark .blog-list h2, .blog-list .bg-grey .bg-grey-dark h2, .bg-grey .bg-grey-dark .blog-list .blog-article h1, .blog-list .blog-article .bg-grey .bg-grey-dark h1, .bg-grey .bg-grey-dark .blog-article .blog-list h1, .blog-article .blog-list .bg-grey .bg-grey-dark h1, .bg-grey .bg-grey-dark h5, .bg-grey .bg-grey-dark h6, .bg-grey .bg-grey-dark .h1, .bg-grey .bg-grey-dark .h2, .bg-grey .bg-grey-dark .h3, .bg-grey .bg-grey-dark .h4, .bg-grey .bg-grey-dark .h5, .bg-grey .bg-grey-dark .h6, .bg-grey-light .bg-grey-dark h1, .bg-grey-light .bg-grey-dark h2, .bg-grey-light .bg-grey-dark .blog-article h1, .blog-article .bg-grey-light .bg-grey-dark h1, .bg-grey-light .bg-grey-dark h3, .bg-grey-light .bg-grey-dark h4, .bg-grey-light .bg-grey-dark .blog-list h2, .blog-list .bg-grey-light .bg-grey-dark h2, .bg-grey-light .bg-grey-dark .blog-list .blog-article h1, .blog-list .blog-article .bg-grey-light .bg-grey-dark h1, .bg-grey-light .bg-grey-dark .blog-article .blog-list h1, .blog-article .blog-list .bg-grey-light .bg-grey-dark h1, .bg-grey-light .bg-grey-dark h5, .bg-grey-light .bg-grey-dark h6, .bg-grey-light .bg-grey-dark .h1, .bg-grey-light .bg-grey-dark .h2, .bg-grey-light .bg-grey-dark .h3, .bg-grey-light .bg-grey-dark .h4, .bg-grey-light .bg-grey-dark .h5, .bg-grey-light .bg-grey-dark .h6, .bg-grey-dark .bg-grey-dark h1, .bg-grey-dark .bg-grey-dark h2, .bg-grey-dark .bg-grey-dark .blog-article h1, .blog-article .bg-grey-dark .bg-grey-dark h1, .bg-grey-dark .bg-grey-dark h3, .bg-grey-dark .bg-grey-dark h4, .bg-grey-dark .bg-grey-dark .blog-list h2, .blog-list .bg-grey-dark .bg-grey-dark h2, .bg-grey-dark .bg-grey-dark .blog-list .blog-article h1, .blog-list .blog-article .bg-grey-dark .bg-grey-dark h1, .bg-grey-dark .bg-grey-dark .blog-article .blog-list h1, .blog-article .blog-list .bg-grey-dark .bg-grey-dark h1, .bg-grey-dark .bg-grey-dark h5, .bg-grey-dark .bg-grey-dark h6, .bg-grey-dark .bg-grey-dark .h1, .bg-grey-dark .bg-grey-dark .h2, .bg-grey-dark .bg-grey-dark .h3, .bg-grey-dark .bg-grey-dark .h4, .bg-grey-dark .bg-grey-dark .h5, .bg-grey-dark .bg-grey-dark .h6, * .bg-grey-dark h1, * .bg-grey-dark h2, .blog-article .bg-grey-dark h1, * .bg-grey-dark h3, * .bg-grey-dark h4, .blog-list .bg-grey-dark h2, .blog-list .bg-grey-dark .blog-article h1, .blog-list .blog-article .bg-grey-dark h1, .blog-article .bg-grey-dark .blog-list h1, .blog-article .blog-list .bg-grey-dark h1, * .bg-grey-dark h5, * .bg-grey-dark h6, * .bg-grey-dark .h1, * .bg-grey-dark .h2, * .bg-grey-dark .h3, * .bg-grey-dark .h4, * .bg-grey-dark .h5, * .bg-grey-dark .h6 { color: #4a4a4a !important; } .bg-primary .bg-grey-dark .button-text a:after, .bg-primary .bg-grey-dark .button-text .button:after, .bg-primary .bg-grey-dark .button-text.secondary a:after, .bg-primary .bg-grey-dark .button-text.secondary .button:after, .bg-cyan .bg-grey-dark .button-text a:after, .bg-cyan .bg-grey-dark .button-text .button:after, .bg-cyan .bg-grey-dark .button-text.secondary a:after, .bg-cyan .bg-grey-dark .button-text.secondary .button:after, .bg-primary-light .bg-grey-dark .button-text a:after, .bg-primary-light .bg-grey-dark .button-text .button:after, .bg-primary-light .bg-grey-dark .button-text.secondary a:after, .bg-primary-light .bg-grey-dark .button-text.secondary .button:after, .bg-cyan-light .bg-grey-dark .button-text a:after, .bg-cyan-light .bg-grey-dark .button-text .button:after, .bg-cyan-light .bg-grey-dark .button-text.secondary a:after, .bg-cyan-light .bg-grey-dark .button-text.secondary .button:after, .bg-grey .bg-grey-dark .button-text a:after, .bg-grey .bg-grey-dark .button-text .button:after, .bg-grey .bg-grey-dark .button-text.secondary a:after, .bg-grey .bg-grey-dark .button-text.secondary .button:after, .bg-grey-light .bg-grey-dark .button-text a:after, .bg-grey-light .bg-grey-dark .button-text .button:after, .bg-grey-light .bg-grey-dark .button-text.secondary a:after, .bg-grey-light .bg-grey-dark .button-text.secondary .button:after, .bg-grey-dark .bg-grey-dark .button-text a:after, .bg-grey-dark .bg-grey-dark .button-text .button:after, .bg-grey-dark .bg-grey-dark .button-text.secondary a:after, .bg-grey-dark .bg-grey-dark .button-text.secondary .button:after, * .bg-grey-dark .button-text a:after, * .bg-grey-dark .button-text .button:after, * .bg-grey-dark .button-text.secondary a:after, * .bg-grey-dark .button-text.secondary .button:after { background-color: #4a4a4a; } .bg-primary .bg-grey-dark .text-blue, .bg-cyan .bg-grey-dark .text-blue, .bg-primary-light .bg-grey-dark .text-blue, .bg-cyan-light .bg-grey-dark .text-blue, .bg-grey .bg-grey-dark .text-blue, .bg-grey-light .bg-grey-dark .text-blue, .bg-grey-dark .bg-grey-dark .text-blue, * .bg-grey-dark .text-blue { color: #009ee3 !important; } .bg-primary .bg-grey-dark .button-block.primary a, .bg-primary .bg-grey-dark .button-block.primary .button, .bg-primary .bg-grey-dark .button-block a.primary, .bg-primary .bg-grey-dark .button-block button.primary, .bg-primary .bg-grey-dark p.back.primary a, .bg-primary .bg-grey-dark p.back.primary .button, .bg-primary .bg-grey-dark p.back a.primary, .bg-primary .bg-grey-dark p.back button.primary, .bg-cyan .bg-grey-dark .button-block.primary a, .bg-cyan .bg-grey-dark .button-block.primary .button, .bg-cyan .bg-grey-dark .button-block a.primary, .bg-cyan .bg-grey-dark .button-block button.primary, .bg-cyan .bg-grey-dark p.back.primary a, .bg-cyan .bg-grey-dark p.back.primary .button, .bg-cyan .bg-grey-dark p.back a.primary, .bg-cyan .bg-grey-dark p.back button.primary, .bg-primary-light .bg-grey-dark .button-block.primary a, .bg-primary-light .bg-grey-dark .button-block.primary .button, .bg-primary-light .bg-grey-dark .button-block a.primary, .bg-primary-light .bg-grey-dark .button-block button.primary, .bg-primary-light .bg-grey-dark p.back.primary a, .bg-primary-light .bg-grey-dark p.back.primary .button, .bg-primary-light .bg-grey-dark p.back a.primary, .bg-primary-light .bg-grey-dark p.back button.primary, .bg-cyan-light .bg-grey-dark .button-block.primary a, .bg-cyan-light .bg-grey-dark .button-block.primary .button, .bg-cyan-light .bg-grey-dark .button-block a.primary, .bg-cyan-light .bg-grey-dark .button-block button.primary, .bg-cyan-light .bg-grey-dark p.back.primary a, .bg-cyan-light .bg-grey-dark p.back.primary .button, .bg-cyan-light .bg-grey-dark p.back a.primary, .bg-cyan-light .bg-grey-dark p.back button.primary, .bg-grey .bg-grey-dark .button-block.primary a, .bg-grey .bg-grey-dark .button-block.primary .button, .bg-grey .bg-grey-dark .button-block a.primary, .bg-grey .bg-grey-dark .button-block button.primary, .bg-grey .bg-grey-dark p.back.primary a, .bg-grey .bg-grey-dark p.back.primary .button, .bg-grey .bg-grey-dark p.back a.primary, .bg-grey .bg-grey-dark p.back button.primary, .bg-grey-light .bg-grey-dark .button-block.primary a, .bg-grey-light .bg-grey-dark .button-block.primary .button, .bg-grey-light .bg-grey-dark .button-block a.primary, .bg-grey-light .bg-grey-dark .button-block button.primary, .bg-grey-light .bg-grey-dark p.back.primary a, .bg-grey-light .bg-grey-dark p.back.primary .button, .bg-grey-light .bg-grey-dark p.back a.primary, .bg-grey-light .bg-grey-dark p.back button.primary, .bg-grey-dark .bg-grey-dark .button-block.primary a, .bg-grey-dark .bg-grey-dark .button-block.primary .button, .bg-grey-dark .bg-grey-dark .button-block a.primary, .bg-grey-dark .bg-grey-dark .button-block button.primary, .bg-grey-dark .bg-grey-dark p.back.primary a, .bg-grey-dark .bg-grey-dark p.back.primary .button, .bg-grey-dark .bg-grey-dark p.back a.primary, .bg-grey-dark .bg-grey-dark p.back button.primary, * .bg-grey-dark .button-block.primary a, * .bg-grey-dark .button-block.primary .button, * .bg-grey-dark .button-block a.primary, * .bg-grey-dark .button-block button.primary, * .bg-grey-dark p.back.primary a, * .bg-grey-dark p.back.primary .button, * .bg-grey-dark p.back a.primary, * .bg-grey-dark p.back button.primary { color: #4a4a4a; border-color: #4a4a4a; background-color: #9b9b9b; } .bg-primary .bg-grey-dark .button-block.primary a:hover, .bg-primary .bg-grey-dark .button-block.primary .button:hover, .bg-primary .bg-grey-dark .button-block a.primary:hover, .bg-primary .bg-grey-dark .button-block button.primary:hover, .bg-primary .bg-grey-dark .button-block a:hover, .bg-primary .bg-grey-dark .button-block .button:hover, .bg-primary .bg-grey-dark .button-block button:hover, .bg-primary .bg-grey-dark p.back.primary a:hover, .bg-primary .bg-grey-dark p.back.primary .button:hover, .bg-primary .bg-grey-dark p.back a.primary:hover, .bg-primary .bg-grey-dark p.back button.primary:hover, .bg-primary .bg-grey-dark p.back a:hover, .bg-primary .bg-grey-dark p.back .button:hover, .bg-primary .bg-grey-dark p.back button:hover, .bg-cyan .bg-grey-dark .button-block.primary a:hover, .bg-cyan .bg-grey-dark .button-block.primary .button:hover, .bg-cyan .bg-grey-dark .button-block a.primary:hover, .bg-cyan .bg-grey-dark .button-block button.primary:hover, .bg-cyan .bg-grey-dark .button-block a:hover, .bg-cyan .bg-grey-dark .button-block .button:hover, .bg-cyan .bg-grey-dark .button-block button:hover, .bg-cyan .bg-grey-dark p.back.primary a:hover, .bg-cyan .bg-grey-dark p.back.primary .button:hover, .bg-cyan .bg-grey-dark p.back a.primary:hover, .bg-cyan .bg-grey-dark p.back button.primary:hover, .bg-cyan .bg-grey-dark p.back a:hover, .bg-cyan .bg-grey-dark p.back .button:hover, .bg-cyan .bg-grey-dark p.back button:hover, .bg-primary-light .bg-grey-dark .button-block.primary a:hover, .bg-primary-light .bg-grey-dark .button-block.primary .button:hover, .bg-primary-light .bg-grey-dark .button-block a.primary:hover, .bg-primary-light .bg-grey-dark .button-block button.primary:hover, .bg-primary-light .bg-grey-dark .button-block a:hover, .bg-primary-light .bg-grey-dark .button-block .button:hover, .bg-primary-light .bg-grey-dark .button-block button:hover, .bg-primary-light .bg-grey-dark p.back.primary a:hover, .bg-primary-light .bg-grey-dark p.back.primary .button:hover, .bg-primary-light .bg-grey-dark p.back a.primary:hover, .bg-primary-light .bg-grey-dark p.back button.primary:hover, .bg-primary-light .bg-grey-dark p.back a:hover, .bg-primary-light .bg-grey-dark p.back .button:hover, .bg-primary-light .bg-grey-dark p.back button:hover, .bg-cyan-light .bg-grey-dark .button-block.primary a:hover, .bg-cyan-light .bg-grey-dark .button-block.primary .button:hover, .bg-cyan-light .bg-grey-dark .button-block a.primary:hover, .bg-cyan-light .bg-grey-dark .button-block button.primary:hover, .bg-cyan-light .bg-grey-dark .button-block a:hover, .bg-cyan-light .bg-grey-dark .button-block .button:hover, .bg-cyan-light .bg-grey-dark .button-block button:hover, .bg-cyan-light .bg-grey-dark p.back.primary a:hover, .bg-cyan-light .bg-grey-dark p.back.primary .button:hover, .bg-cyan-light .bg-grey-dark p.back a.primary:hover, .bg-cyan-light .bg-grey-dark p.back button.primary:hover, .bg-cyan-light .bg-grey-dark p.back a:hover, .bg-cyan-light .bg-grey-dark p.back .button:hover, .bg-cyan-light .bg-grey-dark p.back button:hover, .bg-grey .bg-grey-dark .button-block.primary a:hover, .bg-grey .bg-grey-dark .button-block.primary .button:hover, .bg-grey .bg-grey-dark .button-block a.primary:hover, .bg-grey .bg-grey-dark .button-block button.primary:hover, .bg-grey .bg-grey-dark .button-block a:hover, .bg-grey .bg-grey-dark .button-block .button:hover, .bg-grey .bg-grey-dark .button-block button:hover, .bg-grey .bg-grey-dark p.back.primary a:hover, .bg-grey .bg-grey-dark p.back.primary .button:hover, .bg-grey .bg-grey-dark p.back a.primary:hover, .bg-grey .bg-grey-dark p.back button.primary:hover, .bg-grey .bg-grey-dark p.back a:hover, .bg-grey .bg-grey-dark p.back .button:hover, .bg-grey .bg-grey-dark p.back button:hover, .bg-grey-light .bg-grey-dark .button-block.primary a:hover, .bg-grey-light .bg-grey-dark .button-block.primary .button:hover, .bg-grey-light .bg-grey-dark .button-block a.primary:hover, .bg-grey-light .bg-grey-dark .button-block button.primary:hover, .bg-grey-light .bg-grey-dark .button-block a:hover, .bg-grey-light .bg-grey-dark .button-block .button:hover, .bg-grey-light .bg-grey-dark .button-block button:hover, .bg-grey-light .bg-grey-dark p.back.primary a:hover, .bg-grey-light .bg-grey-dark p.back.primary .button:hover, .bg-grey-light .bg-grey-dark p.back a.primary:hover, .bg-grey-light .bg-grey-dark p.back button.primary:hover, .bg-grey-light .bg-grey-dark p.back a:hover, .bg-grey-light .bg-grey-dark p.back .button:hover, .bg-grey-light .bg-grey-dark p.back button:hover, .bg-grey-dark .bg-grey-dark .button-block.primary a:hover, .bg-grey-dark .bg-grey-dark .button-block.primary .button:hover, .bg-grey-dark .bg-grey-dark .button-block a.primary:hover, .bg-grey-dark .bg-grey-dark .button-block button.primary:hover, .bg-grey-dark .bg-grey-dark .button-block a:hover, .bg-grey-dark .bg-grey-dark .button-block .button:hover, .bg-grey-dark .bg-grey-dark .button-block button:hover, .bg-grey-dark .bg-grey-dark p.back.primary a:hover, .bg-grey-dark .bg-grey-dark p.back.primary .button:hover, .bg-grey-dark .bg-grey-dark p.back a.primary:hover, .bg-grey-dark .bg-grey-dark p.back button.primary:hover, .bg-grey-dark .bg-grey-dark p.back a:hover, .bg-grey-dark .bg-grey-dark p.back .button:hover, .bg-grey-dark .bg-grey-dark p.back button:hover, * .bg-grey-dark .button-block.primary a:hover, * .bg-grey-dark .button-block.primary .button:hover, * .bg-grey-dark .button-block a.primary:hover, * .bg-grey-dark .button-block button.primary:hover, * .bg-grey-dark .button-block a:hover, * .bg-grey-dark .button-block .button:hover, * .bg-grey-dark .button-block button:hover, * .bg-grey-dark p.back.primary a:hover, * .bg-grey-dark p.back.primary .button:hover, * .bg-grey-dark p.back a.primary:hover, * .bg-grey-dark p.back button.primary:hover, * .bg-grey-dark p.back a:hover, * .bg-grey-dark p.back .button:hover, * .bg-grey-dark p.back button:hover { color: #9b9b9b !important; background: #4a4a4a; } .bg-primary .bg-grey-dark .ce_list ul li, .bg-cyan .bg-grey-dark .ce_list ul li, .bg-primary-light .bg-grey-dark .ce_list ul li, .bg-cyan-light .bg-grey-dark .ce_list ul li, .bg-grey .bg-grey-dark .ce_list ul li, .bg-grey-light .bg-grey-dark .ce_list ul li, .bg-grey-dark .bg-grey-dark .ce_list ul li, * .bg-grey-dark .ce_list ul li { padding-left: 0.4285714em; } .bg-primary .bg-grey-dark .ce_list ul li::marker, .bg-cyan .bg-grey-dark .ce_list ul li::marker, .bg-primary-light .bg-grey-dark .ce_list ul li::marker, .bg-cyan-light .bg-grey-dark .ce_list ul li::marker, .bg-grey .bg-grey-dark .ce_list ul li::marker, .bg-grey-light .bg-grey-dark .ce_list ul li::marker, .bg-grey-dark .bg-grey-dark .ce_list ul li::marker, * .bg-grey-dark .ce_list ul li::marker { color: #4a4a4a; } .bg-primary .bg-grey-dark .ce_list ol li, .bg-cyan .bg-grey-dark .ce_list ol li, .bg-primary-light .bg-grey-dark .ce_list ol li, .bg-cyan-light .bg-grey-dark .ce_list ol li, .bg-grey .bg-grey-dark .ce_list ol li, .bg-grey-light .bg-grey-dark .ce_list ol li, .bg-grey-dark .bg-grey-dark .ce_list ol li, * .bg-grey-dark .ce_list ol li { padding-left: 0.4285714em; } .bg-primary .bg-grey-dark .ce_list ol li::marker, .bg-cyan .bg-grey-dark .ce_list ol li::marker, .bg-primary-light .bg-grey-dark .ce_list ol li::marker, .bg-cyan-light .bg-grey-dark .ce_list ol li::marker, .bg-grey .bg-grey-dark .ce_list ol li::marker, .bg-grey-light .bg-grey-dark .ce_list ol li::marker, .bg-grey-dark .bg-grey-dark .ce_list ol li::marker, * .bg-grey-dark .ce_list ol li::marker { color: #4a4a4a; } .bg-primary .bg-grey-dark .button-block.primary-filled .button, .bg-primary .bg-grey-dark .button-block.primary-filled a, .bg-primary .bg-grey-dark p.back.primary-filled .button, .bg-primary .bg-grey-dark p.back.primary-filled a, .bg-cyan .bg-grey-dark .button-block.primary-filled .button, .bg-cyan .bg-grey-dark .button-block.primary-filled a, .bg-cyan .bg-grey-dark p.back.primary-filled .button, .bg-cyan .bg-grey-dark p.back.primary-filled a, .bg-primary-light .bg-grey-dark .button-block.primary-filled .button, .bg-primary-light .bg-grey-dark .button-block.primary-filled a, .bg-primary-light .bg-grey-dark p.back.primary-filled .button, .bg-primary-light .bg-grey-dark p.back.primary-filled a, .bg-cyan-light .bg-grey-dark .button-block.primary-filled .button, .bg-cyan-light .bg-grey-dark .button-block.primary-filled a, .bg-cyan-light .bg-grey-dark p.back.primary-filled .button, .bg-cyan-light .bg-grey-dark p.back.primary-filled a, .bg-grey .bg-grey-dark .button-block.primary-filled .button, .bg-grey .bg-grey-dark .button-block.primary-filled a, .bg-grey .bg-grey-dark p.back.primary-filled .button, .bg-grey .bg-grey-dark p.back.primary-filled a, .bg-grey-light .bg-grey-dark .button-block.primary-filled .button, .bg-grey-light .bg-grey-dark .button-block.primary-filled a, .bg-grey-light .bg-grey-dark p.back.primary-filled .button, .bg-grey-light .bg-grey-dark p.back.primary-filled a, .bg-grey-dark .bg-grey-dark .button-block.primary-filled .button, .bg-grey-dark .bg-grey-dark .button-block.primary-filled a, .bg-grey-dark .bg-grey-dark p.back.primary-filled .button, .bg-grey-dark .bg-grey-dark p.back.primary-filled a, * .bg-grey-dark .button-block.primary-filled .button, * .bg-grey-dark .button-block.primary-filled a, * .bg-grey-dark p.back.primary-filled .button, * .bg-grey-dark p.back.primary-filled a { background: #009ee3; color: #fff !important; border-color: #009ee3; } .bg-primary .bg-grey-dark .button-block.primary-filled .button:hover, .bg-primary .bg-grey-dark .button-block.primary-filled a:hover, .bg-primary .bg-grey-dark p.back.primary-filled .button:hover, .bg-primary .bg-grey-dark p.back.primary-filled a:hover, .bg-cyan .bg-grey-dark .button-block.primary-filled .button:hover, .bg-cyan .bg-grey-dark .button-block.primary-filled a:hover, .bg-cyan .bg-grey-dark p.back.primary-filled .button:hover, .bg-cyan .bg-grey-dark p.back.primary-filled a:hover, .bg-primary-light .bg-grey-dark .button-block.primary-filled .button:hover, .bg-primary-light .bg-grey-dark .button-block.primary-filled a:hover, .bg-primary-light .bg-grey-dark p.back.primary-filled .button:hover, .bg-primary-light .bg-grey-dark p.back.primary-filled a:hover, .bg-cyan-light .bg-grey-dark .button-block.primary-filled .button:hover, .bg-cyan-light .bg-grey-dark .button-block.primary-filled a:hover, .bg-cyan-light .bg-grey-dark p.back.primary-filled .button:hover, .bg-cyan-light .bg-grey-dark p.back.primary-filled a:hover, .bg-grey .bg-grey-dark .button-block.primary-filled .button:hover, .bg-grey .bg-grey-dark .button-block.primary-filled a:hover, .bg-grey .bg-grey-dark p.back.primary-filled .button:hover, .bg-grey .bg-grey-dark p.back.primary-filled a:hover, .bg-grey-light .bg-grey-dark .button-block.primary-filled .button:hover, .bg-grey-light .bg-grey-dark .button-block.primary-filled a:hover, .bg-grey-light .bg-grey-dark p.back.primary-filled .button:hover, .bg-grey-light .bg-grey-dark p.back.primary-filled a:hover, .bg-grey-dark .bg-grey-dark .button-block.primary-filled .button:hover, .bg-grey-dark .bg-grey-dark .button-block.primary-filled a:hover, .bg-grey-dark .bg-grey-dark p.back.primary-filled .button:hover, .bg-grey-dark .bg-grey-dark p.back.primary-filled a:hover, * .bg-grey-dark .button-block.primary-filled .button:hover, * .bg-grey-dark .button-block.primary-filled a:hover, * .bg-grey-dark p.back.primary-filled .button:hover, * .bg-grey-dark p.back.primary-filled a:hover { background: none; color: #009ee3 !important; } .aside-nav { position: fixed; top: auto; bottom: 30%; right: 0; z-index: 100; width: auto; max-width: none; padding: 0; overflow: visible; } .aside-nav ul { padding: 0 !important; width: auto !important; max-width: none !important; } .aside-nav li { background: rgb(0, 158, 227); } .aside-nav a { white-space: nowrap; position: relative; display: block; max-width: 40px; height: 40px; padding: 0 8px; background: #009ee3; color: #fff; border-top: 1px solid rgb(0, 158, 227); border-left: 1px solid rgb(0, 158, 227); border-bottom: 1px solid rgb(0, 158, 227); -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-transition: max-width 0.2s ease-in; transition: max-width 0.2s ease-in; } .aside-nav a:hover { max-width: 200px; border-top: 1px solid rgb(0, 158, 227); border-left: 1px solid rgb(0, 158, 227); border-bottom: 1px solid rgb(0, 158, 227); color: rgb(0, 158, 227); background: #fff; } .aside-nav a:before { font-family: "icomoon" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e905"; font-size: 1.125rem; } header .ce_rsce_teaser_hero { height: calc(100vh - 50px); } @media (min-width: 768px) { header .ce_rsce_teaser_hero { height: calc(100vh - 75px); } } @media (min-width: 992px) { header .ce_rsce_teaser_hero { height: calc(100vh - 80px); } } @media (min-width: 1200px) { header .ce_rsce_teaser_hero { height: calc(100vh - 100px); } } header .ce_rsce_teaser_fullwidth_image .headline { margin-bottom: 0; } header .ce_player { position: relative; width: 100%; overflow: hidden; padding: 0; height: 50vh; } @media (min-width: 992px) { header .ce_player { height: 70vh; } } header .ce_player > h1, header .ce_player > h2, header .ce_player > h3, header .ce_player > h4, header .ce_player > h5 { display: none; } header .ce_player mediaelementwrapper { width: 100%; height: 100%; display: block; } header .ce_player .mejs__container, header .ce_player .mejs__overlay, header .ce_player .mejs__inner { width: 100% !important; height: 100% !important; } header .ce_player .mejs__controls, header .ce_player .mejs__overlay-button { display: none !important; } header .ce_player video { min-width: 100%; min-height: 100%; width: auto; height: auto; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } header .ce_player + .video-subinfo { position: absolute; bottom: 30px; right: 60px; padding: 10px; border: 2px solid #fff; border-bottom-right-radius: 50px; max-width: 220px; } header .ce_player + .video-subinfo p { margin-bottom: 5px; font-size: 0.875rem; color: #fff; } header .ce_player + .video-subinfo .button-block { margin-bottom: 0; } header .ce_player + .video-subinfo .button-block a { color: #fff; border-color: #fff; padding: 7px 10px; min-width: auto; } header .ce_player + .video-subinfo .button-block a:hover { color: #4a4a4a; background: #fff; } .ce_rsce_teaser_hero { width: 100%; height: 100vh; padding: 0; } .ce_rsce_teaser_hero article { position: relative; height: 100%; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; } .ce_rsce_teaser_hero article:before { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); -webkit-transition: background 0.2s ease-in; transition: background 0.2s ease-in; } .ce_rsce_teaser_hero .container { position: relative; height: 100%; z-index: 1; } .ce_rsce_teaser_hero .row { height: 100%; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } @media (min-width: 992px) { .ce_rsce_teaser_hero .content-holder { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } } @media (min-width: 992px) { .ce_rsce_teaser_hero .headline, .ce_rsce_teaser_hero .ce_text { -webkit-box-flex: 0 1 50%; -webkit-flex: 0 1 50%; -ms-flex: 0 1 50%; flex: 0 1 50%; -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; padding: 45px; } } .ce_rsce_teaser_hero .headline { color: #fff; font-family: "Fago no", sans-serif; } @media (min-width: 992px) { .ce_rsce_teaser_hero .headline { margin-bottom: 0; } } .ce_rsce_teaser_hero .ce_text { color: #fff; } @media (min-width: 992px) { .ce_rsce_teaser_hero .ce_text { border: 1px solid #fff; border-bottom-right-radius: 50px; } } @media (max-width: 767px) { .ce_rsce_teaser_hero .ce_text { display: none; } } .ce_rsce_teaser_hero .ce_text p { margin-bottom: 0; } .ce_rsce_teaser_hero .button-block { margin-bottom: 0; } .ce_rsce_teaser_hero .button-block a:hover { border-color: #009ee3; color: #009ee3; } @media (min-width: 768px) { .ce_rsce_teaser_hero .button-block a + a { margin-left: 15px; } } @media (max-width: 767px) { .ce_rsce_teaser_hero .button-block a + a { margin-top: 15px; } } .scroller-container { position: absolute; left: 50%; bottom: 20px; z-index: 10; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 50px; height: 50px; } @media (min-width: 768px) { .scroller-container { bottom: 40px; } } .scroller-container .scroll-to-content { position: relative; display: block; width: 100%; height: 100%; text-align: center; color: #fff; animation: 0.7s down infinite alternate; -webkit-animation: 0.7s down infinite alternate; } .scroller-container .scroll-to-content:hover { color: #009ee3; } .scroller-container .scroll-to-content:before { position: absolute; top: 50%; left: 50%; font-size: 31.25rem; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @keyframes down { 0% { -webkit-transform: translateY(0px); transform: translateY(0px); } 100% { -webkit-transform: translateY(10px); transform: translateY(10px); } } @-webkit-keyframes down { 0% { -webkit-transform: translateY(0px); } 100% { -webkit-transform: translateY(10px); } } .ce_rsce_teaser_products { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; margin-top: 30px; margin-bottom: 30px; } @media (min-width: 768px) { .ce_rsce_teaser_products { margin-top: 50px; margin-bottom: 50px; } } @media (min-width: 1200px) { .ce_rsce_teaser_products { margin-top: 120px; margin-bottom: 120px; } } .ce_rsce_teaser_products .headline { text-align: center; } @media (min-width: 1200px) { .ce_rsce_teaser_products .headline { margin-bottom: 40px; } } .ce_rsce_teaser_products .inside { position: relative; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; z-index: 1; text-align: center; padding: 15px; } @media (min-width: 768px) { .ce_rsce_teaser_products .inside { padding: 20px; } } .ce_rsce_teaser_products .inside .img-holder { -webkit-transition: -webkit-transform 150ms ease-in-out; transition: -webkit-transform 150ms ease-in-out; transition: transform 150ms ease-in-out; transition: transform 150ms ease-in-out, -webkit-transform 150ms ease-in-out; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .ce_rsce_teaser_products .inside .img-holder:hover { -webkit-transform: scale(1.15); -ms-transform: scale(1.15); transform: scale(1.15); } .ce_rsce_teaser_products .teasers-holder { width: 100%; } @media (min-width: 768px) { .ce_rsce_teaser_products .teasers-holder { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } } .ce_rsce_teaser_products .teaser { position: relative; } .ce_rsce_teaser_products .teaser .img-holder { height: 200px; background-position: 50% 50%; background-repeat: no-repeat; background-size: auto 100%; margin-bottom: 30px; } @media (min-width: 1200px) { .ce_rsce_teaser_products .teaser .img-holder { margin-bottom: 50px; } } .ce_rsce_teaser_products .teaser .suptitle { margin-bottom: 15px; } .ce_rsce_teaser_products .teaser .title { margin-bottom: 15px; color: #4a4a4a; text-transform: none; } .ce_rsce_teaser_products .teaser .description { margin-bottom: 15px; height: 120px; } .ce_rsce_teaser_products .teaser .button-text { margin-bottom: 0; text-align: center; } body.startpage .ce_rsce_teaser_products .teaser .button-text a { display: inline-block; text-transform: none; border-radius: 4px; background-color: #009ee3; letter-spacing: 0.03em; padding: 8px 15px 8px; border: solid 2px #009ee3; font-family: "Fago no Medium", sans-serif; width: 99%; } body.startpage .ce_rsce_teaser_products .teaser .button-text a span { color: #fff !important; } body.startpage .ce_rsce_teaser_products .teaser .button-text a:hover { border: 2px solid #0382b9; background-color: #0382b9; } body.startpage .ce_rsce_teaser_products .teaser .button-text a:after { display: none; } .ce_rsce_teaser_fullwidth_image { padding: 0; } .ce_rsce_teaser_fullwidth_image .ratio-container::after { padding-bottom: 33.8541666667%; } .ce_rsce_teaser_fullwidth_image .label-security { width: 99px; height: 114px; margin-bottom: 30px; background: url(/files/public/icons/secured.png) no-repeat 0 0; position: absolute; right: 10px; top: 10px; } .ce_rsce_teaser_fullwidth_image .box { background-color: rgba(0, 158, 227, 0.9); } .mod_subscribe { background: url(/files/public/backgrounds/polygon-background.png) no-repeat 0 0; background-size: cover; margin-top: 30px; margin-bottom: 30px; padding-left: 0; padding-right: 0; } @media (min-width: 768px) { .mod_subscribe { margin-top: 50px; margin-bottom: 50px; } } @media (min-width: 1200px) { .mod_subscribe { margin-top: 120px; margin-bottom: 120px; } } .mod_subscribe > h2, .blog-article .mod_subscribe > h1 { text-align: center; color: #fff; margin-bottom: 15px; } .mod_subscribe .row { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .mod_subscribe .col { text-align: center; } .mod_subscribe .ce_text p { color: #fff; margin-bottom: 15px; } .mod_subscribe form { margin-bottom: 0; } .mod_subscribe form input { background: rgba(80, 209, 255, 0.8); box-shadow: none; border: none; } .mod_subscribe form input::-webkit-input-placeholder { color: #fff; text-align: center; } .mod_subscribe form input:-moz-placeholder { color: #fff; text-align: center; } .mod_subscribe form input::-moz-placeholder { color: #fff; text-align: center; } .mod_subscribe form input:-ms-input-placeholder { color: #fff; text-align: center; } .mod_subscribe .widget-checkbox.error label:before { border-color: red !important; } .mod_subscribe .widget-checkbox label { color: #fff; font-size: 0.875rem; line-height: 1.4; } .mod_subscribe .widget-checkbox label a { color: #fff; font-weight: 400; } .mod_subscribe .widget-checkbox label:before { vertical-align: top; position: relative !important; top: 0 !important; border-color: #fff !important; color: #fff !important; } .ce_rsce_teaser_blue_highlight, .ce_rsce_teaser_applications { padding-left: 0; padding-right: 0; } .ce_rsce_teaser_blue_highlight article, .ce_rsce_teaser_applications article { margin-top: 30px; margin-bottom: 30px; } @media (min-width: 768px) { .ce_rsce_teaser_blue_highlight article, .ce_rsce_teaser_applications article { margin-top: 50px; margin-bottom: 50px; } } @media (min-width: 1200px) { .ce_rsce_teaser_blue_highlight article, .ce_rsce_teaser_applications article { margin-top: 120px; margin-bottom: 120px; } } .ce_rsce_teaser_blue_highlight article:before:not(.ce_rsce_teaser_applications), .ce_rsce_teaser_applications article:before:not(.ce_rsce_teaser_applications) { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; right: 0; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.5) 50%, rgb(255, 255, 255) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.5) 50%, rgb(255, 255, 255) 100%); } .ce_rsce_teaser_blue_highlight .content-holder .headline, .ce_rsce_teaser_applications .content-holder .headline { color: #fff; margin-bottom: 20px; } .ce_rsce_teaser_blue_highlight .content-holder .ce_text p, .ce_rsce_teaser_applications .content-holder .ce_text p { font-size: 1rem; color: #fff; line-height: 1.2; margin-bottom: 20px; } @media (min-width: 768px) { body.mac .ce_rsce_teaser_blue_highlight .content-holder { margin-left: -1px; margin-right: -1px; } } .ce_rsce_teaser_blue_highlight .content-holder .logo { margin-bottom: 15px; } .ce_rsce_teaser_blue_highlight .content-holder .hightlight { padding: 30px; background: url(/files/public/backgrounds/polygon-background.png) no-repeat 0 0; background-size: cover; border-bottom-right-radius: 50px; } .ce_rsce_teaser_blue_highlight .content-holder .hightlight .title { color: #fff; margin-bottom: 15px; font-family: "FaNo Regular", sans-serif; } .ce_rsce_teaser_blue_highlight .content-holder .hightlight ul { list-style-type: disc; padding-left: 1.5714286em; } .ce_rsce_teaser_blue_highlight .content-holder .hightlight li { color: #fff; font-size: 1rem; padding-left: 0.4285714em; } .ce_rsce_teaser_blue_highlight .content-holder .hightlight li::marker { color: #fff; } .ce_rsce_teaser_applications { position: relative; } .ce_rsce_teaser_applications article { position: relative; z-index: 1; } .ce_rsce_teaser_applications .content-holder { padding: 30px 40px 36px; background-color: rgba(0, 175, 245, 0.85); background-size: cover; border-bottom-right-radius: 80px; } .ce_rsce_teaser_applications .content-holder .ce_text { margin-top: 20px !important; } .ce_rsce_teaser_applications .content-holder .app-types { padding-right: 15px; } .ce_rsce_teaser_applications .content-holder .app-types .title { color: #fff; margin-bottom: 15px; font-family: "FaNo Regular", sans-serif; } .ce_rsce_teaser_applications .content-holder .app-types ul { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style-type: disc; padding-left: 1.5714286em; } .ce_rsce_teaser_applications .content-holder .app-types li { position: relative; -webkit-box-flex: 0 1 50%; -webkit-flex: 0 1 50%; -ms-flex: 0 1 50%; flex: 0 1 50%; -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; color: #fff; font-size: 1rem; padding-left: 0.4285714em; } .ce_rsce_teaser_applications .content-holder .app-types li::marker { color: #fff; } @media (max-width: 767px) { .ce_rsce_teaser_applications .content-holder .app-types li { -webkit-box-flex: 0 1 100%; -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } } .ce_rsce_teaser_applications .carousel-holder { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ce_rsce_teaser_applications .carousel-holder .owl-carousel, .ce_rsce_teaser_applications .carousel-holder .owl-stage-outer, .ce_rsce_teaser_applications .carousel-holder .owl-stage, .ce_rsce_teaser_applications .carousel-holder .owl-item, .ce_rsce_teaser_applications .carousel-holder .img { height: 100%; } .ce_rsce_teaser_applications .carousel-holder .img { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; } .ce_rsce_teaser_cta_products { background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgb(228, 229, 231) 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgb(228, 229, 231) 100%); margin-top: 30px; margin-bottom: 30px; } @media (min-width: 768px) { .ce_rsce_teaser_cta_products { margin-top: 50px; margin-bottom: 50px; } } @media (min-width: 1200px) { .ce_rsce_teaser_cta_products { margin-top: 120px; margin-bottom: 120px; } } .ce_rsce_teaser_cta_products .content-holder { padding-top: 30px; padding-bottom: 30px; } @media (min-width: 768px) { .ce_rsce_teaser_cta_products .content-holder { padding-top: 70px; padding-bottom: 70px; text-align: right; } } @media (min-width: 1200px) { .ce_rsce_teaser_cta_products .content-holder { padding-top: 100px; padding-bottom: 100px; } } .ce_rsce_teaser_cta_products .content-holder .headline { color: #4a4a4a; margin-bottom: 20px; } .ce_rsce_teaser_cta_products .content-holder .ce_text p { font-size: 1rem; line-height: 1.2; margin-bottom: 20px; } .ce_rsce_teaser_cta_products .content-holder .button-block { text-align: right; } .ce_rsce_teaser_cta_products .img-holder { background-position: 50% 50%; background-repeat: no-repeat; background-size: auto 100%; background-position: 50% 50%; } .ce_rsce_teaser_application_types { padding-left: 0; padding-right: 0; } .ce_rsce_teaser_application_types article { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; padding-top: 15px; padding-bottom: 15px; } @media (min-width: 768px) { .ce_rsce_teaser_application_types article { padding-top: 25px; } } @media (min-width: 1200px) { .ce_rsce_teaser_application_types article { padding-top: 60px; } } @media (min-width: 768px) { .ce_rsce_teaser_application_types article { padding-bottom: 25px; } } @media (min-width: 1200px) { .ce_rsce_teaser_application_types article { padding-bottom: 60px; } } .ce_rsce_teaser_application_types .row { margin: 0; } @media (min-width: 768px) { .ce_rsce_teaser_application_types .row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } } .ce_rsce_teaser_application_types .label-security { width: 99px; height: 114px; margin-bottom: 30px; background: url(/files/public/icons/secured.png) no-repeat 0 0; } .ce_rsce_teaser_application_types .content-holder { padding: 50px; background: rgba(0, 173, 239, 0.75); border-bottom-right-radius: 50px; } @media (min-width: 1200px) { .ce_rsce_teaser_application_types .content-holder { padding-left: 70px; padding-right: 70px; } } .ce_rsce_teaser_application_types .content-holder .headline { color: #fff; margin-bottom: 15px; } .ce_rsce_teaser_application_types .content-holder .ce_text p { color: #fff; font-size: 1rem; line-height: 1.2; margin-bottom: 15px; } .ce_rsce_teaser_application_types .content-holder .button-block { margin-bottom: 0; } .ce_rsce_teaser_products_finder .row { margin: 0; } .ce_rsce_teaser_products_finder .content-holder { padding: 30px; border: 2px solid #009ee3; } @media (min-width: 768px) { .ce_rsce_teaser_products_finder .content-holder { padding: 40px 8.33%; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-right: -8.33%; } } @media (max-width: 767px) { .ce_rsce_teaser_products_finder .content-holder { margin-bottom: 15px; } } .ce_rsce_teaser_products_finder .content-holder .headline { color: #4a4a4a; text-transform: none; margin-bottom: 0; } .ce_rsce_teaser_products_finder .content-holder .example_title { color: #009ee3; text-transform: none; margin-bottom: 15px; } .ce_rsce_teaser_products_finder .content-holder .ce_text p { font-size: 1rem; margin-bottom: 15px; } .ce_rsce_teaser_products_finder .content-holder .button-block { margin-bottom: 0; } @media (min-width: 768px) { .ce_rsce_teaser_products_finder .img-holder { padding-right: 0; left: 8.33%; margin-left: -8.33%; } } @media (min-width: 1200px) { .ce_rsce_teaser_products_finder .img-holder { padding-top: 40px; padding-bottom: 40px; } } @media (max-width: 767px) { .ce_rsce_teaser_products_finder .img-holder { padding: 0; } } .ce_rsce_teaser_products_finder .img-holder div { height: 100%; } .ce_rsce_teaser_text_quote_downloads { margin-top: 30px; margin-bottom: 30px; } @media (min-width: 768px) { .ce_rsce_teaser_text_quote_downloads { margin-top: 50px; margin-bottom: 50px; } } @media (min-width: 1200px) { .ce_rsce_teaser_text_quote_downloads { margin-top: 120px; margin-bottom: 120px; } } .ce_rsce_teaser_text_quote_downloads article { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .ce_rsce_teaser_text_quote_downloads .content-holder .headline { color: #4a4a4a; text-transform: none; } .ce_rsce_teaser_text_quote_downloads .content-holder .ce_text h2, .ce_rsce_teaser_text_quote_downloads .content-holder .ce_text .blog-article h1, .blog-article .ce_rsce_teaser_text_quote_downloads .content-holder .ce_text h1, .ce_rsce_teaser_text_quote_downloads .content-holder .ce_text h3, .ce_rsce_teaser_text_quote_downloads .content-holder .ce_text h4, .ce_rsce_teaser_text_quote_downloads .content-holder .ce_text h5 { margin-top: 25px; } .ce_rsce_teaser_text_quote_downloads .content-holder .ce_text p { margin-bottom: 15px; } .ce_rsce_teaser_text_quote_downloads .content-holder .ce_text blockquote { padding-left: 30px; } .ce_rsce_teaser_text_quote_downloads .content-holder .ce_text blockquote p { font-size: 1.375rem; line-height: 1.2; color: #009ee3; font-family: "FaNo Regular", sans-serif; text-align: right; } .ce_rsce_teaser_text_quote_downloads .content-holder .ce_text em { display: block; text-align: right; font-size: 0.875rem; font-weight: 600; } .ce_rsce_teaser_text_quote_downloads .dl-holder > div { padding: 30px; background-size: cover; border-bottom-right-radius: 50px; } @media (min-width: 1200px) { .ce_rsce_teaser_text_quote_downloads .dl-holder > div { padding: 45px; } } .ce_rsce_teaser_text_quote_downloads .dl-holder li { color: #fff; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 10px; /* span { @include flex(0,1,calc(100% - 50px)); //border: 2px solid $white; @include font-size(1.6); padding: 10px; border-right: none; font-family: $family-headline; &:before { display: block; will-change: transform; @include transition(transform $speed); content: "\e931"; } } a { width: 48px; height: 48px; @include flex(0,1,48px); //border: 2px solid #fff; text-align: center; line-height: 42px !important; color: $white; &:hover { &:before { @include transformY(5px); } } } */ } .ce_rsce_teaser_text_quote_downloads .dl-holder li:first-child { margin-top: 0; } .ce_rsce_teaser_text_quote_downloads .dl-holder li span { font-size: 1rem; font-family: "FaNo Regular", sans-serif; color: #009ee3; } .ce_rsce_teaser_text_quote_downloads .dl-holder li a { border: 2px solid #009ee3; padding: 5px 10px; border-radius: 4px; width: 100%; text-align: left; color: #009ee3; opacity: 1; } .ce_rsce_teaser_text_quote_downloads .dl-holder li a:before { content: ""; } .ce_rsce_teaser_text_quote_downloads .dl-holder li a:hover { border-color: #009ee3; opacity: 0.75; } .ce_rsce_teaser_text_with_quote { padding-left: 0; padding-right: 0; } .ce_rsce_teaser_text_with_quote .headline { margin-bottom: 15px; } .ce_rsce_teaser_text_with_quote .button-block { text-align: right; } .ce_rsce_teaser_text_with_quote .content-holder .ce_text p { margin-bottom: 15px; } .ce_rsce_teaser_text_with_quote .content-holder .ce_text blockquote { padding-left: 30px; padding-right: 30px; } .ce_rsce_teaser_text_with_quote .content-holder .ce_text blockquote p { font-size: 1.375rem; line-height: 1.2; color: #009ee3; font-family: "FaNo Regular", sans-serif; } .ce_rsce_teaser_text_with_quote .content-holder .ce_text em { display: block; text-align: right; font-size: 0.875rem; font-weight: 600; } .ce_rsce_teaser_text_with_quote .img-holder .img { height: 100%; } .ce_rsce_teaser_history { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; padding-top: 15px; padding-bottom: 15px; padding-left: 0; padding-right: 0; } @media (min-width: 768px) { .ce_rsce_teaser_history { padding-top: 25px; } } @media (min-width: 1200px) { .ce_rsce_teaser_history { padding-top: 60px; } } @media (min-width: 768px) { .ce_rsce_teaser_history { padding-bottom: 25px; } } @media (min-width: 1200px) { .ce_rsce_teaser_history { padding-bottom: 60px; } } .ce_rsce_teaser_history article { margin-top: 30px; margin-bottom: 30px; } @media (min-width: 768px) { .ce_rsce_teaser_history article { margin-top: 50px; margin-bottom: 50px; } } @media (min-width: 1200px) { .ce_rsce_teaser_history article { margin-top: 120px; margin-bottom: 120px; } } .ce_rsce_teaser_history .row { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .ce_rsce_teaser_history .image-holder { -webkit-box-flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; } .ce_rsce_teaser_history .image-holder p { color: #fff; font-size: 62px; line-height: 1; font-family: "FaNo Regular", sans-serif; margin-bottom: 0px; } .ce_rsce_teaser_history .content-holder { text-align: center; } .ce_rsce_teaser_history .content-holder .headline { color: #fff; margin-bottom: 0; font-family: "Fago no", sans-serif; } .ce_rsce_teaser_history .logo-holder { text-align: center; -webkit-box-flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; } .ce_rsce_teaser_history .logo-holder img { margin-bottom: 30px; } .ce_rsce_teaser_history .logo-holder p { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-bottom: 0; line-height: 1; } .ce_rsce_teaser_history .logo-holder span { display: block; color: #fff; font-size: 1.375rem; font-family: "FaNo Regular", sans-serif; } body.safari .ce_rsce_teaser_text_image .img-holder { position: relative; } @media (min-width: 768px) { body.safari .ce_rsce_teaser_text_image .img-holder div { position: absolute; top: 0; left: 10px; width: calc(100% - 20px); height: 100%; } } @media (min-width: 1200px) { body.safari .ce_rsce_teaser_text_image .img-holder div { left: 15px; width: calc(100% - 30px); } } .ce_rsce_teaser_text_image .row { -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } @media (min-width: 768px) { .ce_rsce_teaser_text_image .is-mirror .img-holder { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } } .ce_rsce_teaser_text_image .img-holder { height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .ce_rsce_teaser_text_image .img-holder :is(img, picture) { display: block; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .ce_rsce_teaser_text_image .img-holder img { -o-object-fit: contain; object-fit: contain; width: 100%; height: 100%; max-height: 66vh; } @media (max-width: 767px) { .ce_rsce_teaser_text_image .img-holder { height: 250px; } } .play-button { position: absolute; top: 50%; cursor: pointer; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 50px; height: 50px; border-radius: 50%; z-index: 1; background: url(/files/public/svg/play.svg) no-repeat 50% 50%; background-size: 100% auto; } @media (min-width: 992px) { .play-button { width: 80px; height: 80px; } } .play-button:hover { opacity: 0.9; } @media (min-width: 768px) { body.safari .ce_rsce_teaser_3er_card .teaser { margin-left: -1px; margin-right: -1px; } } .ce_rsce_teaser_3er_card { padding-left: 0; padding-right: 0; } .ce_rsce_teaser_3er_card article { margin-top: 30px; margin-bottom: 30px; background: rgb(245, 243, 244); background: -webkit-linear-gradient(-45deg, rgb(245, 243, 244) 0%, rgb(255, 255, 255) 100%); background: -webkit-linear-gradient(315deg, rgb(245, 243, 244) 0%, rgb(255, 255, 255) 100%); background: linear-gradient(135deg, rgb(245, 243, 244) 0%, rgb(255, 255, 255) 100%); } @media (min-width: 768px) { .ce_rsce_teaser_3er_card article { margin-top: 50px; margin-bottom: 50px; } } @media (min-width: 1200px) { .ce_rsce_teaser_3er_card article { margin-top: 120px; margin-bottom: 120px; } } .ce_rsce_teaser_3er_card .content-holder .headline { color: #4a4a4a; } .ce_rsce_teaser_3er_card .content-holder .ce_text { font-size: 1rem; } .ce_rsce_teaser_3er_card .teasers-holder { -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } @media (max-width: 767px) { .ce_rsce_teaser_3er_card .teasers-holder { margin-top: -15px; margin-bottom: -15px; } } @media (max-width: 767px) { .ce_rsce_teaser_3er_card .teaser { margin: 15px 0; } } .ce_rsce_teaser_3er_card .teaser > div { position: relative; height: 100%; text-align: center; padding: 20px; border: 2px solid #009ee3; border-bottom-right-radius: 50px; overflow: hidden; } @media (min-width: 992px) { .ce_rsce_teaser_3er_card .teaser > div { padding: 30px; } } @media (min-width: 1200px) { .ce_rsce_teaser_3er_card .teaser > div { padding: 30px; } } .ce_rsce_teaser_3er_card .teaser > div:before { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(/files/public/backgrounds/polygon-background.png) no-repeat 0 0; background-size: cover; opacity: 0; -webkit-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in; } .ce_rsce_teaser_3er_card .teaser .icon { display: block; font-size: 6.25rem; margin-bottom: 30px; color: #009ee3; } @media (min-width: 1200px) { .ce_rsce_teaser_3er_card .teaser .icon { margin-bottom: 45px; } } .ce_rsce_teaser_3er_card .teaser .icon, .ce_rsce_teaser_3er_card .teaser .title, .ce_rsce_teaser_3er_card .teaser .subtitle, .ce_rsce_teaser_3er_card .teaser .ce_text { position: relative; -webkit-transition: color 0.2s ease-in; transition: color 0.2s ease-in; } .ce_rsce_teaser_3er_card .teaser .title { margin-bottom: 5px; font-family: "FaNo Regular", sans-serif; font-size: 1.125rem; line-height: 1.2222222222; font-weight: 500; height: 60px; } .ce_rsce_teaser_3er_card .teaser .subtitle { font-family: "FaNo Regular", sans-serif; margin-bottom: 10px; } .ce_rsce_teaser_3er_card .teaser .ce_text p { margin-bottom: 10px; font-size: 1rem; } .ce_rsce_teaser_3er_card .teaser .ce_text p:last-child { margin-bottom: 0; } .ce_rsce_teaser_3er_card .teaser .ce_text li { padding-left: 15px !important; } .ce_rsce_teaser_3er_card .teaser .ce_text li:before { width: 5px !important; height: 5px !important; background: rgb(0, 175, 245) !important; } .ce_rsce_teaser_table_custom .thead { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .ce_rsce_teaser_table_custom .thead div { padding-bottom: 20px; font-family: "FaNo Regular", sans-serif; } .ce_rsce_teaser_table_custom .thead .col_first { -webkit-box-flex: 0 1 20%; -webkit-flex: 0 1 20%; -ms-flex: 0 1 20%; flex: 0 1 20%; -webkit-flex-basis: 20%; -ms-flex-preferred-size: 20%; flex-basis: 20%; } @media (max-width: 767px) { .ce_rsce_teaser_table_custom .thead .col_first { display: none; } } .ce_rsce_teaser_table_custom .thead .col_2 { -webkit-box-flex: 0 1 24%; -webkit-flex: 0 1 24%; -ms-flex: 0 1 24%; flex: 0 1 24%; -webkit-flex-basis: 24%; -ms-flex-preferred-size: 24%; flex-basis: 24%; } @media (max-width: 767px) { .ce_rsce_teaser_table_custom .thead .col_2 { -webkit-box-flex: 0 1 50%; -webkit-flex: 0 1 50%; -ms-flex: 0 1 50%; flex: 0 1 50%; -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; } } .ce_rsce_teaser_table_custom .thead .col_last { -webkit-box-flex: 0 1 56%; -webkit-flex: 0 1 56%; -ms-flex: 0 1 56%; flex: 0 1 56%; -webkit-flex-basis: 56%; -ms-flex-preferred-size: 56%; flex-basis: 56%; } .ce_rsce_teaser_table_custom .tbody { margin-bottom: 80px; } .ce_rsce_teaser_table_custom .tbody .teaser-row { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid #cccccc; } @media (min-width: 768px) { .ce_rsce_teaser_table_custom .tbody .teaser-row { padding-top: 0px; padding-bottom: 0px; } } .ce_rsce_teaser_table_custom .tbody .teaser-row:first-child { border-top: 1px solid #cccccc; } .ce_rsce_teaser_table_custom .tbody .col_first { -webkit-box-flex: 0 1 20%; -webkit-flex: 0 1 20%; -ms-flex: 0 1 20%; flex: 0 1 20%; -webkit-flex-basis: 20%; -ms-flex-preferred-size: 20%; flex-basis: 20%; font-family: "FaNo Regular", sans-serif; color: #009ee3; padding-top: 5px; padding-bottom: 5px; } @media (min-width: 768px) { .ce_rsce_teaser_table_custom .tbody .col_first { padding-top: 10px; padding-bottom: 10px; } } @media (max-width: 767px) { .ce_rsce_teaser_table_custom .tbody .col_first { -webkit-box-flex: 0 1 100%; -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } } .ce_rsce_teaser_table_custom .tbody .col_first p { margin-bottom: 0; } .ce_rsce_teaser_table_custom .tbody .col_last { -webkit-box-flex: 0 1 80%; -webkit-flex: 0 1 80%; -ms-flex: 0 1 80%; flex: 0 1 80%; -webkit-flex-basis: 80%; -ms-flex-preferred-size: 80%; flex-basis: 80%; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 767px) { .ce_rsce_teaser_table_custom .tbody .col_last { -webkit-box-flex: 0 1 100%; -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } } .ce_rsce_teaser_table_custom .tbody .col_last p, .ce_rsce_teaser_table_custom .tbody .col_last ul { margin-bottom: 0; padding-top: 5px; padding-bottom: 5px; } @media (min-width: 768px) { .ce_rsce_teaser_table_custom .tbody .col_last p, .ce_rsce_teaser_table_custom .tbody .col_last ul { padding-top: 10px; padding-bottom: 10px; } } .ce_rsce_teaser_table_custom .tbody .col_last p { -webkit-box-flex: 0 1 30%; -webkit-flex: 0 1 30%; -ms-flex: 0 1 30%; flex: 0 1 30%; -webkit-flex-basis: 30%; -ms-flex-preferred-size: 30%; flex-basis: 30%; } @media (max-width: 767px) { .ce_rsce_teaser_table_custom .tbody .col_last p { -webkit-box-flex: 0 1 50%; -webkit-flex: 0 1 50%; -ms-flex: 0 1 50%; flex: 0 1 50%; -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; } } .ce_rsce_teaser_table_custom .tbody .col_last ul { -webkit-box-flex: 0 1 70%; -webkit-flex: 0 1 70%; -ms-flex: 0 1 70%; flex: 0 1 70%; -webkit-flex-basis: 70%; -ms-flex-preferred-size: 70%; flex-basis: 70%; } @media (max-width: 767px) { .ce_rsce_teaser_table_custom .tbody .col_last ul { -webkit-box-flex: 0 1 50%; -webkit-flex: 0 1 50%; -ms-flex: 0 1 50%; flex: 0 1 50%; -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; } } .ce_rsce_teaser_table_custom .tbody .col_last li { position: relative; padding-left: 25px; } .ce_rsce_teaser_table_custom .tbody .col_last li:before { content: "✔"; display: block; font-size: 1rem; position: absolute; top: 2px; left: 0; } .ce_rsce_teaser_table_custom .tbody .col_first, .ce_rsce_teaser_table_custom .tbody .col_first *, .ce_rsce_teaser_table_custom.bg-grey .tbody .col_first, .ce_rsce_teaser_table_custom.bg-grey .tbody .col_first *, .ce_rsce_teaser_table_custom.bg-grey-light .tbody .col_first, .ce_rsce_teaser_table_custom.bg-grey-light .tbody .col_first *, .ce_rsce_teaser_table_custom.bg-grey-dark .tbody .col_first, .ce_rsce_teaser_table_custom.bg-grey-dark .tbody .col_first *, .ce_rsce_teaser_table_custom.bg-primary-light .tbody .col_first, .ce_rsce_teaser_table_custom.bg-primary-light .tbody .col_first * { color: #009ee3 !important; } @media (min-width: 992px) { body.mac .ce_rsce_teaser_steps .teaser { margin-left: -1px; margin-right: -1px; } } .ce_rsce_teaser_steps { padding-left: 0; padding-right: 0; } .ce_rsce_teaser_steps article { position: relative; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; margin-top: 30px; margin-bottom: 30px; } @media (min-width: 768px) { .ce_rsce_teaser_steps article { margin-top: 50px; margin-bottom: 50px; } } @media (min-width: 1200px) { .ce_rsce_teaser_steps article { margin-top: 120px; margin-bottom: 120px; } } .ce_rsce_teaser_steps article:before { content: ""; display: block; width: 100%; height: 100%; background: -webkit-linear-gradient(left, rgb(245, 243, 244) 0%, rgb(249, 247, 248) 35%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to right, rgb(245, 243, 244) 0%, rgb(249, 247, 248) 35%, rgba(255, 255, 255, 0) 100%); position: absolute; top: 0; left: 0; } .ce_rsce_teaser_steps .content-holder { margin-bottom: 15px; } @media (min-width: 768px) { .ce_rsce_teaser_steps .content-holder { margin-bottom: 25px; } } @media (min-width: 1200px) { .ce_rsce_teaser_steps .content-holder { margin-bottom: 60px; } } .ce_rsce_teaser_steps .content-holder .headline { color: #4a4a4a; text-transform: none; } .ce_rsce_teaser_steps .content-holder .ce_text p { margin-bottom: 15px; } .ce_rsce_teaser_steps .content-holder .ce_text blockquote p { font-size: 1.375rem; line-height: 1.2; color: #009ee3; font-family: "FaNo Regular", sans-serif; } .ce_rsce_teaser_steps .content-holder .ce_text em { display: block; font-size: 0.875rem; font-weight: 600; } .ce_rsce_teaser_steps .teasers-holder { position: relative; z-index: 1; } @media (min-width: 992px) { .ce_rsce_teaser_steps .teasers-holder { background: url(/files/public/bg/leadership-steps.svg) no-repeat 50% 65%; background-size: 1320px auto; } } @media (min-width: 992px) { .ce_rsce_teaser_steps .teasers-holder .container { max-width: 1070px; } } @media (min-width: 992px) { .ce_rsce_teaser_steps .teasers-holder .row { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } } .ce_rsce_teaser_steps .teaser { -webkit-box-flex: 0 1 50%; -webkit-flex: 0 1 50%; -ms-flex: 0 1 50%; flex: 0 1 50%; -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; } @media (min-width: 992px) { .ce_rsce_teaser_steps .teaser { -webkit-box-flex: 0 1 20%; -webkit-flex: 0 1 20%; -ms-flex: 0 1 20%; flex: 0 1 20%; -webkit-flex-basis: 20%; -ms-flex-preferred-size: 20%; flex-basis: 20%; padding: 0 0 0 35px; } } @media (min-width: 992px) { .ce_rsce_teaser_steps .teaser:nth-child(odd):before { content: ""; display: block; padding-top: 100%; } } @media (min-width: 992px) { .ce_rsce_teaser_steps .teaser:nth-child(even):after { content: ""; display: block; padding-bottom: 100%; } } @media (min-width: 992px) { .ce_rsce_teaser_steps .teaser:nth-child(3) { top: 25px; } } @media (min-width: 992px) { .ce_rsce_teaser_steps .teaser:nth-child(5) { top: 100px; } } .ce_rsce_teaser_steps .teaser .title { font-family: "FaNo Regular", sans-serif; color: #64524e; line-height: 1; margin-bottom: 5px; font-size: 1.25rem; } .ce_rsce_teaser_steps .teaser .ce_text { color: #64524e; } .ce_rsce_teaser_steps .teaser .ce_text ul { list-style-type: disc; padding-left: 1.5714286em; } .ce_rsce_teaser_steps .teaser .ce_text li { padding-left: 0.4285714em; } .ce_rsce_teaser_steps .teaser .ce_text li::marker { color: #64524e; } .ce_rsce_teaser_contacts.first { padding-top: 60px; } .ce_rsce_teaser_contacts .teaser { position: relative; padding: 20px 0; } .ce_rsce_teaser_contacts .teaser:after { content: ""; display: block; width: calc(100% - 20px); height: 1px; position: absolute; bottom: 0; left: 10px; background: #8a8a8a; } @media (min-width: 1200px) { .ce_rsce_teaser_contacts .teaser:after { width: calc(100% - 30px); left: 15px; } } .ce_rsce_teaser_contacts .teaser .title { font-family: "FaNo Regular", sans-serif; font-size: 1.375rem; } .ce_rsce_teaser_contacts .teaser .address li:first-child { font-weight: bold; } .ce_rsce_teaser_contacts .teaser .contact a { position: relative; font-family: "Fago no", sans-serif; color: #009ee3; } .ce_rsce_teaser_contacts .teaser .contact a:after { content: ""; display: block; width: 0; height: 1px; background: #fff; position: absolute; bottom: 0; left: 0; -webkit-transition: width 0.2s ease-in; transition: width 0.2s ease-in; } .ce_rsce_teaser_contacts .teaser .contact a:hover:after { width: 100%; } .ce_rsce_teaser_contacts .teaser .contact a:after { background: #009ee3; } .ce_rsce_teaser_text_bordered_image { padding-top: 15px; padding-bottom: 15px; } @media (min-width: 768px) { .ce_rsce_teaser_text_bordered_image { padding-top: 25px; } } @media (min-width: 1200px) { .ce_rsce_teaser_text_bordered_image { padding-top: 60px; } } @media (min-width: 768px) { .ce_rsce_teaser_text_bordered_image { padding-bottom: 25px; } } @media (min-width: 1200px) { .ce_rsce_teaser_text_bordered_image { padding-bottom: 60px; } } .ce_rsce_teaser_text_bordered_image article { padding-left: 10px; padding-right: 10px; } @media (min-width: 768px) { .ce_rsce_teaser_text_bordered_image article { padding-left: 10px; padding-right: 10px; } } @media (min-width: 1200px) { .ce_rsce_teaser_text_bordered_image article { padding-left: 15px; padding-right: 15px; } } .ce_rsce_teaser_text_bordered_image .content-holder { padding: 30px; border: 2px solid #009ee3; } @media (min-width: 768px) { .ce_rsce_teaser_text_bordered_image .content-holder { padding: 40px 8.33%; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-right: -8.33%; } } @media (max-width: 767px) { .ce_rsce_teaser_text_bordered_image .content-holder { margin-bottom: 15px; } } .ce_rsce_teaser_text_bordered_image .content-holder .logo-title { margin-bottom: 20px; } .ce_rsce_teaser_text_bordered_image .content-holder .logo-title img { width: 140px; } .ce_rsce_teaser_text_bordered_image .content-holder .ce_text p { font-size: 1rem; margin-bottom: 15px; } .ce_rsce_teaser_text_bordered_image .content-holder .button-block { margin-bottom: 0; } @media (min-width: 768px) { .ce_rsce_teaser_text_bordered_image .img-holder { padding-right: 0; left: 8.33%; margin-left: -8.33%; } } @media (min-width: 1200px) { .ce_rsce_teaser_text_bordered_image .img-holder { padding-top: 40px; padding-bottom: 40px; } } @media (max-width: 767px) { .ce_rsce_teaser_text_bordered_image .img-holder { padding: 0; } } .ce_rsce_teaser_text_bordered_image .img-holder div { height: 100%; } .ce_rsce_teaser_profile { padding-left: 0; padding-right: 0; overflow: hidden; } .ce_rsce_teaser_profile article { margin-top: 15px; } @media (min-width: 768px) { .ce_rsce_teaser_profile article { margin-top: 25px; } } @media (min-width: 1200px) { .ce_rsce_teaser_profile article { margin-top: 60px; } } .ce_rsce_teaser_profile article:first-child { margin-top: 0; } .ce_rsce_teaser_profile article > h5 { color: #4a4a4a; text-transform: none; -webkit-box-flex: 0 1 100%; -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .ce_rsce_teaser_profile .teaser { padding: 20px 0; border-bottom: 2px solid rgba(0, 173, 239, 0.5); -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .ce_rsce_teaser_profile .teaser:first-of-type { border-top: 2px solid rgba(0, 173, 239, 0.5); } .ce_rsce_teaser_profile .teaser .title { color: #009ee3; font-family: "FaNo Regular", sans-serif; font-size: 1.25rem; } .ce_rsce_teaser_profile .iconteaser { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .ce_rsce_teaser_profile .iconteaser > h5 { margin-top: 30px; } .ce_rsce_teaser_profile .iconteaser > div { text-align: center; } @media (min-width: 768px) { .ce_rsce_teaser_profile .iconteaser > div { -webkit-box-flex: 0 1 20%; -webkit-flex: 0 1 20%; -ms-flex: 0 1 20%; flex: 0 1 20%; -webkit-flex-basis: 20%; -ms-flex-preferred-size: 20%; flex-basis: 20%; } } .ce_rsce_teaser_profile .iconteaser .icon { position: relative; width: 120px; height: 120px; margin-left: auto; margin-right: auto; margin-bottom: 15px; border: 1px solid #009ee3; border-radius: 50%; } .ce_rsce_teaser_profile .iconteaser .icon img { max-width: 90%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .ce_rsce_teaser_profile .iconteaser .title { font-family: "FaNo Regular", sans-serif; margin-bottom: 5px; color: #009ee3; } .ce_rsce_teaser_profile .iconteaser .text { margin-bottom: 0; } .ce_rsce_teaser_service { position: relative; padding-left: 0; padding-right: 0; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; } .ce_rsce_teaser_service article { position: relative; margin-top: 30px; margin-bottom: 30px; background: -webkit-linear-gradient(left, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.85) 35%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to right, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.85) 35%, rgba(255, 255, 255, 0) 100%); } @media (min-width: 768px) { .ce_rsce_teaser_service article { margin-top: 50px; margin-bottom: 50px; } } @media (min-width: 1200px) { .ce_rsce_teaser_service article { margin-top: 120px; margin-bottom: 120px; } } .ce_rsce_teaser_service .teaser { margin-bottom: 30px; } @media (min-width: 1200px) { .ce_rsce_teaser_service .teaser { margin-bottom: 45px; } } .ce_rsce_teaser_service .teaser:last-child { margin-bottom: 0; } .ce_rsce_teaser_service .teaser .title { margin-bottom: 15px; } @media (min-width: 1200px) { .ce_rsce_teaser_service .teaser .title { margin-bottom: 25px; } } .ce_rsce_teaser_service .teaser .subtitle { font-family: "FaNo Regular", sans-serif; font-size: 1.25rem; margin-bottom: 0; } .ce_rsce_teaser_service .teaser .ce_text p { margin-bottom: 10px; } .ce_rsce_teaser_service .teaser .ce_text p:lst-child { margin-bottom: 0; } .ce_rsce_teaser_milestones .owl-carousel .owl-nav button.owl-prev { left: 10px; } .ce_rsce_teaser_milestones .owl-carousel .owl-nav button.owl-next { right: 10px; } .ce_rsce_teaser_milestones .owl-dots { border-top: 1px solid #8a8a8a; } .ce_rsce_teaser_milestones .owl-dots div { position: relative; font-size: 1.25rem; font-weight: bold; margin: 0 10px; opacity: 0.75; -webkit-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in; } .ce_rsce_teaser_milestones .owl-dots div:after { content: ""; display: block; width: 0; height: 1px; background: #fff; position: absolute; bottom: -2px; left: 0; -webkit-transition: width 0.2s ease-in; transition: width 0.2s ease-in; } .ce_rsce_teaser_milestones .owl-dots div:hover:after { width: 100%; } .ce_rsce_teaser_milestones .owl-dots div:after { height: 2px; background: #4a4a4a; } .ce_rsce_teaser_milestones .owl-dots div:hover { opacity: 1; } .ce_rsce_teaser_milestones .owl-dots div.active { opacity: 1; } .ce_rsce_teaser_milestones .owl-dots div.active:after { width: 100%; } .ce_rsce_teaser_milestones { padding-left: 0; padding-right: 0; } @media (min-width: 1200px) { .ce_rsce_teaser_milestones { padding-left: 45px; padding-right: 45px; } } @media (max-width: 1199px) { .ce_rsce_teaser_milestones.desktop { display: none; } } .ce_rsce_teaser_milestones.desktop .row { padding-top: 15px; padding-bottom: 15px; } @media (min-width: 768px) { .ce_rsce_teaser_milestones.desktop .row { padding-top: 25px; } } @media (min-width: 1200px) { .ce_rsce_teaser_milestones.desktop .row { padding-top: 60px; } } @media (min-width: 768px) { .ce_rsce_teaser_milestones.desktop .row { padding-bottom: 25px; } } @media (min-width: 1200px) { .ce_rsce_teaser_milestones.desktop .row { padding-bottom: 60px; } } @media (min-width: 768px) { .ce_rsce_teaser_milestones.mobile { display: none; } } .ce_rsce_teaser_milestones .teaser .year { font-size: 1.75rem; color: #009ee3; line-height: 1; margin-bottom: 10px; } .ce_rsce_teaser_milestones .teaser .description { font-size: 0.875rem; margin-bottom: 0; } @media (min-width: 768px) { body.safari .ce_rsce_teaser_cta_text_2cols .headline, body.safari .ce_rsce_teaser_cta_text_2cols .button-text, body.safari .ce_rsce_teaser_cta_text_2cols .content-holder { margin-left: -1px; margin-right: -1px; } } .ce_rsce_teaser_cta_text_2cols .button-text { margin-bottom: 0; text-align: right; } .ce_rsce_teaser_cta_text_2cols .button-text .button-lang { margin-right: 10px; } @media (min-width: 1200px) { .ce_rsce_teaser_cta_text_2cols .button-text .button-lang { margin-right: 15px; } } .ce_rsce_teaser_cta_text_2cols .button-block { text-align: center; margin-top: 30px; } .ce_rsce_teaser_double_image_text .img-holder .img { height: 50%; margin-bottom: 20px; } @media (max-width: 767px) { .ce_rsce_teaser_double_image_text .img-holder .img { height: 250px; } } .ce_rsce_teaser_double_image_text .content-holder .headline { color: #4a4a4a; text-transform: none; margin-bottom: 20px; } .ce_rsce_teaser_double_image_text .content-holder .ce_text > * { margin-bottom: 20px; } .ce_rsce_teaser_headline_divider { padding-left: 0; padding-right: 0; } .ce_rsce_teaser_headline_divider article { margin-top: 30px; margin-bottom: 30px; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; } @media (min-width: 768px) { .ce_rsce_teaser_headline_divider article { margin-top: 50px; margin-bottom: 50px; } } @media (min-width: 1200px) { .ce_rsce_teaser_headline_divider article { margin-top: 120px; margin-bottom: 120px; } } .ce_rsce_teaser_headline_divider .headline { color: #fff; margin: 0; text-align: center; } .ce_rsce_teaser_steps_interview { padding-left: 0; padding-right: 0; margin-top: 30px; margin-bottom: 30px; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgb(238, 234, 235) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(238, 234, 235) 100%); } @media (min-width: 768px) { .ce_rsce_teaser_steps_interview { margin-top: 50px; margin-bottom: 50px; } } @media (min-width: 1200px) { .ce_rsce_teaser_steps_interview { margin-top: 120px; margin-bottom: 120px; } } .ce_rsce_teaser_steps_interview .content-holder .headline { color: #4a4a4a; margin-bottom: 20px; text-transform: none; } .ce_rsce_teaser_steps_interview .content-holder .ce_text > * { margin-bottom: 20px; } .ce_rsce_teaser_steps_interview .steps-holder ul { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .ce_rsce_teaser_steps_interview .steps-holder li { position: relative; -webkit-box-flex: 0 1 33.33%; -webkit-flex: 0 1 33.33%; -ms-flex: 0 1 33.33%; flex: 0 1 33.33%; -webkit-flex-basis: 33.33%; -ms-flex-preferred-size: 33.33%; flex-basis: 33.33%; width: 33.33%; text-align: center; padding: 10px; } .ce_rsce_teaser_steps_interview .steps-holder li:before { font-family: "icomoon" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e902"; color: #009ee3; font-size: 2.5rem; line-height: 1; display: block; position: absolute; top: 25%; left: -10px; } .ce_rsce_teaser_steps_interview .steps-holder li:first-child:before { display: none; } .ce_rsce_teaser_steps_interview .steps-holder li:nth-child(4):before { display: none; } .ce_rsce_teaser_steps_interview .steps-holder span { display: block; } .ce_rsce_teaser_steps_interview .steps-holder span.img { position: relative; width: 95px; height: 95px; border-radius: 50%; background: #009ee3; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .ce_rsce_teaser_steps_interview .steps-holder span.img i.icon { display: block; width: 40px; height: auto; } .ce_rsce_teaser_steps_interview .steps-holder span.img svg { width: 86%; height: 86%; border-radius: 50%; position: absolute; top: 0; left: 0; margin: 7%; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; } .ce_rsce_teaser_steps_interview .steps-holder span.title { font-size: 0.875rem; line-height: 1; padding-top: 10px; } @media (min-width: 768px) { body.safari .opportunities { margin-left: -1px; margin-right: -1px; } } .ce_rsce_teaser_contacts_job .opportunities .teaser { margin-top: 30px; } .ce_rsce_teaser_contacts_job .opportunities .teaser:first-child { margin-top: 0; } .ce_rsce_teaser_contacts_job .opportunities .teaser .title { color: #4a4a4a; text-transform: none; margin-bottom: 10px; } .ce_rsce_teaser_contacts_job .opportunities .teaser ul li { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 5px 0; } .ce_rsce_teaser_contacts_job .opportunities .teaser ul li a { display: block; color: #009ee3; text-decoration: underline; -webkit-box-flex: 0 1 75%; -webkit-flex: 0 1 75%; -ms-flex: 0 1 75%; flex: 0 1 75%; -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; font-family: "Fago no", sans-serif; } .ce_rsce_teaser_contacts_job .opportunities .teaser ul li span { display: block; -webkit-box-flex: 0 1 25%; -webkit-flex: 0 1 25%; -ms-flex: 0 1 25%; flex: 0 1 25%; -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; text-align: right; } .ce_rsce_teaser_contacts_job .contacts > div { padding: 30px; background: url(/files/public/backgrounds/polygon-background.png) no-repeat 50% 50%; background-size: cover; border-bottom-right-radius: 50px; } .ce_rsce_teaser_contacts_job .contacts .headline { color: #fff; margin-bottom: 30px; text-transform: none; } .ce_rsce_teaser_contacts_job .contacts .teaser { margin-top: 30px; } .ce_rsce_teaser_contacts_job .contacts .teaser:first-of-type { margin-top: 0; } .ce_rsce_teaser_contacts_job .contacts .teaser .title { color: #fff; margin-top: 0; margin-bottom: 10px; } .ce_rsce_teaser_contacts_job .contacts .teaser ul { margin-top: 10px; line-height: 1.2; } .ce_rsce_teaser_contacts_job .contacts .teaser ul:first-of-type { margin-top: 0; } .ce_rsce_teaser_contacts_job .contacts .teaser li { color: #fff; font-size: 0.875rem; } .ce_rsce_teaser_contacts_job .contacts .teaser a { position: relative; color: #fff; } .ce_rsce_teaser_contacts_job .contacts .teaser a:after { content: ""; display: block; width: 0; height: 1px; background: #fff; position: absolute; bottom: 0; left: 0; -webkit-transition: width 0.2s ease-in; transition: width 0.2s ease-in; } .ce_rsce_teaser_contacts_job .contacts .teaser a:hover:after { width: 100%; } .contact-trigger { float: right; cursor: pointer; display: block; color: #4a4a4a; background: #fff; text-transform: none; font-size: 0.875rem; padding: 3px 5px; border-radius: 3px; } .contact-holder { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.75); -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; z-index: 9999; -webkit-transform: scale(0, 0); -ms-transform: scale(0, 0); transform: scale(0, 0); will-change: transform; -webkit-transition: transform 0.2s ease-in; -webkit-transition: -webkit-transform 0.2s ease-in; transition: -webkit-transform 0.2s ease-in; transition: transform 0.2s ease-in; transition: transform 0.2s ease-in, -webkit-transform 0.2s ease-in; } .contact-holder.active { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); } .contact-holder .close { position: absolute; top: 10px; right: 10px; display: block; width: 25px; height: 25px; font-size: 0.75rem; } .contact-holder .contact-person { position: relative; max-width: 90%; max-height: 80%; background: #fff; padding: 35px; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (min-width: 992px) { .contact-holder .contact-person { max-width: 900px; width: 70%; } } @media (max-width: 991px) { .contact-holder .contact-person { overflow-y: scroll; } } .contact-holder .contact-teaser { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } @media (max-width: 991px) { .contact-holder .contact-teaser + .contact-teaser { margin-top: 15px; } } .contact-holder .contact-teaser:nth-child(4), .contact-holder .contact-teaser:nth-child(5) { margin-top: 15px; } .contact-holder .contact-teaser .avatar { -webkit-box-flex: 0 1 33.33%; -webkit-flex: 0 1 33.33%; -ms-flex: 0 1 33.33%; flex: 0 1 33.33%; -webkit-flex-basis: 33.33%; -ms-flex-preferred-size: 33.33%; flex-basis: 33.33%; padding-right: 10px; } .contact-holder .contact-teaser .avatar img { min-height: 225px; min-width: 160px; } @media (min-width: 1200px) { .contact-holder .contact-teaser .avatar img { width: 160px; } } .contact-holder .contact-teaser .info { -webkit-box-flex: 0 1 66.66%; -webkit-flex: 0 1 66.66%; -ms-flex: 0 1 66.66%; flex: 0 1 66.66%; -webkit-flex-basis: 66.66%; -ms-flex-preferred-size: 66.66%; flex-basis: 66.66%; padding-left: 10px; } .contact-holder .contact-teaser .info p.title { margin-bottom: 5px; font-size: 1.25rem; font-family: "FaNo Regular", sans-serif; } .contact-holder .contact-teaser .info p.name { margin-bottom: 5px; font-size: 1rem; font-family: "FaNo Regular", sans-serif; } .contact-holder .contact-teaser .info ul a { font-family: "Fago no", sans-serif; color: #009ee3; } .contact-holder p.extra { -webkit-box-flex: 0 1 100%; -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-bottom: 0; margin-top: 30px; } .ce_rsce_anchornav { width: auto; position: relative; border-top: 1px solid #e4e4e4; float: right; background: #fff; } @media (min-width: 992px) { .ce_rsce_anchornav { top: -44px; margin-bottom: -44px; } } @media (max-width: 767px) { .ce_rsce_anchornav { display: none; } } body.header-fixed .ce_rsce_anchornav { box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1); background: #fff; } .ce_rsce_anchornav .container { width: auto; } .ce_rsce_anchornav ul { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } @media (max-width: 1199px) { .ce_rsce_anchornav ul { padding-left: 0; padding-right: 0; } } .ce_rsce_anchornav li { padding: 0 10px; font-size: 0.875rem; } .ce_rsce_anchornav li:first-child { padding-left: 0; } .ce_rsce_anchornav li:last-child { padding-right: 0; } .ce_rsce_anchornav a { position: relative; padding-top: 13px; padding-bottom: 11px; display: block; color: #8a8a8a; font-family: "Fago no", sans-serif; } .ce_rsce_anchornav a:hover, .ce_rsce_anchornav a.active { color: #009ee3; } @media (min-width: 768px) { body.safari .content-holder { margin-left: -1px; margin-right: -1px; } } .ce_rsce_products_text_with_quote { position: relative; padding-left: 0; padding-right: 0; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; } .ce_rsce_products_text_with_quote article { position: relative; margin-top: 15px; margin-bottom: 15px; z-index: 1; background: -webkit-linear-gradient(left, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 50%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to right, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 50%, rgba(255, 255, 255, 0) 100%); } @media (min-width: 768px) { .ce_rsce_products_text_with_quote article { margin-top: 25px; margin-bottom: 25px; } } @media (min-width: 1200px) { .ce_rsce_products_text_with_quote article { margin-top: 60px; margin-bottom: 60px; } } .ce_rsce_products_text_with_quote .headline { margin-bottom: 15px; } .ce_rsce_products_text_with_quote .button-block { text-align: right; } .ce_rsce_products_text_with_quote .content-holder { width: 100%; max-width: 560px; padding: 30px 40px 36px; border-bottom-right-radius: 80px; background-color: #fff; opacity: 0.9; } .ce_rsce_products_text_with_quote .content-holder .ce_text { margin-top: 0 !important; } .ce_rsce_products_text_with_quote .content-holder .ce_text h2, .ce_rsce_products_text_with_quote .content-holder .ce_text .blog-article h1, .blog-article .ce_rsce_products_text_with_quote .content-holder .ce_text h1, .ce_rsce_products_text_with_quote .content-holder .ce_text h3, .ce_rsce_products_text_with_quote .content-holder .ce_text h4, .ce_rsce_products_text_with_quote .content-holder .ce_text h5 { margin-top: 25px; } .ce_rsce_products_text_with_quote .content-holder .ce_text p { font-size: 1rem; margin-bottom: 15px; } .ce_rsce_products_text_with_quote .content-holder .ce_text blockquote p { font-size: 1.375rem; line-height: 1.2; color: #009ee3; font-family: "FaNo Regular", sans-serif; } .ce_rsce_products_text_with_quote .content-holder .ce_text em { display: block; text-align: right; font-size: 0.875rem; font-weight: 600; } .ce_rsce_products_text_with_quote .content-holder .ce_text ul { margin-bottom: 0 !important; list-style-type: disc; padding-left: 1.5714286em; } .ce_rsce_products_text_with_quote .content-holder .ce_text ul li { padding-left: 0.4285714em; font-size: 1rem; font-family: "Fago no", sans-serif; margin-bottom: 8px; } .ce_rsce_products_text_with_quote .content-holder .ce_text ul li::marker { color: #4a4a4a; } .ce_rsce_products_text_with_quote .content-holder .ce_text ul li strong { font-family: "Fago no Medium", sans-serif; } .ce_rsce_products_text_with_quote .note-holder .inside { padding: 20px; background: url(/files/public/backgrounds/polygon-background.png) no-repeat 0 0; background-size: cover; width: 100%; border-bottom-right-radius: 50px; height: auto; } @media (min-width: 768px) { .ce_rsce_products_text_with_quote .note-holder .inside { padding: 50px; } } @media (min-width: 992px) { .ce_rsce_products_text_with_quote .note-holder .inside { width: 100%; } } .ce_rsce_products_text_with_quote .note-holder h2, .ce_rsce_products_text_with_quote .note-holder .blog-article h1, .blog-article .ce_rsce_products_text_with_quote .note-holder h1, .ce_rsce_products_text_with_quote .note-holder h3, .ce_rsce_products_text_with_quote .note-holder h4, .ce_rsce_products_text_with_quote .note-holder h5 { font-size: 1rem; color: #fff; margin-bottom: 15px; font-family: "FaNo Regular", sans-serif; } @media (min-width: 1200px) { .ce_rsce_products_text_with_quote .note-holder h2, .ce_rsce_products_text_with_quote .note-holder .blog-article h1, .blog-article .ce_rsce_products_text_with_quote .note-holder h1, .ce_rsce_products_text_with_quote .note-holder h3, .ce_rsce_products_text_with_quote .note-holder h4, .ce_rsce_products_text_with_quote .note-holder h5 { font-size: 1.125rem; } } .ce_rsce_products_text_with_quote .note-holder .ce_text p, .ce_rsce_products_text_with_quote .note-holder .ce_text li { color: #fff; } .ce_rsce_products_text_with_quote .note-holder .ce_text p, .ce_rsce_products_text_with_quote .note-holder .ce_text ul { margin-bottom: 30px; } .ce_rsce_products_text_with_quote .note-holder .ce_text p:last-child, .ce_rsce_products_text_with_quote .note-holder .ce_text ul:last-child { margin-bottom: 0; } .ce_rsce_products_text_with_quote .note-holder .ce_text li:before { top: 13px; background: #fff !important; } .ce_rsce_products_text_with_quote .carousel-holder { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ce_rsce_products_text_with_quote .carousel-holder .owl-carousel, .ce_rsce_products_text_with_quote .carousel-holder .owl-stage-outer, .ce_rsce_products_text_with_quote .carousel-holder .owl-stage, .ce_rsce_products_text_with_quote .carousel-holder .owl-item, .ce_rsce_products_text_with_quote .carousel-holder .img { height: 100%; } .ce_rsce_products_text_with_quote .carousel-holder .img { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; } .ce_rsce_products_text_image { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; } @media (max-width: 1199px) { .ce_rsce_products_text_image { padding-left: 0; padding-right: 0; } } .ce_rsce_products_text_image article { margin-top: 30px; margin-bottom: 30px; } @media (min-width: 768px) { .ce_rsce_products_text_image article { margin-top: 50px; margin-bottom: 50px; } } @media (min-width: 1200px) { .ce_rsce_products_text_image article { margin-top: 120px; margin-bottom: 120px; } } .ce_rsce_products_text_image.color-primary { background: #009ee3; } .ce_rsce_products_text_image.color-primary .content-holder .headline, .ce_rsce_products_text_image.color-primary .content-holder p, .ce_rsce_products_text_image.color-primary .content-holder li { color: #fff; } .ce_rsce_products_text_image.color-secondary { background: #78bc2b; } .ce_rsce_products_text_image.color-secondary .content-holder .headline, .ce_rsce_products_text_image.color-secondary .content-holder p, .ce_rsce_products_text_image.color-secondary .content-holder li { color: #fff; } .ce_rsce_products_text_image.color-grey { background-color: rgb(248, 248, 248); } .ce_rsce_products_text_image.color-grey .content-holder .headline, .ce_rsce_products_text_image.color-grey .content-holder p, .ce_rsce_products_text_image.color-grey .content-holder li { color: #4a4a4a; } .ce_rsce_products_text_image.image-primary { background: url(files/public/backgrounds/polygon-background.png) no-repeat 0 0; background-size: cover; } .ce_rsce_products_text_image.image-primary .content-holder .headline, .ce_rsce_products_text_image.image-primary .content-holder p, .ce_rsce_products_text_image.image-primary .content-holder li { color: #fff; } .ce_rsce_products_text_image.image-secondary { background: url(files/public/backgrounds/polygon-background.png) no-repeat 0 0; background-size: cover; } .ce_rsce_products_text_image.image-secondary .content-holder .headline, .ce_rsce_products_text_image.image-secondary .content-holder p, .ce_rsce_products_text_image.image-secondary .content-holder li { color: #fff; } .ce_rsce_products_text_image.fullwidth { padding-left: 0; padding-right: 0; } .ce_rsce_products_text_image.fullwidth article { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .ce_rsce_products_text_image.fullwidth .img-holder { padding-left: 0; } .ce_rsce_products_text_image.fullwidth .img-holder .img { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; } .ce_rsce_products_text_image.fullwidth .img-holder img { opacity: 0; visibility: hidden; } @media (min-width: 768px) { .ce_rsce_products_text_image.fullwidth .content-holder { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } } @media (min-width: 1200px) { .ce_rsce_products_text_image.fullwidth .content-holder { max-width: 585px; } } .ce_rsce_products_text_image.bg-image { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; } .ce_rsce_products_text_image.bg-image article { background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 50%, rgb(255, 255, 255) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 50%, rgb(255, 255, 255) 100%); } .ce_rsce_products_text_image .row { -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .ce_rsce_products_text_image .content-holder.color-light .headline, .ce_rsce_products_text_image .content-holder.color-light p, .ce_rsce_products_text_image .content-holder.color-light li { color: #fff; } .ce_rsce_products_text_image .content-holder p { margin-bottom: 15px; } .ce_rsce_products_text_image .content-holder p:last-child { margin-bottom: 0; } .ce_rsce_products_text_image .img-holder div { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; height: 100%; } @media (min-width: 1200px) { .mod_article > .container > .inner > .ce_rsce_products_categories { padding-top: 15px; } } @media (min-width: 1200px) and (min-width: 768px) { .mod_article > .container > .inner > .ce_rsce_products_categories { padding-top: 25px; } } @media (min-width: 1200px) and (min-width: 1200px) { .mod_article > .container > .inner > .ce_rsce_products_categories { padding-top: 60px; } } .ce_rsce_products_categories .ce_text { margin-left: 0; margin-right: auto; text-align: left; } .ce_rsce_products_categories .ce_text p { font-size: 1rem; } .ce_rsce_products_categories .headline { color: #4a4a4a; } .ce_rsce_products_categories .teasers-holder { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; margin-top: -10px; margin-bottom: -10px; } @media (min-width: 768px) { .ce_rsce_products_categories .teasers-holder { margin-top: -10px; margin-bottom: -10px; } } @media (min-width: 1200px) { .ce_rsce_products_categories .teasers-holder { margin-top: -15px; margin-bottom: -15px; } } .ce_rsce_products_categories .teaser { padding-top: 10px; padding-bottom: 10px; } @media (min-width: 768px) { .ce_rsce_products_categories .teaser { padding-top: 10px; padding-bottom: 10px; } } @media (min-width: 1200px) { .ce_rsce_products_categories .teaser { padding-top: 15px; padding-bottom: 15px; } } .ce_rsce_products_categories .teaser .inside { background-color: rgb(248, 248, 248); } .ce_rsce_products_categories .teaser .title { color: #009ee3; text-align: center; margin-bottom: 20px; padding: 0 10px; line-height: 1; } .ce_rsce_products_categories .teaser a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; padding: 30px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .ce_rsce_products_categories .teaser a img { display: block; width: 100%; height: auto; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: 100ms -webkit-transform ease-in-out; transition: 100ms -webkit-transform ease-in-out; transition: 100ms transform ease-in-out; transition: 100ms transform ease-in-out, 100ms -webkit-transform ease-in-out; } .ce_rsce_products_categories .teaser a:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .ce_rsce_products_items .content-left .ce_text { margin-left: 0; text-align: left; } .ce_rsce_products_items .content-left .teasers-holder { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .ce_rsce_products_items .ce_text { margin-left: auto; margin-right: auto; text-align: center; margin-bottom: 50px; } .ce_rsce_products_items .ce_text p { font-size: 1rem; } .ce_rsce_products_items .headline { color: #4a4a4a; } .ce_rsce_products_items .teasers-holder { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; margin-top: -10px; margin-bottom: -10px; } @media (min-width: 768px) { .ce_rsce_products_items .teasers-holder { margin-top: -10px; margin-bottom: -10px; } } @media (min-width: 1200px) { .ce_rsce_products_items .teasers-holder { margin-top: -15px; margin-bottom: -15px; } } .ce_rsce_products_items .teaser { padding-top: 10px; padding-bottom: 10px; } @media (min-width: 768px) { .ce_rsce_products_items .teaser { padding-top: 10px; padding-bottom: 10px; } } @media (min-width: 1200px) { .ce_rsce_products_items .teaser { padding-top: 15px; padding-bottom: 15px; } } .ce_rsce_products_items .teaser .inside h5 { color: #78bc2b; background: white; font-family: "Fago no", sans-serif; font-size: 1.5rem; } @media (max-width: 767px) { .ce_rsce_products_items .teaser .inside h5 { min-height: 80px; font-size: 1.25rem; } } .ce_rsce_products_items .teaser .title { text-transform: none; text-align: center; color: rgb(0, 158, 227); background: white; margin-bottom: 0; padding: 20px 10px; line-height: 1; } .ce_rsce_products_items .teaser .button-block { width: 100%; left: 0; } .ce_rsce_products_items .teaser a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; padding: 10px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .ce_rsce_products_items .teaser a img { display: block; width: 100%; height: auto; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: 100ms -webkit-transform ease-in-out; transition: 100ms -webkit-transform ease-in-out; transition: 100ms transform ease-in-out; transition: 100ms transform ease-in-out, 100ms -webkit-transform ease-in-out; } .ce_rsce_products_items .teaser a:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } @media (min-width: 768px) { body.safari .ce_rsce_products_features_teaser.type-tiles .features .feature { margin-left: -1px; margin-right: -1px; } } .ce_rsce_products_features_teaser.first { padding-top: 60px !important; } .ce_rsce_products_features_teaser.type-tiles .headline-holder { -webkit-box-flex: 0 1 100%; -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } @media (min-width: 768px) { .ce_rsce_products_features_teaser.type-tiles .headline-holder { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } } @media (min-width: 768px) { .ce_rsce_products_features_teaser.type-tiles .headline-holder .headline { -webkit-box-flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; } } .ce_rsce_products_features_teaser.type-tiles .headline-holder .cta-link { position: relative; color: #009ee3; } .ce_rsce_products_features_teaser.type-tiles .headline-holder .cta-link:after { content: ""; display: block; width: 0; height: 1px; background: #fff; position: absolute; bottom: 0; left: 0; -webkit-transition: width 0.2s ease-in; transition: width 0.2s ease-in; } .ce_rsce_products_features_teaser.type-tiles .headline-holder .cta-link:hover:after { width: 100%; } @media (min-width: 768px) { .ce_rsce_products_features_teaser.type-tiles .headline-holder .cta-link { -webkit-box-flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; } } .ce_rsce_products_features_teaser.type-tiles .headline-holder .cta-link:after { background: #009ee3; } .ce_rsce_products_features_teaser.type-tiles .features .feature { padding: 10px; -webkit-box-flex: 0 1 100%; -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } @media (min-width: 768px) { .ce_rsce_products_features_teaser.type-tiles .features .feature { -webkit-box-flex: 0 1 50%; -webkit-flex: 0 1 50%; -ms-flex: 0 1 50%; flex: 0 1 50%; -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; } } @media (min-width: 992px) { .ce_rsce_products_features_teaser.type-tiles .features .feature { -webkit-box-flex: 0 1 33.33%; -webkit-flex: 0 1 33.33%; -ms-flex: 0 1 33.33%; flex: 0 1 33.33%; -webkit-flex-basis: 33.33%; -ms-flex-preferred-size: 33.33%; flex-basis: 33.33%; } } @media (min-width: 1200px) { .ce_rsce_products_features_teaser.type-tiles .features .feature { -webkit-box-flex: 0 1 25%; -webkit-flex: 0 1 25%; -ms-flex: 0 1 25%; flex: 0 1 25%; -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; padding: 15px; } } .ce_rsce_products_features_teaser.type-tiles .features .feature .holder { position: relative; overflow: hidden; } .ce_rsce_products_features_teaser.type-tiles .features .feature .holder:before { content: ""; display: block; width: 100%; height: 100%; background: rgb(0, 110, 159); background: -webkit-linear-gradient(left, rgb(0, 110, 159) 0%, rgb(0, 157, 224) 100%); background: linear-gradient(to right, rgb(0, 110, 159) 0%, rgb(0, 157, 224) 100%); position: absolute; top: 0; left: 0; } .ce_rsce_products_features_teaser.type-tiles .features .feature .holder:after { content: ""; display: block; padding-bottom: 100%; } .ce_rsce_products_features_teaser.type-tiles .features .feature .holder:hover span { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .ce_rsce_products_features_teaser.type-tiles .features .feature .bg { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background-position: 50% 50%; background-repeat: no-repeat; background-size: 100% auto; z-index: 1; } .ce_rsce_products_features_teaser.type-tiles .features .feature img, .ce_rsce_products_features_teaser.type-tiles .features .feature svg { position: absolute; top: 50%; left: 50%; max-width: 50%; max-height: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .ce_rsce_products_features_teaser.type-tiles .features .feature img path, .ce_rsce_products_features_teaser.type-tiles .features .feature svg path { fill: #fff; background-color: #fff; } .ce_rsce_products_features_teaser.type-tiles .features .feature .title { position: absolute; bottom: 10px; left: 0; text-align: center; width: 100%; padding: 0 15px; margin-bottom: 0; font-family: "FaNo Regular", sans-serif; font-size: 0.875rem; color: #fff; } .ce_rsce_products_features_teaser.type-tiles .features .feature span { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; font-size: 0.8125rem; color: #fff; background: rgb(0, 110, 159); background: -webkit-linear-gradient(left, rgb(0, 110, 159) 0%, rgb(0, 157, 224) 100%); background: linear-gradient(to right, rgb(0, 110, 159) 0%, rgb(0, 157, 224) 100%); will-change: transform; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-transition: transform 0.2s ease-in; -webkit-transition: -webkit-transform 0.2s ease-in; transition: -webkit-transform 0.2s ease-in; transition: transform 0.2s ease-in; transition: transform 0.2s ease-in, -webkit-transform 0.2s ease-in; padding: 20px; text-align: center; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; z-index: 5; } .ce_rsce_products_features_teaser.type-tiles .features .feature span b { font-family: "FaNo Regular", sans-serif; font-size: 1rem; margin-bottom: 15px; } .ce_rsce_products_features_teaser.type-tiles .features .feature span p { margin-bottom: 0; line-height: 1.2; } .ce_rsce_products_features_teaser .headline { color: #4a4a4a; text-transform: none; } .ce_rsce_products_features_teaser .features-holder { margin: 15px -15px; } @media (min-width: 768px) { .ce_rsce_products_features_teaser .features-holder { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } } .ce_rsce_products_features_teaser .feature-block { position: relative; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; padding: 15px; cursor: pointer; } @media (min-width: 768px) { .ce_rsce_products_features_teaser .feature-block { -webkit-box-flex: 0 1 50%; -webkit-flex: 0 1 50%; -ms-flex: 0 1 50%; flex: 0 1 50%; -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; } } @media (min-width: 992px) { .ce_rsce_products_features_teaser .feature-block { -webkit-box-flex: 0 1 33.33%; -webkit-flex: 0 1 33.33%; -ms-flex: 0 1 33.33%; flex: 0 1 33.33%; -webkit-flex-basis: 33.33%; -ms-flex-preferred-size: 33.33%; flex-basis: 33.33%; } } .ce_rsce_products_features_teaser .feature-block.active .feature-toggler:after { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .ce_rsce_products_features_teaser .feature-block .feature-icon { position: relative; width: 61px; height: 61px; will-change: transform; -webkit-transition: transform 0.2s ease-in; -webkit-transition: -webkit-transform 0.2s ease-in; transition: -webkit-transform 0.2s ease-in; transition: transform 0.2s ease-in; transition: transform 0.2s ease-in, -webkit-transform 0.2s ease-in; } .ce_rsce_products_features_teaser .feature-block .feature-icon:before { content: ""; display: block; width: 100%; height: 100%; background: -webkit-linear-gradient(left, rgb(0, 157, 224) 0%, rgb(0, 173, 239) 100%); background: linear-gradient(to right, rgb(0, 157, 224) 0%, rgb(0, 173, 239) 100%); position: absolute; top: 0; left: 0; } .ce_rsce_products_features_teaser .feature-block .feature-icon img { position: absolute; top: 50%; left: 50%; max-width: 60%; max-height: 60%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .ce_rsce_products_features_teaser .feature-block .feature-content { -webkit-box-flex: 0 1 calc(100% - 61px); -webkit-flex: 0 1 calc(100% - 61px); -ms-flex: 0 1 calc(100% - 61px); flex: 0 1 calc(100% - 61px); -webkit-flex-basis: calc(100% - 61px); -ms-flex-preferred-size: calc(100% - 61px); flex-basis: calc(100% - 61px); } .ce_rsce_products_features_teaser .feature-block .feature-toggler { position: relative; padding: 15px; font-family: "FaNo Regular", sans-serif; background-color: rgb(248, 248, 248); font-size: 16px; line-height: 1; min-height: 60px; max-height: 60px; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .ce_rsce_products_features_teaser .feature-block .feature-toggler:after { font-family: "icomoon" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e902"; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); font-size: 1.375rem; position: absolute; top: 50%; right: 15px; margin-top: -11px; will-change: transform; -webkit-transition: transform 0.2s ease-in; -webkit-transition: -webkit-transform 0.2s ease-in; transition: -webkit-transform 0.2s ease-in; transition: transform 0.2s ease-in; transition: transform 0.2s ease-in, -webkit-transform 0.2s ease-in; } .ce_rsce_products_features_teaser .feature-block .feature-description { display: none; width: 100%; background: #fff; padding: 10px; z-index: 1; border: 1px solid rgb(248, 248, 248); } .ce_rsce_products_features_teaser .feature-block .feature-description p { margin-bottom: 0; } .mod_article > .container > .inner > .ce_rsce_products_features_teaser { margin-top: 15px; margin-bottom: 15px; } @media (min-width: 768px) { .mod_article > .container > .inner > .ce_rsce_products_features_teaser { margin-top: 25px; margin-bottom: 25px; } } @media (min-width: 1200px) { .mod_article > .container > .inner > .ce_rsce_products_features_teaser { margin-top: 60px; margin-bottom: 60px; } } .mod_article > .container > .inner > .ce_rsce_products_features_teaser + .ce_rsce_products_features_teaser { padding-top: 0; } .ce_rsce_products_configurator { padding-left: 0; padding-right: 0; padding-top: 30px; padding-bottom: 30px; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; } @media (min-width: 768px) { .ce_rsce_products_configurator { padding-top: 50px; padding-bottom: 50px; } } @media (min-width: 1200px) { .ce_rsce_products_configurator { padding-top: 120px; padding-bottom: 120px; } } .ce_rsce_products_configurator .row { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .ce_rsce_products_configurator .content-holder { text-align: center; } .ce_rsce_products_configurator .content-holder .headline { color: #fff; } .ce_rsce_products_configurator .content-holder .ce_text { color: #fff; font-size: 1.125rem; line-height: 1.5555555556; font-family: "FaNo Regular", sans-serif; } .ce_rsce_products_configurator .content-holder .button-block.white a { background-color: #fff; color: #009ee3; } .ce_rsce_products_configurator .content-holder .button-block.white a:hover { background-color: #f0f0f0; border: 2px solid #f0f0f0; } .ce_rsce_products_configurator .steps { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 15px; } @media (min-width: 768px) { .ce_rsce_products_configurator .steps { margin-bottom: 25px; } } @media (min-width: 1200px) { .ce_rsce_products_configurator .steps { margin-bottom: 60px; } } @media (max-width: 767px) { .ce_rsce_products_configurator .steps { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .ce_rsce_products_configurator .steps li { position: relative; -webkit-box-flex: 0 1 200px; -webkit-flex: 0 1 200px; -ms-flex: 0 1 200px; flex: 0 1 200px; -webkit-flex-basis: 200px; -ms-flex-preferred-size: 200px; flex-basis: 200px; width: 200px; height: 200px; color: #fff; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; background: rgba(0, 173, 239, 0.8); border-radius: 50%; } @media (min-width: 768px) { .ce_rsce_products_configurator .steps li { -webkit-box-flex: 0 1 160px; -webkit-flex: 0 1 160px; -ms-flex: 0 1 160px; flex: 0 1 160px; -webkit-flex-basis: 160px; -ms-flex-preferred-size: 160px; flex-basis: 160px; width: 160px; height: 160px; margin: 0 20px; } } @media (min-width: 1200px) { .ce_rsce_products_configurator .steps li { -webkit-box-flex: 0 1 200px; -webkit-flex: 0 1 200px; -ms-flex: 0 1 200px; flex: 0 1 200px; -webkit-flex-basis: 200px; -ms-flex-preferred-size: 200px; flex-basis: 200px; width: 200px; height: 200px; margin: 0 40px; } } @media (max-width: 767px) { .ce_rsce_products_configurator .steps li { margin-top: 15px; } } .ce_rsce_products_configurator .steps li i { font-size: 3.75rem; position: absolute; top: 50%; line-height: 1; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: none; } @media (min-width: 768px) { .ce_rsce_products_configurator .steps li i { right: -35px; font-size: 3.125rem; display: block; } } @media (min-width: 1200px) { .ce_rsce_products_configurator .steps li i { right: -55px; } } @media (max-width: 767px) { .ce_rsce_products_configurator .steps li:first-child { margin-top: 0; } } .ce_rsce_products_configurator .steps li svg { width: 84%; height: 84%; border-radius: 50%; position: absolute; top: 0; left: 0; margin: 8%; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; } .ce_rsce_products_configurator .steps li span { position: relative; padding: 0 15px; max-width: 80%; display: block; margin-left: auto; margin-right: auto; font-weight: 600; } .ce_rsce_products_configurator .button-block { text-align: center; margin-bottom: 0; } .ce_rsce_slider_product_item { padding-left: 0; padding-right: 0; } @media (min-width: 768px) { .ce_rsce_slider_product_item .headline-holder { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } } .ce_rsce_slider_product_item .headline-holder .headline { margin-bottom: 0; } @media (min-width: 768px) { .ce_rsce_slider_product_item .headline-holder .headline { -webkit-box-flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; } } .ce_rsce_slider_product_item .headline-holder .cta-link { position: relative; color: #009ee3; } .ce_rsce_slider_product_item .headline-holder .cta-link:after { content: ""; display: block; width: 0; height: 1px; background: #fff; position: absolute; bottom: 0; left: 0; -webkit-transition: width 0.2s ease-in; transition: width 0.2s ease-in; } .ce_rsce_slider_product_item .headline-holder .cta-link:hover:after { width: 100%; } @media (min-width: 768px) { .ce_rsce_slider_product_item .headline-holder .cta-link { -webkit-box-flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; } } .ce_rsce_slider_product_item .headline-holder .cta-link:after { background: #009ee3; } @media (min-width: 992px) { .ce_rsce_slider_product_item .carousel-holder { padding-right: 0; } } .ce_rsce_slider_product_item .carousel-holder .owl-carousel, .ce_rsce_slider_product_item .carousel-holder .owl-stage-outer, .ce_rsce_slider_product_item .carousel-holder .owl-stage, .ce_rsce_slider_product_item .carousel-holder .owl-item { height: 100%; } .ce_rsce_slider_product_item .carousel-holder .owl-carousel .owl-nav { width: 100%; height: auto; } @media (min-width: 768px) { .ce_rsce_slider_product_item .carousel-holder .owl-carousel .owl-nav { height: auto; } } @media (min-width: 1200px) { .ce_rsce_slider_product_item .carousel-holder .owl-carousel .owl-nav { height: auto; } } .ce_rsce_slider_product_item .carousel-holder .owl-carousel .owl-nav button.owl-prev { left: 30px; } @media (min-width: 768px) { .ce_rsce_slider_product_item .carousel-holder .owl-carousel .owl-nav button.owl-prev:before { font-size: 1.875rem; } } @media (min-width: 1200px) { .ce_rsce_slider_product_item .carousel-holder .owl-carousel .owl-nav button.owl-prev:before { font-size: 3.125rem; } } .ce_rsce_slider_product_item .carousel-holder .owl-carousel .owl-nav button.owl-next { right: 30px; } @media (min-width: 768px) { .ce_rsce_slider_product_item .carousel-holder .owl-carousel .owl-nav button.owl-next:before { font-size: 1.875rem; } } @media (min-width: 1200px) { .ce_rsce_slider_product_item .carousel-holder .owl-carousel .owl-nav button.owl-next:before { font-size: 3.125rem; } } .ce_rsce_slider_product_item .carousel-holder .owl-carousel .owl-dots { position: absolute; bottom: 0; } .ce_rsce_slider_product_item .carousel-holder .owl-carousel .owl-dots > button { width: 15px; height: 15px; } .ce_rsce_slider_product_item .carousel-holder .teaser { height: 100%; } .ce_rsce_slider_product_item .carousel-holder .teaser .img { height: 100%; background-color: rgb(248, 248, 248); -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .ce_rsce_slider_product_item .carousel-holder .teaser .img img { max-width: 220px; } .ce_rsce_slider_product_item .content-holder { border: 2px solid #009ee3; border-bottom-right-radius: 50px; } @media (min-width: 992px) { .ce_rsce_slider_product_item .content-holder { padding-left: 0; border-left: none; } } .ce_rsce_slider_product_item .content-holder .inside { padding: 20px; } @media (min-width: 992px) { .ce_rsce_slider_product_item .content-holder .inside { padding: 40px; } } .ce_rsce_slider_product_item .content-holder .title { text-transform: none; color: #4a4a4a; } .ce_rsce_slider_product_item .content-holder .button-block { text-align: right; margin-bottom: 0; } @media (min-width: 768px) { body.safari .ce_rsce_product_item_nand .slider-holder .img-holder, body.safari .ce_rsce_product_item_nand_url .slider-holder .img-holder { position: relative; margin-left: -1px; margin-right: -1px; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } } @media (min-width: 768px) { body.safari .ce_rsce_product_item_nand .slider-holder .img-holder:before, body.safari .ce_rsce_product_item_nand_url .slider-holder .img-holder:before { content: ""; display: block; width: calc(100% - 10px); height: 100%; position: absolute; top: 0; right: 0; background-color: rgb(248, 248, 248); } } @media (min-width: 1200px) { body.safari .ce_rsce_product_item_nand .slider-holder .img-holder:before, body.safari .ce_rsce_product_item_nand_url .slider-holder .img-holder:before { width: calc(100% - 15px); } } @media (min-width: 768px) { body.safari .ce_rsce_product_item_nand .slider-holder .img-holder .img, body.safari .ce_rsce_product_item_nand_url .slider-holder .img-holder .img { margin-top: auto; margin-bottom: auto; } } @media (min-width: 768px) { body.safari .ce_rsce_product_item_nand .slider-holder .content-holder, body.safari .ce_rsce_product_item_nand_url .slider-holder .content-holder { margin-left: -1px; margin-right: -1px; } } .headline-holder { -webkit-box-flex: 0 1 100%; -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } @media (min-width: 768px) { .headline-holder { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } } @media (max-width: 767px) { .headline-holder { padding-left: 0; padding-right: 0; margin-bottom: 15px; } } @media (min-width: 768px) { .headline-holder .headline { -webkit-box-flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; } } .headline-holder .cta-link { position: relative; color: #009ee3; } .headline-holder .cta-link:after { content: ""; display: block; width: 0; height: 1px; background: #fff; position: absolute; bottom: 0; left: 0; -webkit-transition: width 0.2s ease-in; transition: width 0.2s ease-in; } .headline-holder .cta-link:hover:after { width: 100%; } @media (min-width: 768px) { .headline-holder .cta-link { -webkit-box-flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; } } .headline-holder .cta-link:after { background: #009ee3; } .slider-holder { width: 100%; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } @media (max-width: 767px) { .slider-holder .slider-item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-left: 0; margin-right: 0; } } .slider-holder .img-holder { width: 100%; } @media (min-width: 768px) { .slider-holder .img-holder { padding-right: 0; } } @media (max-width: 767px) { .slider-holder .img-holder { padding-right: 0; padding-left: 0; } } .slider-holder .img-holder .img { width: 100%; height: 100%; background-color: rgb(248, 248, 248); } @media (min-width: 992px) { .slider-holder .img-holder .img { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } } @media (max-width: 767px) { .slider-holder .img-holder .img { padding: 10px; } } .slider-holder .img-holder .img img { max-width: 220px; } @media (min-width: 768px) { .slider-holder .img-holder .img img { max-width: 220px; } } @media (min-width: 768px) { .slider-holder .content-holder { padding-left: 0; } } .slider-holder .content-holder .inside { padding: 20px; } @media (min-width: 768px) { .slider-holder .content-holder .inside { border: 2px solid #009ee3; border-left: none; border-bottom-right-radius: 50px; } } @media (min-width: 992px) { .slider-holder .content-holder .inside { padding: 40px; } } @media (max-width: 767px) { .slider-holder .content-holder .inside { padding-left: 0; padding-right: 0; } } .slider-holder .content-holder .title { text-transform: none; color: #4a4a4a; } .slider-holder .content-holder .ce_text ul { margin-bottom: 15px; line-height: 1.8; list-style-type: disc; padding-left: 1.5714286em; } @media (min-width: 768px) { .slider-holder .content-holder .ce_text ul { margin-bottom: 25px; } } @media (min-width: 1200px) { .slider-holder .content-holder .ce_text ul { margin-bottom: 60px; } } .slider-holder .content-holder .ce_text li { padding-left: 0.4285714em; } .slider-holder .content-holder .ce_text li::marker { color: #4a4a4a; } .slider-holder .content-holder .button-block { text-align: left; margin-bottom: 0; } @media (min-width: 992px) { .slider-holder .owl-carousel, .slider-holder .owl-stage-outer, .slider-holder .owl-stage, .slider-holder .owl-item { height: 100%; } } .slider-holder .owl-carousel .owl-nav { width: 100%; height: auto; } @media (min-width: 768px) { .slider-holder .owl-carousel .owl-nav { height: auto; } } @media (min-width: 1200px) { .slider-holder .owl-carousel .owl-nav { height: auto; } } @media (max-width: 767px) { .slider-holder .owl-carousel .owl-nav { display: none; } } .slider-holder .owl-carousel .owl-nav button.owl-prev { left: 30px; } @media (min-width: 768px) { .slider-holder .owl-carousel .owl-nav button.owl-prev:before { font-size: 1.875rem; } } @media (min-width: 1200px) { .slider-holder .owl-carousel .owl-nav button.owl-prev:before { font-size: 3.125rem; } } .slider-holder .owl-carousel .owl-nav button.owl-next { right: 30px; } @media (min-width: 768px) { .slider-holder .owl-carousel .owl-nav button.owl-next:before { font-size: 1.875rem; } } @media (min-width: 1200px) { .slider-holder .owl-carousel .owl-nav button.owl-next:before { font-size: 3.125rem; } } @media (min-width: 992px) { .slider-holder .owl-carousel .owl-dots { position: absolute; bottom: 0; } } .slider-holder .owl-carousel .owl-dots > button { width: 15px; height: 15px; } @media (min-width: 768px) { .ce_rsce_product_item_tabs .tabs .ce_text:not(.access-denied):not(.specification) { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } .ce_rsce_product_item_tabs .tabs .ce_text:not(.access-denied):not(.specification) p { margin-bottom: 15px; } .ce_rsce_product_item_tabs .tabs .ce_text.access-denied { padding-left: 0; padding-right: 0; } .ce_rsce_product_item_tabs .tabs .ce_text.access-denied h2, .ce_rsce_product_item_tabs .tabs .ce_text.access-denied .blog-article h1, .blog-article .ce_rsce_product_item_tabs .tabs .ce_text.access-denied h1, .ce_rsce_product_item_tabs .tabs .ce_text.access-denied h3, .ce_rsce_product_item_tabs .tabs .ce_text.access-denied h4, .ce_rsce_product_item_tabs .tabs .ce_text.access-denied h5 { color: #4a4a4a; text-transform: none; } .ce_rsce_product_item_tabs .tabs .ce_text.access-denied p { margin-bottom: 15px; } .ce_rsce_product_item_tabs .tabs .ce_text.access-denied p:last-child { margin-bottom: 0; } .ce_rsce_product_item_tabs .tabs .ce_rsce_products_downloads { padding-bottom: 15px; width: 100%; } @media (min-width: 768px) { .ce_rsce_product_item_tabs .tabs .ce_rsce_products_downloads { padding-bottom: 25px; } } @media (min-width: 1200px) { .ce_rsce_product_item_tabs .tabs .ce_rsce_products_downloads { padding-bottom: 60px; } } .ce_rsce_product_item_tabs .tabs .ce_rsce_products_downloads > div { margin: -10px; } @media (min-width: 768px) { .ce_rsce_product_item_tabs .tabs .ce_rsce_products_downloads > div { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media (min-width: 1200px) { .ce_rsce_product_item_tabs .tabs .ce_rsce_products_downloads > div { margin-left: -15px; margin-right: -15px; } } .ce_rsce_product_item_tabs .tabs .ce_rsce_products_downloads .teaser { padding-top: 10px; padding-bottom: 10px; } .ce_rsce_product_item_tabs .tabs .ce_rsce_products_downloads .teaser .headline { margin-bottom: 10px; } .ce_rsce_product_item_tabs .tabs .ce_rsce_products_downloads .teaser li { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; line-height: 1; padding: 5px 0; } .ce_rsce_product_item_tabs .tabs .ce_rsce_products_downloads .teaser .icon { display: block; margin-right: 10px; } .ce_rsce_product_item_tabs .tabs .ce_rsce_products_downloads .teaser .icon:before { font-size: 1.25rem; } .ce_rsce_product_item_tabs .tabs .ce_rsce_products_downloads .teaser .link { text-decoration: underline; font-family: "Fago no", sans-serif; font-size: 0.75rem; } .ce_rsce_product_item_tabs .tabs .ce_rsce_products_downloads .teaser .link:hover { text-decoration: none; color: #009ee3; } .ce_rsce_product_item_nand .main-info { padding-bottom: 15px; } @media (min-width: 768px) { .ce_rsce_product_item_nand .main-info { padding-bottom: 25px; } } @media (min-width: 1200px) { .ce_rsce_product_item_nand .main-info { padding-bottom: 60px; } } @media (max-width: 767px) { .ce_rsce_product_item_nand article > .row { margin-left: 0; margin-right: 0; display: block; } } .ce_rsce_product_item_nand .tabs, .ce_rsce_product_item_nand .ce_rsce_products_features { position: relative; } @media (max-width: 767px) { .ce_rsce_product_item_nand .tabs, .ce_rsce_product_item_nand .ce_rsce_products_features { padding-left: 0; padding-right: 0; margin-bottom: 15px; } } .ce_rsce_product_item_nand .tabs:before, .ce_rsce_product_item_nand .ce_rsce_products_features:before { content: ""; display: block; width: 100%; position: absolute; top: 0; left: 0; height: 1px; background: #009ee3; } .ce_rsce_product_item_nand .tabs { padding-top: 15px; } @media (min-width: 768px) { .ce_rsce_product_item_nand .tabs { padding-top: 25px; } } @media (min-width: 1200px) { .ce_rsce_product_item_nand .tabs { padding-top: 60px; } } @media (min-width: 768px) { .ce_rsce_product_item_nand .tabs .ce_text:not(.access-denied):not(.specification) { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } .ce_rsce_product_item_nand .tabs .ce_text:not(.access-denied):not(.specification) p { margin-bottom: 15px; } .ce_rsce_product_item_nand .tabs .ce_text.access-denied { padding-left: 0; padding-right: 0; } .ce_rsce_product_item_nand .tabs .ce_text.access-denied h2, .ce_rsce_product_item_nand .tabs .ce_text.access-denied .blog-article h1, .blog-article .ce_rsce_product_item_nand .tabs .ce_text.access-denied h1, .ce_rsce_product_item_nand .tabs .ce_text.access-denied h3, .ce_rsce_product_item_nand .tabs .ce_text.access-denied h4, .ce_rsce_product_item_nand .tabs .ce_text.access-denied h5 { color: #4a4a4a; text-transform: none; } .ce_rsce_product_item_nand .tabs .ce_text.access-denied p { margin-bottom: 15px; } .ce_rsce_product_item_nand .tabs .ce_text.access-denied p:last-child { margin-bottom: 0; } .ce_rsce_product_item_nand .ce_rsce_products_downloads { padding-bottom: 15px; width: 100%; } @media (min-width: 768px) { .ce_rsce_product_item_nand .ce_rsce_products_downloads { padding-bottom: 25px; } } @media (min-width: 1200px) { .ce_rsce_product_item_nand .ce_rsce_products_downloads { padding-bottom: 60px; } } .ce_rsce_product_item_nand .ce_rsce_products_downloads > div { margin: -10px; } @media (min-width: 768px) { .ce_rsce_product_item_nand .ce_rsce_products_downloads > div { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media (min-width: 1200px) { .ce_rsce_product_item_nand .ce_rsce_products_downloads > div { margin-left: -15px; margin-right: -15px; } } .ce_rsce_product_item_nand .ce_rsce_products_downloads .teaser { padding-top: 10px; padding-bottom: 10px; } .ce_rsce_product_item_nand .ce_rsce_products_downloads .teaser .headline { margin-bottom: 10px; } .ce_rsce_product_item_nand .ce_rsce_products_downloads .teaser li { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; line-height: 1; padding: 5px 0; } .ce_rsce_product_item_nand .ce_rsce_products_downloads .teaser .icon { display: block; margin-right: 10px; } .ce_rsce_product_item_nand .ce_rsce_products_downloads .teaser .icon:before { font-size: 1.25rem; } .ce_rsce_product_item_nand .ce_rsce_products_downloads .teaser .link { text-decoration: underline; font-family: "Fago no", sans-serif; font-size: 0.75rem; } .ce_rsce_product_item_nand .ce_rsce_products_downloads .teaser .link:hover { text-decoration: none; color: #009ee3; } .ce_rsce_product_item_nand .ce_rsce_products_features { padding-top: 15px; padding-bottom: 15px; } @media (min-width: 768px) { .ce_rsce_product_item_nand .ce_rsce_products_features { padding-top: 25px; } } @media (min-width: 1200px) { .ce_rsce_product_item_nand .ce_rsce_products_features { padding-top: 60px; } } @media (min-width: 768px) { .ce_rsce_product_item_nand .ce_rsce_products_features { padding-bottom: 25px; } } @media (min-width: 1200px) { .ce_rsce_product_item_nand .ce_rsce_products_features { padding-bottom: 60px; } } .ce_rsce_product_item_nand .ce_rsce_products_features .headline { color: #4a4a4a; text-transform: none; } .ce_rsce_product_item_nand_url .main-info { padding-bottom: 15px; } @media (min-width: 768px) { .ce_rsce_product_item_nand_url .main-info { padding-bottom: 25px; } } @media (min-width: 1200px) { .ce_rsce_product_item_nand_url .main-info { padding-bottom: 60px; } } @media (max-width: 767px) { .ce_rsce_product_item_nand_url article > .row { margin-left: 0; margin-right: 0; display: block; } } .ce_rsce_product_item_nand_url .tabs, .ce_rsce_product_item_nand_url .ce_rsce_products_features { position: relative; } @media (max-width: 767px) { .ce_rsce_product_item_nand_url .tabs, .ce_rsce_product_item_nand_url .ce_rsce_products_features { padding-left: 0; padding-right: 0; margin-bottom: 15px; } } .ce_rsce_product_item_nand_url .tabs:before, .ce_rsce_product_item_nand_url .ce_rsce_products_features:before { content: ""; display: block; width: 100%; position: absolute; top: 0; left: 0; height: 1px; background: #009ee3; } .ce_rsce_product_item_nand_url .tabs { padding-top: 15px; } @media (min-width: 768px) { .ce_rsce_product_item_nand_url .tabs { padding-top: 25px; } } @media (min-width: 1200px) { .ce_rsce_product_item_nand_url .tabs { padding-top: 60px; } } @media (min-width: 768px) { .ce_rsce_product_item_nand_url .tabs .ce_text:not(.access-denied):not(.specification) { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } .ce_rsce_product_item_nand_url .tabs .ce_text:not(.access-denied):not(.specification) p { margin-bottom: 15px; } .ce_rsce_product_item_nand_url .tabs .ce_text.access-denied { padding-left: 0; padding-right: 0; } .ce_rsce_product_item_nand_url .tabs .ce_text.access-denied h2, .ce_rsce_product_item_nand_url .tabs .ce_text.access-denied .blog-article h1, .blog-article .ce_rsce_product_item_nand_url .tabs .ce_text.access-denied h1, .ce_rsce_product_item_nand_url .tabs .ce_text.access-denied h3, .ce_rsce_product_item_nand_url .tabs .ce_text.access-denied h4, .ce_rsce_product_item_nand_url .tabs .ce_text.access-denied h5 { color: #4a4a4a; text-transform: none; } .ce_rsce_product_item_nand_url .tabs .ce_text.access-denied p { margin-bottom: 15px; } .ce_rsce_product_item_nand_url .tabs .ce_text.access-denied p:last-child { margin-bottom: 0; } .ce_rsce_product_item_nand_url .ce_rsce_products_downloads { padding-bottom: 15px; width: 100%; } @media (min-width: 768px) { .ce_rsce_product_item_nand_url .ce_rsce_products_downloads { padding-bottom: 25px; } } @media (min-width: 1200px) { .ce_rsce_product_item_nand_url .ce_rsce_products_downloads { padding-bottom: 60px; } } .ce_rsce_product_item_nand_url .ce_rsce_products_downloads > div { margin: -10px; } @media (min-width: 768px) { .ce_rsce_product_item_nand_url .ce_rsce_products_downloads > div { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media (min-width: 1200px) { .ce_rsce_product_item_nand_url .ce_rsce_products_downloads > div { margin-left: -15px; margin-right: -15px; } } .ce_rsce_product_item_nand_url .ce_rsce_products_downloads .teaser { padding-top: 10px; padding-bottom: 10px; } .ce_rsce_product_item_nand_url .ce_rsce_products_downloads .teaser .headline { margin-bottom: 10px; } .ce_rsce_product_item_nand_url .ce_rsce_products_downloads .teaser li { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; line-height: 1; padding: 5px 0; } .ce_rsce_product_item_nand_url .ce_rsce_products_downloads .teaser .icon { display: block; margin-right: 10px; } .ce_rsce_product_item_nand_url .ce_rsce_products_downloads .teaser .icon:before { font-size: 1.25rem; } .ce_rsce_product_item_nand_url .ce_rsce_products_downloads .teaser .link { text-decoration: underline; font-family: "Fago no", sans-serif; font-size: 0.75rem; } .ce_rsce_product_item_nand_url .ce_rsce_products_downloads .teaser .link:hover { text-decoration: none; color: #009ee3; } .ce_rsce_product_item_nand_url .ce_rsce_products_features { padding-top: 15px; padding-bottom: 15px; } @media (min-width: 768px) { .ce_rsce_product_item_nand_url .ce_rsce_products_features { padding-top: 25px; } } @media (min-width: 1200px) { .ce_rsce_product_item_nand_url .ce_rsce_products_features { padding-top: 60px; } } @media (min-width: 768px) { .ce_rsce_product_item_nand_url .ce_rsce_products_features { padding-bottom: 25px; } } @media (min-width: 1200px) { .ce_rsce_product_item_nand_url .ce_rsce_products_features { padding-bottom: 60px; } } .ce_rsce_product_item_nand_url .ce_rsce_products_features .headline { color: #4a4a4a; text-transform: none; } .ce_rsce_product_item_nand_spec .main-info { padding-bottom: 15px; } @media (min-width: 768px) { .ce_rsce_product_item_nand_spec .main-info { padding-bottom: 25px; } } @media (min-width: 1200px) { .ce_rsce_product_item_nand_spec .main-info { padding-bottom: 60px; } } @media (max-width: 767px) { .ce_rsce_product_item_nand_spec article > .row { margin-left: 0; margin-right: 0; display: block; } } .ce_rsce_product_item_nand_spec .headline-holder { -webkit-box-flex: 0 1 100%; -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } @media (min-width: 768px) { .ce_rsce_product_item_nand_spec .headline-holder { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } } @media (max-width: 767px) { .ce_rsce_product_item_nand_spec .headline-holder { padding-left: 0; padding-right: 0; margin-bottom: 15px; } } @media (min-width: 768px) { .ce_rsce_product_item_nand_spec .headline-holder .headline { -webkit-box-flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; } } .ce_rsce_product_item_nand_spec .headline-holder .cta-link { position: relative; color: #009ee3; } .ce_rsce_product_item_nand_spec .headline-holder .cta-link:after { content: ""; display: block; width: 0; height: 1px; background: #fff; position: absolute; bottom: 0; left: 0; -webkit-transition: width 0.2s ease-in; transition: width 0.2s ease-in; } .ce_rsce_product_item_nand_spec .headline-holder .cta-link:hover:after { width: 100%; } @media (min-width: 768px) { .ce_rsce_product_item_nand_spec .headline-holder .cta-link { -webkit-box-flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; } } .ce_rsce_product_item_nand_spec .headline-holder .cta-link:after { background: #009ee3; } .ce_rsce_product_item_nand_spec .slider-holder { width: 100%; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .ce_rsce_product_item_nand_spec .slider-holder .img-holder { width: 100%; } @media (min-width: 768px) { .ce_rsce_product_item_nand_spec .slider-holder .img-holder { padding-right: 0; } } .ce_rsce_product_item_nand_spec .slider-holder .img-holder .img { width: 100%; height: 100%; background-color: rgb(248, 248, 248); } @media (min-width: 992px) { .ce_rsce_product_item_nand_spec .slider-holder .img-holder .img { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } } .ce_rsce_product_item_nand_spec .slider-holder .img-holder .img img { max-width: 220px; } @media (min-width: 768px) { .ce_rsce_product_item_nand_spec .slider-holder .img-holder .img img { max-width: 220px; } } @media (min-width: 768px) { .ce_rsce_product_item_nand_spec .slider-holder .content-holder { padding-left: 0; } } @media (max-width: 767px) { .ce_rsce_product_item_nand_spec .slider-holder .content-holder { padding-left: 0; padding-right: 0; } } .ce_rsce_product_item_nand_spec .slider-holder .content-holder .inside { padding: 20px; } @media (min-width: 768px) { .ce_rsce_product_item_nand_spec .slider-holder .content-holder .inside { border: 2px solid #009ee3; border-left: none; border-bottom-right-radius: 50px; } } @media (min-width: 992px) { .ce_rsce_product_item_nand_spec .slider-holder .content-holder .inside { padding: 40px; } } @media (max-width: 767px) { .ce_rsce_product_item_nand_spec .slider-holder .content-holder .inside { padding-left: 0; padding-right: 0; } } .ce_rsce_product_item_nand_spec .slider-holder .content-holder .title { text-transform: none; color: #4a4a4a; } .ce_rsce_product_item_nand_spec .slider-holder .content-holder .ce_text ul { margin-bottom: 15px; line-height: 1.8; list-style-type: disc; padding-left: 1.5714286em; } @media (min-width: 768px) { .ce_rsce_product_item_nand_spec .slider-holder .content-holder .ce_text ul { margin-bottom: 25px; } } @media (min-width: 1200px) { .ce_rsce_product_item_nand_spec .slider-holder .content-holder .ce_text ul { margin-bottom: 60px; } } .ce_rsce_product_item_nand_spec .slider-holder .content-holder .ce_text li { padding-left: 0.4285714em; } .ce_rsce_product_item_nand_spec .slider-holder .content-holder .ce_text li::marker { color: #4a4a4a; } .ce_rsce_product_item_nand_spec .slider-holder .content-holder .button-block { text-align: left; margin-bottom: 0; } @media (min-width: 992px) { .ce_rsce_product_item_nand_spec .slider-holder .owl-carousel, .ce_rsce_product_item_nand_spec .slider-holder .owl-stage-outer, .ce_rsce_product_item_nand_spec .slider-holder .owl-stage, .ce_rsce_product_item_nand_spec .slider-holder .owl-item { height: 100%; } } .ce_rsce_product_item_nand_spec .slider-holder .owl-carousel .owl-nav { width: 100%; height: auto; } @media (min-width: 768px) { .ce_rsce_product_item_nand_spec .slider-holder .owl-carousel .owl-nav { height: auto; } } @media (min-width: 1200px) { .ce_rsce_product_item_nand_spec .slider-holder .owl-carousel .owl-nav { height: auto; } } @media (max-width: 767px) { .ce_rsce_product_item_nand_spec .slider-holder .owl-carousel .owl-nav { display: none; } } .ce_rsce_product_item_nand_spec .slider-holder .owl-carousel .owl-nav button.owl-prev { left: 30px; } @media (min-width: 768px) { .ce_rsce_product_item_nand_spec .slider-holder .owl-carousel .owl-nav button.owl-prev:before { font-size: 1.875rem; } } @media (min-width: 1200px) { .ce_rsce_product_item_nand_spec .slider-holder .owl-carousel .owl-nav button.owl-prev:before { font-size: 3.125rem; } } .ce_rsce_product_item_nand_spec .slider-holder .owl-carousel .owl-nav button.owl-next { right: 30px; } @media (min-width: 768px) { .ce_rsce_product_item_nand_spec .slider-holder .owl-carousel .owl-nav button.owl-next:before { font-size: 1.875rem; } } @media (min-width: 1200px) { .ce_rsce_product_item_nand_spec .slider-holder .owl-carousel .owl-nav button.owl-next:before { font-size: 3.125rem; } } @media (min-width: 992px) { .ce_rsce_product_item_nand_spec .slider-holder .owl-carousel .owl-dots { position: absolute; bottom: 0; } } .ce_rsce_product_item_nand_spec .slider-holder .owl-carousel .owl-dots > button { width: 15px; height: 15px; } .ce_rsce_product_item_nand_spec .tabs, .ce_rsce_product_item_nand_spec .ce_rsce_products_features { position: relative; } @media (max-width: 767px) { .ce_rsce_product_item_nand_spec .tabs, .ce_rsce_product_item_nand_spec .ce_rsce_products_features { padding-left: 0; padding-right: 0; margin-bottom: 15px; } } .ce_rsce_product_item_nand_spec .tabs:before, .ce_rsce_product_item_nand_spec .ce_rsce_products_features:before { content: ""; display: block; width: 100%; position: absolute; top: 0; left: 0; height: 1px; background: #009ee3; } .ce_rsce_product_item_nand_spec .tabs { padding-top: 15px; } @media (min-width: 768px) { .ce_rsce_product_item_nand_spec .tabs { padding-top: 25px; } } @media (min-width: 1200px) { .ce_rsce_product_item_nand_spec .tabs { padding-top: 60px; } } @media (min-width: 768px) { .ce_rsce_product_item_nand_spec .tabs .ce_text:not(.access-denied):not(.specification) { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } .ce_rsce_product_item_nand_spec .tabs .ce_text:not(.access-denied):not(.specification) p { margin-bottom: 15px; } .ce_rsce_product_item_nand_spec .tabs .ce_text.access-denied { padding-left: 0; padding-right: 0; } .ce_rsce_product_item_nand_spec .tabs .ce_text.access-denied h2, .ce_rsce_product_item_nand_spec .tabs .ce_text.access-denied .blog-article h1, .blog-article .ce_rsce_product_item_nand_spec .tabs .ce_text.access-denied h1, .ce_rsce_product_item_nand_spec .tabs .ce_text.access-denied h3, .ce_rsce_product_item_nand_spec .tabs .ce_text.access-denied h4, .ce_rsce_product_item_nand_spec .tabs .ce_text.access-denied h5 { color: #4a4a4a; text-transform: none; } .ce_rsce_product_item_nand_spec .tabs .ce_text.access-denied p { margin-bottom: 15px; } .ce_rsce_product_item_nand_spec .tabs .ce_text.access-denied p:last-child { margin-bottom: 0; } .ce_rsce_product_item_nand_spec .ce_rsce_products_downloads { padding-bottom: 15px; width: 100%; } @media (min-width: 768px) { .ce_rsce_product_item_nand_spec .ce_rsce_products_downloads { padding-bottom: 25px; } } @media (min-width: 1200px) { .ce_rsce_product_item_nand_spec .ce_rsce_products_downloads { padding-bottom: 60px; } } .ce_rsce_product_item_nand_spec .ce_rsce_products_downloads > div { margin: -10px; } @media (min-width: 768px) { .ce_rsce_product_item_nand_spec .ce_rsce_products_downloads > div { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media (min-width: 1200px) { .ce_rsce_product_item_nand_spec .ce_rsce_products_downloads > div { margin-left: -15px; margin-right: -15px; } } .ce_rsce_product_item_nand_spec .ce_rsce_products_downloads .teaser { padding-top: 10px; padding-bottom: 10px; } .ce_rsce_product_item_nand_spec .ce_rsce_products_downloads .teaser .headline { margin-bottom: 10px; } .ce_rsce_product_item_nand_spec .ce_rsce_products_downloads .teaser li { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; line-height: 1; padding: 5px 0; } .ce_rsce_product_item_nand_spec .ce_rsce_products_downloads .teaser .icon { display: block; margin-right: 10px; } .ce_rsce_product_item_nand_spec .ce_rsce_products_downloads .teaser .icon:before { font-size: 1.25rem; } .ce_rsce_product_item_nand_spec .ce_rsce_products_downloads .teaser .link { text-decoration: underline; font-family: "Fago no", sans-serif; font-size: 0.75rem; } .ce_rsce_product_item_nand_spec .ce_rsce_products_downloads .teaser .link:hover { text-decoration: none; color: #009ee3; } .ce_rsce_product_item_nand_spec .ce_rsce_products_features { padding-top: 15px; padding-bottom: 15px; } @media (min-width: 768px) { .ce_rsce_product_item_nand_spec .ce_rsce_products_features { padding-top: 25px; } } @media (min-width: 1200px) { .ce_rsce_product_item_nand_spec .ce_rsce_products_features { padding-top: 60px; } } @media (min-width: 768px) { .ce_rsce_product_item_nand_spec .ce_rsce_products_features { padding-bottom: 25px; } } @media (min-width: 1200px) { .ce_rsce_product_item_nand_spec .ce_rsce_products_features { padding-bottom: 60px; } } .ce_rsce_product_item_nand_spec .ce_rsce_products_features .headline { color: #4a4a4a; text-transform: none; } .ce_rsce_product_item_nand_spec_url .main-info { padding-bottom: 15px; } @media (min-width: 768px) { .ce_rsce_product_item_nand_spec_url .main-info { padding-bottom: 25px; } } @media (min-width: 1200px) { .ce_rsce_product_item_nand_spec_url .main-info { padding-bottom: 60px; } } @media (max-width: 767px) { .ce_rsce_product_item_nand_spec_url article > .row { margin-left: 0; margin-right: 0; display: block; } } .ce_rsce_product_item_nand_spec_url .headline-holder { -webkit-box-flex: 0 1 100%; -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } @media (min-width: 768px) { .ce_rsce_product_item_nand_spec_url .headline-holder { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } } @media (max-width: 767px) { .ce_rsce_product_item_nand_spec_url .headline-holder { padding-left: 0; padding-right: 0; margin-bottom: 15px; } } @media (min-width: 768px) { .ce_rsce_product_item_nand_spec_url .headline-holder .headline { -webkit-box-flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; } } .ce_rsce_product_item_nand_spec_url .headline-holder .cta-link { position: relative; color: #009ee3; } .ce_rsce_product_item_nand_spec_url .headline-holder .cta-link:after { content: ""; display: block; width: 0; height: 1px; background: #fff; position: absolute; bottom: 0; left: 0; -webkit-transition: width 0.2s ease-in; transition: width 0.2s ease-in; } .ce_rsce_product_item_nand_spec_url .headline-holder .cta-link:hover:after { width: 100%; } @media (min-width: 768px) { .ce_rsce_product_item_nand_spec_url .headline-holder .cta-link { -webkit-box-flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; } } .ce_rsce_product_item_nand_spec_url .headline-holder .cta-link:after { background: #009ee3; } .ce_rsce_product_item_nand_spec_url .slider-holder { width: 100%; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .ce_rsce_product_item_nand_spec_url .slider-holder .img-holder { width: 100%; } @media (min-width: 768px) { .ce_rsce_product_item_nand_spec_url .slider-holder .img-holder { padding-right: 0; } } .ce_rsce_product_item_nand_spec_url .slider-holder .img-holder .img { width: 100%; height: 100%; background-color: rgb(248, 248, 248); } @media (min-width: 992px) { .ce_rsce_product_item_nand_spec_url .slider-holder .img-holder .img { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } } .ce_rsce_product_item_nand_spec_url .slider-holder .img-holder .img img { max-width: 220px; } @media (min-width: 768px) { .ce_rsce_product_item_nand_spec_url .slider-holder .img-holder .img img { max-width: 220px; } } @media (min-width: 768px) { .ce_rsce_product_item_nand_spec_url .slider-holder .content-holder { padding-left: 0; } } @media (max-width: 767px) { .ce_rsce_product_item_nand_spec_url .slider-holder .content-holder { padding-left: 0; padding-right: 0; } } .ce_rsce_product_item_nand_spec_url .slider-holder .content-holder .inside { padding: 20px; } @media (min-width: 768px) { .ce_rsce_product_item_nand_spec_url .slider-holder .content-holder .inside { border: 2px solid #009ee3; border-left: none; border-bottom-right-radius: 50px; } } @media (min-width: 992px) { .ce_rsce_product_item_nand_spec_url .slider-holder .content-holder .inside { padding: 40px; } } @media (max-width: 767px) { .ce_rsce_product_item_nand_spec_url .slider-holder .content-holder .inside { padding-left: 0; padding-right: 0; } } .ce_rsce_product_item_nand_spec_url .slider-holder .content-holder .title { text-transform: none; color: #4a4a4a; } .ce_rsce_product_item_nand_spec_url .slider-holder .content-holder .ce_text ul { margin-bottom: 15px; line-height: 1.8; list-style-type: disc; padding-left: 1.5714286em; } @media (min-width: 768px) { .ce_rsce_product_item_nand_spec_url .slider-holder .content-holder .ce_text ul { margin-bottom: 25px; } } @media (min-width: 1200px) { .ce_rsce_product_item_nand_spec_url .slider-holder .content-holder .ce_text ul { margin-bottom: 60px; } } .ce_rsce_product_item_nand_spec_url .slider-holder .content-holder .ce_text li { padding-left: 0.4285714em; } .ce_rsce_product_item_nand_spec_url .slider-holder .content-holder .ce_text li::marker { color: #4a4a4a; } .ce_rsce_product_item_nand_spec_url .slider-holder .content-holder .button-block { text-align: left; margin-bottom: 0; } @media (min-width: 992px) { .ce_rsce_product_item_nand_spec_url .slider-holder .owl-carousel, .ce_rsce_product_item_nand_spec_url .slider-holder .owl-stage-outer, .ce_rsce_product_item_nand_spec_url .slider-holder .owl-stage, .ce_rsce_product_item_nand_spec_url .slider-holder .owl-item { height: 100%; } } .ce_rsce_product_item_nand_spec_url .slider-holder .owl-carousel .owl-nav { width: 100%; height: auto; } @media (min-width: 768px) { .ce_rsce_product_item_nand_spec_url .slider-holder .owl-carousel .owl-nav { height: auto; } } @media (min-width: 1200px) { .ce_rsce_product_item_nand_spec_url .slider-holder .owl-carousel .owl-nav { height: auto; } } @media (max-width: 767px) { .ce_rsce_product_item_nand_spec_url .slider-holder .owl-carousel .owl-nav { display: none; } } .ce_rsce_product_item_nand_spec_url .slider-holder .owl-carousel .owl-nav button.owl-prev { left: 30px; } @media (min-width: 768px) { .ce_rsce_product_item_nand_spec_url .slider-holder .owl-carousel .owl-nav button.owl-prev:before { font-size: 1.875rem; } } @media (min-width: 1200px) { .ce_rsce_product_item_nand_spec_url .slider-holder .owl-carousel .owl-nav button.owl-prev:before { font-size: 3.125rem; } } .ce_rsce_product_item_nand_spec_url .slider-holder .owl-carousel .owl-nav button.owl-next { right: 30px; } @media (min-width: 768px) { .ce_rsce_product_item_nand_spec_url .slider-holder .owl-carousel .owl-nav button.owl-next:before { font-size: 1.875rem; } } @media (min-width: 1200px) { .ce_rsce_product_item_nand_spec_url .slider-holder .owl-carousel .owl-nav button.owl-next:before { font-size: 3.125rem; } } @media (min-width: 992px) { .ce_rsce_product_item_nand_spec_url .slider-holder .owl-carousel .owl-dots { position: absolute; bottom: 0; } } .ce_rsce_product_item_nand_spec_url .slider-holder .owl-carousel .owl-dots > button { width: 15px; height: 15px; } .ce_rsce_product_item_nand_spec_url .tabs, .ce_rsce_product_item_nand_spec_url .ce_rsce_products_features { position: relative; } @media (max-width: 767px) { .ce_rsce_product_item_nand_spec_url .tabs, .ce_rsce_product_item_nand_spec_url .ce_rsce_products_features { padding-left: 0; padding-right: 0; margin-bottom: 15px; } } .ce_rsce_product_item_nand_spec_url .tabs:before, .ce_rsce_product_item_nand_spec_url .ce_rsce_products_features:before { content: ""; display: block; width: 100%; position: absolute; top: 0; left: 0; height: 1px; background: #009ee3; } .ce_rsce_product_item_nand_spec_url .tabs { padding-top: 15px; } @media (min-width: 768px) { .ce_rsce_product_item_nand_spec_url .tabs { padding-top: 25px; } } @media (min-width: 1200px) { .ce_rsce_product_item_nand_spec_url .tabs { padding-top: 60px; } } @media (min-width: 768px) { .ce_rsce_product_item_nand_spec_url .tabs .ce_text:not(.access-denied):not(.specification) { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } .ce_rsce_product_item_nand_spec_url .tabs .ce_text:not(.access-denied):not(.specification) p { margin-bottom: 15px; } .ce_rsce_product_item_nand_spec_url .tabs .ce_text.access-denied { padding-left: 0; padding-right: 0; } .ce_rsce_product_item_nand_spec_url .tabs .ce_text.access-denied h2, .ce_rsce_product_item_nand_spec_url .tabs .ce_text.access-denied .blog-article h1, .blog-article .ce_rsce_product_item_nand_spec_url .tabs .ce_text.access-denied h1, .ce_rsce_product_item_nand_spec_url .tabs .ce_text.access-denied h3, .ce_rsce_product_item_nand_spec_url .tabs .ce_text.access-denied h4, .ce_rsce_product_item_nand_spec_url .tabs .ce_text.access-denied h5 { color: #4a4a4a; text-transform: none; } .ce_rsce_product_item_nand_spec_url .tabs .ce_text.access-denied p { margin-bottom: 15px; } .ce_rsce_product_item_nand_spec_url .tabs .ce_text.access-denied p:last-child { margin-bottom: 0; } .ce_rsce_product_item_nand_spec_url .ce_rsce_products_downloads { padding-bottom: 15px; width: 100%; } @media (min-width: 768px) { .ce_rsce_product_item_nand_spec_url .ce_rsce_products_downloads { padding-bottom: 25px; } } @media (min-width: 1200px) { .ce_rsce_product_item_nand_spec_url .ce_rsce_products_downloads { padding-bottom: 60px; } } .ce_rsce_product_item_nand_spec_url .ce_rsce_products_downloads > div { margin: -10px; } @media (min-width: 768px) { .ce_rsce_product_item_nand_spec_url .ce_rsce_products_downloads > div { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media (min-width: 1200px) { .ce_rsce_product_item_nand_spec_url .ce_rsce_products_downloads > div { margin-left: -15px; margin-right: -15px; } } .ce_rsce_product_item_nand_spec_url .ce_rsce_products_downloads .teaser { padding-top: 10px; padding-bottom: 10px; } .ce_rsce_product_item_nand_spec_url .ce_rsce_products_downloads .teaser .headline { margin-bottom: 10px; } .ce_rsce_product_item_nand_spec_url .ce_rsce_products_downloads .teaser li { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; line-height: 1; padding: 5px 0; } .ce_rsce_product_item_nand_spec_url .ce_rsce_products_downloads .teaser .icon { display: block; margin-right: 10px; } .ce_rsce_product_item_nand_spec_url .ce_rsce_products_downloads .teaser .icon:before { font-size: 1.25rem; } .ce_rsce_product_item_nand_spec_url .ce_rsce_products_downloads .teaser .link { text-decoration: underline; font-family: "Fago no", sans-serif; font-size: 0.75rem; } .ce_rsce_product_item_nand_spec_url .ce_rsce_products_downloads .teaser .link:hover { text-decoration: none; color: #009ee3; } .ce_rsce_product_item_nand_spec_url .ce_rsce_products_features { padding-top: 15px; padding-bottom: 15px; } @media (min-width: 768px) { .ce_rsce_product_item_nand_spec_url .ce_rsce_products_features { padding-top: 25px; } } @media (min-width: 1200px) { .ce_rsce_product_item_nand_spec_url .ce_rsce_products_features { padding-top: 60px; } } @media (min-width: 768px) { .ce_rsce_product_item_nand_spec_url .ce_rsce_products_features { padding-bottom: 25px; } } @media (min-width: 1200px) { .ce_rsce_product_item_nand_spec_url .ce_rsce_products_features { padding-bottom: 60px; } } .ce_rsce_product_item_nand_spec_url .ce_rsce_products_features .headline { color: #4a4a4a; text-transform: none; } .ce_rsce_products_options .options-holder { margin-left: auto; margin-right: auto; padding-top: 15px; padding-bottom: 15px; } @media (min-width: 768px) { .ce_rsce_products_options .options-holder { padding-top: 25px; } } @media (min-width: 1200px) { .ce_rsce_products_options .options-holder { padding-top: 60px; } } @media (min-width: 768px) { .ce_rsce_products_options .options-holder { padding-bottom: 25px; } } @media (min-width: 1200px) { .ce_rsce_products_options .options-holder { padding-bottom: 60px; } } @media (min-width: 768px) { .ce_rsce_products_options .options-holder { width: 83.33%; } } @media (min-width: 1200px) { .ce_rsce_products_options .options-holder { width: 66.66%; } } .ce_rsce_products_options .options-holder .teaser { padding-top: 30px; } .ce_rsce_products_options .options-holder .teaser:first-child { padding-top: 0; } @media (min-width: 768px) { .ce_rsce_products_options .options-holder .teaser:nth-child(even) .img-holder { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } } @media (min-width: 768px) { .ce_rsce_products_options .options-holder .teaser:nth-child(even) .img-holder .img { background-position: 0 50%; } } @media (min-width: 768px) { .ce_rsce_products_options .options-holder .teaser { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .ce_rsce_products_options .options-holder .teaser .content-holder .title { color: #4a4a4a; text-transform: none; margin-bottom: 15px; } .ce_rsce_products_options .options-holder .teaser .img-holder .img { height: 100%; max-height: 280px; } .ce_rsce_products_options .options-holder .teaser .img-holder .img :is(img, picture) { display: block; } .ce_rsce_products_options .options-holder .teaser .img-holder .img img { -o-object-fit: cover; object-fit: cover; width: 50%; height: 50%; } .ce_rsce_products_options .ce_rsce_products_items { padding-top: 15px; padding-bottom: 15px; padding-left: 0; padding-right: 0; } @media (min-width: 768px) { .ce_rsce_products_options .ce_rsce_products_items { padding-top: 25px; } } @media (min-width: 1200px) { .ce_rsce_products_options .ce_rsce_products_items { padding-top: 60px; } } @media (min-width: 768px) { .ce_rsce_products_options .ce_rsce_products_items { padding-bottom: 25px; } } @media (min-width: 1200px) { .ce_rsce_products_options .ce_rsce_products_items { padding-bottom: 60px; } } .ce_rsce_products_options .ce_rsce_products_items .container { padding: 0; } .ce_rsce_products_options .ce_rsce_products_features { padding-top: 15px; } @media (min-width: 768px) { .ce_rsce_products_options .ce_rsce_products_features { padding-top: 25px; } } @media (min-width: 1200px) { .ce_rsce_products_options .ce_rsce_products_features { padding-top: 60px; } } .ce_rsce_products_options .ce_rsce_products_downloads { padding-bottom: 15px; } @media (min-width: 768px) { .ce_rsce_products_options .ce_rsce_products_downloads { padding-bottom: 25px; } } @media (min-width: 1200px) { .ce_rsce_products_options .ce_rsce_products_downloads { padding-bottom: 60px; } } .ce_rsce_products_options .ce_rsce_products_downloads .accordion > div.logged-in { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -10px; } @media (min-width: 1200px) { .ce_rsce_products_options .ce_rsce_products_downloads .accordion > div { margin-left: -15px; margin-right: -15px; } } .ce_rsce_products_options .ce_rsce_products_downloads .teaser { padding-top: 10px; padding-bottom: 10px; } .ce_rsce_products_options .ce_rsce_products_downloads .teaser .headline { margin-bottom: 10px; } .ce_rsce_products_options .ce_rsce_products_downloads .teaser li { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; line-height: 1; padding: 5px 0; } .ce_rsce_products_options .ce_rsce_products_downloads .teaser .icon { display: block; margin-right: 10px; } .ce_rsce_products_options .ce_rsce_products_downloads .teaser .icon:before { font-size: 1.25rem; } .ce_rsce_products_options .ce_rsce_products_downloads .teaser .link { text-decoration: underline; font-family: "Fago no", sans-serif; font-size: 0.75rem; } .ce_rsce_products_options .ce_rsce_products_downloads .teaser .link:hover { text-decoration: none; color: #009ee3; } .ce_rsce_products_options .ce_text.access-denied h2, .ce_rsce_products_options .ce_text.access-denied .blog-article h1, .blog-article .ce_rsce_products_options .ce_text.access-denied h1, .ce_rsce_products_options .ce_text.access-denied h3, .ce_rsce_products_options .ce_text.access-denied h4, .ce_rsce_products_options .ce_text.access-denied h5 { color: #4a4a4a; text-transform: none; } .ce_rsce_products_options .ce_text.access-denied p { margin-bottom: 15px; } .ce_rsce_products_options .ce_text.access-denied p:last-child { margin-bottom: 0; } .ce_rsce_products_options .ce_accordion:before, .ce_rsce_products_options .ce_accordion:after { width: 100%; left: 0; } .ce_rsce_product_item_security .main-info, .ce_rsce_product_item_accordion .main-info { padding-bottom: 15px; } @media (min-width: 768px) { .ce_rsce_product_item_security .main-info, .ce_rsce_product_item_accordion .main-info { padding-bottom: 25px; } } @media (min-width: 1200px) { .ce_rsce_product_item_security .main-info, .ce_rsce_product_item_accordion .main-info { padding-bottom: 60px; } } @media (max-width: 767px) { .ce_rsce_product_item_security .main-info article > .row, .ce_rsce_product_item_accordion .main-info article > .row { margin-left: 0; margin-right: 0; } } @media (max-width: 767px) { .ce_rsce_product_item_security article > .row, .ce_rsce_product_item_accordion article > .row { display: block; } } .ce_rsce_product_item_security .ce_rsce_products_categories, .ce_rsce_product_item_accordion .ce_rsce_products_categories { padding-top: 15px; padding-bottom: 15px; padding-left: 0; padding-right: 0; } @media (min-width: 768px) { .ce_rsce_product_item_security .ce_rsce_products_categories, .ce_rsce_product_item_accordion .ce_rsce_products_categories { padding-top: 25px; } } @media (min-width: 1200px) { .ce_rsce_product_item_security .ce_rsce_products_categories, .ce_rsce_product_item_accordion .ce_rsce_products_categories { padding-top: 60px; } } @media (min-width: 768px) { .ce_rsce_product_item_security .ce_rsce_products_categories, .ce_rsce_product_item_accordion .ce_rsce_products_categories { padding-bottom: 25px; } } @media (min-width: 1200px) { .ce_rsce_product_item_security .ce_rsce_products_categories, .ce_rsce_product_item_accordion .ce_rsce_products_categories { padding-bottom: 60px; } } .ce_rsce_product_item_security .ce_rsce_products_features, .ce_rsce_product_item_accordion .ce_rsce_products_features { padding-top: 15px; padding-left: 0; padding-right: 0; } @media (min-width: 768px) { .ce_rsce_product_item_security .ce_rsce_products_features, .ce_rsce_product_item_accordion .ce_rsce_products_features { padding-top: 25px; } } @media (min-width: 1200px) { .ce_rsce_product_item_security .ce_rsce_products_features, .ce_rsce_product_item_accordion .ce_rsce_products_features { padding-top: 60px; } } .ce_rsce_product_item_security .ce_rsce_products_tables, .ce_rsce_product_item_accordion .ce_rsce_products_tables { padding-left: 0; padding-right: 0; } .ce_rsce_product_item_security .ce_rsce_products_downloads, .ce_rsce_product_item_accordion .ce_rsce_products_downloads { padding-bottom: 15px; padding-left: 0; padding-right: 0; } @media (min-width: 768px) { .ce_rsce_product_item_security .ce_rsce_products_downloads, .ce_rsce_product_item_accordion .ce_rsce_products_downloads { padding-bottom: 25px; } } @media (min-width: 1200px) { .ce_rsce_product_item_security .ce_rsce_products_downloads, .ce_rsce_product_item_accordion .ce_rsce_products_downloads { padding-bottom: 60px; } } .ce_rsce_product_item_security .ce_rsce_products_downloads .accordion > div.logged-in, .ce_rsce_product_item_accordion .ce_rsce_products_downloads .accordion > div.logged-in { margin: -10px; } @media (min-width: 768px) { .ce_rsce_product_item_security .ce_rsce_products_downloads .accordion > div.logged-in, .ce_rsce_product_item_accordion .ce_rsce_products_downloads .accordion > div.logged-in { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media (min-width: 768px) { .ce_rsce_product_item_security .ce_rsce_products_downloads .accordion > div, .ce_rsce_product_item_accordion .ce_rsce_products_downloads .accordion > div { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } } @media (min-width: 1200px) { .ce_rsce_product_item_security .ce_rsce_products_downloads .accordion > div, .ce_rsce_product_item_accordion .ce_rsce_products_downloads .accordion > div { margin-left: -15px; margin-right: -15px; } } .ce_rsce_product_item_security .ce_rsce_products_downloads .teaser, .ce_rsce_product_item_accordion .ce_rsce_products_downloads .teaser { padding-top: 10px; padding-bottom: 10px; } .ce_rsce_product_item_security .ce_rsce_products_downloads .teaser .headline, .ce_rsce_product_item_accordion .ce_rsce_products_downloads .teaser .headline { margin-bottom: 10px; } .ce_rsce_product_item_security .ce_rsce_products_downloads .teaser li, .ce_rsce_product_item_accordion .ce_rsce_products_downloads .teaser li { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; line-height: 1; padding: 5px 0; } .ce_rsce_product_item_security .ce_rsce_products_downloads .teaser .icon, .ce_rsce_product_item_accordion .ce_rsce_products_downloads .teaser .icon { display: block; margin-right: 10px; } .ce_rsce_product_item_security .ce_rsce_products_downloads .teaser .icon:before, .ce_rsce_product_item_accordion .ce_rsce_products_downloads .teaser .icon:before { font-size: 1.25rem; } .ce_rsce_product_item_security .ce_rsce_products_downloads .teaser .link, .ce_rsce_product_item_accordion .ce_rsce_products_downloads .teaser .link { text-decoration: underline; font-family: "Fago no", sans-serif; font-size: 0.75rem; } .ce_rsce_product_item_security .ce_rsce_products_downloads .teaser .link:hover, .ce_rsce_product_item_accordion .ce_rsce_products_downloads .teaser .link:hover { text-decoration: none; color: #009ee3; } .ce_rsce_product_item_security .ce_rsce_products_downloads .ce_text.access-denied h2, .ce_rsce_product_item_security .ce_rsce_products_downloads .ce_text.access-denied .blog-article h1, .blog-article .ce_rsce_product_item_security .ce_rsce_products_downloads .ce_text.access-denied h1, .ce_rsce_product_item_security .ce_rsce_products_downloads .ce_text.access-denied h3, .ce_rsce_product_item_security .ce_rsce_products_downloads .ce_text.access-denied h4, .ce_rsce_product_item_security .ce_rsce_products_downloads .ce_text.access-denied h5, .ce_rsce_product_item_accordion .ce_rsce_products_downloads .ce_text.access-denied h2, .ce_rsce_product_item_accordion .ce_rsce_products_downloads .ce_text.access-denied .blog-article h1, .blog-article .ce_rsce_product_item_accordion .ce_rsce_products_downloads .ce_text.access-denied h1, .ce_rsce_product_item_accordion .ce_rsce_products_downloads .ce_text.access-denied h3, .ce_rsce_product_item_accordion .ce_rsce_products_downloads .ce_text.access-denied h4, .ce_rsce_product_item_accordion .ce_rsce_products_downloads .ce_text.access-denied h5 { color: #4a4a4a; text-transform: none; } .ce_rsce_product_item_security .ce_rsce_products_downloads .ce_text.access-denied p, .ce_rsce_product_item_accordion .ce_rsce_products_downloads .ce_text.access-denied p { margin-bottom: 15px; } .ce_rsce_product_item_security .ce_rsce_products_downloads .ce_text.access-denied p:last-child, .ce_rsce_product_item_accordion .ce_rsce_products_downloads .ce_text.access-denied p:last-child { margin-bottom: 0; } .ce_rsce_product_item_security .headline-holder, .ce_rsce_product_item_accordion .headline-holder { -webkit-box-flex: 0 1 100%; -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } @media (min-width: 768px) { .ce_rsce_product_item_security .headline-holder, .ce_rsce_product_item_accordion .headline-holder { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } } @media (max-width: 767px) { .ce_rsce_product_item_security .headline-holder, .ce_rsce_product_item_accordion .headline-holder { padding-left: 0; padding-right: 0; margin-bottom: 15px; } } @media (min-width: 768px) { .ce_rsce_product_item_security .headline-holder .headline, .ce_rsce_product_item_accordion .headline-holder .headline { -webkit-box-flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; } } .ce_rsce_product_item_security .headline-holder .cta-link, .ce_rsce_product_item_accordion .headline-holder .cta-link { position: relative; color: #009ee3; } .ce_rsce_product_item_security .headline-holder .cta-link:after, .ce_rsce_product_item_accordion .headline-holder .cta-link:after { content: ""; display: block; width: 0; height: 1px; background: #fff; position: absolute; bottom: 0; left: 0; -webkit-transition: width 0.2s ease-in; transition: width 0.2s ease-in; } .ce_rsce_product_item_security .headline-holder .cta-link:hover:after, .ce_rsce_product_item_accordion .headline-holder .cta-link:hover:after { width: 100%; } @media (min-width: 768px) { .ce_rsce_product_item_security .headline-holder .cta-link, .ce_rsce_product_item_accordion .headline-holder .cta-link { -webkit-box-flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; } } .ce_rsce_product_item_security .headline-holder .cta-link:after, .ce_rsce_product_item_accordion .headline-holder .cta-link:after { background: #009ee3; } @media (min-width: 992px) { .ce_rsce_product_item_security .carousel-holder, .ce_rsce_product_item_accordion .carousel-holder { padding-right: 0; } } @media (max-width: 767px) { .ce_rsce_product_item_security .carousel-holder, .ce_rsce_product_item_accordion .carousel-holder { padding-left: 0; padding-right: 0; width: 100%; } } @media (min-width: 992px) { .ce_rsce_product_item_security .carousel-holder .owl-carousel, .ce_rsce_product_item_security .carousel-holder .owl-stage-outer, .ce_rsce_product_item_security .carousel-holder .owl-stage, .ce_rsce_product_item_security .carousel-holder .owl-item, .ce_rsce_product_item_accordion .carousel-holder .owl-carousel, .ce_rsce_product_item_accordion .carousel-holder .owl-stage-outer, .ce_rsce_product_item_accordion .carousel-holder .owl-stage, .ce_rsce_product_item_accordion .carousel-holder .owl-item { height: 100%; } } .ce_rsce_product_item_security .carousel-holder .owl-carousel .owl-nav, .ce_rsce_product_item_accordion .carousel-holder .owl-carousel .owl-nav { width: 100%; height: auto; } @media (min-width: 768px) { .ce_rsce_product_item_security .carousel-holder .owl-carousel .owl-nav, .ce_rsce_product_item_accordion .carousel-holder .owl-carousel .owl-nav { height: auto; } } @media (min-width: 1200px) { .ce_rsce_product_item_security .carousel-holder .owl-carousel .owl-nav, .ce_rsce_product_item_accordion .carousel-holder .owl-carousel .owl-nav { height: auto; } } @media (max-width: 767px) { .ce_rsce_product_item_security .carousel-holder .owl-carousel .owl-nav, .ce_rsce_product_item_accordion .carousel-holder .owl-carousel .owl-nav { display: none; } } .ce_rsce_product_item_security .carousel-holder .owl-carousel .owl-nav button.owl-prev, .ce_rsce_product_item_accordion .carousel-holder .owl-carousel .owl-nav button.owl-prev { left: 30px; } @media (min-width: 768px) { .ce_rsce_product_item_security .carousel-holder .owl-carousel .owl-nav button.owl-prev:before, .ce_rsce_product_item_accordion .carousel-holder .owl-carousel .owl-nav button.owl-prev:before { font-size: 1.875rem; } } @media (min-width: 1200px) { .ce_rsce_product_item_security .carousel-holder .owl-carousel .owl-nav button.owl-prev:before, .ce_rsce_product_item_accordion .carousel-holder .owl-carousel .owl-nav button.owl-prev:before { font-size: 3.125rem; } } .ce_rsce_product_item_security .carousel-holder .owl-carousel .owl-nav button.owl-next, .ce_rsce_product_item_accordion .carousel-holder .owl-carousel .owl-nav button.owl-next { right: 30px; } @media (min-width: 768px) { .ce_rsce_product_item_security .carousel-holder .owl-carousel .owl-nav button.owl-next:before, .ce_rsce_product_item_accordion .carousel-holder .owl-carousel .owl-nav button.owl-next:before { font-size: 1.875rem; } } @media (min-width: 1200px) { .ce_rsce_product_item_security .carousel-holder .owl-carousel .owl-nav button.owl-next:before, .ce_rsce_product_item_accordion .carousel-holder .owl-carousel .owl-nav button.owl-next:before { font-size: 3.125rem; } } @media (min-width: 992px) { .ce_rsce_product_item_security .carousel-holder .owl-carousel .owl-dots, .ce_rsce_product_item_accordion .carousel-holder .owl-carousel .owl-dots { position: absolute; bottom: 0; } } .ce_rsce_product_item_security .carousel-holder .owl-carousel .owl-dots > button, .ce_rsce_product_item_accordion .carousel-holder .owl-carousel .owl-dots > button { width: 15px; height: 15px; } .ce_rsce_product_item_security .carousel-holder .teaser, .ce_rsce_product_item_accordion .carousel-holder .teaser { width: 100%; height: 100%; } .ce_rsce_product_item_security .carousel-holder .teaser .img, .ce_rsce_product_item_accordion .carousel-holder .teaser .img { width: 100%; height: 100%; background-color: rgb(248, 248, 248); } @media (min-width: 992px) { .ce_rsce_product_item_security .carousel-holder .teaser .img, .ce_rsce_product_item_accordion .carousel-holder .teaser .img { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } } .ce_rsce_product_item_security .carousel-holder .teaser .img img, .ce_rsce_product_item_accordion .carousel-holder .teaser .img img { max-width: 220px; } @media (min-width: 768px) { .ce_rsce_product_item_security .carousel-holder .teaser .img img, .ce_rsce_product_item_accordion .carousel-holder .teaser .img img { max-width: 80%; } } .ce_rsce_product_item_security .content-holder, .ce_rsce_product_item_accordion .content-holder { border: 2px solid #009ee3; border-bottom-right-radius: 50px; } @media (min-width: 992px) { .ce_rsce_product_item_security .content-holder, .ce_rsce_product_item_accordion .content-holder { padding-left: 0; border-left: none; } } .ce_rsce_product_item_security .content-holder .inside, .ce_rsce_product_item_accordion .content-holder .inside { padding: 20px; } @media (min-width: 992px) { .ce_rsce_product_item_security .content-holder .inside, .ce_rsce_product_item_accordion .content-holder .inside { padding: 40px; } } .ce_rsce_product_item_security .content-holder .title, .ce_rsce_product_item_accordion .content-holder .title { text-transform: none; color: #4a4a4a; } .ce_rsce_product_item_security .content-holder .button-block, .ce_rsce_product_item_accordion .content-holder .button-block { text-align: right; margin-bottom: 0; } .ce_rsce_product_item_security .ce_accordion:before, .ce_rsce_product_item_security .ce_accordion:after, .ce_rsce_product_item_accordion .ce_accordion:before, .ce_rsce_product_item_accordion .ce_accordion:after { width: 100%; left: 0; } .ce_rsce_products_features .features-holder { margin: 15px -15px; } @media (min-width: 768px) { .ce_rsce_products_features .features-holder { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } } .ce_rsce_products_features .feature-block { position: relative; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; padding: 15px; cursor: pointer; } @media (min-width: 768px) { .ce_rsce_products_features .feature-block { -webkit-box-flex: 0 1 50%; -webkit-flex: 0 1 50%; -ms-flex: 0 1 50%; flex: 0 1 50%; -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; } } @media (min-width: 992px) { .ce_rsce_products_features .feature-block { -webkit-box-flex: 0 1 33.33%; -webkit-flex: 0 1 33.33%; -ms-flex: 0 1 33.33%; flex: 0 1 33.33%; -webkit-flex-basis: 33.33%; -ms-flex-preferred-size: 33.33%; flex-basis: 33.33%; } } .ce_rsce_products_features .feature-block.active .feature-toggler:after { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .ce_rsce_products_features .feature-block .feature-icon { position: relative; width: 61px; height: 61px; will-change: transform; -webkit-transition: transform 0.2s ease-in; -webkit-transition: -webkit-transform 0.2s ease-in; transition: -webkit-transform 0.2s ease-in; transition: transform 0.2s ease-in; transition: transform 0.2s ease-in, -webkit-transform 0.2s ease-in; } .ce_rsce_products_features .feature-block .feature-icon:before { content: ""; display: block; width: 100%; height: 100%; background: rgb(0, 110, 159); background: -webkit-linear-gradient(left, rgb(0, 157, 224) 0%, rgb(0, 173, 239) 100%); background: linear-gradient(to right, rgb(0, 157, 224) 0%, rgb(0, 173, 239) 100%); position: absolute; top: 0; left: 0; } .ce_rsce_products_features .feature-block .feature-icon img { position: absolute; top: 50%; left: 50%; max-width: 60%; max-height: 60%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .ce_rsce_products_features .feature-block .feature-content { -webkit-box-flex: 0 1 calc(100% - 61px); -webkit-flex: 0 1 calc(100% - 61px); -ms-flex: 0 1 calc(100% - 61px); flex: 0 1 calc(100% - 61px); -webkit-flex-basis: calc(100% - 61px); -ms-flex-preferred-size: calc(100% - 61px); flex-basis: calc(100% - 61px); } .ce_rsce_products_features .feature-block .feature-toggler { position: relative; padding: 15px; font-family: "FaNo Regular", sans-serif; background-color: rgb(248, 248, 248); font-size: 16px; line-height: 1; min-height: 60px; max-height: 60px; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .ce_rsce_products_features .feature-block .feature-toggler:after { font-family: "icomoon" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e902"; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); font-size: 1.375rem; position: absolute; top: 50%; right: 15px; margin-top: -11px; will-change: transform; -webkit-transition: transform 0.2s ease-in; -webkit-transition: -webkit-transform 0.2s ease-in; transition: -webkit-transform 0.2s ease-in; transition: transform 0.2s ease-in; transition: transform 0.2s ease-in, -webkit-transform 0.2s ease-in; } .ce_rsce_products_features .feature-block .feature-description { display: none; width: 100%; background: rgb(248, 248, 248); padding: 10px; z-index: 1; border: 1px solid rgb(248, 248, 248); } .ce_rsce_products_features .feature-block .feature-description p { margin-bottom: 0; } @media (min-width: 768px) { body.safari .ce_rsce_products_pf_items .teaser { margin-left: -1px; margin-right: -1px; } } .ce_rsce_products_pf_items article { margin-top: -10px; margin-bottom: -10px; } @media (min-width: 1200px) { .ce_rsce_products_pf_items article { margin-top: -15px; margin-bottom: -15px; } } .ce_rsce_products_pf_items .teaser { -webkit-box-flex: 0 1 100%; -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; padding-top: 10px; padding-bottom: 10px; } @media (min-width: 768px) { .ce_rsce_products_pf_items .teaser { -webkit-box-flex: 0 1 33.3334%; -webkit-flex: 0 1 33.3334%; -ms-flex: 0 1 33.3334%; flex: 0 1 33.3334%; -webkit-flex-basis: 33.3334%; -ms-flex-preferred-size: 33.3334%; flex-basis: 33.3334%; } } @media (min-width: 1200px) { .ce_rsce_products_pf_items .teaser { padding-top: 15px; padding-bottom: 15px; } } .ce_rsce_products_pf_items .inside.desktop { display: none; } @media (min-width: 1200px) { .ce_rsce_products_pf_items .inside.desktop { display: block; } } .ce_rsce_products_pf_items .inside.mobile { position: relative; display: block; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; overflow: hidden; } .ce_rsce_products_pf_items .inside.mobile:after { content: ""; display: block; padding-bottom: 0; } @media (min-width: 1200px) { .ce_rsce_products_pf_items .inside.mobile { display: none; } } .ce_rsce_products_pf_items .inside:hover > .title, .ce_rsce_products_pf_items .inside.hover > .title { opacity: 0; } .ce_rsce_products_pf_items .inside:hover .description, .ce_rsce_products_pf_items .inside.hover .description { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .ce_rsce_products_pf_items .inside:hover .title, .ce_rsce_products_pf_items .inside.hover .title { opacity: 0; } .ce_rsce_products_pf_items .inside .title { color: #fff; padding: 0 15px; display: block; width: 100%; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; font-size: 1.5rem; -webkit-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in; } .ce_rsce_products_pf_items .inside a { position: relative; display: block; overflow: hidden; } .ce_rsce_products_pf_items .inside a:after { content: ""; display: block; padding-bottom: 75%; } .ce_rsce_products_pf_items .description { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; font-size: 16px; color: rgb(120, 188, 43); background: rgba(255, 255, 255, 0.9); will-change: transform; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-transition: transform 0.2s ease-out; -webkit-transition: -webkit-transform 0.2s ease-out; transition: -webkit-transform 0.2s ease-out; transition: transform 0.2s ease-out; transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out; padding: 20px; text-align: center; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; z-index: 5; } .ce_rsce_products_pf_items .description .title { text-align: center; font-size: 1.5rem; display: block; width: 100%; margin-bottom: 10px; } .ce_rsce_products_pf_items .description p:not(.title) { margin-bottom: 0; } @media (min-width: 768px) { body.safari .media-list .row > .col-12 { margin-left: -1px; margin-right: -1px; } } .media-list .card > .card-body { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .media-list .card > .card-body.card-body--hidden-mouseover { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .media-list .card > .card-body.card-body--hidden-mouseover .card-title { margin-top: 0; margin-bottom: 0; } .media-list .card > .card-body.card-body--visible-mouseover { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .media-list .card > .card-body.card-body--visible-mouseover .card-title { font-size: 1.5rem; display: block; width: 100%; margin-bottom: 10px; color: #fff; font-family: "FaNo Regular", sans-serif; } .media-list .card > .card-body.card-body--visible-mouseover p { display: none; margin-bottom: 0; } .media-list .card > .card-body.card-body--visible-mouseover table tr td { padding: 2px; } .media-list .card > .card-body.card-body--visible-mouseover table tr td:first-child { color: #fff; font-family: "FaNo Regular", sans-serif; } .media-list .card > .card-body.card-body--visible-mouseover table tr .text-blue { color: #fff !important; } .ce_rsce_teaser_video { --video-width-ratio: 16; --video-height-ratio: 9; --video-min-player-height: 480px; --video-max-player-width: calc( (100vh - var(--video-min-player-height)) * (var(--video-width-ratio) / var(--video-height-ratio)) ); --video-min-player-width: calc( var(--video-min-player-height) * (var(--video-width-ratio) / var(--video-height-ratio)) ); } .ce_rsce_teaser_video .container.is_widescreen { width: 100%; max-width: var(--video-max-player-width); } .ce_rsce_teaser_video .headline { text-align: center; text-transform: none; } .ce_rsce_teaser_video .ce_rsce_teaser_video--wrapper { position: relative; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; min-width: 100%; margin: 0 auto; } @media (min-width: 992px) { .ce_rsce_teaser_video .ce_rsce_teaser_video--wrapper { max-width: 100%; width: var(--video-min-player-width); } } .ce_rsce_teaser_video .ce_rsce_teaser_video--ratio-container { position: relative; padding-bottom: calc(100% / (var(--video-width-ratio) / var(--video-height-ratio))); height: 0; overflow: hidden; background: #000; } .ce_rsce_teaser_video .ce_rsce_teaser_video--ratio-container iframe, .ce_rsce_teaser_video .ce_rsce_teaser_video--ratio-container .media-wrap, .ce_rsce_teaser_video .ce_rsce_teaser_video--ratio-container .youtube-thumb { position: absolute; height: 100%; width: 100%; top: 0; right: 0; bottom: 0; left: 0; } .ce_rsce_teaser_video .ce_rsce_teaser_video--ratio-container .youtube-thumb { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; background-size: cover; } .buttonCenter { text-align: center; margin-bottom: 0px; margin-top: 25px; } /* animaten blue bobbles*/ .bagBigNumber { position: absolute !important; width: 80%; left: 10%; font-size: 125px; opacity: 0.3; } /* disable background gradient*/ .ce_rsce_products_text_with_quote article { background: none; } /* YouTube */ .icon-youtube { background-image: url(../../public/icons/youtube2.svg); display: block; width: 30px; height: 30px; background-position: 50% 50%; background-repeat: no-repeat; background-size: 30px 30px; } .ytp-pause-overlay, .html5-endscreen { display: none; } .green_headline h1, .green_headline h2, .green_headline h3 { color: rgb(120, 178, 43) !important; } /* pf last button */ .card-empty { position: relative; width: 50%; left: 25%; height: 40px; margin-top: 20px !important; margin-bottom: 20px !important; } .card.card-empty { border-radius: 0; border-bottom-right-radius: 10px; } .card-empty span { margin-top: 18px; } .card-empty img { display: none; } .mod_article .productfinder-show-all { -webkit-box-flex: 0; -ms-flex: 0 0 100%; -webkit-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .mod_article .productfinder-show-all .card-title { font-size: 16px; } .card.card-empty:hover { background-color: rgb(255, 255, 255); border: 2px solid rgb(0, 158, 227); } .card-empty:hover > .card-body .card-title { color: rgb(0, 158, 227); } /* NEW Blue Button */ .button-block.whiteBlue { position: relative; width: 70%; left: 15%; margin: 10px 0px; border-radius: 5px; border-bottom-right-radius: 5px; } .bottonBlue, .bottonBluePF { color: rgb(255, 255, 255) !important; border-color: rgb(0, 158, 227) !important; background: rgb(0, 158, 227) !important; height: 36px; padding-top: 8px !important; padding-bottom: 8px !important; border-bottom-right-radius: 5px !important; -webkit-transition: background 0.2s ease-in !important; transition: background 0.2s ease-in !important; } .bottonBlue:hover, .bottonBluePF:hover { color: rgb(0, 158, 227) !important; border-color: rgb(0, 158, 227) !important; background: rgb(255, 255, 255) !important; border-bottom-right-radius: 5px !important; border-radius: 5px !important; } /* button ProductFinder */ .bottonBluePF { width: 66.667%; border-radius: 5px !important; } /*Contact button*/ .contactSpan { font-size: 18px; padding-left: 8px; padding-right: 8px; } .contactSwitch { position: absolute; top: -50px; right: 0px; margin-top: 5px; margin-bottom: 5px; } /*Contact button A */ .contactSwitchA { top: 0; position: absolute; right: 0px; background: rgb(0, 158, 227); margin-top: 5px; margin-bottom: 5px; } .contactSwitchA a:before { content: "\e936"; font-size: 1.6875rem; } @media (max-width: 767px) { .startpage .contactSwitch, .startpage .contactSwitchA { display: none; } } /* big slider */ .owl-item .countUl ul { min-height: 224px; margin-bottom: 28px !important; } .ce_rsce_product_item_nand .slider-holder .owl-carousel .owl-dots { bottom: -60px; } .ce_rsce_product_item_nand .slider-holder .content-holder .inside { border: none !important; } .ce_rsce_product_item_nand .owl-stage-outer { border: 2px solid rgb(0, 158, 227); border-left: none; border-bottom-right-radius: 50px; } .ce_rsce_product_item_nand .slider-holder .owl-carousel .owl-nav button.owl-prev { left: 0px; width: 30px; height: 50px; top: 0px; } .ce_rsce_product_item_nand .slider-holder .owl-carousel .owl-nav button.owl-next { right: 0px; width: 30px; height: 50px; top: 0px; } /* slider */ .greenFigure { position: absolute; top: 0; width: 66%; height: 100%; z-index: 999; } .greenFigureText, .greenFigureTextLeft { margin-top: 65px; padding-left: 15px; padding-right: 15px; color: white; font-size: 16px; font-family: "FaNo Regular", sans-serif; } /* Right */ .greenBig { position: absolute; top: 190px; right: 10px; width: 150px; height: 150px; border-radius: 50%; background-color: rgb(120, 178, 43); z-index: 999; opacity: 0; } .greenSmall { position: absolute; top: 200px; right: 375px; width: 10px; height: 10px; border-radius: 50%; background-color: rgb(120, 178, 43); opacity: 0; } .greenLine { position: absolute; right: 0px; top: 200px; width: 50%; opacity: 0; } /* Left */ .greenBigLeft { position: absolute; top: 190px; left: 80px; width: 150px; height: 150px; border-radius: 50%; background-color: rgb(120, 178, 43); z-index: 999; opacity: 0; } .greenSmallLeft { position: absolute; top: 220px; right: 375px; width: 10px; height: 10px; border-radius: 50%; background-color: rgb(120, 178, 43); opacity: 0; } .greenLineLeft { position: absolute; left: 155px; top: 221px; width: 50%; opacity: 0; } /* start animation */ .animateGreenSmall { animation: blobbSmall 0.5s linear forwards; -webkit-animation: blobbSmall 0.5s linear forwards; } .animateGreenLine { stroke-dasharray: 250; stroke-dashoffset: 250; animation: blobbLine 0.5s 0.5s linear forwards; -webkit-animation: blobbLine 0.5s 0.5s linear forwards; opacity: 0; } .animateGreenBig { animation: blobbBig 0.5s 1s linear forwards; -webkit-animation: blobbBig 0.5s 1s linear forwards; } .animateGreenSmallLeft { animation: blobbSmall 0.5s 0.5s linear forwards; -webkit-animation: blobbSmall 0.5s 0.5s linear forwards; } .animateGreenLineLeft { stroke-dasharray: 250; stroke-dashoffset: 250; animation: blobbLine 0.5s 1s linear forwards; -webkit-animation: blobbLine 0.5s 1s linear forwards; opacity: 0; } .animateGreenBigLeft { animation: blobbBig 0.5s 1.5s linear forwards; -webkit-animation: blobbBig 0.5s 1.5s linear forwards; } /* end start animation */ /* on change animation*/ .animateGreenSmallClick { animation: blobbSmall 0.5s 1s linear forwards; -webkit-animation: blobbSmall 0.5s 1s linear forwards; opacity: 0; } .animateGreenLineClick { stroke-dasharray: 250; stroke-dashoffset: 250; animation: blobbLine 0.5s 1.5s linear forwards; -webkit-animation: blobbLine 0.5s 1.5s linear forwards; opacity: 0; } .animateGreenBigClick { animation: blobbBig 0.5s 2s linear forwards; -webkit-animation: blobbBig 0.5s 2s linear forwards; opacity: 0; } .animateGreenSmallLeftClick { animation: blobbSmall 0.5s 1.5s linear forwards; -webkit-animation: blobbSmall 0.5s 1.5s linear forwards; opacity: 0; } .animateGreenLineLeftClick { stroke-dasharray: 250; stroke-dashoffset: 250; animation: blobbLine 0.5s 2s linear forwards; -webkit-animation: blobbLine 0.5s 2s linear forwards; opacity: 0; } .animateGreenBigLeftClick { animation: blobbBig 0.5s 2.5s linear forwards; -webkit-animation: blobbBig 0.5s 2.5s linear forwards; opacity: 0; } /* individual teaser for start-site */ .customarticle_369 .ce_rsce_teaser_fullwidth_image article { height: 300px; } /* make blue Link */ .makeBlueLink a { color: rgb(0, 158, 227); border-color: rgb(0, 158, 227); position: relative; display: inline-block; vertical-align: middle; text-align: center; padding: 12px 15px; line-height: 1; min-width: 180px; border: 2px solid rgb(0, 158, 227); border-bottom-right-radius: 10px; -webkit-transition: background 0.2s ease-in, color 0.2s ease-in; transition: background 0.2s ease-in, color 0.2s ease-in; } .makeBlueLink a:before { content: none !important; } .makeBlueLink a:hover { background: rgb(0, 158, 227); color: rgb(255, 255, 255); } /* on change animation*/ /* IN */ @-webkit-keyframes blobbBig { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes blobbBig { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes blobbSmall { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes blobbSmall { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes blobbLine { to { stroke-dashoffset: 0; opacity: 1; } } @keyframes blobbLine { to { stroke-dashoffset: 0; opacity: 1; } } /* BIG slider */ @media (min-width: 768px) { img.bigPicSlider { max-width: 300px !important; } } .countUl li:before { top: 13px !important; } /* specification list/table */ .ce_text.specification tbody td { background: #dedddd; } /* maps / where to buy */ .wherebut a { display: inline-block; text-align: center; width: calc(25% - 30px); } .modal-header .close { font-size: 35px; } /* where to buy BOX */ .modal-body { padding: 15px !important; } .modal h3, .modal-body h4, .modal-body .blog-list h2, .blog-list .modal-body h2, .modal-body .blog-list .blog-article h1, .blog-list .blog-article .modal-body h1, .modal-body .blog-article .blog-list h1, .blog-article .blog-list .modal-body h1 { max-width: 1200px; margin: auto; } .modal-list-new { margin-top: 20px; margin-bottom: 20px; padding-top: 20px; padding-bottom: 20px; border-bottom: 2px solid #e5e5e5; max-width: 1200px; margin-left: auto; margin-right: auto; } .modal-list-new div { padding-left: 0px; padding-right: 0px; } .modal-tr-line { width: 100%; height: 1px; margin-top: 20px; margin-bottom: 20px; background: #e5e5e5; } .modal-tr-line:last-child { display: none; } .modal-body .title { font-size: 16px; } .modal-body .address, .modal-body .contact { font-size: 16px; } .modal-body .address li:first-child, .modal-body .title { font-weight: bold; } .modal-body .contact a { position: relative; color: rgb(0, 158, 227); font-family: "Fago no", sans-serif; } .modal-body .contact a:hover { text-decoration: none; } .modal-body .contact li a:hover::after { width: 100%; } .modal-body .contact a::after { content: ""; display: block; width: 0px; height: 1px; position: absolute; bottom: 0px; left: 0px; background: rgb(255, 255, 255); -webkit-transition: width 0.2s ease-in 0s; transition: width 0.2s ease-in 0s; } .modal-body .contact a::after { background: rgb(0, 158, 227); } /* nand tab, career*/ @media (min-width: 1200px) { .ce_rsce_product_item_nandTabs table { margin-left: calc(8.33333% + 15px); } .ce_rsce_product_item_nandTabs table { width: calc(91.66667% - 30px); } .ce_rsce_product_item_nandTabs td:first-child { padding-right: 25%; } /*pure Text elem*/ .customarticle_384 { padding-top: 60px; /*padding-bottom: 60px;*/ } .getTopPadding { padding-top: 60px; } } @media (max-width: 1200px) { .ce_rsce_product_item_nandTabs .headline, .ce_rsce_product_item_nandTabs table { width: calc(100% - 30px); margin-left: 15px; margin-right: 15px; } .customarticle_123 .ce_rsce_teaser_steps .teaser { /* -webkit-box-flex: 0 1 calc(20% - 35px); -moz-box-flex: 0 1 calc(20% - 35px); -webkit-flex: 0 1 calc(20% - 35px); -ms-flex: 0 1 calc(20% - 35px); flex: 0 1 calc(20% - 35px); flex-basis: calc(20% - 10px); */ } } @media (min-width: 992px) and (max-width: 1200px) { .customarticle_123 .ce_rsce_teaser_steps .teaser { -webkit-flex-basis: calc(20% - 10px); -ms-flex-preferred-size: calc(20% - 10px); flex-basis: calc(20% - 10px); } .customarticle_123 .ce_rsce_teaser_steps .teasers-holder { background-size: 1200px auto; } } .ce_rsce_product_item_nandTabs .headline { text-align: center; } .ce_rsce_product_item_nandTabs td { width: 50%; } /*Career - Benefits - EN*/ .customarticle_328 .ce_rsce_products_pf_items .description { font-family: "Fago no", sans-serif; color: rgb(74, 74, 74); font-size: 15px; text-transform: none; line-height: 1.2; } /*Career - Benefits - DE*/ .customarticle_435 .ce_rsce_products_pf_items .description { font-family: "Fago no", sans-serif; color: rgb(74, 74, 74); font-size: 15px; text-transform: none; line-height: 1.2; } /*ProductFinder - Card Title*/ .customarticle_1143 .media-list .card > .card-body.card-body--hidden-mouseover .card-title, .customarticle_362 .media-list .card > .card-body.card-body--hidden-mouseover .card-title { font-size: 1.5rem; font-weight: bold; } .makeBlueLink a { color: rgb(0, 158, 227); border-color: rgb(0, 158, 227); position: relative; display: inline-block; vertical-align: middle; text-align: center; padding: 12px 15px; line-height: 1; margin-bottom: 10px; border: 2px solid rgb(0, 158, 227); border-bottom-right-radius: 10px; -webkit-transition: background 0.2s ease-in, color 0.2s ease-in; transition: background 0.2s ease-in, color 0.2s ease-in; } .makeBlueLink a:before { content: none !important; } .makeBlueLink a:hover { background: rgb(0, 158, 227); color: rgb(255, 255, 255); } .ce_rsce_teaser_fullwidth_image .headlineTech { font-size: 5rem; } /*Get Newsletter Ueberschrift*/ .mod_subscribe h5 { text-align: center; color: rgb(255, 255, 255); margin-bottom: 15px; font-size: 42px; } /*Headlines nicht als h1 definieren*/ .h1 { color: rgb(255, 255, 255); text-shadow: 10px 10px 30px rgba(0, 0, 0, 0.2); font-size: 5rem; font-weight: 400; text-align: center; margin-bottom: 0; font-family: "FaNo Regular", sans-serif; line-height: 1.1052631579; } /*# sourceMappingURL=style.css.map */