@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700");
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, 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;
}

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

body {
    line-height: 1;
}

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;
}

strong, b {
    font-weight: 700;
}

i, em {
    font-style: italic;
}

input, select, textarea {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.invisible {
    display: none;
}

button, input.submit {
    cursor: pointer;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0;
}

sub, sup {
    font-size: 70%;
    line-height: 0;
    position: relative;
}

sup {
    top: -0.4em;
}

sub {
    bottom: -0.25em;
}

* {
    box-sizing: border-box;
}

/* WINDOW */
/*@media screen and (min-width: 750px) {

    ::-webkit-scrollbar {
        width: 10px;
        background: $col-white;
    }
    ::-webkit-scrollbar-thumb {
        border-radius: 0px;
        background: $col-secondary;
    }
}*/
/* DEFAULT CSS */
html {
    font-size: 20px;
}

@media screen and (max-width: 900px) {
    html {
        font-size: 16px;
    }
}

body {
    font-family: "Open Sans", sans-serif;
    font-size: 1.05rem;
    line-height: 2.1rem;
    font-weight: 400;
    font-style: normal;
    color: #333333;
    min-width: 320px;
    min-height: 100vh;
    overflow-x: hidden;
}

body a {
    text-decoration: none;
    color: inherit;
}

@media screen and (max-width: 900px) {
    body.mobile-menu-open {
        height: 100vh;
        overflow: hidden;
    }
}

#wrapper {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    background: #ffffff;
}

@media screen and (max-width: 1200px) {
    #wrapper {
        width: 100%;
    }
}

header,
main {
    width: 1000px;
    margin: 0 auto;
}

@media screen and (max-width: 1040px) {
    header,
    main {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }
}

header {
    padding-top: 8px;
    padding-bottom: 8px;
    top: 16px;
}

header > .inside .menu-toggle {
    display: none;
}

@media screen and (max-width: 900px) {
    header > .inside .menu-toggle[for] {
        position: absolute;
        top: 21px;
        right: 20px;
        z-index: 30;
        display: block;
        width: 45px;
        height: 65px;
        padding: 13px 0px;
    }
}

@media screen and (max-width: 900px) and (min-width: 400px) {
    header > .inside .menu-toggle[for]:after {
        content: "MENÜ";
        font-size: 20px;
        font-weight: 400;
        position: absolute;
        top: 10px;
        left: -70px;
        color: #4c0a09;
    }
}

@media screen and (max-width: 900px) {
    header > .inside .menu-toggle[for] > span {
        display: block;
        width: 100%;
        height: 6px;
        background: #4c0a09;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    header > .inside .menu-toggle[for] > span + span {
        margin-top: 8px;
    }
    header > .inside .menu-toggle[type]:checked + label > span:nth-child(1) {
        -moz-transform: rotate(-45deg) translate(-11px, 10px);
        -o-transform: rotate(-45deg) translate(-11px, 10px);
        -ms-transform: rotate(-45deg) translate(-11px, 10px);
        -webkit-transform: rotate(-45deg) translate(-11px, 10px);
        transform: rotate(-45deg) translate(-11px, 10px);
    }
    header > .inside .menu-toggle[type]:checked + label > span:nth-child(2) {
        -moz-transform: rotate(45deg) translate(1px, 1px);
        -o-transform: rotate(45deg) translate(1px, 1px);
        -ms-transform: rotate(45deg) translate(1px, 1px);
        -webkit-transform: rotate(45deg) translate(1px, 1px);
        transform: rotate(45deg) translate(1px, 1px);
    }
    header > .inside .menu-toggle[type]:checked + label > span:nth-child(3) {
        height: 0;
        opacity: 0;
    }
    header > .inside .menu-toggle[type]:checked ~ nav.mod_navigation {
        left: 0;
    }
}

@media screen and (min-width: 900px) {
    header > .inside nav {
        float: right;
        width: auto;
        border-top: 2px solid #ffffff;
        border-bottom: 2px solid #ffffff;
        height: 84px;
        padding-top: 15px;
    }
    header > .inside nav ul.level_1 {
        text-align: right;
    }
    header > .inside nav ul.level_1 > li {
        display: inline-block;
        white-space: nowrap;
        font-size: 0.8rem;
        font-weight: 700;
        position: relative;
    }
    header > .inside nav ul.level_1 > li + li {
        margin-left: 15px;
    }
    header > .inside nav ul.level_1 > li > a, header > .inside nav ul.level_1 > li > strong {
        padding: 5px 0;
    }
    header > .inside nav ul.level_1 > li:hover > a, header > .inside nav ul.level_1 > li:hover > strong, header > .inside nav ul.level_1 > li.active > a, header > .inside nav ul.level_1 > li.active > strong, header > .inside nav ul.level_1 > li.trail > a, header > .inside nav ul.level_1 > li.trail > strong {
        border-bottom: 2px solid #a71514;
    }
    header > .inside nav ul.level_1 > li:hover > ul.level_2 {
        display: block;
    }
    header > .inside nav ul.level_1 > li ul.level_2 {
        display: none;
        position: absolute;
        width: 200px;
        left: -65px;
        text-align: center;
        padding-top: 13.33333px;
        background: #ffffff;
        z-index: 100;
    }
    header > .inside nav ul.level_1 > li ul.level_2:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 10px 10px 10px;
        border-color: transparent transparent #a71514 transparent;
        position: absolute;
        top: 0;
        left: calc(50% - 5px);
        z-index: 20;
    }
    header > .inside nav ul.level_1 > li ul.level_2 > li {
        border-bottom: 2px solid #4c0a09;
        max-width: 250px;
    }
    header > .inside nav ul.level_1 > li ul.level_2 > li > a, header > .inside nav ul.level_1 > li ul.level_2 > li > strong {
        font-weight: inherit;
        display: block;
        font-size: 14px;
        padding: 8px 10px;
        width: 100%;
    }
    header > .inside nav ul.level_1 > li ul.level_2 > li > a:hover, header > .inside nav ul.level_1 > li ul.level_2 > li > strong:hover {
        background: #cccccc;
    }
    header > .inside nav ul.level_1 > li ul.level_2 > li > a.active, header > .inside nav ul.level_1 > li ul.level_2 > li > strong.active {
        background: #e6e6e6;
    }
}

@media screen and (max-width: 900px) {
    header > .inside nav {
        position: fixed;
        background: #ffffff;
        color: #000000;
        width: 100vw;
        top: 95px;
        left: -100vw;
        height: calc(100vh - 95px);
        overflow: scroll;
        padding-left: 0 !important;
        z-index: 10;
        -moz-transition: left 0.3s ease-in-out;
        -o-transition: left 0.3s ease-in-out;
        -webkit-transition: left 0.3s ease-in-out;
        -ms-transition: left 0.3s ease-in-out;
        transition: left 0.3s ease-in-out;
        -moz-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    header > .inside nav ul.level_1 > li > a, header > .inside nav ul.level_1 > li > strong {
        font-weight: inherit;
        display: block;
        padding: 9px 40px;
        text-transform: uppercase;
        font-size: 16px;
    }
    header > .inside nav ul.level_1 > li + li {
        border-top: 1px solid #b3b3b3;
    }
    header > .inside nav ul.level_1 > li ul.level_2 {
        display: none;
        /*
                            padding: $content-gap/2 $content-gap;
                            padding-top: 0;

                            > li {

                                &.headline:not(.hide) {

                                    border-bottom: 2px solid rgba($col-white,.5);
                                    > a {
                                        border-bottom: 1px solid rgba($col-white,.5);
                                        font-weight: inherit;
                                        text-transform: uppercase;
                                        font-size: 16px;
                                    }
                                }
                                &.headline > a { display: none; }

                                &:nth-child(1) {
                                    border-top: 2px solid rgba($col-white,.5);
                                }

                                > a, > strong {
                                    font-weight: inherit;
                                    display: block;
                                    padding: 10px $content-gap;
                                    font-size: 14px;
                                }

                                &.active, &.trail {
                                    > a, > strong {
                                        font-weight: inherit;
                                        background-color: $col-secondary;
                                    }
                                }

                                + li { border-top: 1px solid rgba($col-white,.1); }

                                ul.level_3 {

                                    > li {

                                        > a, > strong {
                                            font-weight: inherit;
                                            display: block;
                                            padding: 10px $content-gap;
                                            font-size: 14px;
                                        }

                                        &.active, &.trail {
                                            > a, > strong {
                                                font-weight: inherit;
                                                background-color: $col-secondary;
                                            }
                                        }

                                        + li { border-top: 1px solid rgba($col-white,.1); }
                                    }
                                }
                            }
                            */
    }
}

header > .inside a.logo {
    display: block;
    float: left;
    width: 191px;
    height: 91px;
    background: url(../img/logo.svg) no-repeat scroll 0 0 #ffffff;
    background-size: contain;
}

@media screen and (max-width: 850px) {
    header {
        width: 100%;
    }
    header > .inside nav {
        padding-left: 40px;
    }
}

#hero {
    width: 100%;
    margin-bottom: 80px;
}

@media screen and (max-width: 900px) {
    #hero {
        margin-bottom: 40px;
    }
}

#hero > .mod_article {
    overflow: hidden;
    width: 100%;
    max-height: 540px;
}

#hero > .mod_article.start {
    max-height: 710px;
}

#hero > .mod_article .ce_text {
    position: relative;
    color: #ffffff;
    width: 100%;
}

#hero > .mod_article .ce_text img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

@media screen and (max-width: 500px) {
    #hero > .mod_article .ce_text img {
        height: 30vh;
        object-position: 0 50%;
    }
}

#hero > .mod_article .ce_text > .content {
    position: absolute;
    font-size: 0.9rem;
    line-height: 1.65rem;
}

@media screen and (max-width: 500px) {
    #hero > .mod_article .ce_text > .content {
        width: calc(100% - 40px);
    }
    #hero > .mod_article .ce_text > .content p br,
    #hero > .mod_article .ce_text > .content p:nth-child(n+2) {
        display: none;
    }
}

@media screen and (max-width: 700px) {
    #hero > .mod_article .ce_text > .content {
        bottom: 20px;
        left: 20px;
    }
}

@media screen and (min-width: 701px) {
    #hero > .mod_article .ce_text > .content {
        top: 50%;
        transform: translateY(-50%);
        left: 100px;
    }
}

#hero > .mod_article .ce_text > .content b, #hero > .mod_article .ce_text > .content strong {
    font-size: 2.4rem;
    line-height: 2.9rem;
}

#hero > .mod_article .ce_text > .content p + p {
    margin-top: 0.5rem;
}

@media screen and (min-width: 500px) {
    #hero > .mod_article .ce_text[class*="badge"]:after, #hero > .mod_article .ce_image[class*="badge"]:after {
        content: "";
        position: absolute;
        width: 192px;
        height: 155px;
        background: url(../img/badge.svg) no-repeat scroll 0 0;
        background-size: contain;
    }
}

@media screen and (min-width: 500px) and (max-width: 900px) {
    #hero > .mod_article .ce_text[class*="badge"]:after, #hero > .mod_article .ce_image[class*="badge"]:after {
        width: 128px;
        height: 104px;
    }
}

@media screen and (min-width: 500px) {
    #hero > .mod_article .ce_text.badge-bottom-right:after, #hero > .mod_article .ce_image.badge-bottom-right:after {
        bottom: 12%;
        right: 12%;
    }
    #hero > .mod_article .ce_text.badge-top-right:after, #hero > .mod_article .ce_image.badge-top-right:after {
        top: 12%;
        right: 12%;
    }
    #hero > .mod_article .ce_text.badge-bottom-left:after, #hero > .mod_article .ce_image.badge-bottom-left:after {
        bottom: 12%;
        left: 12%;
    }
    #hero > .mod_article .ce_text.badge-top-left:after, #hero > .mod_article .ce_image.badge-top-left:after {
        top: 12%;
        left: 12%;
    }
}

cms-button {
    --bg-color: #a71514;
    --text-color: #ffffff;
    --hover-bg-color: #790f0f;
    --hover-text-color: #ffffff;
}

cms-button a {
    color: var(--text-color);
}

cms-modal-overlay {
    --main-border-color: #a71514;
    --main-close-btn-color: var(--main-border-color);
}

cms-modal-overlay > cms-container {
    border-radius: 30px;
}

cms-modal-overlay > cms-container > cms-container * + * {
    margin-top: 10px;
}

cms-modal-overlay > cms-container > cms-container img {
    display: block;
    width: 100%;
    height: auto;
}

cms-modal-overlay > cms-container > cms-container h1 {
    font-size: 1.2rem;
    font-weight: 700;
    color: #a71514;
}

cms-modal-overlay > cms-container > cms-container h2 {
    font-size: 1.1rem;
    font-weight: 700;
    color: #333333;
}

main .block {
    overflow: hidden;
    width: 100%;
}

main .block + .block,
main .block > * + * {
    margin-top: 40px;
}

@media screen and (max-width: 900px) {
    main .block + .block,
    main .block > * + * {
        margin-top: 26.66667px;
    }
}

main .mod_article + .mod_article {
    margin-top: 80px !important;
}

@media screen and (max-width: 900px) {
    main .mod_article + .mod_article {
        margin-top: 53.33333px !important;
    }
}

main h1 {
    font-size: 1.8rem;
    line-height: 2.1rem;
    font-weight: 700;
    text-align: center;
}

main h2 {
    font-size: 1.6rem;
    line-height: 2.1rem;
    font-weight: 700;
    text-align: center;
    margin-top: 25px;
    margin-bottom: 5px;
}

main h3 {
    font-size: 1.4rem;
    line-height: 1.7rem;
    font-weight: 700;
    text-align: center;
}

main p + p {
    margin-top: 2rem;
}

main .ce_text a {
    color: #a71514;
}

main .ce_text a:hover {
    color: #790f0f;
}

main figure.float_left {
    float: left;
    margin-right: 1rem;
}

main figure.float_right {
    float: right;
    margin-left: 1rem;
}

main figure img {
    width: 100%;
    height: auto;
}

main figure[class*="float_"] + * {
    margin-top: 0;
}

main figure figcaption {
    font-size: 0.65rem;
    text-align: center;
    line-height: 0.95rem;
    margin-top: -0.25rem;
}

main .ce_text h2 + *, main .ce_text h3 + *, main .ce_text h4 + *, main .ce_text h5 + *, main .ce_text h6 + * {
    margin-top: 20px;
}

main .ce_text.text-center {
    text-align: center;
}

main .ce_text.team {
    max-width: 800px;
    margin: 40px auto;
    font-size: 0.8rem;
    line-height: 1.3rem;
    color: #000000;
}

main .ce_text.team figure {
    max-width: 500px;
}

main .ce_text.team figure figcaption {
    color: #000000;
    font-weight: 600;
    margin-top: 0.25rem;
}

main .ce_text.team + .team {
    margin-top: 80px;
}

main .ce_text ul li {
    position: relative;
    padding-left: 15px;
}

main .ce_text ul li:before {
    content: "•";
    font-size: 1.2rem;
    position: absolute;
    left: 1px;
    top: 0;
}

main .ce_image {
    position: relative;
}

main .ce_image figure {
    width: 100%;
}

main .ce_image figure img {
    display: block;
    width: 100%;
    height: auto;
}

main .ce_image[class*="badge"]:after {
    content: "";
    position: absolute;
    width: 105px;
    height: 85px;
    background: url(../img/badge.svg) no-repeat scroll 0 0;
    background-size: contain;
}

main .ce_image.badge-bottom-right:after {
    bottom: 20px;
    right: 10%;
}

main .ce_image.badge-top-right:after {
    top: 20px;
    right: 10%;
}

main .ce_image.badge-bottom-left:after {
    bottom: 20px;
    left: 10%;
}

main .ce_image.badge-top-left:after {
    top: 20px;
    left: 10%;
}

main .ce_gallery ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: space-between;
}

main .ce_gallery ul.cols_2 li {
    width: calc(50% - 20px);
    margin-top: 5px;
    margin-bottom: 5px;
}

main .ce_gallery ul.cols_3 li {
    width: calc(33.33333% - 26.66667px);
    margin-top: 5px;
    margin-bottom: 5px;
}

main .ce_gallery ul.cols_4 li {
    width: calc(25% - 30px);
    margin-top: 5px;
    margin-bottom: 5px;
}

main .ce_gallery ul.cols_5 li {
    width: calc(20% - 32px);
    margin-top: 5px;
    margin-bottom: 5px;
}

@media screen and (max-width: 700px) {
    main .ce_gallery ul[class*="cols_"] li {
        width: calc(100%/2 - 20px);
    }
}

@media screen and (max-width: 450px) {
    main .ce_gallery ul[class*="cols_"] li {
        width: 100%;
    }
}

main .ce_hyperlink {
    text-align: center;
    margin-bottom: 60px;
}

main .ce_hyperlink a {
    display: inline-block;
    margin-top: 13.33333px;
    background: #a71514;
    text-transform: uppercase;
    color: #ffffff;
    font-size: 0.9rem;
    line-height: 1.5rem;
    padding: 10px 50px;
}

main .ce_form {
    max-width: 800px;
    margin: 40px auto 0;
    padding: 20px 130px;
    background: #e4e4e4;
    color: #666666;
}

@media screen and (max-width: 750px) {
    main .ce_form {
        padding: 20px 20px;
    }
}

main .formbody {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: space-between;
    font-size: 0.9rem;
    line-height: 1.2rem;
}

main .formbody .widget {
    overflow: hidden;
    display: inline-block;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 10px;
}

main .formbody .widget.span33 {
    width: calc(33% - 10px);
}

main .formbody .widget.span50 {
    width: calc(50% - 10px);
}

main .formbody .widget.span66 {
    width: calc(66% - 10px);
}

@media screen and (max-width: 400px) {
    main .formbody .widget[class*="span"] {
        width: 100%;
    }
}

main .formbody .widget label {
    display: block;
    float: left;
    width: 100%;
    padding: 7px 0;
}

main .formbody .widget label a {
    color: #a71514;
}

main .formbody .widget .captcha_text {
    display: inline-block;
    margin-left: 40px;
    padding-top: 8px;
}

main .formbody .widget input, main .formbody .widget textarea, main .formbody .widget select {
    width: 100%;
    border: 1px solid #cccccc;
    background: #f2f2f2;
    padding: 16px;
    resize: vertical;
    font-family: "Open Sans", sans-serif;
    font-size: 0.9rem;
    line-height: 1.25rem;
    font-weight: 400;
    font-style: normal;
}

main .formbody .widget input[type="checkbox"], main .formbody .widget input[type="radio"], main .formbody .widget textarea[type="checkbox"], main .formbody .widget textarea[type="radio"], main .formbody .widget select[type="checkbox"], main .formbody .widget select[type="radio"] {
    margin-left: 0;
    width: 30px;
    height: 30px;
}

main .formbody .widget input[type="checkbox"]:checked, main .formbody .widget input[type="radio"]:checked, main .formbody .widget textarea[type="checkbox"]:checked, main .formbody .widget textarea[type="radio"]:checked, main .formbody .widget select[type="checkbox"]:checked, main .formbody .widget select[type="radio"]:checked {
    background: url(../img/icon-tick.png) no-repeat scroll center center;
    background-size: 16px;
}

main .formbody .widget input[type="radio"], main .formbody .widget textarea[type="radio"], main .formbody .widget select[type="radio"] {
    border-radius: 15px;
}

main .formbody .widget input[type="radio"] + label, main .formbody .widget textarea[type="radio"] + label, main .formbody .widget select[type="radio"] + label {
    margin-left: 20px;
}

main .formbody .widget input[type="hidden"], main .formbody .widget textarea[type="hidden"], main .formbody .widget select[type="hidden"] {
    display: none !important;
}

main .formbody .widget input[disabled], main .formbody .widget input[readonly], main .formbody .widget textarea[disabled], main .formbody .widget textarea[readonly], main .formbody .widget select[disabled], main .formbody .widget select[readonly] {
    background-color: #ebebe4;
    cursor: default;
}

main .formbody .widget p.error {
    color: #c0392b;
}

main .formbody .widget.widget-select {
    position: relative;
}

main .formbody .widget.widget-select:after {
    content: "";
    display: block;
    position: absolute;
    right: 9px;
    top: 11px;
    width: 16px;
    height: 16px;
    background: url(../img/icon-arrow.png) no-repeat scroll center center;
    background-size: 16px;
    transform: rotate(90deg);
    pointer-events: none;
}

main .formbody .widget.widget-submit {
    text-align: center;
}

main .formbody .widget.widget-submit button {
    font-family: "Open Sans", sans-serif;
    border: none;
    display: inline-block;
    margin-top: 13.33333px;
    margin-bottom: 13.33333px;
    background: #a71514;
    text-transform: uppercase;
    color: #ffffff;
    font-size: 0.9rem;
    line-height: 1.5rem;
    padding: 10px 100px;
}

main .formbody .widget.widget-submit button:hover {
    background: #a71514;
}

main .formbody .widget.widget-submit button.pending {
    background: #333333;
    color: #ffffff;
}

main .formbody .widget.widget-submit button.success {
    background: #3be47f;
}

main .formbody .widget.widget-submit button.error {
    background: #c0392b;
}

main .formbody .widget.widget-submit button[disabled] {
    opacity: 0.35;
    cursor: default;
}

main .formbody .widget fieldset {
    margin-top: 20px;
}

main .mod_newslist h2 {
    font-size: inherit;
}

main .mod_newslist .ce_text {
    margin-top: 0;
    text-align: center;
}

main .mod_newslist p + p {
    margin-top: 0;
}

main .mod_newslist p.more {
    text-align: center;
}

main .mod_newslist p.more a {
    display: inline-block;
    margin-top: 13.33333px;
    background: #a71514;
    text-transform: uppercase;
    color: #ffffff;
    margin-top: 15px;
    padding: 10px 50px;
}

main .mod_newsreader {
    margin-top: 40px;
}

main .mod_newsreader .info {
    text-align: center;
    margin-top: 20px;
}

main .ce_optin_fallback {
    background: #e4e4e4;
    padding: 20px;
}

main .ce_optin_fallback a,
main .back a,
main .ce_cms_hyperlink > a,
main .ce_text_cms_cta .button {
    text-decoration: underline;
    color: #a71514;
}

footer {
    background: #831010;
    color: #ffffff;
    font-size: 14px;
    margin-top: 80px;
}

footer > .inside {
    overflow: hidden;
    text-align: center;
}

footer > .inside .learn-more {
    background: #a71514;
    font-weight: 400;
    font-size: 1.2rem;
    padding-bottom: 40px;
}

@media screen and (max-width: 500px) {
    footer > .inside .learn-more {
        padding-left: 20px;
        padding-right: 20px;
    }
}

footer > .inside .learn-more p span {
    white-space: nowrap;
}

footer > .inside nav.learn-more {
    padding-top: 32px;
    padding-bottom: 0;
}

footer > .inside nav.learn-more h3 {
    font-size: 1.2rem;
    font-weight: 700;
}

footer > .inside nav.learn-more ul.level_1 {
    padding: 25px;
    margin: -10px;
}

@media screen and (min-width: 501px) and (max-width: 850px) {
    footer > .inside nav.learn-more ul.level_1 {
        padding-left: calc(50% - 200px);
        padding-right: calc(50% - 200px);
    }
}

footer > .inside nav.learn-more ul.level_1 li {
    display: inline-block;
    width: 180px;
    height: 180px;
    background: #790f0f;
    margin: 10px;
}

footer > .inside nav.learn-more ul.level_1 li:hover, footer > .inside nav.learn-more ul.level_1 li.active {
    font-weight: inherit;
    background: #e6e6e6;
    color: #333333;
}

footer > .inside nav.learn-more ul.level_1 li a {
    width: 100%;
    height: 100%;
}

footer > .inside nav.learn-more ul.level_1 li span, footer > .inside nav.learn-more ul.level_1 li strong {
    display: inline-block;
    overflow: hidden;
    vertical-align: top;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    font-weight: inherit;
    font-size: 1rem;
    line-height: 1.5rem;
    text-transform: uppercase;
}

@media screen and (max-width: 850px) {
    footer > .inside nav.learn-more ul.level_1 li {
        height: 120px;
    }
}

@media screen and (max-width: 500px) {
    footer > .inside nav.learn-more ul.level_1 li {
        height: 90px;
        width: calc(100% - 20px);
    }
}

footer > .inside .contact {
    padding: 20px;
    display: inline-block;
    width: 100%;
    max-width: 630px;
    font-size: 0.8rem;
    line-height: 1.3rem;
    text-align: left;
}

footer > .inside .contact img {
    float: right;
    width: 315px;
    height: auto;
}

@media screen and (max-width: 600px) {
    footer > .inside .contact img {
        width: 50%;
        height: auto;
        object: fit;
        margin-bottom: 1rem;
    }
}

@media screen and (max-width: 500px) {
    footer > .inside .contact img {
        display: none;
    }
}

footer > .inside .contact p + p, footer > .inside .contact p + nav {
    margin-top: 1rem;
}

footer > .inside .contact nav {
    display: inline-block;
    font-size: 13px;
    line-height: 13px;
    text-align: left;
    margin-left: -6.66667px;
}

footer > .inside .contact nav ul.level_1 {
    font-size: 0;
}

footer > .inside .contact nav ul.level_1 li {
    font-size: 13px;
    display: inline-block;
    padding: 0 6.66667px;
}

footer > .inside .contact nav ul.level_1 li + li {
    border-left: 1px solid #ffffff;
}

footer > .inside a[href="#top"] {
    display: block;
    display: none;
    width: 60px;
    height: 60px;
    background: #a71514;
    position: fixed;
    bottom: 10vh;
    right: 0;
}

footer > .inside a[href="#top"]:before {
    position: relative;
    content: "";
    display: block;
    top: calc(50% - 0.4em);
    left: calc(50% - 0.8em);
    width: 1.2em;
    height: 1.2em;
    border-left: 0.4em solid #fff;
    border-top: 0.4em solid #fff;
    transform: rotate(45deg);
}