@import "./components/dheader.css";
@import "./components/hwarning.css";
@import "./components/dnav.css";
@import "./components/usermenu.css";
@import "./components/dnavsearch.css";
@import "./components/dnavmenu.css";
@import "./components/mnavmenu.css";
@import "./components/mainswiper.css";
@import "./components/articlelister.css";
@import "./components/listarticle.css";
@import "./components/ppsolutions.css";
@import "./components/mainpredictions.css";
@import "./components/threatlist.css";
@import "./components/regnow.css";
@import "./components/roundarrow-button.css";
@import "./components/vpage-lister.css";
@import "./components/video-lister.css";
@import "./components/vbox.css";
@import "./components/grapecc.css";

html,
body,
div,
span,
applet,
object,
iframe,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
sub,
sup,
tt,
var,
u,
center,
fieldset,
form,
label,
legend,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

@font-face {
    font-family: "Helvetica Neue";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/HelveticaNeueLTPro-Roman.eot");
    /* IE9 Compat Modes */
    src:
        url("../fonts/HelveticaNeueLTPro-Roman.eot?#iefix") format("embedded-opentype"),
        url("../fonts/HelveticaNeueLTPro-Roman.woff") format("woff"),
        url("../fonts/HelveticaNeueLTPro-Roman.ttf") format("truetype"),
        url("../fonts/HelveticaNeueLTPro-Roman.svg#svgFontName") format("svg");
    /* Legacy iOS */
}

@font-face {
    font-family: "Helvetica Neue";
    font-style: normal;
    font-weight: 700;
    src: url("../fonts/HelveticaNeueLTPro-Bd.eot");
    /* IE9 Compat Modes */
    src:
        url("../fonts/HelveticaNeueLTPro-Bd.eot?#iefix") format("embedded-opentype"),
        url("../fonts/HelveticaNeueLTPro-Bd.woff") format("woff"),
        url("../fonts/HelveticaNeueLTPro-Bd.ttf") format("truetype"),
        url("../fonts/HelveticaNeueLTPro-Bd.svg#svgFontName") format("svg");
    /* Legacy iOS */
}

@font-face {
    font-family: "Helvetica Neue";
    font-style: normal;
    font-weight: bold;
    src: url("../fonts/HelveticaNeueLTPro-Bd.eot");
    /* IE9 Compat Modes */
    src:
        url("../fonts/HelveticaNeueLTPro-Bd.eot?#iefix") format("embedded-opentype"),
        url("../fonts/HelveticaNeueLTPro-Bd.woff") format("woff"),
        url("../fonts/HelveticaNeueLTPro-Bd.ttf") format("truetype"),
        url("../fonts/HelveticaNeueLTPro-Bd.svg#svgFontName") format("svg");
    /* Legacy iOS */
}

@font-face {
    font-family: "Helvetica Neue Bold";
    src: url("../fonts/HelveticaNeueLTPro-Bd.eot");
    /* IE9 Compat Modes */
    src:
        url("../fonts/HelveticaNeueLTPro-Bd.eot?#iefix") format("embedded-opentype"),
        url("../fonts/HelveticaNeueLTPro-Bd.woff") format("woff"),
        url("../fonts/HelveticaNeueLTPro-Bd.ttf") format("truetype"),
        url("../fonts/HelveticaNeueLTPro-Bd.svg#svgFontName") format("svg");
    /* Legacy iOS */
}

@font-face {
    font-family: "Helvetica Neue Light";
    src: url("../fonts/HelveticaNeueLTPro-Lt.eot");
    /* IE9 Compat Modes */
    src:
        url("../fonts/HelveticaNeueLTPro-Lt.eot?#iefix") format("embedded-opentype"),
        url("../fonts/HelveticaNeueLTPro-Lt.woff") format("woff"),
        url("../fonts/HelveticaNeueLTPro-Lt.ttf") format("truetype"),
        url("../fonts/HelveticaNeueLTPro-Lt.svg#svgFontName") format("svg");
    /* Legacy iOS */
}

@font-face {
    font-family: "Material Icons";
    src: url("../fonts/MaterialIcons-Regular.eot");
    /* IE9 Compat Modes */
    src:
        url("../fonts/MaterialIcons-Regular.eot?#iefix") format("embedded-opentype"),
        url("../fonts/MaterialIcons-Regular.woff") format("woff"),
        url("../fonts/MaterialIcons-Regular.ttf") format("truetype");
    /* Safari, Android, iOS */
    /*url('../fonts/MaterialIcons-Regular.svg#svgFontName') format('svg'); !* Legacy iOS *!*/
}

.material-icons {
    font-family: "Material Icons";
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: "liga";
}

.material-icons.md-18 {
    font-size: 18px;
}

.material-icons.md-24 {
    font-size: 24px;
}

.material-icons.md-36 {
    font-size: 36px;
}

.material-icons.md-48 {
    font-size: 48px;
}

/***********************************************************/
/***********************************************************/
/***********************************************************/
/***********************************************************/
/***********************************************************/
/***********************************************************/
/***********************************************************/
/***********************************************************/
html,
body {
    font-family: "Helvetica Neue";
    font-size: 18px;
    overflow-x: hidden;
    min-height: 100vh;
}
body {
    position: relative;
}
.body__wrapper {
    position: absolute;
    width: 100%;
    min-height: 100%;
    height: auto !important;
}

h1,
.h1 {
    font-size: 48px;
    font-family: "Helvetica Neue";
    font-weight: 700;
    margin-bottom: 0;
}

@media (max-width: 992px) {
    h1,
    .h1 {
        font-size: 32px;
    }
}

h2 {
    font-size: 40px;
    font-family: "Helvetica Neue Bold";
    line-height: 1.43;
}

@media (max-width: 992px) {
    h2 {
        font-size: 28px;
    }
}

h3 {
    font-size: 32px;
    font-family: "Helvetica Neue Bold";
    line-height: 1.38;
}

@media (max-width: 992px) {
    h3 {
        font-size: 24px;
    }
}

h4 {
    font-size: 24px;
    font-family: "Helvetica Neue Bold";
    line-height: 1.42;
}

@media (max-width: 992px) {
    h4 {
        font-size: 21px;
    }
}

h5 {
    font-size: 20px;
    font-family: "Helvetica Neue Bold";
}

@media (max-width: 992px) {
    h5 {
        font-size: 18px;
    }
}

h6 {
    font-size: 16px;
    font-family: "Helvetica Neue Bold";
    margin-bottom: 30px;
    line-height: 1.56;
}

p {
    line-height: 1.56;
}

p,
span,
a {
    font-size: 18px;
}

@media (max-width: 992px) {
    p,
    span,
    a {
        font-size: 14px;
    }
}

button {
    cursor: pointer;
}

::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #cccccc;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #cccccc;
}

:-ms-input-placeholder {
    /* IE 10+ */
    color: #cccccc;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: #cccccc;
}

input,
select,
.input-group > .form-control,
input[type="radio"] {
    height: 45px;
    width: 100%;
    font-size: 16px;
    border: 1px solid #cccccc;
    outline: none;
    background-color: #ffffff;
    transition: border 200ms linear;
    color: #333333;
    padding: 10px 20px;
    margin-bottom: 30px;
}

@media (max-width: 768px) {
    input,
    select,
    .input-group > .form-control,
    input[type="radio"] {
        font-size: 14px;
        line-height: normal;
    }
}

input:hover,
select:hover,
.input-group > .form-control:hover,
input:active,
select:active,
.input-group > .form-control:active,
input:focus,
select:focus,
.input-group > .form-control:focus {
    border-color: #004a96;
}

input + label.error,
select + label.error,
.input-group > .form-control + label.error {
    display: none;
}

.has-error input {
    border-color: #c50022;
    margin-bottom: 0;
}

input.error,
select.error,
.input-group > .error.form-control {
    border-color: #c50022;
    margin-bottom: 0;
}

input.error + label.error,
select.error + label.error,
.input-group > .error.form-control + label.error,
.has-error input + p.help-block-error,
.economy-error .help-block-error {
    display: block;
    line-height: 30px;
    color: #c50022;
    font-size: 16px;
    font-family: "Helvetica Neue";
}

label {
    display: block;
    color: #333333;
    font-family: "Helvetica Neue Bold";
    font-size: 14px;
    line-height: 1.79;
    margin-bottom: 5px;
}

select {
    appearance: none;
    -moz-appearance: none;
    /* Firefox */
    -webkit-appearance: none;
    /* Safari and Chrome */
    background: #ffffff url("../images/icons/icon-arrow-down-black.svg") no-repeat center right;
    background-size: 8px auto;
    background-position-x: calc(100% - 20px);
    padding-right: 30px;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 45px;
}

.calculator {
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
}

.input-group {
    margin-bottom: 30px;
}

.input-group > .form-control {
    width: 1%;
    margin-bottom: 0;
    border-radius: 0;
    outline: none;
}

.input-group > .form-control:hover,
.input-group > .form-control:active,
.input-group > .form-control:focus {
    outline: none;
    box-shadow: none;
}

.input-group .input-group-text {
    border: none;
    background-color: transparent;
    padding: 5px 0 5px 5px;
    font-size: 16px;
}

input[type="checkbox"],
select[type="checkbox"],
.input-group > [type="checkbox"].form-control,
input[type="radio"],
select[type="radio"],
.input-group > [type="radio"].form-control {
    width: 20px;
    height: 20px;
    display: inline-block;
    /*opacity: 0.4;*/
    position: relative;
    margin-bottom: 0;
    margin-right: 15px;
    cursor: pointer;
}

input[type="checkbox"]:before,
select[type="checkbox"]:before,
.input-group > [type="checkbox"].form-control:before,
input[type="radio"]:before,
select[type="radio"]:before,
.input-group > [type="radio"].form-control:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    pointer-events: none;
}

input[type="checkbox"].error:before,
select[type="checkbox"].error:before,
.input-group > [type="checkbox"].error.form-control:before,
input.error[type="radio"]:before,
select.error[type="radio"]:before,
.input-group > .error[type="radio"].form-control:before {
    border-color: #c50022;
}

input[type="checkbox"] ~ label,
select[type="checkbox"] ~ label,
.input-group > [type="checkbox"].form-control ~ label,
input[type="radio"] ~ label,
select[type="radio"] ~ label,
.input-group > [type="radio"].form-control ~ label {
    width: calc(100% - 40px);
    display: inline-block;
    font-family: "Helvetica Neue";
    font-size: 16px;
    margin-top: -4px;
    cursor: pointer;
}

input[type="checkbox"] ~ label a,
select[type="checkbox"] ~ label a,
.input-group > [type="checkbox"].form-control ~ label a,
input[type="radio"] ~ label a,
select[type="radio"] ~ label a,
.input-group > [type="radio"].form-control ~ label a {
    color: #004a96;
    text-decoration: underline;
    font-size: 16px;
}

input[type="checkbox"] + label.error,
select[type="checkbox"] + label.error,
.input-group > [type="checkbox"].form-control + label.error,
input[type="radio"] + label.error,
select[type="radio"] + label.error,
.input-group > [type="radio"].form-control + label.error {
    position: absolute;
    bottom: 0;
}

input[type="checkbox"]:hover:before,
select[type="checkbox"]:hover:before,
.input-group > [type="checkbox"].form-control:hover:before,
input[type="radio"]:hover:before,
select[type="radio"]:hover:before,
.input-group > [type="radio"].form-control:hover:before {
    border: 1px solid #004a96;
}

input[type="checkbox"]:checked:before,
select[type="checkbox"]:checked:before,
.input-group > [type="checkbox"].form-control:checked:before,
input[type="radio"]:checked:before,
select[type="radio"]:checked:before,
.input-group > [type="radio"].form-control:checked:before {
    background: #ffffff url("../images/icons/icon-check.svg") no-repeat center;
    background-size: cover;
}

input[type="checkbox"]:disabled,
select[type="checkbox"]:disabled,
.input-group > [type="checkbox"].form-control:disabled,
input[type="radio"]:disabled,
select[type="radio"]:disabled,
.input-group > [type="radio"].form-control:disabled {
    cursor: not-allowed;
    pointer-events: none;
}

input[type="checkbox"]:disabled:before,
select[type="checkbox"]:disabled:before,
.input-group > [type="checkbox"].form-control:disabled:before,
input[type="radio"]:disabled:before,
select[type="radio"]:disabled:before,
.input-group > [type="radio"].form-control:disabled:before {
    opacity: 0.7;
    pointer-events: none;
    cursor: not-allowed;
}

input[type="checkbox"]:disabled:before:hover,
select[type="checkbox"]:disabled:before:hover,
.input-group > [type="checkbox"].form-control:disabled:before:hover,
input[type="radio"]:disabled:before:hover,
select[type="radio"]:disabled:before:hover,
.input-group > [type="radio"].form-control:disabled:before:hover {
    border: 1px solid #cccccc;
}

input[type="checkbox"]:disabled ~ label,
select[type="checkbox"]:disabled ~ label,
.input-group > [type="checkbox"].form-control:disabled ~ label,
input[type="radio"]:disabled ~ label,
select[type="radio"]:disabled ~ label,
.input-group > [type="radio"].form-control:disabled ~ label {
    cursor: not-allowed;
    pointer-events: none;
}

input[type="checkbox"]:disabled ~ label img,
select[type="checkbox"]:disabled ~ label img,
.input-group > [type="checkbox"].form-control:disabled ~ label img,
input[type="radio"]:disabled ~ label img,
select[type="radio"]:disabled ~ label img,
.input-group > [type="radio"].form-control:disabled ~ label img {
    opacity: 0.5;
}

.checkbox-wrapper {
    display: flex;
    align-items: flex-start;
    margin-bottom: 30px;
}

#registrationForm .checkbox-wrapper label,
#registrationForm .checkbox-wrapper label a {
    font-family: "Helvetica Neue";
    font-size: 16px;
}

#registrationForm a {
    color: #004a96;
}

.field-user-policy_accepted .help-block {
    position: absolute;
}

input[type="number"]::-webkit-inner-spin-button,
select[type="number"]::-webkit-inner-spin-button,
.input-group > [type="number"].form-control::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button,
select[type="number"]::-webkit-outer-spin-button,
.input-group > [type="number"].form-control::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="radio"]:before,
select[type="radio"]:before,
.input-group > [type="radio"].form-control:before {
    border-radius: 10px;
}

input[type="radio"]:checked:before,
select[type="radio"]:checked:before,
.input-group > [type="radio"].form-control:checked:before {
    background: #ffffff;
    background-size: cover;
}

input[type="radio"]:checked:after,
select[type="radio"]:checked:after,
.input-group > [type="radio"].form-control:checked:after {
    content: "";
    display: inline-block;
    height: 10px;
    width: 10px;
    border-radius: 5px;
    background: #004a96;
    position: absolute;
    left: 5px;
    top: 5px;
}

input[type="radio"] + label,
select[type="radio"] + label,
.input-group > [type="radio"].form-control + label {
    font-size: 14px;
    line-height: 1.57;
    margin-bottom: 0;
    display: inline-block;
    width: auto;
    position: relative;
    top: 2px;
}

.radio-wrapper {
    display: flex;
    align-items: flex-start;
}

table.basf-table {
    width: 100%;
}

table.basf-table tr:nth-child(even) {
    background-color: #f0f0f0;
}

table.basf-table th {
    height: 65px;
    background: #004a96;
    color: #ffffff;
    vertical-align: middle;
    font-size: 14px;
    font-family: "Helvetica Neue Bold";
    border-bottom: 0;
    border-right: 1px solid rgba(51, 51, 51, 0.2);
}

table.basf-table th:last-of-type {
    border-right: 0;
}

table.basf-table td {
    vertical-align: middle;
    height: 50px;
    font-size: 14px;
    font-family: "Helvetica Neue";
    border-right: 1px solid rgba(51, 51, 51, 0.2);
    border-top: 0;
}

table.basf-table td.bold {
    font-family: "Helvetica Neue Bold";
}

table.basf-table td:last-of-type {
    border-right: 0;
}

/***********************************************************/
/***********************************************************/
.hero {
    position: relative;
    min-height: 560px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

@media (max-width: 992px) {
    .hero {
        min-height: initial;
        padding: 90px 0 95px;
    }
}

.hero::before {
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom right, rgba(51, 51, 51, 0.6), rgba(51, 51, 51, 0));
    display: block;
    position: absolute;
    top: 0;
}

.hero .heroTxt {
    color: #ffffff;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
}

@media (max-width: 992px) {
    .hero .heroTxt {
        position: relative;
        top: initial;
        transform: none;
    }
}

.hero .heroTxt h2 {
    line-height: 1.4;
    margin-bottom: 30px;
}

.hero .heroTxt h5 {
    font-family: "Helvetica Neue Light";
    line-height: 1.5;
}

.hero .heroTxt button,
.hero .heroTxt .btn-cta,
.hero .heroTxt .btn-secondary-cta,
.hero .heroTxt .cc_banner-wrapper .cc_container .cc_btn,
.cc_banner-wrapper .cc_container .hero .heroTxt .cc_btn,
.hero .heroTxt .btn-facebook {
    margin-top: 60px;
}

.hero .heroTxt button:hover,
.hero .heroTxt button:focus,
.hero .heroTxt .btn-cta:hover,
.hero .heroTxt .btn-secondary-cta:hover,
.hero .heroTxt .cc_banner-wrapper .cc_container .cc_btn:hover,
.cc_banner-wrapper .cc_container .hero .heroTxt .cc_btn:hover,
.hero .heroTxt .btn-facebook:hover,
.hero .heroTxt .btn-cta:focus,
.hero .heroTxt .btn-secondary-cta:focus,
.hero .heroTxt .cc_banner-wrapper .cc_container .cc_btn:focus,
.cc_banner-wrapper .cc_container .hero .heroTxt .cc_btn:focus,
.hero .heroTxt .btn-facebook:focus {
    color: #ffffff;
    outline: none;
    box-shadow: none;
}

.hero.xsmall {
    min-height: 270px;
}

.hero.small {
    min-height: 420px;
}

@media (max-width: 576px) {
    .hero.small {
        min-height: 320px;
    }
}

.hero.small::before {
    display: none;
}

.hero.small.product {
    min-height: 250px;
}

.product-coupon {
    background-color: #f2f2f2;
    padding: 28px 0;
    margin-top: 30px;
    text-align: center;
}

.textWrapper a.coupon-ct-btn {
    color: white;
    background-color: #004a96;
    display: inline-block;
    padding: 16px 70px;
    text-align: center;
    font-size: 16px;
    margin-top: 20px;
    border-radius: 24px;
}

/***********************************************************/
/***********************************************************/
.customBreadcrumb {
    margin-top: 60px;
}

@media (max-width: 576px) {
    .customBreadcrumb {
        margin-top: 45px;
    }
}

.customBreadcrumb .breadcrumb {
    margin: 0;
    padding: 0;
    background-color: transparent;
}

.customBreadcrumb .breadcrumb .breadcrumb-item {
    position: relative;
    padding-right: 20px;
    line-height: normal;
    font-size: 16px;
}

@media (max-width: 576px) {
    .customBreadcrumb .breadcrumb .breadcrumb-item {
        font-size: 14px;
        margin-bottom: 5px;
    }
}

.customBreadcrumb .breadcrumb .breadcrumb-item a {
    font-size: 16px;
    color: #004a96;
}

@media (max-width: 576px) {
    .customBreadcrumb .breadcrumb .breadcrumb-item a {
        font-size: 14px;
    }
}

.customBreadcrumb .breadcrumb .breadcrumb-item.active {
    color: #333333;
}

.customBreadcrumb .breadcrumb .breadcrumb-item + .breadcrumb-item::after,
.customBreadcrumb .breadcrumb .breadcrumb-item:first-of-type::after {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    padding: 0;
    border-top: 2px solid #333333;
    border-right: 2px solid #333333;
    transform: rotate(45deg);
    margin-left: 15px;
    margin-bottom: 1px;
}

.customBreadcrumb .breadcrumb .breadcrumb-item + .breadcrumb-item::before,
.customBreadcrumb .breadcrumb .breadcrumb-item:first-of-type::before {
    display: none;
}

.customBreadcrumb .breadcrumb .breadcrumb-item + .breadcrumb-item + .breadcrumb-item:last-of-type::after,
.customBreadcrumb .breadcrumb .breadcrumb-item:first-of-type + .breadcrumb-item:last-of-type::after {
    display: none;
}

.customBreadcrumb .breadcrumb .breadcrumb-item:first-of-type {
    padding-left: 0;
}

/***********************************************************/
/***********************************************************/
.card {
    border-radius: 0;
    border: none;
    margin-bottom: 30px;
    padding: 0;
}

@media (max-width: 992px) {
    .card {
        margin-bottom: 25px;
    }
}

@media (max-width: 576px) {
    .card {
        height: auto !important;
    }
}

.card .card-body {
    padding: 20px 30px 0;
}

@media (max-width: 992px) {
    .card .card-body {
        padding: 15px 20px 0;
    }
}

.card .card-body h4 {
    font-family: "Helvetica Neue Bold";
    margin-bottom: 15px;
}

.card .card-body h4 a {
    font-family: "Helvetica Neue Bold";
    font-weight: bold;
    font-size: 24px;
    color: white;
    line-height: 1.4em;
}

@media (max-width: 992px) {
    .card .card-body h4 a {
        font-size: 21px;
    }
}

.card .card-body a {
    color: black;
}
.card .card-body card-text {
    color: black;
}

.card .card-body a:hover,
.card .card-body a:focus,
.card .card-body a:active,
.card .card-body a:visited {
    color: #ffffff;
}

.card .card-footer {
    padding: 0 25px 25px;
    border: none;
    border-radius: 0;
}

@media (max-width: 992px) {
    .card .card-footer {
        padding: 0 20px 15px;
    }
}

.card .card-footer a,
.card .card-footer p {
    font-size: 16px;
    margin-top: 25px;
    display: block;
}

.card .card-footer a {
    font-family: "Helvetica Neue Bold";
}

.card.card-img,
.card.card-video {
    background-color: #f2f2f2;
}

.card.card-img .card-img-box,
.card.card-img .card-video-box,
.card.card-video .card-img-box,
.card.card-video .card-video-box {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    background-color: white;
}

.card.card-img .card-img-box::before,
.card.card-img .card-video-box::before,
.card.card-video .card-img-box::before,
.card.card-video .card-video-box::before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 56.25%;
}

.card.card-img .card-body,
.card.card-video .card-body {
    color: black;
}

@media (max-width: 576px) {
    .card.card-img .card-body,
    .card.card-video .card-body {
        padding-bottom: 15px;
    }
}

.card.card-img .card-body a {
    color: black;
}
.card.card-img .card-body .card-text {
    color: black;
}

.card.card-img .card-body a:hover,
.card.card-img .card-body a:focus,
.card.card-img .card-body a:active,
.card.card-img .card-body a:visited {
    color: black;
}

.card.card-img .card-footer,
.card.card-video .card-footer {
    background-color: #f2f2f2;
}

.card.card-img .card-footer a,
.card.card-video .card-footer a {
    color: #004a96;
}

.card.card-img .card-footer a .arrow {
    border-color: #004a96;
}

.card.card-img .card-footer a .arrow::before {
    border-color: #004a96;
}

.card.card-video .videoSection {
    min-height: auto;
    display: inherit;
    margin: 0;
}

.card.card-video .videoSection .videoBg {
    margin-bottom: -1px;
}

.card.card-video .videoSection .video {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.card.card-video .videoSection .video iframe {
    height: 100%;
}

.card.card-video .videoSection .play {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url("../images/icons/icon-play-circle.svg");
    height: 60px;
    width: 60px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    z-index: 1;
}

@media (max-width: 992px) {
    .card.card-video .videoSection .play {
        margin-bottom: 45px;
    }
}

.card.card-horizontal {
    padding: 0 15px;
    flex-direction: initial;
    background-color: transparent;
}

@media (max-width: 576px) {
    .card.card-horizontal {
        flex-direction: column;
        height: 100% !important;
    }
}

.card.card-horizontal .card-img-box {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    background-color: white;
    padding: 0;
}

.card.card-horizontal .card-img-box::before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 56.25%;
}

.card.card-horizontal .cardBodyWrapper {
    background-color: #f0f0f0;
    padding: 0;
    display: flex;
    flex-direction: column;
}

.card.card-horizontal .cardBodyWrapper .card-body a {
    color: #333333;
}

.card.card-horizontal .cardBodyWrapper .card-body a:hover,
.card.card-horizontal .cardBodyWrapper .card-body a:focus,
.card.card-horizontal .cardBodyWrapper .card-body a:active,
.card.card-horizontal .cardBodyWrapper .card-body a:visited {
    color: #333333;
}

.card.card-horizontal .cardBodyWrapper .card-footer {
    background-color: #f0f0f0;
}

.card.card-horizontal .cardBodyWrapper .card-footer a {
    color: #004a96;
}

.card.card-horizontal .cardBodyWrapper .card-footer a .arrow {
    border-color: #004a96;
}

.card.card-horizontal .cardBodyWrapper .card-footer a .arrow::before {
    border-color: #004a96;
}

.card.card-base {
    background-color: #004a96;
}

.card.card-base .card-title {
    color: white;
}

.card.card-base .card-body a {
    color: white;
}
.card.card-base .card-body .card-text {
    color: white;
}

.card.card-base .card-body a:hover,
.card.card-base .card-body a:focus,
.card.card-base .card-body a:active,
.card.card-base .card-body a:visited {
    color: white;
}

.card.card-base .card-footer {
    background-color: #004a96;
}

.card.card-base .card-footer a {
    color: white;
}

.card.card-base .card-footer a .arrow {
    border-color: white;
}

.card.card-base .card-footer a .arrow::before {
    border-color: white;
}

.card.card-base-horizontal {
    background-color: #f0f0f0;
    margin-bottom: 15px;
}

.card.card-base-horizontal .card-body {
    padding-bottom: 20px;
}

@media (max-width: 767px) {
    .card.card-base-horizontal .card-body {
        padding-bottom: 15px;
    }
}

.card.card-base-horizontal .card-body .card-title {
    color: #004a96;
    margin-bottom: 25px;
    display: inline-block;
}

@media (max-width: 767px) {
    .card.card-base-horizontal .card-body .card-title {
        margin-bottom: 20px;
    }
}

.card.card-base-horizontal .card-body .card-title h4 {
    margin-bottom: 0;
}

.card.card-base-horizontal .card-body .productDetailsBox {
    display: inline-block;
    border-left: 1px solid #cccccc;
    padding: 0 25px;
}

.card.card-base-horizontal .card-body .productDetailsBox:first-of-type {
    border-left: none;
    padding-left: 15px;
}

@media (max-width: 767px) {
    .card.card-base-horizontal .card-body .productDetailsBox {
        border-left: 0;
        margin-bottom: 20px;
        padding: 0 15px;
    }
}

.card.card-base-horizontal .card-body .productDetailsBox .card-subtitle {
    color: #6f6f6f;
    font-family: "Helvetica Neue";
    margin-bottom: 5px;
}

.card.card-base-horizontal .card-body .productDetailsBox .card-text {
    font-family: "Helvetica Neue Bold";
}

.card.card-base-horizontal .card-body a {
    color: #004a96;
    font-family: "Helvetica Neue Bold";
}

.card.card-base-horizontal .card-body a .arrow {
    width: 40px;
    height: 40px;
    border-color: #004a96;
    margin-left: 30px;
}

@media (max-width: 767px) {
    .card.card-base-horizontal .card-body a .arrow {
        width: 25px;
        height: 25px;
        margin-left: 15px;
    }
}

.card.card-base-horizontal .card-body a .arrow::before {
    width: 13px;
    height: 13px;
    top: 12px;
    left: 9px;
    border-color: #004a96;
}

@media (max-width: 767px) {
    .card.card-base-horizontal .card-body a .arrow::before {
        width: 8px;
        height: 8px;
        top: 7px;
        left: 5px;
    }
}

.card.card-base-horizontal .card-body a span {
    margin-top: 10px;
}

.card.card-green {
    background-color: #004a96;
}

@media (max-width: 992px) {
    .card.card-green {
        min-height: 280px;
    }
}

.card.card-green .card-body {
    color: #ffffff;
}

.card.card-green .card-footer {
    background-color: transparent;
}

.card.card-green .card-footer .h1 {
    color: #ffffff;
}

.card.card-green .card-footer a {
    color: #ffffff;
    margin-top: 20px;
    font-family: "Helvetica Neue Bold";
}

.profession-card {
    margin-bottom: 30px;
}

@media (max-width: 992px) {
    .profession-card {
        margin-bottom: 15px;
    }
}

.profession-card .img-wrapper {
    padding-top: calc(100% + 10px);
    background: #004a96;
    position: relative;
    overflow: hidden;
}

.profession-card .img-wrapper img {
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    bottom: 0;
    min-width: 100%;
    height: 100%;
}

.profession-card .text-wrapper {
    padding-bottom: 30px;
}

.profession-card .text-wrapper .name {
    margin-top: 20px;
    line-height: 1.5;
}

.profession-card .text-wrapper .job {
    margin-top: 5px;
    line-height: 1.56;
    margin-bottom: 25px;
    color: #6f6f6f;
}

@media (max-width: 992px) {
    .profession-card .text-wrapper .job {
        margin-bottom: 0px;
    }
}

.profession-card .text-wrapper a {
    color: #004a96;
    font-family: "Helvetica Neue Bold";
    text-decoration: none;
    display: inline-block;
}

@media (max-width: 768px) {
    .profession-card .text-wrapper a {
        margin-top: 20px;
    }
}

.profession-card .text-wrapper a:hover {
    color: #004a96;
}

.profession-card .text-wrapper a i.arrow {
    position: relative;
    top: -3px;
}

/***********************************************************/
/***********************************************************/
.loaderWrapper {
    margin-bottom: 60px;
}

.loaderWrapper .loader {
    position: relative;
    width: 120px;
    height: 120px;
    margin: 100px auto 40px;
    border: 1px solid #004a96;
    -webkit-animation: rotate 4s infinite linear;
    animation: rotate 4s infinite linear;
}

.loaderWrapper .loader::after {
    content: "";
    width: 50px;
    height: 50px;
    border: 1px solid #004a96;
    position: absolute;
    top: calc(50% - 25px);
    left: calc(50% - 25px);
    -webkit-animation: rotateOpposite 2s infinite linear;
    animation: rotateOpposite 2s infinite linear;
}

.loaderWrapper h4 {
    font-family: "Helvetica Neue Light";
}

@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(359deg);
    }
}

@-webkit-keyframes rotateOpposite {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(-359deg);
    }
}

/***********************************************************/
/***********************************************************/
.btn,
.cc_banner-wrapper .cc_container .cc_btn {
    outline: none;
}

.btn:active,
.cc_banner-wrapper .cc_container .cc_btn:active,
.btn:focus,
.cc_banner-wrapper .cc_container .cc_btn:focus {
    outline: none;
}

.btn:first-letter,
.cc_banner-wrapper .cc_container .cc_btn:first-letter {
    text-transform: uppercase;
}

.btn-cta,
.btn-secondary-cta,
.cc_banner-wrapper .cc_container .cc_btn,
.btn-facebook {
    background: #004a96;
    color: #ffffff;
    font-size: 16px;
    font-family: "Helvetica Neue Bold";
    border-radius: 0;
    padding: 10px 30px;
    line-height: 1.56;
    border: none;
    transition: background 300ms linear;
}

.btn-cta.disabled,
.disabled.btn-secondary-cta,
.cc_banner-wrapper .cc_container .disabled.cc_btn,
.disabled.btn-facebook {
    opacity: 0.15;
    pointer-events: none;
}

.btn-cta:hover,
.btn-secondary-cta:hover,
.cc_banner-wrapper .cc_container .cc_btn:hover,
.btn-facebook:hover {
    background-color: #092276;
}

@media (max-width: 768px) {
    .btn-cta,
    .btn-secondary-cta,
    .cc_banner-wrapper .cc_container .cc_btn,
    .btn-facebook {
        padding-top: 16px;
    }
}

.btn-secondary-cta,
.cc_banner-wrapper .cc_container .cc_btn {
    background: #6f6f6f;
    max-width: max-content;
    line-height: normal;
}

.btn-secondary-cta:hover,
.cc_banner-wrapper .cc_container .cc_btn:hover {
    background-color: #666666;
}

.btn-tooltip {
    width: 20px;
    height: 20px;
    background: transparent url("../images/icons/icon-info.svg") no-repeat center;
    background-size: cover;
    display: inline-block;
    border: none;
    outline: none;
}

.btn-tooltip:hover,
.btn-tooltip:focus,
.btn-tooltip:active {
    outline: none;
}

.tooltip .arrow {
    display: none;
}

.btn-facebook {
    display: block;
    outline: none;
    border: none;
    background: #4266b2 url("../images/icons/icon-facebook-white.svg") no-repeat;
    background-position-x: 10px;
    background-position-y: center;
    background-size: 25px;
    color: #f0f0f0;
}

.btn-facebook:hover {
    background-color: #4266b2;
}

.download-btn {
    outline: none;
    border: none;
    background: transparent url("../images/icons/icon-download.svg") no-repeat center left;
    background-size: 25px;
    padding-left: 40px;
    font-family: "Helvetica Neue Bold";
    color: #004a96;
    font-size: 16px;
    height: 25px;
}

/***********************************************************/
/***********************************************************/
.videoSection {
    margin: 90px 0;
    min-height: 624px;
    position: relative;
}

@media (max-width: 992px) {
    .videoSection {
        margin-top: 65px;
        min-height: auto;
    }
    .videoSection--main {
        margin: 40px 0 45px;
    }
}

.videoSection .videoBg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
}

.videoSection .videoBg::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    background-color: rgba(51, 51, 51, 0.6);
    z-index: 2;
}

.videoSection .video {
    position: relative;
}

.videoSection .video iframe {
    width: 100%;
    height: 624px;
    position: relative;
}

@media (max-width: 992px) {
    .videoSection .video iframe {
        height: 425px;
    }
}

.videoSection .videoTxt {
    color: #ffffff;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
}

@media (max-width: 992px) {
    .videoSection .videoTxt {
        width: calc(100% - 30px);
    }
}

.videoSection .videoTxt .play {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url("../images/icons/icon-play-circle.svg");
    display: block;
    margin: 0 auto 60px;
    height: 80px;
}

@media (max-width: 992px) {
    .videoSection .videoTxt .play {
        height: 60px;
        margin-bottom: 45px;
    }
}

.videoSection .videoTxt h2 {
    margin-bottom: 40px;
}

.videoSection .videoTxt p {
    font-size: 16px;
    font-family: "Helvetica Neue Light";
}

.videoSection:hover {
    cursor: pointer;
}

/***********************************************************/
/***********************************************************/
.finalText h1 {
    margin-bottom: 60px;
}

@media (max-width: 576px) {
    .finalText h1 {
        margin-bottom: 25px;
    }
}

.finalText h4 {
    margin-bottom: 60px;
    font-family: "Helvetica Neue Light";
}

@media (max-width: 576px) {
    .finalText h4 {
        margin-bottom: 45px;
    }
}

.finalText ul {
    font-size: 24px;
    font-family: "Helvetica Neue Light";
    line-height: 1.42;
    margin-left: 60px;
    margin-bottom: 60px;
}

@media (max-width: 576px) {
    .finalText ul {
        font-size: 21px;
        margin-left: 50px;
        margin-bottom: 40px;
    }
}

.finalText ul li {
    text-indent: -2.5em;
    margin-bottom: 30px;
}

.finalText ul li::before {
    content: "";
    background-image: url("../images/icons/icon-leaf.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    margin-right: 30px;
    display: inline-block;
}

@media (max-width: 576px) {
    .finalText ul li::before {
        width: 25px;
        height: 25px;
        margin-right: 20px;
    }
}

.finalText a {
    color: #004a96;
}

.finalText a.c-roundarrow-button {
    color: #ffffff;
}

.defaultSection {
    margin-bottom: 120px;
}

@media (max-width: 992px) {
    .defaultSection {
        margin-bottom: 90px;
    }
}

.defaultSection h3 {
    margin-bottom: 40px;
}

/***********************************************************/
/***********************************************************/
.cc_banner-wrapper .cc_container {
    background-color: #65ac1e;
}

@media (max-width: 992px) {
    .cc_banner-wrapper .cc_container {
        padding: 15px;
    }
}

.cc_banner-wrapper .cc_container .cc_message {
    color: #333333;
    font-family: "Helvetica Neue";
    line-height: 1.56;
    width: calc(100% - 140px);
}

@media (max-width: 992px) {
    .cc_banner-wrapper .cc_container .cc_message {
        width: 100%;
        margin-bottom: 50px;
        font-size: 14px;
    }
}

.cc_banner-wrapper .cc_container .cc_message a {
    color: #333333;
    text-decoration: underline;
    font-family: "Helvetica Neue Bold";
}

.cc_banner-wrapper .cc_container .cc_message a:hover {
    color: #333333;
}

.cc_banner-wrapper .cc_container .cc_btn {
    position: absolute;
    top: calc(50% - 20px);
    right: 30px;
    line-height: 1.56;
}

@media (max-width: 992px) {
    .cc_banner-wrapper .cc_container .cc_btn {
        top: inherit;
        bottom: 15px;
        right: inherit;
        left: 15px;
        display: block;
        float: none;
        margin-left: 0;
        padding: 5px 15px;
        width: auto;
        font-size: 16px;
    }
}

.cc_banner-wrapper .cc_container .cc_btn:hover {
    color: #ffffff;
}

/***********************************************************/
/***********************************************************/
.mb0 {
    margin-bottom: 0;
}

.mb15 {
    margin-bottom: 15px;
}

.mb30 {
    margin-bottom: 30px;
}

.mt40 {
    margin-top: 40px;
}

.mt50 {
    margin-top: 50px;
}

.p15 {
    padding: 0 15px;
}

.pt60 {
    padding-top: 60px;
}

.no-padding {
    padding: 0;
}

.no-padding-left {
    padding-left: 0;
}

.mb120 {
    margin-bottom: 120px;
}

@media (max-width: 992px) {
    .mb120 {
        margin-bottom: 90px;
    }
}

@media (max-width: 992px) {
    .mobileMb90 {
        margin-bottom: 90px;
    }
}

@media (max-width: 992px) {
    .mobileMb25 {
        margin-bottom: 25px;
    }
}

.textWrapper.pt60 {
    padding-top: 60px;
}

@media (max-width: 576px) {
    .textWrapper.pt60 {
        padding-top: 45px;
    }
}

.need-bottom-lg {
    margin-bottom: 70px;
}

.no-left-gutter {
    padding-left: 0;
}

@media screen and (max-width: 768px) {
    .no-mobile-right {
        padding-right: 0;
    }
}

.separator {
    width: 100%;
    height: 1px;
    background-color: #cccccc;
    margin: 20px 0 40px;
}

@media screen and (max-width: 768px) {
    .separator {
        margin: 15px 0 30px;
    }
}

/*.need-gutter{
  padding-left: 30px;
  padding-right: 30px;
}*/
.arrow {
    width: 25px;
    height: 25px;
    border: 2px solid #ffffff;
    border-radius: 50%;
    display: inline-block;
    margin-right: 20px;
    vertical-align: middle;
    position: relative;
    transition: all 0.4s ease-in-out;
    font-size: initial;
    line-height: initial;
}

.arrow:before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    border-top: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    transform: rotate(45deg);
    position: absolute;
    top: 7px;
    left: 5px;
}

.arrow.green {
    border-color: #004a96;
}

.arrow.green:before {
    border-top: 2px solid #004a96;
    border-right: 2px solid #004a96;
}

.arrow:hover {
    transform: scale(1.1);
}

.greenLink {
    color: #004a96;
    background-color: transparent;
}

.greenLink.btn,
.cc_banner-wrapper .cc_container .greenLink.cc_btn {
    margin-top: 40px;
    padding: 0;
    text-decoration: underline;
}

a.green {
    border-color: #004a96;
}

a.green:before {
    border-top: 2px solid #004a96;
    border-right: 2px solid #004a96;
}

a:hover {
    text-decoration: none;
}

a:hover .arrow {
    transform: scale(1.1);
}

.greenArrow {
    color: #004a96;
    font-family: "Helvetica Neue Bold";
}

.greenArrow .arrow {
    border-color: #004a96;
}

.greenArrow .arrow::before {
    border-color: #004a96;
}

.greenArrow:hover,
.greenArrow:active,
.greenArrow:focus {
    color: #004a96;
}

@media (max-width: 576px) {
    .greenArrow.mt40.d-block {
        margin-top: 0;
    }
}

.angle {
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.angle:before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    border-top: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    transform: rotate(135deg);
    transform-origin: 50% 50%;
    position: absolute;
    top: calc(50% - 6px);
    left: calc(50% - 4px);
    padding-bottom: 0.17em;
}

.angle.green:before {
    border-top: 2px solid #004a96;
    border-right: 2px solid #004a96;
}

.angle.gray:before {
    border-top: 2px solid #333333;
    border-right: 2px solid #333333;
}

.angle.angle-right {
    transform: rotate(-90deg);
}

.angle.angle-left {
    transform: rotate(90deg);
}

.angle.angle-up {
    transform: rotate(180deg);
}

.icon-plus {
    width: 25px;
    height: 25px;
    background: transparent url("../images/icons/icon-plus-circle.svg") no-repeat center;
    background-size: contain;
    display: inline-block;
}

.main-separator {
    width: 100%;
    height: 5px;
    background: #f0f0f0;
    margin-top: 20px;
    margin-bottom: 100px;
}

.download {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url("../images/icons/icon-download.svg");
    display: inline-block;
    width: 25px;
    height: 25px;
    vertical-align: middle;
    margin-right: 15px;
}

header {
    z-index: 100;
}

header .top-content {
    height: 80px;
    width: 100%;
    background-color: #004a96;
}

header .top-content .basf-logo {
    max-height: 35px;
    top: 4px;
    position: relative;
}

@media screen and (max-width: 992px) {
    header .top-content .basf-logo {
        max-height: 29px;
        margin-right: 20px;
    }
}

header .top-content .separator {
    width: 1px;
    height: 50px;
    background-color: rgba(255, 255, 255, 0.2);
    margin: 0 40px 0 0;
    align-self: center;
}

@media screen and (max-width: 992px) {
    header .top-content .separator {
        margin-right: 17px;
    }
}

header .top-content .defenso-logo {
    max-height: 51px;
    margin-right: 40px;
    width: 140px;
    margin-top: -3px;
}

@media screen and (max-width: 992px) {
    header .top-content .defenso-logo {
        max-height: 37px;
    }
}

@media screen and (max-width: 992px) {
    header .top-content {
        height: 67px;
    }
}

header .navigation {
    width: 100%;
    height: 45px;
    position: absolute;
    top: 80px;
    left: 0;
    -webkit-box-shadow: 0px 2px 0px 0px rgba(51, 51, 51, 0.15);
    -moz-box-shadow: 0px 2px 0px 0px rgba(51, 51, 51, 0.15);
    box-shadow: 0px 2px 0px 0px rgba(51, 51, 51, 0.15);
    background-color: #ffffff;
    transition: all 10ms linear;
    z-index: 100;
}

header .navigation.sticky-nav {
    position: fixed;
    top: 0;
}

@media screen and (max-width: 992px) {
    header .navigation {
        top: 67px;
        border-bottom: 0px;
    }
}

header .sticky-helper {
    height: 45px;
}

header .lvl1-navigation {
    height: 45px;
    display: flex;
    align-items: stretch;
    position: static;
}

header .lvl1-navigation li.list-inline-item,
header .lvl1-navigation li.list-inline-item:not(:last-child) {
    margin: 0 30px 0 0;
    position: static;
    display: inline-flex;
}

header .lvl1-navigation li.list-inline-item span,
header .lvl1-navigation li.list-inline-item:not(:last-child) span {
    font-size: 16px;
}

header .lvl1-navigation li.list-inline-item:first-child {
    height: auto;
    /*top:0;*/
}

header .lvl1-navigation li.list-inline-item:first-child a {
    align-self: center;
    display: inline;
}

header .lvl1-navigation li.list-inline-item:first-child a:after {
    display: none;
}

header .lvl1-navigation a {
    font-family: "Helvetica Neue Bold";
    font-size: 16px;
    text-decoration: none;
    color: #004a96;
    transition: color 300ms linear;
    position: relative;
    align-self: stretch;
    display: inline-flex;
}

header .lvl1-navigation a:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 3px;
    background: #333333;
    bottom: 0px;
    left: 0;
    opacity: 0;
    transition: opacity 300ms linear;
}

header .lvl1-navigation a span {
    align-self: center;
}

header .lvl1-navigation a:hover {
    color: #333333;
}

header .lvl1-navigation a:hover:after {
    opacity: 1;
}

@media (max-width: 768px) {
    header .lvl1-navigation a:hover {
        color: #004a96;
        text-decoration: none;
    }

    header .lvl1-navigation a:hover:after {
        opacity: 0;
    }
}

header .lvl1-navigation .lvl2-navigation-wrapper {
    position: absolute;
    left: 0;
    top: 45px;
    width: 100vw;
    padding-top: 51px;
    padding-bottom: 60px;
    background: #ffffff;
    display: none;
}

@media (min-width: 992px) {
    header .lvl1-navigation .lvl2-navigation-wrapper {
        -webkit-box-shadow: 0px 2px 0px 0px rgba(51, 51, 51, 0.15);
        -moz-box-shadow: 0px 2px 0px 0px rgba(51, 51, 51, 0.15);
        box-shadow: 0px 2px 0px 0px rgba(51, 51, 51, 0.15);
    }
}

header .lvl1-navigation .lvl2-navigation-wrapper .lvl2-navigation {
    position: relative;
    opacity: 0;
    transition: opacity 200ms linear 0ms;
}

header .lvl1-navigation .lvl2-navigation-wrapper .lvl2-navigation.opened {
    opacity: 1;
    transition: opacity 200ms linear 200ms;
}

header .lvl1-navigation .lvl2-navigation-wrapper .lvl2-navigation .lvl2-navigation-item {
    font-size: 20px;
    display: inline-block;
    margin-bottom: 29px;
    padding-left: 45px;
}

header .lvl1-navigation .lvl2-navigation-wrapper .lvl2-navigation .lvl2-navigation-item:after {
    content: none;
}

header .lvl1-navigation .lvl2-navigation-wrapper .lvl2-navigation .lvl2-navigation-item .arrow {
    position: absolute;
    left: 0;
}

@media (max-width: 992px) {
    header .lvl1-navigation .lvl2-navigation-wrapper .lvl2-navigation .lvl2-navigation-item .arrow {
        top: -3px;
    }
}

header .lvl1-navigation .lvl3-navigation-list {
    padding-left: 45px;
}

header .lvl1-navigation .lvl3-navigation-list .lvl3-navigation {
    margin-bottom: 20px;
}

header .lvl1-navigation .lvl3-navigation-list .lvl3-navigation:last-of-type {
    margin-bottom: 60px;
}

header .lvl1-navigation .lvl3-navigation-list .lvl3-navigation-item {
    color: #333333;
    font-size: 16px;
    font-family: "Helvetica Neue";
    display: inline-block;
}

header .lvl1-navigation .lvl3-navigation-list .lvl3-navigation-item:after {
    content: none;
}

header .home-btn {
    min-width: 20px;
}

header .home-btn img {
    height: 20px;
    width: 20px;
}

header .lvl1-user-navigation {
    height: 100%;
    display: inline-flex;
    text-align: right;
}

header .lvl1-user-navigation li.list-inline-item,
header .lvl1-user-navigation li.list-inline-item:not(:last-child) {
    display: inline-flex;
    height: 100%;
    margin-right: 0;
}

header .lvl1-user-navigation.logged-in .login-btn,
header .lvl1-user-navigation.logged-in .reg-btn {
    display: none;
}

header .lvl1-user-navigation.logged-in #user-btn {
    display: block;
}

header .lvl1-user-navigation.logged-in .reg-btn {
    display: none !important;
}

header .lvl1-user-navigation.logged-in #social-group-btn {
    margin-right: 20px;
}

header .lvl1-user-navigation .need-right {
    margin-right: 15px !important;
}

header #search-btn,
header #social-group-btn {
    width: 20px;
    height: 20px;
    background: transparent url("../images/icons/icon-search-green.svg") no-repeat center;
    background-size: cover;
    border: none;
    outline: none;
    align-self: center;
    margin-right: 20px;
}

@media screen and (max-width: 992px) {
    header #search-btn,
    header #social-group-btn {
        margin-right: 30px;
        padding: 0;
    }
}

header #social-group-btn {
    background-image: url("../images/icons/icon-share-green.svg");
}

@media screen and (max-width: 992px) {
    header #social-group-btn {
        margin-right: 20px;
    }
}

header .login-btn,
header .reg-btn {
    background: #333333;
    color: #f0f0f0;
    font-family: "Helvetica Neue Bold";
    font-size: 16px;
    border: none;
    outline: none;
    align-self: stretch;
    padding: 0 20px;
}

@media screen and (max-width: 992px) {
    header .login-btn,
    header .reg-btn {
        margin-right: -15px;
        padding-top: 4px;
    }
}

header .reg-btn {
    background-color: transparent;
    color: #004a96;
}

header .reg-btn span {
    font-size: 16px;
}

header #user-btn {
    background: #f0f0f0;
    color: #004a96;
    font-family: "Helvetica Neue Bold";
    font-size: 16px;
    border: none;
    outline: none;
    align-self: stretch;
    padding: 0 20px;
    text-align: center;
}

header #user-btn img {
    width: 20px;
    height: 20px;
}

header #user-btn span {
    display: inline-block;
    position: relative;
    top: -3px;
    margin-left: 2px;
    font-size: 16px;
}

header #user-btn span .angle:before {
    transition: all 300ms linear;
}

@media screen and (max-width: 992px) {
    header #user-btn {
        width: 45px;
        /*text-align: right;*/
        padding: 0;
        background-color: #ffffff;
    }

    header #user-btn img {
        position: relative;
        top: 2px;
    }
}

@media screen and (max-width: 992px) {
    header #user-btn.opened {
        background-color: #f0f0f0;
    }
}

header #user-btn.opened span .angle:before {
    transform: rotate(-45deg);
    top: calc(50% - 2px);
}

header .lvl2-user-navigation {
    position: absolute;
    right: 0;
    top: 45px;
    width: 240px;
    padding: 20px 25px;
    background: #f0f0f0;
    text-align: left;
    display: none;
}

header .lvl2-user-navigation a {
    display: block;
    font-size: 16px;
    color: #333333;
    text-decoration: none;
    line-height: 1.56;
}

header .lvl2-user-navigation li:not(:last-of-type) {
    border-bottom: 1px solid #cccccc;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

@media screen and (max-width: 576px) {
    header .lvl2-user-navigation {
        width: 100vw;
        height: 100vh;
        padding-left: 15px;
        padding-right: 15px;
    }
}

header .search-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 60px;
    background-color: #ffffff;
    display: none;
}

@media screen and (max-width: 992px) {
    header .search-wrapper {
        height: 45px;
    }
}

header #freeSearch {
    width: 100%;
    height: 60px;
    padding: 18px 15px 18px 45px;
    border: none;
    outline: none;
    background: #ffffff url("../images/icons/icon-search.svg") no-repeat;
    background-position: left center;
    background-size: 22px 23px;
    font-size: 16px;
    margin: 0;
}

@media screen and (max-width: 992px) {
    header #freeSearch {
        height: 45px;
        font-size: 14px;
        padding: 15px 0 7px 30px;
        background-image: url("../images/icons/icon-search-green.svg");
    }
}

header #close-search {
    width: 20px;
    height: 20px;
    background: #ffffff url("../images/icons/icon-cross-gray.svg") no-repeat center;
    background-size: 15px 15px;
    border: none;
    outline: none;
    margin-right: 35px;
    transition: background 200ms linear;
}

header #close-search:hover {
    background-image: url("../images/icons/icon-cross.svg");
}

@media screen and (max-width: 992px) {
    header #close-search {
        margin: 0;
    }
}

header #submit-search {
    border: none;
    outline: none;
    background: #ffffff;
    font-size: 16px;
    color: #004a96;
    font-family: "Helvetica Neue Bold";
    align-self: center;
}

header .social-wrapper {
    width: 300px;
    height: 43px;
    right: 0;
    top: 0;
    background: #ffffff;
    display: none;
    overflow: hidden;
}

header .social-wrapper ul {
    width: 100%;
}

header .social-wrapper ul li.list-inline-item,
header .social-wrapper ul li.list-inline-item:not(:last-child) {
    margin-left: 20px;
    margin-right: 20px;
}

header .social-wrapper ul li.list-inline-item a,
header .social-wrapper ul li.list-inline-item:not(:last-child) a {
    color: #004a96;
}

@media screen and (max-width: 992px) {
    header .social-wrapper {
        width: 175px;
    }

    header .social-wrapper ul li.list-inline-item,
    header .social-wrapper ul li.list-inline-item:not(:last-child) {
        margin-left: 10px;
        margin-right: 10px;
    }

    header .social-wrapper ul li.list-inline-item .close-social-block,
    header .social-wrapper ul li.list-inline-item:not(:last-child) .close-social-block {
        margin-right: 10px;
    }
}

header .close-social-block {
    border: none;
    background: transparent;
    outline: none;
    padding: 0;
}

header .mobile-menu-btn {
    height: 45px;
    width: 45px;
    margin-left: -15px;
    background: #ffffff url("../images/icons/icon-mobile-menu.svg") no-repeat center;
    background-size: 22px;
    border: none;
    outline: none;
}

header .mobile-menu-btn.close-mobile-btn {
    background: #f0f0f0 url("../images/icons/icon-cross-green.svg") no-repeat center;
    background-size: 14px;
}

@media screen and (max-width: 992px) {
    header .navigation.sticky-nav .lvl1-navigation {
        position: fixed;
        /* transition: top 300ms linear;*/
    }

    header .navigation.sticky-nav .lvl2-navigation-wrapper,
    header .navigation.sticky-nav .lvl4-navigation-wrapper {
        top: 45px !important;
        height: calc(100vh - 45px);
    }

    header .navigation .lvl1-item.has-child > .angle.angle-right.gray.d-lg-none,
    header .navigation .lvl3-navigation.has-child > .angle.angle-right.gray.d-lg-none {
        display: inline-block;
    }

    header .navigation .lvl1-item > .angle.angle-right.gray.d-lg-none,
    header .navigation .lvl3-navigation > .angle.angle-right.gray.d-lg-none {
        display: none;
    }
}

@media screen and (max-width: 992px) {
    header .lvl1-navigation {
        position: absolute;
        top: 45px;
        left: 0;
        width: 100%;
        background: #f0f0f0;
        display: none;
        height: 100vh;
    }

    header .lvl1-navigation li.list-inline-item,
    header .lvl1-navigation li.list-inline-item:not(:last-child) {
        display: block;
        max-width: 540px;
        margin: 0 auto;
        padding: 20px 15px;
        position: relative;
    }

    header .lvl1-navigation li.list-inline-item:after,
    header .lvl1-navigation li.list-inline-item:not(:last-child):after {
        content: "";
        display: block;
        width: calc(100% - 30px);
        height: 1px;
        background: #cccccc;
        position: absolute;
        bottom: 0;
        left: 15px;
    }

    header .lvl1-navigation li.list-inline-item .angle,
    header .lvl1-navigation li.list-inline-item:not(:last-child) .angle {
        float: right;
        margin-top: 3px;
    }
}

@media screen and (max-width: 992px) {
    header .lvl1-navigation .lvl2-navigation-wrapper {
        display: block;
        position: fixed;
        top: 112px;
        left: 100vw;
        height: calc(100vh - 112px);
        max-height: 100vh;
        overflow-y: auto;
        background-color: #f0f0f0;
        z-index: 1;
        transition: left 300ms linear;
        padding-top: 20px;
    }

    header .lvl1-navigation .lvl2-navigation-wrapper.opened {
        left: 0;
    }

    header .lvl1-navigation .lvl2-navigation-wrapper .lvl2-navigation {
        opacity: 1;
    }

    header .lvl1-navigation .lvl2-navigation-wrapper .mobile-back-btn {
        margin-bottom: 20px;
    }

    header .lvl1-navigation .lvl2-navigation-wrapper .mobile-back-btn > div {
        border-bottom: 1px solid #cccccc;
    }

    header .lvl1-navigation .lvl2-navigation-wrapper .lvl2-back-btn,
    header .lvl1-navigation .lvl2-navigation-wrapper .lvl4-navigation-wrapper .lvl4-back-btn {
        border: none;
        outline: none;
        background: transparent;
        font-family: "Helvetica Neue";
        font-size: 16px;
        color: #004a96;
        margin-bottom: 20px;
    }

    header .lvl1-navigation .lvl2-navigation-wrapper .lvl2-back-btn i,
    header .lvl1-navigation .lvl2-navigation-wrapper .lvl4-navigation-wrapper .lvl4-back-btn i {
        float: left !important;
        margin-right: 25px;
        position: relative;
        top: -3px;
    }

    header .lvl1-navigation .lvl2-navigation-wrapper .lvl2-navigation .lvl2-navigation-item {
        font-size: 16px;
        margin-bottom: 20px;
    }

    header .lvl1-navigation .lvl2-navigation-wrapper .lvl2-navigation .lvl3-navigation:last-of-type {
        margin-bottom: 30px;
    }

    header .lvl1-navigation .lvl2-navigation-wrapper .lvl3-navigation i {
        margin-right: 15px;
    }

    header .lvl1-navigation .lvl2-navigation-wrapper .lvl4-navigation-wrapper {
        position: fixed;
        top: 112px;
        left: 100vw;
        width: 100%;
        height: 100vh;
        background: #f0f0f0;
        padding-top: 20px;
        transition: left 300ms linear;
        z-index: 2;
        overflow-y: auto;
    }

    header .lvl1-navigation .lvl2-navigation-wrapper .lvl4-navigation-wrapper .container {
        padding: 0;
    }

    header .lvl1-navigation .lvl2-navigation-wrapper .lvl4-navigation-wrapper.opened {
        left: 0;
    }

    header .lvl1-navigation .lvl2-navigation-wrapper .lvl4-navigation-wrapper .lvl3-navigation-item {
        display: inline-block;
        color: #004a96;
        font-family: "Helvetica Neue Bold";
    }

    header .lvl1-navigation .lvl2-navigation-wrapper .lvl4-navigation-wrapper .lvl4-navigation-list {
        margin-top: 20px;
    }

    header .lvl1-navigation .lvl2-navigation-wrapper .lvl4-navigation-wrapper .lvl4-navigation-item {
        display: block;
        padding-left: 60px;
    }

    header .lvl1-navigation .lvl2-navigation-wrapper .lvl4-navigation-wrapper .lvl4-navigation-item a {
        font-family: "Helvetica Neue";
        font-size: 16px;
        color: #333333;
        display: inline-block;
        margin-bottom: 20px;
    }
}

.sub-navigation-section {
    position: relative;
    top: -70px;
    margin-bottom: -70px;
}

@media (max-width: 576px) {
    .sub-navigation-section {
        top: -60px;
        margin-bottom: -60px;
    }
}

.sub-navigation-section .header-content {
    height: 70px;
    background: #ffffff;
    /* The Fallback */
    background: rgba(255, 255, 255, 0.9);
    display: flex;
    align-items: center;
}

.sub-navigation-section .header-content h4 {
    padding-left: 10px;
}

@media (max-width: 576px) {
    .sub-navigation-section .header-content {
        height: 60px;
    }
}

.sub-navigation-section .lvl1-sub-navigation {
    margin-bottom: 30px;
    height: 45px;
    background: #004a96;
    display: flex;
    align-items: stretch;
    position: relative;
}

.sub-navigation-section .lvl1-sub-navigation-list {
    height: 45px;
    display: inline-flex;
}

.sub-navigation-section .lvl1-sub-navigation-list li a {
    display: inline-block;
    padding: 10px 25px;
    height: 45px;
    font-size: 16px;
    font-family: "Helvetica Neue Bold";
    color: #ffffff;
    line-height: 1.56;
    transition: color 200ms linear;
}

.sub-navigation-section .lvl1-sub-navigation-list li a:hover {
    color: #333333;
}

.sub-navigation-section .lvl1-sub-navigation-list li {
    margin-right: 0px;
    transition:
        color 200ms linear,
        background 200ms linear;
}

.sub-navigation-section .lvl1-sub-navigation-list li .angle {
    display: none;
    margin-left: -10px;
    margin-right: 10px;
    transition: all 200ms linear;
}

.sub-navigation-section .lvl1-sub-navigation-list li.active,
.sub-navigation-section .lvl1-sub-navigation-list li:hover {
    background-color: #ffffff;
}

.sub-navigation-section .lvl1-sub-navigation-list li.active a,
.sub-navigation-section .lvl1-sub-navigation-list li:hover a {
    color: #333333;
}

.sub-navigation-section .lvl1-sub-navigation-list li.active .angle,
.sub-navigation-section .lvl1-sub-navigation-list li:hover .angle {
    border-color: #004a96;
    /* transform: rotate(180deg);*/
}

.sub-navigation-section .lvl1-sub-navigation-list li.active .angle.active,
.sub-navigation-section .lvl1-sub-navigation-list li:hover .angle.active {
    transform: rotate(180deg);
}

.sub-navigation-section .lvl1-sub-navigation-list li.active .angle:before,
.sub-navigation-section .lvl1-sub-navigation-list li:hover .angle:before {
    border-top: 2px solid #004a96;
    border-right: 2px solid #004a96;
}

.sub-navigation-section .lvl1-sub-navigation-list li.has-child {
    cursor: pointer;
}

.sub-navigation-section .lvl1-sub-navigation-list li.has-child a {
    padding-right: 10px;
}

.sub-navigation-section .lvl1-sub-navigation-list li.has-child > a {
    pointer-events: none;
}

.sub-navigation-section .lvl1-sub-navigation-list li.has-child .angle {
    display: inline-block;
}

.sub-navigation-section .lvl1-sub-navigation-list .lvl2-sub-navigation {
    background: #ffffff;
    position: absolute;
    left: 0;
    top: 45px;
    /*height:100px;*/
    width: 100%;
    padding-top: 45px;
    padding-bottom: 40px;
    display: none;
    z-index: 2;
}

.sub-navigation-section .lvl1-sub-navigation-list .lvl2-sub-navigation .arrow.green {
    margin-top: -5px;
}

.sub-navigation-section .lvl1-sub-navigation-list .lvl2-sub-navigation .lvl2-navigation-item {
    margin-left: 0;
    padding-left: 0;
    color: #004a96;
    font-size: 20px;
}

.sub-navigation-section .lvl1-sub-navigation-list .lvl2-sub-navigation .lvl3-navigation-list {
    margin-left: 25px;
}

.sub-navigation-section .lvl1-sub-navigation-list .lvl2-sub-navigation .lvl3-navigation-list .lvl3-navigation-item {
    color: #333333;
    font-family: "Helvetica Neue";
}

.defaultForm {
    margin-bottom: 120px;
}

@media (max-width: 576px) {
    .defaultForm {
        margin-bottom: 90px;
    }

    .defaultForm button {
        width: 100%;
    }
}

#stationDataForm .dateBox #month,
#stationDataForm .dateBox #day {
    display: none;
}

/***********************************************************/
/***********************************************************/
.historicalList {
    margin-bottom: 120px;
}

@media (max-width: 992px) {
    .historicalList {
        margin-bottom: 65px;
    }
}

.historicalSection {
    margin-bottom: 120px;
}

@media (max-width: 992px) {
    .historicalSection {
        margin-bottom: 90px;
    }
}

.historicalSection .searchByDevice .defaultForm {
    margin-bottom: 0;
}

.historicalSection .searchByDevice .defaultForm #searchInList {
    margin-bottom: 0;
    border-bottom: 0;
    padding-left: 40px;
    height: 60px;
    background-repeat: no-repeat;
    background-size: 22px;
    background-position: 10px;
    background-image: url("../images/icons/icon-search.svg");
}

.historicalSection .searchByDevice .defaultForm #searchInList:focus,
.historicalSection .searchByDevice .defaultForm #searchInList:hover {
    border-color: #cccccc;
}

@media (max-width: 992px) {
    .historicalSection .searchByDevice .defaultForm #searchInList {
        height: auto;
        background-size: 18px;
    }
}

.historicalSection .searchByDevice .defaultForm .searchList {
    background-color: #ffffff;
    max-height: 450px;
    overflow-y: scroll;
    border: 1px solid #cccccc;
    border-top: 0;
}

.historicalSection .searchByDevice .defaultForm .searchList li {
    height: 60px;
    position: relative;
    padding: 20px 15px 15px 40px;
    line-height: normal;
    border-top: 1px solid #cccccc;
    display: block;
    color: #333333;
    background-repeat: no-repeat;
    background-size: 23px;
    background-position: 10px;
    background-image: url("../images/icons/icon-pin.svg");
}

@media (max-width: 992px) {
    .historicalSection .searchByDevice .defaultForm .searchList li {
        padding: 10px 16px 10px 40px;
        height: auto;
        font-size: 16px;
        background-size: 20px;
    }
}

.historicalSection .searchByDevice .defaultForm .searchList li:hover {
    cursor: pointer;
}

.historicalSection .searchByDevice .defaultForm .searchList li.starred::before {
    height: calc(100% + 2px);
    display: block;
    width: 5px;
    background: #004a96;
    content: "";
    left: 0px;
    top: -1px;
    position: absolute;
}

.historicalSection .searchByDevice .defaultForm .searchList li.starred .star {
    background-image: url("../images/icons/icon-star.svg");
}

.historicalSection .searchByDevice .defaultForm .searchList li:hover {
    background-color: #f0f0f0;
}

.historicalSection .searchByDevice .defaultForm .searchList li .star {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url("../images/icons/icon-star-outline.svg");
    display: inline-block;
    width: 23px;
    height: 23px;
    position: absolute;
    right: 10px;
}

@media (max-width: 992px) {
    .historicalSection .searchByDevice .defaultForm .searchList li .star {
        width: 20px;
        height: 20px;
    }
}

.historicalSection #historicalDataMap {
    width: 100%;
    height: 510px;
}

@media (max-width: 992px) {
    .historicalSection .nav-tabs {
        border: none;
        width: 100%;
    }

    .historicalSection .nav-tabs .nav-item {
        max-width: 50%;
    }

    .historicalSection .nav-tabs .nav-item .nav-link {
        padding: 15px 30px;
        font-family: "Helvetica Neue Bold";
        font-size: 16px;
        border: none;
        color: #004a96;
        background-color: #ffffff;
    }

    .historicalSection .nav-tabs .nav-item .nav-link.active {
        color: #333333;
        background-color: #f0f0f0;
    }

    .historicalSection .tab-pane {
        padding: 15px;
        background-color: #f0f0f0;
        display: none;
    }

    .historicalSection .tab-pane.active.show {
        display: block;
    }
}

/***********************************************************/
/***********************************************************/
.finalPageTop .container {
    position: relative;
}

.finalPageTop .container .finalText {
    padding-right: 50%;
}

@media (max-width: 992px) {
    .finalPageTop .container .finalText {
        padding-right: 15px;
    }

    .finalPageTop .container .finalText h4 {
        margin-bottom: 25px;
    }
}

.finalPageTop .container .productImg {
    position: absolute;
    right: 0;
    width: 50%;
}

@media (max-width: 992px) {
    .finalPageTop .container .productImg {
        position: relative;
        right: initial;
        width: 100%;
        margin-bottom: 45px;
    }
}

.textWrapper a {
    color: #004a96;
}

.additionInfoBox {
    padding-left: 24px;
    margin-bottom: 120px;
}

@media (max-width: 992px) {
    .additionInfoBox {
        margin-bottom: 90px;
        padding-left: 0;
    }
}

.additionInfoBox h6 {
    margin-bottom: 5px;
    font-family: "Helvetica Neue";
    color: #6f6f6f;
}

.additionInfoBox p {
    font-family: "Helvetica Neue Bold";
    margin-bottom: 20px;
}

.productImg img {
    max-height: 540px;
    width: 100%;
}

.couponSection {
    margin-bottom: 120px;
}

@media (max-width: 992px) {
    .couponSection {
        margin-bottom: 90px;
    }
}

.couponSection .coupon {
    background-color: #f0f0f0;
}

.couponSection .coupon h4 {
    color: #004a96;
    margin-bottom: 10px;
}

.couponSection .coupon .couponInside {
    padding: 15px 25px 20px;
}

.couponSection .coupon .couponInside:last-of-type {
    border-left: 4px dashed #ffffff;
}

@media (max-width: 767px) {
    .couponSection .coupon .couponInside:last-of-type {
        padding: 40px 0;
        border-left: none;
        border-top: 4px dashed #ffffff;
    }
}

.couponSection .coupon .couponInside a {
    color: #004a96;
    font-family: "Helvetica Neue Bold";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
}

@media (max-width: 767px) {
    .couponSection .coupon .couponInside a {
        position: relative;
        top: initial;
        right: initial;
        bottom: initial;
        left: initial;
        font-size: 16px;
    }
}

.couponSection .coupon .couponInside a .download {
    width: 40px;
    height: 40px;
    margin-right: 18px;
}

@media (max-width: 992px) {
    .couponSection .coupon .couponInside a .download {
        width: 30px;
        height: 30px;
    }
}

.couponSection .coupon .row {
    margin: 0;
}

@media (max-width: 992px) {
    .consumptionTable tbody {
        border-bottom: 1px solid #cccccc;
    }
}

.consumptionTable tbody tr td {
    line-height: 1.56;
    padding: 30px 25px;
    border-color: #cccccc;
}

@media (max-width: 992px) {
    .consumptionTable tbody tr td {
        display: block;
        width: 100%;
        padding: 0 0 5px;
        font-size: 16px;
    }
}

.consumptionTable tbody tr td:nth-child(odd) {
    color: #6f6f6f;
    width: 34%;
}

@media (max-width: 992px) {
    .consumptionTable tbody tr td:nth-child(odd) {
        width: 100%;
        padding: 25px 0 5px;
    }
}

.consumptionTable tbody tr td:nth-child(even) {
    font-family: "Helvetica Neue Bold";
}

@media (max-width: 992px) {
    .consumptionTable tbody tr td:nth-child(even) {
        border-top: none;
        padding-bottom: 25px;
    }
}

.downloadableDocs p {
    font-size: 16px;
}

@media (max-width: 992px) {
    .downloadableDocs p {
        font-size: 14px;
    }
}

.downloadableDocs .card.card-base .card-body h4 {
    font-family: "Helvetica Neue";
    margin-bottom: 10px;
}

.downloadableDocs .card.card-base .card-footer a {
    margin-top: 0;
}

.textWrapper {
    padding-top: 120px;
}
.textWrapper--main {
    padding-top: 0;
}

@media (max-width: 991px) {
    .textWrapper {
        padding-top: 90px;
    }
    .textWrapper--main {
        padding-top: 0;
    }
}

.textWrapper .topTextBox {
    padding-bottom: 120px;
}
@media (max-width: 991px) {
    .textWrapper .topTextBox {
        padding-bottom: 120px;
    }
}

.textWrapper--main .topTextBox {
    margin-bottom: 40px;
    padding-bottom: 0;
}

.textWrapper .topTextBox h1 {
    margin-bottom: 30px;
}

@media (max-width: 991px) {
    .textWrapper .topTextBox h1 {
        font-size: 28px;
        line-height: 36px;
    }
}

.textWrapper--main .topTextBox h1 {
    margin-bottom: 0;
    font-size: 40px;
    text-align: center;
    font-family: "Helvetica Neue";
    font-weight: 700;
}

.textWrapper .topTextBox h4 {
    font-family: "Helvetica Neue Light";
}

.textWrapper a .arrow {
    margin-right: 15px;
}

.informationTiles .jobsBox {
    padding: 15px 25px 25px;
    color: #ffffff;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-image: url("../images/map.jpg");
    display: flex;
    flex-direction: column;
}

@media (max-width: 992px) {
    .informationTiles .jobsBox {
        padding: 15px 20px;
        min-height: 300px;
    }
}

.informationTiles .jobsBox .jobsBoxBody {
    flex: 1 1 auto;
}

.informationTiles .jobsBox .jobsBoxBody h4 {
    margin-bottom: 20px;
}

.informationTiles .jobsBox .jobsFooter p {
    font-size: 16px;
    margin-top: 20px;
}

@media (max-width: 992px) {
    .informationTiles .jobsBox .jobsFooter p {
        margin-top: 10px;
    }
}

.informationTiles .card {
    margin-bottom: 0;
}

.informationTiles .card.card-img {
    background: #f0f0f0;
    margin-top: -1px;
}

.informationTiles .card.card-img .card-body {
    color: #333333;
}

.informationTiles .card.card-img .card-body .card-text {
    margin-bottom: 12px;
}

.informationTiles .card.card-img .card-body a {
    color: #333333;
}

.informationTiles .card.card-img .card-footer {
    background-color: #f0f0f0;
}

.informationTiles .card.card-img .card-footer a {
    font-family: "Helvetica Neue Bold";
    color: #004a96;
}

.informationTiles .card.card-img .card-footer a .arrow {
    border-color: #004a96;
}

.informationTiles .card.card-img .card-footer a .arrow::before {
    border-color: #004a96;
}

.informationTiles .bottomImgBox {
    color: #ffffff;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    overflow: hidden;
}

.informationTiles .bottomImgBox .captionBox {
    width: 100%;
    padding: 15px 25px;
    margin-bottom: 60px;
    position: relative;
    z-index: 1;
}

.informationTiles .bottomImgBox .captionBox::after {
    content: "";
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: rgba(51, 51, 51, 0.8);
    height: 300%;
    z-index: -1;
}

.informationTiles .bottomImgBox .captionBox h4 {
    margin-bottom: 15px;
}

.informationTiles .bottomImgBox .captionBox a {
    display: inline-block;
    position: relative;
    left: initial;
    bottom: initial;
}

.informationTiles .bottomImgBox .fixRatioPadding {
    position: relative;
}

.informationTiles .bottomImgBox .fixRatioPadding::before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 56.25%;
}

.informationTiles .bottomImgBox a {
    font-family: "Helvetica Neue Bold";
    font-size: 16px;
    color: #ffffff;
    position: absolute;
    display: block;
    z-index: 1;
    left: 25px;
    bottom: 20px;
}

.informationTiles .arrow {
    margin-right: 15px;
}

.social {
    margin: 90px 0 120px;
}

@media (max-width: 992px) {
    .social {
        margin-top: 60px 0 90px;
    }
}

.social h4 {
    margin-bottom: 15px;
}

@media (max-width: 992px) {
    .social .socialBox {
        margin-bottom: 40px;
        padding: 0 35px;
    }
}

.social .socialBox .socialBoxTop {
    margin-bottom: 25px;
}

.social .socialBox .socialBoxTop .socialEmbedBox {
    max-width: 338px;
    height: 68px;
    overflow: hidden;
}

@media (max-width: 992px) {
    .social .socialBox .socialBoxTop .socialEmbedBox {
        max-width: 300px;
    }
}

.social .socialBox .socialBoxTop .socialEmbedBox > div {
    margin: -1px;
    display: inline-block;
}

footer {
    background-color: #333333;
    padding: 60px 0;
}

@media (max-width: 992px) {
    footer {
        position: relative;
    }
}

footer a {
    color: #ffffff;
}

footer a:hover {
    color: #ffffff;
}

footer .footerList li:first-of-type a {
    font-size: 20px;
    margin-bottom: 28px;
    padding-left: 0;
    vertical-align: sub;
    line-height: 1.8;
}

@media (max-width: 992px) {
    footer .footerList li:first-of-type a {
        margin-bottom: 24px;
    }
}

footer .footerList li:first-of-type a .arrow {
    float: left;
    margin-top: 6px;
}

footer .footerList li:last-of-type {
    margin-bottom: 100px;
}

@media (max-width: 992px) {
    footer .footerList li:last-of-type {
        margin-bottom: 25px;
    }
}

footer .footerList li a {
    font-size: 16px;
    color: #ffffff;
    margin-bottom: 28px;
    display: inline-block;
    padding-left: 44px;
}

@media (max-width: 992px) {
    footer .footerList li a {
        font-size: 13px;
        margin-bottom: 20px;
    }
}

@media (max-width: 992px) {
    footer .socialBox {
        margin-top: 16px;
        margin-bottom: 60px;
    }
}

footer .socialBox .logo {
    background-image: url("../images/icons/defenso_logo.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left;
    height: 45px;
    margin-bottom: 47px;
}

@media (max-width: 992px) {
    footer .socialBox .logo {
        margin-bottom: 40px;
    }
}

footer .socialBox .roundedIcon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 25px;
    display: inline-block;
    background-color: #ffffff;
    transition: all 0.4s ease-in-out;
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: center;
}

footer .socialBox .roundedIcon.iconFacebook {
    background-image: url("../images/icons/icon-facebook.svg");
}

footer .socialBox .roundedIcon.iconYoutube {
    background-image: url("../images/icons/icon-youtube.svg");
}

footer .socialBox .roundedIcon:hover {
    transform: scale(1.1);
}

@media (max-width: 992px) {
    footer .inlineLinks {
        margin-bottom: 40px;
    }
}

footer .inlineLinks a {
    display: inline-block;
    padding: 0 20px;
    border-right: 1px solid #ffffff;
    font-size: 12px;
    float: left;
}

@media (max-width: 576px) {
    footer .inlineLinks a {
        display: block;
        border: none;
        float: none;
        margin-bottom: 20px;
        padding-left: 0;
    }
}

footer .inlineLinks a:first-of-type {
    padding-left: 0;
}

footer .inlineLinks a:last-of-type {
    padding-right: 0;
    border-right: none;
}

footer .legalTxt {
    color: #ffffff;
    font-size: 12px;
}

.basf-modal {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background: #333333;
    /* The Fallback */
    background: rgba(51, 51, 51, 0.9);
    display: none;
    z-index: 11013123123;
}

.basf-modal .modal-wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.basf-modal .basf-modal-body {
    min-height: 40px;
    background: #ffffff;
    position: relative;
    padding: 40px;
    text-align: center;
    overflow: auto;
    max-height: 80vh;
}

.basf-modal .basf-modal-body .close-modal {
    position: absolute;
    right: 18px;
    top: 18px;
    width: 20px;
    height: 20px;
    background: transparent url("../images/icons/icon-cross-green.svg") no-repeat center;
    background-size: cover;
    border: none;
    outline: none;
}

.basf-modal .basf-modal-body h4 {
    margin-bottom: 20px;
}

.basf-modal .basf-modal-body p {
    margin-bottom: 30px;
}

.basf-modal .basf-modal-body p.bold {
    font-family: "Helvetica Neue Bold";
}

.basf-modal .basf-modal-body button {
    width: 100%;
    margin-bottom: 20px;
}

@media screen and (max-width: 576px) {
    .basf-modal .basf-modal-body {
        width: 80% !important;
        padding: 1em;
    }

    .basf-modal .basf-modal-body h4 {
        font-size: 21px;
    }

    .basf-modal .basf-modal-body p {
        font-size: 14px;
        margin-bottom: 25px;
    }

    .basf-modal .basf-modal-body p.bold {
        font-size: 16px;
    }

    .basf-modal .basf-modal-body .separator {
        margin-bottom: 25px;
    }

    .basf-modal .basf-modal-body .close-modal {
        top: 10px;
        right: 10px;
    }
}

.basf-modal .checkbox-wrapper {
    margin-bottom: 15px;
}

.forgot-password {
    background: transparent;
    border: none;
    outline: none;
    color: #004a96;
    font-size: 16px;
}

.on-text {
    margin-top: 20px;
    margin-bottom: 0;
}

.on-text + p {
    color: #6f6f6f;
    background-color: #ffffff;
    display: inline-block;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    top: -16px;
    font-size: 16px;
    margin-bottom: 5px !important;
}

@media (max-width: 768px) {
    .on-text + p {
        background-color: #f0f0f0;
    }
}

@media (max-width: 576px) {
    .on-text + p {
        top: -34px;
    }
}

#mobile-reg-btn {
    display: block;
    margin: 0 auto;
    line-height: 1.56;
    border-radius: 0;
}

#loginPassword,
#loginUsername,
#userPassword {
    padding-left: 45px;
    background-image: url("../images/icons/icon-lock.svg");
    background-repeat: no-repeat;
    background-position-x: 10px;
    background-position-y: center;
    background-size: 20px;
}

#loginUsername {
    background-image: url("../images/icons/icon-profil.svg");
}

.close-login-modal {
    background: #f0f0f0 url("../images/icons/icon-cross-green.svg") no-repeat center;
    background-size: 20px;
    border: none;
    outline: none;
    font-size: 16px;
    align-self: stretch;
    padding: 0 20px;
    min-width: 101px;
    margin-right: -15px;
}

@media screen and (max-width: 768px) {
    #login {
        top: 112px;
        overflow-y: auto;
    }

    #login .close-modal {
        display: none;
    }

    #login .modal-wrapper {
        display: block;
    }

    #login .modal-wrapper .basf-modal-body {
        width: 100%;
        background: #f0f0f0;
    }
}

#forgetPassword .basf-modal-body {
    text-align: left;
}

#linkProfiles .basf-modal-body {
    text-align: left;
}

#userPassword {
    margin-bottom: 18px;
}

/*CHARTS*/
#chart-modal .basf-modal-body {
    text-align: left;
    padding: 0;
    width: 100%;
}

@media (min-width: 576px) {
    #chart-modal .basf-modal-body {
        max-width: 100%;
    }
}

@media (min-width: 768px) {
    #chart-modal .basf-modal-body {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    #chart-modal .basf-modal-body {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    #chart-modal .basf-modal-body {
        max-width: 1140px;
    }
}

#chart-modal .close-modal {
    z-index: 2;
}

#chart-modal .filters {
    background: #f0f0f0;
    padding: 40px;
}

#chart-modal .date-filters-wrapper {
    margin-bottom: 30px;
}

#chart-modal .filter-title {
    font-size: 16px;
    font-family: "Helvetica Neue Bold";
    margin-bottom: 20px;
}

#chart-modal .radio-wrapper {
    margin-bottom: 15px;
    align-items: center;
}

#chart-modal .charts {
    padding-top: 76px;
    padding-left: 30px;
    padding-right: 15px;
    background: #ffffff;
}

#chart-modal .chart-title {
    font-size: 18px;
    font-family: "Helvetica Neue Bold";
    text-align: left;
}

#chart-modal .highcharts-axis-labels,
#chart-modal .highcharts-axis-title {
    font-family: "Helvetica Neue Bold";
    color: #000000;
}

#chart-modal .highcharts-legend {
    pointer-events: none;
}

@media screen and (max-width: 768px) {
    #chart-modal {
        overflow-y: auto;
        overflow-x: hidden;
    }

    #chart-modal .modal-wrapper {
        display: block;
    }

    #chart-modal .mobile-date-filters-wrapper {
        padding: 30px 15px 0;
        background: #f0f0f0;
    }

    #chart-modal .charts {
        padding-top: 15px;
    }

    #chart-modal .loaderWrapper {
        padding-right: 15px;
    }
}

#chart-modal label {
    position: relative;
}

#chart-modal label img {
    position: absolute;
    right: 0;
    top: 12px;
}

#heat-unit-modal .basf-modal-body {
    text-align: left;
    padding: 50px 15px;
    /*max-height:600px;*/
    /* overflow-y: auto;*/
    width: 100%;
}

@media (min-width: 576px) {
    #heat-unit-modal .basf-modal-body {
        max-width: 100%;
    }
}

@media (min-width: 768px) {
    #heat-unit-modal .basf-modal-body {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    #heat-unit-modal .basf-modal-body {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    #heat-unit-modal .basf-modal-body {
        max-width: 1140px;
    }
}

#heat-unit-modal h5 {
    margin-bottom: 20px;
}

#heat-unit-modal .table-wrapper {
    width: 100%;
    max-height: 500px;
    overflow: auto;
}

@media (max-width: 768px) {
    #heat-unit-modal .basf-modal-body {
        padding-top: 35px;
        padding-left: 15px;
        padding-right: 15px;
    }

    #heat-unit-modal .modal-wrapper {
        /*align-items: flex-start;*/
        display: block;
        padding-bottom: 30px;
    }
}

#data-unit-modal .basf-modal-body {
    width: 570px;
    padding: 50px 30px 0;
}

#data-unit-modal .basf-modal-body h5 {
    line-height: 1.5;
}

#data-unit-modal .basf-modal-body .table-wrapper {
    width: 100%;
    max-height: 500px;
    overflow: auto;
}

@media (max-width: 768px) {
    #data-unit-modal .basf-modal-body {
        display: block;
        width: 100%;
        padding-top: 35px;
        padding-left: 15px;
        padding-right: 15px;
    }
}

#data-unit-modal h5 {
    margin-bottom: 20px;
}

@media (max-width: 768px) {
    #data-unit-modal .modal-wrapper {
        /*align-items: flex-start;*/
        display: block;
        padding-bottom: 30px;
    }
}

#successLink a {
    color: #004a96;
    font-family: "Helvetica Neue Bold";
    font-size: 16px;
}

#successLink a i {
    position: relative;
    top: -2px;
}

.user-hero:before {
    display: none;
}

.user-section {
    padding-bottom: 120px;
}

@media (max-width: 768px) {
    .user-section {
        padding-bottom: 90px;
    }
}

.user-section .title {
    font-family: "Helvetica Neue";
    color: #333333;
    /*margin-bottom:20px;*/
    margin-top: 70px;
}

@media (max-width: 768px) {
    .user-section .title {
        margin-top: 60px;
        font-size: 18px;
    }
}

@media (max-width: 768px) {
    .user-section .mobileSectionTitle h3 {
        margin-top: 75px;
        padding-bottom: 15px;
        border-bottom: 5px solid #f0f0f0;
    }
}

.user-section .text-wrapper {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.user-section .text-wrapper span {
    width: 30px;
    font-size: 16px;
    margin-right: 4px;
}

.user-section .text-wrapper input,
.user-section .text-wrapper select,
.user-section .text-wrapper .input-group > .form-control {
    width: calc(100% - 35px);
    margin-bottom: 0;
}

.user-section .text-wrapper.right span {
    margin-right: 0;
}

.user-section .text-wrapper.small input,
.user-section .text-wrapper.small select,
.user-section .text-wrapper.small .input-group > .form-control {
    width: 86.666%;
    margin-right: 10px;
}

.user-section .main-separator {
    width: 100%;
    height: 5px;
    background: #f0f0f0;
    margin-top: 100px;
    margin-bottom: 40px;
}

@media screen and (max-width: 576px) {
    .user-section .main-separator {
        margin-top: 45px;
    }
}

.user-section.economy .title {
    display: inline-block;
}

.user-section.economy .delete-economy {
    border: none;
    outline: none;
    background: transparent;
    color: #004a96;
    text-decoration: underline;
    padding: 0;
}

@media screen and (min-width: 576px) {
    .user-section.economy .delete-economy-wrapper {
        justify-content: flex-end;
    }
}

@media screen and (max-width: 576px) {
    .user-section.economy .delete-economy-wrapper {
        margin-top: 15px;
    }
}

.user-section .new-economy-btn {
    background: transparent;
    color: #004a96;
    font-family: "Helvetica Neue Bold";
    font-size: 16px;
    border: none;
    outline: none;
    position: relative;
    padding-left: 40px;
    margin-top: 100px;
}

.user-section .new-economy-btn i {
    position: absolute;
    left: 0;
    top: -3px;
}

@media screen and (max-width: 576px) {
    .user-section .new-economy-btn {
        font-size: 15px;
        margin-top: 45px;
    }
}

.user-section .remove-socials {
    margin-top: 40px;
    /*margin-bottom:40px;*/
}

.user-section #DeleteAccount label {
    margin-top: 40px;
}

.user-section .delete-account {
    margin-top: 60px;
}

@media (max-width: 768px) {
    .user-section button.btn-cta,
    .user-section button.btn-secondary-cta,
    .user-section .cc_banner-wrapper .cc_container button.cc_btn,
    .cc_banner-wrapper .cc_container .user-section button.cc_btn,
    .user-section button.btn-facebook {
        width: 100%;
    }
}

.economy-item {
    margin-top: 15px;
}

#economyForm {
    /*margin-bottom:60px;*/
}

#Phone-error {
    position: absolute;
    bottom: -10px;
}

#aszf ~ label.error {
    position: absolute;
    bottom: -20px;
}

.registration,
.set-password-section {
    padding-top: 100px;
    padding-bottom: 120px;
}

@media screen and (max-width: 768px) {
    .registration,
    .set-password-section {
        padding-top: 75px;
    }
}

.registration p.big,
.set-password-section p.big {
    font-size: 24px;
    line-height: 1.42;
}

@media screen and (max-width: 768px) {
    .registration p.big,
    .set-password-section p.big {
        font-size: 21px;
    }
}

.registration .title,
.set-password-section .title {
    display: inline-block;
    margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
    .registration .title,
    .set-password-section .title {
        margin-bottom: 25px;
    }
}

.registration .title + span,
.set-password-section .title + span {
    font-size: 24px;
}

.registration .main-title,
.set-password-section .main-title {
    margin-top: 60px;
}

@media screen and (max-width: 768px) {
    .registration .main-title,
    .set-password-section .main-title {
        margin-top: 75px;
    }
}

.registration .sub-title,
.set-password-section .sub-title {
    margin-top: 20px;
    font-family: "Helvetica Neue";
}

@media screen and (max-width: 768px) {
    .registration .sub-title,
    .set-password-section .sub-title {
        margin-top: 25px;
    }
}

@media screen and (max-width: 768px) {
    .registration .title,
    .set-password-section .title {
        margin-bottom: 25px;
    }
}

.registration .title + span,
.set-password-section .title + span {
    font-size: 24px;
}

.registration .main-title,
.set-password-section .main-title {
    margin-top: 100px;
}

@media screen and (max-width: 768px) {
    .registration .main-title,
    .set-password-section .main-title {
        margin-top: 75px;
    }
}

.registration .sub-title,
.set-password-section .sub-title {
    margin-top: 100px;
    font-family: "Helvetica Neue";
}

@media screen and (max-width: 768px) {
    .registration .sub-title,
    .set-password-section .sub-title {
        margin-top: 25px;
    }
}

.registration .text-wrapper,
.set-password-section .text-wrapper {
    display: flex;
    align-items: baseline;
    margin-bottom: 30px;
}

.registration .text-wrapper span,
.set-password-section .text-wrapper span {
    width: 30px;
    font-size: 16px;
    margin-right: 4px;
}

.registration .text-wrapper input,
.set-password-section .text-wrapper input,
.registration .text-wrapper select,
.set-password-section .text-wrapper select,
.registration .text-wrapper .input-group > .form-control,
.set-password-section .text-wrapper .input-group > .form-control {
    width: calc(100% - 35px);
    margin-bottom: 0;
}

.registration .text-wrapper.right span,
.set-password-section .text-wrapper.right span {
    margin-right: 0;
}

.registration .text-wrapper.small input,
.set-password-section .text-wrapper.small input,
.registration .text-wrapper.small select,
.set-password-section .text-wrapper.small select,
.registration .text-wrapper.small .input-group > .form-control,
.set-password-section .text-wrapper.small .input-group > .form-control {
    width: 66.666%;
    margin-right: 10px;
}

.registration .btn-secondary-cta,
.set-password-section .btn-secondary-cta,
.registration .cc_banner-wrapper .cc_container .cc_btn,
.cc_banner-wrapper .cc_container .registration .cc_btn,
.set-password-section .cc_banner-wrapper .cc_container .cc_btn,
.cc_banner-wrapper .cc_container .set-password-section .cc_btn {
    margin-right: 30px;
    padding: 10px 30px;
    line-height: 1.56;
}

@media screen and (max-width: 768px) {
    .registration .btn-secondary-cta,
    .set-password-section .btn-secondary-cta,
    .registration .cc_banner-wrapper .cc_container .cc_btn,
    .cc_banner-wrapper .cc_container .registration .cc_btn,
    .set-password-section .cc_banner-wrapper .cc_container .cc_btn,
    .cc_banner-wrapper .cc_container .set-password-section .cc_btn {
        width: 100%;
        max-width: 100%;
        float: none;
        margin-top: 25px;
        margin-right: 0;
    }
}

.registration .btn-cta,
.set-password-section .btn-cta,
.registration .btn-secondary-cta,
.set-password-section .btn-secondary-cta,
.registration .cc_banner-wrapper .cc_container .cc_btn,
.cc_banner-wrapper .cc_container .registration .cc_btn,
.set-password-section .cc_banner-wrapper .cc_container .cc_btn,
.cc_banner-wrapper .cc_container .set-password-section .cc_btn,
.registration .btn-facebook,
.set-password-section .btn-facebook {
    margin-right: 30px;
}

@media screen and (max-width: 768px) {
    .registration .btn-cta,
    .set-password-section .btn-cta,
    .registration .btn-secondary-cta,
    .set-password-section .btn-secondary-cta,
    .registration .cc_banner-wrapper .cc_container .cc_btn,
    .cc_banner-wrapper .cc_container .registration .cc_btn,
    .set-password-section .cc_banner-wrapper .cc_container .cc_btn,
    .cc_banner-wrapper .cc_container .set-password-section .cc_btn,
    .registration .btn-facebook,
    .set-password-section .btn-facebook {
        width: 100%;
    }
}

.registration .small-bottom,
.set-password-section .small-bottom {
    margin-bottom: 40px;
}

.registration .new-economy-btn,
.set-password-section .new-economy-btn {
    background: transparent;
    color: #004a96;
    font-family: "Helvetica Neue Bold";
    font-size: 16px;
    border: none;
    outline: none;
    position: relative;
    padding-left: 40px;
    margin-top: 50px;
    margin-bottom: 100px;
}

.registration .new-economy-btn i,
.set-password-section .new-economy-btn i {
    position: absolute;
    left: 0;
    top: -3px;
}

@media screen and (max-width: 576px) {
    .registration .new-economy-btn,
    .set-password-section .new-economy-btn {
        font-size: 15px;
        margin: 45px 0;
    }
}

.registration .delete-economy,
.set-password-section .delete-economy {
    border: none;
    outline: none;
    background: transparent;
    color: #004a96;
    text-decoration: underline;
    padding: 0;
}

@media screen and (min-width: 576px) {
    .registration .delete-economy-wrapper,
    .set-password-section .delete-economy-wrapper {
        justify-content: flex-end;
    }
}

@media screen and (max-width: 576px) {
    .registration .delete-economy-wrapper,
    .set-password-section .delete-economy-wrapper {
        margin-top: 15px;
    }
}

@media screen and (max-width: 768px) {
    .registration .need-bottom-lg,
    .set-password-section .need-bottom-lg {
        margin-bottom: 45px;
    }
}

.set-password-section .title {
    margin-bottom: 0;
    font-size: 32px;
}

.set-password-section .title + .main-separator {
    margin-bottom: 60px;
}

.set-password-section p {
    margin-bottom: 60px;
    font-size: 24px;
    font-family: "Helvetica Neue";
}

.set-password-section #passwordAgain {
    margin-bottom: 80px;
}

.set-password-section .negative-bottom {
    margin-bottom: 40px;
}

@media screen and (max-width: 768px) {
    .set-password-section .title {
        font-size: 24px;
    }

    .set-password-section .title + .main-separator {
        margin-bottom: 45px;
    }

    .set-password-section p {
        margin-bottom: 45px;
        font-size: 21px;
    }

    .set-password-section #passwordAgain {
        margin-bottom: 75px;
    }
}

#ZipCode-error {
    position: absolute;
    width: 100%;
}

#ProducingArea-error {
    position: absolute;
    bottom: -10px;
}

#passwordAgain-error {
    position: absolute;
    top: 75px;
}

/***********************************************************/
/***********************************************************/
.customCardGroup.card-group {
    background-color: #004a96;
    margin: 0 15px 120px;
}

@media (max-width: 576px) {
    .customCardGroup.card-group {
        display: initial;
        margin-bottom: 90px;
    }
}

.customCardGroup.card-group .cardWrapper {
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    padding: 0;
}

@media (max-width: 576px) {
    .customCardGroup.card-group .cardWrapper {
        border-left: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }
}

.customCardGroup.card-group .cardWrapper:first-of-type {
    border-left: none;
}

.customCardGroup.card-group .cardWrapper .card-green {
    background-color: #004a96;
}

@media (max-width: 992px) {
    .customCardGroup.card-group .cardWrapper .card-green {
        margin-bottom: 0;
        min-height: auto;
    }
}

.customCardGroup.card-group .cardWrapper .card-green p {
    color: #ffffff;
}

.customCardGroup.card-group .cardWrapper .card-green .card-footer .textBox {
    position: relative;
    min-height: 50px;
    margin-top: 30px;
}

@media (max-width: 992px) {
    .customCardGroup.card-group .cardWrapper .card-green .card-footer .textBox {
        min-height: initial;
    }
}

.customCardGroup.card-group .cardWrapper .card-green .card-footer .textBox p,
.customCardGroup.card-group .cardWrapper .card-green .card-footer .textBox a {
    bottom: 0;
    position: absolute;
    margin-top: 0;
}

@media (max-width: 992px) {
    .customCardGroup.card-group .cardWrapper .card-green .card-footer .textBox p,
    .customCardGroup.card-group .cardWrapper .card-green .card-footer .textBox a {
        bottom: initial;
        position: initial;
    }
}

.textWrapper h3 {
    margin-bottom: 40px;
}

@media (max-width: 576px) {
    .textWrapper h3 {
        margin-bottom: 30px;
    }
}

.forecastTop {
    padding-top: 60px;
}

@media (max-width: 576px) {
    .forecastTop {
        padding-top: 45px;
    }
}

/***********************************************************/
/***********************************************************/
.videoForcast,
.deviceData {
    margin-top: 90px;
}

@media (max-width: 576px) {
    .videoForcast,
    .deviceData {
        margin-top: 60px;
    }
}

.videoForcast h3,
.deviceData h3 {
    margin-bottom: 40px;
}

@media (max-width: 576px) {
    .videoForcast h3,
    .deviceData h3 {
        margin-bottom: 30px;
    }
}

.videoForcast {
    margin: 120px 0;
}

.videoForcast--main {
    margin: 0 0 60px;
}

.videoForcast--main__boxes {
    margin-bottom: 50px;
}

@media (max-width: 991px) {
    .videoForcast--main__boxes {
        margin-bottom: 10px;
    }
}

.videoForcast--main__actions {
    text-align: center;
}

@media (max-width: 991px) {
    .videoForcast.videoForcast--main {
        margin: 0 0 40px;
    }
}

.videoForcast--main h3 {
    font-size: 40px;
    text-align: center;
    font-family: "Helvetica Neue";
    font-weight: 700;
}

@media (max-width: 991px) {
    .videoForcast--main h3 {
        font-size: 28px;
    }
}

.videoForcast--main .card.card-video {
    background-color: #004a96;
}

.videoForcast--main .card.card-video .card-body {
    color: white;
}

@media (max-width: 576px) {
    .videoForcast {
        margin: 65px 0 90px;
    }
}

.videoListPage {
    margin-bottom: 90px;
}

.videoListPage h3 {
    margin-bottom: 30px;
}

@media (max-width: 576px) {
    .videoListPage {
        margin-bottom: 60px;
    }

    .videoListPage .card-video.card {
        margin-bottom: 0;
    }
}

/***********************************************************/
/***********************************************************/
.productWrapper {
    margin-bottom: 120px;
}

@media (max-width: 576px) {
    .productWrapper {
        margin-bottom: 90px;
    }
}

.productWrapper .greenArrow {
    display: block;
    margin-top: 40px;
}

@media (max-width: 576px) {
    .productWrapper .greenArrow {
        margin-top: 15px;
        margin-left: 20px;
    }
}

.productWrapper .highlightedProduct {
    margin-bottom: 40px;
    margin-top: 60px;
}

@media (max-width: 576px) {
    .productWrapper .highlightedProduct {
        margin-top: 45px;
    }
}

.news {
    margin: 120px 0;
}

@media (max-width: 992px) {
    .news {
        margin: 65px 0 90px;
    }
}

.news h3 {
    margin-bottom: 40px;
}

/***********************************************************/
/***********************************************************/
.aboutPageContent h1 {
    max-width: 65%;
    margin-bottom: 60px;
}

@media (max-width: 576px) {
    .aboutPageContent h1 {
        max-width: 100%;
        margin-bottom: 25px;
    }
}

.aboutPageContent .finalText {
    margin-bottom: 120px;
}

@media (max-width: 576px) {
    .aboutPageContent .finalText {
        margin-bottom: 90px;
    }
}

@media (max-width: 576px) {
    .aboutPageContent .finalText h3 {
        margin-top: 90px;
        margin-bottom: 45px;
    }
}

.aboutPageContent .finalText h4 {
    margin-bottom: 40px;
}

@media (max-width: 576px) {
    .aboutPageContent .finalText h4 {
        margin-bottom: 25px;
    }
}

.aboutPageContent .finalText h5 {
    font-family: "Helvetica Neue Bold";
    line-height: 1.42;
    margin-bottom: 30px;
}

@media (max-width: 576px) {
    .aboutPageContent .finalText h5 {
        margin-bottom: 25px;
    }
}

.aboutPageContent .finalText .h1 {
    font-family: "Helvetica Neue Light";
    margin-bottom: 60px;
    max-width: 65%;
}

@media (max-width: 576px) {
    .aboutPageContent .finalText .h1 {
        max-width: 100%;
        margin-bottom: 0;
    }
}

.aboutPageContent .finalText img {
    margin-bottom: 120px;
}

@media (max-width: 576px) {
    .aboutPageContent .finalText img {
        margin-bottom: 0;
        margin-top: 45px;
        width: 100%;
    }
}

.aboutPageContent .finalText .col-md-9 {
    padding-right: 52px;
}

@media (max-width: 576px) {
    .aboutPageContent .finalText .col-md-9 {
        padding-right: 15px;
    }
}

.aboutPageContent .finalText .col-md-3 {
    padding-left: 52px;
}

@media (max-width: 576px) {
    .aboutPageContent .finalText .col-md-3 {
        padding-left: 15px;
    }
}

/***********************************************************/
/***********************************************************/
.mapSection .map {
    margin-bottom: 100px;
    height: 600px;
}

@media (max-width: 576px) {
    .mapSection .map {
        margin-bottom: 75px;
        height: 380px;
    }
}

.contactSection h3 {
    padding-bottom: 20px;
    margin-bottom: 60px;
    border-bottom: 5px solid #f0f0f0;
}

@media (max-width: 576px) {
    .contactSection h3 {
        margin-bottom: 45px;
    }
}

.contactTable {
    margin-bottom: 120px;
}

.contactTable tr td {
    border: none;
}

.contactTable tr td:first-of-type {
    max-width: 20%;
    width: 15%;
    font-family: "Helvetica Neue Bold";
    font-size: 16px;
}

@media (max-width: 576px) {
    .contactTable tr td:first-of-type {
        max-width: 100%;
        width: 100%;
        font-size: 14px;
        padding: 0 0 10px;
    }
}

.contactTable tr td a {
    color: #004a96;
}

.contactTable tr td a.phone {
    color: #333333;
}

@media (max-width: 576px) {
    .contactTable tr td {
        display: block;
        font-size: 16px;
        padding: 0 0 30px;
    }
}

@media (max-width: 576px) {
    .contactTable {
        margin-bottom: 60px;
    }
}

.textWrapper .separator {
    margin: 0;
}

.publications-section .publication-item {
    padding-top: 40px;
}

.publications-section .publication-item .separator {
    margin-top: 40px;
    margin-bottom: 0;
}

.publications-section .date {
    font-size: 16px;
    color: #6f6f6f;
    font-family: "Helvetica Neue";
    margin-top: 20px;
    line-height: 1.56;
    margin-bottom: 15px;
}

.publications-section .title {
    font-size: 24px;
    font-family: "Helvetica Neue Bold";
    color: #333333;
    line-height: 1.42;
    margin-bottom: 70px;
}

.publications-section .file-size {
    font-size: 18px;
    font-family: "Helvetica Neue";
    line-height: 1.56;
    color: #333333;
    margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
    .publications-section .publication-item {
        padding-top: 30px;
    }

    .publications-section .publication-item .separator {
        margin-top: 30px;
    }

    .publications-section .date {
        font-size: 14px;
        margin-bottom: 10px;
        margin-top: 0;
    }

    .publications-section .title {
        font-size: 21px;
        margin-bottom: 30px;
    }

    .publications-section .file-size {
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 768px) and (max-width: 992px) {
    .publications-section .file-size {
        font-size: 16px;
    }
}

.more-btn-section {
    padding-top: 100px;
    padding-bottom: 120px;
}

@media screen and (max-width: 576px) {
    .more-btn-section {
        padding-top: 75px;
        padding-bottom: 90px;
    }

    .more-btn-section button#morePublicationBtn {
        width: 100%;
    }
}

.search-results-section {
    padding-top: 100px;
    padding-bottom: 120px;
}

@media (max-width: 768px) {
    .search-results-section {
        padding-top: 75px;
        padding-bottom: 90px;
    }
}

.search-results-section h1 {
    margin-bottom: 60px;
}

@media (max-width: 768px) {
    .search-results-section h1 {
        margin-bottom: 45px;
        font-size: 32px;
    }
}

.search-results-section input,
.search-results-section select,
.search-results-section .input-group > .form-control {
    background: #ffffff url("../images/icons/icon-search.svg") no-repeat;
    background-position-y: center;
    background-position-x: 10px;
    background-size: 22px 23px;
    padding-left: 45px;
    margin-bottom: 0;
}

.search-results-section .search-wrapper {
    margin-bottom: 30px;
}

.search-results-section h4 {
    font-family: "Helvetica Neue";
}

.search-results-section #counter {
    margin-bottom: 60px;
}

@media (max-width: 768px) {
    .search-results-section #counter {
        margin-bottom: 30px;
    }
}

.search-results-section .separator {
    margin: 0;
}

.search-results-section .search-item {
    padding-top: 40px;
    /*padding-bottom:40px;*/
    padding-left: 65px;
    position: relative;
    /*.separator{
      margin-top:40px;
    }*/
}

@media (max-width: 768px) {
    .search-results-section .search-item {
        padding-top: 30px;
        padding-left: 55px;
    }
}

.search-results-section .search-item::after {
    content: "";
    position: absolute;
    left: 15px;
    bottom: 0;
    height: 1px;
    width: calc(100% - 30px);
    border-bottom: 1px solid #cccccc;
}

.search-results-section .search-item .list-counter {
    position: absolute;
    left: 15px;
    margin-top: 4px;
    font-size: 24px;
    font-family: "Helvetica Neue Bold";
    color: #cccccc;
}

@media (max-width: 768px) {
    .search-results-section .search-item .list-counter {
        font-size: 21px;
    }
}

.search-results-section .search-item p {
    margin-bottom: 40px;
}

@media (max-width: 768px) {
    .search-results-section .search-item p {
        margin-bottom: 30px;
    }
}

.search-results-section .search-title {
    color: #004a96;
    font-family: "Helvetica Neue Bold";
    margin-bottom: 20px;
    line-height: 1.42;
    text-decoration: none;
    font-size: 24px;
    display: inline-block;
}

@media (max-width: 768px) {
    .search-results-section .search-title {
        font-size: 21px;
    }
}

.section-404 {
    padding-top: 60px;
    padding-bottom: 90px;
}

.section-404 h1 {
    margin-bottom: 30px;
}

.section-404 h4 {
    font-family: "Helvetica Neue Light";
    font-weight: normal;
    margin-bottom: 60px;
}

.section-404 .card h4 {
    margin-bottom: 30px;
}

.section-404 .card a {
    font-size: 16px;
    margin-top: 25px;
    display: block;
    font-family: "Helvetica Neue Bold";
    color: #ffffff;
}

.section-404 .card a:hover {
    color: #ffffff;
}

.professional-section h1 {
    margin-top: 60px;
    margin-bottom: 30px;
}

@media (max-width: 768px) {
    .professional-section h1 {
        margin-top: 45px;
        margin-bottom: 25px;
    }
}

.professional-section h4 {
    font-family: "Helvetica Neue";
    margin-bottom: 30px;
}

@media (max-width: 992px) {
    .professional-section {
        margin-bottom: 45px;
    }
}

.professional,
.article {
    padding-bottom: 120px;
}

@media (max-width: 768px) {
    .professional,
    .article {
        padding-bottom: 75px;
        padding-top: 45px;
    }
}

.professional .container .finalText,
.article .container .finalText {
    padding-right: 0;
}

@media (max-width: 992px) {
    .professional .container .finalText,
    .article .container .finalText {
        padding-right: 15px;
    }
}

.professional .container .finalText h1,
.article .container .finalText h1 {
    margin-bottom: 10px;
}

@media (max-width: 992px) {
    .professional .container .finalText h1,
    .article .container .finalText h1 {
        margin-bottom: 5px;
    }
}

@media (max-width: 992px) {
    .professional .container .finalText h4,
    .article .container .finalText h4 {
        margin-bottom: 45px;
    }
}

.professional .container .productImg,
.article .container .productImg {
    width: 25%;
}

.professional .container .productImg img,
.article .container .productImg img {
    margin: 0;
}

.professional .container .productImg .profession-card,
.article .container .productImg .profession-card {
    margin-bottom: 0;
}

.professional .container .productImg .profession-card .job,
.article .container .productImg .profession-card .job {
    color: #333333;
}

.professional .container h3,
.article .container h3 {
    margin-top: 90px;
    margin-bottom: 60px;
}

@media (max-width: 768px) {
    .professional .container h3,
    .article .container h3 {
        margin-top: 60px;
        margin-bottom: 45px;
    }
}

@media (max-width: 768px) {
    .professional .container .card,
    .article .container .card {
        margin-bottom: 15px;
    }
}

@media (max-width: 768px) {
    .article {
        padding-bottom: 45px;
    }
}

.article img {
    margin-top: 30px;
    margin-bottom: 30px;
}

@media (max-width: 992px) {
    .article img {
        margin-top: 45px;
        margin-bottom: 45px;
    }
}

.article h4 {
    margin-top: 30px;
    margin-bottom: 10px;
    font-weight: 700;
    margin-top: 20px;
    font-family: "Helvetica Neue";
}

.article h4#article-lead {
    margin: 30px 0;
    font-family: "Helvetica Neue Light";
    font-size: 24px;
    line-height: 1.42;
}

.article h4.bold {
    font-family: "Helvetica Neue Bold";
    margin-bottom: 45px;
}

.article p {
    margin-bottom: 60px;
}

.finalText p {
    margin-bottom: auto !important;
}

@media (max-width: 992px) {
    .article p {
        margin-bottom: 45px;
    }
}

.article p img {
    display: block;
}

@media (max-width: 992px) {
    .article .container .productImg {
        margin-bottom: 0;
    }

    .article .profession-card {
        margin-top: 40px;
    }

    .article .profession-card .img-wrapper {
        display: inline-block;
        width: 50px;
        height: 55px;
        float: left;
        padding: 0;
    }

    .article .profession-card .img-wrapper img {
        height: 50px;
        top: 5px;
    }

    .article .profession-card .text-wrapper {
        display: inline-block;
        width: calc(100% - 80px);
        padding-left: 30px;
        padding-bottom: 0;
        float: left;
    }

    .article .profession-card .text-wrapper .name {
        margin-top: 10px;
    }
}

/*# sourceMappingURL=style.css.map */

/* API REDESIGN */

#charts {
    padding-top: 10px;
    padding-bottom: 30px;
    overflow: hidden;
}

.side-bar {
    margin-left: 20px;
    padding: 40px;
}

.row-filter {
    width: 40%;
    display: inline-block;
}

#timetravel {
    display: inline-block;
}

#timetravel span {
    display: inline-block;
    border: 1px solid #cccccc;
    background-color: #ffffff;
    padding: 9px 11px 7px;
    cursor: pointer;
    color: #004a96;
    margin-right: -6px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

#timetravel span.inactive {
    pointer-events: none;
    color: #9bceb6;
}

#timetravel span:hover {
    background: #004a96;
    color: #fff;
}

#timeinterval button.btn-danger {
    border-radius: 0px;
}

#timetravel i {
    font-size: 15px;
    line-height: 20px;
}

#timeinterval-text {
    position: absolute;
    right: 20px;
    height: 44px;
    line-height: 44px;
    font-size: 16px;
    color: #fff;
    font-family: "Helvetica Neue Bold";
}

.charts-box table {
    border-collapse: collapse;
    font-size: 14px;
    margin: auto;
    width: min-content;
    margin-top: 20px;
    margin-bottom: 20px;
}

#deviceid {
    display: none;
}

.charts-box td,
th {
    border: 1.5px solid #cccccc;
    text-align: left;
    padding: 8px;

    white-space: nowrap;
}

.charts-box th {
    font-weight: bold;
    white-space: nowrap;
}

.charts-box tr:nth-child(even) {
    background-color: #eeeeee;
}

.fejlec {
    border-bottom: 1.5px solid #777777;
}

#empty {
    border: 0px;
}

#int-selectors {
    display: inline-block;
    margin-right: 5px;
}

#int-selectors input {
    display: none;
}

#int-selectors input + label {
    top: 0;
    display: inline-block;
    border: 1px solid #cccccc;
    background-color: #ffffff;
    padding: 9px 11px 6px;
    cursor: pointer;
    color: #004a96;
    margin-right: -6px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

#int-selectors input:checked + label {
    background-color: #004a96;
    color: #ffffff;
}

.highcharts-container {
    background: #fff;
    margin-bottom: 60px;
}

.row-filter input + span {
    display: inline-block;
    padding: 2px 6px;
}

.row-filter input + span + label,
.row-filter input + span {
    opacity: 0.4;
}

.row-filter input:checked + span + label,
.row-filter input:checked + span {
    opacity: 1;
}

.filter-box {
    background: #f0f0f0;
    padding: 10px;
}

.filter-box input,
.filter-box select {
    width: 120px;
    display: inline-block;
    max-height: 38px;
    line-height: 37px;
    margin-bottom: 0px;
}

.filter-box #switch {
    display: inline-block;
    margin-left: 5px;
}

.filter-box form {
    width: 100%;
}

.title-box {
    background-color: #333333;
    color: #fff;
    padding: 10px;
    width: 100%;
    display: none;
}

#timeinterval {
    display: inline-block;
    display: none;
    margin-left: 5px;
}

#timeinterval input {
    border-radius: 0;
    width: 140px;
    font-size: 14px;
    padding-left: 10px;
}

#filters input {
    display: none;
}

#filters input:checked + label {
    font-weight: bold;
}

#data-switch input {
    display: none;
}

#data-switch label {
    top: 0;
    display: inline-block;
    border: 1px solid #cccccc;
    background-color: #ffffff;
    padding: 9px 11px 6px;
    cursor: pointer;
    color: #004a96;
    margin-right: -6px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

#data-switch input:checked + label {
    background-color: #004a96;
    color: #ffffff;
}

#filters .row {
    width: 43%;
    display: inline-block;
}

#data-switch {
    margin-right: 5px;
}

#getcsv,
#getimage {
    top: 0;
    display: inline-block;
    border: 1px solid #cccccc;
    background-color: #ffffff;
    padding: 9px 11px 9px;
    cursor: pointer;
    color: #004a96;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    position: relative;
}

.disabled {
    pointer-events: none;
    opacity: 0.8;
}

#getimage i {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

#getimage i.fa-download,
#getcsv i.fa-download {
    position: absolute;
    top: 10px;
    left: 10px;
    opacity: 0;
}

#getimage:hover .fa-download,
#getcsv:hover .fa-download {
    opacity: 1;
}

#getimage:hover .fa-image,
#getcsv:hover .fa-table {
    opacity: 0;
}

.sticky {
    position: fixed;
    top: 45px;
    width: 79%;
    z-index: 500;
}

.sticky + .side-bar {
    margin-top: 50px;
}

.sensorSelect {
    position: absolute;
    right: 20px;
}

@media (min-width: 1200px) {
    .container.wide {
        max-width: 80vw;
    }
}

@media (max-width: 769px) {
    .container.wide {
        width: 100vw;
        max-width: 100vw;
        margin: 0;
        padding: 0;
    }

    .filter-box {
        overflow: hidden;
        max-height: 39px;
    }
}

@media (max-width: 425px) {
    #filters {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0.5em;
    }

    #filters .row {
        width: 100%;
        display: block;
    }

    .container.wide {
        max-width: 100vw;
        padding: 0;
        margin: 0;
    }

    #model-switch {
        width: 100%;
    }

    .sub-navigation-section .lvl1-sub-navigation-list li {
        width: 50%;
    }

    .sub-navigation-section .lvl1-sub-navigation-list li a {
        padding-right: 0px !important;
    }

    .no-left-gutter.lvl1-sub-navigation {
        padding-right: 0;
    }

    #product-subnav .no-left-gutter.lvl1-sub-navigation {
        height: auto;
    }

    .sub-navigation-section #product-subnav .lvl1-sub-navigation-list {
        height: auto;
        width: 100%;
        display: block;
    }

    .sub-navigation-section #product-subnav .lvl1-sub-navigation-list li {
        width: 100%;
    }

    .sub-navigation-section #product-subnav .lvl1-sub-navigation-list li a {
        font-size: 14px;
    }

    .videoWrapper {
        position: relative;
        padding-bottom: 56.25%; /* 16:9 */
        padding-top: 25px;
        height: 0;
    }

    .videoWrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .sticky {
        position: relative;
        top: auto;
        width: inherit;
    }

    #getcsv,
    #getimage {
        display: none;
    }

    .filter-box {
        overflow: hidden;
        max-height: 39px;
    }

    .filter-box input,
    .filter-box select {
        width: 110px;

        padding-right: 0;
    }

    .filter-box input {
        padding-right: 5px;
    }

    #timeinterval input {
        padding-left: 8px;
        padding-right: 0px;
    }

    #time-first,
    #time-last {
        display: none !important;
    }

    .side-bar {
        padding: 20px;
    }

    #timeinterval-text {
        position: absolute;
        right: 0;
        height: 44px;
        line-height: 44px;
        font-size: 16px;
        color: #000;
        font-family: "Helvetica Neue Bold";
        top: 37px;
        width: 100vw;
        text-align: center;
    }

    #data-switch {
        margin-top: 10px;
    }

    #charts {
        max-width: 100vw;
        overflow-x: scroll;
    }

    #charts > div {
        min-width: 200vw;
    }

    .btn.btn-danger.btn-sm span {
        display: none;
    }

    #sensorSelect {
        display: none;
    }

    .sub-navigation-section .lvl1-sub-navigation-list li a {
        font-size: 12px;
        padding: 12px 25px;
    }

    #data-switch {
        width: 100%;
    }

    #timeinterval {
        padding: 5px;
    }

    .sensorSelect {
        position: relative;
        right: 0;
        padding: 0;
    }

    .filter-box.wide {
        padding-top: 10px;
        text-align: center;
        max-height: none;
        padding-bottom: 7px;
    }
}

.lds-dual-ring {
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
}

.lds-dual-ring:after {
    content: " ";
    display: block;
    width: 20px;
    height: 20px;
    margin: 1px;
    border-radius: 50%;
    border: 5px solid #fff;
    border-color: #024c2a transparent #024c2a transparent;
    animation: lds-dual-ring 1.2s linear infinite;
}

@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* --------------------------------

Hero Slider - by CodyHouse.co

-------------------------------- */
/* Main Header */
.cd-header {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    background-color: #21272c;
}

@media only screen and (min-width: 768px) {
    .cd-header {
        height: 70px;
        background-color: transparent;
    }
}

.cd-header__logo {
    float: left;
    margin: 13px 0 0 5%;
}

.cd-header__logo img {
    display: block;
}

@media only screen and (min-width: 768px) {
    .cd-header__logo {
        margin: 23px 0 0 5%;
    }
}

.cd-header__nav {
    /* mobile first - navigation hidden by default, triggered by tap/click on navigation icon */
    float: right;
    margin-right: 5%;
    width: 44px;
    height: 100%;
    background: url("../assets/cd-icon-menu.svg") no-repeat center center;
}

.cd-header__nav ul {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
}

.cd-header__nav ul.cd-is-visible {
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
}

.cd-header__nav a {
    display: block;
    height: 50px;
    line-height: 50px;
    padding-left: 5%;
    background: #21272c;
    border-top: 1px solid #333c44;
    color: #ffffff;
}

@media only screen and (min-width: 768px) {
    .cd-header__nav {
        /* reset navigation values */
        width: auto;
        height: auto;
        background: none;
    }

    .cd-header__nav ul {
        position: static;
        width: auto;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        line-height: 70px;
    }

    .cd-header__nav ul.cd-is-visible {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    .cd-header__nav li {
        display: inline-block;
        margin-left: 1em;
    }

    .cd-header__nav a {
        display: inline-block;
        height: auto;
        line-height: normal;
        background: transparent;
        padding: 0.6em 1em;
        border-top: none;
    }
}

/* Slider */
.cd-hero {
    position: relative;
}

.cd-hero__slider {
    position: relative;
    height: 80vh;
    width: 100%;
    overflow: hidden;
}

.cd-hero__slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Force Hardware Acceleration */
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px);
    will-change: transform;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.cd-hero__slide.cd-hero__slide--selected {
    /* this is the visible slide */
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.cd-hero__slide.cd-hero__slide--move-left {
    /* slide hidden on the left */
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
}

.cd-hero__slide.cd-hero__slide--is-moving,
.cd-hero__slide.cd-hero__slide--selected {
    /* the cd-hero__slide--is-moving class is assigned to the slide which is moving outside the viewport */
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    transition:
        transform 0.5s,
        -webkit-transform 0.5s;
}

@media only screen and (min-width: 768px) {
    .cd-hero__slider {
        height: 500px;
    }
}

@media only screen and (min-width: 1170px) {
    .cd-hero__slider {
        height: 680px;
    }
}

/* Slide style */
.cd-hero__slide {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.cd-hero__slide span.desktop-bg {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.cd-hero__slide span.mobile-bg {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

@media only screen and (max-width: 768px) {
    .cd-hero__slide span.desktop-bg {
        display: none;
    }

    .cd-hero__slide span.mobile-bg {
        display: block;
    }
}

.cd-hero__slide:first-of-type {
    background-color: #2c343b;
}

.cd-hero__slide:nth-of-type(2) {
    background-color: #3d4952;
    background-image: url("../assets/tech-1-mobile.jpg");
}

.cd-hero__slide:nth-of-type(3) {
    background-color: #586775;
    background-image: url("../assets/tech-2-mobile.jpg");
}

.cd-hero__slide:nth-of-type(4) {
    background-color: #2c343b;
    background-image: url("../assets/video-replace-mobile.jpg");
}

.cd-hero__slide:nth-of-type(5) {
    background-color: #2c343b;
    background-image: url(../assets/img.jpg);
}

.cd-hero__content.cd-hero__content--full-width,
.cd-hero__content.cd-hero__content--half-width {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    left: 0;
    top: 0;
    /* this padding is used to align the text */
    padding-top: 100px;
    text-align: center;
    /* Force Hardware Acceleration */
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform;
    background: rgba(0, 0, 0, 0.2);
}

.cd-hero__content h2,
.cd-hero__content p,
.cd-hero__btn,
.cd-hero__content--img img {
    /* Force Hardware Acceleration */
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform;
}

.cd-hero__content.cd-hero__content--img {
    /* hide image on mobile device */
    display: none;
}

.cd-hero__content--img img {
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.cd-hero__content.cd-hero__content--bg-video {
    /* hide video on mobile device */
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.cd-hero__content--bg-video video {
    /* you won't see this element in the html, but it will be injected using javascript */
    display: block;
    min-height: 100%;
    min-width: 100%;
    max-width: none;
    height: auto;
    width: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.cd-hero__content h2,
.cd-hero__content p {
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    line-height: 1.2;
    margin: 0 auto 14px;
    color: #ffffff;
    width: 90%;
    max-width: 400px;
    text-align: left;
}

.cd-hero__content h2 {
    font-size: 2.4rem;
}

.cd-hero__content p {
    font-size: 1rem;
    line-height: 1.4;
}

.cd-hero__btn {
    display: inline-block;
    padding: 10px 20px;
    margin-top: 0.4em;
    font-family: Arial;
    background-color: #004a96;
    font-size: 1.2rem;
    line-height: 2rem;
    font-weight: 700;
    letter-spacing: 1px;
    color: #ffffff;
    text-transform: uppercase;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s;
}

.cd-hero__btn.cd-hero__btn--secondary {
    background-color: rgba(22, 26, 30, 0.8);
}

.cd-hero__btn:nth-of-type(2) {
    margin-left: 1em;
}

.cd-hero__btn:hover {
    background-color: #fff;
    color: #004a96;
}

.cd-hero__btn.cd-hero__btn--secondary:hover {
    background-color: #161a1e;
}

@media only screen and (min-width: 768px) {
    .cd-hero__slide:nth-of-type(2),
    .cd-hero__slide:nth-of-type(3),
    .cd-hero__slide:nth-of-type(4) {
        background-image: none;
    }

    .cd-hero__content.cd-hero__content--full-width,
    .cd-hero__content.cd-hero__content--half-width {
        /*padding-top: 150px;*/
    }

    .cd-hero__content.cd-hero__content--bg-video {
        display: block;
    }

    .cd-hero__content.cd-hero__content--half-width {
        width: 45%;
    }

    .cd-hero__content.cd-hero__content--half-width:first-of-type {
        left: 5%;
    }

    .cd-hero__content.cd-hero__content--half-width:nth-of-type(2) {
        right: 5%;
        left: auto;
    }

    .cd-hero__content.cd-hero__content--img {
        display: block;
    }

    .cd-hero__content h2,
    .cd-hero__content p {
        max-width: 70vw;
    }

    .cd-hero__content h2 {
        font-size: 2.4em;
        font-weight: 300;
    }

    .cd-hero__btn {
        font-size: 1.1rem;
    }
}

@media only screen and (max-width: 768px) {
    .cd-hero__content.cd-hero__content--full-width,
    .cd-hero__content.cd-hero__content--half-width {
        padding-top: 20px;
    }

    .cd-hero__content h2 {
        font-size: 1.3rem;
    }
}

@media only screen and (min-width: 1170px) {
    .cd-hero__content.cd-hero__content--full-width,
    .cd-hero__content.cd-hero__content--half-width {
        padding-top: 150px;
    }

    .cd-hero__content h2,
    .cd-hero__content p {
        margin-bottom: 20px;
    }

    .cd-hero__content h2 {
        font-size: 2.3em;
    }

    .cd-hero__content p {
        font-size: 1.3rem;
    }
}

/* Single slide animation */
@media only screen and (min-width: 768px) {
    .cd-hero__content.cd-hero__content--half-width {
        opacity: 0;
        -webkit-transform: translateX(40px);
        -ms-transform: translateX(40px);
        transform: translateX(40px);
    }

    .cd-hero__slide--move-left .cd-hero__content.cd-hero__content--half-width {
        -webkit-transform: translateX(-40px);
        -ms-transform: translateX(-40px);
        transform: translateX(-40px);
    }

    .cd-hero__slide--selected .cd-hero__content.cd-hero__content--half-width {
        /* this is the visible slide */
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    .cd-hero__slide--is-moving .cd-hero__content.cd-hero__content--half-width {
        /* this is the slide moving outside the viewport
    wait for the end of the transition on the <li> parent before set opacity to 0 and translate to 40px/-40px */
        -webkit-transition:
            opacity 0s 0.5s,
            -webkit-transform 0s 0.5s;
        transition:
            opacity 0s 0.5s,
            -webkit-transform 0s 0.5s;
        transition:
            opacity 0s 0.5s,
            transform 0s 0.5s;
        transition:
            opacity 0s 0.5s,
            transform 0s 0.5s,
            -webkit-transform 0s 0.5s;
    }

    .cd-hero__slide--from-left.cd-hero__slide--selected .cd-hero__content.cd-hero__content--half-width:nth-of-type(2),
    .cd-hero__slide--from-right.cd-hero__slide--selected .cd-hero__content.cd-hero__content--half-width:first-of-type {
        /* this is the selected slide - different animation if it's entering from left or right */
        -webkit-transition:
            opacity 0.4s 0.2s,
            -webkit-transform 0.5s 0.2s;
        transition:
            opacity 0.4s 0.2s,
            -webkit-transform 0.5s 0.2s;
        transition:
            opacity 0.4s 0.2s,
            transform 0.5s 0.2s;
        transition:
            opacity 0.4s 0.2s,
            transform 0.5s 0.2s,
            -webkit-transform 0.5s 0.2s;
    }

    .cd-hero__slide--from-left.cd-hero__slide--selected .cd-hero__content.cd-hero__content--half-width:first-of-type,
    .cd-hero__slide--from-right.cd-hero__slide--selected .cd-hero__content.cd-hero__content--half-width:nth-of-type(2) {
        /* this is the selected slide - different animation if it's entering from left or right */
        -webkit-transition:
            opacity 0.4s 0.4s,
            -webkit-transform 0.5s 0.4s;
        transition:
            opacity 0.4s 0.4s,
            -webkit-transform 0.5s 0.4s;
        transition:
            opacity 0.4s 0.4s,
            transform 0.5s 0.4s;
        transition:
            opacity 0.4s 0.4s,
            transform 0.5s 0.4s,
            -webkit-transform 0.5s 0.4s;
    }

    .cd-hero__content--full-width h2,
    .cd-hero__content--full-width p,
    .cd-hero__content--full-width .cd-hero__btn {
        -webkit-transform: translateX(100px);
        -ms-transform: translateX(100px);
        transform: translateX(100px);
    }

    .cd-hero__slide--move-left .cd-hero__content--full-width h2,
    .cd-hero__slide--move-left .cd-hero__content--full-width p,
    .cd-hero__slide--move-left .cd-hero__content--full-width .cd-hero__btn {
        -webkit-transform: translateX(-100px);
        -ms-transform: translateX(-100px);
        transform: translateX(-100px);
    }

    .cd-hero__slide--selected .cd-hero__content--full-width h2,
    .cd-hero__slide--selected .cd-hero__content--full-width p,
    .cd-hero__slide--selected .cd-hero__content--full-width .cd-hero__btn {
        /* this is the visible slide */
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    .cd-hero__slide--is-moving .cd-hero__content--full-width h2,
    .cd-hero__slide--is-moving .cd-hero__content--full-width p,
    .cd-hero__slide--is-moving .cd-hero__content--full-width .cd-hero__btn {
        /* this is the slide moving outside the viewport
    wait for the end of the transition on the li parent before set translate to 100px/-100px */
        -webkit-transition: -webkit-transform 0s 0.5s;
        transition: -webkit-transform 0s 0.5s;
        transition: transform 0s 0.5s;
        transition:
            transform 0s 0.5s,
            -webkit-transform 0s 0.5s;
    }

    .cd-hero__slide--selected h2 {
        -webkit-transition: -webkit-transform 0.5s 0.2s;
        transition: -webkit-transform 0.5s 0.2s;
        transition: transform 0.5s 0.2s;
        transition:
            transform 0.5s 0.2s,
            -webkit-transform 0.5s 0.2s;
    }

    .cd-hero__slide--selected p {
        -webkit-transition: -webkit-transform 0.5s 0.3s;
        transition: -webkit-transform 0.5s 0.3s;
        transition: transform 0.5s 0.3s;
        transition:
            transform 0.5s 0.3s,
            -webkit-transform 0.5s 0.3s;
    }

    .cd-hero__slide--selected .cd-hero__btn {
        -webkit-transition:
            background-color 0.2s 0s,
            -webkit-transform 0.5s 0.4s;
        transition:
            background-color 0.2s 0s,
            -webkit-transform 0.5s 0.4s;
        transition:
            transform 0.5s 0.4s,
            background-color 0.2s 0s;
        transition:
            transform 0.5s 0.4s,
            background-color 0.2s 0s,
            -webkit-transform 0.5s 0.4s;
    }
}

/* Slider navigation */
.cd-hero__nav {
    position: absolute;
    width: 100%;
    bottom: 0;
    z-index: 2;
    text-align: center;
    height: 55px;
    background-color: transparent;
}

.cd-hero__nav nav,
.cd-hero__nav ul,
.cd-hero__nav li,
.cd-hero__nav a {
    height: 100%;
}

.cd-hero__nav nav {
    display: inline-block;
    position: relative;
}

.cd-hero__marker {
    position: absolute;
    bottom: 20px;
    left: 10px;
    width: 60px;
    height: 12px;
    border-radius: 30px;
    color: #004a96;
    background-color: #ffffff;
    -webkit-box-shadow: inset 0 2px 0 currentColor;
    box-shadow: inset 0 2px 0 currentColor;
    -webkit-transition:
        -webkit-transform 0.2s,
        -webkit-box-shadow 0.2s;
    transition:
        -webkit-transform 0.2s,
        -webkit-box-shadow 0.2s;
    transition:
        transform 0.2s,
        box-shadow 0.2s;
    transition:
        transform 0.2s,
        box-shadow 0.2s,
        -webkit-transform 0.2s,
        -webkit-box-shadow 0.2s;
}

.cd-hero__marker.cd-hero__marker--item-2 {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
}

.cd-hero__marker.cd-hero__marker--item-3 {
    -webkit-transform: translateX(200%);
    -ms-transform: translateX(200%);
    transform: translateX(200%);
}

.cd-hero__marker.cd-hero__marker--item-4 {
    -webkit-transform: translateX(300%);
    -ms-transform: translateX(300%);
    transform: translateX(300%);
}

.cd-hero__marker.cd-hero__marker--item-5 {
    -webkit-transform: translateX(400%);
    -ms-transform: translateX(400%);
    transform: translateX(400%);
}

.cd-hero__nav ul::after {
    clear: both;
    content: "";
    display: table;
}

.cd-hero__nav li {
    display: inline-block;
    width: 60px;
    float: left;
}

.cd-hero__nav .cd-selected a {
    color: #fff;
}

.cd-hero__nav .cd-selected a:hover {
    background-color: transparent;
}

.cd-hero__nav a {
    display: block;
    position: relative;
    padding-top: 35px;
    font-size: 1rem;
    font-weight: 700;
    color: #a8b4be;
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s;
}

.cd-hero__nav a::before {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    top: 8px;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background: url(../assets/cd-icon-navigation.svg) no-repeat 0 0;
}

.cd-hero__nav a {
    background: #fff;
    color: #fff;
    border-radius: 30px;
    height: 20px;
    width: 20px;
    padding: 0;
    margin-top: 20px;
    margin-left: 15px;
}

.cd-hero__nav a:hover {
    background-color: #fff;
    color: #fff;
}

.cd-hero__nav li:first-of-type a::before {
    background-position: 0 0;
}

.cd-hero__nav li.cd-selected:first-of-type a::before {
    background-position: 0 -24px;
}

.cd-hero__nav li:nth-of-type(2) a::before {
    background-position: -24px 0;
}

.cd-hero__nav li.cd-selected:nth-of-type(2) a::before {
    background-position: -24px -24px;
}

.cd-hero__nav li:nth-of-type(3) a::before {
    background-position: -48px 0;
}

.cd-hero__nav li.cd-selected:nth-of-type(3) a::before {
    background-position: -48px -24px;
}

.cd-hero__nav li:nth-of-type(4) a::before {
    background-position: -72px 0;
}

.cd-hero__nav li.cd-selected:nth-of-type(4) a::before {
    background-position: -72px -24px;
}

.cd-hero__nav li:nth-of-type(5) a::before {
    background-position: -96px 0;
}

.cd-hero__nav li.cd-selected:nth-of-type(5) a::before {
    background-position: -96px -24px;
}

.cd-hero__nav a {
    padding-top: 0px;
    font-size: 1.1rem;
    text-transform: uppercase;
    height: 10px;
    border-radius: 30px;
    width: 10px;
    margin-top: 25px;
    margin-left: 15px;
    color: transparent;
}

.cd-hero__marker,
.cd-hero__nav li {
    width: 30px;
}

@media only screen and (min-width: 768px) {
    .cd-hero__nav {
        overflow: hidden;
    }

    .cd-hero__marker,
    .cd-hero__nav li {
        width: 20px;
    }

    .cd-hero__nav a {
        padding-top: 0px;
        font-size: 1.1rem;
        text-transform: uppercase;
        height: 10px;
        border-radius: 30px;
        width: 10px;
        margin-top: 25px;
        margin-left: 15px;
        color: transparent;
    }

    .cd-hero__nav a::before {
        top: 18px;
    }
}

@media only screen and (max-width: 768px) {
    .cd-hero-prev {
        display: none;
    }

    .cd-hero-next {
        display: none;
    }
}

/* Next Prev buttons */
.cd-hero-next,
.cd-hero-prev {
    position: absolute;
    width: 30px;
    height: 30px;
    color: #fff;
    top: 48%;
    cursor: pointer;
}

.cd-hero-prev {
    left: 20px;
}

.cd-hero-next {
    right: 20px;
}

/* Main Content */
.cd-main-content {
    width: 90%;
    max-width: 768px;
    margin: 0 auto;
    padding: 2em 0;
}

.cd-main-content p {
    font-size: 1.4rem;
    line-height: 1.8;
    color: #999999;
    margin: 2em 0;
}

@media only screen and (min-width: 1170px) {
    .cd-main-content {
        padding: 3em 0;
    }

    .cd-main-content p {
        font-size: 1.6rem;
    }
}

/* Javascript disabled */
.no-js .cd-hero__slide {
    display: none;
}

.no-js .cd-hero__slide.cd-hero__slide--selected {
    display: block;
}

.no-js .cd-hero__nav {
    display: none;
}

.icon {
    height: 35px;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translate(0%, -50%);
}

.button_text {
    position: relative;
    text-align: center;
    top: 50%;
    transform: translate(20px, -50%);
}

.login_button {
    position: relative;
    height: 56px;
}

.facebook_login,
.facebook_login:hover {
    background: #3b5998;
    color: #fff;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
}

.google_login,
.google_login:hover {
    background: #ea4335;
    color: #fff;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    position: relative;
    border-radius: 3px;
    transform: translate(1px, 1px);
}

/* styling cookies */
.acceptCookies {
    background: #22190a;
    color: white;
    padding: 30px;
    position: fixed;
    bottom: 0;
    z-index: 1000;
    width: 100%;
}

.acceptCookies p {
    margin-bottom: 30px;
}

.acceptCookies a {
    color: #1d853f;
}

.acceptCookies a:hover {
    color: #1a7036;
}

.acceptCookies form label {
    color: white;
    font-size: 18px;
    display: inline-block;
    width: auto;
}

.acceptCookies form input[type="checkbox"] {
    margin-right: 5px;
}

.acceptCookies .checkboxWrapper:nth-child(1) {
    cursor: not-allowed;
}

.acceptCookies .checkboxWrapper {
    display: inline-block;
    margin-right: 25px;
}

.acceptCookies .acceptButtons {
    display: inline-block;
    float: right;
}

.acceptCookies button {
    color: white;
    border-radius: 0;
    margin-top: -7px;
}

.acceptCookies .acceptSelected {
    background: none;
}

.acceptCookies .acceptAll {
    background: #1d853f;
}

.acceptCookies .acceptAll:hover {
    background: #1a7036;
}

@media screen and (max-width: 1260px) {
    .acceptCookies form label,
    .acceptCookies button {
        font-size: 16px;
    }
}

@media screen and (max-width: 992px) {
    .acceptCookies form label,
    .acceptCookies button {
        font-size: 16px;
    }

    .acceptCookies .checkboxWrapper {
        display: block;
        margin-right: 0px;
    }
}

@media screen and (max-width: 768px) {
    .acceptCookies p {
        margin-bottom: 15px;
    }

    .acceptCookies .acceptSelected {
        text-decoration: underline;
        /*border: white 1px solid;*/
    }

    .acceptCookies .checkboxWrapper:nth-child(3) {
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 468px) {
    .acceptCookies button,
    .acceptCookies form label {
        font-size: 13px;
    }

    .acceptCookies button {
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 405px) {
    .acceptCookies .acceptButtons {
        display: block;
        float: unset;
    }

    .acceptCookies .acceptSelected {
        text-decoration: none;
        border: white 1px solid;
    }
}

/*fixing checkbox styling at registration*/
label[for="user-policy_accepted"] {
    padding-left: 35px;
}

#user-policy_accepted {
    position: absolute;
    left: 15px;
    top: 2px;
}

.inverse-color-btn {
    background: white;
    color: #004a96;
    border: #004a96 1px solid;
}

.inverse-color-btn:hover {
    background: white !important;
    color: #016d3b;
    border: #016d3b 1px solid;
}

#policyAccept .basf-modal-body,
#deleteProfile .basf-modal-body {
    max-width: 550px;
}

#policyAccept a {
    color: #004a96;
}

#policyAccept a:hover {
    color: #016d3b;
}

#policyAccept p,
#policyAccept h4,
#deleteProfile p,
#deleteProfile h4 {
    text-align: left;
}

#deleteProfile .bold {
    font-weight: bold;
}

.cost_calculator {
    box-shadow: 0px 0px 2px 2px #eee;
}

.cost_calculator .head_row {
    min-height: 50px;
}

@media (max-width: 991px) {
    .cost_calculator .head_row {
        min-height: 70px;
    }
}

.cost_calculator .calculator-col p {
    position: absolute;
    transform: translate(0, -50%);
    top: 50%;
}

.cost_calculator .col-product {
    min-height: 20px;
}

.cost_calculator .green_text {
    color: #004a96;
    font-weight: bold;
    left: 45px;
}

.cost_calculator .col-product .icon-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

@media (max-width: 767px) {
    .cost_calculator .col-product p {
        margin-top: 6px;
    }

    .cost_calculator .col-product .icon-arrow {
        margin-top: 6px;
    }
}

.cost_calculator input {
    margin: 15px 0;
}

.cost_calculator input[disabled] {
    cursor: not-allowed;
}

.cost_calculator .input_dose {
    width: 80px;
}

@media (max-width: 375px) {
    .cost_calculator .input_dose {
        width: inherit;
    }
}

.cost_calculator .product_row {
    border-bottom: 1px #eee solid;
}

.cost_calculator .delan_pro_row {
    background: #b2d58e;
}

.cost_calculator .sercadis_row {
    background: #d0e6bb;
}

.cost_calculator .orvego_row {
    background: #c4e6a4;
}

.calculator_btn {
    background: #c6c6c6;
    color: white;
    text-transform: uppercase;
    border-radius: 0px;
    cursor: not-allowed !important;
}

.calculator_btn.live {
    background: #004a96;
    cursor: pointer !important;
}

#calc-send-btn {
    background: white;
    color: #004a96;
    font-weight: bold;
    float: right;
    position: relative;
    padding-right: 0;
    visibility: hidden;
}

#calc-send-btn.live {
    visibility: visible;
}

#calc-send-btn img.icon-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -18px;
}

#calc-send-btn:hover {
    text-decoration: underline;
}

@media (max-width: 475px) {
    #calc-send-btn {
        float: unset;
        display: block;
        margin: 20px 0 20px 18px;
    }
}

.cost_calculator .interested-btn {
    text-transform: uppercase;
    color: white;
    background: #004a96;
    padding: 4px 8px;
    font-size: 12px;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: 30px;
    cursor: pointer;
}

.cost_calculator .col-result p {
    visibility: hidden;
}

.cost_calculator .col-result p.price:after {
    content: " Ft/ha";
    font-weight: normal;
}

.cost_calculator .col-result p.live {
    visibility: visible;
}

.cost_calculator .col-result p.half {
    opacity: 0.5;
}

.cost_calculator span.clear {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: 10px;
    font-weight: bold;
    color: #999;
    cursor: pointer;
}

.calculator p.alert-message.guest {
    font-weight: bold;
    color: #004a96;
    display: block;
}

.calculator p.alert-message.user {
    display: none;
}

.what_dose_delan_pro .col-sm-5 {
    text-align: center;
}

.what_dose_delan_pro .col-sm-5 span {
    text-transform: uppercase;
    font-weight: bold;
}

.what_dose_delan_pro img {
    width: 100%;
}

.what_dose_delan_pro .dp_dose_img_wrapper {
    overflow-x: auto;
}

.what_dose_delan_pro .dp_dose_img_row {
    margin-left: 0px;
    margin-right: 0px;
    min-width: 400px;
}

.what_dose_delan_pro .dp_dose_img_row .col {
    padding: 0 10px;
}

@media (max-width: 767px) {
    .what_dose_delan_pro .dp_dose_img_row {
        margin-left: 0px;
        margin-right: 0px;
    }

    .what_dose_delan_pro .dp_dose_img_row .col {
        padding: 0 5px;
    }
}

.what_dose_delan_pro .dp_dose_img_row .col:first-child {
    padding-left: 0;
}

.what_dose_delan_pro .dp_dose_img_row .col:last-child {
    padding-right: 0;
}

.what_dose_delan_pro .card {
    border: 1px #eee solid;
    margin: 0;
}

.what_dose_delan_pro .selected-col .card {
    box-shadow: 0px 0px 2px 2px #eee;
}

.what_dose_delan_pro .card .card_text_1 {
    visibility: hidden;
    text-align: center;
    font-weight: bold;
    padding: 5px 0;
}

.what_dose_delan_pro .selected-col .card .card_text_1 {
    visibility: visible;
}

.what_dose_delan_pro .card .card_text_2 {
    background: #eee;
    text-align: center;
}

.what_dose_delan_pro .selected-col .card .card_text_2 {
    background: #004a96;
    color: white;
}

.what_dose_delan_pro .card .card_text_2 p {
    padding: 15px 0;
}

.what_dose_delan_pro .card .card_text_2 p span {
    font-weight: bold;
}

.delan_pro_efficiency img {
    width: 100%;
    margin-bottom: 100px;
}

.calculator input[type="range"] {
    -webkit-appearance: none;
    margin: 10px 0;
    width: 100%;
    /* background-color: #e7e7e8; */
    border: 0px;
}

.calculator input[type="range"]:focus {
    outline: none;
}

.calculator input[type="range"]::-webkit-slider-runnable-track {
    width: 100%;
    height: 10px;
    cursor: pointer;
    animate: 0.2s;
    box-shadow:
        0px 0px 0px #000000,
        0px 0px 0px #0d0d0d;
    background: transparent;
    border-radius: 25px;
    border: 0px solid #000101;
}

.calculator input[type="range"]::-webkit-slider-thumb {
    box-shadow:
        0px 0px 0px #000000,
        0px 0px 0px #0d0d0d;
    border: 0px solid #000000;
    height: 14px;
    width: 14px;
    border-radius: 7px;
    background: #004a96;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -3.6px;
}

.calculator input[type="range"]:focus::-webkit-slider-runnable-track {
    background: transparent;
}

.calculator input[type="range"]::-moz-range-track {
    width: 100%;
    height: 10px;
    cursor: pointer;
    animate: 0.2s;
    box-shadow:
        0px 0px 0px #000000,
        0px 0px 0px #0d0d0d;
    background: #004a96;
    border-radius: 25px;
    border: 0px solid #000101;
}

.calculator input[type="range"]::-moz-range-thumb {
    box-shadow:
        0px 0px 0px #000000,
        0px 0px 0px #0d0d0d;
    border: 0px solid #000000;
    height: 14px;
    width: 14px;
    border-radius: 7px;
    background: #333333;
    cursor: pointer;
}

.calculator input[type="range"]::-ms-track {
    width: 100%;
    height: 10px;
    cursor: pointer;
    animate: 0.2s;
    background: transparent;
    border-color: transparent;
    border-width: 39px 0;
    color: transparent;
}

.calculator input[type="range"]::-ms-fill-lower {
    background: #004a96;
    border: 0px solid #000101;
    border-radius: 50px;
    box-shadow:
        0px 0px 0px #000000,
        0px 0px 0px #0d0d0d;
}

.calculator input[type="range"]::-ms-fill-upper {
    background: #004a96;
    border: 0px solid #000101;
    border-radius: 50px;
    box-shadow:
        0px 0px 0px #000000,
        0px 0px 0px #0d0d0d;
}

.calculator input[type="range"]::-ms-thumb {
    box-shadow:
        0px 0px 0px #000000,
        0px 0px 0px #0d0d0d;
    border: 0px solid #000000;
    height: 14px;
    width: 14px;
    border-radius: 7px;
    background: #333333;
    cursor: pointer;
}

.calculator input[type="range"]:focus::-ms-fill-lower {
    background: #004a96;
}

.calculator input[type="range"]:focus::-ms-fill-upper {
    background: #004a96;
}

.lff-calculator {
    padding-bottom: 120px;
}

.lff-calculator input {
    padding: 0;
    height: 7px;
    max-width: 100%;
    position: relative;
    background-image: url("/images/lff_input_bg.png");
    background-repeat: repeat-x;
    background-position: 0px 0px;
    background-size: 10%;
}

.lff-calculator input#row-grape {
    background-position: 8px 0px;
    background-size: 5.4% 100%;
}

.lff-calculator .input-signal-wrapper {
    position: relative;
}

.lff-calculator #row-signal,
.lff-calculator #column-signal {
    z-index: 100;
    position: absolute;
    top: 12px;
    height: 2px;
    width: 50%;
    background: #004a96;
}

.lff-calculator .col-input {
    min-height: 250px;
    padding: 30px 40px 30px 0;
}

.lff-calculator #sortavolsag,
.lff-calculator #lombfal,
.lff-calculator #sortavolsag-apple,
.lff-calculator #lombfal-apple,
.lff-calculator #sortavolsag-grape,
.lff-calculator #lombfal-grape,
.lff-calculator #sortavolsag-cherry,
.lff-calculator #lombfal-cherry {
    font-size: 38px;
    color: #004a96;
    margin-left: 6px;
}

.lff-calculator #sortavolsag:after,
.lff-calculator #lombfal:after {
    content: "m";
    font-size: 18px;
    color: #004a96;
    margin-left: 6px;
}

.lff-calculator .col-result {
    background: #f0f0f0;
    min-height: 250px;
    padding: 30px 40px;
}

.lff-calculator .col-result p.result-note {
    position: absolute;
    bottom: 30px;
    font-size: 14px;
}

.lff-calculator .col-result p.p-result {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
}

.lff-calculator .lff-row {
    font-size: 16px;
    padding: 20px;
}

.lff-calculator #result-number,
.lff-calculator #result-number-apple,
.lff-calculator #result-number-grape,
.lff-calculator #result-number-cherry {
    font-size: 50px;
    font-weight: bold;
    color: #004a96;
}

.lff-calculator #result-number:after,
.lff-calculator #result-number-apple:after,
.lff-calculator #result-number-grape:after,
.lff-calculator #result-number-cherry:after {
    content: "l/ha";
    font-size: 18px;
    margin-left: 6px;
}

/* LANDING PAGE */

section[hero] {
    height: 60vh;
    width: 100%;
    background-repeat: no-repeat;
    position: relative;
    transition: filter 0.1s;
    padding-top: 1px;
    background-image: url(../images/landing/landing_hero.jpg);
    background-size: cover;
    background-position: center;
}
section[hero]:before {
    position: absolute;
    width: 100%;
    height: 100%;
    content: " ";
    background-color: rgba(0, 0, 0, 0.2);
    top: 0;
    z-index: 1;
}
section[hero] h1,
section[hero] p,
section[hero] a {
    z-index: 99;
    position: relative;
}
section[hero] h1 {
    font-size: 40px;
    font-weight: 300;
    color: #fff;
    letter-spacing: 2px;
    max-width: 50%;
    margin-top: 17vh;
    margin-bottom: 40px;
}
section[hero] a,
[_section].reg-cta a {
    background-image: linear-gradient(to right, #64ac1e, #55a527, #469f2e, #369833, #259138);
    color: #fff !important;
    padding: 12px 30px 11px 12px;
    border-radius: 30px;
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
}
.show-more {
    width: 90px;
    height: 90px;
    position: absolute;
    bottom: 37px;
    left: calc(50% - 45px);
    background-image: url(../images/landing/icon-more.svg);
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    z-index: 99;
    transition: all 0.4s;
}
.show-more:hover {
    bottom: 30px;
}

[_header] .top-content {
    background-image: linear-gradient(to right, #64ac1e, #55a527, #469f2e, #369833, #259138);
    height: 100px;
}
.has-flekk {
    background-color: rgba(240, 240, 240, 0.5);
}
[_section] .topTextBox {
    padding-bottom: 30px;
}

[_img] div {
    padding: 25px;
    border-radius: 200px;
    background-image: linear-gradient(to right, #2aa4d4, #00adc7, #00b2a1, #00b268, #65ac1e);
    width: 290px;
    height: 290px;
    margin: auto;
    margin-left: 0px;
    position: relative;
}
.right [_img] div {
    background-image: linear-gradient(to right, #004a96, #007a6d, #006f8e, #00609e, #004a95);
    margin: auto;
    margin-right: 0px;
}
[_img] > div::before {
    position: absolute;
    top: 2px;
    left: 2px;
    content: "";
    background: #fff;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    border-radius: 200px;
}
[_img] > span {
    position: absolute;
    top: calc(50% - 2px);
    left: 310px;
    content: "";
    border-top: 2px dashed #65ac1e;
    width: calc(100% - 310px);
    height: 2px;
    border-radius: 200px;
    transition: all 1s;
}
[_img] > span {
    width: calc(78% - 310px);
}
[_img].anim > span {
    width: calc(100% - 310px);
}

.right [_img] > span {
    left: unset;
    right: 310px;
}
[_img] > span:before,
[_img] > span:after {
    width: 15px;
    height: 15px;
    top: -8px;
    content: "";
    border-radius: 30px;
    position: absolute;
}
[_img] > span:before {
    background-color: #65ac1e;
    left: -13px;
}
[_img] > span:after {
    border: 2px solid #004a96;
    background-color: #fff;
    right: -0px;
}

.right [_img] > span:before {
    background-color: #004a96;
    right: -13px;
    left: unset;
}
.right [_img] > span:after {
    border: 2px solid #65ac1e;
    background-color: #fff;
    right: unset;
    left: -0px;
}
[_img] div div {
    width: 240px;
    height: 240px;
    border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    box-shadow: 0 0 20px 0 #e8e8e8;
    position: relative;
}

[_img] div div {
    background-size: 150%;
    transition: all 1s;
}
[_img].anim div div {
    background-size: 100%;
}

[_section].textWrapper {
    padding-top: 80px;
}
[_section] h4 {
    font-size: 21px;
}
[_section] h3 {
    font-size: 24px;
    margin-bottom: 25px;
}
[_section] [_text] h3 {
    color: #004a96;
}
[_section] p {
    font-size: 16px;
}
[_text] {
    padding-top: 70px;
}

[_section] h3 {
    font-size: 24px;
    margin-bottom: 20px;
}
.tool {
    width: 160px;
    height: 160px;
    border-radius: 200px;
    border: 1px dashed rgba(0, 0, 0, 0.2);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 10px;
    margin: auto;
    margin-bottom: 40px;
    transition: all 0.5s;
}
.tool.anim {
    background-size: auto 50px;
}
.tool.btm {
    margin-right: 30px;
    float: left;
}
.img-shadow {
    width: 180px;
    height: 180px;
    border-radius: 200px;
    background-repeat: no-repeat;
    background-position: center center;
    margin: auto;
    margin-bottom: 40px;
    margin-right: 30px;
    float: left;
    position: relative;
    background-image: url(../images/landing/Oval_termekajanlasok.png);
    background-size: 100%;
}
.img-shadow div {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
    margin: 25px;
    box-shadow: 0 0 20px 0 #e8e8e8;
    position: relative;
}
.img-shadow {
    background-size: 60%;
    transition: all 1s;
}
.img-shadow.anim {
    background-size: 100%;
}
[_section].reg-cta {
    background: linear-gradient(315deg, #f0f0f0 0%, #f7f7f7 100%);
    box-shadow: 0 2px 40px 0 #cccccc;
    padding: 30px !important;
}
[_section].reg-cta h3 {
    color: #004a96;
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 0px;
}
[_section].reg-cta a {
    margin-top: 30px;
    display: inline-block;
}
.infographic {
    background-image: url(../images/landing/logo-defenso-standalone.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 30%;
}
.infographic img {
    max-width: 950px;
    transform: rotate3d(1, 1, 1, -45deg);
    transition: all 0.5s;
}
.infographic.anim img {
    transform: rotate3d(0, 0, 0, 0deg);
}
[_img],
.img-shadow,
.tool,
.infographic {
    opacity: 1 !important;
}

.p-20 p {
    font-size: 20px;
}

.coupon-content {
    margin-bottom: 60px;
}

.coupon-content .finalText {
    margin-bottom: 60px;
}

.coupon-block select {
    border-radius: 24px;
    height: 48px;
    font-weight: 600;
    margin-bottom: 0;
}

.coupon-label {
    font-weight: 400;
    margin-left: 20px;
    font-size: 14px;
}

.package-holder {
    overflow: hidden;
    border: 1px solid #ebebeb;
    border-radius: 24px;
    display: flex;
    justify-content: end;
    max-width: 200px;
}

.package-holder .input-holder {
    float: left;
    display: block;
    width: 50%;
    position: relative;
    font-size: 16px;
}

.package-holder input {
    width: 50%;
    padding: 0;
    margin: 0;
    border: 0;
    font-size: 16px;
    text-align: right;
    color: #979797;
    line-height: 48px;
    position: relative;
    background-color: transparent;
    left: 10px;
}

.package-holder .input-holder:before {
    content: "db";
    color: #979797;
    position: absolute;
    right: 10px;
    top: 14px;
}

.package-holder label {
    float: right;
    background-color: #004a96;
    width: 50%;
    max-width: 90px;
    height: 46px;
    margin: 0;
    color: #fff;
    text-align: center;
    font-size: 16px;
    line-height: 48px;
}

.coupon-info {
    display: none;
    width: 100%;
    padding: 12px 0;
    background-color: #f2f2f2;
    margin-top: 20px;
    text-align: center;
}

.coupon-info h3 {
    font-size: 16px;
    color: #004a96;
}

.coupon-info hr {
    width: 56px;
    margin: 5px auto;
}

.coupon-info span {
    font-size: 14px;
}

#coupon-btn {
    display: inline-block;
    padding: 10px 30px;
    background-color: #004a96;
    color: #fff;
    border-radius: 24px;
}

#coupon-btn.disabled {
    background-color: #818181;
}

#product-description {
    margin-top: 50px;
}

.descbox {
    background-color: #f2f2f2;
    height: 100%;
    text-align: center;
    padding: 40px;
}

.descbox h2 {
    font-size: 24px;
    color: #004a96;
}

.descbox h3 {
    font-size: 24px;
    margin-bottom: 20px;
}

.descbox hr {
    width: 110px;
    border-top: 1px solid #004a96;
}

#login-alert {
    background-color: #f2f2f2;
    padding: 30px 38px;
    text-align: left;
    margin-bottom: 30px;
}

#login-alert,
#login-alert a {
    font-weight: bold;
    font-size: 20px;
}

@media screen and (max-width: 990px) {
    #coupon-generator {
        margin: 0 10px;
        width: 95%;
        box-sizing: border-box;
    }

    #login-alert,
    #login-alert a {
        font-weight: bold;
        font-size: 18px;
        line-height: 22px;
    }

    .coupon-content .finalText {
        margin-bottom: 30px;
    }

    .p-20 p {
        font-size: 14px;
    }
    .descbox {
        margin: 10px;
        height: auto;
    }

    .package-holder {
        max-width: 100%;
    }

    .package-holder .input-holder {
        width: 70%;
    }

    .package-holder input {
        width: 80%;
    }

    .package-holder .input-holder:before {
        top: 15px;
    }
}
@media (max-width: 992px) {
    section[hero] h1 {
        font-size: 28px;
        max-width: 100%;
        margin-top: 28vh;
        margin-bottom: 20px;
    }
    [_section] h3 {
        font-size: 20px;
    }
    [_section] h3 br {
        display: none;
    }
    section[hero] {
        height: 75vh;
    }
    .tool {
        width: 130px;
        height: 130px;
        margin-bottom: 30px;
        margin-top: 50px;
    }
    .img-shadow {
        float: none;
        margin: auto;
        padding-top: 0.1px;
        margin-top: 40px;
    }
    .col-md-6 h3,
    .col-md-6 p {
        text-align: center;
    }

    .reg-cta .col-md-6 h3,
    .reg-cta .col-md-6 p,
    .reg-cta .text-right {
        text-align: left !important;
    }
    [_section].reg-cta {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}

@media (max-width: 767px) and (min-width: 0px) {
    [_section] h4 {
        font-size: 16px;
    }
    .left [_img] > span,
    .right [_img] > span {
        bottom: -38px;
        top: auto;
        left: calc(50% - 35px);
        height: 2px;
        transform: rotate(90deg);
        width: 70px;
    }
    .right [_img] > span {
        transform: rotate(270deg);
    }
    [_img] div,
    .right [_img] div {
        margin-left: auto;
        margin-right: auto;
    }
    [_text] {
        text-align: center;
    }
    [_section] [_text] h3 {
        margin-top: 20px;
    }

    .right .col-md-6:nth-child(1) {
        display: none;
    }
    .right .col-md-6.d-none {
        display: block !important;
    }
}
@media (min-width: 768px) and (max-width: 990px) {
    .container {
        max-width: 90vw;
    }
}
@media (max-width: 360px) {
    section[hero] h1 {
        margin-top: 10vh;
    }
}

#search-taglist {
    display: flex;
    gap: 10px;
    margin-bottom: 30px;
}

#search-taglist .search-tag-element {
    display: inline-block;
    background-color: #004a96;
    border-radius: 10px;
    color: #fff;
    font-size: 10px;
    padding: 5px 2px 5px 8px;
    text-transform: uppercase;
}

.search-tag-element a {
    color: #fff;
    display: inline-block;
    margin: 0 6px;
    font-size: 10px;
}

.search-filter {
    border: 1px solid #f2f2f2;
    border-radius: 24px;
    padding: 10px 30px;
    margin-bottom: 20px;
}

.search-filter.closed .form-group {
    display: none;
}
.search-filter .form-group label {
    display: flex;
    align-items: center;
}
.filter-title {
    font-size: 16px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.search-filter .form-group {
    margin-top: 20px;
}

.filter-title:after {
    content: "-";
    font-size: 30px;
    line-height: 20px;
    font-weight: 500;
}

#shop-search {
    background-color: #f2f2f2;
    border-radius: 24px;
    border: 0;
    font-size: 16px;
    padding-left: 20px;
}

.field-shop-search:after {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 35px;
    top: 15px;
    background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.9062 14.6562C15.9688 14.7188 16 14.8125 16 14.9062C16 15.0312 15.9688 15.125 15.9062 15.1875L15.1875 15.875C15.0938 15.9688 15 16 14.9062 16C14.7812 16 14.7188 15.9688 14.6562 15.875L10.8438 12.0938C10.7812 12.0312 10.75 11.9375 10.75 11.8438V11.4062C10.1562 11.9062 9.5 12.3125 8.78125 12.5938C8.03125 12.875 7.28125 13 6.5 13C5.3125 13 4.21875 12.7188 3.21875 12.125C2.21875 11.5625 1.4375 10.7812 0.875 9.78125C0.28125 8.78125 0 7.6875 0 6.5C0 5.3125 0.28125 4.25 0.875 3.25C1.4375 2.25 2.21875 1.46875 3.21875 0.875C4.21875 0.3125 5.3125 0 6.5 0C7.6875 0 8.75 0.3125 9.75 0.875C10.75 1.46875 11.5312 2.25 12.125 3.25C12.6875 4.25 13 5.3125 13 6.5C13 7.3125 12.8438 8.0625 12.5625 8.78125C12.2812 9.53125 11.9062 10.1875 11.4062 10.75H11.8438C11.9375 10.75 12.0312 10.7812 12.0938 10.8438L15.9062 14.6562ZM6.5 11.5C7.375 11.5 8.21875 11.2812 9 10.8438C9.75 10.4062 10.375 9.78125 10.8125 9C11.25 8.25 11.5 7.40625 11.5 6.5C11.5 5.625 11.25 4.78125 10.8125 4C10.375 3.25 9.75 2.625 9 2.1875C8.21875 1.75 7.375 1.5 6.5 1.5C5.59375 1.5 4.75 1.75 4 2.1875C3.21875 2.625 2.59375 3.25 2.15625 4C1.71875 4.78125 1.5 5.625 1.5 6.5C1.5 7.40625 1.71875 8.25 2.15625 9C2.59375 9.78125 3.21875 10.4062 4 10.8438C4.75 11.2812 5.59375 11.5 6.5 11.5Z" fill="black"/></svg>');
}

#search-list-title {
    display: flex;
    justify-content: space-between;
    font-size: 16px;
    align-items: center;
    margin-bottom: 16px;
}

#search-list-title h3 {
    margin: 0;
}

#search-result .search-item-list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 50px;
}

#search-result .search-item-list > div {
    flex: 1 0 25%; /* explanation below */
    max-width: 255px;

    padding: 0px;
}

.search-item-icons {
    display: flex;
    float: left;
    justify-content: center;
    border-right: 1px solid #d8d8d8;
}

.product-type-icon {
    display: block;
    background-repeat: no-repeat;
    padding-right: 5px;
    margin-right: 5px;

    box-sizing: content-box;
}

.type-2 {
    width: 17px;
    height: 18px;
    background-image: url('data:image/svg+xml,<svg width="17" height="18" viewBox="0 0 17 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.0173667 10.3644C0.193691 12.945 1.90404 16.1022 4.81339 17.1113C5.55396 17.3708 6.20636 17.4717 6.77059 17.4717C7.51116 17.4717 8.09303 17.2843 8.49857 17.0392C9.2215 17.4573 10.4381 17.7168 12.1838 17.0969C15.0931 16.0733 16.8035 12.9306 16.9798 10.35C17.209 7.22167 15.4458 5.79445 13.9117 5.14571C12.4306 4.51139 10.1913 4.85738 8.99228 5.10246V5.08805C8.99228 5.07363 8.99228 5.05921 8.99228 5.04479C8.99228 5.03038 8.99228 5.01596 8.99228 4.98713C9.02755 4.33839 9.36256 3.43016 10.9495 3.06975C11.355 2.98325 11.6019 2.63726 11.4961 2.29126C11.3903 1.94527 10.9495 1.75786 10.5439 1.84436C9.48599 2.07502 8.76306 2.4931 8.28699 2.96884C7.86381 2.33451 7.24667 1.77227 6.48847 1.3542C5.09551 0.575714 3.36753 0.330639 1.72772 0.691049C1.67482 0.705465 1.63955 0.71988 1.60429 0.734296C1.56902 0.748713 1.51613 0.777544 1.48086 0.791961C1.4456 0.820794 1.41033 0.83521 1.37507 0.864043C1.37507 0.864043 1.37507 0.864044 1.35743 0.87846C1.32217 0.907293 1.30454 0.936126 1.2869 0.964959L1.26927 0.979376C1.25164 1.00821 1.23401 1.03704 1.21638 1.06587C1.21638 1.08029 1.19874 1.08029 1.19874 1.09471C1.18111 1.12354 1.18111 1.15237 1.16348 1.19562C1.16348 1.21004 1.16348 1.21004 1.16348 1.22445C1.16348 1.2677 1.16348 1.29654 1.16348 1.33979V1.3542V1.36862C1.25164 2.82467 2.13326 4.13656 3.57912 4.97271C3.4028 5.01596 3.22647 5.07363 3.05015 5.14571C1.56902 5.80886 -0.194223 7.23608 0.0173667 10.3644ZM2.82093 1.84436C3.80835 1.75786 4.81339 1.95969 5.65975 2.43543C6.40031 2.8535 6.94692 3.44458 7.24667 4.10773L5.34237 2.98325C5.13078 2.86792 4.84866 2.89676 4.68996 3.06975C4.5489 3.24275 4.58417 3.47341 4.79576 3.60316L6.47084 4.58347C5.80081 4.51139 5.14841 4.32398 4.58417 4.00682C3.64965 3.48783 3.03252 2.72376 2.82093 1.84436ZM3.79071 6.2846C4.97209 5.78003 7.42299 6.27019 8.25172 6.50085C8.41041 6.5441 8.58673 6.5441 8.74543 6.50085C9.52125 6.2846 12.0251 5.78003 13.2064 6.2846C14.8286 6.97659 15.5868 8.33173 15.4458 10.2924C15.2871 12.4404 13.8765 15.1507 11.5842 15.958C9.83864 16.5779 9.2744 15.958 9.18624 15.8427C9.06281 15.6264 8.81596 15.4967 8.5162 15.4823C8.21645 15.4823 7.95197 15.6264 7.81091 15.8427C7.81091 15.8571 7.28193 16.5923 5.43053 15.9436C3.12068 15.1363 1.71008 12.426 1.56902 10.2779C1.42797 8.33173 2.16853 6.97659 3.79071 6.2846Z" fill="%23979797"/></svg>');
}

.type-1 {
    width: 16px;
    height: 20px;
    background-image: url('data:image/svg+xml,<svg width="16" height="20" viewBox="0 0 16 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.35555 6.56396C3.93786 6.05023 3.30461 5.70775 2.57702 5.66823C1.22965 5.60237 0.0843787 6.60348 0.00353635 7.92074C-0.0638323 9.15896 0.838906 10.2259 2.06502 10.4104C1.94375 10.6738 1.87639 10.9504 1.84944 11.2534C1.78207 12.4521 2.64439 13.5059 3.83008 13.7298C3.76271 13.9274 3.72229 14.1382 3.70881 14.349C3.64144 15.5608 4.51723 16.6015 5.70292 16.8254C5.62208 17.0362 5.58166 17.2601 5.56819 17.484C5.52776 18.1163 5.75682 18.7354 6.18798 19.2096C6.61914 19.6839 7.22546 19.9605 7.8722 20C7.91262 20 7.96651 20 8.00694 20C8.61325 20 9.17915 19.7892 9.63725 19.3941C10.1223 18.9725 10.4053 18.3798 10.4457 17.7475C10.4592 17.4313 10.4187 17.1152 10.3109 16.8254C10.7421 16.7464 11.1463 16.5488 11.4832 16.259C11.9682 15.8375 12.2512 15.2447 12.2916 14.6124C12.3051 14.3094 12.2646 14.0065 12.1703 13.7298C13.2482 13.5323 14.0836 12.6365 14.151 11.5169C14.1779 11.1217 14.0971 10.7528 13.9354 10.4104C15.0537 10.2391 15.9295 9.3302 15.9969 8.18419C16.0642 6.86693 15.0402 5.74727 13.6929 5.66823C12.8844 5.62871 12.1434 5.98437 11.6583 6.55079C11.2406 6.10292 10.6478 5.79995 9.98758 5.77361C9.4621 5.74726 8.96357 5.87899 8.53241 6.15561C8.46504 4.46952 8.6402 2.28287 9.4082 1.61107C9.6103 1.43983 9.83936 1.38714 10.1493 1.43983C10.4726 1.50569 10.7825 1.3081 10.8499 0.991962C10.9173 0.67582 10.7152 0.372849 10.3918 0.306986C9.7181 0.175261 9.11178 0.320157 8.62672 0.74168C8.3303 1.00513 8.10125 1.36079 7.91262 1.78232C7.62967 1.36079 7.25241 0.991961 6.82125 0.702164C5.83767 0.0435348 4.61156 -0.167225 3.45282 0.135744C3.42587 0.148917 3.38545 0.162088 3.3585 0.175261C3.3585 0.175261 3.35849 0.175261 3.34502 0.175261C3.31807 0.188433 3.27766 0.214778 3.25071 0.22795C3.25071 0.22795 3.25071 0.22795 3.23723 0.22795C3.21028 0.241123 3.18334 0.267468 3.16986 0.293813C3.16986 0.293813 3.15639 0.293814 3.15639 0.306986C3.12945 0.333332 3.11597 0.346504 3.10249 0.372849L3.08902 0.386023C3.07555 0.412368 3.06208 0.438714 3.0486 0.465059C3.0486 0.478232 3.03513 0.478229 3.03513 0.491402C3.02165 0.517747 3.02165 0.544093 3.00818 0.570438C3.00818 0.583611 3.00818 0.583612 3.00818 0.596785C3.00818 0.62313 3.00818 0.662645 3.00818 0.688991V0.702164C3.00818 0.702164 3.00818 0.702165 3.00818 0.715337C3.07555 1.97991 3.72229 3.11275 4.78671 3.82407C5.47387 4.28511 6.2823 4.52221 7.10419 4.52221C7.19851 4.52221 7.27935 4.52221 7.37367 4.50904C7.33325 5.08863 7.34672 5.62871 7.3602 6.07658C7.03683 5.89216 6.67303 5.78678 6.29577 5.77361C5.52777 5.74726 4.8406 6.05023 4.35555 6.56396ZM5.9724 2.04577C5.81071 1.94039 5.59514 1.96673 5.47388 2.1248C5.36609 2.28287 5.39303 2.49364 5.55472 2.61219L6.59219 3.34985C6.18798 3.28399 5.79724 3.12592 5.44693 2.88881C4.82714 2.48046 4.40945 1.86135 4.24776 1.1632C4.90797 1.11051 5.58167 1.28176 6.14756 1.65059C6.61914 1.96673 6.98293 2.4146 7.19851 2.91516L5.9724 2.04577ZM2.37492 9.27752C1.67428 9.238 1.1488 8.65841 1.18922 7.97343C1.2027 7.64412 1.35091 7.34115 1.60691 7.11721C1.83597 6.90645 2.13239 6.80107 2.44229 6.80107C2.46923 6.80107 2.48271 6.80107 2.50966 6.80107C2.8465 6.81424 3.15639 6.95914 3.38545 7.20942C3.6145 7.4597 3.72229 7.77584 3.70881 8.10516C3.66839 8.79013 3.07555 9.31704 2.37492 9.27752ZM4.23429 12.6102C3.53366 12.5707 3.00818 11.9911 3.0486 11.3061C3.08903 10.6475 3.64144 10.1337 4.31513 10.1337C4.34208 10.1337 4.35555 10.1337 4.3825 10.1337C4.71934 10.1469 5.02924 10.2918 5.25829 10.5421C5.48734 10.7924 5.59514 11.1085 5.58166 11.4378C5.56819 11.7803 5.4065 12.0833 5.16397 12.294C5.01576 12.3599 4.86756 12.4389 4.73282 12.5311C4.57114 12.597 4.40945 12.6234 4.23429 12.6102ZM6.09366 15.7057C5.75682 15.6926 5.44693 15.5477 5.21787 15.2974C4.98882 15.0471 4.88103 14.731 4.8945 14.4017C4.90797 14.0723 5.05619 13.7694 5.31219 13.5454L5.32566 13.5323C5.47387 13.4664 5.60861 13.3874 5.72987 13.2952C5.86461 13.2425 6.01283 13.2293 6.14756 13.2293C6.17451 13.2293 6.18798 13.2293 6.21493 13.2293C6.33619 13.2293 6.45746 13.2556 6.56525 13.2952C6.69998 13.3874 6.83472 13.4664 6.98293 13.5323C7.02335 13.5586 7.06378 13.5981 7.09072 13.6376C7.31978 13.8879 7.42756 14.2041 7.41409 14.5334C7.40061 14.8627 7.25241 15.1657 6.99641 15.3896C6.75388 15.6135 6.43051 15.7189 6.09366 15.7057ZM9.27346 17.6816C9.25999 18.0109 9.11178 18.3139 8.85578 18.5378C8.59978 18.7618 8.27641 18.8672 7.93957 18.854C7.60272 18.8408 7.29283 18.6959 7.06377 18.4456C6.83472 18.1954 6.72693 17.8792 6.7404 17.5499C6.75388 17.2206 6.90209 16.9176 7.15809 16.6937C7.38715 16.4829 7.68356 16.3775 7.99346 16.3775C8.0204 16.3775 8.03388 16.3775 8.06083 16.3775C8.39767 16.3907 8.70757 16.5356 8.93662 16.7859C9.17915 17.0362 9.28694 17.3523 9.27346 17.6816ZM11.1194 14.5334C11.1059 14.8627 10.9577 15.1657 10.7017 15.3896C10.4457 15.6135 10.1223 15.7189 9.78547 15.7057C9.44863 15.6926 9.13873 15.5477 8.90968 15.2974C8.68062 15.0471 8.57283 14.731 8.5863 14.4017C8.59978 14.0723 8.74799 13.7694 9.00399 13.5454L9.01747 13.5323C9.16568 13.4664 9.30041 13.3874 9.42168 13.2952C9.55641 13.2425 9.70462 13.2293 9.83936 13.2293C9.86631 13.2293 9.87978 13.2293 9.90673 13.2293C10.028 13.2293 10.1493 13.2556 10.2571 13.2952C10.3918 13.3874 10.5265 13.4664 10.6747 13.5323C10.7152 13.5586 10.7556 13.5981 10.7825 13.6376C11.025 13.8879 11.1463 14.2041 11.1194 14.5334ZM12.3051 7.97343C12.3455 7.3148 12.8979 6.80107 13.5716 6.80107C13.5985 6.80107 13.612 6.80107 13.639 6.80107C13.9758 6.81424 14.2857 6.95914 14.5147 7.20942C14.7438 7.4597 14.8516 7.77584 14.8381 8.10516C14.8246 8.43447 14.6764 8.73744 14.4204 8.96138C14.1644 9.18531 13.8411 9.29069 13.5042 9.27752C12.8036 9.238 12.2646 8.65841 12.3051 7.97343ZM11.7122 10.1469C11.7392 10.1469 11.7526 10.1469 11.7796 10.1469C12.4802 10.1864 13.0057 10.766 12.9653 11.451C12.9248 12.136 12.332 12.6497 11.6314 12.6102C11.5101 12.597 11.3888 12.5838 11.2811 12.5443C11.1598 12.4521 11.0116 12.3731 10.8768 12.3072C10.5939 12.0701 10.4187 11.7013 10.4457 11.3061C10.4861 10.6475 11.052 10.1469 11.7122 10.1469ZM8.59978 8.07881C8.61325 7.7495 8.76147 7.44653 9.01747 7.22259C9.24652 7.01183 9.54294 6.90645 9.85284 6.90645C9.87979 6.90645 9.89326 6.90645 9.92021 6.90645C10.2571 6.91962 10.5669 7.06452 10.796 7.3148C11.0251 7.56508 11.1328 7.88122 11.1194 8.21054C11.1059 8.53985 10.9577 8.84282 10.7017 9.06676C10.4457 9.29069 10.1223 9.39607 9.78547 9.3829C9.44863 9.36972 9.13873 9.22482 8.90968 8.97455C8.6941 8.72427 8.5863 8.40813 8.59978 8.07881ZM8.00694 10.1469C8.03388 10.1469 8.04736 10.1469 8.0743 10.1469C8.41115 10.1601 8.72104 10.305 8.9501 10.5553C9.17915 10.8055 9.28694 11.1217 9.27346 11.451C9.25999 11.7803 9.11178 12.0833 8.85578 12.3072C8.70757 12.3731 8.55936 12.4521 8.42462 12.5575C8.27641 12.6102 8.11473 12.6365 7.93957 12.6234C7.8183 12.6234 7.69704 12.597 7.58925 12.5575C7.45451 12.4653 7.31977 12.3862 7.17156 12.3204C6.88861 12.0833 6.72693 11.7144 6.7404 11.3324C6.75388 11.0031 6.90209 10.7002 7.15809 10.4762C7.40062 10.2523 7.69704 10.1469 8.00694 10.1469ZM7.09072 7.35432C7.31978 7.6046 7.42756 7.92074 7.41409 8.25005C7.40061 8.57937 7.25241 8.88234 6.99641 9.10627C6.74041 9.33021 6.41704 9.43559 6.08019 9.42242C5.74335 9.40924 5.43345 9.26435 5.2044 9.01407C4.97535 8.76379 4.86755 8.44764 4.88103 8.11833C4.8945 7.78901 5.04271 7.48604 5.29871 7.26211C5.52776 7.05135 5.82419 6.94597 6.13408 6.94597C6.16103 6.94597 6.17451 6.94597 6.20145 6.94597C6.56524 6.95914 6.87514 7.10404 7.09072 7.35432Z" fill="%23979797"/></svg>');
}

.type-3 {
    width: 20px;
    height: 20px;
    background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.0713 10.7143C15.7428 10.7188 15.4162 10.7644 15.099 10.8501C13.8139 10.0068 12.7479 8.87004 11.989 7.53352C11.23 6.197 10.7999 4.6991 10.7341 3.16353C11.3619 2.49518 12.027 1.86286 12.7263 1.26961C12.7992 1.21058 12.8598 1.13775 12.9045 1.05531C12.9493 0.972862 12.9774 0.882405 12.9872 0.789103C12.997 0.695801 12.9883 0.60148 12.9617 0.511525C12.9351 0.421571 12.891 0.337745 12.8319 0.264834C12.7729 0.191923 12.7001 0.131354 12.6176 0.0865853C12.5352 0.041817 12.4447 0.013726 12.3514 0.00391623C12.2581 -0.00589355 12.1638 0.00276999 12.0738 0.0294122C11.9839 0.0560545 11.9001 0.100154 11.8271 0.159192C11.1426 0.733586 10.4894 1.34439 9.87051 1.98897C9.54766 1.07219 8.36959 0.286477 6.77053 0.0273354C5.47024 -0.0752415 4.17947 0.319389 3.15884 1.13154C3.02214 1.2422 2.93107 1.3994 2.90307 1.57303C2.87508 1.74667 2.91213 1.92452 3.00712 2.07254C3.72032 3.16425 4.82055 3.94533 6.08639 4.2586C6.41502 4.31231 6.7474 4.33983 7.08039 4.34088C7.34748 4.33948 7.61404 4.31679 7.87752 4.27302C6.32401 6.18805 5.16765 8.39342 4.47597 10.7603C4.29479 10.7323 4.11187 10.717 3.92855 10.7143C2.88701 10.7156 1.8885 11.1299 1.15202 11.8664C0.415548 12.6028 0.00124759 13.6014 0 14.6429C0 16.75 1.68699 20 3.92855 20C4.29148 19.996 4.6521 19.9415 4.99997 19.8379C5.34786 19.9414 5.70846 19.996 6.07139 20C8.31295 20 9.99994 16.75 9.99994 14.6429C9.99869 13.6014 9.58439 12.6028 8.84792 11.8664C8.11144 11.1299 7.11292 10.7156 6.07139 10.7143C6.03353 10.7143 5.99682 10.7227 5.95911 10.7238C6.72275 8.46768 7.91774 6.38159 9.47759 4.58159C9.86643 6.98901 11.0355 9.20199 12.8049 10.8801C11.9951 11.1228 11.2851 11.6198 10.7799 12.2975C10.2747 12.9752 10.0012 13.7976 9.99994 14.6429C9.99994 16.75 11.6869 20 13.9285 20C14.2914 19.996 14.652 19.9415 14.9999 19.8379C15.3478 19.9414 15.7084 19.996 16.0713 20C18.3129 20 19.9999 16.75 19.9999 14.6429C19.9986 13.6014 19.5843 12.6028 18.8479 11.8664C18.1114 11.1299 17.1129 10.7156 16.0713 10.7143ZM6.31482 2.84818C5.67349 2.70103 5.09525 2.35453 4.66304 1.8584C5.22967 1.52416 5.8872 1.37698 6.54225 1.43776C7.90767 1.65918 8.57245 2.30968 8.54381 2.48546C8.51516 2.66125 7.67745 3.07003 6.31482 2.84818ZM8.57138 14.6429C8.57138 16.2298 7.25446 18.5714 6.07139 18.5714C5.78724 18.5717 5.50513 18.5235 5.23711 18.4292C5.20495 18.4221 5.17231 18.4175 5.13947 18.4152C5.04362 18.3881 4.94203 18.3889 4.84661 18.4175C4.8178 18.4198 4.78917 18.4239 4.7609 18.4299C4.49357 18.5242 4.21205 18.5721 3.92855 18.5714C2.74555 18.5714 1.42856 16.2298 1.42856 14.6429C1.429 14.2431 1.52519 13.8493 1.70908 13.4944C1.89296 13.1394 2.15921 12.8337 2.48551 12.6027C2.81182 12.3718 3.18869 12.2224 3.58459 12.167C3.98049 12.1117 4.3839 12.1519 4.76104 12.2845C4.77747 12.2902 4.79397 12.2868 4.81047 12.2916C4.82697 12.2964 4.84004 12.3078 4.85733 12.3113C4.88139 12.3151 4.90564 12.3174 4.92997 12.3185C4.94368 12.3198 4.95647 12.3219 4.97033 12.3224C4.97983 12.3224 4.98954 12.3253 4.9989 12.3253C5.00826 12.3253 5.01526 12.3212 5.0239 12.3209C5.05233 12.3178 5.08052 12.3128 5.10833 12.3061C5.13125 12.3025 5.1544 12.3 5.17668 12.2942C5.19625 12.2892 5.2159 12.2929 5.2354 12.2862C5.6126 12.1529 6.01627 12.112 6.41255 12.1669C6.80883 12.2218 7.18617 12.3709 7.51293 12.6017C7.83968 12.8326 8.10632 13.1384 8.29049 13.4935C8.47466 13.8487 8.57098 14.2428 8.57138 14.6429ZM16.0713 18.5714C15.7872 18.5717 15.5051 18.5235 15.2371 18.4292C15.2051 18.4221 15.1726 18.4175 15.1399 18.4153C15.0441 18.3881 14.9425 18.3888 14.8471 18.4174C14.8179 18.4197 14.7889 18.4238 14.7603 18.4299C14.4932 18.5242 14.2118 18.5721 13.9285 18.5714C12.7455 18.5714 11.4285 16.2298 11.4285 14.6429C11.4289 14.2431 11.5251 13.8493 11.709 13.4944C11.8929 13.1394 12.1591 12.8337 12.4855 12.6027C12.8118 12.3718 13.1886 12.2224 13.5845 12.167C13.9804 12.1117 14.3838 12.1519 14.761 12.2845C14.7663 12.2863 14.7716 12.285 14.777 12.2867C14.8281 12.3036 14.8809 12.3146 14.9345 12.3194C14.945 12.3203 14.9548 12.3223 14.9653 12.3228C14.9758 12.3233 14.9867 12.3263 14.9968 12.3263C15.0085 12.3263 15.0195 12.3222 15.0311 12.3216C15.0428 12.321 15.0543 12.3179 15.0663 12.3167C15.1172 12.3127 15.1675 12.3033 15.2163 12.2885C15.2227 12.2865 15.2291 12.288 15.2354 12.2859C15.6126 12.1526 16.0163 12.1117 16.4126 12.1666C16.8089 12.2215 17.1863 12.3707 17.513 12.6016C17.8398 12.8324 18.1064 13.1383 18.2905 13.4935C18.4747 13.8486 18.571 14.2428 18.5713 14.6429C18.5713 16.2298 17.2544 18.5714 16.0713 18.5714Z" fill="%23979797"/></svg>');
}

.type-4 {
    width: 24px;
    height: 20px;
    background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.9627 1.03664C17.6954 -0.229802 15.6944 -0.329785 14.3271 0.703368C12.9597 0.00349024 11.2589 0.236783 10.1584 1.33659C8.75769 2.73635 8.75769 4.96929 10.1584 6.36905C10.2584 6.46903 10.3918 6.56901 10.4919 6.66899L10.2918 6.86896L9.75818 6.33572C9.15789 5.73582 8.2908 5.43588 7.42371 5.56919C6.55662 5.7025 5.82293 6.20241 5.42274 6.96894L0.286899 16.5006C-0.213345 17.4338 -0.0465966 18.5336 0.687094 19.3001C1.15399 19.7667 1.75428 20 2.35457 20C2.72142 20 3.12161 19.9 3.48846 19.7001L10.8921 15.7007C10.9254 15.6674 10.9921 15.6674 11.0255 15.6341L13.0598 14.5343C13.8268 14.1344 14.3271 13.4012 14.4605 12.5346C14.5939 11.6681 14.2937 10.8349 13.6934 10.2017L13.1598 9.66847L13.3599 9.4685C13.46 9.60182 13.56 9.7018 13.6601 9.80178C14.3271 10.4683 15.2275 10.8349 16.1613 10.8349C17.0951 10.8349 17.9955 10.4683 18.6625 9.80178C19.7631 8.70197 19.9965 7.00227 19.2962 5.63584C20.33 4.30274 20.23 2.30309 18.9627 1.03664ZM13.1265 12.368C13.0598 12.8013 12.793 13.1679 12.3928 13.4012L10.7253 14.301L8.75769 12.3347C8.4909 12.0681 8.0907 12.0681 7.82391 12.3347C7.55711 12.6013 7.55711 13.0012 7.82391 13.2678L9.52473 14.9675L2.85482 18.5669C2.35457 18.8335 1.88768 18.6669 1.62088 18.4003C1.35409 18.1337 1.18734 17.6671 1.45413 17.1672L3.08826 14.1677L4.02205 15.1009C4.15545 15.2342 4.3222 15.3008 4.48895 15.3008C4.6557 15.3008 4.82244 15.2342 4.95584 15.1009C5.22264 14.8342 5.22264 14.4343 4.95584 14.1677L3.75526 12.9679L6.62332 7.63549C6.82342 7.23556 7.22361 6.96894 7.65716 6.90229C7.72386 6.90229 7.79056 6.90229 7.85725 6.90229C8.2241 6.90229 8.59095 7.0356 8.82439 7.30222L12.7263 11.2015C13.0264 11.4682 13.1932 11.9014 13.1265 12.368ZM18.0289 5.1026L17.9955 5.13593C17.7621 5.36922 17.7287 5.73582 17.9288 6.00244C18.5625 6.86896 18.4958 8.1354 17.7287 8.90194C17.2952 9.33519 16.7616 9.56849 16.1613 9.56849C15.561 9.56849 14.9941 9.33519 14.5939 8.90194C14.3938 8.70197 14.227 8.43535 14.127 8.16873C14.0269 7.96877 13.8602 7.80213 13.6267 7.7688C13.3933 7.73547 13.1932 7.80213 13.0264 7.93544L12.2261 8.7353L11.2589 7.7688L12.0593 6.96894C12.2261 6.8023 12.2928 6.56901 12.2261 6.36905C12.1927 6.13575 12.026 5.96911 11.8259 5.86913C11.5591 5.76915 11.2923 5.60251 11.0922 5.40255C10.2251 4.53603 10.2251 3.13628 11.0922 2.26976C11.8592 1.50323 13.0931 1.40325 13.9936 2.0698C14.2604 2.26976 14.6272 2.23643 14.8607 2.00314L14.894 1.96981C15.7611 1.1033 17.1618 1.13663 18.0289 1.96981C18.896 2.83633 18.896 4.26941 18.0289 5.1026Z" fill="%23979797"/></svg>');
}

.search-item.no-bg {
    background-image: none;
}
.search-item {
    background-color: #f2f2f2;
    height: 255px;
    margin-bottom: 20px;
    position: relative;
    background-image: url("/images/search-item-bg.png");
    background-size: cover;
}

.search-item-head {
    width: 100%;
    justify-content: space-between;
    padding: 20px 20px 0 20px;
}

.search-tag {
    border-radius: 10px;
    font-size: 10px;
    color: #fff;
    padding: 4px 7px 0;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    height: 18px;
    float: right;
}

.tag-color-12,
.tag-color-15 {
    background-color: #65ac1e;
}

.tag-color-17,
.tag-color-13 {
    background-color: #ff8a00;
}

.tag-color-16 {
    background-color: #006edf;
}

.tag-color-14,
.tag-color-21 {
    background-color: #f72d00;
}

.search-title {
    background-color: #f2f2f2;
    height: 48px;
    border-radius: 24px;
    display: flex;
    color: #004a96;
    font-weight: 600;
    align-items: center;
}

.item-image-holder {
    width: 100%;
    height: 220px;
    justify-content: center;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.search-title .search-icon {
    display: flex;
    align-items: center;
}

.search-title .search-icon:before {
    content: "";
    margin: 0 12px;
    width: 25px;
    height: 25px;
    display: inline-block;
    background-image: url('data:image/svg+xml,<svg width="25" height="26" viewBox="0 0 25 26" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.8495 7.16679L9.64224 8.38561L14.2292 12.9359L9.58333 17.6249L10.8013 18.8333L15.4472 14.1438L16.6667 12.9372L10.8495 7.16679ZM12.5 23.8333C18.4831 23.8333 23.3333 18.9831 23.3333 13C23.3333 7.01691 18.4831 2.16667 12.5 2.16667C6.51691 2.16667 1.66667 7.01691 1.66667 13C1.66667 18.9831 6.51691 23.8333 12.5 23.8333ZM12.5 25.5C5.59644 25.5 0 19.9036 0 13C0 6.09644 5.59644 0.5 12.5 0.5C19.4036 0.5 25 6.09644 25 13C25 19.9036 19.4036 25.5 12.5 25.5Z" fill="%23004A96"/><mask id="mask0_2003_13828" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="25" height="26"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.8495 7.16679L9.64224 8.38561L14.2292 12.9359L9.58333 17.6249L10.8013 18.8333L15.4472 14.1438L16.6667 12.9372L10.8495 7.16679ZM12.5 23.8333C18.4831 23.8333 23.3333 18.9831 23.3333 13C23.3333 7.01691 18.4831 2.16667 12.5 2.16667C6.51691 2.16667 1.66667 7.01691 1.66667 13C1.66667 18.9831 6.51691 23.8333 12.5 23.8333ZM12.5 25.5C5.59644 25.5 0 19.9036 0 13C0 6.09644 5.59644 0.5 12.5 0.5C19.4036 0.5 25 6.09644 25 13C25 19.9036 19.4036 25.5 12.5 25.5Z" fill="white"/></mask><g mask="url(%23mask0_2003_13828)"></g></svg>');
}

.product-description {
    margin-bottom: 45px;
}
h2 {
    margin-bottom: 40px;
}
h3 {
    margin-bottom: 40px;
}

.product-description h3 {
    margin-top: 20px;
}

h4 {
    margin-bottom: 25px;
}
.termekprofil {
    border-bottom: 1px solid #d8d8d8;
    padding: 18px 0;
}

.termekprofil:last-child {
    border: none;
}

.main-block {
    display: flex;
    gap: 30px;
    color: #333333;
}

.main-block > div {
    flex: 1;
}

.main-block h1 {
    text-transform: uppercase;
    font-size: 40px;
    margin-bottom: 30px;
}

.main-block p {
    font-size: 20px;
    line-height: 34px;
    font-weight: 300;
}

.downloads {
    margin-top: 30px;
    background-color: #f2f2f2;
    border: 1px solid #f2f2f2;
    padding: 15px 30px;
    border-radius: 24px;
}

.downloads.opened {
    background-color: #fff;
    border: 1px solid #f2f2f2;
    border-radius: 24px;
}

.downloads .dropdown {
    display: block;
    color: #000;
    width: 100%;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.downloads .dropdown:after {
    content: "";
    background-image: url('data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.5 5C11.625 5 11.75 5.0625 11.8438 5.15625C11.9375 5.25 12 5.375 12 5.5V6.5C12 6.65625 11.9375 6.78125 11.8438 6.875C11.75 6.96875 11.625 7 11.5 7H7V11.5C7 11.6562 6.9375 11.7812 6.84375 11.875C6.75 11.9688 6.625 12 6.5 12H5.5C5.34375 12 5.21875 11.9688 5.125 11.875C5.03125 11.7812 5 11.6562 5 11.5V7H0.5C0.34375 7 0.21875 6.96875 0.125 6.875C0.03125 6.78125 0 6.65625 0 6.5V5.5C0 5.375 0.03125 5.25 0.125 5.15625C0.21875 5.0625 0.34375 5 0.5 5H5V0.5C5 0.375 5.03125 0.25 5.125 0.15625C5.21875 0.0625 5.34375 0 5.5 0H6.5C6.625 0 6.75 0.0625 6.84375 0.15625C6.9375 0.25 7 0.375 7 0.5V5H11.5Z" fill="black"/></svg>');
    width: 12px;
    height: 12px;
    display: inline-block;
}

.downloads.opened .dropdown:after {
    background-image: url('data:image/svg+xml,<svg width="12" height="2" viewBox="0 0 12 2" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.5 0C11.625 0 11.75 0.0625 11.8438 0.15625C11.9375 0.25 12 0.375 12 0.5V1.5C12 1.65625 11.9375 1.78125 11.8438 1.875C11.75 1.96875 11.625 2 11.5 2H0.5C0.34375 2 0.21875 1.96875 0.125 1.875C0.03125 1.78125 0 1.65625 0 1.5V0.5C0 0.375 0.03125 0.25 0.125 0.15625C0.21875 0.0625 0.34375 0 0.5 0H11.5Z" fill="black"/></svg>');
    width: 12px;
    height: 2px;
}

.downloads ul {
    display: none;
    margin-top: 23px;
}

.downloads.opened ul {
    display: block;
}

.downloads ul li {
    height: 40px;
    display: block;
}

.downloads ul li a {
    font-size: 14px;
    color: #004a96;
}

.downloads ul li a:before {
    content: "";
    background-image: url('data:image/svg+xml,<svg width="11" height="14" viewBox="0 0 11 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.79297 6.34375L5.74609 10.3906C5.66406 10.4727 5.58203 10.5 5.5 10.5C5.39062 10.5 5.30859 10.4727 5.25391 10.3906L1.23438 6.34375C1.15234 6.28906 1.125 6.23438 1.125 6.125C1.125 6.04297 1.15234 5.96094 1.20703 5.87891L1.75391 5.33203C1.80859 5.27734 1.89062 5.25 2 5.25C2.08203 5.25 2.16406 5.30469 2.21875 5.35938L4.78906 8.01172V1.20312C4.78906 1.12109 4.81641 1.03906 4.87109 0.984375C4.92578 0.929688 5.00781 0.875 5.11719 0.875H5.88281C5.96484 0.875 6.04688 0.929688 6.10156 0.984375C6.15625 1.03906 6.21094 1.12109 6.21094 1.20312V8.01172L8.78125 5.35938C8.83594 5.30469 8.89062 5.25 9 5.25C9.08203 5.25 9.16406 5.27734 9.24609 5.33203L9.76562 5.87891C9.82031 5.96094 9.875 6.04297 9.875 6.125C9.875 6.23438 9.84766 6.28906 9.79297 6.34375ZM10.4219 11.7031H0.578125C0.46875 11.7031 0.386719 11.7578 0.332031 11.8125C0.277344 11.8672 0.25 11.9492 0.25 12.0312V12.7969C0.25 12.9062 0.277344 12.9883 0.332031 13.043C0.386719 13.0977 0.46875 13.125 0.578125 13.125H10.4219C10.5039 13.125 10.5859 13.0977 10.6406 13.043C10.6953 12.9883 10.75 12.9062 10.75 12.7969V12.0312C10.75 11.9492 10.6953 11.8672 10.6406 11.8125C10.5859 11.7578 10.5039 11.7031 10.4219 11.7031Z" fill="%23004A96"/></svg>');
    width: 11px;
    height: 14px;
    display: inline-block;
    margin-right: 15px;
}

.main-block img {
    width: 100%;
}

.advantages {
    margin-top: 60px;
}

.product-page h2 {
    font-size: 32px;
    margin-bottom: 35px;
}

.adv-con {
    display: flex;
    gap: 30px;
    margin-bottom: 65px;
}

.adv-con > div {
    flex: 1;
}

.adv-con > div > span {
    font-size: 24px;
    display: block;
    margin-bottom: 20px;
    font-weight: 600;
}

.adv-con li {
    display: flex;
    margin-bottom: 15px;
    align-items: flex-start;
    gap: 15px;
}

.adv-con li:before {
    content: "";
    background-image: url('data:image/svg+xml,<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 0.75C9.375 0.75 10.6875 1.125 11.875 1.8125C13.0625 2.5 14 3.4375 14.6875 4.625C15.375 5.8125 15.75 7.125 15.75 8.5C15.75 9.90625 15.375 11.1875 14.6875 12.375C14 13.5625 13.0625 14.5312 11.875 15.2188C10.6875 15.9062 9.375 16.25 8 16.25C6.59375 16.25 5.3125 15.9062 4.125 15.2188C2.9375 14.5312 1.96875 13.5625 1.28125 12.375C0.59375 11.1875 0.25 9.90625 0.25 8.5C0.25 7.125 0.59375 5.8125 1.28125 4.625C1.96875 3.4375 2.9375 2.5 4.125 1.8125C5.3125 1.125 6.59375 0.75 8 0.75ZM8 2.25C6.875 2.25 5.8125 2.53125 4.875 3.09375C3.90625 3.65625 3.15625 4.4375 2.59375 5.375C2.03125 6.34375 1.75 7.375 1.75 8.5C1.75 9.625 2.03125 10.6875 2.59375 11.625C3.15625 12.5938 3.90625 13.3438 4.875 13.9062C5.8125 14.4688 6.875 14.75 8 14.75C9.125 14.75 10.1562 14.4688 11.125 13.9062C12.0625 13.3438 12.8438 12.5938 13.4062 11.625C13.9688 10.6875 14.25 9.625 14.25 8.5C14.25 7.375 13.9688 6.34375 13.4062 5.375C12.8438 4.4375 12.0625 3.65625 11.125 3.09375C10.1562 2.53125 9.125 2.25 8 2.25ZM12.375 6.3125C12.4375 6.40625 12.5 6.5 12.5 6.59375C12.5 6.71875 12.4375 6.78125 12.375 6.84375L7 12.1875C6.90625 12.2812 6.8125 12.3125 6.71875 12.3125C6.59375 12.3125 6.53125 12.2812 6.46875 12.1875L3.625 9.34375C3.53125 9.28125 3.5 9.1875 3.5 9.0625C3.5 8.96875 3.53125 8.875 3.625 8.8125L4.34375 8.09375C4.40625 8.03125 4.46875 8 4.59375 8C4.6875 8 4.78125 8.03125 4.875 8.09375L6.71875 10L11.1562 5.59375C11.2188 5.53125 11.2812 5.5 11.4062 5.5C11.5 5.5 11.5938 5.5625 11.6875 5.625L12.375 6.3125Z" fill="%23004A96"/></svg>');
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    display: inline-block;
}
.adv-con li span {
    flex: 1;
}
#videoblokk {
    display: flex;
    width: 100%;
    max-width: 1110px;
    margin-bottom: 100px;
}
#videoblokk ul {
    overflow-y: auto;
    overflow-x: hidden;
    height: 410px;
    width: 352px;
    padding: 0 10px;
}

/* width */
#videoblokk ul::-webkit-scrollbar {
    width: 8px;
}

/* Track */
#videoblokk ul::-webkit-scrollbar-track {
    background: #f2f2f2;
    border-radius: 4px;
}

/* Handle */
#videoblokk ul::-webkit-scrollbar-thumb {
    background: #004a96;
    border-radius: 4px;
}

/* Handle on hover */
#videoblokk ul::-webkit-scrollbar-thumb:hover {
    background: #004a96;
}
#videoblokk li {
    height: 74px;
    background-color: #f2f2f2;
    border-bottom: 1px solid #fff;
}

#videoblokk li a {
    display: flex;
    align-items: center;
    height: 100%;
    color: #000;
}

#videoblokk li a.active {
    background-color: #004a96;
    color: #fff;
    padding-left: 10px;
}

#videoblokk li a.active:before {
    content: "";
    background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.67965 5.35693L7.71381 6.32718L11.3834 9.94949L7.66669 13.6822L8.64106 14.6442L12.3578 10.911L13.3334 9.9505L8.67965 5.35693ZM9.99998 18.6239C14.7864 18.6239 18.6666 14.7628 18.6666 9.99995C18.6666 5.23706 14.7864 1.37598 9.99998 1.37598C5.21351 1.37598 1.33331 5.23706 1.33331 9.99995C1.33331 14.7628 5.21351 18.6239 9.99998 18.6239ZM10 19.9508C4.47715 19.9508 0 15.4957 0 10.0001C0 4.50441 4.47715 0.0493164 10 0.0493164C15.5228 0.0493164 20 4.50441 20 10.0001C20 15.4957 15.5228 19.9508 10 19.9508Z" fill="white"/><mask id="mask0_2062_2096" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="20" height="20"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.67965 5.35693L7.71381 6.32718L11.3834 9.94949L7.66669 13.6822L8.64106 14.6442L12.3578 10.911L13.3334 9.9505L8.67965 5.35693ZM9.99998 18.6239C14.7864 18.6239 18.6666 14.7628 18.6666 9.99995C18.6666 5.23706 14.7864 1.37598 9.99998 1.37598C5.21351 1.37598 1.33331 5.23706 1.33331 9.99995C1.33331 14.7628 5.21351 18.6239 9.99998 18.6239ZM10 19.9508C4.47715 19.9508 0 15.4957 0 10.0001C0 4.50441 4.47715 0.0493164 10 0.0493164C15.5228 0.0493164 20 4.50441 20 10.0001C20 15.4957 15.5228 19.9508 10 19.9508Z" fill="white"/></mask><g mask="url(%23mask0_2062_2096)"></g></svg>');
    background-repeat: no-repeat;
    width: 20px;
    display: block;
    margin-right: 10px;
    height: 20px;
}

#videoblokk li a img {
    width: 72px;
    margin: 10px 10px 10px 0;
}

#videoblokk li a span {
    font-size: 14px;
    font-weight: 700;
    display: inline-block;
    padding-right: 10px;
    flex: 1;
}

@media screen and (max-width: 768px) {
    #videoblokk {
        display: block;
    }

    .video-player {
        position: relative;
        padding-bottom: 56.25%; /* 16:9 */
        height: 0;
        margin: 0 10px;
    }
    #videoblokk iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    #videoblokk ul {
        width: 100%;
    }
}

.c-disease-title {
    background-color: #f2f2f2;
    padding: 15px;
    border-radius: 24px;
    font-weight: bold;
    font-size: 16px;
}
.disease-table {
    font-size: 14px;
    line-height: 20px;
}

.disease-table tr:first-child td {
    border-top: 0;
}

.disease-table tr td:first-child {
    width: 35%;
}
.disease-table tr td:last-child {
    width: 25%;
}

.disease-table tr td {
    align-content: center;
}

.disease-mvi {
    white-space: nowrap;
}
#videoblokk {
    display: flex;
    width: 100%;
    max-width: 1110px;
    margin-bottom: 100px;
}
#videoblokk ul {
    overflow-y: auto;
    overflow-x: hidden;
    height: 410px;
    width: 352px;
    padding: 0 10px;
}

/* width */
#videoblokk ul::-webkit-scrollbar {
    width: 8px;
}

/* Track */
#videoblokk ul::-webkit-scrollbar-track {
    background: #f2f2f2;
    border-radius: 4px;
}

/* Handle */
#videoblokk ul::-webkit-scrollbar-thumb {
    background: #004a96;
    border-radius: 4px;
}

/* Handle on hover */
#videoblokk ul::-webkit-scrollbar-thumb:hover {
    background: #004a96;
}
#videoblokk li {
    height: 74px;
    background-color: #f2f2f2;
    border-bottom: 1px solid #fff;
}

#videoblokk li a {
    display: flex;
    align-items: center;
    height: 100%;
    color: #000;
}

#videoblokk li a.active {
    background-color: #004a96;
    color: #fff;
    padding-left: 10px;
}

#videoblokk li a.active:before {
    content: "";
    background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.67965 5.35693L7.71381 6.32718L11.3834 9.94949L7.66669 13.6822L8.64106 14.6442L12.3578 10.911L13.3334 9.9505L8.67965 5.35693ZM9.99998 18.6239C14.7864 18.6239 18.6666 14.7628 18.6666 9.99995C18.6666 5.23706 14.7864 1.37598 9.99998 1.37598C5.21351 1.37598 1.33331 5.23706 1.33331 9.99995C1.33331 14.7628 5.21351 18.6239 9.99998 18.6239ZM10 19.9508C4.47715 19.9508 0 15.4957 0 10.0001C0 4.50441 4.47715 0.0493164 10 0.0493164C15.5228 0.0493164 20 4.50441 20 10.0001C20 15.4957 15.5228 19.9508 10 19.9508Z" fill="white"/><mask id="mask0_2062_2096" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="20" height="20"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.67965 5.35693L7.71381 6.32718L11.3834 9.94949L7.66669 13.6822L8.64106 14.6442L12.3578 10.911L13.3334 9.9505L8.67965 5.35693ZM9.99998 18.6239C14.7864 18.6239 18.6666 14.7628 18.6666 9.99995C18.6666 5.23706 14.7864 1.37598 9.99998 1.37598C5.21351 1.37598 1.33331 5.23706 1.33331 9.99995C1.33331 14.7628 5.21351 18.6239 9.99998 18.6239ZM10 19.9508C4.47715 19.9508 0 15.4957 0 10.0001C0 4.50441 4.47715 0.0493164 10 0.0493164C15.5228 0.0493164 20 4.50441 20 10.0001C20 15.4957 15.5228 19.9508 10 19.9508Z" fill="white"/></mask><g mask="url(%23mask0_2062_2096)"></g></svg>');
    background-repeat: no-repeat;
    width: 20px;
    display: block;
    margin-right: 10px;
    height: 20px;
}

#videoblokk li a img {
    width: 72px;
    margin: 10px 10px 10px 0;
}

#videoblokk li a span {
    font-size: 14px;
    font-weight: 700;
    display: inline-block;
    padding-right: 10px;
    flex: 1;
}

@media screen and (max-width: 768px) {
    #videoblokk {
        display: block;
    }

    .video-player {
        position: relative;
        padding-bottom: 56.25%; /* 16:9 */
        height: 0;
        margin: 0 10px;
    }
    #videoblokk iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    #videoblokk ul {
        width: 100%;
    }
}