html,
body {
    margin: 0;
    padding: 0;
    border: 0;
    line-height: 1;
    height: 100%
}

article,
aside,
details,
figcaption,
figure,
audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

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

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

td,
th {
    padding: 0
}

a,
a:hover,
a:focus {
    text-decoration: none
}

a:focus {
    outline: none
}

b,
strong {
    font-weight: 400
}

p {
    margin: 0
}

input,
button,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

select::-ms-expand {
    display: none
}

img {
    border: 0;
    pointer-events: auto
}

svg:not(:root) {
    overflow: hidden
}

* {
    box-sizing: border-box
}

*:before,
*:after {
    box-sizing: border-box
}

html {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

span.skype_pnh_container {
    display: none !important
}

span.skype_pnh_print_container {
    display: inline !important
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

@media(min-width: 768px) {
    .container {
        width: 750px
    }
}

@media(min-width: 992px) {
    .container {
        width: 970px
    }
}

@media(min-width: 1200px) {
    .container {
        width: 1170px
    }
}

@media(min-width: 1400px) {
    .container {
        width: 1370px
    }
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

.row {
    margin-left: -15px;
    margin-right: -15px
}

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xl-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xl-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xl-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xl-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xl-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xl-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xl-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xl-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xl-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xl-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xl-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12,
.col-xl-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
    float: left
}

.col-xs-12 {
    width: 100%
}

.col-xs-11 {
    width: 91.66666667%
}

.col-xs-10 {
    width: 83.33333333%
}

.col-xs-9 {
    width: 75%
}

.col-xs-8 {
    width: 66.66666667%
}

.col-xs-7 {
    width: 58.33333333%
}

.col-xs-6 {
    width: 50%
}

.col-xs-5 {
    width: 41.66666667%
}

.col-xs-4 {
    width: 33.33333333%
}

.col-xs-3 {
    width: 25%
}

.col-xs-2 {
    width: 16.66666667%
}

.col-xs-1 {
    width: 8.33333333%
}

@media(min-width: 768px) {

    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12 {
        float: left
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-11 {
        width: 91.66666667%
    }

    .col-sm-10 {
        width: 83.33333333%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-8 {
        width: 66.66666667%
    }

    .col-sm-7 {
        width: 58.33333333%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-5 {
        width: 41.66666667%
    }

    .col-sm-4 {
        width: 33.33333333%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-2 {
        width: 16.66666667%
    }

    .col-sm-1 {
        width: 8.33333333%
    }
}

@media(min-width: 992px) {

    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12 {
        float: left
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-11 {
        width: 91.66666667%
    }

    .col-md-10 {
        width: 83.33333333%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-8 {
        width: 66.66666667%
    }

    .col-md-7 {
        width: 58.33333333%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-5 {
        width: 41.66666667%
    }

    .col-md-4 {
        width: 33.33333333%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-2 {
        width: 16.66666667%
    }

    .col-md-1 {
        width: 8.33333333%
    }
}

@media(min-width: 1200px) {

    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12 {
        float: left
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-11 {
        width: 91.66666667%
    }

    .col-lg-10 {
        width: 83.33333333%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-8 {
        width: 66.66666667%
    }

    .col-lg-7 {
        width: 58.33333333%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-5 {
        width: 41.66666667%
    }

    .col-lg-4 {
        width: 33.33333333%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-2 {
        width: 16.66666667%
    }

    .col-lg-1 {
        width: 8.33333333%
    }
}

@media(min-width: 1400px) {

    .col-xl-1,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12 {
        float: left
    }

    .col-xl-12 {
        width: 100%
    }

    .col-xl-11 {
        width: 91.66666667%
    }

    .col-xl-10 {
        width: 83.33333333%
    }

    .col-xl-9 {
        width: 75%
    }

    .col-xl-8 {
        width: 66.66666667%
    }

    .col-xl-7 {
        width: 58.33333333%
    }

    .col-xl-6 {
        width: 50%
    }

    .col-xl-5 {
        width: 41.66666667%
    }

    .col-xl-4 {
        width: 33.33333333%
    }

    .col-xl-3 {
        width: 25%
    }

    .col-xl-2 {
        width: 16.66666667%
    }

    .col-xl-1 {
        width: 8.33333333%
    }
}

.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
    content: " ";
    display: table
}

.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
    clear: both
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: rgba(0, 0, 0, 0);
    text-shadow: none;
    background-color: rgba(0, 0, 0, 0);
    border: 0
}

.hidden {
    display: none !important
}

.affix {
    position: fixed
}

.visible-xs,
.visible-sm,
.visible-md,
.visible-lg,
.visible-xl {
    display: none !important
}

@media(max-width: 767px) {
    .visible-xs {
        display: block !important
    }

    table.visible-xs {
        display: table !important
    }

    tr.visible-xs {
        display: table-row !important
    }

    th.visible-xs,
    td.visible-xs {
        display: table-cell !important
    }
}

@media(min-width: 768px)and (max-width: 991px) {
    .visible-sm {
        display: block !important
    }

    table.visible-sm {
        display: table !important
    }

    tr.visible-sm {
        display: table-row !important
    }

    th.visible-sm,
    td.visible-sm {
        display: table-cell !important
    }
}

@media(min-width: 992px)and (max-width: 1199px) {
    .visible-md {
        display: block !important
    }

    table.visible-md {
        display: table !important
    }

    tr.visible-md {
        display: table-row !important
    }

    th.visible-md,
    td.visible-md {
        display: table-cell !important
    }
}

@media(min-width: 1200px)and (max-width: 1399px) {
    .visible-lg {
        display: block !important
    }

    table.visible-lg {
        display: table !important
    }

    tr.visible-lg {
        display: table-row !important
    }

    th.visible-lg,
    td.visible-lg {
        display: table-cell !important
    }
}

@media(min-width: 1400px) {
    .visible-xl {
        display: block !important
    }

    table.visible-xl {
        display: table !important
    }

    tr.visible-xl {
        display: table-row !important
    }

    th.visible-xl,
    td.visible-xl {
        display: table-cell !important
    }
}

@media(max-width: 767px) {
    .hidden-xs {
        display: none !important
    }
}

@media(min-width: 768px)and (max-width: 991px) {
    .hidden-sm {
        display: none !important
    }
}

@media(min-width: 992px)and (max-width: 1199px) {
    .hidden-md {
        display: none !important
    }
}

@media(min-width: 1200px)and (max-width: 1399px) {
    .hidden-lg {
        display: none !important
    }
}

@media(min-width: 1400px) {
    .hidden-xl {
        display: none !important
    }
}

.visible-print {
    display: none !important
}

@media print {
    .visible-print {
        display: block !important
    }

    table.visible-print {
        display: table !important
    }

    tr.visible-print {
        display: table-row !important
    }

    th.visible-print,
    td.visible-print {
        display: table-cell !important
    }
}

@media print {
    .hidden-print {
        display: none !important
    }
}

:root {
    --font-header: "Montserrat", sans-serif;
    --font-body: "Inter", sans-serif
}

html {
    scroll-behavior: smooth;
    height: 100%;
    font-size: 14px
}

@media(min-width: 992px) {
    html {
        font-size: 15px
    }
}

@media(min-width: 1200px) {
    html {
        font-size: 17px
    }
}

body {
    position: relative;
    font-family: var(--font-body);
    font-weight: 400;
    font-size: inherit;
    line-height: 1.55;
    letter-spacing: -0.015em;
    color: #333;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    height: 100%
}

.header {
    flex: 0 0 auto
}

main {
    flex: 1 0 auto
}

em {
    font-style: normal
}

.footer {
    flex: 0 0 auto
}

b,
strong {
    font-weight: 700
}

p {
    margin-bottom: 1.1em
}

small,
.small-text {
    font-size: .75em
}

h1,
h2,
h3,
h4,
h5 {
    margin: .75em 0 1em;
    font-family: var(--font-header);
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: -0.02em;
    color: #00486d
}

h1 {
    margin-top: 0;
    font-size: 30px
}

@media(min-width: 768px) {
    h1 {
        font-size: 35px
    }
}

@media(min-width: 992px) {
    h1 {
        font-size: 40px
    }
}

@media(min-width: 1200px) {
    h1 {
        font-size: 45px
    }
}

h2 {
    font-size: 24px
}

@media(min-width: 768px) {
    h2 {
        font-size: 27px
    }
}

@media(min-width: 992px) {
    h2 {
        font-size: 30px
    }
}

@media(min-width: 1200px) {
    h2 {
        font-size: 33px
    }
}

h3 {
    font-size: 20px
}

@media(min-width: 768px) {
    h3 {
        font-size: 21px
    }
}

@media(min-width: 992px) {
    h3 {
        font-size: 23px
    }
}

@media(min-width: 1200px) {
    h3 {
        font-size: 25px
    }
}

h4 {
    font-size: 16px
}

@media(min-width: 768px) {
    h4 {
        font-size: 17px
    }
}

@media(min-width: 992px) {
    h4 {
        font-size: 18px
    }
}

@media(min-width: 1200px) {
    h4 {
        font-size: 19px
    }
}

h5 {
    font-size: 15px
}

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

@media(min-width: 1200px) {
    h5 {
        font-size: 19px
    }
}

.big-title {
    margin-top: 0;
    font-size: 28px
}

@media(min-width: 768px) {
    .big-title {
        font-size: 35px
    }
}

@media(min-width: 992px) {
    .big-title {
        font-size: 40px
    }
}

@media(min-width: 1200px) {
    .big-title {
        font-size: 45px
    }
}

.grecaptcha-badge {
    visibility: hidden !important
}

.img-responsidve {
    max-width: 100%;
    height: auto
}

.img-round {
    border-radius: 5px
}

.cslearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

hr {
    position: relative;
    height: 0;
    border: none;
    border-bottom: 1px rgba(0, 72, 109, .15) solid;
    margin: 2.5em 0;
    clear: both;
    overflow: hidden
}

hr:before {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.text-center {
    text-align: center
}

.peekaboo {
    visibility: hidden
}

a,
a:visited {
    color: #f0181f;
    transition: all 300ms ease-in-out
}

a:hover,
a:visited:hover {
    color: #00486d
}

em {
    font-style: italic
}

@media(min-width: 992px) {
    .twocol {
        -moz-columns: 2;
        columns: 2;
        -moz-column-gap: 2em;
        column-gap: 2em;
        -moz-column-break-inside: auto;
        break-inside: auto
    }

    .twocol p {
        -moz-column-break-inside: avoid;
        break-inside: avoid
    }
}

.no-scroll {
    position: fixed;
    overflow-y: scroll;
    width: 100%
}

.color-red {
    color: #f0181f
}

.text-uppercase {
    text-transform: uppercase
}

.header {
    background-color: #f0181f;
    position: relative;
    height: 6.25em;
    z-index: 20
}

.header .top-row {
    background-color: #00486d;
    height: 2.5em
}

.header .top-row .cnt {
    text-align: right;
    position: relative
}

.header .top-row i,
.header .top-row a.lang {
    display: inline-block;
    padding: 0 .75em;
    height: 2.5em;
    line-height: 2.5em
}

.header .top-row i {
    font-style: normal;
    color: #fff;
    background-color: #003854
}

.header .top-row a.lang {
    color: rgba(255, 255, 255, .4)
}

.header .top-row a.lang:hover {
    color: #fff
}

.header .top-row .header-logo {
    --logo-height: 3.6em;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: calc(var(--logo-height)*4.51 + 2.65em);
    height: calc(var(--logo-height) + 2.65em);
    padding: 1.325em;
    background-color: #fff;
    z-index: 3;
    transition: none
}

@media(min-width: 480px) {
    .header .top-row .header-logo {
        --logo-height: 3.75em;
        width: calc(var(--logo-height)*4.51 + 3em);
        height: calc(var(--logo-height) + 3em);
        padding: 1.5em;
        left: 15px;
        border-radius: 0 0 5px 5px
    }
}

.header .top-row .header-logo img {
    height: var(--logo-height);
    width: calc(var(--logo-height)*4.51)
}

.header .top-row .nav-trigger,
.header .top-row .nav-trigger:focus {
    position: absolute;
    top: 2.83em;
    right: 15px;
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 3px;
    cursor: pointer;
    transition: all 200ms ease-in-out;
    z-index: 4
}

@media(min-width: 992px) {

    .header .top-row .nav-trigger,
    .header .top-row .nav-trigger:focus {
        display: none
    }
}

.header .top-row .nav-trigger i,
.header .top-row .nav-trigger:focus i {
    position: relative;
    display: block;
    width: 30px;
    height: 3px;
    border-radius: 2px;
    margin: 19px auto;
    background-color: #fff;
    transition: all 200ms ease-in-out
}

.header .top-row .nav-trigger i:after,
.header .top-row .nav-trigger i:before,
.header .top-row .nav-trigger:focus i:after,
.header .top-row .nav-trigger:focus i:before {
    content: "";
    display: block;
    position: absolute;
    top: -8px;
    left: 0;
    width: 30px;
    height: 3px;
    border-radius: 2px;
    background-color: #fff;
    transition: all 200ms ease-in-out
}

.header .top-row .nav-trigger i:after,
.header .top-row .nav-trigger:focus i:after {
    top: auto;
    right: 0;
    left: auto;
    bottom: -8px
}

.header .top-row .nav-trigger:hover,
.header .top-row .nav-trigger:active,
.header .top-row .nav-trigger:focus:hover,
.header .top-row .nav-trigger:focus:active {
    border-radius: 50%
}

.header .top-row .nav-trigger:hover i:before,
.header .top-row .nav-trigger:hover i:after,
.header .top-row .nav-trigger:active i:before,
.header .top-row .nav-trigger:active i:after,
.header .top-row .nav-trigger:focus:hover i:before,
.header .top-row .nav-trigger:focus:hover i:after,
.header .top-row .nav-trigger:focus:active i:before,
.header .top-row .nav-trigger:focus:active i:after {
    width: 12px
}

nav.main.desktop {
    position: relative;
    display: block;
    height: 3.75em;
    width: 100%;
    z-index: 2
}

nav.main.desktop ul {
    display: flex;
    justify-content: flex-end;
    padding: 0;
    margin: 0;
    list-style: none
}

nav.main.desktop ul li {
    position: relative;
    padding: 0;
    list-style: none
}

nav.main.desktop ul li a {
    display: block;
    padding: 0 .6em;
    text-transform: uppercase;
    font-size: 1.03em;
    line-height: 3.65em;
    color: #fff;
    transition: color 300ms ease-in-out, background-color 300ms ease-in-out
}

@media(min-width: 1200px) {
    nav.main.desktop ul li a {
        letter-spacing: .02em;
        padding: 0 1em
    }
}

nav.main.desktop ul li:hover>a {
    color: #fff;
    background-color: rgba(0, 0, 0, .2)
}

nav.main.desktop ul li.menu-item-has-children>a {
    position: relative;
    padding-right: 1.5em
}

nav.main.desktop ul li.menu-item-has-children>a::after {
    display: block;
    position: absolute;
    content: "";
    right: .75em;
    top: 42%;
    height: 7px;
    width: 7px;
    border-width: 0 2px 2px 0;
    border-color: rgba(255, 255, 255, .5);
    border-style: solid;
    transform: rotate(45deg);
    transition: all 300ms ease-in-out
}

nav.main.desktop ul li.menu-item-has-children:hover>a::after {
    border-color: #fff
}

nav.main.desktop ul li:hover ul {
    opacity: 1;
    visibility: visible;
    max-height: 600px
}

nav.main.desktop ul li ul {
    display: block;
    position: absolute;
    visibility: hidden;
    opacity: 0;
    max-height: 0;
    z-index: 10;
    left: 0;
    top: 3.75em;
    width: auto;
    min-width: 17em;
    padding: .2em 0;
    background-color: rgba(0, 0, 0, .9);
    border-radius: 0 0 5px 5px;
    overflow: hidden;
    transition: all 300ms ease-in-out
}

nav.main.desktop ul li ul li {
    width: 100%;
    white-space: nowrap;
    padding: 0 .75em
}

nav.main.desktop ul li ul li a {
    display: block;
    font-size: .85em;
    line-height: 3em;
    margin: 0;
    padding: 0 .6em;
    text-align: left;
    height: auto;
    color: #ccc;
    background-color: rgba(0, 0, 0, 0) !important;
    border-bottom: 1px #f0181f solid;
    transition: background-color 300ms ease, padding 300ms ease
}

nav.main.desktop ul li ul li a:hover {
    color: #fff;
    padding: 0 .25em 0 .75em
}

nav.main.desktop ul li ul li a:after {
    display: none !important
}

nav.main.desktop ul li ul li:last-child a {
    border-bottom: none
}

nav.main.mobile {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 20;
    top: -100%;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    text-align: center;
    background-color: #00486d !important;
    transition: opacity 300ms ease-in-out, top 300ms ease-in-out
}

nav.main.mobile.slide-in {
    top: 0;
    opacity: 1
}

nav.main.mobile>.container,
nav.main.mobile>.row,
nav.main.mobile>.col-xs-12 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0
}

nav.main.mobile #close-button {
    position: absolute;
    top: 15px;
    right: 30px;
    height: 40px;
    width: 40px;
    border-radius: 3px;
    cursor: pointer;
    transition: all 200ms ease-in-out
}

nav.main.mobile #close-button:after,
nav.main.mobile #close-button:before {
    position: absolute;
    content: "";
    display: block;
    height: 3px;
    border-radius: 3px;
    width: 32px;
    top: 18px;
    right: 4px;
    transform: rotate(45deg);
    background-color: #fff;
    transition: all 200ms ease-in-out
}

nav.main.mobile #close-button:before {
    transform: rotate(-45deg)
}

nav.main.mobile #close-button:hover,
nav.main.mobile #close-button:active {
    border-radius: 50%
}

nav.main.mobile #close-button:hover:after,
nav.main.mobile #close-button:hover:before,
nav.main.mobile #close-button:active:after,
nav.main.mobile #close-button:active:before {
    width: 22px;
    top: 19px;
    right: 9px
}

nav.main.mobile ul {
    width: 100%;
    height: 100%;
    padding: 5em 2em 2em;
    margin: 0;
    list-style: none
}

nav.main.mobile ul>li {
    position: relative;
    display: block;
    list-style: none;
    width: 100%;
    padding: 0;
    margin: 0
}

nav.main.mobile ul>li a {
    display: block;
    color: #fff;
    font-size: 1.3em;
    text-align: left;
    text-transform: uppercase;
    height: 3em;
    line-height: 3em;
    padding: 0;
    border-bottom: 1px rgba(0, 0, 0, .25) solid;
    text-decoration: none;
    transition: color 300ms ease-in-out, background-color 300ms ease-in-out, padding 300ms ease-in-out
}

nav.main.mobile ul>li a:hover {
    background-color: #000;
    color: #fff;
    padding: 0 .5em 0 1em
}

nav.main.mobile ul>li:last-child a {
    border-bottom: none
}

nav.main.mobile ul>li.menu-item-has-children {
    position: relative
}

nav.main.mobile ul>li.menu-item-has-children::after {
    display: block;
    position: absolute;
    content: "";
    right: 1.5em;
    top: 41%;
    height: 10px;
    width: 10px;
    border-width: 0 2px 2px 0;
    border-color: #fff;
    border-style: solid;
    transform: rotate(-45deg)
}

nav.main.mobile ul>li.menu-item-has-children::before {
    display: block;
    position: absolute;
    content: "";
    right: 0;
    top: calc((100% - 3.4em)/2);
    height: 3.4em;
    width: 3.4em;
    border-radius: 100%;
    background-color: rgba(0, 0, 0, .15)
}

nav.main.mobile ul>li ul {
    position: fixed;
    width: 100%;
    height: 100%;
    padding: 90px 20px 20px;
    z-index: 300;
    top: 0;
    right: -100%;
    opacity: 0;
    background-color: #003854;
    overflow-x: hidden;
    transition: right 300ms ease-in-out, opacity 300ms ease-in-out
}

nav.main.mobile ul>li ul:before {
    position: absolute;
    content: "";
    display: block;
    height: 40px;
    width: 40px;
    top: 13px;
    right: 15px;
    cursor: pointer;
    transition: all 200ms ease-in-out
}

nav.main.mobile ul>li ul:after {
    position: absolute;
    display: block;
    content: "";
    top: 24px;
    right: 30px;
    height: 19px;
    width: 19px;
    cursor: pointer;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    transform: rotate(-45deg)
}

nav.main.mobile ul>li.showsub ul {
    right: 0;
    opacity: 1
}

/* Fix: 7 menu items (incl. DOWNLOADS) + long German words need smaller font */
nav.main.desktop ul li > a {
    font-size: .82em !important;
    padding: 0 .35em !important;
    letter-spacing: 0 !important
}

nav.main.desktop ul li.menu-item-has-children > a {
    padding-right: 1.4em !important
}

@media(min-width: 1200px) {
    nav.main.desktop ul li > a {
        font-size: .85em !important;
        padding: 0 .45em !important
    }
    nav.main.desktop ul li.menu-item-has-children > a {
        padding-right: 1.5em !important
    }
}

@media(min-width: 1400px) {
    nav.main.desktop ul li > a {
        font-size: .9em !important;
        padding: 0 .6em !important
    }
    nav.main.desktop ul li.menu-item-has-children > a {
        padding-right: 1.6em !important
    }
}

.btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .5em;
    min-width: 10.5em;
    font-weight: 600;
    text-align: center;
    line-height: 1;
    letter-spacing: .04em;
    text-transform: uppercase;
    padding: 1em 2em 1em 1.5em;
    margin: .35em .5em;
    border-radius: 50px;
    outline: none;
    border: none;
    color: #fff !important;
    background-color: #333;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
    transition: all 300ms cubic-bezier(.25, .8, .25, 1);
    cursor: pointer;
    text-decoration: none !important;
    overflow: hidden
}

.btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(255,255,255,.15) 0%, rgba(255,255,255,0) 100%);
    opacity: 0;
    transition: opacity 300ms ease
}

.btn::after {
    content: "\2192";
    font-family: inherit;
    font-size: .85em;
    opacity: 0;
    transform: translateX(-8px);
    transition: all 300ms ease;
    border: none;
    position: relative;
    right: auto;
    top: auto;
    height: auto;
    width: auto;
    display: inline-block
}

.btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, .2);
    padding-left: 1.5em;
    padding-right: 1.5em
}

.btn:hover::before {
    opacity: 1
}

.btn:hover::after {
    opacity: 1;
    transform: translateX(0)
}

.btn:active {
    transform: translateY(0);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .15)
}

.btn.btn-big {
    font-size: 1.2em;
    padding: 1.1em 2.5em 1.1em 2em
}

.btn.btn-small {
    font-size: .82em;
    padding: .8em 1.6em .8em 1.2em;
    min-width: auto
}

.btn.btn-small::after {
    font-size: .8em
}

.btn.btn-blue {
    background: linear-gradient(135deg, #005d8a 0%, #00486d 100%)
}

.btn.btn-blue:hover {
    background: linear-gradient(135deg, #006fa3 0%, #005d8a 100%);
    box-shadow: 0 6px 20px rgba(0, 72, 109, .35)
}

.btn.btn-red {
    background: linear-gradient(135deg, #ff2e35 0%, #f0181f 100%)
}

.btn.btn-red:hover {
    background: linear-gradient(135deg, #ff4249 0%, #ff2e35 100%);
    box-shadow: 0 6px 20px rgba(240, 24, 31, .35)
}

.btn.btn-outline {
    background: transparent;
    color: #00486d !important;
    border: 2px solid #00486d;
    box-shadow: none;
    padding: .85em 1.8em .85em 1.4em
}

.btn.btn-outline::after {
    color: #00486d
}

.btn.btn-outline:hover {
    background: #00486d;
    color: #fff !important;
    box-shadow: 0 4px 15px rgba(0, 72, 109, .25)
}

.btn.btn-outline:hover::after {
    color: #fff
}

.social {
    display: inline-block;
    text-indent: -999999px;
    overflow: hidden;
    width: 34px;
    height: 34px;
    line-height: 0;
    background-position: 50%;
    background-size: auto 65%;
    background-repeat: no-repeat;
    transition: opacity 300ms ease-in-out
}

.social.twitter {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23bbb' fill-rule='evenodd' clip-rule='evenodd' image-rendering='optimizeQuality' shape-rendering='geometricPrecision' text-rendering='geometricPrecision' viewBox='0 0 2.47 2.01'%3E%3Cpath d='M2.47.24c-.09.04-.19.07-.29.08.1-.06.18-.16.22-.28-.1.06-.21.1-.32.12-.35-.37-.98-.04-.87.46C.79.6.42.4.17.09.04.32.1.62.33.77.25.77.17.74.1.71c0 .24.16.45.4.5-.06.02-.16.02-.22.01.06.2.25.35.47.35-.21.16-.49.24-.75.21.96.62 2.27-.1 2.21-1.28.1-.07.19-.16.26-.26z'/%3E%3C/svg%3E%0A")
}

.social.vimeo {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23bbb' fill-rule='evenodd' clip-rule='evenodd' image-rendering='optimizeQuality' shape-rendering='geometricPrecision' text-rendering='geometricPrecision' viewBox='0 0 3.6 3.15'%3E%3Cpath d='M3.08 0c-.5-.02-.84.27-1.02.86.25-.11.55-.11.51.25-.02.19-.39.91-.58.91-.23 0-.37-1.09-.41-1.39-.07-.42-.24-.61-.52-.58C.8.07.35.53 0 .85l.17.22C.33.95.42.9.45.9c.28 0 .42.95.64 1.66.14.4.32.59.53.59.74 0 1.96-1.75 1.98-2.47.02-.34-.11-.67-.52-.68z'/%3E%3C/svg%3E%0A")
}

.social.instagram {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23bbb' fill-rule='evenodd' clip-rule='evenodd' image-rendering='optimizeQuality' shape-rendering='geometricPrecision' text-rendering='geometricPrecision' viewBox='0 0 2.15 2.15'%3E%3Cpath d='M2.15.63C2.13.24 1.91.02 1.52 0H.63C.24.02.02.24 0 .63v.89c.02.39.24.61.63.63h.89c.39-.02.61-.24.63-.63V.63zM1.78.5c0 .07-.06.13-.13.13S1.52.57 1.52.5s.06-.13.13-.13.13.06.13.13zm-.71.02c-.3 0-.55.25-.55.55 0 .31.25.56.55.56.31 0 .56-.25.56-.56 0-.3-.25-.55-.56-.55zm0 .91c-.2 0-.36-.16-.36-.36s.16-.36.36-.36.36.16.36.36-.16.36-.36.36zm.88.08c-.01.29-.15.43-.44.44H.64C.35 1.94.21 1.8.2 1.51V.64C.21.35.35.21.64.2h.87c.29.01.43.15.44.44v.87z'/%3E%3C/svg%3E%0A");
    background-size: auto 75%
}

.social.linkedin {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23bbb' fill-rule='evenodd' clip-rule='evenodd' image-rendering='optimizeQuality' shape-rendering='geometricPrecision' text-rendering='geometricPrecision' viewBox='0 0 2.41 2.41'%3E%3Cpath d='M2.41 2.41v-.89c0-.43-.1-.76-.6-.76-.24 0-.41.13-.47.26h-.01V.8H.85v1.61h.5v-.8c0-.21.04-.41.3-.41.25 0 .26.24.26.42v.79h.5zM.29 0C.13 0 0 .13 0 .29s.13.29.29.29S.58.45.58.29.45 0 .29 0zM.04.8h.5v1.61h-.5V.8z'/%3E%3C/svg%3E%0A");
    background-size: auto 65%;
    background-position: 50% 35%
}

.social.youtube {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23bbb' fill-rule='evenodd' clip-rule='evenodd' image-rendering='optimizeQuality' shape-rendering='geometricPrecision' text-rendering='geometricPrecision' viewBox='0 0 4.44 3.11'%3E%3Cpath d='M4.35.49C4.29.3 4.14.15 3.95.1 3.49-.03.95-.03.48.09.3.14.14.3.09.49c-.12.45-.12 1.67 0 2.13.05.19.2.34.39.39.47.13 3.01.13 3.47.01.19-.05.34-.2.4-.39.12-.47.12-1.68 0-2.14zM1.78 2.22V.89l1.15.66-1.15.67z'/%3E%3C/svg%3E%0A");
    background-size: auto 55%
}

.social.facebook {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23bbb' fill-rule='evenodd' clip-rule='evenodd' image-rendering='optimizeQuality' shape-rendering='geometricPrecision' text-rendering='geometricPrecision' viewBox='0 0 1.13 2.26'%3E%3Cpath d='M.92.38h.21V.02C1.09.01.97 0 .83 0c-.3 0-.5.19-.5.53v.32H0v.4h.33v1.01h.4V1.25h.32l.05-.4H.73V.57C.73.45.76.38.92.38z'/%3E%3C/svg%3E%0A");
    background-size: auto 70%;
    background-position: 50% 45%
}

.social:hover {
    opacity: .75
}

.footer-awards {
    background-color: #ecedf1;
    padding: 2em 0;
    height: 7em;
    text-align: center;
    line-height: 0;
    overflow: hidden
}

@media(min-width: 768px) {
    .footer-awards {
        padding: 2.6em 0;
        height: 8.95em
    }
}

.footer-awards .cnt {
    position: relative
}

.footer-awards .cnt::after,
.footer-awards .cnt::before {
    content: "";
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    height: 100%;
    width: 10em;
    background-image: linear-gradient(90deg, #ecedf1, rgba(236, 237, 241, 0));
    z-index: 2
}

.footer-awards .cnt::after {
    left: auto;
    right: 0;
    top: 0;
    background-image: linear-gradient(-90deg, #ecedf1, rgba(236, 237, 241, 0));
    z-index: 2
}

.footer-awards img {
    display: inline-block;
    height: 3em;
    width: auto;
    padding: 0 .75em
}

@media(min-width: 768px) {
    .footer-awards img {
        height: 3.75em;
        padding: 0 2em
    }
}

.footer-links {
    background-color: #003854;
    padding: 4.5em 0
}

.footer-links .cnt {
    --all-gap: 2em 1.5em;
    display: flex;
    justify-content: center;
    gap: var(--all-gap);
    flex-wrap: wrap
}

@media(min-width: 768px) {
    .footer-links .cnt {
        --all-gap: 2.5em
    }
}

@media(min-width: 1200px) {
    .footer-links .cnt {
        --all-gap: 4em
    }
}

@media(min-width: 1400px) {
    .footer-links .cnt {
        --all-gap: 5em
    }
}

.footer-links .cnt a {
    color: #ccc;
    white-space: nowrap
}

.footer-links .cnt a:hover {
    color: #fff
}

.footer-links .cnt h4 {
    font-size: 1.35em;
    text-transform: uppercase;
    line-height: 1.5;
    color: #fff;
    margin: 0 0 .2em
}

.footer-links .cnt .footer-links-menu>ul {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 2.5em
}

@media(min-width: 768px) {
    .footer-links .cnt .footer-links-menu>ul {
        gap: var(--all-gap)
    }
}

.footer-links .cnt .footer-links-menu>ul li.menu-item-has-children {
    list-style: none;
    padding: 0;
    margin: 0
}

.footer-links .cnt .footer-links-menu>ul li.menu-item-has-children ul,
.footer-links .cnt .footer-links-menu>ul li.menu-item-has-children li {
    list-style: none;
    padding: 0;
    margin: 0
}

.footer-links .cnt .footer-links-menu>ul li.menu-item-has-children a {
    display: inline-block
}

.footer-links .cnt .footer-links-menu>ul li.menu-item-has-children>a {
    font-family: var(--font-header);
    font-size: 1.35em;
    letter-spacing: .025em;
    text-transform: uppercase;
    color: #fff;
    pointer-events: none
}

.footer-links .cnt .footer-address {
    display: flex;
    gap: var(--all-gap);
    color: #fff;
    line-height: 1.55
}

.footer-links .cnt .footer-address img {
    max-width: 100px;
    height: auto;
    object-fit: contain
}

.footer-links .cnt .footer-address hr {
    border-bottom: 1px rgba(255, 255, 255, .25) solid;
    margin: .5em 0
}

.footer-links .cnt .footer-socials {
    text-align: center
}

@media(min-width: 992px) {
    .footer-links .cnt .footer-socials {
        text-align: left
    }
}

.footer-links .cnt .footer-socials social-links a+a {
    margin-left: .25em
}

.footer-links .cnt .footer-socials .badges img {
    display: block;
    width: 12em;
    margin-top: .5em
}

.footer-links .cnt .footer-socials .badges img+img {
    margin-top: 1.3em
}

.footer-credit {
    padding: 1.5em 0;
    background-color: #000;
    color: #999
}

.footer-credit .cnt {
    display: flex;
    flex-direction: column;
    gap: .5em;
    font-size: .85em;
    align-items: center;
    text-align: center
}

@media(min-width: 768px) {
    .footer-credit .cnt {
        flex-direction: row;
        justify-content: space-between;
        gap: 0;
        align-items: center;
        text-align: left
    }
}

.footer-credit .cnt a {
    color: #999;
    display: inline-block;
    cursor: pointer
}

.footer-credit .cnt a:hover {
    color: #fff
}

.footer-credit .cnt p {
    margin: 0
}

.footer-credit .cnt p span {
    display: block
}

.footer-credit .cnt a.neven {
    display: block;
    line-height: 1.4
}

@media(min-width: 768px) {
    .footer-credit .cnt a.neven span {
        display: block
    }
}

/* Mobile footer fixes */
@media(max-width: 767px) {
    .footer-links {
        padding: 2.5em 0
    }

    .footer-links .cnt {
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 0 15px
    }

    .footer-links .cnt .footer-address {
        flex-direction: column;
        align-items: center;
        text-align: center
    }

    .footer-links .cnt .footer-address img {
        margin-bottom: 1em
    }

    .footer-links .cnt .footer-links-menu > ul {
        flex-direction: column;
        gap: 2em;
        align-items: center;
        text-align: center
    }

    .footer-links .cnt .footer-links-menu > ul li.menu-item-has-children {
        text-align: center
    }

    .footer-links .cnt .footer-socials {
        text-align: center
    }

    .footer-links .cnt .footer-socials .badges img {
        margin-left: auto;
        margin-right: auto
    }
}

#background-video {
    position: absolute;
    left: 0;
    height: 0;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    z-index: -1
}

.frontpage-hero {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: relative;
    line-height: 0;
    height: 500px
}

@media(min-width: 768px) {
    .frontpage-hero {
        height: 600px
    }
}

@media(min-width: 1200px) {
    .frontpage-hero {
        height: 650px
    }
}

@media(min-width: 1400px) {
    .frontpage-hero {
        height: 750px
    }
}

.frontpage-hero #background-video {
    position: absolute;
    left: 0;
    height: 0;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: -1
}

.frontpage-hero::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(rgba(0, 0, 0, 0.9), rgba(212, 20, 27, 0.6));
    z-index: 1
}

.frontpage-hero h1 {
    display: inline-block;
    color: #fff;
    font-size: 3em;
    line-height: 1;
    max-width: 15em;
    text-align: center;
    text-transform: uppercase;
    margin: 0;
    z-index: 2
}

@media(min-width: 768px) {
    .frontpage-hero h1 {
        font-size: 4.2em
    }
}

@media(min-width: 1200px) {
    .frontpage-hero h1 {
        font-size: 4.5em
    }
}

@media(min-width: 1400px) {
    .frontpage-hero h1 {
        font-size: 5.2em
    }
}

.frontpage-hero p {
    display: inline-block;
    color: #ccc;
    font-size: 1.3em;
    line-height: 1.4;
    text-align: center;
    margin: .2em 15px 1em;
    z-index: 2
}

@media(min-width: 768px) {
    .frontpage-hero p {
        font-size: 1.45em
    }
}

@media(min-width: 1200px) {
    .frontpage-hero p {
        font-size: 1.5em
    }
}

@media(min-width: 1400px) {
    .frontpage-hero p {
        font-size: 1.75em
    }
}

.frontpage-hero div.links {
    z-index: 2
}

.page-container {
    position: relative;
    font-size: 1.1em;
    padding: 3.5em 0 4em;
    background-image: linear-gradient(rgba(0, 72, 109, 0.2), rgba(0, 72, 109, 0));
    background-size: 100% 9em;
    background-position: top center;
    background-repeat: no-repeat
}

@media(min-width: 992px) {
    .page-container {
        padding: 5em 0 6em
    }
}

.page-container p:last-child {
    margin: 0
}

.featured-img {
    --featured-img-height: 195px;
    height: var(--featured-img-height) !important;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    margin-bottom: 1em;
    margin-top: .75em
}

@media(min-width: 768px) {
    .featured-img {
        --featured-img-height: 350px;
        margin-bottom: 1.5em
    }
}

@media(min-width: 992px) {
    .featured-img {
        --featured-img-height: 400px
    }
}

@media(min-width: 1200px) {
    .featured-img {
        --featured-img-height: 500px
    }
}

.page-title {
    line-height: 1;
    font-size: 2.5em;
    margin: 0 0 .6em;
    padding: 0;
    color: #00486d;
    text-transform: uppercase;
    text-align: center
}

@media(min-width: 768px) {
    .page-title {
        font-size: 3.5em
    }
}

.page-title.small-left-align {
    font-size: 1.5em;
    text-align: left;
    text-transform: none;
    margin: 0 0 .5em
}

@media(min-width: 768px) {
    .page-title.small-left-align {
        font-size: 2.5em
    }
}

.page-title span {
    display: block;
    font-family: var(--font-body);
    font-size: .6em;
    font-weight: 600;
    margin-top: .1em
}

.common-style a {
    font-weight: 700
}

.common-style img {
    max-width: 100%;
    height: auto;
    border-radius: 5px
}

.common-style ul {
    padding-left: 1.6em
}

.common-style ul li {
    position: relative
}

.common-style ul li::before {
    display: block;
    position: absolute;
    left: -1em;
    top: .46em;
    content: "";
    width: .52em;
    height: .52em;
    border-radius: 50%;
    background-color: #00486d
}

.common-style ul li+li {
    margin-top: .1em
}

.common-style ol {
    padding-left: 2em;
    counter-reset: item
}

.common-style ol li {
    position: relative;
    counter-increment: item;
    list-style-type: none
}

.common-style ol li::before {
    display: block;
    position: absolute;
    font-weight: 600;
    text-align: right;
    color: #00486d;
    left: -1.4em;
    top: auto;
    width: auto;
    height: auto;
    border-radius: 0;
    background-color: rgba(0, 0, 0, 0);
    content: counter(item) "."
}

.common-style ol li+li {
    margin-top: .1em
}

.common-style blockquote {
    position: relative;
    display: block;
    margin: 1.5em 0;
    padding: 1.5em 2em;
    border-radius: 5px;
    color: #00486d;
    background-color: #ecedf1
}

@media(min-width: 768px) {
    .common-style blockquote {
        margin: 1.5em
    }
}

.common-style blockquote p {
    font-size: 1.05em;
    font-weight: 600;
    line-height: 1.4;
    margin: 0
}

.common-style blockquote h1,
.common-style blockquote h2,
.common-style blockquote h3 {
    margin-top: 0
}

.common-style .responsive-table {
    width: 100%;
    overflow-y: hidden;
    overflow-x: auto
}

.common-style .responsive-table table {
    width: 100%;
    min-width: 500px;
    font-size: .9em;
    margin: 1em auto;
    border-spacing: 3px;
    border-collapse: separate
}

.common-style .responsive-table table tr {
    background-color: rgba(236, 237, 241, .35)
}

.common-style .responsive-table table tr:nth-child(even) {
    background-color: #ecedf1
}

.common-style .responsive-table table tr td {
    min-width: 150px;
    padding: .75em 1em;
    border-radius: 5px;
    vertical-align: middle;
    overflow: hidden
}

.common-style .responsive-table table tr td p {
    margin: 0
}

.common-style .responsive-table table tr td[colspan]:not([colspan="1"]) {
    padding: 0;
    background-color: #fff !important
}

.common-style .responsive-table table tr .table-section-header {
    font-size: 1.2em;
    font-weight: 600;
    margin-top: .75em;
    padding: .75em 1em;
    border-radius: 5px;
    background-color: #00486d;
    color: #fff
}

.common-style .responsive-table table tr:first-child .table-section-header {
    margin: 0
}

.common-style .share-container {
    margin-bottom: 1.5em;
    display: flex
}

.common-style .share-container .share {
    height: 2em;
    width: 2.5em;
    line-height: 0;
    background-position: 50%;
    background-repeat: no-repeat
}

.common-style .share-container .share.title {
    width: auto;
    white-space: nowrap;
    border-radius: 1em 0 0 1em;
    background-color: #ecedf1;
    line-height: 2em;
    font-weight: 700;
    color: #999;
    padding: 0 .75em 0 2.3em;
    background-image: url("data:image/svg+xml,%3Csvg height='512' viewBox='0 0 512 512' width='512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23888' d='m271.176 121.396c-150.205 7.822-271 132.495-271 284.604v106l37.925-88.29c44.854-89.692 133.847-147.041 233.075-152.314v121.318l240.648-196.714-240.648-196z'/%3E%3C/svg%3E");
    background-position: 18% 50%;
    background-size: 1em
}

.common-style .share-container .share.title:hover {
    filter: brightness(100%)
}

.common-style .share-container .share:last-child {
    border-radius: 0 1em 1em 0;
    width: 2.8em;
    background-position: 47% 42%
}

.common-style .share-container .share.facebook {
    background-color: #3b5998;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' fill-rule='evenodd' clip-rule='evenodd' image-rendering='optimizeQuality' shape-rendering='geometricPrecision' text-rendering='geometricPrecision' viewBox='0 0 1.13 2.26'%3E%3Cpath d='M.92.38h.21V.02C1.09.01.97 0 .83 0c-.3 0-.5.19-.5.53v.32H0v.4h.33v1.01h.4V1.25h.32l.05-.4H.73V.57C.73.45.76.38.92.38z'/%3E%3C/svg%3E%0A");
    background-size: auto 45%
}

.common-style .share-container .share.twitter {
    background-color: #00b6f1;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' fill-rule='evenodd' clip-rule='evenodd' image-rendering='optimizeQuality' shape-rendering='geometricPrecision' text-rendering='geometricPrecision' viewBox='0 0 2.47 2.01'%3E%3Cpath d='M2.47.24c-.09.04-.19.07-.29.08.1-.06.18-.16.22-.28-.1.06-.21.1-.32.12-.35-.37-.98-.04-.87.46C.79.6.42.4.17.09.04.32.1.62.33.77.25.77.17.74.1.71c0 .24.16.45.4.5-.06.02-.16.02-.22.01.06.2.25.35.47.35-.21.16-.49.24-.75.21.96.62 2.27-.1 2.21-1.28.1-.07.19-.16.26-.26z'/%3E%3C/svg%3E%0A");
    background-size: auto 42%
}

.common-style .share-container .share.linkedin {
    background-color: #007bb6;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' fill-rule='evenodd' clip-rule='evenodd' image-rendering='optimizeQuality' shape-rendering='geometricPrecision' text-rendering='geometricPrecision' viewBox='0 0 2.41 2.41'%3E%3Cpath d='M2.41 2.41v-.89c0-.43-.1-.76-.6-.76-.24 0-.41.13-.47.26h-.01V.8H.85v1.61h.5v-.8c0-.21.04-.41.3-.41.25 0 .26.24.26.42v.79h.5zM.29 0C.13 0 0 .13 0 .29s.13.29.29.29S.58.45.58.29.45 0 .29 0zM.04.8h.5v1.61h-.5V.8z'/%3E%3C/svg%3E%0A");
    background-size: auto 42%
}

.common-style .share-container .share:hover {
    filter: brightness(90%)
}

.common-style .post-pre-title {
    font-size: .9em;
    margin-bottom: .75em
}

.common-style .post-pre-title time {
    color: #00486d
}

.common-style .attachment-post-thumbnail {
    margin: .25em 0 1.25em
}

.common-style figcaption {
    display: block !important
}

.common-style .wp-caption {
    display: flex;
    flex-direction: column
}

.common-style p:has(img.aligncenter),
.common-style p:has(img.alignnone) {
    text-align: center
}

.common-style .wp-caption.aligncenter,
.common-style .wp-caption.alignleft,
.common-style .wp-caption.alignnone,
.common-style .wp-caption.alignright,
.common-style img.aligncenter,
.common-style img.alignleft,
.common-style img.alignright {
    float: none !important;
    display: block;
    margin: 2em auto;
    max-width: 100%;
    text-align: center
}

@media(min-width: 992px) {

    .common-style .wp-caption.alignleft,
    .common-style img.alignleft {
        float: left !important;
        max-width: 50%;
        margin: .5em 2.5em .5em 0
    }

    .common-style .wp-caption.alignright,
    .common-style img.alignright {
        float: right !important;
        max-width: 50%;
        margin: .5em 0 .5em 2.5em
    }
}

.common-style .wp-caption-text {
    max-width: 100%;
    text-align: left;
    font-size: 13px;
    line-height: 15px;
    color: rgba(0, 72, 109, .6);
    margin-top: 5px
}

/* Product Category Tabs */
.product-cat-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: .6em;
    margin-bottom: 2.5em;
    justify-content: center
}

.prd-tab {
    display: inline-flex;
    align-items: center;
    gap: .5em;
    padding: .75em 1.6em;
    border: 2px solid #e0e0e0;
    border-radius: 50px;
    background: #fff;
    color: #555;
    font-size: .9em;
    font-weight: 600;
    cursor: pointer;
    transition: all .25s ease;
    outline: none;
    letter-spacing: .02em;
    text-transform: uppercase
}

.prd-tab i {
    font-size: .85em;
    transition: color .25s ease
}

.prd-tab:hover {
    border-color: #00486d;
    color: #00486d;
    background: rgba(0, 72, 109, .04);
    transform: translateY(-1px);
    box-shadow: 0 3px 10px rgba(0, 72, 109, .1)
}

.prd-tab.active {
    background: linear-gradient(135deg, #005d8a 0%, #00486d 100%);
    border-color: #00486d;
    color: #fff;
    box-shadow: 0 4px 15px rgba(0, 72, 109, .3)
}

.prd-tab.active i {
    color: rgba(255, 255, 255, .85)
}

/* Downloads Page */
.download-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: .5em;
    margin-bottom: 2.5em;
    justify-content: center
}

.download-tab {
    display: inline-flex;
    align-items: center;
    gap: .5em;
    padding: .65em 1.5em;
    border: 2px solid #ddd;
    border-radius: 50px;
    background: #fff;
    color: #555;
    font-size: .9em;
    font-weight: 600;
    cursor: pointer;
    transition: all .2s ease;
    outline: none
}

.download-tab:hover {
    border-color: #00486d;
    color: #00486d
}

.download-tab.active {
    background: #00486d;
    border-color: #00486d;
    color: #fff
}

.download-tab i {
    font-size: .85em
}

.download-panel {
    display: none
}

.download-panel.active {
    display: block
}

.download-grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 1.25em
}

@media(min-width: 768px) {
    .download-grid {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media(min-width: 992px) {
    .download-grid {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media(min-width: 1200px) {
    .download-grid {
        grid-template-columns: repeat(4, 1fr)
    }
}

.download-card {
    display: flex;
    flex-direction: column;
    background: #fff;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    overflow: hidden;
    transition: transform .2s ease, box-shadow .2s ease
}

.download-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, .1)
}

.download-card-thumb {
    height: 180px;
    overflow: hidden;
    background: #f8f9fa;
    position: relative
}

.download-card-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.download-card-thumb.pdf-preview {
    display: flex;
    align-items: flex-start;
    justify-content: center
}

.download-card-thumb.pdf-preview canvas {
    width: 100%;
    height: auto;
    display: none
}

.download-card-thumb .pdf-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.5em;
    color: #ccc
}

.download-card-icon {
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f8f9fa;
    font-size: 3em
}

.download-card-body {
    padding: 1em 1.25em;
    flex-grow: 1
}

.download-card-body h4 {
    font-size: 1em;
    margin: 0 0 .3em;
    line-height: 1.3;
    color: #333
}

.download-card-body p {
    font-size: .8em;
    color: #888;
    margin: 0 0 .5em;
    line-height: 1.4
}

.download-card-type {
    display: inline-block;
    font-size: .7em;
    font-weight: 700;
    letter-spacing: .05em;
    color: #999;
    background: #f0f0f0;
    padding: .15em .5em;
    border-radius: 3px
}

.download-card .btn {
    margin: 0 1.25em 1.25em;
    text-align: center;
    font-size: .85em;
    width: calc(100% - 2.5em);
    border-radius: 6px;
    padding: .75em 1.2em;
    min-width: auto;
    box-shadow: none
}

.download-card .btn::after,
.download-card .btn::before {
    display: none
}

.download-card .btn:hover {
    padding: .75em 1.2em;
    transform: none;
    box-shadow: 0 3px 10px rgba(0, 72, 109, .25)
}

.download-empty {
    text-align: center;
    padding: 4em 2em;
    color: #aaa
}

.download-empty i {
    font-size: 3em;
    margin-bottom: .5em;
    display: block
}

.download-empty p {
    font-size: 1em;
    margin: 0
}

.contact-information {
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #ecedf1;
    border-radius: 5px;
    padding: 2em 1.75em 7.5em;
    margin-top: 2em;
    background-image: var(--background);
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: contain
}

@media(min-width: 768px) {
    .contact-information {
        min-height: 23em;
        padding: 3em;
        margin-top: 3em;
        background-position: top right;
        background-size: auto 100%
    }
}

@media(min-width: 992px) {
    .contact-information {
        min-height: 26em;
        padding: 4.5em
    }
}

.contact-information span.title {
    display: block;
    font-size: 1.3em;
    font-weight: 700;
    margin-bottom: .1em;
    color: #00486d
}

.contact-information h1 {
    text-transform: uppercase;
    font-size: 1.5em;
    line-height: 1;
    margin: 0 0 .3em;
    padding: 0
}

@media(min-width: 992px) {
    .contact-information h1 {
        font-size: 2.1em
    }
}

.contact-information p.agent {
    color: #00486d;
    line-height: 1.4;
    margin: 0;
    padding: .3em 0 .3em .75em;
    border-left: 4px #fff solid
}

.contact-information p.agent b {
    font-size: 1.2em;
    display: block
}

.contact-information p.address {
    font-size: .85em;
    line-height: 1.45;
    margin: .75em 0 0 0
}

@media(min-width: 768px) {
    .contact-information p.address {
        font-size: 1em
    }
}

.contact-information p.numbers {
    margin: .75em 0 0 0;
    line-height: 1.45;
    font-weight: 700
}

.contact-information p.numbers+p.numbers {
    margin: .15em 0 0
}

.contact-information p.numbers b {
    font-weight: 400
}

.contact-information p.numbers span {
    display: inline-block;
    width: 3.75em
}

/* Contact Form Styles */
.contact-form-section {
    background-color: #ecedf1;
    border-radius: 5px;
    padding: 2em 1.75em;
    margin-top: 2em
}

@media(min-width: 768px) {
    .contact-form-section {
        padding: 3em
    }
}

@media(min-width: 992px) {
    .contact-form-section {
        padding: 4.5em
    }
}

.contact-form-section h2 {
    text-transform: uppercase;
    font-size: 1.5em;
    line-height: 1;
    margin: 0 0 1em;
    padding: 0;
    font-family: var(--font-header)
}

@media(min-width: 992px) {
    .contact-form-section h2 {
        font-size: 2.1em
    }
}

.contact-form-section .form-row {
    display: flex;
    flex-wrap: wrap;
    gap: 1em;
    margin-bottom: 0
}

.contact-form-section .form-group {
    flex: 1;
    min-width: 200px;
    margin-bottom: 1.25em
}

.contact-form-section .form-group.full-width {
    flex: 0 0 100%;
    min-width: 100%
}

.contact-form-section label {
    display: block;
    font-size: .85em;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: #333;
    margin-bottom: .4em
}

.contact-form-section input[type="text"],
.contact-form-section input[type="email"],
.contact-form-section input[type="tel"],
.contact-form-section textarea,
.contact-form-section select {
    display: block;
    width: 100%;
    padding: .75em 1em;
    font-size: 1em;
    font-family: inherit;
    color: #333;
    background-color: #fff;
    border: 2px solid #ddd;
    border-radius: 4px;
    outline: none;
    transition: border-color 200ms ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-sizing: border-box
}

.contact-form-section input[type="text"]:focus,
.contact-form-section input[type="email"]:focus,
.contact-form-section input[type="tel"]:focus,
.contact-form-section textarea:focus,
.contact-form-section select:focus {
    border-color: #00486d;
    box-shadow: 0 0 0 3px rgba(0, 72, 109, .1)
}

.contact-form-section textarea {
    resize: vertical;
    min-height: 8em
}

.contact-form-section .form-error {
    display: block;
    color: #f0181f;
    font-size: .8em;
    margin-top: .3em;
    font-weight: 600
}

.contact-form-section .form-success {
    background-color: #d4edda;
    border: 1px solid #c3e6cb;
    color: #155724;
    padding: 1em 1.25em;
    border-radius: 4px;
    margin-bottom: 1.5em;
    font-weight: 600;
    line-height: 1.5
}

.contact-form-section .form-error-box {
    background-color: #f8d7da;
    border: 1px solid #f5c6cb;
    color: #721c24;
    padding: 1em 1.25em;
    border-radius: 4px;
    margin-bottom: 1.5em;
    font-weight: 600
}

.contact-form-section .btn {
    margin: .5em 0 0;
    cursor: pointer
}

.contact-form-section .form-note {
    font-size: .8em;
    color: #888;
    margin-top: .5em
}

/* Spare Parts form accent */
.contact-form-section.spare-parts {
    border-left: 4px solid #00486d
}

.contact-form-section.spare-parts h2 {
    color: #00486d
}

.blog-archive {
    display: flex;
    flex-wrap: wrap;
    gap: 2.1em;
    padding-top: .75em
}

.blog-archive a {
    display: block;
    width: 100%;
    padding: 0
}

@media(min-width: 768px) {
    .blog-archive a {
        width: calc(50% - 1.125em)
    }
}

@media(min-width: 992px) {
    .blog-archive a {
        width: calc(33.33333% - 1.4em)
    }
}

.blog-archive a .blog-img-thmb {
    position: relative
}

.blog-archive a .blog-img-thmb::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 0;
    width: 100%;
    border-radius: 5px;
    transition: background-color 300ms ease, background-image 450ms ease
}

.blog-archive a img {
    display: block;
    width: 100%;
    height: 220px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

@media(min-width: 992px) {
    .blog-archive a img {
        height: 180px
    }
}

@media(min-width: 1200px) {
    .blog-archive a img {
        height: 230px
    }
}

@media(min-width: 1400px) {
    .blog-archive a img {
        height: 265px
    }
}

.blog-archive a section {
    padding: .5em 0 0 5px
}

.blog-archive a time {
    display: block;
    font-size: .75em;
    font-weight: 700;
    color: #00486d;
    margin: .25em 0 .6em 0
}

.blog-archive a h2 {
    font-size: 1.1em;
    font-family: var(--font-body);
    font-weight: 700;
    color: #f0181f;
    margin: .25em 0 0
}

.blog-archive a p {
    font-size: .85em;
    font-weight: 400;
    color: #333
}

.blog-archive a:hover h2,
.blog-archive a:hover p {
    color: #00486d !important
}

.blog-archive a:hover .blog-img-thmb::after {
    height: 100%;
    background-color: rgba(0, 72, 109, .55);
    background-image: url("data:image/svg+xml,%3Csvg enable-background='new 0 0 512 512' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='white' d='m307.148 35.148-104.067 104.066c-.201.2-.326.443-.526.645 25.637-3.734 51.974-1.174 76.388 8.346l70.63-70.63c23.399-23.399 61.454-23.399 84.853 0 23.399 23.397 23.399 61.454 0 84.851-3.99 3.992-110.083 110.085-104.066 104.066-23.584 23.586-62.276 22.577-84.853 0-11.693-11.693-30.731-11.693-42.426 0l-18.214 18.214c5.052 8.584 10.844 16.844 18.214 24.214 44.44 44.44 120.934 47.99 169.061.526.201-.2.443-.326.645-.526l104.066-104.066c46.862-46.864 46.862-122.842 0-169.706-46.864-46.864-122.841-46.864-169.705 0z'/%3E%3Cpath fill='white' d='m233.285 363.568-70.858 70.858c-23.397 23.399-61.454 23.399-84.851 0-23.399-23.399-23.399-61.454 0-84.853 3.99-3.99 110.31-110.31 104.293-104.293 23.584-23.584 62.276-22.577 84.853 0 11.693 11.695 30.732 11.695 42.426 0l18.214-18.214c-5.052-8.584-10.844-16.844-18.214-24.212-44.355-44.357-120.793-48.131-169.061-.527-.201.2-.443.326-.645.527l-104.294 104.294c-46.862 46.862-46.864 122.842 0 169.706 46.864 46.862 122.844 46.862 169.706 0l104.293-104.295c.201-.2.326-.441.526-.645-25.637 3.734-51.973 1.174-76.388-8.346z'/%3E%3C/svg%3E");
    background-position: center;
    background-size: 2.5em auto;
    background-repeat: no-repeat
}

.pagination {
    text-align: center;
    margin-top: 2em
}

.pagination a.page-numbers,
.pagination .page-numbers {
    display: inline-block;
    text-align: center;
    color: #00486d;
    font-size: .9em;
    line-height: 1.2em;
    padding: .55em .95em;
    margin: 2px 0;
    border-radius: 5px;
    outline: none;
    border: 1px rgba(0, 72, 109, .2) solid;
    transition: border-color 150ms ease-in-out
}

.pagination .page-numbers:hover,
.pagination .page-numbers:focus {
    border-color: rgba(0, 72, 109, .6)
}

.pagination .current.page-numbers {
    background: #00486d;
    color: #fff;
    border-color: #00486d
}

.blog-sidebar {
    display: none
}

@media(min-width: 1200px) {
    .blog-sidebar {
        display: block
    }
}

.blog-sidebar a {
    display: block;
    border-bottom: 1px rgba(0, 72, 109, .15) solid;
    line-height: 1.3;
    font-size: .95em;
    font-weight: 700;
    padding-bottom: 1em;
    margin-bottom: 1em
}

.blog-sidebar a:last-child {
    border-bottom: none;
    margin-bottom: 0
}

.blog-sidebar a time {
    display: block;
    font-size: .7em;
    font-weight: 400;
    color: #00486d;
    margin-bottom: .1em
}

.blog-sidebar a p {
    font-size: .8em;
    font-weight: 400;
    color: #333;
    margin: .25em 0 0 !important
}

.blog-sidebar a:hover p {
    color: #00486d
}

.product-cat-group h1 {
    line-height: 1;
    font-size: 2em;
    padding: 0;
    margin: 0 0 .65em;
    color: #00486d;
    text-transform: uppercase;
    text-align: center
}

@media(min-width: 768px) {
    .product-cat-group h1 {
        font-size: 2.75em
    }
}

.product-cat-group .cat-description {
    display: none
}

@media(min-width: 768px) {
    .product-cat-group .cat-description {
        display: block;
        max-width: 768px;
        font-size: .95em;
        line-height: 1.4;
        margin: 0 auto 2em;
        padding: 1.75em 2.2em;
        border-radius: 5px;
        color: #00486d;
        background-color: rgba(0, 72, 109, .05)
    }
}

.product-cat-group .cat-description p {
    margin-bottom: .75em
}

.product-cat-group .cat-description p:last-child {
    margin-bottom: 0
}

.product-list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1em;
    padding-top: .75em
}

@media(min-width: 768px) {
    .product-list {
        gap: 2.1em
    }
}

.product-list a {
    --this-width: calc(50% - 0.5em);
    display: block;
    position: relative;
    flex: 0 0 var(--this-width);
    text-align: center;
    width: var(--this-width);
    border-radius: 5px;
    padding: 0;
    overflow: hidden
}

@media(min-width: 992px) {
    .product-list a {
        --this-width: calc(33.33333% - 1.4em)
    }
}

@media(min-width: 1200px) {
    .product-list a {
        --this-width: calc(25% - 1.575em)
    }
}

.product-list a::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-image: linear-gradient(rgba(0, 72, 109, 0.15), rgba(0, 72, 109, 0));
    background-position: top center;
    background-size: 100% 12em;
    background-repeat: no-repeat;
    opacity: 0;
    pointer-events: none;
    transition: opacity 300ms ease
}

.product-list a img {
    display: block;
    width: 100%;
    height: auto;
    border: 0 rgba(0, 0, 0, 0) solid;
    transition: border 150ms ease
}

.product-list a h2 {
    font-size: 1.2em;
    color: #00486d;
    margin: 1em 0
}

.product-list a h2 span {
    display: block;
    font-family: var(--font-body);
    font-weight: 400;
    font-size: .75em;
    color: #f0181f;
    margin-top: .25em
}

.product-list a:hover::after {
    opacity: 1
}

.product-list a:hover h2 {
    color: #f0181f !important
}

.product-list a:hover img {
    border: 6px rgba(0, 0, 0, 0) solid
}

.prd-sngl-header {
    display: flex;
    flex-direction: column;
    gap: 1em
}

@media(min-width: 992px) {
    .prd-sngl-header {
        flex-direction: row;
        gap: 2em
    }

    .prd-sngl-header .prd-sngl-title {
        width: calc(53% - 1em);
        flex: 0 0 calc(53% - 1em)
    }

    .prd-sngl-header .prd-sngl-image {
        width: calc(47% - 1em);
        flex: 0 0 calc(47% - 1em)
    }
}

.prd-sngl-header .btn {
    margin: .25em 0 0
}

.prd-sngl-header .prd-sngl-image {
    position: relative;
    line-height: 0
}

.prd-sngl-header .prd-sngl-image img {
    border: 1px #ecedf1 solid;
    width: 100%;
    height: auto;
    line-height: 0;
    margin: 0
}

.prd-sngl-header .prd-sngl-image.migde::after,
.prd-sngl-header .prd-sngl-image.migen::after {
    content: "";
    display: block;
    position: absolute;
    right: 1.1em;
    bottom: 1.1em;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.prd-sngl-header .prd-sngl-image.migen::after {
    width: 3.4em;
    height: 3.1em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd; clip-rule:evenodd' viewBox='0 0 2113.64 1933.63'%3E%3Crect fill='%23FE0000' x='0.02' y='767.22' width='2113.6' height='383.93'/%3E%3Crect fill='%23FFCC00' x='0.02' y='1151.14' width='2113.6' height='383.93'/%3E%3Cpolygon fill='black' points='0.02,383.29 2113.63,383.29 2113.63,767.21 0.02,767.21 '/%3E%3Cpath fill='%2300486D' d='M0 274.78l0 -272.83 51.06 0 83.01 129.01 83.03 -129.01 51.06 0 0 272.83 -47.95 0 0 -195.66 -86.14 128.62 -1.56 0 -85.35 -127.84 0 194.88 -47.16 0zm376.89 0l120.05 -274.78 44.44 0 120.04 274.78 -50.66 0 -27.68 -65.87 -129.01 0 -28.07 65.87 -49.11 0zm94.72 -108.36l93.93 0 -47.16 -109.13 -46.77 109.13zm298.55 108.36l0 -272.83 101.72 0c42.62,0 77.44,12.93 104.47,38.77 27.02,25.86 40.53,58.41 40.53,97.64 0,38.98 -13.58,71.45 -40.73,97.43 -27.15,25.99 -61.91,38.99 -104.27,38.99l-101.72 0zm47.94 -43.66l53.78 0c28.33,0 51.2,-8.64 68.6,-25.91 17.41,-17.28 26.12,-39.57 26.12,-66.85 0,-27.02 -8.71,-49.23 -26.12,-66.65 -17.4,-17.41 -40.27,-26.11 -68.6,-26.11l-53.78 0 0 185.52zm318.82 43.66l0 -272.83 202.29 0 0 42.87 -154.35 0 0 70.94 136.81 0 0 42.87 -136.81 0 0 73.27 156.29 0 0 42.88 -204.23 0zm556.18 0l0 -272.83 47.94 0 0 272.83 -47.94 0zm182.79 0l0 -272.83 44.43 0 146.17 188.63 0 -188.63 47.15 0 0 272.83 -40.14 0 -150.45 -194.1 0 194.1 -47.16 0z'/%3E%3Cpath fill='%2300486D' d='M147.44 1933.63c-43.54,0 -78.99,-13.61 -106.37,-40.85 -27.37,-27.24 -41.06,-61.97 -41.06,-104.16 0,-40.33 14.02,-74.58 42.06,-102.76 28.05,-28.18 63.04,-42.27 104.97,-42.27 24.3,0 44.86,3.14 61.69,9.42 16.82,6.28 32.98,15.95 48.48,29.04l-38.86 46.87c-11.75,-9.88 -23.11,-17.09 -34.06,-21.63 -10.95,-4.54 -24.03,-6.81 -39.25,-6.81 -22.44,0 -41.47,8.61 -57.09,25.84 -15.63,17.22 -23.44,37.99 -23.44,62.3 0,25.63 7.95,46.87 23.84,63.69 15.88,16.83 36.25,25.24 61.09,25.24 22.97,0 42.33,-5.6 58.09,-16.83l0 -40.06 -62.09 0 0 -53.28 121.78 0 0 121.79c-34.99,29.64 -74.92,44.46 -119.78,44.46zm179.07 -4.8l0 -280.43 211.52 0 0 54.89 -150.23 0 0 56.88 132.2 0 0 54.88 -132.2 0 0 58.9 152.23 0 0 54.88 -213.52 0zm268.4 0l0 -280.43 128.2 0c35.52,0 62.77,9.48 81.72,28.44 16.03,16.03 24.04,37.66 24.04,64.9 0,43 -20.03,71.98 -60.09,86.94l68.51 100.15 -72.12 0 -60.89 -89.74 -47.67 0 0 89.74 -61.7 0zm61.7 -144.22l62.49 0c14.95,0 26.58,-3.67 34.86,-11.02 8.27,-7.34 12.42,-17.16 12.42,-29.45 0,-13.08 -4.28,-23.03 -12.83,-29.84 -8.54,-6.81 -20.42,-10.22 -35.65,-10.22l-61.29 0 0 80.53zm227.94 144.22l0 -280.43 66.5 0 73.72 118.58 73.71 -118.58 66.5 0 0 280.43 -61.29 0 0 -183.08 -78.92 119.79 -1.6 0 -78.13 -118.59 0 181.88 -60.49 0zm323.7 0l120.19 -282.44 56.87 0 120.19 282.44 -64.5 0 -25.64 -62.89 -118.57 0 -25.65 62.89 -62.89 0zm110.57 -117.38l74.5 0 -37.25 -90.94 -37.25 90.94zm229.95 117.38l0 -280.43 56.88 0 131.4 172.66 0 -172.66 60.91 0 0 280.43 -52.49 0 -135.81 -178.28 0 178.28 -60.89 0zm395.41 0l0 -110.57 -107.77 -169.86 72.12 0 66.9 112.57 68.11 -112.57 70.1 0 -107.76 168.66 0 111.77 -61.7 0z'/%3E%3C/svg%3E%0A")
}

.prd-sngl-header .prd-sngl-image.migde::after {
    width: 3.9em;
    height: 3.4em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='fill-rule:evenodd; clip-rule:evenodd' viewBox='0 0 205.01 171.37'%3E%3Crect fill='%23FE0000' y='66.07' width='205.01' height='37.24'/%3E%3Crect fill='%23FFCC00' y='103.31' width='205.01' height='37.24'/%3E%3Cpolygon fill='black' points='0,28.83 205.01,28.83 205.01,66.07 0,66.07 '/%3E%3Cpath fill='%2300486D' d='M0 18.09l0 -17.79 3.13 0 0 7.4 8.48 0 0 -7.4 3.13 0 0 17.79 -3.13 0 0 -7.49 -8.48 0 0 7.49 -3.13 0zm18.17 0l0 -17.79 13.19 0 0 2.8 -10.07 0 0 4.62 8.92 0 0 2.8 -8.92 0 0 4.78 10.19 0 0 2.79 -13.31 0zm15.88 0l0 -17.79 7.93 0c3.6,0 6.6,1.76 6.6,5.67 0,2.8 -1.6,4.63 -4.24,5.39l4.8 6.73 -3.68 0 -4.42 -6.2 -3.86 0 0 6.2 -3.13 0zm3.13 -8.97l4.57 0c1.91,0 3.66,-0.9 3.66,-3.02 0,-2.2 -1.74,-2.95 -3.69,-2.95l-4.54 0 0 5.97zm22.53 9.28c-5.43,0 -9.22,-3.76 -9.22,-9.2 0,-5.21 3.94,-9.2 9.17,-9.2 2.73,0 4.74,0.65 6.84,2.41l-1.98 2.37c-1.55,-1.33 -2.93,-1.91 -4.98,-1.91 -3.47,0 -5.77,3.02 -5.77,6.33 0,3.6 2.34,6.35 6.05,6.35 1.66,0 3.09,-0.45 4.29,-1.35l0 -3.32 -4.55 0 0 -2.72 7.57 0 0 7.47c-2.15,1.84 -4.62,2.77 -7.42,2.77zm10.35 -0.31l0 -17.79 13.18 0 0 2.8 -10.06 0 0 4.62 8.92 0 0 2.8 -8.92 0 0 4.78 10.19 0 0 2.79 -13.31 0zm22.1 0.26c-2.83,0 -5.3,-0.95 -7.42,-2.85l1.88 -2.24c1.78,1.55 3.65,2.32 5.62,2.32 1.45,0 3.15,-0.58 3.15,-2.29 0,-1.92 -2.55,-2.4 -4.01,-2.74 -3.08,-0.74 -5.93,-1.68 -5.93,-5.34 0,-3.42 2.94,-5.16 6.08,-5.16 2.44,0 4.59,0.75 6.45,2.24l-1.67 2.36c-1.65,-1.22 -3.26,-1.83 -4.83,-1.83 -1.35,0 -2.9,0.59 -2.9,2.16 0,1.97 2.71,2.43 4.22,2.8 2.91,0.7 5.72,1.81 5.72,5.26 0,3.67 -3.02,5.31 -6.36,5.31zm12.89 -0.26l0 -14.89 -5.64 0 0 -2.9 14.43 0 0 2.9 -5.64 0 0 14.89 -3.15 0zm10.95 0l0 -17.79 13.19 0 0 2.8 -10.07 0 0 4.62 8.92 0 0 2.8 -8.92 0 0 4.78 10.19 0 0 2.79 -13.31 0zm15.88 0l0 -17.79 3.13 0 0 14.95 9.35 0 0 2.84 -12.48 0zm14.59 0l0 -17.79 3.12 0 0 14.95 9.35 0 0 2.84 -12.47 0zm16.41 0l0 -14.89 -5.64 0 0 -2.9 14.43 0 0 2.9 -5.64 0 0 14.89 -3.15 0zm19.9 0l0 -17.79 3.12 0 0 17.79 -3.12 0zm6.73 0l0 -17.79 2.9 0 9.53 12.3 0 -12.3 3.07 0 0 17.79 -2.62 0 -9.8 -12.65 0 12.65 -3.08 0z'/%3E%3Cpath fill='%2300486D' d='M0 171.03l0 -19.7 7.69 0c5.84,0 10.47,3.82 10.47,9.85 0,5.99 -4.67,9.85 -10.47,9.85l-7.69 0zm4.34 -3.91l3.35 0c3.56,0 5.94,-2.38 5.94,-5.94 0,-3.53 -2.42,-5.94 -5.94,-5.94l-3.35 0 0 11.88zm16.16 3.91l0 -19.7 14.86 0 0 3.85 -10.56 0 0 4 9.29 0 0 3.86 -9.29 0 0 4.14 10.7 0 0 3.85 -15 0zm25.55 0.31c-5.58,0 -8.52,-3.25 -8.52,-8.75l0 -11.26 4.33 0 0 11.15c0,2.79 1.24,4.87 4.25,4.87 2.96,0 4.25,-1.94 4.25,-4.73l0 -11.29 4.34 0 0 11.12c0,5.59 -2.97,8.89 -8.65,8.89zm16.13 -0.31l0 -15.7 -5.99 0 0 -4 16.32 0 0 4 -5.99 0 0 15.7 -4.34 0zm18.72 0.28c-3.23,0 -6.01,-1.05 -8.36,-3.15l2.56 -3.07c1.94,1.6 3.9,2.4 5.89,2.4 1.23,0 2.84,-0.4 2.84,-1.92 0,-0.56 -0.26,-1.02 -0.79,-1.36 -0.52,-0.35 -1.58,-0.73 -3.18,-1.14 -3.43,-0.86 -6.53,-1.86 -6.53,-6.08 0,-3.94 3.26,-5.94 6.9,-5.94 2.79,0 5.23,0.83 7.32,2.5l-2.26 3.27c-1.85,-1.3 -3.56,-1.94 -5.12,-1.94 -1.13,0 -2.53,0.41 -2.53,1.77 0,1.8 2.88,2.24 4.25,2.59 3.27,0.86 6.25,2.1 6.25,5.97 0,4.24 -3.37,6.1 -7.24,6.1zm18.72 0.06c-5.81,0 -10.1,-4.4 -10.1,-10.19 0,-5.88 4.4,-10.19 10.27,-10.19 3.19,0 5.37,0.99 7.63,3.21l-2.59 2.98c-1.58,-1.44 -2.88,-2.19 -5.07,-2.19 -3.48,0 -5.71,2.85 -5.71,6.19 0,3.32 2.25,6.19 5.71,6.19 2.21,0 3.59,-0.85 5.18,-2.3l2.76 2.95c-2.31,2.47 -4.73,3.35 -8.08,3.35zm10.02 -0.34l0 -19.7 4.34 0 0 7.8 7.99 0 0 -7.8 4.34 0 0 19.7 -4.34 0 0 -7.91 -7.99 0 0 7.91 -4.34 0zm19.88 0l0 -19.7 4.33 0 0 15.76 9.82 0 0 3.94 -14.15 0zm14.21 0l8.44 -19.84 4 0 8.45 19.84 -4.54 0 -1.8 -4.42 -8.33 0 -1.8 4.42 -4.42 0zm7.77 -8.25l5.23 0 -2.61 -6.38 -2.62 6.38zm14.64 8.25l0 -19.7 3.99 0 9.24 12.13 0 -12.13 4.28 0 0 19.7 -3.69 0 -9.54 -12.52 0 12.52 -4.28 0zm20.71 0l0 -19.7 7.69 0c5.84,0 10.47,3.82 10.47,9.85 0,5.99 -4.67,9.85 -10.47,9.85l-7.69 0zm4.34 -3.91l3.35 0c3.56,0 5.94,-2.38 5.94,-5.94 0,-3.53 -2.41,-5.94 -5.94,-5.94l-3.35 0 0 11.88z'/%3E%3C/svg%3E%0A")
}

.prd-sngl-header .prd-summary {
    display: none
}

@media(min-width: 992px) {
    .prd-sngl-header .prd-summary {
        display: block;
        font-size: .9em
    }

    .prd-sngl-header .prd-summary ul {
        padding-left: 1.1em
    }

    .prd-sngl-header .prd-summary ul li::before {
        background-color: #ecedf1
    }
}

.prd-gallery {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    line-height: 0;
    margin-top: 2em;
    gap: .75em
}

.prd-gallery a {
    position: relative;
    display: block
}

.prd-gallery img {
    height: 145px;
    width: auto;
    border: 1px #ecedf1 solid
}

@media(min-width: 992px) {
    .prd-gallery img {
        height: 173px
    }
}

@media(min-width: 1200px) {
    .prd-gallery img {
        height: 210px
    }
}

@media(min-width: 1400px) {
    .prd-gallery img {
        height: 250px
    }
}

/* Product Detail Page */
.prd-breadcrumb {
    font-size: .9em;
    margin-bottom: 1.5em;
    color: #666;
}

.prd-breadcrumb a {
    color: #00486d;
    text-decoration: none;
}

.prd-breadcrumb a:hover {
    color: #f0181f;
    text-decoration: underline;
}

.prd-breadcrumb .sep {
    margin: 0 .5em;
    color: #ccc;
}

.prd-breadcrumb .current {
    color: #333;
    font-weight: 600;
}

.prd-capacity {
    font-size: 1.15em;
    font-weight: 600;
    color: #f0181f;
    margin-bottom: 1em;
}

.prd-section-title {
    font-size: 1.6em;
    color: #00486d;
    text-transform: uppercase;
    margin: 2em 0 1em;
    padding-bottom: .5em;
    border-bottom: 2px solid #ecedf1;
}

.prd-specs-table {
    max-width: 700px;
}

.prd-spec-row {
    display: flex;
    border-bottom: 1px solid #f0f0f0;
    padding: .7em 0;
}

.prd-spec-row:nth-child(odd) {
    background-color: rgba(0, 72, 109, .03);
}

.prd-spec-label {
    flex: 0 0 40%;
    font-weight: 600;
    color: #333;
    padding: 0 1em 0 .5em;
}

.prd-spec-value {
    flex: 1;
    color: #555;
    padding: 0 .5em;
}

.prd-description {
    margin-top: 1em;
}

.prd-gallery-section {
    margin-top: 1em;
}

.prd-related {
    margin-top: 2em;
    padding-top: 1em;
    border-top: 2px solid #ecedf1;
}

/* Customer Logos Carousel (PDF #002) */
.customer-logos-section {
    background-color: #ECEDF1;
    padding: 30px 0
}

.customer-logos-section .slick-slide {
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding: 10px 15px
}

.customer-logos-section .slick-slide img {
    max-height: 60px;
    width: auto;
    margin: 0 auto;
    filter: grayscale(100%);
    opacity: 0.7;
    transition: all 0.3s ease
}

.customer-logos-section .slick-slide img:hover {
    filter: grayscale(0%);
    opacity: 1
}

/* Frontpage Sections */
.frontpage-sections {
    text-align: center;
    padding: 4em 0;
    background-image: linear-gradient(rgba(0, 72, 109, 0.2), rgba(0, 72, 109, 0));
    background-size: 100% 9em;
    background-position: top center;
    background-repeat: no-repeat
}

@media(min-width: 992px) {
    .frontpage-sections {
        padding: 6em 0 5em
    }
}

.frontpage-sections .section-title {
    line-height: 1;
    font-size: 2.5em;
    margin: 0 0 .6em;
    padding: 0;
    color: #00486d;
    text-transform: uppercase;
    text-align: center
}

@media(min-width: 768px) {
    .frontpage-sections .section-title {
        font-size: 3.5em
    }
}

.frontpage-sections img {
    max-width: 100%;
    height: auto
}

.frontpage-product .fprd-title {
    line-height: 1;
    font-size: 2.75em;
    margin: 0 0 .15em;
    padding: 0;
    color: #00486d;
    text-transform: uppercase;
    text-align: center
}

@media(min-width: 768px) {
    .frontpage-product .fprd-title {
        font-size: 3.75em
    }
}

.frontpage-product .fprd-subtitle {
    line-height: 1.3;
    font-size: 1.25em
}

@media(min-width: 768px) {
    .frontpage-product .fprd-subtitle {
        font-size: 1.5em
    }
}

.frontpage-product .product-cat-showcase {
    margin-top: 2.75em;
    display: flex;
    flex-wrap: wrap;
    gap: 1em
}

@media(min-width: 992px) {
    .frontpage-product .product-cat-showcase {
        gap: 2.1em
    }
}

.frontpage-product .product-cat-showcase a {
    --fpcat-width: calc(50% - 0.5em);
    display: block;
    position: relative;
    flex: 0 0 var(--fpcat-width);
    text-align: center;
    width: var(--fpcat-width);
    border-radius: 5px;
    padding: 0;
    overflow: hidden
}

@media(min-width: 992px) {
    .frontpage-product .product-cat-showcase a {
        --fpcat-width: calc(25% - 1.575em)
    }
}

.frontpage-product .product-cat-showcase a::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-image: linear-gradient(rgba(0, 72, 109, 0.1), rgba(0, 72, 109, 0));
    background-position: top center;
    background-size: 100% 12em;
    background-repeat: no-repeat;
    pointer-events: none
}

.frontpage-product .product-cat-showcase a img {
    display: block;
    width: 100%;
    height: auto;
    border: 0 rgba(0, 0, 0, 0) solid;
    transition: border 150ms ease
}

.frontpage-product .product-cat-showcase a h2 {
    font-size: 1.1em;
    text-transform: uppercase;
    color: #00486d;
    max-width: 80%;
    margin: 1.5em auto .75em
}

@media(min-width: 768px) {
    .frontpage-product .product-cat-showcase a h2 {
        font-size: 1.5em
    }
}

.frontpage-product .product-cat-showcase a:hover h2 {
    color: #f0181f !important
}

.frontpage-product .product-cat-showcase a:hover img {
    border: 6px rgba(0, 0, 0, 0) solid
}

.frontpage-product .fp-slider {
    margin-top: 2.75em;
    border-radius: 5px;
    overflow: hidden
}

.frontpage-product .fp-slider .fp-slide {
    display: flex;
    flex-direction: column;
    background-color: #000;
    overflow: hidden
}

@media(min-width: 768px) {
    .frontpage-product .fp-slider .fp-slide {
        flex-direction: row;
        height: 450px
    }

    .frontpage-product .fp-slider .fp-slide .fp-slide-img {
        width: 45%;
        flex: 0 0 45%
    }

    .frontpage-product .fp-slider .fp-slide .fp-slide-cnt {
        width: 55%;
        flex: 0 0 55%
    }
}

@media(min-width: 992px) {

    .frontpage-product .fp-slider .fp-slide .fp-slide-img,
    .frontpage-product .fp-slider .fp-slide .fp-slide-cnt {
        width: 50%;
        flex: 0 0 50%
    }
}

@media(min-width: 1200px) {
    .frontpage-product .fp-slider .fp-slide {
        height: 500px
    }
}

.frontpage-product .fp-slider .fp-slide-img {
    position: relative
}

.frontpage-product .fp-slider .fp-slide-img::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    z-index: 1;
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgb(0, 0, 0))
}

@media(min-width: 768px) {
    .frontpage-product .fp-slider .fp-slide-img::after {
        top: 0;
        right: 0;
        left: auto;
        width: 50%;
        height: 100%;
        background-image: linear-gradient(90deg, rgba(0, 0, 0, 0), rgb(0, 0, 0))
    }
}

.frontpage-product .fp-slider .fp-slide-img img {
    display: block;
    width: 100%;
    height: 14em;
    line-height: 0;
    margin: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

@media(min-width: 768px) {
    .frontpage-product .fp-slider .fp-slide-img img {
        height: 100%
    }
}

.frontpage-product .fp-slider .fp-slide-cnt {
    display: flex;
    align-items: center;
    padding: 1.5em;
    height: 22em
}

@media(min-width: 768px) {
    .frontpage-product .fp-slider .fp-slide-cnt {
        height: auto;
        padding: 3em 3.5em;
        font-size: 1.1em;
        text-align: left
    }
}

.frontpage-product .fp-slider .fp-slide-cnt h3 {
    font-size: 1.75em;
    text-transform: uppercase;
    margin: 0 0 .5em;
    padding: 0
}

.frontpage-product .fp-slider .fp-slide-cnt p {
    position: relative;
    color: #fff;
    margin-bottom: .5em;
    height: 8.5em;
    overflow: hidden
}

.frontpage-product .fp-slider .fp-slide-cnt p::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30%;
    z-index: 1;
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgb(0, 0, 0))
}

@media(min-width: 768px) {
    .frontpage-product .fp-slider .fp-slide-cnt p {
        height: auto
    }

    .frontpage-product .fp-slider .fp-slide-cnt p::after {
        display: none
    }
}

.frontpage-product .fp-slider .fp-slide-cnt .btn {
    margin: 0
}

.frontpage-video {
    background-color: #003854;
    background-image: url("https://ankasoftmedya.com/ifex3000demo/assets/images/drop-mist-pattern.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    text-align: center
}

.frontpage-video .cnt {
    text-align: center
}

.frontpage-video .embed-width {
    max-width: 1170px;
    margin: 1.5em auto
}

.introduction {
    text-align: center
}

.introduction .narrow-content p {
    font-size: 1.25em;
    line-height: 1.45;
    margin: 0 0 1em
}

@media(min-width: 1200px) {
    .introduction .narrow-content p {
        margin: 0 3em 1em
    }
}

@media(min-width: 1400px) {
    .introduction .narrow-content p {
        margin: 0 7.5em 1em
    }
}

.introduction .intro-box {
    display: flex;
    flex-direction: column;
    align-content: center;
    background-color: #000;
    color: #fff;
    border-radius: 5px;
    margin: 3em 0 1em;
    overflow: hidden
}

@media(min-width: 992px) {
    .introduction .intro-box {
        flex-direction: row
    }

    .introduction .intro-box .intro-box-img,
    .introduction .intro-box .intro-box-cnt {
        width: 50%;
        flex: 0 0 50%
    }
}

.introduction .intro-box .intro-box-img img {
    display: block;
    width: 100%;
    height: auto;
    line-height: 0;
    margin: 0
}

@media(min-width: 992px) {
    .introduction .intro-box .intro-box-img img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: left center;
        object-position: left center
    }
}

.introduction .intro-box .intro-box-cnt {
    display: flex;
    align-items: center;
    padding: 2em
}

@media(min-width: 768px) {
    .introduction .intro-box .intro-box-cnt {
        padding: 3em 3.5em;
        font-size: 1.1em
    }
}

@media(min-width: 992px) {
    .introduction .intro-box .intro-box-cnt {
        text-align: left
    }
}

.introduction .intro-box .btn {
    margin: 1.5em 0 0
}

.frontpage-sections .blog-archive {
    font-size: 1.1em;
    text-align: left
}

.frontpage-sections .blog-archive a:last-child {
    display: none
}

@media(min-width: 992px) {
    .frontpage-sections .blog-archive a:last-child {
        display: block
    }
}

.frontpage-sections .btn {
    display: inline-block;
    margin-top: .5em !important
}

.recent-post .blog-archive {
    text-align: left
}

.recent-post .blog-archive a:last-child {
    display: none
}

@media(min-width: 992px) {
    .recent-post .blog-archive a:last-child {
        display: block
    }
}

.recent-post .btn {
    display: inline-block;
    margin-top: .5em !important
}

.slick-prev,
.slick-next {
    display: inline-block;
    position: absolute;
    top: 50%;
    width: 1em;
    height: 1em;
    transform: translateY(-50%) rotate(45deg);
    border: none;
    border-top: 3px #fff solid;
    border-right: 3px #fff solid;
    cursor: pointer;
    color: rgba(0, 0, 0, 0) !important;
    outline: none !important;
    background: rgba(0, 0, 0, 0) !important;
    overflow: hidden;
    z-index: 1
}

.slick-prev:focus,
.slick-next:focus {
    outline: none
}

.slick-prev {
    left: 1.5em;
    transform: translateY(-50%) rotate(-135deg)
}

.slick-next {
    right: 1.5em
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    border-radius: 5px;
    box-shadow: 0 15px 25px -5px rgba(0, 0, 0, .1);
    overflow: hidden
}

@media(min-width: 768px) {
    .embed-container {
        margin: 3em 0
    }
}

.embed-container embed,
.embed-container iframe,
.embed-container object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.fancybox-bg {
    background: #000 !important
}

.error-page {
    position: relative;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    background-image: linear-gradient(rgba(0, 72, 109, 0.2), rgba(0, 72, 109, 0));
    background-size: 100% 9em;
    background-position: top center;
    background-repeat: no-repeat
}

.error-page h1 {
    font-size: 2.5em;
    padding: 0;
    line-height: 1
}

.error-page h1 span {
    display: block;
    font-size: 3.5em
}

.error-page h1 i {
    display: block;
    font-style: normal;
    margin-top: .2em
}

.cmplz-cookiebanner {
    border: 1px #ecedf1 solid !important;
    box-shadow: 2px -2px 5px -2px rgba(0, 72, 109, .1) !important;
    border-radius: 5px !important
}

.animated {
    opacity: 0;
    animation-duration: .6s;
    animation-fill-mode: both
}

.animated.inView.fadeUpShort {
    animation-name: fadeUpShort-seq
}

@keyframes fadeUpShort-seq {
    from {
        opacity: 0;
        transform: translateY(20px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.animated.inView.fadeDownShort {
    animation-name: fadeDownShort-seq
}

@keyframes fadeDownShort-seq {
    from {
        opacity: 0;
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.animated.delay {
    animation-delay: .1s
}

.animated.delay1 {
    animation-delay: .2s
}

.animated.delay2 {
    animation-delay: .3s
}

.animated.delay3 {
    animation-delay: .4s
}

.animated.delay4 {
    animation-delay: .5s
}

.animated.delay5 {
    animation-delay: .6s
}

.animated.delay6 {
    animation-delay: .7s
}

.animated.delay7 {
    animation-delay: .8s
}

.animated.delay8 {
    animation-delay: .9s
}

.animated.delay9 {
    animation-delay: 1s
}

.animated.delay10 {
    animation-delay: 1.1s
}

.animated.delay11 {
    animation-delay: 1.2s
}

.animated.delay12 {
    animation-delay: 1.3s
}

/*# sourceMappingURL=style.min.css.map */