.dgl--icon {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

i {
    line-height: 1
}

@font-face {
    font-family: ico-dgl;
    src: url("fonts/ico-dgl-br.eot?v=1.0");
    src:url("fonts/ico-dgl-br.eot?v=1.0#iefix") format("embedded-opentype"),
    url("fonts/ico-dgl-br.woff2?v=1.0") format("woff2"),
    url("fonts/ico-dgl-br.woff?v=1.0") format("woff"),
    url("fonts/ico-dgl-br.ttf?v=1.0") format("truetype"),
    url("fonts/ico-dgl-br.svg?v=1.0#ico-dgl") format("svg");
    font-weight:400;
    font-style:normal;
    font-display:fallback
}

@media screen and (-webkit-min-device-pixel-ratio:0){
    @font-face{
        font-family:ico-dgl;
        src:url("fonts/ico-dgl-br.svg?v=1.0#ico-dgl") format("svg")}
}
.dgl--icon{
    display:inline-block;
    font-family:ico-dgl;
    font-style:normal;
    font-weight:400;
    font-variant:normal;
    line-height:1;
    text-decoration:inherit;
    text-rendering:optimizeLegibility;
    text-transform:none;
    -moz-osx-font-smoothing:grayscale;
    -webkit-font-smoothing:antialiased;
    font-smoothing:antialiased
}

.dgl--icon-box:before {
    content: ""
}

.dgl--icon-chevron-down:before {
    content: "\F1BD"
}

.dgl--icon-chevron-down-02:before {
    content: "\F1BD"
}

.dgl--icon-company:before {
    content: ""
}

.dgl--icon-data:before {
    content: ""
}

.dgl--icon-dgtv:before {
    content: ""
}

.dgl--icon-dgtv-app:before {
    content: ""
}

.dgl--icon-dgtv-browser:before {
    content: ""
}

.dgl--icon-downloads:before {
    content: ""
}

.dgl--icon-faq:before {
    content: ""
}

.dgl--icon-faq-02:before {
    content: ""
}

.dgl--icon-group:before {
    content: ""
}

.dgl--icon-glasfaser-start:before {
    content: ""
}

.dgl--icon-link:before {
    content: ""
}

.dgl--icon-mail-envelope:before {
    content: ""
}

.dgl--icon-menu:before {
    content: ""
}

.dgl--icon-menu-02:before {
    content: ""
}

.dgl--icon-phone:before {
    content: ""
}

.dgl--icon-phone-2:before {
    content: ""
}

.dgl--icon-phone-no:before {
    content: ""
}

.dgl--icon-router:before {
    content: ""
}

.dgl--icon-router-02:before {
    content: ""
}

.dgl--icon-search:before {
    content: "\F194"
}

.dgl--icon-social-facebook:before {
    content: "\F183"
}

.dgl--icon-social-instagram:before {
    content: "\F182"
}

.dgl--icon-social-linkedin:before {
    content: "\F181"
}

.dgl--icon-social-twitter:before {
    content: "\F180"
}

.dgl--icon-social-xing:before {
    content: "\F17F"
}

.dgl--icon-social-youtube:before {
    content: "\F184"
}

.dgl--icon-strong:before {
    content: ""
}

.dgl--icon-user:before {
    content: ""
}

.dgl--icon-user-02:before {
    content: ""
}

.dgl--icon-wlan:before {
    content: ""
}

.dgl--icon-shopfinder:before {
    content: ""
}

.dgl--icon-vcheck:before {
    content: ""
}

.dgl--icon-downloads2:before {
    content: ""
}

.dgl--icon-social-youtube-2:before {
    content: "\F184"
}

.dgl--icon-social-facebook-2:before {
    content: "\F183"
}

.dgl--icon-social-xing-2:before {
    content: "\F17F"
}

.dgl--icon-social-linkedin-2:before {
    content: "\F181"
}

.dgl--icon-user-3:before {
    content: "\F136"
}

.dgl--icon-search-2:before {
    content: "\F194"
}

.dgl--icon-vcheck-2:before {
    content: ""
}

.dgl--icon-shopfinder-2:before {
    content: ""
}

.dgl--icon-faq-2:before {
    content: ""
}

.dgl--icon-menu-3:before {
    content: "\F187"
}

@font-face {
    font-family: SoehneCondensed;
    font-style: normal;
    font-display: fallback;
    font-weight: 400;
    src: url(fonts/soehnedg-web-schmal-halbfett.eot);
    src: url(fonts/soehnedg-web-schmal-halbfett.eot?#iefix) format("embedded-opentype"), url(fonts/soehnedg-web-schmal-halbfett.woff2) format("woff2"), url(fonts/soehnedg-web-schmal-halbfett.woff) format("woff")
}

@font-face {
    font-family: Soehne;
    font-style: normal;
    font-display: fallback;
    font-weight: 400;
    src: url(fonts/soehne-web-buch.eot);
    src: url(fonts/soehne-web-buch.eot?#iefix) format("embedded-opentype"), url(fonts/soehne-web-buch.woff2) format("woff2"), url(fonts/soehne-web-buch.woff) format("woff")
}

@font-face {
    font-family: Soehne;
    font-style: italic;
    font-display: fallback;
    font-weight: 400;
    src: url(fonts/soehne-web-buch-kursiv.eot);
    src: url(fonts/soehne-web-buch-kursiv.eot?#iefix) format("embedded-opentype"), url(fonts/soehne-web-buch-kursiv.woff2) format("woff2"), url(fonts/soehne-web-buch-kursiv.woff) format("woff")
}

@font-face {
    font-family: Soehne;
    font-style: normal;
    font-display: fallback;
    font-weight: 700;
    src: url(fonts/soehne-web-halbfett.eot);
    src: url(fonts/soehne-web-halbfett.eot?#iefix) format("embedded-opentype"), url(fonts/soehne-web-halbfett.woff2) format("woff2"), url(fonts/soehne-web-halbfett.woff) format("woff")
}

@font-face {
    font-family: Soehne;
    font-style: italic;
    font-display: fallback;
    font-weight: 700;
    src: url(fonts/soehne-web-halbfett-kursiv.eot);
    src: url(fonts/soehne-web-halbfett-kursiv.eot?#iefix) format("embedded-opentype"), url(fonts/soehne-web-halbfett-kursiv.woff2) format("woff2"), url(fonts/soehne-web-halbfett-kursiv.woff) format("woff")
}

@media (min-width: 992px) {
    .modal-lg {
        max-width: 800px;
        max-width: 50rem
    }
}

@media (min-width: 1260px) {
    .modal-xl {
        max-width: 1160px;
        max-width: 72.5rem
    }
}

@supports (-ms-ime-align:auto) {
    .acc .acc--slide:after, .acc .acc--slide:before {
        display: none !important
    }
}

@supports ((-webkit-filter:blur()) or (filter:blur())) {
    .acc .acc--slide:after, .acc .acc--slide:before {
        position: absolute;
        z-index: 10;
        display: block;
        content: "";
        transition: all ease-in-out .4s;
        border-radius: 50%;
        mix-blend-mode: screen;
        -webkit-filter: blur(100px);
        -webkit-filter: blur(6.25rem);
        filter: blur(100px);
        filter: blur(6.25rem)
    }

    .acc .acc--slide:after {
        bottom: -25vw;
        width: 50vw;
        height: 50vw;
        opacity: .75;
        background-color: #219fd5
    }

    @media (max-width: 991.98px) {
        .acc .acc--slide:after {
            display: none
        }
    }.acc .acc--slide:before {
         top: -31.4285714286vw;
         width: 55vw;
         height: 55vw;
         opacity: .8;
         background-color: #fcc454
     }

    @media (max-width: 991.98px) {
        .acc .acc--slide:before {
            display: none
        }
    }.acc .acc--slide.acc--effect-none:after, .acc .acc--slide.acc--effect-none:before {
         display: none
     }

    .acc .acc--slide.acc--effect-left:after {
        left: -16.6666666667vw
    }

    .acc .acc--slide.acc--effect-left:before {
        left: -15.7142857143vw
    }

    .acc .acc--slide.acc--effect-right:after {
        right: -16.6666666667vw
    }

    .acc .acc--slide.acc--effect-right:before {
        right: -15.7142857143vw
    }
}

@supports (-ms-ime-align:auto) {
    .act .act--row-col .act--col-inner .act--image:after, .act .act--row-col .act--col-inner .act--image:before {
        display: none !important
    }
}

ul {
    margin: 0;
    padding: 0
}

@supports (-webkit-touch-callout:none) {
    .tx-powermail .powermail_fieldwrap_dsgvo .form-check-label {
        padding-left: 15%
    }
}

.form-control:focus {
    border-color: #219fd5;
    box-shadow: none
}

::-webkit-input-placeholder {
    text-transform: none !important
}

::-moz-placeholder {
    text-transform: none !important
}

:-ms-input-placeholder {
    text-transform: none !important
}

::-ms-input-placeholder {
    text-transform: none !important
}

::placeholder {
    text-transform: none !important
}

:-ms-input-placeholder {
    text-transform: none !important
}

::-ms-input-placeholder {
    text-transform: none !important
}

form .form-control:focus {
    border-top: 1px solid #bababa !important;
    border-top: .0625rem solid #bababa !important;
    border-left: 1px solid #bababa !important;
    border-left: .0625rem solid #bababa !important;
    border-right: 1px solid #bababa !important;
    border-right: .0625rem solid #bababa !important;
    border-bottom: 3px solid #219fd5;
    border-bottom: .1875rem solid #219fd5
}

#c1068, #c268, #c364 {
    background: linear-gradient(to bottom, #219fd5 50%, transparent 50%)
}

@media (max-width: 991.98px) {
    #c1068, #c268, #c364 {
        background: linear-gradient(to bottom, #219fd5 40%, transparent 40%)
    }
}

#c1509, #c316 {
    background: linear-gradient(to bottom, #219fd5 60%, transparent 60%)
}

#c670 {
    background: linear-gradient(to top, #f5f5f0 40%, transparent 40%)
}

#c131 {
    background: linear-gradient(to top, #f5f5f0 50%, transparent 50%)
}

#c268 {
    background: linear-gradient(to bottom, #219fd5 50%, transparent 50%)
}

#c1087, #c2955, #c2959, #c2963, #c729, #c764, #c766, #c768 {
    background: linear-gradient(to bottom, #219fd5 30%, transparent 30%)
}

@media (min-width: 992px) {
    #c1396 {
        background: linear-gradient(to bottom, #f5f5f0 25%, transparent 25%)
    }
}

@media (min-width: 1600px) {
    #c1396 {
        background: linear-gradient(to bottom, #f5f5f0 27%, transparent 27%)
    }
}

.btn {
    padding: 12px 24px;
    padding: .75rem 1.5rem;
    font-weight: 700;
    box-shadow: none
}

.btn.focus, .btn:focus {
    box-shadow: none
}

@media (max-width: 1199.98px) {
    .btn {
        font-size: 16px;
        font-size: 1rem
    }
}

@media (max-width: 991.98px) {
    .btn {
        font-size: 13.9px;
        font-size: .86875rem
    }
}

.btn.btn-white {
    color: #464646;
    border: 1px solid #219fd5;
    border: .0625rem solid #219fd5;
    background-color: #f5f5f0
}

.btn.btn-white:hover {
    color: #f5f5f0;
    background-color: #219fd5;
    border-color: #f5f5f0
}

.btn.btn-light {
    color: #464646;
    border: 1px solid #f5f5f0;
    border: .0625rem solid #f5f5f0;
    background-color: #f5f5f0
}

.btn.btn-light:hover {
    color: #f5f5f0;
    background-color: #219fd5;
    border-color: #219fd5
}

.btn.btn-secondary {
    border: 1px solid #ebb40f;
    border: .0625rem solid #ebb40f
}

.btn.btn-secondary:hover {
    color: #219fd5;
    background-color: #f5f5f0;
    border-color: #219fd5
}

@-webkit-keyframes spin {
    from {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

@keyframes spin {
    from {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

.headline {
    font-weight: 700;
    margin-bottom: 25px;
    margin-bottom: 1.5625rem;
    font-family: SoehneCondensed;
    letter-spacing: 1.5px;
    letter-spacing: .09375rem;
    text-transform: uppercase
}

.headline.headline-xl {
    font-size: 78.75px;
    font-size: 4.921875rem;
    line-height: 68.25px;
    line-height: 4.265625rem;
    margin-bottom: 35px;
    margin-bottom: 2.1875rem
}

@media (max-width: 1599.98px) {
    .headline.headline-xl {
        font-size: 70px;
        font-size: 4.375rem;
        line-height: 68.25px;
        line-height: 4.265625rem
    }
}

@media (max-width: 1199.98px) {
    .headline.headline-xl {
        font-size: 66.5px;
        font-size: 4.15625rem;
        line-height: 64.75px;
        line-height: 4.046875rem
    }
}

@media (max-width: 767.98px) {
    .headline.headline-xl {
        font-size: 70px;
        font-size: 4.375rem;
        line-height: 68.25px;
        line-height: 4.265625rem
    }
}

@media (max-width: 575.98px) {
    .headline.headline-xl {
        font-size: 52.5px;
        font-size: 3.28125rem;
        line-height: 50.75px;
        line-height: 3.171875rem
    }
}

.headline.headline-lg {
    font-size: 67.5px;
    font-size: 4.21875rem;
    line-height: 58.5px;
    line-height: 3.65625rem;
    margin-bottom: 30px;
    margin-bottom: 1.875rem
}

@media (max-width: 1599.98px) {
    .headline.headline-lg {
        font-size: 60px;
        font-size: 3.75rem;
        line-height: 58.5px;
        line-height: 3.65625rem
    }
}

@media (max-width: 1199.98px) {
    .headline.headline-lg {
        font-size: 57px;
        font-size: 3.5625rem;
        line-height: 55.5px;
        line-height: 3.46875rem
    }
}

@media (max-width: 767.98px) {
    .headline.headline-lg {
        font-size: 60px;
        font-size: 3.75rem;
        line-height: 58.5px;
        line-height: 3.65625rem
    }
}

@media (max-width: 575.98px) {
    .headline.headline-lg {
        font-size: 45px;
        font-size: 2.8125rem;
        line-height: 43.5px;
        line-height: 2.71875rem
    }
}

.headline.headline-md {
    font-size: 58.5px;
    font-size: 3.65625rem;
    line-height: 50.7px;
    line-height: 3.16875rem;
    margin-bottom: 26px;
    margin-bottom: 1.625rem
}

@media (max-width: 1599.98px) {
    .headline.headline-md {
        font-size: 52px;
        font-size: 3.25rem;
        line-height: 50.7px;
        line-height: 3.16875rem
    }
}

@media (max-width: 1199.98px) {
    .headline.headline-md {
        font-size: 49.4px;
        font-size: 3.0875rem;
        line-height: 48.1px;
        line-height: 3.00625rem
    }
}

@media (max-width: 767.98px) {
    .headline.headline-md {
        font-size: 52px;
        font-size: 3.25rem;
        line-height: 50.7px;
        line-height: 3.16875rem
    }
}

@media (max-width: 575.98px) {
    .headline.headline-md {
        font-size: 39px;
        font-size: 2.4375rem;
        line-height: 37.7px;
        line-height: 2.35625rem
    }
}

.headline.headline-sm {
    font-size: 45px;
    font-size: 2.8125rem;
    line-height: 39px;
    line-height: 2.4375rem;
    margin-bottom: 20px;
    margin-bottom: 1.25rem
}

@media (max-width: 1599.98px) {
    .headline.headline-sm {
        font-size: 40px;
        font-size: 2.5rem;
        line-height: 39px;
        line-height: 2.4375rem
    }
}

@media (max-width: 1199.98px) {
    .headline.headline-sm {
        font-size: 38px;
        font-size: 2.375rem;
        line-height: 37px;
        line-height: 2.3125rem
    }
}

@media (max-width: 767.98px) {
    .headline.headline-sm {
        font-size: 40px;
        font-size: 2.5rem;
        line-height: 39px;
        line-height: 2.4375rem
    }
}

@media (max-width: 575.98px) {
    .headline.headline-sm {
        font-size: 30px;
        font-size: 1.875rem;
        line-height: 29px;
        line-height: 1.8125rem
    }
}

@media (max-width: 575.98px) {
    .headline.headline-sm {
        font-size: 40px;
        font-size: 2.5rem;
        line-height: 35px;
        line-height: 2.1875rem
    }
}

#c1468 .placeholder {
    width: 100%
}

@media (min-width: 768px) {
    #c1468 .placeholder {
        height: 33px;
        height: 2.0625rem
    }
}

@media (min-width: 992px) {
    #c1468 .placeholder {
        height: 80px;
        height: 5rem
    }
}

@media (min-width: 1200px) {
    #c1468 .placeholder {
        height: 28px;
        height: 1.75rem
    }
}

@media (min-width: 1600px) {
    #c1468 .placeholder {
        height: 88px;
        height: 5.5rem
    }
}

@media (min-width: 992px) and (max-width: 1599.98px) {
    #c704 .item--text-headline {
        font-size: 16px;
        font-size: 1rem
    }
}

#c2067 .btn-group {
    display: block;
    margin-top: 10px;
    margin-top: .625rem
}

#c2067 .btn-group .btn {
    display: table;
    margin: 5px 0;
    margin: .3125rem 0
}

.glasfaser-start .container {
    position: relative
}

#c2633 .btn-group {
    display: none
}

#c3400 {
    background-size: cover;
    background-position: center
}

#c3400 #c3406 {
    position: relative
}

@media (max-width: 991.98px) {
    ul {
        font-size: 16px;
        font-size: 1rem;
        line-height: 24px;
        line-height: 1.5rem
    }
}

@media (max-width: 575.98px) {
    #footer--breadcrumb {
        margin: 0 -15px;
        margin: 0 -.9375rem
    }
}

#footer--breadcrumb .breadcrumb {
    padding-left: 0;
    padding-right: 0;
    background-color: transparent
}

@media (max-width: 575.98px) {
    #footer--breadcrumb .breadcrumb {
        background: #14a0dc;
        padding: 15px;
        padding: .9375rem
    }
}

#footer--breadcrumb .breadcrumb .breadcrumb-item {
    color: #f5f5f0;
    font-size: 16px;
    font-size: 1rem
}

#footer--breadcrumb .breadcrumb .breadcrumb-item a {
    color: #f5f5f0;
    text-decoration: none !important
}

#footer--breadcrumb .breadcrumb .breadcrumb-item.current {
    font-weight: 700
}

#footer--shortcuts {
    margin-top: 90px;
    margin-top: 5.625rem
}

@media (max-width: 991.98px) {
    #footer--shortcuts {
        margin: 70px -15px 0;
        margin: 4.375rem -.9375rem 0
    }
}

@media (max-width: 767.98px) {
    #footer--shortcuts {
        margin-top: 90px;
        margin-top: 5.625rem
    }
}

@media (max-width: 575.98px) {
    #footer--shortcuts {
        margin: 140px 0 0;
        margin: 8.75rem 0 0
    }
}

@media (max-width: 991.98px) {
    #footer--shortcuts .footer--shortcut .menu-item:not(.footer--shortcut-headline) {
        display: none
    }

    #footer--shortcuts .footer--shortcut .footer--shortcut-element {
        font-size: 14px;
        font-size: .875rem;
        padding: 8px 15px;
        padding: .5rem .9375rem;
        border-bottom: 1px solid #e0e0e0;
        border-bottom: .0625rem solid #e0e0e0;
        background-color: #f5f5f0
    }
}

#footer--shortcuts .footer--shortcut .footer--shortcut-headline {
    position: relative
}

@media (max-width: 991.98px) {
    #footer--shortcuts .footer--shortcut .footer--shortcut-headline {
        border-bottom: 1px solid #e0e0e0;
        border-bottom: .0625rem solid #e0e0e0;
        background-color: #f5f5f0
    }
}

#footer--shortcuts .footer--shortcut .footer--shortcut-headline .footer--shortcut-trigger {
    display: none;
    transition: all .2s ease-in-out;
    transform: rotate(0)
}

@media (max-width: 991.98px) {
    #footer--shortcuts .footer--shortcut .footer--shortcut-headline .footer--shortcut-trigger {
        position: absolute;
        top: 0;
        right: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        width: 2.5rem;
        height: 100%;
        margin-bottom: 0;
        color: #464646
    }
}

#footer--shortcuts .footer--shortcut .footer--shortcut-headline .footer--shortcut-link {
    font-size: 22px;
    font-size: 1.375rem;
    font-weight: 700
}

@media (max-width: 991.98px) {
    #footer--shortcuts .footer--shortcut .footer--shortcut-headline .footer--shortcut-link {
        padding: 10px 15px 15px;
        padding: .625rem .9375rem .9375rem;
        font-size: 18px;
        font-size: 1.125rem
    }
}

#footer--shortcuts .footer--shortcut .footer--shortcut-link {
    font-size: 16px;
    font-size: 1rem;
    padding: 0 0 4px 0;
    padding: 0 0 .25rem 0;
    color: #464646
}

#footer--areas {
    border-top: 1px solid #e0e0e0;
    border-top: .0625rem solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    border-bottom: .0625rem solid #e0e0e0
}

@media (max-width: 991.98px) {
    #footer--areas ul li {
        flex: 1 1 100%;
        justify-content: start
    }
}

#footer--areas ul li a {
    padding: 8px 15px;
    padding: .5rem .9375rem;
    font-size: 13.9px;
    font-size: .86875rem;
    transition: all .2s ease-in-out;
    color: rgba(70, 70, 70, .5)
}

@media (max-width: 991.98px) {
    #footer--areas ul li a {
        display: block;
        border: none;
        background: 0 0;
        width: 100%
    }
}

@media (max-width: 767.98px) {
    #footer--areas ul li a {
        font-size: 14px;
        font-size: .875rem
    }
}

#footer--areas ul li a:hover {
    color: #464646
}

#footer--areas ul li a.current {
    font-weight: 700;
    color: #464646
}

#footer--social a {
    margin: 0 5px;
    margin: 0 .3125rem;
    text-decoration: none;
    line-height: 0;
    font-size: 22px;
    font-size: 1.375rem;
    color: #f5f5f0;
    background-color: #464646;
    border-radius: 100%;
    width: 35px;
    width: 2.1875rem;
    height: 35px;
    height: 2.1875rem;
    transition: all .2s ease-in-out
}

@media (min-width: 576px) {
    #footer--social a {
        margin: 0 8px;
        margin: 0 .5rem;
        font-size: 24px;
        font-size: 1.5rem;
        width: 42px;
        width: 2.625rem;
        height: 42px;
        height: 2.625rem
    }
}

@media (min-width: 992px) {
    #footer--social a {
        margin: 0 12px;
        margin: 0 .75rem;
        font-size: 28px;
        font-size: 1.75rem;
        width: 49px;
        width: 3.0625rem;
        height: 49px;
        height: 3.0625rem
    }
}

#footer--social a:hover {
    background-color: #219fd5
}

#footer--meta ul li a {
    font-size: 16px;
    font-size: 1rem;
    color: #464646;
    padding: 0 20px 0 0;
    padding: 0 1.25rem 0 0
}

#footer--meta ul li a:hover {
    color: #219fd5
}

@media (max-width: 575.98px) {
    #footer--meta ul {
        display: block;
        text-align: left
    }
}

#footer--copyright {
    font-size: 16px;
    font-size: 1rem;
    text-align: right;
    color: #464646;
    padding: 24px 0;
    padding: 1.5rem 0
}

@media (max-width: 1199.98px) {
    #footer--copyright {
        text-align: left;
        padding: 15px;
        padding: .9375rem
    }
}

.ts-and-awards {
    display: flex;
    margin: 0 0 35px 0;
    margin: 0 0 2.1875rem 0;
    padding: 25px 0;
    padding: 1.5625rem 0;
    border-top: 1px solid #f0f0f0;
    border-top: .0625rem solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
    border-bottom: .0625rem solid #f0f0f0;
    text-align: center;
    justify-content: space-between
}

@media (max-width: 1199.98px) {
    .ts-and-awards {
        justify-content: center
    }
}

@media (max-width: 575.98px) {
    .ts-and-awards {
        flex-wrap: wrap
    }
}

.ts-and-awards .ts-and-awards--item {
    display: flex;
    margin: 0 25px;
    margin: 0 1.5625rem;
    align-items: center
}

@media (max-width: 991.98px) {
    .ts-and-awards .ts-and-awards--item {
        margin: 0 15px;
        margin: 0 .9375rem
    }
}

@media (max-width: 767.98px) {
    .ts-and-awards .ts-and-awards--item {
        margin: 0 10px;
        margin: 0 .625rem
    }
}

.ts-and-awards .ts-and-awards--item img {
    max-height: 65px;
    max-height: 4.0625rem;
    width: auto
}

@media (max-width: 991.98px) {
    .ts-and-awards .ts-and-awards--item img {
        max-height: 55px;
        max-height: 3.4375rem
    }
}

@media (max-width: 767.98px) {
    .ts-and-awards .ts-and-awards--item img {
        max-height: 45px;
        max-height: 2.8125rem
    }
}

#footer .footer-menu {
    background: #f5f5f0 url(img/footer-gfx.svg) top left no-repeat;
    background-size: 2620px;
    background-size: 163.75rem
}

@media (max-width: 575.98px) {
    #footer .footer-menu {
        background-position-y: 50px;
        background-position-y: 3.125rem
    }
}

#header--areas {
    font-size: 13.9px;
    font-size: .86875rem;
    z-index: 1065
}

@media (max-width: 991.98px) {
    #header--areas {
        display: none
    }
}

#header--areas .nav .menu-item .nav-link {
    padding: 0 15px;
    padding: 0 .9375rem;
    margin-bottom: 3px;
    margin-bottom: .1875rem
}

@media (max-width: 1599.98px) {
    #header--areas .nav .menu-item .nav-link {
        padding: 0 12px;
        padding: 0 .75rem
    }
}

#header--areas .nav .menu-item .nav-link span {
    display: block;
    padding: 7px 0;
    padding: .4375rem 0;
    color: #9d9d9b;
    transition: color .2s ease-in-out, border-color .2s ease-in-out, background-color .2s ease-in-out;
    font-weight: 300;
    -webkit-font-smoothing: antialiased
}

#header--areas .nav .menu-item .nav-link:hover span {
    color: #219fd5
}

#header--areas .nav .menu-item .nav-link.current span {
    font-weight: 700;
    color: #464646
}

#header--areas .nav .menu-item:first-child .nav-link {
    padding-left: 0
}

#header--areas .nav .menu-item:last-child .nav-link {
    padding-right: 0
}

#header--areas .nav .menu-item.dropdown .dropdown-menu {
    border: none;
    z-index: 1065;
    background-color: #219fd5;
    margin: 3px 0 0 0;
    margin: .1875rem 0 0 0;
    padding: 32px;
    padding: 2rem;
    width: 450px;
    width: 28.125rem
}

#header--areas .nav .menu-item.dropdown .dropdown-menu .dropdown--element {
    border-bottom: 1px solid #bababa;
    border-bottom: .0625rem solid #bababa;
    background-color: #f5f5f0;
    padding: 16px;
    padding: 1rem
}

#header--areas .nav .menu-item.dropdown .dropdown-menu .dropdown--element:last-child {
    border-bottom: none
}

#header--areas .nav .menu-item.dropdown .dropdown-menu .dropdown--element a {
    font-size: 12px;
    font-size: .75rem;
    font-weight: 600
}

#header--areas .nav .menu-item.dropdown .dropdown-menu .dropdown--element i {
    font-size: 40px;
    font-size: 2.5rem;
    padding-right: 20px;
    padding-right: 1.25rem;
    color: #219fd5
}

#header--areas .nav .menu-item.dropdown .dropdown-menu .dropdown--element .element-text {
    font-size: 12px;
    font-size: .75rem;
    padding-right: 20px;
    padding-right: 1.25rem
}

#header--areas .nav .menu-item.dropdown .dropdown-menu .dropdown--element .element-text span {
    display: block;
    font-weight: 700;
    font-size: 16px;
    font-size: 1rem
}

#header--menu {
    z-index: 1045;
    border-top: 1px solid #e0e0e0;
    border-top: .0625rem solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    border-bottom: .0625rem solid #e0e0e0
}

@media (max-width: 359px) {
    #header--menu .col-12 {
        flex: 0 0 49%;
        max-width: 49%
    }
}

@media (max-width: 320px) {
    #header--menu .col-12 {
        flex: 0 0 48%;
        max-width: 48%
    }
}

#header--menu .main--logo {
    display: block;
    margin: 20px 0;
    margin: 1.25rem 0;
    min-height: 53px;
    min-height: 3.3125rem
}

@media (max-width: 1599.98px) {
    #header--menu .main--logo {
        min-height: 40px;
        min-height: 2.5rem
    }
}

@media (max-width: 1199.98px) {
    #header--menu .main--logo {
        min-height: 39px;
        min-height: 2.4375rem
    }
}

@media (max-width: 991.98px) {
    #header--menu .main--logo {
        min-height: 39px;
        min-height: 2.4375rem
    }
}

@media (max-width: 767.98px) {
    #header--menu .main--logo {
        min-height: 39px;
        min-height: 2.4375rem
    }
}

#header--menu .main--logo img {
    width: 150px;
    width: 9.375rem;
    height: auto
}

@media (max-width: 1199.98px) {
    #header--menu .main--logo img {
        width: 110px;
        width: 6.875rem
    }
}

@media (max-width: 991.98px) {
    #header--menu nav#header--megaMenu {
        position: absolute;
        left: 0;
        display: none;
        overflow-y: scroll;
        width: 100%;
        height: calc(100vh - 71px);
        height: calc(100vh - 4.4375rem);
        transition: height .3s ease;
        border-top: 1px solid #e0e0e0;
        border-top: .0625rem solid #e0e0e0
    }

    #header--menu nav#header--megaMenu .megaMenu--inner {
        background-color: #f5f5f0
    }

    #header--menu nav#header--megaMenu .nav {
        width: 100%;
        padding-right: 15px;
        padding-right: .9375rem;
        padding-left: 15px;
        padding-left: .9375rem;
        margin-right: auto;
        margin-left: auto;
        flex-direction: column;
        padding: 10px 15px;
        padding: .625rem .9375rem
    }
}

@media (max-width: 991.98px) and (min-width: 576px) {
    #header--menu nav#header--megaMenu .nav {
        max-width: 540px;
        max-width: 33.75rem
    }
}

@media (max-width: 991.98px) and (min-width: 768px) {
    #header--menu nav#header--megaMenu .nav {
        max-width: 720px;
        max-width: 45rem
    }
}

@media (max-width: 991.98px) and (min-width: 992px) {
    #header--menu nav#header--megaMenu .nav {
        max-width: 960px;
        max-width: 60rem
    }
}

@media (max-width: 991.98px) and (min-width: 1200px) {
    #header--menu nav#header--megaMenu .nav {
        max-width: 1140px;
        max-width: 71.25rem
    }
}

@media (max-width: 991.98px) and (min-width: 1600px) {
    #header--menu nav#header--megaMenu .nav {
        max-width: 1520px;
        max-width: 95rem
    }
}

#header--menu nav .nav {
    padding: 0 0 20px 0;
    padding: 0 0 1.25rem 0
}

#header--menu nav .nav.justify-content-start .menu-item {
    margin-right: 30px;
}

@media (min-width: 1600px) {
    #header--menu nav .nav.justify-content-start .menu-item {
        margin-left: 10px;
        margin-left: .625rem
    }
}

@media (max-width: 1599.98px) {
    #header--menu nav .nav.justify-content-start .menu-item {
        margin-right: 13px;
    }
}

@media (max-width: 1199.98px) {
    #header--menu nav .nav.justify-content-start .menu-item {
        margin-right: 6px;
    }
}

@media (max-width: 991.98px) {
    #header--menu nav .nav.justify-content-start .menu-item {
        margin-right: 0
    }
}

#header--menu nav .nav.justify-content-start .menu-item .menu-item {
    margin-right: 0
}

#header--menu nav .nav .menu-item .nav-link {
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1;
    position: relative;
    z-index: 1000;
    top: 1px;
    top: .0625rem;
    display: flex;
    justify-content: space-between;
    padding: 0 0 2px 0;
    padding: 0 0 .125rem 0;
    transition: color .2s ease-in-out, border-color .2s ease-in-out, background-color .2s ease-in-out;
    color: #464646
}

@media (max-width: 1599.98px) {
    #header--menu nav .nav .menu-item .nav-link {
        font-size: 18px;
    }
}

@media (max-width: 1199.98px) {
    #header--menu nav .nav .menu-item .nav-link {
        font-size: 13px;
    }
    #header--menu nav .nav .menu-item:first-child .nav-link {
        font-size: 16px;
    }
}

@media (max-width: 991.98px) {
    #header--menu nav .nav .menu-item .nav-link {
        top: 0 !important;
        margin: 0;
        padding: 15px 0 !important;
        padding: .9375rem 0 !important;
        border-bottom: none !important;
        font-size: 20px;
        font-size: 1.25rem
    }
}

#header--menu nav .nav .menu-item .nav-link:hover {
    color: #219fd5
}

#header--menu nav .nav .menu-item .nav-link.active, #header--menu nav .nav .menu-item .nav-link.current {
    color: #464646
}

#header--menu nav .nav .menu-item .nav-link.active:hover, #header--menu nav .nav .menu-item .nav-link.current:hover {
    color: #219fd5
}

@media (max-width: 991.98px) {
    #header--menu nav .nav .menu-item .nav-link.active span, #header--menu nav .nav .menu-item .nav-link.current span {
        border-bottom: 2px solid #219fd5;
        border-bottom: .125rem solid #219fd5
    }
}

#header--menu nav .nav .menu-item .nav-link i {
    font-size: 20px;
    font-size: 1.25rem;
    display: none;
    transition: all .3s ease;
    transform: rotate(-90deg)
}

@media (max-width: 991.98px) {
    #header--menu nav .nav .menu-item .nav-link i {
        display: block
    }
}

@media (min-width: 992px) {
    #header--menu nav .nav .menu-item.current_page_item {
        border-bottom: 2px solid #219fd5;
        border-bottom: .125rem solid #219fd5
    }
}

#header--menu nav .nav .menu-item .dropdown-menu {
    width: 100% !important;
    margin: 0 !important;
    padding: 20px 0 20px 0;
    padding: 1.25rem 0 1.25rem 0;
    transform: translate3d(0, 93px, 0) !important;
    transform: translate3d(0, 5.8125rem, 0) !important;
    border-top: 1px solid #e0e0e0;
    border-top: .0625rem solid #e0e0e0;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
    background: #f5f5f0
}

@media (max-width: 1599.98px) {
    #header--menu nav .nav .menu-item .dropdown-menu {
        transform: translate3d(0, 80px, 0) !important;
        transform: translate3d(0, 5rem, 0) !important
    }
}

@media (max-width: 1199.98px) {
    #header--menu nav .nav .menu-item .dropdown-menu {
        transform: translate3d(0, 79px, 0) !important;
        transform: translate3d(0, 4.9375rem, 0) !important
    }
}

@media (max-width: 991.98px) {
    #header--menu nav .nav .menu-item .dropdown-menu {
        position: inherit !important;
        width: 100% !important;
        padding: 0;
        transform: translate3d(0, 0, 0) !important;
        border: none !important;
        background-color: #f5f5f0
    }
}

#header--menu nav .nav .menu-item .dropdown-menu .container {
    padding-top: 15px;
    padding-top: .9375rem;
    padding-bottom: 15px;
    padding-bottom: .9375rem
}

@media (max-width: 991.98px) {
    #header--menu nav .nav .menu-item .dropdown-menu .container {
        padding-top: 0;
        padding-bottom: 0
    }
}

#header--menu nav .nav .menu-item .dropdown-menu .container .nav {
    padding: 15px 0 0 0;
    padding: .9375rem 0 0 0
}

@media (max-width: 991.98px) {
    #header--menu nav .nav .menu-item .dropdown-menu .container .nav {
        padding: 0 !important
    }
}

#header--menu nav .nav .menu-item .dropdown-menu .container .nav .menu-item .nav-link {
    font-size: 18px;
    font-size: 1.125rem;
    margin-bottom: 24px;
    margin-bottom: 1.5rem;
    padding: 0 15px 0 0;
    padding: 0 .9375rem 0 0;
    transition: color .2s ease-in-out, border-color .2s ease-in-out, background-color .2s ease-in-out;
    color: #464646;
    border-bottom: none;
    line-height: 23px;
    line-height: 1.4375rem
}

@media (max-width: 1199.98px) {
    #header--menu nav .nav .menu-item .dropdown-menu .container .nav .menu-item .nav-link {
        font-size: 16px;
        font-size: 1rem;
        margin-bottom: 20px;
        margin-bottom: 1.25rem
    }
}

@media (max-width: 991.98px) {
    #header--menu nav .nav .menu-item .dropdown-menu .container .nav .menu-item .nav-link {
        margin-bottom: 0;
        padding: 0;
        border-bottom: none !important
    }
}

#header--menu nav .nav .menu-item .dropdown-menu .container .nav .menu-item .nav-link.current, #header--menu nav .nav .menu-item .dropdown-menu .container .nav .menu-item .nav-link:hover {
    color: #219fd5
}

#header--menu nav .nav .menu-item .dropdown-menu .container .nav .menu-item .nav-link.current.headline, #header--menu nav .nav .menu-item .dropdown-menu .container .nav .menu-item .nav-link:hover.headline {
    color: #219fd5
}

@media (min-width: 992px) {
    #header--menu nav .nav .menu-item .dropdown-menu .container .column-2 .nav {
        -moz-columns: 2;
        columns: 2
    }
}

#header--menu nav .nav .menu-item .dropdown-menu .container .image--overlay-wrap {
    position: relative
}

@media (max-width: 991.98px) {
    #header--menu nav .nav .menu-item .dropdown-menu .container .image--overlay-wrap {
        display: none
    }
}

#header--menu nav .nav .menu-item .dropdown-menu .container .image--overlay-wrap img {
    width: 100%;
    height: auto
}

#header--menu nav .nav .menu-item .dropdown-menu .container .image--overlay-wrap .image--overlay {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%
}

#header--menu nav .nav .menu-item .dropdown-menu .container .image--overlay-wrap .image--overlay .image--overlay-inner {
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
    line-height: 1.5rem;
    height: 101%;
    width: 33%;
    padding: 5px 32px;
    padding: .3125rem 2rem;
    color: #464646;
    background-color: #f5f5f0
}

#header--menu nav .nav .menu-item .dropdown-menu .container .image--overlay-wrap .image--overlay .image--overlay-inner .image--overlay-headline {
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 26px;
    line-height: 1.625rem;
    margin-bottom: 20px;
    margin-bottom: 1.25rem
}

@media (max-width: 1199.98px) {
    #header--menu nav .nav .menu-item .dropdown-menu .container .image--overlay-wrap .image--overlay .image--overlay-inner .image--overlay-headline {
        font-size: 18px;
        font-size: 1.125rem
    }
}

#header--menu nav .nav .menu-item .dropdown-menu .container .image--overlay-wrap .image--overlay .image--overlay-inner .image--overlay-text {
    margin-bottom: 20px;
    margin-bottom: 1.25rem
}

@media (max-width: 1599.98px) {
    #header--menu nav .nav .menu-item .dropdown-menu .container .image--overlay-wrap .image--overlay .image--overlay-inner .image--overlay-text {
        display: none
    }
}

#header--menu nav .nav .menu-item .dropdown-menu .container .image--overlay-wrap .image--overlay .image--overlay-inner .image--overlay-link {
    font-size: inherit;
    line-height: inherit;
    padding: 12px 26px;
    padding: .75rem 1.625rem
}

#header--menu nav .megaMenu--links {
    width: 100%;
    padding-right: 15px;
    padding-right: .9375rem;
    padding-left: 15px;
    padding-left: .9375rem;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    align-content: strech
}

@media (min-width: 576px) {
    #header--menu nav .megaMenu--links {
        max-width: 540px;
        max-width: 33.75rem
    }
}

@media (min-width: 768px) {
    #header--menu nav .megaMenu--links {
        max-width: 720px;
        max-width: 45rem
    }
}

@media (min-width: 992px) {
    #header--menu nav .megaMenu--links {
        max-width: 960px;
        max-width: 60rem
    }
}

@media (min-width: 1200px) {
    #header--menu nav .megaMenu--links {
        max-width: 1140px;
        max-width: 71.25rem
    }
}

@media (min-width: 1600px) {
    #header--menu nav .megaMenu--links {
        max-width: 1520px;
        max-width: 95rem
    }
}

@media (max-width: 575.98px) {
    #header--menu nav .megaMenu--links {
        margin: 0 -15px;
        margin: 0 -.9375rem;
        width: calc(100% + 30px);
        width: calc(100% + 1.875rem)
    }
}

#header--menu nav .megaMenu--links a {
    padding: 15px;
    padding: .9375rem;
    background: #219fd5;
    display: block;
    text-align: center;
    flex-grow: 3;
    flex-basis: 100%;
    color: #f5f5f0;
    font-size: 13.9px;
    font-size: .86875rem;
    font-weight: 400;
    margin-right: 1px;
    margin-right: .0625rem
}

#header--menu nav .megaMenu--links a:last-child {
    margin-right: 0
}

#header--menu nav .megaMenu--links a .dgl--icon {
    font-size: 25px;
    font-size: 1.5625rem;
    margin: auto;
    display: block;
    margin-bottom: 5px;
    margin-bottom: .3125rem
}

#header--menu nav .megaMenu--areas {
    background-color: #f5f5f0;
    border-bottom: 1px solid #e0e0e0;
    border-bottom: .0625rem solid #e0e0e0
}

#header--menu nav .megaMenu--areas .nav .menu-item:first-child .nav-link::after {
    display: inline-block;
    font-family: ico-dgl;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-size: 20px;
    font-size: 1.25rem;
    content: "\F1BA";
    transition: all .3s ease;
    transform: rotate(-90deg)
}

#header--menu nav .megaMenu--areas .nav .menu-item:not(:first-child) {
    display: none
}

@media (min-width: 992px) {
    #header--services {
        position: relative;
        padding-bottom: 10px;
        padding-bottom: .625rem
    }
}

#header--services .dropdown {
    position: static !important
}
#header--services .dropdown.show {
    background-color: #219fd5;
}
#header--services .dropdown.show .dropdown-toggle, #header--services .dropdown.show .dropdown-toggle:hover {
    color: #f5f5f0;
}
#header--services .dropdown.show .dropdown-toggle::after, #header--services .dropdown.show .dropdown-toggle:hover::after {
    background-color: #219fd5;
}
#header--services .dropdown .btn[type=submit] {
    font-size: 14px;
    font-size: .875rem;
    border: none;
    padding: 0 20px;
    padding: 0 1.25rem
}

#header--services .dropdown .btn[type=submit]:hover {
    background: #f5f5f0
}

#header--services .dropdown .form-control {
    border: 0 solid #f5f5f0
}

#header--services .dropdown .dropdown-toggle {
    font-size: 25px;
    font-size: 1.5625rem;
    position: relative;
    display: flex;
    justify-content: center;
    width: 50px;
    width: 3.125rem;
    padding: 14px 0;
    padding: .875rem 0;
    transition: color .2s ease-in-out, border-color .2s ease-in-out, background-color .2s ease-in-out;
    text-decoration: none;
    color: #464646;
    border: none;
    outline: 0
}

#header--services .dropdown .dropdown-toggle:not(.megaMenu--open)[data-megamenu=toggle] {
    font-size: 20px;
    font-size: 1.25rem;
    padding: 10px;
    padding: .625rem
}

@media (max-width: 1599.98px) {
    #header--services .dropdown .dropdown-toggle {
        width: 50px;
        width: 3.125rem;
        padding: 8px 0;
        padding: .5rem 0
    }
}

@media (max-width: 1199.98px) {
    #header--services .dropdown .dropdown-toggle {
        font-size: 25px;
        font-size: 1.5625rem;
        width: 45px;
        width: 2.8125rem;
        padding: 11px 0;
        padding: .6875rem 0
    }
}

@media (max-width: 991.98px) {
    #header--services .dropdown .dropdown-toggle {
        width: 40px;
        width: 2.5rem;
        padding: 8px 0;
        padding: .5rem 0
    }
}

@media (max-width: 575.98px) {
    #header--services .dropdown .dropdown-toggle {
        width: 45px;
        width: 2.8125rem
    }
}

#header--services .dropdown .dropdown-toggle::after {
    position: absolute;
    right: 0;
    bottom: -16px;
    bottom: -1rem;
    display: block;
    width: 100%;
    height: 20px;
    height: 1.25rem;
    content: "";
    cursor: pointer;
    border: none;
    background-color: transparent
}

#header--services .dropdown .dropdown-toggle:hover {
    color: #219fd5
}

#header--services .dropdown .dropdown-menu {
    top: inherit !important;
    right: 0 !important;
    left: inherit !important;
    width: 500px;
    width: 31.25rem;
    padding: 0;
    transform: translate3d(0, 9px, 0) !important;
    transform: translate3d(0, .5625rem, 0) !important;
    border: none;
    background-color: transparent
}

@media (max-width: 991.98px) {
    #header--services .dropdown .dropdown-menu {
        overflow-y: scroll;
        width: 100%;
        height: calc(100vh - 71px);
        height: calc(100vh - 4.4375rem)
    }
}

#header--services .dropdown .dropdown-menu .dropdown-inner {
    padding: 30px;
    padding: 1.875rem;
    background-color: #219fd5
}

@media (max-width: 991.98px) {
    #header--services .dropdown .dropdown-menu .dropdown-inner {
        padding: 30px 0 60px 0;
        padding: 1.875rem 0 3.75rem 0
    }
}

@media (max-width: 575.98px) {
    #header--services .dropdown .dropdown-menu .dropdown-inner {
        padding: 30px 0 20px 0;
        padding: 1.875rem 0 1.25rem 0
    }
}

#header--services .dropdown .dropdown-menu .dropdown-headline {
    font-size: 22px;
    font-size: 1.375rem;
    font-weight: 600;
    margin-bottom: 20px;
    margin-bottom: 1.25rem;
    text-align: center;
    color: #f5f5f0
}

@media (max-width: 1199.98px) {
    #header--services .dropdown .dropdown-menu .dropdown-headline {
        font-size: 21px;
        font-size: 1.3125rem
    }
}

@media (max-width: 991.98px) {
    #header--services .dropdown .dropdown-menu .dropdown-headline {
        font-size: 18px;
        font-size: 1.125rem
    }
}

@media (max-width: 991.98px) {
    #header--services .dropdown .dropdown-menu .dropdown-container {
        width: 100%;
        padding-right: 15px;
        padding-right: .9375rem;
        padding-left: 15px;
        padding-left: .9375rem;
        margin-right: auto;
        margin-left: auto;
        font-size: 14px;
        font-size: .875rem
    }
}

@media (max-width: 991.98px) and (min-width: 576px) {
    #header--services .dropdown .dropdown-menu .dropdown-container {
        max-width: 540px;
        max-width: 33.75rem
    }
}

@media (max-width: 991.98px) and (min-width: 768px) {
    #header--services .dropdown .dropdown-menu .dropdown-container {
        max-width: 720px;
        max-width: 45rem
    }
}

@media (max-width: 991.98px) and (min-width: 992px) {
    #header--services .dropdown .dropdown-menu .dropdown-container {
        max-width: 960px;
        max-width: 60rem
    }
}

@media (max-width: 991.98px) and (min-width: 1200px) {
    #header--services .dropdown .dropdown-menu .dropdown-container {
        max-width: 1140px;
        max-width: 71.25rem
    }
}

@media (max-width: 991.98px) and (min-width: 1600px) {
    #header--services .dropdown .dropdown-menu .dropdown-container {
        max-width: 1520px;
        max-width: 95rem
    }
}

#header--services .dropdown .dropdown-menu .dropdown-container .box-white {
    padding: 20px;
    padding: 1.25rem;
    border-bottom: 1px solid #e0e0e0;
    border-bottom: .0625rem solid #e0e0e0;
    background-color: #f5f5f0
}

@media (max-width: 767.98px) {
    #header--services .dropdown .dropdown-menu .dropdown-container .box-white {
        flex-direction: column;
        text-align: center
    }
}

#header--services .dropdown .dropdown-menu .dropdown-container .box-white:last-child {
    border-bottom: none
}

#header--services .dropdown .dropdown-menu .dropdown-container .box-white i {
    font-size: 65px;
    font-size: 4.0625rem;
    padding: 0 30px 0 15px;
    padding: 0 1.875rem 0 .9375rem;
    color: #219fd5
}

@media (max-width: 767.98px) {
    #header--services .dropdown .dropdown-menu .dropdown-container .box-white i {
        font-size: 32px;
        font-size: 2rem;
        margin-bottom: 10px;
        margin-bottom: .625rem
    }
}

#header--services .dropdown .dropdown-menu .dropdown-container .box-white .headline {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 700;
    margin-bottom: 5px;
    margin-bottom: .3125rem
}

@media (max-width: 767.98px) {
    #header--services .dropdown .dropdown-menu .dropdown-container .box-white .headline {
        font-size: 16px;
        font-size: 1rem
    }
}

#header--services .dropdown .dropdown-menu .dropdown-container .box-white .btn {
    font-size: 13px;
    font-size: .8125rem;
    white-space: nowrap
}

#header--services .dropdown .dropdown-menu .dropdown-container .box-white .text {
    font-size: 12px;
    font-size: .75rem;
    margin-bottom: 10px;
    margin-bottom: .625rem
}

@media (max-width: 767.98px) {
    #header--services .dropdown .dropdown-menu .dropdown-container .box-white .text {
        font-size: 12px;
        font-size: .75rem
    }
}

#countdown--header {
    font-size: 14px;
    font-size: .875rem;
    line-height: 17px;
    line-height: 1.0625rem;
    position: relative;
    width: 100%;
    padding: 20px 0;
    padding: 1.25rem 0;
    color: #fff;
    background: #000;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    border-bottom: .0625rem solid rgba(0, 0, 0, .2)
}

#countdown--header .container {
    position: relative
}

#countdown--header .container .row a {
    transition: color .2s ease-in-out, border-color .2s ease-in-out, background-color .2s ease-in-out
}

#countdown--header .container .row a:hover {
    color: #f5f5f0 !important
}

@media (max-width: 575.98px) {
    #countdown--header {
        font-size: 13px !important;
        font-size: .8125rem !important;
        padding: 15px 0 15px;
        padding: .9375rem 0 .9375rem
    }
}

@media (max-width: 1599.98px) {
    #countdown--header {
        font-size: 14px;
        font-size: .875rem
    }
}

@media (min-width: 576px) and (max-width: 1599.98px) {
    #countdown--header .image {
        padding: 0
    }
}

#countdown--header strong {
    font-size: 25px;
    font-size: 1.5625rem;
    display: block;
    padding-bottom: 5px;
    padding-bottom: .3125rem;
    color: #ebb40f
}

@media (min-width: 1600px) {
    #countdown--header strong {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 25px;
        line-height: 1.5625rem;
        padding-bottom: 0
    }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
    #countdown--header strong {
        font-size: 19px;
        font-size: 1.1875rem;
        line-height: 22px;
        line-height: 1.375rem;
        padding-bottom: 0
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    #countdown--header strong {
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 20px;
        line-height: 1.25rem;
        padding-bottom: 0
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    #countdown--header strong {
        font-size: 15px;
        font-size: .9375rem;
        line-height: 20px;
        line-height: 1.25rem;
        padding-bottom: 0
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    #countdown--header strong {
        font-size: 15px;
        font-size: .9375rem;
        line-height: 20px;
        line-height: 1.25rem;
        padding-bottom: 10px;
        padding-bottom: .625rem
    }
}

@media (max-width: 575.98px) {
    #countdown--header strong {
        font-size: 15px;
        font-size: .9375rem;
        line-height: 20px;
        line-height: 1.25rem;
        padding-bottom: 7px;
        padding-bottom: .4375rem
    }
}

#countdown--header #header-countdown {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 23px;
    line-height: 1.4375rem;
    display: flex;
    justify-content: center;
    padding: 0
}

@media (max-width: 575.98px) {
    #countdown--header #header-countdown {
        font-size: 17px;
        font-size: 1.0625rem;
        line-height: 21px;
        line-height: 1.3125rem
    }
}

#countdown--header #header-countdown .countdown--item {
    position: relative
}

#countdown--header #header-countdown .countdown--item .countdown--value {
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 1;
    position: absolute;
    top: 27%;
    width: 70px;
    width: 4.375rem;
    text-align: center
}

@media (max-width: 1599.98px) {
    #countdown--header #header-countdown .countdown--item .countdown--value {
        top: 21%
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    #countdown--header #header-countdown .countdown--item .countdown--value {
        top: 30%
    }
}

#countdown--header #header-countdown .countdown--item .countdown--label {
    font-size: 16px;
    font-size: 1rem;
    padding: 8px 8px 8px 2px;
    padding: .5rem .5rem .5rem .125rem
}

@media (max-width: 575.98px) {
    #countdown--header #header-countdown .countdown--item .countdown--label {
        font-size: 14px !important;
        font-size: .875rem !important;
        color: #6a6a6a
    }
}

body.header--backdrop-full #header--areas, body.header--backdrop-full #header--menu {
    position: relative
}

#header {
    background: #f5f5f0;
    z-index: 1065
}

#header .dropdown-toggle::after {
    display: none
}

#header.no-nav {
    position: absolute;
    width: 100%
}

#header.no-nav #header--menu {
    background: linear-gradient(to right, #fff 0, rgba(255, 255, 255, 0) 100%) !important;
    border-bottom: none
}

#header.no-nav #header--menu .main--logo {
    margin: 10px 0;
    margin: .625rem 0
}

#header.no-nav #header--menu .justify-content-center {
    justify-content: left !important
}

.app-content .app-icon .img-fluid {
    border-radius: 20px;
    border-radius: 1.25rem;
    max-width: 70%;
    display: block;
    margin: auto;
    text-align: center
}

.app-icon img {
    border-radius: 10px;
    border-radius: .625rem
}
.btn-secondary {
    color: #464646;
    background-color: #ebb40f;
    border-color: #ebb40f;
}

@media (max-width: 991.98px) {
    #header--menu nav#header--megaMenu.megaMenu--open {
        z-index: 99;
        display: block;
    }
}
.current-post-ancestor a, .current-menu-item.active a{
    font-weight: bold !important;
}

body > div.container {
    margin-top: 150px;
}
.index-bottom-text {
    font-size: 14px;
}
.service-nav-link {
    color: #464646;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1;
    padding-bottom: 20px;
}


#menu-main-menu-1 li.menu-item:last-child a {
    margin-left: 50px;
}
@media (max-width: 1599px) {
}

@media (max-width: 1199.98px) {
}
@media (max-width: 991px) {
}