/*Black/White*/
/* form */
.form-group .col-form-label {
    font-weight: bold;
}

.custom-control-label {
    vertical-align: middle;
}

.custom-control-label:before, .custom-control-label:after {
    top: 0.16rem;
}

.custom-control.custom-switch .custom-control-label:after {
    top: 0.32rem;
}

.custom-select:active, .custom-select:focus {
    background: #eee url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/10px 10px;
}

.custom-select--smaller {
    height: 35px;
}

/* mobile subnavi */
[data-mobile-dropdown-nav] .active-item {
    display: none;
}

[data-mobile-dropdown-nav].mobile-dropdown-nav-enabled {
    background-color: #000;
    color: #fff;
    padding: 0.7rem 1rem;
    position: relative;
    margin-bottom: 1rem;
}

[data-mobile-dropdown-nav].mobile-dropdown-nav-enabled a,
[data-mobile-dropdown-nav].mobile-dropdown-nav-enabled .nav-link {
    color: inherit;
}

[data-mobile-dropdown-nav].mobile-dropdown-nav-enabled a:hover,
[data-mobile-dropdown-nav].mobile-dropdown-nav-enabled .nav-link:hover {
    color: #f9f9f9;
}

[data-mobile-dropdown-nav].mobile-dropdown-nav-enabled .nav-item.active > a,
[data-mobile-dropdown-nav].mobile-dropdown-nav-enabled .nav-item.active > .nav-link {
    color: #f9f9f9 !important;
}

[data-mobile-dropdown-nav].mobile-dropdown-nav-enabled .active-item {
    display: block;
}

[data-mobile-dropdown-nav].mobile-dropdown-nav-enabled > .nav {
    display: none;
    border-top: 1px solid #fff;
    padding-top: 0.5rem;
    position: absolute;
    top: 100%;
    background-color: #000;
    left: 0;
    right: 0;
    z-index: 1000;
    padding: 0.7rem 1rem;
    -webkit-box-shadow: 1px 1px 2px 0 rgba(0,0,0,.3);
            box-shadow: 1px 1px 2px 0 rgba(0,0,0,.3);
}

[data-mobile-dropdown-nav].mobile-dropdown-nav-enabled.open .nav {
    display: block;
}

[data-mobile-dropdown-nav].mobile-dropdown-nav-enabled [data-mobile-dropdown-nav-toggle] a:after {
    content: "D";
    font-family: 'Glyphter';
    float: right;
}

/* responsive collapse */
.responsive-toggle-indicator {
    display: inline-block;
}

.responsive-toggle-indicator:before {
    content: "F";
    font-family: 'Glyphter';
    font-size: 0.85em;
    display: inline-block;
}

.collapsed .responsive-toggle-indicator:before {
    content: "E";
    font-family: 'Glyphter';
}

.responsive-collapse:not(.init).hidden-until-init {
    display: none !important;
}

@media (min-width: 576px) {
    .responsive-collapse:not(.init).hidden-sm-until-init {
        display: none !important;
    }
}

@media (min-width: 769px) {
    .responsive-collapse:not(.init).hidden-md-until-init {
        display: none !important;
    }
}

@media (min-width: 1024px) {
    .responsive-collapse:not(.init).hidden-lg-until-init {
        display: none !important;
    }
}

@media (min-width: 1250px) {
    .responsive-collapse:not(.init).hidden-xl-until-init {
        display: none !important;
    }
}

@media (min-width: 1700px) {
    .responsive-collapse:not(.init).hidden-xxl-until-init {
        display: none !important;
    }
}

@media (max-width: 1249.98px) {
    .responsive-collapse:not(.init).hidden-until-init-auto {
        display: none !important;
    }
}

body {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.6em;
}

@media (min-width: 576px) {
    body {
        font-size: 18px;
        line-height: 1.2em;
    }
}

@media (min-width: 769px) {
    body {
        font-size: 20px;
        line-height: 1.5em;
    }
}

b, strong {
    font-weight: 400;
}

#inner-wrapper {
    min-height: 350px;
}

@media (max-width: 768.98px) {
    .container {
        padding: 0 20px;
    }
}