@-webkit-keyframes lazyLoader {
    0%,100% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    50% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@keyframes lazyLoader {
    0%,100% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    50% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

.otobus_konumlari_iframe {
    width: 100%;
    height: 100vh;
    border: unset;
    border-radius: 1rem;
}

.lazy-loading {
    position: relative
}

.lazy-loading__loader {
    position: absolute;
    display: block;
    height: 2px;
    width: 50px;
    max-width: 100%;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    margin: auto;
    pointer-events: none;
    background-color: rgba(0,114,188,0.25);
    z-index: -1;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    overflow: hidden
}

    .lazy-loading__loader:after {
        position: absolute;
        content: '';
        bottom: 0;
        right: 0;
        top: 0;
        height: 100%;
        width: 200%;
        background-color: #0072bc
    }

.lazy-loading:not(.lazy-loaded) .lazy-loading__loader {
    opacity: 1;
    visibility: visible;
    z-index: 1
}

.lazy-loading .lazy-loading__loader:after {
    -webkit-animation: lazyLoader 3s infinite;
    animation: lazyLoader 3s infinite;
    -webkit-animation-timing-function: cubic-bezier(0.43, 0.43, 0.25, 0.99);
    animation-timing-function: cubic-bezier(0.43, 0.43, 0.25, 0.99)
}

.lazy-loading > img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    image-rendering: -webkit-optimize-contrast;
    -webkit-transition: opacity 0.85s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: opacity 0.85s cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

.lazy-loading.lazy-loaded > img {
    opacity: 1
}

.no-js .lazy-loading > noscript img {
    position: absolute;
    top: 0;
    left: 0;
    height: auto;
    width: 100%
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) * -.5);
    margin-left: calc(var(--bs-gutter-x) * -.5)
}

    .row > * {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
        margin-top: var(--bs-gutter-y)
    }

.col {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%
}

.row-cols-auto > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto
}

.row-cols-1 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%
}

.row-cols-2 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50%
}

.row-cols-3 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 33.33333%
}

.row-cols-4 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%
}

.row-cols-5 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 20%
}

.row-cols-6 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 16.66667%
}

@media (min-width: 576px) {
    .col-sm {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%
    }

    .row-cols-sm-auto > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-sm-1 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-sm-2 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-sm-3 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.33333%
    }

    .row-cols-sm-4 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-sm-5 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-sm-6 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.66667%
    }
}

@media (min-width: 768px) {
    .col-md {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%
    }

    .row-cols-md-auto > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-md-1 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-md-2 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-md-3 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.33333%
    }

    .row-cols-md-4 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-md-5 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-md-6 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.66667%
    }
}

@media (min-width: 992px) {
    .col-lg {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%
    }

    .row-cols-lg-auto > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-lg-1 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-lg-2 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-lg-3 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.33333%
    }

    .row-cols-lg-4 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-lg-5 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-lg-6 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.66667%
    }
}

@media (min-width: 1200px) {
    .col-xl {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%
    }

    .row-cols-xl-auto > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xl-1 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xl-2 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xl-3 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.33333%
    }

    .row-cols-xl-4 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xl-5 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xl-6 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.66667%
    }
}

@media (min-width: 1400px) {
    .col-xxl {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%
    }

    .row-cols-xxl-auto > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xxl-1 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xxl-2 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xxl-3 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.33333%
    }

    .row-cols-xxl-4 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xxl-5 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xxl-6 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.66667%
    }
}

.col-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto
}

.col-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 8.33333%
}

.col-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 16.66667%
}

.col-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%
}

.col-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 33.33333%
}

.col-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 41.66667%
}

.col-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50%
}

.col-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 58.33333%
}

.col-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 66.66667%
}

.col-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 75%
}

.col-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 83.33333%
}

.col-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 91.66667%
}

.col-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%
}

.offset-1 {
    margin-left: 8.33333%
}

.offset-2 {
    margin-left: 16.66667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333%
}

.offset-5 {
    margin-left: 41.66667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333%
}

.offset-8 {
    margin-left: 66.66667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333%
}

.offset-11 {
    margin-left: 91.66667%
}

.g-0, .gx-0 {
    --bs-gutter-x: 0
}

.g-0, .gy-0 {
    --bs-gutter-y: 0
}

.g-1, .gx-1 {
    --bs-gutter-x: .25rem
}

.g-1, .gy-1 {
    --bs-gutter-y: .25rem
}

.g-2, .gx-2 {
    --bs-gutter-x: .5rem
}

.g-2, .gy-2 {
    --bs-gutter-y: .5rem
}

.g-3, .gx-3 {
    --bs-gutter-x: 1rem
}

.g-3, .gy-3 {
    --bs-gutter-y: 1rem
}

.g-4, .gx-4 {
    --bs-gutter-x: 1.5rem
}

.g-4, .gy-4 {
    --bs-gutter-y: 1.5rem
}

.g-5, .gx-5 {
    --bs-gutter-x: 3rem
}

.g-5, .gy-5 {
    --bs-gutter-y: 3rem
}

@media (min-width: 576px) {
    .col-sm-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .col-sm-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 8.33333%
    }

    .col-sm-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.66667%
    }

    .col-sm-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%
    }

    .col-sm-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.33333%
    }

    .col-sm-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 41.66667%
    }

    .col-sm-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%
    }

    .col-sm-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 58.33333%
    }

    .col-sm-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 66.66667%
    }

    .col-sm-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 75%
    }

    .col-sm-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 83.33333%
    }

    .col-sm-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 91.66667%
    }

    .col-sm-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.33333%
    }

    .offset-sm-2 {
        margin-left: 16.66667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.33333%
    }

    .offset-sm-5 {
        margin-left: 41.66667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.33333%
    }

    .offset-sm-8 {
        margin-left: 66.66667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.33333%
    }

    .offset-sm-11 {
        margin-left: 91.66667%
    }

    .g-sm-0, .gx-sm-0 {
        --bs-gutter-x: 0
    }

    .g-sm-0, .gy-sm-0 {
        --bs-gutter-y: 0
    }

    .g-sm-1, .gx-sm-1 {
        --bs-gutter-x: .25rem
    }

    .g-sm-1, .gy-sm-1 {
        --bs-gutter-y: .25rem
    }

    .g-sm-2, .gx-sm-2 {
        --bs-gutter-x: .5rem
    }

    .g-sm-2, .gy-sm-2 {
        --bs-gutter-y: .5rem
    }

    .g-sm-3, .gx-sm-3 {
        --bs-gutter-x: 1rem
    }

    .g-sm-3, .gy-sm-3 {
        --bs-gutter-y: 1rem
    }

    .g-sm-4, .gx-sm-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-sm-4, .gy-sm-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-sm-5, .gx-sm-5 {
        --bs-gutter-x: 3rem
    }

    .g-sm-5, .gy-sm-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width: 768px) {
    .col-md-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .col-md-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 8.33333%
    }

    .col-md-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.66667%
    }

    .col-md-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%
    }

    .col-md-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.33333%
    }

    .col-md-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 41.66667%
    }

    .col-md-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%
    }

    .col-md-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 58.33333%
    }

    .col-md-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 66.66667%
    }

    .col-md-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 75%
    }

    .col-md-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 83.33333%
    }

    .col-md-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 91.66667%
    }

    .col-md-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.33333%
    }

    .offset-md-2 {
        margin-left: 16.66667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.33333%
    }

    .offset-md-5 {
        margin-left: 41.66667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.33333%
    }

    .offset-md-8 {
        margin-left: 66.66667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.33333%
    }

    .offset-md-11 {
        margin-left: 91.66667%
    }

    .g-md-0, .gx-md-0 {
        --bs-gutter-x: 0
    }

    .g-md-0, .gy-md-0 {
        --bs-gutter-y: 0
    }

    .g-md-1, .gx-md-1 {
        --bs-gutter-x: .25rem
    }

    .g-md-1, .gy-md-1 {
        --bs-gutter-y: .25rem
    }

    .g-md-2, .gx-md-2 {
        --bs-gutter-x: .5rem
    }

    .g-md-2, .gy-md-2 {
        --bs-gutter-y: .5rem
    }

    .g-md-3, .gx-md-3 {
        --bs-gutter-x: 1rem
    }

    .g-md-3, .gy-md-3 {
        --bs-gutter-y: 1rem
    }

    .g-md-4, .gx-md-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-md-4, .gy-md-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-md-5, .gx-md-5 {
        --bs-gutter-x: 3rem
    }

    .g-md-5, .gy-md-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width: 992px) {
    .col-lg-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .col-lg-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 8.33333%
    }

    .col-lg-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.66667%
    }

    .col-lg-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%
    }

    .col-lg-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.33333%
    }

    .col-lg-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 41.66667%
    }

    .col-lg-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%
    }

    .col-lg-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 58.33333%
    }

    .col-lg-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 66.66667%
    }

    .col-lg-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 75%
    }

    .col-lg-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 83.33333%
    }

    .col-lg-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 91.66667%
    }

    .col-lg-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.33333%
    }

    .offset-lg-2 {
        margin-left: 16.66667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.33333%
    }

    .offset-lg-5 {
        margin-left: 41.66667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.33333%
    }

    .offset-lg-8 {
        margin-left: 66.66667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.33333%
    }

    .offset-lg-11 {
        margin-left: 91.66667%
    }

    .g-lg-0, .gx-lg-0 {
        --bs-gutter-x: 0
    }

    .g-lg-0, .gy-lg-0 {
        --bs-gutter-y: 0
    }

    .g-lg-1, .gx-lg-1 {
        --bs-gutter-x: .25rem
    }

    .g-lg-1, .gy-lg-1 {
        --bs-gutter-y: .25rem
    }

    .g-lg-2, .gx-lg-2 {
        --bs-gutter-x: .5rem
    }

    .g-lg-2, .gy-lg-2 {
        --bs-gutter-y: .5rem
    }

    .g-lg-3, .gx-lg-3 {
        --bs-gutter-x: 1rem
    }

    .g-lg-3, .gy-lg-3 {
        --bs-gutter-y: 1rem
    }

    .g-lg-4, .gx-lg-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-lg-4, .gy-lg-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-lg-5, .gx-lg-5 {
        --bs-gutter-x: 3rem
    }

    .g-lg-5, .gy-lg-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width: 1200px) {
    .col-xl-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .col-xl-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 8.33333%
    }

    .col-xl-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.66667%
    }

    .col-xl-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%
    }

    .col-xl-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.33333%
    }

    .col-xl-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 41.66667%
    }

    .col-xl-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%
    }

    .col-xl-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 58.33333%
    }

    .col-xl-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 66.66667%
    }

    .col-xl-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 75%
    }

    .col-xl-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 83.33333%
    }

    .col-xl-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 91.66667%
    }

    .col-xl-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.33333%
    }

    .offset-xl-2 {
        margin-left: 16.66667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.33333%
    }

    .offset-xl-5 {
        margin-left: 41.66667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.33333%
    }

    .offset-xl-8 {
        margin-left: 66.66667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.33333%
    }

    .offset-xl-11 {
        margin-left: 91.66667%
    }

    .g-xl-0, .gx-xl-0 {
        --bs-gutter-x: 0
    }

    .g-xl-0, .gy-xl-0 {
        --bs-gutter-y: 0
    }

    .g-xl-1, .gx-xl-1 {
        --bs-gutter-x: .25rem
    }

    .g-xl-1, .gy-xl-1 {
        --bs-gutter-y: .25rem
    }

    .g-xl-2, .gx-xl-2 {
        --bs-gutter-x: .5rem
    }

    .g-xl-2, .gy-xl-2 {
        --bs-gutter-y: .5rem
    }

    .g-xl-3, .gx-xl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xl-3, .gy-xl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xl-4, .gx-xl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xl-4, .gy-xl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xl-5, .gx-xl-5 {
        --bs-gutter-x: 3rem
    }

    .g-xl-5, .gy-xl-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width: 1400px) {
    .col-xxl-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .col-xxl-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 8.33333%
    }

    .col-xxl-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.66667%
    }

    .col-xxl-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%
    }

    .col-xxl-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.33333%
    }

    .col-xxl-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 41.66667%
    }

    .col-xxl-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%
    }

    .col-xxl-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 58.33333%
    }

    .col-xxl-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 66.66667%
    }

    .col-xxl-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 75%
    }

    .col-xxl-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 83.33333%
    }

    .col-xxl-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 91.66667%
    }

    .col-xxl-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xxl-0 {
        margin-left: 0
    }

    .offset-xxl-1 {
        margin-left: 8.33333%
    }

    .offset-xxl-2 {
        margin-left: 16.66667%
    }

    .offset-xxl-3 {
        margin-left: 25%
    }

    .offset-xxl-4 {
        margin-left: 33.33333%
    }

    .offset-xxl-5 {
        margin-left: 41.66667%
    }

    .offset-xxl-6 {
        margin-left: 50%
    }

    .offset-xxl-7 {
        margin-left: 58.33333%
    }

    .offset-xxl-8 {
        margin-left: 66.66667%
    }

    .offset-xxl-9 {
        margin-left: 75%
    }

    .offset-xxl-10 {
        margin-left: 83.33333%
    }

    .offset-xxl-11 {
        margin-left: 91.66667%
    }

    .g-xxl-0, .gx-xxl-0 {
        --bs-gutter-x: 0
    }

    .g-xxl-0, .gy-xxl-0 {
        --bs-gutter-y: 0
    }

    .g-xxl-1, .gx-xxl-1 {
        --bs-gutter-x: .25rem
    }

    .g-xxl-1, .gy-xxl-1 {
        --bs-gutter-y: .25rem
    }

    .g-xxl-2, .gx-xxl-2 {
        --bs-gutter-x: .5rem
    }

    .g-xxl-2, .gy-xxl-2 {
        --bs-gutter-y: .5rem
    }

    .g-xxl-3, .gx-xxl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xxl-3, .gy-xxl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xxl-4, .gx-xxl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xxl-4, .gy-xxl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xxl-5, .gx-xxl-5 {
        --bs-gutter-x: 3rem
    }

    .g-xxl-5, .gy-xxl-5 {
        --bs-gutter-y: 3rem
    }
}

@font-face {
    font-family: 'Gotham';
    src: url(/assets/fonts/subset-Gotham-Bold.eot);
    src: local("Gotham Bold"),local("Gotham-Bold"),url(/assets/fonts/subset-Gotham-Bold.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/subset-Gotham-Bold.woff2) format("woff2"),url(/assets/fonts/subset-Gotham-Bold.woff) format("woff"),url(/assets/fonts/subset-Gotham-Bold.ttf) format("truetype"),url(/assets/fonts/subset-Gotham-Bold.svg#Gotham-Bold) format("svg");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Gotham';
    src: url(/assets/fonts/subset-Gotham-BoldItalic.eot);
    src: local("Gotham Bold Italic"),local("Gotham-BoldItalic"),url(/assets/fonts/subset-Gotham-BoldItalic.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/subset-Gotham-BoldItalic.woff2) format("woff2"),url(/assets/fonts/subset-Gotham-BoldItalic.woff) format("woff"),url(/assets/fonts/subset-Gotham-BoldItalic.ttf) format("truetype"),url(/assets/fonts/subset-Gotham-BoldItalic.svg#Gotham-BoldItalic) format("svg");
    font-weight: 600;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Gotham';
    src: url(/assets/fonts/subset-Gotham-Book.eot);
    src: local("Gotham Book"),local("Gotham-Book"),url(/assets/fonts/subset-Gotham-Book.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/subset-Gotham-Book.woff2) format("woff2"),url(/assets/fonts/subset-Gotham-Book.woff) format("woff"),url(/assets/fonts/subset-Gotham-Book.ttf) format("truetype"),url(/assets/fonts/subset-Gotham-Book.svg#Gotham-Book) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Gotham';
    src: url(/assets/fonts/subset-Gotham-BookItalic.eot);
    src: local("Gotham Book Italic"),local("Gotham-BookItalic"),url(/assets/fonts/subset-Gotham-BookItalic.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/subset-Gotham-BookItalic.woff2) format("woff2"),url(/assets/fonts/subset-Gotham-BookItalic.woff) format("woff"),url(/assets/fonts/subset-Gotham-BookItalic.ttf) format("truetype"),url(/assets/fonts/subset-Gotham-BookItalic.svg#Gotham-BookItalic) format("svg");
    font-weight: 400;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Gotham';
    src: url(/assets/fonts/subset-Gotham-Light.eot);
    src: local("Gotham Light"),local("Gotham-Light"),url(/assets/fonts/subset-Gotham-Light.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/subset-Gotham-Light.woff2) format("woff2"),url(/assets/fonts/subset-Gotham-Light.woff) format("woff"),url(/assets/fonts/subset-Gotham-Light.ttf) format("truetype"),url(/assets/fonts/subset-Gotham-Light.svg#Gotham-Light) format("svg");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Gotham';
    src: url(/assets/fonts/subset-Gotham-LightItalic.eot);
    src: local("Gotham Light Italic"),local("Gotham-LightItalic"),url(/assets/fonts/subset-Gotham-LightItalic.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/subset-Gotham-LightItalic.woff2) format("woff2"),url(/assets/fonts/subset-Gotham-LightItalic.woff) format("woff"),url(/assets/fonts/subset-Gotham-LightItalic.ttf) format("truetype"),url(/assets/fonts/subset-Gotham-LightItalic.svg#Gotham-LightItalic) format("svg");
    font-weight: 300;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Gotham';
    src: url(/assets/fonts/subset-Gotham-Medium.eot);
    src: local("Gotham Medium"),local("Gotham-Medium"),url(/assets/fonts/subset-Gotham-Medium.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/subset-Gotham-Medium.woff2) format("woff2"),url(/assets/fonts/subset-Gotham-Medium.woff) format("woff"),url(/assets/fonts/subset-Gotham-Medium.ttf) format("truetype"),url(/assets/fonts/subset-Gotham-Medium.svg#Gotham-Medium) format("svg");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Gotham';
    src: url(/assets/fonts/subset-Gotham-MediumItalic.eot);
    src: local("Gotham Medium Italic"),local("Gotham-MediumItalic"),url(/assets/fonts/subset-Gotham-MediumItalic.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/subset-Gotham-MediumItalic.woff2) format("woff2"),url(/assets/fonts/subset-Gotham-MediumItalic.woff) format("woff"),url(/assets/fonts/subset-Gotham-MediumItalic.ttf) format("truetype"),url(/assets/fonts/subset-Gotham-MediumItalic.svg#Gotham-MediumItalic) format("svg");
    font-weight: 500;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'sbb';
    src: url(/assets/fonts/sbb.eot);
    src: url(/assets/fonts/sbb.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/sbb.woff) format("woff"),url(/assets/fonts/sbb.ttf) format("truetype"),url(/assets/fonts/sbb.svg#sbb) format("svg");
    font-weight: normal;
    font-style: normal
}

[data-icon]:before {
    font-family: 'sbb' !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: normal !important;
    -webkit-font-feature-settings: normal !important;
    font-feature-settings: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

[class^='icon-']:before, [class*=' icon-']:before {
    font-family: 'sbb' !important;
    font-style: normal !important;
    font-weight: normal !important;
    -webkit-font-feature-settings: normal !important;
    font-feature-settings: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-app-store:before {
    content: '\61'
}

.icon-architecture:before {
    content: '\62'
}

.icon-arrow-right:before {
    content: '\63'
}

.icon-arrow-right-circle:before {
    content: '\64'
}

.icon-art:before {
    content: '\65'
}

.icon-article:before {
    content: '\66'
}

.icon-bank:before {
    content: '\67'
}

.icon-caret-down:before {
    content: '\68'
}

.icon-caret-left:before {
    content: '\69'
}

.icon-caret-right:before {
    content: '\6a'
}

.icon-caret-up:before {
    content: '\6b'
}

.icon-chevron-down:before {
    content: '\6c'
}

.icon-chevron-left:before {
    content: '\6d'
}

.icon-chevron-right:before {
    content: '\6e'
}

.icon-chevron-up:before {
    content: '\6f'
}

.icon-close:before {
    content: '\70'
}

.icon-close-thin:before {
    content: '\71'
}

.icon-contact:before {
    content: '\72'
}

.icon-event:before {
    content: '\73'
}

.icon-home:before {
    content: '\74'
}

.icon-idea:before {
    content: '\75'
}

.icon-location:before {
    content: '\76'
}

.icon-menu:before {
    content: '\77'
}

.icon-more-horiz:before {
    content: '\78'
}

.icon-search:before {
    content: '\79'
}

.icon-send:before {
    content: '\7a'
}

.icon-user:before {
    content: '\45'
}

.icon-user-add:before {
    content: '\46'
}

.icon-user-confirmed:before {
    content: '\47'
}

.icon-photo-size:before {
    content: '\48'
}

.icon-layers:before {
    content: '\49'
}

.icon-time:before {
    content: '\4a'
}

.icon-socials-facebook:before {
    content: '\41'
}

.icon-socials-instagram:before {
    content: '\42'
}

.icon-socials-linkedin:before {
    content: '\43'
}

.icon-socials-messenger:before {
    content: '\44'
}

.icon-socials-pinterest:before {
    content: '\4b'
}

.icon-socials-skype:before {
    content: '\4c'
}

.icon-socials-telegram:before {
    content: '\4d'
}

.icon-socials-twitter:before {
    content: '\4e'
}

.icon-socials-viber:before {
    content: '\4f'
}

.icon-socials-vk:before {
    content: '\50'
}

.icon-socials-whatsapp:before {
    content: '\51'
}

.icon-socials-whatsapp-linear:before {
    content: '\52'
}

.icon-video-outlined:before {
    content: '\53'
}

.icon-video:before {
    content: '\54'
}

.icon-photo:before {
    content: '\55'
}

.icon-photo-outlined:before {
    content: '\56'
}

.icon-play-arrow:before {
    content: '\57'
}

/*!
 * Bootstrap Reboot v4.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
 *
 * Edited by Obada (obada@windowslive.com)
 */ *, *:before, *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

@-ms-viewport {
    width: device-width
}

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

body {
    margin: 0;
    font-family: -apple-system, 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Helvetica Neue', 'Arial', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: white
}

[tabindex='-1']:focus {
    outline: 0 !important
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 0
}

p {
    margin-top: 0;
    margin-bottom: 0
}

abbr[title], abbr[data-original-title] {
    text-decoration: none;
    -webkit-text-decoration: none;
    text-decoration: none;
    cursor: help;
    border-bottom: 0
}

address {
    margin-bottom: 0;
    font-style: normal;
    line-height: inherit
}

ol, ul, dl {
    margin-top: 0;
    margin-bottom: 0
}

ul {
    list-style: none;
    padding: 0
}

    ol ol, ul ul, ol ul, ul ol {
        margin-bottom: 0
    }

dt {
    font-weight: 700
}

dd {
    margin-bottom: 0;
    margin-left: 0
}

blockquote {
    margin: 0
}

dfn {
    font-style: italic
}

b, strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

sub, sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

    a:hover {
        color: #0056b3;
        text-decoration: none;
        cursor: pointer
    }

    a:not([href]):not([tabindex]) {
        color: inherit;
        text-decoration: none
    }

        a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
            color: inherit;
            text-decoration: none
        }

        a:not([href]):not([tabindex]):focus {
            outline: 0
        }

pre, code, kbd, samp {
    font-family: 'SFMono-Regular', 'Menlo', 'Monaco', 'Consolas', 'Liberation Mono', 'Courier New', monospace;
    font-size: 1em
}

pre {
    margin-top: 0;
    margin-bottom: 0;
    overflow: auto;
    -ms-overflow-style: scrollbar
}

figure {
    margin: 0
}

img {
    vertical-align: middle;
    border-style: none;
    max-width: 100%
}

svg {
    overflow: hidden;
    vertical-align: middle
}

table {
    border-collapse: collapse
}

caption {
    padding-top: 0;
    padding-bottom: 0;
    color: #6c757d;
    text-align: left;
    caption-side: bottom
}

th {
    text-align: inherit
}

label {
    display: inline-block;
    margin-bottom: 0
}

button {
    border-radius: 0
}

    button:focus {
        outline: none
    }

    button:hover {
        cursor: pointer
    }

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

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

    select:focus {
        outline: none
    }

    select:hover {
        cursor: pointer
    }

button, html [type='button'], [type='reset'], [type='submit'] {
    -webkit-appearance: button
}

    button::-moz-focus-inner, [type='button']::-moz-focus-inner, [type='reset']::-moz-focus-inner, [type='submit']::-moz-focus-inner {
        padding: 0;
        border-style: none
    }

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

input[type='date'], input[type='time'], input[type='datetime-local'], input[type='month'] {
    -webkit-appearance: listbox
}

textarea {
    overflow: auto;
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: 0;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal
}

progress {
    vertical-align: baseline
}

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

[type='search'] {
    outline-offset: -2px;
    -webkit-appearance: none
}

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

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

summary {
    display: list-item;
    cursor: pointer
}

template {
    display: none
}

[hidden] {
    display: none !important
}

html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-shadow: rgba(0,0,0,0.01) 0 0 1px;
    text-rendering: optimizeLegibility;
    background-color: #f4f6f8;
    font-size: 16px;
    scroll-behavior: smooth
}

@media screen and (min-width: 1600px) {
    html {
        font-size: 18px
    }
}

body {
    font-family: 'Gotham', 'Arial', 'Helvetica', sans-serif;
    line-height: 1.7;
    overflow-x: hidden;
    color: #00315c;
    font-size: 0.875rem;
    background-color: transparent
}

    body.loading {
        overflow: hidden
    }

.gotham-medium {
    font-family: 'Gotham', 'Arial', 'Helvetica', sans-serif;
    font-weight: 500
}

::-webkit-selection {
    background: #0072bc;
    color: #fff
}

::-moz-selection {
    background: #0072bc;
    color: #fff
}

::selection {
    background: #0072bc;
    color: #fff
}

.main {
    width: 100%;
    padding-top: calc(72px - 20px);
    padding-right: 15px;
    padding-left: 15px
}

@media screen and (min-width: 568px) {
    .main {
        padding-right: 4vw;
        padding-left: 4vw
    }
}

@media screen and (min-width: 768px) {
    .main {
        padding-top: calc(72px - 4px)
    }
}

@media screen and (min-width: 992px) {
    .main {
        padding-top: 72px
    }
}

@media screen and (min-width: 1600px) {
    .main {
        padding-top: calc(72px + 10px)
    }
}

body.default-template .main {
    min-height: 100vh;
    padding-bottom: calc(58px + 15px)
}

@media screen and (min-width: 568px) {
    body.default-template .main {
        padding-bottom: calc(58px + 4vw)
    }
}

@media screen and (min-width: 992px) {
    body.default-template .main {
        padding-right: calc(4vw + 114px);
        padding-bottom: calc(49px + 4vw)
    }
}

@media screen and (min-width: 992px) {
    .main--below-header {
        padding-top: 0
    }
}

.main__left {
    margin-right: calc(4vw * -1);
    margin-left: calc(4vw * -1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (min-width: 992px) {
    .main__left {
        margin-right: 0;
        margin-left: 0;
        position: fixed;
        top: 0;
        bottom: 49px;
        left: 0;
        width: 38vw
    }
}

@media screen and (min-width: 992px) {
    .main__right {
        margin-left: 38vw
    }
}

html.no-js {
    overflow: hidden
}

.global-warning {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    background-color: #f4f6f8;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.35;
    overflow: hidden;
    z-index: 99;
    color: #0072bc;
    padding: 4vw
}

    .global-warning span {
        font-size: 5rem;
        line-height: 1
    }

.main-loader {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99;
    background-color: #f4f6f8;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1);
    display: none
}

    .main-loader body:not(.loading) {
        opacity: 0;
        visibility: hidden
    }

.main-loader__logo {
    background-color: white;
    padding: 1.25rem;
    border-radius: 3rem;
    opacity: 0;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUp {
    from {
        -webkit-transform: translate3d(0, 40px, 0);
        transform: translate3d(0, 40px, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes fadeInUp {
    from {
        -webkit-transform: translate3d(0, 40px, 0);
        transform: translate3d(0, 40px, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.page-title {
    margin-top: 1.25rem;
    padding-bottom: 2rem
}

    .page-title:not(.page-title--no-divider) {
        border-bottom: 1px solid rgba(0,65,106,0.1);
        margin-bottom: 2.75em
    }

@media screen and (min-width: 992px) {
    .page-title {
        margin-top: 2rem
    }
}

.page-title__title {
    color: #0072bc;
    line-height: 1.3;
    font-weight: 500;
    font-size: 1.75rem
}

@media screen and (min-width: 768px) {
    .page-title__title {
        font-size: 2.25rem
    }
}

@media screen and (min-width: 1200px) {
    .page-title__title {
        max-width: 550px
    }
}

@media screen and (min-width: 1600px) {
    .page-title__title {
        max-width: none
    }
}

.page-title__desc {
    display: block;
    font-size: 1rem;
    color: #20aab0;
    margin-top: 0.375rem;
    padding-bottom: 0.25rem;
    letter-spacing: 0.02rem
}

.page-title__date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: -0.5rem;
    color: rgba(0,49,92,0.5)
}

    .page-title__date:before {
        color: #20aab0;
        font-size: 1rem;
        margin-right: 0.375rem
    }

    .page-title__date + h1 {
        margin-top: 0
    }

.page-title__meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0.25rem -0.25rem 0
}

.page-title__meta__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: rgba(0,49,92,0.5);
    padding: 0.25rem 0.5rem;
    line-height: 1.3
}

    .page-title__meta__item:before {
        color: #20aab0;
        font-size: 1rem;
        margin-right: 0.375rem;
        margin-left: -0.125rem
    }

.page-title__sharer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 1rem
}

@media screen and (min-width: 768px) {
    .page-title__sharer {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.page-title__sharer__title {
    color: #00315c;
    margin-bottom: 0.375rem;
    font-weight: 500
}

@media screen and (min-width: 768px) {
    .page-title__sharer__title {
        margin-right: 0.875rem;
        margin-bottom: 0
    }
}

.overflow-hidden {
    overflow: hidden
}

.container {
    width: 100%;
    max-width: none;
    padding-right: 4vw;
    padding-left: 4vw
}

.mb-subsection {
    margin-bottom: 30px
}

.breadcrumbs ~ .mb-section, .breadcrumbs ~ .mb-subsection {
    margin-top: 1.25rem
}

.mb-section {
    margin-bottom: 30px
}

.mb-sm {
    margin-bottom: 1rem
}

@media screen and (min-width: 768px) {
    .mb-subsection {
        margin-bottom: 40px
    }

    .mb-section {
        margin-bottom: 40px
    }
}

@media screen and (min-width: 992px) {
    .mb-section {
        margin-bottom: 3.75rem
    }
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-white {
    color: white
}

@-webkit-keyframes flying {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(-1.5rem);
        transform: translateY(-1.5rem)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes flying {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(-1.5rem);
        transform: translateY(-1.5rem)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.animation--flying {
    -webkit-animation: flying;
    animation: flying;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-transition: 0.2s;
    transition: 0.2s
}

#birds-mosque-1 > :nth-child(1), #plants-chat {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s
}

#birds-mosque-1 > :nth-child(3), #birds-windmill-1 > :nth-child(2), #plants-piechart, #plants-doc, #plants-search {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s
}

#birds-windmill-1 > :nth-child(1), #birds-mosque-1 > :nth-child(2), #plants-clock {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

#birds-windmill-2 > :nth-child(2), #parachute, #plants-idea {
    -webkit-animation-delay: 3s;
    animation-delay: 3s
}

#birds-windmill-2 > :nth-child(3), #plants-stats {
    -webkit-animation-delay: 3.5s;
    animation-delay: 3.5s
}

#birds-windmill-1 > :nth-child(3) {
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s
}

#birds-windmill-2 > :nth-child(1) {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.header {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 5;
    background-color: white;
    padding: 12px 4vw;
    -webkit-transition: all 0.5s cubic-bezier(0.25, 0.7, 0.13, 0.84);
    transition: all 0.5s cubic-bezier(0.25, 0.7, 0.13, 0.84)
}

    .header.scrolled {
        padding-top: 6px;
        padding-bottom: 6px
    }

.split-screen .header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media screen and (min-width: 992px) {
    .header {
        border-bottom-right-radius: 24px;
        padding: 14px 30px 14px 4vw
    }

    body.default-template .header {
        right: calc(4vw + 114px)
    }

    body.e-belediye-template .header {
        right: 4vw
    }

    .split-screen .header {
        right: auto;
        width: calc(38vw - 30px);
        padding: 14px 30px
    }

    .header.scrolled {
        padding-top: 7px;
        padding-bottom: 7px
    }
}

.header__logo {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: auto;
    max-width: 100%
}

@media screen and (min-width: 992px) {
    .header__logo {
        padding-right: 30px
    }

    .split-screen .header__logo {
        padding-right: 0
    }
}

.header__logo__link {
    display: block
}

.header.scrolled .header__logo__link {
    height: 54px;
    margin-left: -32px
}

.header .socials {
    display: none
}

@media screen and (min-width: 992px) {
    .header .socials {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.socials {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -4px
}

@media screen and (min-width: 768px) {
    .socials {
        margin: -6px
    }
}

.split-screen .socials {
    margin: 0.5rem -4px -4px
}

.socials__item {
    margin: 4px
}

@media screen and (min-width: 768px) {
    .socials__item {
        margin: 6px
    }
}

.socials__link {
    width: 2rem;
    height: 2rem;
    background-color: #eef1f5;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    will-change: transform, background-color;
    -webkit-transition: background-color 0.85s cubic-bezier(0.19, 1, 0.22, 1),-webkit-transform 0.85s cubic-bezier(0.19, 1, 0.22, 1);
    transition: background-color 0.85s cubic-bezier(0.19, 1, 0.22, 1),-webkit-transform 0.85s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.85s cubic-bezier(0.19, 1, 0.22, 1),background-color 0.85s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.85s cubic-bezier(0.19, 1, 0.22, 1),background-color 0.85s cubic-bezier(0.19, 1, 0.22, 1),-webkit-transform 0.85s cubic-bezier(0.19, 1, 0.22, 1)
}

    .socials__link:focus, .socials__link:hover {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px);
        background-color: #dbe1ea
    }

.split-screen .socials__link {
    width: 2rem;
    height: 2rem
}

.socials__img {
    height: 0.875rem;
    max-width: 0.9375rem
}

.split-screen .socials__img {
    height: 0.75rem;
    max-width: 0.875rem
}

.logo {
    position: relative;
    display: inline-block;
    -webkit-perspective: 600px;
    perspective: 600px
}

.logo__circles {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    width: 10.18%
}

.logo__sbb, .logo__tc {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    width: 100%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
    -webkit-transition: -webkit-transform 1.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 1.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 1.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 1.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 1.5s cubic-bezier(0.19, 1, 0.22, 1)
}

.logo__sbb__svg, .logo__tc__svg {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.logo:hover .logo__sbb {
    -webkit-transform: rotateY(180deg) translateY(-50%);
    transform: rotateY(180deg) translateY(-50%)
}

.logo__tc {
    background-color: #e30a17;
    border-radius: 50%;
    -webkit-transform: rotateY(180deg) translateY(-50%);
    transform: rotateY(180deg) translateY(-50%)
}

.logo__tc__crescent, .logo__tc__star {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
    -webkit-transition: -webkit-transform 0.75s 0.2s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 0.75s 0.2s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.75s 0.2s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.75s 0.2s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.75s 0.2s cubic-bezier(0.19, 1, 0.22, 1)
}

.logo__tc__crescent {
    -webkit-transform: translateX(10px) translateZ(6px);
    transform: translateX(10px) translateZ(6px)
}

.logo__tc__star {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    -webkit-transform: translateX(10px) scale(2) translateZ(6px);
    transform: translateX(10px) scale(2) translateZ(6px)
}

.logo:hover .logo__tc {
    -webkit-transform: rotateY(0) translateY(-50%);
    transform: rotateY(0) translateY(-50%)
}

.logo:hover .logo__tc__crescent, .logo:hover .logo__tc__star {
    -webkit-transform: translateX(0) scale(1) translateZ(6px);
    transform: translateX(0) scale(1) translateZ(6px)
}

.logo__text__svg {
    height: 1.75rem;
    max-width: 100%
}

@media screen and (min-width: 768px) {
    .logo__text__svg {
        height: 2.75rem
    }
}

@media screen and (min-width: 1600px) {
    .logo__text__svg {
        height: 3rem
    }
}

.logo__circle-border {
    will-change: fill;
    -webkit-transition: fill 1.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: fill 1.5s cubic-bezier(0.19, 1, 0.22, 1)
}

.logo:hover .logo__circle-border {
    fill: #e30a17
}

.side-nav {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 114px;
    background-color: white;
    overflow-y: auto;
    overflow-x: hidden;
    display: none
}

@media screen and (min-width: 992px) {
    .side-nav {
        display: block;
        z-index: 6
    }
}

.side-nav__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.side-nav__item {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: white
}

.side-nav__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    font-weight: 500;
    color: rgba(0,49,92,0.4);
    font-size: 0.8125rem;
    line-height: 1.2;
    padding: 20px 14px;
    width: 100%;
    border: none;
    background-color: transparent;
    -webkit-transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out
}

@media screen and (min-width: 992px) {
    .side-nav__link {
        padding: 0.5rem 0.625rem
    }
}

.active:hover > .side-nav__link {
    cursor: not-allowed
}

.side-nav__item.active > .side-nav__link, .side-nav__item:focus .side-nav__link, .side-nav__item:hover .side-nav__link {
    color: #fff
}

.side-nav__item:nth-child(6n+1).active > .side-nav__link, .side-nav__item:nth-child(6n+1):focus .side-nav__link, .side-nav__item:nth-child(6n+1):hover .side-nav__link {
    background-color: #83d9ba
}

.side-nav__item:nth-child(6n+2).active > .side-nav__link, .side-nav__item:nth-child(6n+2):focus .side-nav__link, .side-nav__item:nth-child(6n+2):hover .side-nav__link {
    background-color: #0072bc
}

.side-nav__item:nth-child(6n+3).active > .side-nav__link, .side-nav__item:nth-child(6n+3):focus .side-nav__link, .side-nav__item:nth-child(6n+3):hover .side-nav__link {
    background-color: #c2d983
}

.side-nav__item:nth-child(6n+4).active > .side-nav__link, .side-nav__item:nth-child(6n+4):focus .side-nav__link, .side-nav__item:nth-child(6n+4):hover .side-nav__link {
    background-color: #d983ae
}

.side-nav__item:nth-child(6n+5).active > .side-nav__link, .side-nav__item:nth-child(6n+5):focus .side-nav__link, .side-nav__item:nth-child(6n+5):hover .side-nav__link {
    background-color: #83abd9
}

.side-nav__item:nth-child(6n+6).active > .side-nav__link, .side-nav__item:nth-child(6n+6):focus .side-nav__link, .side-nav__item:nth-child(6n+6):hover .side-nav__link {
    background-color: #d9bc83
}

.side-nav__img {
    fill: rgba(0,49,92,0.4);
    margin-bottom: 4px;
    -webkit-transition: fill 0.15s ease-in-out;
    transition: fill 0.15s ease-in-out
}

.side-nav__item.active .side-nav__img, .side-nav__item:focus .side-nav__img, .side-nav__item:hover .side-nav__img {
    fill: #fff
}

.side-nav__item--has-sub:before {
    content: '';
    position: fixed;
    top: 0;
    right: 114px;
    bottom: 49px;
    left: 0;
    background-color: black;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    pointer-events: none;
    -webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1)
}

.side-nav__item--has-sub:hover:before {
    opacity: 0.6;
    visibility: visible
}

.side-nav__sub {
    position: fixed;
    top: 0;
    right: calc(114px - 50px);
    bottom: 49px;
    background-color: white;
    width: 260px;
    border-right: 1px solid #ebeff2;
    z-index: -1;
    overflow-y: auto;
    overflow-x: hidden;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: all 0.5s cubic-bezier(0.25, 0.7, 0.13, 0.84);
    transition: all 0.5s cubic-bezier(0.25, 0.7, 0.13, 0.84)
}

@media screen and (min-width: 1600px) {
    .side-nav__sub {
        width: 300px
    }
}

.side-nav__sub__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    background-color: white;
    padding: 1rem 0
}

.side-nav__sub__link {
    display: block;
    font-weight: 500;
    color: rgba(0,49,92,0.4);
    line-height: 1.2;
    padding: 0.75rem 1.5rem;
    width: 100%;
    -webkit-transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out
}

    .active > .side-nav__sub__link, .side-nav__sub__link:focus, .side-nav__sub__link:hover {
        color: #0072bc
    }

        .active > .side-nav__sub__link:hover {
            cursor: not-allowed
        }

.side-nav__sub__item:not(:last-child) .side-nav__sub__link {
    border-bottom: 1px solid rgba(0,49,92,0.08)
}

.side-nav__item--has-sub:hover > .side-nav__sub, .side-nav__sub__item--has-sub:hover > .side-nav__sub {
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

.side-nav__item--has-sub:hover > .side-nav__sub {
    right: 114px
}

.side-nav__sub .side-nav__sub {
    right: calc(calc(114px + 260px) - 50px);
    bottom: 0
}

.side-nav__sub__item--has-sub:hover > .side-nav__sub {
    right: calc(114px + 260px)
}

.bottom-nav {
    position: fixed;
    right: calc(114px + 1px);
    bottom: 0;
    left: 0;
    background-color: white;
    display: none
}

@media screen and (min-width: 992px) {
    .bottom-nav {
        display: block;
        z-index: 5
    }
}

.bottom-nav__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-top: 1px solid rgba(0,49,92,0.08)
}

.bottom-nav__item {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

    .bottom-nav__item:not(:last-child) {
        border-right: 1px solid rgba(0,49,92,0.08)
    }

.bottom-nav__link {
    display: block;
    font-weight: 500;
    color: rgba(0,49,92,0.4);
    line-height: 1.2;
    padding: 1rem 1.5rem;
    text-align: center;
    -webkit-transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out
}

    .active > .bottom-nav__link, .bottom-nav__link:focus, .bottom-nav__link:hover {
        color: #fff
    }

        .active > .bottom-nav__link:hover {
            cursor: not-allowed
        }

.bottom-nav__item:nth-child(5n+1).active > .bottom-nav__link, .bottom-nav__item:nth-child(5n+1) .bottom-nav__link:focus, .bottom-nav__item:nth-child(5n+1) .bottom-nav__link:hover {
    background-color: #0072bc
}

.bottom-nav__item:nth-child(5n+2).active > .bottom-nav__link, .bottom-nav__item:nth-child(5n+2) .bottom-nav__link:focus, .bottom-nav__item:nth-child(5n+2) .bottom-nav__link:hover {
    background-color: #83d9ba
}

.bottom-nav__item:nth-child(5n+3).active > .bottom-nav__link, .bottom-nav__item:nth-child(5n+3) .bottom-nav__link:focus, .bottom-nav__item:nth-child(5n+3) .bottom-nav__link:hover {
    background-color: #c2d983
}

.bottom-nav__item:nth-child(5n+4).active > .bottom-nav__link, .bottom-nav__item:nth-child(5n+4) .bottom-nav__link:focus, .bottom-nav__item:nth-child(5n+4) .bottom-nav__link:hover {
    background-color: #d983ae
}

.bottom-nav__item:nth-child(5n+5).active > .bottom-nav__link, .bottom-nav__item:nth-child(5n+5) .bottom-nav__link:focus, .bottom-nav__item:nth-child(5n+5) .bottom-nav__link:hover {
    background-color: #83abd9
}

.bottom-nav__item:nth-child(5n+6).active > .bottom-nav__link, .bottom-nav__item:nth-child(5n+6) .bottom-nav__link:focus, .bottom-nav__item:nth-child(5n+6) .bottom-nav__link:hover {
    background-color: #d9bc83
}

.mobile-bar {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: white;
    z-index: 4
}

@media screen and (min-width: 992px) {
    body:not(.e-belediye-template) .mobile-bar {
        display: none
    }
}

@media screen and (min-width: 1200px) {
    body.e-belediye-template .mobile-bar {
        display: none
    }
}

.mobile-bar__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-top: 1px solid rgba(0,49,92,0.08)
}

.mobile-bar__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    width: 25%
}

    .mobile-bar__item:not(:last-child) {
        border-right: 1px solid rgba(0,49,92,0.08)
    }

.mobile-bar__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    font-weight: 500;
    color: rgba(0,49,92,0.4);
    font-size: 0.8125rem;
    line-height: 1.2;
    padding: 0.5rem 0.25rem;
    width: 100%;
    height: 100%;
    border: none;
    background-color: transparent;
    -webkit-transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out
}

.active > .mobile-bar__link:focus, .active > .mobile-bar__link:hover, .active > .mobile-bar__link {
    color: #fff;
    background-color: #0072bc;
    pointer-events: none
}

.mobile-bar__link:focus, .mobile-bar__link:hover {
    color: rgba(0,49,92,0.4)
}

.mobile-bar__item--e-devlet .mobile-bar__link {
    background-color: #d31717;
    color: #fff
}

.mobile-bar svg, .mobile-bar__img {
    fill: rgba(0,49,92,0.4);
    width: auto;
    max-height: 27px;
    margin-right: -2px;
    margin-bottom: -1px;
    -webkit-transition: fill 0.15s ease-in-out;
    transition: fill 0.15s ease-in-out
}

.mobile-bar__item.active svg, .mobile-bar__item.active .mobile-bar__img {
    fill: #fff
}

.mobile-bar__item--e-devlet .mobile-bar__img {
    height: 21px;
    margin-bottom: 5px;
    image-rendering: -webkit-optimize-contrast
}

.mobile-bar__text {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: auto
}

.mobile-modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 8;
    background-color: white;
    overflow-y: auto;
    overflow-x: hidden;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(-20%);
    transform: translateX(-20%);
    -webkit-transition: all 0.5s cubic-bezier(0.25, 0.7, 0.13, 0.84);
    transition: all 0.5s cubic-bezier(0.25, 0.7, 0.13, 0.84)
}

    .mobile-modal.active {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
        visibility: visible
    }

@media screen and (min-width: 992px) {
    .mobile-modal {
        display: none
    }
}

.mobile-modal .logo {
    margin: 4vw 4vw 0
}

.mobile-modal__close {
    position: absolute;
    top: 1.4rem;
    right: .875rem;
    background-color: transparent;
    border: none;
    padding: 0.875rem
}

    .mobile-modal__close svg {
        fill: #0072bc
    }

.mobile-modal__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-top: 1px solid rgba(0,49,92,0.08);
    border-bottom: 1px solid rgba(0,49,92,0.08)
}

.mobile-modal__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    color: rgba(0,49,92,0.4);
    font-size: 0.8125rem;
    line-height: 1.2;
    padding: 12px 15px;
    width: 100%;
    background-color: transparent;
    border: none;
    -webkit-transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out
}

    .mobile-modal__link:focus, .mobile-modal__link:hover {
        color: rgba(0,49,92,0.4)
    }

.active > .mobile-modal__link:focus, .active > .mobile-modal__link:hover, .active > .mobile-modal__link, .opened > .mobile-modal__link:focus, .opened > .mobile-modal__link:hover, .opened > .mobile-modal__link {
    color: white;
    background-color: var(--colored-bg)
}

.active > .mobile-modal__link {
    pointer-events: none
}

.mobile-modal__item:not(:last-child) .mobile-modal__link {
    border-bottom: 1px solid rgba(0,49,92,0.08)
}

.mobile-modal__item--has-sub .mobile-modal__link {
    position: relative
}

    .mobile-modal__item--has-sub .mobile-modal__link:after {
        content: '\6c';
        font-family: 'sbb';
        font-style: normal;
        font-weight: 400;
        font-size: 1.25rem;
        position: absolute;
        top: 50%;
        right: 15px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition: -webkit-transform 0.3s ease-in-out;
        transition: -webkit-transform 0.3s ease-in-out;
        transition: transform 0.3s ease-in-out;
        transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out
    }

.mobile-modal__item--has-sub.opened .mobile-modal__link:after {
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg)
}

.mobile-modal__item:nth-child(6n+1) .mobile-modal__link {
    --colored-bg: #83d9ba
}

.mobile-modal__item:nth-child(6n+2) .mobile-modal__link {
    --colored-bg: #0072bc
}

.mobile-modal__item:nth-child(6n+3) .mobile-modal__link {
    --colored-bg: #c2d983
}

.mobile-modal__item:nth-child(6n+4) .mobile-modal__link {
    --colored-bg: #d983ae
}

.mobile-modal__item:nth-child(6n+5) .mobile-modal__link {
    --colored-bg: #83abd9
}

.mobile-modal__item:nth-child(6n+6) .mobile-modal__link {
    --colored-bg: #d9bc83
}

.mobile-modal__img {
    fill: rgba(0,49,92,0.4);
    margin-right: 0.5rem;
    margin-bottom: -3px;
    -webkit-transition: fill 0.15s ease-in-out;
    transition: fill 0.15s ease-in-out
}

.mobile-modal__item.opened .mobile-modal__img, .mobile-modal__item.active .mobile-modal__img {
    fill: white
}

.mobile-modal .socials {
    padding: calc(4vw + 1.125rem) 4vw
}

.mobile-modal .socials__item {
    margin-right: 6px;
    margin-left: 6px
}

.mobile-modal__sub {
    display: none;
    padding: 12px calc(4vw + 27px + 0.5rem);
    border-bottom: 1px solid rgba(0,49,92,0.08)
}

.opened > .mobile-modal__sub {
    display: block
}

.mobile-modal__sub__link {
    display: block;
    font-weight: 500;
    color: rgba(0,49,92,0.4);
    font-size: 0.8125rem;
    line-height: 1.2;
    padding: 0.5rem 0;
    width: 100%;
    background-color: transparent;
    border: none;
    text-align: left
}

.active > .mobile-modal__sub__link:focus, .active > .mobile-modal__sub__link:hover, .active > .mobile-modal__sub__link {
    color: #0072bc;
    pointer-events: none
}

.mobile-modal__sub__link:focus, .mobile-modal__sub__link:hover {
    color: rgba(0,49,92,0.4)
}

.mobile-modal__sub .mobile-modal__sub {
    padding: 0 1rem;
    border-left: 1px solid rgba(0,49,92,0.08);
    border-bottom: none;
    margin: 10px 0
}

.mobile-modal .form {
    position: relative;
    width: 100%;
    padding: 0 4vw;
    margin: 1.75rem 0
}

    .mobile-modal .form .input__field {
        background-color: #edf2f6;
        border-color: #edf2f6;
        padding-right: 5.25rem;
        color: #0072bc;
        font-weight: 500;
        height: 42px
    }

.mobile-modal .form__submit__btn {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: calc(4vw + 0.375rem);
    background-color: #0072bc;
    height: calc(100% - 0.75rem);
    border: none;
    color: #fff;
    border-radius: calc(14px * 0.6);
    font-weight: 600;
    text-transform: uppercase;
    padding: 0.125rem 1.25rem;
    line-height: 1
}

.form {
    --bs-gutter-x: 1rem;
    --bs-gutter-y: 1rem
}

.form__title {
    margin-bottom: -0.125rem;
    font-weight: 500;
    font-size: 1rem
}

    .form__title:not(:first-child) {
        margin-top: 1.75rem
    }

.form__label {
    width: 100%;
    color: #00315c;
    letter-spacing: 0.02rem;
    line-height: 1;
    font-weight: 500;
    margin-bottom: 0.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

    .form__label span {
        color: #ed2554;
        font-style: italic;
        font-size: 80%;
        margin-top: 0.125rem;
        margin-left: 0.375rem
    }

.form__description {
    width: 100%;
    display: block;
    line-height: 1;
    margin-bottom: 0.875rem
}

    .form__description a {
        color: #0072bc;
        text-decoration: underline;
        -webkit-transition: color 0.15s ease-in-out;
        transition: color 0.15s ease-in-out
    }

        .form__description a:hover {
            color: #0072bc
        }

.form__checkboxes__title {
    display: block;
    line-height: 1.3;
    font-weight: 500;
    margin-bottom: 0.5rem
}

.form__checkboxes > .checkbox:not(:first-child) {
    margin-top: 0.25rem
}

.form__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #00315c;
    line-height: 1.3;
    font-size: 0.8125rem;
    margin-top: 0.375rem
}

    .form__info p:first-of-type {
        margin-top: 0.5rem
    }

    .form__info p:not(:first-of-type) {
        margin-top: 0.1875rem
    }

.form__info__invalid-text {
    color: #ed2554
}

.form__info__content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.form__info__counter {
    margin-top: 0.5rem;
    white-space: nowrap;
    padding-left: 0.625rem;
    margin-left: auto
}

.form + .alerts {
    margin-top: calc(1rem * 2)
}

.input {
    position: relative;
    text-align: left;
    color: #00315c;
    width: 100%;
    line-height: 0
}

.input__field {
    border: 1px solid #e1e7ec;
    border-radius: calc(14px * 0.6);
    width: 100%;
    outline: 0;
    color: #00315c;
    line-height: 1;
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out
}

.input textarea {
    line-height: 1.4
}

html.no-touch .input:not(.invalid) .input__field:not([readonly]):not(:focus):hover {
    border-color: rgba(0,89,147,0.5)
}

.input--simple .input__field {
    padding: 0.625rem 0.875rem;
    background-color: #fff
}

    .input--simple .input__field::-webkit-input-placeholder {
        color: rgba(0,49,92,0.5)
    }

    .input--simple .input__field:-moz-placeholder {
        color: rgba(0,49,92,0.5)
    }

    .input--simple .input__field::-moz-placeholder {
        color: rgba(0,49,92,0.5)
    }

    .input--simple .input__field:-ms-input-placeholder {
        color: rgba(0,49,92,0.5)
    }

.input--simple:not(.invalid) .input__field:focus, .input--simple.active:not(.invalid) .input__field {
    border-color: #0072bc;
    -webkit-box-shadow: 0 0 0 3px rgba(0,114,188,0.15);
    box-shadow: 0 0 0 3px rgba(0,114,188,0.15)
}

.input--simple.invalid .input__field {
    border-color: #ed2554
}

.input--simple.invalid.active .input__field:focus {
    -webkit-box-shadow: 0 0 0 3px rgba(237,37,84,0.15);
    box-shadow: 0 0 0 3px rgba(237,37,84,0.15)
}

.input--has-icon:before {
    position: absolute;
    top: calc(50% + 1px);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 10px;
    font-size: 1.375rem;
    color: rgba(0,49,92,0.5)
}

.input--has-icon .input__field {
    padding-left: 2.375rem
}

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus {
    -webkit-text-fill-color: #00315c;
    -webkit-box-shadow: 0 0 0 1000px #fff inset;
    -webkit-transition: background-color 5000s ease-in-out 0s,border 0.15s cubic-bezier(0.81, 0.16, 0.19, 0.9),-webkit-box-shadow 0.15s cubic-bezier(0.81, 0.16, 0.19, 0.9);
    transition: background-color 5000s ease-in-out 0s,border 0.15s cubic-bezier(0.81, 0.16, 0.19, 0.9),-webkit-box-shadow 0.15s cubic-bezier(0.81, 0.16, 0.19, 0.9);
    transition: background-color 5000s ease-in-out 0s,border 0.15s cubic-bezier(0.81, 0.16, 0.19, 0.9),box-shadow 0.15s cubic-bezier(0.81, 0.16, 0.19, 0.9);
    transition: background-color 5000s ease-in-out 0s,border 0.15s cubic-bezier(0.81, 0.16, 0.19, 0.9),box-shadow 0.15s cubic-bezier(0.81, 0.16, 0.19, 0.9),-webkit-box-shadow 0.15s cubic-bezier(0.81, 0.16, 0.19, 0.9)
}

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

.select {
    position: relative
}

    .select:after {
        content: '\6c';
        font-family: 'sbb';
        position: absolute;
        top: 50%;
        -webkit-transform: translate(6px, -50%);
        transform: translate(6px, -50%);
        right: 0.9375rem;
        color: rgba(0,49,92,0.5);
        font-size: 1.25rem;
        pointer-events: none
    }

.select__field {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: white;
    color: rgba(0,49,92,0.5);
    border: 1px solid #e1e7ec;
    width: 100%;
    height: 100%;
    padding: 0.375rem 2.5rem 0.375rem 0.9375rem;
    border-radius: calc(14px * 0.6);
    -webkit-transition: all 0.3s cubic-bezier(0.81, 0.16, 0.19, 0.9);
    transition: all 0.3s cubic-bezier(0.81, 0.16, 0.19, 0.9)
}

    .select__field option {
        color: #00315c
    }

@media screen and (min-width: 768px) {
    .select__field {
        min-height: 43px;
        padding: 0.5rem 2.5rem 0.5rem 0.9375rem
    }
}

html.no-touch .select__field:not([readonly]):not(:focus):hover {
    border-color: rgba(0,89,147,0.5)
}

.select__field:not([readonly]):focus {
    border-color: #0072bc;
    -webkit-box-shadow: 0 0 0 3px rgba(0,114,188,0.15);
    box-shadow: 0 0 0 3px rgba(0,114,188,0.15)
}

.checkbox {
    position: relative;
    padding-left: 1.625rem
}

.checkbox--no-label {
    padding-left: 0
}

.checkbox__field {
    position: absolute;
    opacity: 0;
    visibility: hidden
}

.checkbox__label {
    line-height: 1.3;
    font-size: 0.875rem;
    color: #00315c;
    letter-spacing: 0.02rem;
    margin-bottom: 0
}

    .checkbox__label:before {
        content: '';
        border-radius: 50%;
        position: absolute;
        top: .1875rem;
        left: 0;
        width: 1.125rem;
        height: 1.125rem;
        border: 1px solid #d5dde4;
        background-color: #fff;
        -webkit-transition: border 0.15s ease-in-out;
        transition: border 0.15s ease-in-out
    }

html.no-touch .checkbox__field:not(:checked):hover + .checkbox__label:before {
    border-color: rgba(0,89,147,0.5)
}

.checkbox__field:checked + .checkbox__label {
    border-color: #0072bc
}

    .checkbox__field:checked + .checkbox__label:before {
        border: 5px solid #0072bc
    }

.checkbox--no-label .checkbox__label {
    position: relative;
    width: 1.125rem;
    height: 1.125rem
}

html.no-touch .file:hover {
    cursor: pointer
}

html.no-touch .file.disabled:hover {
    cursor: not-allowed
}

.file__content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #e1e7ec;
    border-radius: calc(14px * 0.6);
    background-color: #e1e7ec;
    line-height: 1.3;
    overflow: hidden;
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out
}

.file.active .file__content {
    border-color: #20aab0;
    background-color: #20aab0
}

html.no-touch .file:not(.disabled):hover .file__content {
    border-color: rgba(0,89,147,0.5);
    background-color: #0072bc
}

.file.disabled .file__content {
    opacity: 0.65
}

.file__select {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 0.675rem 0.9375rem;
    font-weight: 500;
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out
}

html.no-touch .file:not(.disabled):hover .file__select {
    color: white;
    cursor: pointer
}

html.no-touch .file.disabled:hover .file__select {
    cursor: not-allowed
}

.file.active .file__select {
    color: white
}

.file__name {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 0.675rem 0.9375rem;
    background-color: white
}

    .file__name span {
        display: block
    }

html.no-touch .file:not(.disabled):hover .file__name {
    cursor: pointer
}

html.no-touch .file.disabled:hover .file__name {
    cursor: not-allowed
}

.file__field {
    z-index: 1;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0
}

html.no-touch .file:not(.disabled):hover .file__field {
    cursor: pointer
}

html.no-touch .file.disabled:hover .file__field {
    cursor: not-allowed
}

.checkbox {
    position: relative;
    padding-left: 1.625rem
}

.checkbox--no-label {
    padding-left: 0
}

.checkbox__field {
    position: absolute;
    opacity: 0;
    visibility: hidden
}

.checkbox__label {
    line-height: 1.3;
    font-size: 0.875rem;
    color: #00315c;
    letter-spacing: 0.02rem;
    margin-bottom: 0
}

    .checkbox__label:before {
        content: '';
        border-radius: 50%;
        position: absolute;
        top: .1875rem;
        left: 0;
        width: 1.125rem;
        height: 1.125rem;
        border: 1px solid #d5dde4;
        background-color: #fff;
        -webkit-transition: border 0.15s ease-in-out;
        transition: border 0.15s ease-in-out
    }

html.no-touch .checkbox__field:not(:checked):hover + .checkbox__label:before {
    border-color: rgba(0,89,147,0.5)
}

.checkbox__field:checked + .checkbox__label {
    border-color: #0072bc
}

    .checkbox__field:checked + .checkbox__label:before {
        border: 5px solid #0072bc
    }

.checkbox--no-label .checkbox__label {
    position: relative;
    width: 1.125rem;
    height: 1.125rem
}

html.no-touch .file:hover {
    cursor: pointer
}

html.no-touch .file.disabled:hover {
    cursor: not-allowed
}

.file__content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #e1e7ec;
    border-radius: calc(14px * 0.6);
    background-color: #e1e7ec;
    line-height: 1.3;
    overflow: hidden;
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out
}

.file.active .file__content {
    border-color: #20aab0;
    background-color: #20aab0
}

html.no-touch .file:not(.disabled):hover .file__content {
    border-color: rgba(0,89,147,0.5);
    background-color: #0072bc
}

.file.disabled .file__content {
    opacity: 0.65
}

.file__select {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 0.675rem 0.9375rem;
    font-weight: 500;
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out
}

html.no-touch .file:not(.disabled):hover .file__select {
    color: white;
    cursor: pointer
}

html.no-touch .file.disabled:hover .file__select {
    cursor: not-allowed
}

.file.active .file__select {
    color: white
}

.file__name {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 0.675rem 0.9375rem;
    background-color: white
}

    .file__name span {
        display: block
    }

html.no-touch .file:not(.disabled):hover .file__name {
    cursor: pointer
}

html.no-touch .file.disabled:hover .file__name {
    cursor: not-allowed
}

.file__field {
    z-index: 1;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0
}

html.no-touch .file:not(.disabled):hover .file__field {
    cursor: pointer
}

html.no-touch .file.disabled:hover .file__field {
    cursor: not-allowed
}

.select {
    position: relative
}

    .select:after {
        content: '\6c';
        font-family: 'sbb';
        position: absolute;
        top: 50%;
        -webkit-transform: translate(6px, -50%);
        transform: translate(6px, -50%);
        right: 0.9375rem;
        color: rgba(0,49,92,0.5);
        font-size: 1.25rem;
        pointer-events: none
    }

.select__field {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: white;
    color: rgba(0,49,92,0.5);
    border: 1px solid #e1e7ec;
    width: 100%;
    height: 100%;
    padding: 0.375rem 2.5rem 0.375rem 0.9375rem;
    border-radius: calc(14px * 0.6);
    -webkit-transition: all 0.3s cubic-bezier(0.81, 0.16, 0.19, 0.9);
    transition: all 0.3s cubic-bezier(0.81, 0.16, 0.19, 0.9)
}

    .select__field option {
        color: #00315c
    }

@media screen and (min-width: 768px) {
    .select__field {
        min-height: 43px;
        padding: 0.5rem 2.5rem 0.5rem 0.9375rem
    }
}

html.no-touch .select__field:not([readonly]):not(:focus):hover {
    border-color: rgba(0,89,147,0.5)
}

.select__field:not([readonly]):focus {
    border-color: #0072bc;
    -webkit-box-shadow: 0 0 0 3px rgba(0,114,188,0.15);
    box-shadow: 0 0 0 3px rgba(0,114,188,0.15)
}

.switch__label {
    display: block;
    position: relative;
    cursor: pointer;
    margin-bottom: 0
}

    .switch__label:hover span:before {
        background-color: rgba(0,46,76,0.25)
    }

.switch__input {
    display: none
}

    .switch__input + span {
        padding-left: 50px;
        min-height: 24px;
        line-height: 24px;
        display: block;
        position: relative;
        white-space: nowrap;
        -webkit-transition: color 0.3s ease;
        transition: color 0.3s ease
    }

        .switch__input + span:before, .switch__input + span:after {
            content: '';
            display: block;
            position: absolute
        }

        .switch__input + span:before {
            top: 0;
            left: 0;
            width: 42px;
            height: 24px;
            border-radius: 7px;
            background-color: rgba(0,46,76,0.15);
            -webkit-transition: all 0.3s ease;
            transition: all 0.3s ease
        }

        .switch__input + span:after {
            width: 18px;
            height: 18px;
            background-color: #fff;
            top: 3px;
            left: 3px;
            border-radius: 6px;
            -webkit-box-shadow: 0 1px 3px rgba(18,22,33,0.1);
            box-shadow: 0 1px 3px rgba(18,22,33,0.1);
            -webkit-transition: all 0.45s ease;
            transition: all 0.45s ease
        }

        .switch__input + span strong {
            font-weight: 600;
            position: relative;
            display: block;
            top: 1px
        }

            .switch__input + span strong:before, .switch__input + span strong:after {
                display: block;
                color: #00315c
            }

            .switch__input + span strong:before {
                content: 'Off';
                -webkit-transition: all 0.3s ease 0.2s;
                transition: all 0.3s ease 0.2s
            }

            .switch__input + span strong:after {
                content: 'On';
                opacity: 0;
                visibility: hidden;
                position: absolute;
                left: 0;
                top: -1px;
                -webkit-transition: all 0.3s ease;
                transition: all 0.3s ease;
                -webkit-transform: translate(2px, 0);
                transform: translate(2px, 0)
            }

    .switch__input:checked + span:before {
        background-color: #0072bc
    }

    .switch__input:checked + span:after {
        background-color: #fff;
        -webkit-transform: translate(18px, 0);
        transform: translate(18px, 0)
    }

    .switch__input:checked + span strong:before {
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        -webkit-transform: translate(-2px, 0);
        transform: translate(-2px, 0)
    }

    .switch__input:checked + span strong:after {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        -webkit-transition: all 0.3s ease 0.2s;
        transition: all 0.3s ease 0.2s
    }

.input {
    position: relative;
    text-align: left;
    color: #00315c;
    width: 100%;
    line-height: 0
}

.input__field {
    border: 1px solid #e1e7ec;
    border-radius: calc(14px * 0.6);
    width: 100%;
    outline: 0;
    color: #00315c;
    line-height: 1;
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out
}

.input textarea {
    line-height: 1.4
}

html.no-touch .input:not(.invalid) .input__field:not([readonly]):not(:focus):hover {
    border-color: rgba(0,89,147,0.5)
}

.input--simple .input__field {
    padding: 0.625rem 0.875rem;
    background-color: #fff
}

    .input--simple .input__field::-webkit-input-placeholder {
        color: rgba(0,49,92,0.5)
    }

    .input--simple .input__field:-moz-placeholder {
        color: rgba(0,49,92,0.5)
    }

    .input--simple .input__field::-moz-placeholder {
        color: rgba(0,49,92,0.5)
    }

    .input--simple .input__field:-ms-input-placeholder {
        color: rgba(0,49,92,0.5)
    }

.input--simple:not(.invalid) .input__field:focus, .input--simple.active:not(.invalid) .input__field {
    border-color: #0072bc;
    -webkit-box-shadow: 0 0 0 3px rgba(0,114,188,0.15);
    box-shadow: 0 0 0 3px rgba(0,114,188,0.15)
}

.input--simple.invalid .input__field {
    border-color: #ed2554
}

.input--simple.invalid.active .input__field:focus {
    -webkit-box-shadow: 0 0 0 3px rgba(237,37,84,0.15);
    box-shadow: 0 0 0 3px rgba(237,37,84,0.15)
}

.input--has-icon:before {
    position: absolute;
    top: calc(50% + 1px);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 10px;
    font-size: 1.375rem;
    color: rgba(0,49,92,0.5)
}

.input--has-icon .input__field {
    padding-left: 2.375rem
}

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus {
    -webkit-text-fill-color: #00315c;
    -webkit-box-shadow: 0 0 0 1000px #fff inset;
    -webkit-transition: background-color 5000s ease-in-out 0s,border 0.15s cubic-bezier(0.81, 0.16, 0.19, 0.9),-webkit-box-shadow 0.15s cubic-bezier(0.81, 0.16, 0.19, 0.9);
    transition: background-color 5000s ease-in-out 0s,border 0.15s cubic-bezier(0.81, 0.16, 0.19, 0.9),-webkit-box-shadow 0.15s cubic-bezier(0.81, 0.16, 0.19, 0.9);
    transition: background-color 5000s ease-in-out 0s,border 0.15s cubic-bezier(0.81, 0.16, 0.19, 0.9),box-shadow 0.15s cubic-bezier(0.81, 0.16, 0.19, 0.9);
    transition: background-color 5000s ease-in-out 0s,border 0.15s cubic-bezier(0.81, 0.16, 0.19, 0.9),box-shadow 0.15s cubic-bezier(0.81, 0.16, 0.19, 0.9),-webkit-box-shadow 0.15s cubic-bezier(0.81, 0.16, 0.19, 0.9)
}

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

.alerts > :not(:first-child) {
    margin-top: 0.875rem
}

.alert {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    letter-spacing: 0.01071em;
    line-height: 1.4;
    text-align: left;
    width: 100%
}

.alert__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 0.9;
    padding: 7px 0;
    font-size: 22px;
    margin-right: 12px
}

.alert--danger .alert__icon {
    color: #f44336
}

.alert--success .alert__icon {
    color: #4caf50
}

.alert--info .alert__icon {
    color: #0072bc
}

.alert--warning .alert__icon {
    color: #ff9800
}

.alert__svg {
    fill: currentColor;
    width: 1em;
    height: 1em;
    display: inline-block;
    font-size: 1.5rem;
    -webkit-transition: fill 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    transition: fill 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.alert__message {
    padding: 8px 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .alert__message a {
        color: #00315c;
        text-decoration: underline;
        -webkit-transition: color 0.15s ease-in-out;
        transition: color 0.15s ease-in-out
    }

        .alert__message a:hover {
            color: #0072bc
        }

.alert--traditional {
    border-radius: 7px;
    padding: 6px 16px
}

    .alert--traditional.alert--danger {
        color: #611a15;
        background-color: #fdecea
    }

    .alert--traditional.alert--success {
        color: #1e4620;
        background-color: #edf7ed
    }

    .alert--traditional.alert--info {
        color: rgba(0,49,92,0.7);
        background-color: rgba(0,129,214,0.1)
    }

    .alert--traditional.alert--warning {
        color: #663c00;
        background-color: #fff4e5
    }

.alert--modern {
    padding: 10px 16px;
    background-color: #fff;
    border-radius: calc(14px * 0.6);
    color: #00315c;
    border-left: 3px solid #0072bc
}

    .alert--modern.alert--danger {
        border-left-color: #ed2554
    }

    .alert--modern.alert--success {
        border-left-color: #35c636
    }

    .alert--modern.alert--warning {
        border-left-color: #de9c3e
    }

body.modal-open {
    overflow: hidden
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

    .modal.active {
        opacity: 1;
        visibility: visible
    }

.modal__overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: -1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.modal__close {
    position: absolute;
    top: -2px;
    right: -5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: rgba(0,49,92,0.5);
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0;
    text-indent: -999px;
    background-color: transparent;
    border: none;
    padding: 0;
    -webkit-transition: color 0.15s ease-in-out;
    transition: color 0.15s ease-in-out
}

.modal--img .modal__close {
    z-index: 1;
    padding: 10px 14px;
    background-color: white;
    top: 0;
    right: 0
}

.modal__close i {
    font-size: 1.125rem;
    text-indent: 0;
    line-height: 0.7
}

.modal__close:hover, .modal__close:focus {
    color: #0072bc
}

@media screen and (min-width: 992px) {
    .modal__close {
        top: -3px;
        font-size: 0.875rem;
        text-indent: 0
    }

        .modal__close i {
            margin-left: 15px
        }

    .modal--center .modal__close {
        top: 5px;
        right: -2px
    }

    .modal--story .modal__close, .modal--img .modal__close {
        top: 0;
        right: 0
    }
}

.modal__wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
    overflow-x: hidden;
    overflow-y: auto;
    cursor: pointer;
    cursor: url(/assets/media/cursor-close.png) 16 16,pointer;
    cursor: url(/assets/media/cursor-close.png)
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .modal__wrapper {
        cursor: url(/assets/media/cursor-close@2x.png)
    }
}

.modal__wrapper {
    cursor: -webkit-image-set(url(/assets/media/cursor-close.png) 1x, url(/assets/media/cursor-close@2x.png) 2x) 16 16,pointer
}

.modal--center-wide .modal__wrapper:before, .modal--center .modal__wrapper:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

html.mac .modal__wrapper {
    cursor: url(/assets/media/cursor-close-mac.png) 20 20,pointer;
    cursor: url(/assets/media/cursor-close-mac.png)
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    html.mac .modal__wrapper {
        cursor: url(/assets/media/cursor-close-mac@2x.png)
    }
}

html.mac .modal__wrapper {
    cursor: -webkit-image-set(url(/assets/media/cursor-close-mac.png) 1x, url(/assets/media/cursor-close-mac@2x.png) 2x) 20 20,pointer
}

.modal__title {
    position: relative;
    margin-bottom: 20px;
    width: 100%;
    padding-right: 5.5rem;
    color: #0072bc
}

.modal__title__text {
    font-size: 1.375rem;
    font-weight: 500;
    line-height: 1.3;
    margin-top: -8px
}

.modal--top .modal__title {
    margin-bottom: 2rem
}

.modal--center-wide .modal__title, .modal--center .modal__title {
    margin-bottom: 15px
}

@media screen and (min-width: 992px) {
    .modal__title {
        margin-bottom: 25px
    }

    .modal__title__text {
        font-size: 1.5rem
    }

    .modal--top .modal__title {
        margin-bottom: 3.125rem
    }
}

.modal--story .modal__title, .modal--img .modal__title {
    margin-bottom: 0
}

.modal__inner {
    position: relative;
    background-color: white;
    text-align: left;
    z-index: 16;
    cursor: default;
    overflow: hidden;
    will-change: transform;
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.25, 0.7, 0.13, 0.84);
    transition: -webkit-transform 0.5s cubic-bezier(0.25, 0.7, 0.13, 0.84);
    transition: transform 0.5s cubic-bezier(0.25, 0.7, 0.13, 0.84);
    transition: transform 0.5s cubic-bezier(0.25, 0.7, 0.13, 0.84), -webkit-transform 0.5s cubic-bezier(0.25, 0.7, 0.13, 0.84)
}

.modal--side .modal__inner {
    width: 90vw;
    max-width: 600px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transform: translateX(20%);
    transform: translateX(20%);
    padding: 2rem;
    margin-left: auto;
    min-height: 100vh
}

.modal--side.active .modal__inner {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.modal--top .modal__inner {
    min-width: 100vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transform: translateY(-20%);
    transform: translateY(-20%);
    padding: 2rem 2rem 3.125rem
}

.modal--top.active .modal__inner {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.modal--center .modal__inner {
    width: 600px;
    max-width: 90%;
    margin: 10vh auto;
    vertical-align: middle;
    display: inline-block;
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%)
}

.modal--center-wide .modal__inner {
    width: 90vw;
    max-width: 90%;
    margin: 10vh auto;
    vertical-align: middle;
    display: inline-block;
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%)
}

.modal--center-wide.active .modal__inner, .modal--center.active .modal__inner {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

@media screen and (min-width: 568px) {
    .modal__inner {
        padding: 3.125rem
    }

    .modal--side .modal__inner {
        padding: 3.125rem
    }

    .modal--center .modal__inner {
        padding: 2rem
    }
}

@media screen and (min-width: 768px) {
    .modal__inner {
        padding: 3.75rem 3.125rem
    }

    .modal--side .modal__inner {
        width: 40vw;
        min-width: 450px;
        padding: 3.75rem 3.125rem
    }

    .modal--center-wide .modal__inner {
        width: 80vw
    }
}

@media screen and (min-width: 992px) {
    .modal--side .modal__inner {
        min-width: 470px
    }

    .modal--top .modal__inner {
        padding: 2rem 30% 70px
    }
}

@media screen and (min-width: 1600px) {
    .modal--center .modal__inner {
        width: 700px
    }

    .modal--center-wide .modal__inner {
        width: 60vw
    }
}

.modal__content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

.modal p {
    line-height: 1.5
}

.modal .text-block > *:not(:first-of-type) {
    margin-top: 12px
}

.modal .text-block:not(:first-child) {
    margin-top: 40px
}

.modal .form-holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 100%
}

    .modal .form-holder form {
        margin-bottom: 10px
    }

.modal .search-modal {
    position: relative;
    width: 100%
}

    .modal .search-modal .input__field {
        background-color: #edf2f6;
        padding: 1rem 1.125rem;
        border-color: #edf2f6;
        padding-right: 3rem;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

        .modal .search-modal .input__field::-ms-clear {
            display: none;
            width: 0;
            height: 0
        }

        .modal .search-modal .input__field::-ms-reveal {
            display: none;
            width: 0;
            height: 0
        }

    .modal .search-modal label {
        top: 18px
    }

    .modal .search-modal .form__submit {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0
    }

    .modal .search-modal .form__submit__btn {
        background-color: transparent;
        color: #00315c;
        padding: 0 14px;
        font-size: 1.5rem;
        line-height: 0;
        border: none;
        -webkit-transition: color 0.15s ease-in-out,-webkit-transform 0.85s cubic-bezier(0.19, 1, 0.22, 1);
        transition: color 0.15s ease-in-out,-webkit-transform 0.85s cubic-bezier(0.19, 1, 0.22, 1);
        transition: color 0.15s ease-in-out,transform 0.85s cubic-bezier(0.19, 1, 0.22, 1);
        transition: color 0.15s ease-in-out,transform 0.85s cubic-bezier(0.19, 1, 0.22, 1),-webkit-transform 0.85s cubic-bezier(0.19, 1, 0.22, 1)
    }

        .modal .search-modal .form__submit__btn:hover {
            color: #0072bc;
            -webkit-transform: translateX(4px);
            transform: translateX(4px)
        }

.modal--img .img-block {
    width: 100%
}

.modal--img .modal__inner {
    padding: 0
}

@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: landscape) {
    .modal--story {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transform-origin: left top;
        transform-origin: left top
    }
}

.modal--story .modal__wrapper:before {
    display: none
}

.modal--story .modal__inner {
    padding: 0;
    margin: 20px;
    max-width: calc(100% - 40px);
    width: auto;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    background-color: black
}

.modal--story .modal__overlay {
    background-color: #1a1a1a
}

.modal--story .modal__close {
    z-index: 99;
    padding: 10px 14px;
    background-color: white;
    top: 0;
    right: 0
}

.modal--story .modal__video-outer {
    line-height: 0;
    width: 100%;
    height: calc(100vh - 40px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal--story .modal__video-inner {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%
}

    .modal--story .modal__video-inner.lazy-loading .lazy-loading__loader {
        z-index: -1
    }

    .modal--story .modal__video-inner iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

.tabs {
    margin-bottom: 1.5rem
}

@media screen and (min-width: 768px) {
    .tabs {
        margin-top: 1.75rem;
        margin-bottom: 0
    }
}

.tabs__head {
    position: relative;
    width: 100%
}

    .tabs__head:after {
        content: '';
        position: absolute;
        right: 0;
        bottom: .25rem;
        left: 0;
        height: 1px;
        background-color: rgba(0,65,106,0.1)
    }

.tabs__head__inner {
    padding-bottom: 1rem
}

@media screen and (min-width: 1200px) {
    .tabs__head__inner {
        padding-bottom: 0.25rem
    }
}

.tabs__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (min-width: 1200px) {
    .tabs__btns {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.tabs__btns__item {
    padding: 0.25rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

@media screen and (min-width: 568px) {
    .tabs__btns__item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
}

@media screen and (min-width: 992px) {
    .tabs__btns__item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media screen and (min-width: 1200px) {
    .tabs__btns__item {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: none;
        padding: 0 0.25rem;
        overflow: hidden;
        -ms-flex-negative: 1;
        flex-shrink: 1
    }
}

.tabs__btns__btn {
    position: relative;
    width: 100%;
    padding: 0.625rem 0.5rem;
    font-weight: 500;
    font-size: 0.9375rem;
    line-height: 1.3;
    border: 0;
    border-radius: calc(14px * 0.7);
    will-change: color, background-color;
    -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
    background-color: white;
    color: #0072bc
}

    .tabs__btns__btn.active, html.no-touch .tabs__btns__btn:hover {
        background-color: #0072bc;
        color: white
    }

        .tabs__btns__btn.active:hover {
            cursor: not-allowed
        }

    .tabs__btns__btn span {
        display: block;
        white-space: nowrap;
        text-overflow: ellipsis;
        max-width: 100%;
        overflow: hidden
    }

@media screen and (min-width: 1200px) {
    .tabs__btns__btn {
        padding: 0.75rem 0.25rem;
        background-color: transparent;
        color: rgba(0,49,92,0.5);
        border-radius: 0;
        overflow: hidden
    }

        .tabs__btns__btn:before {
            content: '';
            position: absolute;
            right: .25rem;
            bottom: 0;
            left: .25rem;
            height: 2px;
            background-color: #20aab0;
            opacity: 0;
            -webkit-transform: scaleX(0);
            transform: scaleX(0);
            will-change: transform, opacity;
            -webkit-transition: opacity 0.3s ease-in-out,-webkit-transform 0.75s cubic-bezier(0.19, 1, 0.22, 1);
            transition: opacity 0.3s ease-in-out,-webkit-transform 0.75s cubic-bezier(0.19, 1, 0.22, 1);
            transition: transform 0.75s cubic-bezier(0.19, 1, 0.22, 1),opacity 0.3s ease-in-out;
            transition: transform 0.75s cubic-bezier(0.19, 1, 0.22, 1),opacity 0.3s ease-in-out,-webkit-transform 0.75s cubic-bezier(0.19, 1, 0.22, 1)
        }

        .tabs__btns__btn.active:before, html.no-touch .tabs__btns__btn:hover:before {
            opacity: 1;
            -webkit-transform: scaleX(1);
            transform: scaleX(1)
        }

        .tabs__btns__btn.active, html.no-touch .tabs__btns__btn:hover {
            background-color: transparent;
            color: #0072bc
        }
}

@media screen and (min-width: 1200px) {
    .tabs__btns__item:first-child {
        padding-left: 0
    }

    .tabs__btns__item:last-child {
        padding-right: 0
    }

    .tabs__btns__item:first-child .tabs__btns__btn {
        padding-left: 0
    }

        .tabs__btns__item:first-child .tabs__btns__btn:before {
            left: 0
        }
}

@media screen and (min-width: 1200px) and (min-width: 1200px) {
    .tabs__btns__item:first-child .tabs__btns__btn:before {
        left: 0
    }
}

@media screen and (min-width: 1200px) {
    .tabs__btns__item:last-child .tabs__btns__btn {
        padding-right: 0
    }

        .tabs__btns__item:last-child .tabs__btns__btn:before {
            right: 0
        }
}

@media screen and (min-width: 1200px) and (min-width: 1200px) {
    .tabs__btns__item:last-child .tabs__btns__btn:before {
        right: 0
    }
}

.tabs__content {
    margin-top: 2rem
}

.tabs__tab {
    display: none
}

    .tabs__tab .text-content {
        margin-top: 0;
        margin-bottom: 0
    }

    .tabs__tab:before {
        display: block;
        content: ' ';
        visibility: hidden;
        pointer-events: none;
        margin-top: -220px;
        height: 220px
    }

    .tabs__tab.active {
        display: block
    }

.text-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (min-width: 992px) {
    body:not(.split-screen) .text-block {
        max-width: 86%
    }
}

.text-block:not(:first-child) {
    margin-top: 20px
}

.text-block__title {
    font-weight: 500;
    line-height: 1.35;
    margin-top: -7px;
    color: #0072bc
}

    .text-block__title:not(:only-child) {
        margin-bottom: 0.5rem
    }

.text-block h1.text-block__title {
    font-size: 2rem
}

.text-block h2.text-block__title {
    font-size: 1.75rem
}

.text-block h3.text-block__title {
    font-size: 1.5rem
}

.text-block h4.text-block__title {
    font-size: 1.25rem
}

.text-block h5.text-block__title {
    font-size: 1rem
}

.text-block h6.text-block__title {
    font-size: 0.875rem
}

.text-block--light .text-block__title {
    color: #fff
}

.text-block--light .text-block__text {
    color: rgba(255,255,255,0.65)
}

.text-block__text {
    margin: 0
}

    .text-block__text:not(:only-child):not(:first-child) {
        margin-top: 4px
    }

    .text-block__text a {
        position: relative;
        display: inline-block;
        font-weight: 600;
        color: rgba(0,49,92,0.85)
    }

        .text-block__text a:before {
            content: '';
            position: absolute;
            right: 0;
            bottom: 1px;
            left: 0;
            height: 1px;
            background-color: #000;
            -webkit-transform: scaleX(0);
            transform: scaleX(0);
            -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
            transition: -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
            transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
            transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
            -webkit-transform-origin: left top;
            transform-origin: left top
        }

        .text-block__text a:focus:before, .text-block__text a:hover:before {
            -webkit-transform: scaleX(1);
            transform: scaleX(1)
        }

.text-block__list {
    margin: -4px 0;
    color: rgba(0,49,92,0.65)
}

    .text-block__list:not(:only-child):not(:first-child) {
        margin-top: 20px
    }

.text-block__title + .text-block__list:not(:only-child):not(:first-child) {
    margin-top: 0
}

.text-block__list__item {
    position: relative;
    line-height: 1.4;
    padding: 4px 0 4px 14px
}

.breadcrumbs {
    position: relative;
    padding: 15px 0;
    color: rgba(0,49,92,0.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    font-size: 0.8125rem;
    z-index: 1;
    line-height: 1.3
}

@media screen and (min-width: 568px) {
    .breadcrumbs {
        padding: calc(4vw * 0.75) 0
    }
}

@media screen and (min-width: 992px) {
    .breadcrumbs {
        padding: 2.5rem 0
    }
}

.breadcrumbs--banner {
    padding-left: 4vw
}

@media screen and (min-width: 1200px) {
    .breadcrumbs--banner {
        position: absolute;
        max-width: 350px;
        padding-left: 0
    }
}

.breadcrumbs__link {
    color: rgba(0,49,92,0.5);
    -webkit-transition: color 0.15s ease-in-out;
    transition: color 0.15s ease-in-out
}

    .breadcrumbs__link:hover, .breadcrumbs__link:focus {
        color: #0072bc
    }

.breadcrumbs > * {
    padding: 0.125rem 0
}

    .breadcrumbs > *:not(:last-child):after {
        content: '\6e';
        font-family: 'sbb';
        margin: 0 0.25rem;
        font-size: 1rem;
        line-height: 0;
        display: inline-block;
        position: relative;
        top: 3px
    }

@media screen and (min-width: 992px) {
    .breadcrumbs > *:not(:last-child):after {
        margin: 0 0.5rem
    }
}

.breadcrumbs__link:hover:before {
    color: rgba(0,49,92,0.5)
}

.btn {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: none;
    border-radius: 8px;
    overflow: hidden
}

    .btn:not(.btn--dark) {
        color: #0072bc;
        background-color: white
    }

.btn--dark {
    color: white;
    background-color: #007ed0
}

.btn:hover {
    text-decoration: none
}

.btn__text {
    font-weight: 500;
    padding: 12px calc(22px + 44px) 12px 22px
}

.btn:not(.btn--dark):hover .btn__text, .btn:not(.btn--dark):focus .btn__text {
    color: #0072bc
}

.btn--dark:hover .btn__text, .btn--dark:focus .btn__text {
    color: white
}

.btn__icon {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin-right: 0;
    margin-left: auto;
    width: 44px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    will-change: width;
    -webkit-transition: width 0.85s cubic-bezier(0.19, 1, 0.22, 1);
    transition: width 0.85s cubic-bezier(0.19, 1, 0.22, 1)
}

    .btn__icon svg {
        width: 22px;
        height: auto
    }

    .btn__icon[class*='icon-'] {
        font-size: 1.375rem
    }

.btn:hover .btn__icon, .btn:focus .btn__icon {
    width: 100%
}

.btn:not(.btn--dark) .btn__icon {
    background-color: #e9eef2
}

    .btn:not(.btn--dark) .btn__icon svg {
        fill: #0072bc
    }

    .btn:not(.btn--dark) .btn__icon[class*='icon-'] {
        color: #0072bc
    }

.btn--dark .btn__icon {
    background-color: #008be5
}

    .btn--dark .btn__icon svg {
        fill: white
    }

    .btn--dark .btn__icon[class*='icon-'] {
        color: white
    }

.btn[disabled] {
    opacity: 0.5;
    cursor: not-allowed
}

.text-content {
    font-size: 14px;
    margin-top: 0.375em;
    color: #00315c
}

    .text-content:last-child {
        margin-bottom: 1.5rem
    }

@media screen and (min-width: 992px) {
    .text-content:last-child {
        margin-bottom: 0
    }
}

@media screen and (min-width: 992px) {
    .text-content {
        margin-top: 2em
    }
}

.text-content > h1, .text-content > h2, .text-content > h3, .text-content > h4, .text-content > h5, .text-content > h6 {
    color: #0072bc;
    margin-bottom: 0.5em;
    line-height: 1.3;
    font-weight: 500
}

    .text-content > h1:not(.text-content__title):not(:first-child), .text-content > h2:not(.text-content__title):not(:first-child), .text-content > h3:not(.text-content__title):not(:first-child), .text-content > h4:not(.text-content__title):not(:first-child), .text-content > h5:not(.text-content__title):not(:first-child), .text-content > h6:not(.text-content__title):not(:first-child) {
        margin-top: 1.5em
    }

.text-content > h1 {
    font-size: 2em;
    margin-bottom: 0.875em
}

.text-content > h2 {
    font-size: 1.75em;
    margin-bottom: 0.5em
}

.text-content > h3 {
    font-size: 1.5em;
    margin-bottom: 0.5em
}

.text-content > h4 {
    font-size: 1.25em;
    margin-bottom: 0.5em
}

.text-content > h5 {
    font-size: 1.125em;
    margin-bottom: 0.5em
}

.text-content > h6 {
    font-size: 1em;
    margin-bottom: 0.25em
}

.text-content hr {
    border-top: 1px solid rgba(0,65,106,0.1);
    border-bottom: 0;
    margin: 2.5rem 0 2.375rem
}

.text-content h1 ~ hr, .text-content h2 ~ hr, .text-content h3 ~ hr, .text-content h4 ~ hr, .text-content h5 ~ hr, .text-content h6 ~ hr {
    margin-top: 1.375em
}

.text-content > p {
    margin-bottom: 0.9375em
}

.text-content > div {
    margin-bottom: 0.9375em
}

.text-content a {
    color: #0072bc;
    will-change: color;
    -webkit-transition: color 0.15s ease-in-out;
    transition: color 0.15s ease-in-out
}

    .text-content a:hover {
        color: #20aab0
    }

.text-content strong {
    font-weight: 500
}

.text-content ul {
    line-height: 1.3;
    margin-top: 0.75rem;
    margin-bottom: 1.25em;
    list-style: none
}

    .text-content ul li {
        position: relative;
        padding-left: 0.875em
    }

        .text-content ul li:before {
            position: absolute;
            top: -.075em;
            left: -.375em;
            content: '\6a';
            font-family: 'sbb';
            font-size: 1.125em;
            color: #4db848
        }

        .text-content ul li:not(:last-child) {
            margin-bottom: 0.875em
        }

.text-content ol {
    line-height: 1.3;
    margin-top: 0.75rem;
    margin-bottom: 1.25em;
    padding-left: 0;
    list-style: none;
    counter-reset: sbb-ol-counter
}

    .text-content ol li {
        position: relative;
        counter-increment: sbb-ol-counter
    }

        .text-content ol li:before {
            content: counter(sbb-ol-counter) ". ";
            font-weight: 600;
            color: #4db848
        }

        .text-content ol li:not(:last-child) {
            margin-bottom: 0.875em
        }

.text-content__img-outer {
    margin-top: 1.75rem;
    background-color: #e8ecf0
}

.text-content > :last-child {
    margin-bottom: 0
}

.slider {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

@media screen and (min-width: 1200px) {
    .slider {
        position: static
    }
}

.slider__prev, .slider__next {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 4;
    background-color: white;
    border: none;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    will-change: background-color;
    -webkit-transition: background-color 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out;
    opacity: 0.5;
}

@media screen and (min-width: 768px) {
    .slider__prev, .slider__next {
        width: 2.25rem;
        height: 6rem
    }
}

.slider__prev[disabled], .slider__next[disabled] {
    opacity: 0.5;
    cursor: not-allowed
}

html.no-touch .slider__prev:not([disabled]):hover, html.no-touch .slider__next:not([disabled]):hover {
    background-color: #e8ecf0
}

.slider__prev svg, .slider__next svg {
    fill: #0072bc;
    will-change: transform;
    -webkit-transition: -webkit-transform 0.75s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 0.75s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.75s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.75s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.75s cubic-bezier(0.19, 1, 0.22, 1)
}

.slider__prev {
    left: 0;
    border-top-right-radius: calc(14px * 0.8);
    border-bottom-right-radius: calc(14px * 0.8)
}

html.no-touch .slider__prev:not([disabled]):hover svg {
    -webkit-transform: translateX(-3px);
    transform: translateX(-3px)
}

.slider__next {
    right: 0;
    border-top-left-radius: calc(14px * 0.8);
    border-bottom-left-radius: calc(14px * 0.8)
}

html.no-touch .slider__next:not([disabled]):hover svg {
    -webkit-transform: translateX(3px);
    transform: translateX(3px)
}

.slider__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative !important;
    left: auto !important;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
    overflow: hidden
}

.slider__slide {
    height: 100%;
    width: 100%
}

.slider__content:not(.loop) .slider__slide {
    position: relative !important;
    left: auto !important;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.slider__content:not(.loop) .flickity-slider {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

.slider .flickity-viewport {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.slider--auto-height .flickity-viewport {
    height: auto !important
}

.slider .flickity-page-dots {
    bottom: -34px;
    display: none
}

@media screen and (min-width: 992px) {
    .slider .flickity-page-dots {
        display: block
    }
}

.slider .flickity-page-dots .dot {
    background: #0072bc;
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out
}

.slider__img-wrapper {
    background-color: #e8ecf0;
    height: 100%;
    min-height: 240px
}

@media screen and (min-width: 568px) {
    .slider__img-wrapper {
        min-height: 340px
    }
}

@media screen and (min-width: 992px) {
    .slider__img-wrapper {
        min-height: auto
    }
}

/*! Flickity v2.2.2
https://flickity.metafizzy.co
---------------------------------------------- */ .flickity-enabled {
    position: relative
}

    .flickity-enabled:focus {
        outline: 0
    }

.flickity-viewport {
    overflow: hidden;
    position: relative;
    height: 100%
}

.flickity-slider {
    position: absolute;
    width: 100%;
    height: 100%
}

.flickity-enabled.is-draggable {
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .flickity-enabled.is-draggable .flickity-viewport {
        cursor: move;
        cursor: -webkit-grab;
        cursor: grab
    }

        .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
            cursor: -webkit-grabbing;
            cursor: grabbing
        }

.flickity-button {
    position: absolute;
    background: rgba(255,255,255,0.75);
    border: none;
    color: #333
}

    .flickity-button:hover {
        background: #fff;
        cursor: pointer
    }

    .flickity-button:focus {
        outline: 0;
        -webkit-box-shadow: 0 0 0 5px #19f;
        box-shadow: 0 0 0 5px #19f
    }

    .flickity-button:active {
        opacity: .6
    }

    .flickity-button:disabled {
        opacity: .3;
        cursor: auto;
        pointer-events: none
    }

.flickity-button-icon {
    fill: currentColor
}

.flickity-prev-next-button {
    top: 50%;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

    .flickity-prev-next-button.previous {
        left: 10px
    }

    .flickity-prev-next-button.next {
        right: 10px
    }

.flickity-rtl .flickity-prev-next-button.previous {
    left: auto;
    right: 10px
}

.flickity-rtl .flickity-prev-next-button.next {
    right: auto;
    left: 10px
}

.flickity-prev-next-button .flickity-button-icon {
    position: absolute;
    left: 20%;
    top: 20%;
    width: 60%;
    height: 60%
}

.flickity-page-dots {
    position: absolute;
    width: 100%;
    bottom: -25px;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    line-height: 1
}

.flickity-rtl .flickity-page-dots {
    direction: rtl
}

.flickity-page-dots .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 8px;
    background: #333;
    border-radius: 50%;
    opacity: .25;
    cursor: pointer
}

    .flickity-page-dots .dot.is-selected {
        opacity: 1
    }

.masonry-cards {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 20px;
    grid-auto-flow: dense
}

@media screen and (min-width: 568px) {
    .masonry-cards {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media screen and (min-width: 992px) {
    .masonry-cards {
        grid-template-columns: 23fr 25fr 25fr 27fr;
        grid-template-rows: repeat(2, 1fr)
    }
}

.masonry-cards__item {
    background-color: white;
    border-radius: 14px;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

@media screen and (min-width: 568px) {
    .masonry-cards__item--span-row-col-2 {
        grid-column-end: span 2
    }
}

@media screen and (min-width: 992px) {
    .masonry-cards__item--span-row-col-2 {
        grid-row-end: span 2
    }
}

@media screen and (min-width: 568px) {
    .masonry-cards__item--span-row-2-sm {
        grid-row-end: span 2
    }
}

@media screen and (min-width: 568px) {
    .masonry-cards__item--span-col-2 {
        grid-column-end: span 2
    }
}

@media screen and (min-width: 992px) {
    .masonry-cards__item--span-row-2 {
        grid-row-end: span 2
    }
}

.mayor-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 20px 14px calc(14px - 10px);
    height: 100%
}

@media screen and (min-width: 568px) {
    .mayor-card {
        text-align: center
    }
}

@media screen and (min-width: 992px) {
    .mayor-card {
        padding: 28px 22px calc(22px - 12px)
    }
}

.mayor-card__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 1.125rem
}

@media screen and (min-width: 568px) {
    .mayor-card__header {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.mayor-card__img-wrapper {
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0 0.875rem 0 0;
    width: 100px;
    padding-bottom: calc(100px - 10px);
    border-radius: 50%;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    border: 5px solid #fff;
    -webkit-box-shadow: 0 0 0 1px rgba(0,49,92,0.08);
    box-shadow: 0 0 0 1px rgba(0,49,92,0.08)
}

@media screen and (min-width: 568px) {
    .mayor-card__img-wrapper {
        margin: 0 auto 0.875rem;
        width: 70%;
        padding-bottom: calc(70% - 10px)
    }
}

.mayor-card__details {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.mayor-card__name {
    color: #0072bc;
    font-weight: 700;
    font-size: 1.375rem;
    line-height: 1.2;
    margin-bottom: 3px
}

.mayor-card__title {
    color: #20aab0;
    font-size: 0.75rem;
    line-height: 1.3;
    font-weight: 500
}

.mayor-card__list {
    margin-top: 0.5rem;
    text-align: left
}

.mayor-card__item:not(:last-child) {
    border-bottom: 1px solid rgba(0,49,92,0.08)
}

.mayor-card__link {
    position: relative;
    display: block;
    font-weight: 500;
    line-height: 1.2;
    padding: 10px 0 10px 26px;
    color: #0072bc;
    will-change: color;
    -webkit-transition: color 0.15s ease-in-out;
    transition: color 0.15s ease-in-out
}

    .mayor-card__link:hover {
        color: #20aab0
    }

    .mayor-card__link:before {
        content: '\64';
        font-family: 'sbb';
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        color: #20aab0;
        font-size: 1rem;
        will-change: transform;
        -webkit-transition: -webkit-transform 0.75s cubic-bezier(0.19, 1, 0.22, 1);
        transition: -webkit-transform 0.75s cubic-bezier(0.19, 1, 0.22, 1);
        transition: transform 0.75s cubic-bezier(0.19, 1, 0.22, 1);
        transition: transform 0.75s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.75s cubic-bezier(0.19, 1, 0.22, 1)
    }

    .mayor-card__link:hover:before {
        -webkit-transform: translate(5px, -50%);
        transform: translate(5px, -50%)
    }

.slider-card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%
}

.slider-card__slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    min-height: calc(240px + 76px)
}

@media screen and (min-width: 568px) {
    .slider-card__slider {
        min-height: calc(340px + 92px)
    }
}

@media screen and (min-width: 992px) {
    .slider-card__slider {
        min-height: auto
    }
}

.slider-card .slider__prev, .slider-card .slider__next {
    top: 31%
}

@media screen and (min-width: 568px) {
    .slider-card .slider__prev, .slider-card .slider__next {
        top: 34%
    }
}

@media screen and (min-width: 992px) {
    .slider-card .slider__prev, .slider-card .slider__next {
        top: 38%
    }
}

.slider-card__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    overflow: hidden
}

.slider-card__img-wrapper {
    background-color: #e8ecf0;
    height: 100%;
    min-height: 240px;
    will-change: transform;
    -webkit-transition: -webkit-transform 1.25s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 1.25s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 1.25s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 1.25s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 1.25s cubic-bezier(0.19, 1, 0.22, 1)
}

@media screen and (min-width: 568px) {
    .slider-card__img-wrapper {
        min-height: 340px
    }
}

@media screen and (min-width: 992px) {
    .slider-card__img-wrapper {
        min-height: auto
    }
}

.slider-card__item:hover .slider-card__img-wrapper {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    color: #fff
}

.slider-card__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    color: #0072bc;
    font-weight: 500;
    padding: 14px;
    background-color: white;
    z-index: 1;
    line-height: 1.3
}

@media screen and (min-width: 768px) {
    .slider-card__content {
        padding: 22px 1.5rem 22px 1.5rem
    }
}

.slider-card__category {
    display: block;
    font-weight: 400;
    margin-bottom: 2px;
    color: #20aab0
}

.slider-card__title {
    font-size: 1.375rem;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    color: #0072bc
}

.slider-card__location {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    margin-top: 0.375rem
}

    .slider-card__location:before {
        margin-right: 4px;
        font-size: 1.375rem
    }

@media screen and (min-width: 768px) {
    .slider-card__location:before {
        margin-top: -1px
    }
}

.kultur-sanat-card {
    position: relative;
    width: 100%;
    height: 100%;
    color: #fff;
    padding: 40px 14px;
    min-height: 180px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 0
}

@media screen and (min-width: 768px) {
    .kultur-sanat-card {
        padding-right: 32px;
        padding-left: 32px;
        min-height: auto
    }
}

@media only screen and (max-width: 568px) {
    .kultur-sanat-card {
        min-height: 270px;
    }
}

.kultur-sanat-card:hover {
    color: #fff
}

.kultur-sanat-card:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1
}

.kultur-sanat-card__img-wrapper.lazy-loading {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -2;
    will-change: transform;
    -webkit-transition: -webkit-transform 1.25s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 1.25s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 1.25s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 1.25s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 1.25s cubic-bezier(0.19, 1, 0.22, 1)
}

.kultur-sanat-card:hover .kultur-sanat-card__img-wrapper {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    color: #fff
}

.transportation-card {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.transportation-card__img-wrapper {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-height: 160px;
    background-color: #e8ecf0;
    will-change: transform;
    -webkit-transition: -webkit-transform 1.25s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 1.25s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 1.25s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 1.25s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 1.25s cubic-bezier(0.19, 1, 0.22, 1)
}

.transportation-card:hover .transportation-card__img-wrapper {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

@media only screen and (max-width: 568px) {
    .transportation-card__img-wrapper {
        min-height: 300px;
    }
}

.city-portal-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}


.city-portal-card__img-wrapper {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    will-change: transform;
    -webkit-transition: -webkit-transform 1.25s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 1.25s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 1.25s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 1.25s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 1.25s cubic-bezier(0.19, 1, 0.22, 1)
}

.city-portal-card:hover .city-portal-card__img-wrapper {
    -webkit-transform: scale(1.075);
    transform: scale(1.075)
}

.presentation-film-card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.presentation-film-card__img-wrapper {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    will-change: transform;
    -webkit-transition: -webkit-transform 1.25s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 1.25s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 1.25s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 1.25s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 1.25s cubic-bezier(0.19, 1, 0.22, 1)
}

.presentation-film-card:hover .presentation-film-card__img-wrapper {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    color: #fff
}

.kent-card {
    position: relative;
    width: 100%;
    height: 100%;
    color: #0072bc;
    padding: 30px 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    letter-spacing: 0.03rem;
    font-size: 16px
}

@media screen and (min-width: 768px) {
    .kent-card {
        min-height: 220px;
    }
}

@media only screen and (max-width: 568px) {
    .kent-card {
        min-height: 280px;
    }
}

@media only screen and (max-width: 423px) {
    .kent-card {
        min-height: 200px;
    }
}

.kent-card:hover {
    color: #0072bc
}

.kent-card__img-wrapper.lazy-loading {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -2;
    will-change: transform;
    -webkit-transition: -webkit-transform 1.25s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 1.25s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 1.25s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 1.25s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 1.25s cubic-bezier(0.19, 1, 0.22, 1)
}

.kent-card:hover .kent-card__img-wrapper {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    color: #fff
}

.alo-card {
    position: relative;
    width: 100%;
    height: 100%;
    color: #0072bc;
    padding: 30px 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media only screen and (max-width: 991px) {
    .alo-card {
        height: 245px;
    }

    .ulasim-resize {
        aspect-ratio: unset !important;
    }

    .kultur-sanat-resize {
        aspect-ratio: unset !important;
    }

    .baskan-resize {
        aspect-ratio: unset !important;
    }

}

@media only screen and (max-width: 567px) {
    .alo-card {
        min-height: 300px;
        width: auto;
    }
}

@media only screen and (max-width: 443px) {
    .alo-card {
        min-height: 190px;
        width: auto;
    }
}

.alo-card:hover {
    color: #0072bc
}

.alo-card__img-wrapper.lazy-loading {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -2;
    will-change: transform;
    -webkit-transition: -webkit-transform 1.25s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 1.25s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 1.25s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 1.25s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 1.25s cubic-bezier(0.19, 1, 0.22, 1)
}

.alo-card:hover .alo-card__img-wrapper {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    color: #fff
}

.alo-card__img {
    height: auto;
    width: auto;
}

.budget-strategy-card {
    position: relative;
    width: 100%;
    height: 100%;
    color: #0072bc;
    padding: 30px 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    letter-spacing: 0.03rem;
    min-height: 160px
}

@media screen and (min-width: 768px) {
    .budget-strategy-card {
        padding: 20px 22px
    }
}

@media screen and (min-width: 992px) {
    .budget-strategy-card {
        min-height: auto
    }
}

.budget-strategy-card:hover {
    color: #0072bc
}

.budget-strategy-card:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1
}

.budget-strategy-card__img-wrapper.lazy-loading {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -2;
    height: 100%;
    will-change: transform;
    -webkit-transition: -webkit-transform 1.25s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 1.25s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 1.25s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 1.25s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 1.25s cubic-bezier(0.19, 1, 0.22, 1)
}

.budget-strategy-card:hover .budget-strategy-card__img-wrapper {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    color: #fff
}

.budget-strategy-card__title {
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1.2;
    margin-bottom: 2px
}

.budget-strategy-card__subtitle {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.3;
    color: #20aab0
}

.turizm-card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.turizm-card__img-wrapper {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    will-change: transform;
    -webkit-transition: -webkit-transform 1.25s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 1.25s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 1.25s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 1.25s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 1.25s cubic-bezier(0.19, 1, 0.22, 1)
}

.turizm-card:hover .turizm-card__img-wrapper {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    color: #fff
}

.alo-card:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1
}

@media only screen and (max-width: 771px) {
    .masonry-cards__item {
        min-width: 343px;
    }
}


.news-slider {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    margin-top: 15px;
    border-radius: 14px
}

@media screen and (min-width: 568px) {
    .news-slider {
        margin-top: 4vw
    }
}

@media screen and (min-width: 1200px) {
    .news-slider {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        border-radius: 0
    }
}

.news-slider__btns {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% / 3);
    flex: 0 0 calc(100% / 3);
    max-width: calc(100% / 3);
    width: calc(100% / 3);
    padding-left: 40px
}

.news-slider__btns__title {
    text-transform: uppercase;
    font-size: 1.25rem;
    line-height: 1.3;
    color: #0072bc;
    margin: -6px 0 32px 0;
    display: none
}

    .news-slider__btns__title span {
        color: #20aab0
    }

@media screen and (min-width: 1200px) {
    .news-slider__btns__title {
        display: block
    }
}

.news-slider__btns__list {
    width: 100%;
    position: absolute;
    right: -1px;
    bottom: -1px;
    left: -1px;
    z-index: 1;
    pointer-events: none
}

@media screen and (min-width: 1200px) {
    .news-slider__btns__list {
        position: static;
        right: auto;
        bottom: auto;
        left: auto;
        z-index: auto;
        pointer-events: auto
    }
}

.news-slider__btn {
    position: relative;
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    border: none;
    background-color: rgba(0,0,0,0.5);
    color: rgba(0,49,92,0.4);
    padding: 0.75rem 2rem 0.75rem 0;
    text-align: left;
    font-weight: 500;
    z-index: 0;
    border-radius: 14px;
    overflow: hidden;
    -webkit-transition: padding 0.75s cubic-bezier(0.19, 1, 0.22, 1);
    transition: padding 0.75s cubic-bezier(0.19, 1, 0.22, 1)
}

    .news-slider__btn.active {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        pointer-events: none;
        padding: 0.75rem 1rem
    }


    .news-slider__btn:hover {
        padding: 0.75rem 1rem
    }

    .news-slider__btn.active:hover {
        cursor: not-allowed
    }

@media screen and (min-width: 1200px) {

    .news-slider__btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        background-color: transparent;
        padding: 1.125rem 2.75rem 1.125rem 0
    }

        .news-slider__btn:hover, .news-slider__btn.active {
            padding: 1.125rem 1.375rem
        }

        .news-slider__btn:before {
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            -webkit-transform: scaleX(0);
            transform: scaleX(0);
            -webkit-transform-origin: left;
            transform-origin: left;
            z-index: -1;
            will-change: transform;
            -webkit-transition: -webkit-transform 0.75s cubic-bezier(0.19, 1, 0.22, 1);
            transition: -webkit-transform 0.75s cubic-bezier(0.19, 1, 0.22, 1);
            transition: transform 0.75s cubic-bezier(0.19, 1, 0.22, 1);
            transition: transform 0.75s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.75s cubic-bezier(0.19, 1, 0.22, 1)
        }

        .news-slider__btn:nth-child(4n+1):before {
            background-color: #83d9ba
        }

        .news-slider__btn:nth-child(4n+2):before {
            background-color: #c2d983
        }

        .news-slider__btn:nth-child(4n+3):before {
            background-color: #d983ae
        }

        .news-slider__btn:nth-child(4n+4):before {
            background-color: #83abd9
        }

        .news-slider__btn:nth-child(4n+5):before {
            background-color: #d9bc83
        }


    html.no-touch .news-slider__btn:nth-child(4n+1):not(.active):hover:before {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }

    html.no-touch .news-slider__btn:nth-child(4n+2):not(.active):hover:before {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }

    html.no-touch .news-slider__btn:nth-child(4n+3):not(.active):hover:before {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    html.no-touch .news-slider__btn:nth-child(4n+4):not(.active):hover:before {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    html.no-touch .news-slider__btn:nth-child(4n+5):not(.active):hover:before {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    .news-slider__btn:nth-child(4n+1).active:before {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    .news-slider__btn:nth-child(4n+2).active:before {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    .news-slider__btn:nth-child(4n+3).active:before {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    .news-slider__btn:nth-child(4n+4).active:before {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    .news-slider__btn:nth-child(4n+5).active:before {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    .news-slider__btn:not(:last-child) {
        border-bottom: 1px solid rgba(0,49,92,0.08)
    }
}

.news-slider__btn__date {
    font-size: 0.8125rem;
    line-height: 1;
    margin-top: -0.125rem;
    margin-bottom: 0.125rem;
    opacity: 0.7;
    will-change: color;
    -webkit-transition: color 0.15s ease-in-out;
    transition: color 0.15s ease-in-out
}

@media screen and (min-width: 768px) {
    .news-slider__btn__date {
        margin-bottom: 0.375rem
    }
}

.news-slider__btn.active .news-slider__btn__date {
    color: #fff
}

.news-slider__btn__title {
    line-height: 1.3;
    font-size: 0.9375rem;
    margin-bottom: -0.25rem;
    will-change: color;
    -webkit-transition: color 0.15s ease-in-out;
    transition: color 0.15s ease-in-out;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

@media screen and (min-width: 1200px) {
    .news-slider__btn__title {
        white-space: normal;
        max-width: none;
        overflow: visible;
        text-overflow: clip
    }
}

.news-slider__btn.active .news-slider__btn__title {
    color: #fff;
}

html.no-touch .news-slider__btn:not(.active):hover .news-slider__btn__title {
    /* color: #0072bc;*/
    color: #fff;
}

.news-slider__prev1, .news-slider__next11 {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    background-color: rgba(0,40,66,0.8);
    border: none;
    border-radius: 50%;
    width: 4rem;
    height: 4rem;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (min-width: 768px) {
    .news-slider__prev1, .news-slider__next11 {
        width: 5rem;
        height: 5rem
    }
}

@media screen and (min-width: 1600px) {
    .news-slider__prev1, .news-slider__next11 {
        width: 6rem;
        height: 6rem
    }
}

.news-slider__prev1:before, .news-slider__next11:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transform: scale(1.075);
    transform: scale(1.075);
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 2px rgba(0,9,15,0.3);
    box-shadow: 0 0 0 2px rgba(0,9,15,0.3);
    will-change: box-shadow;
    -webkit-transition: -webkit-box-shadow 0.15s ease-in-out;
    transition: -webkit-box-shadow 0.15s ease-in-out;
    transition: box-shadow 0.15s ease-in-out;
    transition: box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out
}

html.no-touch .news-slider__prev1:not([disabled]):hover:before, html.no-touch .news-slider__next11:not([disabled]):hover:before {
    -webkit-box-shadow: 0 0 0 2px #0072bc;
    box-shadow: 0 0 0 2px #0072bc
}

.news-slider__prev1[disabled], .news-slider__next11[disabled] {
    opacity: 0.5;
    cursor: not-allowed
}

.news-slider__prev1 svg, .news-slider__next11 svg {
    z-index: 2;
    fill: #fff;
    will-change: opacity;
    -webkit-transition: opacity 1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: opacity 1s cubic-bezier(0.19, 1, 0.22, 1)
}

html.no-touch .news-slider__prev1:not([disabled]):hover svg, html.no-touch .news-slider__next11:not([disabled]):hover svg {
    opacity: 0
}

.news-slider__prev1 img, .news-slider__next11 img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    opacity: 0;
    border-radius: 50%;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
    will-change: opacity, transform;
    -webkit-transition: opacity 1s cubic-bezier(0.19, 1, 0.22, 1),-webkit-transform 1.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: opacity 1s cubic-bezier(0.19, 1, 0.22, 1),-webkit-transform 1.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 1.5s cubic-bezier(0.19, 1, 0.22, 1),opacity 1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 1.5s cubic-bezier(0.19, 1, 0.22, 1),opacity 1s cubic-bezier(0.19, 1, 0.22, 1),-webkit-transform 1.5s cubic-bezier(0.19, 1, 0.22, 1)
}

    .news-slider__prev1 img.active, .news-slider__next11 img.active {
        opacity: 0.7;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

html.no-touch .news-slider__prev1:not([disabled]):hover img.active, html.no-touch .news-slider__next11:not([disabled]):hover img.active {
    opacity: 1
}

.news-slider__prev1 {
    left: 1rem
}

@media screen and (min-width: 768px) {
    .news-slider__prev1 {
        left: 2rem
    }
}

.news-slider__next11 {
    right: 1rem
}

@media screen and (min-width: 768px) {
    .news-slider__next11 {
        right: 2rem
    }
}

.news-slider__slider-wrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (min-width: 1200px) {
    .news-slider__slider-wrapper {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
}

.news-slider__slider {
    border-radius: 14px;
    min-height: 340px
}

@media screen and (min-width: 568px) {
    .news-slider__slider {
        min-height: 440px
    }
}

@media screen and (min-width: 992px) {
    .news-slider__slider {
        min-height: 520px
    }
}

@media screen and (min-width: 1200px) {
    .news-slider__slider {
        min-height: auto
    }
}

@media screen and (min-width: 1600px) {
    .news-slider__slider {
        min-height: 560px
    }
}

.news-slider__img-wrapper {
    top: auto;
    bottom: auto;
    width: 100%;
    height: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.stories {
    position: relative;
    margin: 0.5rem calc(4vw * -1);
    overflow: hidden
}

@media screen and (min-width: 768px) {
    .stories {
        margin-top: 1rem;
        margin-bottom: 1rem
    }
}

.stories:after, .stories:before {
    content: '';
    position: absolute;
    top: -3px;
    bottom: -3px;
    width: calc(4vw + 6px);
    z-index: 1
}

.stories:after {
    left: 0;
    background: -webkit-gradient(linear, right top, left top, color-stop(0, rgba(244,246,248,0)), color-stop(10%, rgba(244,246,248,0.2)), color-stop(40%, rgba(244,246,248,0.6)), color-stop(74%, rgba(244,246,248,0.9)), color-stop(96%, #f4f6f8));
    background: linear-gradient(to left, rgba(244,246,248,0) 0, rgba(244,246,248,0.2) 10%, rgba(244,246,248,0.6) 40%, rgba(244,246,248,0.9) 74%, #f4f6f8 96%)
}

.stories:before {
    right: 0;
    background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(244,246,248,0)), color-stop(10%, rgba(244,246,248,0.2)), color-stop(40%, rgba(244,246,248,0.6)), color-stop(74%, rgba(244,246,248,0.9)), color-stop(96%, #f4f6f8));
    background: linear-gradient(to right, rgba(244,246,248,0) 0, rgba(244,246,248,0.2) 10%, rgba(244,246,248,0.6) 40%, rgba(244,246,248,0.9) 74%, #f4f6f8 96%)
}

.stories__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -0.5rem 0;
    padding: 15px 4vw
}

@media screen and (min-width: 768px) {
    .stories__list {
        margin: 0 -0.75rem 0
    }
}

.stories .flickity-viewport {
    width: 100%;
    overflow: visible
}

.stories__item {
    padding: 0 0.375rem 0
}

@media screen and (min-width: 768px) {
    .stories__item {
        padding: 0 0.625rem 0
    }
}

.stories__btn {
    display: block;
    background-color: transparent;
    border: none;
    padding: 0;
    width: calc(4.875rem + 0.5rem)
}

@media screen and (min-width: 1600px) {
    .stories__btn {
        width: calc(5.5rem + 0.5rem)
    }
}

.stories__img-wrapper {
    display: block;
    width: 4.875rem;
    height: 4.875rem;
    margin: 0 auto;
    border-radius: 50%;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    border: 3px solid #f4f6f8;
    -webkit-box-shadow: 0 0 0 1px rgba(0,49,92,0.08);
    box-shadow: 0 0 0 1px rgba(0,49,92,0.08);
    background-color: white;
    will-change: box-shadow;
    -webkit-transition: -webkit-box-shadow 0.3s ease-in-out;
    transition: -webkit-box-shadow 0.3s ease-in-out;
    transition: box-shadow 0.3s ease-in-out;
    transition: box-shadow 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out
}

@media screen and (min-width: 1600px) {
    .stories__img-wrapper {
        width: 5.5rem;
        height: 5.5rem
    }
}

.stories__btn:hover .stories__img-wrapper {
    -webkit-box-shadow: 0 0 0 2px #0072bc;
    box-shadow: 0 0 0 2px #0072bc
}

.lazy-loading > .stories__img {
    position: relative;
    min-height: 100%;
    min-width: 100%;
    -o-object-position: center center;
    object-position: center center;
    will-change: transform;
    -webkit-transition: opacity 0.5s ease-in-out,-webkit-transform 1.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: opacity 0.5s ease-in-out,-webkit-transform 1.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 1.5s cubic-bezier(0.19, 1, 0.22, 1),opacity 0.5s ease-in-out;
    transition: transform 1.5s cubic-bezier(0.19, 1, 0.22, 1),opacity 0.5s ease-in-out,-webkit-transform 1.5s cubic-bezier(0.19, 1, 0.22, 1)
}

.stories__btn:hover .stories__img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.stories__title {
    display: block;
    font-weight: 500;
    color: #0072bc;
    margin-top: 0.75rem;
    font-size: 0.875rem;
    text-align: center;
    line-height: 1.2;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    will-change: color;
    -webkit-transition: color 0.15s ease-in-out;
    transition: color 0.15s ease-in-out
}

.stories__btn:hover .stories__title {
    color: #005389
}

.footer {
    position: relative;
    padding-top: 30px;
    padding-bottom: calc(58px + 30px);
    max-width: 100%;
    overflow: hidden
}

    .footer:before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: -1;
        background-color: white
    }

@media screen and (min-width: 568px) {
    .footer {
        padding-top: 30px;
        padding-right: 30px;
        padding-left: 4vw
    }
}

@media screen and (min-width: 768px) {
    .footer {
        padding-top: 40px
    }
}

@media screen and (min-width: 992px) {
    .footer {
        padding-top: 3.75rem
    }

        .footer:before {
            border-top-right-radius: 24px
        }
}

body.default-template .footer {
    margin-top: calc(-58px + -15px + 30px)
}

@media screen and (min-width: 568px) {
    body.default-template .footer {
        margin-top: calc(calc(4vw * -1) - 58px + 30px)
    }
}

@media screen and (min-width: 768px) {
    body.default-template .footer {
        margin-top: calc(calc(4vw * -1) - 58px + 40px)
    }
}

@media screen and (min-width: 992px) {
    body.default-template .footer {
        margin-right: calc(4vw + 114px);
        margin-top: calc(-49px + calc(4vw * -1) + 3.75rem);
        padding-bottom: calc(58px + 1.25rem)
    }
}

@media screen and (min-width: 1600px) {
    body.default-template .footer {
        padding-bottom: calc(58px + 1.75rem)
    }
}

.footer__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (min-width: 992px) {
    .footer__row {
        margin-right: -10px;
        margin-left: -10px
    }
}

@media screen and (min-width: 1200px) {
    .footer__row {
        margin-right: -20px;
        margin-left: -20px
    }
}

.footer__col {
    padding-right: 15px;
    padding-left: 15px
}

@media screen and (min-width: 1200px) {
    .footer__col {
        padding-right: 20px;
        padding-left: 20px
    }
}

.footer__col:not(:nth-child(5)) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 30px
}

.footer__col:nth-child(5) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

@media screen and (min-width: 1200px) {
    .footer__col:not(:nth-child(5)) {
        margin-bottom: 0
    }

    .footer__col:not(:nth-child(4)):not(:nth-child(5)) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16%;
        flex: 0 0 16%;
        max-width: 16%
    }

    .footer__col:nth-child(4) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 22%;
        flex: 0 0 22%;
        max-width: 22%
    }

    .footer__col:nth-child(5) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        max-width: 30%
    }
}

.footer__tite {
    color: #0072bc;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.3;
    text-transform: uppercase;
    margin-top: -0.25rem;
    margin-bottom: 0.625rem
}

    .footer__tite:not(:first-child) {
        margin-top: 1.5rem
    }

.footer__list {
    width: 100%;
    list-style: none
}

.footer__list__item {
    line-height: 1.3
}

.footer__list__link {
    display: block;
    padding: 0.25rem 0;
    color: #00315c;
    will-change: color, transform;
    -webkit-transition: color 0.15s ease-in-out,-webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: color 0.15s ease-in-out,-webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: color 0.15s ease-in-out,transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: color 0.15s ease-in-out,transform 0.5s cubic-bezier(0.19, 1, 0.22, 1),-webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1)
}

.footer__list--bold .footer__list__link {
    color: #0072bc;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.3;
    text-transform: uppercase
}

.footer__list__link:hover {
    color: #20aab0;
    -webkit-transform: translateX(0.3125rem);
    transform: translateX(0.3125rem)
}

.footer__list--bold {
    margin-top: 1.5rem
}

.footer__contact svg {
    height: 4.5rem;
    width: auto
}

.footer__contact a path {
    -webkit-transition: fill 0.15s ease-in-out;
    transition: fill 0.15s ease-in-out
}

.footer__contact a:hover path {
    fill: #ffaf10
}

.footer .app-stores {
    margin: -0.375rem;
    width: auto
}

.footer .app-stores__item {
    padding: 0.375rem
}

.footer__copyright {
    position: relative;
    font-weight: 500;
    margin: 1.375rem auto -0.5rem;
    text-align: center;
    padding: 1.375rem 15px 0
}

    .footer__copyright:before {
        content: '';
        position: absolute;
        top: 0;
        right: -30px;
        left: calc(4vw * -1);
        height: 2px;
        background-color: #f4f6f8
    }

.banner {
    position: relative;
    margin-right: -15px;
    margin-left: -15px
}

@media screen and (min-width: 568px) {
    .banner {
        margin-right: calc(4vw * -1);
        margin-left: calc(4vw * -1)
    }
}

@media screen and (min-width: 992px) {
    .banner {
        padding: 100px 0 32px
    }
}

@media screen and (min-width: 1200px) {
    .banner {
        padding: 100px 4vw 32px
    }
}

.banner:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 92px;
    left: 0;
    background-color: #e9eef2
}

@media screen and (min-width: 1200px) {
    .banner__slider {
        margin-top: 3rem
    }
}

.banner__slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (min-width: 1200px) {
    .banner__slide {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.banner__slide__content {
    position: relative;
    background-color: rgba(0,120,198,0.9);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    z-index: 1;
    padding: 22px 4vw;
    color: #fff;
    line-height: 1.3;
    opacity: 0;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
    -webkit-transition: all 1.5s 0.2s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 1.5s 0.2s cubic-bezier(0.19, 1, 0.22, 1)
}

@media screen and (min-width: 1200px) {
    .banner__slide__content {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 48%;
        flex: 0 0 48%;
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        padding: 34px 32px 38px 32px;
        margin-top: 104px;
        margin-bottom: 30px
    }
}

@media screen and (min-width: 1200px) {
    .banner__slide__content {
        margin-top: 92px
    }
}

.banner__slide.is-selected .banner__slide__content {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.banner__slide__date {
    position: absolute;
    top: 4vw;
    right: 4vw;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    line-height: 1;
    color: #0072bc;
    background-color: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (min-width: 1200px) {
    .banner__slide__date {
        top: 1.75rem;
        right: 32px;
        width: 94px;
        height: 94px
    }
}

.banner__slide__date__num {
    display: block;
    font-size: 1.5rem;
    font-weight: 500
}

@media screen and (min-width: 1200px) {
    .banner__slide__date__num {
        font-size: 2.5rem
    }
}

.banner__slide__date__mnth {
    display: block;
    font-size: 0.8125rem;
    font-weight: 500
}

@media screen and (min-width: 1200px) {
    .banner__slide__date__mnth {
        font-size: 0.875rem
    }
}

.banner__slide__subtitle {
    margin-bottom: 0.5rem;
    font-weight: 500;
    font-size: 0.875rem;
    padding-right: calc(1.125rem + 4rem)
}

@media screen and (min-width: 1200px) {
    .banner__slide__subtitle {
        padding-right: calc(2rem + 5.875rem + 1.5rem)
    }
}

.banner__slide__title {
    font-weight: 500;
    font-size: 1.25rem;
    padding-right: calc(1.125rem + 4rem)
}

@media screen and (min-width: 992px) {
    .banner__slide__title {
        font-size: 1.5rem
    }
}

@media screen and (min-width: 1200px) {
    .banner__slide__title {
        padding-right: calc(14px + 94px);
        font-size: 1.625rem
    }
}

.banner__slide__location {
    margin-top: 0.5rem;
    margin-bottom: 1.125rem;
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width: 992px) {
    .banner__slide__location {
        margin-top: 1.25rem;
        margin-bottom: 1.75rem
    }
}

.banner__slide__location svg {
    fill: #fff;
    width: 1.75rem;
    margin-right: 0.25rem;
    margin-top: -0.125rem
}

.banner__slide__img-wrapper {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    width: 100%;
    opacity: 0;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
    -webkit-transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1)
}

@media screen and (min-width: 1200px) {
    .banner__slide__img-wrapper {
        width: auto;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-top: 0;
        margin-left: -16%
    }
}

.banner__slide.is-selected .banner__slide__img-wrapper {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.banner__slide__img-wrapper img {
    display: block;
    max-width: 100%
}

.colored-boxes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.colored-box {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .colored-box:not(:last-child) {
        margin-bottom: 4vw
    }

@media screen and (min-width: 568px) {
    .colored-box {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

        .colored-box:not(:last-child) {
            margin-bottom: 0
        }
}

@media screen and (min-width: 1200px) {
    .colored-box {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        width: 50%
    }
}

.colored-box__img-wrapper {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 10rem;
    background-color: rgba(0,89,147,0.075)
}

@media screen and (min-width: 568px) {
    .colored-box__img-wrapper {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        width: 50%;
        min-height: auto
    }
}

.lazy-loading > .colored-box__img {
    width: 100%;
    will-change: transform, opacity;
    -webkit-transition: opacity 0.85s cubic-bezier(0.25, 0.46, 0.45, 0.94),-webkit-transform 0.85s cubic-bezier(0.19, 1, 0.22, 1);
    transition: opacity 0.85s cubic-bezier(0.25, 0.46, 0.45, 0.94),-webkit-transform 0.85s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.85s cubic-bezier(0.19, 1, 0.22, 1),opacity 0.85s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 0.85s cubic-bezier(0.19, 1, 0.22, 1),opacity 0.85s cubic-bezier(0.25, 0.46, 0.45, 0.94),-webkit-transform 0.85s cubic-bezier(0.19, 1, 0.22, 1)
}

.colored-box:hover .lazy-loading > .colored-box__img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.colored-box__content {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 1.5rem
}

@media screen and (min-width: 568px) {
    .colored-box__content {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        width: 50%;
        padding: 2rem
    }

        .colored-box__content:before {
            content: '';
            position: absolute;
            top: 2.625rem;
            width: 3rem;
            height: 2px
        }
}

.colored-box__title {
    font-weight: 500;
    font-size: 1.375rem;
    line-height: 1.3;
    color: #fff;
    margin-top: -0.25rem
}

.colored-box__desc {
    margin-top: 0.5rem;
    line-height: 1.4;
    opacity: 0.6
}

@media screen and (min-width: 568px) {
    .colored-box__desc {
        margin-top: 0.5rem
    }
}

.colored-box:nth-child(4n+1) .colored-box__content {
    color: #fff;
    background-color: #c5b797
}

    .colored-box:nth-child(4n+1) .colored-box__content:before {
        background-color: #d7ceb8
    }

.colored-box:nth-child(4n+2) .colored-box__content {
    color: #fff;
    background-color: #97c5b8
}

    .colored-box:nth-child(4n+2) .colored-box__content:before {
        background-color: #b8d7ce
    }

.colored-box:nth-child(4n+3) .colored-box__content {
    color: #fff;
    background-color: #97a9c5
}

    .colored-box:nth-child(4n+3) .colored-box__content:before {
        background-color: #b8c4d7
    }

.colored-box:nth-child(4n+4) .colored-box__content {
    color: #fff;
    background-color: #c5a497
}

    .colored-box:nth-child(4n+4) .colored-box__content:before {
        background-color: #d7c1b8
    }

@media screen and (min-width: 568px) {
    .colored-box:nth-child(odd) .colored-box__content {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

        .colored-box:nth-child(odd) .colored-box__content:before {
            left: 0;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%)
        }

    .colored-box:nth-child(odd) .colored-box__img-wrapper {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .colored-box:nth-child(even) .colored-box__content {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

        .colored-box:nth-child(even) .colored-box__content:before {
            right: 0;
            -webkit-transform: translateX(50%);
            transform: translateX(50%)
        }

    .colored-box:nth-child(even) .colored-box__img-wrapper {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

@media screen and (min-width: 1200px) {
    .colored-box:nth-child(4n+1) .colored-box__content, .colored-box:nth-child(4n+2) .colored-box__content {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

        .colored-box:nth-child(4n+1) .colored-box__content:before, .colored-box:nth-child(4n+2) .colored-box__content:before {
            left: 0;
            right: auto;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%)
        }

    .colored-box:nth-child(4n+1) .colored-box__img-wrapper, .colored-box:nth-child(4n+2) .colored-box__img-wrapper {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .colored-box:nth-child(4n+3) .colored-box__content, .colored-box:nth-child(4n+4) .colored-box__content {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

        .colored-box:nth-child(4n+3) .colored-box__content:before, .colored-box:nth-child(4n+4) .colored-box__content:before {
            right: 0;
            left: auto;
            -webkit-transform: translateX(50%);
            transform: translateX(50%)
        }

    .colored-box:nth-child(4n+3) .colored-box__img-wrapper, .colored-box:nth-child(4n+4) .colored-box__img-wrapper {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

.calendar {
    overflow: hidden
}

@media screen and (min-width: 768px) {
    .calendar {
        overflow: visible
    }
}

.calendar__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    color: #0072bc;
    font-weight: 500;
    margin-top: -14px;
    line-height: 1.3
}

.calendar__nav {
    background-color: transparent;
    border: none;
    padding: 0.5rem
}

.calendar__nav--prev {
    margin-left: -16px
}

.calendar__nav svg {
    fill: #0072bc
}

.calendar__current-month {
    margin-right: auto;
    margin-left: 10px;
    font-size: 1rem;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media screen and (min-width: 1200px) {
    .calendar__current-month {
        margin-left: 0.875rem
    }
}

.calendar__indicators {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -0.25rem -0.5rem;
    padding: 0.5rem 0
}

.calendar__indicator {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.25rem 0.5rem
}

    .calendar__indicator i {
        width: 0.875rem;
        height: 0.875rem;
        border-radius: 50%;
        margin-right: 0.375rem
    }

.calendar__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 16px;
    width: 100%;
    border-top: 1px solid rgba(0,49,92,0.08);
    border-left: 1px solid rgba(0,49,92,0.08)
}

@media screen and (min-width: 1200px) {
    .calendar__list {
        margin-top: 0.5rem
    }
}

.calendar__list li, .calendar__day {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    width: 50%;
    border-right: 1px solid rgba(0,49,92,0.08);
    border-bottom: 1px solid rgba(0,49,92,0.08);
    min-height: 80px;
    padding: 0.5rem;
    line-height: 1;
    color: #0072bc
}

@media screen and (min-width: 1200px) {
    .calendar__list li, .calendar__day {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% / 7);
        flex: 0 0 calc(100% / 7);
        max-width: calc(100% / 7);
        width: calc(100% / 7)
    }
}

.calendar__list li span, .calendar__day span {
    position: relative;
    text-transform: uppercase;
    letter-spacing: 0.03rem
}

    .calendar__list li span.outrange, .calendar__day span.outrange {
        color: rgba(0,49,92,0.5)
    }

    .calendar__list li span.active, .calendar__day span.active {
        color: white
    }

        .calendar__list li span.active:before, .calendar__day span.active:before {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            margin-right: -50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            width: 1.25rem;
            height: 1.25rem;
            border-radius: 50%;
            background-color: #0072bc;
            z-index: -1
        }

.calendar__list li:after, .calendar__day:after {
    position: absolute;
    top: 0.375rem;
    right: 0.5rem;
    color: #0072bc;
    font-size: 1.125rem;
    font-weight: 300
}

.calendar__list li:nth-child(7n+1):after, .calendar__day:nth-child(7n+1):after {
    content: 'Pzt'
}

.calendar__list li:nth-child(7n+2):after, .calendar__day:nth-child(7n+2):after {
    content: 'Sal'
}

.calendar__list li:nth-child(7n+3):after, .calendar__day:nth-child(7n+3):after {
    content: 'Çar'
}

.calendar__list li:nth-child(7n+4):after, .calendar__day:nth-child(7n+4):after {
    content: 'Per'
}

.calendar__list li:nth-child(7n+5):after, .calendar__day:nth-child(7n+5):after {
    content: 'Cum'
}

.calendar__list li:nth-child(7n+6):after, .calendar__day:nth-child(7n+6):after {
    content: 'Cmt'
}

.calendar__list li:nth-child(7n+7):after, .calendar__day:nth-child(7n+7):after {
    content: 'Pzr'
}


@media screen and (min-width: 1200px) {
    .calendar__list li:nth-child(n+8):after, .calendar__day:nth-child(n+8):after {
        opacity: 0
    }
}

.calendar__multiple-events, .calendar__event {
    position: relative;
    padding: 0.375rem 0.25rem;
    width: 100%;
    border-radius: 4px;
    color: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    white-space: nowrap;
    font-size: 0.75rem;
    font-weight: 500
}

    .calendar__event:hover {
        color: white;
        cursor: pointer
    }

    .calendar__event:first-of-type {
        margin-top: 12px
    }

    .calendar__event:not(:first-of-type) {
        margin-top: 0.375rem
    }

.calendar__event__name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.calendar__event__time {
    margin-left: auto
}

.calendar__event--multiday-start {
    width: calc(100% + 0.5rem);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.calendar__event--multiday-end {
    width: calc(100% + 0.5625rem);
    margin-left: -0.5625rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    pointer-events: none
}

    .calendar__event--multiday-end .calendar__event__name, .calendar__event--multiday-end .calendar__event__time {
        opacity: 0
    }

.calendar__multiple-events {
    white-space: pre-wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

    .calendar__multiple-events:first-of-type {
        margin-top: 12px
    }

    .calendar__multiple-events > a {
        padding-top: 0;
        padding-bottom: 0
    }

        .calendar__multiple-events > a:first-of-type {
            margin-top: 0
        }

.calendar__modal {
    position: absolute;
    top: 100%;
    left: 0;
    background-color: white;
    -webkit-box-shadow: 0 2px 10px 0 rgba(2,47,129,0.07);
    box-shadow: 0 2px 10px 0 rgba(2,47,129,0.07);
    border-radius: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 3;
    padding: 1rem 1.25rem;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    width: 270px;
    max-height: 360px;
    overflow: auto;
    white-space: normal;
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out
}

.calendar__modal__img-wrapper {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    width: calc(100% + 2.5rem);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    margin: -1rem -1.25rem 1rem
}

.calendar__modal__img {
    width: 100%
}

.calendar__modal .calendar__modal__date, .calendar__modal .calendar__modal__location {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.75rem;
    line-height: 1;
    color: rgba(0,49,92,0.5);
    margin-bottom: 0.5rem;
    margin-left: -2px;
    text-transform: none;
    letter-spacing: 0
}

    .calendar__modal .calendar__modal__date:before, .calendar__modal .calendar__modal__location:before {
        margin-right: 0.375rem;
        color: rgba(0,49,92,0.5);
        font-size: 1rem
    }

.calendar__modal__subtite {
    font-size: 1rem;
    line-height: 1.3;
    color: #00315c;
    font-weight: 500;
    margin-top: 0.375rem
}

.calendar__modal__title {
    font-size: 1.5rem;
    line-height: 1.3;
    color: #00315c;
    font-weight: 500
}

.calendar__modal__desc {
    line-height: 1.4;
    color: rgba(0,49,92,0.5);
    margin-top: 0.25rem
}

html.no-touch .calendar__event:hover .calendar__modal, .calendar__event.active .calendar__modal {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    pointer-events: auto
}

.calendar__list li:nth-child(even) .calendar__modal, .calendar__day:nth-child(even) .calendar__modal {
    left: auto;
    right: 0
}

@media screen and (min-width: 1200px) {
    .calendar__list li:nth-child(even) .calendar__modal, .calendar__day:nth-child(even) .calendar__modal {
        left: 0;
        right: auto
    }
}

.calendar__list li:nth-child(n+34) .calendar__modal, .calendar__day:nth-child(n+34) .calendar__modal {
    top: auto;
    bottom: 100%
}

@media screen and (min-width: 1200px) {
    .calendar__list li:nth-child(7n+0) .calendar__modal, .calendar__day:nth-child(7n+0) .calendar__modal {
        left: auto;
        right: 0
    }

    .calendar__list li:nth-child(n+15) .calendar__modal, .calendar__day:nth-child(n+15) .calendar__modal {
        top: auto;
        bottom: 100%
    }
}

.side-slider {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 30vh;
    min-height: 300px;
    max-height: 440px;
    background-color: #e8ecf0
}

@media screen and (min-width: 768px) {
    .side-slider {
        min-height: 640px;
        max-height: 50vh
    }
}

@media screen and (min-width: 992px) {
    .side-slider {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        min-height: auto;
        max-height: none
    }

        .side-slider .slider__prev, .side-slider .slider__next {
            top: calc(50% + 100px - 49px)
        }

        .side-slider .slider__img-wrapper .lazy-loading__loader {
            top: 100px
        }
}

.side-slider__copyright {
    position: absolute;
    right: .75rem;
    bottom: .75rem;
    left: .75rem;
    font-weight: 500;
    color: #fff;
    line-height: 1.3;
    z-index: 2;
    font-size: 0.75rem;
    pointer-events: none
}

@media screen and (min-width: 992px) {
    .side-slider__copyright {
        right: 1.25rem;
        bottom: 1.25rem;
        left: 1.25rem;
        font-size: 0.8125rem
    }
}

.side-slider:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.7)), to(rgba(0,0,0,0)));
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%);
    height: 120px;
    z-index: 1;
    pointer-events: none
}

.side-slider-thumbs {
    width: 100%;
    overflow: hidden
}

    .side-slider-thumbs .flickity-slider {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 100%
    }

.side-slider-thumbs__slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0.75rem 0 0;
    margin: 0 -0.25rem;
    width: auto
}

@media screen and (min-width: 992px) {
    .side-slider-thumbs__slider {
        padding: 1.5rem 0;
        margin: 0 -0.5rem
    }
}

.side-slider-thumbs__slide {
    position: relative !important;
    left: auto !important;
    padding: 0 0.25rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    border: 0;
    background-color: transparent;
    opacity: 0.5;
    will-change: opacity;
    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out
}

@media screen and (min-width: 992px) {
    .side-slider-thumbs__slide {
        padding-right: 0.5rem;
        padding-left: 0.5rem
    }
}

.side-slider-thumbs__slide:hover, .side-slider-thumbs__slide.is-nav-selected {
    opacity: 1
}

    .side-slider-thumbs__slide.is-nav-selected:hover {
        cursor: not-allowed
    }

.side-slider-thumbs__slide--video {
    position: relative
}

    .side-slider-thumbs__slide--video:before {
        content: '\54';
        font-family: 'sbb';
        position: absolute;
        top: 50%;
        left: 50%;
        margin-right: -50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 2rem;
        height: 2rem;
        line-height: 2rem;
        border-radius: 50%;
        background-color: white;
        color: #0072bc;
        text-align: center;
        z-index: 1
    }

.side-slider-thumbs__img-wrapper {
    background-color: #e8ecf0
}

.facts {
    width: 100%;
    overflow: hidden
}

.facts__inner {
    margin: -10px -20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (min-width: 568px) {
    .facts__inner {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.facts__item {
    padding: 10px 20px;
    letter-spacing: 0.02rem;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0
}

.facts__number-holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.facts__number {
    font-weight: 300;
    color: #0072bc;
    font-size: 1.75rem;
    line-height: 0.9
}

@media screen and (min-width: 1200px) {
    .facts__number {
        font-size: 2rem
    }
}

@media screen and (min-width: 1600px) {
    .facts__number {
        font-size: 2.5rem
    }
}

.facts__prefix {
    color: #4db848;
    font-weight: 500;
    line-height: 1.2;
    margin-left: 4px;
    font-size: 0.9375rem
}

.facts__title {
    display: block;
    margin-top: 6px;
    font-weight: 300;
    font-size: 1.25rem;
    color: rgba(0,49,92,0.5);
    line-height: 1.2;
    white-space: nowrap
}

.news {
    margin-bottom: 1.5rem
}

@media screen and (min-width: 992px) {
    .news {
        margin-bottom: 0
    }
}

.news__toolbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 1.5rem
}

    .news__toolbar .select {
        min-width: 200px
    }

    .news__toolbar .select__field {
        border-color: white;
        font-weight: 500
    }

    .news__toolbar .input {
        width: auto
    }

    .news__toolbar .input__field {
        border-color: white;
        height: 100%
    }

        .news__toolbar .input__field::-webkit-input-placeholder {
            font-weight: 500
        }

        .news__toolbar .input__field:-moz-placeholder {
            font-weight: 500
        }

        .news__toolbar .input__field::-moz-placeholder {
            font-weight: 500
        }

        .news__toolbar .input__field:-ms-input-placeholder {
            font-weight: 500
        }

    .news__toolbar .form__submit {
        position: relative
    }

@media screen and (min-width: 768px) {
    .news__toolbar {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

        .news__toolbar > .select {
            margin-left: 2rem
        }
}

.news__filters {
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    margin-bottom: 2.25rem
}

    .news__filters > :not(:last-child) {
        margin-bottom: 0.75rem
    }

@media screen and (min-width: 768px) {
    .news__filters {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-bottom: 0;
        width: auto
    }

        .news__filters > :not(:last-child) {
            margin-bottom: 0;
            margin-right: 0.75rem
        }
}

.news__filters .form__submit__btn {
    background-color: #007ed0;
    height: 100%;
    width: 100%;
    border: none;
    color: #fff;
    border-radius: calc(14px * 0.6);
    font-weight: 600;
    text-transform: uppercase;
    padding: 0.5rem 2rem;
    will-change: transform, background-color;
    -webkit-transition: background-color 1s cubic-bezier(0.19, 1, 0.22, 1),-webkit-transform 0.75s cubic-bezier(0.19, 1, 0.22, 1);
    transition: background-color 1s cubic-bezier(0.19, 1, 0.22, 1),-webkit-transform 0.75s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.75s cubic-bezier(0.19, 1, 0.22, 1),background-color 1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.75s cubic-bezier(0.19, 1, 0.22, 1),background-color 1s cubic-bezier(0.19, 1, 0.22, 1),-webkit-transform 0.75s cubic-bezier(0.19, 1, 0.22, 1)
}

    .news__filters .form__submit__btn:hover {
        color: white;
        background-color: #0066a8;
        -webkit-transform: scale(0.95);
        transform: scale(0.95)
    }

.news__items {
    --bs-gutter-y: 1.5rem
}

.news__link {
    position: relative;
    display: block
}

.news__date {
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: white;
    color: #0072bc;
    z-index: 1;
    padding: 12px;
    text-align: center
}

.news__date__day {
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 1;
    letter-spacing: 0.03rem
}

.news__date__month {
    font-size: 0.75rem;
    color: rgba(0,49,92,0.5);
    margin-top: 2px;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%
}

.news__img-wrapper {
    margin-bottom: 14px;
    background-color: #e8ecf0;
    overflow: hidden
}

.news .news__img {
    will-change: transform, opacity;
    -webkit-transition: opacity 0.85s cubic-bezier(0.25, 0.46, 0.45, 0.94),-webkit-transform 1.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: opacity 0.85s cubic-bezier(0.25, 0.46, 0.45, 0.94),-webkit-transform 1.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 1.5s cubic-bezier(0.19, 1, 0.22, 1),opacity 0.85s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 1.5s cubic-bezier(0.19, 1, 0.22, 1),opacity 0.85s cubic-bezier(0.25, 0.46, 0.45, 0.94),-webkit-transform 1.5s cubic-bezier(0.19, 1, 0.22, 1)
}

.news__link:hover .news__img {
    -webkit-transform: scale(1.075);
    transform: scale(1.075)
}

.news__title {
    color: #0072bc;
    font-size: 1rem;
    line-height: 1.3;
    font-weight: 500;
    will-change: color;
    -webkit-transition: color 0.15s ease-in-out;
    transition: color 0.15s ease-in-out
}

.news__link:hover .news__title {
    color: #20aab0
}

.news__category {
    margin-top: 3px;
    color: rgba(0,49,92,0.5)
}

.single-post .single-post__title {
    font-size: 1.5rem
}

@media screen and (min-width: 768px) {
    .single-post .single-post__title {
        font-size: 2em
    }
}

.retlated-news {
    border-top: 1px solid rgba(0,65,106,0.1);
    margin-top: 2.5rem;
    padding-top: 2.375rem;
    margin-bottom: 1.5rem
}

@media screen and (min-width: 992px) {
    .retlated-news {
        margin-bottom: 0
    }
}

.retlated-news__title {
    margin-bottom: 1.75rem;
    color: #0072bc;
    font-size: 1.375rem;
    line-height: 1.3;
    font-weight: 500
}

@media screen and (min-width: 992px) {
    .retlated-news.news .news__items {
        --bs-gutter-x: 0.75rem;
        --bs-gutter-y: 0.75rem
    }
}

@media screen and (min-width: 1200px) {
    .retlated-news.news .news__items {
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 1.5rem
    }
}

.retlated-news .view-all {
    text-align: center;
    margin-top: 1rem
}

@media screen and (min-width: 768px) {
    .retlated-news .view-all {
        margin-top: 1.5rem
    }
}

.pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 1.5rem
}

@media screen and (min-width: 768px) {
    .pagination {
        margin-top: 2rem
    }
}

.pagination__item {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 50%;
    background-color: #007ed0;
    color: white;
    font-weight: 500;
    font-size: 0.9375rem;
    text-align: center;
    line-height: 2.375rem;
    margin: 0.5rem;
    width: 2.5rem;
    height: 2.5rem;
    will-change: transform, background-color;
    -webkit-transition: background-color 1s cubic-bezier(0.19, 1, 0.22, 1),-webkit-transform 0.75s cubic-bezier(0.19, 1, 0.22, 1);
    transition: background-color 1s cubic-bezier(0.19, 1, 0.22, 1),-webkit-transform 0.75s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.75s cubic-bezier(0.19, 1, 0.22, 1),background-color 1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.75s cubic-bezier(0.19, 1, 0.22, 1),background-color 1s cubic-bezier(0.19, 1, 0.22, 1),-webkit-transform 0.75s cubic-bezier(0.19, 1, 0.22, 1)
}

    .pagination__item:hover {
        color: white
    }

html.no-touch .pagination__item:not(.active):hover {
    color: white;
    background-color: #006cb2;
    -webkit-transform: scale(0.9) translateY(-3px);
    transform: scale(0.9) translateY(-3px)
}

.pagination__item.active {
    background-color: white;
    color: #0072bc
}

    .pagination__item.active:hover {
        cursor: not-allowed
    }

@media screen and (min-width: 1600px) {
    .pagination__item {
        line-height: 2.5rem
    }
}

.pagination__sep {
    font-size: 1.125rem;
    color: #0072bc;
    line-height: 1;
    margin: 0 0.375rem 0.5rem
}

.sharer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -4px
}

@media screen and (min-width: 768px) {
    .sharer {
        margin: -6px
    }
}

.sharer__item {
    margin: 4px
}

@media screen and (min-width: 768px) {
    .sharer__item {
        margin: 6px
    }
}

.sharer__link {
    width: 2.125rem;
    height: 2.125rem;
    background-color: #0072bc;
    color: white;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    will-change: transform;
    -webkit-transition: -webkit-transform 0.85s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 0.85s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.85s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.85s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.85s cubic-bezier(0.19, 1, 0.22, 1)
}

    .sharer__link:focus, .sharer__link:hover {
        -webkit-transform: translateY(-4px) scale(0.95);
        transform: translateY(-4px) scale(0.95);
        color: white
    }

    .sharer__link[class*='-facebook'] {
        background-color: #3b5998
    }

    .sharer__link[class*='-whatsapp'] {
        background-color: #29b45c
    }

    .sharer__link[class*='-instagram'] {
        background: radial-gradient(circle at 30%, at 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
        background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%)
    }

    .sharer__link[class*='-linkedin'] {
        background-color: #0e76a8
    }

    .sharer__link[class*='-twitter'] {
        background-color: #00acee
    }

    .sharer__link[class*='-vk'] {
        background-color: #4376a6
    }

    .sharer__link[class*='-pinterest'] {
        background-color: #c8232c
    }

    .sharer__link[class*='-skype'] {
        background-color: #00aff0
    }

    .sharer__link[class*='-telegram'] {
        background-color: #0088cc
    }

/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */ .pswp {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
    z-index: 1500;
    -webkit-text-size-adjust: 100%;
    -webkit-backface-visibility: hidden;
    outline: none
}

    .pswp * {
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .pswp img {
        max-width: none
    }

.pswp--animate_opacity {
    opacity: 0.001;
    will-change: opacity;
    -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
    transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1)
}

.pswp--open {
    display: block
}

.pswp--zoom-allowed .pswp__img {
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.pswp--zoomed-in .pswp__img {
    cursor: -webkit-grab;
    cursor: grab
}

.pswp--dragging .pswp__img {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.pswp__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    will-change: opacity
}

.pswp__scroll-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.pswp__container, .pswp__zoom-wrap {
    -ms-touch-action: none;
    touch-action: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.pswp__container, .pswp__img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-touch-callout: none
}

.pswp__zoom-wrap {
    position: absolute;
    width: 100%;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
    transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
    transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
    transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1), -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1)
}

.pswp__bg {
    will-change: opacity;
    -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
    transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1)
}

.pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap {
    -webkit-transition: none;
    transition: none
}

.pswp__container, .pswp__zoom-wrap {
    -webkit-backface-visibility: hidden
}

.pswp__item {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden
}

.pswp__img {
    position: absolute;
    width: auto;
    height: auto;
    top: 0;
    left: 0
}

.pswp__img--placeholder {
    -webkit-backface-visibility: hidden
}

.pswp__img--placeholder--blank {
    background: #222
}

.pswp--ie .pswp__img {
    width: 100% !important;
    height: auto !important;
    left: 0;
    top: 0
}

.pswp__error-msg {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    margin-top: -8px;
    color: #CCC
}

    .pswp__error-msg a {
        color: #CCC;
        text-decoration: underline
    }
/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */

.pswp__button {
    width: 44px;
    height: 44px;
    position: relative;
    background: none;
    cursor: pointer;
    overflow: visible;
    -webkit-appearance: none;
    display: block;
    border: 0;
    padding: 0;
    margin: 0;
    float: right;
    opacity: 0.75;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
    -webkit-box-shadow: none;
    box-shadow: none
}

    .pswp__button:focus, .pswp__button:hover {
        opacity: 1
    }

    .pswp__button:active {
        outline: none;
        opacity: 0.9
    }

    .pswp__button::-moz-focus-inner {
        padding: 0;
        border: 0
    }

.pswp__ui--over-close .pswp__button--close {
    opacity: 1
}

.pswp__button, .pswp__button--arrow--left:before, .pswp__button--arrow--right:before {
    background: url(/assets/media/default-skin.png) 0 0 no-repeat;
    background-size: 264px 88px;
    width: 44px;
    height: 44px
}

@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
    .pswp--svg .pswp__button, .pswp--svg .pswp__button--arrow--left:before, .pswp--svg .pswp__button--arrow--right:before {
        background-image: url(/assets/media/default-skin.svg)
    }

    .pswp--svg .pswp__button--arrow--left, .pswp--svg .pswp__button--arrow--right {
        background: none
    }
}

.pswp__button--close {
    background-position: 0 -44px
}

.pswp__button--share {
    background-position: -44px -44px
}

.pswp__button--fs {
    display: none
}

.pswp--supports-fs .pswp__button--fs {
    display: block
}

.pswp--fs .pswp__button--fs {
    background-position: -44px 0
}

.pswp__button--zoom {
    display: none;
    background-position: -88px 0
}

.pswp--zoom-allowed .pswp__button--zoom {
    display: block
}

.pswp--zoomed-in .pswp__button--zoom {
    background-position: -132px 0
}

.pswp--touch .pswp__button--arrow--left, .pswp--touch .pswp__button--arrow--right {
    visibility: hidden
}

.pswp__button--arrow--left, .pswp__button--arrow--right {
    background: none;
    top: 50%;
    margin-top: -50px;
    width: 70px;
    height: 100px;
    position: absolute
}

.pswp__button--arrow--left {
    left: 0
}

.pswp__button--arrow--right {
    right: 0
}

    .pswp__button--arrow--left:before, .pswp__button--arrow--right:before {
        content: '';
        top: 35px;
        background-color: rgba(0,0,0,0.3);
        height: 30px;
        width: 32px;
        position: absolute
    }

.pswp__button--arrow--left:before {
    left: 6px;
    background-position: -138px -44px
}

.pswp__button--arrow--right:before {
    right: 6px;
    background-position: -94px -44px
}

.pswp__counter, .pswp__share-modal {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.pswp__share-modal {
    display: block;
    background: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 10px;
    position: absolute;
    z-index: 1600;
    opacity: 0;
    -webkit-transition: opacity 0.25s ease-out;
    transition: opacity 0.25s ease-out;
    -webkit-backface-visibility: hidden;
    will-change: opacity
}

.pswp__share-modal--hidden {
    display: none
}

.pswp__share-tooltip {
    z-index: 1620;
    position: absolute;
    background: #FFF;
    top: 56px;
    border-radius: 2px;
    display: block;
    width: auto;
    right: 44px;
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.25);
    box-shadow: 0 2px 5px rgba(0,0,0,0.25);
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
    -webkit-transition: -webkit-transform 0.25s;
    transition: -webkit-transform 0.25s;
    transition: transform 0.25s;
    transition: transform 0.25s, -webkit-transform 0.25s;
    -webkit-backface-visibility: hidden;
    will-change: transform
}

    .pswp__share-tooltip a {
        display: block;
        padding: 8px 12px;
        color: #000;
        text-decoration: none;
        font-size: 14px;
        line-height: 18px
    }

        .pswp__share-tooltip a:hover {
            text-decoration: none;
            color: #000
        }

        .pswp__share-tooltip a:first-child {
            border-radius: 2px 2px 0 0
        }

        .pswp__share-tooltip a:last-child {
            border-radius: 0 0 2px 2px
        }

.pswp__share-modal--fade-in {
    opacity: 1
}

    .pswp__share-modal--fade-in .pswp__share-tooltip {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

.pswp--touch .pswp__share-tooltip a {
    padding: 16px 12px
}

a.pswp__share--facebook:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: -12px;
    right: 15px;
    border: 6px solid rgba(0,0,0,0);
    border-bottom-color: #FFF;
    -webkit-pointer-events: none;
    -moz-pointer-events: none;
    pointer-events: none
}

a.pswp__share--facebook:hover {
    background: #3E5C9A;
    color: #FFF
}

    a.pswp__share--facebook:hover:before {
        border-bottom-color: #3E5C9A
    }

a.pswp__share--twitter:hover {
    background: #55ACEE;
    color: #FFF
}

a.pswp__share--pinterest:hover {
    background: #CCC;
    color: #CE272D
}

a.pswp__share--download:hover {
    background: #DDD
}

.pswp__counter {
    position: absolute;
    left: 0;
    top: 0;
    height: 44px;
    font-size: 13px;
    line-height: 44px;
    color: #FFF;
    opacity: 0.75;
    padding: 0 10px
}

.pswp__caption {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    min-height: 44px
}

    .pswp__caption small {
        font-size: 11px;
        color: #BBB
    }

.pswp__caption__center {
    text-align: left;
    max-width: 420px;
    margin: 0 auto;
    font-size: 13px;
    padding: 10px;
    line-height: 20px;
    color: #CCC
}

.pswp__caption--empty {
    display: none
}

.pswp__caption--fake {
    visibility: hidden
}

.pswp__preloader {
    width: 44px;
    height: 44px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -22px;
    opacity: 0;
    -webkit-transition: opacity 0.25s ease-out;
    transition: opacity 0.25s ease-out;
    will-change: opacity;
    direction: ltr
}

.pswp__preloader__icn {
    width: 20px;
    height: 20px;
    margin: 12px
}

.pswp__preloader--active {
    opacity: 1
}

    .pswp__preloader--active .pswp__preloader__icn {
        background: url(/assets/media/preloader.gif) 0 0 no-repeat
    }

.pswp--css_animation .pswp__preloader--active {
    opacity: 1
}

    .pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
        -webkit-animation: clockwise 500ms linear infinite;
        animation: clockwise 500ms linear infinite
    }

    .pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
        -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
        animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite
    }

.pswp--css_animation .pswp__preloader__icn {
    background: none;
    opacity: 0.75;
    width: 14px;
    height: 14px;
    position: absolute;
    left: 15px;
    top: 15px;
    margin: 0
}

.pswp--css_animation .pswp__preloader__cut {
    position: relative;
    width: 7px;
    height: 14px;
    overflow: hidden
}

.pswp--css_animation .pswp__preloader__donut {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 14px;
    height: 14px;
    border: 2px solid #FFF;
    border-radius: 50%;
    border-left-color: transparent;
    border-bottom-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    background: none;
    margin: 0
}

@media screen and (max-width: 1024px) {
    .pswp__preloader {
        position: relative;
        left: auto;
        top: auto;
        margin: 0;
        float: right
    }
}

@-webkit-keyframes clockwise {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes clockwise {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes donut-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    50% {
        -webkit-transform: rotate(-140deg);
        transform: rotate(-140deg)
    }

    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes donut-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    50% {
        -webkit-transform: rotate(-140deg);
        transform: rotate(-140deg)
    }

    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

.pswp__ui {
    -webkit-font-smoothing: auto;
    visibility: visible;
    opacity: 1;
    z-index: 1550
}

.pswp__top-bar {
    position: absolute;
    left: 0;
    top: 0;
    height: 44px;
    width: 100%
}

.pswp__caption, .pswp__top-bar, .pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right {
    -webkit-backface-visibility: hidden;
    will-change: opacity;
    -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
    transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1)
}

.pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right {
    visibility: visible
}

.pswp__top-bar, .pswp__caption {
    background-color: rgba(0,0,0,0.5)
}

.pswp__ui--fit .pswp__top-bar, .pswp__ui--fit .pswp__caption {
    background-color: rgba(0,0,0,0.3)
}

.pswp__ui--idle .pswp__top-bar {
    opacity: 0
}

.pswp__ui--idle .pswp__button--arrow--left, .pswp__ui--idle .pswp__button--arrow--right {
    opacity: 0
}

.pswp__ui--hidden .pswp__top-bar, .pswp__ui--hidden .pswp__caption, .pswp__ui--hidden .pswp__button--arrow--left, .pswp__ui--hidden .pswp__button--arrow--right {
    opacity: 0.001
}

.pswp__ui--one-slide .pswp__button--arrow--left, .pswp__ui--one-slide .pswp__button--arrow--right, .pswp__ui--one-slide .pswp__counter {
    display: none
}

.pswp__element--disabled {
    display: none !important
}

.pswp--minimal--dark .pswp__top-bar {
    background: none
}

.gallery--masonry {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    grid-column-gap: 0.875rem;
    -webkit-column-gap: 0.875rem;
    -moz-column-gap: 0.875rem;
    column-gap: 0.875rem
}

    .gallery--masonry > * {
        width: 100%;
        margin-bottom: 0.875rem;
        display: inline-block
    }

@media screen and (min-width: 768px) {
    .gallery--masonry {
        -webkit-column-count: 4;
        -moz-column-count: 4;
        column-count: 4
    }
}

@media screen and (min-width: 992px) {
    .gallery--masonry {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2
    }
}

@media screen and (min-width: 1200px) {
    .gallery--masonry {
        -webkit-column-count: 4;
        -moz-column-count: 4;
        column-count: 4
    }
}

.gallery__item__img-wrapper {
    background-color: #e8ecf0;
    overflow: hidden
}

    .gallery__item__img-wrapper:hover {
        cursor: pointer
    }

    .gallery__item__img-wrapper.lazy-loading .gallery__item__img {
        will-change: transform;
        -webkit-transition: opacity 0.5s ease-in-out,-webkit-transform 1.5s cubic-bezier(0.19, 1, 0.22, 1);
        transition: opacity 0.5s ease-in-out,-webkit-transform 1.5s cubic-bezier(0.19, 1, 0.22, 1);
        transition: transform 1.5s cubic-bezier(0.19, 1, 0.22, 1),opacity 0.5s ease-in-out;
        transition: transform 1.5s cubic-bezier(0.19, 1, 0.22, 1),opacity 0.5s ease-in-out,-webkit-transform 1.5s cubic-bezier(0.19, 1, 0.22, 1)
    }

    .gallery__item__img-wrapper:hover .gallery__item__img {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

.gallery__item[data-youtube-video-id] figure {
    position: relative
}

    .gallery__item[data-youtube-video-id] figure:before {
        content: '\57';
        font-family: 'sbb';
        position: absolute;
        top: 50%;
        left: 50%;
        margin-right: -50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 5rem;
        height: 5rem;
        line-height: 5rem;
        font-size: 1.5rem;
        border-radius: 50%;
        background-color: white;
        color: #0072bc;
        text-align: center;
        z-index: 3;
        opacity: 0;
        will-change: transform, box-shadow, opacity;
        -webkit-transition: opacity 0.15s ease-in-out,-webkit-transform 0.75s cubic-bezier(0.19, 1, 0.22, 1),-webkit-box-shadow 1s cubic-bezier(0.19, 1, 0.22, 1);
        transition: opacity 0.15s ease-in-out,-webkit-transform 0.75s cubic-bezier(0.19, 1, 0.22, 1),-webkit-box-shadow 1s cubic-bezier(0.19, 1, 0.22, 1);
        transition: transform 0.75s cubic-bezier(0.19, 1, 0.22, 1),box-shadow 1s cubic-bezier(0.19, 1, 0.22, 1),opacity 0.15s ease-in-out;
        transition: transform 0.75s cubic-bezier(0.19, 1, 0.22, 1),box-shadow 1s cubic-bezier(0.19, 1, 0.22, 1),opacity 0.15s ease-in-out,-webkit-transform 0.75s cubic-bezier(0.19, 1, 0.22, 1),-webkit-box-shadow 1s cubic-bezier(0.19, 1, 0.22, 1)
    }

@media screen and (min-width: 992px) {
    .gallery__item[data-youtube-video-id] figure:before {
        top: calc(50% + 50px);
        width: 6rem;
        height: 6rem;
        line-height: 6rem;
        font-size: 2rem
    }
}

.gallery__item[data-youtube-video-id] figure.lazy-loaded:before {
    opacity: 1
}

html.no-touch .gallery__item[data-youtube-video-id]:hover figure:before {
    -webkit-box-shadow: 0 10px 24px -10px rgba(0,92,152,0.2);
    box-shadow: 0 10px 24px -10px rgba(0,92,152,0.2);
    -webkit-transform: translate(-50%, -50%) scale(0.85);
    transform: translate(-50%, -50%) scale(0.85)
}

.gallery__inner-wrapper {
    line-height: 0;
    width: 100%;
    max-width: 900px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 44px auto 0;
    text-align: left;
    z-index: 1045
}

    .gallery__inner-wrapper.lazy-loading .lazy-loading__loader {
        z-index: -1
    }

.gallery__video-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    width: 100%
}

    .gallery__video-wrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

.pswp__button--arrow--left, .pswp__button--arrow--right, .pswp__top-bar, .pswp__caption {
    background-color: rgba(0,114,188,0.9)
}

.pswp__bg {
    background: white
}

.pswp__button, .pswp__counter {
    opacity: 1
}

.pswp__button--arrow--left, .pswp__button--arrow--right {
    width: 28px;
    height: 80px;
    margin-top: 0;
    top: calc(50% + 22px);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media screen and (min-width: 768px) {
    .pswp__button--arrow--left, .pswp__button--arrow--right {
        width: 38px;
        height: 100px
    }
}

.pswp__button--arrow--left {
    left: 0;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

.pswp__button--arrow--right {
    right: 0;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}

    .pswp__button--arrow--left:before, .pswp__button--arrow--right:before {
        background-color: transparent;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

.pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right {
    -webkit-transition: background-color 333ms cubic-bezier(0.4, 0, 0.22, 1),opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
    transition: background-color 333ms cubic-bezier(0.4, 0, 0.22, 1),opacity 333ms cubic-bezier(0.4, 0, 0.22, 1)
}

    .pswp--has_mouse .pswp__button--arrow--left:hover, .pswp--has_mouse .pswp__button--arrow--right:hover {
        background-color: rgba(0,89,147,0.85)
    }

.pswp__zoom-wrap {
    text-align: center
}

    .pswp__zoom-wrap:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle
    }

@media (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (-webkit-min-device-pixel-ratio: 1.1), (min-resolution: 1.1dppx) {
    .pswp--svg .pswp__button {
        background-color: rgba(0,114,188,0.9)
    }

    .pswp--svg .pswp__button--arrow--left, .pswp--svg .pswp__button--arrow--right {
        background-color: rgba(0,114,188,0.9)
    }

        .pswp--svg .pswp__button--arrow--left:before, .pswp--svg .pswp__button--arrow--right:before {
            background-color: transparent
        }
}

.boxes {
    margin-bottom: 1.5rem
}

@media screen and (min-width: 992px) {
    .boxes {
        margin-bottom: 0
    }
}

.boxes__items {
    --bs-gutter-y: 1.5rem
}

.boxes__item {
    position: relative;
    display: block
}

.boxes__item__img-wrapper {
    margin-bottom: 14px;
    background-color: #e8ecf0;
    overflow: hidden
}

    .boxes__item__img-wrapper.lazy-loading .boxes__item__img {
        will-change: transform, opacity;
        -webkit-transition: opacity 0.85s cubic-bezier(0.25, 0.46, 0.45, 0.94),-webkit-transform 1.5s cubic-bezier(0.19, 1, 0.22, 1);
        transition: opacity 0.85s cubic-bezier(0.25, 0.46, 0.45, 0.94),-webkit-transform 1.5s cubic-bezier(0.19, 1, 0.22, 1);
        transition: transform 1.5s cubic-bezier(0.19, 1, 0.22, 1),opacity 0.85s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: transform 1.5s cubic-bezier(0.19, 1, 0.22, 1),opacity 0.85s cubic-bezier(0.25, 0.46, 0.45, 0.94),-webkit-transform 1.5s cubic-bezier(0.19, 1, 0.22, 1)
    }

.boxes__item:hover .boxes__item__img {
    -webkit-transform: scale(1.075);
    transform: scale(1.075)
}

.boxes__item__title {
    color: #0072bc;
    font-size: 1rem;
    line-height: 1.3;
    font-weight: 500;
    will-change: color;
    -webkit-transition: color 0.15s ease-in-out;
    transition: color 0.15s ease-in-out
}

.boxes__item:hover .boxes__item__title {
    color: #20aab0
}

.icons {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0.625rem -0.625rem -0.625rem;
    text-align: center
}

.icons--4-cols > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

@media screen and (min-width: 568px) {
    .icons--4-cols > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
}

@media screen and (min-width: 568px) {
    .icons--related:before {
        content: '';
        position: absolute;
        top: 2.875rem;
        left: 6rem;
        right: 6rem;
        border-top: 1px dashed rgba(0,49,92,0.1)
    }
}

.icons a {
    display: block;
    color: #00315c;
    -webkit-transition: color 0.15s ease-in-out;
    transition: color 0.15s ease-in-out
}

    .icons a:hover {
        color: #20aab0
    }

.icons__item {
    padding: 0.625rem
}

.icons__item__img-outer {
    max-height: 4.5rem;
    max-width: 4.5rem;
    margin: 0 auto
}

.icons__item__title {
    margin-top: 0.625rem;
    font-size: 0.875rem;
    line-height: 1.3;
    font-weight: 500
}

.icons__item__excerpt {
    display: block;
    margin-top: 0.375rem;
    font-size: 0.8125rem;
    line-height: 1.3;
    font-weight: 500;
    color: #0072bc
}

    .icons__item__excerpt a {
        color: #0072bc
    }

.links-list {
    list-style: none;
    line-height: 1.3
}

.links-list__link {
    position: relative;
    font-size: 0.875rem;
    font-weight: 500;
    width: 100%
}

.links-list--normal {
    margin: -0.9375rem 0
}

    .links-list--normal .links-list__item {
        border-bottom: 1px solid rgba(0,65,106,0.1)
    }

        .links-list--normal .links-list__item:last-child {
            border-bottom: none
        }

    .links-list--normal .links-list__link {
        display: inline-block;
        color: #00315c;
        padding: 0.875rem 0 0.875rem 0.875em;
        will-change: color;
        -webkit-transition: color 0.15s ease-in-out;
        transition: color 0.15s ease-in-out
    }

        .links-list--normal .links-list__link:hover {
            color: #0072bc
        }

        .links-list--normal .links-list__link:before {
            position: absolute;
            top: .625rem;
            left: -.375rem;
            content: '\6a';
            font-family: 'sbb';
            font-size: 1.25rem;
            color: #4db848
        }

@media screen and (min-width: 768px) {
    .links-list--normal .links-list__link {
        font-size: 0.9375rem;
        padding: 0.9375rem 0 0.9375rem 0.875em
    }

        .links-list--normal .links-list__link:before {
            top: 0.6875rem
        }
}

.links-list--has-bg .links-list__item:not(:last-child) {
    margin-bottom: 0.875rem
}

.links-list--has-bg .links-list__item > a, .links-list--has-bg .links-list__item > button {
    will-change: transform, box-shadow;
    -webkit-transition: -webkit-transform 0.75s cubic-bezier(0.19, 1, 0.22, 1),-webkit-box-shadow 1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 0.75s cubic-bezier(0.19, 1, 0.22, 1),-webkit-box-shadow 1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.75s cubic-bezier(0.19, 1, 0.22, 1),box-shadow 1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.75s cubic-bezier(0.19, 1, 0.22, 1),box-shadow 1s cubic-bezier(0.19, 1, 0.22, 1),-webkit-transform 0.75s cubic-bezier(0.19, 1, 0.22, 1),-webkit-box-shadow 1s cubic-bezier(0.19, 1, 0.22, 1)
}

    .links-list--has-bg .links-list__item > a:hover, .links-list--has-bg .links-list__item > button:hover {
        -webkit-box-shadow: 0 10px 24px -10px rgba(0,92,152,0.2);
        box-shadow: 0 10px 24px -10px rgba(0,92,152,0.2);
        -webkit-transform: scale(0.98);
        transform: scale(0.98)
    }

.links-list--has-bg .links-list__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: calc(14px - 0.25rem) calc(14px * 1.2);
    background-color: white;
    border-radius: calc(14px * 0.7)
}

@media screen and (min-width: 568px) {
    .links-list--has-bg .links-list__link {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.links-list--has-bg .links-list__link__title {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    color: #0072bc;
    font-size: 0.9375rem;
    font-weight: 500;
    padding: 0.25rem 0;
    margin-right: 1.25rem
}

.links-list--has-bg .links-list__link__text {
    color: #20aab0;
    font-weight: 500;
    font-size: 0.875rem;
    padding: 0.25rem 0;
    white-space: nowrap
}

.staff__items {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 15px
}

@media screen and (min-width: 568px) {
    .staff__items {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 4vw
    }
}

@media screen and (min-width: 568px) {
    .staff__items {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media screen and (min-width: 1200px) {
    .staff__items {
        grid-template-columns: repeat(4, 1fr);
        grid-gap: 40px
    }
}

.staff__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 20px 14px 14px;
    text-align: center;
    height: 100%;
    background-color: white;
    border-radius: 14px;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    line-height: 1.3;
    will-change: transform, box-shadow;
    -webkit-transition: -webkit-transform 0.75s cubic-bezier(0.19, 1, 0.22, 1),-webkit-box-shadow 1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 0.75s cubic-bezier(0.19, 1, 0.22, 1),-webkit-box-shadow 1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.75s cubic-bezier(0.19, 1, 0.22, 1),box-shadow 1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.75s cubic-bezier(0.19, 1, 0.22, 1),box-shadow 1s cubic-bezier(0.19, 1, 0.22, 1),-webkit-transform 0.75s cubic-bezier(0.19, 1, 0.22, 1),-webkit-box-shadow 1s cubic-bezier(0.19, 1, 0.22, 1)
}

    .staff__item:hover {
        -webkit-box-shadow: 0 10px 24px -10px rgba(0,92,152,0.2);
        box-shadow: 0 10px 24px -10px rgba(0,92,152,0.2);
        -webkit-transform: scale(0.95) translateZ(0);
        transform: scale(0.95) translateZ(0)
    }

@media screen and (min-width: 992px) {
    .staff__item {
        padding: 28px 22px 22px
    }
}

.staff__item__img-wrapper {
    display: block;
    margin: 0 auto 0.75rem;
    width: 70%;
    padding-bottom: calc(70% - 10px);
    border-radius: 50%;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    border: 5px solid #fff;
    -webkit-box-shadow: 0 0 0 1px rgba(0,49,92,0.08);
    box-shadow: 0 0 0 1px rgba(0,49,92,0.08)
}

    .staff__item__img-wrapper.lazy-loading .staff__item__img {
        -o-object-position: top center;
        object-position: top center;
        will-change: transform, opacity;
        -webkit-transition: opacity 0.85s cubic-bezier(0.25, 0.46, 0.45, 0.94),-webkit-transform 1.25s cubic-bezier(0.19, 1, 0.22, 1);
        transition: opacity 0.85s cubic-bezier(0.25, 0.46, 0.45, 0.94),-webkit-transform 1.25s cubic-bezier(0.19, 1, 0.22, 1);
        transition: transform 1.25s cubic-bezier(0.19, 1, 0.22, 1),opacity 0.85s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: transform 1.25s cubic-bezier(0.19, 1, 0.22, 1),opacity 0.85s cubic-bezier(0.25, 0.46, 0.45, 0.94),-webkit-transform 1.25s cubic-bezier(0.19, 1, 0.22, 1)
    }

.staff__item:hover .staff__item__img {
    -webkit-transform: scale(1.1) translateZ(0);
    transform: scale(1.1) translateZ(0)
}

.staff__item__title {
    color: #0072bc;
    font-size: 0.9375rem;
    font-weight: 500;
    margin-bottom: 0.375rem
}

.staff__item__name {
    color: #20aab0;
    font-weight: 500;
    font-size: 0.875rem
}

.staff-blocks {
    position: relative
}

    .staff-blocks:before {
        content: '';
        position: absolute;
        top: 2rem;
        bottom: 2rem;
        left: 3rem;
        width: 2px;
        background-color: rgba(0,65,106,0.1)
    }

.staff-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 1.3
}

    .staff-block:not(:last-child) {
        margin-bottom: 1.5rem
    }

.staff-block__img-outer {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 1rem
}

.staff-block:not(.staff-block--list-item) .staff-block__img-outer {
    width: 7.5rem
}

@media screen and (min-width: 1200px) {
    .staff-block:not(.staff-block--list-item) .staff-block__img-outer {
        width: 11rem;
        margin-right: 1.5rem
    }
}

.staff-block--list-item .staff-block__img-outer {
    width: 6rem
}

.staff-block__img-holder {
    display: block;
    padding-bottom: calc(100% - 10px);
    border-radius: 50%;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    border: 5px solid #fff;
    -webkit-box-shadow: 0 0 0 1px rgba(0,49,92,0.08);
    box-shadow: 0 0 0 1px rgba(0,49,92,0.08)
}

    .staff-block__img-holder.lazy-loading .staff-block__img {
        -o-object-position: top center;
        object-position: top center
    }

.staff-block__content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.staff-block__name {
    color: #0072bc;
    font-size: 1.25rem;
    font-weight: 400
}

.staff-block:not(.staff-block--list-item) .staff-block__name {
    margin-bottom: 0.25rem
}

@media screen and (min-width: 1200px) {
    .staff-block:not(.staff-block--list-item) .staff-block__name {
        font-size: 2rem
    }
}

.staff-block__title {
    color: #20aab0;
    font-weight: 500;
    font-size: 0.875rem;
    letter-spacing: 0.02rem
}

.files__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: white;
    border-radius: 0.9375rem;
    padding: 1.125rem;
    color: #00315c;
    will-change: transform, box-shadow;
    -webkit-transition: -webkit-transform 0.75s cubic-bezier(0.19, 1, 0.22, 1),-webkit-box-shadow 1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 0.75s cubic-bezier(0.19, 1, 0.22, 1),-webkit-box-shadow 1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.75s cubic-bezier(0.19, 1, 0.22, 1),box-shadow 1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.75s cubic-bezier(0.19, 1, 0.22, 1),box-shadow 1s cubic-bezier(0.19, 1, 0.22, 1),-webkit-transform 0.75s cubic-bezier(0.19, 1, 0.22, 1),-webkit-box-shadow 1s cubic-bezier(0.19, 1, 0.22, 1)
}

    .files__item:hover {
        -webkit-box-shadow: 0 10px 24px -10px rgba(0,92,152,0.2);
        box-shadow: 0 10px 24px -10px rgba(0,92,152,0.2);
        -webkit-transform: scale(0.98);
        transform: scale(0.98)
    }

    .files__item:not(:last-child) {
        margin-bottom: 1rem
    }

@media screen and (min-width: 568px) {
    .files__item {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.files__item__img-outer {
    width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0 auto 1.25rem
}

@media screen and (min-width: 568px) {
    .files__item__img-outer {
        width: 9rem;
        margin: 0 1.25rem 0 0
    }
}

.files__item__img-wrapper {
    border-radius: 0.8125rem;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.files__item__img {
    image-rendering: -webkit-optimize-contrast
}

.files__item__content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.files__item__title {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.3;
    margin-bottom: 0.375rem;
    color: #0072bc
}

.files__item__excerpt {
    color: #00315c;
    margin-bottom: 0.75rem
}

.files__item__meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    color: rgba(0,49,92,0.5);
    margin: auto -0.5rem -0.125rem
}

.files__item__meta__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.125rem 0.5rem;
    white-space: nowrap
}

    .files__item__meta__item:before {
        margin-right: 0.5rem;
        font-size: 1.25rem
    }

.error {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .error:last-child {
        margin-bottom: 1.5rem
    }

@media screen and (min-width: 992px) {
    .error:last-child {
        margin-bottom: 0
    }
}

.error__img-outer {
    width: 100%;
    max-width: 740px;
    margin: 0 auto
}

@media screen and (min-width: 768px) {
    .error__img-outer {
        margin-bottom: -0.5rem
    }
}

.error__content {
    text-align: center
}

.error__error {
    line-height: 1;
    font-size: 1.75rem;
    font-weight: 500;
    margin-bottom: 0.75rem
}

@media screen and (min-width: 768px) {
    .error__error {
        font-size: 2.5rem
    }
}

.error__title {
    color: #0072bc;
    line-height: 1;
    font-size: 2.25rem;
    font-weight: 600;
    margin-bottom: 0.875rem
}

@media screen and (min-width: 768px) {
    .error__title {
        font-size: 3.5rem
    }
}

.error__text {
    margin-bottom: 1.375rem
}

.app-stores {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    max-width: 400px;
    margin: -0.375rem auto 1.375rem
}

@media screen and (min-width: 768px) {
    .app-stores {
        margin: -1rem auto 1.375rem
    }
}

.app-stores__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0.375rem
}

@media screen and (min-width: 768px) {
    .app-stores__item {
        padding: 1rem
    }
}

.app-stores__link {
    display: block;
    will-change: transform;
    -webkit-transition: -webkit-transform 0.75s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 0.75s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.75s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.75s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.75s cubic-bezier(0.19, 1, 0.22, 1)
}

    .app-stores__link:hover {
        -webkit-transform: scale(0.95) translateY(-5px);
        transform: scale(0.95) translateY(-5px)
    }

.accordion {
    background-color: white;
    border-radius: calc(14px * 0.7);
    will-change: transform, box-shadow;
    -webkit-transition: -webkit-transform 0.75s cubic-bezier(0.19, 1, 0.22, 1),-webkit-box-shadow 0.75s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 0.75s cubic-bezier(0.19, 1, 0.22, 1),-webkit-box-shadow 0.75s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.75s cubic-bezier(0.19, 1, 0.22, 1),box-shadow 0.75s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.75s cubic-bezier(0.19, 1, 0.22, 1),box-shadow 0.75s cubic-bezier(0.19, 1, 0.22, 1),-webkit-transform 0.75s cubic-bezier(0.19, 1, 0.22, 1),-webkit-box-shadow 0.75s cubic-bezier(0.19, 1, 0.22, 1)
}

    .accordion:not(.active):not(.no-content):hover {
        -webkit-box-shadow: 0 10px 24px -10px rgba(0,92,152,0.2);
        box-shadow: 0 10px 24px -10px rgba(0,92,152,0.2);
        -webkit-transform: scale(0.98);
        transform: scale(0.98)
    }

    .accordion:not(:last-child) {
        margin-bottom: 0.875rem
    }

.accordion__trigger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    line-height: 1.3;
    width: 100%;
    padding: calc(14px - .25rem) calc(14px * 1.2)
}

@media screen and (min-width: 568px) {
    .accordion__trigger {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.accordion:not(.no-content) > .accordion__trigger {
    position: relative
}

    .accordion:not(.no-content) > .accordion__trigger:hover {
        cursor: pointer
    }

    .accordion:not(.no-content) > .accordion__trigger:before {
        content: '';
        position: absolute;
        bottom: -2px;
        right: 0;
        left: 0;
        height: 2px;
        background-color: #f4f6f8;
        opacity: 0;
        will-change: opacity;
        -webkit-transition: opacity 0.5s cubic-bezier(0.25, 0.7, 0.13, 0.84);
        transition: opacity 0.5s cubic-bezier(0.25, 0.7, 0.13, 0.84)
    }

.accordion:not(.no-content).active > .accordion__trigger:before {
    opacity: 1
}

.accordion__title {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    color: #0072bc;
    font-size: 0.9375rem;
    font-weight: 500;
    padding: .25rem 0
}

.accordion:not(.no-content) > .accordion__trigger > .accordion__title {
    position: relative;
    padding-left: 1.25rem
}

    .accordion:not(.no-content) > .accordion__trigger > .accordion__title:after, .accordion:not(.no-content) > .accordion__trigger > .accordion__title:before {
        content: '';
        position: absolute;
        top: .825rem;
        left: 0;
        width: 12px;
        height: 2px;
        background-color: #20aab0
    }

    .accordion:not(.no-content) > .accordion__trigger > .accordion__title:after {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        will-change: transform;
        -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.25, 0.7, 0.13, 0.84);
        transition: -webkit-transform 0.5s cubic-bezier(0.25, 0.7, 0.13, 0.84);
        transition: transform 0.5s cubic-bezier(0.25, 0.7, 0.13, 0.84);
        transition: transform 0.5s cubic-bezier(0.25, 0.7, 0.13, 0.84), -webkit-transform 0.5s cubic-bezier(0.25, 0.7, 0.13, 0.84)
    }

.accordion:not(.no-content).active > .accordion__trigger > .accordion__title:after {
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.accordion__text {
    color: #20aab0;
    font-weight: 500;
    font-size: 0.875rem;
    padding: .25rem 0;
    white-space: nowrap;
    padding-left: 1.25rem
}

.accordion__content {
    position: relative;
    width: 100%;
    display: none
}

    .accordion__content:hover {
        cursor: default
    }

.accordion__content__inner {
    padding: 14px calc(14px * 1.2);
    line-height: 1.3;
    opacity: 0;
    -webkit-transition: all 0.5s cubic-bezier(0.25, 0.7, 0.13, 0.84);
    transition: all 0.5s cubic-bezier(0.25, 0.7, 0.13, 0.84)
}

    .accordion__content__inner.text-content {
        margin-top: 0
    }

    .accordion__content__inner > p {
        margin-bottom: 0.375rem
    }

.accordion.active > .accordion__content > .accordion__content__inner {
    opacity: 1
}

.accordion__content > :last-child {
    margin-bottom: 0
}

.accordion__content .links-list--normal {
    margin: -0.75rem 0
}

    .accordion__content .links-list--normal .links-list__link {
        font-size: 0.875rem;
        padding: 0.75rem 0 0.75rem 0.875em
    }

        .accordion__content .links-list--normal .links-list__link:before {
            top: 0.5rem
        }

.nested-accordions {
    z-index: 0
}

li > .nested-accordions__list {
    display: none;
    position: relative;
    padding-left: 2rem
}

.nested-accordions__item {
    position: relative;
    display: block
}

li > ul > .nested-accordions__item {
    padding-top: 0.875rem
}

.nested-accordions__item.has-children:before {
    content: '';
    position: absolute;
    top: 2rem;
    left: 1rem;
    width: 2px;
    height: calc(100% - 2rem);
    background-color: rgba(0,65,106,0.1);
    z-index: -1
}

li > ul > .nested-accordions__item:after {
    content: '';
    position: absolute;
    top: 2.4375rem;
    left: calc(-1rem + 2px);
    width: 2rem;
    height: 2px;
    background-color: rgba(0,65,106,0.1);
    z-index: -1
}

.nested-accordions__title {
    display: inline-block;
    line-height: 1.3;
    width: 100%;
    padding: 1rem 1.125rem;
    background-color: white;
    border-radius: calc(14px * 0.7);
    color: #0072bc;
    font-size: 0.9375rem;
    font-weight: 500;
    will-change: transform, box-shadow;
    -webkit-transition: -webkit-transform 0.75s cubic-bezier(0.19, 1, 0.22, 1),-webkit-box-shadow 0.75s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 0.75s cubic-bezier(0.19, 1, 0.22, 1),-webkit-box-shadow 0.75s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.75s cubic-bezier(0.19, 1, 0.22, 1),box-shadow 0.75s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.75s cubic-bezier(0.19, 1, 0.22, 1),box-shadow 0.75s cubic-bezier(0.19, 1, 0.22, 1),-webkit-transform 0.75s cubic-bezier(0.19, 1, 0.22, 1),-webkit-box-shadow 0.75s cubic-bezier(0.19, 1, 0.22, 1)
}

.has-children > .nested-accordions__title:hover {
    cursor: pointer;
    -webkit-box-shadow: 0 10px 24px -10px rgba(0,92,152,0.2);
    box-shadow: 0 10px 24px -10px rgba(0,92,152,0.2);
    -webkit-transform: scale(0.98);
    transform: scale(0.98)
}

.has-children > .nested-accordions__title {
    position: relative;
    padding-left: 2.25rem
}

    .has-children > .nested-accordions__title:after, .has-children > .nested-accordions__title:before {
        content: '';
        position: absolute;
        top: 1.5rem;
        left: 1.125rem;
        width: 12px;
        height: 2px;
        background-color: #20aab0
    }

    .has-children > .nested-accordions__title:after {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        will-change: transform;
        -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.25, 0.7, 0.13, 0.84);
        transition: -webkit-transform 0.5s cubic-bezier(0.25, 0.7, 0.13, 0.84);
        transition: transform 0.5s cubic-bezier(0.25, 0.7, 0.13, 0.84);
        transition: transform 0.5s cubic-bezier(0.25, 0.7, 0.13, 0.84), -webkit-transform 0.5s cubic-bezier(0.25, 0.7, 0.13, 0.84)
    }

.has-children.active > .nested-accordions__title:after {
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.instant-search {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(0,65,106,0.1);
    -webkit-transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1)
}

    .instant-search.loading {
        opacity: 0.5;
        cursor: not-allowed
    }

    .instant-search .input {
        position: relative
    }

.instant-search__field.input__field {
    height: 3.25rem;
    padding-right: 8rem
}

    .instant-search__field.input__field::-webkit-input-placeholder {
        font-weight: 500
    }

    .instant-search__field.input__field:-moz-placeholder {
        font-weight: 500
    }

    .instant-search__field.input__field::-moz-placeholder {
        font-weight: 500
    }

    .instant-search__field.input__field:-ms-input-placeholder {
        font-weight: 500
    }

.instant-search__clear {
    position: absolute;
    top: .375rem;
    right: .375rem;
    bottom: .375rem;
    background-color: #0072bc;
    border: none;
    color: #fff;
    border-radius: calc(14px * 0.6);
    font-weight: 600;
    text-transform: uppercase;
    padding: 0.125rem 1.375rem;
    line-height: 1;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1)
}

    .instant-search__clear:hover {
        color: white;
        background-color: #0066a8;
        -webkit-transform: scale(0.95);
        transform: scale(0.95)
    }

.instant-search.has-value .instant-search__clear {
    opacity: 1;
    visibility: visible
}

.instant-search .alert {
    margin-top: 1rem
}

.instant-search__result {
    display: none
}

.instant-search__result__inner {
    padding-top: 1rem
}

.instant-search__result__list {
    background-color: white;
    border-radius: calc(14px * 0.6);
    padding: 0.5rem 1rem
}

.instant-search__result__item {
    display: block
}

    .instant-search__result__item.no-data {
        display: inline-block;
        color: #ed2554;
        padding: 0.25rem 0;
        font-weight: 500
    }

.instant-search__result__link {
    position: relative;
    display: inline-block;
    color: #00315c;
    padding: 0.25rem 0 0.25rem 0.75rem;
    font-weight: 500;
    will-change: color;
    -webkit-transition: color 0.15s ease-in-out;
    transition: color 0.15s ease-in-out
}

    .instant-search__result__link:hover {
        color: #0072bc
    }

    .instant-search__result__link:before {
        position: absolute;
        top: .375rem;
        left: -.5rem;
        content: '\6a';
        font-family: 'sbb';
        font-size: 1.25rem;
        color: #4db848;
        line-height: 1
    }

.e-banner {
    position: relative;
    margin-right: -15px;
    margin-left: -15px
}

@media screen and (min-width: 568px) {
    .e-banner {
        margin-right: calc(4vw * -1);
        margin-left: calc(4vw * -1)
    }
}

.e-banner__svg-holder {
    position: relative;
    max-width: 100%;
    overflow: hidden;
    height: 280px;
    min-height: 60vh
}

@media screen and (min-width: 568px) {
    .e-banner__svg-holder {
        height: 440px
    }
}

@media screen and (min-width: 992px) {
    .e-banner__svg-holder {
        min-height: 76vh
    }
}

@media screen and (min-width: 1200px) {
    .e-banner__svg-holder {
        height: auto;
        min-height: auto
    }
}

.e-banner__svg-holder svg {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-right: -50%;
    height: 100%
}

@media screen and (min-width: 1200px) {
    .e-banner__svg-holder svg {
        position: static;
        top: auto;
        left: auto;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        margin-right: 0;
        height: auto
    }
}

.e-banner__content {
    position: absolute;
    top: calc(54% / 2);
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin-right: -50%;
    width: 100%;
    max-width: 640px;
    padding: 0 15px
}

@media screen and (min-width: 992px) {
    .e-banner__content {
        top: calc(54% / 2 + 50px)
    }
}

@media screen and (min-width: 1600px) {
    .e-banner__content {
        max-width: 780px;
        top: calc(54% / 2 + 54px)
    }
}

.e-banner__title {
    color: white;
    margin-bottom: 0.875rem;
    font-weight: 500;
    text-align: center;
    font-size: 1.375rem;
    letter-spacing: 0.02rem;
    white-space: nowrap
}

@media screen and (min-width: 768px) {
    .e-banner__title {
        margin-bottom: 1.25rem;
        font-size: 2rem
    }
}

.e-banner__form {
    background-color: white;
    padding: 3px;
    border-radius: 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-shadow: 0 10px 0 -2px rgba(0,114,188,0.1);
    box-shadow: 0 10px 0 -2px rgba(0,114,188,0.1)
}

.e-banner__input {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    border-radius: 3rem;
    border: none;
    padding: 0 1.125rem;
    font-weight: 500;
    letter-spacing: 0.01rem;
    color: #839aaf;
    will-change: color;
    -webkit-transition: color 0.3s cubic-bezier(0.81, 0.16, 0.19, 0.9);
    transition: color 0.3s cubic-bezier(0.81, 0.16, 0.19, 0.9)
}

    .e-banner__input:focus {
        color: #00315c;
        outline: none
    }

    .e-banner__input::-webkit-input-placeholder {
        color: #839aaf;
        will-change: opacity;
        -webkit-transition: opacity 0.3s cubic-bezier(0.81, 0.16, 0.19, 0.9);
        transition: opacity 0.3s cubic-bezier(0.81, 0.16, 0.19, 0.9)
    }

    .e-banner__input::-moz-placeholder {
        color: #839aaf;
        will-change: opacity;
        -moz-transition: opacity 0.3s cubic-bezier(0.81, 0.16, 0.19, 0.9);
        transition: opacity 0.3s cubic-bezier(0.81, 0.16, 0.19, 0.9)
    }

    .e-banner__input::-ms-input-placeholder {
        color: #839aaf;
        will-change: opacity;
        -ms-transition: opacity 0.3s cubic-bezier(0.81, 0.16, 0.19, 0.9);
        transition: opacity 0.3s cubic-bezier(0.81, 0.16, 0.19, 0.9)
    }

    .e-banner__input:focus::-webkit-input-placeholder {
        opacity: 0
    }

    .e-banner__input:focus::-moz-placeholder {
        opacity: 0
    }

    .e-banner__input:focus::-ms-input-placeholder {
        opacity: 0
    }

.e-banner__submit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #0091ef;
    border: none;
    padding: 3px;
    color: white;
    border-radius: 3rem;
    will-change: background-color;
    -webkit-transition: background-color 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out
}

    .e-banner__submit:hover {
        background-color: #0fa0ff
    }

.e-banner__submit__text {
    font-weight: 600;
    text-transform: uppercase;
    padding: 0 2rem 0 2.75rem;
    line-height: 1;
    display: none
}

@media screen and (min-width: 768px) {
    .e-banner__submit__text {
        display: inline-block
    }
}

.e-banner__submit__icon {
    position: relative;
    display: inline-block;
    height: 38px;
    width: 38px;
    background-color: rgba(255,255,255,0.15);
    border-radius: 50%;
    font-size: 1.25rem
}

    .e-banner__submit__icon:before {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-right: -50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

@media screen and (min-width: 1600px) {
    .e-banner__submit__icon {
        height: 44px;
        width: 44px
    }
}

.e-footer {
    position: relative;
    padding: 3.75rem 15px calc(58px + 2.375rem);
    text-align: center;
    max-width: 100%;
    overflow: hidden
}

    .e-footer:before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: -1;
        background-color: white
    }

@media screen and (min-width: 768px) {
    .e-footer {
        padding: 3.75rem calc(4vw + 15px) calc(58px + 2.375rem)
    }
}

@media screen and (min-width: 992px) {
    .e-footer:before {
        right: 4vw;
        border-top-right-radius: 24px
    }
}

@media screen and (min-width: 1200px) {
    .e-footer {
        padding: 3.75rem 15px
    }
}

.e-footer__text {
    max-width: 500px;
    margin: -0.5rem auto 2rem
}

@media screen and (min-width: 992px) {
    .e-footer__text {
        max-width: 62vw
    }
}

@media screen and (min-width: 1600px) {
    .e-footer__text {
        max-width: 58vw
    }
}

.e-footer__logos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 1rem
}

@media screen and (min-width: 768px) {
    .e-footer__logos {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        margin: -2rem -2rem 0.25rem
    }
}

.e-footer__logos__item {
    position: relative;
    padding: 0.25rem 0.75rem
}

@media screen and (min-width: 768px) {
    .e-footer__logos__item {
        padding: 2rem
    }

        .e-footer__logos__item:not(:last-child):after {
            content: '';
            position: absolute;
            top: 2rem;
            right: 0;
            bottom: 2rem;
            width: 1px;
            background-color: #e8ecf0
        }
}

.e-footer__logos__img-outer {
    zoom: 0.5
}

@media screen and (min-width: 768px) {
    .e-footer__logos__img-outer {
        zoom: 0.6
    }
}

.e-footer__copyright {
    font-weight: 500;
    margin: 0 auto -0.5rem
}

.e-footer__bir-baska {
    position: absolute;
    top: 3rem;
    left: 4vw;
    width: 128px;
    display: none
}

@media screen and (min-width: 992px) {
    .e-footer__bir-baska {
        display: block
    }
}

@media screen and (min-width: 1600px) {
    .e-footer__bir-baska {
        width: 160px
    }
}

.header__actions {
    display: none;
    margin: 0 1.5rem
}

@media screen and (min-width: 1200px) {
    .header__actions {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.header__actions__item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 1.5rem
}

    .header__actions__item:after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 1px;
        background-color: #e1e7ec
    }

.header__actions__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #a8b2c0;
    line-height: 1.2;
    font-weight: 500;
    white-space: nowrap;
    will-change: color, transform;
    -webkit-transition: color 0.15s ease-in-out,-webkit-transform 0.85s cubic-bezier(0.19, 1, 0.22, 1);
    transition: color 0.15s ease-in-out,-webkit-transform 0.85s cubic-bezier(0.19, 1, 0.22, 1);
    transition: color 0.15s ease-in-out,transform 0.85s cubic-bezier(0.19, 1, 0.22, 1);
    transition: color 0.15s ease-in-out,transform 0.85s cubic-bezier(0.19, 1, 0.22, 1),-webkit-transform 0.85s cubic-bezier(0.19, 1, 0.22, 1)
}

    .header__actions__link:hover {
        color: #20aab0;
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px)
    }

    .header__actions__link:before {
        margin-right: 0.75rem;
        font-size: 1.25rem
    }

.header__actions__item--e-devlet .header__actions__link {
    width: 38px;
    height: 38px;
    background-color: #d31717;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    will-change: transform, background-color;
    -webkit-transition: background-color 0.85s cubic-bezier(0.19, 1, 0.22, 1),-webkit-transform 0.85s cubic-bezier(0.19, 1, 0.22, 1);
    transition: background-color 0.85s cubic-bezier(0.19, 1, 0.22, 1),-webkit-transform 0.85s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.85s cubic-bezier(0.19, 1, 0.22, 1),background-color 0.85s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.85s cubic-bezier(0.19, 1, 0.22, 1),background-color 0.85s cubic-bezier(0.19, 1, 0.22, 1),-webkit-transform 0.85s cubic-bezier(0.19, 1, 0.22, 1)
}

    .header__actions__item--e-devlet .header__actions__link:focus, .header__actions__item--e-devlet .header__actions__link:hover {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
        background-color: #b71414
    }

.header__actions__item--e-devlet .header__actions__img {
    height: 1rem;
    max-width: 1.125rem
}

.e-services {
    color: #0072bc;
    text-transform: uppercase
}

@media screen and (min-width: 992px) {
    .e-services:not(.mb-section) {
        margin-bottom: 0
    }
}

.e-services__title {
    display: block;
    border-top: 3px solid #0072bc;
    line-height: 1.2;
    padding: 22px 0;
    letter-spacing: 0.05rem;
    font-size: 1.375rem
}

.e-services__list {
    border-radius: 14px;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -1px
}

.e-services__item {
    background-color: white;
    margin: 1px;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 calc(100% - 2px);
    flex: 1 0 calc(100% - 2px);
    max-width: calc(100% - 2px)
}

@media screen and (min-width: 768px) {
    .e-services__item {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 calc(100% / 2 - 2px);
        flex: 1 0 calc(100% / 2 - 2px);
        max-width: calc(100% / 2 - 2px)
    }

        .e-services__item:last-child:nth-child(2n+1) {
            -webkit-box-flex: 1;
            -ms-flex: 1 0 auto;
            flex: 1 0 auto;
            max-width: none
        }
}

@media screen and (min-width: 992px) {
    .e-services:not(.e-services--4-cols) .e-services__item {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 calc(100% / 3 - 2px);
        flex: 1 0 calc(100% / 3 - 2px);
        max-width: calc(100% / 3 - 2px)
    }

        .e-services:not(.e-services--4-cols) .e-services__item:last-child:nth-child(3n+1), .e-services:not(.e-services--4-cols) .e-services__item:last-child:nth-child(3n+2) {
            -webkit-box-flex: 1;
            -ms-flex: 1 0 auto;
            flex: 1 0 auto;
            max-width: none
        }
}

@media screen and (min-width: 1600px) {
    .e-services:not(.e-services--4-cols) .e-services__item {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 calc(100% / 4 - 2px);
        flex: 1 0 calc(100% / 4 - 2px);
        max-width: calc(100% / 4 - 2px)
    }

        .e-services:not(.e-services--4-cols) .e-services__item:last-child:nth-child(4n+1), .e-services:not(.e-services--4-cols) .e-services__item:last-child:nth-child(4n+2), .e-services:not(.e-services--4-cols) .e-services__item:last-child:nth-child(4n+3) {
            -webkit-box-flex: 1;
            -ms-flex: 1 0 auto;
            flex: 1 0 auto;
            max-width: none
        }
}

@media screen and (min-width: 1200px) {
    .e-services--4-cols .e-services__item {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 calc(100% / 4 - 2px);
        flex: 1 0 calc(100% / 4 - 2px);
        max-width: calc(100% / 4 - 2px)
    }

        .e-services--4-cols .e-services__item:last-child:nth-child(4n+1), .e-services--4-cols .e-services__item:last-child:nth-child(4n+2), .e-services--4-cols .e-services__item:last-child:nth-child(4n+3) {
            -webkit-box-flex: 1;
            -ms-flex: 1 0 auto;
            flex: 1 0 auto;
            max-width: none
        }
}

@media screen and (min-width: 1600px) {
    .e-services--4-cols .e-services__item {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 calc(100% / 4 - 2px);
        flex: 1 0 calc(100% / 4 - 2px);
        max-width: calc(100% / 4 - 2px)
    }

        .e-services--4-cols .e-services__item:last-child:nth-child(4n+1), .e-services--4-cols .e-services__item:last-child:nth-child(4n+2), .e-services--4-cols .e-services__item:last-child:nth-child(4n+3) {
            -webkit-box-flex: 1;
            -ms-flex: 1 0 auto;
            flex: 1 0 auto;
            max-width: none
        }
}

.e-services__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #0072bc;
    padding: 1rem 1.125rem
}

    .e-services__link:hover {
        color: #0072bc
    }

.e-services__img-wrapper {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    margin-right: 12px;
    will-change: transform;
    -webkit-transition: -webkit-transform 0.75s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 0.75s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.75s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.75s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.75s cubic-bezier(0.19, 1, 0.22, 1)
}

.e-services__link:hover .e-services__img-wrapper {
    -webkit-transform: scale(1.15);
    transform: scale(1.15)
}

.e-services__text {
    font-weight: 500;
    max-width: 100%;
    will-change: color;
    line-height: 1.3;
    -webkit-transition: color 1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: color 1s cubic-bezier(0.19, 1, 0.22, 1)
}

.e-services__link:hover .e-services__text {
    color: #20aab0
}

.table {
    width: 100%
}

.table__wrapper {
    width: 100%;
    overflow-x: auto;
    border-radius: calc(14px * 0.8);
    border: 1px solid rgba(0,49,92,0.08)
}

.table__toolbar {
    margin-bottom: 1.5rem
}

.table__filters .select {
    display: inline-block
}

.table__el {
    max-width: 100%;
    border-collapse: collapse;
    line-height: 1.3;
    margin-top: -1px
}

    .table__el th, .table__el td {
        border: 1px solid rgba(0,49,92,0.08);
        vertical-align: middle
    }

        .table__el th:first-child, .table__el td:first-child {
            border-left: none
        }

        .table__el th:last-child, .table__el td:last-child {
            border-right: none
        }

    .table__el thead tr {
        background-color: white
    }

        .table__el thead tr :first-child td {
            border-top: none
        }

    .table__el thead th {
        padding: 1.75rem 0.5rem;
        font-size: 0.9375rem;
        font-weight: 600;
        white-space: nowrap
    }

    .table__el tbody tr:last-child td {
        border-bottom: none
    }

    .table__el tbody td {
        padding: 0.5rem
    }

        .table__el tbody td a {
            color: #20aab0;
            font-size: 0.75rem;
            line-height: 1.3;
            font-weight: 600;
            text-decoration: underline;
            -webkit-transition: color 0.15s ease-in-out;
            transition: color 0.15s ease-in-out
        }

            .table__el tbody td a:hover {
                color: #0072bc
            }

    .table__el tbody tr:nth-child(even) {
        background-color: rgba(0,0,0,0.025)
    }

.eczane-icon {
    color: #dc4b3e !important;
    font-size: 24px;
    margin-left: 5px;
}

@media only screen and (max-width: 991px) {
    .butce_card_order {
        order: 1
    }

    .kent_card_order {
        order: 2
    }

    .cozum_masasi_card_order {
        order: 3
    }

    .gunduz_gece_card_order {
        order: 4
    }

    .short_banner1_order {
        order: 6
    }

    .short_banner2_order {
        order: 5
    }
}

.belediyeni_ara_area {
    background-color: #0072bc;
    height: auto;
    border-radius: 0.5rem;
    max-width: 200px
}

.belediyeni_ara_form {
    position: relative;
    display: flex;
    justify-content: center;
    margin-top: 1.5rem;
}

.belediye-modal {
    z-index: 6;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    transform: scale(1.1);
    transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
    padding: 2rem;
}

.belediye-modal-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding: 1rem 1.5rem;
    width: 35rem;
    border-radius: 1rem;
}

.close-button {
    float: right;
    line-height: 1.5rem;
    cursor: pointer;
    border-radius: 50%;
    background-color: #e8eaed;
    font-weight: 600;
    width: 35px;
    height: 35px;
    font-size: x-large;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .close-button:hover {
        background-color: lightgray;
    }

.show-modal {
    opacity: 1;
    visibility: visible;
    transform: scale(1.0);
    transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
}

.modal-text {
    padding: 2rem;
    margin-top: 1rem;
    text-align: center;
}

.button-area {
    width: 95px;
    height: 40px;
    border-radius: 0.5rem;
    text-align: center;
    margin: auto;
    margin-bottom: 1rem;
    background-color: #0072bc;
}

    .button-area:hover {
        background-color: #0065a6;
    }

.baskan-resize {
    aspect-ratio: 5 / 7.1;
}

.slider-resize {
    aspect-ratio: 11 / 7
}

.ulasim-resize {
    aspect-ratio: 6 / 3.4
}

.kultur-sanat-resize {
    aspect-ratio: 6 / 3.4
}

@media (max-width:1536px) and (min-width:1321px) {
    .mayor-card__list > li > a {
        font-size: smaller;
        padding-top: 5px;
    }

    .mayor-card__details > h1 {
        font-size: medium;
    }

    .mayor-card__details > h5 {
        font-size: smaller;
    }

    .mayor-card > header > figure {
        margin: auto;
        margin-bottom: 5px;
    }

    .mayor-card__link:before {
        font-size: small;
    }

    .mayor-card > header {
        width: 200px;
        margin: auto;
    }
}

@media (max-width:1320px) and (min-width:1158px) {
    .mayor-card {
        padding-top: 5px;
    }

        .mayor-card > header {
            width: 165px;
            height: auto;
            margin: auto;
            margin-top: 0;
            margin-bottom: 8px;
        }

    .mayor-card__details > h1 {
        font-size: small;
    }

    .mayor-card__details > h5 {
        font-size: x-small;
    }

    .mayor-card > header > figure {
        margin-bottom: 0;
    }

    .mayor-card__list > li > a {
        font-size: smaller;
        padding-top: 5px;
    }

    .mayor-card__link:before {
        font-size: small;
    }
}

@media (max-width:1157px) and (min-width:992px) {
    .mayor-card {
        padding-top: 5px;
    }

        .mayor-card > header {
            width: 130px;
            height: auto;
            margin: auto;
            margin-top: 0;
            margin-bottom: 5px;
        }

    .mayor-card__details > h1 {
        font-size: small;
    }

    .mayor-card__details > h5 {
        font-size: x-small;
    }

    .mayor-card > header > figure {
        margin-bottom: 0;
    }

    .mayor-card__list > li > a {
        font-size: 11px;
        padding-top: 0;
        padding-bottom: 7px;
    }

    .mayor-card__link:before {
        font-size: small;
    }
}

@media (max-width:567px){
    .mayor-card > header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 1.125rem;
    }
}

@media (max-width:518px) {
    .slider-resize > div > button
    {
        top:unset !important;
        margin-top: 7rem;
    }

}

.goog-logo-link {
    display: none !important;
}

.goog-te-gadget {
    color: transparent !important;
}

.goog-te-banner-frame {
    display: none !important;
}

#goog-gt-tt, .goog-te-balloon-frame {
    display: none !important;
}

.goog-text-highlight {
    background: none !important;
    box-shadow: none !important;
}

body.default-template {
    top: 0px !important;
}

.lang-icon {
    height: 1.4rem;
    max-width: 1.9375rem;
}

.split-lang-icon {
    height: 1.4rem !important;
    max-width: 1.9375rem !important;
}

/*.languages {
    display:flex;
}


@media (max-width:511px) {
   .languages {
       display:none;
   }

   .languages-header {
       display:block !important;
       display:flex !important;
       margin-top: 0.5rem;
   }

   .languages-first {
       margin-left: 0;
   }

    body.default-template {
        top: 3rem !important;
    }
}

@media (max-width:1139px) and (min-width:997px) {
    body.default-template {
        top: 2rem !important;
    }
}

@media (max-width:996px) and (min-width:992px) {
    body.default-template {
        top: 4rem !important;
    }
}*/

@media (max-width:1199px) {
    .resize-news {
        aspect-ratio: 12.917 / 7.222 !important;
    }

    .resize-news-img {
        height: auto !important;
    }
}

@media (max-width:776px) and (min-width:568px) {
    .touch {
        width: fit-content !important;
    }
}

@media screen and (max-width: 768px) {
    .black-ribbon {
        height: 30px !important;
        width: auto;
        margin-right: .7rem;
    }
}

.black-ribbon {
    height: 50px;
    width: auto;
    margin-right: .7rem;
}

.news-slider__btns__list {
    cursor: pointer !important;
}

button.news-slider__prev img {
    display: none !important;
}

button.news-slider__next img {
    display: none !important;
}

@media only screen and (max-width: 567px) {
    .slider__prev, .slider__next {
        top: 40% !important;
    }
}

@media only screen and (max-width: 496px) {
    .slider__prev, .slider__next {
        top: 30% !important;
    }
}

@media only screen and (max-width: 410px) {
    .slider__prev, .slider__next {
        top: 25% !important;
    }
}