form {
    margin: 0;
}

img {
    border: none;
    display: inline-block;
}

div.image img {
    max-width: 100%;
}

div.pleft {
    overflow: hidden;
}

div.pright {
    overflow: hidden;
}

div.pcenter {
    overflow: hidden;
}

div.pjustify {
    overflow: hidden;
}

@media aural {
    .speek_nodisp {
        display: none;
    }
}

@media speech {
    .speek_nodisp {
        display: none;
    }
}

.wai_nodisp {
    position: absolute;
    top: -2000px;
    left: -2000px;
}

.show_de, .show_it, .show_en, .show_es {
    display: none;
}

body.lang_de .show_de, body.lang_it .show_it, body.lang_en .show_en, body.lang_es .show_es {
    display: initial;
}

body.lang_de .hide_de, body.lang_it .hide_it, body.lang_en .hide_en, body.lang_es .hide_es {
    display: none;
}

div.content .pull-center {
    float: none;
    margin-left: auto;
    margin-right: auto;
}

div.content .image.indent-l {
    padding-left: 15px !important;
}

div.content .image.indent-r {
    padding-right: 15px !important;
}

div.content .image.indent-t {
    padding-top: 15px !important;
}

div.content .image.indent-b {
    padding-bottom: 15px !important;
}

div.content .para.indent-b {
    padding-bottom: 15px !important;
}

#main-content div.content .container {
    padding: 0;
    width: 100%;
}

@media (max-width: 767px) {
    /*
    div.content .image.col-12.indent-l {
        padding-left: 0px!important;
    }

    div.content .image.col-12.indent-r {
        padding-right: 0px!important;
    }*/
    h1.h1 {
        font-size: 24px;
    }
}


.indent-t-12 {
    margin-top: 100%;
}

.indent-t-11 {
    margin-top: 91.66666667%;
}

.indent-t-10 {
    margin-top: 83.33333333%;
}

.indent-t-9 {
    margin-top: 75%;
}

.indent-t-8 {
    margin-top: 66.66666667%;
}

.indent-t-7 {
    margin-top: 58.33333333%;
}

.indent-t-6 {
    margin-top: 50%;
}

.indent-t-5 {
    margin-top: 41.66666667%;
}

.indent-t-4 {
    margin-top: 33.33333333%;
}

.indent-t-3 {
    margin-top: 25%;
}

.indent-t-2 {
    margin-top: 16.66666667%;
}

.indent-t-1 {
    margin-top: 8.33333333%;
}

.indent-t-0 {
    margin-top: 0%;
}

.gutter0 {
    padding: 0;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

div.int_dl_block {
    background-color: #eee;
    margin: 5px 0;
    padding: 3px 10px;
}

div.int_dl_title {
    background-repeat: no-repeat;
    background-position: 5px 5px;
    padding-left: 25px;
}

div.int_dl_title a {
    display: block;
    color: #000;
    font-weight: 400;
}


/* BEGIN site style */
body {
    font-family: 'Nunito', sans-serif;
    font-size: 16px;
    color: #000;
}

body .show-home {
    display: none;
}

body.head_home .show-home {
    display: block;
}

a {
    color: #000;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}


.bg_red {
    background: #b5123e;
}

.bg_grey {
    background: #adadad;
}

.bg_white {
    background: #fff;
}


#main-content {
    padding: 0px 0 50px 0;
}

.nav-main {
    padding: 0px;
    position: relative;
}

#logo {
    width: 100%;
}

#logo .d-flex {
    height: 120px;
}

.lSSlideOuter {
    margin-top: -175px;
}

.slider-item {
    height: 500px;
}

.bc {
    font-size: 14px;
    font-style: italic;
    padding-top: 15px;
    padding-bottom: 15px;
}

.bce span:first-child {
    display: none;
}

a.badge-secondary {
    background-color: #d6dee5;
}

.top {
    float: right;
    line-height: 28px;
}

#lang {
    font-font: 'Arial Narrow';
    font-size: 16px;
    line-height: 45px;
    color: #fff;
}

#lang a {
    color: #fff;
}

#main-content {
    padding-top: 80px;
}

.site_menu ul {
    list-style: none;
    padding-left: 20px;
    font-family: "Arial Narrow", Arial, sans-serif;
    font-size: 22px;

}

.site_menu ul li {
    margin-bottom: 5px;
}

.site_menu ul li::before {
    content: "\25A0"; /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color: #b5123e; /* Change the color */
    font-weight: bold; /* If you want it to be bold */
    display: inline-block; /* Needed to add space between the bullet and the text */
    width: 1em; /* Also needed for space (tweak if needed) */
    margin-left: -1em; /* Also needed for space (tweak if needed) */
    line-height: 1em;
    vertical-align: text-top;
}

.site_menu a:hover, .site_menu li.active a {
    color: #b5123e;
}

.site_menu .h1 {
    font-family: 'Arial Narrow', Arial, sans-serif;
    font-size: 28px;
    font-weight: normal;
    color: #b5123e;
    line-height: 1.3em;
    text-transform: uppercase;
    border-bottom: 2px solid #b5123e;
    margin-bottom: 1em;
}

.btn {
    border-radius: 0;
    text-decoration: none;
}

.btn-light {
    font-family: 'Arial Narrow', Arial, sans-serif;
    color: #b5123e;
    font-size: 24px;
    text-transform: uppercase;
    text-decoration: none;
}
.btn-primary {
    font-family: 'Arial Narrow', Arial, sans-serif;
    background-color: #b5123e;
    border-color: #b5123e;
}

footer {
    font-size: 14px;
    color: #fff;
}

footer .btn {
    display: block;
    margin: 0;
}

footer h2 {
    font-family: 'Arial Narrow', Arial, sans-serif;
    font-size: 24px;
    font-weight: bold;
}

footer a {
    color: #fff;
    text-decoration: underline;
}

footer a:hover {
    color: #b5123e;
}

footer .mnu > span:first-child {
    display: none;
}

footer .bg_red {
    padding: 15px 0;
}

footer .bg_red a {
    display: inline-block;
    margin: 0 10px;
}
legend {
    border-bottom: 1px solid;
    margin-bottom: 20px;
}
/* END site style */

/** BEGIN NAVBAR **/
@media (min-width: 100px) {
    .container {
        max-width: 1200px;
    }
}

@media (min-width: 768px) {

    .dropdown-toggle::after {
        display: none;
    }

    .navbar {
        padding-right: 0;
        margin-right: 0;
    }

    .navbar .navbar-collapse {
        padding-right: 0;
    }

    .nav > li > a {
        position: relative;
        display: block;
        padding: 0;
    }

    .navbar-nav > li {
        margin: 0 10px;
    }

    .navbar-nav > li:first-child {
        margin-left: 0px !important;
    }

    .navbar-nav > li:last-child {
        margin-right: 0px !important;
    }

    .navbar-nav > li > a {
        white-space: nowrap;
        padding: 0 5px;
        line-height: 45px;
        font-family: 'Arial Narrow', Arial, sans-serif;
        font-size: 24px;
        font-weight: normal;
        color: #fff;
    }

    .navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus {
        color: #b5123e;
    }

    .navbar-nav > li > a:hover, .navbar-nav > li > a:focus {
        color: #b5123e;
    }

    .nav > li > a:hover, .nav > li > a:focus {
        text-decoration: none;
        outline: none;
    }

    .nav-tp {
        width: 100%;
        z-index: 1500;
    }

    .nav-bp {
        width: 100%;
        z-index: 1000;
    }

    .nav-bp .navbar-nav > li {
        margin: 0 6px;
        transition: all 0.5s ease;
    }

    .nav-bp .navbar-nav > li > a {
        padding: 5px 0 0 0;
        line-height: 32px;
        font-size: 22px;
        font-weight: normal;
        color: #fff;
        text-align: center;
    }

    .nav-bp a span {
        display: block;
    }

    .nav-bp .mnu-img {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        height: 310px;
        width: 100%;
        margin-bottom: 20px;
    }

    .nav-bp .navbar-nav > .active > a, .nav-bp .navbar-nav > .active > a:hover, .nav-bp .navbar-nav > .active > a:focus {
        color: #fff;
    }

    .nav-bp .navbar-nav > li:hover {
        flex-grow: 2.8;
    }

    .nav-bp .navbar-nav > li > a:hover, .nav-bp .navbar-nav > li > a:focus {
        color: #fff;
    }

    .dropdown-toggle {
        white-space: normal;
    }

    .navbar .nav > li > .dropdown-menu:before {
        display: none;
    }

    .navbar .nav > li > .dropdown-menu:after {
        display: none;
    }


}


@media (max-width: 767px) {
    .container {
        padding-left: 20px;
        padding-right: 20px;
    }
    header .container, footer .container {
        padding-left: 15px;
        padding-right: 15px;
    }

    #m-lang {
        color: #fff;
        font-size: 20px;
        padding-top: 30px;
        padding-bottom: 20px;
    }

    #m-lang a {
        color: #fff;
    }

    #m-logo {
      /*  padding-right: 60px;*/
    }
    #m-logo img {
        width: 330px;
    }

    #main-content {
        padding-top: 60px;
    }

    nav {
        background: #b5123e;
        height: 55px;
    }

    .nav-tp.bg_grey {
        background: #b5123e;
    }

    .nav-bp, .nav-tp {
        margin-top: 30px;
    }

    .nav-bp .container, .nav-tp .container {
        padding: 0
    }

    .navbar-toggler {
        display: block;
        border: none;
        padding: 0;
        margin-right: 0px;
        position: absolute;
        right: 15px;
        top: -22px;
        z-index: 5000;
        transition: all 0.5s ease;
    }

    .navbar-toggler span {
        display: block;
        height: 4px;
        width: 40px;
        margin: 8px 0;
        background: #fff;
        border-radius: 1px;
    }

    .navbar {
        padding-bottom: 0;
    }

    header {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        z-index: 100;
        transition: all ease 0.25s;
    }

    body {
        padding-top: 130px;
    }

    body .move {
        transition: all ease 0.25s;
    }

    .mobileMenu {
        transform: translateX(100%);
        position: fixed;
        top: 0;
        bottom: 0;
        margin: auto;
        left: auto;
        right: 0;
        transition: all ease 0.25s;
        background: #b5123e;
        width: 280px;
        max-height: 100%;
        overflow-y: auto;
        font-family: "Arial Narrow",Arial, sans-serif;
    }

     .mobileMenu.open {
        /*  transform: translateX(0%);*/
    }

    .mobileMenu .navbar-nav {
        overflow-y: auto;
    }

    body.open .move {
        transform: translateX(-280px);
    }

    body.open header {
        transform: translateX(-280px);
        height: 100%;
    }

    .dropdown-toggle {
        white-space: normal;
    }

    .nav .caret, .dropdown-toggle::after {
        /*display: none;*/
        float: right;
        margin-top: 0px;
        margin-right: -10px;
        margin-left: 0;
        border: none;
        content: "\FF0b";
        font-weight: bold;
        font-size: 20px;
    }
    li.show > .dropdown-toggle::after {
        content: "\FF0d";
    }

    .mobileMenu .navbar-nav > li > a {
        position: relative;
        display: block;
        padding: 5px 15px;
        line-height: 24px;
        font-size: 18px;
        border-bottom: 1px solid #fff;
        color: #fff;
        font-weight: 400;
        text-transform: none;
    }

    .mobileMenu .navbar-nav > li > a:hover, .mobileMenu .navbar-nav > li > a:focus {
        text-decoration: none;
        outline: none !important;
    }

    .navbar-default .navbar-nav > .show > a, .navbar-default .navbar-nav > .show > a:hover, .navbar-default .navbar-nav > .show > a:focus {
        outline: none !important;
    }

    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
        color: #fff;
        text-decoration: none;
    }

    .mobileMenu .navbar-nav .dropdown-menu {
        font-size: 16px;
        background-color: transparent;
        border: none;
        border-radius: 0px;
        margin: 0;
    }

    .mobileMenu .navbar-nav .dropdown-menu > li > a {
        display: block;
        padding: 3px 15px 3px 25px;
        clear: both;
        font-weight: normal;
        line-height: 22px;
        color: #fff;
    }

    .mobileMenu .navbar-nav .dropdown-menu > li > a:hover, .mobileMenu .navbar-nav .dropdown-menu > li > a:focus {
        text-decoration: underline;
        color: #fff;
    }

    .mobileMenu .navbar-nav .dropdown-menu > li.active > a {
        text-decoration: none;
        color: #fff;
        font-weight: bold;
    }

    .mobileMenu .navbar-nav li.dropdown > .dropdown-menu.show {
        border-bottom: 1px solid #fff;
    }

    .mobileMenu .navbar-nav .dropdown-submenu .dropdown-menu {
        padding-top: 0;
    }

    .mobileMenu .navbar-nav .dropdown-submenu .dropdown-menu > li > a {
        padding-left: 40px;
    }

    .mobileMenu .navbar-nav .dropdown-submenu .dropdown-menu .dropdown-menu > li > a {
        padding-left: 60px;
    }

}


/** END NAVBAR **/