.bg-blue-gradient:after {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
bottom: 0;
z-index: 1;
background: linear-gradient(225.58deg,#0053A4 0%,#003D74 100%);
}
.bg-white {
background-color: #ffffff;
}
.blue-medium {
background-color: #0053a4;
}
.campaign-blue {
background: #0E2C56;
background: -moz-linear-gradient(180deg,#0E2C56 0%,#001430 100%);
background: -webkit-linear-gradient(180deg,#0E2C56 0%,#001430 100%);
background: linear-gradient(180deg,#0E2C56 0%,#001430 100%);
}
.campaign-white {
background: #ffffff;
}
.proliine li{background: url(/img/d.png) left 14px no-repeat;padding-left:16px;float: left;clear: both;display: block;line-height: 1.5;}
.campaign-white p {
color: #000000;
}
.campaign-white .blog h3,.campaign-white .blog .blog__date,.campaign-white .blog .blog__location {
color: #000000;
}
.bg-yellow {
background-color: #ffd51f;
color: #000000;
}
.node-unpublished {
background: repeating-linear-gradient(45deg,rgba(230,51,18,0.25),rgba(230,51,18,0.25) 4px,transparent 4px,transparent 12px);
}
.node-unpublished .section-heading,.node-unpublished .section-content,.node-unpublished .paragraph-content,.node-unpublished .grid-column-row-constrained,.node-unpublished .section-header-inner {
background: #ffffff;
}
.node-unpublished:before,.node-unpublished:after {
content: "UNPUBLISHED";
display: block;
padding: 0.5em;
text-align: center;
font-size: 4rem;
background: rgba(230,51,18,0.5);
}
#drupal-modal .media {
max-width: 100%;
}
.toolbar-fixed .right-off-canvas {
padding-top: 4.75rem;
}
#sliding-popup {
background: linear-gradient(90deg,#0053a4 0%,#003d74 100%) !important;
}
#sliding-popup .popup-content.info {
padding: 1.25rem 0;
}
#sliding-popup .popup-content.info::before,#sliding-popup .popup-content.info::after {
display: table;
content: " ";
}
#sliding-popup .popup-content.info::after {
clear: both;
}
@media screen and (min-width:48em) {
#sliding-popup .popup-content.info {
max-width: 70%;
}
}
#sliding-popup .popup-content.info #popup-text {
float: none;
margin: 0;
}
@media screen and (min-width:48em) {
#sliding-popup .popup-content.info #popup-text {
float: left;
}
}
@media screen and (min-width:60em) {
#sliding-popup .popup-content.info #popup-text {
max-width: 25rem;
}
}
#sliding-popup .popup-content.info #popup-text * {
font-size: 1rem;
line-height: 1.4375rem;
font-weight: normal;
}
#sliding-popup .popup-content.info #popup-text a {
text-transform: uppercase;
color: #ffffff;
display: inline-block;
font-size: 0.75rem;
font-weight: bold;
}
@media screen and (min-width:48em) {
#sliding-popup .popup-content.info #popup-text a {
display: inline;
margin-left: 0.9375rem;
}
}
#sliding-popup .popup-content.info #popup-buttons {
margin-top: 0.9375rem;
}
@media screen and (min-width:48em) {
#sliding-popup .popup-content.info #popup-buttons {
float: left;
margin-top: 0.3125rem;
margin-left: 0.9375rem;
}
}
#sliding-popup .popup-content.info #popup-buttons button {
background: #0080f8 !important;
margin: 0;
vertical-align: middle;
overflow: visible;
width: auto;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
border: 0 none;
display: inline-block;
color: #ffffff;
font-family: "Produkt","Roboto Slab",Arial,sans-serif;
font-weight: normal;
padding: 0.75rem 1.125rem;
text-decoration: none;
text-shadow: none;
}
@media screen and (min-width:48em) {
#sliding-popup .popup-content.info #popup-buttons button {
margin-left: 0.9375rem;
}
}
#sliding-popup .popup-content.info #popup-buttons button.find-more-button {
display: none;
}
.block-newsletter-redirect-block {
max-width: 800px;
margin: 0 auto;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: distribute;
justify-content: space-around;
text-align: center;
padding-bottom: 20px;
padding-top: 35px;
}
@media screen and (max-width:720px) {
.block-newsletter-redirect-block {
display: block;
}
}
.block-newsletter-redirect-block .block-content-inner:before {
-webkit-transform: skewX(0);
-ms-transform: skewX(0);
transform: skewX(0);
}
.block-newsletter-redirect-block .block-content-inner {
min-height: 30px;
}
.block-newsletter-redirect-block .block-content-inner {
height: 90px;
}
.block-newsletter-redirect-block h3 {
font-size: 15px;
}
.block-newsletter-redirect-block .field-block-content--field-title {
padding: 1.875rem 2.5rem 1.875rem 1.25rem;
font-size: 20px;
}
@media screen and (max-width:720px) {
.block-newsletter-redirect-block .field-block-content--field-title {
font-size: 15px;
}
}
.block-newsletter-redirect-block .field-block-content--field-title {
width: 65%;
background-color: #FFD51F;
margin-bottom: 15px;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: skewX(-12deg);
-ms-transform: skewX(-12deg);
transform: skewX(-12deg);
}
@media screen and (max-width:720px) {
.block-newsletter-redirect-block .field-block-content--field-title {
width: 80%;
text-align: center;
margin: auto;
}
}
.block-newsletter-redirect-block .field-item {
position: relative;
font-weight: 600;
}
.block-newsletter-redirect-block .field-item p{
margin-bottom: 1.5rem;
font-size: 24px;
line-height: 2.5rem;
text-rendering: optimizeLegibility;
font-family: inherit;
}
@media screen and (max-width:720px) {
.block-newsletter-redirect-block .field-item .block-cta-inner {
margin-top: 10px;
}
}
@media screen and (min-width:48em) {
p.large-paragraph {
font-size: 1.125rem;
line-height: 1.625rem;
}
}
.main .field-type-text-long ul,.main .field-type-text-with-summary ul {
list-style: none;
padding: 0;
margin: 0 0 1.5rem 0;
}
.main .field-type-text-long ul li,.main .field-type-text-with-summary ul li {
position: relative;
padding-bottom: 0.5rem;
padding-left: 1.25rem;
margin: 0;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.field-type-text-with-summary a,.field-type-text-long a {
font-weight: bold;
}
.field-type-text-with-summary h1 a,.field-type-text-with-summary h2 a,.field-type-text-with-summary h3 a,.field-type-text-with-summary h4 a,.field-type-text-with-summary h5 a,.field-type-text-with-summary h6 a,.field-type-text-with-summary b a,.field-type-text-with-summary strong a,.field-type-text-long h1 a,.field-type-text-long h2 a,.field-type-text-long h3 a,.field-type-text-long h4 a,.field-type-text-long h5 a,.field-type-text-long h6 a,.field-type-text-long b a,.field-type-text-long strong a {
font-weight: inherit;
}
.campaign-logo {
overflow: hidden;
}
.campaign-logo .demagcranes-logo {
outline: none;
background-repeat: no-repeat;
background-size: contain;
display: inline-block;
width: 8.5rem;
height: 2.0625rem;
}
.campaign-logo .demagcranes-logo.demagcranes-logo-white {
background-image: url(/themes/custom/demagcranes/images/logos/demag_logo_bw.svg);
}
.contact-fixed-button .open-label {
display: block;
}
.contact-fixed-button .close-label {
display: none;
}
.page.is-open-right .contact-fixed-button {
right: 430px;
}
.page.is-open-right .contact-fixed-button .open-label {
display: none;
}
.page.is-open-right .contact-fixed-button .close-label {
display: block;
}
@media screen and (min-width:60em) {
.contact-fixed-button {
display: block;
}
}
.dialog-off-canvas-main-canvas #right-off-canvas.off-canvas.right-off-canvas.position-right.is-open {
right: 0;
width: 430px;
}
@media screen and (min-width:90em) {
.toolbar-fixed.toolbar-tray-open .block-chainhoistblock {
top: 24%;
}
}
@media screen and (min-width:90em) {
.toolbar-fixed:not(.toolbar-tray-open) .block-chainhoistblock {
top: 18%;
}
}
.block-chainhoistblock {
display: none;
}
@media screen and (min-width:90em) {
.block-chainhoistblock {
display: none;
position: fixed;
right: 2%;
top: 10%;
z-index: 100;
max-width: 250px;
}
.block-chainhoistblock .chain-hoist-image .tooltiptext {
visibility: hidden;
width: 120px;
background-color: black;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px 0;
top: 35%;
left: 0;
position: absolute;
z-index: 1;
}
.block-chainhoistblock .chain-hoist-image:hover .tooltiptext {
visibility: visible;
}
.block-chainhoistblock span {
display: block;
}
.block-chainhoistblock span.link {
font-size: 0.875rem;
}
.block-chainhoistblock span.desc {
font-size: 0.75rem;
font-weight: normal;
}
.block-chainhoistblock .chain-hoist-cta1,.block-chainhoistblock .chain-hoist-cta2 {
background: #ffd61f;
box-shadow: 0px 0px 6px 1px #d9d9d9;
padding: 10px;
border: 1px rgba(0,0,0,0.22) solid;
-webkit-transform: skewX(-12deg);
-ms-transform: skewX(-12deg);
transform: skewX(-12deg);
color: #000000;
}
.block-chainhoistblock .chain-hoist-cta1:hover,.block-chainhoistblock .chain-hoist-cta2:hover {
color: #0080f8;
}
.block-chainhoistblock .chain-hoist-cta1::before,.block-chainhoistblock .chain-hoist-cta2::before {
display: inline-block;
font-family: "iconfont" !important;
font-weight: normal;
content: "\e902";
pointer-events: none;
float: right;
color: #ffffff;
font-size: 18px;
line-height: 24px;
transition: all 0.2s;
}
}
.right-off-canvas .right-off-canvas-inner {
position: relative;
}
.section-heading {
text-align: center;
margin: 30px 0;
}
.section-heading h2{
line-height: 2.125rem;
margin-bottom: 10px;
}
@media screen and (min-width:48em) {
.section-heading {
margin: 40px 0;
}
}
@media screen and (min-width:60em) {
.section-heading h2 {
font-size: 2.125rem;
}
}
@media screen and (min-width:60em) {
.section-heading {
margin: 50px 0;
}
}
.section-heading.highlighted h2::after {
content: "";
display: block;
width: 3.75rem;
height: 0.375rem;
margin-top: 1.5625rem;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
background: #ffd51f;
}
.section-heading.highlighted h2::after {
width: 2.5rem;
}
.section-heading h2 {
font-size: 1.625rem;
line-height: 2.125rem;
margin-bottom: 10px;
}
@media screen and (min-width:60em) {
.section-heading h2 {
font-size: 2.125rem;
}
}
.section-heading p.large-paragraph:last-child {
margin-bottom: 0;
}
.section {
padding: 1.25rem 0;
}
@media screen and (min-width:48em) {
.section {
padding: 1.875rem 0;
}
}
@media screen and (min-width:60em) {
.section {
padding: 3.125rem 0;
}
}
.accordion .accordion-item .accordion-title {
padding: 0.625rem 0 0.625rem 0;
border-bottom: 1px solid #d9d9d9;
}
@media screen and (min-width:48em) {
.accordion .accordion-item .accordion-title {
border-bottom: 1px solid #d9d9d9;
}
}
.accordion .accordion-item .accordion-title:before {
display: block;
width: 2.4375rem;
height: 1.625rem;
background: #ffffff;
font-size: 1.0625rem;
padding-top: 0.3125rem;
text-align: center;
right: 0.25rem;
top: 1.0625rem;
box-shadow: 0 0.375rem 0.5rem 0 rgba(0,0,0,0.2);
}
.accordion .accordion-item .accordion-title:hover:before {
background: #f6f6f6;
color: #0053a4;
}
.accordion .accordion-item .accordion-title::before {
display: inline-block;
font-family: "iconfont" !important;
font-weight: normal;
content: "\e901";
pointer-events: none;
}
.accordion .accordion-item .accordion-title h3 {
padding-right: 5rem;
margin-bottom: 0.375rem;
font-size: 1.5rem;
}
@media screen and (max-width:800px) {
.accordion .accordion-item .accordion-title h3 {
font-size: 1.375rem;
}
}
.accordion .accordion-item hr {
border-bottom: 1px solid #d9d9d9;
}
.accordion .accordion-item.is-active .accordion-title:before {
padding-top: 0.1875rem;
-webkit-transform: scaleY(-1) rotate(360deg);
-moz-transform: scaleY(-1) rotate(360deg);
-ms-transform: scaleY(-1) rotate(360deg);
-o-transform: scaleY(-1) rotate(360deg);
transform: scaleY(-1) rotate(360deg);
box-shadow: 0 -0.375rem 0.5rem 0 rgba(0,0,0,0.2);
}
.accordion .accordion-content {
padding-top: 1.375rem;
padding-left: 0;
padding-right: 0;
}
.accordion .accordion-content h3,.accordion .accordion-content h4 {
font-size: 1.125rem;
margin-bottom: 0.5rem;
}
@media screen and (min-width:48em) {
.accordion .accordion-content h3,.accordion .accordion-content h4 {
font-size: 1.25rem;
}
}
iframe {
max-width: 100%;
}
.l-breadcrumbs {
background-color: #f6f6f6;
border-top: 1px solid #d9d9d9;
border-bottom: 1px solid #d9d9d9;
}
@media screen and (min-width:90em) {
.l-breadcrumbs {
width: 100vw;
margin-left: calc(-1 * (100vw - 1440px) / 2);
}
}
.l-breadcrumbs .region-breadcrumbs {
width: 100%;
max-width: 1440px;
margin: 0 auto;
padding: 0 15px;
}
@media screen and (min-width:60em) {
.l-breadcrumbs .region-breadcrumbs {
padding: 0 20px;
}
}
@media screen and (min-width:90em) {
.l-breadcrumbs .region-breadcrumbs {
padding: 0 40px;
}
}
@media screen and (min-width:93.75em) {
.l-breadcrumbs .region-breadcrumbs {
padding: 0;
}
}
.l-breadcrumbs .breadcrumbs-nav {
display: table;
padding: 0.3125rem 0;
}
@media screen and (min-width:48em) {
.l-breadcrumbs .breadcrumbs-nav {
padding: 0.625rem 0;
}
}
.l-breadcrumbs .breadcrumbs-mobile-home {
display: table-cell;
vertical-align: top;
border-right: 1px solid #d9d9d9;
margin-right: 10px;
padding-right: 10px;
}
.l-breadcrumbs .breadcrumbs-mobile-home a {
color: #676f77;
font-size: 0;
}
.l-breadcrumbs .breadcrumbs-mobile-home a i {
font-size: 16px;
}
.l-breadcrumbs .breadcrumbs {
display: table-cell;
vertical-align: middle;
font-size: 0.625rem;
line-height: 0.75rem;
padding-left: 0.625rem;
}
@media screen and (min-width:48em) {
.l-breadcrumbs .breadcrumbs {
font-size: 0.75rem;
line-height: 1.0625rem;
width: 100%;
padding: 0;
}
}
.l-breadcrumbs .breadcrumbs li.home {
display: none;
}
@media screen and (min-width:48em) {
.l-breadcrumbs .breadcrumbs li.home {
display: list-item;
}
}
.l-breadcrumbs .breadcrumbs li.current {
font-weight: bold;
}
.l-breadcrumbs .breadcrumbs li:not(:last-child)::after {
margin: 0 0.25rem 0 0;
}
.block-demagcranes-page-title,.view-distributor-locator .view-header {
margin-top: 4.375rem;
}
.block-demagcranes-page-title h1,.view-distributor-locator .view-header h1 {
text-align: center;
}
.block-demagcranes-page-title h1::after,.view-distributor-locator .view-header h1::after {
content: "";
display: block;
width: 3.75rem;
height: 0.375rem;
margin-top: 1.5625rem;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
background: #ffd51f;
}
.block-demagcranes-page-title h1::after,.view-distributor-locator .view-header h1::after {
height: 0.4375rem;
}
.cta-button {
display: inline-block;
font-family: "Produkt","Roboto Slab",Arial,sans-serif;
color: #ffffff;
background: #0053a4;
border-radius: 0;
border: none;
padding: 0.6em 1.8em;
text-transform: uppercase;
cursor: pointer;
text-align: center;
-webkit-appearance: none;
transition: all 0.2s;
padding: 0.75rem 4.2em 0.75rem 1.8em;
font-size: 0.875rem;
min-width: 13.75rem;
position: relative;
line-height: 1rem;
text-align: center;
}
.cta-button:hover {
background: #003d74;
color: #ffffff;
}
.cta-button::after {
display: inline-block;
font-family: "iconfont" !important;
font-weight: normal;
content: "\e902";
pointer-events: none;
font-size: 1.25rem;
width: 2.5rem;
background: #0080f8;
position: absolute;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
top: 0;
right: 0;
bottom: 0;
}
.carret-down-rounded-button {
width: 3.125rem;
height: 3.125rem;
border: 1px solid rgba(255,255,255,0.6);
-webkit-border-radius: 3.125rem;
-moz-border-radius: 3.125rem;
border-radius: 3.125rem;
color: #ffffff;
font-size: 1.75rem;
padding-top: 1.0625rem;
}
.carret-down-rounded-button:hover {
color: #ffffff;
}
.button.success {
color: #ffffff !important;
background: #0053a4 !important;
}
.button.success:hover {
background: #003d74 !important;
color: #ffffff !important;
}
.reveal {
outline: none;
}
.tabs {
background: transparent;
border: none !important;
}
.tabs .eq-wrapper {
background: red;
}
.tabs .eq-wrapper > .tabs-title {
float: left;
width: 100%;
padding-right: 0.0625rem;
padding-left: 0.0625rem;
}
.tabs .eq-wrapper > .tabs-title:nth-of-type(1n) {
clear: none;
}
.tabs .eq-wrapper > .tabs-title:nth-of-type(1n+1) {
clear: both;
}
.tabs .eq-wrapper > .tabs-title:last-child {
float: left;
}
@media screen and (min-width:48em) {
.tabs .eq-wrapper > .tabs-title {
float: left;
width: 50%;
padding-right: 0.0625rem;
padding-left: 0.0625rem;
}
.tabs .eq-wrapper > .tabs-title:nth-of-type(1n) {
clear: none;
}
.tabs .eq-wrapper > .tabs-title:nth-of-type(2n+1) {
clear: both;
}
.tabs .eq-wrapper > .tabs-title:last-child {
float: left;
}
}
@media screen and (min-width:60em) {
.tabs .eq-wrapper > .tabs-title {
float: left;
width: 33.3333333333%;
padding-right: 0.0625rem;
padding-left: 0.0625rem;
}
.tabs .eq-wrapper > .tabs-title:nth-of-type(1n) {
clear: none;
}
.tabs .eq-wrapper > .tabs-title:nth-of-type(3n+1) {
clear: both;
}
.tabs .eq-wrapper > .tabs-title:last-child {
float: left;
}
}
.tabs .tabs-title {
margin-bottom: 0.125rem;
min-height: 4.375rem;
display: table;
}
.tabs .tabs-title > a {
outline: none;
font-size: 1rem;
line-height: 1.375rem;
font-family: "Produkt","Roboto Slab",Arial,sans-serif;
font-weight: 600;
background: #f6f6f6;
color: #676f77;
padding: 10px 40px;
text-align: center;
display: table-cell;
vertical-align: middle;
}
.tabs .tabs-title > a:focus,.tabs .tabs-title > a[aria-selected=true] {
background: #ffffff;
color: #0080f8;
-webkit-box-shadow: inset 0 -2px 0 0 #0080f8;
-moz-box-shadow: inset 0 -2px 0 0 #0080f8;
box-shadow: inset 0 -2px 0 0 #0080f8;
}
.cta-ext {
display: inline-block;
font-family: "Produkt","Roboto Slab",Arial,sans-serif;
color: #ffffff;
background: #0053a4;
border-radius: 0;
border: none;
padding: 0.6em 1.8em;
text-transform: uppercase;
cursor: pointer;
text-align: center;
-webkit-appearance: none;
transition: all 0.2s;
padding: 0.75rem 4.2em 0.75rem 1.8em;
font-size: 0.875rem;
min-width: 13.75rem;
position: relative;
line-height: 1rem;
text-align: center;
width: 97%;
margin: 0.625rem 0;
}
.cta-ext:hover {
background: #003d74;
color: #ffffff;
}
.cta-ext::after {
display: inline-block;
font-family: "iconfont" !important;
font-weight: normal;
content: "\e910";
pointer-events: none;
font-size: 1.25rem;
width: 2.5rem;
background: #0080f8;
position: absolute;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
top: 0;
right: 0;
bottom: 0;
}
@media screen and (min-width:48em) {
.cta-ext {
margin: 1.25rem 1.25rem 1.25rem 0;
width: auto;
}
}
#onetrust-banner-sdk {
max-width: calc(100vw - 2rem);
}
.sr-only,.fa-sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0,0,0,0);
white-space: nowrap;
border-width: 0;
}
.sr-only-focusable:not(:focus),.fa-sr-only-focusable:not(:focus) {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0,0,0,0);
white-space: nowrap;
border-width: 0;
}
@media print,screen and (min-width:48em) {
.reveal.large,.reveal.small,.reveal.tiny,.reveal {
right: auto;
left: auto;
margin: 0 auto;
}
}
.is-visible {
display: block !important;
}
.is-hidden {
display: none !important;
}
.row {
max-width: 82.5rem;
margin-right: auto;
margin-left: auto;
}
.row::before,.row::after {
display: table;
content: " ";
}
.row::after {
clear: both;
}
.row .row {
margin-right: -0.46875rem;
margin-left: -0.46875rem;
}
@media print,screen and (min-width:48em) {
.row .row {
margin-right: -0.46875rem;
margin-left: -0.46875rem;
}
}
@media print,screen and (min-width:60em) {
.row .row {
margin-right: -0.46875rem;
margin-left: -0.46875rem;
}
}
@media screen and (min-width:75em) {
.row .row {
margin-right: -1.25rem;
margin-left: -1.25rem;
}
}
@media screen and (min-width:90em) {
.row .row {
margin-right: -1.25rem;
margin-left: -1.25rem;
}
}
@media screen and (min-width:93.75em) {
.row .row {
margin-right: -1.25rem;
margin-left: -1.25rem;
}
}
@media screen and (min-width:156.25em) {
.row .row {
margin-right: -1.25rem;
margin-left: -1.25rem;
}
}
.row .row.collapse {
margin-right: 0;
margin-left: 0;
}
.row.expanded {
max-width: none;
}
.row.expanded .row {
margin-right: auto;
margin-left: auto;
}
.row:not(.expanded) .row {
max-width: none;
}
.row.gutter-small > .column,.row.gutter-small > .columns {
padding-right: 0.46875rem;
padding-left: 0.46875rem;
}
.row.gutter-xlarge > .column,.row.gutter-xlarge > .columns {
padding-right: 1.25rem;
padding-left: 1.25rem;
}
.column.row.row,.row.row.columns {
float: none;
}
.row .column.row.row,.row .row.row.columns {
margin-right: 0;
margin-left: 0;
padding-right: 0;
padding-left: 0;
}
.small-1 {
width: 8.3333333333%;
}
.small-push-1 {
position: relative;
left: 8.3333333333%;
}
.small-pull-1 {
position: relative;
left: -8.3333333333%;
}
.small-offset-0 {
margin-left: 0%;
}
.small-2 {
width: 16.6666666667%;
}
.small-push-2 {
position: relative;
left: 16.6666666667%;
}
.small-pull-2 {
position: relative;
left: -16.6666666667%;
}
.small-offset-1 {
margin-left: 8.3333333333%;
}
.small-3 {
width: 25%;
}
.small-push-3 {
position: relative;
left: 25%;
}
.small-pull-3 {
position: relative;
left: -25%;
}
.small-offset-2 {
margin-left: 16.6666666667%;
}
.small-4,.contact-section .contact_purpose_selector ul.three_option_switch li,body.node--type-microsite .paragraph--type--block .field-type-entity-reference .contact_purpose_selector ul.three_option_switch li {
width: 33.3333333333%;
}
.small-push-4 {
position: relative;
left: 33.3333333333%;
}
.small-pull-4 {
position: relative;
left: -33.3333333333%;
}
.small-offset-3 {
margin-left: 25%;
}
.small-5 {
width: 41.6666666667%;
}
.small-push-5 {
position: relative;
left: 41.6666666667%;
}
.small-pull-5 {
position: relative;
left: -41.6666666667%;
}
.small-offset-4 {
margin-left: 33.3333333333%;
}
.small-6 {
width: 50%;
}
.small-push-6 {
position: relative;
left: 50%;
}
.small-pull-6 {
position: relative;
left: -50%;
}
.small-offset-5 {
margin-left: 41.6666666667%;
}
.small-7 {
width: 58.3333333333%;
}
.small-push-7 {
position: relative;
left: 58.3333333333%;
}
.small-pull-7 {
position: relative;
left: -58.3333333333%;
}
.small-offset-6 {
margin-left: 50%;
}
.small-8 {
width: 66.6666666667%;
}
.small-push-8 {
position: relative;
left: 66.6666666667%;
}
.small-pull-8 {
position: relative;
left: -66.6666666667%;
}
.small-offset-7 {
margin-left: 58.3333333333%;
}
.small-9 {
width: 75%;
}
.small-push-9 {
position: relative;
left: 75%;
}
.small-pull-9 {
position: relative;
left: -75%;
}
.small-offset-8 {
margin-left: 66.6666666667%;
}
.small-10 {
width: 83.3333333333%;
}
.small-push-10 {
position: relative;
left: 83.3333333333%;
}
.small-pull-10 {
position: relative;
left: -83.3333333333%;
}
.small-offset-9 {
margin-left: 75%;
}
.small-11 {
width: 91.6666666667%;
}
.small-push-11 {
position: relative;
left: 91.6666666667%;
}
.small-pull-11 {
position: relative;
left: -91.6666666667%;
}
.small-offset-10 {
margin-left: 83.3333333333%;
}
.small-12,.contact-section .contact_purpose_selector,body.node--type-microsite .paragraph--type--block .field-type-entity-reference .contact_purpose_selector {
width: 100%;
}
.small-offset-11 {
margin-left: 91.6666666667%;
}
.small-up-1 > .column,.small-up-1 > .columns {
float: left;
width: 100%;
}
.small-up-1 > .column:nth-of-type(1n),.small-up-1 > .columns:nth-of-type(1n) {
clear: none;
}
.small-up-1 > .column:nth-of-type(1n+1),.small-up-1 > .columns:nth-of-type(1n+1) {
clear: both;
}
.small-up-1 > .column:last-child,.small-up-1 > .columns:last-child {
float: left;
}
.small-up-2 > .column,.small-up-2 > .columns {
float: left;
width: 50%;
}
.small-up-2 > .column:nth-of-type(1n),.small-up-2 > .columns:nth-of-type(1n) {
clear: none;
}
.small-up-2 > .column:nth-of-type(2n+1),.small-up-2 > .columns:nth-of-type(2n+1) {
clear: both;
}
.small-up-2 > .column:last-child,.small-up-2 > .columns:last-child {
float: left;
}
.small-up-3 > .column,.small-up-3 > .columns {
float: left;
width: 33.3333333333%;
}
.small-up-3 > .column:nth-of-type(1n),.small-up-3 > .columns:nth-of-type(1n) {
clear: none;
}
.small-up-3 > .column:nth-of-type(3n+1),.small-up-3 > .columns:nth-of-type(3n+1) {
clear: both;
}
.small-up-3 > .column:last-child,.small-up-3 > .columns:last-child {
float: left;
}
.small-up-4 > .column,.small-up-4 > .columns {
float: left;
width: 25%;
}
.small-up-4 > .column:nth-of-type(1n),.small-up-4 > .columns:nth-of-type(1n) {
clear: none;
}
.small-up-4 > .column:nth-of-type(4n+1),.small-up-4 > .columns:nth-of-type(4n+1) {
clear: both;
}
.small-up-4 > .column:last-child,.small-up-4 > .columns:last-child {
float: left;
}
.small-up-5 > .column,.small-up-5 > .columns {
float: left;
width: 20%;
}
.small-up-5 > .column:nth-of-type(1n),.small-up-5 > .columns:nth-of-type(1n) {
clear: none;
}
.small-up-5 > .column:nth-of-type(5n+1),.small-up-5 > .columns:nth-of-type(5n+1) {
clear: both;
}
.small-up-5 > .column:last-child,.small-up-5 > .columns:last-child {
float: left;
}
.small-up-6 > .column,.small-up-6 > .columns {
float: left;
width: 16.6666666667%;
}
.small-up-6 > .column:nth-of-type(1n),.small-up-6 > .columns:nth-of-type(1n) {
clear: none;
}
.small-up-6 > .column:nth-of-type(6n+1),.small-up-6 > .columns:nth-of-type(6n+1) {
clear: both;
}
.small-up-6 > .column:last-child,.small-up-6 > .columns:last-child {
float: left;
}
.small-up-7 > .column,.small-up-7 > .columns {
float: left;
width: 14.2857142857%;
}
.small-up-7 > .column:nth-of-type(1n),.small-up-7 > .columns:nth-of-type(1n) {
clear: none;
}
.small-up-7 > .column:nth-of-type(7n+1),.small-up-7 > .columns:nth-of-type(7n+1) {
clear: both;
}
.small-up-7 > .column:last-child,.small-up-7 > .columns:last-child {
float: left;
}
.small-up-8 > .column,.small-up-8 > .columns {
float: left;
width: 12.5%;
}
.small-up-8 > .column:nth-of-type(1n),.small-up-8 > .columns:nth-of-type(1n) {
clear: none;
}
.small-up-8 > .column:nth-of-type(8n+1),.small-up-8 > .columns:nth-of-type(8n+1) {
clear: both;
}
.small-up-8 > .column:last-child,.small-up-8 > .columns:last-child {
float: left;
}
.small-collapse > .column,.small-collapse > .columns {
padding-right: 0;
padding-left: 0;
}
.small-collapse .row {
margin-right: 0;
margin-left: 0;
}
.expanded.row .small-collapse.row {
margin-right: 0;
margin-left: 0;
}
.small-uncollapse > .column,.small-uncollapse > .columns {
padding-right: 0.46875rem;
padding-left: 0.46875rem;
}
.small-centered {
margin-right: auto;
margin-left: auto;
}
.small-centered,.small-centered:last-child:not(:first-child) {
float: none;
clear: both;
}
.small-uncentered,.small-push-0,.small-pull-0 {
position: static;
float: left;
margin-right: 0;
margin-left: 0;
}
@media print,screen and (min-width:48em) {
.medium-1 {
width: 8.3333333333%;
}
.medium-push-1 {
position: relative;
left: 8.3333333333%;
}
.medium-pull-1 {
position: relative;
left: -8.3333333333%;
}
.medium-offset-0 {
margin-left: 0%;
}
.medium-2 {
width: 16.6666666667%;
}
.medium-push-2 {
position: relative;
left: 16.6666666667%;
}
.medium-pull-2 {
position: relative;
left: -16.6666666667%;
}
.medium-offset-1 {
margin-left: 8.3333333333%;
}
.medium-3 {
width: 25%;
}
.medium-push-3 {
position: relative;
left: 25%;
}
.medium-pull-3 {
position: relative;
left: -25%;
}
.medium-offset-2,.contact-section .contact_purpose_selector,body.node--type-microsite .paragraph--type--block .field-type-entity-reference .contact_purpose_selector {
margin-left: 16.6666666667%;
}
.medium-4,.block-views-block-news-releases-releases-all .view-filters {
width: 33.3333333333%;
}
.medium-push-4 {
position: relative;
left: 33.3333333333%;
}
.medium-pull-4 {
position: relative;
left: -33.3333333333%;
}
.medium-offset-3 {
margin-left: 25%;
}
.medium-5 {
width: 41.6666666667%;
}
.medium-push-5 {
position: relative;
left: 41.6666666667%;
}
.medium-pull-5 {
position: relative;
left: -41.6666666667%;
}
.medium-offset-4,.block-views-block-news-releases-releases-all .view-filters {
margin-left: 33.3333333333%;
}
.medium-6 {
width: 50%;
}
.medium-push-6 {
position: relative;
left: 50%;
}
.medium-pull-6 {
position: relative;
left: -50%;
}
.medium-offset-5 {
margin-left: 41.6666666667%;
}
.medium-7 {
width: 58.3333333333%;
}
.medium-push-7 {
position: relative;
left: 58.3333333333%;
}
.medium-pull-7 {
position: relative;
left: -58.3333333333%;
}
.medium-offset-6 {
margin-left: 50%;
}
.medium-8,.contact-section .contact_purpose_selector,body.node--type-microsite .paragraph--type--block .field-type-entity-reference .contact_purpose_selector {
width: 66.6666666667%;
}
.medium-push-8 {
position: relative;
left: 66.6666666667%;
}
.medium-pull-8 {
position: relative;
left: -66.6666666667%;
}
.medium-offset-7 {
margin-left: 58.3333333333%;
}
.medium-9 {
width: 75%;
}
.medium-push-9 {
position: relative;
left: 75%;
}
.medium-pull-9 {
position: relative;
left: -75%;
}
.medium-offset-8 {
margin-left: 66.6666666667%;
}
.medium-10 {
width: 83.3333333333%;
}
.medium-push-10 {
position: relative;
left: 83.3333333333%;
}
.medium-pull-10 {
position: relative;
left: -83.3333333333%;
}
.medium-offset-9 {
margin-left: 75%;
}
.medium-11 {
width: 91.6666666667%;
}
.medium-push-11 {
position: relative;
left: 91.6666666667%;
}
.medium-pull-11 {
position: relative;
left: -91.6666666667%;
}
.medium-offset-10 {
margin-left: 83.3333333333%;
}
.medium-12 {
width: 100%;
}
.medium-offset-11 {
margin-left: 91.6666666667%;
}
.medium-up-1 > .column,.medium-up-1 > .columns {
float: left;
width: 100%;
}
.medium-up-1 > .column:nth-of-type(1n),.medium-up-1 > .columns:nth-of-type(1n) {
clear: none;
}
.medium-up-1 > .column:nth-of-type(1n+1),.medium-up-1 > .columns:nth-of-type(1n+1) {
clear: both;
}
.medium-up-1 > .column:last-child,.medium-up-1 > .columns:last-child {
float: left;
}
.medium-up-2 > .column,.medium-up-2 > .columns {
float: left;
width: 50%;
}
.medium-up-2 > .column:nth-of-type(1n),.medium-up-2 > .columns:nth-of-type(1n) {
clear: none;
}
.medium-up-2 > .column:nth-of-type(2n+1),.medium-up-2 > .columns:nth-of-type(2n+1) {
clear: both;
}
.medium-up-2 > .column:last-child,.medium-up-2 > .columns:last-child {
float: left;
}
.medium-up-3 > .column,.medium-up-3 > .columns {
float: left;
width: 33.3333333333%;
}
.medium-up-3 > .column:nth-of-type(1n),.medium-up-3 > .columns:nth-of-type(1n) {
clear: none;
}
.medium-up-3 > .column:nth-of-type(3n+1),.medium-up-3 > .columns:nth-of-type(3n+1) {
clear: both;
}
.medium-up-3 > .column:last-child,.medium-up-3 > .columns:last-child {
float: left;
}
.medium-up-4 > .column,.medium-up-4 > .columns {
float: left;
width: 25%;
}
.medium-up-4 > .column:nth-of-type(1n),.medium-up-4 > .columns:nth-of-type(1n) {
clear: none;
}
.medium-up-4 > .column:nth-of-type(4n+1),.medium-up-4 > .columns:nth-of-type(4n+1) {
clear: both;
}
.medium-up-4 > .column:last-child,.medium-up-4 > .columns:last-child {
float: left;
}
.medium-up-5 > .column,.medium-up-5 > .columns {
float: left;
width: 20%;
}
.medium-up-5 > .column:nth-of-type(1n),.medium-up-5 > .columns:nth-of-type(1n) {
clear: none;
}
.medium-up-5 > .column:nth-of-type(5n+1),.medium-up-5 > .columns:nth-of-type(5n+1) {
clear: both;
}
.medium-up-5 > .column:last-child,.medium-up-5 > .columns:last-child {
float: left;
}
.medium-up-6 > .column,.medium-up-6 > .columns {
float: left;
width: 16.6666666667%;
}
.medium-up-6 > .column:nth-of-type(1n),.medium-up-6 > .columns:nth-of-type(1n) {
clear: none;
}
.medium-up-6 > .column:nth-of-type(6n+1),.medium-up-6 > .columns:nth-of-type(6n+1) {
clear: both;
}
.medium-up-6 > .column:last-child,.medium-up-6 > .columns:last-child {
float: left;
}
.medium-up-7 > .column,.medium-up-7 > .columns {
float: left;
width: 14.2857142857%;
}
.medium-up-7 > .column:nth-of-type(1n),.medium-up-7 > .columns:nth-of-type(1n) {
clear: none;
}
.medium-up-7 > .column:nth-of-type(7n+1),.medium-up-7 > .columns:nth-of-type(7n+1) {
clear: both;
}
.medium-up-7 > .column:last-child,.medium-up-7 > .columns:last-child {
float: left;
}
.medium-up-8 > .column,.medium-up-8 > .columns {
float: left;
width: 12.5%;
}
.medium-up-8 > .column:nth-of-type(1n),.medium-up-8 > .columns:nth-of-type(1n) {
clear: none;
}
.medium-up-8 > .column:nth-of-type(8n+1),.medium-up-8 > .columns:nth-of-type(8n+1) {
clear: both;
}
.medium-up-8 > .column:last-child,.medium-up-8 > .columns:last-child {
float: left;
}
.medium-collapse > .column,.medium-collapse > .columns {
padding-right: 0;
padding-left: 0;
}
.medium-collapse .row {
margin-right: 0;
margin-left: 0;
}
.expanded.row .medium-collapse.row {
margin-right: 0;
margin-left: 0;
}
.medium-uncollapse > .column,.medium-uncollapse > .columns {
padding-right: 0.46875rem;
padding-left: 0.46875rem;
}
.medium-centered {
margin-right: auto;
margin-left: auto;
}
.medium-centered,.medium-centered:last-child:not(:first-child) {
float: none;
clear: both;
}
.medium-uncentered,.medium-push-0,.medium-pull-0 {
position: static;
float: left;
margin-right: 0;
margin-left: 0;
}
}
@media print,screen and (min-width:60em) {
.large-1 {
width: 8.3333333333%;
}
.large-push-1 {
position: relative;
left: 8.3333333333%;
}
.large-pull-1 {
position: relative;
left: -8.3333333333%;
}
.large-offset-0 {
margin-left: 0%;
}
.large-2 {
width: 16.6666666667%;
}
.large-push-2 {
position: relative;
left: 16.6666666667%;
}
.large-pull-2 {
position: relative;
left: -16.6666666667%;
}
.large-offset-1 {
margin-left: 8.3333333333%;
}
.large-3 {
width: 25%;
}
.large-push-3 {
position: relative;
left: 25%;
}
.large-pull-3 {
position: relative;
left: -25%;
}
.large-offset-2,.contact-section .paragraph--type--simple-text,body.node--type-microsite .paragraph--type--block .field-type-entity-reference .paragraph--type--simple-text {
margin-left: 16.6666666667%;
}
.large-4 {
width: 33.3333333333%;
}
.large-push-4 {
position: relative;
left: 33.3333333333%;
}
.large-pull-4 {
position: relative;
left: -33.3333333333%;
}
.large-offset-3,.contact-section .contact_purpose_selector,body.node--type-microsite .paragraph--type--block .field-type-entity-reference .contact_purpose_selector {
margin-left: 25%;
}
.large-5 {
width: 41.6666666667%;
}
.large-push-5 {
position: relative;
left: 41.6666666667%;
}
.large-pull-5 {
position: relative;
left: -41.6666666667%;
}
.large-offset-4 {
margin-left: 33.3333333333%;
}
.large-6,.contact-section .contact_purpose_selector,body.node--type-microsite .paragraph--type--block .field-type-entity-reference .contact_purpose_selector {
width: 50%;
}
.large-push-6 {
position: relative;
left: 50%;
}
.large-pull-6 {
position: relative;
left: -50%;
}
.large-offset-5 {
margin-left: 41.6666666667%;
}
.large-7 {
width: 58.3333333333%;
}
.large-push-7 {
position: relative;
left: 58.3333333333%;
}
.large-pull-7 {
position: relative;
left: -58.3333333333%;
}
.large-offset-6 {
margin-left: 50%;
}
.large-8,.contact-section .paragraph--type--simple-text,body.node--type-microsite .paragraph--type--block .field-type-entity-reference .paragraph--type--simple-text {
width: 66.6666666667%;
}
.large-push-8 {
position: relative;
left: 66.6666666667%;
}
.large-pull-8 {
position: relative;
left: -66.6666666667%;
}
.large-offset-7 {
margin-left: 58.3333333333%;
}
.large-9 {
width: 75%;
}
.large-push-9 {
position: relative;
left: 75%;
}
.large-pull-9 {
position: relative;
left: -75%;
}
.large-offset-8 {
margin-left: 66.6666666667%;
}
.large-10 {
width: 83.3333333333%;
}
.large-push-10 {
position: relative;
left: 83.3333333333%;
}
.large-pull-10 {
position: relative;
left: -83.3333333333%;
}
.large-offset-9 {
margin-left: 75%;
}
.large-11 {
width: 91.6666666667%;
}
.large-push-11 {
position: relative;
left: 91.6666666667%;
}
.large-pull-11 {
position: relative;
left: -91.6666666667%;
}
.large-offset-10 {
margin-left: 83.3333333333%;
}
.large-12 {
width: 100%;
}
.large-offset-11 {
margin-left: 91.6666666667%;
}
.large-up-1 > .column,.large-up-1 > .columns {
float: left;
width: 100%;
}
.large-up-1 > .column:nth-of-type(1n),.large-up-1 > .columns:nth-of-type(1n) {
clear: none;
}
.large-up-1 > .column:nth-of-type(1n+1),.large-up-1 > .columns:nth-of-type(1n+1) {
clear: both;
}
.large-up-1 > .column:last-child,.large-up-1 > .columns:last-child {
float: left;
}
.large-up-2 > .column,.large-up-2 > .columns {
float: left;
width: 50%;
}
.large-up-2 > .column:nth-of-type(1n),.large-up-2 > .columns:nth-of-type(1n) {
clear: none;
}
.large-up-2 > .column:nth-of-type(2n+1),.large-up-2 > .columns:nth-of-type(2n+1) {
clear: both;
}
.large-up-2 > .column:last-child,.large-up-2 > .columns:last-child {
float: left;
}
.large-up-3 > .column,.large-up-3 > .columns {
float: left;
width: 33.3333333333%;
}
.large-up-3 > .column:nth-of-type(1n),.large-up-3 > .columns:nth-of-type(1n) {
clear: none;
}
.large-up-3 > .column:nth-of-type(3n+1),.large-up-3 > .columns:nth-of-type(3n+1) {
clear: both;
}
.large-up-3 > .column:last-child,.large-up-3 > .columns:last-child {
float: left;
}
.large-up-4 > .column,.large-up-4 > .columns {
float: left;
width: 25%;
}
.large-up-4 > .column:nth-of-type(1n),.large-up-4 > .columns:nth-of-type(1n) {
clear: none;
}
.large-up-4 > .column:nth-of-type(4n+1),.large-up-4 > .columns:nth-of-type(4n+1) {
clear: both;
}
.large-up-4 > .column:last-child,.large-up-4 > .columns:last-child {
float: left;
}
.large-up-5 > .column,.large-up-5 > .columns {
float: left;
width: 20%;
}
.large-up-5 > .column:nth-of-type(1n),.large-up-5 > .columns:nth-of-type(1n) {
clear: none;
}
.large-up-5 > .column:nth-of-type(5n+1),.large-up-5 > .columns:nth-of-type(5n+1) {
clear: both;
}
.large-up-5 > .column:last-child,.large-up-5 > .columns:last-child {
float: left;
}
.large-up-6 > .column,.large-up-6 > .columns {
float: left;
width: 16.6666666667%;
}
.large-up-6 > .column:nth-of-type(1n),.large-up-6 > .columns:nth-of-type(1n) {
clear: none;
}
.large-up-6 > .column:nth-of-type(6n+1),.large-up-6 > .columns:nth-of-type(6n+1) {
clear: both;
}
.large-up-6 > .column:last-child,.large-up-6 > .columns:last-child {
float: left;
}
.large-up-7 > .column,.large-up-7 > .columns {
float: left;
width: 14.2857142857%;
}
.large-up-7 > .column:nth-of-type(1n),.large-up-7 > .columns:nth-of-type(1n) {
clear: none;
}
.large-up-7 > .column:nth-of-type(7n+1),.large-up-7 > .columns:nth-of-type(7n+1) {
clear: both;
}
.large-up-7 > .column:last-child,.large-up-7 > .columns:last-child {
float: left;
}
.large-up-8 > .column,.large-up-8 > .columns {
float: left;
width: 12.5%;
}
.large-up-8 > .column:nth-of-type(1n),.large-up-8 > .columns:nth-of-type(1n) {
clear: none;
}
.large-up-8 > .column:nth-of-type(8n+1),.large-up-8 > .columns:nth-of-type(8n+1) {
clear: both;
}
.large-up-8 > .column:last-child,.large-up-8 > .columns:last-child {
float: left;
}
.large-collapse > .column,.large-collapse > .columns {
padding-right: 0;
padding-left: 0;
}
.large-collapse .row {
margin-right: 0;
margin-left: 0;
}
.expanded.row .large-collapse.row {
margin-right: 0;
margin-left: 0;
}
.large-uncollapse > .column,.large-uncollapse > .columns {
padding-right: 0.46875rem;
padding-left: 0.46875rem;
}
.large-centered {
margin-right: auto;
margin-left: auto;
}
.large-centered,.large-centered:last-child:not(:first-child) {
float: none;
clear: both;
}
.large-uncentered,.large-push-0,.large-pull-0 {
position: static;
float: left;
margin-right: 0;
margin-left: 0;
}
}
@media screen and (min-width:75em) {
.xlarge-1 {
width: 8.3333333333%;
}
.xlarge-push-1 {
position: relative;
left: 8.3333333333%;
}
.xlarge-pull-1 {
position: relative;
left: -8.3333333333%;
}
.xlarge-offset-0 {
margin-left: 0%;
}
.xlarge-2 {
width: 16.6666666667%;
}
.xlarge-push-2 {
position: relative;
left: 16.6666666667%;
}
.xlarge-pull-2 {
position: relative;
left: -16.6666666667%;
}
.xlarge-offset-1 {
margin-left: 8.3333333333%;
}
.xlarge-3 {
width: 25%;
}
.xlarge-push-3 {
position: relative;
left: 25%;
}
.xlarge-pull-3 {
position: relative;
left: -25%;
}
.xlarge-offset-2 {
margin-left: 16.6666666667%;
}
.xlarge-4 {
width: 33.3333333333%;
}
.xlarge-push-4 {
position: relative;
left: 33.3333333333%;
}
.xlarge-pull-4 {
position: relative;
left: -33.3333333333%;
}
.xlarge-offset-3 {
margin-left: 25%;
}
.xlarge-5 {
width: 41.6666666667%;
}
.xlarge-push-5 {
position: relative;
left: 41.6666666667%;
}
.xlarge-pull-5 {
position: relative;
left: -41.6666666667%;
}
.xlarge-offset-4 {
margin-left: 33.3333333333%;
}
.xlarge-6 {
width: 50%;
}
.xlarge-push-6 {
position: relative;
left: 50%;
}
.xlarge-pull-6 {
position: relative;
left: -50%;
}
.xlarge-offset-5 {
margin-left: 41.6666666667%;
}
.xlarge-7 {
width: 58.3333333333%;
}
.xlarge-push-7 {
position: relative;
left: 58.3333333333%;
}
.xlarge-pull-7 {
position: relative;
left: -58.3333333333%;
}
.xlarge-offset-6 {
margin-left: 50%;
}
.xlarge-8 {
width: 66.6666666667%;
}
.xlarge-push-8 {
position: relative;
left: 66.6666666667%;
}
.xlarge-pull-8 {
position: relative;
left: -66.6666666667%;
}
.xlarge-offset-7 {
margin-left: 58.3333333333%;
}
.xlarge-9 {
width: 75%;
}
.xlarge-push-9 {
position: relative;
left: 75%;
}
.xlarge-pull-9 {
position: relative;
left: -75%;
}
.xlarge-offset-8 {
margin-left: 66.6666666667%;
}
.xlarge-10 {
width: 83.3333333333%;
}
.xlarge-push-10 {
position: relative;
left: 83.3333333333%;
}
.xlarge-pull-10 {
position: relative;
left: -83.3333333333%;
}
.xlarge-offset-9 {
margin-left: 75%;
}
.xlarge-11 {
width: 91.6666666667%;
}
.xlarge-push-11 {
position: relative;
left: 91.6666666667%;
}
.xlarge-pull-11 {
position: relative;
left: -91.6666666667%;
}
.xlarge-offset-10 {
margin-left: 83.3333333333%;
}
.xlarge-12 {
width: 100%;
}
.xlarge-offset-11 {
margin-left: 91.6666666667%;
}
.xlarge-up-1 > .column,.xlarge-up-1 > .columns {
float: left;
width: 100%;
}
.xlarge-up-1 > .column:nth-of-type(1n),.xlarge-up-1 > .columns:nth-of-type(1n) {
clear: none;
}
.xlarge-up-1 > .column:nth-of-type(1n+1),.xlarge-up-1 > .columns:nth-of-type(1n+1) {
clear: both;
}
.xlarge-up-1 > .column:last-child,.xlarge-up-1 > .columns:last-child {
float: left;
}
.xlarge-up-2 > .column,.xlarge-up-2 > .columns {
float: left;
width: 50%;
}
.xlarge-up-2 > .column:nth-of-type(1n),.xlarge-up-2 > .columns:nth-of-type(1n) {
clear: none;
}
.xlarge-up-2 > .column:nth-of-type(2n+1),.xlarge-up-2 > .columns:nth-of-type(2n+1) {
clear: both;
}
.xlarge-up-2 > .column:last-child,.xlarge-up-2 > .columns:last-child {
float: left;
}
.xlarge-up-3 > .column,.xlarge-up-3 > .columns {
float: left;
width: 33.3333333333%;
}
.xlarge-up-3 > .column:nth-of-type(1n),.xlarge-up-3 > .columns:nth-of-type(1n) {
clear: none;
}
.xlarge-up-3 > .column:nth-of-type(3n+1),.xlarge-up-3 > .columns:nth-of-type(3n+1) {
clear: both;
}
.xlarge-up-3 > .column:last-child,.xlarge-up-3 > .columns:last-child {
float: left;
}
.xlarge-up-4 > .column,.xlarge-up-4 > .columns {
float: left;
width: 25%;
}
.xlarge-up-4 > .column:nth-of-type(1n),.xlarge-up-4 > .columns:nth-of-type(1n) {
clear: none;
}
.xlarge-up-4 > .column:nth-of-type(4n+1),.xlarge-up-4 > .columns:nth-of-type(4n+1) {
clear: both;
}
.xlarge-up-4 > .column:last-child,.xlarge-up-4 > .columns:last-child {
float: left;
}
.xlarge-up-5 > .column,.xlarge-up-5 > .columns {
float: left;
width: 20%;
}
.xlarge-up-5 > .column:nth-of-type(1n),.xlarge-up-5 > .columns:nth-of-type(1n) {
clear: none;
}
.xlarge-up-5 > .column:nth-of-type(5n+1),.xlarge-up-5 > .columns:nth-of-type(5n+1) {
clear: both;
}
.xlarge-up-5 > .column:last-child,.xlarge-up-5 > .columns:last-child {
float: left;
}
.xlarge-up-6 > .column,.xlarge-up-6 > .columns {
float: left;
width: 16.6666666667%;
}
.xlarge-up-6 > .column:nth-of-type(1n),.xlarge-up-6 > .columns:nth-of-type(1n) {
clear: none;
}
.xlarge-up-6 > .column:nth-of-type(6n+1),.xlarge-up-6 > .columns:nth-of-type(6n+1) {
clear: both;
}
.xlarge-up-6 > .column:last-child,.xlarge-up-6 > .columns:last-child {
float: left;
}
.xlarge-up-7 > .column,.xlarge-up-7 > .columns {
float: left;
width: 14.2857142857%;
}
.xlarge-up-7 > .column:nth-of-type(1n),.xlarge-up-7 > .columns:nth-of-type(1n) {
clear: none;
}
.xlarge-up-7 > .column:nth-of-type(7n+1),.xlarge-up-7 > .columns:nth-of-type(7n+1) {
clear: both;
}
.xlarge-up-7 > .column:last-child,.xlarge-up-7 > .columns:last-child {
float: left;
}
.xlarge-up-8 > .column,.xlarge-up-8 > .columns {
float: left;
width: 12.5%;
}
.xlarge-up-8 > .column:nth-of-type(1n),.xlarge-up-8 > .columns:nth-of-type(1n) {
clear: none;
}
.xlarge-up-8 > .column:nth-of-type(8n+1),.xlarge-up-8 > .columns:nth-of-type(8n+1) {
clear: both;
}
.xlarge-up-8 > .column:last-child,.xlarge-up-8 > .columns:last-child {
float: left;
}
.xlarge-collapse > .column,.xlarge-collapse > .columns {
padding-right: 0;
padding-left: 0;
}
.xlarge-collapse .row {
margin-right: 0;
margin-left: 0;
}
.expanded.row .xlarge-collapse.row {
margin-right: 0;
margin-left: 0;
}
.xlarge-uncollapse > .column,.xlarge-uncollapse > .columns {
padding-right: 1.25rem;
padding-left: 1.25rem;
}
.xlarge-centered {
margin-right: auto;
margin-left: auto;
}
.xlarge-centered,.xlarge-centered:last-child:not(:first-child) {
float: none;
clear: both;
}
.xlarge-uncentered,.xlarge-push-0,.xlarge-pull-0 {
position: static;
float: left;
margin-right: 0;
margin-left: 0;
}
}
@media screen and (min-width:90em) {
.xxlarge-1 {
width: 8.3333333333%;
}
.xxlarge-push-1 {
position: relative;
left: 8.3333333333%;
}
.xxlarge-pull-1 {
position: relative;
left: -8.3333333333%;
}
.xxlarge-offset-0 {
margin-left: 0%;
}
.xxlarge-2 {
width: 16.6666666667%;
}
.xxlarge-push-2 {
position: relative;
left: 16.6666666667%;
}
.xxlarge-pull-2 {
position: relative;
left: -16.6666666667%;
}
.xxlarge-offset-1 {
margin-left: 8.3333333333%;
}
.xxlarge-3 {
width: 25%;
}
.xxlarge-push-3 {
position: relative;
left: 25%;
}
.xxlarge-pull-3 {
position: relative;
left: -25%;
}
.xxlarge-offset-2 {
margin-left: 16.6666666667%;
}
.xxlarge-4 {
width: 33.3333333333%;
}
.xxlarge-push-4 {
position: relative;
left: 33.3333333333%;
}
.xxlarge-pull-4 {
position: relative;
left: -33.3333333333%;
}
.xxlarge-offset-3 {
margin-left: 25%;
}
.xxlarge-5 {
width: 41.6666666667%;
}
.xxlarge-push-5 {
position: relative;
left: 41.6666666667%;
}
.xxlarge-pull-5 {
position: relative;
left: -41.6666666667%;
}
.xxlarge-offset-4 {
margin-left: 33.3333333333%;
}
.xxlarge-6 {
width: 50%;
}
.xxlarge-push-6 {
position: relative;
left: 50%;
}
.xxlarge-pull-6 {
position: relative;
left: -50%;
}
.xxlarge-offset-5 {
margin-left: 41.6666666667%;
}
.xxlarge-7 {
width: 58.3333333333%;
}
.xxlarge-push-7 {
position: relative;
left: 58.3333333333%;
}
.xxlarge-pull-7 {
position: relative;
left: -58.3333333333%;
}
.xxlarge-offset-6 {
margin-left: 50%;
}
.xxlarge-8 {
width: 66.6666666667%;
}
.xxlarge-push-8 {
position: relative;
left: 66.6666666667%;
}
.xxlarge-pull-8 {
position: relative;
left: -66.6666666667%;
}
.xxlarge-offset-7 {
margin-left: 58.3333333333%;
}
.xxlarge-9 {
width: 75%;
}
.xxlarge-push-9 {
position: relative;
left: 75%;
}
.xxlarge-pull-9 {
position: relative;
left: -75%;
}
.xxlarge-offset-8 {
margin-left: 66.6666666667%;
}
.xxlarge-10 {
width: 83.3333333333%;
}
.xxlarge-push-10 {
position: relative;
left: 83.3333333333%;
}
.xxlarge-pull-10 {
position: relative;
left: -83.3333333333%;
}
.xxlarge-offset-9 {
margin-left: 75%;
}
.xxlarge-11 {
width: 91.6666666667%;
}
.xxlarge-push-11 {
position: relative;
left: 91.6666666667%;
}
.xxlarge-pull-11 {
position: relative;
left: -91.6666666667%;
}
.xxlarge-offset-10 {
margin-left: 83.3333333333%;
}
.xxlarge-12 {
width: 100%;
}
.xxlarge-offset-11 {
margin-left: 91.6666666667%;
}
.xxlarge-up-1 > .column,.xxlarge-up-1 > .columns {
float: left;
width: 100%;
}
.xxlarge-up-1 > .column:nth-of-type(1n),.xxlarge-up-1 > .columns:nth-of-type(1n) {
clear: none;
}
.xxlarge-up-1 > .column:nth-of-type(1n+1),.xxlarge-up-1 > .columns:nth-of-type(1n+1) {
clear: both;
}
.xxlarge-up-1 > .column:last-child,.xxlarge-up-1 > .columns:last-child {
float: left;
}
.xxlarge-up-2 > .column,.xxlarge-up-2 > .columns {
float: left;
width: 50%;
}
.xxlarge-up-2 > .column:nth-of-type(1n),.xxlarge-up-2 > .columns:nth-of-type(1n) {
clear: none;
}
.xxlarge-up-2 > .column:nth-of-type(2n+1),.xxlarge-up-2 > .columns:nth-of-type(2n+1) {
clear: both;
}
.xxlarge-up-2 > .column:last-child,.xxlarge-up-2 > .columns:last-child {
float: left;
}
.xxlarge-up-3 > .column,.xxlarge-up-3 > .columns {
float: left;
width: 33.3333333333%;
}
.xxlarge-up-3 > .column:nth-of-type(1n),.xxlarge-up-3 > .columns:nth-of-type(1n) {
clear: none;
}
.xxlarge-up-3 > .column:nth-of-type(3n+1),.xxlarge-up-3 > .columns:nth-of-type(3n+1) {
clear: both;
}
.xxlarge-up-3 > .column:last-child,.xxlarge-up-3 > .columns:last-child {
float: left;
}
.xxlarge-up-4 > .column,.xxlarge-up-4 > .columns {
float: left;
width: 25%;
}
.xxlarge-up-4 > .column:nth-of-type(1n),.xxlarge-up-4 > .columns:nth-of-type(1n) {
clear: none;
}
.xxlarge-up-4 > .column:nth-of-type(4n+1),.xxlarge-up-4 > .columns:nth-of-type(4n+1) {
clear: both;
}
.xxlarge-up-4 > .column:last-child,.xxlarge-up-4 > .columns:last-child {
float: left;
}
.xxlarge-up-5 > .column,.xxlarge-up-5 > .columns {
float: left;
width: 20%;
}
.xxlarge-up-5 > .column:nth-of-type(1n),.xxlarge-up-5 > .columns:nth-of-type(1n) {
clear: none;
}
.xxlarge-up-5 > .column:nth-of-type(5n+1),.xxlarge-up-5 > .columns:nth-of-type(5n+1) {
clear: both;
}
.xxlarge-up-5 > .column:last-child,.xxlarge-up-5 > .columns:last-child {
float: left;
}
.xxlarge-up-6 > .column,.xxlarge-up-6 > .columns {
float: left;
width: 16.6666666667%;
}
.xxlarge-up-6 > .column:nth-of-type(1n),.xxlarge-up-6 > .columns:nth-of-type(1n) {
clear: none;
}
.xxlarge-up-6 > .column:nth-of-type(6n+1),.xxlarge-up-6 > .columns:nth-of-type(6n+1) {
clear: both;
}
.xxlarge-up-6 > .column:last-child,.xxlarge-up-6 > .columns:last-child {
float: left;
}
.xxlarge-up-7 > .column,.xxlarge-up-7 > .columns {
float: left;
width: 14.2857142857%;
}
.xxlarge-up-7 > .column:nth-of-type(1n),.xxlarge-up-7 > .columns:nth-of-type(1n) {
clear: none;
}
.xxlarge-up-7 > .column:nth-of-type(7n+1),.xxlarge-up-7 > .columns:nth-of-type(7n+1) {
clear: both;
}
.xxlarge-up-7 > .column:last-child,.xxlarge-up-7 > .columns:last-child {
float: left;
}
.xxlarge-up-8 > .column,.xxlarge-up-8 > .columns {
float: left;
width: 12.5%;
}
.xxlarge-up-8 > .column:nth-of-type(1n),.xxlarge-up-8 > .columns:nth-of-type(1n) {
clear: none;
}
.xxlarge-up-8 > .column:nth-of-type(8n+1),.xxlarge-up-8 > .columns:nth-of-type(8n+1) {
clear: both;
}
.xxlarge-up-8 > .column:last-child,.xxlarge-up-8 > .columns:last-child {
float: left;
}
.xxlarge-collapse > .column,.xxlarge-collapse > .columns {
padding-right: 0;
padding-left: 0;
}
.xxlarge-collapse .row {
margin-right: 0;
margin-left: 0;
}
.expanded.row .xxlarge-collapse.row {
margin-right: 0;
margin-left: 0;
}
.xxlarge-uncollapse > .column,.xxlarge-uncollapse > .columns {
padding-right: 1.25rem;
padding-left: 1.25rem;
}
.xxlarge-centered {
margin-right: auto;
margin-left: auto;
}
.xxlarge-centered,.xxlarge-centered:last-child:not(:first-child) {
float: none;
clear: both;
}
.xxlarge-uncentered,.xxlarge-push-0,.xxlarge-pull-0 {
position: static;
float: left;
margin-right: 0;
margin-left: 0;
}
}
@media screen and (min-width:93.75em) {
.xxxlarge-1 {
width: 8.3333333333%;
}
.xxxlarge-push-1 {
position: relative;
left: 8.3333333333%;
}
.xxxlarge-pull-1 {
position: relative;
left: -8.3333333333%;
}
.xxxlarge-offset-0 {
margin-left: 0%;
}
.xxxlarge-2 {
width: 16.6666666667%;
}
.xxxlarge-push-2 {
position: relative;
left: 16.6666666667%;
}
.xxxlarge-pull-2 {
position: relative;
left: -16.6666666667%;
}
.xxxlarge-offset-1 {
margin-left: 8.3333333333%;
}
.xxxlarge-3 {
width: 25%;
}
.xxxlarge-push-3 {
position: relative;
left: 25%;
}
.xxxlarge-pull-3 {
position: relative;
left: -25%;
}
.xxxlarge-offset-2 {
margin-left: 16.6666666667%;
}
.xxxlarge-4 {
width: 33.3333333333%;
}
.xxxlarge-push-4 {
position: relative;
left: 33.3333333333%;
}
.xxxlarge-pull-4 {
position: relative;
left: -33.3333333333%;
}
.xxxlarge-offset-3 {
margin-left: 25%;
}
.xxxlarge-5 {
width: 41.6666666667%;
}
.xxxlarge-push-5 {
position: relative;
left: 41.6666666667%;
}
.xxxlarge-pull-5 {
position: relative;
left: -41.6666666667%;
}
.xxxlarge-offset-4 {
margin-left: 33.3333333333%;
}
.xxxlarge-6 {
width: 50%;
}
.xxxlarge-push-6 {
position: relative;
left: 50%;
}
.xxxlarge-pull-6 {
position: relative;
left: -50%;
}
.xxxlarge-offset-5 {
margin-left: 41.6666666667%;
}
.xxxlarge-7 {
width: 58.3333333333%;
}
.xxxlarge-push-7 {
position: relative;
left: 58.3333333333%;
}
.xxxlarge-pull-7 {
position: relative;
left: -58.3333333333%;
}
.xxxlarge-offset-6 {
margin-left: 50%;
}
.xxxlarge-8 {
width: 66.6666666667%;
}
.xxxlarge-push-8 {
position: relative;
left: 66.6666666667%;
}
.xxxlarge-pull-8 {
position: relative;
left: -66.6666666667%;
}
.xxxlarge-offset-7 {
margin-left: 58.3333333333%;
}
.xxxlarge-9 {
width: 75%;
}
.xxxlarge-push-9 {
position: relative;
left: 75%;
}
.xxxlarge-pull-9 {
position: relative;
left: -75%;
}
.xxxlarge-offset-8 {
margin-left: 66.6666666667%;
}
.xxxlarge-10 {
width: 83.3333333333%;
}
.xxxlarge-push-10 {
position: relative;
left: 83.3333333333%;
}
.xxxlarge-pull-10 {
position: relative;
left: -83.3333333333%;
}
.xxxlarge-offset-9 {
margin-left: 75%;
}
.xxxlarge-11 {
width: 91.6666666667%;
}
.xxxlarge-push-11 {
position: relative;
left: 91.6666666667%;
}
.xxxlarge-pull-11 {
position: relative;
left: -91.6666666667%;
}
.xxxlarge-offset-10 {
margin-left: 83.3333333333%;
}
.xxxlarge-12 {
width: 100%;
}
.xxxlarge-offset-11 {
margin-left: 91.6666666667%;
}
.xxxlarge-up-1 > .column,.xxxlarge-up-1 > .columns {
float: left;
width: 100%;
}
.xxxlarge-up-1 > .column:nth-of-type(1n),.xxxlarge-up-1 > .columns:nth-of-type(1n) {
clear: none;
}
.xxxlarge-up-1 > .column:nth-of-type(1n+1),.xxxlarge-up-1 > .columns:nth-of-type(1n+1) {
clear: both;
}
.xxxlarge-up-1 > .column:last-child,.xxxlarge-up-1 > .columns:last-child {
float: left;
}
.xxxlarge-up-2 > .column,.xxxlarge-up-2 > .columns {
float: left;
width: 50%;
}
.xxxlarge-up-2 > .column:nth-of-type(1n),.xxxlarge-up-2 > .columns:nth-of-type(1n) {
clear: none;
}
.xxxlarge-up-2 > .column:nth-of-type(2n+1),.xxxlarge-up-2 > .columns:nth-of-type(2n+1) {
clear: both;
}
.xxxlarge-up-2 > .column:last-child,.xxxlarge-up-2 > .columns:last-child {
float: left;
}
.xxxlarge-up-3 > .column,.xxxlarge-up-3 > .columns {
float: left;
width: 33.3333333333%;
}
.xxxlarge-up-3 > .column:nth-of-type(1n),.xxxlarge-up-3 > .columns:nth-of-type(1n) {
clear: none;
}
.xxxlarge-up-3 > .column:nth-of-type(3n+1),.xxxlarge-up-3 > .columns:nth-of-type(3n+1) {
clear: both;
}
.xxxlarge-up-3 > .column:last-child,.xxxlarge-up-3 > .columns:last-child {
float: left;
}
.xxxlarge-up-4 > .column,.xxxlarge-up-4 > .columns {
float: left;
width: 25%;
}
.xxxlarge-up-4 > .column:nth-of-type(1n),.xxxlarge-up-4 > .columns:nth-of-type(1n) {
clear: none;
}
.xxxlarge-up-4 > .column:nth-of-type(4n+1),.xxxlarge-up-4 > .columns:nth-of-type(4n+1) {
clear: both;
}
.xxxlarge-up-4 > .column:last-child,.xxxlarge-up-4 > .columns:last-child {
float: left;
}
.xxxlarge-up-5 > .column,.xxxlarge-up-5 > .columns {
float: left;
width: 20%;
}
.xxxlarge-up-5 > .column:nth-of-type(1n),.xxxlarge-up-5 > .columns:nth-of-type(1n) {
clear: none;
}
.xxxlarge-up-5 > .column:nth-of-type(5n+1),.xxxlarge-up-5 > .columns:nth-of-type(5n+1) {
clear: both;
}
.xxxlarge-up-5 > .column:last-child,.xxxlarge-up-5 > .columns:last-child {
float: left;
}
.xxxlarge-up-6 > .column,.xxxlarge-up-6 > .columns {
float: left;
width: 16.6666666667%;
}
.xxxlarge-up-6 > .column:nth-of-type(1n),.xxxlarge-up-6 > .columns:nth-of-type(1n) {
clear: none;
}
.xxxlarge-up-6 > .column:nth-of-type(6n+1),.xxxlarge-up-6 > .columns:nth-of-type(6n+1) {
clear: both;
}
.xxxlarge-up-6 > .column:last-child,.xxxlarge-up-6 > .columns:last-child {
float: left;
}
.xxxlarge-up-7 > .column,.xxxlarge-up-7 > .columns {
float: left;
width: 14.2857142857%;
}
.xxxlarge-up-7 > .column:nth-of-type(1n),.xxxlarge-up-7 > .columns:nth-of-type(1n) {
clear: none;
}
.xxxlarge-up-7 > .column:nth-of-type(7n+1),.xxxlarge-up-7 > .columns:nth-of-type(7n+1) {
clear: both;
}
.xxxlarge-up-7 > .column:last-child,.xxxlarge-up-7 > .columns:last-child {
float: left;
}
.xxxlarge-up-8 > .column,.xxxlarge-up-8 > .columns {
float: left;
width: 12.5%;
}
.xxxlarge-up-8 > .column:nth-of-type(1n),.xxxlarge-up-8 > .columns:nth-of-type(1n) {
clear: none;
}
.xxxlarge-up-8 > .column:nth-of-type(8n+1),.xxxlarge-up-8 > .columns:nth-of-type(8n+1) {
clear: both;
}
.xxxlarge-up-8 > .column:last-child,.xxxlarge-up-8 > .columns:last-child {
float: left;
}
.xxxlarge-collapse > .column,.xxxlarge-collapse > .columns {
padding-right: 0;
padding-left: 0;
}
.xxxlarge-collapse .row {
margin-right: 0;
margin-left: 0;
}
.expanded.row .xxxlarge-collapse.row {
margin-right: 0;
margin-left: 0;
}
.xxxlarge-uncollapse > .column,.xxxlarge-uncollapse > .columns {
padding-right: 1.25rem;
padding-left: 1.25rem;
}
.xxxlarge-centered {
margin-right: auto;
margin-left: auto;
}
.xxxlarge-centered,.xxxlarge-centered:last-child:not(:first-child) {
float: none;
clear: both;
}
.xxxlarge-uncentered,.xxxlarge-push-0,.xxxlarge-pull-0 {
position: static;
float: left;
margin-right: 0;
margin-left: 0;
}
}
@media screen and (min-width:156.25em) {
.wide-1 {
width: 8.3333333333%;
}
.wide-push-1 {
position: relative;
left: 8.3333333333%;
}
.wide-pull-1 {
position: relative;
left: -8.3333333333%;
}
.wide-offset-0 {
margin-left: 0%;
}
.wide-2 {
width: 16.6666666667%;
}
.wide-push-2 {
position: relative;
left: 16.6666666667%;
}
.wide-pull-2 {
position: relative;
left: -16.6666666667%;
}
.wide-offset-1 {
margin-left: 8.3333333333%;
}
.wide-3 {
width: 25%;
}
.wide-push-3 {
position: relative;
left: 25%;
}
.wide-pull-3 {
position: relative;
left: -25%;
}
.wide-offset-2 {
margin-left: 16.6666666667%;
}
.wide-4 {
width: 33.3333333333%;
}
.wide-push-4 {
position: relative;
left: 33.3333333333%;
}
.wide-pull-4 {
position: relative;
left: -33.3333333333%;
}
.wide-offset-3 {
margin-left: 25%;
}
.wide-5 {
width: 41.6666666667%;
}
.wide-push-5 {
position: relative;
left: 41.6666666667%;
}
.wide-pull-5 {
position: relative;
left: -41.6666666667%;
}
.wide-offset-4 {
margin-left: 33.3333333333%;
}
.wide-6 {
width: 50%;
}
.wide-push-6 {
position: relative;
left: 50%;
}
.wide-pull-6 {
position: relative;
left: -50%;
}
.wide-offset-5 {
margin-left: 41.6666666667%;
}
.wide-7 {
width: 58.3333333333%;
}
.wide-push-7 {
position: relative;
left: 58.3333333333%;
}
.wide-pull-7 {
position: relative;
left: -58.3333333333%;
}
.wide-offset-6 {
margin-left: 50%;
}
.wide-8 {
width: 66.6666666667%;
}
.wide-push-8 {
position: relative;
left: 66.6666666667%;
}
.wide-pull-8 {
position: relative;
left: -66.6666666667%;
}
.wide-offset-7 {
margin-left: 58.3333333333%;
}
.wide-9 {
width: 75%;
}
.wide-push-9 {
position: relative;
left: 75%;
}
.wide-pull-9 {
position: relative;
left: -75%;
}
.wide-offset-8 {
margin-left: 66.6666666667%;
}
.wide-10 {
width: 83.3333333333%;
}
.wide-push-10 {
position: relative;
left: 83.3333333333%;
}
.wide-pull-10 {
position: relative;
left: -83.3333333333%;
}
.wide-offset-9 {
margin-left: 75%;
}
.wide-11 {
width: 91.6666666667%;
}
.wide-push-11 {
position: relative;
left: 91.6666666667%;
}
.wide-pull-11 {
position: relative;
left: -91.6666666667%;
}
.wide-offset-10 {
margin-left: 83.3333333333%;
}
.wide-12 {
width: 100%;
}
.wide-offset-11 {
margin-left: 91.6666666667%;
}
.wide-up-1 > .column,.wide-up-1 > .columns {
float: left;
width: 100%;
}
.wide-up-1 > .column:nth-of-type(1n),.wide-up-1 > .columns:nth-of-type(1n) {
clear: none;
}
.wide-up-1 > .column:nth-of-type(1n+1),.wide-up-1 > .columns:nth-of-type(1n+1) {
clear: both;
}
.wide-up-1 > .column:last-child,.wide-up-1 > .columns:last-child {
float: left;
}
.wide-up-2 > .column,.wide-up-2 > .columns {
float: left;
width: 50%;
}
.wide-up-2 > .column:nth-of-type(1n),.wide-up-2 > .columns:nth-of-type(1n) {
clear: none;
}
.wide-up-2 > .column:nth-of-type(2n+1),.wide-up-2 > .columns:nth-of-type(2n+1) {
clear: both;
}
.wide-up-2 > .column:last-child,.wide-up-2 > .columns:last-child {
float: left;
}
.wide-up-3 > .column,.wide-up-3 > .columns {
float: left;
width: 33.3333333333%;
}
.wide-up-3 > .column:nth-of-type(1n),.wide-up-3 > .columns:nth-of-type(1n) {
clear: none;
}
.wide-up-3 > .column:nth-of-type(3n+1),.wide-up-3 > .columns:nth-of-type(3n+1) {
clear: both;
}
.wide-up-3 > .column:last-child,.wide-up-3 > .columns:last-child {
float: left;
}
.wide-up-4 > .column,.wide-up-4 > .columns {
float: left;
width: 25%;
}
.wide-up-4 > .column:nth-of-type(1n),.wide-up-4 > .columns:nth-of-type(1n) {
clear: none;
}
.wide-up-4 > .column:nth-of-type(4n+1),.wide-up-4 > .columns:nth-of-type(4n+1) {
clear: both;
}
.wide-up-4 > .column:last-child,.wide-up-4 > .columns:last-child {
float: left;
}
.wide-up-5 > .column,.wide-up-5 > .columns {
float: left;
width: 20%;
}
.wide-up-5 > .column:nth-of-type(1n),.wide-up-5 > .columns:nth-of-type(1n) {
clear: none;
}
.wide-up-5 > .column:nth-of-type(5n+1),.wide-up-5 > .columns:nth-of-type(5n+1) {
clear: both;
}
.wide-up-5 > .column:last-child,.wide-up-5 > .columns:last-child {
float: left;
}
.wide-up-6 > .column,.wide-up-6 > .columns {
float: left;
width: 16.6666666667%;
}
.wide-up-6 > .column:nth-of-type(1n),.wide-up-6 > .columns:nth-of-type(1n) {
clear: none;
}
.wide-up-6 > .column:nth-of-type(6n+1),.wide-up-6 > .columns:nth-of-type(6n+1) {
clear: both;
}
.wide-up-6 > .column:last-child,.wide-up-6 > .columns:last-child {
float: left;
}
.wide-up-7 > .column,.wide-up-7 > .columns {
float: left;
width: 14.2857142857%;
}
.wide-up-7 > .column:nth-of-type(1n),.wide-up-7 > .columns:nth-of-type(1n) {
clear: none;
}
.wide-up-7 > .column:nth-of-type(7n+1),.wide-up-7 > .columns:nth-of-type(7n+1) {
clear: both;
}
.wide-up-7 > .column:last-child,.wide-up-7 > .columns:last-child {
float: left;
}
.wide-up-8 > .column,.wide-up-8 > .columns {
float: left;
width: 12.5%;
}
.wide-up-8 > .column:nth-of-type(1n),.wide-up-8 > .columns:nth-of-type(1n) {
clear: none;
}
.wide-up-8 > .column:nth-of-type(8n+1),.wide-up-8 > .columns:nth-of-type(8n+1) {
clear: both;
}
.wide-up-8 > .column:last-child,.wide-up-8 > .columns:last-child {
float: left;
}
.wide-collapse > .column,.wide-collapse > .columns {
padding-right: 0;
padding-left: 0;
}
.wide-collapse .row {
margin-right: 0;
margin-left: 0;
}
.expanded.row .wide-collapse.row {
margin-right: 0;
margin-left: 0;
}
.wide-uncollapse > .column,.wide-uncollapse > .columns {
padding-right: 1.25rem;
padding-left: 1.25rem;
}
.wide-centered {
margin-right: auto;
margin-left: auto;
}
.wide-centered,.wide-centered:last-child:not(:first-child) {
float: none;
clear: both;
}
.wide-uncentered,.wide-push-0,.wide-pull-0 {
position: static;
float: left;
margin-right: 0;
margin-left: 0;
}
}
.column-block {
margin-bottom: 0.9375rem;
}
.column-block > :last-child {
margin-bottom: 0;
}
@media screen and (min-width:75em) {
.column-block {
margin-bottom: 2.5rem;
}
.column-block > :last-child {
margin-bottom: 0;
}
}
@media print,screen and (min-width:48em) {
.medium-text-left {
text-align: left;
}
.medium-text-right {
text-align: right;
}
.medium-text-center {
text-align: center;
}
.medium-text-justify {
text-align: justify;
}
}
@media print,screen and (min-width:60em) {
.large-text-left {
text-align: left;
}
.large-text-right {
text-align: right;
}
.large-text-center {
text-align: center;
}
.large-text-justify {
text-align: justify;
}
}
@media screen and (min-width:75em) {
.xlarge-text-left {
text-align: left;
}
.xlarge-text-right {
text-align: right;
}
.xlarge-text-center {
text-align: center;
}
.xlarge-text-justify {
text-align: justify;
}
}
@media screen and (min-width:90em) {
.xxlarge-text-left {
text-align: left;
}
.xxlarge-text-right {
text-align: right;
}
.xxlarge-text-center {
text-align: center;
}
.xxlarge-text-justify {
text-align: justify;
}
}
@media screen and (min-width:93.75em) {
.xxxlarge-text-left {
text-align: left;
}
.xxxlarge-text-right {
text-align: right;
}
.xxxlarge-text-center {
text-align: center;
}
.xxxlarge-text-justify {
text-align: justify;
}
}
@media screen and (min-width:156.25em) {
.wide-text-left {
text-align: left;
}
.wide-text-right {
text-align: right;
}
.wide-text-center {
text-align: center;
}
.wide-text-justify {
text-align: justify;
}
}
.show-for-print {
display: none !important;
}
@media print {
* {
background: transparent !important;
box-shadow: none !important;
color: black !important;
text-shadow: none !important;
}
.show-for-print {
display: block !important;
}
.hide-for-print {
display: none !important;
}
.print-break-inside {
page-break-inside: auto;
}
}[type=text],[type=password],[type=date],[type=datetime],[type=datetime-local],[type=month],[type=week],[type=email],[type=number],[type=search],[type=tel],[type=time],[type=url],[type=color],textarea {
display: block;
box-sizing: border-box;
width: 100%;
height: 2.4375rem;
margin: 0 0 1rem;
padding: 0.5rem;
border: 1px solid #868685;
border-radius: 0;
background-color: #ffffff;
box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
font-family: inherit;
font-size: 1rem;
font-weight: normal;
line-height: 1.5;
color: #000000;
transition: box-shadow 0.5s,border-color 0.25s ease-in-out;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}[type=text]:focus,[type=password]:focus,[type=date]:focus,[type=datetime]:focus,[type=datetime-local]:focus,[type=month]:focus,[type=week]:focus,[type=email]:focus,[type=number]:focus,[type=search]:focus,[type=tel]:focus,[type=time]:focus,[type=url]:focus,[type=color]:focus,textarea:focus {
outline: none;
border: 1px solid #323231;
background-color: #ffffff;
box-shadow: 0 0 5px #868685;
transition: box-shadow 0.5s,border-color 0.25s ease-in-out;
}
textarea {
max-width: 100%;
}
textarea[rows] {
height: auto;
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
color: #868685;
}
input::-moz-placeholder,textarea::-moz-placeholder {
color: #868685;
}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {
color: #868685;
}
input::placeholder,textarea::placeholder {
color: #868685;
}
input:disabled,input[readonly],textarea:disabled,textarea[readonly] {
background-color: #d9d9d9;
cursor: not-allowed;
}[type=submit],[type=button] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
}
input[type=search] {
box-sizing: border-box;
}[type=file],[type=checkbox],[type=radio] {
margin: 0 0 1rem;
}[type=checkbox] + label,[type=radio] + label {
display: inline-block;
vertical-align: baseline;
margin-left: 0.5rem;
margin-right: 1rem;
margin-bottom: 0;
}[type=checkbox] + label[for],[type=radio] + label[for] {
cursor: pointer;
}
label > [type=checkbox],label > [type=radio] {
margin-right: 0.5rem;
}[type=file] {
width: 100%;
}
label {
display: block;
margin: 0;
font-size: 0.875rem;
font-weight: normal;
line-height: 1.8;
color: #000000;
}
label.middle {
margin: 0 0 1rem;
padding: 0.5625rem 0;
}
.help-text {
margin-top: -0.5rem;
font-size: 0.8125rem;
font-style: italic;
color: #000000;
}
.input-group {
display: table;
width: 100%;
margin-bottom: 1rem;
}
.input-group > :first-child {
border-radius: 0 0 0 0;
}
.input-group > :last-child > * {
border-radius: 0 0 0 0;
}
.input-group-button a,.input-group-button input,.input-group-button button,.input-group-button label,.input-group-button,.input-group-field,.input-group-label {
margin: 0;
white-space: nowrap;
display: table-cell;
vertical-align: middle;
}
.input-group-label {
padding: 0 1rem;
border: 1px solid #868685;
background: #d9d9d9;
color: #000000;
text-align: center;
white-space: nowrap;
width: 1%;
height: 100%;
}
.input-group-label:first-child {
border-right: 0;
}
.input-group-label:last-child {
border-left: 0;
}
.input-group-field {
border-radius: 0;
height: 2.5rem;
}
.input-group-button {
padding-top: 0;
padding-bottom: 0;
text-align: center;
width: 1%;
height: 100%;
}
.input-group-button a,.input-group-button input,.input-group-button button,.input-group-button label {
height: 2.5rem;
padding-top: 0;
padding-bottom: 0;
font-size: 1rem;
}
.input-group .input-group-button {
display: table-cell;
}
fieldset {
margin: 0;
padding: 0;
border: 0;
}
legend {
max-width: 100%;
margin-bottom: 0.5rem;
}
.fieldset {
margin: 1.125rem 0;
padding: 1.25rem;
border: 1px solid #868685;
}
.fieldset legend {
margin: 0;
margin-left: -0.1875rem;
padding: 0 0.1875rem;
}
select {
height: 2.4375rem;
margin: 0 0 1rem;
padding: 0.5rem;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid #868685;
border-radius: 0;
background-color: #ffffff;
font-family: inherit;
font-size: 1rem;
font-weight: normal;
line-height: 1.5;
color: #000000;
background-image: url("data:image/svg+xml;utf8,");
background-origin: content-box;
background-position: right -1rem center;
background-repeat: no-repeat;
background-size: 9px 6px;
padding-right: 1.5rem;
transition: box-shadow 0.5s,border-color 0.25s ease-in-out;
}
@media screen and (min-width:0\0) {
select {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==");
}
}
select:focus {
outline: none;
border: 1px solid #323231;
background-color: #ffffff;
box-shadow: 0 0 5px #868685;
transition: box-shadow 0.5s,border-color 0.25s ease-in-out;
}
select:disabled {
background-color: #d9d9d9;
cursor: not-allowed;
}
select::-ms-expand {
display: none;
}
select[multiple] {
height: auto;
background-image: none;
}
.is-invalid-input:not(:focus) {
border-color: #e63312;
background-color: #fdebe7;
}
.is-invalid-input:not(:focus)::-webkit-input-placeholder {
color: #e63312;
}
.is-invalid-input:not(:focus)::-moz-placeholder {
color: #e63312;
}
.is-invalid-input:not(:focus):-ms-input-placeholder {
color: #e63312;
}
.is-invalid-input:not(:focus)::placeholder {
color: #e63312;
}
.is-invalid-label {
color: #e63312;
}
.form-error {
display: none;
margin-top: -0.5rem;
margin-bottom: 1rem;
font-size: 0.75rem;
font-weight: bold;
color: #e63312;
}
.form-error.is-visible {
display: block;
}
.button {
display: inline-block;
vertical-align: middle;
margin: 0 0 1rem 0;
font-family: inherit;
padding: 0.85em 1em;
-webkit-appearance: none;
border: 1px solid transparent;
border-radius: 0;
transition: background-color 0.25s ease-out,color 0.25s ease-out;
font-size: 0.9rem;
line-height: 1;
text-align: center;
cursor: pointer;
background-color: #003d74;
color: #ffffff;
}[data-whatinput=mouse] .button {
outline: 0;
}
.button:hover,.button:focus {
background-color: #003463;
color: #ffffff;
}
.button.tiny {
font-size: 0.6rem;
}
.button.small {
font-size: 0.75rem;
}
.button.large {
font-size: 1.25rem;
}
.button.expanded {
display: block;
width: 100%;
margin-right: 0;
margin-left: 0;
}
.button.primary {
background-color: #003d74;
color: #ffffff;
}
.button.primary:hover,.button.primary:focus {
background-color: #00315d;
color: #ffffff;
}
.button.secondary {
background-color: #d9d9d9;
color: #000000;
}
.button.secondary:hover,.button.secondary:focus {
background-color: #aeaeae;
color: #000000;
}
.button.success {
background-color: #3adb76;
color: #000000;
}
.button.success:hover,.button.success:focus {
background-color: #22bb5b;
color: #000000;
}
.button.warning {
background-color: #ffd51f;
color: #000000;
}
.button.warning:hover,.button.warning:focus {
background-color: #e5ba00;
color: #000000;
}
.button.alert {
background-color: #e63312;
color: #000000;
}
.button.alert:hover,.button.alert:focus {
background-color: #b8290e;
color: #000000;
}
.button.disabled,.button[disabled] {
opacity: 0.25;
cursor: not-allowed;
}
.button.disabled,.button.disabled:hover,.button.disabled:focus,.button[disabled],.button[disabled]:hover,.button[disabled]:focus {
background-color: #003d74;
color: #ffffff;
}
.button.disabled.primary,.button[disabled].primary {
opacity: 0.25;
cursor: not-allowed;
}
.button.disabled.primary,.button.disabled.primary:hover,.button.disabled.primary:focus,.button[disabled].primary,.button[disabled].primary:hover,.button[disabled].primary:focus {
background-color: #003d74;
color: #ffffff;
}
.button.disabled.secondary,.button[disabled].secondary {
opacity: 0.25;
cursor: not-allowed;
}
.button.disabled.secondary,.button.disabled.secondary:hover,.button.disabled.secondary:focus,.button[disabled].secondary,.button[disabled].secondary:hover,.button[disabled].secondary:focus {
background-color: #d9d9d9;
color: #000000;
}
.button.disabled.success,.button[disabled].success {
opacity: 0.25;
cursor: not-allowed;
}
.button.disabled.success,.button.disabled.success:hover,.button.disabled.success:focus,.button[disabled].success,.button[disabled].success:hover,.button[disabled].success:focus {
background-color: #3adb76;
color: #000000;
}
.button.disabled.warning,.button[disabled].warning {
opacity: 0.25;
cursor: not-allowed;
}
.button.disabled.warning,.button.disabled.warning:hover,.button.disabled.warning:focus,.button[disabled].warning,.button[disabled].warning:hover,.button[disabled].warning:focus {
background-color: #ffd51f;
color: #000000;
}
.button.disabled.alert,.button[disabled].alert {
opacity: 0.25;
cursor: not-allowed;
}
.button.disabled.alert,.button.disabled.alert:hover,.button.disabled.alert:focus,.button[disabled].alert,.button[disabled].alert:hover,.button[disabled].alert:focus {
background-color: #e63312;
color: #000000;
}
.button.hollow {
border: 1px solid #003d74;
color: #003d74;
}
.button.hollow,.button.hollow:hover,.button.hollow:focus {
background-color: transparent;
}
.button.hollow.disabled,.button.hollow.disabled:hover,.button.hollow.disabled:focus,.button.hollow[disabled],.button.hollow[disabled]:hover,.button.hollow[disabled]:focus {
background-color: transparent;
}
.button.hollow:hover,.button.hollow:focus {
border-color: #001f3a;
color: #001f3a;
}
.button.hollow:hover.disabled,.button.hollow:hover[disabled],.button.hollow:focus.disabled,.button.hollow:focus[disabled] {
border: 1px solid #003d74;
color: #003d74;
}
.button.hollow.primary {
border: 1px solid #003d74;
color: #003d74;
}
.button.hollow.primary:hover,.button.hollow.primary:focus {
border-color: #001f3a;
color: #001f3a;
}
.button.hollow.primary:hover.disabled,.button.hollow.primary:hover[disabled],.button.hollow.primary:focus.disabled,.button.hollow.primary:focus[disabled] {
border: 1px solid #003d74;
color: #003d74;
}
.button.hollow.secondary {
border: 1px solid #d9d9d9;
color: #d9d9d9;
}
.button.hollow.secondary:hover,.button.hollow.secondary:focus {
border-color: #6d6d6d;
color: #6d6d6d;
}
.button.hollow.secondary:hover.disabled,.button.hollow.secondary:hover[disabled],.button.hollow.secondary:focus.disabled,.button.hollow.secondary:focus[disabled] {
border: 1px solid #d9d9d9;
color: #d9d9d9;
}
.button.hollow.success {
border: 1px solid #3adb76;
color: #3adb76;
}
.button.hollow.success:hover,.button.hollow.success:focus {
border-color: #157539;
color: #157539;
}
.button.hollow.success:hover.disabled,.button.hollow.success:hover[disabled],.button.hollow.success:focus.disabled,.button.hollow.success:focus[disabled] {
border: 1px solid #3adb76;
color: #3adb76;
}
.button.hollow.warning {
border: 1px solid #ffd51f;
color: #ffd51f;
}
.button.hollow.warning:hover,.button.hollow.warning:focus {
border-color: #8f7400;
color: #8f7400;
}
.button.hollow.warning:hover.disabled,.button.hollow.warning:hover[disabled],.button.hollow.warning:focus.disabled,.button.hollow.warning:focus[disabled] {
border: 1px solid #ffd51f;
color: #ffd51f;
}
.button.hollow.alert {
border: 1px solid #e63312;
color: #e63312;
}
.button.hollow.alert:hover,.button.hollow.alert:focus {
border-color: #731a09;
color: #731a09;
}
.button.hollow.alert:hover.disabled,.button.hollow.alert:hover[disabled],.button.hollow.alert:focus.disabled,.button.hollow.alert:focus[disabled] {
border: 1px solid #e63312;
color: #e63312;
}
.button.clear {
border: 1px solid #003d74;
color: #003d74;
}
.button.clear,.button.clear:hover,.button.clear:focus {
background-color: transparent;
}
.button.clear.disabled,.button.clear.disabled:hover,.button.clear.disabled:focus,.button.clear[disabled],.button.clear[disabled]:hover,.button.clear[disabled]:focus {
background-color: transparent;
}
.button.clear:hover,.button.clear:focus {
border-color: #001f3a;
color: #001f3a;
}
.button.clear:hover.disabled,.button.clear:hover[disabled],.button.clear:focus.disabled,.button.clear:focus[disabled] {
border: 1px solid #003d74;
color: #003d74;
}
.button.clear,.button.clear.disabled,.button.clear[disabled],.button.clear:hover,.button.clear:hover.disabled,.button.clear:hover[disabled],.button.clear:focus,.button.clear:focus.disabled,.button.clear:focus[disabled] {
border-color: transparent;
}
.button.clear.primary {
border: 1px solid #003d74;
color: #003d74;
}
.button.clear.primary:hover,.button.clear.primary:focus {
border-color: #001f3a;
color: #001f3a;
}
.button.clear.primary:hover.disabled,.button.clear.primary:hover[disabled],.button.clear.primary:focus.disabled,.button.clear.primary:focus[disabled] {
border: 1px solid #003d74;
color: #003d74;
}
.button.clear.primary,.button.clear.primary.disabled,.button.clear.primary[disabled],.button.clear.primary:hover,.button.clear.primary:hover.disabled,.button.clear.primary:hover[disabled],.button.clear.primary:focus,.button.clear.primary:focus.disabled,.button.clear.primary:focus[disabled] {
border-color: transparent;
}
.button.clear.secondary {
border: 1px solid #d9d9d9;
color: #d9d9d9;
}
.button.clear.secondary:hover,.button.clear.secondary:focus {
border-color: #6d6d6d;
color: #6d6d6d;
}
.button.clear.secondary:hover.disabled,.button.clear.secondary:hover[disabled],.button.clear.secondary:focus.disabled,.button.clear.secondary:focus[disabled] {
border: 1px solid #d9d9d9;
color: #d9d9d9;
}
.button.clear.secondary,.button.clear.secondary.disabled,.button.clear.secondary[disabled],.button.clear.secondary:hover,.button.clear.secondary:hover.disabled,.button.clear.secondary:hover[disabled],.button.clear.secondary:focus,.button.clear.secondary:focus.disabled,.button.clear.secondary:focus[disabled] {
border-color: transparent;
}
.button.clear.success {
border: 1px solid #3adb76;
color: #3adb76;
}
.button.clear.success:hover,.button.clear.success:focus {
border-color: #157539;
color: #157539;
}
.button.clear.success:hover.disabled,.button.clear.success:hover[disabled],.button.clear.success:focus.disabled,.button.clear.success:focus[disabled] {
border: 1px solid #3adb76;
color: #3adb76;
}
.button.clear.success,.button.clear.success.disabled,.button.clear.success[disabled],.button.clear.success:hover,.button.clear.success:hover.disabled,.button.clear.success:hover[disabled],.button.clear.success:focus,.button.clear.success:focus.disabled,.button.clear.success:focus[disabled] {
border-color: transparent;
}
.button.clear.warning {
border: 1px solid #ffd51f;
color: #ffd51f;
}
.button.clear.warning:hover,.button.clear.warning:focus {
border-color: #8f7400;
color: #8f7400;
}
.button.clear.warning:hover.disabled,.button.clear.warning:hover[disabled],.button.clear.warning:focus.disabled,.button.clear.warning:focus[disabled] {
border: 1px solid #ffd51f;
color: #ffd51f;
}
.button.clear.warning,.button.clear.warning.disabled,.button.clear.warning[disabled],.button.clear.warning:hover,.button.clear.warning:hover.disabled,.button.clear.warning:hover[disabled],.button.clear.warning:focus,.button.clear.warning:focus.disabled,.button.clear.warning:focus[disabled] {
border-color: transparent;
}
.button.clear.alert {
border: 1px solid #e63312;
color: #e63312;
}
.button.clear.alert:hover,.button.clear.alert:focus {
border-color: #731a09;
color: #731a09;
}
.button.clear.alert:hover.disabled,.button.clear.alert:hover[disabled],.button.clear.alert:focus.disabled,.button.clear.alert:focus[disabled] {
border: 1px solid #e63312;
color: #e63312;
}
.button.clear.alert,.button.clear.alert.disabled,.button.clear.alert[disabled],.button.clear.alert:hover,.button.clear.alert:hover.disabled,.button.clear.alert:hover[disabled],.button.clear.alert:focus,.button.clear.alert:focus.disabled,.button.clear.alert:focus[disabled] {
border-color: transparent;
}
.button.dropdown::after {
display: block;
width: 0;
height: 0;
border: inset 0.4em;
content: "";
border-bottom-width: 0;
border-top-style: solid;
border-color: #ffffff transparent transparent;
position: relative;
top: 0.4em;
display: inline-block;
float: right;
margin-left: 1em;
}
.button.dropdown.hollow::after {
border-top-color: #003d74;
}
.button.dropdown.hollow.primary::after {
border-top-color: #003d74;
}
.button.dropdown.hollow.secondary::after {
border-top-color: #d9d9d9;
}
.button.dropdown.hollow.success::after {
border-top-color: #3adb76;
}
.button.dropdown.hollow.warning::after {
border-top-color: #ffd51f;
}
.button.dropdown.hollow.alert::after {
border-top-color: #e63312;
}
.button.arrow-only::after {
top: -0.1em;
float: none;
margin-left: 0;
}
a.button:hover,a.button:focus {
text-decoration: none;
}
.accordion {
margin-left: 0;
background: #ffffff;
list-style-type: none;
}
.accordion[disabled] .accordion-title {
cursor: not-allowed;
}
.accordion-item:first-child > :first-child {
border-radius: 0 0 0 0;
}
.accordion-item:last-child > :last-child {
border-radius: 0 0 0 0;
}
.accordion-title {
position: relative;
display: block;
padding: 1.25rem 1rem;
border: 0;
border-bottom: 0;
font-size: 0.75rem;
line-height: 1;
color: #0080f8;
}
:last-child:not(.is-active) > .accordion-title {
border-bottom: 0;
border-radius: 0 0 0 0;
}
.accordion-title:hover,.accordion-title:focus {
background-color: #ffffff;
}
.accordion-title::before {
position: absolute;
top: 50%;
right: 1rem;
margin-top: -0.5rem;
content: "+";
}
.is-active > .accordion-title::before {
content: "–";
}
.accordion-content {
display: none;
padding: 1rem;
border: 0;
border-bottom: 0;
background-color: #ffffff;
color: #323231;
}
:last-child > .accordion-content:last-child {
border-bottom: 0;
}
.accordion-menu li {
width: 100%;
}
.accordion-menu a {
padding: 0.7rem 1rem;
}
.accordion-menu .is-accordion-submenu a {
padding: 0.7rem 1rem;
}
.accordion-menu .nested.is-accordion-submenu {
margin-right: 0;
margin-left: 1rem;
}
.accordion-menu.align-right .nested.is-accordion-submenu {
margin-right: 1rem;
margin-left: 0;
}
.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a {
position: relative;
}
.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: "";
border-bottom-width: 0;
border-top-style: solid;
border-color: #003d74 transparent transparent;
position: absolute;
top: 50%;
margin-top: -3px;
right: 1rem;
}
.accordion-menu.align-left .is-accordion-submenu-parent > a::after {
left: auto;
right: 1rem;
}
.accordion-menu.align-right .is-accordion-submenu-parent > a::after {
right: auto;
left: 1rem;
}
.accordion-menu .is-accordion-submenu-parent[aria-expanded=true] > a::after {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.is-accordion-submenu-parent {
position: relative;
}
.has-submenu-toggle > a {
margin-right: 40px;
}
.submenu-toggle {
position: absolute;
top: 0;
right: 0;
cursor: pointer;
width: 40px;
height: 40px;
}
.submenu-toggle::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: "";
border-bottom-width: 0;
border-top-style: solid;
border-color: #003d74 transparent transparent;
top: 0;
bottom: 0;
margin: auto;
}
.submenu-toggle[aria-expanded=true]::after {
-webkit-transform: scaleY(-1);
-ms-transform: scaleY(-1);
transform: scaleY(-1);
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.submenu-toggle-text {
position: absolute !important;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0,0,0,0);
white-space: nowrap;
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
border: 0;
}
.badge {
display: inline-block;
min-width: 2.1em;
padding: 0.3em;
border-radius: 50%;
font-size: 0.6rem;
text-align: center;
background: #003d74;
color: #ffffff;
}
.badge.primary {
background: #003d74;
color: #ffffff;
}
.badge.secondary {
background: #d9d9d9;
color: #000000;
}
.badge.success {
background: #3adb76;
color: #000000;
}
.badge.warning {
background: #ffd51f;
color: #000000;
}
.badge.alert {
background: #e63312;
color: #000000;
}
.breadcrumbs {
margin: 0 0 0 0;
list-style: none;
}
.breadcrumbs::before,.breadcrumbs::after {
display: table;
content: " ";
}
.breadcrumbs::after {
clear: both;
}
.breadcrumbs li {
float: left;
font-size: 0.75rem;
color: #676f77;
cursor: default;
}
.breadcrumbs li:not(:last-child)::after {
position: relative;
margin: 0 0;
opacity: 1;
content: "/";
color: #676f77;
}
.breadcrumbs a {
color: #676f77;
}
.breadcrumbs a:hover {
text-decoration: underline;
}
.breadcrumbs .disabled {
color: #676f77;
cursor: not-allowed;
}
.button-group {
margin-bottom: 1rem;
font-size: 0;
}
.button-group::before,.button-group::after {
display: table;
content: " ";
}
.button-group::after {
clear: both;
}
.button-group .button {
margin: 0;
margin-right: 1px;
margin-bottom: 1px;
font-size: 0.9rem;
}
.button-group .button:last-child {
margin-right: 0;
}
.button-group.tiny .button {
font-size: 0.6rem;
}
.button-group.small .button {
font-size: 0.75rem;
}
.button-group.large .button {
font-size: 1.25rem;
}
.button-group.expanded {
margin-right: -1px;
}
.button-group.expanded::before,.button-group.expanded::after {
display: none;
}
.button-group.expanded .button:first-child:last-child {
width: 100%;
}
.button-group.expanded .button:first-child:nth-last-child(2),.button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button {
display: inline-block;
width: calc(50% - 1px);
margin-right: 1px;
}
.button-group.expanded .button:first-child:nth-last-child(2):last-child,.button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button:last-child {
margin-right: -6px;
}
.button-group.expanded .button:first-child:nth-last-child(3),.button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button {
display: inline-block;
width: calc(33.3333333333% - 1px);
margin-right: 1px;
}
.button-group.expanded .button:first-child:nth-last-child(3):last-child,.button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button:last-child {
margin-right: -6px;
}
.button-group.expanded .button:first-child:nth-last-child(4),.button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button {
display: inline-block;
width: calc(25% - 1px);
margin-right: 1px;
}
.button-group.expanded .button:first-child:nth-last-child(4):last-child,.button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button:last-child {
margin-right: -6px;
}
.button-group.expanded .button:first-child:nth-last-child(5),.button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button {
display: inline-block;
width: calc(20% - 1px);
margin-right: 1px;
}
.button-group.expanded .button:first-child:nth-last-child(5):last-child,.button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button:last-child {
margin-right: -6px;
}
.button-group.expanded .button:first-child:nth-last-child(6),.button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button {
display: inline-block;
width: calc(16.6666666667% - 1px);
margin-right: 1px;
}
.button-group.expanded .button:first-child:nth-last-child(6):last-child,.button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button:last-child {
margin-right: -6px;
}
.button-group.primary .button {
background-color: #003d74;
color: #ffffff;
}
.button-group.primary .button:hover,.button-group.primary .button:focus {
background-color: #00315d;
color: #ffffff;
}
.button-group.secondary .button {
background-color: #d9d9d9;
color: #000000;
}
.button-group.secondary .button:hover,.button-group.secondary .button:focus {
background-color: #aeaeae;
color: #000000;
}
.button-group.success .button {
background-color: #3adb76;
color: #000000;
}
.button-group.success .button:hover,.button-group.success .button:focus {
background-color: #22bb5b;
color: #000000;
}
.button-group.warning .button {
background-color: #ffd51f;
color: #000000;
}
.button-group.warning .button:hover,.button-group.warning .button:focus {
background-color: #e5ba00;
color: #000000;
}
.button-group.alert .button {
background-color: #e63312;
color: #000000;
}
.button-group.alert .button:hover,.button-group.alert .button:focus {
background-color: #b8290e;
color: #000000;
}
.button-group.stacked .button,.button-group.stacked-for-small .button,.button-group.stacked-for-medium .button {
width: 100%;
}
.button-group.stacked .button:last-child,.button-group.stacked-for-small .button:last-child,.button-group.stacked-for-medium .button:last-child {
margin-bottom: 0;
}
@media print,screen and (min-width:48em) {
.button-group.stacked-for-small .button {
width: auto;
margin-bottom: 0;
}
}
@media print,screen and (min-width:60em) {
.button-group.stacked-for-medium .button {
width: auto;
margin-bottom: 0;
}
}
@media screen and (max-width:47.9375em) {
.button-group.stacked-for-small.expanded {
display: block;
}
.button-group.stacked-for-small.expanded .button {
display: block;
margin-right: 0;
}
}
.callout {
position: relative;
margin: 0 0 1rem 0;
padding: 1rem;
border: 1px solid rgba(0,0,0,0.25);
border-radius: 0;
background-color: white;
color: #323231;
}
.callout > :first-child {
margin-top: 0;
}
.callout > :last-child {
margin-bottom: 0;
}
.callout.primary {
background-color: #c4e3ff;
color: #323231;
}
.callout.secondary {
background-color: #f9f9f9;
color: #323231;
}
.callout.success {
background-color: #e1faea;
color: #323231;
}
.callout.warning {
background-color: #fff9dd;
color: #323231;
}
.callout.alert {
background-color: #fce0db;
color: #323231;
}
.callout.small {
padding-top: 0.5rem;
padding-right: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 0.5rem;
}
.callout.large {
padding-top: 3rem;
padding-right: 3rem;
padding-bottom: 3rem;
padding-left: 3rem;
}
.card {
margin-bottom: 1rem;
border: 1px solid #d9d9d9;
border-radius: 0;
background: #ffffff;
box-shadow: none;
overflow: hidden;
color: #323231;
}
.card > :last-child {
margin-bottom: 0;
}
.card-divider {
padding: 1rem;
background: #d9d9d9;
}
.card-divider > :last-child {
margin-bottom: 0;
}
.card-section {
padding: 1rem;
}
.card-section > :last-child {
margin-bottom: 0;
}
.card-image {
min-height: 1px;
}
.close-button {
position: absolute;
color: #323231;
cursor: pointer;
}[data-whatinput=mouse] .close-button {
outline: 0;
}
.close-button:hover,.close-button:focus {
color: #000000;
}
.close-button.small {
right: 0.66rem;
top: 0.33em;
font-size: 1.5em;
line-height: 1;
}
.close-button,.close-button.medium {
right: 1rem;
top: 0.5rem;
font-size: 2em;
line-height: 1;
}
.dropdown-pane {
position: absolute;
z-index: 10;
width: 300px;
padding: 1rem;
visibility: hidden;
display: none;
border: 1px solid #868685;
border-radius: 0;
background-color: #ffffff;
font-size: 1rem;
}
.dropdown-pane.is-opening {
display: block;
}
.dropdown-pane.is-open {
visibility: visible;
display: block;
}
.dropdown-pane.tiny {
width: 100px;
}
.dropdown-pane.small {
width: 200px;
}
.dropdown-pane.large {
width: 400px;
}
.responsive-embed,.flex-video {
position: relative;
height: 0;
margin-bottom: 1rem;
padding-bottom: 75%;
overflow: hidden;
}
.responsive-embed iframe,.responsive-embed object,.responsive-embed embed,.responsive-embed video,.flex-video iframe,.flex-video object,.flex-video embed,.flex-video video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.responsive-embed.widescreen,.flex-video.widescreen {
padding-bottom: 56.25%;
}
.label {
display: inline-block;
padding: 0.33333rem 0.5rem;
border-radius: 0;
font-size: 0.8rem;
line-height: 1;
white-space: nowrap;
cursor: default;
background: #003d74;
color: #ffffff;
}
.label.primary {
background: #003d74;
color: #ffffff;
}
.label.secondary {
background: #d9d9d9;
color: #000000;
}
.label.success {
background: #3adb76;
color: #000000;
}
.label.warning {
background: #ffd51f;
color: #000000;
}
.label.alert {
background: #e63312;
color: #000000;
}
.media-object {
display: block;
margin-bottom: 1rem;
}
.media-object img {
max-width: none;
}
@media screen and (max-width:47.9375em) {
.media-object.stack-for-small .media-object-section {
padding: 0;
padding-bottom: 1rem;
display: block;
}
.media-object.stack-for-small .media-object-section img {
width: 100%;
}
}
.media-object-section {
display: table-cell;
vertical-align: top;
}
.media-object-section:first-child {
padding-right: 1rem;
}
.media-object-section:last-child:not(:nth-child(2)) {
padding-left: 1rem;
}
.media-object-section > :last-child {
margin-bottom: 0;
}
.media-object-section.middle {
vertical-align: middle;
}
.media-object-section.bottom {
vertical-align: bottom;
}
.is-off-canvas-open {
overflow: hidden;
}
.js-off-canvas-overlay {
position: absolute;
top: 0;
left: 0;
z-index: 100;
width: 100%;
height: 100%;
transition: opacity 0.5s ease,visibility 0.5s ease;
background: rgba(0,61,116,0.9);
opacity: 0;
visibility: hidden;
overflow: hidden;
}
.js-off-canvas-overlay.is-visible {
opacity: 1;
visibility: visible;
}
.js-off-canvas-overlay.is-closable {
cursor: pointer;
}
.js-off-canvas-overlay.is-overlay-absolute {
position: absolute;
}
.js-off-canvas-overlay.is-overlay-fixed {
position: fixed;
}
.off-canvas-wrapper {
position: relative;
overflow: hidden;
}
.off-canvas {
position: fixed;
z-index: 1200;
transition: -webkit-transform 0.5s ease;
transition: transform 0.5s ease;
transition: transform 0.5s ease,-webkit-transform 0.5s ease;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background: #ffffff;
}[data-whatinput=mouse] .off-canvas {
outline: 0;
}
.off-canvas.is-transition-push {
z-index: 1200;
}
.off-canvas.is-closed {
visibility: hidden;
}
.off-canvas.is-transition-overlap {
z-index: 8100;
}
.off-canvas.is-transition-overlap.is-open {
box-shadow: none;
}
.off-canvas.is-open {
-webkit-transform: translate(0,0);
-ms-transform: translate(0,0);
transform: translate(0,0);
}
.off-canvas-absolute {
position: absolute;
z-index: 1200;
transition: -webkit-transform 0.5s ease;
transition: transform 0.5s ease;
transition: transform 0.5s ease,-webkit-transform 0.5s ease;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background: #ffffff;
}[data-whatinput=mouse] .off-canvas-absolute {
outline: 0;
}
.off-canvas-absolute.is-transition-push {
z-index: 1200;
}
.off-canvas-absolute.is-closed {
visibility: hidden;
}
.off-canvas-absolute.is-transition-overlap {
z-index: 8100;
}
.off-canvas-absolute.is-transition-overlap.is-open {
box-shadow: none;
}
.off-canvas-absolute.is-open {
-webkit-transform: translate(0,0);
-ms-transform: translate(0,0);
transform: translate(0,0);
}
.position-left {
top: 0;
left: 0;
height: 100%;
overflow-y: auto;
width: 430px;
-webkit-transform: translateX(-430px);
-ms-transform: translateX(-430px);
transform: translateX(-430px);
}
@media print,screen and (min-width:48em) {
.position-left {
width: 430px;
-webkit-transform: translateX(-430px);
-ms-transform: translateX(-430px);
transform: translateX(-430px);
}
}
.off-canvas-content .off-canvas.position-left {
-webkit-transform: translateX(-430px);
-ms-transform: translateX(-430px);
transform: translateX(-430px);
}
@media print,screen and (min-width:48em) {
.off-canvas-content .off-canvas.position-left {
-webkit-transform: translateX(-430px);
-ms-transform: translateX(-430px);
transform: translateX(-430px);
}
}
.off-canvas-content .off-canvas.position-left.is-transition-overlap.is-open {
-webkit-transform: translate(0,0);
-ms-transform: translate(0,0);
transform: translate(0,0);
}
.off-canvas-content.is-open-left.has-transition-push {
-webkit-transform: translateX(430px);
-ms-transform: translateX(430px);
transform: translateX(430px);
}
@media print,screen and (min-width:48em) {
.off-canvas-content.is-open-left.has-transition-push {
-webkit-transform: translateX(430px);
-ms-transform: translateX(430px);
transform: translateX(430px);
}
}
.position-left.is-transition-push {
box-shadow: inset -13px 0 20px -13px rgba(0,0,0,0.25);
}
.position-right {
top: 0;
right: 0;
height: 100%;
overflow-y: auto;
width: 430px;
-webkit-transform: translateX(430px);
-ms-transform: translateX(430px);
transform: translateX(430px);
}
@media print,screen and (min-width:48em) {
.position-right {
width: 430px;
-webkit-transform: translateX(430px);
-ms-transform: translateX(430px);
transform: translateX(430px);
}
}
.off-canvas-content .off-canvas.position-right {
-webkit-transform: translateX(430px);
-ms-transform: translateX(430px);
transform: translateX(430px);
}
@media print,screen and (min-width:48em) {
.off-canvas-content .off-canvas.position-right {
-webkit-transform: translateX(430px);
-ms-transform: translateX(430px);
transform: translateX(430px);
}
}
.off-canvas-content .off-canvas.position-right.is-transition-overlap.is-open {
-webkit-transform: translate(0,0);
-ms-transform: translate(0,0);
transform: translate(0,0);
}
.off-canvas-content.is-open-right.has-transition-push {
-webkit-transform: translateX(-430px);
-ms-transform: translateX(-430px);
transform: translateX(-430px);
}
@media print,screen and (min-width:48em) {
.off-canvas-content.is-open-right.has-transition-push {
-webkit-transform: translateX(-430px);
-ms-transform: translateX(-430px);
transform: translateX(-430px);
}
}
.position-right.is-transition-push {
box-shadow: inset 13px 0 20px -13px rgba(0,0,0,0.25);
}
.position-top {
top: 0;
left: 0;
width: 100%;
overflow-x: auto;
height: 430px;
-webkit-transform: translateY(-430px);
-ms-transform: translateY(-430px);
transform: translateY(-430px);
}
@media print,screen and (min-width:48em) {
.position-top {
height: 430px;
-webkit-transform: translateY(-430px);
-ms-transform: translateY(-430px);
transform: translateY(-430px);
}
}
.off-canvas-content .off-canvas.position-top {
-webkit-transform: translateY(-430px);
-ms-transform: translateY(-430px);
transform: translateY(-430px);
}
@media print,screen and (min-width:48em) {
.off-canvas-content .off-canvas.position-top {
-webkit-transform: translateY(-430px);
-ms-transform: translateY(-430px);
transform: translateY(-430px);
}
}
.off-canvas-content .off-canvas.position-top.is-transition-overlap.is-open {
-webkit-transform: translate(0,0);
-ms-transform: translate(0,0);
transform: translate(0,0);
}
.off-canvas-content.is-open-top.has-transition-push {
-webkit-transform: translateY(430px);
-ms-transform: translateY(430px);
transform: translateY(430px);
}
@media print,screen and (min-width:48em) {
.off-canvas-content.is-open-top.has-transition-push {
-webkit-transform: translateY(430px);
-ms-transform: translateY(430px);
transform: translateY(430px);
}
}
.position-top.is-transition-push {
box-shadow: inset 0 -13px 20px -13px rgba(0,0,0,0.25);
}
.position-bottom {
bottom: 0;
left: 0;
width: 100%;
overflow-x: auto;
height: 430px;
-webkit-transform: translateY(430px);
-ms-transform: translateY(430px);
transform: translateY(430px);
}
@media print,screen and (min-width:48em) {
.position-bottom {
height: 430px;
-webkit-transform: translateY(430px);
-ms-transform: translateY(430px);
transform: translateY(430px);
}
}
.off-canvas-content .off-canvas.position-bottom {
-webkit-transform: translateY(430px);
-ms-transform: translateY(430px);
transform: translateY(430px);
}
@media print,screen and (min-width:48em) {
.off-canvas-content .off-canvas.position-bottom {
-webkit-transform: translateY(430px);
-ms-transform: translateY(430px);
transform: translateY(430px);
}
}
.off-canvas-content .off-canvas.position-bottom.is-transition-overlap.is-open {
-webkit-transform: translate(0,0);
-ms-transform: translate(0,0);
transform: translate(0,0);
}
.off-canvas-content.is-open-bottom.has-transition-push {
-webkit-transform: translateY(-430px);
-ms-transform: translateY(-430px);
transform: translateY(-430px);
}
@media print,screen and (min-width:48em) {
.off-canvas-content.is-open-bottom.has-transition-push {
-webkit-transform: translateY(-430px);
-ms-transform: translateY(-430px);
transform: translateY(-430px);
}
}
.position-bottom.is-transition-push {
box-shadow: inset 0 13px 20px -13px rgba(0,0,0,0.25);
}
.off-canvas-content {
-webkit-transform: none;
-ms-transform: none;
transform: none;
transition: -webkit-transform 0.5s ease;
transition: transform 0.5s ease;
transition: transform 0.5s ease,-webkit-transform 0.5s ease;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.off-canvas-content.has-transition-push {
-webkit-transform: translate(0,0);
-ms-transform: translate(0,0);
transform: translate(0,0);
}
.off-canvas-content .off-canvas.is-open {
-webkit-transform: translate(0,0);
-ms-transform: translate(0,0);
transform: translate(0,0);
}
@media print,screen and (min-width:48em) {
.position-left.reveal-for-medium {
-webkit-transform: none;
-ms-transform: none;
transform: none;
z-index: 1200;
transition: none;
visibility: visible;
}
.position-left.reveal-for-medium .close-button {
display: none;
}
.off-canvas-content .position-left.reveal-for-medium {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.off-canvas-content.has-reveal-left {
margin-left: 430px;
}
.position-left.reveal-for-medium ~ .off-canvas-content {
margin-left: 430px;
}
.position-right.reveal-for-medium {
-webkit-transform: none;
-ms-transform: none;
transform: none;
z-index: 1200;
transition: none;
visibility: visible;
}
.position-right.reveal-for-medium .close-button {
display: none;
}
.off-canvas-content .position-right.reveal-for-medium {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.off-canvas-content.has-reveal-right {
margin-right: 430px;
}
.position-right.reveal-for-medium ~ .off-canvas-content {
margin-right: 430px;
}
.position-top.reveal-for-medium {
-webkit-transform: none;
-ms-transform: none;
transform: none;
z-index: 1200;
transition: none;
visibility: visible;
}
.position-top.reveal-for-medium .close-button {
display: none;
}
.off-canvas-content .position-top.reveal-for-medium {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.off-canvas-content.has-reveal-top {
margin-top: 430px;
}
.position-top.reveal-for-medium ~ .off-canvas-content {
margin-top: 430px;
}
.position-bottom.reveal-for-medium {
-webkit-transform: none;
-ms-transform: none;
transform: none;
z-index: 1200;
transition: none;
visibility: visible;
}
.position-bottom.reveal-for-medium .close-button {
display: none;
}
.off-canvas-content .position-bottom.reveal-for-medium {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.off-canvas-content.has-reveal-bottom {
margin-bottom: 430px;
}
.position-bottom.reveal-for-medium ~ .off-canvas-content {
margin-bottom: 430px;
}
}
@media print,screen and (min-width:60em) {
.position-left.reveal-for-large {
-webkit-transform: none;
-ms-transform: none;
transform: none;
z-index: 1200;
transition: none;
visibility: visible;
}
.position-left.reveal-for-large .close-button {
display: none;
}
.off-canvas-content .position-left.reveal-for-large {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.off-canvas-content.has-reveal-left {
margin-left: 430px;
}
.position-left.reveal-for-large ~ .off-canvas-content {
margin-left: 430px;
}
.position-right.reveal-for-large {
-webkit-transform: none;
-ms-transform: none;
transform: none;
z-index: 1200;
transition: none;
visibility: visible;
}
.position-right.reveal-for-large .close-button {
display: none;
}
.off-canvas-content .position-right.reveal-for-large {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.off-canvas-content.has-reveal-right {
margin-right: 430px;
}
.position-right.reveal-for-large ~ .off-canvas-content {
margin-right: 430px;
}
.position-top.reveal-for-large {
-webkit-transform: none;
-ms-transform: none;
transform: none;
z-index: 1200;
transition: none;
visibility: visible;
}
.position-top.reveal-for-large .close-button {
display: none;
}
.off-canvas-content .position-top.reveal-for-large {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.off-canvas-content.has-reveal-top {
margin-top: 430px;
}
.position-top.reveal-for-large ~ .off-canvas-content {
margin-top: 430px;
}
.position-bottom.reveal-for-large {
-webkit-transform: none;
-ms-transform: none;
transform: none;
z-index: 1200;
transition: none;
visibility: visible;
}
.position-bottom.reveal-for-large .close-button {
display: none;
}
.off-canvas-content .position-bottom.reveal-for-large {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.off-canvas-content.has-reveal-bottom {
margin-bottom: 430px;
}
.position-bottom.reveal-for-large ~ .off-canvas-content {
margin-bottom: 430px;
}
}
@media screen and (min-width:75em) {
.position-left.reveal-for-xlarge {
-webkit-transform: none;
-ms-transform: none;
transform: none;
z-index: 1200;
transition: none;
visibility: visible;
}
.position-left.reveal-for-xlarge .close-button {
display: none;
}
.off-canvas-content .position-left.reveal-for-xlarge {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.off-canvas-content.has-reveal-left {
margin-left: 430px;
}
.position-left.reveal-for-xlarge ~ .off-canvas-content {
margin-left: 430px;
}
.position-right.reveal-for-xlarge {
-webkit-transform: none;
-ms-transform: none;
transform: none;
z-index: 1200;
transition: none;
visibility: visible;
}
.position-right.reveal-for-xlarge .close-button {
display: none;
}
.off-canvas-content .position-right.reveal-for-xlarge {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.off-canvas-content.has-reveal-right {
margin-right: 430px;
}
.position-right.reveal-for-xlarge ~ .off-canvas-content {
margin-right: 430px;
}
.position-top.reveal-for-xlarge {
-webkit-transform: none;
-ms-transform: none;
transform: none;
z-index: 1200;
transition: none;
visibility: visible;
}
.position-top.reveal-for-xlarge .close-button {
display: none;
}
.off-canvas-content .position-top.reveal-for-xlarge {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.off-canvas-content.has-reveal-top {
margin-top: 430px;
}
.position-top.reveal-for-xlarge ~ .off-canvas-content {
margin-top: 430px;
}
.position-bottom.reveal-for-xlarge {
-webkit-transform: none;
-ms-transform: none;
transform: none;
z-index: 1200;
transition: none;
visibility: visible;
}
.position-bottom.reveal-for-xlarge .close-button {
display: none;
}
.off-canvas-content .position-bottom.reveal-for-xlarge {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.off-canvas-content.has-reveal-bottom {
margin-bottom: 430px;
}
.position-bottom.reveal-for-xlarge ~ .off-canvas-content {
margin-bottom: 430px;
}
}
@media screen and (min-width:90em) {
.position-left.reveal-for-xxlarge {
-webkit-transform: none;
-ms-transform: none;
transform: none;
z-index: 1200;
transition: none;
visibility: visible;
}
.position-left.reveal-for-xxlarge .close-button {
display: none;
}
.off-canvas-content .position-left.reveal-for-xxlarge {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.off-canvas-content.has-reveal-left {
margin-left: 430px;
}
.position-left.reveal-for-xxlarge ~ .off-canvas-content {
margin-left: 430px;
}
.position-right.reveal-for-xxlarge {
-webkit-transform: none;
-ms-transform: none;
transform: none;
z-index: 1200;
transition: none;
visibility: visible;
}
.position-right.reveal-for-xxlarge .close-button {
display: none;
}
.off-canvas-content .position-right.reveal-for-xxlarge {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.off-canvas-content.has-reveal-right {
margin-right: 430px;
}
.position-right.reveal-for-xxlarge ~ .off-canvas-content {
margin-right: 430px;
}
.position-top.reveal-for-xxlarge {
-webkit-transform: none;
-ms-transform: none;
transform: none;
z-index: 1200;
transition: none;
visibility: visible;
}
.position-top.reveal-for-xxlarge .close-button {
display: none;
}
.off-canvas-content .position-top.reveal-for-xxlarge {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.off-canvas-content.has-reveal-top {
margin-top: 430px;
}
.position-top.reveal-for-xxlarge ~ .off-canvas-content {
margin-top: 430px;
}
.position-bottom.reveal-for-xxlarge {
-webkit-transform: none;
-ms-transform: none;
transform: none;
z-index: 1200;
transition: none;
visibility: visible;
}
.position-bottom.reveal-for-xxlarge .close-button {
display: none;
}
.off-canvas-content .position-bottom.reveal-for-xxlarge {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.off-canvas-content.has-reveal-bottom {
margin-bottom: 430px;
}
.position-bottom.reveal-for-xxlarge ~ .off-canvas-content {
margin-bottom: 430px;
}
}
@media screen and (min-width:93.75em) {
.position-left.reveal-for-xxxlarge {
-webkit-transform: none;
-ms-transform: none;
transform: none;
z-index: 1200;
transition: none;
visibility: visible;
}
.position-left.reveal-for-xxxlarge .close-button {
display: none;
}
.off-canvas-content .position-left.reveal-for-xxxlarge {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.off-canvas-content.has-reveal-left {
margin-left: 430px;
}
.position-left.reveal-for-xxxlarge ~ .off-canvas-content {
margin-left: 430px;
}
.position-right.reveal-for-xxxlarge {
-webkit-transform: none;
-ms-transform: none;
transform: none;
z-index: 1200;
transition: none;
visibility: visible;
}
.position-right.reveal-for-xxxlarge .close-button {
display: none;
}
.off-canvas-content .position-right.reveal-for-xxxlarge {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.off-canvas-content.has-reveal-right {
margin-right: 430px;
}
.position-right.reveal-for-xxxlarge ~ .off-canvas-content {
margin-right: 430px;
}
.position-top.reveal-for-xxxlarge {
-webkit-transform: none;
-ms-transform: none;
transform: none;
z-index: 1200;
transition: none;
visibility: visible;
}
.position-top.reveal-for-xxxlarge .close-button {
display: none;
}
.off-canvas-content .position-top.reveal-for-xxxlarge {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.off-canvas-content.has-reveal-top {
margin-top: 430px;
}
.position-top.reveal-for-xxxlarge ~ .off-canvas-content {
margin-top: 430px;
}
.position-bottom.reveal-for-xxxlarge {
-webkit-transform: none;
-ms-transform: none;
transform: none;
z-index: 1200;
transition: none;
visibility: visible;
}
.position-bottom.reveal-for-xxxlarge .close-button {
display: none;
}
.off-canvas-content .position-bottom.reveal-for-xxxlarge {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.off-canvas-content.has-reveal-bottom {
margin-bottom: 430px;
}
.position-bottom.reveal-for-xxxlarge ~ .off-canvas-content {
margin-bottom: 430px;
}
}
@media screen and (min-width:156.25em) {
.position-left.reveal-for-wide {
-webkit-transform: none;
-ms-transform: none;
transform: none;
z-index: 1200;
transition: none;
visibility: visible;
}
.position-left.reveal-for-wide .close-button {
display: none;
}
.off-canvas-content .position-left.reveal-for-wide {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.off-canvas-content.has-reveal-left {
margin-left: 430px;
}
.position-left.reveal-for-wide ~ .off-canvas-content {
margin-left: 430px;
}
.position-right.reveal-for-wide {
-webkit-transform: none;
-ms-transform: none;
transform: none;
z-index: 1200;
transition: none;
visibility: visible;
}
.position-right.reveal-for-wide .close-button {
display: none;
}
.off-canvas-content .position-right.reveal-for-wide {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.off-canvas-content.has-reveal-right {
margin-right: 430px;
}
.position-right.reveal-for-wide ~ .off-canvas-content {
margin-right: 430px;
}
.position-top.reveal-for-wide {
-webkit-transform: none;
-ms-transform: none;
transform: none;
z-index: 1200;
transition: none;
visibility: visible;
}
.position-top.reveal-for-wide .close-button {
display: none;
}
.off-canvas-content .position-top.reveal-for-wide {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.off-canvas-content.has-reveal-top {
margin-top: 430px;
}
.position-top.reveal-for-wide ~ .off-canvas-content {
margin-top: 430px;
}
.position-bottom.reveal-for-wide {
-webkit-transform: none;
-ms-transform: none;
transform: none;
z-index: 1200;
transition: none;
visibility: visible;
}
.position-bottom.reveal-for-wide .close-button {
display: none;
}
.off-canvas-content .position-bottom.reveal-for-wide {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.off-canvas-content.has-reveal-bottom {
margin-bottom: 430px;
}
.position-bottom.reveal-for-wide ~ .off-canvas-content {
margin-bottom: 430px;
}
}
@media print,screen and (min-width:48em) {
.off-canvas.in-canvas-for-medium {
visibility: visible;
height: auto;
position: static;
background: inherit;
width: inherit;
overflow: inherit;
transition: inherit;
}
.off-canvas.in-canvas-for-medium.position-left,.off-canvas.in-canvas-for-medium.position-right,.off-canvas.in-canvas-for-medium.position-top,.off-canvas.in-canvas-for-medium.position-bottom {
box-shadow: none;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.off-canvas.in-canvas-for-medium .close-button {
display: none;
}
}
@media print,screen and (min-width:60em) {
.off-canvas.in-canvas-for-large {
visibility: visible;
height: auto;
position: static;
background: inherit;
width: inherit;
overflow: inherit;
transition: inherit;
}
.off-canvas.in-canvas-for-large.position-left,.off-canvas.in-canvas-for-large.position-right,.off-canvas.in-canvas-for-large.position-top,.off-canvas.in-canvas-for-large.position-bottom {
box-shadow: none;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.off-canvas.in-canvas-for-large .close-button {
display: none;
}
}
@media screen and (min-width:75em) {
.off-canvas.in-canvas-for-xlarge {
visibility: visible;
height: auto;
position: static;
background: inherit;
width: inherit;
overflow: inherit;
transition: inherit;
}
.off-canvas.in-canvas-for-xlarge.position-left,.off-canvas.in-canvas-for-xlarge.position-right,.off-canvas.in-canvas-for-xlarge.position-top,.off-canvas.in-canvas-for-xlarge.position-bottom {
box-shadow: none;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.off-canvas.in-canvas-for-xlarge .close-button {
display: none;
}
}
@media screen and (min-width:90em) {
.off-canvas.in-canvas-for-xxlarge {
visibility: visible;
height: auto;
position: static;
background: inherit;
width: inherit;
overflow: inherit;
transition: inherit;
}
.off-canvas.in-canvas-for-xxlarge.position-left,.off-canvas.in-canvas-for-xxlarge.position-right,.off-canvas.in-canvas-for-xxlarge.position-top,.off-canvas.in-canvas-for-xxlarge.position-bottom {
box-shadow: none;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.off-canvas.in-canvas-for-xxlarge .close-button {
display: none;
}
}
@media screen and (min-width:93.75em) {
.off-canvas.in-canvas-for-xxxlarge {
visibility: visible;
height: auto;
position: static;
background: inherit;
width: inherit;
overflow: inherit;
transition: inherit;
}
.off-canvas.in-canvas-for-xxxlarge.position-left,.off-canvas.in-canvas-for-xxxlarge.position-right,.off-canvas.in-canvas-for-xxxlarge.position-top,.off-canvas.in-canvas-for-xxxlarge.position-bottom {
box-shadow: none;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.off-canvas.in-canvas-for-xxxlarge .close-button {
display: none;
}
}
@media screen and (min-width:156.25em) {
.off-canvas.in-canvas-for-wide {
visibility: visible;
height: auto;
position: static;
background: inherit;
width: inherit;
overflow: inherit;
transition: inherit;
}
.off-canvas.in-canvas-for-wide.position-left,.off-canvas.in-canvas-for-wide.position-right,.off-canvas.in-canvas-for-wide.position-top,.off-canvas.in-canvas-for-wide.position-bottom {
box-shadow: none;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.off-canvas.in-canvas-for-wide .close-button {
display: none;
}
}
.orbit {
position: relative;
}
.orbit-container {
position: relative;
height: 0;
margin: 0;
list-style: none;
overflow: hidden;
}
.orbit-slide {
width: 100%;
}
.orbit-slide.no-motionui.is-active {
top: 0;
left: 0;
}
.orbit-figure {
margin: 0;
}
.orbit-image {
width: 100%;
max-width: 100%;
margin: 0;
}
.orbit-caption {
position: absolute;
bottom: 0;
width: 100%;
margin-bottom: 0;
padding: 1rem;
background-color: rgba(0,0,0,0.5);
color: #ffffff;
}
.orbit-next,.orbit-previous {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 10;
padding: 1rem;
color: #ffffff;
}[data-whatinput=mouse] .orbit-next,[data-whatinput=mouse] .orbit-previous {
outline: 0;
}
.orbit-next:hover,.orbit-previous:hover,.orbit-next:active,.orbit-previous:active,.orbit-next:focus,.orbit-previous:focus {
background-color: rgba(0,0,0,0.5);
}
.orbit-previous {
left: 0;
}
.orbit-next {
left: auto;
right: 0;
}
.orbit-bullets {
position: relative;
margin-top: 0.8rem;
margin-bottom: 0.8rem;
text-align: center;
}[data-whatinput=mouse] .orbit-bullets {
outline: 0;
}
.orbit-bullets button {
width: 1.2rem;
height: 1.2rem;
margin: 0.1rem;
border-radius: 50%;
background-color: #868685;
}
.orbit-bullets button:hover {
background-color: #323231;
}
.orbit-bullets button.is-active {
background-color: #323231;
}
.pagination {
margin-left: 0;
margin-bottom: 2.5rem;
}
.pagination::before,.pagination::after {
display: table;
content: " ";
}
.pagination::after {
clear: both;
}
.pagination li {
margin-right: 1.25rem;
border-radius: 0;
font-size: 0.875rem;
display: none;
}
.pagination li:last-child,.pagination li:first-child {
display: inline-block;
}
@media print,screen and (min-width:48em) {
.pagination li {
display: inline-block;
}
}
.pagination a,.pagination button {
display: block;
padding: 0.1875rem 0.625rem;
border-radius: 0;
color: #0080f8;
}
.pagination a:hover,.pagination button:hover {
background: #0080f8;
}
.pagination .current {
padding: 0.1875rem 0.625rem;
background: #ffffff;
color: #ffffff;
cursor: default;
}
.pagination .disabled {
padding: 0.1875rem 0.625rem;
color: #868685;
cursor: not-allowed;
}
.pagination .disabled:hover {
background: transparent;
}
.pagination .ellipsis::after {
padding: 0.1875rem 0.625rem;
content: "…";
color: #0080f8;
}
.progress {
height: 1rem;
margin-bottom: 1rem;
border-radius: 0;
background-color: #868685;
}
.progress.primary .progress-meter {
background-color: #003d74;
}
.progress.secondary .progress-meter {
background-color: #d9d9d9;
}
.progress.success .progress-meter {
background-color: #3adb76;
}
.progress.warning .progress-meter {
background-color: #ffd51f;
}
.progress.alert .progress-meter {
background-color: #e63312;
}
.progress-meter {
position: relative;
display: block;
width: 0%;
height: 100%;
background-color: #003d74;
}
.progress-meter-text {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
position: absolute;
margin: 0;
font-size: 0.75rem;
font-weight: bold;
color: #ffffff;
white-space: nowrap;
}
.slider {
position: relative;
height: 0.5rem;
margin-top: 1.25rem;
margin-bottom: 2.25rem;
background-color: #d9d9d9;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: none;
touch-action: none;
}
.slider-fill {
position: absolute;
top: 0;
left: 0;
display: inline-block;
max-width: 100%;
height: 0.5rem;
background-color: #868685;
transition: all 0.2s ease-in-out;
}
.slider-fill.is-dragging {
transition: all 0s linear;
}
.slider-handle {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
z-index: 1;
display: inline-block;
width: 1.4rem;
height: 1.4rem;
border-radius: 0;
background-color: #003d74;
transition: all 0.2s ease-in-out;
-ms-touch-action: manipulation;
touch-action: manipulation;
}[data-whatinput=mouse] .slider-handle {
outline: 0;
}
.slider-handle:hover {
background-color: #003463;
}
.slider-handle.is-dragging {
transition: all 0s linear;
}
.slider.disabled,.slider[disabled] {
opacity: 0.25;
cursor: not-allowed;
}
.slider.vertical {
display: inline-block;
width: 0.5rem;
height: 12.5rem;
margin: 0 1.25rem;
-webkit-transform: scale(1,-1);
-ms-transform: scale(1,-1);
transform: scale(1,-1);
}
.slider.vertical .slider-fill {
top: 0;
width: 0.5rem;
max-height: 100%;
}
.slider.vertical .slider-handle {
position: absolute;
top: 0;
left: 50%;
width: 1.4rem;
height: 1.4rem;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.sticky-container {
position: relative;
}
.sticky {
position: relative;
z-index: 0;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.sticky.is-stuck {
position: fixed;
z-index: 5;
width: 100%;
}
.sticky.is-stuck.is-at-top {
top: 0;
}
.sticky.is-stuck.is-at-bottom {
bottom: 0;
}
.sticky.is-anchored {
position: relative;
right: auto;
left: auto;
}
.sticky.is-anchored.is-at-bottom {
bottom: 0;
}
.reveal-overlay {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1005;
display: none;
background-color: rgba(0,61,116,0.9);
overflow-y: scroll;
}
.reveal {
z-index: 1006;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
display: none;
padding: 1.5625rem;
border: none;
border-radius: 0;
background-color: transparent;
position: relative;
top: 100px;
margin-right: auto;
margin-left: auto;
overflow-y: auto;
}[data-whatinput=mouse] .reveal {
outline: 0;
}
@media print,screen and (min-width:48em) {
.reveal {
min-height: 0;
}
}
.reveal .column,.reveal .columns {
min-width: 0;
}
.reveal > :last-child {
margin-bottom: 0;
}
@media print,screen and (min-width:48em) {
.reveal {
width: 600px;
max-width: 82.5rem;
}
}
.reveal.collapse {
padding: 0;
}
@media print,screen and (min-width:48em) {
.reveal.tiny {
width: 30%;
max-width: 82.5rem;
}
}
@media print,screen and (min-width:48em) {
.reveal.small {
width: 50%;
max-width: 82.5rem;
}
}
@media print,screen and (min-width:48em) {
.reveal.large {
width: 90%;
max-width: 82.5rem;
}
}
.reveal.full {
top: 0;
left: 0;
width: 100%;
max-width: none;
height: 100%;
height: 100vh;
min-height: 100vh;
margin-left: 0;
border: 0;
border-radius: 0;
}
@media screen and (max-width:47.9375em) {
.reveal {
top: 0;
left: 0;
width: 100%;
max-width: none;
height: 100%;
height: 100vh;
min-height: 100vh;
margin-left: 0;
border: 0;
border-radius: 0;
}
}
.reveal.without-overlay {
position: fixed;
}
.switch {
height: 2rem;
position: relative;
margin-bottom: 1rem;
outline: 0;
font-size: 0.875rem;
font-weight: bold;
color: #ffffff;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.switch-input {
position: absolute;
margin-bottom: 0;
opacity: 0;
}
.switch-paddle {
position: relative;
display: block;
width: 4rem;
height: 2rem;
border-radius: 0;
background: #868685;
transition: all 0.25s ease-out;
font-weight: inherit;
color: inherit;
cursor: pointer;
}
input + .switch-paddle {
margin: 0;
}
.switch-paddle::after {
position: absolute;
top: 0.25rem;
left: 0.25rem;
display: block;
width: 1.5rem;
height: 1.5rem;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
border-radius: 0;
background: #ffffff;
transition: all 0.25s ease-out;
content: "";
}
input:checked ~ .switch-paddle {
background: #003d74;
}
input:checked ~ .switch-paddle::after {
left: 2.25rem;
}[data-whatinput=mouse] input:focus ~ .switch-paddle {
outline: 0;
}
.switch-inactive,.switch-active {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.switch-active {
left: 8%;
display: none;
}
input:checked + label > .switch-active {
display: block;
}
.switch-inactive {
right: 15%;
}
input:checked + label > .switch-inactive {
display: none;
}
.switch.tiny {
height: 1.5rem;
}
.switch.tiny .switch-paddle {
width: 3rem;
height: 1.5rem;
font-size: 0.625rem;
}
.switch.tiny .switch-paddle::after {
top: 0.25rem;
left: 0.25rem;
width: 1rem;
height: 1rem;
}
.switch.tiny input:checked ~ .switch-paddle::after {
left: 1.75rem;
}
.switch.small {
height: 1.75rem;
}
.switch.small .switch-paddle {
width: 3.5rem;
height: 1.75rem;
font-size: 0.75rem;
}
.switch.small .switch-paddle::after {
top: 0.25rem;
left: 0.25rem;
width: 1.25rem;
height: 1.25rem;
}
.switch.small input:checked ~ .switch-paddle::after {
left: 2rem;
}
.switch.large {
height: 2.5rem;
}
.switch.large .switch-paddle {
width: 5rem;
height: 2.5rem;
font-size: 1rem;
}
.switch.large .switch-paddle::after {
top: 0.25rem;
left: 0.25rem;
width: 2rem;
height: 2rem;
}
.switch.large input:checked ~ .switch-paddle::after {
left: 2.75rem;
}
.thumbnail {
display: inline-block;
max-width: 100%;
margin-bottom: 1rem;
border: solid 4px #ffffff;
border-radius: 0;
box-shadow: 0 0 0 1px rgba(0,0,0,0.2);
line-height: 0;
}
a.thumbnail {
transition: box-shadow 200ms ease-out;
}
a.thumbnail:hover,a.thumbnail:focus {
box-shadow: 0 0 6px 1px rgba(0,61,116,0.5);
}
a.thumbnail image {
box-shadow: none;
}
.title-bar {
padding: 0.5rem;
background: #000000;
color: #ffffff;
}
.title-bar::before,.title-bar::after {
display: table;
content: " ";
}
.title-bar::after {
clear: both;
}
.title-bar .menu-icon {
margin-left: 0.25rem;
margin-right: 0.25rem;
}
.title-bar-left {
float: left;
}
.title-bar-right {
float: right;
text-align: right;
}
.title-bar-title {
display: inline-block;
vertical-align: middle;
font-weight: bold;
}
.has-tip {
position: relative;
display: inline-block;
border-bottom: dotted 1px #323231;
font-weight: bold;
cursor: help;
}
.tooltip {
position: absolute;
top: calc(100% + 0.6495rem);
z-index: 1200;
max-width: 10rem;
padding: 0.75rem;
border-radius: 0;
background-color: #000000;
font-size: 80%;
color: #ffffff;
}
.tooltip::before {
position: absolute;
}
.tooltip.bottom::before {
display: block;
width: 0;
height: 0;
border: inset 0.75rem;
content: "";
border-top-width: 0;
border-bottom-style: solid;
border-color: transparent transparent #000000;
bottom: 100%;
}
.tooltip.bottom.align-center::before {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.tooltip.top::before {
display: block;
width: 0;
height: 0;
border: inset 0.75rem;
content: "";
border-bottom-width: 0;
border-top-style: solid;
border-color: #000000 transparent transparent;
top: 100%;
bottom: auto;
}
.tooltip.top.align-center::before {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.tooltip.left::before {
display: block;
width: 0;
height: 0;
border: inset 0.75rem;
content: "";
border-right-width: 0;
border-left-style: solid;
border-color: transparent transparent transparent #000000;
left: 100%;
}
.tooltip.left.align-center::before {
bottom: auto;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.tooltip.right::before {
display: block;
width: 0;
height: 0;
border: inset 0.75rem;
content: "";
border-left-width: 0;
border-right-style: solid;
border-color: transparent #000000 transparent transparent;
right: 100%;
left: auto;
}
.tooltip.right.align-center::before {
bottom: auto;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.tooltip.align-top::before {
bottom: auto;
top: 10%;
}
.tooltip.align-bottom::before {
bottom: 10%;
top: auto;
}
.tooltip.align-left::before {
left: 10%;
right: auto;
}
.tooltip.align-right::before {
left: auto;
right: 10%;
}
.top-bar {
padding: 0.5rem;
}
.top-bar::before,.top-bar::after {
display: table;
content: " ";
}
.top-bar::after {
clear: both;
}
.top-bar,.top-bar ul {
background-color: #d9d9d9;
}
.top-bar input {
max-width: 200px;
margin-right: 1rem;
}
.top-bar .input-group-field {
width: 100%;
margin-right: 0;
}
.top-bar input.button {
width: auto;
}
.top-bar .top-bar-left,.top-bar .top-bar-right {
width: 100%;
}
@media print,screen and (min-width:48em) {
.top-bar .top-bar-left,.top-bar .top-bar-right {
width: auto;
}
}
@media screen and (max-width:59.9375em) {
.top-bar.stacked-for-medium .top-bar-left,.top-bar.stacked-for-medium .top-bar-right {
width: 100%;
}
}
@media screen and (max-width:74.9375em) {
.top-bar.stacked-for-large .top-bar-left,.top-bar.stacked-for-large .top-bar-right {
width: 100%;
}
}
@media screen and (max-width:89.9375em) {
.top-bar.stacked-for-xlarge .top-bar-left,.top-bar.stacked-for-xlarge .top-bar-right {
width: 100%;
}
}
@media screen and (max-width:93.6875em) {
.top-bar.stacked-for-xxlarge .top-bar-left,.top-bar.stacked-for-xxlarge .top-bar-right {
width: 100%;
}
}
@media screen and (max-width:156.1875em) {
.top-bar.stacked-for-xxxlarge .top-bar-left,.top-bar.stacked-for-xxxlarge .top-bar-right {
width: 100%;
}
}
.top-bar.stacked-for-wide .top-bar-left,.top-bar.stacked-for-wide .top-bar-right {
width: 100%;
}
.top-bar-title {
display: inline-block;
float: left;
padding: 0.5rem 1rem 0.5rem 0;
}
.top-bar-title .menu-icon {
bottom: 2px;
}
.top-bar-left {
float: left;
}
.top-bar-right {
float: right;
}
.hide {
display: none !important;
}
.invisible {
visibility: hidden;
}
@media screen and (max-width:47.9375em) {
.hide-for-small-only {
display: none !important;
}
}
@media screen and (max-width:0em),screen and (min-width:48em) {
.show-for-small-only {
display: none !important;
}
}
@media print,screen and (min-width:48em) {
.hide-for-medium {
display: none !important;
}
}
@media screen and (max-width:47.9375em) {
.show-for-medium {
display: none !important;
}
}
@media screen and (min-width:48em) and (max-width:59.9375em) {
.hide-for-medium-only {
display: none !important;
}
}
@media screen and (max-width:47.9375em),screen and (min-width:60em) {
.show-for-medium-only {
display: none !important;
}
}
@media print,screen and (min-width:60em) {
.hide-for-large {
display: none !important;
}
}
@media screen and (max-width:59.9375em) {
.show-for-large {
display: none !important;
}
}
@media screen and (min-width:60em) and (max-width:74.9375em) {
.hide-for-large-only {
display: none !important;
}
}
@media screen and (max-width:59.9375em),screen and (min-width:75em) {
.show-for-large-only {
display: none !important;
}
}
@media screen and (min-width:75em) {
.hide-for-xlarge {
display: none !important;
}
}
@media screen and (max-width:74.9375em) {
.show-for-xlarge {
display: none !important;
}
}
@media screen and (min-width:75em) and (max-width:89.9375em) {
.hide-for-xlarge-only {
display: none !important;
}
}
@media screen and (max-width:74.9375em),screen and (min-width:90em) {
.show-for-xlarge-only {
display: none !important;
}
}
@media screen and (min-width:90em) {
.hide-for-xxlarge {
display: none !important;
}
}
@media screen and (max-width:89.9375em) {
.show-for-xxlarge {
display: none !important;
}
}
@media screen and (min-width:90em) and (max-width:93.6875em) {
.hide-for-xxlarge-only {
display: none !important;
}
}
@media screen and (max-width:89.9375em),screen and (min-width:93.75em) {
.show-for-xxlarge-only {
display: none !important;
}
}
@media screen and (min-width:93.75em) {
.hide-for-xxxlarge {
display: none !important;
}
}
@media screen and (max-width:93.6875em) {
.show-for-xxxlarge {
display: none !important;
}
}
@media screen and (min-width:93.75em) and (max-width:156.1875em) {
.hide-for-xxxlarge-only {
display: none !important;
}
}
@media screen and (max-width:93.6875em),screen and (min-width:156.25em) {
.show-for-xxxlarge-only {
display: none !important;
}
}
@media screen and (min-width:156.25em) {
.hide-for-wide {
display: none !important;
}
}
@media screen and (max-width:156.1875em) {
.show-for-wide {
display: none !important;
}
}
@media screen and (min-width:156.25em) {
.hide-for-wide-only {
display: none !important;
}
}
@media screen and (max-width:156.1875em) {
.show-for-wide-only {
display: none !important;
}
}
.show-for-sr,.show-on-focus {
position: absolute !important;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0,0,0,0);
white-space: nowrap;
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
border: 0;
}
.show-on-focus:active,.show-on-focus:focus {
position: static !important;
width: auto;
height: auto;
overflow: visible;
clip: auto;
white-space: normal;
-webkit-clip-path: none;
clip-path: none;
}
.show-for-landscape,.hide-for-portrait {
display: block !important;
}
@media screen and (orientation:landscape) {
.show-for-landscape,.hide-for-portrait {
display: block !important;
}
}
@media screen and (orientation:portrait) {
.show-for-landscape,.hide-for-portrait {
display: none !important;
}
}
.hide-for-landscape,.show-for-portrait {
display: none !important;
}
@media screen and (orientation:landscape) {
.hide-for-landscape,.show-for-portrait {
display: none !important;
}
}
@media screen and (orientation:portrait) {
.hide-for-landscape,.show-for-portrait {
display: block !important;
}
}
.float-left {
float: left !important;
}
.float-right {
float: right !important;
}
.float-center {
display: block;
margin-right: auto;
margin-left: auto;
}
.clearfix::before,.clearfix::after {
display: table;
content: " ";
}
.clearfix::after {
clear: both;
}
.slide-in-down.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
transition-property: opacity,-webkit-transform;
transition-property: transform,opacity;
transition-property: transform,opacity,-webkit-transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.slide-in-down.mui-enter.mui-enter-active {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.slide-in-left.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
transition-property: opacity,-webkit-transform;
transition-property: transform,opacity;
transition-property: transform,opacity,-webkit-transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.slide-in-left.mui-enter.mui-enter-active {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.slide-in-up.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
transition-property: opacity,-webkit-transform;
transition-property: transform,opacity;
transition-property: transform,opacity,-webkit-transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.slide-in-up.mui-enter.mui-enter-active {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.slide-in-right.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
transition-property: opacity,-webkit-transform;
transition-property: transform,opacity;
transition-property: transform,opacity,-webkit-transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.slide-in-right.mui-enter.mui-enter-active {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.slide-out-down.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
transition-property: opacity,-webkit-transform;
transition-property: transform,opacity;
transition-property: transform,opacity,-webkit-transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.slide-out-down.mui-leave.mui-leave-active {
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
}
.slide-out-right.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
transition-property: opacity,-webkit-transform;
transition-property: transform,opacity;
transition-property: transform,opacity,-webkit-transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.slide-out-right.mui-leave.mui-leave-active {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
}
.slide-out-up.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
transition-property: opacity,-webkit-transform;
transition-property: transform,opacity;
transition-property: transform,opacity,-webkit-transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.slide-out-up.mui-leave.mui-leave-active {
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}
.slide-out-left.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
transition-property: opacity,-webkit-transform;
transition-property: transform,opacity;
transition-property: transform,opacity,-webkit-transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.slide-out-left.mui-leave.mui-leave-active {
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}
.fade-in.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
opacity: 0;
transition-property: opacity;
}
.fade-in.mui-enter.mui-enter-active {
opacity: 1;
}
.fade-out.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
opacity: 1;
transition-property: opacity;
}
.fade-out.mui-leave.mui-leave-active {
opacity: 0;
}
.hinge-in-from-top.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotateX(-90deg);
transform: perspective(2000px) rotateX(-90deg);
-webkit-transform-origin: top;
-ms-transform-origin: top;
transform-origin: top;
transition-property: opacity,-webkit-transform;
transition-property: transform,opacity;
transition-property: transform,opacity,-webkit-transform;
opacity: 0;
}
.hinge-in-from-top.mui-enter.mui-enter-active {
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
opacity: 1;
}
.hinge-in-from-right.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotateY(-90deg);
transform: perspective(2000px) rotateY(-90deg);
-webkit-transform-origin: right;
-ms-transform-origin: right;
transform-origin: right;
transition-property: opacity,-webkit-transform;
transition-property: transform,opacity;
transition-property: transform,opacity,-webkit-transform;
opacity: 0;
}
.hinge-in-from-right.mui-enter.mui-enter-active {
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
opacity: 1;
}
.hinge-in-from-bottom.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotateX(90deg);
transform: perspective(2000px) rotateX(90deg);
-webkit-transform-origin: bottom;
-ms-transform-origin: bottom;
transform-origin: bottom;
transition-property: opacity,-webkit-transform;
transition-property: transform,opacity;
transition-property: transform,opacity,-webkit-transform;
opacity: 0;
}
.hinge-in-from-bottom.mui-enter.mui-enter-active {
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
opacity: 1;
}
.hinge-in-from-left.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotateY(90deg);
transform: perspective(2000px) rotateY(90deg);
-webkit-transform-origin: left;
-ms-transform-origin: left;
transform-origin: left;
transition-property: opacity,-webkit-transform;
transition-property: transform,opacity;
transition-property: transform,opacity,-webkit-transform;
opacity: 0;
}
.hinge-in-from-left.mui-enter.mui-enter-active {
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
opacity: 1;
}
.hinge-in-from-middle-x.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotateX(-90deg);
transform: perspective(2000px) rotateX(-90deg);
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
transition-property: opacity,-webkit-transform;
transition-property: transform,opacity;
transition-property: transform,opacity,-webkit-transform;
opacity: 0;
}
.hinge-in-from-middle-x.mui-enter.mui-enter-active {
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
opacity: 1;
}
.hinge-in-from-middle-y.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotateY(-90deg);
transform: perspective(2000px) rotateY(-90deg);
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
transition-property: opacity,-webkit-transform;
transition-property: transform,opacity;
transition-property: transform,opacity,-webkit-transform;
opacity: 0;
}
.hinge-in-from-middle-y.mui-enter.mui-enter-active {
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
opacity: 1;
}
.hinge-out-from-top.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
-webkit-transform-origin: top;
-ms-transform-origin: top;
transform-origin: top;
transition-property: opacity,-webkit-transform;
transition-property: transform,opacity;
transition-property: transform,opacity,-webkit-transform;
opacity: 1;
}
.hinge-out-from-top.mui-leave.mui-leave-active {
-webkit-transform: perspective(2000px) rotateX(-90deg);
transform: perspective(2000px) rotateX(-90deg);
opacity: 0;
}
.hinge-out-from-right.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
-webkit-transform-origin: right;
-ms-transform-origin: right;
transform-origin: right;
transition-property: opacity,-webkit-transform;
transition-property: transform,opacity;
transition-property: transform,opacity,-webkit-transform;
opacity: 1;
}
.hinge-out-from-right.mui-leave.mui-leave-active {
-webkit-transform: perspective(2000px) rotateY(-90deg);
transform: perspective(2000px) rotateY(-90deg);
opacity: 0;
}
.hinge-out-from-bottom.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
-webkit-transform-origin: bottom;
-ms-transform-origin: bottom;
transform-origin: bottom;
transition-property: opacity,-webkit-transform;
transition-property: transform,opacity;
transition-property: transform,opacity,-webkit-transform;
opacity: 1;
}
.hinge-out-from-bottom.mui-leave.mui-leave-active {
-webkit-transform: perspective(2000px) rotateX(90deg);
transform: perspective(2000px) rotateX(90deg);
opacity: 0;
}
.hinge-out-from-left.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
-webkit-transform-origin: left;
-ms-transform-origin: left;
transform-origin: left;
transition-property: opacity,-webkit-transform;
transition-property: transform,opacity;
transition-property: transform,opacity,-webkit-transform;
opacity: 1;
}
.hinge-out-from-left.mui-leave.mui-leave-active {
-webkit-transform: perspective(2000px) rotateY(90deg);
transform: perspective(2000px) rotateY(90deg);
opacity: 0;
}
.hinge-out-from-middle-x.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
transition-property: opacity,-webkit-transform;
transition-property: transform,opacity;
transition-property: transform,opacity,-webkit-transform;
opacity: 1;
}
.hinge-out-from-middle-x.mui-leave.mui-leave-active {
-webkit-transform: perspective(2000px) rotateX(-90deg);
transform: perspective(2000px) rotateX(-90deg);
opacity: 0;
}
.hinge-out-from-middle-y.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
transition-property: opacity,-webkit-transform;
transition-property: transform,opacity;
transition-property: transform,opacity,-webkit-transform;
opacity: 1;
}
.hinge-out-from-middle-y.mui-leave.mui-leave-active {
-webkit-transform: perspective(2000px) rotateY(-90deg);
transform: perspective(2000px) rotateY(-90deg);
opacity: 0;
}
.scale-in-up.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: scale(0.5);
-ms-transform: scale(0.5);
transform: scale(0.5);
transition-property: opacity,-webkit-transform;
transition-property: transform,opacity;
transition-property: transform,opacity,-webkit-transform;
opacity: 0;
}
.scale-in-up.mui-enter.mui-enter-active {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.scale-in-down.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: scale(1.5);
-ms-transform: scale(1.5);
transform: scale(1.5);
transition-property: opacity,-webkit-transform;
transition-property: transform,opacity;
transition-property: transform,opacity,-webkit-transform;
opacity: 0;
}
.scale-in-down.mui-enter.mui-enter-active {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.scale-out-up.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
transition-property: opacity,-webkit-transform;
transition-property: transform,opacity;
transition-property: transform,opacity,-webkit-transform;
opacity: 1;
}
.scale-out-up.mui-leave.mui-leave-active {
-webkit-transform: scale(1.5);
-ms-transform: scale(1.5);
transform: scale(1.5);
opacity: 0;
}
.scale-out-down.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
transition-property: opacity,-webkit-transform;
transition-property: transform,opacity;
transition-property: transform,opacity,-webkit-transform;
opacity: 1;
}
.scale-out-down.mui-leave.mui-leave-active {
-webkit-transform: scale(0.5);
-ms-transform: scale(0.5);
transform: scale(0.5);
opacity: 0;
}
.spin-in.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: rotate(-0.75turn);
-ms-transform: rotate(-0.75turn);
transform: rotate(-0.75turn);
transition-property: opacity,-webkit-transform;
transition-property: transform,opacity;
transition-property: transform,opacity,-webkit-transform;
opacity: 0;
}
.spin-in.mui-enter.mui-enter-active {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
.spin-out.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
transition-property: opacity,-webkit-transform;
transition-property: transform,opacity;
transition-property: transform,opacity,-webkit-transform;
opacity: 1;
}
.spin-out.mui-leave.mui-leave-active {
-webkit-transform: rotate(0.75turn);
-ms-transform: rotate(0.75turn);
transform: rotate(0.75turn);
opacity: 0;
}
.spin-in-ccw.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: rotate(0.75turn);
-ms-transform: rotate(0.75turn);
transform: rotate(0.75turn);
transition-property: opacity,-webkit-transform;
transition-property: transform,opacity;
transition-property: transform,opacity,-webkit-transform;
opacity: 0;
}
.spin-in-ccw.mui-enter.mui-enter-active {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
.spin-out-ccw.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
transition-property: opacity,-webkit-transform;
transition-property: transform,opacity;
transition-property: transform,opacity,-webkit-transform;
opacity: 1;
}
.spin-out-ccw.mui-leave.mui-leave-active {
-webkit-transform: rotate(-0.75turn);
-ms-transform: rotate(-0.75turn);
transform: rotate(-0.75turn);
opacity: 0;
}
.slow {
transition-duration: 750ms !important;
}
.fast {
transition-duration: 250ms !important;
}
.linear {
transition-timing-function: linear !important;
}
.ease {
transition-timing-function: ease !important;
}
.ease-in {
transition-timing-function: ease-in !important;
}
.ease-out {
transition-timing-function: ease-out !important;
}
.ease-in-out {
transition-timing-function: ease-in-out !important;
}
.bounce-in {
transition-timing-function: cubic-bezier(0.485,0.155,0.24,1.245) !important;
}
.bounce-out {
transition-timing-function: cubic-bezier(0.485,0.155,0.515,0.845) !important;
}
.bounce-in-out {
transition-timing-function: cubic-bezier(0.76,-0.245,0.24,1.245) !important;
}
.short-delay {
transition-delay: 300ms !important;
}
.long-delay {
transition-delay: 700ms !important;
}
.shake {
-webkit-animation-name: shake-7;
animation-name: shake-7;
}
@-webkit-keyframes shake-7 {
0%,10%,20%,30%,40%,50%,60%,70%,80%,90% {
-webkit-transform: translateX(7%);
transform: translateX(7%);
}
5%,15%,25%,35%,45%,55%,65%,75%,85%,95% {
-webkit-transform: translateX(-7%);
transform: translateX(-7%);
}
}
@keyframes shake-7 {
0%,10%,20%,30%,40%,50%,60%,70%,80%,90% {
-webkit-transform: translateX(7%);
transform: translateX(7%);
}
5%,15%,25%,35%,45%,55%,65%,75%,85%,95% {
-webkit-transform: translateX(-7%);
transform: translateX(-7%);
}
}
.spin-cw {
-webkit-animation-name: spin-cw-1turn;
animation-name: spin-cw-1turn;
}
@-webkit-keyframes spin-cw-1turn {
0% {
-webkit-transform: rotate(-1turn);
transform: rotate(-1turn);
}
100% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
}
@keyframes spin-cw-1turn {
0% {
-webkit-transform: rotate(-1turn);
transform: rotate(-1turn);
}
100% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
}
.spin-ccw {
-webkit-animation-name: spin-cw-1turn;
animation-name: spin-cw-1turn;
}
@keyframes spin-cw-1turn {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(1turn);
transform: rotate(1turn);
}
}
.wiggle {
-webkit-animation-name: wiggle-7deg;
animation-name: wiggle-7deg;
}
@-webkit-keyframes wiggle-7deg {
40%,50%,60% {
-webkit-transform: rotate(7deg);
transform: rotate(7deg);
}
35%,45%,55%,65% {
-webkit-transform: rotate(-7deg);
transform: rotate(-7deg);
}
0%,30%,70%,100% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
}
@keyframes wiggle-7deg {
40%,50%,60% {
-webkit-transform: rotate(7deg);
transform: rotate(7deg);
}
35%,45%,55%,65% {
-webkit-transform: rotate(-7deg);
transform: rotate(-7deg);
}
0%,30%,70%,100% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
}
.shake,.spin-cw,.spin-ccw,.wiggle {
-webkit-animation-duration: 500ms;
animation-duration: 500ms;
}
.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.slow {
-webkit-animation-duration: 750ms !important;
animation-duration: 750ms !important;
}
.fast {
-webkit-animation-duration: 250ms !important;
animation-duration: 250ms !important;
}
.linear {
-webkit-animation-timing-function: linear !important;
animation-timing-function: linear !important;
}
.ease {
-webkit-animation-timing-function: ease !important;
animation-timing-function: ease !important;
}
.ease-in {
-webkit-animation-timing-function: ease-in !important;
animation-timing-function: ease-in !important;
}
.ease-out {
-webkit-animation-timing-function: ease-out !important;
animation-timing-function: ease-out !important;
}
.ease-in-out {
-webkit-animation-timing-function: ease-in-out !important;
animation-timing-function: ease-in-out !important;
}
.bounce-in {
-webkit-animation-timing-function: cubic-bezier(0.485,0.155,0.24,1.245) !important;
animation-timing-function: cubic-bezier(0.485,0.155,0.24,1.245) !important;
}
.bounce-out {
-webkit-animation-timing-function: cubic-bezier(0.485,0.155,0.515,0.845) !important;
animation-timing-function: cubic-bezier(0.485,0.155,0.515,0.845) !important;
}
.bounce-in-out {
-webkit-animation-timing-function: cubic-bezier(0.76,-0.245,0.24,1.245) !important;
animation-timing-function: cubic-bezier(0.76,-0.245,0.24,1.245) !important;
}
.short-delay {
-webkit-animation-delay: 300ms !important;
animation-delay: 300ms !important;
}
.long-delay {
-webkit-animation-delay: 700ms !important;
animation-delay: 700ms !important;
}
@media print,screen and (min-width:48em) {
.reveal,.reveal.tiny,.reveal.small,.reveal.large {
right: auto;
left: auto;
margin: 0 auto;
}
}
.js-form-type-checkbox label:not(.error),.js-form-type-radio label:not(.error) {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
@media screen and (min-width:90em) {
.top-header {
height: 3.125rem;
padding-inline: 3.125rem;
width: 100vw;
margin-left: calc(-1 * (100vw - 1440px) / 2);
}
}
.top-header .contact-language {
display: none;
}
@media screen and (min-width:60em) {
.top-header .contact-language {
display: initial;
margin-right: auto;
}
.top-header .contact-language .language-block-open {
padding-left: 0;
}
}
@media screen and (min-width:75em) {
.l-header {
top: var(--header-sticky-offset,0);
position: -webkit-sticky;
position: sticky;
z-index: 90;
}
}
@media screen and (min-width:90em) {
.l-header {
width: 100vw;
margin-left: calc(-1 * (100vw - 1440px) / 2);
}
}
.l-header .topbar {
z-index: 100;
position: relative;
background-color: #ffffff;
box-shadow: inset 0 -1px 0 0 rgba(0,0,0,0.1);
}
@media screen and (max-width:89.9375em) {
.l-header .topbar {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
.l-header .topbar .topbar-wrapper {
--menu-logo-width: 340px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 1.875rem;
-ms-flex: 1;
flex: 1;
background: #0053a3;
width: 100%;
padding: 0.9375rem 1.5625rem;
}
.l-header .topbar .topbar-wrapper #menu-chainhoist-block {
display: none;
}
@media screen and (min-width:75em) {
.l-header .topbar .topbar-wrapper {
padding: 1.875rem 3.125rem;
background: linear-gradient(90deg,#0053a3 var(--menu-logo-width),transparent var(--menu-logo-width));
}
.l-header .topbar .topbar-wrapper::after {
content: url('data:image/svg+xml,');
position: absolute;
inset: 0 0 0 var(--menu-logo-width);
-webkit-transform: translateX(-1px);
-ms-transform: translateX(-1px);
transform: translateX(-1px);
width: 17px;
height: 110px;
}
}
.l-header .topbar .topbar-wrapper.sticky {
position: fixed;
top: var(--header-sticky-offset,0);
}
.l-header .topbar .topbar-wrapper .demag-search-block__wrap-buttons {
width: 2.5rem;
height: 2.5rem;
place-items: stretch;
}
@media screen and (min-width:75em) {
.l-header .topbar .topbar-wrapper .demag-search-block__wrap-buttons {
left: 0.625rem;
}
}
.l-header .topbar:has(> .topbar-wrapper.sticky) + .blue-top-bar #menu-chainhoist-block {
display: -ms-flexbox;
display: flex;
padding: 0.9375rem 1.5625rem;
background-color: #ffffff;
}
.l-header .topbar-menu {
display: -ms-grid;
display: grid;
place-items: stretch;
width: 2.5rem;
aspect-ratio: 1/1;
border: 1px solid rgba(255,255,255,0.1);
}
.l-header .topbar-menu button {
cursor: pointer;
}
@media screen and (min-width:800px) {
.l-header .topbar-menu {
width: 3.125rem;
}
.l-header .topbar-menu:hover {
background-color: rgba(0,0,0,0.1);
}
}
.l-header .topbar-menu i {
font-size: 1.5rem;
color: #ffdb00;
}
.l-header .topbar-menu__close {
display: none;
}
.l-header .top-half {
min-height: 3.125rem;
}
@media screen and (min-width:75em) {
.l-header .top-half {
min-height: 5.625rem;
}
}
@media print,screen and (min-width:48em) {
.reveal,.reveal.tiny,.reveal.small,.reveal.large {
right: auto;
left: auto;
margin: 0 auto;
}
}
.js-form-type-checkbox label:not(.error),.js-form-type-radio label:not(.error) {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.page {
max-width: 1440px;
margin: 0 auto;
}
ul.menu {
margin-left: 0 !important;
}
@media print,screen and (min-width:48em) {
.reveal,.reveal.tiny,.reveal.small,.reveal.large {
right: auto;
left: auto;
margin: 0 auto;
}
}
.js-form-type-checkbox label:not(.error),.js-form-type-radio label:not(.error) {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
@media print,screen and (min-width:48em) {
.reveal,.reveal.tiny,.reveal.small,.reveal.large {
right: auto;
left: auto;
margin: 0 auto;
}
}
.js-form-type-checkbox label:not(.error),.js-form-type-radio label:not(.error) {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.block-related-case-studies {
background-color: #f6f6f6;
}
.block-related-case-studies .block-content {
max-width: 82.5rem;
margin-right: auto;
margin-left: auto;
width: 100%;
float: left;
padding-right: 0.46875rem;
padding-left: 0.46875rem;
}
.block-related-case-studies .block-content::before,.block-related-case-studies .block-content::after {
display: table;
content: " ";
}
.block-related-case-studies .block-content::after {
clear: both;
}
@media screen and (min-width:75em) {
.block-related-case-studies .block-content {
padding-right: 1.25rem;
padding-left: 1.25rem;
}
}
.block-related-case-studies .block-content,.block-related-case-studies .block-content:last-child {
float: none;
}
.block-category-products {
background-color: #f6f6f6;
padding: 40px 0;
}
@media screen and (min-width:90em) {
.block-category-products {
width: 100vw;
margin-left: calc(-1 * (100vw - 1440px) / 2);
}
}
.block-product-subcategories-all {
background: #ffffff;
}
.block-product-subcategories-all .block-content {
max-width: 82.5rem;
margin-right: auto;
margin-left: auto;
width: 100%;
float: left;
padding-right: 0;
padding-left: 0;
}
.block-product-subcategories-all .block-content::before,.block-product-subcategories-all .block-content::after {
display: table;
content: " ";
}
.block-product-subcategories-all .block-content::after {
clear: both;
}
.block-product-subcategories-all .block-content,.block-product-subcategories-all .block-content:last-child {
float: none;
}
.block-top-level-services,.block-top-level-industries {
padding-top: 2.1875rem;
}
.block-views-block-news-releases-releases-all {
max-width: 82.5rem;
margin-right: auto;
margin-left: auto;
max-width: 52.5rem;
width: 100%;
float: left;
padding-right: 0.46875rem;
padding-left: 0.46875rem;
}
.block-views-block-news-releases-releases-all::before,.block-views-block-news-releases-releases-all::after {
display: table;
content: " ";
}
.block-views-block-news-releases-releases-all::after {
clear: both;
}
@media screen and (min-width:75em) {
.block-views-block-news-releases-releases-all {
padding-right: 1.25rem;
padding-left: 1.25rem;
}
}
.block-views-block-news-releases-releases-all,.block-views-block-news-releases-releases-all:last-child {
float: none;
}
.block-views-block-news-releases-releases-all .view-filters {
margin-top: 1.875rem;
margin-bottom: 2.1875rem;
}
.block-views-block-news-releases-releases-all .view-filters .form-item-date-year-filter label {
display: none;
}
.block-views-block-news-releases-releases-all .view-filters .form-actions {
display: none;
}
.block-views-block-news-releases-releases-all article.view-mode-list_item {
border-bottom: 1px solid #d9d9d9;
margin-bottom: 1.25rem;
position: relative;
}
.block-views-block-news-releases-releases-all article.view-mode-list_item h5,.block-views-block-news-releases-releases-all article.view-mode-list_item .l-footer .footer .block-footernavigation > ul.menu > li > a,.l-footer .footer .block-views-block-news-releases-releases-all article.view-mode-list_item .block-footernavigation > ul.menu > li > a,.block-views-block-news-releases-releases-all article.view-mode-list_item .l-footer .footer .block-footernavigation-ksrkran > ul.menu > li > a,.l-footer .footer .block-views-block-news-releases-releases-all article.view-mode-list_item .block-footernavigation-ksrkran > ul.menu > li > a,.block-views-block-news-releases-releases-all article.view-mode-list_item .l-footer .footer .block-footernavigation-vi > ul.menu > li > a,.l-footer .footer .block-views-block-news-releases-releases-all article.view-mode-list_item .block-footernavigation-vi > ul.menu > li > a {
margin-bottom: 0.875rem;
}
.block-views-block-news-releases-releases-all article.view-mode-list_item h5 a,.block-views-block-news-releases-releases-all article.view-mode-list_item .l-footer .footer .block-footernavigation > ul.menu > li > a a,.l-footer .footer .block-views-block-news-releases-releases-all article.view-mode-list_item .block-footernavigation > ul.menu > li > a a,.block-views-block-news-releases-releases-all article.view-mode-list_item .l-footer .footer .block-footernavigation-ksrkran > ul.menu > li > a a,.l-footer .footer .block-views-block-news-releases-releases-all article.view-mode-list_item .block-footernavigation-ksrkran > ul.menu > li > a a,.block-views-block-news-releases-releases-all article.view-mode-list_item .l-footer .footer .block-footernavigation-vi > ul.menu > li > a a,.l-footer .footer .block-views-block-news-releases-releases-all article.view-mode-list_item .block-footernavigation-vi > ul.menu > li > a a {
color: #333333;
display: block;
padding-right: 1.875rem;
}
.block-views-block-news-releases-releases-all article.view-mode-list_item h5 a::after,.block-views-block-news-releases-releases-all article.view-mode-list_item .l-footer .footer .block-footernavigation > ul.menu > li > a a::after,.l-footer .footer .block-views-block-news-releases-releases-all article.view-mode-list_item .block-footernavigation > ul.menu > li > a a::after,.block-views-block-news-releases-releases-all article.view-mode-list_item .l-footer .footer .block-footernavigation-ksrkran > ul.menu > li > a a::after,.l-footer .footer .block-views-block-news-releases-releases-all article.view-mode-list_item .block-footernavigation-ksrkran > ul.menu > li > a a::after,.block-views-block-news-releases-releases-all article.view-mode-list_item .l-footer .footer .block-footernavigation-vi > ul.menu > li > a a::after,.l-footer .footer .block-views-block-news-releases-releases-all article.view-mode-list_item .block-footernavigation-vi > ul.menu > li > a a::after {
display: inline-block;
font-family: "iconfont" !important;
font-weight: normal;
content: "\e902";
pointer-events: none;
color: #0080f8;
position: absolute;
right: 0;
bottom: 0.8125rem;
}
.block-views-block-news-releases-releases-all article.view-mode-list_item .meta-group {
font-size: 0;
margin-bottom: 1.125rem;
}
.block-views-block-news-releases-releases-all article.view-mode-list_item .meta-group .field-name-field-release-date,.block-views-block-news-releases-releases-all article.view-mode-list_item .meta-group .field-name-field-content-source {
display: inline-block;
font-size: 0.875rem;
line-height: 1.25rem;
padding: 0 0.625rem;
color: #676f77;
height: 1rem;
}
.block-views-block-news-releases-releases-all article.view-mode-list_item .meta-group .field-name-field-content-source {
text-transform: uppercase;
border-right: 2px solid #ffd51f;
padding-left: 0;
}
.block-views-block-news-releases-releases-all article.view-mode-list_item.node-news_article .meta-group .field-name-field-content-source {
border-right: 2px solid #0053a4;
}
.block-views-block-news-releases-releases-all .views-row:last-child {
margin-bottom: 2.5rem;
}
.block-views-block-news-releases-releases-today {
padding-bottom: 2.5rem;
}
.block-views-block-news-releases-releases-today h3 {
font-size: 1.125rem;
line-height: 1.4375rem;
text-transform: uppercase;
margin-bottom: 0.9375rem;
}
.block-views-block-news-releases-releases-today .field-name-field-content-source {
display: none;
}
.block-views-block-news-releases-releases-today .field-name-field-release-date {
font-size: 0.75rem;
line-height: 1.5rem;
color: #8a8a8a;
margin-bottom: 0;
}
.block-views-block-news-releases-releases-today h5.node-title,.block-views-block-news-releases-releases-today .l-footer .footer .block-footernavigation > ul.menu > li > a.node-title,.l-footer .footer .block-views-block-news-releases-releases-today .block-footernavigation > ul.menu > li > a.node-title,.block-views-block-news-releases-releases-today .l-footer .footer .block-footernavigation-ksrkran > ul.menu > li > a.node-title,.l-footer .footer .block-views-block-news-releases-releases-today .block-footernavigation-ksrkran > ul.menu > li > a.node-title,.block-views-block-news-releases-releases-today .l-footer .footer .block-footernavigation-vi > ul.menu > li > a.node-title,.l-footer .footer .block-views-block-news-releases-releases-today .block-footernavigation-vi > ul.menu > li > a.node-title {
font-size: 1rem;
line-height: 1.5rem;
margin-bottom: 1rem;
}
.block-views-block-news-releases-releases-today .more-link {
text-align: right;
}
.block-views-block-news-releases-releases-today .more-link a {
font-family: "Produkt","Roboto Slab",Arial,sans-serif;
font-size: 0.875rem;
line-height: 1.4375rem;
color: #323231;
padding-right: 1.25rem;
position: relative;
}
.block-views-block-news-releases-releases-today .more-link a::after {
display: inline-block;
font-family: "iconfont" !important;
font-weight: normal;
content: "\e902";
pointer-events: none;
color: #0080f8;
font-size: 1rem;
position: absolute;
right: 0;
}
.block-ctablock {
bottom: -100%;
left: 50%;
-webkit-transform: translate(-50%,0);
-ms-transform: translate(-50%,0);
transform: translate(-50%,0);
position: fixed;
width: 100%;
max-width: 1440px;
z-index: 1000;
display: -ms-flexbox;
display: flex;
overflow: hidden;
transition: bottom 1s;
}
.block-ctablock.visible {
bottom: 0;
}
.block-ctablock .cta-block {
background: #0053a4;
background: -moz-linear-gradient(180deg,#0053a4 0%,#003d74 100%);
background: -webkit-linear-gradient(180deg,#0053a4 0%,#003d74 100%);
background: linear-gradient(180deg,#0053a4 0%,#003d74 100%);
width: 90%;
}
.block-ctablock .cta-block a {
display: inline-block;
padding: 1em 1em;
transition: -webkit-transform 0.5s ease-out;
transition: transform 0.5s ease-out;
transition: transform 0.5s ease-out,-webkit-transform 0.5s ease-out;
}
.block-ctablock .cta-block a h2 {
color: #ffffff;
margin-bottom: 0;
}
.block-ctablock .cta-block a h3 {
color: #ffffff;
margin-bottom: 0;
}
.block-ctablock .cta-block a:hover {
-webkit-transform: translate(0.2em,0.1em);
-ms-transform: translate(0.2em,0.1em);
transform: translate(0.2em,0.1em);
}
@media screen and (min-width:48em) {
.block-ctablock .cta-block {
text-align: right;
padding-right: 8vw;
}
}
.block-ctablock a.yellow-angle {
display: inline-block;
background: #ffdb00;
width: 10%;
min-width: 4em;
position: relative;
}
.block-ctablock a.yellow-angle::after {
display: inline-block;
font-family: "iconfont" !important;
font-weight: normal;
content: "\e902";
pointer-events: none;
font-size: 1.25rem;
line-height: 1.25rem;
width: 2.5rem;
height: 2.5rem;
background: #003d74;
position: absolute;
padding: 0.625rem;
top: 50%;
right: 50%;
-webkit-transform: translateX(50%) translateY(-50%);
-ms-transform: translateX(50%) translateY(-50%);
transform: translateX(50%) translateY(-50%);
transition: background 0.2s;
}
.block-ctablock a.yellow-angle:hover:after {
background: #0053a4;
}
.block-ctablock a.yellow-angle:before {
content: "";
display: block;
background: #ffdb00;
position: absolute;
width: 3em;
height: 110%;
left: -1.5em;
-webkit-transform: rotate(11deg);
-ms-transform: rotate(11deg);
transform: rotate(11deg);
}
.block-ctablock button.close {
position: absolute;
top: 10px;
left: 10px;
transition: top 0.2s,left 0.2s;
cursor: pointer;
}
.block-ctablock button.close::after {
display: inline-block;
font-family: "iconfont" !important;
font-weight: normal;
content: "\e91d";
pointer-events: none;
color: #ffffff;
transition: color 0.2s;
font-size: 1.5625rem;
line-height: 1.5625rem;
}
.block-ctablock button.close:hover {
top: 11px;
left: 11px;
}
.block-ctablock button.close:hover:after {
color: #d9d9d9;
}
@media print,screen and (min-width:48em) {
.reveal,.reveal.tiny,.reveal.small,.reveal.large {
right: auto;
left: auto;
margin: 0 auto;
}
}
.js-form-type-checkbox label:not(.error),.js-form-type-radio label:not(.error) {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.blog {
color: white;
border-bottom: 1px solid #d9d9d9;
margin: 20px 0;
}
.blog h3 {
color: #ffffff;
}
.blog__media {
width: 100%;
}
.blog__media__hero-container {
background-size: cover;
background-position: center;
position: relative;
width: 100%;
max-height: 30rem;
overflow: hidden;
}
@media screen and (min-width:48em) {
.blog__media__hero-container {
max-height: 43.75rem;
}
}
@media screen and (min-width:90em) {
.blog__media__hero-container {
max-height: 43.75rem;
width: 60%;
margin: 0 auto 30px auto;
}
}
.blog__media__hero-container:before {
display: block;
content: "";
width: 100%;
padding-top: 150%;
}
@media screen and (min-width:48em) {
.blog__media__hero-container:before {
padding-top: 68.36%;
}
}
@media screen and (min-width:90em) {
.blog__media__hero-container:before {
padding-top: 48.61%;
}
}
.blog__media__youtube-video {
margin-bottom: 10px;
}
@media screen and (min-width:60em) {
.blog__media__youtube-video {
width: 60%;
margin: 0 auto 20px auto;
}
}
@media screen and (min-width:60em) {
.blog__media__video {
width: 60%;
margin: 0 auto 20px auto;
}
}
.blog__media video {
width: 100%;
}
.blog__text {
text-align: center;
}
@media screen and (min-width:75em) {
.blog__text {
width: 60%;
margin: 0 auto;
}
}
.blog__text__description {
margin-top: 10px;
word-wrap: break-word;
}
@media print,screen and (min-width:48em) {
.reveal,.reveal.tiny,.reveal.small,.reveal.large {
right: auto;
left: auto;
margin: 0 auto;
}
}
.js-form-type-checkbox label:not(.error),.js-form-type-radio label:not(.error) {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.node.view-mode-full .body-group.section {
padding: 50px 15px;
}
@media screen and (min-width:60em) {
.node.view-mode-full .body-group.section {
padding: 70px 20px;
max-width: 800px;
margin: 0 auto;
}
}
@media screen and (min-width:93.75em) {
.node.view-mode-full .body-group.section {
padding: 80px 0;
}
}
.node.view-mode-full .body-group .meta-group {
text-align: center;
margin-bottom: 0.625rem;
}
@media screen and (min-width:60em) {
.node.view-mode-full .body-group .meta-group {
margin-bottom: 1.875rem;
}
}
.node.view-mode-full .body-group .meta-group .meta-group-primary {
font-size: 0;
margin-bottom: 0.625rem;
}
.node.view-mode-full .body-group .meta-group .meta-group-primary .field-name-field-release-date,.node.view-mode-full .body-group .meta-group .meta-group-primary .field-name-field-content-source {
display: inline-block;
padding: 0 0.625rem;
}
.node.view-mode-full .body-group .meta-group .meta-group-secondary {
margin-bottom: 0.625rem;
}
.node.view-mode-full .body-group .meta-group .field-name-field-release-date,.node.view-mode-full .body-group .meta-group .field-name-field-content-source,.node.view-mode-full .body-group .meta-group .field-name-field-location {
font-size: 0.875rem;
line-height: 1.25rem;
color: #676f77;
}
.node.view-mode-full .body-group .meta-group .field-name-field-content-source {
text-transform: uppercase;
border-right: 2px solid #ffd51f;
}
.node.view-mode-full .field-name-field-video {
background-color: #f6f6f6;
}
.node.view-mode-full .field-name-field-video .paragraph--type--video .paragraph-content {
max-width: 82.5rem;
margin-right: auto;
margin-left: auto;
max-width: 52.5rem;
width: 100%;
float: left;
padding-right: 0;
padding-left: 0;
}
.node.view-mode-full .field-name-field-video .paragraph--type--video .paragraph-content::before,.node.view-mode-full .field-name-field-video .paragraph--type--video .paragraph-content::after {
display: table;
content: " ";
}
.node.view-mode-full .field-name-field-video .paragraph--type--video .paragraph-content::after {
clear: both;
}
.node.view-mode-full .field-name-field-video .paragraph--type--video .paragraph-content,.node.view-mode-full .field-name-field-video .paragraph--type--video .paragraph-content:last-child {
float: none;
}
.node.view-mode-full .field-document {
border-top: 0.0625rem solid #d9d9d9;
padding-top: 2rem;
text-align: center;
}
.node.view-mode-full .field-document .media-document {
display: inline-block;
}
.node.view-mode-full .field-name-field-service-sections,.node.view-mode-full .field-name-field-product-sections,.node.view-mode-full .field-name-field-page-sections {
margin-top: 1.875rem;
margin-bottom: 1.5625rem;
}
@media screen and (min-width:60em) {
.node.view-mode-full .field-name-field-service-sections,.node.view-mode-full .field-name-field-product-sections,.node.view-mode-full .field-name-field-page-sections {
margin-top: 2.8125rem;
}
}
.node.view-mode-full.node-case_study .title-wrapper {
max-width: 82.5rem;
margin-right: auto;
margin-left: auto;
max-width: 52.5rem;
width: 100%;
float: left;
padding-right: 0.46875rem;
padding-left: 0.46875rem;
text-align: center;
padding-top: 2.1875rem;
}
.node.view-mode-full.node-case_study .title-wrapper::before,.node.view-mode-full.node-case_study .title-wrapper::after {
display: table;
content: " ";
}
.node.view-mode-full.node-case_study .title-wrapper::after {
clear: both;
}
@media screen and (min-width:75em) {
.node.view-mode-full.node-case_study .title-wrapper {
padding-right: 1.25rem;
padding-left: 1.25rem;
}
}
.node.view-mode-full.node-case_study .title-wrapper,.node.view-mode-full.node-case_study .title-wrapper:last-child {
float: none;
}
.node.view-mode-full.node-case_study .title-wrapper .node-title::after {
content: "";
display: block;
width: 3.75rem;
height: 0.375rem;
margin-top: 1.5625rem;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
background: #ffd51f;
}
.node.view-mode-full.node-case_study .title-wrapper .node-title::after {
width: 2.5rem;
}
.node.view-mode-full .field-name-field-body-title h1::after,.node.view-mode-full .field-paragraph--field-gallery-title h1::after,.node.view-mode-full .field-paragraph--field-manual-liftups-title h1::after,.node.view-mode-full .field-paragraph--field-tabs-section-body-title h1::after,.node.view-mode-full .paragraph--type--video .section-heading h1::after,.node.view-mode-full .paragraph--type--simple-text .section-heading h1::after {
content: "";
display: block;
width: 3.75rem;
height: 0.375rem;
margin-top: 1.5625rem;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
background: #ffd51f;
}
.node.view-mode-full .field-name-field-body-title h2::after,.node.view-mode-full .field-paragraph--field-gallery-title h2::after,.node.view-mode-full .field-paragraph--field-manual-liftups-title h2::after,.node.view-mode-full .field-paragraph--field-tabs-section-body-title h2::after,.node.view-mode-full .paragraph--type--video .section-heading h2::after,.node.view-mode-full .paragraph--type--simple-text .section-heading h2::after {
content: "";
display: block;
width: 3.75rem;
height: 0.375rem;
margin-top: 1.5625rem;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
background: #ffd51f;
}
.node.view-mode-full .field-name-field-body-title h2::after,.node.view-mode-full .field-paragraph--field-gallery-title h2::after,.node.view-mode-full .field-paragraph--field-manual-liftups-title h2::after,.node.view-mode-full .field-paragraph--field-tabs-section-body-title h2::after,.node.view-mode-full .paragraph--type--video .section-heading h2::after,.node.view-mode-full .paragraph--type--simple-text .section-heading h2::after {
width: 2.5rem;
}
.node.view-mode-full.node-product .field-name-field-additional-information {
border-bottom: 1px solid #d9d9d9;
}
.node.view-mode-full#node-1451 .paragraph--type--simple-text {
opacity: 1;
}
.node.view-mode-card_small {
text-align: center;
}
.node.view-mode-card_small .card-link {
display: block;
padding: 0.625rem;
border-bottom: 1px solid #dcdcdc;
background-color: #ffffff;
}
.node.view-mode-card_small .card-link:hover {
box-shadow: 0 8px 8px 0 rgba(0,0,0,0.15);
}
.node.view-mode-card_small .card-inner {
position: relative;
padding-bottom: 2.5rem;
}
.node.view-mode-card_small .card-inner .field-name-field-main-media {
margin-bottom: 1.5625rem;
}
.node.view-mode-card_small .card-inner .field-name-field-main-media img {
width: 100%;
height: auto;
}
.node.view-mode-card_small .card-inner .field-name-field-main-media .field-media--field-image .field-item {
width: 100%;
padding-top: 75%;
overflow: hidden;
position: relative;
}
.node.view-mode-card_small .card-inner .field-name-field-main-media .field-media--field-image .field-item img {
width: 100%;
height: 100%;
margin: auto;
position: absolute;
top: -100%;
right: -100%;
bottom: -100%;
left: -100%;
-o-object-fit: cover;
object-fit: cover;
}
.node.view-mode-card_small .card-inner .field-name-field-company-ref {
font-size: 1.125rem;
line-height: 1.4375rem;
margin-bottom: 0.875rem;
color: #8a8a8a;
}
.node.view-mode-card_small .card-inner .field-name-field-company-ref::after {
content: "";
display: block;
width: 3.75rem;
height: 0.375rem;
margin-top: 1.5625rem;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
background: #ffd51f;
}
.node.view-mode-card_small .card-inner h6 {
font-size: 1rem;
line-height: 1.4375rem;
text-transform: uppercase;
margin-bottom: 0;
}
.node.view-mode-card_small .card-inner .learn-more-link {
margin: 0 auto;
position: absolute;
left: 0;
right: 0;
top: auto;
bottom: 0;
left: 0;
margin: 0 auto;
width: 186px;
font-size: 0.75rem;
line-height: 1.4375rem;
text-transform: uppercase;
font-weight: bold;
color: #8a8a8a;
}
.node.view-mode-card_small .card-inner .learn-more-link .learn-more {
position: relative;
height: 23px;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
}
.node.view-mode-card_small .card-inner .learn-more-link .learn-more:before {
content: "";
display: block;
position: absolute;
top: 0.6875rem;
bottom: 0;
left: 0;
right: 0;
background: #d9d9d9;
width: 100%;
height: 1px;
z-index: 2;
}
.node.view-mode-card_small .card-inner .learn-more-link .learn-more:after {
content: "";
display: block;
position: absolute;
top: 0.375rem;
bottom: 0;
left: auto;
right: 0;
z-index: 3;
width: 0;
height: 0;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 9px solid #d9d9d9;
}
.node.view-mode-card_small .card-inner .learn-more-link .learn-more span {
background: #ffffff;
z-index: 4;
padding: 0 0.4375rem;
}
.node.view-mode-card_medium {
width: 100%;
padding: 0.625rem 0.625rem 1.25rem 0.625rem;
height: auto;
background: #ffffff;
}
@media screen and (min-width:60em) {
.node.view-mode-card_medium {
visibility: hidden;
top: 0;
border: 1px solid #d9d9d9;
box-shadow: 0 8px 8px 0 rgba(0,0,0,0.15);
padding: 1.25rem;
}
}
@media screen and (min-width:60em) {
.node.view-mode-card_medium:hover,.node.view-mode-card_medium.on {
visibility: visible;
z-index: 5;
}
}
.node.view-mode-card_medium:hover .features .read-more-cta,.node.view-mode-card_medium.on .features .read-more-cta {
display: block;
}
@media screen and (min-width:60em) {
.node.view-mode-card_medium:hover .more-info,.node.view-mode-card_medium.on .more-info {
display: block;
}
}
.node.view-mode-card_medium:hover .node-title,.node.view-mode-card_medium.on .node-title {
color: #0080f8;
}
@media screen and (min-width:60em) {
.node.view-mode-card_medium:hover .node-title::after,.node.view-mode-card_medium.on .node-title::after {
content: "";
display: block;
width: 3.75rem;
height: 0.375rem;
margin-top: 1.5625rem;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
background: #ffd51f;
}
.node.view-mode-card_medium:hover .node-title::after,.node.view-mode-card_medium.on .node-title::after {
width: 2.5rem;
}
.node.view-mode-card_medium:hover .node-title::after,.node.view-mode-card_medium.on .node-title::after {
margin-left: 0;
margin-right: 0;
}
}
.node.view-mode-card_medium .field-name-field-main-media {
margin-bottom: 0.625rem;
}
@media screen and (max-width:59.9375em) {
.node.view-mode-card_medium .field-name-field-main-media {
position: relative;
width: 100%;
overflow: hidden;
}
}
@media screen and (min-width:60em) {
.node.view-mode-card_medium .field-name-field-main-media {
margin-bottom: 1.5625rem;
}
}
.node.view-mode-card_medium .field-name-field-main-media img {
width: 100%;
height: auto;
}
@media screen and (max-width:59.9375em) {
.node.view-mode-card_medium .field-name-field-main-media img {
position: absolute;
top: -15%;
left: 0;
bottom: 0;
right: 0;
}
}
.node.view-mode-card_medium .node-title {
color: #323231;
margin-bottom: 0;
padding-right: 60px;
}
@media screen and (min-width:60em) {
.node.view-mode-card_medium .node-title {
margin-bottom: 1.875rem;
padding-right: 0;
}
}
.node.view-mode-card_medium .more-info {
color: #323231;
position: relative;
display: none;
}
.node.view-mode-card_medium .more-info .read-more-cta {
bottom: 0;
}
.node.view-mode-card_medium .more-info p {
margin-bottom: 0;
font-size: 0.875rem;
line-height: 1.5rem;
}
.node.view-mode-card_medium .field-name-field-ingress {
padding-right: 3.125rem;
}
.node.view-mode-card_medium .features {
margin-top: 0.625rem;
margin-bottom: 0.625rem;
}
.node.view-mode-card_medium .features .read-more-cta {
display: none;
bottom: 5px;
}
.node.view-mode-card_medium .features .read-more-cta::before {
display: inline-block;
font-family: "iconfont" !important;
font-weight: normal;
content: "\e902";
pointer-events: none;
color: #ffffff;
padding-top: 0.5rem;
}
.node.view-mode-card_medium .features .field-name-field-liftup-features {
padding-right: 3.125rem;
margin-bottom: 0;
font-size: 0.875rem;
line-height: 1.25rem;
letter-spacing: 0.44px;
color: #323231;
}
.node.view-mode-card_medium .features .field-name-field-liftup-features .field-items .field-item {
margin-bottom: 0.25rem;
}
.node.view-mode-card_medium .features .field-name-field-liftup-features .field-items .field-item::before {
display: inline-block;
font-family: "iconfont" !important;
font-weight: normal;
content: "\e91e";
pointer-events: none;
color: #0080f8;
height: 1rem;
width: 1rem;
border-radius: 2px;
border: 1px solid #0080f8;
margin-right: 0.5rem;
position: relative;
text-align: center;
line-height: 0.875rem;
}
.node.view-mode-card_medium .read-more-cta {
width: 1.875rem;
height: 1.875rem;
background-color: #0080f8;
text-align: center;
}
.node.view-mode-card_medium .read-more-cta::before {
display: inline-block;
font-family: "iconfont" !important;
font-weight: normal;
content: "\e902";
pointer-events: none;
color: #ffffff;
padding-top: 0.1875rem;
}
.node.view-mode-liftup_small .liftup-container {
background-size: cover;
background-position: center;
position: relative;
width: 100%;
max-height: 13.75rem;
}
@media screen and (min-width:48em) {
.node.view-mode-liftup_small .liftup-container {
max-height: 8.75rem;
}
}
.node.view-mode-liftup_small .liftup-container:before {
display: block;
content: "";
width: 100%;
padding-top: 50%;
}
@media screen and (min-width:48em) {
.node.view-mode-liftup_small .liftup-container:before {
padding-top: 35%;
}
}
.node.view-mode-liftup_small .liftup-container:after {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
bottom: 0;
z-index: 1;
background-color: rgba(0,61,116,0.9);
}
.node.view-mode-liftup_small .liftup-container .liftup-content {
width: 100%;
height: 100%;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden;
z-index: 2;
padding: 1.25rem 1.0625rem;
}
.node.view-mode-liftup_small .liftup-container .liftup-content .node-title {
color: #ffffff;
text-align: center;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
@media screen and (min-width:48em) {
.node.view-mode-liftup_small .liftup-container .liftup-content .node-title {
padding: 0 40px;
}
}
.node.view-mode-liftup_small .liftup-container .liftup-content .read-more-button {
display: block;
width: 1.875rem;
height: 1.875rem;
background-color: #ffffff;
position: absolute;
right: 1.0625rem;
bottom: 1.25rem;
}
.node.view-mode-liftup_small .liftup-container .liftup-content .read-more-button i {
position: absolute;
left: 7px;
right: 0;
top: 7px;
bottom: 0;
}
body.campaignNodeYes {
background: #00172d;
}
.campaignNodeYes .campaign-blue {
background: linear-gradient(180deg,#0e2c56 0%,#001430 100%);
}
.campaignNodeYes .campaign-white {
background: #ffffff;
}
.campaignNodeYes .field-node--field-additional-information .accordion {
background-color: transparent;
}
.campaignNodeYes .field-node--field-additional-information .accordion .accordion-title h3 {
color: #ffffff;
}
.campaignNodeYes .field-node--field-additional-information .accordion .accordion-title:hover,.campaignNodeYes .field-node--field-additional-information .accordion .accordion-title:focus {
background-color: transparent;
}
.campaignNodeYes .field-node--field-additional-information .accordion .accordion-content {
background-color: transparent;
color: #ffffff;
}
.campaignNodeYes tbody {
background-color: transparent;
}
.campaignNodeYes tbody > tr:nth-child(even) {
background-color: transparent;
}
.campaignNodeYes .section-heading h2,.campaignNodeYes .section-heading h3,.campaignNodeYes .section-heading h4,.campaignNodeYes .section-heading p,.campaignNodeYes .section-heading li,.campaignNodeYes .section-content h2,.campaignNodeYes .section-content h3,.campaignNodeYes .section-content h4,.campaignNodeYes .section-content p,.campaignNodeYes .section-content li {
color: #ffffff;
}
.campaignNodeYes .paragraph--type--section .section-header .section-header-inner {
color: #ffffff;
}
.campaignNodeYes .inner {
padding: 20px;
}
.campaignNodeYes .inner .hero-link {
text-align: center;
bottom: 0;
left: 0;
margin-left: auto;
margin-right: auto;
width: 100%;
}
.campaignNodeYes .inner .hero-link a {
display: inline-block;
font-family: "Produkt","Roboto Slab",Arial,sans-serif;
color: #ffffff;
background: #0053a4;
border-radius: 0;
border: none;
padding: 0.6em 1.8em;
text-transform: uppercase;
cursor: pointer;
text-align: center;
-webkit-appearance: none;
transition: all 0.2s;
padding: 0.75rem 4.2em 0.75rem 1.8em;
font-size: 0.875rem;
min-width: 13.75rem;
position: relative;
line-height: 1rem;
text-align: center;
}
.campaignNodeYes .inner .hero-link a:hover {
background: #003d74;
color: #ffffff;
}
.campaignNodeYes .inner .hero-link a::after {
display: inline-block;
font-family: "iconfont" !important;
font-weight: normal;
content: "\e902";
pointer-events: none;
font-size: 1.25rem;
width: 2.5rem;
background: #0080f8;
position: absolute;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
top: 0;
right: 0;
bottom: 0;
}
body.path-node .field-name-field-simple-text-content h5,body.path-node .field-name-field-simple-text-content .l-footer .footer .block-footernavigation > ul.menu > li > a,.l-footer .footer body.path-node .field-name-field-simple-text-content .block-footernavigation > ul.menu > li > a,body.path-node .field-name-field-simple-text-content .l-footer .footer .block-footernavigation-ksrkran > ul.menu > li > a,.l-footer .footer body.path-node .field-name-field-simple-text-content .block-footernavigation-ksrkran > ul.menu > li > a,body.path-node .field-name-field-simple-text-content .l-footer .footer .block-footernavigation-vi > ul.menu > li > a,.l-footer .footer body.path-node .field-name-field-simple-text-content .block-footernavigation-vi > ul.menu > li > a {
margin-bottom: 0.8rem !important;
}
@media print,screen and (min-width:48em) {
.reveal,.reveal.tiny,.reveal.small,.reveal.large {
right: auto;
left: auto;
margin: 0 auto;
}
}
.js-form-type-checkbox label:not(.error),.js-form-type-radio label:not(.error) {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.media.media-document.view-mode-default .field-media--field-document-link,.media.media-document.view-mode-default .field-name-field-document,.media.media-document.view-mode-full .field-media--field-document-link,.media.media-document.view-mode-full .field-name-field-document,.media.media-document.view-mode-embedded .field-media--field-document-link,.media.media-document.view-mode-embedded .field-name-field-document {
font-size: 1rem;
line-height: 1.4375rem;
font-weight: bold;
}
.media.media-document.view-mode-default .field-media--field-document-link a,.media.media-document.view-mode-default .field-name-field-document a,.media.media-document.view-mode-full .field-media--field-document-link a,.media.media-document.view-mode-full .field-name-field-document a,.media.media-document.view-mode-embedded .field-media--field-document-link a,.media.media-document.view-mode-embedded .field-name-field-document a {
display: block;
position: relative;
padding-left: 32px;
}
.media.media-document.view-mode-default .field-media--field-document-link a::before,.media.media-document.view-mode-default .field-name-field-document a::before,.media.media-document.view-mode-full .field-media--field-document-link a::before,.media.media-document.view-mode-full .field-name-field-document a::before,.media.media-document.view-mode-embedded .field-media--field-document-link a::before,.media.media-document.view-mode-embedded .field-name-field-document a::before {
display: inline-block;
font-family: "iconfont" !important;
font-weight: normal;
content: "\e908";
pointer-events: none;
vertical-align: middle;
}
.media.media-document.view-mode-default .field-media--field-document-link a:before,.media.media-document.view-mode-default .field-name-field-document a:before,.media.media-document.view-mode-full .field-media--field-document-link a:before,.media.media-document.view-mode-full .field-name-field-document a:before,.media.media-document.view-mode-embedded .field-media--field-document-link a:before,.media.media-document.view-mode-embedded .field-name-field-document a:before {
font-size: 1.4375rem;
font-weight: normal;
color: #0080f8;
margin-right: 0.625rem;
position: absolute;
top: -0.1875rem;
left: 0;
}
.media.media-document.view-mode-list-item {
padding: 0.9375rem 0;
}
.media.media-document.view-mode-list-item .field-name-field-document,.media.media-document.view-mode-list-item .field-name-field-document-link {
font-family: "Produkt","Roboto Slab",Arial,sans-serif;
font-size: 1.125rem;
line-height: 1.5rem;
font-weight: 600;
}
.media.media-document.view-mode-list-item .field-name-field-document a,.media.media-document.view-mode-list-item .field-name-field-document-link a {
color: #333333;
width: 100%;
display: block;
position: relative;
padding-right: 1.875rem;
}
.media.media-document.view-mode-list-item .field-name-field-document a::after,.media.media-document.view-mode-list-item .field-name-field-document-link a::after {
display: inline-block;
font-family: "iconfont" !important;
font-weight: normal;
content: "\e908";
pointer-events: none;
vertical-align: middle;
font-size: 1.4375rem;
font-weight: normal;
color: #0080f8;
position: absolute;
top: 0;
right: 0;
}
.media.media-document.view-mode-list-item .field-name-field-document-date {
font-size: 0.875rem;
line-height: 1.25rem;
color: #676f77;
margin-bottom: 0.5rem;
}
.media.view-mode-gallery .field-name-field-image {
background-color: #ffffff;
padding: 0.3125rem;
}
.media.view-mode-gallery .field-media--name {
font-size: 0.875rem;
line-height: 1.5rem;
padding: 1rem 0;
color: #323231;
}
.media.view-mode-gallery-slide .field-name-field-image {
border: 1px solid rgba(255,255,255,0.3);
}
.media.view-mode-gallery-slide .field-name-field-image > .field-items {
margin: 0 auto;
}
.media.view-mode-gallery-slide .gallery-slide-caption {
color: #ffffff;
padding-top: 0.9375rem;
}
.media.view-mode-gallery-slide .gallery-slide-caption .media-title h4 {
margin-bottom: 0.625rem;
color: #ffffff;
}
.media.view-mode-gallery-slide .gallery-slide-caption .field-name-field-media-description {
color: #ffffff;
font-size: 0.875rem;
line-height: 1.5rem;
}
.media.view-mode-gallery-slide .gallery-slide-caption .field-name-field-media-description p:last-child {
margin-bottom: 0;
}
.media.media-image.view-mode-hero-medium .hero-container {
background-size: cover;
background-position: center;
position: relative;
width: 100%;
overflow: hidden;
max-height: 14.6875rem;
}
@media screen and (min-width:48em) {
.media.media-image.view-mode-hero-medium .hero-container {
max-height: 27.5rem;
}
}
.media.media-image.view-mode-hero-medium .hero-container:before {
display: block;
content: "";
width: 100%;
padding-top: 60%;
}
@media screen and (min-width:48em) {
.media.media-image.view-mode-hero-medium .hero-container:before {
padding-top: 30.55%;
}
}
.embedded-entity {
margin-bottom: 1.875rem;
}
.embedded-entity.caption > figcaption {
background-color: #f6f6f6;
font-size: 0.875rem;
line-height: 1.5rem;
color: #676f77;
padding: 0.9375rem 1.375rem;
}
.embedded-entity.caption.align-right > figcaption,.embedded-entity.caption.align-left > figcaption {
padding: 1.5625rem;
}
.embedded-entity.align-left:not(.in-figure),.embedded-entity.align-right:not(.in-figure) {
max-width: 60%;
}
.embedded-entity.align-right {
float: none;
margin-left: auto;
margin-right: auto;
}
@media screen and (min-width:48em) {
.embedded-entity.align-right {
float: right;
margin-left: 1.875rem;
}
}
@media screen and (min-width:60em) {
.embedded-entity.align-right {
margin-right: -3.125rem;
margin-left: 1.875rem;
}
}
@media screen and (min-width:75em) {
.embedded-entity.align-right {
margin-right: -11.875rem;
margin-left: 3.125rem;
}
}
.embedded-entity.align-left {
float: none;
margin-left: auto;
margin-right: auto;
}
@media screen and (min-width:48em) {
.embedded-entity.align-left {
float: left;
margin-right: 1.875rem;
}
}
@media screen and (min-width:60em) {
.embedded-entity.align-left {
margin-right: 1.875rem;
margin-left: -3.125rem;
}
}
@media screen and (min-width:75em) {
.embedded-entity.align-left {
margin-right: 3.125rem;
margin-left: -11.875rem;
}
}
.embedded-entity.align-center .field-name-field-image img {
display: block;
margin-left: auto;
margin-right: auto;
}
figure.caption.caption-drupal-entity {
margin-bottom: 0.5rem;
}
figure.caption.caption-drupal-entity.align-left,figure.caption.caption-drupal-entity.align-right {
display: inline-block;
width: 50%;
}
@media screen and (max-width:59.9375em) {
figure.caption.caption-drupal-entity.align-left,figure.caption.caption-drupal-entity.align-right {
width: 100%;
display: block;
}
}
figure.caption.caption-drupal-entity.align-left div.align-left.embedded-entity,figure.caption.caption-drupal-entity.align-left div.align-right.embedded-entity,figure.caption.caption-drupal-entity.align-right div.align-left.embedded-entity,figure.caption.caption-drupal-entity.align-right div.align-right.embedded-entity {
width: 100%;
}
figure.caption.caption-drupal-entity.align-left div.align-left.embedded-entity img,figure.caption.caption-drupal-entity.align-left div.align-right.embedded-entity img,figure.caption.caption-drupal-entity.align-right div.align-left.embedded-entity img,figure.caption.caption-drupal-entity.align-right div.align-right.embedded-entity img {
width: 100%;
}
figure.caption.caption-drupal-entity.align-left figcaption,figure.caption.caption-drupal-entity.align-right figcaption {
display: block;
max-width: 100%;
width: 100%;
float: none;
margin-left: auto;
margin-right: auto;
}
@media screen and (min-width:75em) {
figure.caption.caption-drupal-entity.align-left {
margin-right: -8.75rem;
}
}
@media screen and (min-width:48em) {
figure.caption.caption-drupal-entity.align-left figcaption {
float: left;
margin-right: 1.875rem;
margin: -20px 30px 20px 0px;
}
}
@media screen and (min-width:60em) {
figure.caption.caption-drupal-entity.align-left figcaption {
margin-right: 1.875rem;
margin-left: -3.125rem;
}
}
@media screen and (min-width:75em) {
figure.caption.caption-drupal-entity.align-left figcaption {
margin-right: 3.125rem;
margin-left: -11.875rem;
}
}
@media screen and (min-width:75em) {
figure.caption.caption-drupal-entity.align-right {
margin-left: -8.75rem;
}
}
@media screen and (min-width:48em) {
figure.caption.caption-drupal-entity.align-right figcaption {
float: right;
margin-left: 1.875rem;
margin: -20px 0 20px 30px;
}
}
@media screen and (min-width:60em) {
figure.caption.caption-drupal-entity.align-right figcaption {
margin-right: -3.125rem;
margin-left: 1.875rem;
}
}
@media screen and (min-width:75em) {
figure.caption.caption-drupal-entity.align-right figcaption {
margin-right: -11.875rem;
margin-left: 3.125rem;
}
}
.view-attachments .field-media--field-document-link.field-name-field-document-link.field-type-link .field-item,.field-media--field-document.field-name-field-document.field-type-file .field-item,.paragraph--type--downloads .paragraph-content .field-name-field-documents .field-item {
font-family: "Produkt","Roboto Slab",Arial,sans-serif;
font-size: 1.125rem;
line-height: 1.5rem;
font-weight: 600;
}
.view-attachments .field-media--field-document-link.field-name-field-document-link.field-type-link .field-item span.file--application-pdf,.field-media--field-document.field-name-field-document.field-type-file .field-item span.file--application-pdf,.paragraph--type--downloads .paragraph-content .field-name-field-documents .field-item span.file--application-pdf {
width: 100%;
background: none;
padding-left: 0;
border-bottom: 1px solid #d9d9d9;
padding-bottom: 10px;
margin-bottom: 25px;
}
.view-attachments .field-media--field-document-link.field-name-field-document-link.field-type-link .field-item a,.field-media--field-document.field-name-field-document.field-type-file .field-item a,.paragraph--type--downloads .paragraph-content .field-name-field-documents .field-item a {
color: #333333;
width: 100%;
display: block;
position: relative;
padding-right: 1.875rem;
text-align: left;
}
.view-attachments .field-media--field-document-link.field-name-field-document-link.field-type-link .field-item a::after,.field-media--field-document.field-name-field-document.field-type-file .field-item a::after,.paragraph--type--downloads .paragraph-content .field-name-field-documents .field-item a::after {
display: inline-block;
font-family: "iconfont" !important;
font-weight: normal;
content: "\e908";
pointer-events: none;
vertical-align: middle;
font-size: 1.4375rem;
font-weight: normal;
color: #0080f8;
position: absolute;
top: 0;
right: 0;
}
.field-name-field-document-date time {
font-size: 0.875rem;
line-height: 1.25rem;
color: #676f77;
margin-bottom: 0.5rem;
}
@media print,screen and (min-width:48em) {
.reveal,.reveal.tiny,.reveal.small,.reveal.large {
right: auto;
left: auto;
margin: 0 auto;
}
}
.js-form-type-checkbox label:not(.error),.js-form-type-radio label:not(.error) {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.paragraph.paragraph--type--video .field-name-field-video-description {
margin-top: 1.5625rem;
font-size: 0.875rem;
line-height: 1.5rem;
padding: 0 0.4375rem;
}
@media screen and (min-width:60em) {
.paragraph.paragraph--type--video .field-name-field-video-description {
padding: 0;
}
}
.paragraph.paragraph--type--video .field-name-field-video-description p:last-child {
margin-bottom: 0;
}
.paragraph.paragraph--type--accordion {
padding: 35px 15px 0 15px;
}
@media screen and (min-width:48em) {
.paragraph.paragraph--type--accordion {
padding: 40px 20px 0 20px;
}
}
@media screen and (min-width:60em) {
.paragraph.paragraph--type--accordion {
padding: 40px 0 0 0;
max-width: 800px;
margin: 0 auto;
}
}
.paragraph.paragraph--type--card-stack {
overflow: hidden;
margin: 40px 0;
}
@media screen and (min-width:48em) {
.paragraph.paragraph--type--card-stack {
margin: 60px 0;
}
}
@media screen and (min-width:90em) {
.paragraph.paragraph--type--card-stack {
margin: 120px 0;
}
}
.paragraph.paragraph--type--card-stack .field-paragraph--field-cards {
margin: 0 -15px;
}
@media screen and (min-width:60em) {
.paragraph.paragraph--type--card-stack .field-paragraph--field-cards {
margin: 0 -20px;
}
}
.paragraph.paragraph--type--card-stack .field-paragraph--field-cards .field-item {
width: 100%;
float: left;
padding-right: 0.46875rem;
padding-left: 0.46875rem;
padding: 7.5px;
}
@media screen and (min-width:75em) {
.paragraph.paragraph--type--card-stack .field-paragraph--field-cards .field-item {
padding-right: 1.25rem;
padding-left: 1.25rem;
}
}
@media screen and (min-width:48em) {
.paragraph.paragraph--type--card-stack .field-paragraph--field-cards .field-item {
padding: 10px;
}
}
@media screen and (min-width:60em) {
.paragraph.paragraph--type--card-stack .field-paragraph--field-cards .field-item {
width: 66.6666666667%;
padding: 1.1646875rem;
}
.paragraph.paragraph--type--card-stack .field-paragraph--field-cards .field-item:nth-of-type(4n+2),.paragraph.paragraph--type--card-stack .field-paragraph--field-cards .field-item:nth-of-type(4n+3) {
width: 33.3333333333%;
}
}
.paragraph.paragraph--type--downloads {
margin-bottom: 1.5625rem;
overflow: hidden;
}
.paragraph.paragraph--type--downloads .field-name-field-documents .media-document {
border-bottom: 1px solid #d9d9d9;
margin-bottom: 0.8125rem;
}
.paragraph.paragraph--type--block {
margin: 20px 0;
}
@media screen and (min-width:48em) {
.paragraph.paragraph--type--block {
margin: 40px 0;
}
}
@media screen and (min-width:90em) {
.paragraph.paragraph--type--block {
margin: 80px 0;
}
}
.paragraph.paragraph--type--column .paragraph--type--block {
margin: 0;
}
.paragraph.paragraph--type--attachments {
max-width: 800px;
margin: 0 auto;
padding: 0 15px;
}
@media screen and (min-width:48em) {
.paragraph.paragraph--type--attachments {
padding: 0 20px;
}
}
.card-link-wrapper {
line-height: 0;
color: inherit;
}
.products-az {
padding-top: 2.1875rem;
}
.section-padding {
padding: 1.25rem 0;
}
@media screen and (min-width:60em) {
.section-padding {
padding: 2.5rem 0;
}
}
.paragraph--type--events {
margin-top: 30px;
}
@media screen and (min-width:60em) {
.paragraph--type--events {
margin-top: 40px;
}
}
.paragraph--type--events .field-name-field-event > .field-items {
overflow: hidden;
}
.paragraph--type--events .field-name-field-event > .field-items > .field-item {
margin-bottom: 1.25rem;
}
@media screen and (min-width:41.25em) {
.paragraph--type--events .field-name-field-event > .field-items > .field-item {
margin-bottom: 2.3125rem;
width: 50%;
float: left;
padding-right: 0.46875rem;
padding-left: 0.46875rem;
}
}
@media screen and (min-width:41.25em) and (min-width:75em) {
.paragraph--type--events .field-name-field-event > .field-items > .field-item {
padding-right: 1.25rem;
padding-left: 1.25rem;
}
}
body:not(.user-logged-in) .paragraph .paragraph--unpublished {
display: none;
}
body.user-logged-in .paragraph .paragraph--unpublished {
background: repeating-linear-gradient(45deg,rgba(230,51,18,0.25),rgba(230,51,18,0.25) 4px,transparent 4px,transparent 12px);
}
@media print,screen and (min-width:48em) {
.reveal,.reveal.tiny,.reveal.small,.reveal.large {
right: auto;
left: auto;
margin: 0 auto;
}
}
.js-form-type-checkbox label:not(.error),.js-form-type-radio label:not(.error) {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#view-category-products,#call-to-action {
padding-top: 80px;
margin-top: -80px;
}
.user-logged-in #view-category-products,.user-logged-in #call-to-action {
padding-top: 150px;
margin-top: -150px;
}
@media print,screen and (min-width:48em) {
.reveal,.reveal.tiny,.reveal.small,.reveal.large {
right: auto;
left: auto;
margin: 0 auto;
}
}
.js-form-type-checkbox label:not(.error),.js-form-type-radio label:not(.error) {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.view-mode-card_medium,.view-mode-card_blog {
width: 100%;
padding: 0.625rem 0.625rem 1.25rem 0.625rem;
height: auto;
background: #ffffff;
}
@media screen and (min-width:60em) {
.view-mode-card_medium,.view-mode-card_blog {
visibility: hidden;
top: 0;
border: 1px solid #d9d9d9;
box-shadow: 0 8px 8px 0 rgba(0,0,0,0.15);
padding: 1.25rem;
}
}
@media screen and (min-width:60em) {
.view-mode-card_medium:hover,.view-mode-card_medium.on,.view-mode-card_blog:hover,.view-mode-card_blog.on {
visibility: visible;
z-index: 5;
}
}
.view-mode-card_medium:hover .features .read-more-cta,.view-mode-card_medium.on .features .read-more-cta,.view-mode-card_blog:hover .features .read-more-cta,.view-mode-card_blog.on .features .read-more-cta {
display: block;
}
@media screen and (min-width:60em) {
.view-mode-card_medium:hover .more-info,.view-mode-card_medium.on .more-info,.view-mode-card_blog:hover .more-info,.view-mode-card_blog.on .more-info {
display: block;
}
}
.view-mode-card_medium:hover .node-title,.view-mode-card_medium.on .node-title,.view-mode-card_blog:hover .node-title,.view-mode-card_blog.on .node-title {
color: #0080f8;
}
@media screen and (min-width:60em) {
.view-mode-card_medium:hover .node-title::after,.view-mode-card_medium.on .node-title::after,.view-mode-card_blog:hover .node-title::after,.view-mode-card_blog.on .node-title::after {
content: "";
display: block;
width: 3.75rem;
height: 0.375rem;
margin-top: 1.5625rem;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
background: #ffd51f;
}
.view-mode-card_medium:hover .node-title::after,.view-mode-card_medium.on .node-title::after,.view-mode-card_blog:hover .node-title::after,.view-mode-card_blog.on .node-title::after {
width: 2.5rem;
}
.view-mode-card_medium:hover .node-title::after,.view-mode-card_medium.on .node-title::after,.view-mode-card_blog:hover .node-title::after,.view-mode-card_blog.on .node-title::after {
margin-left: 0;
margin-right: 0;
}
}
.view-mode-card_medium:hover .read-more-cta,.view-mode-card_medium.on .read-more-cta,.view-mode-card_blog:hover .read-more-cta,.view-mode-card_blog.on .read-more-cta {
display: inline-block;
}
.view-mode-card_medium .card-link,.view-mode-card_blog .card-link {
display: -ms-flexbox;
display: flex;
visibility: visible;
position: relative;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-ms-flex-pack: justify;
justify-content: space-between;
}
.view-mode-card_medium .field-name-field-image,.view-mode-card_blog .field-name-field-image {
margin-bottom: 0.625rem;
}
@media screen and (max-width:59.9375em) {
.view-mode-card_medium .field-name-field-image,.view-mode-card_blog .field-name-field-image {
position: relative;
width: 100%;
padding-top: 50%;
overflow: hidden;
}
}
@media screen and (min-width:60em) {
.view-mode-card_medium .field-name-field-image,.view-mode-card_blog .field-name-field-image {
margin-bottom: 1.5625rem;
}
}
.view-mode-card_medium .field-name-field-image img,.view-mode-card_blog .field-name-field-image img {
width: 100%;
height: auto;
}
@media screen and (max-width:59.9375em) {
.view-mode-card_medium .field-name-field-image img,.view-mode-card_blog .field-name-field-image img {
position: absolute;
top: -15%;
left: 0;
bottom: 0;
right: 0;
}
}
.view-mode-card_medium .node-title,.view-mode-card_blog .node-title {
color: #323231;
margin-bottom: 0;
width: calc(100% - 40px);
}
@media screen and (min-width:60em) {
.view-mode-card_medium .node-title,.view-mode-card_blog .node-title {
margin-bottom: 1.875rem;
}
}
.view-mode-card_medium .more-info,.view-mode-card_blog .more-info {
color: #323231;
position: relative;
display: none;
}
.view-mode-card_medium .more-info .read-more-cta,.view-mode-card_blog .more-info .read-more-cta {
bottom: 0;
}
.view-mode-card_medium .more-info p,.view-mode-card_blog .more-info p {
margin-bottom: 0;
font-size: 0.875rem;
line-height: 1.5rem;
}
.view-mode-card_medium .field-name-field-ingress,.view-mode-card_blog .field-name-field-ingress {
padding-right: 3.125rem;
}
.view-mode-card_medium .features,.view-mode-card_blog .features {
margin-top: 0.625rem;
margin-bottom: 0.625rem;
position: relative;
}
.view-mode-card_medium .features .read-more-cta,.view-mode-card_blog .features .read-more-cta {
display: none;
bottom: 5px;
}
.view-mode-card_medium .features .read-more-cta::before,.view-mode-card_blog .features .read-more-cta::before {
display: inline-block;
font-family: "iconfont" !important;
font-weight: normal;
content: "\e902";
pointer-events: none;
color: #ffffff;
padding-top: 0.1875rem;
}
.view-mode-card_medium .features .field-name-field-liftup-features,.view-mode-card_blog .features .field-name-field-liftup-features {
padding-right: 3.125rem;
margin-bottom: 0;
font-size: 0.875rem;
line-height: 1.25rem;
letter-spacing: 0.44px;
color: #323231;
}
.view-mode-card_medium .features .field-name-field-liftup-features .field-items .field-item,.view-mode-card_blog .features .field-name-field-liftup-features .field-items .field-item {
margin-bottom: 0.25rem;
}
.view-mode-card_medium .features .field-name-field-liftup-features .field-items .field-item::before,.view-mode-card_blog .features .field-name-field-liftup-features .field-items .field-item::before {
display: inline-block;
font-family: "iconfont" !important;
font-weight: normal;
content: "\e91e";
pointer-events: none;
color: #0080f8;
height: 1rem;
width: 1rem;
border-radius: 2px;
border: 1px solid #0080f8;
margin-right: 0.5rem;
position: relative;
text-align: center;
line-height: 0.875rem;
}
.view-mode-card_medium .read-more-cta,.view-mode-card_blog .read-more-cta {
width: 1.875rem;
height: 1.875rem;
background-color: #0080f8;
text-align: center;
display: none;
}
.view-mode-card_medium .read-more-cta::before,.view-mode-card_blog .read-more-cta::before {
display: inline-block;
font-family: "iconfont" !important;
font-weight: normal;
content: "\e902";
pointer-events: none;
color: #ffffff;
padding-top: 0.1875rem;
}
@media screen and (min-width:48em) {
.view-products-a-z .view-content {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 0.9375rem;
-moz-column-gap: 0.9375rem;
column-gap: 0.9375rem;
}
}
@media screen and (min-width:75em) {
.view-products-a-z .view-content {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
-webkit-column-gap: 2.5rem;
-moz-column-gap: 2.5rem;
column-gap: 2.5rem;
}
}
.view-products-a-z .group {
overflow: hidden;
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
break-inside: avoid-column;
margin-bottom: 1.875rem;
}
.view-products-a-z .group .group-heading {
border-bottom: 1px solid #ffffff;
margin-bottom: 1.875rem;
}
.view-products-a-z .group .group-heading h3 {
font-size: 1.5rem;
line-height: 1.875rem;
color: #163C71;
padding: 0.375rem 0.6875rem 0.1875rem 0.6875rem;
margin-left: 1.6875rem;
display: inline-block;
vertical-align: top;
background: #ffffff;
margin-bottom: 0;
}
.view-products-a-z .group .group-content {
margin: 0;
list-style: none;
}
.view-products-a-z .group .group-content li {
line-height: 1.375rem;
margin-bottom: 0.625rem;
}
.view-products-a-z .group .group-content li a {
color: #ffffff;
}
.alt-products-list .view-products-a-z .view-content .group .group-heading {
border-bottom: 1px solid #d9d9d9;
}
.alt-products-list .view-products-a-z .view-content .group .group-heading h3 {
color: #ffffff;
background: #0053a4;
}
.alt-products-list .view-products-a-z .view-content .group .group-content li a {
color: #333333;
}
.view-liftups.view-display-id-top_level_services .view-content > .views-row,.view-liftups.view-display-id-top_level_industries .view-content > .views-row {
float: left;
width: 100%;
}
.view-liftups.view-display-id-top_level_services .view-content > .views-row:nth-of-type(1n),.view-liftups.view-display-id-top_level_industries .view-content > .views-row:nth-of-type(1n) {
clear: none;
}
.view-liftups.view-display-id-top_level_services .view-content > .views-row:nth-of-type(1n+1),.view-liftups.view-display-id-top_level_industries .view-content > .views-row:nth-of-type(1n+1) {
clear: both;
}
.view-liftups.view-display-id-top_level_services .view-content > .views-row:last-child,.view-liftups.view-display-id-top_level_industries .view-content > .views-row:last-child {
float: left;
}
@media screen and (min-width:60em) {
.view-liftups.view-display-id-top_level_services .view-content,.view-liftups.view-display-id-top_level_industries .view-content {
margin-bottom: 2.5rem;
}
.view-liftups.view-display-id-top_level_services .view-content > .views-row,.view-liftups.view-display-id-top_level_industries .view-content > .views-row {
float: left;
width: 33.3333333333%;
}
.view-liftups.view-display-id-top_level_services .view-content > .views-row:nth-of-type(1n),.view-liftups.view-display-id-top_level_industries .view-content > .views-row:nth-of-type(1n) {
clear: none;
}
.view-liftups.view-display-id-top_level_services .view-content > .views-row:nth-of-type(3n+1),.view-liftups.view-display-id-top_level_industries .view-content > .views-row:nth-of-type(3n+1) {
clear: both;
}
.view-liftups.view-display-id-top_level_services .view-content > .views-row:last-child,.view-liftups.view-display-id-top_level_industries .view-content > .views-row:last-child {
float: left;
}
.view-liftups.view-display-id-top_level_services .view-content .views-row,.view-liftups.view-display-id-top_level_industries .view-content .views-row {
position: relative;
display: inline-block;
}
.view-liftups.view-display-id-top_level_services .view-content .views-row .node.view-mode-card_medium,.view-liftups.view-display-id-top_level_industries .view-content .views-row .node.view-mode-card_medium {
top: -2.5rem;
}
}
@media print,screen and (min-width:48em) {
.reveal,.reveal.tiny,.reveal.small,.reveal.large {
right: auto;
left: auto;
margin: 0 auto;
}
}
.js-form-type-checkbox label:not(.error),.js-form-type-radio label:not(.error) {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#colorbox,#cboxOverlay {
z-index: 9999;
}
#cboxOverlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#cboxMiddleLeft,#cboxBottomLeft {
clear: left;
}
#cboxLoadedContent {
overflow: auto;
-webkit-overflow-scrolling: touch;
}
#cboxTitle {
margin: 0;
}
#cboxLoadingOverlay,#cboxLoadingGraphic {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow {
border: 0;
padding: 0;
margin: 0;
overflow: visible;
width: auto;
background: none;
cursor: pointer;
}
#cboxPrevious:active,#cboxNext:active,#cboxClose:active,#cboxSlideshow:active {
outline: 0;
}
.cboxPhoto {
border: 0;
display: block;
max-width: none;
}
.cboxIframe {
width: 100%;
height: 100%;
display: block;
border: 0;
}
#colorbox,#cboxContent,#cboxLoadedContent {
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
#cboxOverlay {
background-color: #003d74;
}
#colorbox {
outline: 0;
min-width: 100%;
left: 0 !important;
}
#cboxWrapper {
width: 100% !important;
max-width: 1280px;
margin: 0 auto;
position: relative;
z-index: 9999;
border: 1px solid rgba(255,255,255,0.3);
}
#cboxError {
padding: 50px;
border: 1px solid #ccc;
}
#cboxLoadedContent {
margin: 0 auto;
}
#cboxTitle {
position: absolute;
bottom: -48px;
left: 0;
color: #ffffff;
width: 100%;
padding: 4px 6px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
z-index: 9999;
font-family: "Produkt","Roboto Slab",Arial,sans-serif;
}
#cboxCurrent {
position: absolute;
bottom: -40px;
left: 60px;
color: #949494;
}
.cboxSlideshow_on #cboxSlideshow {
position: absolute;
bottom: 0px;
right: 30px;
background: url(/themes/custom/demagcranes/css/images/controls.png) no-repeat -75px -50px;
width: 25px;
height: 25px;
text-indent: -9999px;
}
.cboxSlideshow_on #cboxSlideshow:hover {
background-position: -101px -50px;
}
.cboxSlideshow_off #cboxSlideshow {
position: absolute;
bottom: 0px;
right: 30px;
background: url(/themes/custom/demagcranes/css/images/controls.png) no-repeat -25px -50px;
width: 25px;
height: 25px;
text-indent: -9999px;
}
.cboxSlideshow_off #cboxSlideshow:hover {
background-position: -49px -50px;
}
#cboxPrevious,#cboxNext {
position: absolute;
top: 360px;
background: #0080f8;
outline: none;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
text-indent: -9999px;
z-index: 10000;
box-shadow: 2px 2px 8px rgba(0,0,0,0.5);
}
#cboxPrevious::after,#cboxNext::after {
display: inline-block;
font-family: "iconfont" !important;
font-weight: normal;
content: "\e902";
pointer-events: none;
font-size: 1.25rem;
float: left;
color: #ffffff;
width: 40px;
height: 50px;
line-height: 50px;
text-align: center;
text-indent: 0;
}
#cboxPrevious {
left: -20px;
}
#cboxPrevious:after {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
#cboxPrevious:hover,#cboxNext:hover {
background: #003d74;
}
#cboxNext {
right: -20px;
}
#cboxLoadingOverlay {
background: #fff;
}
#cboxLoadingGraphic {
background: url(/themes/custom/demagcranes/css/images/loading_animation.gif) no-repeat center center;
}
#cboxClose {
position: absolute;
top: 0;
right: 0;
}
#cboxClose:hover {
background-position: -25px -25px;
}
@media print,screen and (min-width:48em) {
.reveal,.reveal.tiny,.reveal.small,.reveal.large {
right: auto;
left: auto;
margin: 0 auto;
}
}
.js-form-type-checkbox label:not(.error),.js-form-type-radio label:not(.error) {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#block-subscribeblock,.paragraph--type--newsletter-subscription {
max-width: 82.5rem;
margin-right: auto;
margin-left: auto;
}
#block-subscribeblock::before,#block-subscribeblock::after,.paragraph--type--newsletter-subscription::before,.paragraph--type--newsletter-subscription::after {
display: table;
content: " ";
}
#block-subscribeblock::after,.paragraph--type--newsletter-subscription::after {
clear: both;
}
#block-subscribeblock .paragraph-wrapper,.paragraph--type--newsletter-subscription .paragraph-wrapper {
width: 100%;
float: left;
padding-right: 0.46875rem;
padding-left: 0.46875rem;
}
@media screen and (min-width:75em) {
#block-subscribeblock .paragraph-wrapper,.paragraph--type--newsletter-subscription .paragraph-wrapper {
padding-right: 1.25rem;
padding-left: 1.25rem;
}
}
#block-subscribeblock .paragraph-wrapper .paragraph-content,.paragraph--type--newsletter-subscription .paragraph-wrapper .paragraph-content {
max-width: 82.5rem;
margin-right: auto;
margin-left: auto;
width: 100%;
float: left;
padding-right: 0.46875rem;
padding-left: 0.46875rem;
background: linear-gradient(180deg,#0053A4 0%,#003D74 100%);
padding: 2.1875rem;
}
#block-subscribeblock .paragraph-wrapper .paragraph-content::before,#block-subscribeblock .paragraph-wrapper .paragraph-content::after,.paragraph--type--newsletter-subscription .paragraph-wrapper .paragraph-content::before,.paragraph--type--newsletter-subscription .paragraph-wrapper .paragraph-content::after {
display: table;
content: " ";
}
#block-subscribeblock .paragraph-wrapper .paragraph-content::after,.paragraph--type--newsletter-subscription .paragraph-wrapper .paragraph-content::after {
clear: both;
}
@media screen and (min-width:75em) {
#block-subscribeblock .paragraph-wrapper .paragraph-content,.paragraph--type--newsletter-subscription .paragraph-wrapper .paragraph-content {
padding-right: 1.25rem;
padding-left: 1.25rem;
}
}
#block-subscribeblock .paragraph-wrapper .paragraph-content,#block-subscribeblock .paragraph-wrapper .paragraph-content:last-child,.paragraph--type--newsletter-subscription .paragraph-wrapper .paragraph-content,.paragraph--type--newsletter-subscription .paragraph-wrapper .paragraph-content:last-child {
float: none;
}
#block-subscribeblock h2,.paragraph--type--newsletter-subscription h2 {
color: #ffffff;
text-align: center;
margin-bottom: 0;
}
#block-subscribeblock .description,#block-subscribeblock .field-name-field-subcribe-description,.paragraph--type--newsletter-subscription .description,.paragraph--type--newsletter-subscription .field-name-field-subcribe-description {
color: #ffffff;
text-align: center;
margin: 1.625rem 0 1.875rem;
max-width: 621.35px;
margin-right: auto;
margin-left: auto;
}
#block-subscribeblock .description::before,#block-subscribeblock .description::after,#block-subscribeblock .field-name-field-subcribe-description::before,#block-subscribeblock .field-name-field-subcribe-description::after,.paragraph--type--newsletter-subscription .description::before,.paragraph--type--newsletter-subscription .description::after,.paragraph--type--newsletter-subscription .field-name-field-subcribe-description::before,.paragraph--type--newsletter-subscription .field-name-field-subcribe-description::after {
display: table;
content: " ";
}
#block-subscribeblock .description::after,#block-subscribeblock .field-name-field-subcribe-description::after,.paragraph--type--newsletter-subscription .description::after,.paragraph--type--newsletter-subscription .field-name-field-subcribe-description::after {
clear: both;
}
#block-subscribeblock .description .row-constrained-content,#block-subscribeblock .field-name-field-subcribe-description .row-constrained-content,.paragraph--type--newsletter-subscription .description .row-constrained-content,.paragraph--type--newsletter-subscription .field-name-field-subcribe-description .row-constrained-content {
width: 100%;
float: left;
padding-right: 0.46875rem;
padding-left: 0.46875rem;
}
@media screen and (min-width:75em) {
#block-subscribeblock .description .row-constrained-content,#block-subscribeblock .field-name-field-subcribe-description .row-constrained-content,.paragraph--type--newsletter-subscription .description .row-constrained-content,.paragraph--type--newsletter-subscription .field-name-field-subcribe-description .row-constrained-content {
padding-right: 1.25rem;
padding-left: 1.25rem;
}
}
#block-subscribeblock .field-name-field-subcribe-link,.paragraph--type--newsletter-subscription .field-name-field-subcribe-link {
margin-top: -1.25rem;
}
#block-subscribeblock .field-name-field-subcribe-link .field-item,.paragraph--type--newsletter-subscription .field-name-field-subcribe-link .field-item {
text-align: center;
}
@media screen and (min-width:48em) {
#block-subscribeblock .field-name-field-subcribe-link .field-item,.paragraph--type--newsletter-subscription .field-name-field-subcribe-link .field-item {
margin: 0 auto;
max-width: 292.04px;
margin-right: auto;
margin-left: auto;
}
#block-subscribeblock .field-name-field-subcribe-link .field-item::before,#block-subscribeblock .field-name-field-subcribe-link .field-item::after,.paragraph--type--newsletter-subscription .field-name-field-subcribe-link .field-item::before,.paragraph--type--newsletter-subscription .field-name-field-subcribe-link .field-item::after {
display: table;
content: " ";
}
#block-subscribeblock .field-name-field-subcribe-link .field-item::after,.paragraph--type--newsletter-subscription .field-name-field-subcribe-link .field-item::after {
clear: both;
}
#block-subscribeblock .field-name-field-subcribe-link .field-item .row-constrained-content,.paragraph--type--newsletter-subscription .field-name-field-subcribe-link .field-item .row-constrained-content {
width: 100%;
float: left;
padding-right: 0.46875rem;
padding-left: 0.46875rem;
}
}
@media screen and (min-width:48em) and (min-width:75em) {
#block-subscribeblock .field-name-field-subcribe-link .field-item .row-constrained-content,.paragraph--type--newsletter-subscription .field-name-field-subcribe-link .field-item .row-constrained-content {
padding-right: 1.25rem;
padding-left: 1.25rem;
}
}
#block-subscribeblock .field-name-field-subcribe-link .field-item a,.paragraph--type--newsletter-subscription .field-name-field-subcribe-link .field-item a {
display: inline-block;
font-family: "Produkt","Roboto Slab",Arial,sans-serif;
color: #ffffff;
background: #0053a4;
border-radius: 0;
border: none;
padding: 0.6em 1.8em;
text-transform: uppercase;
cursor: pointer;
text-align: center;
-webkit-appearance: none;
transition: all 0.2s;
padding: 0.75rem 4.2em 0.75rem 1.8em;
font-size: 0.875rem;
min-width: 13.75rem;
position: relative;
line-height: 1rem;
text-align: center;
margin-right: 0;
margin-top: 0;
}
#block-subscribeblock .field-name-field-subcribe-link .field-item a:hover,.paragraph--type--newsletter-subscription .field-name-field-subcribe-link .field-item a:hover {
background: #003d74;
color: #ffffff;
}
#block-subscribeblock .field-name-field-subcribe-link .field-item a::after,.paragraph--type--newsletter-subscription .field-name-field-subcribe-link .field-item a::after {
display: inline-block;
font-family: "iconfont" !important;
font-weight: normal;
content: "\e902";
pointer-events: none;
font-size: 1.25rem;
width: 2.5rem;
background: #0080f8;
position: absolute;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
top: 0;
right: 0;
bottom: 0;
}
#block-subscribeblock form,.paragraph--type--newsletter-subscription form {
max-width: 401.81px;
margin-right: auto;
margin-left: auto;
position: relative;
}
#block-subscribeblock form::before,#block-subscribeblock form::after,.paragraph--type--newsletter-subscription form::before,.paragraph--type--newsletter-subscription form::after {
display: table;
content: " ";
}
#block-subscribeblock form::after,.paragraph--type--newsletter-subscription form::after {
clear: both;
}
#block-subscribeblock form .row-constrained-content,.paragraph--type--newsletter-subscription form .row-constrained-content {
width: 100%;
float: left;
padding-right: 0.46875rem;
padding-left: 0.46875rem;
}
@media screen and (min-width:75em) {
#block-subscribeblock form .row-constrained-content,.paragraph--type--newsletter-subscription form .row-constrained-content {
padding-right: 1.25rem;
padding-left: 1.25rem;
}
}
#block-subscribeblock form .form-item label,.paragraph--type--newsletter-subscription form .form-item label {
display: none;
}
#block-subscribeblock form .form-item input,.paragraph--type--newsletter-subscription form .form-item input {
border: 1px solid #d9d9d9;
padding: 0.5em 1em;
margin: 0;
height: 2.5rem;
}
#block-subscribeblock form .form-actions,.paragraph--type--newsletter-subscription form .form-actions {
background: #0080f8;
height: 2.5rem;
width: 2.5rem;
display: inline-block;
color: #ffffff;
position: absolute;
top: 0;
right: 0;
transition: all 0.2s;
}
#block-subscribeblock form .form-actions:hover,.paragraph--type--newsletter-subscription form .form-actions:hover {
background: #0053a4;
}
#block-subscribeblock form .form-actions .form-submit,.paragraph--type--newsletter-subscription form .form-actions .form-submit {
background: none;
border: none;
margin: 0;
float: left;
text-indent: -9999px;
overflow: hidden;
width: 100%;
line-height: 2.5rem;
padding: 0;
}
#block-subscribeblock form .form-actions::after,.paragraph--type--newsletter-subscription form .form-actions::after {
display: inline-block;
font-family: "iconfont" !important;
font-weight: normal;
content: "\e902";
pointer-events: none;
font-size: 1.5rem;
line-height: 40px;
position: absolute;
top: 0;
left: 0;
right: 0;
text-align: center;
}
.dialog-link-modal {
background: #ffffff;
padding: 0.625rem;
}
iframe.modal-iframe {
max-width: 100%;
}
@media print,screen and (min-width:48em) {
.reveal,.reveal.tiny,.reveal.small,.reveal.large {
right: auto;
left: auto;
margin: 0 auto;
}
}
.js-form-type-checkbox label:not(.error),.js-form-type-radio label:not(.error) {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.view-menu-liftups {
min-height: 450px;
}
.view-menu-liftups .views-row .menu-liftup-link {
display: block;
background: #ffffff;
margin: 0 0 0.25rem 0;
padding: 0;
white-space: normal;
}
.view-menu-liftups .views-row .menu-liftup-link .field-name-field-main-media {
display: inline-block;
vertical-align: top;
max-width: 33%;
overflow: hidden;
}
.view-menu-liftups .views-row .menu-liftup-link .field-name-field-main-media img {
height: 150px;
width: auto;
max-width: none;
}
.view-menu-liftups .views-row .menu-liftup-link .menu-liftup-info {
display: inline-block;
vertical-align: top;
max-width: 65%;
padding: 1.5em;
}
.view-menu-liftups .views-row .menu-liftup-link .menu-liftup-info p {
font-family: "Istok Web";
font-size: 0.875rem;
margin: 0;
}
@media print,screen and (min-width:48em) {
.reveal,.reveal.tiny,.reveal.small,.reveal.large {
right: auto;
left: auto;
margin: 0 auto;
}
}
.js-form-type-checkbox label:not(.error),.js-form-type-radio label:not(.error) {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.login-descriptions .login-block .field-name-field-tools .paragraph--type--tool {
padding-bottom: 2.5rem;
position: relative;
}
.login-descriptions .login-block .field-name-field-tools .description-wrapper {
overflow: hidden;
display: block;
max-height: 0;
transition: max-height 0.5s;
text-align: center;
margin-bottom: 1.25rem;
}
.login-descriptions .login-block .field-name-field-tools .description-wrapper .description-title {
margin-top: 1.25rem;
}
.login-descriptions .login-block .field-name-field-tools .description-wrapper.show-more {
max-height: 200px;
}
.login-descriptions .login-block .field-name-field-tools .show-more-button {
cursor: pointer;
display: inline-block;
color: #0080f8;
text-transform: uppercase;
font-weight: bold;
font-size: 0.875rem;
line-height: 21px;
vertical-align: top;
position: absolute;
bottom: 1.25rem;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
margin: auto;
}
.login-descriptions .login-block .field-name-field-tools .show-more-button::before {
display: inline-block;
font-family: "iconfont" !important;
font-weight: normal;
content: "\e912";
pointer-events: none;
font-size: 1.3125rem;
line-height: 21px;
vertical-align: top;
padding-right: 0.2em;
}
.login-descriptions .login-block .field-name-field-tools .show-more-button.showing::before {
display: inline-block;
font-family: "iconfont" !important;
font-weight: normal;
content: "\e90d";
pointer-events: none;
}
@media print,screen and (min-width:48em) {
.reveal,.reveal.tiny,.reveal.small,.reveal.large {
right: auto;
left: auto;
margin: 0 auto;
}
}
.js-form-type-checkbox label:not(.error),.js-form-type-radio label:not(.error) {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.off-canvas.is-transition-overlap {
z-index: 101;
}
.off-canvas [id^=block-contact-en],.off-canvas [id^=block-contact-ksr-kran] {
padding: 1.5625rem 0;
}
.off-canvas [id^=block-contact-en] .block-title,.off-canvas [id^=block-contact-ksr-kran] .block-title {
text-align: center;
}
.off-canvas [id^=block-contact-en] .block-title::after,.off-canvas [id^=block-contact-ksr-kran] .block-title::after {
content: "";
display: block;
width: 3.75rem;
height: 0.375rem;
margin-top: 1.5625rem;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
background: #ffd51f;
}
.off-canvas [id^=block-contact-en] .block-title::after,.off-canvas [id^=block-contact-ksr-kran] .block-title::after {
width: 2.5rem;
}
@media screen and (max-width:59.9375em) {
#block-webform {
margin-inline: 15px;
}
}
#block-webform .block-title {
margin: 0 auto 1.25rem;
}
@media screen and (min-width:48em) {
#block-webform .block-title {
max-width: 800px;
}
}
#block-webform form.krane-configurator-form {
margin: 0;
}
label,legend {
font-size: 0.75rem;
font-weight: bold;
line-height: 1.0625rem;
margin: 0;
color: #323231;
}
label.form-required span,legend.form-required span {
font-weight: normal;
color: #676f77;
}
label.error,legend.error {
position: absolute;
bottom: 0;
}
.webform-submission-form {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -5px;
}
@media screen and (min-width:48em) {
.webform-submission-form {
max-width: 800px;
margin: 0 auto;
}
}
.webform-submission-form .form-item,.webform-submission-form .form-actions {
width: 100%;
margin: 0 5px;
}
@media screen and (min-width:48em) {
.webform-submission-form .form-item:not(.form-type-textarea),.webform-submission-form .form-actions:not(.form-type-textarea) {
width: calc(50% - 10px);
}
}
@media screen and (min-width:48em) {
.webform-submission-form fieldset .form-item {
width: 100% !important;
}
}
.webform-submission-form .webform-actions {
max-width: 250px;
margin: auto;
}
input[type=text],input[type=password],input[type=date],input[type=datetime],input[type=datetime-local],input[type=month],input[type=week],input[type=email],input[type=number],input[type=search],input[type=tel],input[type=time],input[type=url],textarea {
border: 0.0625rem solid #d9d9d9;
background-color: #ffffff;
color: #676f77;
font-family: "Istok Web",sans-serif;
font-size: 0.875rem;
line-height: 1.25rem;
box-shadow: none;
}
input[type=text]:focus,input[type=password]:focus,input[type=date]:focus,input[type=datetime]:focus,input[type=datetime-local]:focus,input[type=month]:focus,input[type=week]:focus,input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=time]:focus,input[type=url]:focus,textarea:focus {
box-shadow: none;
border: 0.0625rem solid #0080f8;
}
input[type=text].error,input[type=password].error,input[type=date].error,input[type=datetime].error,input[type=datetime-local].error,input[type=month].error,input[type=week].error,input[type=email].error,input[type=number].error,input[type=search].error,input[type=tel].error,input[type=time].error,input[type=url].error,textarea.error {
border-color: #e63312;
}
input[type=text],input[type=password],input[type=date],input[type=datetime],input[type=datetime-local],input[type=month],input[type=week],input[type=email],input[type=number],input[type=search],input[type=tel],input[type=time],input[type=url] {
line-height: 1.25rem;
height: 2.5rem;
padding: 0.625rem 1rem;
}
textarea {
margin-top: 1rem;
height: 100%;
min-height: 200px;
}
@media screen and (min-width:60em) {
textarea {
min-height: 300px;
}
}
textarea::-webkit-input-placeholder {
font-weight: bold;
}
textarea::-moz-placeholder {
font-weight: bold;
}
textarea:-ms-input-placeholder {
font-weight: bold;
}
textarea:-moz-placeholder {
font-weight: bold;
}
.js-form-type-radio label:not(.error):before {
border-radius: 50%;
}
.js-form-type-radio input[type=radio]:checked + label:not(.error)::before,.js-form-type-radio input[type=radio]:checked + label.error + label:not(.error)::before {
display: inline-block;
font-family: "iconfont" !important;
font-weight: normal;
content: "\e91e";
pointer-events: none;
display: block;
float: left;
font-size: 1.25rem;
color: #0053a4;
height: 1.875rem;
width: 1.875rem;
border: 1px solid #d9d9d9;
background-color: #ffffff;
margin-right: 1.375rem;
position: relative;
text-align: center;
line-height: 30px;
margin-bottom: 30px;
}
.js-form-type-checkbox,.js-form-type-radio {
position: relative;
padding-top: 0.5em;
margin-bottom: 1em;
}
.js-form-type-checkbox input,.js-form-type-radio input {
display: none;
}
.js-form-type-checkbox label:not(.error),.js-form-type-radio label:not(.error) {
margin: 0 0 1.25rem;
line-height: 1.875rem;
font-size: 0.875rem;
height: 1.875rem;
color: #676f77;
font-weight: normal;
}
.js-form-type-checkbox label:not(.error):before,.js-form-type-radio label:not(.error):before {
content: "";
display: block;
float: left;
font-size: 1.25rem;
color: #0053a4;
height: 1.875rem;
width: 1.875rem;
border: 1px solid #d9d9d9;
background-color: #ffffff;
margin-right: 1.375rem;
position: relative;
text-align: center;
line-height: 30px;
}
.js-form-type-checkbox label.error,.js-form-type-radio label.error {
right: 0;
left: auto;
}
.js-form-type-checkbox.error label:not(.error):before,.js-form-type-radio.error label:not(.error):before {
border: 1px solid #e63312;
}
.js-form-type-checkbox input[type=checkbox] + label.error + label:not(.error),.js-form-type-radio input[type=checkbox] + label.error + label:not(.error) {
cursor: pointer;
}
.js-form-type-checkbox input[type=checkbox]:checked + label:not(.error)::before,.js-form-type-checkbox input[type=checkbox]:checked + label.error + label:not(.error)::before,.js-form-type-radio input[type=checkbox]:checked + label:not(.error)::before,.js-form-type-radio input[type=checkbox]:checked + label.error + label:not(.error)::before {
display: inline-block;
font-family: "iconfont" !important;
font-weight: normal;
content: "\e91e";
pointer-events: none;
display: block;
float: left;
font-size: 1.25rem;
color: #0053a4;
height: 1.875rem;
width: 1.875rem;
border: 1px solid #d9d9d9;
background-color: #ffffff;
margin-right: 1.375rem;
position: relative;
text-align: center;
line-height: 30px;
}
.paragraph--type--hero-blue .hero-container .hero-content .field-name-field-hero-lead-text {
margin-bottom: 0.625rem;
overflow: hidden;
}
.paragraph--type--hero-blue .hero-container .hero-content .field-name-field-hero-lead-text p {
color: #ffffff;
}
.image_picker_selector .thumbnail {
border: none;
box-shadow: none;
}
.webform-actions,.webform-submission-form .form-actions {
margin: 2.1875rem auto;
position: relative;
height: 2.5rem;
display: block;
}
.webform-actions::after,.webform-submission-form .form-actions::after {
display: inline-block;
font-family: "iconfont" !important;
font-weight: normal;
content: "\e902";
pointer-events: none;
font-size: 1.25rem;
width: 2.5rem;
background: #0080f8;
position: absolute;
color: #ffffff;
top: 0;
right: 0;
bottom: 0;
text-align: center;
line-height: 40px;
}
.webform-actions input[type=submit],.webform-submission-form .form-actions input[type=submit] {
display: inline-block;
font-family: "Produkt","Roboto Slab",Arial,sans-serif;
color: #ffffff;
background: #0053a4;
border-radius: 0;
border: none;
padding: 0.6em 1.8em;
text-transform: uppercase;
cursor: pointer;
text-align: center;
-webkit-appearance: none;
transition: all 0.2s;
padding: 0.75rem 4.2em 0.75rem 1.8em;
font-size: 0.875rem;
min-width: 13.75rem;
position: relative;
line-height: 1rem;
text-align: center;
width: 100%;
margin: 0;
}
.webform-actions input[type=submit]:hover,.webform-submission-form .form-actions input[type=submit]:hover {
background: #003d74;
color: #ffffff;
}
.webform-actions input[type=submit]::after,.webform-submission-form .form-actions input[type=submit]::after {
display: inline-block;
font-family: "iconfont" !important;
font-weight: normal;
content: "\e902";
pointer-events: none;
font-size: 1.25rem;
width: 2.5rem;
background: #0080f8;
position: absolute;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
top: 0;
right: 0;
bottom: 0;
}
.webform-actions input[type=submit].button.success,.webform-actions input[type=submit].button.success:hover,.webform-actions input[type=submit].button.success:focus,.webform-submission-form .form-actions input[type=submit].button.success,.webform-submission-form .form-actions input[type=submit].button.success:hover,.webform-submission-form .form-actions input[type=submit].button.success:focus {
background-color: #0080f8;
color: #ffffff;
display: inline-block;
font-family: "Produkt","Roboto Slab",Arial,sans-serif;
color: #ffffff;
background: #0053a4;
border-radius: 0;
border: none;
padding: 0.6em 1.8em;
text-transform: uppercase;
cursor: pointer;
text-align: center;
-webkit-appearance: none;
transition: all 0.2s;
padding: 0.75rem 4.2em 0.75rem 1.8em;
font-size: 0.875rem;
min-width: 13.75rem;
position: relative;
line-height: 1rem;
text-align: center;
}
.webform-actions input[type=submit].button.success:hover,.webform-actions input[type=submit].button.success:hover:hover,.webform-actions input[type=submit].button.success:focus:hover,.webform-submission-form .form-actions input[type=submit].button.success:hover,.webform-submission-form .form-actions input[type=submit].button.success:hover:hover,.webform-submission-form .form-actions input[type=submit].button.success:focus:hover {
background: #003d74;
color: #ffffff;
}
.webform-actions input[type=submit].button.success::after,.webform-actions input[type=submit].button.success:hover::after,.webform-actions input[type=submit].button.success:focus::after,.webform-submission-form .form-actions input[type=submit].button.success::after,.webform-submission-form .form-actions input[type=submit].button.success:hover::after,.webform-submission-form .form-actions input[type=submit].button.success:focus::after {
display: inline-block;
font-family: "iconfont" !important;
font-weight: normal;
content: "\e902";
pointer-events: none;
font-size: 1.25rem;
width: 2.5rem;
background: #0080f8;
position: absolute;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
top: 0;
right: 0;
bottom: 0;
}
#block-additional-contact-information {
border-top: 0.0625rem solid #d9d9d9;
padding: 2.1875rem 0;
}
#block-additional-contact-information .field-block-content--body .field-items .field-item:first-child p {
margin-bottom: 0;
}
#block-additional-contact-information .field-block-content--body .field-items .field-item a {
font-weight: bold;
}
.contact-section .field-paragraph--field-section-title h2,body.node--type-microsite .paragraph--type--block .field-type-entity-reference .field-paragraph--field-section-title h2 {
font-size: 2.5rem;
line-height: 3rem;
}
@media screen and (min-width:48em) {
.contact-section .field-paragraph--field-section-title h2,body.node--type-microsite .paragraph--type--block .field-type-entity-reference .field-paragraph--field-section-title h2 {
font-size: 3.375rem;
line-height: 4.125rem;
}
}
.contact-section .paragraph--type--simple-text,body.node--type-microsite .paragraph--type--block .field-type-entity-reference .paragraph--type--simple-text {
text-align: center;
opacity: 0;
}
.contact-section .contact_purpose_selector .selector_title,body.node--type-microsite .paragraph--type--block .field-type-entity-reference .contact_purpose_selector .selector_title {
font-size: 0.875rem;
line-height: 1.625rem;
text-align: center;
color: #676f77;
margin-bottom: 1rem;
display: block;
}
.contact-section .contact_purpose_selector ul.three_option_switch,body.node--type-microsite .paragraph--type--block .field-type-entity-reference .contact_purpose_selector ul.three_option_switch {
box-shadow: 0 6px 6px 0 rgba(0,0,0,0.15);
border-radius: 1.25rem;
margin-left: 0;
}
.contact-section .contact_purpose_selector ul.three_option_switch::before,.contact-section .contact_purpose_selector ul.three_option_switch::after,body.node--type-microsite .paragraph--type--block .field-type-entity-reference .contact_purpose_selector ul.three_option_switch::before,body.node--type-microsite .paragraph--type--block .field-type-entity-reference .contact_purpose_selector ul.three_option_switch::after {
display: table;
content: " ";
}
.contact-section .contact_purpose_selector ul.three_option_switch::after,body.node--type-microsite .paragraph--type--block .field-type-entity-reference .contact_purpose_selector ul.three_option_switch::after {
clear: both;
}
.contact-section .contact_purpose_selector ul.three_option_switch li,body.node--type-microsite .paragraph--type--block .field-type-entity-reference .contact_purpose_selector ul.three_option_switch li {
height: 2.5rem;
text-align: center;
display: block;
list-style: none;
float: left;
border: 1px solid #0080f8;
color: #0080f8;
text-transform: uppercase;
font-size: 0.75rem;
line-height: 2.5rem;
font-weight: bold;
cursor: pointer;
}
@media screen and (min-width:48em) {
.contact-section .contact_purpose_selector ul.three_option_switch li,body.node--type-microsite .paragraph--type--block .field-type-entity-reference .contact_purpose_selector ul.three_option_switch li {
font-size: 0.875rem;
}
}
.contact-section .contact_purpose_selector ul.three_option_switch li:first-child,body.node--type-microsite .paragraph--type--block .field-type-entity-reference .contact_purpose_selector ul.three_option_switch li:first-child {
border-radius: 1.25rem 0 0 1.25rem;
border-right: 0 none;
}
.contact-section .contact_purpose_selector ul.three_option_switch li:last-child,body.node--type-microsite .paragraph--type--block .field-type-entity-reference .contact_purpose_selector ul.three_option_switch li:last-child {
border-radius: 0 1.25rem 1.25rem 0;
border-left: 0 none;
}
.contact-section .contact_purpose_selector ul.three_option_switch li.active,body.node--type-microsite .paragraph--type--block .field-type-entity-reference .contact_purpose_selector ul.three_option_switch li.active {
background: #0080f8;
color: #ffffff;
}
.contact-section.contact-form .field-paragraph--field-block-ref > .field-items > .field-item,body.node--type-microsite .paragraph--type--block .field-type-entity-reference.contact-form .field-paragraph--field-block-ref > .field-items > .field-item {
padding: 2.5rem 0;
}
.contact-section #block-contact-form-plz,.contact-section #block-contact-form-plz-cranes,.contact-section #block-contact-form-plz-components,.contact-section #block-contact-form-plz-solution-page,.contact-section #block-contact-form-plz-drives,.contact-section #block-contact-en,.contact-section #block-contact-ksr-kran,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-form-plz,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-form-plz-cranes,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-form-plz-components,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-form-plz-solution-page,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-form-plz-drives,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-en,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-ksr-kran {
max-width: 82.5rem;
margin-right: auto;
margin-left: auto;
max-width: 52.5rem;
width: 100%;
float: left;
padding-right: 0.46875rem;
padding-left: 0.46875rem;
}
.contact-section #block-contact-form-plz::before,.contact-section #block-contact-form-plz::after,.contact-section #block-contact-form-plz-cranes::before,.contact-section #block-contact-form-plz-cranes::after,.contact-section #block-contact-form-plz-components::before,.contact-section #block-contact-form-plz-components::after,.contact-section #block-contact-form-plz-solution-page::before,.contact-section #block-contact-form-plz-solution-page::after,.contact-section #block-contact-form-plz-drives::before,.contact-section #block-contact-form-plz-drives::after,.contact-section #block-contact-en::before,.contact-section #block-contact-en::after,.contact-section #block-contact-ksr-kran::before,.contact-section #block-contact-ksr-kran::after,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-form-plz::before,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-form-plz::after,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-form-plz-cranes::before,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-form-plz-cranes::after,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-form-plz-components::before,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-form-plz-components::after,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-form-plz-solution-page::before,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-form-plz-solution-page::after,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-form-plz-drives::before,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-form-plz-drives::after,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-en::before,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-en::after,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-ksr-kran::before,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-ksr-kran::after {
display: table;
content: " ";
}
.contact-section #block-contact-form-plz::after,.contact-section #block-contact-form-plz-cranes::after,.contact-section #block-contact-form-plz-components::after,.contact-section #block-contact-form-plz-solution-page::after,.contact-section #block-contact-form-plz-drives::after,.contact-section #block-contact-en::after,.contact-section #block-contact-ksr-kran::after,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-form-plz::after,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-form-plz-cranes::after,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-form-plz-components::after,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-form-plz-solution-page::after,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-form-plz-drives::after,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-en::after,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-ksr-kran::after {
clear: both;
}
@media screen and (min-width:75em) {
.contact-section #block-contact-form-plz,.contact-section #block-contact-form-plz-cranes,.contact-section #block-contact-form-plz-components,.contact-section #block-contact-form-plz-solution-page,.contact-section #block-contact-form-plz-drives,.contact-section #block-contact-en,.contact-section #block-contact-ksr-kran,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-form-plz,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-form-plz-cranes,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-form-plz-components,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-form-plz-solution-page,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-form-plz-drives,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-en,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-ksr-kran {
padding-right: 1.25rem;
padding-left: 1.25rem;
}
}
.contact-section #block-contact-form-plz,.contact-section #block-contact-form-plz:last-child,.contact-section #block-contact-form-plz-cranes,.contact-section #block-contact-form-plz-cranes:last-child,.contact-section #block-contact-form-plz-components,.contact-section #block-contact-form-plz-components:last-child,.contact-section #block-contact-form-plz-solution-page,.contact-section #block-contact-form-plz-solution-page:last-child,.contact-section #block-contact-form-plz-drives,.contact-section #block-contact-form-plz-drives:last-child,.contact-section #block-contact-en,.contact-section #block-contact-en:last-child,.contact-section #block-contact-ksr-kran,.contact-section #block-contact-ksr-kran:last-child,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-form-plz,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-form-plz:last-child,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-form-plz-cranes,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-form-plz-cranes:last-child,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-form-plz-components,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-form-plz-components:last-child,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-form-plz-solution-page,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-form-plz-solution-page:last-child,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-form-plz-drives,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-form-plz-drives:last-child,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-en,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-en:last-child,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-ksr-kran,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-ksr-kran:last-child {
float: none;
}
.contact-section #block-contact-form-plz .block-title,.contact-section #block-contact-form-plz-cranes .block-title,.contact-section #block-contact-form-plz-components .block-title,.contact-section #block-contact-form-plz-solution-page .block-title,.contact-section #block-contact-form-plz-drives .block-title,.contact-section #block-contact-en .block-title,.contact-section #block-contact-ksr-kran .block-title,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-form-plz .block-title,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-form-plz-cranes .block-title,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-form-plz-components .block-title,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-form-plz-solution-page .block-title,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-form-plz-drives .block-title,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-en .block-title,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-ksr-kran .block-title {
display: none;
}
.contact-section #block-contact-form-plz .webform-select-other .form-item,.contact-section #block-contact-form-plz-cranes .webform-select-other .form-item,.contact-section #block-contact-form-plz-components .webform-select-other .form-item,.contact-section #block-contact-form-plz-solution-page .webform-select-other .form-item,.contact-section #block-contact-form-plz-drives .webform-select-other .form-item,.contact-section #block-contact-en .webform-select-other .form-item,.contact-section #block-contact-ksr-kran .webform-select-other .form-item,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-form-plz .webform-select-other .form-item,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-form-plz-cranes .webform-select-other .form-item,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-form-plz-components .webform-select-other .form-item,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-form-plz-solution-page .webform-select-other .form-item,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-form-plz-drives .webform-select-other .form-item,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-en .webform-select-other .form-item,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-ksr-kran .webform-select-other .form-item {
float: none;
padding: 0;
width: 100% !important;
}
@media screen and (min-width:48em) {
.contact-section #block-contact-form-plz .webform-select-other .form-item,.contact-section #block-contact-form-plz-cranes .webform-select-other .form-item,.contact-section #block-contact-form-plz-components .webform-select-other .form-item,.contact-section #block-contact-form-plz-solution-page .webform-select-other .form-item,.contact-section #block-contact-form-plz-drives .webform-select-other .form-item,.contact-section #block-contact-en .webform-select-other .form-item,.contact-section #block-contact-ksr-kran .webform-select-other .form-item,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-form-plz .webform-select-other .form-item,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-form-plz-cranes .webform-select-other .form-item,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-form-plz-components .webform-select-other .form-item,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-form-plz-solution-page .webform-select-other .form-item,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-form-plz-drives .webform-select-other .form-item,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-en .webform-select-other .form-item,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-ksr-kran .webform-select-other .form-item {
padding-right: 1.125rem;
width: 50% !important;
}
}
.contact-section #block-contact-form-plz .webform-select-other .select2,.contact-section #block-contact-form-plz-cranes .webform-select-other .select2,.contact-section #block-contact-form-plz-components .webform-select-other .select2,.contact-section #block-contact-form-plz-solution-page .webform-select-other .select2,.contact-section #block-contact-form-plz-drives .webform-select-other .select2,.contact-section #block-contact-en .webform-select-other .select2,.contact-section #block-contact-ksr-kran .webform-select-other .select2,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-form-plz .webform-select-other .select2,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-form-plz-cranes .webform-select-other .select2,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-form-plz-components .webform-select-other .select2,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-form-plz-solution-page .webform-select-other .select2,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-form-plz-drives .webform-select-other .select2,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-en .webform-select-other .select2,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-ksr-kran .webform-select-other .select2 {
width: 100% !important;
}
.contact-section #block-contact-form-plz fieldset.js-form-wrapper,.contact-section #block-contact-form-plz-cranes fieldset.js-form-wrapper,.contact-section #block-contact-form-plz-components fieldset.js-form-wrapper,.contact-section #block-contact-form-plz-solution-page fieldset.js-form-wrapper,.contact-section #block-contact-form-plz-drives fieldset.js-form-wrapper,.contact-section #block-contact-en fieldset.js-form-wrapper,.contact-section #block-contact-ksr-kran fieldset.js-form-wrapper,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-form-plz fieldset.js-form-wrapper,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-form-plz-cranes fieldset.js-form-wrapper,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-form-plz-components fieldset.js-form-wrapper,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-form-plz-solution-page fieldset.js-form-wrapper,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-form-plz-drives fieldset.js-form-wrapper,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-en fieldset.js-form-wrapper,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-ksr-kran fieldset.js-form-wrapper {
margin: 20px 0;
}
.contact-section #block-contact-form-plz fieldset.js-form-wrapper legend,.contact-section #block-contact-form-plz-cranes fieldset.js-form-wrapper legend,.contact-section #block-contact-form-plz-components fieldset.js-form-wrapper legend,.contact-section #block-contact-form-plz-solution-page fieldset.js-form-wrapper legend,.contact-section #block-contact-form-plz-drives fieldset.js-form-wrapper legend,.contact-section #block-contact-en fieldset.js-form-wrapper legend,.contact-section #block-contact-ksr-kran fieldset.js-form-wrapper legend,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-form-plz fieldset.js-form-wrapper legend,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-form-plz-cranes fieldset.js-form-wrapper legend,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-form-plz-components fieldset.js-form-wrapper legend,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-form-plz-solution-page fieldset.js-form-wrapper legend,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-form-plz-drives fieldset.js-form-wrapper legend,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-en fieldset.js-form-wrapper legend,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-ksr-kran fieldset.js-form-wrapper legend {
margin-bottom: 10px;
}
.contact-section #block-contact-form-plz fieldset.js-form-wrapper .js-form-type-webform-markup,.contact-section #block-contact-form-plz-cranes fieldset.js-form-wrapper .js-form-type-webform-markup,.contact-section #block-contact-form-plz-components fieldset.js-form-wrapper .js-form-type-webform-markup,.contact-section #block-contact-form-plz-solution-page fieldset.js-form-wrapper .js-form-type-webform-markup,.contact-section #block-contact-form-plz-drives fieldset.js-form-wrapper .js-form-type-webform-markup,.contact-section #block-contact-en fieldset.js-form-wrapper .js-form-type-webform-markup,.contact-section #block-contact-ksr-kran fieldset.js-form-wrapper .js-form-type-webform-markup,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-form-plz fieldset.js-form-wrapper .js-form-type-webform-markup,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-form-plz-cranes fieldset.js-form-wrapper .js-form-type-webform-markup,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-form-plz-components fieldset.js-form-wrapper .js-form-type-webform-markup,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-form-plz-solution-page fieldset.js-form-wrapper .js-form-type-webform-markup,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-form-plz-drives fieldset.js-form-wrapper .js-form-type-webform-markup,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-en fieldset.js-form-wrapper .js-form-type-webform-markup,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-ksr-kran fieldset.js-form-wrapper .js-form-type-webform-markup {
line-height: 1.3rem;
font-size: 0.875rem;
height: 1.875rem;
color: #676f77;
font-weight: normal;
margin-bottom: 15px;
}
.contact-section #block-contact-form-plz .fieldset-wrapper .js-form-type-checkbox,.contact-section #block-contact-form-plz-cranes .fieldset-wrapper .js-form-type-checkbox,.contact-section #block-contact-form-plz-components .fieldset-wrapper .js-form-type-checkbox,.contact-section #block-contact-form-plz-solution-page .fieldset-wrapper .js-form-type-checkbox,.contact-section #block-contact-form-plz-drives .fieldset-wrapper .js-form-type-checkbox,.contact-section #block-contact-en .fieldset-wrapper .js-form-type-checkbox,.contact-section #block-contact-ksr-kran .fieldset-wrapper .js-form-type-checkbox,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-form-plz .fieldset-wrapper .js-form-type-checkbox,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-form-plz-cranes .fieldset-wrapper .js-form-type-checkbox,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-form-plz-components .fieldset-wrapper .js-form-type-checkbox,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-form-plz-solution-page .fieldset-wrapper .js-form-type-checkbox,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-form-plz-drives .fieldset-wrapper .js-form-type-checkbox,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-en .fieldset-wrapper .js-form-type-checkbox,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-ksr-kran .fieldset-wrapper .js-form-type-checkbox {
margin-bottom: 0;
}
.contact-section #block-contact-form-plz .fieldset-wrapper .js-form-type-checkbox label,.contact-section #block-contact-form-plz-cranes .fieldset-wrapper .js-form-type-checkbox label,.contact-section #block-contact-form-plz-components .fieldset-wrapper .js-form-type-checkbox label,.contact-section #block-contact-form-plz-solution-page .fieldset-wrapper .js-form-type-checkbox label,.contact-section #block-contact-form-plz-drives .fieldset-wrapper .js-form-type-checkbox label,.contact-section #block-contact-en .fieldset-wrapper .js-form-type-checkbox label,.contact-section #block-contact-ksr-kran .fieldset-wrapper .js-form-type-checkbox label,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-form-plz .fieldset-wrapper .js-form-type-checkbox label,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-form-plz-cranes .fieldset-wrapper .js-form-type-checkbox label,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-form-plz-components .fieldset-wrapper .js-form-type-checkbox label,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-form-plz-solution-page .fieldset-wrapper .js-form-type-checkbox label,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-form-plz-drives .fieldset-wrapper .js-form-type-checkbox label,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-en .fieldset-wrapper .js-form-type-checkbox label,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-ksr-kran .fieldset-wrapper .js-form-type-checkbox label {
margin-bottom: 0.875rem;
}
.contact-section #block-contact-form-plz .fieldset-wrapper div.webform-has-field-suffix input,.contact-section #block-contact-form-plz-cranes .fieldset-wrapper div.webform-has-field-suffix input,.contact-section #block-contact-form-plz-components .fieldset-wrapper div.webform-has-field-suffix input,.contact-section #block-contact-form-plz-solution-page .fieldset-wrapper div.webform-has-field-suffix input,.contact-section #block-contact-form-plz-drives .fieldset-wrapper div.webform-has-field-suffix input,.contact-section #block-contact-en .fieldset-wrapper div.webform-has-field-suffix input,.contact-section #block-contact-ksr-kran .fieldset-wrapper div.webform-has-field-suffix input,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-form-plz .fieldset-wrapper div.webform-has-field-suffix input,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-form-plz-cranes .fieldset-wrapper div.webform-has-field-suffix input,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-form-plz-components .fieldset-wrapper div.webform-has-field-suffix input,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-form-plz-solution-page .fieldset-wrapper div.webform-has-field-suffix input,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-form-plz-drives .fieldset-wrapper div.webform-has-field-suffix input,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-en .fieldset-wrapper div.webform-has-field-suffix input,body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-ksr-kran .fieldset-wrapper div.webform-has-field-suffix input {
width: 150px;
display: inline-block;
}
.contact-section #block-contact-form-plz textarea[rows],.contact-section #block-contact-form-plz-cranes textarea[rows],.contact-section #block-contact-form-plz-components textarea[rows],.contact-section #block-contact-form-plz-solution-page textarea[rows],.contact-section #block-contact-form-plz-drives textarea[rows],.contact-section #block-contact-en textarea[rows],.contact-section #block-contact-ksr-kran textarea[rows],body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-form-plz textarea[rows],body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-form-plz-cranes textarea[rows],body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-form-plz-components textarea[rows],body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-form-plz-solution-page textarea[rows],body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-form-plz-drives textarea[rows],body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-en textarea[rows],body.node--type-microsite .paragraph--type--block .field-type-entity-reference #block-contact-ksr-kran textarea[rows] {
height: 15rem;
}
.webform-submission-euroblech-exhibition-form #edit-date-of-visit--wrapper {
width: 100%;
margin-bottom: 30px;
}
.webform-submission-euroblech-exhibition-form #edit-date-of-visit--wrapper .js-form-type-radio input[type=radio]:checked + label:not(.error)::before,.webform-submission-euroblech-exhibition-form #edit-date-of-visit--wrapper .js-form-type-radio input[type=radio]:checked + label.error + label:not(.error)::before {
display: inline-block;
font-family: "iconfont" !important;
font-weight: normal;
content: "\e91e";
pointer-events: none;
margin-bottom: 0;
}
.webform-submission-euroblech-exhibition-form #edit-date-of-visit--wrapper legend span {
font-family: "Istok Web",sans-serif;
font-size: 0.75rem;
line-height: 1.25rem;
}
.webform-submission-euroblech-exhibition-form #edit-date-of-visit--wrapper #edit-date-of-visit {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.webform-submission-euroblech-exhibition-form #edit-date-of-visit--wrapper #edit-date-of-visit > .form-item-date-of-visit {
width: calc(50% - 10px) !important;
}
.webform-submission-euroblech-exhibition-form .js-form-item-accept-terms label:before {
margin-bottom: 30px;
}
.webform-submission-contact-english-in-add-form #edit-select-one-of-the-following-options--wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
width: 100%;
margin-block: 1.875rem;
padding: 1.25rem;
border: 1px solid rgba(0,0,0,0.1);
background-color: #f6f6f6;
}
.webform-submission-contact-english-in-add-form #edit-select-one-of-the-following-options--wrapper .js-webform-radios {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
}
.sr-only,.fa-sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0,0,0,0);
white-space: nowrap;
border-width: 0;
}
.sr-only-focusable:not(:focus),.fa-sr-only-focusable:not(:focus) {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0,0,0,0);
white-space: nowrap;
border-width: 0;
}
@media screen and (min-width:60em) {
.block-views-block-postal-search-postal-code-search-worldwide {
padding: 0;
}
}
.worldwide-postal-search-form {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
padding: 15px;
max-height: none !important;
}
@media screen and (min-width:60em) {
.worldwide-postal-search-form {
padding: 90px;
}
}
.worldwide-postal-search-form .select2-container {
width: 100% !important;
}
.worldwide-postal-search-form .worldwide-postal-search-form__filters .js-form-type-checkbox label,.worldwide-postal-search-form .dach-postal-search-map__sidebar-expandable .view-filters form .js-form-type-checkbox label,.dach-postal-search-map__sidebar-expandable .view-filters .worldwide-postal-search-form form .js-form-type-checkbox label {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.worldwide-postal-search-form .worldwide-postal-search-form__filters .js-form-type-checkbox label:before,.worldwide-postal-search-form .dach-postal-search-map__sidebar-expandable .view-filters form .js-form-type-checkbox label:before,.dach-postal-search-map__sidebar-expandable .view-filters .worldwide-postal-search-form form .js-form-type-checkbox label:before {
height: 20px !important;
width: 20px !important;
margin-right: 1em !important;
font-size: 1rem !important;
line-height: 21px !important;
}
.worldwide-postal-search-form .worldwide-postal-search-form__filters-item {
margin-bottom: 10px;
}
.worldwide-postal-search-form .worldwide-postal-search-form__content {
display: -ms-flexbox;
display: flex;
padding: 20px;
background: #f6f6f6;
max-height: none !important;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
}
@media screen and (min-width:60em) {
.worldwide-postal-search-form .worldwide-postal-search-form__content {
padding: 60px;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
}
}
.worldwide-postal-search-form .worldwide-postal-search-form__content form {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
}
.worldwide-postal-search-form .worldwide-postal-search-form__content p {
margin-bottom: 2px;
}
.worldwide-postal-search-form .worldwide-postal-search-form__content h2 {
position: relative;
margin-bottom: 3rem;
font-size: 20px;
color: #a6a6a6;
}
@media screen and (min-width:60em) {
.worldwide-postal-search-form .worldwide-postal-search-form__content h2 {
font-size: 32px;
}
}
.worldwide-postal-search-form .worldwide-postal-search-form__content h2:before {
content: "";
display: block;
width: 3.75rem;
height: 0.375rem;
position: absolute;
left: 0;
bottom: -65%;
background: #ffd51f;
}
@media screen and (min-width:60em) {
.worldwide-postal-search-form .worldwide-postal-search-form__content h2:before {
bottom: -25%;
}
}
.worldwide-postal-search-form .worldwide-postal-search-form__content ul {
list-style: none;
}
.worldwide-postal-search-form .worldwide-postal-search-form__content ul li {
margin-bottom: 12px;
position: relative;
}
.worldwide-postal-search-form .worldwide-postal-search-form__content ul li:before {
content: " ";
display: block;
width: 0.4375rem;
height: 0.375rem;
position: absolute;
top: 0.5rem;
left: -1rem;
background: url(/themes/custom/demagcranes/images/magic_12degree_bullet.png);
}
.worldwide-postal-search-form .worldwide-postal-search-form__info-container {
-ms-flex: 1 1 100%;
flex: 1 1 100%;
max-width: 100%;
}
@media screen and (min-width:60em) {
.worldwide-postal-search-form .worldwide-postal-search-form__info-container {
-ms-flex: 0 1 50%;
flex: 0 1 50%;
max-width: 50%;
padding-right: 30px;
}
}
.worldwide-postal-search-form__filters,.dach-postal-search-map__sidebar-expandable .view-filters form {
-ms-flex: 1 1 100%;
flex: 1 1 100%;
max-width: 100%;
}
@media screen and (min-width:60em) {
.worldwide-postal-search-form__filters,.dach-postal-search-map__sidebar-expandable .view-filters form {
-ms-flex: 0 1 50%;
flex: 0 1 50%;
max-width: 50%;
padding-left: 30px;
}
}
.worldwide-postal-search-form__filters .worldwide-postal-search-form__filters-item,.dach-postal-search-map__sidebar-expandable .view-filters form .worldwide-postal-search-form__filters-item,.worldwide-postal-search-form__filters .js-form-item,.dach-postal-search-map__sidebar-expandable .view-filters form .js-form-item {
width: 100%;
font-weight: bold;
margin-top: 0;
margin-bottom: 15px;
}
.worldwide-postal-search-form__filters .worldwide-postal-search-form__filters-item label,.dach-postal-search-map__sidebar-expandable .view-filters form .worldwide-postal-search-form__filters-item label,.worldwide-postal-search-form__filters .worldwide-postal-search-form__filters-item .description,.dach-postal-search-map__sidebar-expandable .view-filters form .worldwide-postal-search-form__filters-item .description,.worldwide-postal-search-form__filters .js-form-item label,.dach-postal-search-map__sidebar-expandable .view-filters form .js-form-item label,.worldwide-postal-search-form__filters .js-form-item .description,.dach-postal-search-map__sidebar-expandable .view-filters form .js-form-item .description {
display: none;
}
.worldwide-postal-search-form__filters .worldwide-postal-search-form__filters-item[data-empty=true] .select2-selection__rendered,.dach-postal-search-map__sidebar-expandable .view-filters form .worldwide-postal-search-form__filters-item[data-empty=true] .select2-selection__rendered,.worldwide-postal-search-form__filters .js-form-item[data-empty=true] .select2-selection__rendered,.dach-postal-search-map__sidebar-expandable .view-filters form .js-form-item[data-empty=true] .select2-selection__rendered {
color: #a6a6a6;
}
.worldwide-postal-search-form__filters .worldwide-postal-search-form__filters-item .select2,.dach-postal-search-map__sidebar-expandable .view-filters form .worldwide-postal-search-form__filters-item .select2,.worldwide-postal-search-form__filters .js-form-item .select2,.dach-postal-search-map__sidebar-expandable .view-filters form .js-form-item .select2 {
width: 100%;
margin: 0;
}
.worldwide-postal-search-form__filters .worldwide-postal-search-form__filters-item .select2 .select2-selection,.dach-postal-search-map__sidebar-expandable .view-filters form .worldwide-postal-search-form__filters-item .select2 .select2-selection,.worldwide-postal-search-form__filters .js-form-item .select2 .select2-selection,.dach-postal-search-map__sidebar-expandable .view-filters form .js-form-item .select2 .select2-selection {
height: 3.2rem !important;
padding: 1rem !important;
}
.worldwide-postal-search-form__filters .worldwide-postal-search-form__filters-item .select2 .select2-selection .select2-selection__arrow,.dach-postal-search-map__sidebar-expandable .view-filters form .worldwide-postal-search-form__filters-item .select2 .select2-selection .select2-selection__arrow,.worldwide-postal-search-form__filters .js-form-item .select2 .select2-selection .select2-selection__arrow,.dach-postal-search-map__sidebar-expandable .view-filters form .js-form-item .select2 .select2-selection .select2-selection__arrow {
width: 3.2rem !important;
height: 3.2rem !important;
}
.worldwide-postal-search-form__filters .worldwide-postal-search-form__filters-item .select2 .select2-selection .select2-selection__arrow:after,.dach-postal-search-map__sidebar-expandable .view-filters form .worldwide-postal-search-form__filters-item .select2 .select2-selection .select2-selection__arrow:after,.worldwide-postal-search-form__filters .js-form-item .select2 .select2-selection .select2-selection__arrow:after,.dach-postal-search-map__sidebar-expandable .view-filters form .js-form-item .select2 .select2-selection .select2-selection__arrow:after {
display: inline-block;
width: 100%;
height: 100%;
line-height: 50px;
}
@media screen and (min-width:60em) {
.worldwide-postal-search-form__filters .worldwide-postal-search-form__filters-item .select2 .select2-selection,.dach-postal-search-map__sidebar-expandable .view-filters form .worldwide-postal-search-form__filters-item .select2 .select2-selection,.worldwide-postal-search-form__filters .js-form-item .select2 .select2-selection,.dach-postal-search-map__sidebar-expandable .view-filters form .js-form-item .select2 .select2-selection {
height: 60px !important;
}
.worldwide-postal-search-form__filters .worldwide-postal-search-form__filters-item .select2 .select2-selection .select2-selection__rendered,.dach-postal-search-map__sidebar-expandable .view-filters form .worldwide-postal-search-form__filters-item .select2 .select2-selection .select2-selection__rendered,.worldwide-postal-search-form__filters .js-form-item .select2 .select2-selection .select2-selection__rendered,.dach-postal-search-map__sidebar-expandable .view-filters form .js-form-item .select2 .select2-selection .select2-selection__rendered {
line-height: 28px;
}
.worldwide-postal-search-form__filters .worldwide-postal-search-form__filters-item .select2 .select2-selection .select2-selection__arrow,.dach-postal-search-map__sidebar-expandable .view-filters form .worldwide-postal-search-form__filters-item .select2 .select2-selection .select2-selection__arrow,.worldwide-postal-search-form__filters .js-form-item .select2 .select2-selection .select2-selection__arrow,.dach-postal-search-map__sidebar-expandable .view-filters form .js-form-item .select2 .select2-selection .select2-selection__arrow {
width: 60px !important;
height: 60px !important;
}
.worldwide-postal-search-form__filters .worldwide-postal-search-form__filters-item .select2 .select2-selection .select2-selection__arrow:after,.dach-postal-search-map__sidebar-expandable .view-filters form .worldwide-postal-search-form__filters-item .select2 .select2-selection .select2-selection__arrow:after,.worldwide-postal-search-form__filters .js-form-item .select2 .select2-selection .select2-selection__arrow:after,.dach-postal-search-map__sidebar-expandable .view-filters form .js-form-item .select2 .select2-selection .select2-selection__arrow:after {
line-height: 60px;
}
}
.worldwide-postal-search-form__filters .worldwide-postal-search-form__filters-item .form-checkbox label,.dach-postal-search-map__sidebar-expandable .view-filters form .worldwide-postal-search-form__filters-item .form-checkbox label,.worldwide-postal-search-form__filters .js-form-item .form-checkbox label,.dach-postal-search-map__sidebar-expandable .view-filters form .js-form-item .form-checkbox label {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
}
.worldwide-postal-search-form__filters .worldwide-postal-search-form__filters-item .form-checkbox label:before,.dach-postal-search-map__sidebar-expandable .view-filters form .worldwide-postal-search-form__filters-item .form-checkbox label:before,.worldwide-postal-search-form__filters .js-form-item .form-checkbox label:before,.dach-postal-search-map__sidebar-expandable .view-filters form .js-form-item .form-checkbox label:before {
height: 1.375rem;
width: 1.375rem;
line-height: 22px;
}
.worldwide-postal-search-form__filters .worldwide-postal-search-form__filters-item.form-type-checkbox label,.dach-postal-search-map__sidebar-expandable .view-filters form .worldwide-postal-search-form__filters-item.form-type-checkbox label,.worldwide-postal-search-form__filters .js-form-item.form-type-checkbox label,.dach-postal-search-map__sidebar-expandable .view-filters form .js-form-item.form-type-checkbox label {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.worldwide-postal-search-form__filters .worldwide-postal-search-form__filters-item.form-type-checkbox label:before,.dach-postal-search-map__sidebar-expandable .view-filters form .worldwide-postal-search-form__filters-item.form-type-checkbox label:before,.worldwide-postal-search-form__filters .js-form-item.form-type-checkbox label:before,.dach-postal-search-map__sidebar-expandable .view-filters form .js-form-item.form-type-checkbox label:before {
height: 20px;
width: 20px;
margin-right: 1em;
font-size: 1rem;
line-height: 21px;
}
.worldwide-postal-search-form__filters .worldwide-postal-search-form__filters-item .option,.dach-postal-search-map__sidebar-expandable .view-filters form .worldwide-postal-search-form__filters-item .option,.worldwide-postal-search-form__filters .js-form-item .option,.dach-postal-search-map__sidebar-expandable .view-filters form .js-form-item .option {
color: #222;
display: inline-block;
}
.worldwide-postal-search-form__filters .worldwide-postal-search-form__filters-item--partner,.dach-postal-search-map__sidebar-expandable .view-filters form .worldwide-postal-search-form__filters-item--partner {
display: none;
}
.worldwide-postal-search-form__filters .worldwide-postal-search-form__filters-item--zipcode,.dach-postal-search-map__sidebar-expandable .view-filters form .worldwide-postal-search-form__filters-item--zipcode,.worldwide-postal-search-form__filters .form-item-field-location-proximity-center-geocoder-geolocation-geocoder-address,.dach-postal-search-map__sidebar-expandable .view-filters form .form-item-field-location-proximity-center-geocoder-geolocation-geocoder-address {
position: relative;
display: none;
}
.worldwide-postal-search-form__filters .worldwide-postal-search-form__filters-item--zipcode:after,.dach-postal-search-map__sidebar-expandable .view-filters form .worldwide-postal-search-form__filters-item--zipcode:after,.worldwide-postal-search-form__filters .form-item-field-location-proximity-center-geocoder-geolocation-geocoder-address:after,.dach-postal-search-map__sidebar-expandable .view-filters form .form-item-field-location-proximity-center-geocoder-geolocation-geocoder-address:after {
font-family: "Font Awesome 6 Pro","sans-serif";
content: "\f304";
position: absolute;
inset: 0 0 0 auto;
width: 51px;
height: 51px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
background: #0080f8;
pointer-events: none;
font-size: 20px;
color: #ffffff;
}
@media screen and (min-width:60em) {
.worldwide-postal-search-form__filters .worldwide-postal-search-form__filters-item--zipcode:after,.dach-postal-search-map__sidebar-expandable .view-filters form .worldwide-postal-search-form__filters-item--zipcode:after,.worldwide-postal-search-form__filters .form-item-field-location-proximity-center-geocoder-geolocation-geocoder-address:after,.dach-postal-search-map__sidebar-expandable .view-filters form .form-item-field-location-proximity-center-geocoder-geolocation-geocoder-address:after {
width: 60px;
height: 60px;
}
}
.worldwide-postal-search-form__filters .worldwide-postal-search-form__filters-item--zipcode input,.dach-postal-search-map__sidebar-expandable .view-filters form .worldwide-postal-search-form__filters-item--zipcode input,.worldwide-postal-search-form__filters .form-item-field-location-proximity-center-geocoder-geolocation-geocoder-address input,.dach-postal-search-map__sidebar-expandable .view-filters form .form-item-field-location-proximity-center-geocoder-geolocation-geocoder-address input {
height: 3.2rem !important;
font-weight: bold;
color: #323231;
}
@media screen and (min-width:60em) {
.worldwide-postal-search-form__filters .worldwide-postal-search-form__filters-item--zipcode input,.dach-postal-search-map__sidebar-expandable .view-filters form .worldwide-postal-search-form__filters-item--zipcode input,.worldwide-postal-search-form__filters .form-item-field-location-proximity-center-geocoder-geolocation-geocoder-address input,.dach-postal-search-map__sidebar-expandable .view-filters form .form-item-field-location-proximity-center-geocoder-geolocation-geocoder-address input {
height: 60px !important;
}
}
.worldwide-postal-search-form__filters .worldwide-postal-search-form__filters-item--zipcode input::-webkit-input-placeholder,.dach-postal-search-map__sidebar-expandable .view-filters form .worldwide-postal-search-form__filters-item--zipcode input::-webkit-input-placeholder,.worldwide-postal-search-form__filters .form-item-field-location-proximity-center-geocoder-geolocation-geocoder-address input::-webkit-input-placeholder,.dach-postal-search-map__sidebar-expandable .view-filters form .form-item-field-location-proximity-center-geocoder-geolocation-geocoder-address input::-webkit-input-placeholder {
color: #a6a6a6;
}
.worldwide-postal-search-form__filters .worldwide-postal-search-form__filters-item--zipcode input::-moz-placeholder,.dach-postal-search-map__sidebar-expandable .view-filters form .worldwide-postal-search-form__filters-item--zipcode input::-moz-placeholder,.worldwide-postal-search-form__filters .form-item-field-location-proximity-center-geocoder-geolocation-geocoder-address input::-moz-placeholder,.dach-postal-search-map__sidebar-expandable .view-filters form .form-item-field-location-proximity-center-geocoder-geolocation-geocoder-address input::-moz-placeholder {
color: #a6a6a6;
}
.worldwide-postal-search-form__filters .worldwide-postal-search-form__filters-item--zipcode input:-ms-input-placeholder,.dach-postal-search-map__sidebar-expandable .view-filters form .worldwide-postal-search-form__filters-item--zipcode input:-ms-input-placeholder,.worldwide-postal-search-form__filters .form-item-field-location-proximity-center-geocoder-geolocation-geocoder-address input:-ms-input-placeholder,.dach-postal-search-map__sidebar-expandable .view-filters form .form-item-field-location-proximity-center-geocoder-geolocation-geocoder-address input:-ms-input-placeholder {
color: #a6a6a6;
}
.worldwide-postal-search-form__filters .worldwide-postal-search-form__filters-item--zipcode input::placeholder,.dach-postal-search-map__sidebar-expandable .view-filters form .worldwide-postal-search-form__filters-item--zipcode input::placeholder,.worldwide-postal-search-form__filters .form-item-field-location-proximity-center-geocoder-geolocation-geocoder-address input::placeholder,.dach-postal-search-map__sidebar-expandable .view-filters form .form-item-field-location-proximity-center-geocoder-geolocation-geocoder-address input::placeholder {
color: #a6a6a6;
}
.worldwide-postal-search-form__filters .worldwide-postal-search-form__filters-item--zipcode input input::-webkit-outer-spin-button,.dach-postal-search-map__sidebar-expandable .view-filters form .worldwide-postal-search-form__filters-item--zipcode input input::-webkit-outer-spin-button,.worldwide-postal-search-form__filters .worldwide-postal-search-form__filters-item--zipcode input input::-webkit-inner-spin-button,.dach-postal-search-map__sidebar-expandable .view-filters form .worldwide-postal-search-form__filters-item--zipcode input input::-webkit-inner-spin-button,.worldwide-postal-search-form__filters .form-item-field-location-proximity-center-geocoder-geolocation-geocoder-address input input::-webkit-outer-spin-button,.dach-postal-search-map__sidebar-expandable .view-filters form .form-item-field-location-proximity-center-geocoder-geolocation-geocoder-address input input::-webkit-outer-spin-button,.worldwide-postal-search-form__filters .form-item-field-location-proximity-center-geocoder-geolocation-geocoder-address input input::-webkit-inner-spin-button,.dach-postal-search-map__sidebar-expandable .view-filters form .form-item-field-location-proximity-center-geocoder-geolocation-geocoder-address input input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.worldwide-postal-search-form__filters .worldwide-postal-search-form__filters-item--zipcode input input[type=number],.dach-postal-search-map__sidebar-expandable .view-filters form .worldwide-postal-search-form__filters-item--zipcode input input[type=number],.worldwide-postal-search-form__filters .form-item-field-location-proximity-center-geocoder-geolocation-geocoder-address input input[type=number],.dach-postal-search-map__sidebar-expandable .view-filters form .form-item-field-location-proximity-center-geocoder-geolocation-geocoder-address input input[type=number] {
-moz-appearance: textfield;
}
.worldwide-postal-search-form__filters #zipcode,.dach-postal-search-map__sidebar-expandable .view-filters form #zipcode {
height: 3.2rem !important;
padding: 1rem !important;
}
@media screen and (min-width:60em) {
.worldwide-postal-search-form__filters #zipcode,.dach-postal-search-map__sidebar-expandable .view-filters form #zipcode {
height: 60px !important;
}
}
.worldwide-postal-search-form__filters .worldwide-postal-search-form__filters-actions input[type=submit],.dach-postal-search-map__sidebar-expandable .view-filters form .worldwide-postal-search-form__filters-actions input[type=submit],.worldwide-postal-search-form__filters .form-actions input[type=submit],.dach-postal-search-map__sidebar-expandable .view-filters form .form-actions input[type=submit] {
display: inline-block;
font-family: "Produkt","Roboto Slab",Arial,sans-serif;
color: #ffffff;
background: #0053a4;
border-radius: 0;
border: none;
padding: 0.6em 1.8em;
text-transform: uppercase;
cursor: pointer;
text-align: center;
-webkit-appearance: none;
transition: all 0.2s;
width: 100%;
font-weight: bold;
padding: 16px;
font-family: "Produkt","Roboto Slab",Arial,sans-serif;
text-transform: uppercase;
}
.worldwide-postal-search-form__filters .worldwide-postal-search-form__filters-actions input[type=submit]:hover,.dach-postal-search-map__sidebar-expandable .view-filters form .worldwide-postal-search-form__filters-actions input[type=submit]:hover,.worldwide-postal-search-form__filters .form-actions input[type=submit]:hover,.dach-postal-search-map__sidebar-expandable .view-filters form .form-actions input[type=submit]:hover {
background: #003d74;
color: #ffffff;
}
@media screen and (min-width:60em) {
.worldwide-postal-search-form__filters .worldwide-postal-search-form__filters-actions input[type=submit],.dach-postal-search-map__sidebar-expandable .view-filters form .worldwide-postal-search-form__filters-actions input[type=submit],.worldwide-postal-search-form__filters .form-actions input[type=submit],.dach-postal-search-map__sidebar-expandable .view-filters form .form-actions input[type=submit] {
margin-bottom: 1.875rem;
}
}
.worldwide-postal-search-form__filters .worldwide-postal-search-form__title,.dach-postal-search-map__sidebar-expandable .view-filters form .worldwide-postal-search-form__title {
margin-bottom: 0.625rem;
}
@media screen and (min-width:60em) {
.worldwide-postal-search-form__filters .worldwide-postal-search-form__title,.dach-postal-search-map__sidebar-expandable .view-filters form .worldwide-postal-search-form__title {
margin-bottom: 0.9375rem;
}
}
.worldwide-postal-search-form__filters .worldwide-postal-search-form__text,.dach-postal-search-map__sidebar-expandable .view-filters form .worldwide-postal-search-form__text {
margin-top: 1.875rem;
}
@media screen and (min-width:60em) {
.worldwide-postal-search-form__filters .worldwide-postal-search-form__text,.dach-postal-search-map__sidebar-expandable .view-filters form .worldwide-postal-search-form__text {
margin-block: auto 1.5rem;
}
}
.worldwide-postal-search-form__filters .worldwide-postal-search-form__text .button,.dach-postal-search-map__sidebar-expandable .view-filters form .worldwide-postal-search-form__text .button {
display: -ms-inline-flexbox;
display: inline-flex;
gap: 0.5rem;
-ms-flex-align: center;
align-items: center;
margin: 0;
padding: 1.0625rem 1.5625rem;
font: 700 10px/12px "Produkt","Roboto Slab",Arial,sans-serif;
color: #0053a3;
background-color: #f9d527;
}
.worldwide-postal-search-form__filters .worldwide-postal-search-form__text .button i,.dach-postal-search-map__sidebar-expandable .view-filters form .worldwide-postal-search-form__text .button i {
font-size: 0.75rem;
}
@media screen and (min-width:60em) {
.worldwide-postal-search-form__filters .worldwide-postal-search-form__text .button i,.dach-postal-search-map__sidebar-expandable .view-filters form .worldwide-postal-search-form__text .button i {
font-size: 0.875rem;
}
}
@media screen and (min-width:60em) {
.worldwide-postal-search-form__filters .worldwide-postal-search-form__text .button,.dach-postal-search-map__sidebar-expandable .view-filters form .worldwide-postal-search-form__text .button {
gap: 0.625rem;
font-size: 0.875rem;
line-height: 1rem;
}
}
.postal-search-result {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
position: relative;
background: #ffffff;
padding: 10px;
width: 100%;
min-width: 320px;
opacity: 0.5;
transition: opacity 0.3s;
}
@media screen and (min-width:60em) {
.postal-search-result {
padding: 20px;
}
}
.postal-search-result h4,.postal-search-result span {
color: #222;
}
.postal-search-result:not(:last-of-type) {
margin-bottom: 10px;
}
.postal-search-result .postal-search-result__name {
margin-bottom: 10px;
margin-top: 12px;
}
@media screen and (min-width:60em) {
.postal-search-result .postal-search-result__name {
margin-top: 0;
padding-right: 140px;
}
}
.postal-search-result .postal-search-result__label {
-ms-flex-order: -1;
order: -1;
background: #a6a6a6;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
color: #ffffff;
padding: 10px 16px;
height: 24px;
-webkit-clip-path: polygon(4% 0,100% 0%,100% 100%,0 100%);
clip-path: polygon(4% 0,100% 0%,100% 100%,0 100%);
font-size: 10px;
font-weight: bold;
-ms-flex-item-align: end;
align-self: flex-end;
pointer-events: none;
transition: color 0.3s;
}
@media screen and (min-width:60em) {
.postal-search-result .postal-search-result__label {
position: absolute;
top: 10px;
right: 0;
font-size: 12px;
height: 27px;
}
}
.postal-search-result .postal-search-result__location {
font-weight: bold;
font-size: 14px;
}
@media screen and (min-width:60em) {
.postal-search-result .postal-search-result__location {
font-size: 16px;
}
}
.postal-search-result hr {
width: 100%;
margin: 0;
border-color: #cecece;
margin-top: 15px;
}
.postal-search-result .postal-search-result__phone {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
pointer-events: none;
}
@media screen and (min-width:60em) {
.postal-search-result .postal-search-result__phone {
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
}
}
.postal-search-result .postal-search-result__phone a {
-ms-flex: 1;
flex: 1;
color: #222;
font-size: 14px;
text-align: left;
}
@media screen and (min-width:60em) {
.postal-search-result .postal-search-result__phone a {
font-size: 16px;
}
}
.postal-search-result .postal-search-result__phone a::before {
display: inline-block;
font-family: "iconfont" !important;
font-weight: normal;
content: "\e91f";
pointer-events: none;
color: #a6a6a6;
padding-right: 0.5em;
padding-top: 0.5em;
}
.postal-search-result .postal-search-result__cta {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-ms-flex-pack: center;
justify-content: center;
color: #222;
padding: 10px;
padding-bottom: 0;
font-weight: bold;
font-size: 12px;
pointer-events: none;
}
@media screen and (min-width:60em) {
.postal-search-result .postal-search-result__cta {
font-size: 14px;
}
}
.postal-search-result .postal-search-result__cta span {
font-family: "Produkt","Roboto Slab",Arial,sans-serif;
}
.postal-search-result .postal-search-result__cta span::before {
display: inline-block;
font-family: "iconfont" !important;
font-weight: normal;
content: "\e904";
pointer-events: none;
color: #0080f8;
padding-right: 0.5em;
padding-top: 0.5em;
}
.postal-search-result--active {
opacity: 1;
cursor: pointer;
}
.postal-search-result--active .postal-search-result__cta,.postal-search-result--active .postal-search-result__phone {
pointer-events: all;
}
.postal-search-result--active .postal-search-result__label {
color: #ffffff;
}
.postal-search-result--key-account-partner .postal-search-result__label {
background-color: #0d80f6;
}
.postal-search-result--certified-partner .postal-search-result__label {
background-color: #f9d527;
color: #222;
}
.dach-postal-search-map {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: column nowrap !important;
flex-flow: column nowrap !important;
min-height: 300px;
max-height: none !important;
padding: 0 15px;
}
@media screen and (min-width:48em) {
.dach-postal-search-map {
min-height: 620px;
padding: 0;
}
}
@media screen and (min-width:60em) {
.dach-postal-search-map {
-ms-flex-flow: row nowrap !important;
flex-flow: row nowrap !important;
min-height: 920px;
max-height: 920px !important;
}
}
.dach-postal-search-map .gm-style-iw-a {
display: none !important;
}
.dach-postal-search-map__sidebar {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
-ms-flex-order: 0;
order: 0;
}
@media screen and (min-width:60em) {
.dach-postal-search-map__sidebar {
padding-left: 0;
padding-right: 30px;
-ms-flex: 0 1 40%;
flex: 0 1 40%;
max-width: 40%;
}
}
.dach-postal-search-map__sidebar .dach-postal-search-map__sidebar-ul {
padding: 10px;
background-color: #f6f6f6;
overflow: hidden;
margin-bottom: 20px;
}
.dach-postal-search-map__sidebar ul {
overflow-y: scroll;
max-height: 100%;
margin: 0;
}
.dach-postal-search-map__sidebar-legend {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
background-color: #f6f6f6;
padding: 10px;
margin-top: auto;
}
.dach-postal-search-map__sidebar-legend span {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
color: #222;
font-size: 14px;
padding: 3px;
}
.dach-postal-search-map__sidebar-legend span img {
width: 11px;
height: 14px;
margin-right: 8px;
}
.dach-postal-search-map__sidebar-expandable {
border: 1px solid #cecece;
margin-bottom: 10px;
margin-top: 20px;
}
@media screen and (min-width:60em) {
.dach-postal-search-map__sidebar-expandable {
margin-bottom: 20px;
margin-top: 0;
}
}
.dach-postal-search-map__sidebar-expandable .views-exposed-form .form--inline .select2:first-of-type {
margin-top: 10px;
}
.dach-postal-search-map__sidebar-expandable input[type=submit].form-submit {
margin-top: 15px !important;
margin-bottom: 25px !important;
}
.dach-postal-search-map__sidebar-expandable .dach-postal-search-map__sidebar-expandable-head {
width: 100%;
height: 3.4rem;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
position: relative;
cursor: pointer;
color: #a6a6a6;
font-size: 14px;
text-align: left;
overflow: hidden;
padding-left: 20px;
transition: all 0.2s ease-in-out;
}
@media screen and (min-width:60em) {
.dach-postal-search-map__sidebar-expandable .dach-postal-search-map__sidebar-expandable-head {
font-size: 16px;
}
}
.dach-postal-search-map__sidebar-expandable .dach-postal-search-map__sidebar-expandable-head > span {
position: relative;
padding-right: 60px;
}
.dach-postal-search-map__sidebar-expandable .dach-postal-search-map__sidebar-expandable-head > span:before {
content: "\e914";
transition: all 0.2s ease-in-out;
margin-right: 10px;
color: #0053a3;
font-family: "iconfont" !important;
font-size: 16px !important;
font-weight: normal !important;
}
.dach-postal-search-map__sidebar-expandable .dach-postal-search-map__sidebar-expandable-head .dach-postal-search-map__sidebar-expandable-head-icon {
position: relative;
margin-left: auto;
height: 100%;
font-weight: normal !important;
}
.dach-postal-search-map__sidebar-expandable .dach-postal-search-map__sidebar-expandable-head .dach-postal-search-map__sidebar-expandable-head-icon:after {
content: "\e904";
transition: all 0.2s ease-in-out;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
width: 3.2rem;
height: 100%;
position: absolute;
top: 0;
right: 0;
color: #ffffff;
background: #0080f8;
font-family: "iconfont" !important;
font-weight: normal !important;
}
.dach-postal-search-map__sidebar-expandable .dach-postal-search-map__sidebar-expandable-head span {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.dach-postal-search-map__sidebar-expandable[open] .dach-postal-search-map__sidebar-expandable-head {
color: #222;
font-weight: bold;
font-family: "Produkt","Roboto Slab",Arial,sans-serif;
padding: 10px;
padding-left: 20px;
padding-right: 0;
}
@media screen and (min-width:60em) {
.dach-postal-search-map__sidebar-expandable[open] .dach-postal-search-map__sidebar-expandable-head {
font-size: 18px;
}
}
.dach-postal-search-map__sidebar-expandable[open] .dach-postal-search-map__sidebar-expandable-head .dach-postal-search-map__sidebar-expandable-head-icon:after {
content: "\e91d";
color: #a6a6a6;
background: #ffffff;
}
.dach-postal-search-map__sidebar-expandable .view-filters {
display: none;
padding: 0 20px;
}
.dach-postal-search-map__sidebar-expandable .view-filters form {
max-width: 100%;
padding: 0;
}
.dach-postal-search-map__sidebar-expandable .view-filters form .js-form-item {
margin-right: 0;
margin-bottom: 0;
}
.dach-postal-search-map__sidebar-expandable .view-filters form .form-actions {
margin: 0;
}
.dach-postal-search-map__sidebar-expandable .view-filters form .form-actions .button {
margin-top: 10px;
margin-bottom: 0;
}
.dach-postal-search-map__sidebar-expandable .view-filters form .form-item-field-location-proximity {
display: none;
}
.dach-postal-search-map__sidebar-expandable .view-filters form .geolocation-geocoder-address {
margin-bottom: 0;
}
.dach-postal-search-map__sidebar-expandable .view-filters form .form-type-checkbox {
margin-top: 10px;
}
.dach-postal-search-map__sidebar-expandable .view-filters form .form-item-field-location-proximity-center-geocoder-geolocation-geocoder-address {
display: -ms-inline-flexbox;
display: inline-flex;
margin-top: 10px;
}
.dach-postal-search-map__sidebar-expandable .view-filters form .form-item-field-location-proximity-center-geocoder-geolocation-geocoder-address .geolocation-geocoder-address {
height: 51px;
}
.dach-postal-search-map__sidebar-expandable .view-filters form .select2 {
width: 100% !important;
}
.dach-postal-search-map__map {
-ms-flex: 1 1 100%;
flex: 1 1 100%;
-ms-flex-order: -1;
order: -1;
}
@media screen and (min-width:60em) {
.dach-postal-search-map__map {
-ms-flex-order: 1;
order: 1;
-ms-flex: 0 1 60%;
flex: 0 1 60%;
max-width: 60%;
}
}
.dach-postal-search-map__map .map {
display: -ms-flexbox;
display: flex;
height: 100%;
min-height: 300px;
}
@media screen and (min-width:48em) {
.dach-postal-search-map__map .map {
min-height: 500px;
}
}
@media screen and (min-width:60em) {
.dach-postal-search-map__map .map {
min-height: 0;
}
}
.dach-postal-search-map__map .map .geolocation-map-wrapper {
-ms-flex: 1 0 auto;
flex: 1 0 auto;
height: auto;
}
.dach-postal-search-map__map .map .gm-style div[role=region] > div > div > div > div > div {
display: none;
}
.sr-only,.fa-sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0,0,0,0);
white-space: nowrap;
border-width: 0;
}
.sr-only-focusable:not(:focus),.fa-sr-only-focusable:not(:focus) {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0,0,0,0);
white-space: nowrap;
border-width: 0;
}
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,.slick-slider .slick-list {
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before,.slick-track:after {
display: table;
content: '';
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}[dir='rtl'] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
.slick-loading .slick-list {
background: #fff url(/themes/custom/demagcranes/js/libs/slick/slick/./ajax-loader.gif) center center no-repeat;
}
@font-face {
font-family:'slick';font-weight:normal;font-style:normal;src:url(/themes/custom/demagcranes/js/libs/slick/slick/./fonts/slick.eot);src:url(/themes/custom/demagcranes/js/libs/slick/slick/./fonts/slick.eot#iefix) format('embedded-opentype'),url(/themes/custom/demagcranes/js/libs/slick/slick/./fonts/slick.woff) format('woff'),url(/themes/custom/demagcranes/js/libs/slick/slick/./fonts/slick.ttf) format('truetype'),url(/themes/custom/demagcranes/js/libs/slick/slick/./fonts/slick.svg#slick) format('svg');
}
.slick-prev,.slick-next {
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0,-50%);
-ms-transform: translate(0,-50%);
transform: translate(0,-50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus {
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before {
opacity: 1;
}
.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before {
opacity: .25;
}
.slick-prev:before,.slick-next:before {
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev {
left: -25px;
}[dir='rtl'] .slick-prev {
right: -25px;
left: auto;
}
.slick-prev:before {
content: 'â†';
}[dir='rtl'] .slick-prev:before {
content: '→';
}
.slick-next {
right: -25px;
}[dir='rtl'] .slick-next {
right: auto;
left: -25px;
}
.slick-next:before {
content: '→';
}[dir='rtl'] .slick-next:before {
content: 'â†';
}
.slick-dotted.slick-slider {
margin-bottom: 30px;
}
.slick-dots {
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li {
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,.slick-dots li button:focus {
outline: none;
}
.slick-dots li button:hover:before,.slick-dots li button:focus:before {
opacity: 1;
}
.slick-dots li button:before {
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
opacity: .75;
color: black;
}
@media screen and (min-width:90em) {
.paragraph.paragraph--type--manual-liftups {
width: 100%;
}
}
.paragraph.paragraph--type--manual-liftups > div {
padding: 15px;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
}
@media screen and (min-width:48em) {
.paragraph.paragraph--type--manual-liftups > div {
padding: 0 20px;
}
}
@media screen and (min-width:90em) {
.paragraph.paragraph--type--manual-liftups > div {
padding: 0 40px;
max-width: 1440px;
margin: 0 auto;
}
}
@media screen and (min-width:93.75em) {
.paragraph.paragraph--type--manual-liftups > div {
padding: 0;
}
}
.paragraph.paragraph--type--manual-liftups .paragraph-content .manual-liftups {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
}
@media screen and (min-width:48em) {
.paragraph.paragraph--type--manual-liftups .paragraph-content .manual-liftups {
-ms-flex-direction: row;
flex-direction: row;
margin: 0 -10px;
width: calc(100% + 20px);
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.paragraph.paragraph--type--manual-liftups .paragraph-content .manual-liftups .paragraph--type--manual-liftup {
-ms-flex: 1;
flex: 1;
}
@media screen and (min-width:48em) {
.paragraph.paragraph--type--manual-liftups .paragraph-content .manual-liftups .paragraph--type--manual-liftup {
margin: 0 10px 20px 10px;
-ms-flex: none;
flex: none;
width: calc(50% - 20px);
}
}
@media screen and (min-width:60em) {
.paragraph.paragraph--type--manual-liftups .paragraph-content .manual-liftups .paragraph--type--manual-liftup {
margin: 0 0 20px 0;
width: 33.3333333333%;
}
}
.paragraph.paragraph--type--manual-liftups .paragraph-content .manual-liftups .paragraph--type--manual-liftup article.paragraph--type--manual-liftup.view-mode-card_medium {
padding: 12px;
box-sizing: border-box;
margin: 0;
width: 100%;
}
.paragraph.paragraph--type--manual-liftups .paragraph-content .manual-liftups .paragraph--type--manual-liftup article.paragraph--type--manual-liftup.view-mode-card_medium .field-name-field-main-media {
margin-bottom: 0;
}
@media screen and (max-width:59.9375em) {
.paragraph.paragraph--type--manual-liftups .paragraph-content .manual-liftups .paragraph--type--manual-liftup article.paragraph--type--manual-liftup.view-mode-card_medium {
background: #ffffff;
border: 1px solid #d9d9d9;
box-shadow: 0 8px 8px 0 rgba(0,0,0,0.15);
margin-bottom: 15px;
}
.paragraph.paragraph--type--manual-liftups .paragraph-content .manual-liftups .paragraph--type--manual-liftup article.paragraph--type--manual-liftup.view-mode-card_medium .node-title::after {
content: "";
display: block;
width: 3.75rem;
height: 0.375rem;
margin-top: 1.5625rem;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
background: #ffd51f;
}
.paragraph.paragraph--type--manual-liftups .paragraph-content .manual-liftups .paragraph--type--manual-liftup article.paragraph--type--manual-liftup.view-mode-card_medium .node-title::after {
width: 2.5rem;
}
.paragraph.paragraph--type--manual-liftups .paragraph-content .manual-liftups .paragraph--type--manual-liftup article.paragraph--type--manual-liftup.view-mode-card_medium .node-title::after {
margin-left: 0;
margin-right: 0;
}
.paragraph.paragraph--type--manual-liftups .paragraph-content .manual-liftups .paragraph--type--manual-liftup article.paragraph--type--manual-liftup.view-mode-card_medium .node-title:after {
margin: 15px 0;
}
.paragraph.paragraph--type--manual-liftups .paragraph-content .manual-liftups .paragraph--type--manual-liftup article.paragraph--type--manual-liftup.view-mode-card_medium .more-info {
display: block;
}
}
@media screen and (min-width:48em) {
.paragraph.paragraph--type--manual-liftups .paragraph-content .manual-liftups .paragraph--type--manual-liftup article.paragraph--type--manual-liftup.view-mode-card_medium {
height: 100%;
}
}
@media screen and (min-width:60em) {
.paragraph.paragraph--type--manual-liftups .paragraph-content .manual-liftups .paragraph--type--manual-liftup article.paragraph--type--manual-liftup.view-mode-card_medium:hover {
margin: 0 -13px -13px -13px;
padding: 24px;
position: relative;
top: -60px;
width: calc(100% + 26px);
}
}
.paragraph--type--gallery:not(.paragraph--view-mode--gallery-slider) {
background-color: #f6f6f6;
padding: 40px 0;
}
@media screen and (min-width:90em) {
.paragraph--type--gallery:not(.paragraph--view-mode--gallery-slider) {
width: 100vw;
margin-left: calc(-1 * (100vw - 1440px) / 2);
}
}
.paragraph--type--gallery:not(.paragraph--view-mode--gallery-slider) > div {
padding: 15px;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media screen and (min-width:48em) {
.paragraph--type--gallery:not(.paragraph--view-mode--gallery-slider) > div {
padding: 10px 20px;
}
}
@media screen and (min-width:90em) {
.paragraph--type--gallery:not(.paragraph--view-mode--gallery-slider) > div {
padding: 15px 40px;
max-width: 1440px;
margin: 0 auto;
}
}
@media screen and (min-width:93.75em) {
.paragraph--type--gallery:not(.paragraph--view-mode--gallery-slider) > div {
padding: 15px 0;
}
}
.paragraph--type--gallery:not(.paragraph--view-mode--gallery-slider).paragraph--view-mode--default .section-heading {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 0;
}
.paragraph--type--gallery:not(.paragraph--view-mode--gallery-slider).paragraph--view-mode--default .field-name-field-gallery-media {
overflow: hidden;
margin: 0 -10px;
width: 100%;
}
.paragraph--type--gallery:not(.paragraph--view-mode--gallery-slider).paragraph--view-mode--default .field-name-field-gallery-media > .gallery-item {
float: left;
width: 50%;
padding-right: 0.46875rem;
padding-left: 0.46875rem;
}
@media screen and (min-width:75em) {
.paragraph--type--gallery:not(.paragraph--view-mode--gallery-slider).paragraph--view-mode--default .field-name-field-gallery-media > .gallery-item {
padding-right: 1.25rem;
padding-left: 1.25rem;
}
}
.paragraph--type--gallery:not(.paragraph--view-mode--gallery-slider).paragraph--view-mode--default .field-name-field-gallery-media > .gallery-item:nth-of-type(1n) {
clear: none;
}
.paragraph--type--gallery:not(.paragraph--view-mode--gallery-slider).paragraph--view-mode--default .field-name-field-gallery-media > .gallery-item:nth-of-type(2n+1) {
clear: both;
}
.paragraph--type--gallery:not(.paragraph--view-mode--gallery-slider).paragraph--view-mode--default .field-name-field-gallery-media > .gallery-item:last-child {
float: left;
}
@media screen and (min-width:60em) {
.paragraph--type--gallery:not(.paragraph--view-mode--gallery-slider).paragraph--view-mode--default .field-name-field-gallery-media > .gallery-item {
float: left;
width: 25%;
padding-right: 0.46875rem;
padding-left: 0.46875rem;
}
}
@media screen and (min-width:60em) and (min-width:75em) {
.paragraph--type--gallery:not(.paragraph--view-mode--gallery-slider).paragraph--view-mode--default .field-name-field-gallery-media > .gallery-item {
padding-right: 1.25rem;
padding-left: 1.25rem;
}
}
@media screen and (min-width:60em) {
.paragraph--type--gallery:not(.paragraph--view-mode--gallery-slider).paragraph--view-mode--default .field-name-field-gallery-media > .gallery-item:nth-of-type(1n) {
clear: none;
}
.paragraph--type--gallery:not(.paragraph--view-mode--gallery-slider).paragraph--view-mode--default .field-name-field-gallery-media > .gallery-item:nth-of-type(4n+1) {
clear: both;
}
.paragraph--type--gallery:not(.paragraph--view-mode--gallery-slider).paragraph--view-mode--default .field-name-field-gallery-media > .gallery-item:last-child {
float: left;
}
}
.paragraph--type--gallery:not(.paragraph--view-mode--gallery-slider).paragraph--view-mode--default .field-name-field-gallery-media .gallery-item {
display: block;
position: relative;
padding: 10px;
}
.paragraph--type--gallery:not(.paragraph--view-mode--gallery-slider).paragraph--view-mode--default .field-name-field-gallery-media .gallery-item .field-media--field-image {
padding: 5px;
background: #ffffff;
box-shadow: 0 4px 4px 0 #d9d9d9;
}
.paragraph--type--gallery:not(.paragraph--view-mode--gallery-slider).paragraph--view-mode--default .field-name-field-gallery-media .gallery-item .field-media--field-image .field-item {
width: 100%;
padding-top: 75%;
overflow: hidden;
position: relative;
}
.paragraph--type--gallery:not(.paragraph--view-mode--gallery-slider).paragraph--view-mode--default .field-name-field-gallery-media .gallery-item .field-media--field-image .field-item img {
width: 100%;
height: 100%;
margin: auto;
position: absolute;
top: -100%;
right: -100%;
bottom: -100%;
left: -100%;
-o-object-fit: cover;
object-fit: cover;
}
.paragraph--type--gallery:not(.paragraph--view-mode--gallery-slider).paragraph--view-mode--default .field-name-field-gallery-media .gallery-item .field-media--name {
color: #323231;
text-align: left;
font-size: 14px;
padding-top: 10px;
}
.paragraph--type--gallery:not(.paragraph--view-mode--gallery-slider).paragraph--view-mode--default .field-name-field-gallery-media.more-link .gallery-item:last-child .field-name-field-image .field-items {
position: relative;
}
.paragraph--type--gallery:not(.paragraph--view-mode--gallery-slider).paragraph--view-mode--default .field-name-field-gallery-media.more-link .gallery-item:last-child .field-name-field-image .field-items:before {
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0,61,116,0.9);
z-index: 2;
}
.paragraph--type--gallery:not(.paragraph--view-mode--gallery-slider).paragraph--view-mode--default .field-name-field-gallery-media.more-link .gallery-item:last-child .field-name-field-image .field-items .field-item::before {
display: inline-block;
font-family: "iconfont" !important;
font-weight: normal;
content: "\e91a";
pointer-events: none;
color: #ffffff;
position: absolute;
font-size: 3.125rem;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
z-index: 3;
}
@media screen and (min-width:48em) {
.paragraph--type--gallery:not(.paragraph--view-mode--gallery-slider).paragraph--view-mode--default .field-name-field-gallery-media.more-link .gallery-item:last-child .field-name-field-image .field-items .field-item::before {
font-size: 4.375rem;
}
}
.paragraph--type--gallery:not(.paragraph--view-mode--gallery-slider).paragraph--view-mode--default .field-name-field-gallery-media.more-link .gallery-item:last-child .more-text {
font-size: 0.75rem !important;
text-transform: uppercase;
color: #ffffff;
display: block;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(1.25rem);
-ms-transform: translateX(-50%) translateY(1.25rem);
transform: translateX(-50%) translateY(1.25rem);
z-index: 4;
}
@media screen and (min-width:48em) {
.paragraph--type--gallery:not(.paragraph--view-mode--gallery-slider).paragraph--view-mode--default .field-name-field-gallery-media.more-link .gallery-item:last-child .more-text {
font-size: 0.875rem !important;
-webkit-transform: translateX(-50%) translateY(2.1875rem);
-ms-transform: translateX(-50%) translateY(2.1875rem);
transform: translateX(-50%) translateY(2.1875rem);
}
}
.paragraph--type--gallery:not(.paragraph--view-mode--gallery-slider).paragraph--view-mode--default .field-name-field-gallery-media.more-link .gallery-item:last-child .field-name-name {
display: none;
}
.reveal-overlay > .large.reveal {
top: 0 !important;
overflow: visible;
}
.reveal-overlay > .large.reveal .gallery-title h3 {
color: #ffffff;
text-align: center;
}
.reveal-overlay > .large.reveal .gallery-close button {
right: 0;
top: 25px;
}
.reveal-overlay > .large.reveal .gallery-close button::before {
display: inline-block;
font-family: "iconfont" !important;
font-weight: normal;
content: "\e91d";
pointer-events: none;
color: #ffffff;
font-size: 30px;
}
.reveal-overlay > .large.reveal .gallery-dots .slick-dots {
padding-right: 50px;
bottom: 30px;
}
.reveal-overlay > .large.reveal .gallery-dots .slick-dots li button:before {
font-size: 15px;
color: #0080f8;
opacity: 1;
}
.reveal-overlay > .large.reveal .gallery-dots .slick-dots li.slick-active button:before {
color: #ffffff;
}
.reveal-overlay > .large.reveal .paragraph--type--gallery .field-paragraph--field-gallery-media > button.slick-arrow {
width: 30px;
height: 40px;
background: #0080f8;
top: calc(50% - 40px);
}
.reveal-overlay > .large.reveal .paragraph--type--gallery .field-paragraph--field-gallery-media > button.slick-arrow::before {
display: inline-block;
font-family: "iconfont" !important;
font-weight: normal;
content: "\e902";
pointer-events: none;
font-size: 1.25rem;
color: #ffffff;
text-align: center;
text-indent: 0;
opacity: 1;
}
.reveal-overlay > .large.reveal .paragraph--type--gallery .field-paragraph--field-gallery-media > button.slick-arrow.slick-prev {
left: -30px;
}
.reveal-overlay > .large.reveal .paragraph--type--gallery .field-paragraph--field-gallery-media > button.slick-arrow.slick-prev:before {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
padding-right: 2px;
}
.reveal-overlay > .large.reveal .paragraph--type--gallery .field-paragraph--field-gallery-media > button.slick-arrow.slick-next {
right: -30px;
}
.reveal-overlay > .large.reveal .paragraph--type--gallery .field-paragraph--field-gallery-media > button.slick-arrow.slick-next:before {
padding-left: 2px;
}
.reveal-overlay > .large.reveal article.slick-slide {
margin: auto;
}
.reveal-overlay > .large.reveal article.slick-slide > .field-media--field-image > .field-items > .field-item {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
}
.reveal-overlay > .large.reveal article.slick-slide > .field-media--field-image > .field-items > .field-item img {
max-height: calc(100vh - 200px);
}
.reveal-overlay > .large.reveal article.slick-slide .gallery-slide-caption h4 {
color: #ffffff;
font-family: "Istok Web",sans-serif;
max-width: 800px;
text-align: center;
margin: 15px auto;
font-size: 16px;
}
.reveal-overlay > .large.reveal article.slick-slide .gallery-slide-caption .field-name-field-media-description p {
text-align: left;
color: white;
max-width: 1025px;
margin: 0 auto;
}
.contact-information-card {
background: #ffffff;
padding: 1.875rem 0.9375rem 2.3125rem 0.9375rem;
text-align: center;
overflow: hidden;
box-shadow: 0 8px 8px 0 rgba(0,0,0,0.15);
}
@media screen and (min-width:48em) {
.contact-information-card {
padding: 1.4375rem 1.875rem 2.4375rem 1.875rem;
text-align: left;
}
}
@media screen and (min-width:48em) {
.contact-information-card .contact-image-wrapper {
float: left;
}
}
.contact-information-card .contact-image-wrapper .field-name-field-image {
margin-bottom: 0.9375rem;
}
@media screen and (min-width:48em) {
.contact-information-card .contact-image-wrapper .field-name-field-image {
margin-bottom: 0;
}
}
.contact-information-card .contact-image-wrapper .field-name-field-image img {
border-radius: 50%;
max-width: 200px;
}
@media screen and (min-width:48em) {
.contact-information-card .contact-image-wrapper .field-name-field-image img {
max-width: 100%;
}
}
.contact-information-card .contact-info-wrapper .contact-name {
padding-bottom: 1.25rem;
margin-bottom: 0.9375rem;
border-bottom: 1px solid #d9d9d9;
font-size: 1.125rem;
}
@media screen and (min-width:48em) {
.contact-information-card .contact-info-wrapper .contact-name {
padding-bottom: 0.9375rem;
padding-left: 0.1875rem;
margin-bottom: 1.25rem;
font-size: 1.25rem;
}
}
.contact-information-card .contact-info-wrapper .contact-details {
overflow: hidden;
}
@media screen and (min-width:48em) {
.contact-information-card .contact-info-wrapper .contact-details {
padding-bottom: 1.125rem;
padding-left: 0.1875rem;
border-bottom: 1px solid #d9d9d9;
}
}
.contact-information-card .contact-info-wrapper .contact-details .contact-address {
padding-bottom: 0.6875rem;
margin-bottom: 1.125rem;
border-bottom: 1px solid #d9d9d9;
}
@media screen and (min-width:48em) {
.contact-information-card .contact-info-wrapper .contact-details .contact-address {
float: left;
width: 40%;
border: 0;
padding-right: 3.375rem;
padding-bottom: 0;
margin-bottom: 0;
}
}
.contact-information-card .contact-info-wrapper .contact-details .contact-address .field-name-field-contact-address {
font-size: 0.875rem;
line-height: 1.4375rem;
}
.contact-information-card .contact-info-wrapper .contact-details .contact-address .field-name-field-contact-address p {
margin-bottom: 0.625rem;
}
.contact-information-card .contact-info-wrapper .contact-details .contact-address .field-name-field-contact-address p:last-child {
margin-bottom: 0;
}
.contact-information-card .contact-info-wrapper .contact-details .contact-communication {
font-size: 0.875rem;
line-height: 1.4375rem;
padding-bottom: 1.125rem;
border-bottom: 1px solid #d9d9d9;
}
@media screen and (min-width:48em) {
.contact-information-card .contact-info-wrapper .contact-details .contact-communication {
float: left;
width: 60%;
padding-bottom: 0;
border: 0;
}
}
.contact-information-card .contact-info-wrapper .contact-details .contact-communication .contact-info .contact-info-label {
display: inline-block;
}
.contact-information-card .contact-info-wrapper .contact-details .contact-communication .contact-info .contact-info-data {
display: inline-block;
font-weight: bold;
}
.contact-information-card .contact-info-wrapper .contact-cta {
margin-top: 2.34375rem;
}
@media screen and (min-width:48em) {
.contact-information-card.has-image {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
}
@media screen and (min-width:48em) {
.contact-information-card.has-image .contact-image-wrapper {
float: left;
width: 8.75rem;
}
}
@media screen and (min-width:48em) {
.contact-information-card.has-image .contact-info-wrapper {
float: right;
width: 31.625rem;
padding-top: 1.25rem;
}
}
.paragraph.paragraph--type--contact-information .contact-information-inner {
position: relative;
}
.paragraph.paragraph--type--contact-information .contact-information-inner .contact-information-header {
background: #f6f6f6;
}
@media screen and (min-width:90em) {
.paragraph.paragraph--type--contact-information .contact-information-inner .contact-information-header {
width: 100vw;
margin-left: calc(-1 * (100vw - 1440px) / 2);
}
}
.paragraph.paragraph--type--contact-information .contact-information-inner .contact-information-header .contact-information-label {
width: 14.375rem;
height: 6.375rem;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
padding-right: 30px;
background: #ffd51f;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: skewX(-12deg);
-ms-transform: skewX(-12deg);
transform: skewX(-12deg);
}
.paragraph.paragraph--type--contact-information .contact-information-inner .contact-information-header .contact-information-label > * {
-webkit-transform: skewX(12deg);
-ms-transform: skewX(12deg);
transform: skewX(12deg);
}
@media screen and (min-width:48em) {
.paragraph.paragraph--type--contact-information .contact-information-inner .contact-information-header .contact-information-label {
width: 30.625rem;
height: 8.75rem;
}
}
@media screen and (min-width:93.75em) {
.paragraph.paragraph--type--contact-information .contact-information-inner .contact-information-header .contact-information-label {
margin-left: calc((100vw - 1440px) / 2);
}
}
.paragraph.paragraph--type--contact-information .contact-information-inner .contact-information-header .contact-information-label h3 {
font-size: 1.375rem;
color: #000000;
margin-bottom: 0;
}
@media screen and (min-width:48em) {
.paragraph.paragraph--type--contact-information .contact-information-inner .contact-information-header .contact-information-label h3 {
font-size: 1.5rem;
}
}
.paragraph.paragraph--type--contact-information .contact-information-inner .contact-information-content {
position: relative;
top: -0.9375rem;
margin-bottom: 1.25rem;
z-index: 2;
}
@media screen and (min-width:48em) {
.paragraph.paragraph--type--contact-information .contact-information-inner .contact-information-content {
width: 46.875rem;
margin: 0 auto 1.25rem auto;
}
}
@media screen and (min-width:60em) {
.paragraph.paragraph--type--contact-information .contact-information-inner .contact-information-content {
top: -2.5rem;
margin-right: 5px;
}
}
@media screen and (min-width:75em) {
.paragraph.paragraph--type--contact-information .contact-information-inner .contact-information-content {
top: -6.25rem;
margin-bottom: -2.5rem;
}
}
@media screen and (min-width:90em) {
.paragraph.paragraph--type--contact-information .contact-information-inner .contact-information-content {
margin-right: 10%;
}
}
.paragraph.paragraph--type--contact-information .contact-information-inner .contact-information-content .field-name-field-contact-ref {
overflow: hidden;
padding: 0 15px 15px 15px;
}
.paragraph.paragraph--type--contact-information .contact-information-inner .contact-information-content .field-name-field-contact-ref .field-items .field-item {
margin-bottom: 1.25rem;
}
.paragraph.paragraph--type--contact-information .contact-information-inner .contact-information-content .field-name-field-contact-ref .field-items .field-item:last-child {
margin-bottom: 0;
}
@media screen and (min-width:48em) {
.paragraph.paragraph--type--contact-information .contact-information-inner .contact-information-content .field-name-field-contact-ref .contact-information-card {
width: 45rem;
}
}
.paragraph--type--hero-default {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-align: end;
align-items: flex-end;
min-height: 400px;
}
.paragraph--type--hero-default > .background-image,.paragraph--type--hero-default.is-transparent > .transparent-overlay {
position: absolute;
width: 100%;
height: 100%;
}
.paragraph--type--hero-default > .background-image {
-o-object-fit: cover;
object-fit: cover;
}
.paragraph--type--hero-default.is-transparent > .transparent-overlay {
background: #d9d9d9;
background: radial-gradient(circle,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.9) 100%);
}
@media screen and (min-width:48em) {
.paragraph--type--hero-default {
min-height: 500px;
}
}
@media screen and (min-width:60em) {
.paragraph--type--hero-default {
min-height: 600px;
}
}
@media screen and (min-width:90em) {
.paragraph--type--hero-default {
min-height: 700px;
width: 100vw;
margin-left: calc(-1 * (100vw - 1440px) / 2);
}
}
.paragraph--type--hero-default .hero-container {
position: relative;
width: 100%;
max-width: 1440px;
margin: 0 auto;
padding: 0 15px;
}
@media screen and (min-width:60em) {
.paragraph--type--hero-default .hero-container {
padding: 0 20px;
max-height: 45rem;
}
}
@media screen and (min-width:90em) {
.paragraph--type--hero-default .hero-container {
padding: 0;
margin: 0;
}
}
.paragraph--type--hero-default .hero-container .hero-content {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
padding: 40px 0;
overflow: hidden;
margin-left: -15px;
max-width: 650px;
}
@media screen and (min-width:60em) {
.paragraph--type--hero-default .hero-container .hero-content {
margin-left: -20px;
max-width: none;
}
.paragraph--type--hero-default .hero-container .hero-content.has-product-features {
padding-bottom: 200px;
}
}
@media screen and (min-width:90em) {
.paragraph--type--hero-default .hero-container .hero-content {
margin-left: 0;
max-width: calc((100vw - 1440px) / 2 + 40px + 780px);
}
}
.paragraph--type--hero-default .hero-container .hero-content .hero-content-primary {
width: 100%;
}
@media screen and (min-width:60em) {
.paragraph--type--hero-default .hero-container .hero-content .hero-content-primary {
margin-bottom: 0.8125rem;
width: 48.75rem;
}
}
@media screen and (min-width:90em) {
.paragraph--type--hero-default .hero-container .hero-content .hero-content-primary {
width: calc((100vw - 1440px) / 2 + 780px);
}
}
.paragraph--type--hero-default .hero-container .hero-content .hero-content-primary .hero-content-primary-inner,.paragraph--type--hero-default .hero-container .hero-content .hero-content-primary .hero-content-primary-inner-other {
width: 100%;
min-height: 5.9375rem;
position: relative;
z-index: 2;
padding: 0.3125rem 1.125rem 0.3125rem 1.125rem;
}
.paragraph--type--hero-default .hero-container .hero-content .hero-content-primary .hero-content-primary-inner:before,.paragraph--type--hero-default .hero-container .hero-content .hero-content-primary .hero-content-primary-inner-other:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(180deg,rgba(0,83,164,0.9) 0%,rgba(0,61,116,0.9) 100%);
z-index: -1;
-webkit-transform: skewX(-12deg);
-ms-transform: skewX(-12deg);
transform: skewX(-12deg);
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
}
@media screen and (min-width:60em) {
.paragraph--type--hero-default .hero-container .hero-content .hero-content-primary .hero-content-primary-inner,.paragraph--type--hero-default .hero-container .hero-content .hero-content-primary .hero-content-primary-inner-other {
height: 11.25rem;
padding: 0.875rem 2.5rem 0.875rem 2.5rem;
}
}
.paragraph--type--hero-default .hero-container .hero-content .hero-content-primary .hero-content-primary-inner .hero-slogan h1,.paragraph--type--hero-default .hero-container .hero-content .hero-content-primary .hero-content-primary-inner-other .hero-slogan h1 {
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
top: 50%;
color: #ffffff;
word-wrap: break-word;
font-size: 2.125rem;
line-height: 2.625rem;
margin-bottom: 0;
padding-right: 0.5em;
}
@media screen and (max-width:30em) {
.paragraph--type--hero-default .hero-container .hero-content .hero-content-primary .hero-content-primary-inner .hero-slogan h1,.paragraph--type--hero-default .hero-container .hero-content .hero-content-primary .hero-content-primary-inner-other .hero-slogan h1 {
font-size: 1.625rem;
line-height: 1.75rem;
}
}
@media screen and (min-width:60em) {
.paragraph--type--hero-default .hero-container .hero-content .hero-content-primary .hero-content-primary-inner .hero-slogan h1,.paragraph--type--hero-default .hero-container .hero-content .hero-content-primary .hero-content-primary-inner-other .hero-slogan h1 {
padding-right: 1em;
font-size: 3.375rem;
line-height: 4.375rem;
}
}
.paragraph--type--hero-default .hero-container .hero-content .hero-content-primary .hero-content-primary-inner .hero-slogan h1.smaller-title,.paragraph--type--hero-default .hero-container .hero-content .hero-content-primary .hero-content-primary-inner-other .hero-slogan h1.smaller-title {
font-size: 1.625rem;
line-height: 1.75rem;
}
@media screen and (min-width:60em) {
.paragraph--type--hero-default .hero-container .hero-content .hero-content-primary .hero-content-primary-inner .hero-slogan h1.smaller-title,.paragraph--type--hero-default .hero-container .hero-content .hero-content-primary .hero-content-primary-inner-other .hero-slogan h1.smaller-title {
font-size: 2.125rem;
line-height: 2.5rem;
}
}
.paragraph--type--hero-default .hero-container .hero-content .hero-content-secondary {
width: 100%;
margin-top: 10px;
padding-right: 22px;
}
@media screen and (min-width:60em) {
.paragraph--type--hero-default .hero-container .hero-content .hero-content-secondary {
width: 46.25rem;
padding-right: 0;
}
}
@media screen and (min-width:90em) {
.paragraph--type--hero-default .hero-container .hero-content .hero-content-secondary {
width: calc((100vw - 1440px) / 2 + 738px);
}
}
.paragraph--type--hero-default .hero-container .hero-content .hero-content-secondary .hero-content-secondary-inner,.paragraph--type--hero-default .hero-container .hero-content .hero-content-secondary .hero-content-secondary-inner-other {
width: 100%;
position: relative;
z-index: 2;
padding: 0.9375rem 1.25rem 0.9375rem 1.25rem;
}
@media screen and (min-width:60em) {
.paragraph--type--hero-default .hero-container .hero-content .hero-content-secondary .hero-content-secondary-inner,.paragraph--type--hero-default .hero-container .hero-content .hero-content-secondary .hero-content-secondary-inner-other {
padding: 2.6875rem 2.3125rem 2.6875rem 2.3125rem;
}
}
.paragraph--type--hero-default .hero-container .hero-content .hero-content-secondary .hero-content-secondary-inner:before,.paragraph--type--hero-default .hero-container .hero-content .hero-content-secondary .hero-content-secondary-inner-other:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
-webkit-transform: skewX(-12deg);
-ms-transform: skewX(-12deg);
transform: skewX(-12deg);
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
background: #163C71;
background: rgba(246,246,246,0.9);
}
@media screen and (min-width:60em) {
.paragraph--type--hero-default .hero-container .hero-content .hero-content-secondary .hero-content-secondary-inner:before,.paragraph--type--hero-default .hero-container .hero-content .hero-content-secondary .hero-content-secondary-inner-other:before {
background: rgba(246,246,246,0.9);
}
}
.paragraph--type--hero-default .hero-container .hero-content .hero-content-secondary .hero-content-secondary-inner .hero-title h2,.paragraph--type--hero-default .hero-container .hero-content .hero-content-secondary .hero-content-secondary-inner-other .hero-title h2 {
color: #676f77;
margin-bottom: 0;
font-size: 1.625rem;
line-height: 2rem;
}
@media screen and (min-width:60em) {
.paragraph--type--hero-default .hero-container .hero-content .hero-content-secondary .hero-content-secondary-inner .hero-title h2,.paragraph--type--hero-default .hero-container .hero-content .hero-content-secondary .hero-content-secondary-inner-other .hero-title h2 {
font-size: 2.125rem;
line-height: 2.5625rem;
}
}
.paragraph--type--hero-default .hero-container .hero-content .hero-content-secondary .hero-content-secondary-inner .hero-subtitle h2,.paragraph--type--hero-default .hero-container .hero-content .hero-content-secondary .hero-content-secondary-inner-other .hero-subtitle h2 {
font-size: 1.625rem;
line-height: 1.75rem;
margin-bottom: 0.625rem;
}
@media screen and (min-width:60em) {
.paragraph--type--hero-default .hero-container .hero-content .hero-content-secondary .hero-content-secondary-inner .hero-subtitle h2,.paragraph--type--hero-default .hero-container .hero-content .hero-content-secondary .hero-content-secondary-inner-other .hero-subtitle h2 {
font-size: 1.625rem;
line-height: 1.75rem;
margin-bottom: 0.8125rem;
}
}
.paragraph--type--hero-default .hero-container .hero-content .hero-content-secondary .hero-content-secondary-inner .hero-link a,.paragraph--type--hero-default .hero-container .hero-content .hero-content-secondary .hero-content-secondary-inner-other .hero-link a {
display: inline-block;
font-family: "Produkt","Roboto Slab",Arial,sans-serif;
color: #ffffff;
background: #0053a4;
border-radius: 0;
border: none;
padding: 0.6em 1.8em;
text-transform: uppercase;
cursor: pointer;
text-align: center;
-webkit-appearance: none;
transition: all 0.2s;
padding: 0.75rem 4.2em 0.75rem 1.8em;
font-size: 0.875rem;
min-width: 13.75rem;
position: relative;
line-height: 1rem;
text-align: center;
}
.paragraph--type--hero-default .hero-container .hero-content .hero-content-secondary .hero-content-secondary-inner .hero-link a:hover,.paragraph--type--hero-default .hero-container .hero-content .hero-content-secondary .hero-content-secondary-inner-other .hero-link a:hover {
background: #003d74;
color: #ffffff;
}
.paragraph--type--hero-default .hero-container .hero-content .hero-content-secondary .hero-content-secondary-inner .hero-link a::after,.paragraph--type--hero-default .hero-container .hero-content .hero-content-secondary .hero-content-secondary-inner-other .hero-link a::after {
display: inline-block;
font-family: "iconfont" !important;
font-weight: normal;
content: "\e902";
pointer-events: none;
font-size: 1.25rem;
width: 2.5rem;
background: #0080f8;
position: absolute;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
top: 0;
right: 0;
bottom: 0;
}
@media screen and (min-width:90em) {
.paragraph--type--hero-default .hero-container .hero-content .hero-content-primary .hero-content-primary-inner,.paragraph--type--hero-default .hero-container .hero-content .hero-content-primary .hero-content-secondary-inner,.paragraph--type--hero-default .hero-container .hero-content .hero-content-secondary .hero-content-primary-inner,.paragraph--type--hero-default .hero-container .hero-content .hero-content-secondary .hero-content-secondary-inner {
padding-left: 40px;
}
}
@media screen and (min-width:93.75em) {
.paragraph--type--hero-default .hero-container .hero-content .hero-content-primary .hero-content-primary-inner,.paragraph--type--hero-default .hero-container .hero-content .hero-content-primary .hero-content-secondary-inner,.paragraph--type--hero-default .hero-container .hero-content .hero-content-secondary .hero-content-primary-inner,.paragraph--type--hero-default .hero-container .hero-content .hero-content-secondary .hero-content-secondary-inner {
padding-left: calc((100vw - 1440px) / 2);
}
}
.paragraph--type--hero-default .additional-info .field-paragraph--field-product-features {
display: none;
}
@media screen and (min-width:60em) {
.paragraph--type--hero-default .additional-info .field-paragraph--field-product-features {
display: -ms-flexbox;
display: flex;
color: #ffffff;
background-color: rgba(0,0,0,0.5);
position: absolute;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
bottom: 0;
left: 0;
right: 0;
z-index: 2;
}
}
@media screen and (min-width:60em) and (min-width:90em) {
.paragraph--type--hero-default .additional-info .field-paragraph--field-product-features {
width: 100vw;
}
}
@media screen and (min-width:60em) {
.paragraph--type--hero-default .additional-info .field-paragraph--field-product-features .field-items {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
max-width: 1100px;
text-align: center;
padding: 20px 40px;
}
.paragraph--type--hero-default .additional-info .field-paragraph--field-product-features .field-items .field-item {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
}
.paragraph--type--hero-default .additional-info .field-paragraph--field-product-features .field-items .field-item .form-item {
margin: 0;
}
.paragraph--type--hero-default .additional-info .field-paragraph--field-product-features .field-items .field-item .form-item span.feature,.paragraph--type--hero-default .additional-info .field-paragraph--field-product-features .field-items .field-item .form-item span.value {
font-family: "Produkt","Roboto Slab",Arial,sans-serif;
text-transform: uppercase;
}
.paragraph--type--hero-default .additional-info .field-paragraph--field-product-features .field-items .field-item label {
display: none;
}
}
.paragraph--type--hero-default .additional-info .field-link-content a {
margin: 10px 20px 10px 0;
display: inline-block;
font-family: "Produkt","Roboto Slab",Arial,sans-serif;
color: #ffffff;
border-radius: 0;
border: 1px solid #ffffff;
padding: 0.6em 1.8em;
text-transform: uppercase;
cursor: pointer;
text-align: center;
-webkit-appearance: none;
transition: all 0.2s;
padding: 0.75rem 4.2em 0.75rem 1.8em;
font-size: 0.875rem;
min-width: 13.75rem;
position: relative;
line-height: 1rem;
text-align: center;
}
.paragraph--type--hero-default .additional-info .field-link-content a:hover {
background: #003d74;
color: #ffffff;
}
.paragraph--type--hero-default .additional-info .field-link-content a::after {
display: inline-block;
font-family: "iconfont" !important;
font-weight: normal;
content: "\e902";
pointer-events: none;
font-size: 1.25rem;
width: 2.5rem;
border-left: 1px solid #ffffff;
color: #0080f8;
position: absolute;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
top: 0;
right: 0;
bottom: 0;
background: #ffffff;
}
@media screen and (min-width:90em) {
.paragraph--type--hero-default .additional-info .field-link-content a {
margin-left: 40px;
}
}
@media screen and (min-width:93.75em) {
.paragraph--type--hero-default .additional-info .field-link-content a {
margin-left: calc((100vw - 1440px) / 2);
}
}
@media screen and (min-width:60em) {
.paragraph--type--hero-default .additional-info.has-key-features .field-link-content {
position: relative;
z-index: 2;
padding-bottom: 5px;
}
.paragraph--type--hero-default .additional-info.has-key-features .field-link-content .field-type-link .field-item {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: end;
justify-content: flex-end;
}
.paragraph--type--hero-default .additional-info.has-key-features .field-link-content .field-type-link .field-item a {
margin-right: 0;
}
}
@media screen and (min-width:90em) {
.paragraph--type--hero-default .additional-info.has-key-features .product-links {
width: 100vw;
}
.paragraph--type--hero-default .additional-info.has-key-features .product-links .field-link-content {
margin-right: 30px;
}
}
@media screen and (min-width:90em) and (min-width:93.75em) {
.paragraph--type--hero-default .additional-info.has-key-features .product-links .field-link-content {
margin-right: calc((100vw - 1400px) / 2 - 20px);
}
}
.paragraph--type--hero-default .additional-info.has-key-features.has-links .field-name-field-product-features > .field-items {
margin-right: 400px;
}
.paragraph--type--hero-default .additional-info.has-links:not(.has-key-features) .product-links {
padding-bottom: 10px;
}