html, html body { line-height: 1; width: initial; height: initial; overflow: initial; overflow-x: hidden; } body * { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: transparent; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } ol, ul { list-style-type: none; } fieldset { border: none; } :root { text-size-adjust: 100%; } audio:not([controls]) { display: none; height: 0; } input[type="number"] { width: auto; } input[type="search"] { -webkit-appearance: textfield; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; } pre { overflow: auto; } progress { display: inline-block; } textarea { overflow: auto; } template, [hidden] { display: none; } [unselectable] { user-select: none; } :root { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color: #4a4a4a; text-rendering: optimizeLegibility; vertical-align: top; font-family: proxima-nova, "Arial", sans-serif; font-size: 15.75px; line-height: 1.5; font-size: 18px; } *, ::after, ::before { box-sizing: inherit; color: inherit; font-family: inherit; font-size: inherit; line-height: inherit; text-decoration: inherit; vertical-align: inherit; } * { cursor: inherit; margin: 0; padding: 0; } body { background-color: white; } button, body > div.main input[type="submit"], body > div.main .Actions .back-link, input, select, textarea { cursor: initial; } a { cursor: pointer; } hr { border: 0; border-top: 20px solid #fff; display: block; height: 1px; margin: 20px 0; } figure { margin: 24px 1em; } figcaption { color: #666; font-style: italic; text-align: center; } ::selection { background-color: #d6d6d6; } ::-moz-selection { background-color: #d6d6d6; } img { max-width: 100%; height: auto; } [class^="color-"] { color: white; padding: 1em 2em; } .color-base-primary { background-color: #034086; } .color-base-selection { background-color: #d6d6d6; } .color-base-lines { background-color: #e0e0e0; } .color-text-primary { background-color: #4a4a4a; } .color-text-secondary { background-color: #666; } .color-text-heading { background-color: #034086; } .color-text-ui { background-color: white; } .color-background-dark { background-color: #282E31; } .color-background-light { background-color: #f5f5f5; } .color-background-body { background-color: white; } .color-state-muted { background-color: #aaa; } .color-state-primary { background-color: #034086; } .color-state-success { background-color: #45ca69; } .color-state-warning { background-color: #ffb800; } .color-state-error { background-color: #ca4829; } .color-blue-darker { background-color: #495b61; } .color-blue-dark { background-color: #447281; } .color-blue { background-color: #4591aa; } .color-blue-light { background-color: #5ab0cc; } .color-blue-lighter { background-color: #74cbe8; } .color-green-darker { background-color: #3b6e6e; } .color-green-dark { background-color: #3b8686; } .color-green { background-color: #37a1a1; } .color-green-light { background-color: #2dbaba; } .color-green-lighter { background-color: #69d1d1; } .color-cream-darker { background-color: #c47858; } .color-cream-dark { background-color: #e29372; } .color-cream { background-color: #ecac91; } .color-cream-light { background-color: #f9c2ab; } .color-cream-lighter { background-color: #fdd5c3; } .color-red-darker { background-color: #653131; } .color-red-dark { background-color: #b73333; } .color-red { background-color: #da3c3c; } .color-red-light { background-color: #f25a5a; } .color-red-lighter { background-color: #fa8181; } .color-gray-darker { background-color: #333333; } .color-gray-dark { background-color: #4d4d4d; } .color-gray { background-color: #666666; } .color-gray-light { background-color: #808080; } .color-gray-lighter { background-color: #999999; } .pagination ul, .typography .pagination ul { list-style-type: none; padding: 0; } .pagination ul li { display: inline-block; border-radius: 2px; text-align: center; vertical-align: top; height: 30px; } .pagination ul li span, .pagination ul li a { color: #4a4a4a; display: inline-block; line-height: 30px; padding: 0 10px; } .pagination ul li.active { background-color: #d6d6d6; } .pagination ul li.disabled a { cursor: default; color: #aaa; } .pagination ul li i { font-size: 2rem; } .pagination ul li.pages ul li { display: inline-block; float: none; } @media print { @page { margin: .5cm; } *, *:before, *:after { background: transparent !important; color: black !important; filter: none !important; text-shadow: none !important; } :root { background-color: white; color: black; font: 11pt/1.3 "Georgia", "Times New Roman", "Times", serif; } img { max-width: 100% !important; page-break-after: avoid; page-break-inside: avoid; } .show-print { display: block; visibility: visible; } .hide-print, video, audio, object, embed, nav, footer, a[href^="#"]:after { display: none; visibility: hidden; } p, h2, h3, .h2, .h3 { orphans: 3; widows: 3; } h2, h3, .h2, .h3 { page-break-after: avoid; } a, a:visited { color: black; font-size: .57em; text-decoration: underline; word-wrap: break-word; } a[href]:after, a:visited[href]:after { content: " (" attr(href) ")"; font-size: smaller; } q:after { content: " (Source: " attr(cite) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, code { background-color: none; border: 1px solid #e0e0e0; page-break-inside: avoid; } blockquote { border: none; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } ol { padding-left: 1.25em; } ul { padding-left: 0; list-style: none; } ul ul, ul ul ul { padding-left: 1.5em; } ul li, ol li { content: "» "; } } @media print and (min-width: 480px) { table { page-break-inside: avoid; width: 100% !important; } table th, table td { line-height: 40px !important; } } @media print { .badge, .badge:before, .badge *:after, .label, .label:before, .label *:after, .spinner, .spinner:before, .spinner *:after, .tooltip, .tooltip:before, .tooltip *:after, [data-hint], [data-hint]:before, [data-hint] *:after, .progress, .progress:before, .progress *:after, .breadcrumbs, .breadcrumbs:before, .breadcrumbs *:after, .modal, .modal:before, .modal *:after, .alert, .alert:before, .alert *:after { display: none; visibility: hidden; } } body > div.main { /* Checkboxes ========================================================================== */ /* Remove default checkbox */ /* Radio Buttons ========================================================================== */ /* Unchecked styles */ /* Checked styles */ /* Radio With gap */ /* Disabled Radio With gap */ /* Disabled style */ } body > div.main button:not([class^="ss-ui-"]):not([class*=" ss-ui-"]):not([id^="mceu"]):not([role="presentation"]):not(.slick-arrow), body > div.main input[type="submit"]:not([class^="ss-ui-"]):not([class*=" ss-ui-"]):not([id^="mceu"]):not([role="presentation"]):not(.slick-arrow), body > div.main .Actions .back-link:not([class^="ss-ui-"]):not([class*=" ss-ui-"]):not([id^="mceu"]):not([role="presentation"]):not(.slick-arrow), body > div.main .button { background-color: #034086; border: 1px solid rgba(3, 64, 134, 0.5); color: white; cursor: pointer; display: inline-block; line-height: 36px; overflow: visible; padding: 0 1.5em; text-align: center; text-decoration: none; transition: 300ms; user-select: none; vertical-align: middle; white-space: nowrap; height: auto; background: #000; color: #fff; font-family: proxima-nova, "Arial", sans-serif; float: left; line-height: 60px; font-size: 1.277777777777778em; /*23px;*/ margin-right: 10px; } @media (min-width: 1025px) and (max-width: 1919px) { body > div.main button:not([class^="ss-ui-"]):not([class*=" ss-ui-"]):not([id^="mceu"]):not([role="presentation"]):not(.slick-arrow), body > div.main input[type="submit"]:not([class^="ss-ui-"]):not([class*=" ss-ui-"]):not([id^="mceu"]):not([role="presentation"]):not(.slick-arrow), body > div.main .Actions .back-link:not([class^="ss-ui-"]):not([class*=" ss-ui-"]):not([id^="mceu"]):not([role="presentation"]):not(.slick-arrow), body > div.main .button { font-size: 1.19791666666667vw; line-height: 3.125vw; padding: 0 0.98958333333333vw; } } @media (max-width: 480px) { body > div.main button:not([class^="ss-ui-"]):not([class*=" ss-ui-"]):not([id^="mceu"]):not([role="presentation"]):not(.slick-arrow), body > div.main input[type="submit"]:not([class^="ss-ui-"]):not([class*=" ss-ui-"]):not([id^="mceu"]):not([role="presentation"]):not(.slick-arrow), body > div.main .Actions .back-link:not([class^="ss-ui-"]):not([class*=" ss-ui-"]):not([id^="mceu"]):not([role="presentation"]):not(.slick-arrow), body > div.main .button { font-size: 14px; } } body > div.main button:not([class^="ss-ui-"]):not([class*=" ss-ui-"]):not([id^="mceu"]):not([role="presentation"]):not(.slick-arrow):hover, body > div.main input[type="submit"]:not([class^="ss-ui-"]):not([class*=" ss-ui-"]):not([id^="mceu"]):not([role="presentation"]):not(.slick-arrow):hover, body > div.main .Actions .back-link:not([class^="ss-ui-"]):not([class*=" ss-ui-"]):not([id^="mceu"]):not([role="presentation"]):not(.slick-arrow):hover, body > div.main button:not([class^="ss-ui-"]):not([class*=" ss-ui-"]):not([id^="mceu"]):not([role="presentation"]):not(.slick-arrow):focus, body > div.main input[type="submit"]:not([class^="ss-ui-"]):not([class*=" ss-ui-"]):not([id^="mceu"]):not([role="presentation"]):not(.slick-arrow):focus, body > div.main .Actions .back-link:not([class^="ss-ui-"]):not([class*=" ss-ui-"]):not([id^="mceu"]):not([role="presentation"]):not(.slick-arrow):focus, body > div.main .button:hover, body > div.main .button:focus { background-color: #0564d1; color: inherit; text-decoration: none; } body > div.main button:not([class^="ss-ui-"]):not([class*=" ss-ui-"]):not([id^="mceu"]):not([role="presentation"]):not(.slick-arrow):focus, body > div.main input[type="submit"]:not([class^="ss-ui-"]):not([class*=" ss-ui-"]):not([id^="mceu"]):not([role="presentation"]):not(.slick-arrow):focus, body > div.main .Actions .back-link:not([class^="ss-ui-"]):not([class*=" ss-ui-"]):not([id^="mceu"]):not([role="presentation"]):not(.slick-arrow):focus, body > div.main button:not([class^="ss-ui-"]):not([class*=" ss-ui-"]):not([id^="mceu"]):not([role="presentation"]):not(.slick-arrow):active, body > div.main input[type="submit"]:not([class^="ss-ui-"]):not([class*=" ss-ui-"]):not([id^="mceu"]):not([role="presentation"]):not(.slick-arrow):active, body > div.main .Actions .back-link:not([class^="ss-ui-"]):not([class*=" ss-ui-"]):not([id^="mceu"]):not([role="presentation"]):not(.slick-arrow):active, body > div.main .button:focus, body > div.main .button:active { outline: none; } body > div.main button:not([class^="ss-ui-"]):not([class*=" ss-ui-"]):not([id^="mceu"]):not([role="presentation"]):not(.slick-arrow):active, body > div.main input[type="submit"]:not([class^="ss-ui-"]):not([class*=" ss-ui-"]):not([id^="mceu"]):not([role="presentation"]):not(.slick-arrow):active, body > div.main .Actions .back-link:not([class^="ss-ui-"]):not([class*=" ss-ui-"]):not([id^="mceu"]):not([role="presentation"]):not(.slick-arrow):active, body > div.main .button:active { background-color: #0458b8; } body > div.main button:not([class^="ss-ui-"]):not([class*=" ss-ui-"]):not([id^="mceu"]):not([role="presentation"]):not(.slick-arrow)[disabled], body > div.main input[type="submit"]:not([class^="ss-ui-"]):not([class*=" ss-ui-"]):not([id^="mceu"]):not([role="presentation"]):not(.slick-arrow)[disabled], body > div.main .Actions .back-link:not([class^="ss-ui-"]):not([class*=" ss-ui-"]):not([id^="mceu"]):not([role="presentation"]):not(.slick-arrow)[disabled], body > div.main .button[disabled] { background-color: gainsboro; color: white; cursor: not-allowed; } body > div.main .slick-slider .slick-dots li button, body > div.main .slick-slider .slick-dots li input[type="submit"], body > div.main .slick-slider .slick-dots li .Actions .back-link, body > div.main .Actions .slick-slider .slick-dots li .back-link { background-color: transparent !important; border: 0 !important; } body > div.main .button-pill { border-radius: 25px; } body > div.main .button-flat, body > div.main .Actions .back-link { background-color: transparent; color: #4a4a4a; border: 1px solid rgba(0, 0, 0, 0.1); } body > div.main .button-flat:hover, body > div.main .Actions .back-link:hover { background-color: rgba(0, 0, 0, 0.1); color: #4a4a4a; } body > div.main .button-flat[disabled], body > div.main .Actions [disabled].back-link { background-color: transparent; color: #666; } body > div.main .button-collapse { width: 100%; } @media (min-width: 480px) { body > div.main .button-collapse { width: auto; } } body > div.main form, body > div.main form [row] { max-width: 600px; } body > div.main form.cms-edit-form, body > div.main form [row].cms-edit-form { max-width: none; } body > div.main input { border-radius: 0px; -webkit-appearance: none; } body > div.main input:not([type="submit"]), body > div.main select, body > div.main textarea { border: 1px solid #e0e0e0; border-radius: 0px; font-size: 16px; height: 32px; padding: 0 .75em; transition: 300ms; width: 100%; background: white; } @media (min-width: 1025px) and (max-width: 1919px) { body > div.main input:not([type="submit"]), body > div.main select, body > div.main textarea { font-size: 0.83333333333333vw; /* 16 / 1920 */ } } body > div.main input:not([type="submit"]):focus, body > div.main select:focus, body > div.main textarea:focus { border-color: #74cbe8; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(69, 145, 170, 0.5); outline: none; } body > div.main input:not([type="submit"])[disabled], body > div.main select[disabled], body > div.main textarea[disabled] { background-color: #f5f5f5; cursor: not-allowed; } body > div.main input:not([type="submit"]) { line-height: normal; min-height: 32px; } @media (min-width: 1025px) and (max-width: 1919px) { body > div.main input:not([type="submit"]) { min-height: 1.66666666666667vw; /*32 /1920*/ } } body > div.main input:not([type="submit"])[type="checkbox"]:focus, body > div.main input:not([type="submit"])[type="radio"]:focus, body > div.main input:not([type="submit"])[type="range"]:focus, body > div.main input:not([type="submit"])[type="file"]:focus, body > div.main input:not([type="submit"])[type="color"]:focus, body > div.main input:not([type="submit"])[type="submit"]:focus { border-color: transparent; box-shadow: none; outline: none; } body > div.main input[type="submit"] { line-height: 2; } body > div.main label { display: block; margin-bottom: 8px; font-size: 1em; } @media (min-width: 1025px) and (max-width: 1919px) { body > div.main label { font-size: 0.9375vw; } } body > div.main label.required { color: #ca4829; margin-top: 8px; } body > div.main fieldset { border: none; padding: 0; margin-bottom: 0; } body > div.main fieldset .field { margin: 0; display: block; padding: 0; border: 0; box-shadow: none; } body > div.main fieldset .field .middleColumn { margin: 0; padding: 0; } body > div.main fieldset > .field { margin-bottom: 16px; } body > div.main fieldset > .field:before, body > div.main fieldset > .field:after { content: ""; display: table; } body > div.main fieldset > .field:after { clear: both; } @media (min-width: 1025px) and (max-width: 1919px) { body > div.main fieldset > .field { margin-bottom: 0.83333333333333vw; } } body > div.main fieldset > .field.requiredField > label.left:after, body > div.main fieldset > .field.required > label.left:after { content: '*'; position: absolute; padding: 0 .25em; color: #ca4829; } body > div.main fieldset > .field.requiredField > label.left.error, body > div.main fieldset > .field.required > label.left.error { color: red; font-weight: 700; } body > div.main legend { font-weight: bold; padding: 0 1em; } body > div.main input[type="checkbox"], body > div.main input[type="file"], body > div.main input[type="image"], body > div.main input[type="radio"] { height: auto; width: auto; } body > div.main input[type="checkbox"], body > div.main input[type="radio"] { line-height: normal; padding: 0; vertical-align: middle; } body > div.main [type="checkbox"]:not(:checked), body > div.main [type="checkbox"]:checked { position: absolute; left: -9999px; opacity: 0; } body > div.main [type="checkbox"] + label { position: relative; padding-left: 35px; cursor: pointer; display: inline-block; height: 25px; line-height: 25px; font-size: 1em; -webkit-user-select: none; /* webkit (safari, chrome) browsers */ -moz-user-select: none; /* mozilla browsers */ -khtml-user-select: none; /* webkit (konqueror) browsers */ -ms-user-select: none; /* IE10+ */ } @media (min-width: 1025px) and (max-width: 1919px) { body > div.main [type="checkbox"] + label { font-size: 0.9375vw; } } body > div.main [type="checkbox"]:not(:checked):disabled + label:before { border: none; background-color: #e0e0e0; } body > div.main [type="checkbox"]:checked + label:before { top: -4px; left: -5px; width: 12px; height: 22px; border-top: 2px solid transparent; border-left: 2px solid transparent; border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; transform: rotate(40deg); backface-visibility: hidden; transform-origin: 100% 100%; } body > div.main [type="checkbox"]:checked:disabled + label:before { border-right: 2px solid #e0e0e0; border-bottom: 2px solid #e0e0e0; } body > div.main [type="checkbox"].checkbox + label:after { border-radius: 2px; } body > div.main [type="checkbox"].checkbox + label:before, body > div.main [type="checkbox"].checkbox + label:after { content: ''; left: 0; position: absolute; /* .1s delay is for check animation */ transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s; z-index: 1; } body > div.main [type="checkbox"].checkbox:not(:checked) + label:before { width: 0; height: 0; border: 3px solid transparent; left: 6px; top: 10px; -webkit-transform: rotateZ(37deg); transform: rotateZ(37deg); -webkit-transform-origin: 20% 40%; transform-origin: 100% 100%; } body > div.main [type="checkbox"].checkbox:not(:checked) + label:after { height: 16px; width: 16px; background-color: transparent; border: 2px solid #e0e0e0; top: 7px; z-index: 0; } body > div.main [type="checkbox"].checkbox:checked + label:before { top: 9px; left: 1px; width: 6px; height: 11px; border-top: 2px solid transparent; border-left: 2px solid transparent; border-right: 2px solid white; border-bottom: 2px solid white; -webkit-transform: rotateZ(37deg); transform: rotateZ(37deg); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; } body > div.main [type="checkbox"].checkbox:checked + label:after { top: 7px; width: 16px; height: 16px; border: 2px solid #aaa; background-color: #aaa; z-index: 0; } body > div.main [type="checkbox"].checkbox:disabled:not(:checked) + label:before { background-color: transparent; border: 2px solid transparent; } body > div.main [type="checkbox"].checkbox:disabled:not(:checked) + label:after { border-color: transparent; background-color: #e0e0e0; } body > div.main [type="checkbox"].checkbox:disabled:checked + label:before { background-color: transparent; } body > div.main [type="checkbox"].checkbox:disabled:checked + label:after { background-color: #e0e0e0; border-color: #e0e0e0; } body > div.main input[type="checkbox"] + label, body > div.main input[type="radio"] + label { display: inline-block !important; line-height: 32px; vertical-align: middle; } body > div.main [type="radio"]:not(:checked), body > div.main [type="radio"]:checked { position: absolute; left: -9999px; opacity: 0; } body > div.main [type="radio"]:not(:checked) + label, body > div.main [type="radio"]:checked + label { position: relative; padding-left: 35px; cursor: pointer; display: inline-block; height: 25px; line-height: 25px; font-size: 1rem; transition: .28s ease; -khtml-user-select: none; /* webkit (konqueror) browsers */ user-select: none; } body > div.main [type="radio"] + label:before, body > div.main [type="radio"] + label:after { content: ''; position: absolute; left: 0; top: 0; margin: 4px 4px 4px 0; width: 16px; height: 16px; z-index: 0; transition: .28s ease; } body > div.main [type="radio"]:not(:checked) + label:before, body > div.main [type="radio"]:not(:checked) + label:after, body > div.main [type="radio"]:checked + label:before, body > div.main [type="radio"]:checked + label:after { border-radius: 50%; } body > div.main [type="radio"]:not(:checked) + label:before, body > div.main [type="radio"]:not(:checked) + label:after { border: 2px solid #e0e0e0; } body > div.main [type="radio"]:not(:checked) + label:after { z-index: -1; transform: scale(0); } body > div.main [type="radio"]:checked + label:before { border: 2px solid transparent; } body > div.main [type="radio"]:checked + label:after { background-color: #aaa; z-index: 0; } body > div.main [type="radio"]:checked + label:after { transform: scale(1.02); } body > div.main [type="radio"].with-gap:checked + label:after { transform: scale(0.5); } body > div.main [type="radio"].with-gap:disabled:checked + label:before { border: 2px solid #e0e0e0; } body > div.main [type="radio"].with-gap:disabled:checked + label:after { border: none; background-color: #e0e0e0; } body > div.main [type="radio"]:disabled:not(:checked) + label:before, body > div.main [type="radio"]:disabled:checked + label:before { background-color: transparent; border-color: #e0e0e0; } body > div.main [type="radio"]:disabled + label { color: #e0e0e0; } body > div.main [type="radio"]:disabled:not(:checked) + label:before { border-color: #e0e0e0; } body > div.main [type="radio"]:disabled:checked + label:after { background-color: #e0e0e0; border-color: #e0e0e0; } body > div.main input[type="file"] { border: none; line-height: 100%; padding: 0; } body > div.main textarea { height: auto; padding: 8px 1em; resize: vertical; } body > div.main select { background-color: white; border-radius: 0px; padding: .25em .5em; } body > div.main select[disabled] { color: #666; background-color: #f5f5f5; } body > div.main select[multiple] { height: auto; } body > div.main select::-ms-expand { display: none; } body > div.main select::-ms-value { color: currentColor; } body > div.main select option { padding: 0 0.75em; } body > div.main input[type="range"] { border: none; padding: 0; width: 100%; -webkit-appearance: none; } body > div.main input[type="range"]:focus { outline: none; } body > div.main input[type="range"]::-webkit-slider-runnable-track { background-color: gainsboro; border: none; border-radius: 3px; height: 5px; } body > div.main input[type="range"]::-webkit-slider-thumb { border: none; border-radius: 50%; background-color: #034086; height: 16px; margin-top: -5px; width: 16px; -webkit-appearance: none; } body > div.main input[type="range"]::-moz-range-track { background-color: gainsboro; border: none; border-radius: 3px; height: 5px; } body > div.main input[type="range"]::-moz-range-thumb { border: none; border-radius: 50%; background-color: #034086; height: 16px; margin-top: -5px; width: 16px; } body > div.main input[type="range"]::-ms-track { background-color: gainsboro; border: none; border-radius: 3px; color: transparent; height: 5px; } body > div.main input[type="range"]::-ms-thumb { border: none; border-radius: 50%; background-color: #034086; height: 16px; margin-top: -5px; width: 16px; } @media (min-width: 768px) { body > div.main .field.checkbox label { padding-left: 35px; } body > div.main .field.checkbox.requiredField:before { content: '*'; position: absolute; padding: 0 .25em; color: #ca4829; left: -2em; } body > div.main label.right { display: inline-block; vertical-align: middle; line-height: 32px; } } @media (max-width: 767px) { body > div.main label.right { margin-top: 8px; } body > div.main .field.checkbox { position: relative; } body > div.main .field.checkbox.requiredField:before { content: '*'; position: absolute; padding: 0 .25em; color: #ca4829; top: 17px; left: 17px; } } body > div.main .UserDefinedForm, body > div.main .form-inline { max-width: none; } body > div.main .UserDefinedForm table.RadioMatrixField, body > div.main .form-inline table.RadioMatrixField { border: none !important; } body > div.main .UserDefinedForm table.RadioMatrixField tbody, body > div.main .UserDefinedForm table.RadioMatrixField th, body > div.main .UserDefinedForm table.RadioMatrixField td, body > div.main .UserDefinedForm table.RadioMatrixField tr, body > div.main .form-inline table.RadioMatrixField tbody, body > div.main .form-inline table.RadioMatrixField th, body > div.main .form-inline table.RadioMatrixField td, body > div.main .form-inline table.RadioMatrixField tr { border: none !important; } body > div.main .UserDefinedForm table.RadioMatrixField th, body > div.main .form-inline table.RadioMatrixField th { text-align: center; padding: 5px !important; font-weight: normal !important; } body > div.main .UserDefinedForm table.RadioMatrixField tr, body > div.main .form-inline table.RadioMatrixField tr { background: transparent !important; } body > div.main .UserDefinedForm table.RadioMatrixField td, body > div.main .form-inline table.RadioMatrixField td { text-align: center !important; line-height: 36px !important; } body > div.main .UserDefinedForm table.RadioMatrixField td input[type="radio"], body > div.main .form-inline table.RadioMatrixField td input[type="radio"] { position: relative !important; left: 0 !important; opacity: 1 !important; border: none !important; cursor: pointer; text-align: center; width: 100% !important; height: 100% !important; background: transparent !important; } body > div.main .UserDefinedForm table.RadioMatrixField td input[type="radio"]:before, body > div.main .form-inline table.RadioMatrixField td input[type="radio"]:before { content: ""; display: inline-block; position: relative; width: 32px !important; height: 32px !important; border-radius: 50% !important; line-height: 32px !important; max-height: 32px !important; padding: 0 !important; border: 2px solid #888 !important; transform: scale(0.5); } body > div.main .UserDefinedForm table.RadioMatrixField td input[type="radio"]:checked:before, body > div.main .form-inline table.RadioMatrixField td input[type="radio"]:checked:before { background: #888 !important; } @media (min-width: 768px) { body > div.main .UserDefinedForm label.left + .middleColumn, body > div.main .form-inline label.left + .middleColumn { display: inline-block; margin-bottom: 0; vertical-align: middle; width: auto; float: left; min-width: 350px; max-width: auto; max-width: -webkit-calc(100% - 350px); max-width: -moz-calc(100% - 350px); max-width: -o-calc(100% - 350px); max-width: calc(100% - 350px); } body > div.main .UserDefinedForm .field.checkbox, body > div.main .form-inline .field.checkbox { margin-left: 200px; position: relative; } body > div.main .UserDefinedForm .field.checkbox label, body > div.main .form-inline .field.checkbox label { padding-left: 35px; } body > div.main .UserDefinedForm label.left, body > div.main .form-inline label.left { display: inline-block; padding-right: 2em; vertical-align: middle; width: 200px; float: left; text-align: right; line-height: 32px; margin-left: 0; } body > div.main .UserDefinedForm label.right, body > div.main .form-inline label.right { padding-left: 1em; float: left; } body > div.main .UserDefinedForm .Actions, body > div.main .UserDefinedForm .FormHeading, body > div.main .form-inline .Actions, body > div.main .form-inline .FormHeading { margin-left: 200px; } } body > div.main ul.optionset:before, body > div.main ul.optionset:after { content: ""; display: table; } body > div.main ul.optionset:after { clear: both; } body > div.main ul.optionset, .typography body > div.main ul.optionset { list-style: none; padding: 0; margin-bottom: 0; } body > div.main ul.optionset li { float: left; padding-right: 20px; } body > div.main .Actions .back-link { line-height: 2; } body > div.main .literalFieldArea > *:first-child { margin-top: 0; } body > div.main .input-large { font-size: 16px !important; height: 48px !important; } body > div.main .input-flat { background-color: transparent; border-color: transparent; box-shadow: none; } body > div.main .input-flat:focus { border-color: #74cbe8; } body > div.main .input-success { background-color: rgba(69, 202, 105, 0.15); border-color: #45ca69; } body > div.main .input-success:focus { border-color: #45ca69; } body > div.main .input-warning { background-color: rgba(255, 184, 0, 0.15); border-color: #ffb800; } body > div.main .input-warning:focus { border-color: #ffb800; } body > div.main .input-error { background-color: rgba(202, 72, 41, 0.15); border-color: #ca4829; } body > div.main .input-error:focus { border-color: #ca4829; } .clear:before, .clear:after { content: ""; display: table; } .clear:after { clear: both; } .center-all { left: 50%; position: absolute; text-align: center; top: 50%; transform: translate(-50%, -50%); } .drop-shadow { box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); transition: 300ms; } .drop-shadow:hover { cursor: pointer; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25); } @media (max-width: 767px) { .hide-mobile { display: none; visibility: hidden; } .show-mobile { display: block; visibility: visible; } } @media (min-width: 768px) and (max-width: 1024px) { .hide-tablet { display: none; visibility: hidden; } .show-tablet { display: block; visibility: visible; } } @media (min-width: 1025px) { .hide-desktop { display: none; visibility: hidden; } .show-desktop { display: block; visibility: visible; } } @media print { .hide-print { display: none; visibility: hidden; } .show-print { display: block; visibility: visible; } } @media screen { .hide-print { display: block; visibility: visible; } .show-print { display: none; visibility: hidden; } } .breadcrumbs { font-size: 0.8888888888888889em; line-height: 1.3; padding: 15px 0; color: #034086; background-color: transparent; border: none; font-size: 0.8888888888888889em; font-weight: 900; } @media (min-width: 1025px) and (max-width: 1919px) { .breadcrumbs { font-size: 0.83333333333333vw; /*16 / 1920 */ padding: 0.78125vw 0; } } .typography .breadcrumbs a, .breadcrumbs .typography a { font-weight: 400; } .typography .breadcrumbs a:hover, .breadcrumbs .typography a:hover { color: #c7c7c7; } .breadcrumbs a { display: inline; list-style: none; padding-left: 3px; } .breadcrumbs a:after { content: "\002f"; padding-left: 5px; } .breadcrumbs a:first-child { padding-left: 0; } .breadcrumbs a:last-child { padding-right: 3px; } .card { background-color: white; border: 1px solid #e0e0e0; margin-bottom: 24px; overflow: hidden; position: relative; max-width: 759px; } .card .card-content { padding: 24px 1.5em; } .card .card-title { display: block; font-weight: bold; margin-bottom: 10px; } .card .card-footer { border-top: 1px solid #e0e0e0; font-size: 14px; padding: 16px 1.5em; } .card .card-image { position: relative; } .card .card-image img { bottom: 0; left: 0; position: relative; right: 0; top: 0; width: 100%; } .card .card-image .card-title { bottom: 0; color: white; left: 0; padding: 1em; position: absolute; margin-bottom: 0; font-weight: normal; } .dropdown { cursor: auto; display: inline-block; outline: none; position: relative; } .dropdown.button { cursor: pointer; } .dropdown.focus .dropdown-content { opacity: 1; visibility: visible; } .dropdown.no-visibility .dropdown-content { display: none; visibility: visible !important; } .dropdown.no-visibility:focus .dropdown-content { display: block; } .dropdown.no-opacity .dropdown-content { opacity: 1 !important; } .dropdown-content { background-color: white; border: 1px solid #e0e0e0; color: #4a4a4a; left: 0; margin-top: 8px; opacity: 0; padding: 8px 1em; position: absolute; text-align: left; transition: all 300ms; visibility: hidden; width: 200px; z-index: 1; } .dropdown-content:before, .dropdown-content:after { border: solid transparent; bottom: 100%; content: ""; height: 0; left: 1.5em; position: absolute; width: 0; } .dropdown-content:before { border-color: rgba(255, 255, 255, 0); border-bottom-color: #e0e0e0; border-width: 7px; margin-left: -7px; } .dropdown-content:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: white; border-width: 6px; margin-left: -6px; } .dropdown-content li { font-size: 14px; list-style-type: none; margin: 0; padding: 8px 1em; transition: background-color 300ms; white-space: nowrap; } .dropdown-content li:hover { background-color: #f5f5f5; } ul.dropdown-content, .typography ul.dropdown-content, ol.dropdown-content, .typography ol.dropdown-content { padding: 0; margin-bottom: 0; } .dropdown--hover:hover .dropdown-content { opacity: 1; visibility: visible; } .dropdown-small .dropdown-content { width: 150px; } .dropdown-large .dropdown-content { width: 300px; } .dropdown-top .dropdown-content { bottom: 100%; margin-top: 0; margin-bottom: 8px; } .dropdown-top .dropdown-content:before, .dropdown-top .dropdown-content:after { top: 100%; } .dropdown-top .dropdown-content:after { border-color: rgba(255, 255, 255, 0); border-top-color: white; } .dropdown-top .dropdown-content:before { border-color: rgba(255, 255, 255, 0); border-top-color: #e0e0e0; } .modal { background-color: rgba(40, 46, 49, 0.5); bottom: 0; left: 0; margin: 0; opacity: 0; overflow: hidden; pointer-events: none; position: fixed; right: 0; top: 0; transition: opacity ease-in 300ms; z-index: 1000002; } .modal:target { opacity: 1; pointer-events: auto; } .modal .modal-container { box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1); margin: 16px auto; position: relative; width: 90%; } @media (min-width: 768px) { .modal .modal-container { width: 526px; } } @media (min-height: 480px) { .modal .modal-container { margin: 10% auto; } } @media (min-height: 768px) { .modal .modal-container { margin: 15% auto; } } .modal .modal-header { background-color: #034086; color: white; padding: 16px 1.5em; } .modal .modal-header h1, .modal .modal-header h2, .modal .modal-header h3, .modal .modal-header h4, .modal .modal-header h5, .modal .modal-header h6, .modal .modal-header .h1, .modal .modal-header .h2, .modal .modal-header .h3, .modal .modal-header .h4, .modal .modal-header .h5, .modal .modal-header .h6 { color: inherit; display: inline; } .modal .modal-body, .modal .modal-footer { background-color: white; margin-top: 0; } .modal .modal-body { padding: 32px 2.5em; } .modal .modal-footer { border-top: 1px solid #e0e0e0; font-size: 14px; margin: 0; padding: 24px 2.5em; } .modal .modal-close { color: white !important; float: right; margin: 0; opacity: .5; transition: opacity 300ms; } .modal .modal-close:hover { opacity: 1; } .modal .modal-close:hover, .modal .modal-close:focus { text-decoration: none; } .modal .modal:target .modal-close--background { display: block; height: 100%; pointer-events: all; position: absolute; width: 100%; } .modal .modal:target .modal-close--background:hover { border-bottom: none; text-decoration: none; } @media (min-width: 768px) { .modal.modal-small .modal-container { width: 360px; } } @media (min-width: 768px) { .modal.modal-large .modal-container { width: 760px; } } @media (min-width: 768px) { .modal.modal-full .modal-container { width: 90%; } } .modal.modal-flat .modal-header { background-color: white; color: #4a4a4a !important; padding: 1.5em 2.5em 0; } .modal.modal-flat .modal-header h1, .modal.modal-flat .modal-header h2, .modal.modal-flat .modal-header h3, .modal.modal-flat .modal-header h4, .modal.modal-flat .modal-header h5, .modal.modal-flat .modal-header h6, .modal.modal-flat .modal-header .h1, .modal.modal-flat .modal-header .h2, .modal.modal-flat .modal-header .h3, .modal.modal-flat .modal-header .h4, .modal.modal-flat .modal-header .h5, .modal.modal-flat .modal-header .h6 { color: inherit; } .modal.modal-flat .modal-close { color: #4a4a4a; line-height: 1; margin: 0; } .progress { background-color: #f5f5f5; border-radius: 3px; box-shadow: inset 0 1px 1px rgba(224, 224, 224, 0.25); box-sizing: initial; color: white; font-size: 11px; height: 14px; line-height: 1.2; margin-bottom: 24px; position: relative; text-align: center; width: 100%; } .progress > span { background-color: #034086; border-radius: 3px; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); display: block; height: 100%; overflow: hidden; position: relative; width: auto; } .spinner { animation: rotate .8s infinite linear; border: 3px solid #b5b5b5; border-radius: 50%; border-right-color: transparent; height: 30px; margin: 24px auto; width: 30px; } @keyframes rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .tooltip, [data-hint] { display: inline-block; position: relative; } .tooltip:before, .tooltip:after, [data-hint]:before, [data-hint]:after { border-radius: 2px; opacity: 0; position: absolute; pointer-events: none; transform: translate3d(0, 0, 0); transition: 200ms; transition-delay: 0ms; visibility: hidden; z-index: 1000000; } .tooltip:before, [data-hint]:before { background-color: transparent; border: 8px solid transparent; content: ""; position: absolute; z-index: 1000001; } .tooltip:after, [data-hint]:after { background-color: #282E31; color: white; content: attr(data-hint); font-size: 12px; padding: .25em .5em; text-decoration: none; white-space: nowrap; line-height: 1.5; } .tooltip:hover:before, .tooltip:hover:after, .tooltip:focus:before, .tooltip:focus:after, [data-hint]:hover:before, [data-hint]:hover:after, [data-hint]:focus:before, [data-hint]:focus:after { opacity: 1; visibility: visible; } .tooltip:hover:before, .tooltip:hover:after, [data-hint]:hover:before, [data-hint]:hover:after { transition-delay: 100ms; } .tooltip-top:before { border-top-color: #282E31; margin-bottom: -12px; } .tooltip-top:after { margin-left: -18px; } .tooltip-top:before, .tooltip-top:after { bottom: 100%; left: 50%; } .tooltip-top:hover:after, .tooltip-top:hover:before { transform: translateY(-8px); } .tooltip-top:focus:after, .tooltip-top:focus:before { transform: translateY(-8px); transition: 300ms; } .tooltip-bottom:before { border-bottom-color: #282E31; margin-top: -12px; } .tooltip-bottom:after { margin-left: -18px; } .tooltip-bottom:before, .tooltip-bottom:after { left: 50%; top: 100%; } .tooltip-bottom:hover:after, .tooltip-bottom:hover:before, .tooltip-bottom:focus:after, .tooltip-bottom:focus:before { transform: translateY(8px); } .tooltip-right:before { border-right-color: #282E31; margin-bottom: -8px; margin-left: -12px; } .tooltip-right:after { margin-bottom: -12px; } .tooltip-right:before, .tooltip-right:after { bottom: 50%; left: 105%; } .tooltip-right:hover:after, .tooltip-right:hover:before, .tooltip-right:focus:after, .tooltip-right:focus:before { transform: translateX(8px); } .tooltip-left:before { border-left-color: #282E31; margin-bottom: -8px; margin-right: -12px; } .tooltip-left:after { margin-bottom: -12px; } .tooltip-left:before, .tooltip-left:after { bottom: 50%; right: 100%; } .tooltip-left:hover:after, .tooltip-left:hover:before, .tooltip-left:focus:after, .tooltip-left:focus:before { transform: translateX(-8px); } .tooltip-always:before, .tooltip-always:after { opacity: 1; visibility: visible; } .tooltip-always .tooltip-top:before, .tooltip-always .tooltip-top:after { transform: translateY(-8px); } .tooltip-always .tooltip-right:before, .tooltip-always .tooltip-right:after { transform: translateY(8px); } .tooltip-always .tooltip-bottom:before, .tooltip-always .tooltip-bottom:after { transform: translateX(-8px); } .tooltip-always .tooltip-left:before, .tooltip-always .tooltip-left:after { transform: translateX(8px); } header nav.primary { -webkit-tap-highlight-color: transparent; } header nav.primary, header nav.primary * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } header nav.primary.initialized .navigation { overflow: visible; } header nav.primary .navigation li a, header nav.primary .navigation li div.top-level-item { display: inline-block; font-family: inherit; font-size: 22px; font-size: 22px; line-height: 34px; color: #034086; text-decoration: none; } @media (max-width: 1919px) and (min-width: 1025px) { header nav.primary .navigation li a, header nav.primary .navigation li div.top-level-item { font-size: 1.14583vw; line-height: 1.77083vw; } } header nav.primary .navigation li.mobileLanguage { display: none !important; } .mobile-menu header nav.primary .navigation li.mobileLanguage { display: inline-block !important; background: #034086; } .mobile-menu header nav.primary .navigation li.mobileLanguage a { line-height: 45px !important; font-weight: 400 !important; font-size: 16px; color: #fff !important; width: 25% !important; display: inline-block !important; text-align: center; } @media (max-width: 767px) { .mobile-menu header nav.primary .navigation li.mobileLanguage a { padding-right: 20px; } .mobile-menu header nav.primary .navigation li.mobileLanguage a:last-child { padding-right: 0; } } .mobile-menu header nav.primary .navigation li.mobileLanguage .extra-nav { width: 100%; float: left; text-align: right; } .mobile-menu header nav.primary .navigation li.mobileLanguage .extra-nav a { width: auto !important; padding: 0 15px; } .mobile-menu header nav.primary .navigation li.mobileLanguage .extra-nav a img { margin-left: 5px; } .mobile-menu header nav.primary .navigation li.mobileLanguage .extra-nav .language-wrapper, .mobile-menu header nav.primary .navigation li.mobileLanguage .extra-nav .links-wrapper { width: 100%; float: left; clear: both; } .mobile-menu header nav.primary .navigation li.mobileLanguage .extra-nav .language-wrapper .loggain, .mobile-menu header nav.primary .navigation li.mobileLanguage .extra-nav .language-wrapper .loggaut, .mobile-menu header nav.primary .navigation li.mobileLanguage .extra-nav .links-wrapper .loggain, .mobile-menu header nav.primary .navigation li.mobileLanguage .extra-nav .links-wrapper .loggaut { float: right !important; } @font-face { font-family: 'custom-menu-font'; src: url("../fonts/custom-menu-font.eot?93557830"); src: url("../fonts/custom-menu-font.eot?93557830#iefix") format("embedded-opentype"), url("../fonts/custom-menu-font.woff2?93557830") format("woff2"), url("../fonts/custom-menu-font.woff?93557830") format("woff"), url("../fonts/custom-menu-font.ttf?93557830") format("truetype"), url("../fonts/custom-menu-font.svg?93557830#custom-menu-font") format("svg"); font-weight: normal; font-style: normal; } .menu-icons:after, [class^="menu-icon-"]:before, [class*=" menu-icon-"]:before { font-family: "custom-menu-font"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .menu-icon-menu:before { content: url(../images/mobile-menu.png); } .menu-icon-open:before { content: '\e801'; } .menu-icon-close:before { content: '\e802'; } .menu-icon-left:before { content: '\e803'; } .menu-icon-right:before { content: '\e804'; } .menu-icon-double-right:before { content: '\f101'; } html.mobile-menu header .webshop-link-desktop { display: none; } html.mobile-menu header .navigation-container { margin-left: -10px; margin-right: -10px; width: -webkit-calc(100% + 20px); width: -moz-calc(100% + 20px); width: -o-calc(100% + 20px); width: calc(100% + 20px); } html.mobile-menu header nav.primary { display: none; height: auto; } html.mobile-menu header nav.primary .navigation { height: auto; position: relative; z-index: 10000; background: white; padding: 20px 20px 0px 20px; } html.mobile-menu header nav.primary .navigation li a, html.mobile-menu header nav.primary .navigation li div.top-level-item, html.mobile-menu header nav.primary .navigation li .no-link { padding: 0; line-height: 34px; width: 100%; font-weight: 600; } html.mobile-menu header nav.primary .navigation li ul.sub { display: none; } html.mobile-menu header nav.primary .navigation > li { float: none; display: inline-block; width: 100%; position: relative; } html.mobile-menu header nav.primary .navigation > li a, html.mobile-menu header nav.primary .navigation > li div.top-level-item, html.mobile-menu header nav.primary .navigation > li .no-link { color: #034086; display: block; float: left; width: 100%; line-height: 34px !important; width: auto; font-size: 17px; text-transform: uppercase; } html.mobile-menu header nav.primary .navigation > li div.top-level-item { width: 100%; } html.mobile-menu header nav.primary .navigation > li:last-child { margin-bottom: 10px; } html.mobile-menu header nav.primary .navigation > li span.open-close { z-index: 9999; cursor: pointer; font-size: 18px; right: 0; top: 0px; float: right; display: block; position: relative; height: 34px; width: 34px; line-height: 34px; text-align: center; } html.mobile-menu header nav.primary .navigation > li span.open-close:after { content: '\e801'; line-height: inherit; color: #000; } html.mobile-menu header nav.primary .navigation > li span.open-close.open:after { content: '\e802'; } html.mobile-menu header nav.primary .navigation > li ul.sub { background: white; position: relative; top: 0; margin-left: 1em; clear: both; z-index: 2; visibility: visible; } html.mobile-menu header nav.primary .navigation > li ul.sub li { width: 100%; clear: both; } html.mobile-menu header nav.primary .navigation > li ul.sub li ul.sub { display: none; } html.mobile-menu header nav.primary .navigation > li ul.sub li:first-child { margin-top: 0; } html.mobile-menu header nav.primary .navigation > li .menu-content { display: none; visibility: hidden; opacity: 0; height: 0; transition: all .4s; position: relative; max-width: 100%; width: 100%; left: 0 !important; -moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); margin-top: 0px; max-height: 100%; box-shadow: none; z-index: 5; background: transparent; padding: 0; /* margin: 0 0 0 15px; */ } html.mobile-menu header nav.primary .navigation > li .menu-content.visible { display: block; visibility: visible; height: auto; opacity: 1; transform: none; } html.mobile-menu header nav.primary .navigation > li .menu-content a, html.mobile-menu header nav.primary .navigation > li .menu-content .no-link { padding-left: 30px; } html.mobile-menu header nav.primary .navigation > li .menu-content .menu-image, html.mobile-menu header nav.primary .navigation > li .menu-content .banner-content, html.mobile-menu header nav.primary .navigation > li .menu-content .closeMenu { display: none; } html.mobile-menu header nav.primary .navigation > li .menu-content > ul { text-align: left; /* overflow: hidden; */ /* overflow-y: auto; */ width: 100%; background: white; position: relative; height: auto; left: 0; padding-left: 0; } html.mobile-menu header nav.primary .navigation > li .menu-content > ul .top-level-item { padding: 10px; } html.mobile-menu header nav.primary .navigation > li .menu-content > ul > li { float: left; width: 100%; border-top: 1px solid #efefef; border-bottom: 0; /* line-height: 45px; */ height: auto; } html.mobile-menu header nav.primary .navigation > li .menu-content > ul > li:last-of-type { border-bottom: 1px solid #efefef; } html.mobile-menu header nav.primary .navigation > li .menu-content > ul > li.top-level-item { display: none; } html.mobile-menu header nav.primary .navigation > li .menu-content > ul > li a { /*font-weight: bold; padding: 10px; display: inline-block; width: calc(100% - 30px); line-height: 20px !important; float: none;*/ } html.mobile-menu header nav.primary .navigation > li .menu-content > ul > li .open { float: none; padding: 10px; display: inline-block; width: 25px; height: 30px; cursor: pointer; position: relative; top: 7px; right: 8px; } html.mobile-menu header nav.primary .navigation > li .menu-content > ul > li .open:after, html.mobile-menu header nav.primary .navigation > li .menu-content > ul > li .open:before { display: block; position: absolute; content: ""; width: 2px; height: 7px; background: #034086; transition: all .4s; } html.mobile-menu header nav.primary .navigation > li .menu-content > ul > li .open:before { /* transform: rotate(45deg); */ top: 10px; right: 14px; } html.mobile-menu header nav.primary .navigation > li .menu-content > ul > li .open:after { transform: rotate(-45deg); top: 10px; right: 18px; } html.mobile-menu header nav.primary .navigation > li .menu-content > ul > li .open.current:before { transform: rotate(135deg); top: 10px; } html.mobile-menu header nav.primary .navigation > li .menu-content > ul > li .open.current:after { top: 10px; transform: rotate(-135deg); } html.mobile-menu header nav.primary .navigation > li .menu-content > ul > li .second-level, html.mobile-menu header nav.primary .navigation > li .menu-content > ul > li .third-level { display: none; z-index: 4; width: 100%; visibility: hidden; opacity: 0; right: 0; position: relative !important; height: 0; top: 0 !important; margin-top: 0 !important; left: auto !important; transform: translateX(0) !important; max-height: none; transition: height .4s; padding: 0; } html.mobile-menu header nav.primary .navigation > li .menu-content > ul > li .second-level.visible, html.mobile-menu header nav.primary .navigation > li .menu-content > ul > li .third-level.visible { float: left; display: block; visibility: visible; opacity: 1; height: auto; } html.mobile-menu header nav.primary .navigation > li .menu-content > ul > li .second-level .banner-content, html.mobile-menu header nav.primary .navigation > li .menu-content > ul > li .second-level .menu-image-small, html.mobile-menu header nav.primary .navigation > li .menu-content > ul > li .third-level .banner-content, html.mobile-menu header nav.primary .navigation > li .menu-content > ul > li .third-level .menu-image-small { display: none; } html.mobile-menu header nav.primary .navigation > li .menu-content > ul > li .second-level ul, html.mobile-menu header nav.primary .navigation > li .menu-content > ul > li .third-level ul { padding-left: 0; width: 100%; display: block; height: auto; } html.mobile-menu header nav.primary .navigation > li .menu-content > ul > li .second-level ul li, html.mobile-menu header nav.primary .navigation > li .menu-content > ul > li .third-level ul li { display: block; padding: 0 0 0 15px; color: white; border-bottom: none; line-height: 20px; } html.mobile-menu header nav.primary .navigation > li .menu-content > ul > li .second-level ul li.top-level-item, html.mobile-menu header nav.primary .navigation > li .menu-content > ul > li .third-level ul li.top-level-item { display: none; } html.mobile-menu header nav.primary .navigation > li .menu-content > ul > li .second-level ul li a, html.mobile-menu header nav.primary .navigation > li .menu-content > ul > li .third-level ul li a { color: #034086; text-transform: none; font-weight: 400; margin-left: 20px; } html.mobile-menu header nav.primary .navigation > li .menu-content > ul > li .second-level ul li a i, html.mobile-menu header nav.primary .navigation > li .menu-content > ul > li .third-level ul li a i { display: none; line-height: 22px; padding-left: 30px; } html.mobile-menu header #MobileMenu { cursor: pointer; display: block; position: relative; font-size: 30px; position: absolute; top: -44px; left: 20px; } html.mobile-menu header .menuContent { display: none; } /* @import "menu/desktop-fullwidth"; */ html:not(.mobile-menu) header .webshop-link-desktop { position: absolute; right: 0; font-size: 18px; line-height: 35px; background: #034086; color: #fff; padding: 0 10px; top: 60px; } @media (max-width: 1919px) { html:not(.mobile-menu) header .webshop-link-desktop { line-height: 1.82291666666667vw; top: 3.125vw; font-size: 0.9375vw; } } @media (max-width: 767px) { html:not(.mobile-menu) header .webshop-link-desktop { line-height: 35px; top: 60px; font-size: 18px; } } html:not(.mobile-menu) header.scrolled.down .webshop-link-desktop { display: none; } @media (max-width: 1919px) { html:not(.mobile-menu) header.scrolled.down .webshop-link-desktop { line-height: 1.82291666666667vw; /*35 */ padding: 0 0.52083333333333vw; /* 10 / 1920 */ top: 3.125vw; /* 60 / 1920 */ font-size: 0.9375vw; /*18px;*/ } } html:not(.mobile-menu) header .navigation-container { display: block; position: relative; float: left; width: 100%; text-align: center; } html:not(.mobile-menu) header .navigation-container.scrollable.right .scroll-right, html:not(.mobile-menu) header .navigation-container.scrollable.left .scroll-left { visibility: visible; opacity: 1; -moz-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; -webkit-transition: opacity 0.3s linear; transition: opacity 0.3s linear; } html:not(.mobile-menu) header .navigation-container .scroll-wrapper { display: block; overflow: hidden; width: 100%; height: 34px; } html:not(.mobile-menu) header .navigation-container .scroll-right, html:not(.mobile-menu) header .navigation-container .scroll-left { width: 50px; height: 34px; cursor: pointer; position: absolute; top: 0; visibility: hidden; opacity: 0; -moz-transition: opacity 0.3s linear, visibility 0s linear 0.3s; -o-transition: opacity 0.3s linear, visibility 0s linear 0.3s; -webkit-transition: opacity 0.3s linear, visibility 0s linear; -webkit-transition-delay: 0s, 0.3s; transition: opacity 0.3s linear, visibility 0s linear 0.3s; } html:not(.mobile-menu) header .navigation-container .scroll-right:after, html:not(.mobile-menu) header .navigation-container .scroll-left:after { line-height: 34px; } html:not(.mobile-menu) header .navigation-container .scroll-left { left: 0; text-align: left; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4zIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(50%, #ffffff), color-stop(100%, rgba(255, 255, 255, 0.3))); background-image: -moz-linear-gradient(left, #ffffff 50%, rgba(255, 255, 255, 0.3) 100%); background-image: -webkit-linear-gradient(left, #ffffff 50%, rgba(255, 255, 255, 0.3) 100%); background-image: linear-gradient(to right, #ffffff 50%, rgba(255, 255, 255, 0.3) 100%); } html:not(.mobile-menu) header .navigation-container .scroll-right { right: 0; text-align: right; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjEuMCIgeTE9IjAuNSIgeDI9IjAuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4zIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(50%, #ffffff), color-stop(100%, rgba(255, 255, 255, 0.3))); background-image: -moz-linear-gradient(right, #ffffff 50%, rgba(255, 255, 255, 0.3) 100%); background-image: -webkit-linear-gradient(right, #ffffff 50%, rgba(255, 255, 255, 0.3) 100%); background-image: linear-gradient(to left, #ffffff 50%, rgba(255, 255, 255, 0.3) 100%); } html:not(.mobile-menu) header .navigation-container nav.primary { background-color: transparent; width: 100%; } html:not(.mobile-menu) header .navigation-container nav.primary .navigation { height: 34px; display: inline-flex; } html:not(.mobile-menu) header .navigation-container nav.primary .navigation > li { display: inline-block; float: none; } html:not(.mobile-menu) header .navigation-container nav.primary .navigation > li span.open-close { display: none; } html:not(.mobile-menu) header .navigation-container nav.primary .navigation > li span.open-close:after { content: '\e801'; line-height: inherit; } html:not(.mobile-menu) header .navigation-container nav.primary .navigation > li > a, html:not(.mobile-menu) header .navigation-container nav.primary .navigation > li > div:not(.menu-content) { padding: 0 30px; /* 30 / 1700 */ } @media (max-width: 1919px) { html:not(.mobile-menu) header .navigation-container nav.primary .navigation > li > a, html:not(.mobile-menu) header .navigation-container nav.primary .navigation > li > div:not(.menu-content) { padding: 0 1.74418604651163vw; /* 30 / 1700 */ } } html:not(.mobile-menu) header .navigation-container nav.primary .navigation > li > a:hover, html:not(.mobile-menu) header .navigation-container nav.primary .navigation > li > div:not(.menu-content):hover { text-shadow: 0 0 0.1px; } html:not(.mobile-menu) header .navigation-container nav.primary .navigation > li:first-child { margin-left: 0; } html:not(.mobile-menu) header .navigation-container nav.primary .navigation > li:last-child { margin-right: 0; } html:not(.mobile-menu) header .navigation-container nav.primary .navigation > li > a.has-sub:after { content: '\e801'; margin: 0 0 0 .25em; line-height: inherit; position: relative; text-decoration: none; } html:not(.mobile-menu) header .navigation-container nav.primary .navigation > li.current > a, html:not(.mobile-menu) header .navigation-container nav.primary .navigation > li.section > a { text-shadow: 0 0 0.1px; } html:not(.mobile-menu) header .navigation-container nav.primary .navigation > li:not(.open-left) > ul { left: 0; } html:not(.mobile-menu) header .navigation-container nav.primary .navigation > li.open-left > ul { right: 0; left: auto !important; } html:not(.mobile-menu) header .navigation-container nav.primary .navigation > li.open-left > ul:before { margin-right: 0 !important; } html:not(.mobile-menu) header .navigation-container nav.primary .navigation > li > ul.sub { display: block; position: absolute; z-index: 1000; padding: 0; top: 33px; background-color: white; border: 1px solid #cccccc; -moz-box-shadow: 2px 2px 10px -5px rgba(0, 0, 0, 0.75); -webkit-box-shadow: 2px 2px 10px -5px rgba(0, 0, 0, 0.75); box-shadow: 2px 2px 10px -5px rgba(0, 0, 0, 0.75); } html:not(.mobile-menu) header .navigation-container nav.primary .navigation > li > ul.sub li a { font-size: 18px; } html:not(.mobile-menu) header .navigation-container nav.primary .navigation > li > ul.sub li a:hover { background-color: #e6e6e6; } html:not(.mobile-menu) header .navigation-container nav.primary .navigation > li ul.sub li { position: relative; width: 100%; overflow: visible; display: block; } html:not(.mobile-menu) header .navigation-container nav.primary .navigation > li ul.sub li a { text-align: left; padding: 0 1.5em; margin: 0; width: 100%; display: block; line-height: 34px; border: none; white-space: nowrap; } html:not(.mobile-menu) header .navigation-container nav.primary .navigation > li > ul.sub { visibility: hidden; opacity: 0; -moz-transition: opacity 0.3s linear, visibility 0s linear 0.3s; -o-transition: opacity 0.3s linear, visibility 0s linear 0.3s; -webkit-transition: opacity 0.3s linear, visibility 0s linear; -webkit-transition-delay: 0s, 0.3s; transition: opacity 0.3s linear, visibility 0s linear 0.3s; } html:not(.mobile-menu) header .navigation-container nav.primary .navigation > li > ul.sub:before { position: absolute; content: ''; margin: 0 -50px -50px -50px; top: 0; bottom: 0; left: 0; right: 0; } html:not(.mobile-menu) header .navigation-container nav.primary .navigation > li.focus > ul.sub { visibility: visible; opacity: 1; -moz-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; -webkit-transition: opacity 0.3s linear; transition: opacity 0.3s linear; } html:not(.mobile-menu) header #MobileMenu { display: none; } header { visibility: hidden; width: 100%; height: 105px; -moz-transition: max-height 0.3s linear; -o-transition: max-height 0.3s linear; -webkit-transition: max-height 0.3s linear; transition: max-height 0.3s linear; } @media (max-width: 1919px) and (min-width: 1025px) { header { height: 5.46875vw; } } html.mobile-menu header { height: 65px; } html.mobile-menu header .loggaut.desktop { display: none; } html:not(.mobile-menu) header.scrolled { height: 185px; -moz-transition: height 0.1s linear; -o-transition: height 0.1s linear; -webkit-transition: height 0.1s linear; transition: height 0.1s linear; } html:not(.mobile-menu) header.scrolled.down .inner { max-height: 75px; max-height: 3.90625vw; -moz-transition: max-height 0.3s linear; -o-transition: max-height 0.3s linear; -webkit-transition: max-height 0.3s linear; transition: max-height 0.3s linear; } html:not(.mobile-menu) header.scrolled.down .inner .upper { max-height: 0px; overflow: hidden; -moz-transition: max-height 0.3s linear; -o-transition: max-height 0.3s linear; -webkit-transition: max-height 0.3s linear; transition: max-height 0.3s linear; } html:not(.mobile-menu) header.scrolled.down .inner .inner-inner .brand-container { max-height: 100%; width: 175px; width: 9.1146vw; -moz-transition: max-width 0.3s linear; -o-transition: max-width 0.3s linear; -webkit-transition: max-width 0.3s linear; transition: max-width 0.3s linear; } html:not(.mobile-menu) header.scrolled.down .inner .inner-inner .brand-container .logo { -moz-transition: max-width 0.3s linear; -o-transition: max-width 0.3s linear; -webkit-transition: max-width 0.3s linear; transition: max-width 0.3s linear; } html:not(.mobile-menu) header.scrolled.down .inner .inner-inner .navigation-container { opacity: 0; max-height: 0; -moz-transition: max-height 0.3s linear; -o-transition: max-height 0.3s linear; -webkit-transition: max-height 0.3s linear; transition: max-height 0.3s linear; overflow: hidden; } html:not(.mobile-menu) header.scrolled.up .inner { max-height: 112px; -moz-transition: max-height 0.3s linear; -o-transition: max-height 0.3s linear; -webkit-transition: max-height 0.3s linear; transition: max-height 0.3s linear; } html:not(.mobile-menu) header.scrolled.up .inner .inner-inner .brand-container .logo { max-width: 100%; } html:not(.mobile-menu) header.scrolled.up .inner .inner-inner .navigation-container { opacity: 1; -moz-transition: max-height 0.3s linear, opacity 0.3s linear; -o-transition: max-height 0.3s linear, opacity 0.3s linear; -webkit-transition: max-height 0.3s linear, opacity 0.3s linear; transition: max-height 0.3s linear, opacity 0.3s linear; max-height: 100%; } header .inner { position: fixed; width: 100%; height: 105px; max-height: 105px; z-index: 1002; background: #fff; } @media (max-width: 1919px) and (min-width: 1025px) { header .inner { height: 5.46875vw; } } header .inner:after { content: ''; display: block; clear: both; float: none; } html.mobile-menu header .inner { height: 65px; max-height: 65px; } header .inner .upper { background-color: #034086; color: #fff; position: relative; font-size: 14px; height: 31px; max-height: 31px; -moz-transition: max-height 0.3s linear; -o-transition: max-height 0.3s linear; -webkit-transition: max-height 0.3s linear; transition: max-height 0.3s linear; /*&:before { @include transition( max-height 0.3s linear ); position: absolute; right: 100%; width: 50vw; top: 0; bottom: 0; content: ''; background-color: $site-color; } &:after { @include transition( max-height 0.3s linear ); position: absolute; left: 100%; width: 50vw; top: 0; bottom: 0; content: ''; background-color: $site-color; }*/ } header .inner .upper .upper-inner { box-sizing: border-box; margin: 0 auto; max-width: 1518px; padding-left: 10px; padding-right: 10px; width: 100%; } header .inner .upper .upper-inner .upper-info { display: inline-block; line-height: 31px; padding-right: 1.5%; } header .inner .upper .upper-inner .upper-info.subtitle { text-transform: uppercase; padding-right: 11%; } @media (max-width: 1280px) { header .inner .upper .upper-inner .upper-info.subtitle { padding-right: 2.5%; } } header .inner .upper .upper-inner .upper-info.email a { padding-left: 5px; } header .inner .upper .upper-inner .upper-info.email::before { background-image: url("../images/email.png"); background-size: 20px; width: 20px; height: 20px; display: inline-block; content: ""; top: 5px; position: relative; } header .inner .upper .upper-inner .upper-info.phone a { padding-left: 5px; } header .inner .upper .upper-inner .upper-info.phone::before { background-image: url("../images/phone.png"); background-size: 20px; width: 20px; height: 20px; display: inline-block; content: ""; top: 5px; position: relative; } header .inner .inner-inner { position: relative; width: 88.54167%; max-width: 1700px; height: 100%; margin: 0 auto; padding-top: 21px; padding-bottom: 10px; padding-left: 266px; padding-right: 266px; } @media (max-width: 1919px) and (min-width: 1025px) { header .inner .inner-inner { width: 88.54166vw; padding-top: 1.1vw; padding-bottom: 0.52vw; padding-left: 13.85vw; padding-right: 13.85vw; } } .mobile-menu header .inner .inner-inner { width: -webkit-calc(100% - 10px - 10px); width: -moz-calc(100% - 10px - 10px); width: -o-calc(100% - 10px - 10px); width: calc(100% - 10px - 10px); width: 100%; padding: 0; /*.fa-shopping-cart:before { // content: url('../images/ostokori.png') background-image: url('../../kaskea/images/shoppingcart@2x.png'); background-size: 100%; display: inline-block; width: 17px; height: 21px; content:""; background-repeat: no-repeat; margin-top: 10px; filter: brightness(0) invert(1); }*/ } header .inner .inner-inner .loggain, header .inner .inner-inner .loggaut, header .inner .inner-inner .translation { float: right; line-height: 25px; margin-top: 5px; text-transform: uppercase; /*.label { @media (max-width: $bp-m-max) { display: none; } }*/ } @media (max-width: 1919px) and (min-width: 1025px) { header .inner .inner-inner .loggain, header .inner .inner-inner .loggaut, header .inner .inner-inner .translation { line-height: 1.30208333333333vw; margin-top: 0.26041666666667vw; } } header .inner .inner-inner .loggain span, header .inner .inner-inner .loggaut span, header .inner .inner-inner .translation span { font-size: 16px; color: #034086; } @media (max-width: 1919px) and (min-width: 1025px) { header .inner .inner-inner .loggain span, header .inner .inner-inner .loggaut span, header .inner .inner-inner .translation span { font-size: 0.833vw; } } html.mobile-menu header .inner .inner-inner .loggain span, html.mobile-menu header .inner .inner-inner .loggaut span, html.mobile-menu header .inner .inner-inner .translation span { font-size: 16px; color: #fff; } @media (max-width: 480px) { header .inner .inner-inner .loggain, header .inner .inner-inner .loggaut, header .inner .inner-inner .translation { padding-left: 10px; } } html.mobile-menu header .inner .inner-inner .loggain, html.mobile-menu header .inner .inner-inner .loggaut, html.mobile-menu header .inner .inner-inner .translation { margin-top: 0; } header .inner .inner-inner .loggain img, header .inner .inner-inner .loggaut img, header .inner .inner-inner .translation img { padding-left: 5px; width: 20px; height: auto; margin-top: 3px; } html.mobile-menu header .inner .inner-inner .loggain img, html.mobile-menu header .inner .inner-inner .loggaut img, html.mobile-menu header .inner .inner-inner .translation img { filter: brightness(0) invert(1); width: 20px; margin-top: 12px; padding-left: 0; } @media (max-width: 1919px) and (min-width: 1025px) { header .inner .inner-inner .loggain img, header .inner .inner-inner .loggaut img, header .inner .inner-inner .translation img { padding-left: 0.26041666666667vw; width: 1.04166vw; margin-top: 0.15625vw; } } header .inner .inner-inner .loggaut { padding-left: 5px; } .mobile-menu header .inner .inner-inner .loggaut { padding-left: 0; } header .inner .inner-inner .loggaut.mobile { display: none; } header .inner .inner-inner #HeaderCart, header .inner .inner-inner .loggain { float: right; /*.label { @media (max-width: $bp-m-max) { display: none; } }*/ } .mobile-menu header .inner .inner-inner .loggain { display: none; } header .inner .inner-inner #HeaderFavorites { margin-top: 30px; padding-left: 14%; float: right; text-transform: uppercase; /*.label { @media (max-width: $bp-m-max) { display: none; } }*/ } html.mobile-menu header .inner .inner-inner #HeaderFavorites { margin-top: 25px; } @media (max-width: 1280px) { header .inner .inner-inner #HeaderFavorites { padding-left: 2.5%; } } header .inner .inner-inner #HeaderFavorites a.FavoritesIcon { font-weight: 400; font-size: 16px; line-height: 25px; } header .inner .inner-inner #HeaderFavorites a.FavoritesIcon .fa-star-o { padding-left: 5px; } header .inner .inner-inner #HeaderFavorites a.FavoritesIcon .fa-star-o:before { background-image: url("../images/suosikit.png"); background-size: 100%; display: inline-block; width: 22px; height: 19px; content: ""; background-repeat: no-repeat; } header .brand-container, header .navigation-container { display: block; position: relative; float: left; } header .brand-container { position: absolute; left: 0; clear: both; width: 266px; } @media (max-width: 1919px) and (min-width: 1025px) { header .brand-container { width: 13.85416666666667vw; } } .mobile-menu header .brand-container { position: relative; } header .brand-container a { display: inline-block; } header .brand-container .logo { -moz-transition: max-width 0.3s linear; -o-transition: max-width 0.3s linear; -webkit-transition: max-width 0.3s linear; transition: max-width 0.3s linear; max-width: 100%; } html.mobile-menu header .brand-container { margin-right: 0; margin-left: 60px; padding: 6px 0 5px 0; margin-bottom: 0; width: 160px; padding-top: 15px; float: none; margin: 0 auto; } header #PageTranslations { display: block; float: right; position: absolute; right: 0; padding: 0 5px; min-height: 32px; top: 0; } .mobile-menu header #PageTranslations { display: none; } header #PageTranslations ul li { line-height: 31px; float: left; margin-right: 5px; color: #034086; font-size: 16px; } @media (max-width: 1919px) and (min-width: 1025px) { header #PageTranslations ul li { font-size: 0.83333333333333vw; /* 16 */ line-height: 1.61458333333333vw; } } header #PageTranslations ul li:last-child { margin-right: 0; } header #PageTranslations ul li .current { font-weight: 600; } header ul { list-style: none; margin: 0; padding: 0; } header .header-search-placeholder { height: 34px; } @media (max-width: 1024px) { header .header-search-placeholder { display: none; } } header .header-search { float: left; display: block; position: relative; padding: 0 5px; width: 100%; height: 34px; margin-bottom: 16px; } @media (max-width: 1919px) and (min-width: 1025px) { header .header-search { height: 1.771vw; margin-bottom: 0.833vw; } } header .header-search .header-search-inner { position: relative; } header .header-search .search-bar { float: left; width: 100%; } html.mobile-menu header .header-search .search-bar { visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.5s linear; } html.mobile-menu header .header-search .search-bar.show { display: block; visibility: visible; opacity: 1; } header .header-search .search-bar fieldset div.field { margin: 0 10px 0 0px !important; border: none !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } header .header-search .search-bar fieldset div.field input { background: #fff; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -moz-transform: none; -ms-transform: none; -webkit-transform: none; transform: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; height: 100%; -webkit-appearance: none; outline: none; } header .header-search .search-bar .Actions { display: none; } header .header-search .search-dropdown-icon { position: absolute; right: 15px; z-index: 2; display: inline-block; padding: 6px 5px 0 5px; cursor: pointer; } @media (max-width: 1919px) and (min-width: 1025px) { header .header-search .search-dropdown-icon { right: 0.78125vw; padding: 0.3125vw 0.260vw 0 0.260vw; } } html.mobile-menu header .header-search .search-dropdown-icon { right: 4px !important; padding: 6px 5px 0 5px; } header .header-search .search-dropdown-icon .fa-search:before { background-image: url("../images/haku.png"); background-size: 100%; display: inline-block; width: 21px; height: 21px; content: ""; background-repeat: no-repeat; } @media (max-width: 1919px) and (min-width: 1025px) { header .header-search .search-dropdown-icon .fa-search:before { width: 1.09375vw; height: 1.09375vw; } } html.mobile-menu header .header-search .search-dropdown-icon .fa-search:before { width: 21px; height: 21px; } #PageOverlay { display: none; background: rgba(0, 0, 0, 0.5); position: fixed; width: 100%; left: 0; right: 0; bottom: 0; z-index: 9999; height: 100vh; top: 0; transition: all .4s; } div.main { box-sizing: border-box; margin: 0 auto; max-width: 1518px; width: 78.02vw; padding-top: 70px; padding-top: 3.64583vw; min-height: 400px; } @media (max-width: 767px) { div.main { width: 100%; } } .FrontPage div.main, .ProductCatalogPage div.main { padding-top: 0; } @media (max-width: 767px) { .ProductCatalogPage div.main, .NewsCategoryPage div.main { padding-left: 3.125vw; padding-right: 3.125vw; } } .CartPage div.main, .CheckoutPage div.main, .AccountPage div.main, .ProductCatalogPage div.main, .NewsCategoryPage div.main { background: #F7F7F7; position: relative; } .CartPage div.main:before, .CheckoutPage div.main:before, .AccountPage div.main:before, .ProductCatalogPage div.main:before, .NewsCategoryPage div.main:before { position: absolute; right: 100%; width: 50vw; top: 0; bottom: 0; content: ''; background: #F7F7F7; } .CartPage div.main:after, .CheckoutPage div.main:after, .AccountPage div.main:after, .ProductCatalogPage div.main:after, .NewsCategoryPage div.main:after { position: absolute; left: 100%; width: 50vw; top: 0; bottom: 0; content: ''; background: #F7F7F7; } div.main.wider-width { max-width: 1600px; } div.main.narrower-width { max-width: 1380px; } div.main .layout:before, div.main .layout:after { content: ""; display: table; } div.main .layout:after { clear: both; } @media only screen and (max-width: 767px) { div.main .layout { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } div.main .layout aside.sidebar { float: left; width: 337px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } @media only screen and (max-width: 1023px) { div.main .layout aside.sidebar { float: none; width: 100%; } } div.main .layout aside.sidebar nav { margin-bottom: 20px; } div.main .layout aside.sidebar nav ul.sub { padding-left: 10px; } @media only screen and (max-width: 767px) { div.main .layout aside.sidebar.left { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; } } div.main .layout aside.sidebar.right { float: right; } @media only screen and (max-width: 767px) { div.main .layout aside.sidebar.right { -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -ms-flex-order: 3; -webkit-order: 3; order: 3; } } div.main .layout .content-container { float: left; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } @media only screen and (max-width: 767px) { div.main .layout .content-container { float: none; width: 100% !important; -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; } } div.main .layout .content-container article { clear: both; } div.main .layout .content-container article .article-inner { margin: 0 30px; } div.main .layout .content-container article .article-inner #PageTitle { margin-left: -30px; } @media (max-width: 480px) { div.main .layout .content-container article .article-inner { margin: 0 10px; } div.main .layout .content-container article .article-inner #PageTitle { margin-left: -10px; } } .ProductCatalogPage div.main .layout .content-container article { margin-top: 0; clear: none; float: left; } @media (max-width: 1023px) { .ProductCatalogPage div.main .layout .content-container article { width: 100%; } } .ProductCatalogPage div.main .layout .content-container article.full-width { width: 100%; } div.main .layout .content-container #Form_EditForm .middleColumn { max-width: inherit; } div.main .layout .content-container .widget-area.bottom { margin-top: 40px; padding-top: 30px; } div.main .layout .content-container .widget-area.bottom .SlideshowWidget { padding-bottom: 50px; } div.main .layout.columns-2 .content-container article { width: -webkit-calc(100% - 337px); width: -moz-calc(100% - 337px); width: -o-calc(100% - 337px); width: calc(100% - 337px); padding-right: 20px; display: inline-block; } @media (max-width: 1023px) { div.main .layout.columns-2 .content-container article { padding-right: 0; } } @media (max-width: 1023px) { .NewsCategoryPage div.main .layout.columns-2 .content-container article { width: 100%; } } @media (max-width: 767px) { .NewsCategoryPage div.main .layout.columns-2 .content-container article { width: 100%; } } div.main .layout.columns-3 .content-container aticle { width: 50%; } @media only screen and (min-width: 671px) and (max-width: 1024px) and (orientation: portrait) { div.main .layout.columns-3 .content-container aticle { width: 75%; } } @media only screen and (min-width: 671px) and (max-width: 1024px) and (orientation: portrait) { div.main .layout.columns-3 aside.sidebar.right { width: 75%; } } footer { font-size: 16px; line-height: 18px; visibility: hidden; width: 100%; background-color: #132856; color: #fff; } @media (min-width: 1025px) and (max-width: 1919px) { footer { font-size: 0.83333vw; line-height: 1.2em; } } .FrontPage footer { margin-top: 0; } @media only screen and (max-width: 767px) { footer { margin-top: 50px; } } footer .inner { margin: 0 auto; width: 100%; max-width: 1500px; padding: 45px 0 0 0; } @media (min-width: 1025px) and (max-width: 1919px) { footer .inner { width: 78.125%; padding-top: 2.34375vw; } } @media (max-width: 1024px) { footer .inner { width: 71.875%; } } footer .inner p, footer .inner a { font-size: 16px; line-height: 1.2em; } @media (min-width: 1025px) and (max-width: 1919px) { footer .inner p, footer .inner a { font-size: 0.83333vw; } } footer .inner a:hover { text-decoration: underline !important; } footer .tagline { position: relative; width: 100%; max-width: 1500px; margin: 0 auto; background-color: #034086; font-size: 28px; line-height: 1.00em; font-weight: 900; padding-top: 17px; padding-bottom: 15px; } @media (min-width: 1025px) and (max-width: 1919px) { footer .tagline { width: 78.125%; font-size: 1.45833vw; padding-top: 0.8854167vw; padding-bottom: 0.78125vw; } } @media (max-width: 1024px) { footer .tagline { width: 71.875%; font-size: 18px; } } @media (max-width: 767px) { footer .tagline { text-align: center; } } footer .tagline:before, footer .tagline:after { content: ''; position: absolute; width: 50vw; top: 0; bottom: 0; background-color: inherit; } footer .tagline:before { right: 100%; } footer .tagline:after { left: 100%; } @media only screen and (max-width: 480px) { footer .tagline { text-align: center; font-size: 1em; } } footer .footer-upper { position: relative; float: left; width: 100%; margin-bottom: 40px; padding-left: 329px; } @media (min-width: 1025px) and (max-width: 1919px) { footer .footer-upper { margin-bottom: 2.0833vw; padding-left: 17.1354167vw; } } @media (max-width: 767px) { footer .footer-upper { padding-left: 0; } } @media only screen and (max-width: 1280px) { footer .footer-upper { text-align: center; } } footer .footer-upper .footer-logo { position: absolute; left: 0; float: left; width: 266px; } @media (min-width: 1025px) and (max-width: 1919px) { footer .footer-upper .footer-logo { width: 13.854167vw; } } @media (max-width: 767px) { footer .footer-upper .footer-logo { position: relative; width: 100%; } } footer .footer-upper .footer-logo img { display: inline-block; filter: brightness(0) invert(1); } footer .footer-upper .right { min-height: 67px; border-bottom: 1px solid #034086; width: 100%; float: left; } @media (max-width: 767px) { footer .footer-upper .right { min-height: unset; padding: 25px 0; padding: 7.8125vw 0; } } footer .footer-upper .right .some { position: absolute; width: 100%; } @media (min-width: 1024px) { footer .footer-upper .right .some { text-align: center; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); } } @media (max-width: 1024px) { footer .footer-upper .right .some { position: relative; text-align: right; } } @media (max-width: 767px) { footer .footer-upper .right .some { width: 100%; text-align: center; } } footer .footer-upper .right .some span { display: inline-block; line-height: 28px; font-size: 1em; font-weight: 600; padding-right: 12px; } footer .footer-upper .right .some a svg { display: inline-block; padding: 0; margin-right: 5px; } footer .footer-text { float: left; width: 100%; padding-bottom: 50px; } @media (min-width: 1025px) and (max-width: 1919px) { footer .footer-text { padding-bottom: 2.604167vw; } } @media (max-width: 1024px) { footer .footer-text { padding-bottom: 40px; } } @media (max-width: 639px) { footer .footer-text { text-align: center; } } footer .footer-text .columns { min-width: 100%; clear: both; overflow: hidden; margin-left: -10px; margin-right: -10px; } @media (min-width: 640px) { footer .footer-text .columns { display: flex; flex-wrap: wrap; } } footer .footer-text .columns > .column { display: block; float: left; padding: 10px; } @media (max-width: 1023px) { footer .footer-text .columns > .column { padding-bottom: 40px; } } @media (max-width: 639px) { footer .footer-text .columns > .column { width: 100% !important; } } footer .footer-text .columns.five > .column { width: 20%; } @media (max-width: 1023px) { footer .footer-text .columns.five > .column { width: 50%; } } footer .footer-text a, footer .footer-text a:hover { text-decoration: none; color: #fff; } footer .footer-gutter { position: relative; float: left; margin: 0 auto; width: 100%; max-width: 1500px; border-top: 1px solid #034086; line-height: 45px; } @media (max-width: 1024px) { footer .footer-gutter { line-height: 1.20em; padding: 5px 0 10px 0; } } footer .footer-gutter .footer-copyright { text-align: center; font-size: 15px; } @media (min-width: 1025px) and (max-width: 1919px) { footer .footer-gutter .footer-copyright { font-size: 0.78125vw; } } footer .footer-gutter .footer-poweredby { position: absolute; top: 0; right: 0; color: rgba(255, 255, 255, 0.2); } footer .footer-gutter .footer-poweredby:hover { color: #fff; } @media (max-width: 1024px) { footer .footer-gutter .footer-poweredby { position: relative; width: 100%; display: inline-block; text-align: center; padding: 2px 0; } } footer .footer-gutter .footer-poweredby a { line-height: inherit; color: inherit; } footer .footer-gutter .footer-poweredby a:hover { text-decoration: underline; } @media only screen and (max-width: 1280px) { footer .desktopOnly { display: none !important; } } footer .mobileOnly { display: none !important; } @media only screen and (max-width: 1280px) { footer .mobileOnly { display: block !important; } } .webadmin-edit-link { float: right; background: transparent url(../../../framework/admin/images/btn-icon/document--pencil.png) no-repeat; width: 16px; height: 16px; } @media only screen and (max-width: 767px) { .webadmin-edit-link { display: none; } } .webadmin-edit-link.widgets { margin-left: 10px; background: transparent url(../../../framework/admin/images/btn-icon/chain--pencil.png) no-repeat; } .widget-area.header { width: 88.54167vw; max-width: 1702px; margin: 0 auto; } .mobile-menu .widget-area.header { width: 100%; } @media (max-width: 767px) { body:not(.FrontPage) .WidgetHolder.HtmlContentWidget { padding-left: 3.125vw; padding-right: 3.125vw; } } @media (max-width: 480px) { .WidgetHolder.HtmlContentWidget .design-0 { padding: 0 10px; } } .WidgetHolder.HtmlContentWidget .design-0 h1 { padding-bottom: 30px; } .WidgetHolder.HtmlContentWidget .design-0 h2, .WidgetHolder.HtmlContentWidget .design-0 h3 { font-weight: 900; } .WidgetHolder.HtmlContentWidget .design-0 .background-image { padding-bottom: 20px; } .WidgetHolder.HtmlContentWidget .design-0 .columns { padding-left: 50px; padding-right: 50px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; } @media only screen and (max-width: 768px) { .WidgetHolder.HtmlContentWidget .design-0 .columns { padding-left: 25px; padding-right: 25px; } } @media (max-width: 480px) { .WidgetHolder.HtmlContentWidget .design-0 .columns { padding-left: 0; padding-right: 0; } } .WidgetHolder.HtmlContentWidget .design-0 .columns .column { min-width: 250px; } .WidgetHolder.HtmlContentWidget .design-0 .columns .column a.smallbutton { margin-top: 15px; } @media (max-width: 768px) { .WidgetHolder.HtmlContentWidget .design-0 .columns .column { width: auto; } } @media only screen and (max-width: 600px) { .WidgetHolder.HtmlContentWidget .design-0 .columns .column { margin-top: 30px; width: 100%; text-align: center; } } .WidgetHolder.HtmlContentWidget .design-0 .widget-title { height: 55px; text-align: center; background: transparent url("../../kaskea/images/svg/triangles.svg") repeat-x left center; margin-bottom: 60px; } @media (max-width: 1919px) and (min-width: 1025px) { .WidgetHolder.HtmlContentWidget .design-0 .widget-title { height: 2.86458333333333vw; margin-bottom: 3.125vw; } } @media (max-width: 480px) { .WidgetHolder.HtmlContentWidget .design-0 .widget-title { height: unset; margin-bottom: unset; } } .WidgetHolder.HtmlContentWidget .design-0 .widget-title h2 { font-size: 1.7em; font-weight: 900; text-align: center; padding: 0 7.5%; background-color: white; display: inline-block; line-height: 2.60416666666667vw; } @media (max-width: 1919px) and (min-width: 1025px) { .WidgetHolder.HtmlContentWidget .design-0 .widget-title h2 { font-size: 2.0833vw; } } @media (max-width: 1024px) { .WidgetHolder.HtmlContentWidget .design-0 .widget-title h2 { font-size: 1.7em; line-height: 1.15; margin-top: 6px; } } @media (max-width: 350px) { .WidgetHolder.HtmlContentWidget .design-0 .widget-title h2 { font-size: 1.4em; } } .WidgetHolder.HtmlContentWidget .design-1 { overflow: hidden; position: relative; width: 100%; min-height: 702px; } @media (max-width: 1919px) { .WidgetHolder.HtmlContentWidget .design-1 { min-height: 36.5625vw; } } @media (max-width: 959px) { .WidgetHolder.HtmlContentWidget .design-1 .WidgetHolderContent { padding-left: 0; padding-right: 0; } } .WidgetHolder.HtmlContentWidget .design-1 .background-image { position: absolute; top: 0; z-index: 1; width: 100%; height: 100%; } .WidgetHolder.HtmlContentWidget .design-1 .background-image img { object-fit: cover; width: 100%; height: 100%; } .WidgetHolder.HtmlContentWidget .design-1 .content { margin-top: 60px; margin-bottom: 50px; z-index: 2; position: relative; width: 70%; display: block; float: left; padding: 60px; color: #fff; } @media (max-width: 1919px) { .WidgetHolder.HtmlContentWidget .design-1 .content { padding: 3.125vw; margin-top: 3.125vw; margin-bottom: 2.604167vw; } } @media (max-width: 1280px) { .WidgetHolder.HtmlContentWidget .design-1 .content { margin-top: 0; margin-bottom: 0; } } @media (max-width: 959px) { .WidgetHolder.HtmlContentWidget .design-1 .content { width: 100%; padding: 40px 20px; } } .WidgetHolder.HtmlContentWidget .design-1 .content p { font-size: 1em; line-height: 1.5; } @media (max-width: 1919px) { .WidgetHolder.HtmlContentWidget .design-1 .content p { font-size: 0.9375vw; /* 18 / 1920 */ } } @media (max-width: 1024px) { .WidgetHolder.HtmlContentWidget .design-1 .content p { font-size: 0.8888888888888889em; } } .WidgetHolder.HtmlContentWidget .design-1 .content h1 { line-height: 1.1; font-size: 50px; color: #fff; text-transform: initial; font-weight: 900; margin-bottom: 25px; /*@media (max-width: $bp-s-max) { color: $color-text-heading; }*/ } @media (max-width: 1919px) { .WidgetHolder.HtmlContentWidget .design-1 .content h1 { font-size: 2.604167vw; } } @media (max-width: 1280px) { .WidgetHolder.HtmlContentWidget .design-1 .content h1 { font-size: 1.777777777777778em; line-height: 1; } } .WidgetHolder.HtmlContentWidget .design-1 .content .Widget-box h2 { text-align: initial; } .WidgetHolder.HtmlContentWidget .design-2 h1 { color: #D16B1C; padding-bottom: 0; } .whiteDummy { height: 25px; background: #fff; width: 100%; display: inline-block; margin-top: 50px; } .ProductCatalogPage .whiteDummy { margin-top: 25px; } @media (max-width: 959px) { .whiteDummy { margin-top: 15px; } } .dummy { height: 98px; } @media (max-width: 1919px) { .dummy { height: 5.104167vw; } } @media (max-width: 767px) { .dummy { display: none; } } .campaign-banner-wrapper { margin-bottom: 75px; } .slick-track { display: flex !important; } .slick-track .slick-slide { height: inherit; } #QuotationCheckoutForm_OrderForm_error { padding: 0 30px; } .smallbutton { background: #E7362C !important; color: #fff !important; font-size: 0.88889em; line-height: 1.2; padding: 10px 30px; font-weight: 900; display: inline-block; font-family: proxima-nova, "Arial", sans-serif; position: relative; } @media (max-width: 1919px) { .smallbutton { line-height: 0.98958333333333vw; font-size: 0.83333333333333vw; padding: 0.52083333333333vw 1.5625vw; } } @media (max-width: 1024px) { .smallbutton { line-height: 1.2; font-size: 0.88889em; padding: 10px 30px; } } @media (max-width: 480px) { .smallbutton { padding: 7px 10px; } } .smallbutton:before { position: absolute; top: -10px; left: 0px; content: ''; width: 0; height: 0; border-left: 34px solid transparent; border-bottom: 10px solid #C31C29; } @media (max-width: 1919px) { .smallbutton:before { border-left: 1.77083333333333vw solid transparent; top: -0.52083333333333vw; border-bottom: 0.52083333333333vw solid #C31C29; } } @media (max-width: 1024px) { .smallbutton:before { top: -10px; border-left: 34px solid transparent; border-bottom: 10px solid #C31C29; } } a#CybotCookiebotDialogPoweredbyCybot { display: none !important; } #CookiebotWidget .CookiebotWidget-main-logo { display: none !important; } /*# sourceMappingURL=layout.css.map */