@charset "UTF-8";

body, h1, h2, h3, h4, h5, h6, p, option, select, .blocktitle__subtitle, .blocktitle__title, .blocktitle__text, label, input, .tt-btn, .tt-popup__title, .logo-popup__text {
    font-family: 'Cairo', sans-serif !important;
    font-family: 'Noto Kufi Arabic', sans-serif !important;
}
a {
    font-family: 'Cairo', sans-serif ;
    font-family: 'Noto Kufi Arabic', sans-serif ;
}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
    width: 100%;
    padding-left: var(--bs-gutter-x,15px);
    padding-right: var(--bs-gutter-x,15px);
    margin-left: auto;
    margin-right: auto
}

@media (min-width:576px) {
    .container, .container-sm {
        max-width: 546px
    }
}

@media (min-width:768px) {
    .container, .container-md, .container-sm {
        max-width: 713px
    }
}

@media (min-width:1025px) {
    .container, .container-lg, .container-md, .container-sm {
        max-width: 990px
    }
}

@media (min-width:1230px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1200px
    }
}

.row {
    --bs-gutter-x: 30px;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-left: calc(-.5 * var(--bs-gutter-x));
    margin-right: calc(-.5 * var(--bs-gutter-x))
}

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

.col {
    flex: 1 0 0%
}

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

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

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

.row-cols-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%
}

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

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

.row-cols-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%
}

.col-auto {
    flex: 0 0 auto;
    width: auto
}

.col-1 {
    flex: 0 0 auto;
    width: 8.33333333%
}

.col-2 {
    flex: 0 0 auto;
    width: 16.66666667%
}

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

.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%
}

.col-5 {
    flex: 0 0 auto;
    width: 41.66666667%
}

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

.col-7 {
    flex: 0 0 auto;
    width: 58.33333333%
}

.col-8 {
    flex: 0 0 auto;
    width: 66.66666667%
}

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

.col-10 {
    flex: 0 0 auto;
    width: 83.33333333%
}

.col-11 {
    flex: 0 0 auto;
    width: 91.66666667%
}

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

.offset-1 {
    margin-right: 8.33333333%
}

.offset-2 {
    margin-right: 16.66666667%
}

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

.offset-4 {
    margin-right: 33.33333333%
}

.offset-5 {
    margin-right: 41.66666667%
}

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

.offset-7 {
    margin-right: 58.33333333%
}

.offset-8 {
    margin-right: 66.66666667%
}

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

.offset-10 {
    margin-right: 83.33333333%
}

.offset-11 {
    margin-right: 91.66666667%
}

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

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

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

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

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

.g-2, .gy-2 {
    --bs-gutter-y: 0.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 {
        flex: 1 0 0%
    }

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

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

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

    .row-cols-sm-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

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

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

    .row-cols-sm-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

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

    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

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

    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

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

    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

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

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

    .offset-sm-1 {
        margin-right: 8.33333333%
    }

    .offset-sm-2 {
        margin-right: 16.66666667%
    }

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

    .offset-sm-4 {
        margin-right: 33.33333333%
    }

    .offset-sm-5 {
        margin-right: 41.66666667%
    }

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

    .offset-sm-7 {
        margin-right: 58.33333333%
    }

    .offset-sm-8 {
        margin-right: 66.66666667%
    }

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

    .offset-sm-10 {
        margin-right: 83.33333333%
    }

    .offset-sm-11 {
        margin-right: 91.66666667%
    }

    .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: 0.25rem
    }

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

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

    .g-sm-2, .gy-sm-2 {
        --bs-gutter-y: 0.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 {
        flex: 1 0 0%
    }

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

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

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

    .row-cols-md-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

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

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

    .row-cols-md-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

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

    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

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

    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

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

    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-md-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

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

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

    .offset-md-1 {
        margin-right: 8.33333333%
    }

    .offset-md-2 {
        margin-right: 16.66666667%
    }

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

    .offset-md-4 {
        margin-right: 33.33333333%
    }

    .offset-md-5 {
        margin-right: 41.66666667%
    }

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

    .offset-md-7 {
        margin-right: 58.33333333%
    }

    .offset-md-8 {
        margin-right: 66.66666667%
    }

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

    .offset-md-10 {
        margin-right: 83.33333333%
    }

    .offset-md-11 {
        margin-right: 91.66666667%
    }

    .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: 0.25rem
    }

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

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

    .g-md-2, .gy-md-2 {
        --bs-gutter-y: 0.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:1025px) {
    .col-lg {
        flex: 1 0 0%
    }

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

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

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

    .row-cols-lg-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

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

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

    .row-cols-lg-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

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

    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

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

    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

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

    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

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

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

    .offset-lg-1 {
        margin-right: 8.33333333%
    }

    .offset-lg-2 {
        margin-right: 16.66666667%
    }

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

    .offset-lg-4 {
        margin-right: 33.33333333%
    }

    .offset-lg-5 {
        margin-right: 41.66666667%
    }

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

    .offset-lg-7 {
        margin-right: 58.33333333%
    }

    .offset-lg-8 {
        margin-right: 66.66666667%
    }

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

    .offset-lg-10 {
        margin-right: 83.33333333%
    }

    .offset-lg-11 {
        margin-right: 91.66666667%
    }

    .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: 0.25rem
    }

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

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

    .g-lg-2, .gy-lg-2 {
        --bs-gutter-y: 0.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
    }

    body {
        font-size: 16px;
        line-height: 27px
    }
}

@media (min-width:1230px) {
    .col-xl {
        flex: 1 0 0%
    }

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

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

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

    .row-cols-xl-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

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

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

    .row-cols-xl-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

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

    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

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

    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

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

    .col-xl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

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

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

    .offset-xl-1 {
        margin-right: 8.33333333%
    }

    .offset-xl-2 {
        margin-right: 16.66666667%
    }

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

    .offset-xl-4 {
        margin-right: 33.33333333%
    }

    .offset-xl-5 {
        margin-right: 41.66666667%
    }

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

    .offset-xl-7 {
        margin-right: 58.33333333%
    }

    .offset-xl-8 {
        margin-right: 66.66666667%
    }

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

    .offset-xl-10 {
        margin-right: 83.33333333%
    }

    .offset-xl-11 {
        margin-right: 91.66666667%
    }

    .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: 0.25rem
    }

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

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

    .g-xl-2, .gy-xl-2 {
        --bs-gutter-y: 0.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
    }
}

*, ::after, ::before {
    box-sizing: border-box
}

[tabindex="-1"]:focus:not(:focus-visible) {
    outline: 0
}

img, svg {
    vertical-align: middle
}

table {
    caption-side: bottom;
    border-collapse: collapse;
    width: 100%
}

iframe {
    border: 0
}

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

button {
    outline: 0;
    border-radius: 0
}

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

blockquote, figure {
    margin: 0
}

label {
    display: inline-block
}

select {
    word-wrap: normal
}

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

body {
    margin: 0;
    font-family: Inter,sans-serif;
    color: #6c7176;
    background: center 0 no-repeat #fff;
    overflow-x: hidden;
    direction: rtl;
    font-weight: 400;
    -webkit-text-size-adjust: 100%
}

b, strong {
    font-weight: bolder
}

a {
    text-decoration: none;
    outline: 0;
    color: #6c7176
}

    a:hover {
        outline: 0;
        text-decoration: none
    }

    a:active, a:focus, a:visited {
        text-decoration: none;
        outline: 0
    }

.body_screen-bg:before {
    content: "";
    background-color: rgba(7,23,41,.5);
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 20
}

.text-left {
    text-align: right
}

.text-right {
    text-align: left
}

.text-center {
    text-align: center
}

.lazyload {
    opacity: 0;
    transition: opacity .2s linear
}

    .lazyload.lazyloaded {
        opacity: 1
    }

.table-price {
    border: 20px solid #f8f8fa
}

    .table-price tr:nth-child(even) {
        background-color: #fbfbfc
    }

    .table-price tr td {
        padding-top: 11px;
        padding-bottom: 11px
    }

        .table-price tr td:first-child {
            padding-right: 19px;
            padding-left: 10px
        }

        .table-price tr td:last-child {
            width: 35%;
            color: #0c4c93;
            font-weight: 700;
            padding-right: 5px;
            padding-left: 19px
        }

.table__notes {
    font-size: 13px;
    line-height: 22px;
    margin-top: 14px;
    margin-bottom: -5px
}

@media (max-width:1024px) {
    .table-price {
        border-width: 15px
    }

        .table-price tr {
            display: block
        }

            .table-price tr td:first-child, .table-price tr td:last-child {
                display: block;
                width: 100%
            }

            .table-price tr td:first-child {
                padding: 7px 20px 0
            }

            .table-price tr td:last-child {
                padding: 0 20px 7px
            }
}

.tt-list_top {
    margin-top: 20px
}

.tt-list_top02 {
    margin-top: 25px
}

.tt-list_top03 {
    margin-top: 30px
}

@media (max-width:1024.98px) {
    .tt-list_top03 {
        margin-top: 30px
    }
}

.tt-list li {
    position: relative;
    padding: 3px 26px 3px 0;
    font-weight: 700
}

    .tt-list li:before {
        content: "\e900";
        font-family: font-icon;
        display: inline-block;
        font-size: 13px;
        position: absolute;
        right: 0;
        font-weight: 400
    }

    .tt-list li a {
        color: currentColor;
        position: relative
    }

        .tt-list li a:before {
            content: "";
            display: block;
            position: absolute;
            bottom: -1px;
            width: 0%;
            height: 2px;
            margin: auto;
            right: 0;
            left: 0;
            background-color: currentColor;
            transition: width .2s linear
        }

        .tt-list li a:hover .hover-underline:before, .tt-list li a:hover:before {
            width: 100%
        }

    .tt-list li:first-child {
        padding-top: 0
    }

    .tt-list li .tt-info {
        color: #6c7176;
        font-weight: 400
    }

    .tt-list li .hover-underline {
        display: inline-block;
        position: relative
    }

        .tt-list li .hover-underline:before {
            content: "";
            display: block;
            position: absolute;
            bottom: 3px;
            width: 0%;
            height: 2px;
            right: 0;
            transition: width .2s linear;
            background-color: currentColor
        }

@media (max-width:767.98px) {
    .tt-list_top03 {
        margin-top: 17px
    }

    .tt-list li {
        padding-right: 22px
    }

        .tt-list li:before {
            font-size: 10px
        }
}

.tt-list__color01 {
    color: #0c4c93
}

.tt-list__color02 {
    color: #fff
}

    .tt-list__color02 li:before {
        color: #51acfb
    }

.tt-list02 {
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    margin-top: -10px;
    margin-right: -10px;
    padding: 0
}

    .tt-list02 li {
        margin-top: 10px;
        margin-right: 10px
    }

        .tt-list02 li a {
            border: 1px solid #eeeef2;
            padding: 5px 9px;
            display: inline-block;
            position: relative
        }

            .tt-list02 li a:after, .tt-list02 li a:before {
                width: calc(100% + 2px);
                height: calc(100% + 2px);
                z-index: 3;
                content: "";
                position: absolute;
                top: -1px;
                right: -1px;
                -webkit-transform: scale(0);
                transform: scale(0);
                transition: .4s;
                pointer-events: none
            }

            .tt-list02 li a:before {
                border-bottom: 1px solid #0c4c93;
                border-right: 1px solid #0c4c93;
                -webkit-transform-origin: 100% 100%;
                transform-origin: 100% 100%
            }

            .tt-list02 li a:after {
                border-top: 1px solid #0c4c93;
                border-left: 1px solid #0c4c93;
                -webkit-transform-origin: 0% 0;
                transform-origin: 0% 0
            }

            .tt-list02 li a:hover {
                color: #0c4c93
            }

                .tt-list02 li a:hover:after, .tt-list02 li a:hover:before {
                    -webkit-transform: scale(1);
                    transform: scale(1)
                }

.tt-list03 li {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: flex-start;
    position: relative
}

    .tt-list03 li:not(:first-child) {
        margin-top: 23px
    }

.tt-list03 .tt-icon {
    width: 34px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-align: center
}

    .tt-list03 .tt-icon + .tt-text {
        margin-right: 11px
    }

    .tt-list03 .tt-icon:before {
        content: "\e900";
        font-family: font-icon;
        display: inline-block;
        font-size: 41px;
        position: absolute;
        z-index: 0;
        top: -3px;
        right: -3px;
        font-weight: 400;
        color: #51acfb;
        text-shadow: -4px 0 10px rgba(81,172,251,.3)
    }

    .tt-list03 .tt-icon > * {
        position: relative;
        z-index: 1
    }

.tt-list03 .tt-text {
    color: #0c4c93;
    font-weight: 700
}

.tt-list04__top {
    margin-top: 25px
}

.tt-list04 li {
    position: relative;
    padding: 0 38px 0 0
}

    .tt-list04 li i {
        font-size: 20px;
        position: absolute;
        top: 4px;
        right: 0;
        color: #0c4c93
    }

    .tt-list04 li strong {
        display: block;
        width: 100%;
        color: #0c4c93;
        margin-bottom: -3px
    }

    .tt-list04 li:not(:first-child) {
        margin-top: 11px
    }

    .tt-list04 li a {
        color: #6c7176;
        display: inline-block;
        position: relative
    }

        .tt-list04 li a:before {
            content: "";
            display: block;
            position: absolute;
            bottom: 4px;
            width: 0%;
            height: 1px;
            right: 0;
            background-color: currentColor;
            transition: width .2s linear
        }

        .tt-list04 li a:hover:before {
            width: 100%
        }

.tt-list04 .tt-text {
    color: #0c4c93;
    font-weight: 700
}

.tt-list-info li {
    position: relative;
    padding: 3px 26px 3px 0
}

    .tt-list-info li strong {
        color: #0c4c93
    }

    .tt-list-info li:before {
        content: "\e92c";
        font-family: font-icon;
        display: inline-block;
        font-size: 13px;
        position: absolute;
        right: 0;
        font-weight: 400;
        color: #0c4c93
    }

    .tt-list-info li a {
        color: currentColor
    }

        .tt-list-info li a:hover .hover-underline:before {
            width: 100%
        }

    .tt-list-info li:first-child {
        padding-top: 0
    }

    .tt-list-info li .tt-info {
        color: #6c7176;
        font-weight: 400
    }

    .tt-list-info li .hover-underline {
        display: inline-block;
        position: relative
    }

        .tt-list-info li .hover-underline:before {
            content: "";
            display: block;
            position: absolute;
            bottom: 3px;
            width: 0%;
            height: 2px;
            right: 0;
            transition: width .2s linear;
            background-color: currentColor
        }

::-webkit-input-placeholder {
    color: #6c7176
}

::-moz-placeholder {
    color: #6c7176
}

:-moz-placeholder {
    color: #6c7176
}

:-ms-input-placeholder {
    color: #6c7176
}

:-moz-placeholder, ::-moz-placeholder {
    opacity: 1
}

input:focus::-webkit-input-placeholder {
    color: transparent
}

input:focus:-moz-placeholder {
    color: transparent
}

input:focus::-moz-placeholder {
    color: transparent
}

input:focus:-ms-input-placeholder {
    color: transparent
}

textarea:focus::-webkit-input-placeholder {
    color: transparent
}

textarea:focus:-moz-placeholder {
    color: transparent
}

textarea:focus::-moz-placeholder {
    color: transparent
}

textarea:focus:-ms-input-placeholder {
    color: transparent
}

.tt-form__group, form {
    position: relative
}

    .tt-form__group .tt-btn-inner {
        position: absolute;
        right: 19px;
        top: 17px;
        width: 45px;
        height: 52px;
        font-size: 19px;
        color: #0c4c93;
        border: none;
        outline: 0;
        background-color: transparent;
        pointer-events: none
    }

    .tt-form__group .tt-btn-inner-right {
        position: absolute;
        left: 0;
        top: 0;
        width: 46px;
        height: 52px;
        font-size: 15px;
        color: #0c4c93;
        border: none;
        outline: 0;
        background-color: transparent;
        z-index: 2;
        transition: color .2s linear
    }

        .tt-form__group .tt-btn-inner-right:hover {
            color: #51acfb
        }

@media (min-width:1025px) {
    .tt-list-col2 {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0;
        max-width: 590px
    }

    .tt-form__group {
        padding-bottom: 15px
    }
}

@media (max-width:1024.98px) {
    .tt-form__group {
        padding-bottom: 10px
    }

        .tt-form__group .tt-btn-inner {
            height: 42px;
            right: 18px;
            top: 12px;
            font-size: 19px
        }

        .tt-form__group .tt-btn-inner-right {
            height: 42px
        }
}

@media (max-width:575.98px) {
    .tt-form__group {
        padding-bottom: 8px
    }

        .tt-form__group .tt-btn-inner {
            font-size: 16px
        }
}

.tt-form__group + .tt-form__title {
    margin-top: 10px
}

.tt-form__title {
    font-family: Mulish,sans-serif;
    color: #0c4c93;
    font-weight: 800;
    font-size: 21px;
    padding: 0 0 15px
}

.tt-form__control {
    font-family: Inter,sans-serif;
    font-size: 16px;
    background-color: #f8f8fa;
    border: 1px solid #f8f8fa;
    color: #6c7176;
    width: 100%;
    border-radius: 0;
    padding: 10px 17px 10px 12px;
    box-shadow: none;
    outline: 0;
    -webkit-appearance: none;
    transition: .3s linear
}

    .tt-form__control.error {
        border-color: red
    }

    .tt-form__control:not(textarea) {
        height: 52px
    }

    .tt-form__control:focus {
        border-color: #0c4c93;
        background-color: #fff
    }

@media (max-width:1024.98px) {
    .tt-form__control {
        font-size: 15px
    }

        .tt-form__control:not(textarea) {
            height: 42px
        }
}

.error-field {
    position: relative
}

    .error-field .tt-form__control {
        border-color: red;
        position: relative;
        z-index: 1
    }

    .error-field .error-field__text {
        opacity: 1;
        visibility: visible
    }

.error-field__text {
    position: absolute;
    left: 0;
    top: -2px;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    z-index: 2;
    font-size: 12px;
    line-height: 12px;
    color: red;
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s linear
}

@media (min-width:1025px) {
    .tt-form__control-icon-left {
        padding-right: 50px
    }

    .custom-select:after {
        top: 24px;
        left: 23px
    }

    .custom-select select {
        font-size: 16px;
        height: 52px
    }
}

@media (max-width:1024.98px) {
    .tt-form__control-icon-left {
        padding-right: 48px
    }
}

.tt-form__btn {
    margin-top: 6px
}

@media (max-width:767px) {
    .tt-form__btn.text-center {
        text-align: right
    }
}

.tt-form__btn02 {
    margin-top: 15px
}

.tt-form .tt-rating {
    padding-bottom: 15px
}

@media (max-width:767.98px) {
    .tt-form__control-icon-left {
        padding-right: 43px
    }

    .tt-form__btn02 {
        margin-top: 20px
    }

    .tt-form .tt-rating {
        padding-bottom: 8px
    }
}

@media (max-width:575.98px) {
    .tt-form__btn02 {
        margin-top: 12px
    }

    .tt-form .tt-rating {
        padding-bottom: 0
    }
}

.tt-form-inline {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: stretch;
    align-items: center
}

    .tt-form-inline .tt-form__group + * {
        margin-right: 18px
    }

.custom-select {
    position: relative
}

    .custom-select:after {
        content: "";
        position: absolute;
        pointer-events: none;
        width: 0;
        height: 0;
        border-width: 4px;
        border-style: solid;
        border-color: #0c4c93 transparent transparent
    }

    .custom-select select {
        display: block;
        width: 100%;
        line-height: 1.2;
        padding: 4px 17px 4px 30px;
        background: #f8f8fa;
        color: #6c7176;
        outline: 0;
        border: 1px solid #f8f8fa;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        cursor: pointer
    }

@media (max-width:1024.98px) {
    .custom-select:after {
        top: 19px;
        left: 20px
    }

    .custom-select select {
        font-size: 15px;
        height: 42px
    }
}

.custom-select select:focus {
    border-color: #6984c2;
    background: #fff
}

.tt-form__group .checkbox-group {
    margin: 3px 0 0;
    padding-bottom: 15px
}

.checkbox-group {
    position: relative;
    display: inline-block
}

    .checkbox-group input[type=checkbox] {
        display: none
    }

    .checkbox-group label {
        cursor: pointer;
        position: relative;
        padding: 0 35px 0 0;
        font-size: 13px
    }

        .checkbox-group label .check {
            display: block;
            position: absolute;
            z-index: 2;
            width: 24px;
            height: 24px;
            right: 0;
            background: #f8f8fa;
            color: #adadad
        }

            .checkbox-group label .check:after, .checkbox-group label .check:before {
                content: "";
                display: block;
                position: absolute;
                background-color: #0c4c93;
                opacity: 0;
                transition-duration: .2s
            }

            .checkbox-group label .check:before {
                width: 2px;
                height: 10px;
                top: 7px;
                right: 13px;
                -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg)
            }

            .checkbox-group label .check:after {
                width: 2px;
                height: 6px;
                -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
                right: 8px;
                top: 10px
            }

    .checkbox-group:hover label .check:after, .checkbox-group:hover label .check:before, input[type=checkbox]:checked ~ label .check:after, input[type=checkbox]:checked ~ label .check:before {
        opacity: 1
    }

.tt-btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: 100% 0;
    color: #0c4c93;
    border: 2px solid #0c4c93;
    line-height: 1;
    font-weight: 800;
    position: relative;
    outline: 0;
    cursor: pointer;
    font-family: Mulish,sans-serif;
    transition: color .4s;
    overflow: hidden;
    white-space: nowrap;
    border-radius: 40px
}

    .tt-btn > * {
        pointer-events: none
    }

    .tt-btn:after {
        content: "";
        position: absolute;
        height: 0%;
        right: 50%;
        top: 50%;
        width: 150%;
        z-index: 0;
        transition: .35s;
        background: #0c4c93;
        -webkit-transform: translateX(50%) translateY(-50%) rotate(25deg);
        transform: translateX(50%) translateY(-50%) rotate(25deg)
    }

    .tt-btn span {
        position: relative;
        z-index: 1
    }

    .tt-btn:focus {
        outline: 0
    }

    .tt-btn:hover {
        color: #fff
    }

        .tt-btn:hover:after {
            height: 450%;
            transition: 1s
        }

@media (min-width:1101px) {
    .tt-btn {
        font-size: 15px;
        padding: 4px 31px;
        height: 40px
    }
}

@media (max-width:1100px) {
    body {
        font-size: 15px;
        line-height: 24px
    }

    .tt-btn {
        font-size: 13px;
        padding: 4px 28px;
        height: 40px
    }

    .tt-btn__top {
        margin-top: 33px
    }
}

@media (max-width:575.98px) {
    .tt-btn {
        padding-right: 20px;
        padding-left: 20px
    }
}

.tt-btn__top {
    margin-top: 33px
}

@media (max-width:1024.98px) {
    .tt-btn__top {
        margin-top: 19px
    }
}

.tt-btn02 {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: #ff4917;
    color: #fff;
    border: 2px solid #ff4917;
    line-height: 1;
    font-weight: 800;
    position: relative;
    outline: 0;
    cursor: pointer;
    font-family: Mulish,sans-serif;
    transition: .4s;
    overflow: hidden;
    white-space: nowrap
}

    .tt-btn02 > * {
        pointer-events: none
    }

    .tt-btn02:after {
        content: "";
        position: absolute;
        height: 0%;
        right: 50%;
        top: 50%;
        width: 150%;
        z-index: 0;
        transition: .35s;
        background: #fff;
        -webkit-transform: translateX(50%) translateY(-50%) rotate(25deg);
        transform: translateX(50%) translateY(-50%) rotate(25deg)
    }

    .tt-btn02 span {
        position: relative;
        z-index: 1
    }

    .tt-btn02:focus {
        outline: 0
    }

    .tt-btn02:hover {
        color: #ff4917
    }

        .tt-btn02:hover:after {
            height: 450%;
            transition: 1s
        }

@media (min-width:1101px) {
    .tt-btn02 {
        font-size: 15px;
        padding: 4px 31px;
        height: 56px
    }
}

@media (max-width:1100px) {
    .tt-btn02 {
        font-size: 13px;
        padding: 4px 21px;
        height: 46px
    }
}

.tt-btn__video-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.tt-btn__video {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    cursor: pointer;
    position: relative;
    z-index: 5;
    width: 89px;
    height: 89px;
    background-color: #51acfb;
    color: #fff;
    border-radius: 50%;
    font-size: 21px;
    line-height: 1;
    text-shadow: -2px 2px 5px rgba(255,255,255,.6);
    box-shadow: 0 5px 10px rgba(30,96,170,.2);
    transition: background-color .2s linear
}

    .tt-btn__video > * {
        pointer-events: none
    }

    .tt-btn__video:before {
        margin-left: -4px;
        pointer-events: none
    }

    .tt-btn__video:after {
        content: "";
        display: block;
        position: absolute;
        top: -8px;
        right: -8px;
        width: calc(100% + 16px);
        height: calc(100% + 16px);
        border: 1px solid rgba(81,172,251,.6);
        border-radius: 50%;
        transition: border .2s linear;
        pointer-events: none
    }

    .tt-btn__video span {
        position: absolute;
        top: 0;
        right: 0;
        z-index: -1;
        width: calc(100% + 20px);
        height: calc(100% + 20px);
        pointer-events: none
    }

        .tt-btn__video span:after {
            content: "";
            position: absolute;
            top: calc(50% - 10px);
            right: calc(50% - 10px);
            width: 100%;
            height: 100%;
            border-radius: 50%;
            background: rgba(81,172,251,.4);
            opacity: .5;
            -webkit-animation: 1.4s ease-out infinite pulse;
            animation: 1.4s ease-out infinite pulse;
            -webkit-transform: translate(50%,-50%);
            transform: translate(50%,-50%);
            transition: .3s;
            pointer-events: none
        }

    .tt-btn__video:hover {
        background-color: #51acfb;
        color: #fff
    }

        .tt-btn__video:hover span:after {
            display: none
        }

@-webkit-keyframes pulse {
    from {
        width: 100%;
        height: 100%;
        opacity: .8
    }

    50% {
        width: 140%;
        height: 140%;
        opacity: 0
    }

    to {
        width: 100%;
        height: 100%;
        opacity: 0
    }
}

@keyframes pulse {
    from {
        width: 100%;
        height: 100%;
        opacity: .8
    }

    50% {
        width: 140%;
        height: 140%;
        opacity: 0
    }

    to {
        width: 100%;
        height: 100%;
        opacity: 0
    }
}

p {
    margin: 16px 0 0
}

@media (min-width:1230px) {
    .p-indent-top {
        margin-top: 45px
    }

    .swiper-container.col-inner-lg .swiper-slide {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (max-width:1229.98px) {
    .tt-btn__video {
        width: 72px;
        height: 72px;
        font-size: 18px
    }

        .tt-btn__video:after {
            top: -6px;
            right: -6px;
            width: calc(100% + 12px);
            height: calc(100% + 12px);
            border: 1px solid rgba(81,172,251,.6);
            border-radius: 50%;
            transition: border .2s linear
        }

        .tt-btn__video span {
            width: calc(100% + 10px);
            height: calc(100% + 10px)
        }

            .tt-btn__video span:after {
                top: calc(50% - 5px);
                right: calc(50% - 5px)
            }

    .p-indent-top {
        margin-top: 35px
    }
}

@media (max-width:767.98px) {
    .tt-btn__video {
        width: 63px;
        height: 63px;
        font-size: 14px
    }

        .tt-btn__video:after {
            top: -6px;
            right: -6px;
            width: calc(100% + 12px);
            height: calc(100% + 12px);
            border: 1px solid rgba(81,172,251,.6);
            border-radius: 50%;
            transition: border .2s linear
        }

        .tt-btn__video span {
            width: calc(100% + 10px);
            height: calc(100% + 10px)
        }

            .tt-btn__video span:after {
                top: calc(50% - 5px);
                right: calc(50% - 5px)
            }

    .p-indent-top {
        margin-top: 25px
    }
}

img {
    max-width: 100%;
    height: auto
}

.tt-base-size {
    font-size: 16px
}

.divider-md {
    height: 25px
}

@media (max-width:575.98px) {
    .p-indent-top {
        margin-top: 20px
    }

    .divider-md {
        height: 20px
    }
}

.divider {
    height: 55px;
    clear: both;
    overflow: hidden;
    width: 100%
}

@media (max-width:767.98px) {
    .divider {
        height: 40px
    }
}

@media (max-width:575.98px) {
    .divider {
        height: 35px
    }
}

.divider-xl {
    height: 61px;
    clear: both;
    overflow: hidden;
    width: 100%
}

@media (max-width:1229.98px) {
    .divider-xl {
        height: 50px
    }
}

@media (max-width:1024.98px) {
    .divider-xl {
        height: 40px
    }
}

@media (max-width:767.98px) {
    .divider-xl {
        height: 31px
    }
}

.divider-noresponsive {
    height: 55px;
    clear: both;
    overflow: hidden;
    width: 100%
}

hr {
    border: none;
    font-size: 0;
    line-height: 0;
    height: 2px;
    width: 100%;
    background-color: #eeeef2;
    opacity: 1
}

    hr.blog-post__hr {
        margin: 40px 0 38px
    }

@media (max-width:575.98px) {
    hr.blog-post__hr {
        margin: 30px 0 29px
    }
}

.tt-nowrap {
    white-space: nowrap
}

#tt-pageContent {
    overflow: hidden
}

.tt-col-wide {
    flex: 2 1 auto
}

@media (min-width:768px) {
    .tt-min-width-01 {
        max-width: 400px
    }

    .tt-min-width-02 {
        max-width: 600px
    }
}

@media (min-width:576px) {
    .tt-custom-row {
        flex-wrap: nowrap
    }
}

.swiper-container.col-inner-lg .swiper-slide {
    overflow: inherit
}

@media (min-width:1025px) {
    .tt-form__right-indent {
        margin-left: 35px
    }

    .swiper-container.col-inner-lg {
        padding-right: 10px;
        padding-left: 10px
    }
}

@media (max-width:767.98px) {
    .divider-noresponsive {
        height: 50px
    }

    .tt-table-responsive-md {
        overflow-y: hidden;
        overflow-x: scroll
    }

        .tt-table-responsive-md > * {
            width: 750px
        }
}

@media (max-width:380px) {
    .tt-table-responsive-sm {
        overflow-y: hidden;
        overflow-x: scroll
    }

        .tt-table-responsive-sm > * {
            width: 400px
        }
}

.tt-col-nopadding > * {
    padding-right: 0;
    padding-left: 0
}

.tt-extra-bg01 {
    position: relative
}

    .tt-extra-bg01 img {
        position: absolute;
        margin-top: -70px;
        top: 0;
        right: 0;
        max-width: inherit
    }

@media (max-width:1024.98px) {
    .container__tablet-fluid {
        max-width: inherit
    }

        .container__tablet-fluid .tt-col-nopadding > * {
            padding-right: 15px;
            padding-left: 15px
        }

    .tt-extra-bg01 img {
        right: 193px;
        margin-top: -24px
    }
}

.tt-extra-bg02 {
    position: relative
}

    .tt-extra-bg02 img {
        position: absolute;
        top: 0;
        right: -170px;
        max-width: inherit
    }

.bg-center-center, .bg-center-top {
    background-position: center center;
    background-repeat: no-repeat
}

.tt-position-relative {
    position: relative
}

.addlayout__btn {
    margin-top: 50px
}

@media (max-width:1024.98px) {
    .tt-extra-bg02 img {
        right: 0;
        width: 100%;
        height: auto
    }

    .addlayout__btn {
        margin-top: 28px
    }

    .row.custom-col-indent {
        margin-right: -10px;
        margin-left: -10px
    }

        .row.custom-col-indent > * {
            padding-right: 10px;
            padding-left: 10px
        }
}

@media (max-width:575.98px) {
    .addlayout__btn {
        margin-top: 25px
    }
}

.max-widt-02 {
    max-width: 520px
}

p + .tt-blockquote02 {
    margin-top: 24px
}

p + .tt-sound-player {
    margin-top: 27px
}

.tt-sound-player iframe {
    width: 100%
}

.tt-col-img {
    margin-top: -30px
}

    .tt-col-img img {
        margin-top: 30px
    }

@media (min-width:1230px) {
    .indent-top {
        margin-top: 8px
    }
}

.same-height-img img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media (max-width:767.98px) {
    .same-height-img img {
        height: 300px
    }
}

@media (max-width:575.98px) {
    .same-height-img img {
        height: 265px
    }
}

@media (max-width:480px) {
    .same-height-img img {
        height: 200px
    }
}

.tt-custom-indent {
    display: block;
    margin-top: -6px
}

@media (min-width:768px) {
    .tt-custom-indent {
        width: calc(100% - 15px)
    }
}

@media (min-width:1025px) {
    .tt-custom-indent {
        width: calc(100% - 24px)
    }
}

@media (min-width:1230px) {
    .tt-custom-indent {
        width: calc(100% - 44px);
        display: block
    }
}

@media (max-width:600px) {
    .tt-row-custom > [class^=col-] {
        width: 100%
    }

    .tt-row-custom > .tt-visible__mobile-sm.divider {
        display: block
    }
}

.align-items-center {
    align-items: center
}

.justify-content-end {
    justify-content: flex-end
}

@media (min-width:768px) {
    .justify-content-md-center {
        justify-content: center
    }
}

@media (min-width:576px) {
    .flex-sm-row-reverse {
        flex-direction: row-reverse
    }
}

.tt-base-color {
    color: #0c4c93
}

.tt-base-color02 {
    color: #51acfb
}

.tt-base-color04 {
    color: #ff4917
}

.tt-color-white {
    color: #fff
}

.tt-offset__01 {
    margin-top: 20px
}

.tt-offset__02 {
    margin-top: 33px
}

.tt-point {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    text-align: center
}

.tt-point__v-t {
    align-items: flex-start
}

.tt-point__v-b {
    align-items: flex-end
}

.tt-point__h-l {
    justify-content: flex-start;
    align-content: flex-start
}

.tt-point__h-r {
    justify-content: flex-end;
    align-content: flex-start
}

.tt-visible__descktop-xl {
    display: none
}

@media (min-width:1230px) {
    .tt-visible__descktop-xl {
        display: block
    }
}

.tt-visible__descktop {
    display: none
}

@media (min-width:1025px) {
    .tt-visible__descktop {
        display: block
    }
}

.tt-visible__mobile {
    display: none
}

@media (max-width:767.98px) {
    .tt-visible__mobile {
        display: block
    }
}

.tt-visible__mobile-sm {
    display: none
}

@media (max-width:575.98px) {
    .tt-visible__mobile-sm {
        display: block
    }
}

.tt-visible__tablet {
    display: none
}

@media (max-width:1024.98px) {
    .tt-offset__02 {
        margin-top: 19px
    }

    .tt-visible__tablet {
        display: block
    }
}

@media (max-width:767.98px) {
    .tt-hide__mobile {
        display: none
    }
}

@media (max-width:575.98px) {
    .tt-hide__mobile-small {
        display: none
    }
}

@media (max-width:1100px) {
    .tt-show-descktop {
        display: none
    }
}

.flatpickr-calendar {
    background: #fff;
    opacity: 0;
    display: none;
    text-align: center;
    visibility: hidden;
    padding: 0;
    -webkit-animation: none;
    animation: none;
    direction: rtl;
    border: 0;
    font-size: 14px;
    line-height: 24px;
    border-radius: 5px;
    position: absolute;
    width: 307.875px;
    box-sizing: border-box;
    touch-action: manipulation;
    box-shadow: -1px 0 0 #e6e6e6,1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,.08)
}

    .flatpickr-calendar.inline, .flatpickr-calendar.open {
        opacity: 1;
        max-height: 640px;
        visibility: visible
    }

    .flatpickr-calendar.open {
        display: inline-block;
        z-index: 99999
    }

    .flatpickr-calendar.animate.open {
        -webkit-animation: .3s cubic-bezier(.23,1,.32,1) fpFadeInDown;
        animation: .3s cubic-bezier(.23,1,.32,1) fpFadeInDown
    }

    .flatpickr-calendar.inline {
        display: block;
        position: relative;
        top: 2px
    }

    .flatpickr-calendar.static {
        position: absolute;
        top: calc(100% + 2px)
    }

        .flatpickr-calendar.static.open {
            z-index: 999;
            display: block
        }

    .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
        box-shadow: none
    }

    .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
        box-shadow: 2px 0 0 #e6e6e6,-5px 0 0 #e6e6e6
    }

    .flatpickr-calendar .hasTime .dayContainer, .flatpickr-calendar .hasWeeks .dayContainer {
        border-bottom: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

    .flatpickr-calendar .hasWeeks .dayContainer {
        border-right: 0
    }

    .flatpickr-calendar.hasTime .flatpickr-time {
        height: 40px;
        border-top: 1px solid #e6e6e6
    }

    .flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
        height: auto
    }

    .flatpickr-calendar:after, .flatpickr-calendar:before {
        position: absolute;
        display: block;
        pointer-events: none;
        border: solid transparent;
        content: "";
        height: 0;
        width: 0;
        right: 22px
    }

    .flatpickr-calendar.arrowRight:after, .flatpickr-calendar.arrowRight:before, .flatpickr-calendar.rightMost:after, .flatpickr-calendar.rightMost:before {
        right: auto;
        left: 22px
    }

    .flatpickr-calendar.arrowCenter:after, .flatpickr-calendar.arrowCenter:before {
        right: 50%;
        left: 50%
    }

    .flatpickr-calendar:before {
        border-width: 5px;
        margin: 0 -5px
    }

    .flatpickr-calendar:after {
        border-width: 4px;
        margin: 0 -4px
    }

    .flatpickr-calendar.arrowTop:after, .flatpickr-calendar.arrowTop:before {
        bottom: 100%
    }

    .flatpickr-calendar.arrowTop:before {
        border-bottom-color: #e6e6e6
    }

    .flatpickr-calendar.arrowTop:after {
        border-bottom-color: #fff
    }

    .flatpickr-calendar.arrowBottom:after, .flatpickr-calendar.arrowBottom:before {
        top: 100%
    }

    .flatpickr-calendar.arrowBottom:before {
        border-top-color: #e6e6e6
    }

    .flatpickr-calendar.arrowBottom:after {
        border-top-color: #fff
    }

    .flatpickr-calendar:focus {
        outline: 0
    }

.flatpickr-wrapper {
    position: relative;
    display: inline-block
}

.flatpickr-months {
    display: flex
}

    .flatpickr-months .flatpickr-month {
        background: 100% 0;
        color: rgba(0,0,0,.9);
        fill: rgba(0,0,0,.9);
        height: 34px;
        line-height: 1;
        text-align: center;
        position: relative;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        overflow: hidden;
        flex: 1
    }

    .flatpickr-months .flatpickr-next-month, .flatpickr-months .flatpickr-prev-month {
        text-decoration: none;
        cursor: pointer;
        position: absolute;
        top: 0;
        height: 34px;
        padding: 10px;
        z-index: 3;
        color: rgba(0,0,0,.9);
        fill: rgba(0,0,0,.9)
    }

        .flatpickr-months .flatpickr-next-month.flatpickr-disabled, .flatpickr-months .flatpickr-prev-month.flatpickr-disabled {
            display: none
        }

        .flatpickr-months .flatpickr-next-month i, .flatpickr-months .flatpickr-prev-month i {
            position: relative
        }

        .flatpickr-months .flatpickr-next-month.flatpickr-prev-month, .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month {
            right: 0
        }

        .flatpickr-months .flatpickr-next-month.flatpickr-next-month, .flatpickr-months .flatpickr-prev-month.flatpickr-next-month {
            left: 0
        }

        .flatpickr-months .flatpickr-next-month:hover, .flatpickr-months .flatpickr-prev-month:hover {
            color: #959ea9
        }

            .flatpickr-months .flatpickr-next-month:hover svg, .flatpickr-months .flatpickr-prev-month:hover svg {
                fill: #f64747
            }

        .flatpickr-months .flatpickr-next-month svg, .flatpickr-months .flatpickr-prev-month svg {
            width: 14px;
            height: 14px
        }

            .flatpickr-months .flatpickr-next-month svg path, .flatpickr-months .flatpickr-prev-month svg path {
                transition: fill .1s;
                fill: inherit
            }

.numInputWrapper {
    position: relative;
    height: auto
}

    .numInputWrapper input, .numInputWrapper span {
        display: inline-block
    }

    .numInputWrapper input {
        width: 100%
    }

        .numInputWrapper input::-ms-clear {
            display: none
        }

        .numInputWrapper input::-webkit-inner-spin-button, .numInputWrapper input::-webkit-outer-spin-button {
            margin: 0;
            -webkit-appearance: none
        }

    .numInputWrapper span {
        position: absolute;
        left: 0;
        width: 14px;
        padding: 0 2px 0 4px;
        height: 50%;
        line-height: 50%;
        opacity: 0;
        cursor: pointer;
        border: 1px solid rgba(57,57,57,.15);
        box-sizing: border-box
    }

        .numInputWrapper span:hover {
            background: rgba(0,0,0,.1)
        }

        .numInputWrapper span:active {
            background: rgba(0,0,0,.2)
        }

        .numInputWrapper span:after {
            display: block;
            content: "";
            position: absolute
        }

        .numInputWrapper span.arrowUp {
            top: 0;
            border-bottom: 0
        }

            .numInputWrapper span.arrowUp:after {
                border-right: 4px solid transparent;
                border-left: 4px solid transparent;
                border-bottom: 4px solid rgba(57,57,57,.6);
                top: 26%
            }

        .numInputWrapper span.arrowDown {
            top: 50%
        }

            .numInputWrapper span.arrowDown:after {
                border-right: 4px solid transparent;
                border-left: 4px solid transparent;
                border-top: 4px solid rgba(57,57,57,.6);
                top: 40%
            }

        .numInputWrapper span svg {
            width: inherit;
            height: auto
        }

            .numInputWrapper span svg path {
                fill: rgba(0,0,0,.5)
            }

    .numInputWrapper:hover {
        background: rgba(0,0,0,.05)
    }

        .numInputWrapper:hover span {
            opacity: 1
        }

.flatpickr-current-month {
    font-size: 135%;
    font-weight: 300;
    color: inherit;
    position: absolute;
    width: 75%;
    right: 12.5%;
    padding: 7.48px 0 0;
    line-height: 1;
    height: 34px;
    display: inline-block;
    text-align: center;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

    .flatpickr-current-month span.cur-month {
        font-family: inherit;
        font-weight: 700;
        color: inherit;
        display: inline-block;
        margin-right: .5ch;
        padding: 0
    }

        .flatpickr-current-month span.cur-month:hover {
            background: rgba(0,0,0,.05)
        }

    .flatpickr-current-month .numInputWrapper {
        width: 6ch;
        display: inline-block
    }

        .flatpickr-current-month .numInputWrapper span.arrowUp:after {
            border-bottom-color: rgba(0,0,0,.9)
        }

        .flatpickr-current-month .numInputWrapper span.arrowDown:after {
            border-top-color: rgba(0,0,0,.9)
        }

    .flatpickr-current-month input.cur-year {
        background: 100% 0;
        box-sizing: border-box;
        color: inherit;
        cursor: text;
        padding: 0 .5ch 0 0;
        margin: 0;
        display: inline-block;
        font-size: inherit;
        font-family: inherit;
        font-weight: 300;
        line-height: inherit;
        height: auto;
        border: 0;
        border-radius: 0;
        vertical-align: initial;
        -webkit-appearance: textfield;
        -moz-appearance: textfield;
        appearance: textfield
    }

        .flatpickr-current-month input.cur-year:focus {
            outline: 0
        }

        .flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover {
            font-size: 100%;
            color: rgba(0,0,0,.5);
            background: 100% 0;
            pointer-events: none
        }

    .flatpickr-current-month .flatpickr-monthDropdown-months {
        appearance: menulist;
        background: 100% 0;
        border: none;
        border-radius: 0;
        box-sizing: border-box;
        color: inherit;
        cursor: pointer;
        font-size: inherit;
        font-family: inherit;
        font-weight: 300;
        height: auto;
        line-height: inherit;
        margin: -1px 0 0;
        outline: 0;
        padding: 0 .5ch 0 0;
        position: relative;
        vertical-align: initial;
        -webkit-box-sizing: border-box;
        -webkit-appearance: menulist;
        -moz-appearance: menulist;
        width: auto
    }

        .flatpickr-current-month .flatpickr-monthDropdown-months:active, .flatpickr-current-month .flatpickr-monthDropdown-months:focus {
            outline: 0
        }

        .flatpickr-current-month .flatpickr-monthDropdown-months:hover {
            background: rgba(0,0,0,.05)
        }

        .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
            background-color: transparent;
            outline: 0;
            padding: 0
        }

.flatpickr-weekdays {
    background: 100% 0;
    text-align: center;
    overflow: hidden;
    width: 100%;
    display: flex;
    align-items: center;
    height: 28px
}

    .flatpickr-weekdays .flatpickr-weekdaycontainer {
        display: flex;
        flex: 1
    }

span.flatpickr-weekday {
    cursor: default;
    font-size: 90%;
    background: 100% 0;
    color: rgba(0,0,0,.54);
    line-height: 1;
    margin: 0;
    text-align: center;
    display: block;
    flex: 1;
    font-weight: bolder
}

.dayContainer, .flatpickr-weeks {
    padding: 1px 0 0
}

.flatpickr-days {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: flex-start;
    width: 307.875px
}

    .flatpickr-days:focus {
        outline: 0
    }

.dayContainer {
    padding: 0;
    outline: 0;
    text-align: right;
    width: 307.875px;
    min-width: 307.875px;
    max-width: 307.875px;
    box-sizing: border-box;
    display: inline-block;
    display: flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    justify-content: space-around;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    opacity: 1
}

    .dayContainer + .dayContainer {
        box-shadow: 1px 0 0 #e6e6e6
    }

.flatpickr-day {
    background: 100% 0;
    border: 1px solid transparent;
    border-radius: 150px;
    box-sizing: border-box;
    color: #393939;
    cursor: pointer;
    font-weight: 400;
    width: 14.2857143%;
    flex-basis: 14.2857143%;
    max-width: 39px;
    height: 39px;
    line-height: 39px;
    margin: 0;
    display: inline-block;
    position: relative;
    justify-content: center;
    text-align: center
}

    .flatpickr-day.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day.nextMonthDay:focus, .flatpickr-day.nextMonthDay:hover, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.today.inRange, .flatpickr-day:focus, .flatpickr-day:hover {
        cursor: pointer;
        outline: 0;
        background: #e6e6e6;
        border-color: #e6e6e6
    }

    .flatpickr-day.today {
        border-color: #959ea9
    }

        .flatpickr-day.today:focus, .flatpickr-day.today:hover {
            border-color: #959ea9;
            background: #959ea9;
            color: #fff
        }

    .flatpickr-day.endRange, .flatpickr-day.endRange.inRange, .flatpickr-day.endRange.nextMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.endRange:focus, .flatpickr-day.endRange:hover, .flatpickr-day.selected, .flatpickr-day.selected.inRange, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.selected:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange, .flatpickr-day.startRange.inRange, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.startRange:focus, .flatpickr-day.startRange:hover {
        background: #569ff7;
        box-shadow: none;
        color: #fff;
        border-color: #569ff7
    }

        .flatpickr-day.endRange.startRange, .flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange {
            border-radius: 0 50px 50px 0
        }

        .flatpickr-day.endRange.endRange, .flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange {
            border-radius: 50px 0 0 50px
        }

        .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)) {
            box-shadow: 10px 0 0 #569ff7
        }

        .flatpickr-day.endRange.startRange.endRange, .flatpickr-day.selected.startRange.endRange, .flatpickr-day.startRange.startRange.endRange {
            border-radius: 50px
        }

    .flatpickr-day.inRange {
        border-radius: 0;
        box-shadow: 5px 0 0 #e6e6e6,-5px 0 0 #e6e6e6
    }

    .flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.nextMonthDay, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.prevMonthDay {
        color: rgba(57,57,57,.3);
        background: 100% 0;
        border-color: transparent;
        cursor: default
    }

        .flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover {
            cursor: not-allowed;
            color: rgba(57,57,57,.1)
        }

    .flatpickr-day.week.selected {
        border-radius: 0;
        box-shadow: 5px 0 0 #569ff7,-5px 0 0 #569ff7
    }

    .flatpickr-day.hidden {
        visibility: hidden
    }

.rangeMode .flatpickr-day {
    margin-top: 1px
}

.flatpickr-weekwrapper {
    float: right
}

    .flatpickr-weekwrapper .flatpickr-weeks {
        padding: 0 12px;
        box-shadow: -1px 0 0 #e6e6e6
    }

    .flatpickr-weekwrapper .flatpickr-weekday {
        float: none;
        width: 100%;
        line-height: 28px
    }

    .flatpickr-weekwrapper span.flatpickr-day, .flatpickr-weekwrapper span.flatpickr-day:hover {
        display: block;
        width: 100%;
        max-width: none;
        color: rgba(57,57,57,.3);
        background: 100% 0;
        cursor: default;
        border: none
    }

.flatpickr-innerContainer {
    display: block;
    display: flex;
    box-sizing: border-box;
    overflow: hidden
}

.flatpickr-rContainer {
    display: inline-block;
    padding: 0;
    box-sizing: border-box
}

.flatpickr-time {
    text-align: center;
    outline: 0;
    display: block;
    height: 0;
    line-height: 40px;
    max-height: 40px;
    box-sizing: border-box;
    overflow: hidden;
    display: flex
}

    .flatpickr-time:after {
        content: "";
        display: table;
        clear: both
    }

    .flatpickr-time .numInputWrapper {
        flex: 1;
        width: 40%;
        height: 40px;
        float: right
    }

        .flatpickr-time .numInputWrapper span.arrowUp:after {
            border-bottom-color: #393939
        }

        .flatpickr-time .numInputWrapper span.arrowDown:after {
            border-top-color: #393939
        }

    .flatpickr-time.hasSeconds .numInputWrapper {
        width: 26%
    }

    .flatpickr-time.time24hr .numInputWrapper {
        width: 49%
    }

    .flatpickr-time input {
        background: 100% 0;
        box-shadow: none;
        border: 0;
        border-radius: 0;
        text-align: center;
        margin: 0;
        padding: 0;
        height: inherit;
        line-height: inherit;
        color: #393939;
        font-size: 14px;
        position: relative;
        box-sizing: border-box;
        -webkit-appearance: textfield;
        -moz-appearance: textfield;
        appearance: textfield
    }

        .flatpickr-time input.flatpickr-hour {
            font-weight: 700
        }

        .flatpickr-time input.flatpickr-minute, .flatpickr-time input.flatpickr-second {
            font-weight: 400
        }

        .flatpickr-time input:focus {
            outline: 0;
            border: 0
        }

    .flatpickr-time .flatpickr-am-pm, .flatpickr-time .flatpickr-time-separator {
        height: inherit;
        float: right;
        line-height: inherit;
        color: #393939;
        font-weight: 700;
        width: 2%;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        align-self: center
    }

    .flatpickr-time .flatpickr-am-pm {
        outline: 0;
        width: 18%;
        cursor: pointer;
        text-align: center;
        font-weight: 400
    }

        .flatpickr-time .flatpickr-am-pm:focus, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time input:hover {
            background: #eee
        }

.flatpickr-input[readonly] {
    cursor: pointer
}

@-webkit-keyframes fpFadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

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

@keyframes fpFadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

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

.ps {
    overflow: hidden;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto
}

.ps__rail-x {
    display: none;
    opacity: 0;
    transition: background-color .2s linear,opacity .2s linear;
    -webkit-transition: background-color .2s linear,opacity .2s linear;
    height: 15px;
    bottom: 0;
    position: absolute
}

.ps__rail-y {
    opacity: 0;
    transition: background-color .2s linear,opacity .2s linear;
    -webkit-transition: background-color .2s linear,opacity .2s linear;
    width: 15px;
    left: 0;
    position: absolute
}

.ps--active-x > .ps__rail-x, .ps--active-y > .ps__rail-y {
    display: block;
    background-color: transparent
}

.ps--focus > .ps__rail-x, .ps--focus > .ps__rail-y, .ps--scrolling-x > .ps__rail-x, .ps--scrolling-y > .ps__rail-y, .ps:hover > .ps__rail-x, .ps:hover > .ps__rail-y {
    opacity: .6
}

.ps .ps__rail-x.ps--clicking, .ps .ps__rail-x:focus, .ps .ps__rail-x:hover, .ps .ps__rail-y.ps--clicking, .ps .ps__rail-y:focus, .ps .ps__rail-y:hover {
    background-color: #eee;
    opacity: .9
}

.ps__thumb-x {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,height .2s ease-in-out;
    -webkit-transition: background-color .2s linear,height .2s ease-in-out;
    height: 6px;
    bottom: 2px;
    position: absolute
}

.ps__thumb-y {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,width .2s ease-in-out;
    -webkit-transition: background-color .2s linear,width .2s ease-in-out;
    width: 6px;
    left: 2px;
    position: absolute
}

.ps__rail-x.ps--clicking .ps__thumb-x, .ps__rail-x:focus > .ps__thumb-x, .ps__rail-x:hover > .ps__thumb-x {
    background-color: #999;
    height: 11px
}

.ps__rail-y.ps--clicking .ps__thumb-y, .ps__rail-y:focus > .ps__thumb-y, .ps__rail-y:hover > .ps__thumb-y {
    background-color: #999;
    width: 11px
}

@supports (-ms-overflow-style:none) {
    .ps {
        overflow: auto
    }
}

@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .ps {
        overflow: auto
    }
}

.glightbox-container {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 999999;
    touch-action: none;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    outline: 0;
    overflow: hidden
}

    .glightbox-container.inactive {
        display: none
    }

    .glightbox-container .gcontainer {
        position: relative;
        width: 100%;
        height: 100%;
        z-index: 9999;
        overflow: hidden
    }

    .glightbox-container .gslider {
        transition: transform .4s;
        transition: transform .4s,-webkit-transform .4s;
        height: 100%;
        right: 0;
        top: 0;
        width: 100%;
        position: relative;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    .glightbox-container .gslide {
        width: 100%;
        position: absolute;
        opacity: 1;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        display: flex;
        align-items: center;
        justify-content: center;
        opacity: 0
    }

        .glightbox-container .gslide.current {
            opacity: 1;
            z-index: 99999;
            position: relative
        }

        .glightbox-container .gslide.prev {
            opacity: 1;
            z-index: 9999
        }

    .glightbox-container .gslide-inner-content {
        width: 100%
    }

    .glightbox-container .ginner-container {
        position: relative;
        width: 100%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        max-width: 100%;
        margin: auto;
        height: 100vh
    }

        .glightbox-container .ginner-container.gvideo-container {
            width: 100%
        }

        .glightbox-container .ginner-container.desc-bottom, .glightbox-container .ginner-container.desc-top {
            flex-direction: column
        }

        .glightbox-container .ginner-container.desc-left, .glightbox-container .ginner-container.desc-right {
            max-width: 100%
        }

.gslide iframe, .gslide video {
    outline: 0;
    border: none;
    min-height: 165px;
    -webkit-overflow-scrolling: touch;
    touch-action: auto
}

.gslide-image {
    align-items: center
}

    .gslide-image img {
        max-height: 100vh;
        display: block;
        padding: 0;
        float: none;
        outline: 0;
        border: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        max-width: 100vw;
        width: auto;
        height: auto;
        -o-object-fit: cover;
        object-fit: cover;
        touch-action: none;
        margin: auto;
        min-width: 200px
    }

.desc-bottom .gslide-image img, .desc-top .gslide-image img {
    width: auto
}

.desc-left .gslide-image img, .desc-right .gslide-image img {
    width: auto;
    max-width: 100%
}

.gslide-image img.zoomable {
    position: relative
}

.gslide-image img.dragging {
    cursor: -webkit-grabbing;
    cursor: grabbing;
    transition: none
}

.gslide-video {
    position: relative;
    max-width: 100vh;
    width: 100%
}

    .gslide-video .gvideo-wrapper {
        width: 100%;
        margin: auto
    }

    .gslide-video::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background: rgba(255,0,0,.34);
        display: none
    }

    .gslide-video.playing::before {
        display: none
    }

    .gslide-video.fullscreen {
        max-width: 100%;
        min-width: 100%;
        height: 75vh
    }

        .gslide-video.fullscreen video {
            max-width: 100%;
            width: 100%
        }

.gslide-inline {
    background: #fff;
    text-align: right;
    max-height: calc(100vh - 40px);
    overflow: auto;
    max-width: 100%
}

    .gslide-inline .ginlined-content {
        padding: 20px;
        width: 100%
    }

    .gslide-inline .dragging {
        cursor: -webkit-grabbing;
        cursor: grabbing;
        transition: none
    }

.ginlined-content {
    overflow: auto;
    display: block;
    opacity: 1
}

.gslide-external {
    display: flex;
    width: 100%;
    min-width: 100%;
    background: #fff;
    padding: 0;
    overflow: auto;
    max-height: 75vh;
    height: 100%
}

.gslide-media {
    display: flex;
    width: auto
}

    .gslide-media.gslide-video {
        width: 100%
    }

.zoomed .gslide-media {
    box-shadow: none
}

.desc-bottom .gslide-media, .desc-top .gslide-media {
    margin: 0 auto;
    flex-direction: column
}

.gslide-description {
    position: relative;
    flex: 1 0 100%
}

    .gslide-description.description-left, .gslide-description.description-right {
        max-width: 100%
    }

    .gslide-description.description-bottom, .gslide-description.description-top {
        margin: 0 auto;
        width: 100%
    }

    .gslide-description p {
        margin-bottom: 12px
    }

        .gslide-description p:last-child {
            margin-bottom: 0
        }

.glightbox-button-hidden, .zoomed .gslide-description {
    display: none
}

.glightbox-mobile .glightbox-container .gslide-description {
    height: auto;
    width: 100%;
    background: 100% 0;
    position: absolute;
    bottom: 15px;
    padding: 19px 11px 50px;
    max-width: 100vw;
    order: 2;
    max-height: 78vh;
    overflow: auto;
    background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.75) 100%);
    transition: opacity .3s linear
}

.glightbox-mobile .glightbox-container .gslide-title {
    color: #fff;
    font-size: 1em
}

.glightbox-mobile .glightbox-container .gslide-desc {
    color: #a1a1a1
}

    .glightbox-mobile .glightbox-container .gslide-desc a {
        color: #fff;
        font-weight: 700
    }

    .glightbox-mobile .glightbox-container .gslide-desc * {
        color: inherit
    }

    .glightbox-mobile .glightbox-container .gslide-desc string {
        color: #fff
    }

    .glightbox-mobile .glightbox-container .gslide-desc .desc-more {
        color: #fff;
        opacity: .4
    }

.gdesc-open .gslide-media {
    transition: opacity .5s;
    opacity: .4
}

.gdesc-open .gdesc-inner {
    padding-bottom: 30px
}

.gdesc-closed .gslide-media {
    transition: opacity .5s;
    opacity: 1
}

.greset {
    transition: .3s
}

.gabsolute {
    position: absolute
}

.grelative {
    position: relative
}

.glightbox-desc {
    display: none
}

.glightbox-open {
    overflow: hidden
}

.gloader {
    height: 25px;
    width: 25px;
    -webkit-animation: .8s linear infinite lightboxLoader;
    animation: .8s linear infinite lightboxLoader;
    border: 2px solid #fff;
    border-left-color: transparent;
    border-radius: 50%;
    position: absolute;
    display: block;
    z-index: 9999;
    right: 0;
    left: 0;
    margin: 0 auto;
    top: 47%
}

.goverlay {
    width: 100%;
    height: calc(100vh + 1px);
    position: fixed;
    top: -1px;
    right: 0;
    background: #000;
    will-change: opacity
}

.glightbox-mobile .goverlay {
    background: #000
}

.gclose, .gnext, .gprev {
    z-index: 99999;
    cursor: pointer;
    width: 26px;
    height: 44px;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

    .gclose svg, .gnext svg, .gprev svg {
        display: block;
        width: 25px;
        height: auto;
        margin: 0;
        padding: 0
    }

    .gclose.disabled, .gnext.disabled, .gprev.disabled {
        opacity: .1
    }

    .gclose .garrow, .gnext .garrow, .gprev .garrow {
        stroke: #fff
    }

.glightbox-closing .gclose, .glightbox-closing .gnext, .glightbox-closing .gprev, iframe.wait-autoplay {
    opacity: 0
}

.glightbox-clean .gslide-description {
    background: #fff
}

.glightbox-clean .gdesc-inner {
    padding: 22px 20px
}

.glightbox-clean .gslide-title {
    font-size: 1em;
    font-weight: 400;
    font-family: arial;
    color: #000;
    margin-bottom: 19px;
    line-height: 1.4em
}

.glightbox-clean .gslide-desc {
    font-size: .86em;
    margin-bottom: 0;
    font-family: arial;
    line-height: 1.4em
}

.glightbox-clean .gslide-video {
    background: #000
}

.glightbox-clean .gclose, .glightbox-clean .gnext, .glightbox-clean .gprev {
    background-color: rgba(0,0,0,.75);
    border-radius: 4px
}

    .glightbox-clean .gclose path, .glightbox-clean .gnext path, .glightbox-clean .gprev path {
        fill: #fff
    }

.glightbox-clean button:focus:not(.focused):not(.disabled) {
    outline: 0
}

.glightbox-clean .gprev {
    position: absolute;
    top: -100%;
    right: 30px;
    width: 40px;
    height: 50px
}

.glightbox-clean .gnext {
    position: absolute;
    top: -100%;
    left: 30px;
    width: 40px;
    height: 50px
}

.glightbox-clean .gclose {
    width: 35px;
    height: 35px;
    top: 15px;
    left: 10px;
    position: absolute
}

    .glightbox-clean .gclose svg {
        width: 18px;
        height: auto
    }

    .glightbox-clean .gclose:hover {
        opacity: 1
    }

.gfadeIn {
    -webkit-animation: .5s gfadeIn;
    animation: .5s gfadeIn
}

.gfadeOut {
    -webkit-animation: .5s gfadeOut;
    animation: .5s gfadeOut
}

.gslideOutLeft {
    -webkit-animation: .3s gslideOutLeft;
    animation: .3s gslideOutLeft
}

.gslideInLeft {
    -webkit-animation: .3s gslideInLeft;
    animation: .3s gslideInLeft
}

.gslideOutRight {
    -webkit-animation: .3s gslideOutRight;
    animation: .3s gslideOutRight
}

.gslideInRight {
    -webkit-animation: .3s gslideInRight;
    animation: .3s gslideInRight
}

.gzoomIn {
    -webkit-animation: .5s gzoomIn;
    animation: .5s gzoomIn
}

.gzoomOut {
    -webkit-animation: .5s gzoomOut;
    animation: .5s gzoomOut
}

@-webkit-keyframes lightboxLoader {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

@keyframes lightboxLoader {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

@-webkit-keyframes gfadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes gfadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes gfadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes gfadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes gslideInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(60%,0,0);
        transform: translate3d(60%,0,0)
    }

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

@keyframes gslideInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(60%,0,0);
        transform: translate3d(60%,0,0)
    }

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

@-webkit-keyframes gslideOutLeft {
    from {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    to {
        -webkit-transform: translate3d(60%,0,0);
        transform: translate3d(60%,0,0);
        opacity: 0;
        visibility: hidden
    }
}

@keyframes gslideOutLeft {
    from {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    to {
        -webkit-transform: translate3d(60%,0,0);
        transform: translate3d(60%,0,0);
        opacity: 0;
        visibility: hidden
    }
}

@-webkit-keyframes gslideInRight {
    from {
        opacity: 0;
        visibility: visible;
        -webkit-transform: translate3d(-60%,0,0);
        transform: translate3d(-60%,0,0)
    }

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

@keyframes gslideInRight {
    from {
        opacity: 0;
        visibility: visible;
        -webkit-transform: translate3d(-60%,0,0);
        transform: translate3d(-60%,0,0)
    }

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

@-webkit-keyframes gslideOutRight {
    from {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

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

@keyframes gslideOutRight {
    from {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

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

@-webkit-keyframes gzoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 1
    }
}

@keyframes gzoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes gzoomOut {
    from {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

@keyframes gzoomOut {
    from {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

@media (min-width:769px) {
    .glightbox-container .ginner-container {
        width: auto;
        height: auto;
        flex-direction: row
    }

        .glightbox-container .ginner-container.desc-top .gslide-description {
            order: 0
        }

        .glightbox-container .ginner-container.desc-top .gslide-image, .glightbox-container .ginner-container.desc-top .gslide-image img {
            order: 1
        }

        .glightbox-container .ginner-container.desc-left .gslide-description {
            order: 0
        }

        .glightbox-container .ginner-container.desc-left .gslide-image {
            order: 1
        }

    .gslide-image img {
        max-height: 97vh;
        max-width: 100%
    }

        .gslide-image img.zoomable {
            cursor: -webkit-zoom-in;
            cursor: zoom-in
        }

    .zoomed .gslide-image img.zoomable {
        cursor: -webkit-grab;
        cursor: grab
    }

    .gslide-inline {
        max-height: 95vh
    }

    .gslide-external {
        max-height: 100vh
    }

    .gslide-description.description-left, .gslide-description.description-right {
        max-width: 275px
    }

    .glightbox-open {
        height: auto
    }

    .goverlay {
        background: rgba(0,0,0,.92)
    }

    .glightbox-clean .gslide-media {
        box-shadow: -1px 2px 9px 0 rgba(0,0,0,.65)
    }

    .glightbox-clean .description-left .gdesc-inner, .glightbox-clean .description-right .gdesc-inner {
        position: absolute;
        height: 100%;
        overflow-y: auto
    }

    .glightbox-clean .gclose, .glightbox-clean .gnext, .glightbox-clean .gprev {
        background-color: rgba(0,0,0,.32)
    }

        .glightbox-clean .gclose:hover, .glightbox-clean .gnext:hover, .glightbox-clean .gprev:hover {
            background-color: rgba(0,0,0,.7)
        }

    .glightbox-clean .gnext, .glightbox-clean .gprev {
        top: 45%
    }
}

@media (min-width:992px) {
    .glightbox-clean .gclose {
        opacity: .7;
        left: 20px
    }
}

@media screen and (max-height:420px) {
    .goverlay {
        background: #000
    }
}

.tt-header {
    background-color: #1e60aa;
    box-shadow: 0 20px 30px rgba(26,54,85,.1)
}

@media (min-width:1025px) {
    .tt-header {
        height: 155px
    }
}

@media (max-width:1100px) {
    .tt-header {
        height: 112px
    }
}

@media (max-width:767.98px) {
    .tt-header {
        height: 69px
    }
}

.tt-col__wrapper {
    background-color: #fff;
    display: flex;
    flex-wrap: nowrap;
    align-items: center
}

@media (min-width:1025px) {
    .tt-col__wrapper {
        height: 100px
    }

    .sticky-header .tt-obj-logo {
        min-width: 250px
    }

    .sticky-header .tt-logo__icon {
        width: 150px
    }

    .sticky-header .tt-logo__text {
        font-size: 27px;
        margin-top: 2px
    }

    .sticky-header .tt-logo__alignment {
        top: 10px;
        right: 25px
    }
}

.tt-header-holder {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    width: 100%;
    position: relative;
    background-color: #1e60aa
}

    .tt-header-holder .tt-col__wide {
        flex: 2 1 auto
    }

    .tt-header-holder .tt-col__objects {
        display: inline-flex
    }

@media (min-width:1791px) {
    .tt-header-holder .tt-col__objects > :not(:first-child) {
        margin-right: 60px
    }

    .desktopmenu nav > ul > li > a {
        padding: 18px 18px 22px
    }
}

@media (max-width:1790px) {
    .tt-header-holder .tt-col__objects > :not(:first-child) {
        margin-right: 40px
    }
}

@media (max-width:1560px) {
    .tt-header-holder .tt-col__objects > :not(:first-child) {
        margin-right: 30px
    }
}

@media (max-width:1100px) {
    .tt-col__wrapper {
        height: 70px
    }

    .tt-header-holder .tt-col__objects > :not(:first-child) {
        margin-right: 50px
    }
}

@media (max-width:767.98px) {
    .tt-col__wrapper {
        height: 59px
    }

    .tt-header-holder .tt-col__objects > :not(:first-child) {
        margin-right: 30px
    }

        .tt-header-holder .tt-col__objects > :not(:first-child):not(:last-child) {
            margin-right: 0
        }

        .tt-header-holder .tt-col__objects > :not(:first-child):not(:first-child):not(:last-child) {
            display: none
        }
}

.tt-header-holder .tt-col__corner {
    position: relative
}

    .tt-header-holder .tt-col__corner:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: 0;
        height: 0;
        border-bottom: 100px solid #fff;
        border-right: 48px solid transparent;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

.sticky-header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 21;
    right: 0;
    box-shadow: 0 20px 30px rgba(26,54,85,.1)
}

@media (max-width:1024.98px) {
    .sticky-header .tt-obj-logo {
        min-width: 145px
    }

    .sticky-header .tt-logo__icon {
        width: 100px
    }

    .sticky-header .tt-logo__text {
        font-size: 20px;
        margin-top: 2px
    }

    .sticky-header .tt-logo__alignment {
        top: 8px;
        right: 10px
    }
}

.row-header-info .tt-header-holder {
    height: 55px;
    padding-right: 301px;
    padding-left: 33px
}

@media (max-width:1560px) {
    .row-header-info .tt-header-holder {
        padding-right: 250px
    }
}

@media (max-width:1100px) {
    .tt-header-holder .tt-col__corner:before {
        border-bottom-width: 70px;
        border-right-width: 35px
    }

    .row-header-info .tt-header-holder {
        height: 42px;
        padding-right: 195px
    }
}

@media (max-width:767.98px) {
    .tt-header-holder .tt-col__corner:before {
        border-bottom-width: 59px;
        border-right-width: 29px
    }

    .sticky-header .tt-obj-logo {
        min-width: 135px
    }

    .sticky-header .tt-logo__icon {
        width: 90px
    }

    .sticky-header .tt-logo__text {
        font-size: 18px;
        margin-top: 2px
    }

    .sticky-header .tt-logo__alignment {
        top: 5px;
        right: 15px
    }

    .row-header-info .tt-header-holder {
        height: 10px;
        overflow: hidden
    }

        .row-header-info .tt-header-holder > * {
            display: none
        }
}

.h-info-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    color: #fff;
    font-size: 14px;
    line-height: 24px
}

    .h-info-list a {
        color: #fff;
        display: inline-block;
        position: relative
    }

        .h-info-list a:before {
            position: absolute;
            bottom: 2px;
            right: 0;
            left: 0;
            margin: auto;
            width: 0%;
            content: "";
            color: transparent;
            background-color: #fff;
            height: 1px;
            transition: width .2s linear
        }

        .h-info-list a:hover:before {
            width: 100%
        }

    .h-info-list .tt-title {
        color: #a8d7ff;
        font-weight: 700
    }

    .h-info-list [class^=icon] {
        color: #a9d7ff;
        position: relative;
        display: inline-block;
        top: 0;
        margin-left: 5px;
        font-size: 13px
    }

    .h-info-list svg {
        width: 14px;
        height: 14px;
        fill: #a9d7ff
    }

    .h-info-list > * {
        margin-right: 30px;
        margin-left: 30px
    }

@media (min-width:1500px) {
    .h-info-list {
        margin-right: -30px;
        margin-left: -30px
    }

        .h-info-list > * {
            margin-right: 30px;
            margin-left: 30px
        }
}

@media (max-width:1499px) {
    .h-info-list {
        margin-right: -15px;
        margin-left: -15px
    }

        .h-info-list > * {
            margin-right: 15px;
            margin-left: 15px
        }
}

@media (max-width:1400px) {
    .h-info-list .tt-visible-xl:first-child {
        display: none
    }
}

@media (max-width:1100px) {
    .h-info-list {
        font-size: 13px;
        line-height: 23px
    }
}

@media (max-width:980px) {
    .h-info-list .tt-visible-xl {
        display: none
    }
}

.h-icon {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start
}

.h-icon__title {
    color: #a8d7ff;
    font-weight: 700;
    margin-left: 22px;
    font-size: 14px
}

@media (max-width:1100px) {
    .h-icon__title {
        font-size: 13px;
        line-height: 23px
    }

    .desktopmenu {
        display: none
    }
}

.h-icon__list {
    margin-right: -7px;
    margin-left: -7px
}

    .h-icon__list li {
        display: inline-block
    }

    .h-icon__list a {
        color: #fff;
        fill: #fff;
        padding: 5px 7px;
        font-size: 12px;
        transition: color .35s,fill .35s
    }

        .h-icon__list a:hover {
            color: #a8d7ff;
            fill: #a8d7ff
        }

    .h-icon__list svg {
        max-width: 12px;
        width: 12px;
        height: auto
    }

@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
    .h-icon__list svg {
        height: 12px
    }
}

.h-infobox {
    font-size: 13px;
    line-height: 15px
}

    .h-infobox address {
        font-weight: 800;
        color: #ff4917;
        font-size: 25px;
        line-height: 1.1;
        margin-top: 5px;
        white-space: nowrap
    }

        .h-infobox address a {
            color: #ff4917
        }

    .h-infobox [class^=icon-] {
        color: #0c4c93;
        font-size: 16px;
        position: relative;
        top: -3px
    }

    .h-infobox svg {
        max-width: 16px;
        width: 16px;
        height: auto;
        fill: #0c4c93;
        position: relative;
        top: -3px
    }

@media (max-width:1560px) {
    .h-infobox address {
        font-size: 22px
    }
}

@media (max-width:767.98px) {
    .h-infobox .tt-text {
        display: none
    }

    .h-infobox address {
        font-size: 16px
    }

    .h-infobox svg {
        max-width: 11px;
        top: -2px
    }
}

.desktopmenu {
    text-align: center;
    padding-right: 15px;
    padding-left: 15px
}

    .desktopmenu a {
        transition: color .2s
    }

    .desktopmenu ul {
        list-style: none;
        margin: 0;
        padding: 0
    }

    .desktopmenu nav {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-content: flex-start;
        align-items: flex-start
    }

        .desktopmenu nav > ul {
            text-align: right
        }

            .desktopmenu nav > ul > li {
                display: inline-block
            }

                .desktopmenu nav > ul > li.has-submenu > a:before {
                    content: "";
                    position: absolute;
                    right: 50%;
                    bottom: 10px;
                    -webkit-transform: translateX(50%);
                    transform: translateX(50%);
                    border: solid #0c4c93;
                    border-width: 0 0 2px 2px;
                    display: inline-block;
                    padding: 2px;
                    -webkit-transform: rotate(-45deg);
                    transform: rotate(-45deg);
                    pointer-events: none
                }

                .desktopmenu nav > ul > li.is-active > a {
                    color: #51acfb
                }

                .desktopmenu nav > ul > li > a {
                    display: inline-flex;
                    position: relative;
                    color: #0c4c93;
                    transition: color .2s linear;
                    font-size: 18px;
                    line-height: 1.1;
                    font-weight: 700
                }

                    .desktopmenu nav > ul > li > a:hover {
                        color: #51acfb
                    }

                        .desktopmenu nav > ul > li > a:hover:before {
                            border-color: #51acfb
                        }

@media (max-width:1790px) {
    .desktopmenu nav > ul > li > a {
        padding: 18px 10px 17px
    }
}

@media (max-width:1560px) {
    .desktopmenu nav > ul > li > a {
        padding: 18px 7px 17px;
        font-size: 17px
    }
}

@media (max-width:1380px) {
    .desktopmenu nav > ul > li > a {
        padding: 8px 7px 7px;
        font-size: 17px
    }

    .desktopmenu nav > ul > li.has-submenu > a:before {
        bottom: -2px
    }
}

.desktopmenu nav li {
    position: relative
}

    .desktopmenu nav li.is-active > a {
        font-weight: 700;
        color: #0c4c93
    }

    .desktopmenu nav li.is-active > ul {
        opacity: 1;
        visibility: visible
    }

.desktopmenu nav > ul ul {
    position: absolute;
    width: 320px;
    z-index: 2;
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.08);
    padding: 33px 35px 35px;
    visibility: hidden;
    opacity: 0;
    transition: opacity .2s linear
}

    .desktopmenu nav > ul ul li {
        font-size: 16px;
        position: relative
    }

        .desktopmenu nav > ul ul li:not(:last-child) {
            border-bottom: 1px solid #f3f3f3
        }

        .desktopmenu nav > ul ul li a {
            color: #0c4c93;
            padding: 13px 0 13px 7px;
            position: relative;
            display: block;
            transition: font-weight .25s linear;
            font-weight: 400
        }

    .desktopmenu nav > ul ul ul {
        top: -33px;
        right: 100%
    }

    .desktopmenu nav > ul ul li.has-submenu > a:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 2px;
        margin-top: -4px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        border: solid #0c4c93;
        border-width: 0 0 2px 2px;
        display: inline-block;
        padding: 2px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        pointer-events: none
    }

    .desktopmenu nav > ul ul li a:hover {
        font-weight: 700
    }

.desktopmenu nav ul.popup-left {
    right: auto;
    left: 100%
}

.not-clickable {
    pointer-events: none
}

.tt-mobile-menu {
    overflow: hidden;
    position: relative;
    padding-bottom: 12px;
    margin-right: 11px
}

    .tt-mobile-menu nav {
        transition-duration: .3s;
        right: 0;
        position: relative
    }

        .tt-mobile-menu nav > ul {
            transition-duration: .3s
        }

            .tt-mobile-menu nav > ul > li a {
                display: inline-block;
                font-size: 16px;
                padding: 8px 0 8px 25px;
                color: #0c4c93;
                font-weight: 700
            }

                .tt-mobile-menu nav > ul > li a:hover {
                    color: #51acfb
                }

            .tt-mobile-menu nav > ul > li > ul {
                top: 40px
            }

            .tt-mobile-menu nav > ul ul {
                right: 100%;
                width: 100%;
                position: absolute;
                opacity: 0;
                top: 0
            }

    .tt-mobile-menu li.active > ul {
        opacity: 1;
        z-index: 2
    }

    .tt-mobile-menu li.has-submenu > a {
        position: relative;
        z-index: 1;
        display: block;
        width: calc(100% - 50px)
    }

    .tt-mobile-menu .link__open-submenu {
        position: absolute;
        display: block;
        left: 0;
        margin-top: 2px;
        width: 50px;
        height: 36px;
        text-align: center;
        z-index: 2;
        cursor: pointer
    }

        .tt-mobile-menu .link__open-submenu:before {
            content: "";
            border: solid #0c4c93;
            border-width: 0 0 2px 2px;
            display: inline-block;
            padding: 2px;
            position: relative;
            top: 3px;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            pointer-events: none
        }

    .tt-mobile-menu > ul > li > ul {
        display: none
    }

    .tt-mobile-menu.submenu-visible .tt-mobile-menu__back {
        pointer-events: auto;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

@media (min-width:1101px) {
    .tt-mobile-menu {
        display: none
    }
}

.tt-mobile-menu__back {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: stretch;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 40px;
    padding: 4px 20px;
    color: #6c7176;
    cursor: pointer;
    pointer-events: auto;
    transition-duration: .3s;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

    .tt-mobile-menu__back:before {
        content: "";
        position: absolute;
        top: 50%;
        right: 2px;
        margin-top: -3px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        border: solid #0c4c93;
        border-width: 0 0 2px 2px;
        display: inline-block;
        padding: 2px;
        pointer-events: none;
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg)
    }

    .tt-mobile-menu__back:hover {
        color: #51acfb
    }

        .tt-mobile-menu__back:hover:before {
            border-color: #51acfb
        }

.tt-obj-logo {
    min-width: 293px
}

.tt-logo {
    line-height: 0;
    display: inline-block;
    position: absolute
}

.tt-logo__alignment {
    top: 10px;
    right: 54px
}

.tt-logo__icon {
    width: 135px;
    margin-right: auto;
    margin-left: auto
}

    .tt-logo__icon > * {
        width: 100%;
        height: auto
    }

@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
    .h-infobox svg {
        height: 16px
    }

    .tt-logo__icon > * {
        height: 67px
    }
}

.tt-logo__icon-color01 {
    fill: #fff
}

.tt-logo__icon-color02 {
    fill: #51acfb;
    -webkit-animation: 7s infinite drop;
    animation: 7s infinite drop
}

.tt-logo__text {
    font-size: 36px;
    line-height: 1;
    color: #fff;
    font-family: Raleway,sans-serif;
    margin-top: 3px;
    position: relative;
    overflow: hidden
}

.wave_container {
    position: unset;
    width: calc(100% - 2px);
    right: 2px;
    top: 1px;
    overflow: hidden
}

    .wave_container svg {
        transition: .2s ease-in-out
    }

        .wave_container svg path {
            fill: #51acfb;
            opacity: .7
        }

@-webkit-keyframes drop {
    0% {
        -webkit-transform: translateY();
        transform: translateY();
        opacity: 1
    }

    70% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    100% {
        -webkit-transform: translateY(110vh);
        transform: translateY(110vh);
        opacity: .5
    }
}

@keyframes drop {
    0% {
        -webkit-transform: translateY();
        transform: translateY();
        opacity: 1
    }

    70% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    100% {
        -webkit-transform: translateY(110vh);
        transform: translateY(110vh);
        opacity: .5
    }
}

.row-header-layout:not(.sticky-header) .wave_container {
    top: 9px;
    height: 22px
}

.row-header-layout.sticky-header .wave_container {
    top: 6px;
    height: 17px
}

@media (max-width:1560px) {
    .tt-obj-logo {
        min-width: 250px
    }

    .tt-logo__text {
        font-size: 33px
    }

    .tt-logo__alignment {
        right: 40px
    }

    .row-header-layout:not(.sticky-header) .wave_container {
        top: 6px;
        height: 22px
    }

    .row-header-layout.sticky-header .wave_container {
        top: 6px;
        height: 17px
    }
}

@media (max-width:1100px) and (-ms-high-contrast:none),(max-width:1100px) and (-ms-high-contrast:active) {
    .tt-logo__icon {
        height: 57px
    }
}

@media (max-width:1100px) {
    .tt-obj-logo {
        min-width: 195px
    }

    .tt-logo__icon {
        width: 120px
    }

    .tt-logo__text {
        font-size: 27px
    }

    .tt-logo__alignment {
        /*top: -28px;*/
        right: 24px
    }

    .row-header-layout:not(.sticky-header) .wave_container {
        top: 4px;
        height: 19px
    }

    .row-header-layout.sticky-header .wave_container {
        top: 3px;
        height: 13px
    }
}

@media (max-width:767.98px) and (-ms-high-contrast:none),(max-width:767.98px) and (-ms-high-contrast:active) {
    .tt-logo__icon {
        height: 47px
    }
}

@media (max-width:767.98px) {
    .tt-obj-logo {
        min-width: 135px
    }

    .tt-logo__icon {
        width: 100px
    }

    .tt-logo__text {
        font-size: 18px;
        margin-top: 2px
    }

    .tt-logo__alignment {
        /*top: -3px;*/
        right: 6px
    }

    .row-header-layout:not(.sticky-header) .wave_container {
        top: 4px;
        height: 11px
    }

    .row-header-layout.sticky-header .wave_container {
        top: 5px;
        height: 11px
    }
}

@media (max-width:1100px) and (min-width:768px) and (-ms-high-contrast:none),(max-width:1100px) and (min-width:768px) and (-ms-high-contrast:active) {
    .sticky-header .tt-logo__icon {
        height: 47px
    }
}

@media (max-width:1100px) and (min-width:768px) {
    .sticky-header .tt-obj-logo {
        min-width: 135px
    }

    .sticky-header .tt-logo__icon {
        width: 100px
    }

    .sticky-header .tt-logo__text {
        font-size: 18px;
        margin-top: 2px
    }

    .sticky-header .tt-logo__alignment {
        top: 7px;
        right: 18px
    }
}

.tt-popup.to-show .tt-popup__dropdown {
    visibility: visible;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    background-image: url(/hydroyem/images/popup-wrapper.jpg);
    background-position: left top;
    background-repeat: no-repeat
}

.tt-popup__toggle {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-content: center;
    align-items: center;
    background-color: #51acfb;
    color: #fff;
    cursor: pointer
}

    .tt-popup__toggle .tt-icon {
        width: 36px;
        height: 2px;
        background-color: #fff;
        display: inline-block;
        position: relative;
        pointer-events: none
    }

        .tt-popup__toggle .tt-icon:after, .tt-popup__toggle .tt-icon:before {
            content: "";
            position: absolute;
            right: 0;
            display: inline-block;
            height: 2px;
            background-color: #fff;
            transition: .32s cubic-bezier(.25,.1,.28,1.54)
        }

        .tt-popup__toggle .tt-icon:before {
            top: -11px;
            width: 23px
        }

        .tt-popup__toggle .tt-icon:after {
            top: 11px;
            width: 30px
        }

    .tt-popup__toggle:hover .tt-icon:after, .tt-popup__toggle:hover .tt-icon:before {
        width: 36px
    }

@media (min-width:1101px) {
    .tt-popup__toggle {
        width: 100px;
        min-width: 100px;
        height: 100px
    }
}

@media (max-width:1100px) {
    .tt-popup__toggle {
        width: 70px;
        min-width: 70px;
        height: 70px
    }

        .tt-popup__toggle .tt-icon {
            width: 33px
        }

            .tt-popup__toggle .tt-icon:before {
                width: 20px
            }

            .tt-popup__toggle .tt-icon:after {
                width: 27px
            }

        .tt-popup__toggle:hover .tt-icon:after, .tt-popup__toggle:hover .tt-icon:before {
            width: 33px
        }
}

@media (max-width:767.98px) {
    .tt-popup__toggle {
        width: 59px;
        min-width: 59px;
        height: 59px
    }

        .tt-popup__toggle .tt-icon {
            width: 23px
        }

            .tt-popup__toggle .tt-icon:before {
                width: 15px;
                top: -7px
            }

            .tt-popup__toggle .tt-icon:after {
                width: 19px;
                top: 7px
            }

        .tt-popup__toggle:hover .tt-icon:after, .tt-popup__toggle:hover .tt-icon:before {
            width: 23px
        }
}

.to-show .tt-popup__toggle .tt-icon {
    background-color: transparent
}

    .to-show .tt-popup__toggle .tt-icon:after, .to-show .tt-popup__toggle .tt-icon:before {
        width: 36px
    }

    .to-show .tt-popup__toggle .tt-icon:before {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        top: 0
    }

    .to-show .tt-popup__toggle .tt-icon:after {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 0
    }

.tt-popup__dropdown {
    height: 100vh;
    background-color: #fff;
    position: fixed;
    z-index: 22;
    opacity: 0;
    min-width: 263px;
    transition: transform .35s ease-in-out;
    transition: transform .35s ease-in-out,-webkit-transform .35s ease-in-out
}

@media (min-width:1101px) {
    .tt-popup__dropdown {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        top: 0;
        left: 0;
        padding: 45px 56px;
        width: 445px
    }

        .tt-popup__dropdown .tt-btn {
            margin-top: 8px
        }
}

@media (max-width:1100px) {
    .tt-popup__dropdown {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        right: 0;
        padding: 40px 12px 40px 20px;
        max-width: 317px
    }

    body:not(.touch-device) .tt-popup__dropdown {
        width: calc(100% - 87px);
        top: 112px;
        height: calc(100% - 112px)
    }
}

@media (max-width:1024px) {
    .tt-popup__dropdown {
        padding-bottom: 60px
    }
}

body.tt-pupup-open {
    overflow: hidden;
    width: 100%;
    z-index: 0
}

    body.tt-pupup-open .tt-popup__wrapper {
        opacity: 1;
        pointer-events: auto;
        z-index: 21;
        visibility: visible;
        transition: opacity .4s linear
    }

@media (max-width:767.98px) {
    .to-show .tt-popup__toggle .tt-icon:after, .to-show .tt-popup__toggle .tt-icon:before {
        width: 25px
    }

    body:not(.touch-device) .tt-popup__dropdown {
        top: 69px;
        width: calc(100% - 76px);
        height: calc(100% - 69px)
    }
}

@media (max-width:1100px) {
    body.touch-device .tt-popup__dropdown {
        width: calc(100% - 70px);
        top: 112px;
        height: calc(100% - 112px)
    }
}

@media (max-width:767.98px) {
    body.touch-device .tt-popup__dropdown {
        top: 69px;
        width: calc(100% - 59px);
        height: calc(100% - 69px)
    }
}

@media (max-width:1100px) {
    .sticky-header .tt-popup__dropdown, body .sticky-header .tt-popup__dropdown {
        top: 70px;
        height: calc(100% - 70px)
    }
}

@media (max-width:767.98px) {
    .sticky-header .tt-popup__dropdown, body .sticky-header .tt-popup__dropdown {
        top: 59px;
        height: calc(100% - 59px)
    }
}

.tt-popup__close {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-content: center;
    align-items: center;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 95px;
    background-color: #51acfb;
    color: #fff
}

    .tt-popup__close > * {
        pointer-events: none
    }

    .tt-popup__close:before {
        position: absolute;
        top: 50%;
        right: 50%;
        -webkit-transform: translate(50%,-50%);
        transform: translate(50%,-50%);
        font-size: 34px;
        margin-top: -1px;
        transition: .3s ease-in
    }

    .tt-popup__close label {
        cursor: pointer;
        transition: .3s ease-in;
        color: #fff;
        font-size: 20px;
        opacity: 0;
        font-family: Mulish,sans-serif;
        font-weight: 800;
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    .tt-popup__close:hover label {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    .tt-popup__close:hover:before {
        opacity: 0
    }

@media (max-width:1560px) {
    .tt-popup__close {
        width: 80px
    }
}

@media (max-width:1100px) {
    .tt-popup__close {
        display: none
    }
}

.tt-popup__wrapper {
    background-color: rgba(7,23,41,.5);
    position: fixed;
    display: block;
    bottom: 0;
    right: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

@media (max-width:1100px) {
    .tt-popup__wrapper {
        height: calc(100% - 112px)
    }

    .sticky-header .tt-popup__wrapper {
        top: 70px;
        height: calc(100% - 70px)
    }
}

@media (max-width:767.98px) {
    .tt-popup__wrapper {
        height: calc(100% - 69px)
    }

    .sticky-header .tt-popup__wrapper {
        top: 59px
    }
}

.info-box {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    margin-right: -7px
}

    .info-box + .info-box {
        margin-top: 27px
    }

.info-box__img {
    width: 72px;
    min-width: 72px;
    color: #fff;
    position: relative;
    top: 4px
}

    .info-box__img:before {
        position: absolute;
        z-index: 2;
        top: 50%;
        right: 50%;
        -webkit-transform: translate(50%,-50%);
        transform: translate(50%,-50%);
        font-size: 25px;
        margin-top: 8px
    }

    .info-box__img svg {
        width: 100%;
        height: auto;
        fill: #0c4c93
    }

    .info-box__img + .info-box__content {
        margin-right: 18px
    }

.info-box__content {
    font-size: 16px;
    line-height: 24px
}

    .info-box__content address {
        color: #ff4917;
        font-weight: 800;
        font-size: 25px;
        line-height: 31px
    }

.info-box__title {
    color: #0c4c93;
    font-weight: 800
}

.logo-popup {
    display: inline-block;
    text-align: center
}

    .logo-popup + * {
        margin-top: 17px
    }

.logo-popup__icon {
    fill: #0c4c93;
    display: inline-block;
    width: 67px;
    margin-right: auto;
    margin-left: auto
}

.logo-popup__text {
    font-family: Raleway,sans-serif;
    color: #0c4c93;
    font-weight: 900;
    font-size: 36px;
    line-height: 1;
    margin-top: 3px
}

.tt-popup__item + .tt-popup__item {
    margin-top: 40px
}

.tt-popup__title {
    font-family: Mulish,sans-serif;
    color: #0c4c93;
    font-weight: 800;
    padding-bottom: 19px
}

@media (min-width:1101px) {
    .tt-popup__title {
        font-size: 29px;
        line-height: 39px
    }
}

@media (max-width:1100px) {
    .tt-popup__title {
        font-size: 20px;
        line-height: 30px
    }
}

@media (max-width:767.98px) {
    .info-box__img {
        width: 59px;
        min-width: 59px;
        top: -4px
    }

        .info-box__img:before {
            font-size: 21px;
            margin-top: 7px
        }

    .info-box + .info-box {
        margin-top: 15px
    }

    .info-box__content {
        font-size: 15px
    }

        .info-box__content address {
            font-size: 22px;
            line-height: 27px
        }

    .info-box__img + .info-box__content {
        margin-right: 9px
    }
}

.tt-pagetitle {
    position: relative;
    z-index: 1;
    background: linear-gradient(#e9ecef,#fff)
}

    .tt-pagetitle:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: -15.66%;
        width: 67.3%;
        height: 100%;
        background-color: #51acfb;
        z-index: 0;
        -webkit-transform: skew(26deg);
        transform: skew(26deg)
    }

.tt-pagetitle__img {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    height: 100%
}

    .tt-pagetitle__img img {
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%;
        height: 100%
    }

.tt-pagetitle__box {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: center;
    position: relative
}

    .tt-pagetitle__box .container {
        position: relative;
        z-index: 3
    }

@media (max-width:1313px) {
    .tt-pagetitle__box .container {
        padding-right: 35px;
        padding-left: 35px
    }
}

.tt-pagetitle__title {
    color: #fff;
    font-size: 42px;
    line-height: 55px;
    font-weight: 800;
    font-family: Mulish,sans-serif
}

    .tt-pagetitle__title + * {
        margin-top: 21px
    }

.tt-breadcrumbs {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: center;
    padding-bottom: 3px
}

    .tt-breadcrumbs li {
        position: relative;
        color: #fff
    }

        .tt-breadcrumbs li a {
            color: #fff;
            font-size: 16px;
            display: inline-block;
            position: relative
        }

            .tt-breadcrumbs li a:before {
                content: "";
                display: block;
                position: absolute;
                bottom: 2px;
                width: 0%;
                height: 1px;
                margin: auto;
                right: 0;
                left: 0;
                transition: width .2s linear;
                background-color: currentColor
            }

            .tt-breadcrumbs li a:hover:before {
                width: 100%
            }

        .tt-breadcrumbs li:not(:first-child):before {
            content: "/";
            display: inline-block;
            margin-right: 17px;
            margin-left: 17px
        }

@media (min-width:1025px) {
    .tt-pagetitle {
        padding: 40px
    }

    .tt-pagetitle__box, .tt-pagetitle__box img {
        min-height: 229px
    }
}

@media (max-width:1024.98px) {
    .tt-pagetitle {
        padding: 25px
    }

    .tt-pagetitle__box {
        min-height: 180px
    }

        .tt-pagetitle__box .container {
            max-width: inherit
        }

        .tt-pagetitle__box img {
            min-height: 180px
        }

    .tt-pagetitle__title {
        font-size: 32px;
        line-height: 45px
    }

        .tt-pagetitle__title + * {
            margin-top: 15px
        }

    .tt-breadcrumbs li:not(:first-child):before {
        margin-right: 10px;
        margin-left: 10px
    }
}

@media (max-width:767.98px) {
    .tt-breadcrumbs li, .tt-breadcrumbs li a {
        font-size: 14px;
        line-height: 22px
    }

    .tt-pagetitle {
        padding: 15px
    }

    .tt-pagetitle__box, .tt-pagetitle__box img {
        min-height: 130px
    }

    .tt-pagetitle__title {
        font-size: 29px;
        line-height: 36px
    }

        .tt-pagetitle__title + * {
            margin-top: 10px
        }

    .blocktitle.text-center > * {
        text-align: right
    }
}

.blocktitle {
    position: relative
}

    .blocktitle:not(.tt-no-top) {
        margin-top: -11px
    }

@media (max-width:1024.98px) {
    .blocktitle:not(.tt-no-top) {
        margin-top: -10px
    }
}

@media (max-width:575.98px) {
    .tt-header-holder .tt-col__objects > :not(:first-child) {
        margin-right: 15px
    }

    .tt-pagetitle {
        padding: 10px 0 0
    }

    .tt-pagetitle__box .container {
        padding: 20px
    }

    .blocktitle:not(.tt-no-top) {
        margin-top: -11px
    }
}

.blocktitle:not(.blocktitle__nomargin) {
    padding-bottom: 33px
}

    .blocktitle:not(.blocktitle__nomargin).blocktitle__bottom-size01 {
        padding-bottom: 82px
    }

    .blocktitle:not(.blocktitle__nomargin).blocktitle__bottom-size02 {
        padding-bottom: 38px
    }

@media (min-width:1601px) {
    .blocktitle.text-left .blocktitle__under {
        margin-right: -203px
    }
}

@media (max-width:1600px) and (min-width:1432px) {
    .blocktitle.text-left .blocktitle__under {
        margin-right: -122px
    }
}

@media (min-width:1431px) and (max-width:1431px) {
    .blocktitle.text-left .blocktitle__under {
        margin-right: -67px
    }
}

.blocktitle > :not(.blocktitle__under) {
    position: relative;
    z-index: 1
}

.blocktitle .blocktitle__title:first-child, .blocktitle + * {
    margin-top: 0
}

.blocktitle__under {
    position: absolute;
    font-size: 200px;
    line-height: 1.1;
    letter-spacing: -.02em;
    font-family: 'Cairo', sans-serif !important;
    font-family: 'Noto Kufi Arabic', sans-serif !important;
    font-weight: 800;
    z-index: 0;
    top: -66px;
    white-space: nowrap
}

    .blocktitle__under:not([class^=tt-color]) {
        color: #f8f8fa
    }

@media (min-width:1025px) {
    .blocktitle__under-align {
        margin-top: -84px
    }
}

.blocktitle__subtitle {
    font-size: 16px;
    font-weight: 800;
    font-family: 'Cairo', sans-serif !important;
    font-family: 'Noto Kufi Arabic', sans-serif !important;
    color: #51acfb;
    letter-spacing: .09em
}

    .blocktitle__subtitle:before {
        content: "";
        display: inline-block;
        background-color: #51acfb;
        width: 50px;
        height: 2px;
        margin-left: 20px;
        position: relative;
        top: -3px
    }

.blocktitle__title {
    font-family: 'Cairo', sans-serif !important;
    font-family: 'Noto Kufi Arabic', sans-serif !important;
    color: #0c4c93;
    font-size: 42px;
    line-height: 55px;
    margin-top: 12px
}

.blocktitle__text {
    margin-top: 37px
}

    .blocktitle__text:not(.blocktitle__text-nopadding) {
        padding-bottom: 9px
    }

.blocktitle__min-width {
    max-width: 530px
}

    .blocktitle__min-width.text-center {
        margin-right: auto;
        margin-left: auto
    }

@media (min-width:768px) {
    .blocktitle.text-center .blocktitle__under {
        right: 50%;
        -webkit-transform: translateX(50%);
        transform: translateX(50%)
    }

    .blocktitle.text-center .blocktitle__min-width {
        margin-right: auto;
        margin-left: auto
    }

    .blocktitle__min-width02 {
        max-width: 570px
    }

        .blocktitle__min-width02.text-center {
            margin-right: auto;
            margin-left: auto
        }

    .blocktitle__min-width03 {
        max-width: 580px
    }

        .blocktitle__min-width03.text-center {
            margin-right: auto;
            margin-left: auto
        }

    .tt-subtitle + form {
        margin-top: 8px
    }
}

@media (max-width:1431px) {
    .blocktitle__under {
        font-size: 170px;
        top: -60px
    }

    .blocktitle__title {
        font-size: 36px;
        line-height: 49px
    }

    .blocktitle__subtitle {
        font-size: 15px
    }

        .blocktitle__subtitle:before {
            width: 45px
        }
}

@media (max-width:1024.98px) {
    .blocktitle:not(.blocktitle__nomargin) {
        padding-bottom: 19px
    }

    .blocktitle__under {
        font-size: 150px;
        line-height: 1.1;
        top: -52px
    }

    .blocktitle__subtitle {
        font-size: 14px;
        line-height: 27px
    }

        .blocktitle__subtitle:before {
            width: 40px
        }

    .blocktitle__title {
        font-size: 32px;
        line-height: 42px;
        margin-top: 12px
    }

    .blocktitle__text {
        margin-top: 17px
    }

        .blocktitle__text:not(.blocktitle__text-nopadding) {
            padding-bottom: 12px
        }
}

@media (max-width:767.98px) {
    .blocktitle__under {
        font-size: 100px;
        top: -40px
    }

    .blocktitle__subtitle {
        font-size: 13px
    }

        .blocktitle__subtitle:before {
            width: 25px;
            height: 1px;
            margin-left: 11px
        }

    .blocktitle__title {
        font-size: 29px;
        line-height: 36px;
        margin-top: 8px
    }

        .blocktitle__title br {
            display: none
        }
}

.tt-subtitle {
    color: #0c4c93;
    font-weight: 800;
    font-family: Mulish,sans-serif;
    line-height: 1.2;
    padding: 0 0 23px;
    font-size: 29px
}

    .tt-subtitle + * {
        margin-top: 0
    }

@media (max-width:767.98px) {
    .tt-subtitle {
        padding: 0 0 21px
    }
}

.tt-subtitle__top {
    margin-top: 35px
}

@media (max-width:1024.98px) {
    .tt-subtitle {
        font-size: 19px
    }

    .tt-subtitle__top {
        margin-top: 25px
    }
}

@media (max-width:575.98px) {
    .blocktitle__under {
        top: -37px
    }

    .blocktitle:not(.blocktitle__nomargin), .blocktitle:not(.blocktitle__nomargin).blocktitle__bottom-size02 {
        padding-bottom: 19px
    }

    .blocktitle__text br {
        display: none
    }

    .tt-subtitle__top {
        margin-top: 20px
    }
}

.tt-subtitle-align {
    margin-top: -7px
}

.section-indent:not(.nomargin):not([class^=tt-offset]) {
    margin-top: 140px
}

@media (max-width:1024px) {
    .section-indent:not(.nomargin):not([class^=tt-offset]) {
        margin-top: 63px
    }
}

@media (max-width:575px) {
    .section-indent:not(.nomargin):not([class^=tt-offset]) {
        margin-top: 50px
    }
}

.section-indent02:not(.nomargin):not([class^=tt-offset]) {
    margin-top: 65px
}

@media (max-width:1024px) {
    .section-indent02:not(.nomargin):not([class^=tt-offset]) {
        margin-top: 43px
    }
}

@media (max-width:575px) {
    .section-indent02:not(.nomargin):not([class^=tt-offset]) {
        margin-top: 30px
    }
}

.section-indent03:not(.nomargin):not([class^=tt-offset]) {
    margin-top: 110px
}

@media (max-width:1024px) {
    .section-indent03:not(.nomargin):not([class^=tt-offset]) {
        margin-top: 33px
    }
}

@media (max-width:575px) {
    .section-indent03:not(.nomargin):not([class^=tt-offset]) {
        margin-top: 52px
    }
}

.section-indent05:not(.nomargin):not([class^=tt-offset]) {
    margin-top: 132px
}

@media (max-width:1024px) {
    .section-indent05:not(.nomargin):not([class^=tt-offset]) {
        margin-top: 63px
    }
}

@media (max-width:575px) {
    .section-indent05:not(.nomargin):not([class^=tt-offset]) {
        margin-top: 43px
    }
}

.section-indent6:not(.nomargin):not([class^=tt-offset]) {
    margin-top: 20px
}

@media (max-width:1024px) {
    .section-indent6:not(.nomargin):not([class^=tt-offset]) {
        margin-top: 0
    }
}

@media (max-width:767px) {
    .section-indent6:not(.nomargin):not([class^=tt-offset]) {
        margin-top: 63px
    }
}

@media (max-width:575px) {
    .section-indent6:not(.nomargin):not([class^=tt-offset]) {
        margin-top: 50px
    }
}

.section-indent07:not(.nomargin):not([class^=tt-offset]) {
    margin-top: 132px
}

@media (max-width:1024px) {
    .section-indent07:not(.nomargin):not([class^=tt-offset]) {
        margin-top: 63px
    }
}

@media (max-width:575px) {
    .section-indent07:not(.nomargin):not([class^=tt-offset]) {
        margin-top: 39px
    }
}

.section-indent08:not(.nomargin):not([class^=tt-offset]) {
    margin-top: 90px
}

@media (max-width:1024px) {
    .section-indent08:not(.nomargin):not([class^=tt-offset]) {
        margin-top: 38px
    }
}

@media (max-width:575px) {
    .section-indent08:not(.nomargin):not([class^=tt-offset]) {
        margin-top: 25px
    }
}

.section-indent10:not(.nomargin):not([class^=tt-offset]) {
    margin-top: 121px
}

@media (max-width:1024px) {
    .section-indent10:not(.nomargin):not([class^=tt-offset]) {
        margin-top: 63px
    }
}

@media (max-width:575px) {
    .section-indent10:not(.nomargin):not([class^=tt-offset]) {
        margin-top: 38px
    }
}

.section-indent11:not(.nomargin):not([class^=tt-offset]) {
    margin-top: 35px
}

@media (max-width:1024px) {
    .section-indent11:not(.nomargin):not([class^=tt-offset]) {
        margin-top: 48px
    }
}

@media (max-width:575px) {
    .section-indent11:not(.nomargin):not([class^=tt-offset]) {
        margin-top: 36px
    }
}

.tt-bg {
    background-repeat: no-repeat
}

.tt-bg__b-l {
    background-position: right bottom
}

@media (min-width:1025px) {
    .section-inner:not([class^=tt-offset]) {
        padding-top: 140px;
        padding-bottom: 140px
    }

    .section-inner02 {
        padding-top: 156px;
        padding-bottom: 140px
    }
}

@media (max-width:1024.98px) {
    .section-inner:not([class^=tt-offset]) {
        padding-top: 63px;
        padding-bottom: 63px
    }

    .container__fluid-lg {
        max-width: inherit
    }

    .section-inner02 {
        padding-top: 63px;
        padding-bottom: 63px
    }
}

@media (max-width:575.98px) {
    .section-inner:not([class^=tt-offset]) {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .section-inner02 {
        padding-top: 50px;
        padding-bottom: 43px
    }
}

@media (min-width:1025px) {
    .section-inner03 {
        padding-top: 109px;
        padding-bottom: 148px
    }
}

@media (max-width:1024.98px) {
    .section-inner03 {
        padding-top: 46px;
        padding-bottom: 86px
    }
}

@media (max-width:575.98px) {
    .section-inner03 {
        padding-top: 33px;
        padding-bottom: 33px
    }
}

.section-indent-negative02 {
    position: relative
}

@media (min-width:1025px) {
    .section-inner04 {
        padding-top: 72px;
        padding-bottom: 128px
    }

    .section-indent-negative02 {
        margin-top: -126px
    }
}

@media (max-width:1024.98px) {
    .section-inner04 {
        padding-top: 59px;
        padding-bottom: 59px
    }

    .section-indent-negative02 {
        margin-top: -116px
    }
}

@media (max-width:575.98px) {
    .section-inner04 {
        padding-top: 33px;
        padding-bottom: 33px
    }

    .section-indent-negative02 {
        margin-top: -145px
    }
}

.section-indent-negative03 {
    position: relative;
    z-index: 3
}

@media (min-width:1025px) {
    .section-indent-negative03 {
        margin-top: -92px
    }
}

@media (max-width:767.98px) {
    .section-indent-negative03 {
        margin-top: 56px
    }
}

@media (max-width:575.98px) {
    .section-indent-negative03 {
        margin-top: 40px
    }
}

@media (min-width:1025px) {
    .section-indent-negative04 {
        margin-top: -65px
    }
}

@media (max-width:1024.98px) {
    .section-indent-negative04 {
        margin-top: -51px
    }
}

@media (max-width:575.98px) {
    .section-indent-negative04 {
        margin-top: -114px
    }
}

.section-wrapper {
    background-color: #f8f8fa
}

.wrapper01 {
    padding: 66px 70px;
    background-color: #fff;
    box-shadow: 0 10px 30px rgba(26,54,85,.15);
    position: relative
}

@media (max-width:1024.98px) {
    .wrapper01 {
        padding: 38px 35px 47px
    }
}

.bg-box01 {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    overflow: hidden;
    pointer-events: none
}

@media (max-width:767.98px) {
    .wrapper01 {
        padding: 33px 25px
    }

    .bg-box01 {
        height: 100%;
        bottom: 0
    }

        .bg-box01 img {
            min-width: 804px;
            position: absolute;
            right: 50%;
            bottom: -18%;
            -webkit-transform: translate(50%,-50%);
            transform: translate(50%,-50%);
            -o-object-fit: cover;
            object-fit: cover
        }
}

.wrapper02 {
    background-color: #f8f8fa
}

.block_indent01 {
    margin-top: 50px
}

.box-contact {
    padding: 66px 70px;
    background-color: #fff;
    box-shadow: 0 10px 30px rgba(26,54,85,.15);
    position: relative;
    z-index: 2;
    margin-right: 0
}

@media (max-width:1024.98px) {
    .box-contact {
        padding: 48px 45px
    }
}

@media (max-width:767.98px) {
    .box-contact {
        padding: 33px 25px
    }
}

@media (min-width:1025px) {
    .section-indent-negative {
        margin-top: -65px
    }
}

@media (max-width:1024.98px) {
    .section-indent-negative {
        margin-top: -51px
    }
}

@media (max-width:575.98px) {
    .section-indent-negative {
        margin-top: -184px
    }
}

@media (min-width:1025px) {
    .section-indent-negative05 {
        margin-top: 69px
    }

    .section-inner-custom {
        padding-top: 138px;
        padding-bottom: 175px
    }
}

@media (max-width:1024.98px) {
    .section-indent-negative05 {
        margin-top: -27px
    }
}

@media (max-width:575.98px) {
    .section-indent-negative05 {
        margin-top: -38px
    }
}

.section-indent-small {
    margin-top: 50px
}

@media (max-width:1024.98px) {
    .section-inner-custom {
        padding-top: 63px;
        padding-bottom: 100px
    }
}

@media (max-width:575.98px) {
    .section-inner-custom {
        padding-top: 53px;
        padding-bottom: 43px
    }
}

.swiper-container {
    margin-right: auto;
    margin-left: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-vertical > .swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform,-webkit-transform;
    box-sizing: content-box
}

    .swiper-wrapper:not([id^=swiper-wrapper-]).row {
        width: inherit;
        margin-right: 15px;
        margin-left: 15px
    }

.swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.swiper-container-multirow > .swiper-wrapper {
    flex-wrap: wrap
}

.swiper-container-multirow-column > .swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-container-free-mode > .swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide:not([class^=col]) {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform,-webkit-transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height: auto
}

    .swiper-container-autoheight .swiper-wrapper {
        align-items: flex-start;
        transition-property: transform,height,-webkit-transform
    }

.swiper-slide.swiper-slide-active {
    z-index: 2
}

.swiper__button {
    width: 80px;
    height: 80px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    align-items: center;
    position: absolute;
    z-index: 11;
    bottom: 0;
    left: 0;
    font-size: 21px;
    background-color: #fff;
    color: #0c4c93;
    outline: 0;
    cursor: pointer;
    transition: .4s;
    white-space: nowrap;
    pointer-events: none;
    opacity: 0
}

    .swiper__button > * {
        pointer-events: none
    }

    .swiper__button:after, .swiper__button:before {
        width: 100%;
        height: 100%;
        z-index: 3;
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
        transition: .4s;
        pointer-events: none
    }

    .swiper__button:before {
        border-bottom: 2px solid #0c4c93;
        border-right: 2px solid #0c4c93;
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%
    }

    .swiper__button:after {
        border-top: 2px solid #0c4c93;
        border-left: 2px solid #0c4c93;
        -webkit-transform-origin: 0% 0;
        transform-origin: 0% 0
    }

    .swiper__button:hover {
        color: #0c4c93
    }

        .swiper__button:hover:after, .swiper__button:hover:before {
            -webkit-transform: scale(1);
            transform: scale(1)
        }

.swiper__button-next {
    left: 0
}

.swiper__button-prev {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    -webkit-filter: FlipH;
    filter: FlipH;
    -ms-filter: FlipH;
    left: 80px
}

@media (min-width:1230px) {
    [data-arrow*=visible-desktop] .swiper__button {
        opacity: 1;
        visibility: visible;
        pointer-events: auto
    }
}

.swiper-pagination {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: stretch;
    align-items: flex-start;
    margin-right: -7px;
    margin-left: -7px
}

@media (min-width:768px) {
    .swiper-pagination.swiper-pagination__center {
        justify-content: center
    }
}

.swiper-pagination.swiper-pagination-lock {
    display: none
}

.swiper-pagination-bullet {
    background-color: transparent;
    position: relative;
    transition: background-color .2s linear;
    outline: 0;
    cursor: pointer
}

    .swiper-pagination-bullet:before {
        content: "";
        display: block;
        position: absolute;
        background-color: #1e60aa;
        z-index: 1;
        transition: background-color .2s linear
    }

    .swiper-pagination-bullet:after {
        content: "";
        display: block;
        background-color: transparent;
        width: 100%;
        height: 100%;
        z-index: 0;
        transition: 1s
    }

    .swiper-pagination-bullet:hover:before {
        background-color: #51acfb
    }

    .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background-color: rgba(30,96,170,.1)
    }

        .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
            background-color: #e8eff6
        }

@media (min-width:1025px) {
    .swiper-pagination {
        margin-top: 36px
    }

    .swiper-pagination-bullet {
        width: 21px;
        height: 21px;
        margin-top: 14px;
        margin-right: 7px;
        margin-left: 7px
    }

        .swiper-pagination-bullet:before {
            top: 7px;
            right: 7px;
            width: 7px;
            height: 7px
        }
}

@media (max-width:1024.98px) {
    .swiper-pagination {
        margin-top: 22px;
        margin-right: -4px
    }

    .swiper-pagination-bullet {
        margin-top: 8px;
        width: 13px;
        height: 13px;
        margin-right: 4px;
        margin-left: 4px
    }

        .swiper-pagination-bullet:before {
            top: 4px;
            right: 4px;
            width: 5px;
            height: 5px
        }
}

@media (max-width:575.98px) {
    .swiper-pagination-bullet {
        width: 11px;
        height: 11px;
        margin-right: 4px;
        margin-left: 4px
    }

        .swiper-pagination-bullet:before {
            top: 4px;
            right: 4px;
            width: 3px;
            height: 3px
        }
}

.swiper-pagination.swiper-pagination-inner {
    position: absolute;
    z-index: 7;
    width: 100%;
    bottom: 107px;
    margin-right: 2.4%;
    right: 0
}

.swiper-pagination.swiper-pagination-inner02 {
    position: absolute;
    z-index: 7;
    width: 100%;
    bottom: 116px;
    right: 0
}

@media (min-width:1701px) {
    .swiper-pagination.swiper-pagination-inner02 {
        margin-right: 14.6%
    }
}

@media (max-width:1700px) {
    .swiper-pagination.swiper-pagination-inner02 {
        margin-right: 7.5%
    }
}

@media (max-width:1024.98px) {
    .swiper-pagination.swiper-pagination-inner02 {
        bottom: 50px
    }
}

@media (max-width:750px) {
    .swiper-pagination.swiper-pagination-inner02 {
        bottom: 50px;
        justify-content: flex-start;
        margin-right: 15px
    }
}

.swiper-pagination.swiper-pagination-inner03 {
    position: absolute;
    z-index: 7;
    width: 100%;
    justify-content: center
}

@media (min-width:1025px) {
    .swiper-pagination.swiper-pagination-inner03 {
        bottom: 40px
    }

    .swiper-grid-layout .swiper-slide {
        padding-right: 8px;
        padding-left: 8px
    }
}

@media (max-width:1024.98px) {
    .swiper-pagination.swiper-pagination-inner03 {
        bottom: 30px
    }
}

.swiper-pagination__align01 {
    margin-top: -9px
}

.swiper-pagination__align02 {
    margin-top: 36px
}

@media (max-width:1024px) {
    .swiper-pagination__align02 {
        margin-top: 22px
    }
}

.swier-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

    .swiper-container-fade .swiper-slide .swiper-slide {
        pointer-events: none
    }

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-grid-layout {
    overflow: hidden;
    position: relative;
    padding-right: 15px;
    padding-left: 15px;
    margin-left: -15px;
    margin-right: -15px;
    padding-top: 48px
}

    .swiper-grid-layout .swiper-container, .swiper-grid-layout .swiper-slide {
        overflow: inherit
    }

.swiper-grid-layout02 {
    position: relative
}

[data-carousel=swiper] .swiper-wrapper {
    height: auto !important
}

[data-carousel=swiper] .swiper-container {
    overflow-x: none
}

.tt-swiper__noshadow .swiper-slide, .tt-swiper__noshadow.swiper-container {
    overflow: inherit
}

.swiper-slide {
    overflow: hidden
}

.mainslider__wrapper {
    position: relative;
    overflow: hidden
}

    .mainslider__wrapper:before {
        content: " ";
        background-color: #4ba1ed;
        width: 70%;
        height: 100%;
        position: absolute;
        top: 0;
        right: -24.5%;
        -webkit-transform: skewX(25deg);
        transform: skewX(25deg)
    }

@media (min-width:1025px) {
    .mainslider__wrapper {
        padding: 0 40px
    }

        .mainslider__wrapper .swiper-slide {
            padding: 40px 0
        }

    .mainslider.mainslider__static-height .swiper-slide {
        height: 743px
    }
}

@media (max-width:1100px) {
    .mainslider__wrapper {
        padding: 0 25px
    }

        .mainslider__wrapper .swiper-slide {
            padding: 25px 0
        }

    .tt-pagination li a {
        font-size: 13px
    }    
    .tt-pagination li span {
        font-size: 13px
    }
}

@media (max-width:1024.98px) {
    .mainslider__wrapper {
        padding: 0 15px
    }

        .mainslider__wrapper .swiper-slide {
            padding: 15px 0
        }

    .mainslider.mainslider__static-height .swiper-slide {
        height: 403px
    }
}

@media (max-width:575.98px) {
    .mainslider__wrapper {
        padding: 0
    }

        .mainslider__wrapper:before {
            right: -32%
        }

        .mainslider__wrapper .swiper-slide {
            padding: 10px 0 0
        }

    .mainslider.mainslider__static-height .swiper-slide {
        height: 346px
    }
}

.mainslider.mainslider__static-height .mainslider__imgbg {
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    background-size: cover;
    background-position: right bottom
}

    .mainslider.mainslider__static-height .mainslider__imgbg img {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

@media (max-width:767.98px) {
    .swiper-pagination.swiper-pagination-inner03 {
        bottom: 20px
    }

    .mainslider .mainslider__imgbg img {
        min-height: 416px;
        width: auto;
        -o-object-fit: cover;
        object-fit: cover
    }
}

.mainslider .swiper-slide.swiper-slide-active .mainslider__limiter {
    opacity: 1
}

@media (min-width:1230px) {
    .mainslider[data-arrow*=visible-desktop] .mainslider__button {
        opacity: 1;
        visibility: visible;
        pointer-events: auto
    }

    .tabs__nav.tabs__nav__min-width01 .tabs__nav-item {
        min-width: 380px
    }
}

.mainslider__img {
    position: absolute;
    bottom: 0;
    right: 0
}

@media (max-width:1024.98px) {
    .mainslider__img {
        right: -25px;
        width: 96%
    }
}

.mainslider__button {
    width: 80px;
    height: 80px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    align-items: center;
    position: absolute;
    z-index: 11;
    bottom: 39px;
    left: 80px;
    font-size: 21px;
    background-color: #fff;
    color: #0c4c93;
    outline: 0;
    cursor: pointer;
    white-space: nowrap;
    pointer-events: none;
    opacity: 0
}

    .mainslider__button > * {
        pointer-events: none
    }

    .mainslider__button:after, .mainslider__button:before {
        width: 100%;
        height: 100%;
        z-index: 3;
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
        transition: .4s;
        pointer-events: none
    }

    .mainslider__button:before {
        border-bottom: 2px solid #0c4c93;
        border-right: 2px solid #0c4c93;
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%
    }

    .mainslider__button:after {
        border-top: 2px solid #0c4c93;
        border-left: 2px solid #0c4c93;
        -webkit-transform-origin: 0% 0;
        transform-origin: 0% 0
    }

    .mainslider__button:hover {
        color: #0c4c93
    }

        .mainslider__button:hover:after, .mainslider__button:hover:before {
            -webkit-transform: scale(1);
            transform: scale(1)
        }

.mainslider__button-next {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    -webkit-filter: FlipH;
    filter: FlipH;
    -ms-filter: FlipH;
    left: 0;
}

.mainslider__holder {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    align-items: center;
    position: absolute;
    text-align: center;
    top: 0;
    right: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    padding: 10%
}

    .mainslider__holder.layout-v-t {
        align-items: flex-start
    }

    .mainslider__holder.layout-v-b {
        align-items: flex-end
    }

@media (min-width:768px) {
    .mainslider__holder.layout-h-l {
        margin-right: 30%
    }
}

.mainslider__layout01-img {
    position: absolute;
    top: -42px;
    right: -40px;
    z-index: 2
}

    .mainslider__layout01-img img {
        display: block;
        z-index: 3;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

.mainslider__layout01 .mainslider__limiter {
    display: inline-block;
    min-width: 52%;
    max-width: 52%;
    padding-top: 8px;
    margin-right: auto
}

    .mainslider__layout01 .mainslider__limiter > * {
        text-align: right
    }

.mainslider__layout01 > :not([class*=tt-base-]) {
    color: #51acfb
}

.mainslider__layout01 .mainslider__title {
    font-family: Mulish,sans-serif;
    font-weight: 800;
    color: #fff;
    font-size: 72px;
    line-height: 86px;
    position: relative;
    padding-right: 50px;
    max-width: 595px
}

    .mainslider__layout01 .mainslider__title:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: 2px;
        height: 100%;
        background-color: #51acfb
    }

@media (min-width:768px) {
    .mainslider__layout01 .tt-btn__video {
        position: absolute;
        top: 50%;
        right: -58px;
        margin-top: 3px;
        -webkit-transform: translate(100%,-50%);
        transform: translate(100%,-50%)
    }
}

.mainslider__layout01 .mainslider__text {
    margin: 46px 50px 0 0;
    color: #fff;
    font-size: 16px;
    line-height: 27px;
    max-width: 404px
}

@media (max-width:1600px) {
    .mainslider__layout01 .mainslider__title {
        font-size: 53px;
        line-height: 67px;
        max-width: 455px
    }

    .mainslider__layout01 .mainslider__text {
        margin-top: 36px
    }
}

@media (max-width:1229.98px) {
    .container__fluid-xl {
        max-width: inherit
    }

    .mainslider__holder {
        padding: 7%
    }

    .mainslider__layout01 .mainslider__title {
        font-size: 40px;
        line-height: 53px;
        max-width: 355px;
        padding-right: 30px
    }

    .mainslider__layout01 .mainslider__text {
        margin-top: 26px;
        margin-right: 30px
    }

    .mainslider__layout01 .tt-btn__video {
        right: -30px
    }
}

@media (max-width:1024.98px) {
    .mainslider__holder {
        padding: 25px
    }

    .mainslider__layout01 .mainslider__limiter {
        padding-bottom: 0
    }

    .mainslider__layout01 .mainslider__title {
        font-size: 38px;
        line-height: 48px;
        max-width: 355px
    }

    .mainslider__layout01 .mainslider__text {
        font-size: 15px;
        line-height: 24px
    }
}

@media (max-width:767.98px) {
    .mainslider__layout01 .mainslider__limiter {
        padding: 0;
        width: 100%;
        min-width: inherit;
        max-width: inherit
    }

    .mainslider__layout01 .mainslider__title:before {
        display: none
    }

    .mainslider__layout01 .tt-btn__video {
        position: relative;
        right: 0;
        top: 0
    }

        .mainslider__layout01 .tt-btn__video + * {
            margin-top: 15px
        }

    .mainslider__layout01 .mainslider__title {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-content: stretch;
        align-items: flex-start;
        padding: 0;
        max-width: 370px;
        font-size: 34px;
        line-height: 46px
    }

    .mainslider__layout01 .mainslider__text {
        margin: 12px 0 0;
        max-width: 390px
    }
}

.mainslider__layout02 .mainslider__limiter {
    max-width: 783px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    padding-bottom: 8px
}

.mainslider__layout02 .mainslider__title {
    font-family: Mulish,sans-serif;
    font-weight: 800;
    color: #fff;
    font-size: 72px;
    line-height: 86px
}

.mainslider__layout02 .mainslider__text {
    max-width: 490px;
    margin: 34px auto 0;
    padding: 33px 0 0;
    color: #fff;
    font-size: 16px;
    line-height: 27px;
    position: relative
}

    .mainslider__layout02 .mainslider__text:before {
        display: inline-block;
        position: absolute;
        top: 0;
        right: 50%;
        content: "";
        width: 50px;
        height: 2px;
        background-color: #51acfb;
        -webkit-transform: translateX(50%);
        transform: translateX(50%)
    }

@media (max-width:1600px) {
    .mainslider__layout02 .mainslider__title {
        font-size: 53px;
        line-height: 67px
    }

    .mainslider__layout02 .mainslider__text {
        margin-top: 24px;
        padding-top: 23px
    }
}

@media (max-width:1229.98px) {
    .mainslider__layout02 .mainslider__limiter {
        max-width: 690px
    }

    .mainslider__layout02 .mainslider__title {
        font-size: 40px;
        line-height: 53px
    }

    .mainslider__layout02 .mainslider__text {
        margin-top: 24px;
        padding-top: 23px
    }
}

@media (max-width:1024.98px) {
    .mainslider__layout02 .mainslider__limiter {
        max-width: 640px
    }

    .mainslider__layout02 .mainslider__title {
        font-size: 38px;
        line-height: 48px
    }
}

@media (max-width:767px) {
    .mainslider__layout02 .mainslider__limiter {
        margin-right: 0
    }
}

.gallery-large {
    width: 100%;
    overflow: hidden
}

.gallery-large__icon {
    font-size: 80px;
    color: red;
    pointer-events: none
}

    .gallery-large__icon:before {
        width: 81px;
        height: 57px
    }

@media (max-width:575.98px) {
    .mainslider__holder {
        padding: 20px
    }

    .gallery-large__icon:before {
        width: 53px;
        height: 37px
    }
}

.gallery-large__icon:before, .gallery-thumbs__icon:before {
    content: "";
    display: inline-block;
    background-size: cover;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFEAAAA5CAMAAAB59jczAAABCFBMVEUAAAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/////Xl7/Wlr/R0f/enr/Dw//9vb/8fH/6ur/29v/zs7/tbX/oqL/m5v/cHD/VFT/TU3/MjL/Ghr/FRX/0tL/wsL/v7//rKz/lJT/j4//c3P/Zmb/Pj7/KCj/CAjBVHPTAAAAOHRSTlMA8u3n3u/WyrGVaMC9nIBNPi0m6ePT0M20ckUdGAP62aumnpKKeFZSEPTEuregjoZtYFw6NgisnxijhTAAAAHYSURBVFjDrdhnU+JAHMfxfwppkISA9CJgAc/e7jaA2Lt3Z/f9vxPjOqMww7i7+vs+3vlMIJvdZGmiRj2qhlteJVh3/7TKmbRdtGbNGSOvpzRNS+m6MWOaVqH0K7PSWnXXg4q31a1G9V2aWuTNZSyjydRr5q20v5GlyaoZ9tPMhcYYOMcQmTsfoMNAbSOvkNfscXCH4Upz0WbAsgmYY8jaiehBRaNB5DNoOSIbK3aJDKwYUJ1h61AWLJZpESwWhZNneKkm6rQgGLEXn92oiEs0LxgxiOODcwVRo45gRD9O+nupIDpCkXdyJS2mJUTe3UhStGXF+PBRTrSE4mfHQxnRFIrj3T6LRUMoTnY/Eom6ohgf9gViSknk/Ru+fCVqiiKvD77G44sR9H/cPwff67Nr7Hw8ucI+M0cX2Of64AG89pzeYNfH/0/S6+OqjHg0YLJpMvvM/p7SPiPeC0+vmUJL4v16wJQy4O8UNvy9x6EaWPSJ8lgxICphxS5RByvmiDagoN5Af884lFREimECQmdkgXg+TqzReyvQ38xzIZ4WYs8pNLdOE+U8t1xIfQ/TS87aYo+m1atF2XCzEqy5fvt3eXnqec/s23nPstNq++58UNkMt6Pa7rjxCog2qvc4Jyr4AAAAAElFTkSuQmCC)
}

.tt-link-video .gallery-large__icon {
    opacity: 1;
    transition: opacity .3s linear
}

.tt-link-video.tt-show-video .gallery-large__icon {
    opacity: 0
}

.tt-link-video video {
    width: 100%;
    height: 100%
}

.gallery-thumbs {
    overflow: hidden;
    margin-top: 20px
}

    .gallery-thumbs .swiper-slide {
        height: 100%
    }

        .gallery-thumbs .swiper-slide picture {
            transition: opacity .2s linear
        }

        .gallery-thumbs .swiper-slide:hover {
            opacity: 1
        }

            .gallery-thumbs .swiper-slide:hover .tt-point {
                background-color: rgba(102,102,102,0)
            }

    .gallery-thumbs .swiper-slide-active, .gallery-thumbs .swiper-slide-active picture {
        opacity: 1
    }

        .gallery-thumbs .swiper-slide-active .tt-point {
            background-color: rgba(102,102,102,0)
        }

    .gallery-thumbs .tt-point {
        transition: background-color .2s linear;
        background-color: rgba(102,102,102,.6)
    }

.gallery-thumbs__icon {
    font-size: 30px;
    color: red;
    cursor: pointer
}

    .gallery-thumbs__icon:before {
        width: 31px;
        height: 22px
    }

@media (max-width:767.98px) {
    .mainslider__layout02 .mainslider__limiter {
        max-width: 540px;
        text-align: right
    }

    .mainslider__layout02 .mainslider__title {
        font-size: 34px;
        line-height: 46px
    }

    .mainslider__layout02 .mainslider__text {
        margin-top: 18px;
        padding-top: 17px;
        margin-right: 0
    }

        .mainslider__layout02 .mainslider__text:before {
            right: 0;
            width: 40px;
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }

    .gallery-large__icon {
        font-size: 60px
    }

    .gallery-thumbs__icon {
        font-size: 30px
    }
}

@media (max-width:575.98px) {
    .gallery-large__icon {
        font-size: 50px
    }

    .gallery-thumbs {
        margin-top: 10px
    }

    .gallery-thumbs__icon {
        font-size: 25px
    }
}

.tt-notes {
    max-width: 556px;
    position: relative;
    margin-top: 44px
}

    .tt-notes:after {
        content: "";
        display: block;
        width: 50px;
        height: 2px;
        background-color: #51acfb;
        margin: 33px 0 0
    }

.tt-notes02 {
    position: relative;
    max-width: 556px;
    margin-top: 44px;
    min-height: 155px;
    padding-bottom: 50px
}

    .tt-notes02 p {
        position: relative;
        z-index: 2
    }

@media (max-width:883px) {
    .tt-notes02 {
        min-height: 165px;
        padding-bottom: 83px
    }
}

.tt-notes02__under {
    position: absolute;
    font-size: 200px;
    line-height: 1.1;
    letter-spacing: -.02em;
    font-family: Mulish,sans-serif;
    font-weight: 800;
    z-index: 0;
    bottom: -35px;
    right: 43%;
    white-space: nowrap;
    color: #f8f8fa
}

@media (max-width:1431px) {
    .tt-notes02__under {
        font-size: 160px;
        right: 0;
        bottom: -28px
    }
}

@media (max-width:767.98px) {
    .tt-notes02 {
        margin-top: 0;
        max-width: inherit
    }

    .tt-notes02__under {
        left: 0;
        right: inherit
    }
}

@media (max-width:575.98px) {
    .tt-notes02 {
        min-height: inherit;
        padding-bottom: 43px
    }
}

.imgbox-inner {
    display: block;
    position: relative;
    padding-bottom: 50px
}

@media (min-width:1361px) {
    .imgbox-inner:hover .imgbox-inner__description {
        top: 0;
        height: 100%;
        background-color: #1e60aa
    }

    .imgbox-inner:hover .imgbox-inner__description-small {
        opacity: 0
    }

    .imgbox-inner:hover .imgbox-inner__description-large {
        opacity: 1;
        visibility: visible
    }
}

.imgbox-inner:hover .imgbox-inner__description-small .imgbox-inner__title .tt-title .tt-text-01:before {
    width: 100%
}

.imgbox-inner:hover .imgbox-inner__img:before {
    -webkit-animation: 1.15s circle;
    animation: 1.15s circle;
    opacity: 1
}

.imgbox-inner .tt-offset__01 {
    margin-top: 23px
}

.imgbox-inner__img {
    position: relative;
    overflow: hidden
}

    .imgbox-inner__img:before {
        position: absolute;
        top: 50%;
        right: 50%;
        z-index: 1;
        display: block;
        content: "";
        width: 0;
        height: 0;
        background: rgba(255,255,255,.2);
        -webkit-transform: translate(50%,-50%);
        transform: translate(50%,-50%);
        opacity: 0;
        pointer-events: none
    }

    .imgbox-inner__img img {
        width: 100%
    }

.imgbox-inner__description-small {
    position: absolute;
    z-index: 2;
    bottom: 30px;
    right: 0;
    width: 83%;
    background-color: #fff;
    padding: 0 29px 0 0;
    box-shadow: 0 10px 20px rgba(0,0,0,.08)
}

    .imgbox-inner__description-small .imgbox-inner__title {
        padding-bottom: 9px
    }

        .imgbox-inner__description-small .imgbox-inner__title .tt-icon {
            color: #fff;
            top: -14px
        }

            .imgbox-inner__description-small .imgbox-inner__title .tt-icon:before {
                color: #1e60aa;
                text-shadow: 0 5px 10px rgba(30,96,170,.2)
            }

        .imgbox-inner__description-small .imgbox-inner__title .tt-title {
            margin: 0 21px 0 0;
            position: relative
        }

            .imgbox-inner__description-small .imgbox-inner__title .tt-title .tt-text-01 {
                color: #0c4c93;
                font-family: Mulish,sans-serif;
                position: relative
            }

                .imgbox-inner__description-small .imgbox-inner__title .tt-title .tt-text-01:before {
                    content: "";
                    display: block;
                    position: absolute;
                    bottom: 0;
                    width: 0%;
                    height: 2px;
                    margin: auto;
                    right: 0;
                    left: 0;
                    background-color: currentColor;
                    transition: width .2s linear
                }

            .imgbox-inner__description-small .imgbox-inner__title .tt-title .tt-text-02 {
                color: #51acfb
            }

        .imgbox-inner__description-small .imgbox-inner__title + * {
            margin-top: 0
        }

    .imgbox-inner__description-small .tt-icon-box {
        position: absolute;
        left: 8px;
        top: 4px;
        font-weight: 700;
        color: #0c4c93;
        font-size: 20px;
        line-height: 1
    }

.imgbox-inner__description-large {
    opacity: 0;
    visibility: hidden;
    transition: .35s;
    position: absolute;
    z-index: 3;
    top: 0;
    right: 0;
    width: 100%;
    height: calc(100% - 30px);
    color: #fff;
    background-color: #1e60aa
}

    .imgbox-inner__description-large .tt-align {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        padding: 45px 60px 74px
    }

    .imgbox-inner__description-large > :nth-child(1) {
        margin-top: 0
    }

    .imgbox-inner__description-large .tt-external-link {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-content: center;
        align-items: center;
        width: 80px;
        height: 80px;
        background-color: #fff;
        color: #0c4c93;
        position: absolute;
        bottom: 0;
        left: 0;
        box-shadow: 0 0 18px rgba(48,59,87,.1);
        transition: background-color .35s,color .35s
    }

        .imgbox-inner__description-large .tt-external-link:hover {
            background-color: #51acfb;
            color: #fff
        }

@media (max-width:1800px) {
    .imgbox-inner__description-large .tt-list {
        display: none
    }
}
.imgbox-inner:hover .imgbox-inner__description-large {
    opacity: 1;
    visibility: visible
}
/*@media (max-width:1360px) {
    .imgbox-inner__description-large {
        display: none
    }
}*/

.imgbox-inner__title {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: stretch;
    align-items: center;
    padding-bottom: 11px;
    margin-right: -13px
}

    .imgbox-inner__title .tt-icon {
        font-size: 112px;
        color: #fff;
        position: relative;
        display: inline-block;
        top: -12px
    }

        .imgbox-inner__title .tt-icon:before {
            color: #51acfb;
            text-shadow: 0 5px 10px rgba(30,96,170,.2)
        }

        .imgbox-inner__title .tt-icon i {
            position: absolute;
            right: 50%;
            top: 62%;
            font-size: 50px;
            -webkit-transform: translate(50%,-50%);
            transform: translate(50%,-50%)
        }

    .imgbox-inner__title .tt-title {
        margin: 0 17px 0 0
    }

        .imgbox-inner__title .tt-title .tt-text-01 {
            font-size: 29px;
            line-height: 1.2;
            color: #fff;
            display: block;
            font-family: Mulish,sans-serif;
            font-weight: 800
        }

        .imgbox-inner__title .tt-title .tt-text-02 {
            font-size: 16px;
            line-height: 1;
            color: #51acfb;
            display: block;
            position: relative;
            top: 5px
        }

    .imgbox-inner__title + * {
        margin-top: 0
    }

@media (max-width:1500px) {
    .imgbox-inner__description-large .tt-align {
        padding: 20px 40px 40px
    }

    .imgbox-inner__title .tt-icon {
        font-size: 85px
    }

        .imgbox-inner__title .tt-icon i {
            font-size: 35px
        }

    .imgbox-inner__title .tt-title .tt-text-01 {
        font-size: 23px
    }

    .imgbox-inner__title .tt-title .tt-text-02 {
        top: 3px
    }

    .imgbox-inner__description-small {
        width: 90%;
        padding-right: 20px
    }

        .imgbox-inner__description-small .imgbox-inner__title .tt-title {
            margin-right: 10px
        }
}

@media (max-width:1024.98px) {
    .imgbox-inner__title .tt-icon {
        font-size: 60px
    }

        .imgbox-inner__title .tt-icon i {
            font-size: 23px;
            top: 60%
        }

    .imgbox-inner__title .tt-title .tt-text-01 {
        font-size: 19px
    }

    .imgbox-inner__title .tt-title .tt-text-02 {
        top: 4px;
        font-size: 15px
    }

    .imgbox-inner__description-small {
        width: calc(100% - 14px);
        padding-top: 3px;
        padding-bottom: 12px;
        padding-right: 20px;
        box-shadow: 0 5px 20px rgba(0,0,0,.08)
    }

        .imgbox-inner__description-small .imgbox-inner__title {
            padding-bottom: 0
        }

            .imgbox-inner__description-small .imgbox-inner__title .tt-title {
                margin-right: 5px
            }

            .imgbox-inner__description-small .imgbox-inner__title .tt-icon {
                top: -9px
            }
}

@-webkit-keyframes circle {
    0%,40% {
        opacity: 1
    }

    100% {
        width: 200%;
        height: 200%;
        opacity: 0
    }
}

@keyframes circle {
    0%,40% {
        opacity: 1
    }

    100% {
        width: 200%;
        height: 200%;
        opacity: 0
    }
}

.tt-label-01 {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    align-items: center;
    text-align: center;
    background-color: #1e60aa;
    color: #fff;
    width: 134px;
    height: 171px;
    background-size: cover;
    position: absolute
}

    .tt-label-01 .tt-icon {
        font-size: 37px;
        line-height: 1;
        padding-top: 4px
    }

    .tt-label-01 .tt-text01 {
        font-size: 36px;
        line-height: 1;
        font-weight: 700;
        letter-spacing: -.04em;
        margin-top: 5px
    }

        .tt-label-01 .tt-text01 sub {
            font-size: 19px;
            line-height: 1;
            position: relative;
            top: -7px;
            margin-right: 1px
        }

    .tt-label-01 .tt-text02 {
        font-size: 16px;
        line-height: 21px;
        margin-top: 0
    }

    .tt-label-01 > :nth-child(1) {
        margin-top: 0
    }

.tt-img01 {
    position: relative;
    top: -8px;
    right: 0
}

@media (min-width:1400px) {
    .tt-img01 {
        right: -73px
    }
}

.tt-img01 .tt-label-01 {
    top: 41px;
    right: -11px
}

@media (max-width:1024.98px) {
    .tt-label-01 {
        width: 93px;
        height: 116px
    }

        .tt-label-01 .tt-icon {
            font-size: 29px;
            padding-top: 1px
        }

        .tt-label-01 .tt-text01 {
            font-size: 27px;
            margin-top: 3px
        }

            .tt-label-01 .tt-text01 sub {
                font-size: 14px
            }

        .tt-label-01 .tt-text02 {
            font-size: 13px;
            line-height: 16px;
            margin-top: 3px
        }

    .tt-img01 {
        top: 0
    }

        .tt-img01 .tt-label-01 {
            top: -4px;
            right: 0
        }
}

@media (max-width:767.98px) {
    .tt-img01 {
        top: 0;
        right: 0
    }

        .tt-img01 .tt-label-01 {
            top: -2px;
            right: 0
        }
}

.tt-img02 {
    position: relative;
    max-width: 384px
}

    .tt-img02 img {
        width: 100%
    }

    .tt-img02 .tt-label-01 {
        left: -20px;
        bottom: -20px;
        outline: #fff solid 15px;
        width: 154px;
        height: 151px
    }

        .tt-img02 .tt-label-01 .tt-icon {
            font-size: 39px
        }

        .tt-img02 .tt-label-01 .tt-text01 {
            margin-top: 7px
        }

@media (max-width:1024.98px) {
    .tt-img02 {
        max-width: 238px
    }

        .tt-img02 .tt-label-01 {
            outline-width: 10px;
            left: -11px;
            bottom: -11px;
            width: 113px;
            height: 106px
        }

            .tt-img02 .tt-label-01 .tt-icon {
                font-size: 29px
            }
}

.img-lightbox {
    background-color: #f8f8fa;
    display: block;
    padding: 18px;
    position: relative
}

    .img-lightbox img {
        width: 100%
    }

    .img-lightbox:after, .img-lightbox:before {
        width: 100%;
        height: 100%;
        z-index: 3;
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
        transition: .4s;
        pointer-events: none
    }

    .img-lightbox:before {
        border-bottom: 5px solid #0c4c93;
        border-right: 5px solid #0c4c93;
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%
    }

    .img-lightbox:after {
        border-top: 5px solid #0c4c93;
        border-left: 5px solid #0c4c93;
        -webkit-transform-origin: 0% 0;
        transform-origin: 0% 0
    }

    .img-lightbox:hover {
        color: #0c4c93
    }

        .img-lightbox:hover:after, .img-lightbox:hover:before {
            -webkit-transform: scale(1);
            transform: scale(1)
        }

@media (max-width:1024.98px) {
    .img-lightbox {
        padding: 14px
    }
}

@media (max-width:767.98px) {
    .img-lightbox {
        padding: 10px
    }
}

.fullwidth-promo {
    position: relative;
    color: #fff;
    text-align: center;
    background-size: cover
}

    .fullwidth-promo .tt-icon > * {
        display: inline-flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        align-content: center;
        align-items: center;
        width: 99px;
        height: 99px;
        background-color: #51acfb;
        border-radius: 50%;
        font-size: 39px;
        box-shadow: 0 5px 10px rgba(30,96,170,.2)
    }

    .fullwidth-promo .tt-title {
        font-size: 42px;
        line-height: 1.33;
        font-family: Mulish,sans-serif;
        margin-top: 29px
    }

    .fullwidth-promo p {
        margin-top: 26px
    }

@media (min-width:1025px) {
    .fullwidth-promo .fullwidth-promo__indent-01 {
        padding: 118px 15px 165px
    }

    .fullwidth-promo .fullwidth-promo__indent-02 {
        padding: 118px 15px 242px
    }

    .fullwidth-promo .fullwidth-promo__indent-03 {
        padding: 118px 15px 165px
    }

    .tabs__indent-negative {
        padding-bottom: 106px
    }
}

@media (max-width:1024.98px) {
    .fullwidth-promo .fullwidth-promo__indent-01 {
        padding: 60px 15px 94px
    }

    .fullwidth-promo .fullwidth-promo__indent-02 {
        padding: 60px 15px 172px
    }

    .fullwidth-promo .fullwidth-promo__indent-03 {
        padding: 60px 15px 94px
    }

    .fullwidth-promo .tt-icon > * {
        width: 79px;
        height: 79px;
        font-size: 32px
    }

    .fullwidth-promo .tt-title {
        font-size: 32px;
        margin-top: 20px
    }

    .fullwidth-promo p {
        margin-top: 24px
    }
}

@media (max-width:575.98px) {
    .tt-img02 {
        max-width: inherit
    }

    .fullwidth-promo .fullwidth-promo__indent-01 {
        padding: 50px 10px 220px
    }

    .fullwidth-promo .fullwidth-promo__indent-02 {
        padding: 50px 15px 189px
    }

    .fullwidth-promo .fullwidth-promo__indent-03 {
        padding: 50px 10px 154px
    }

    .fullwidth-promo .tt-icon > * {
        width: 69px;
        height: 69px;
        font-size: 28px
    }

    .fullwidth-promo .tt-title {
        font-size: 29px;
        line-height: 36px;
        margin-top: 22px
    }

        .fullwidth-promo .tt-title br {
            display: none
        }

    .fullwidth-promo p {
        margin-top: 20px
    }
}

.tabs-dafault {
    position: relative
}

.tabs__indent-negative {
    top: -58px;
    position: relative
}

@media (max-width:1024.98px) {
    .tabs__indent-negative {
        padding-bottom: 29px
    }
}

.tabs__indent-negative02 {
    position: relative
}

@media (min-width:768px) {
    .tabs__indent-negative02 {
        margin-top: -37px
    }
}

@media (max-width:767.98px) {
    .tabs__indent-negative {
        top: inherit;
        padding-top: 40px;
        padding-bottom: 50px
    }

    .tabs__indent-negative02 {
        padding-top: 56px;
        padding-bottom: 0
    }
}

.tabs__indent-negative03 {
    top: -58px;
    position: relative
}

@media (min-width:1025px) {
    .tabs__indent-negative03 {
        padding-bottom: 82px
    }
}

@media (max-width:1024.98px) {
    .tabs__indent-negative03 {
        margin-top: 75px;
        padding-bottom: 3px
    }
}

.tt-gallery__wrapper {
    margin-top: -56px
}

    .tt-gallery__wrapper > * {
        margin-top: 56px
    }

.tabs__nav {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    justify-content: flex-start;
    margin-right: -7px;
    margin-left: -7px;
    margin-top: -16px
}

    .tabs__nav.tabs__nav-center {
        justify-content: center
    }

    .tabs__nav.tabs__nav-fullwidth-space {
        justify-content: space-between
    }

@media (min-width:768px) {
    .tabs__nav.tabs__nav-fullwidth-space {
        flex-wrap: nowrap
    }
}

.tabs__nav.tabs__nav-fullwidth-space .tabs__nav-item {
    width: 100%
}

@media (max-width:1024.98px) {
    .tabs__nav {
        margin-right: -5px;
        margin-left: -5px
    }
}

.tabs__nav-item {
    display: inline-flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-content: flex-start;
    align-items: flex-start;
    position: relative;
    margin-right: 7px;
    margin-left: 7px;
    color: #0c4c93;
    font-family: Mulish,sans-serif;
    min-height: 100px;
    padding: 10px 64px;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 800;
    box-shadow: 0 10px 30px rgba(26,54,85,.15);
    cursor: pointer;
    transition: color .1s linear;
    margin-top: 14px
}

    .tabs__nav-item:before {
        content: "";
        position: absolute;
        z-index: 0;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background-color: #fff;
        pointer-events: none;
        transition: top .1s linear,background-color .3s linear
    }

    .tabs__nav-item:after {
        content: "+";
        font-family: Mulish,sans-serif;
        position: absolute;
        top: 4px;
        right: 9px;
        font-size: 20px;
        line-height: 1;
        font-weight: 800
    }

    .tabs__nav-item > * {
        position: relative;
        z-index: 1
    }

    .tabs__nav-item .tt-text {
        display: inline-block;
        position: relative;
        pointer-events: none
    }

        .tabs__nav-item .tt-text:before {
            content: "";
            display: block;
            position: absolute;
            bottom: -1px;
            width: 0%;
            height: 2px;
            margin: auto;
            right: 0;
            left: 0;
            background-color: currentColor;
            transition: width .2s linear
        }

        .tabs__nav-item .tt-text span {
            white-space: nowrap
        }

    .tabs__nav-item:hover .tt-text:before, .tabs__nav-item:hover:before {
        width: 100%
    }

    .tabs__nav-item.active {
        box-shadow: none;
        color: #fff;
        pointer-events: none
    }

        .tabs__nav-item.active:before {
            background-color: #0c4c93
        }

@media (max-width:1024.98px) {
    .tabs__nav-item {
        margin-right: 5px;
        margin-left: 5px;
        min-height: 74px;
        padding: 10px 30px;
        font-size: 15px;
        line-height: 1.2
    }

        .tabs__nav-item:after {
            font-size: 14px
        }
}

@media (min-width:768px) {
    .tabs__nav-item.active .tt-text {
        top: 5px
    }

    .tabs__nav-item.active:after {
        margin-top: 5px
    }

    .tabs__nav-item.active:before {
        top: 5px
    }

    .tabs__nav-size-md .tabs__nav-item {
        min-height: 80px;
        padding: 10px 45px;
        min-width: 262px
    }

    .tabs__nav-size-sm .tabs__nav-item {
        min-height: 90px;
        padding: 10px 24px;
        min-width: 130px;
        line-height: 25px
    }
}

@media (min-width:1025px) {
    .tabs__nav-size-sm .tabs__nav-item {
        min-width: 149px;
        padding: 10px 24px
    }
}

@media (min-width:1230px) {
    .tabs__nav-size-sm .tabs__nav-item {
        min-width: 175px;
        font-size: 17px;
        padding: 10px 36px
    }
}

@media (max-width:1229.98px) {
    .tabs__nav-size-sm .tabs__nav-item {
        font-size: 15px
    }
}

@media (min-width:768px) {
    .tabs__nav-size-small .tabs__nav-item {
        min-height: 70px;
        padding: 10px 20px;
        min-width: 108px;
        font-size: 17px;
        line-height: 25px
    }
}

@media (min-width:1025px) {
    .tabs__nav-size-small .tabs__nav-item {
        padding: 10px 24px;
        min-width: 140px
    }

    .tabs__container {
        padding: 137px 0 0
    }
}

@media (max-width:1229.98px) {
    .tabs__nav-size-small .tabs__nav-item {
        font-size: 15px
    }
}

.tabs__layout-item:not(.active) {
    display: none
}

.tabs__layout-item.active {
    display: block;
    min-height: 100px
}

@media (max-width:1024.98px) {
    .tabs__container {
        padding: 68px 0 0
    }
}

@media (max-width:767.98px) {
    .tabs__indent-negative03 {
        top: -47px
    }

    .tabs__nav-item:not(:first-child) {
        margin-top: 10px
    }

    .tabs__container {
        padding: 50px 0 0
    }
}

@media (min-width:1025px) {
    .tabs__container02 {
        padding: 145px 0 0
    }
}

@media (max-width:1024.98px) {
    .tabs__container02 {
        padding: 68px 0 0
    }
}

@media (max-width:767.98px) {
    .tabs__container02 {
        padding: 51px 0 0
    }
}

@media (min-width:1025px) {
    .tabs__container03 {
        padding: 46px 0 0
    }

    .tt-data01__icon.icon-882041:before {
        font-size: 58px
    }
}

@media (max-width:1024.98px) {
    .tabs__container03 {
        padding: 38px 0 0
    }
}

@media (max-width:767.98px) {
    .tabs__container03 {
        padding: 49px 0 0
    }
}

.tabs__indent01 {
    top: -5px
}

.tt-signature {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: center;
    align-items: stretch
}

    .tt-signature.tt-signature__top {
        margin-top: 30px
    }

.tt-signature__title {
    position: relative;
    font-size: 13px;
    line-height: 1.2;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    padding: 0 22px 0 0
}

    .tt-signature__title:before {
        content: "";
        display: block;
        position: absolute;
        top: 10px;
        right: 0;
        width: 1px;
        height: calc(100% - 20px);
        background-color: #0c4c93
    }

@media (max-width:1024.98px) {
    .tt-signature.tt-signature__top {
        margin-top: 16px
    }

    .tt-signature__img img {
        max-width: 190px
    }
}

.tt-data01__top {
    margin-top: 8px
}

.tt-data01__wrapper01 .tt-data01__item {
    position: relative;
    margin-top: 11px
}

.tt-data01__col2 .tt-data01__item:nth-child(2n) {
    position: relative;
    padding-right: 30px
}

.tt-data01 {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    padding-top: 15px
}

.tt-data01__icon {
    position: relative;
    margin-left: 2px
}

    .tt-data01__icon:before {
        position: absolute;
        top: -3px;
        right: -10px;
        z-index: 1;
        font-size: 60px;
        color: #51acfb
    }

    .tt-data01__icon > * {
        position: relative;
        z-index: 0;
        font-size: 75px;
        color: #f8f8fa;
        top: -19px
    }

.tt-data01__text .tt-text01 {
    color: #0c4c93;
    font-weight: 700;
    font-size: 34px;
    line-height: 1
}

    .tt-data01__text .tt-text01 sub {
        font-size: 18px;
        line-height: 1;
        position: relative;
        top: -8px
    }

.tt-data01__text .tt-text02 {
    font-size: 16px;
    margin-top: 1px
}

@media (min-width:1025px) {
    .tt-data02__wrapper .tt-data02:not(.nomargin) {
        margin-top: 30px
    }
}

@media (max-width:1024.98px) {
    .tt-data01__top {
        margin-top: -7px
    }

    .tt-data01__icon {
        margin-top: 4px
    }

        .tt-data01__icon:before {
            font-size: 41px;
            right: 0;
            top: 0
        }

        .tt-data01__icon > * {
            font-size: 52px
        }

    .tt-data01__text .tt-text01 {
        font-size: 27px
    }

    .tt-data01__text .tt-text02 {
        font-size: 15px
    }

    .tt-data01__col2 .tt-data01__item:nth-child(2n) {
        padding-right: 0
    }

    .tt-data02__wrapper .tt-data02:not(.nomargin) {
        margin-top: 20px
    }
}

@media (max-width:767.98px) {
    .tt-data01 {
        flex-wrap: wrap
    }

    .tt-data01__text {
        width: 100%
    }

    .tt-data02__wrapper {
        display: flex;
        flex-wrap: wrap
    }

        .tt-data02__wrapper .tt-data02 {
            margin-top: 20px;
            width: 100%;
            min-height: 208px
        }
}

@media (max-width:575.98px) {
    .tabs__nav-item {
        width: 100%;
        min-height: 60px
    }

        .tabs__nav-item br {
            display: none
        }

    .tt-data02__wrapper {
        margin-top: -5px
    }

        .tt-data02__wrapper .tt-data02 {
            min-height: inherit
        }
}

.tt-data02 {
    padding: 64px 35px 25px 25px;
    background-color: #f8f8fa
}

.tt-data02__icon {
    position: relative;
    margin-left: 2px
}

    .tt-data02__icon:before {
        position: absolute;
        top: -35px;
        right: -7px;
        z-index: 0;
        font-size: 80px;
        line-height: 1;
        color: #fff
    }

    .tt-data02__icon > * {
        position: relative;
        z-index: 1;
        font-size: 48px;
        color: #51acfb;
        top: -19px;
        right: 6px
    }

@media (min-width:1025px) {
    .tt-data02__icon > .icon-2058768 {
        right: 3px
    }

    .tt-data02__icon > .icon-1179233 {
        right: -1px;
        font-size: 53px;
        top: -21px
    }

    .tt-data02__icon > .icon-1233103 {
        right: -2px
    }
}

.tt-data02__title {
    font-size: 20px;
    line-height: 26px;
    font-family: Mulish,sans-serif;
    color: #0c4c93;
    font-weight: 800;
    margin-top: 15px;
    padding: 0 0 8px
}

    .tt-data02__title a {
        display: inline-block;
        position: relative;
        color: #0c4c93
    }

        .tt-data02__title a:before {
            content: "";
            display: block;
            position: absolute;
            bottom: 0;
            width: 0%;
            height: 2px;
            margin: auto;
            right: 0;
            left: 0;
            background-color: currentColor;
            transition: width .2s linear
        }

        .tt-data02__title a:hover:before {
            width: 100%
        }

@media (max-width:1024.98px) {
    .tt-data02__icon:before {
        top: -35px;
        right: -7px;
        font-size: 60px
    }

    .tt-data02__icon > * {
        font-size: 34px
    }

    .tt-data02__title {
        font-size: 17px;
        line-height: 26px;
        margin-top: 3px
    }

    .tt-data02 {
        padding: 48px 17px 16px
    }
}

@media (max-width:575.98px) {
    .tt-data02 {
        padding: 50px 20px 25px
    }
}

.tt-data03__wrapper {
    margin-top: -27px
}

    .tt-data03__wrapper .tt-data03 {
        margin-top: 27px
    }

.tt-data03__wrapper02 {
    margin-top: -7px
}

    .tt-data03__wrapper02 .tt-data03 {
        margin-top: 7px
    }

.tt-data03__top {
    margin-top: 17px
}

.tt-data03 {
    position: relative;
    padding: 0 29px 0 0
}

    .tt-data03:before {
        content: "\e92c";
        font-family: font-icon;
        display: inline-block;
        font-size: 13px;
        position: absolute;
        right: 0;
        font-weight: 400;
        color: #0c4c93
    }

@media (max-width:767.98px) {
    .tt-data03__wrapper {
        margin-top: -20px
    }

        .tt-data03__wrapper .tt-data03 {
            margin-top: 20px
        }
}

.tt-data04__wrapper {
    margin-top: -30px
}

    .tt-data04__wrapper .tt-data04 {
        margin-top: 30px
    }

.tt-data04 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start
}

.tt-data04__icon {
    position: relative;
    margin-left: 2px
}

    .tt-data04__icon:before {
        position: relative;
        top: -13px;
        right: 7px;
        z-index: 0;
        font-size: 75px;
        line-height: 1;
        color: #f8f8fa
    }

    .tt-data04__icon > * {
        position: absolute;
        z-index: 1;
        font-size: 55px;
        color: #51acfb;
        top: -2px;
        right: 6px
    }

@media (min-width:1025px) {
    .tt-data04__icon > .icon-3731419 {
        font-size: 64px
    }

    .tt-data04__icon > .icon-1365455 {
        font-size: 60px
    }

    .tt-additional__bg02 .tt-row01 .tt-col:first-child {
        width: 42%;
        padding-left: 25px
    }

    .tt-additional__bg02 .tt-row01 .tt-col:last-child {
        max-width: 470px;
        padding-top: 15px
    }
}

.tt-data04__icon + .tt-data04__content {
    margin-right: 9px
}

.tt-data04__title {
    font-size: 20px;
    line-height: 26px;
    font-family: Mulish,sans-serif;
    color: #0c4c93;
    font-weight: 800;
    padding: 0 0 12px
}

    .tt-data04__title a {
        display: inline-block;
        position: relative;
        color: #0c4c93
    }

        .tt-data04__title a:before {
            content: "";
            display: block;
            position: absolute;
            bottom: 0;
            width: 0%;
            height: 2px;
            margin: auto;
            right: 0;
            left: 0;
            background-color: currentColor;
            transition: width .2s linear
        }

        .tt-data04__title a:hover:before {
            width: 100%
        }

@media (max-width:1024.98px) {
    .tt-data04__title {
        font-size: 17px;
        padding: 0 0 7px
    }

    .tt-data04__wrapper {
        margin-top: -20px
    }

        .tt-data04__wrapper .tt-data04 {
            margin-top: 20px
        }

    .tt-data04__icon:before {
        font-size: 64px
    }

    .tt-data04__icon > * {
        font-size: 40px
    }
}

.tt-additional__wrapper {
    padding: 120px 0 50px;
    position: relative;
    overflow: hidden
}

@media (max-width:767.98px) {
    .tt-additional__wrapper {
        padding-top: 0
    }

    .tt-additional__bg02 .tt-row01 .tt-col:last-child {
        padding-bottom: 25px
    }
}

.tt-additional_img01 {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    pointer-events: none
}

.tt-additional__bg01 {
    position: relative;
    z-index: 1;
    padding: 100px 0 0
}

    .tt-additional__bg01:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: -15%;
        width: 64.3%;
        height: 100%;
        background-color: #fff;
        z-index: 1;
        -webkit-transform: skew(26deg);
        transform: skew(26deg)
    }

    .tt-additional__bg01:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 0;
        width: 100%;
        height: 100%;
        max-height: 800px;
        background-color: #1e60aa
    }

.tt-additional__bg01-02 {
    background-position: 100% 0;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    width: 100%;
    height: 100%
}

.tt-additional__bg02 {
    background-color: #fff;
    position: relative;
    z-index: 3;
    padding: 92px 100px 0 0
}

@media (min-width:1230px) {
    .tabs__nav-size-small .tabs__nav-item {
        min-width: 175px;
        padding: 10px 27px
    }

    .tt-data01__col2 .tt-data01__item:nth-child(2n):before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: -30px;
        height: 100%;
        width: 1px;
        background-color: #eeeef2
    }

    .tt-additional__bg02 {
        margin: 0 375px 0 0
    }
}

@media (min-width:768px) {
    .tt-additional__bg02 .tt-row01 {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-content: stretch;
        align-items: center
    }

        .tt-additional__bg02 .tt-row01 .tt-col {
            position: relative;
            z-index: 2
        }

            .tt-additional__bg02 .tt-row01 .tt-col:first-child {
                width: 42%;
                padding-left: 25px
            }

            .tt-additional__bg02 .tt-row01 .tt-col:last-child {
                max-width: 400px;
                padding-top: 9px
            }
}

@media (max-width:575.98px) {
    .tt-additional__bg02 .tt-row01 .tt-col:last-child {
        padding-bottom: 13px
    }
}

@media (min-width:1230px) {
    .tt-additional__bg02 .tt-row02 {
        padding-bottom: 5px
    }

        .tt-additional__bg02 .tt-row02 .tt-col:first-child {
            width: 42%;
            padding-left: 25px
        }

        .tt-additional__bg02 .tt-row02 .tt-col:last-child {
            padding-top: 15px
        }
}

@media (min-width:768px) {
    .tt-additional__bg02 .tt-row02 {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-content: stretch;
        align-items: center
    }

        .tt-additional__bg02 .tt-row02 .tt-col {
            position: relative;
            z-index: 2;
            padding-bottom: 14px
        }

            .tt-additional__bg02 .tt-row02 .tt-col:first-child {
                width: 44%;
                min-width: 370px;
                padding-left: 25px
            }

            .tt-additional__bg02 .tt-row02 .tt-col:last-child {
                max-width: 447px
            }

    .tt-pagination li a {
        width: 60px;
        height: 60px
    }  
    .tt-pagination li span {
        width: 60px;
        height: 60px
    }
}

.additional {
    background-color: #f8f8fa;
    padding: 45px 45px 45px 20px;
    margin: 30px 0 0
}

    .additional .tt-list {
        margin-top: 21px
    }

    .additional .tt-btn {
        margin-top: 18px
    }

@media (max-width:1400px) {
    .additional {
        padding-right: 30px
    }
}

.additional__title {
    font-size: 20px;
    line-height: 26px;
    color: #0c4c93;
    font-weight: 800;
    font-family: Mulish,sans-serif;
    padding: 0 0 21px
}

    .additional__title + * {
        margin-top: 0
    }

.additional__icon {
    position: relative;
    display: inline-block;
    margin: -70px -10px 28px 0
}

    .additional__icon:before {
        color: #51acfb;
        font-size: 107px;
        text-shadow: 0 5px 10px rgba(30,96,170,.2)
    }

    .additional__icon > * {
        color: #fff;
        position: absolute;
        top: 50%;
        right: 50%;
        margin-top: 10%;
        -webkit-transform: translate(50%,-50%);
        transform: translate(50%,-50%);
        font-size: 41px;
        line-height: 1
    }

@media (max-width:1229.98px) {
    .tt-additional__bg01 {
        padding-top: 54px
    }

    .tt-additional__bg02 {
        padding: 92px 15px 0
    }
}

@media (max-width:1024.98px) {
    .tt-additional__wrapper {
        padding: 65px 0 25px
    }

    .tt-additional__bg01-02 {
        background-size: 65% 65%
    }

    .tt-additional__bg01:before {
        width: 78%
    }

    .tt-additional__bg02 {
        padding: 71px 15px 0
    }

    .additional {
        padding: 30px 25px
    }

    .additional__title {
        font-size: 17px;
        line-height: 26px;
        padding-bottom: 7px
    }

    .additional__icon {
        margin-bottom: 13px
    }

        .additional__icon:before {
            font-size: 66px
        }

        .additional__icon > * {
            font-size: 25px
        }

    .additional .tt-list {
        margin-top: 7px
    }

    .additional .tt-btn {
        margin-top: 10px
    }
}

@media (max-width:767.98px) {
    .tt-additional__bg02 .tt-row02 .tt-col:last-child {
        padding-bottom: 25px
    }

    .additional {
        padding: 30px 25px
    }

    .tt-additional__wrapper {
        padding: 0 0 25px
    }

    .tt-additional__bg01:before {
        width: 60%
    }

    .tt-additional__bg01-02 {
        background-size: 65% 65%;
        background-size: inherit;
        background-position: left -73%
    }
}

@media (max-width:575.98px) {
    .tt-additional__bg02 .tt-row02 .tt-col:last-child {
        padding-bottom: 19px
    }

    .tt-additional__bg01 {
        padding-top: 20px
    }

    .tt-additional__bg02 {
        margin-right: 15px;
        padding: 41px 25px 0 15px
    }

    .tt-additional__bg01:before {
        left: 0;
        width: 75%
    }

    .additional__icon {
        margin: -70px -10px 22px 0
    }

        .additional__icon:before {
            font-size: 74px
        }

        .additional__icon > * {
            font-size: 28px
        }

    .additional__title {
        padding-bottom: 7px
    }

    .additional .tt-list {
        margin-top: 10px
    }

    .additional .tt-btn {
        margin-top: 14px
    }
}

@media (min-width:1025px) {
    .blocktitle + .step__wrapper {
        margin-top: -30px
    }
}

@media (max-width:1024.98px) {
    .blocktitle + .step__wrapper {
        margin-top: -39px
    }
}

.step {
    text-align: center;
    margin-top: 25px;
    margin-bottom: -6px
}

    .step .step__title {
        font-size: 20px;
        line-height: 26px;
        color: #0c4c93;
        font-weight: 800;
        font-family: Mulish,sans-serif;
        margin-top: 37px
    }

@media (max-width:1024.98px) {
    .step .step__title {
        font-size: 17px;
        line-height: 23px;
        margin-top: 17px
    }

    .step__img img {
        max-height: 176px
    }
}

.logo-item__wrapper {
    margin-top: -46px
}

    .logo-item__wrapper .logo-item {
        margin-top: 30px
    }

@media (min-width:1025px) {
    .logo-item__wrapper.logo-item__col-2 {
        max-width: 561px;
        margin-left: 30px;
        margin-right: -30px;
        margin-top: -46px
    }

        .logo-item__wrapper.logo-item__col-2 .logo-item {
            max-width: 246px;
            width: calc(50% - 30px);
            margin-right: 30px;
            margin-top: 30px
        }
}

@media (max-width:1024.98px) {
    .logo-item__wrapper.logo-item__col-2 {
        margin-top: -20px;
        margin-left: 0
    }

        .logo-item__wrapper.logo-item__col-2 .logo-item {
            width: calc(50% - 20px);
            margin-right: 20px;
            margin-top: 20px
        }
}

@media (max-width:767.98px) {
    .step__img img {
        max-height: 140px
    }

    .logo-item__wrapper.logo-item__col-2 {
        max-width: 461px;
        margin-top: -10px
    }

        .logo-item__wrapper.logo-item__col-2 .logo-item {
            width: calc(50% - 10px);
            margin-right: 10px;
            margin-top: 10px
        }
}

.logo-item {
    border: 2px solid #f8f8fa;
    background-color: #fff;
    padding: 2px;
    display: block;
    position: relative;
    text-align: center
}

    .logo-item img {
        display: inline-block
    }

    .logo-item:after, .logo-item:before {
        width: calc(100% + 4px);
        height: calc(100% + 4px);
        z-index: 3;
        content: "";
        position: absolute;
        top: -2px;
        right: -2px;
        -webkit-transform: scale(0);
        transform: scale(0);
        transition: .4s;
        pointer-events: none
    }

    .logo-item:before {
        border-bottom: 2px solid #0c4c93;
        border-right: 2px solid #0c4c93;
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%
    }

    .logo-item:after {
        border-top: 2px solid #0c4c93;
        border-left: 2px solid #0c4c93;
        -webkit-transform-origin: 0% 0;
        transform-origin: 0% 0
    }

    .logo-item:hover:after, .logo-item:hover:before {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

.tt-row-col5 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: stretch;
    align-items: flex-start;
    margin-right: -10px;
    margin-left: -10px;
    margin-top: -10px
}

    .tt-row-col5 .tt-col-item {
        padding-right: 10px;
        padding-left: 10px;
        margin-top: 10px;
        max-width: 230px
    }

@media (min-width:1025px) {
    .tt-row-col5 .tt-col-item {
        width: 20%
    }

    .tt-news01__wrapper {
        max-width: 330px
    }
}

@media (max-width:1024.98px) {
    .tt-row-col5 .tt-col-item {
        width: 33.33%
    }
}

@media (max-width:575.98px) {
    .tt-row-col5 .tt-col-item {
        width: 50%
    }
}

.tt-news01__wrapper {
    position: relative;
    margin-top: -3px
}

.tt-news01__item + * {
    margin-top: 30px
}

.tt-news01__row {
    font-size: 13px;
    padding-bottom: 7px
}

    .tt-news01__row > * {
        display: inline-block
    }

    .tt-news01__row > :not(:first-child) {
        margin-right: 16px
    }

    .tt-news01__row > * .tt-icon {
        font-size: 12px;
        color: #0c4c93;
        display: inline-block;
        margin-left: 3px;
        font-weight: 700
    }

    .tt-news01__row a {
        color: #0c4c93;
        transition: color .3s
    }

        .tt-news01__row a:hover {
            color: #51acfb
        }

.tt-news01__title {
    color: #0c4c93;
    font-family: Mulish,sans-serif;
    font-size: 20px;
    line-height: 30px;
    font-weight: 800;
    padding: 0 0 7px
}

    .tt-news01__title + * {
        margin-top: 0
    }

    .tt-news01__title a {
        color: #0c4c93;
        transition: color .3s
    }

        .tt-news01__title a:hover {
            color: #51acfb
        }

@media (max-width:1024.98px) {
    .tt-news01__item + * {
        margin-top: 16px
    }
}

@media (max-width:767.98px) {
    .tt-news01__title {
        font-size: 17px;
        line-height: 27px;
        padding: 0 0 10px
    }

    .tt-news01__item + * {
        margin-top: 28px
    }
}

.tt-news02__img {
    position: relative;
    overflow: hidden
}

    .tt-news02__img:before {
        position: absolute;
        top: 50%;
        right: 50%;
        z-index: 1;
        display: block;
        content: "";
        width: 0;
        height: 0;
        background: rgba(255,255,255,.2);
        -webkit-transform: translate(50%,-50%);
        transform: translate(50%,-50%);
        opacity: 0;
        pointer-events: none
    }

    .tt-news02__img img {
        width: 100%
    }

    .tt-news02__img:hover:before {
        -webkit-animation: 1.15s circle;
        animation: 1.15s circle;
        opacity: 1
    }

@media (max-width:1024px) and (min-width:756px) {
    .tt-news02__img img {
        max-height: 300px;
        -o-object-fit: fill;
        object-fit: fill
    }
}

.tt-news02__data {
    position: absolute;
    text-align: center;
    display: inline-block;
    width: 59px;
    top: -5px
}

    .tt-news02__data:before {
        font-size: 73px;
        line-height: 1;
        color: #0c4c93;
        position: absolute;
        top: -27px;
        right: -6px
    }

    .tt-news02__data > * {
        position: relative;
        text-align: center
    }

    .tt-news02__data .tt-text01 {
        font-size: 13px;
        line-height: 1;
        color: #fff;
        font-family: Inter,sans-serif
    }

    .tt-news02__data .tt-text02 {
        font-size: 20px;
        line-height: 1;
        color: #fff;
        font-weight: 700;
        margin-top: 1px;
        font-family: Inter,sans-serif
    }

    .tt-news02__data + .tt-news02__info {
        margin-right: 78px
    }

.tt-news02__info {
    font-size: 13px;
    line-height: 18px;
    position: relative;
    top: 3px
}

    .tt-news02__info a {
        color: #0c4c93;
        transition: color .3s;
        display: inline-block
    }

        .tt-news02__info a:hover {
            color: #51acfb
        }

.tt-news02__description {
    background-color: #fff;
    margin-left: 30px;
    padding: 13px 30px 22px;
    margin-top: -85px;
    position: relative;
    z-index: 2
}

.tt-news02__title {
    color: #0c4c93;
    font-weight: 800;
    font-size: 20px;
    line-height: 30px;
    margin-top: 26px;
    padding: 0 0 7px
}

    .tt-news02__title + * {
        margin-top: 0
    }

    .tt-news02__title a {
        color: #0c4c93;
        display: inline-block;
        transition: color .3s
    }

        .tt-news02__title a:hover {
            color: #51acfb
        }

.tt-news02__extra-link {
    margin-top: 8px;
    display: inline-block;
    color: #0c4c93;
    transition: color .3s;
    padding: 5px 0 0 5px
}

    .tt-news02__extra-link:hover {
        color: #51acfb
    }

@media (max-width:1024.98px) {
    .tt-news02__description {
        margin-left: 29px
    }

    .tt-news02__title {
        font-size: 17px;
        line-height: 27px
    }
}

@media (max-width:767.98px) {
    .tt-news02__description {
        margin-left: 23px;
        padding: 13px 20px 22px
    }
}

@media (max-width:575.98px) {
    .tt-news02__description {
        padding: 13px 15px 15px
    }

        .tt-news02__description .tt-news02__title {
            max-height: 58px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical
        }

        .tt-news02__description p {
            max-height: 51px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical
        }
}

.tt-pagination {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-end;
    margin-top: -10px;
    margin-right: -10px
}

    .tt-pagination li {
        margin-top: 10px;
        margin-right: 10px
    }

        .tt-pagination li a {
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            justify-content: center;
            align-content: center;
            align-items: center;
            width: 60px;
            height: 60px;
            font-weight: 800;
            font-family: Mulish,sans-serif;
            transition: background-color .2s linear,color .2s linear
        } 
        .tt-pagination li span {
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            justify-content: center;
            align-content: center;
            align-items: center;
            width: 60px;
            height: 60px;
            font-weight: 800;
            font-family: Mulish,sans-serif;
            transition: background-color .2s linear,color .2s linear
        }

            .tt-pagination li a:not(.tt-pagination__btn):hover {
                background-color: #0c4c93;
                color: #fff
            }

            .tt-pagination li a:not(.tt-pagination__btn) {
                border: 2px solid #f8f8fa;
                color: #0c4c93;
                background-color: #f8f8fa
            }
            .tt-pagination li span:not(.tt-pagination__btn):hover {
                background-color: #0c4c93;
                color: #fff
            }

            .tt-pagination li span:not(.tt-pagination__btn) {
                border: 2px solid #f8f8fa;
                color: #0c4c93;
                background-color: #f8f8fa
            }
        .tt-pagination li.active span:not(.tt-pagination__btn) {
            pointer-events: none;
            background-color: #fff
        }
        .tt-pagination li.active a:not(.tt-pagination__btn) {
            pointer-events: none;
            background-color: #fff
        } 
       

.tt-pagination__btn {
    color: #0c4c93
}

    .tt-pagination__btn:hover {
        background-color: #0c4c93;
        color: #fff
    }

.tt-pagination__top {
    margin-top: 40px
}

@media (max-width:1024.98px) {
    .tt-pagination__top {
        margin-top: 30px
    }
}

.tt-rating {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    font-size: 11px;
    line-height: 1;
    color: #ff4917
}

    .tt-rating .icon-star-empty {
        color: #f1f2f3
    }

@media (min-width:1025px) {
    .tt-rating {
        margin-right: -2px;
        margin-left: -2px
    }

        .tt-rating > * {
            margin-right: 2px;
            margin-left: 2px
        }
}

@media (max-width:1024.98px) {
    .tt-rating {
        margin-right: -1px;
        margin-left: -1px
    }

        .tt-rating > * {
            margin-right: 1px;
            margin-left: 1px
        }
}

.tt-rating_size-lg {
    font-size: 16px
}

@media (min-width:1025px) {
    .tt-rating_size-lg {
        margin-right: -3px;
        margin-left: -3px
    }

        .tt-rating_size-lg > * {
            margin-right: 3px;
            margin-left: 3px
        }

    .tt-gallery__title {
        max-width: 261px
    }
}

.tt-gallery {
    position: relative;
    display: block
}

    .tt-gallery:before {
        content: "";
        display: block;
        position: absolute;
        z-index: 1;
        opacity: 0;
        top: 0;
        right: 0;
        background-color: rgba(30,96,170,.7)
    }

    .tt-gallery:hover:before {
        opacity: 1
    }

    .tt-gallery:hover .tt-gallery__icon {
        top: 50%;
        opacity: 1
    }

    .tt-gallery:hover .tt-gallery__img img {
        opacity: .7;
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

.tt-gallery__img {
    overflow: hidden;
    background-color: #f8f8fa;
    position: relative
}

    .tt-gallery__img img {
        width: 100%;
        transition: opacity .4s ease-in,transform .25s,-webkit-transform .25s;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

.tt-gallery__icon {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-content: center;
    align-items: center;
    position: absolute;
    width: 57px;
    height: 57px;
    border-radius: 50%;
    background-color: #51acfb;
    box-shadow: 0 10px 30px rgba(26,54,85,.15);
    color: #fff;
    z-index: 2;
    top: 45%;
    right: 50%;
    margin-left: -50%;
    -webkit-transform: translate(50%,-50%);
    transform: translate(50%,-50%);
    opacity: 0;
    transition: .2s linear
}

.tt-gallery__title {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    position: absolute;
    z-index: 3;
    bottom: -24px;
    right: 0;
    width: 100%;
    color: #6c7176;
    background-color: #fff;
    padding: 6px 20px 5px;
    line-height: 22px;
    min-height: 58px;
    box-shadow: 0 10px 30px rgba(26,54,85,.15)
}

@media (max-width:767.98px) {
    .tt-pagination li a {
        width: 46px;
        height: 46px
    }  
    .tt-pagination li span {
        width: 46px;
        height: 46px
    }

    .tt-pagination__top {
        margin-top: 25px
    }

    .tt-gallery__wrapper {
        margin-top: -36px
    }

        .tt-gallery__wrapper > * {
            margin-top: 36px
        }

    .tt-gallery__icon {
        top: 50%
    }

    .tt-gallery__title {
        position: relative;
        bottom: 0;
        padding: 4px 15px 4px 10px
    }
}

@media (max-width:575.98px) {
    .tt-gallery__wrapper {
        margin-top: -20px
    }

        .tt-gallery__wrapper > * {
            margin-top: 20px;
            padding-right: 10px;
            padding-left: 10px
        }
}

.personal-02__wrapper {
    margin-top: -30px
}

    .personal-02__wrapper .personal-02 {
        margin-top: 30px
    }

@media (max-width:1024px) {
    .personal-02__wrapper {
        margin-top: -30px
    }
}

.personal-02 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: stretch;
    align-items: center;
    position: relative;
    border: 11px solid #f8f8fa;
    border-right-color: #fff;
    background-color: #fff;
    padding: 18px
}

    .personal-02:after, .personal-02:before {
        content: "";
        display: block;
        background-color: #fff;
        position: absolute;
        z-index: 1;
        -webkit-transform: skew(26deg);
        transform: skew(26deg);
        height: 30px
    }

    .personal-02:before {
        width: 50px;
        top: -11px;
        right: -21px
    }

    .personal-02:after {
        width: 170px;
        bottom: -11px;
        right: -21px
    }

    .personal-02 > * {
        position: relative;
        z-index: 3
    }

.personal-02__img {
    border-radius: 50%;
    overflow: hidden;
    -o-object-fit: cover;
    object-fit: cover
}

@media (min-width:1230px) {
    .personal-02__img {
        width: 195px;
        min-width: 195px;
        height: 195px
    }
}

@media (max-width:1229.98px) {
    .personal-02__img {
        width: 150px;
        min-width: 150px;
        height: 150px
    }
}

@media (max-width:1024.98px) {
    .tt-rating_size-lg {
        font-size: 13px
    }

    .personal-02__img {
        width: 120px;
        min-width: 120px;
        height: 120px
    }
}

.personal-02__slide {
    position: absolute;
    z-index: 4;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: .2s linear
}

    .personal-02__slide > * {
        display: block;
        width: 43px;
        height: 43px;
        background-color: #0c4c93;
        border: 2px solid #0c4c93;
        border-radius: 50%;
        font-size: 13px;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-content: stretch;
        align-items: center;
        color: #fff;
        transition: .2s linear
    }

    .personal-02__slide > :not(:first-child) {
        margin-top: 7px
    }

    .personal-02__slide > :hover {
        background-color: #fff;
        color: #0c4c93
    }

@media (min-width:401px) {
    .personal-02__img + .personal-02__content {
        margin-right: 27px
    }

    .personal-02__content p {
        margin-top: 21px
    }
}

.personal-02__title {
    color: #0c4c93;
    font-size: 20px;
    line-height: 26px;
    font-weight: 800;
    font-family: Mulish,sans-serif
}

@media (max-width:767.98px) {
    .personal-02__title {
        font-size: 17px;
        line-height: 27px
    }
}

.personal-02__label {
    font-size: 13px;
    line-height: 1.2;
    margin-top: 8px
}

@media (max-width:400px) {
    .personal-02 {
        flex-wrap: wrap;
        padding: 18px
    }

    .personal-02__slide {
        top: 80px
    }

    .personal-02__content {
        margin-top: 20px
    }
}

.personal-03 {
    text-align: center;
    display: block
}

    .personal-03:hover .personal-03__img picture:before {
        -webkit-animation: 1.15s circle;
        animation: 1.15s circle;
        opacity: 1
    }

    .personal-03:hover .personal-03__title:before {
        width: 100%
    }

.personal-03__img picture {
    display: inline-block;
    overflow: hidden;
    position: relative;
    width: 195px;
    border-radius: 50%
}

    .personal-03__img picture:before {
        position: absolute;
        top: 50%;
        right: 50%;
        z-index: 1;
        display: block;
        content: "";
        width: 0;
        height: 0;
        background: rgba(255,255,255,.2);
        -webkit-transform: translate(50%,-50%);
        transform: translate(50%,-50%);
        opacity: 0;
        pointer-events: none;
        border-radius: 50%
    }

.personal-03__title {
    font-family: Mulish,sans-serif;
    color: #0c4c93;
    font-weight: 800;
    font-size: 20px;
    line-height: 26px;
    margin-top: 14px;
    position: relative;
    display: inline-block
}

    .personal-03__title:before {
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        width: 0%;
        height: 2px;
        margin: auto;
        right: 0;
        left: 0;
        background-color: currentColor;
        transition: width .2s linear
    }

.personal-03__label {
    font-size: 13px;
    line-height: 1.2;
    margin-top: 8px;
    color: #6c7176
}

@media (max-width:1024.98px) {
    .personal-02__slide > * {
        width: 35px;
        height: 35px
    }

    .personal-03__img picture {
        width: 160px
    }
}

@media (max-width:767.98px) {
    .personal-03__img picture {
        width: 120px
    }

    .personal-03__title {
        font-size: 17px;
        line-height: 27px;
        margin-top: 10px
    }

    .personal-03__label {
        margin-top: 5px
    }
}

.location__list__wrapper {
    margin-top: -22px
}

    .location__list__wrapper .location__list {
        margin-top: 22px
    }

@media (max-width:767.98px) {
    .location__list__wrapper {
        margin-top: -17px
    }

        .location__list__wrapper .location__list {
            margin-top: 17px
        }
}

@media (max-width:450px) {
    .location__list__wrapper {
        margin-top: -10px
    }

        .location__list__wrapper [class^=col-] {
            width: 100%
        }

            .location__list__wrapper [class^=col-] .location__list {
                margin-top: 10px
            }
}

.location__list li {
    position: relative
}

    .location__list li a {
        display: inline-block;
        padding: 0 28px 0 0;
        font-size: 16px;
        line-height: 26px;
        color: #6c7176
    }

        .location__list li a:before {
            content: "\e902";
            font-family: font-icon;
            position: absolute;
            top: -1px;
            right: 0;
            color: #ff4917;
            font-size: 18px
        }

        .location__list li a span {
            display: inline-block;
            position: relative;
            color: #0c4c93;
            font-family: Inter,sans-serif;
            font-weight: 700
        }

            .location__list li a span:before {
                content: "";
                display: block;
                position: absolute;
                bottom: 0;
                width: 0%;
                height: 2px;
                right: 0;
                background-color: currentColor;
                transition: width .2s linear
            }

        .location__list li a:hover span:before {
            width: 100%
        }

@media (min-width:1025px) {
    .personal-02:hover .personal-02__slide {
        opacity: 1;
        right: 0
    }

    .personal-02__slide {
        opacity: 0;
        right: -20px
    }

    .location__list li:not(:first-child) {
        margin-top: 22px
    }
}

@media (max-width:1024.98px) {
    .location__list li:not(:first-child) {
        margin-top: 15px
    }
}

.layout01__img {
    position: relative
}

.layout01__img-additional {
    position: absolute;
    max-width: 284px
}

    .layout01__img-additional.p-b-l {
        bottom: -21.5%;
        right: -7.3%
    }

.layout01__img-additional02 {
    position: absolute;
    max-width: 284px
}

    .layout01__img-additional02.p-b-l {
        bottom: -30px;
        right: -70px
    }

@media (min-width:768px) {
    .layout01__content {
        margin-top: 3px
    }
}

@media (min-width:1230px) {
    .layout01__content {
        margin-top: 0
    }

        .layout01__content p {
            max-width: 434px
        }
}

@media (max-width:1229.98px) {
    .layout01__img-additional {
        max-width: 55%
    }

        .layout01__img-additional.p-b-l {
            bottom: -21.5%;
            right: -15px
        }

    .layout01__img-additional02 {
        max-width: 100px
    }

        .layout01__img-additional02.p-b-l {
            bottom: -15px;
            right: -14px
        }

    .layout01__img-main {
        display: block
    }

        .layout01__img-main img {
            width: 100%
        }
}

@media (max-width:575.98px) {
    .layout01__img {
        top: 0
    }

    .layout01__img-additional {
        max-width: 55%
    }

        .layout01__img-additional.p-b-l {
            bottom: -15px
        }

    .layout01__content {
        padding-top: 57px
    }

    .layout01__img-additional02 {
        max-width: 90px
    }
}

.layout02 {
    position: relative
}

.layout02_bg .tt-btn__video {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.layout02_bg-left {
    width: 50%;
    position: absolute;
    height: 100%;
    z-index: 1;
    top: 0;
    right: 0;
    background-position: right center;
    background-repeat: no-repeat
}

@media (min-width:1025px) {
    .layout02_bg-left:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: -12vw;
        width: 21vw;
        height: 100%;
        background-color: #fff;
        z-index: 0;
        -webkit-transform: skew(-26deg);
        transform: skew(-26deg)
    }

    .layout02_bg-right:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: -12vw;
        width: 21vw;
        height: 100%;
        background-color: #fff;
        z-index: 0;
        -webkit-transform: skew(26deg);
        transform: skew(26deg)
    }
}

.layout02_bg-left .tt-btn__video {
    left: 7vw
}

.layout02_bg-right {
    width: 50%;
    position: absolute;
    height: 100%;
    z-index: 1;
    top: 0;
    left: 0;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: cover
}

    .layout02_bg-right .tt-btn__video {
        right: 7vw
    }

.layout02__content {
    position: relative;
    z-index: 2
}

.layout02__content-indent01 {
    padding: 0 0 225px
}

.layout02__content-indent02 {
    padding: 140px 0
}

@media (max-width:1229.98px) {
    .layout02__content-indent01 {
        padding: 0 0 193px
    }

    .layout02_bg-right:before {
        right: -16vw;
        width: 32vw
    }
}

@media (max-width:1024.98px) {
    .layout02__content-indent01 {
        padding: 0 0 65px
    }

    .layout02_bg-left, .layout02_bg-right {
        width: 40%
    }
}

@media (max-width:767.98px) {
    .location__list li:not(:first-child) {
        margin-top: 10px
    }

    .layout02__content-indent01 {
        padding: 43px 15px 0
    }

    .layout02_bg-right {
        position: relative;
        width: 100%;
        height: 265px;
        background-position: center center
    }

        .layout02_bg-right:before {
            display: none
        }
}

.layout03 {
    color: #fff;
    padding-bottom: 52px;
    position: relative;
    z-index: 0
}

.layout03_bg {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #1e60aa;
    background-position: left top;
    background-repeat: no-repeat;
    height: 100%;
    z-index: 1
}

    .layout03_bg:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: -5vw;
        width: 13vw;
        height: 100%;
        background-color: #1e60aa;
        z-index: 0;
        -webkit-transform: skew(26deg);
        transform: skew(26deg)
    }

@media (min-width:1601px) {
    .layout03_bg {
        width: calc(100% - 340px)
    }
}

@media (max-width:1600px) {
    .layout03_bg {
        width: calc(100% - 240px)
    }
}

@media (max-width:1500px) {
    .layout03_bg {
        width: 100%
    }

        .layout03_bg:before {
            display: none
        }
}

.layout03__content {
    position: relative;
    z-index: 2
}

    .layout03__content p {
        max-width: 270px
    }

.layout03__item-img {
    margin-top: -17px
}

.layout03__item-title {
    font-family: Mulish,sans-serif;
    color: #fff;
    font-weight: 800;
    font-size: 20px;
    line-height: 26px;
    margin-top: 19px;
    padding: 0 0 16px
}

    .layout03__item-title + * {
        margin-top: 0
    }

@media (max-width:1024.98px) {
    .layout03__item-img img {
        max-width: 72px
    }
}

@media (max-width:767.98px) {
    .layout03 {
        padding-top: 9px;
        padding-bottom: 46px
    }

    .layout03__item {
        margin-top: 35px
    }

    .layout03_bg {
        background-position: center top
    }

    .layout03__item-img {
        margin-top: 6px
    }

        .layout03__item-img img {
            max-width: 65px
        }

    .layout03__item-title {
        font-size: 18px;
        line-height: 24px;
        padding-bottom: 10px
    }

    .layout03__content p {
        max-width: inherit
    }
}

@media (max-width:575.98px) {
    .layout03__item {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-content: stretch;
        align-items: flex-start
    }

    .layout03__item-img {
        max-width: 65px;
        min-width: 65px
    }

    .layout03__item-content {
        margin-right: 15px
    }

    .layout03__item-title {
        margin-top: 0;
        padding-bottom: 7px
    }
}

.layout05 {
    position: relative
}

    .layout05 .tt-btn__video {
        left: -1vw
    }

    .layout05 .testimonials-item {
        padding-top: 5px
    }

.layout05_bg .tt-btn__video {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.layout05_bg-left {
    position: absolute;
    height: 100%;
    z-index: 1;
    top: 0;
    right: 0;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 62.8%
}

    .layout05_bg-left:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: -17.5vw;
        width: 26vw;
        height: 100%;
        background-color: #fff;
        z-index: 0;
        -webkit-transform: skew(-26deg);
        transform: skew(-26deg)
    }

    .layout05_bg-left .tt-btn__video {
        left: 7vw
    }

.layout05__content {
    position: relative;
    z-index: 2
}

    .layout05__content .blocktitle:before {
        content: "\e926";
        display: block;
        font-family: font-icon;
        font-size: 100px;
        position: absolute;
        margin-top: -76px;
        right: 0;
        color: #1e60aa;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    .layout05__content .blocktitle.blocktitle__icon-right:before {
        right: inherit;
        left: -150px
    }

    .layout05__content .col-auto {
        padding: 0 0 0 74px;
        max-width: 37.2%;
        min-width: 37.2%
    }

.layout05__content-indent {
    padding: 100px 0 175px;
    min-height: 662px
}

@media (max-width:1700px) {
    .layout05 .tt-btn__video {
        left: 6vw
    }

    .layout05__content .col-auto {
        max-width: 45%;
        min-width: 45%
    }

    .layout05_bg-left {
        width: 57%;
        height: 120%
    }

        .layout05_bg-left:before {
            left: -17.5vw;
            width: 26vw;
            height: 110%
        }
}

@media (max-width:1229.98px) {
    .layout05__content-indent {
        padding: 80px 0 155px;
        min-height: 591px
    }

    .layout05_bg-left {
        height: 134%
    }

        .layout05_bg-left:before {
            left: -25.5vw;
            width: 33vw;
            height: 110%
        }

    .layout05__content .blocktitle:before {
        margin-top: -54px
    }
}

@media (max-width:1024.98px) {
    .layout05_bg-left {
        height: 136%
    }

    .layout05__content-indent {
        padding: 54px 0 87px;
        min-height: inherit
    }

    .layout05__content .blocktitle:before {
        font-size: 60px;
        margin-top: -34px
    }

    .layout05 .tt-btn__video {
        left: 6.9vw
    }

    .layout05__content .col-auto {
        padding-left: 40px
    }
}

@media (max-width:900px) {
    .layout05 .tt-btn__video {
        left: 7.9vw
    }
}

@media (max-width:767px) {
    .layout05 {
        padding-top: 32px;
        position: relative
    }

    .layout05_bg-left {
        position: relative;
        width: 100%;
        height: 265px;
        background-position: right 13%
    }

    .tt-testimonials-bg {
        padding: 20px 0 0
    }

    .layout05__content .col-auto {
        max-width: inherit;
        min-width: inherit;
        width: 100%;
        padding: 0
    }

    .layout05__content-indent {
        padding: 33px 15px 87px;
        min-height: inherit
    }

    .layout05:before {
        content: "\e926";
        display: block;
        font-family: font-icon;
        font-size: 62px;
        line-height: 0;
        position: absolute;
        margin-top: 0;
        right: 50px;
        top: 21px;
        z-index: 11;
        color: #1e60aa
    }

    .layout05 .tt-point {
        width: 103px;
        height: 123px;
        right: inherit;
        left: 0
    }

    .layout05 .row {
        --bs-gutter-x: 0px
    }

    .layout05_bg-left:before {
        left: -33vw
    }

    .layout05__content .blocktitle:before {
        display: none
    }

    .layout05 .tt-btn__video {
        left: 2vw
    }
}

.tt-testimonials__wrapper {
    position: relative;
    overflow: hidden
}

    .tt-testimonials__wrapper:after, .tt-testimonials__wrapper:before {
        content: "";
        display: block;
        position: absolute;
        right: 0;
        width: 100%;
        height: 50%;
        z-index: 0
    }

@media (min-width:750px) {
    .tt-testimonials__wrapper:before {
        background-color: #fff;
        top: 0
    }

    .tt-testimonials__wrapper:after {
        background-color: #f8f8fa;
        bottom: 0
    }
}

.tt-testimonials__separator-bg {
    position: relative
}

    .tt-testimonials__separator-bg:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: -15%;
        width: 67.3%;
        height: 100%;
        background-color: #1e60aa;
        z-index: 1;
        -webkit-transform: skew(-26deg);
        transform: skew(-26deg)
    }

.tt-testimonials-bg {
    background-position: left top;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
    padding: 100px 0
}

.tt-testimonials__box {
    background-color: #fff;
    position: relative;
    max-width: 80.7%
}

.testimonials-item__content {
    font-size: 19px;
    line-height: 31px;
    margin-top: 22px
}

.testimonials-item__caption {
    font-size: 13px;
    margin-top: 22px
}

    .testimonials-item__caption strong {
        font-size: 16px;
        color: #0c4c93
    }

.testimonials02__wrapper {
    margin-top: -42px
}

    .testimonials02__wrapper .testimonials02 {
        margin-top: 42px
    }

.testimonials02 {
    position: relative;
    border: 16px solid #f8f8fa;
    border-left-color: #fff;
    background-color: #fff;
    min-height: 302px;
    padding: 35px 43px 40px
}

    .testimonials02:after, .testimonials02:before {
        content: "";
        display: block;
        background-color: #fff;
        position: absolute;
        z-index: 1;
        -webkit-transform: skew(-26deg);
        transform: skew(-26deg);
        height: 30px
    }

    .testimonials02:before {
        width: 45.5%;
        top: -16px;
        left: -21px
    }

    .testimonials02:after {
        width: 17%;
        bottom: -16px;
        left: -21px
    }

    .testimonials02 .tt-rating {
        margin-top: 20px
    }

        .testimonials02 .tt-rating > * {
            margin-right: 1px;
            margin-left: 1px
        }

@media (max-width:767.98px) {
    .testimonials02 {
        padding-left: 0
    }
}

.testimonials02__icon {
    position: absolute;
    z-index: 3;
    left: 7%;
    top: -12%;
    font-size: 71px;
    line-height: 1;
    color: #0c4c93
}

.testimonials02__title {
    font-family: Mulish,sans-serif;
    color: #0c4c93;
    font-weight: 800;
    font-size: 20px;
    line-height: 30px;
    padding-bottom: 16px
}

    .testimonials02__title + * {
        margin-top: 0
    }

.testimonials02__caption {
    margin-top: 14px;
    font-size: 13px
}

    .testimonials02__caption strong {
        font-size: 16px;
        color: #0c4c93
    }

@media (max-width:1024.98px) {
    .testimonials02 {
        padding: 30px 30px 30px 25px
    }

    .testimonials02__icon {
        font-size: 60px
    }

    .tt-testimonials-bg {
        background-size: 60% 60%
    }
}

@media (max-width:767.98px) {
    .testimonials02 {
        padding: 25px 20px 25px 0;
        border-width: 10px
    }

        .testimonials02:before {
            width: 35.5%
        }

        .testimonials02:after {
            width: 10%
        }

    .testimonials02__icon {
        font-size: 45px;
        left: 0
    }

    .testimonials02__title {
        font-size: 18px;
        line-height: 28px;
        padding-bottom: 10px
    }

    .testimonials02 .tt-rating, .testimonials02__caption {
        margin-top: 12px
    }
}

@media (max-width:1700px) {
    .tt-testimonials__box {
        max-width: calc(100% - 100px)
    }
}

@media (max-width:1400px) {
    .layout05__content .blocktitle.blocktitle__icon-right:before {
        left: 0
    }

    .tt-testimonials__box {
        max-width: 100%
    }

    .tt-testimonials__separator-bg:before {
        left: -18%;
        width: 67%
    }
}

@media (max-width:1229.98px) {
    .testimonials-item__content {
        font-size: 15px;
        line-height: 24px;
        margin-top: 16px
    }

    .tt-testimonials__box {
        max-width: 100%
    }

    .tt-testimonials-bg {
        padding: 54px 0
    }

    .testimonials-item__caption {
        margin-top: 16px
    }

        .testimonials-item__caption strong {
            font-size: 15px
        }
}

@media (max-width:900px) {
    .tt-testimonials__separator-bg:before {
        left: -19.5%;
        width: 67%
    }
}

@media (max-width:750px) {
    .tt-testimonials-bg {
        padding: 20px 0 0
    }

    .tt-testimonials__separator-bg:before {
        left: -15px;
        width: 100%;
        height: 25px
    }

    .testimonials-item__content {
        margin-top: 13px
    }

    .tt-testimonials__box:after, .tt-testimonials__box:before {
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        height: 20px;
        -webkit-transform: skew(-26deg);
        transform: skew(-26deg)
    }

    .tt-testimonials__box:before {
        left: -15%;
        width: 72%;
        background-color: #1e60aa;
        z-index: 2
    }

    .tt-testimonials__box:after {
        width: 100%;
        background-color: #f8f8fa;
        z-index: 1
    }

    .testimonials-item__caption {
        margin-top: 13px
    }
}

.bg-testimonials-map {
    position: relative
}

@media (max-width:1024.98px) {
    .bg-testimonials-map .blocktitle {
        text-align: center
    }

    .bg-testimonials-map .tt-rating {
        text-align: center;
        justify-content: center
    }

    .bg-testimonials-map .tt-form__btn02 {
        text-align: center
    }
}

@media (max-width:767.98px) {
    .bg-testimonials-map .blocktitle {
        text-align: right
    }

    .bg-testimonials-map .tt-rating {
        text-align: right;
        justify-content: flex-start
    }

    .bg-testimonials-map .tt-form__btn02 {
        text-align: right
    }
}

.testimonials-map-img {
    position: absolute;
    right: 0;
    top: 8px;
    width: 62%;
    max-width: 1054px
}

.tt-coupon {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: stretch;
    align-items: flex-end;
    position: relative;
    border: 11px solid #f8f8fa;
    border-right-color: #fff;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 100% 0;
    padding: 21px 20px 21px 27px;
    height: 100%
}

.tt-coupon__label {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    align-items: center;
    width: 117px;
    height: 76px;
    background-color: #ff4917;
    color: #fff;
    text-align: center;
    font-family: Mulish,sans-serif;
    font-weight: 800;
    position: absolute;
    top: -11px;
    right: -11px;
    line-height: 26px;
    padding-right: 7px
}

    .tt-coupon__label > * {
        position: relative;
        z-index: 1
    }

    .tt-coupon__label .tt-text01 {
        font-size: 36px;
        line-height: 1
    }

    .tt-coupon__label .tt-text02 {
        font-size: 16px;
        line-height: 1;
        letter-spacing: .1em;
        margin-top: 1px
    }

    .tt-coupon__label:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: -18px;
        width: 50px;
        height: 100%;
        background-color: #ff4917;
        z-index: 0;
        -webkit-transform: skew(26deg);
        transform: skew(26deg)
    }

.tt-coupon__subtitle {
    font-family: Mulish,sans-serif;
    font-weight: 800;
    color: #ff4917;
    font-size: 16px;
    letter-spacing: .11em
}

.tt-coupon__title {
    font-family: Mulish,sans-serif;
    color: #0c4c93;
    font-weight: 800;
    font-size: 42px;
    line-height: 1.2;
    margin-top: 3px;
    padding-right: 70px;
    text-align: left
}

.tt-coupon__content {
    max-width: 396px;
    margin-right: auto;
    text-align: left;
    margin-top: 12px
}

.tt-coupon__row {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-content: stretch;
    align-items: flex-start;
    margin-top: 17px
}

.tt-coupon__notes {
    font-size: 13px
}

.tt-coupon__print {
    font-family: Mulish,sans-serif;
    color: #0c4c93;
    font-weight: 800;
    display: inline-block;
    position: relative
}

    .tt-coupon__print:before {
        content: "";
        display: block;
        position: absolute;
        bottom: 3px;
        width: 0%;
        height: 2px;
        margin: auto;
        right: 0;
        background-color: currentColor;
        transition: width .2s linear
    }

    .tt-coupon__print:hover {
        color: #0c4c93
    }

        .tt-coupon__print:hover:before {
            width: 100%
        }

@media (max-width:1229.98px) {
    .tt-coupon__label .tt-text01 {
        font-size: 30px
    }

    .tt-coupon__label {
        width: 100px
    }

    .tt-coupon__title {
        font-size: 32px
    }
}

@media (max-width:1024.98px) {
    .tt-coupon__label .tt-text01 {
        font-size: 25px
    }

    .tt-coupon__label {
        width: 80px
    }

    .tt-coupon__subtitle {
        letter-spacing: .06em
    }

    .tt-coupon__title {
        font-size: 24px
    }
}

@media (max-width:767.98px) {
    .tt-coupon {
        padding: 21px 0 21px 27px
    }
}

@media (max-width:575.98px) {
    .tt-coupon {
        padding: 21px 0 21px 20px
    }

    .tt-coupon__label .tt-text01 {
        font-size: 20px
    }

    .tt-coupon__label {
        width: 65px;
        height: 62px
    }

    .tt-coupon__subtitle {
        font-size: 14px
    }

    .tt-coupon__title {
        font-size: 20px
    }
}

.tt-aside_wrapper > :not(:first-child) {
    margin-top: 60px
}

.tt-aside02__title {
    font-family: Mulish,sans-serif;
    font-weight: 800;
    color: #0c4c93;
    font-size: 29px;
    line-height: 41px;
    margin-bottom: 26px
}

@media (max-width:1229.98px) {
    .tt-aside_wrapper > :not(:first-child) {
        margin-top: 45px
    }

    .tt-aside02__title {
        font-size: 24px;
        line-height: 36px;
        margin-bottom: 22px
    }
}

.tt-aside-menu {
    background-color: #f8f8fa
}

    .tt-aside-menu li {
        position: relative
    }

        .tt-aside-menu li:before {
            content: "\e92c";
            font-family: font-icon;
            display: inline-block;
            font-size: 13px;
            position: absolute;
            font-weight: 400;
            top: 50%;
            right: 25px;
            margin-top: -1px;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            color: #0c4c93
        }

        .tt-aside-menu li a {
            display: block;
            border-bottom: 1px solid #fff;
            padding: 16px 54px 16px 20px;
            color: #0c4c93;
            font-weight: 700
        }

            .tt-aside-menu li a:after, .tt-aside-menu li a:before {
                width: 100%;
                height: 100%;
                z-index: 3;
                content: "";
                position: absolute;
                top: 0;
                right: 0;
                -webkit-transform: scale(0);
                transform: scale(0);
                transition: .4s;
                pointer-events: none
            }

            .tt-aside-menu li a:before {
                border-bottom: 2px solid #0c4c93;
                border-right: 2px solid #0c4c93;
                -webkit-transform-origin: 100% 100%;
                transform-origin: 100% 100%
            }

            .tt-aside-menu li a:after {
                border-top: 2px solid #0c4c93;
                border-left: 2px solid #0c4c93;
                -webkit-transform-origin: 0% 0;
                transform-origin: 0% 0
            }

            .tt-aside-menu li a:hover:after, .tt-aside-menu li a:hover:before {
                -webkit-transform: scale(1);
                transform: scale(1)
            }

.promo01__top {
    margin-top: 45px
}

@media (max-width:1024.98px) {
    .tt-aside_wrapper > :not(:first-child) {
        margin-top: 30px
    }

    .promo01__top {
        margin-top: 35px
    }
}

@media (max-width:767.98px) {
    .promo01__top {
        margin-top: 25px
    }
}

.promo01 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch;
    background-color: #1e60aa;
    background-position: left top;
    background-repeat: no-repeat
}

.promo01__content {
    color: #fff;
    font-weight: 700
}

@media (min-width:576px) {
    .promo01__content {
        width: 59%;
        padding: 28px 41px 30px 0
    }
}

.promo01__img {
    position: relative;
    width: 43%;
    height: 100%
}

    .promo01__img img {
        width: 100%;
        height: auto;
        position: relative;
        bottom: -32px
    }

@media (max-width:575.98px) {
    .promo01__content {
        padding: 25px
    }

    .promo01__img {
        display: none
    }
}

.promo__aside {
    display: block;
    background-color: #1e60aa;
    background-repeat: no-repeat;
    background-position: center top;
    color: #fff;
    padding: 31px 15px 35px;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 700
}

    .promo__aside address {
        margin-top: 10px;
        font-size: 25px;
        font-weight: 700
    }

        .promo__aside address [class^=icon-] {
            font-size: 15px;
            color: #51acfb;
            position: relative;
            top: -1px
        }

    .promo__aside:hover {
        color: #fff
    }

.promo__aside-title {
    font-size: 29px;
    line-height: 41px;
    font-weight: 700;
    font-family: Mulish,sans-serif;
    padding-bottom: 7px
}

@media (max-width:1229.98px) {
    .promo__aside {
        font-size: 15px
    }

    .promo__aside-title {
        font-size: 24px;
        line-height: 36px
    }

        .promo__aside-title address {
            font-size: 22px
        }
}

.promo__aside02 {
    background-color: #f8f8fa;
    padding: 29px 38px 44px
}

.promo__aside02__title {
    font-family: Mulish,sans-serif;
    font-weight: 800;
    color: #0c4c93;
    font-size: 29px;
    line-height: 41px;
    padding-bottom: 25px
}

@media (max-width:1229.98px) {
    .promo__aside02 {
        padding: 29px 30px 34px 20px
    }

    .promo__aside02__title {
        font-size: 24px;
        line-height: 36px
    }
}

@media (max-width:575.98px) {
    .promo__aside02 {
        padding: 29px 20px 34px
    }
}

.promo-price__wrapper {
    margin-top: -60px
}

    .promo-price__wrapper .promo-price {
        margin-top: 60px
    }

.promo-price {
    box-shadow: 0 9px 27px rgba(26,54,85,.05);
    padding: 0 40px 50px;
    text-align: center;
    max-width: 450px;
    margin-right: auto;
    margin-left: auto
}

    .promo-price .tt-btn {
        margin-top: 30px
    }

.promo-price__icon {
    width: 107px;
    margin-right: auto;
    margin-left: auto;
    color: #fff;
    top: -32px;
    position: relative;
    margin-bottom: -9px
}

    .promo-price__icon:before {
        font-size: 37px;
        line-height: 1;
        position: absolute;
        z-index: 1;
        top: 50%;
        right: 50%;
        margin-top: 10px;
        -webkit-transform: translate(50%,-50%);
        transform: translate(50%,-50%)
    }

    .promo-price__icon i {
        font-size: 107px;
        color: #51acfb;
        text-shadow: -5px 5px 10px rgba(81,172,251,.5)
    }

.promo-price__title {
    font-family: Mulish,sans-serif;
    color: #0c4c93;
    font-weight: 800;
    font-size: 29px;
    line-height: 40px;
    padding-bottom: 27px
}

.promo-price__list {
    max-width: 292px;
    margin-right: auto;
    margin-left: auto
}

    .promo-price__list li {
        position: relative;
        padding: 4px 26px 3px 0;
        text-align: right
    }

        .promo-price__list li:before {
            content: "\e92c";
            font-family: font-icon;
            color: #0c4c93;
            display: inline-block;
            font-size: 13px;
            position: absolute;
            right: 0;
            font-weight: 400
        }

        .promo-price__list li a {
            color: #6c7176
        }

            .promo-price__list li a:hover .hover-underline:before {
                width: 100%
            }

        .promo-price__list li:first-child {
            padding-top: 0
        }

.promo-price__price {
    margin-top: 28px
}

    .promo-price__price .text01 {
        font-size: 42px;
        line-height: 1;
        font-weight: 800;
        font-family: Mulish,sans-serif;
        color: #51acfb
    }

    .promo-price__price .text02 {
        font-weight: 800;
        font-family: Mulish,sans-serif;
        color: #0c4c93;
        margin-top: 2px;
        letter-spacing: .09em
    }

@media (max-width:1024.98px) {
    .promo-price {
        padding: 0 20px 40px
    }

    .promo-price__icon:before {
        font-size: 33px
    }

    .promo-price__icon i {
        font-size: 90px
    }

    .promo-price__title {
        font-size: 22px;
        line-height: 32px;
        padding-bottom: 20px
    }

    .promo-price__price .text01 {
        font-size: 30px
    }

    .promo-price .tt-btn, .promo-price__price {
        margin-top: 20px
    }
}

@media (max-width:767.98px) {
    .promo-price {
        padding: 0 25px 40px
    }

    .promo-price__icon:before {
        font-size: 27px
    }

    .promo-price__icon i {
        font-size: 80px
    }

    .promo-price__title {
        font-size: 20px;
        line-height: 30px;
        padding-bottom: 15px
    }

    .promo-price__list li {
        padding: 2px 26px 1px 0
    }

    .promo-price__price .text01 {
        font-size: 27px
    }

    .promo-price .tt-btn, .promo-price__price {
        margin-top: 15px
    }

    .accordeon-wrapper .col-md-6:not(:first-child) {
        margin-top: 10px
    }
}

.tt-icon-list {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    margin-right: -5px;
    margin-left: -5px
}

    .tt-icon-list li {
        margin-right: 5px;
        margin-left: 5px
    }

    .tt-icon-list a {
        display: flex;
        justify-content: center;
        align-content: center;
        align-items: center;
        width: 50px;
        height: 50px;
        position: relative;
        background-color: #f8f8fa;
        color: #b5bac0;
        transition: color .4s;
        font-size: 14px
    }

        .tt-icon-list a:after, .tt-icon-list a:before {
            width: calc(100% + 2px);
            height: calc(100% + 2px);
            z-index: 3;
            content: "";
            position: absolute;
            top: -1px;
            right: -1px;
            -webkit-transform: scale(0);
            transform: scale(0);
            transition: .4s;
            pointer-events: none
        }

        .tt-icon-list a:before {
            border-bottom: 1px solid #0c4c93;
            border-right: 1px solid #0c4c93;
            -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%
        }

        .tt-icon-list a:after {
            border-top: 1px solid #0c4c93;
            border-left: 1px solid #0c4c93;
            -webkit-transform-origin: 0% 0;
            transform-origin: 0% 0
        }

        .tt-icon-list a:hover {
            color: #0c4c93
        }

            .tt-icon-list a:hover:after, .tt-icon-list a:hover:before {
                -webkit-transform: scale(1);
                transform: scale(1)
            }

.tt-icon-list-02 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: stretch;
    align-items: flex-start;
    margin-right: -9px;
    margin-left: -9px
}

    .tt-icon-list-02 li a {
        color: #0c4c93;
        display: inline-block;
        padding: 4px 9px;
        font-size: 12px
    }

        .tt-icon-list-02 li a.icon-733626, .tt-icon-list-02 li a.icon-733635 {
            color: #51acfb
        }

.tt-point__wrapper {
    margin-top: -19px
}

.tt-dot-info {
    position: relative;
    display: block;
    background-color: #f8f8fa;
    color: #6c7176;
    padding: 24px 53px 21px 10px;
    margin-top: 19px
}

    .tt-dot-info strong {
        color: #0c4c93;
        display: inline-block;
        position: relative
    }

        .tt-dot-info strong:before {
            content: "";
            display: block;
            position: absolute;
            bottom: 2px;
            width: 0%;
            height: 2px;
            margin: auto;
            right: 0;
            left: 0;
            background-color: currentColor;
            transition: width .2s linear
        }

    .tt-dot-info:before {
        content: "\e92c";
        font-family: font-icon;
        display: inline-block;
        font-size: 16px;
        position: absolute;
        right: 25px;
        top: 24px;
        color: #0c4c93
    }

    .tt-dot-info:hover {
        color: #6c7176
    }

        .tt-dot-info:hover strong:before {
            width: 100%
        }

@media (max-width:1024.98px) {
    .tt-icon-list li {
        margin-right: 4px;
        margin-left: 4px
    }

    .tt-icon-list a {
        width: 40px;
        height: 40px;
        font-size: 11px
    }

    .tt-dot-info {
        padding: 14px 40px 11px 10px
    }

        .tt-dot-info:before {
            font-size: 12px;
            right: 20px;
            top: 14px
        }
}

@media (max-width:575.98px) {
    .tt-point__wrapper {
        margin-top: -10px
    }

    .tt-dot-info {
        margin-top: 10px;
        padding: 10px 36px 8px 10px
    }

        .tt-dot-info:before {
            right: 15px;
            top: 10px
        }
}

.tt-collapse__title {
    position: relative;
    background-color: #f8f8fa;
    color: #0c4c93;
    font-weight: 700;
    font-size: 16px;
    padding: 22px 29px 22px 75px;
    transition: color .2s linear;
    cursor: pointer
}

    .tt-collapse__title:before {
        content: "+";
        position: absolute;
        top: 21px;
        left: 4px;
        width: 62px;
        height: 30px;
        text-align: center;
        font-size: 24px;
        line-height: 1;
        color: #0c4c93;
        font-weight: 800;
        font-family: Mulish,sans-serif;
        border-right: 2px solid #51acfb;
        pointer-events: none
    }

    .tt-collapse__title:hover {
        color: #51acfb
    }

.tt-collapse__layout {
    padding: 17px 29px 9px 30px
}

.tt-collapse__item:not(.tt-show) .tt-collapse__layout {
    display: none
}

.tt-collapse__item.tt-show .tt-collapse__title:before {
    content: "-"
}

.tt-collapse__item + * {
    margin-top: 22px
}

@media (max-width:1024.98px) {
    .tt-collapse__item + * {
        margin-top: 10px
    }

    .tt-collapse__title {
        font-size: 15px;
        padding: 20px 18px 16px 75px
    }

        .tt-collapse__title:before {
            top: 15px;
            width: 46px;
            font-size: 20px;
            line-height: 27px
        }

    .tt-collapse__layout {
        padding: 10px 18px 6px 30px
    }
}

.tt-services-indent {
    max-width: 735px
}

.tt-counter {
    min-width: 98px;
    max-width: 98px;
    display: inline-block;
    border: 2px solid #f8f8fa;
    position: relative
}

.tt-counter__input {
    width: calc(100% - 66px);
    border: none;
    outline: 0;
    background-color: transparent;
    margin-right: 33px;
    position: relative;
    height: 56px;
    z-index: 1;
    text-align: center
}

.tt-counter__btn {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    align-items: center;
    position: absolute;
    z-index: 2;
    top: 0;
    font-size: 20px;
    line-height: 1;
    width: 33px;
    height: 100%;
    outline: 0;
    cursor: pointer
}

    .tt-counter__btn:first-child {
        right: 0
    }

    .tt-counter__btn:last-child {
        left: 0
    }

    .tt-counter__btn:hover {
        color: #0c4c93
    }

@media (min-width:1025px) {
    .promo-price__icon.icon-2321403:before {
        font-size: 41px
    }

    body:not(.touch-device) .init-parallax {
        background-position: center center;
        background-size: cover;
        background-position: fixed
    }

    .tt-footer__indent {
        margin-top: 140px
    }

    #map:not(.map-layout-wrapper) {
        height: 292px
    }
}

@media (max-width:1024.98px) {
    .tt-counter__input {
        height: 46px
    }

    .tt-footer__indent {
        margin-top: 63px
    }
}

@media (max-width:767.98px) {
    .tt-footer__indent {
        margin-top: 50px
    }
}

.f-min-width {
    max-width: 500px;
    margin-right: auto;
    margin-left: auto
}

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

    #map iframe {
        border: 0;
        width: 100%;
        height: 100%
    }

@media (max-width:1024.98px) {
    #map:not(.map-layout-wrapper) {
        height: 220px
    }
}

@media (max-width:575.98px) {
    .tt-collapse__title {
        padding: 18px 20px 18px 55px
    }

        .tt-collapse__title:before {
            width: 46px
        }

    .tt-collapse__layout {
        padding: 17px 20px 9px
    }

    #map:not(.map-layout-wrapper) {
        height: 232px
    }
}

.f-logo-layout {
    margin-top: 50px
}

    .f-logo-layout p {
        margin-top: 28px
    }

.f-social-icon {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    align-items: center;
    margin-right: -9px;
    margin-left: -9px;
    margin-top: 27px
}

    .f-social-icon li a {
        font-size: 13px;
        line-height: 26px;
        padding: 9px;
        color: #fff;
        transition: color .2s linear
    }

        .f-social-icon li a:hover {
            color: #a9d7ff
        }

.f-info__wrapper {
    margin-top: -89px
}

.f-info {
    background-color: #fff;
    box-shadow: 0 10px 20px rgba(30,96,170,.2);
    color: #6c7176;
    font-size: 16px;
    line-height: 24px;
    min-height: 183px;
    position: relative;
    text-align: center;
    padding: 0 15px 15px;
    margin-top: 22px
}

    .f-info address {
        color: #ff4917;
        font-weight: 800;
        font-size: 25px;
        line-height: 31px;
        margin-top: 1px;
        margin-bottom: -3px
    }

.f-info__icon {
    text-align: center;
    margin-top: -28px;
    display: inline-block;
    position: relative
}

    .f-info__icon:before {
        font-size: 90px;
        line-height: 1;
        color: #1e60aa;
        z-index: 0;
        right: 0;
        top: 0;
        text-shadow: 0 5px 10px rgba(30,96,170,.2)
    }

    .f-info__icon i {
        z-index: 1;
        position: absolute;
        top: 40px;
        right: 30px;
        color: #fff;
        font-size: 30px;
        line-height: 1
    }

    .f-info__icon + .f-info__title {
        margin-top: 18px
    }

.f-info__title {
    color: #0c4c93;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    text-align: center
}

@media (max-width:1024.98px) {
    .f-info__wrapper {
        margin-top: -55px
    }

    .f-info address {
        font-size: 22px
    }

    .f-info__icon {
        margin-top: -17px
    }

        .f-info__icon:before {
            font-size: 55px;
            line-height: 1;
            right: 0;
            top: 0
        }

        .f-info__icon i {
            top: 25px;
            right: 18px;
            font-size: 18px
        }

    .f-info {
        font-size: 15px;
        line-height: 24px;
        min-height: 149px
    }

        .f-info br {
            display: none
        }

    .f-info__icon + .f-info__title {
        margin-top: 12px
    }

    .f-info__title {
        font-size: 15px
    }

    .f-logo-layout {
        margin-top: 30px
    }

    .f-logo {
        max-width: 102px
    }

    .f-logo-layout p {
        margin-top: 22px
    }

    .f-social-icon {
        margin-top: 25px
    }
}

@media (max-width:690px) {
    .footer-layout [class^=col-] {
        width: 100%
    }

    .f-info__wrapper {
        margin-top: -71px;
        max-width: 320px;
        margin-right: auto;
        margin-left: auto
    }

    .f-info {
        padding-right: 25px;
        padding-left: 25px
    }

    .f-info__icon {
        margin-top: -17px
    }

        .f-info__icon:before {
            font-size: 71px;
            line-height: 1;
            right: 0;
            top: 0
        }

        .f-info__icon i {
            top: 32px;
            right: 23px;
            font-size: 24px
        }

        .f-info__icon + .f-info__title {
            margin-top: 9px
        }

    .f-logo {
        max-width: 88px
    }

    .f-social-icon {
        margin-top: 23px
    }
}

.footer-layout {
    background-color: #1e60aa;
    color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    padding-bottom: 44px
}

@media (max-width:1024.98px) {
    .footer-layout {
        padding-bottom: 21px;
        background-size: 80% 80%
    }
}

.footer-copyright {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    align-items: center;
    background-color: #fff;
    padding: 5px 15px;
    min-height: 81px
}

@media (max-width:1024.98px) {
    .footer-layout {
        padding-bottom: 21px
    }

    .footer-copyright {
        min-height: 63px
    }
}

@media (max-width:575.98px) {
    .footer-layout {
        padding-bottom: 32px
    }
}

.tt-modal {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    outline: 0;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px;
    transition: .3s
}

    .tt-modal .ps__rail-x {
        display: none
    }

    .tt-modal.tt-modal__open {
        opacity: 1;
        visibility: visible;
        z-index: 50
    }

        .tt-modal.tt-modal__open .tt-modal__body {
            opacity: 1
        }

@media (min-width:768px) {
    .tt-modal.tt-modal__open .tt-modal__body {
        -webkit-transform: perspective(600px) translate(0,0) rotateX(0);
        transform: perspective(600px) translate(0,0) rotateX(0)
    }
}

@media (max-width:767.98px) {
    .footer-layout {
        background-size: auto;
        background-position: center bottom
    }

    .tt-modal.tt-modal__open .tt-modal__body {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.tt-modal.tt-modal__open .tt-modal__wrapper {
    opacity: 1
}

.tt-modal.tt-modal__open .tt-modal__layout {
    background-image: url(../images/tt-modal__bg.png);
    background-position: center top;
    background-repeat: no-repeat
}

.tt-modal__wrapper {
    background-color: rgba(0,0,0,.5);
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    transition: opacity .4s;
    opacity: 0
}

.tt-modal__body {
    background-color: #fff;
    position: relative;
    transition: .5s;
    opacity: 0
}

@media (min-width:768px) {
    .tt-modal__body {
        -webkit-transform: perspective(600px) translate(0,-100%) rotateX(25deg);
        transform: perspective(600px) translate(0,-100%) rotateX(25deg)
    }
}

@media (max-width:767.98px) {
    .tt-modal__body {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

.tt-modal__body.fixed-height {
    height: calc(100vh - 110px)
}

.tt-modal__body .tt-modal__layout {
    padding: 45px 55px 49px
}

.tt-modal__close {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-content: center;
    align-items: center;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    background-color: #51acfb;
    outline: 0
}

    .tt-modal__close:focus {
        outline: 0
    }

    .tt-modal__close > * {
        pointer-events: none
    }

    .tt-modal__close:before {
        position: absolute;
        top: 50%;
        right: 50%;
        -webkit-transform: translate(50%,-50%);
        transform: translate(50%,-50%);
        font-size: 34px;
        margin-top: -1px;
        transition: .3s ease-in
    }

    .tt-modal__close label {
        cursor: pointer;
        transition: .3s ease-in;
        color: #fff;
        font-size: 20px;
        opacity: 0;
        font-family: Mulish,sans-serif;
        font-weight: 800;
        -webkit-transform: scale(0);
        transform: scale(0)
    }

@media (min-width:1025px) {
    .tt-modal__close {
        width: 100px;
        height: 100px
    }

        .tt-modal__close:not(.btn-close__inner) {
            -webkit-transform: translateX(-100%);
            transform: translateX(-100%)
        }

        .tt-modal__close:hover label {
            -webkit-transform: scale(1);
            transform: scale(1);
            opacity: 1
        }

        .tt-modal__close:hover:before {
            opacity: 0
        }
}

@media (max-width:1024.98px) {
    .tt-modal__close {
        width: 70px;
        height: 70px
    }

        .tt-modal__close:before {
            font-size: 25px
        }

        .tt-modal__close label {
            display: none
        }
}

@media (max-width:575.98px) {
    .tt-modal__close {
        width: 59px;
        height: 59px
    }
}

.modal__size-lg {
    max-width: 722px
}

body.show-modal {
    overflow: hidden;
    width: 100%;
    z-index: 0
}

.tt-modal__title {
    font-family: Mulish,sans-serif;
    color: #0c4c93;
    font-weight: 800;
    font-size: 29px;
    line-height: 39px;
    padding: 0 0 12px
}

    .tt-modal__title + * {
        margin-top: 0
    }

    .tt-modal__title + p {
        max-width: calc(100% - 100px)
    }

.tt-upload-label {
    margin-right: 18px;
    padding-left: 25px
}

.tt-modal__layout p + form {
    margin-top: 26px
}

#schedule-form textarea {
    height: 112px
}

@media (max-width:767.98px) {
    .tt-modal {
        padding: 0;
        display: block
    }

    .tt-modal__body {
        max-width: calc(100% - 85px);
        height: 100%
    }

        .tt-modal__body.fixed-height {
            height: 100%
        }

        .tt-modal__body .tt-modal__layout {
            padding: 26px 15px 70px
        }

    .tt-modal__title {
        font-size: 19px;
        line-height: 29px;
        padding: 0 0 6px 51px
    }

        .tt-modal__title + p {
            max-width: calc(100% - 59px)
        }
}

@media (max-width:575.98px) {
    .tt-modal__body {
        max-width: calc(100% - 76px)
    }
}

.tt-upload {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    margin-right: -13px;
    margin-top: -13px
}

    .tt-upload > * {
        margin-top: 13px
    }

.tt-upload__item {
    border: 1px solid #e3e6ea;
    background-color: #fff;
    width: 77px;
    height: 77px;
    margin-right: 13px;
    font-size: 20px;
    color: #e3e6ea;
    cursor: pointer;
    position: relative;
    transition: color .4s
}

    .tt-upload__item:after, .tt-upload__item:before {
        width: calc(100% + 2px);
        height: calc(100% + 2px);
        z-index: 3;
        content: "";
        position: absolute;
        top: -1px;
        right: -1px;
        -webkit-transform: scale(0);
        transform: scale(0);
        transition: .4s;
        pointer-events: none
    }

    .tt-upload__item:before {
        border-bottom: 1px solid #0c4c93;
        border-right: 1px solid #0c4c93;
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%
    }

    .tt-upload__item:after {
        border-top: 1px solid #0c4c93;
        border-left: 1px solid #0c4c93;
        -webkit-transform-origin: 0% 0;
        transform-origin: 0% 0
    }

    .tt-upload__item input[type=file] {
        display: none
    }

    .tt-upload__item .tt-icon {
        display: inline-flex;
        justify-content: center;
        align-content: center;
        align-items: center;
        position: absolute;
        z-index: 1;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        transition: opacity .5s linear
    }

        .tt-upload__item .tt-icon.tt-icon__default:before {
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            pointer-events: none
        }

        .tt-upload__item .tt-icon.tt-icon__active {
            opacity: 0;
            visibility: hidden
        }

            .tt-upload__item .tt-icon.tt-icon__active:after, .tt-upload__item .tt-icon.tt-icon__active:before {
                content: "";
                display: inline-block;
                position: absolute;
                background-color: #0c4c93;
                height: 5px
            }

            .tt-upload__item .tt-icon.tt-icon__active:before {
                width: 25px;
                top: 44px;
                right: 10px;
                -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg)
            }

            .tt-upload__item .tt-icon.tt-icon__active:after {
                width: 50px;
                -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
                right: 22px;
                top: 34px
            }

    .tt-upload__item:hover {
        color: #0c4c93
    }

        .tt-upload__item:hover:after, .tt-upload__item:hover:before {
            -webkit-transform: scale(1);
            transform: scale(1)
        }

    .tt-upload__item.tt-files-uploaded {
        border-color: #0c4c93
    }

        .tt-upload__item.tt-files-uploaded .tt-icon.tt-icon__default {
            opacity: 0;
            visibility: hidden
        }

        .tt-upload__item.tt-files-uploaded .tt-icon.tt-icon__active {
            opacity: 1;
            visibility: visible
        }

@media (max-width:1024.98px) {
    .tt-upload__item {
        width: 43px;
        height: 43px;
        font-size: 14px
    }

        .tt-upload__item .tt-icon.tt-icon__active:after, .tt-upload__item .tt-icon.tt-icon__active:before {
            height: 3px
        }

        .tt-upload__item .tt-icon.tt-icon__active:after {
            width: 24px;
            top: 20px;
            right: 13px
        }

        .tt-upload__item .tt-icon.tt-icon__active:before {
            width: 10px;
            top: 23px;
            right: 8px
        }

    .modalAddress__custom-row > :first-child {
        max-width: calc(100% - 73px)
    }
}

.ps__rail-y {
    display: block;
    opacity: 1
}

.tt-view {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    outline: 0;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px;
    transition: .3s;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation
}

    .tt-view .ps__rail-x {
        display: none
    }

    .tt-view.tt-view__open {
        opacity: 1;
        visibility: visible;
        z-index: 50
    }

        .tt-view.tt-view__open .tt-view__body {
            opacity: 1
        }

@media (min-width:768px) {
    .tt-view.tt-view__open .tt-view__body {
        -webkit-transform: perspective(600px) translate(0,0) rotateX(0);
        transform: perspective(600px) translate(0,0) rotateX(0)
    }
}

@media (max-width:767.98px) {
    .tt-view.tt-view__open .tt-view__body {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.tt-view.tt-view__open .tt-view__wrapper {
    opacity: 1
}

.tt-view__wrapper {
    background-color: rgba(0,0,0,.5);
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    transition: opacity .4s;
    opacity: 0
}

.tt-view__layout {
    position: relative;
    width: 100%;
    max-width: 900px;
    margin: 0 auto
}

.video-responsive {
    padding-top: 56.25%;
    position: relative;
    margin-bottom: 25px
}

    .video-responsive embed, .video-responsive iframe, .video-responsive object, .video-responsive video {
        height: 100%;
        right: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 1
    }

.tt-modal-message {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-content: center;
    align-items: center;
    position: absolute;
    opacity: 0;
    transition: opacity .1s;
    z-index: 2;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    font-family: Mulish,sans-serif;
    font-weight: 800;
    font-size: 19px;
    color: #0c4c93;
    pointer-events: none
}

    .tt-modal-message.tt-active {
        opacity: 1
    }

.tt-back-to-top {
    display: block;
    position: fixed;
    bottom: -90px;
    left: 15px;
    z-index: 10;
    font-size: 90px;
    color: #51acfb;
    transition: .2s linear
}

    .tt-back-to-top:before {
        text-shadow: 0 5px 10px rgba(0,0,0,.08);
        pointer-events: none
    }

    .tt-back-to-top:after {
        content: "\e92c";
        display: block;
        font-size: 20px;
        line-height: 1;
        color: #fff;
        z-index: 0;
        position: absolute;
        top: calc(50% + 8px);
        right: 50%;
        -webkit-transform: translate(50%,-50%) rotate(-90deg);
        transform: translate(50%,-50%) rotate(-90deg);
        pointer-events: none;
        transition: margin-top .2s linear
    }

@media (min-width:790px) {
    .tt-back-to-top.tt-show {
        bottom: 50px
    }
}

@media (max-width:789px) {
    .tt-back-to-top.tt-show {
        bottom: 40px
    }
}

.tt-back-to-top:hover {
    color: #0c4c93
}

    .tt-back-to-top:hover:after {
        margin-top: -3px
    }

@media (max-width:1024.98px) {
    .tt-back-to-top {
        font-size: 80px
    }

        .tt-back-to-top:after {
            font-size: 18px
        }

        .tt-back-to-top:before {
            text-shadow: 0 3px 7px rgba(0,0,0,.08)
        }
}

@media (max-width:575.98px) {
    .tt-back-to-top {
        font-size: 70px;
        left: 7px
    }

        .tt-back-to-top:after {
            font-size: 16px
        }
}