@charset "UTF-8";

:root {
    --body-fs: 16px;
    --body-bg-color: #fff;
    --body-font: Be Vietnam Pro, sans-serif;
    --body-color: #111111;
    --body-line-height: 1.62857143;
    --h1: 40px;
    --h2: 32px;
    --h3: 21px;
    --h4: 18px;
    --h5: 17px;
    --h6: 16px;
    --cl1: #002BEB;
    --cl2: #0D2BB1;
    --cl3: #111111;
    --cl4: #555555;
    --cl5: #FFA700
}

/*!
 * Bootstrap Grid v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-overflow-style: scrollbar
}

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width:576px) {
    .container {
        max-width: 540px
    }
}

@media (min-width:768px) {
    .container {
        max-width: 720px
    }
}

@media (min-width:992px) {
    .container {
        max-width: 960px
    }
}

@media (min-width:1200px) {
    .container {
        max-width: 1140px
    }
}

.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters>.col,
.no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.col,
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.order-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
}

.order-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13
}

.order-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0
}

.order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.order-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

.order-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
}

.order-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
}

.order-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6
}

.order-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7
}

.order-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8
}

.order-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9
}

.order-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10
}

.order-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11
}

.order-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12
}

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

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

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

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

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

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

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

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

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

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

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

@media (min-width:576px) {
    .col-sm {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    .order-sm-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .order-sm-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13
    }

    .order-sm-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .order-sm-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .order-sm-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .order-sm-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .order-sm-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .order-sm-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .order-sm-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .order-sm-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .order-sm-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .order-sm-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .order-sm-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .order-sm-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .order-sm-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width:768px) {
    .col-md {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    .order-md-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .order-md-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13
    }

    .order-md-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .order-md-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .order-md-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .order-md-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .order-md-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .order-md-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .order-md-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .order-md-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .order-md-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .order-md-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .order-md-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .order-md-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .order-md-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width:992px) {
    .col-lg {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    .order-lg-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .order-lg-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13
    }

    .order-lg-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .order-lg-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .order-lg-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .order-lg-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .order-lg-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .order-lg-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .order-lg-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .order-lg-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .order-lg-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .order-lg-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .order-lg-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .order-lg-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .order-lg-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width:1200px) {
    .col-xl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    .order-xl-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .order-xl-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13
    }

    .order-xl-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .order-xl-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .order-xl-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .order-xl-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .order-xl-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .order-xl-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .order-xl-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .order-xl-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .order-xl-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .order-xl-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .order-xl-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .order-xl-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .order-xl-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

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

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

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

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

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

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

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

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

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

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

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

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

@media only screen and (min-width:360px) and (max-width:767px) {
    .col-xs-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}

* {
    margin: 0;
    padding: 0;
    outline: none !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

#wrapper,
body,
html {
    min-height: 100%
}

a {
    color: inherit;
    text-decoration: none
}

button,
input,
select,
textarea {
    font-family: "Be Vietnam Pro", sans-serif;
    font-size: 14px
}

p {
    margin: 0 0 20px
}

img {
    max-width: 100%
}

body.showModal {
    overflow: hidden
}

body.showModal #wrapper {
    overflow: hidden
}

.clearfix:after {
    content: "";
    display: table;
    clear: both
}

.text-center {
    text-align: center
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.display-table {
    display: table
}

.table-cell {
    width: 100%;
    vertical-align: middle;
    display: table-cell
}

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

.entry-content ol,
.entry-content ul {
    margin-left: 20px
}

.entry-content blockquote {
    border-left: 3px solid var(--cl1);
    padding-left: 20px
}

.require {
    color: #f00
}

select {
    line-height: inherit !important
}

.zoomimg {
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.full {
    display: block !important;
    width: auto
}

.input.full,
button.full {
    width: 100%
}

.bl {
    position: absolute;
    left: 0;
    bottom: 0
}

.br {
    position: absolute;
    right: 0;
    bottom: 0
}

.tl {
    position: absolute;
    left: 0;
    top: 0
}

.tr {
    position: absolute;
    right: 0;
    top: 0
}

[class*=container] {
    position: relative;
    z-index: 1
}

[class*=container].full {
    width: auto;
    max-width: 1920px;
    padding: 0
}

.pull-left {
    float: left !important
}

.pull-right {
    float: right !important
}

button.btn,
input.btn {
    line-height: normal !important
}

[class*=sec] {
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.sec-t {
    padding-top: 80px
}

.sec-b {
    padding-bottom: 80px
}

.sec-tb {
    padding-top: 80px;
    padding-bottom: 80px
}

.sec-t2 {
    padding-top: 160px
}

.sec-b2 {
    padding-bottom: 160px
}

.sec-tb2 {
    padding-top: 160px;
    padding-bottom: 160px
}

@media only screen and (max-width:767px) {
    .sec-t {
        padding-top: 40px
    }

    .sec-b {
        padding-bottom: 40px
    }

    .sec-tb {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

[class*=s-o-]:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #000
}

.o-1:before,
.s-o-1:before {
    opacity: 0.1
}

.o-2:before,
.s-o-2:before {
    opacity: 0.2
}

.o-3:before,
.s-o-3:before {
    opacity: 0.3
}

.o-4:before,
.s-o-4:before {
    opacity: 0.4
}

.o-5:before,
.s-o-5:before {
    opacity: 0.5
}

.o-6:before,
.s-o-6:before {
    opacity: 0.6
}

.o-7:before,
.s-o-7:before {
    opacity: 0.7
}

.o-8:before,
.s-o-8:before {
    opacity: 0.8
}

.o-9:before,
.s-o-9:before {
    opacity: 0.9
}

.uppercase {
    text-transform: uppercase
}

[class*=tRes] {
    position: relative;
    overflow: hidden;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

[class*=tRes]:before {
    content: "";
    padding-top: 100%;
    display: block;
    position: relative;
    z-index: 2
}

[class*=tRes]>img,
[class*=tRes]>video {
    z-index: 1;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    width: 100% !important;
    height: 100% !important;
    top: 0;
    left: 0
}

@media screen and (-ms-high-contrast:active),
screen and (-ms-high-contrast:none) {

    [class*=tRes]>img,
    [class*=tRes]>video {
        height: 100%;
        max-width: none;
        min-width: 100%;
        min-height: 100%;
        z-index: 1;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

[class*=tRes]>video {
    z-index: 3
}

[class*=tRes]>iframe {
    display: block;
    border: none;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 3
}

.tRes_16_9:before {
    padding-top: 56.25%
}

.tRes_4_3:before {
    padding-top: 75%
}

.tRes_2_1:before {
    padding-top: 50%
}

.tRes_1_2:before {
    padding-top: 200%
}

.tRes_30:before {
    padding-top: 30%
}

.tRes_31:before {
    padding-top: 31%
}

.tRes_32:before {
    padding-top: 32%
}

.tRes_33:before {
    padding-top: 33%
}

.tRes_34:before {
    padding-top: 34%
}

.tRes_35:before {
    padding-top: 35%
}

.tRes_36:before {
    padding-top: 36%
}

.tRes_37:before {
    padding-top: 37%
}

.tRes_38:before {
    padding-top: 38%
}

.tRes_39:before {
    padding-top: 39%
}

.tRes_40:before {
    padding-top: 40%
}

.tRes_41:before {
    padding-top: 41%
}

.tRes_42:before {
    padding-top: 42%
}

.tRes_43:before {
    padding-top: 43%
}

.tRes_44:before {
    padding-top: 44%
}

.tRes_45:before {
    padding-top: 45%
}

.tRes_46:before {
    padding-top: 46%
}

.tRes_47:before {
    padding-top: 47%
}

.tRes_48:before {
    padding-top: 48%
}

.tRes_49:before {
    padding-top: 49%
}

.tRes_50:before {
    padding-top: 50%
}

.tRes_51:before {
    padding-top: 51%
}

.tRes_52:before {
    padding-top: 52%
}

.tRes_53:before {
    padding-top: 53%
}

.tRes_54:before {
    padding-top: 54%
}

.tRes_55:before {
    padding-top: 55%
}

.tRes_56:before {
    padding-top: 56%
}

.tRes_57:before {
    padding-top: 57%
}

.tRes_58:before {
    padding-top: 58%
}

.tRes_59:before {
    padding-top: 59%
}

.tRes_60:before {
    padding-top: 60%
}

.tRes_61:before {
    padding-top: 61%
}

.tRes_62:before {
    padding-top: 62%
}

.tRes_63:before {
    padding-top: 63%
}

.tRes_64:before {
    padding-top: 64%
}

.tRes_65:before {
    padding-top: 65%
}

.tRes_66:before {
    padding-top: 66%
}

.tRes_67:before {
    padding-top: 67%
}

.tRes_68:before {
    padding-top: 68%
}

.tRes_69:before {
    padding-top: 69%
}

.tRes_70:before {
    padding-top: 70%
}

.tRes_71:before {
    padding-top: 71%
}

.tRes_72:before {
    padding-top: 72%
}

.tRes_73:before {
    padding-top: 73%
}

.tRes_74:before {
    padding-top: 74%
}

.tRes_75:before {
    padding-top: 75%
}

.tRes_76:before {
    padding-top: 76%
}

.tRes_77:before {
    padding-top: 77%
}

.tRes_78:before {
    padding-top: 78%
}

.tRes_79:before {
    padding-top: 79%
}

.tRes_80:before {
    padding-top: 80%
}

.tRes_81:before {
    padding-top: 81%
}

.tRes_82:before {
    padding-top: 82%
}

.tRes_83:before {
    padding-top: 83%
}

.tRes_84:before {
    padding-top: 84%
}

.tRes_85:before {
    padding-top: 85%
}

.tRes_86:before {
    padding-top: 86%
}

.tRes_87:before {
    padding-top: 87%
}

.tRes_88:before {
    padding-top: 88%
}

.tRes_89:before {
    padding-top: 89%
}

.tRes_90:before {
    padding-top: 90%
}

.tRes_91:before {
    padding-top: 91%
}

.tRes_92:before {
    padding-top: 92%
}

.tRes_93:before {
    padding-top: 93%
}

.tRes_94:before {
    padding-top: 94%
}

.tRes_95:before {
    padding-top: 95%
}

.tRes_96:before {
    padding-top: 96%
}

.tRes_97:before {
    padding-top: 97%
}

.tRes_98:before {
    padding-top: 98%
}

.tRes_99:before {
    padding-top: 99%
}

#btn-form-partner,
#btn-form-partner:after,
#btn-form-partner:before,
#header,
#header #logo img,
#header .container,
.button-radius,
.button-radius:after,
.button-radius:before,
.custom-html-select .select-content,
.dropdown>.content,
.list-post-1 .title,
.list-post-2 .title,
.myModal,
.owl-dots>.owl-dot span,
.owl-nav>*,
.owl-visible.owl-carousel .owl-item,
.owl-visible.owl-carousel .owl-item .text,
.searchform-hidden .textinput,
.sec-h7 .wrap-syn-2 .img,
.sec-p4 .wrap-head .img,
.sec-p7 .wrap-syn-2 .title,
.sec-p72 .tab-menu-custom .title,
.sec-p73 .accordion-title,
.sec-tt2 .tab-menu-custom .menu-tab img,
.single_item_video>.btnvideo>img,
.toggleSearch .searchform,
.toggleSearch .searchform button,
.toggleSearch>.toggle,
.tss,
[class*=tRes]:before,
[class*=tRes]>img,
[class*=tRes]>video,
a,
ul.page-numbers .page-numbers {
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease
}

figure {
    margin-bottom: 30px;
    max-width: 100%
}

figure>img {
    display: block
}

figure figcaption {
    color: #9B9B9B;
    display: block;
    font-size: 12px;
    padding: 5px 0 0;
    font-style: italic
}

.alignright {
    float: right;
    margin: 0 0 30px 30px
}

.alignleft {
    float: left;
    margin: 0 30px 30px 0
}

.aligncenter {
    margin: 0 auto 20px;
    display: block
}

input[type=checkbox] {
    width: auto !important;
    height: auto !important
}

.end.row,
.reverse.row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

@media only screen and (min-width:992px) {

    .end-lg.row,
    .reverse-lg.row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}

@media only screen and (min-width:768px) {

    .end-md.row,
    .reverse-md.row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}

@media only screen and (min-width:576px) {

    .end-sm.row,
    .reverse-sm.row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}

.row.center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.row.top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.row.bottom {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.row.list-item>[class*=col-] {
    margin-bottom: 30px
}

.row.list-item-10>[class*=col-] {
    margin-bottom: 10px
}

.row.list-item-15>[class*=col-] {
    margin-bottom: 15px
}

.row.list-item-20>[class*=col-] {
    margin-bottom: 20px
}

.row.list-item-30>[class*=col-] {
    margin-bottom: 30px
}

.row.list-item-40>[class*=col-] {
    margin-bottom: 40px
}

@media only screen and (max-width:767px) {
    .row.list-item-mb>[class*=col-] {
        margin-bottom: 20px
    }
}

@media only screen and (max-width:767px) {
    .row {
        margin-left: -5px;
        margin-right: -5px
    }

    .row>.col,
    .row>[class*=col-] {
        padding-left: 5px;
        padding-right: 5px
    }
}

.hidden {
    display: none !important
}

[class*=" icon-"]:before,
[class^=icon-]:before {
    display: inline-block
}

[class*=" icon-"].ix:before,
[class*=" icon-"].iy:before,
[class^=icon-].ix:before,
[class^=icon-].iy:before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

[class*=" icon-"].it:before,
[class^=icon-].it:before {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

[class*=" icon-"].ib:before,
[class^=icon-].ib:before {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

@media only screen and (min-width:1200px) {
    .max-1199 {
        display: none !important
    }
}

@media screen and (max-width:1199px) {
    .min-1200 {
        display: none !important
    }
}

.menu-btn {
    display: block;
    width: 30px;
    height: 30px;
    position: relative;
    cursor: pointer;
    text-align: center;
    overflow: hidden;
    line-height: 30px;
    font-size: 32px;
    cursor: pointer;
    color: #5F4B5B
}

.menu-btn i {
    display: block;
    line-height: normal
}

.menu-btn:hover {
    color: var(--cl1)
}

.menu-btn.show {
    display: block
}

.menu-btn.x span {
    position: absolute;
    height: 2px;
    background-color: #5F4B5B;
    left: 0;
    right: 0;
    top: calc(50% - 1px);
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease
}

.menu-btn.x:after,
.menu-btn.x:before {
    position: absolute;
    height: 2px;
    background-color: #5F4B5B;
    left: 0;
    right: 0;
    content: "";
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease
}

.menu-btn.x:before {
    top: 0
}

.menu-btn.x:after {
    bottom: 0
}

.menu-btn.overlay {
    position: fixed;
    width: auto;
    height: auto;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.06);
    z-index: 10000;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    opacity: 0;
    visibility: hidden
}

.menu-btn.active.x span {
    opacity: 0
}

.menu-btn.active.x:before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 50%
}

.menu-btn.active.x:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    bottom: 50%
}

@media only screen and (min-width:992px) {
    ul.menu-top-header {
        margin: 0;
        list-style: none;
        padding: 0;
        float: right;
        text-align: left
    }

    ul.menu-top-header>li {
        position: relative;
        margin-left: 20px;
        margin-right: 0;
        float: left
    }

    ul.menu-top-header>li[class*=children]>a {
        padding-right: 30px
    }

    ul.menu-top-header>li[class*=children]>a:before {
        font-family: 'icomoon' !important;
        content: "\e901";
        position: absolute;
        right: 10px;
        font-size: 8px;
        line-height: normal;
        top: 50%;
        -webkit-transform: translateY(-50%) rotate(90deg);
        -ms-transform: translateY(-50%) rotate(90deg);
        transform: translateY(-50%) rotate(90deg)
    }

    ul.menu-top-header>li>a {
        display: block;
        -o-transition: all 0.2s ease;
        transition: all 0.2s ease;
        -webkit-transition: all 0.2s ease;
        position: relative;
        font-family: "Be Vietnam Pro", sans-serif;
        padding: 0
    }
}

@media only screen and (min-width:992px) and (min-width:1200px) {
    ul.menu-top-header>li>a {
        line-height: 120px
    }
}

@media only screen and (min-width:992px) and (min-width:992px) and (max-width:1199px) {
    ul.menu-top-header>li>a {
        line-height: 80px
    }
}

@media only screen and (min-width:992px) and (min-width:768px) and (max-width:991px) {
    ul.menu-top-header>li>a {
        line-height: 60px
    }
}

@media only screen and (min-width:992px) and (max-width:767px) {
    ul.menu-top-header>li>a {
        line-height: 60px
    }
}

@media only screen and (min-width:992px) {
    ul.menu-top-header>li>a:after {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 6px;
        background-color: #002BEB
    }

    ul.menu-top-header>li .showsubmenu {
        position: absolute;
        position: absolute;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        right: 5px;
        display: none !important
    }

    ul.menu-top-header>li>.wrapul,
    ul.menu-top-header>li>ul {
        left: 0;
        margin: 30px 0 0;
        width: 250px
    }

    ul.menu-top-header>li .wrapul,
    ul.menu-top-header>li>ul,
    ul.menu-top-header>li li>ul {
        position: absolute;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        opacity: 0;
        visibility: hidden;
        list-style: none;
        -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.3);
        box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.3);
        background-color: #fff
    }

    ul.menu-top-header>li .wrapul ul,
    ul.menu-top-header>li>ul ul,
    ul.menu-top-header>li li>ul ul {
        margin: 0;
        padding: 0;
        list-style: none
    }

    ul.menu-top-header>li .wrapul li,
    ul.menu-top-header>li>ul li,
    ul.menu-top-header>li li>ul li {
        display: block;
        position: relative
    }

    ul.menu-top-header>li .wrapul li+li,
    ul.menu-top-header>li>ul li+li,
    ul.menu-top-header>li li>ul li+li {
        border-top: 1px solid #f1f1f1
    }

    ul.menu-top-header>li .wrapul li[class*=children]>a,
    ul.menu-top-header>li>ul li[class*=children]>a,
    ul.menu-top-header>li li>ul li[class*=children]>a {
        padding-right: 25px
    }

    ul.menu-top-header>li .wrapul li[class*=children]>a:after,
    ul.menu-top-header>li>ul li[class*=children]>a:after,
    ul.menu-top-header>li li>ul li[class*=children]>a:after {
        font-family: 'icomoon' !important;
        content: "\e901";
        position: absolute;
        right: 15px;
        font-size: 12px;
        line-height: normal;
        position: absolute;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%)
    }

    ul.menu-top-header>li .wrapul li a,
    ul.menu-top-header>li>ul li a,
    ul.menu-top-header>li li>ul li a {
        display: block;
        -o-transition: all 0.2s ease;
        transition: all 0.2s ease;
        -webkit-transition: all 0.2s ease;
        width: 250px;
        color: #000;
        line-height: 30px;
        padding: 10px
    }

    ul.menu-top-header>li .wrapul li .wrapul,
    ul.menu-top-header>li .wrapul li>ul,
    ul.menu-top-header>li>ul li .wrapul,
    ul.menu-top-header>li>ul li>ul,
    ul.menu-top-header>li li>ul li .wrapul,
    ul.menu-top-header>li li>ul li>ul {
        left: 90%;
        top: 0;
        margin: 0 0 0 30px;
        overflow: hidden;
        width: 0
    }

    ul.menu-top-header>li .wrapul li:hover,
    ul.menu-top-header>li>ul li:hover,
    ul.menu-top-header>li li>ul li:hover {
        z-index: 100
    }

    ul.menu-top-header>li .wrapul li:hover>a,
    ul.menu-top-header>li>ul li:hover>a,
    ul.menu-top-header>li li>ul li:hover>a {
        color: #002BEB;
        padding-left: 20px
    }

    ul.menu-top-header>li .wrapul li:hover>.wrapul,
    ul.menu-top-header>li .wrapul li:hover>ul,
    ul.menu-top-header>li>ul li:hover>.wrapul,
    ul.menu-top-header>li>ul li:hover>ul,
    ul.menu-top-header>li li>ul li:hover>.wrapul,
    ul.menu-top-header>li li>ul li:hover>ul {
        margin: 0;
        overflow: visible;
        width: 250px;
        opacity: 1;
        visibility: visible
    }

    ul.menu-top-header>li .wrapul li.active>a,
    ul.menu-top-header>li .wrapul li[class*=current]>a,
    ul.menu-top-header>li>ul li.active>a,
    ul.menu-top-header>li>ul li[class*=current]>a,
    ul.menu-top-header>li li>ul li.active>a,
    ul.menu-top-header>li li>ul li[class*=current]>a {
        color: #002BEB
    }

    ul.menu-top-header>li:hover>a {
        color: #0D2BB1
    }

    ul.menu-top-header>li:hover>.wrapul,
    ul.menu-top-header>li:hover>ul {
        visibility: visible;
        opacity: 1;
        margin-top: 0
    }

    ul.menu-top-header>li.active>a,
    ul.menu-top-header>li[class*=current]>a {
        color: #002BEB
    }

    ul.menu-top-header>li.active>a:after,
    ul.menu-top-header>li[class*=current]>a:after {
        content: ""
    }
}

.wrap-menu-header .menu-head {
    display: none
}

@media only screen and (max-width:991px) {
    .wrap-menu-header {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        overflow: auto;
        float: none;
        padding: 0;
        opacity: 0;
        visibility: hidden;
        z-index: 99999 !important;
        max-width: 100%;
        overflow: hidden;
        background-color: #fff;
        width: 400px;
        -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.3);
        box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.3);
        overflow: hidden;
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        left: 0;
        right: auto;
        position: fixed !important;
        color: #000
    }

    .wrap-menu-header .menu-head {
        position: relative;
        padding: 0 15px;
        z-index: 100;
        display: table;
        width: 100%;
        height: 70px;
        border-bottom: 1px solid #f1f1f1;
        background: #fff
    }

    .wrap-menu-header .menu-head .logo {
        position: absolute !important;
        top: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        left: 15px;
        height: 100%
    }

    .wrap-menu-header .menu-head .logo img {
        display: block;
        max-height: 40px
    }

    .wrap-menu-header .menu-head h3 {
        margin: 0;
        font-size: 20px;
        line-height: inherit;
        position: relative;
        display: table-cell;
        height: 100%;
        vertical-align: middle
    }

    .wrap-menu-header .menu-head h3.back {
        padding-left: 20px
    }

    .wrap-menu-header .menu-head h3.back i {
        font-size: 15px;
        position: absolute;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        left: 0
    }

    .wrap-menu-header .menu-head .menu-btn {
        position: absolute;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        right: 10px
    }

    .wrap-menu-header .menu-head .menu-btn.x:after,
    .wrap-menu-header .menu-head .menu-btn.x:before {
        background-color: #333
    }

    .wrap-menu-header .inner {
        float: none !important;
        position: absolute;
        top: 70px;
        bottom: 0;
        right: 0;
        left: 0;
        overflow: auto;
        margin: 0;
        overflow-y: auto;
        overflow-x: hidden
    }

    .wrap-menu-header ul.menu {
        list-style: none;
        margin: 0;
        padding: 0
    }

    .wrap-menu-header ul.menu a:after,
    .wrap-menu-header ul.menu a:before {
        display: none !important
    }

    .wrap-menu-header ul.menu>li {
        position: relative;
        border-bottom: 1px solid #f1f1f1;
        float: none !important;
        display: block;
        margin: 0;
        padding: 0
    }

    .wrap-menu-header ul.menu>li>a {
        display: block;
        text-decoration: none;
        position: relative;
        font-weight: 300;
        font-size: 16px;
        color: #000;
        line-height: 30px;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 20px;
        padding-right: 5px
    }

    .wrap-menu-header ul.menu>li .showsubmenu {
        position: absolute;
        right: 0;
        top: 0;
        margin: 0;
        width: 50px;
        display: block !important;
        height: 50px;
        text-align: center;
        border-left: 1px solid #f1f1f1;
        line-height: 50px;
        font-size: 12px;
        overflow: hidden;
        z-index: 10;
        color: inherit;
        -webkit-transform: translateY(0) !important;
        -ms-transform: translateY(0) !important;
        transform: translateY(0) !important
    }

    .wrap-menu-header ul.menu>li .showsubmenu:before {
        display: inline-block
    }

    .wrap-menu-header ul.menu>li.active>a,
    .wrap-menu-header ul.menu>li.parent-showsub>a,
    .wrap-menu-header ul.menu>li:hover>a,
    .wrap-menu-header ul.menu>li[class*=current]>a {
        color: #002BEB
    }

    .wrap-menu-header ul.menu .wrapul,
    .wrap-menu-header ul.menu li>ul {
        -o-transition: all 0s ease;
        transition: all 0s ease;
        -webkit-transition: all 0s ease;
        visibility: visible;
        display: none;
        position: relative !important;
        margin: 0 !important;
        padding: 0 !important;
        left: auto !important;
        width: auto !important;
        width: auto;
        -webkit-box-shadow: none;
        box-shadow: none;
        opacity: 1;
        border: none;
        border-top: 1px solid #f1f1f1
    }

    .wrap-menu-header ul.menu .wrapul li,
    .wrap-menu-header ul.menu li>ul li {
        display: block;
        position: relative
    }

    .wrap-menu-header ul.menu .wrapul li+li,
    .wrap-menu-header ul.menu li>ul li+li {
        border-top: 1px solid #f1f1f1
    }

    .wrap-menu-header ul.menu .wrapul li a,
    .wrap-menu-header ul.menu li>ul li a {
        display: block;
        -o-transition: all 0.2s ease;
        transition: all 0.2s ease;
        -webkit-transition: all 0.2s ease;
        font-weight: 500;
        font-size: 16px;
        color: #000;
        line-height: 26px;
        padding-top: 8px;
        padding-bottom: 8px;
        padding-left: 30px;
        padding-right: 5px
    }

    .wrap-menu-header ul.menu .wrapul li .showsubmenu,
    .wrap-menu-header ul.menu li>ul li .showsubmenu {
        height: 46px;
        line-height: 46px
    }

    .wrap-menu-header ul.menu .wrapul li.active>a,
    .wrap-menu-header ul.menu .wrapul li.parent-showsub>a,
    .wrap-menu-header ul.menu .wrapul li:hover>a,
    .wrap-menu-header ul.menu .wrapul li[class*=current]>a,
    .wrap-menu-header ul.menu li>ul li.active>a,
    .wrap-menu-header ul.menu li>ul li.parent-showsub>a,
    .wrap-menu-header ul.menu li>ul li:hover>a,
    .wrap-menu-header ul.menu li>ul li[class*=current]>a {
        color: #002BEB
    }

    .wrap-menu-header ul.menu .wrapul ul a,
    .wrap-menu-header ul.menu li>ul ul a {
        padding-left: 45px
    }

    .wrap-menu-header ul.menu .wrapul ul ul a,
    .wrap-menu-header ul.menu li>ul ul ul a {
        padding-left: 60px
    }

    .wrap-menu-header ul.menu .wrapul ul ul ul a,
    .wrap-menu-header ul.menu li>ul ul ul ul a {
        padding-left: 75px
    }

    .wrap-menu-header ul.menu li.parent-showsub>.showsubmenu:before {
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    .wrap-menu-header .menu-head {
        display: block !important
    }

    .wrap-menu-header ul.menu-top-header {
        list-style: none;
        margin: 0;
        padding: 0;
        float: none !important
    }

    .wrap-menu-header ul.menu-top-header a:after,
    .wrap-menu-header ul.menu-top-header a:before {
        display: none !important
    }

    .wrap-menu-header ul.menu-top-header>li {
        position: relative;
        border-bottom: 1px solid #f1f1f1;
        float: none !important;
        display: block;
        margin: 0;
        padding: 0
    }

    .wrap-menu-header ul.menu-top-header>li>a {
        display: block;
        text-decoration: none;
        position: relative;
        font-weight: 300;
        font-size: 16px;
        color: #000;
        line-height: 30px;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 20px;
        padding-right: 5px
    }

    .wrap-menu-header ul.menu-top-header>li .showsubmenu {
        position: absolute;
        right: 0;
        top: 0;
        margin: 0;
        width: 50px;
        display: block !important;
        height: 50px;
        text-align: center;
        border-left: 1px solid #f1f1f1;
        line-height: 50px;
        font-size: 12px;
        overflow: hidden;
        z-index: 10;
        color: inherit;
        -webkit-transform: translateY(0) !important;
        -ms-transform: translateY(0) !important;
        transform: translateY(0) !important
    }

    .wrap-menu-header ul.menu-top-header>li .showsubmenu:before {
        display: inline-block
    }

    .wrap-menu-header ul.menu-top-header>li.active>a,
    .wrap-menu-header ul.menu-top-header>li.parent-showsub>a,
    .wrap-menu-header ul.menu-top-header>li:hover>a,
    .wrap-menu-header ul.menu-top-header>li[class*=current]>a {
        color: #002BEB
    }

    .wrap-menu-header ul.menu-top-header .wrapul,
    .wrap-menu-header ul.menu-top-header li>ul {
        -o-transition: all 0s ease;
        transition: all 0s ease;
        -webkit-transition: all 0s ease;
        visibility: visible;
        display: none;
        position: relative !important;
        margin: 0 !important;
        padding: 0 !important;
        left: auto !important;
        width: auto !important;
        width: auto;
        -webkit-box-shadow: none;
        box-shadow: none;
        opacity: 1;
        border: none;
        border-top: 1px solid #f1f1f1
    }

    .wrap-menu-header ul.menu-top-header .wrapul li,
    .wrap-menu-header ul.menu-top-header li>ul li {
        display: block;
        position: relative
    }

    .wrap-menu-header ul.menu-top-header .wrapul li+li,
    .wrap-menu-header ul.menu-top-header li>ul li+li {
        border-top: 1px solid #f1f1f1
    }

    .wrap-menu-header ul.menu-top-header .wrapul li a,
    .wrap-menu-header ul.menu-top-header li>ul li a {
        display: block;
        -o-transition: all 0.2s ease;
        transition: all 0.2s ease;
        -webkit-transition: all 0.2s ease;
        font-weight: 500;
        font-size: 16px;
        color: #000;
        line-height: 26px;
        padding-top: 8px;
        padding-bottom: 8px;
        padding-left: 30px;
        padding-right: 5px
    }

    .wrap-menu-header ul.menu-top-header .wrapul li .showsubmenu,
    .wrap-menu-header ul.menu-top-header li>ul li .showsubmenu {
        height: 46px;
        line-height: 46px
    }

    .wrap-menu-header ul.menu-top-header .wrapul li.active>a,
    .wrap-menu-header ul.menu-top-header .wrapul li.parent-showsub>a,
    .wrap-menu-header ul.menu-top-header .wrapul li:hover>a,
    .wrap-menu-header ul.menu-top-header .wrapul li[class*=current]>a,
    .wrap-menu-header ul.menu-top-header li>ul li.active>a,
    .wrap-menu-header ul.menu-top-header li>ul li.parent-showsub>a,
    .wrap-menu-header ul.menu-top-header li>ul li:hover>a,
    .wrap-menu-header ul.menu-top-header li>ul li[class*=current]>a {
        color: #002BEB
    }

    .wrap-menu-header ul.menu-top-header .wrapul ul a,
    .wrap-menu-header ul.menu-top-header li>ul ul a {
        padding-left: 45px
    }

    .wrap-menu-header ul.menu-top-header .wrapul ul ul a,
    .wrap-menu-header ul.menu-top-header li>ul ul ul a {
        padding-left: 60px
    }

    .wrap-menu-header ul.menu-top-header .wrapul ul ul ul a,
    .wrap-menu-header ul.menu-top-header li>ul ul ul ul a {
        padding-left: 75px
    }

    .wrap-menu-header ul.menu-top-header li.parent-showsub>.showsubmenu:before {
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    body.showMenu .wrap-menu-header {
        -ms-transform: translateX(0);
        transform: translateX(0);
        -webkit-transform: translateX(0);
        opacity: 1;
        visibility: visible
    }

    .menu-btn {
        display: block
    }
}

.wrap-menu-pc .menu-btn {
    position: absolute;
    top: -78px;
    right: 28px
}

.wrap-menu-pc ul.menu {
    margin: 0;
    background-color: #fff;
    list-style: none;
    padding: 0
}

.wrap-menu-pc ul.menu li {
    position: relative;
    border-bottom: 1px solid #979797
}

.wrap-menu-pc ul.menu li a {
    display: block;
    text-transform: uppercase;
    line-height: 30px;
    font-size: 17px;
    font-weight: 700;
    padding: 10px 0
}

.wrap-menu-pc ul.menu li:hover>a,
.wrap-menu-pc ul.menu li[class*=current]>a {
    color: var(--cl1)
}

.wrap-menu-pc ul.menu li ul {
    list-style-type: disc;
    margin: 0 0 0 35px
}

.wrap-menu-pc ul.menu li ul li a {
    font-size: 14px
}

.wrap-menu-mb {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    overflow: auto;
    float: none;
    padding: 0;
    opacity: 0;
    visibility: hidden;
    z-index: 99999 !important;
    max-width: 100%;
    overflow: hidden;
    background-color: #fff;
    width: 400px;
    -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    left: 0;
    right: auto
}

.wrap-menu-mb .menu-head {
    position: relative;
    padding: 0 15px;
    z-index: 100;
    display: table;
    width: 100%;
    height: 70px;
    border-bottom: 1px solid #f1f1f1;
    background: #fff
}

.wrap-menu-mb .menu-head .logo {
    position: absolute !important;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    left: 15px;
    height: 100%
}

.wrap-menu-mb .menu-head .logo img {
    display: block;
    max-height: 40px
}

.wrap-menu-mb .menu-head h3 {
    margin: 0;
    font-size: 20px;
    line-height: inherit;
    position: relative;
    display: table-cell;
    height: 100%;
    vertical-align: middle
}

.wrap-menu-mb .menu-head h3.back {
    padding-left: 20px
}

.wrap-menu-mb .menu-head h3.back i {
    font-size: 15px;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    left: 0
}

.wrap-menu-mb .menu-head .menu-btn {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    right: 10px
}

.wrap-menu-mb .menu-head .menu-btn.x:after,
.wrap-menu-mb .menu-head .menu-btn.x:before {
    background-color: #333
}

.wrap-menu-mb .inner {
    float: none !important;
    position: absolute;
    top: 70px;
    bottom: 0;
    right: 0;
    left: 0;
    overflow: auto;
    margin: 0;
    overflow-y: auto;
    overflow-x: hidden
}

.wrap-menu-mb ul.menu {
    list-style: none;
    margin: 0;
    padding: 0
}

.wrap-menu-mb ul.menu a:after,
.wrap-menu-mb ul.menu a:before {
    display: none !important
}

.wrap-menu-mb ul.menu>li {
    position: relative;
    border-bottom: 1px solid #f1f1f1;
    float: none !important;
    display: block;
    margin: 0;
    padding: 0
}

.wrap-menu-mb ul.menu>li>a {
    display: block;
    text-decoration: none;
    position: relative;
    font-weight: 300;
    font-size: 16px;
    color: #000;
    line-height: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 5px
}

.wrap-menu-mb ul.menu>li .showsubmenu {
    position: absolute;
    right: 0;
    top: 0;
    margin: 0;
    width: 50px;
    display: block !important;
    height: 50px;
    text-align: center;
    border-left: 1px solid #f1f1f1;
    line-height: 50px;
    font-size: 12px;
    overflow: hidden;
    z-index: 10;
    color: inherit;
    -webkit-transform: translateY(0) !important;
    -ms-transform: translateY(0) !important;
    transform: translateY(0) !important
}

.wrap-menu-mb ul.menu>li .showsubmenu:before {
    display: inline-block
}

.wrap-menu-mb ul.menu>li.active>a,
.wrap-menu-mb ul.menu>li.parent-showsub>a,
.wrap-menu-mb ul.menu>li:hover>a,
.wrap-menu-mb ul.menu>li[class*=current]>a {
    color: #002BEB
}

.wrap-menu-mb ul.menu .wrapul,
.wrap-menu-mb ul.menu li>ul {
    -o-transition: all 0s ease;
    transition: all 0s ease;
    -webkit-transition: all 0s ease;
    visibility: visible;
    display: none;
    position: relative !important;
    margin: 0 !important;
    padding: 0 !important;
    left: auto !important;
    width: auto !important;
    width: auto;
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: 1;
    border: none;
    border-top: 1px solid #f1f1f1
}

.wrap-menu-mb ul.menu .wrapul li,
.wrap-menu-mb ul.menu li>ul li {
    display: block;
    position: relative
}

.wrap-menu-mb ul.menu .wrapul li+li,
.wrap-menu-mb ul.menu li>ul li+li {
    border-top: 1px solid #f1f1f1
}

.wrap-menu-mb ul.menu .wrapul li a,
.wrap-menu-mb ul.menu li>ul li a {
    display: block;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    font-weight: 500;
    font-size: 16px;
    color: #000;
    line-height: 26px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 30px;
    padding-right: 5px
}

.wrap-menu-mb ul.menu .wrapul li .showsubmenu,
.wrap-menu-mb ul.menu li>ul li .showsubmenu {
    height: 46px;
    line-height: 46px
}

.wrap-menu-mb ul.menu .wrapul li.active>a,
.wrap-menu-mb ul.menu .wrapul li.parent-showsub>a,
.wrap-menu-mb ul.menu .wrapul li:hover>a,
.wrap-menu-mb ul.menu .wrapul li[class*=current]>a,
.wrap-menu-mb ul.menu li>ul li.active>a,
.wrap-menu-mb ul.menu li>ul li.parent-showsub>a,
.wrap-menu-mb ul.menu li>ul li:hover>a,
.wrap-menu-mb ul.menu li>ul li[class*=current]>a {
    color: #002BEB
}

.wrap-menu-mb ul.menu .wrapul ul a,
.wrap-menu-mb ul.menu li>ul ul a {
    padding-left: 45px
}

.wrap-menu-mb ul.menu .wrapul ul ul a,
.wrap-menu-mb ul.menu li>ul ul ul a {
    padding-left: 60px
}

.wrap-menu-mb ul.menu .wrapul ul ul ul a,
.wrap-menu-mb ul.menu li>ul ul ul ul a {
    padding-left: 75px
}

.wrap-menu-mb ul.menu li.parent-showsub>.showsubmenu:before {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

body.showMenu {
    overflow: hidden
}

body.showMenu #wrapper {
    overflow: hidden
}

body.showMenu #panel {
    z-index: 999 !important
}

body.showMenu .wrap-menu-pc {
    opacity: 1;
    visibility: visible
}

body.showMenu [class*=wrap-menu-mb] {
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transform: translateX(0);
    opacity: 1;
    visibility: visible
}

body.showMenu .menu-btn.overlay {
    visibility: visible;
    opacity: 1;
    left: 400px
}

body.showMenu .menu-btn.x span {
    background: none !important
}

body.showMenu .menu-btn.x:before {
    -webkit-transform: translateY(-50%) rotate(-45deg);
    -ms-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg);
    top: 50%
}

body.showMenu .menu-btn.x:after {
    -webkit-transform: translateY(50%) rotate(45deg);
    -ms-transform: translateY(50%) rotate(45deg);
    transform: translateY(50%) rotate(45deg);
    bottom: 50%
}

.ef-tx-t.ef,
.group-ef-hover .ef-tx-t[class*=efch],
.group-ef .ef-tx-t[class*=efch] {
    -webkit-transform: translateY(70px) scale3d(1, 1.6, 0.8);
    transform: translateY(70px) scale3d(1, 1.6, 0.8)
}

.ef-tx-b.ef,
.group-ef-hover .ef-tx-b[class*=efch],
.group-ef .ef-tx-b[class*=efch] {
    -webkit-transform: translateY(-70px) scale3d(1, 1.6, 0.8);
    transform: translateY(-70px) scale3d(1, 1.6, 0.8)
}

.ef-th.ef,
.group-ef-hover .ef-th[class*=efch],
.group-ef .ef-th[class*=efch] {
    opacity: 1 !important
}

.ef-th.ef:not(.loaded) img,
.group-ef-hover .ef-th:not(.loaded)[class*=efch] img,
.group-ef .ef-th:not(.loaded)[class*=efch] img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.ef-img-t.ef,
.group-ef-hover .ef-img-t[class*=efch],
.group-ef .ef-img-t[class*=efch] {
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px)
}

.ef-img-b.ef,
.group-ef-hover .ef-img-b[class*=efch],
.group-ef .ef-img-b[class*=efch] {
    -webkit-transform: translateY(-70px);
    -ms-transform: translateY(-70px);
    transform: translateY(-70px)
}

.ef-img-t-50.ef,
.group-ef-hover .ef-img-t-50[class*=efch],
.group-ef .ef-img-t-50[class*=efch] {
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%)
}

.ef-img-b-50.ef,
.group-ef-hover .ef-img-b-50[class*=efch],
.group-ef .ef-img-b-50[class*=efch] {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media only screen and (min-width:768px) {

    .ef-tx-r.ef,
    .group-ef-hover .ef-tx-r[class*=efch],
    .group-ef .ef-tx-r[class*=efch] {
        -webkit-transform: translateX(-70px) scale3d(1, 1.6, 0.8);
        transform: translateX(-70px) scale3d(1, 1.6, 0.8)
    }

    .ef-tx-l.ef,
    .group-ef-hover .ef-tx-l[class*=efch],
    .group-ef .ef-tx-l[class*=efch] {
        -webkit-transform: translateX(70px) scale3d(1, 1.6, 0.8);
        transform: translateX(70px) scale3d(1, 1.6, 0.8)
    }

    .ef-img-l.ef,
    .group-ef-hover .ef-img-l[class*=efch],
    .group-ef .ef-img-l[class*=efch] {
        -webkit-transform: translateX(100px);
        -ms-transform: translateX(100px);
        transform: translateX(100px)
    }

    .ef-img-r.ef,
    .group-ef-hover .ef-img-r[class*=efch],
    .group-ef .ef-img-r[class*=efch] {
        -webkit-transform: translateX(-70px);
        -ms-transform: translateX(-70px);
        transform: translateX(-70px)
    }
}

@media only screen and (max-width:767px) {

    .ef-tx-r.ef,
    .group-ef-hover .ef-tx-r[class*=efch],
    .group-ef .ef-tx-r[class*=efch] {
        -webkit-transform: translateY(70px) scale3d(1, 1.6, 0.8);
        transform: translateY(70px) scale3d(1, 1.6, 0.8)
    }

    .ef-tx-l.ef,
    .group-ef-hover .ef-tx-l[class*=efch],
    .group-ef .ef-tx-l[class*=efch] {
        -webkit-transform: translateY(70px) scale3d(1, 1.6, 0.8);
        transform: translateY(70px) scale3d(1, 1.6, 0.8)
    }

    .ef-img-l.ef,
    .group-ef-hover .ef-img-l[class*=efch],
    .group-ef .ef-img-l[class*=efch] {
        -webkit-transform: translateY(70px);
        -ms-transform: translateY(70px);
        transform: translateY(70px)
    }

    .ef-img-r.ef,
    .group-ef-hover .ef-img-r[class*=efch],
    .group-ef .ef-img-r[class*=efch] {
        -webkit-transform: translateY(70px);
        -ms-transform: translateY(70px);
        transform: translateY(70px)
    }
}

.ef {
    opacity: 0;
    -webkit-transition: all 1s cubic-bezier(0, 0.15, 0, 1);
    -o-transition: all 1s cubic-bezier(0, 0.15, 0, 1);
    transition: all 1s cubic-bezier(0, 0.15, 0, 1)
}

.group-ef-hover [class*=efch],
.group-ef [class*=efch] {
    opacity: 0;
    display: block;
    -webkit-transition: all 1s cubic-bezier(0, 0.15, 0, 1);
    -o-transition: all 1s cubic-bezier(0, 0.15, 0, 1);
    transition: all 1s cubic-bezier(0, 0.15, 0, 1)
}

.group-ef.loaded .efch-1,
.loaded.group-ef-hover .efch-1 {
    -webkit-transition-delay: 0s !important;
    -o-transition-delay: 0s !important;
    transition-delay: 0s !important
}

.group-ef.loaded .efch-2,
.loaded.group-ef-hover .efch-2 {
    -webkit-transition-delay: 0.1s !important;
    -o-transition-delay: 0.1s !important;
    transition-delay: 0.1s !important
}

.group-ef.loaded .efch-3,
.loaded.group-ef-hover .efch-3 {
    -webkit-transition-delay: 0.2s !important;
    -o-transition-delay: 0.2s !important;
    transition-delay: 0.2s !important
}

.group-ef.loaded .efch-4,
.loaded.group-ef-hover .efch-4 {
    -webkit-transition-delay: 0.3s !important;
    -o-transition-delay: 0.3s !important;
    transition-delay: 0.3s !important
}

.group-ef.loaded .efch-5,
.loaded.group-ef-hover .efch-5 {
    -webkit-transition-delay: 0.4s !important;
    -o-transition-delay: 0.4s !important;
    transition-delay: 0.4s !important
}

.group-ef.loaded .efch-6,
.loaded.group-ef-hover .efch-6 {
    -webkit-transition-delay: 0.5s !important;
    -o-transition-delay: 0.5s !important;
    transition-delay: 0.5s !important
}

.group-ef.loaded .efch-7,
.loaded.group-ef-hover .efch-7 {
    -webkit-transition-delay: 0.6s !important;
    -o-transition-delay: 0.6s !important;
    transition-delay: 0.6s !important
}

.group-ef.loaded .efch-8,
.loaded.group-ef-hover .efch-8 {
    -webkit-transition-delay: 0.7s !important;
    -o-transition-delay: 0.7s !important;
    transition-delay: 0.7s !important
}

.group-ef.loaded .efch-9,
.loaded.group-ef-hover .efch-9 {
    -webkit-transition-delay: 0.8s !important;
    -o-transition-delay: 0.8s !important;
    transition-delay: 0.8s !important
}

.group-ef.loaded .efch-10,
.loaded.group-ef-hover .efch-10 {
    -webkit-transition-delay: 0.9s !important;
    -o-transition-delay: 0.9s !important;
    transition-delay: 0.9s !important
}

.group-ef.loaded .efch-11,
.loaded.group-ef-hover .efch-11 {
    -webkit-transition-delay: 1s !important;
    -o-transition-delay: 1s !important;
    transition-delay: 1s !important
}

.group-ef.loaded .efch-12,
.loaded.group-ef-hover .efch-12 {
    -webkit-transition-delay: 1.1s !important;
    -o-transition-delay: 1.1s !important;
    transition-delay: 1.1s !important
}

.group-ef.loaded .efch-13,
.loaded.group-ef-hover .efch-13 {
    -webkit-transition-delay: 1.2s !important;
    -o-transition-delay: 1.2s !important;
    transition-delay: 1.2s !important
}

.group-ef.loaded .efch-14,
.loaded.group-ef-hover .efch-14 {
    -webkit-transition-delay: 1.3s !important;
    -o-transition-delay: 1.3s !important;
    transition-delay: 1.3s !important
}

.group-ef.loaded .efch-15,
.loaded.group-ef-hover .efch-15 {
    -webkit-transition-delay: 1.4s !important;
    -o-transition-delay: 1.4s !important;
    transition-delay: 1.4s !important
}

.group-ef.loaded .efch-16,
.loaded.group-ef-hover .efch-16 {
    -webkit-transition-delay: 1.5s !important;
    -o-transition-delay: 1.5s !important;
    transition-delay: 1.5s !important
}

.group-ef.loaded .efch-17,
.loaded.group-ef-hover .efch-17 {
    -webkit-transition-delay: 1.6s !important;
    -o-transition-delay: 1.6s !important;
    transition-delay: 1.6s !important
}

.group-ef.loaded .efch-18,
.loaded.group-ef-hover .efch-18 {
    -webkit-transition-delay: 1.7s !important;
    -o-transition-delay: 1.7s !important;
    transition-delay: 1.7s !important
}

.group-ef.loaded .efch-19,
.loaded.group-ef-hover .efch-19 {
    -webkit-transition-delay: 1.8s !important;
    -o-transition-delay: 1.8s !important;
    transition-delay: 1.8s !important
}

.group-ef.loaded .efch-20,
.loaded.group-ef-hover .efch-20 {
    -webkit-transition-delay: 1.9s !important;
    -o-transition-delay: 1.9s !important;
    transition-delay: 1.9s !important
}

.group-ef.loaded .efch-21,
.loaded.group-ef-hover .efch-21 {
    -webkit-transition-delay: 2s !important;
    -o-transition-delay: 2s !important;
    transition-delay: 2s !important
}

.group-ef.loaded .efch-22,
.loaded.group-ef-hover .efch-22 {
    -webkit-transition-delay: 2.1s !important;
    -o-transition-delay: 2.1s !important;
    transition-delay: 2.1s !important
}

.group-ef.loaded .efch-23,
.loaded.group-ef-hover .efch-23 {
    -webkit-transition-delay: 2.2s !important;
    -o-transition-delay: 2.2s !important;
    transition-delay: 2.2s !important
}

.group-ef.loaded .efch-24,
.loaded.group-ef-hover .efch-24 {
    -webkit-transition-delay: 2.3s !important;
    -o-transition-delay: 2.3s !important;
    transition-delay: 2.3s !important
}

.group-ef.loaded .efch-25,
.loaded.group-ef-hover .efch-25 {
    -webkit-transition-delay: 2.4s !important;
    -o-transition-delay: 2.4s !important;
    transition-delay: 2.4s !important
}

.group-ef.loaded .efch-26,
.loaded.group-ef-hover .efch-26 {
    -webkit-transition-delay: 2.5s !important;
    -o-transition-delay: 2.5s !important;
    transition-delay: 2.5s !important
}

.group-ef.loaded .efch-27,
.loaded.group-ef-hover .efch-27 {
    -webkit-transition-delay: 2.6s !important;
    -o-transition-delay: 2.6s !important;
    transition-delay: 2.6s !important
}

.group-ef.loaded .efch-28,
.loaded.group-ef-hover .efch-28 {
    -webkit-transition-delay: 2.7s !important;
    -o-transition-delay: 2.7s !important;
    transition-delay: 2.7s !important
}

.group-ef.loaded .efch-29,
.loaded.group-ef-hover .efch-29 {
    -webkit-transition-delay: 2.8s !important;
    -o-transition-delay: 2.8s !important;
    transition-delay: 2.8s !important
}

.group-ef-js:not(.loaded) .item {
    opacity: 0
}

.group-ef-hover:hover .efch-1 {
    -webkit-transition-delay: 0s !important;
    -o-transition-delay: 0s !important;
    transition-delay: 0s !important
}

.group-ef-hover:hover .efch-2 {
    -webkit-transition-delay: 0.1s !important;
    -o-transition-delay: 0.1s !important;
    transition-delay: 0.1s !important
}

.group-ef-hover:hover .efch-3 {
    -webkit-transition-delay: 0.2s !important;
    -o-transition-delay: 0.2s !important;
    transition-delay: 0.2s !important
}

.group-ef-hover:hover .efch-4 {
    -webkit-transition-delay: 0.3s !important;
    -o-transition-delay: 0.3s !important;
    transition-delay: 0.3s !important
}

.group-ef-hover:hover .efch-5 {
    -webkit-transition-delay: 0.4s !important;
    -o-transition-delay: 0.4s !important;
    transition-delay: 0.4s !important
}

.group-ef-hover:hover .efch-6 {
    -webkit-transition-delay: 0.5s !important;
    -o-transition-delay: 0.5s !important;
    transition-delay: 0.5s !important
}

.group-ef-hover:hover .efch-7 {
    -webkit-transition-delay: 0.6s !important;
    -o-transition-delay: 0.6s !important;
    transition-delay: 0.6s !important
}

.group-ef-hover:hover .efch-8 {
    -webkit-transition-delay: 0.7s !important;
    -o-transition-delay: 0.7s !important;
    transition-delay: 0.7s !important
}

.group-ef-hover:hover .efch-9 {
    -webkit-transition-delay: 0.8s !important;
    -o-transition-delay: 0.8s !important;
    transition-delay: 0.8s !important
}

.group-ef-hover:hover .efch-10 {
    -webkit-transition-delay: 0.9s !important;
    -o-transition-delay: 0.9s !important;
    transition-delay: 0.9s !important
}

.group-ef-hover:hover .efch-11 {
    -webkit-transition-delay: 1s !important;
    -o-transition-delay: 1s !important;
    transition-delay: 1s !important
}

.group-ef-hover:hover .efch-12 {
    -webkit-transition-delay: 1.1s !important;
    -o-transition-delay: 1.1s !important;
    transition-delay: 1.1s !important
}

.group-ef-hover:hover .efch-13 {
    -webkit-transition-delay: 1.2s !important;
    -o-transition-delay: 1.2s !important;
    transition-delay: 1.2s !important
}

.group-ef-hover:hover .efch-14 {
    -webkit-transition-delay: 1.3s !important;
    -o-transition-delay: 1.3s !important;
    transition-delay: 1.3s !important
}

.group-ef-hover:hover .efch-15 {
    -webkit-transition-delay: 1.4s !important;
    -o-transition-delay: 1.4s !important;
    transition-delay: 1.4s !important
}

.group-ef-hover:hover .efch-16 {
    -webkit-transition-delay: 1.5s !important;
    -o-transition-delay: 1.5s !important;
    transition-delay: 1.5s !important
}

.group-ef-hover:hover .efch-17 {
    -webkit-transition-delay: 1.6s !important;
    -o-transition-delay: 1.6s !important;
    transition-delay: 1.6s !important
}

.group-ef-hover:hover .efch-18 {
    -webkit-transition-delay: 1.7s !important;
    -o-transition-delay: 1.7s !important;
    transition-delay: 1.7s !important
}

.group-ef-hover:hover .efch-19 {
    -webkit-transition-delay: 1.8s !important;
    -o-transition-delay: 1.8s !important;
    transition-delay: 1.8s !important
}

.group-ef-hover:hover .efch-20 {
    -webkit-transition-delay: 1.9s !important;
    -o-transition-delay: 1.9s !important;
    transition-delay: 1.9s !important
}

.group-ef-hover:hover .efch-21 {
    -webkit-transition-delay: 2s !important;
    -o-transition-delay: 2s !important;
    transition-delay: 2s !important
}

.group-ef-hover:hover .efch-22 {
    -webkit-transition-delay: 2.1s !important;
    -o-transition-delay: 2.1s !important;
    transition-delay: 2.1s !important
}

.group-ef-hover:hover .efch-23 {
    -webkit-transition-delay: 2.2s !important;
    -o-transition-delay: 2.2s !important;
    transition-delay: 2.2s !important
}

.group-ef-hover:hover .efch-24 {
    -webkit-transition-delay: 2.3s !important;
    -o-transition-delay: 2.3s !important;
    transition-delay: 2.3s !important
}

.group-ef-hover:hover .efch-25 {
    -webkit-transition-delay: 2.4s !important;
    -o-transition-delay: 2.4s !important;
    transition-delay: 2.4s !important
}

.group-ef-hover:hover .efch-26 {
    -webkit-transition-delay: 2.5s !important;
    -o-transition-delay: 2.5s !important;
    transition-delay: 2.5s !important
}

.group-ef-hover:hover .efch-27 {
    -webkit-transition-delay: 2.6s !important;
    -o-transition-delay: 2.6s !important;
    transition-delay: 2.6s !important
}

.group-ef-hover:hover .efch-28 {
    -webkit-transition-delay: 2.7s !important;
    -o-transition-delay: 2.7s !important;
    transition-delay: 2.7s !important
}

.group-ef-hover:hover .efch-29 {
    -webkit-transition-delay: 2.8s !important;
    -o-transition-delay: 2.8s !important;
    transition-delay: 2.8s !important
}

.ef.loaded,
.group-ef-hover:hover [class*=efch],
.group-ef.loaded [class*=efch],
.loaded.group-ef-hover [class*=efch] {
    opacity: 1;
    -webkit-transform: translate(0, 0) scale3d(1, 1, 1);
    transform: translate(0, 0) scale3d(1, 1, 1)
}

.group-ef-hover:hover .ef-th img,
.group-ef.loaded .ef-th img,
.loaded.group-ef-hover .ef-th img {
    -webkit-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    transform: scale(1) !important
}

@media only screen and (max-width:1199px) {
    .group-ef-hover [class*=efch] {
        opacity: 1 !important;
        -webkit-transform: translate(0, 0) scale3d(1, 1, 1) !important;
        transform: translate(0, 0) scale3d(1, 1, 1) !important
    }

    .group-ef-hover .ef-th img {
        -webkit-transform: scale(1) !important;
        -ms-transform: scale(1) !important;
        transform: scale(1) !important
    }
}

@media only screen and (max-width:991px) {
    .wrap-menu-header {
        display: none !important
    }

    .menu-btn {
        display: block
    }
}

#header {
    z-index: 1000;
    position: relative;
    background-color: #fff
}

#header .container {
    position: relative
}

#header #logo {
    position: absolute !important;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#header #logo.l {
    left: 15px
}

#header #logo.r {
    right: 15px
}

#header #logo.c {
    position: absolute;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%)
}

#header #logo img {
    display: block
}

#header .wrap-menu-header {
    position: relative
}

#header .group-header {
    position: absolute;
    right: 15px;
    height: 100%;
    display: table;
    top: 0
}

#header .group-header>.item {
    padding-left: 15px;
    display: table-cell;
    vertical-align: middle;
    position: relative
}

.fixe#header {
    position: absolute;
    left: 0;
    right: 0
}

.fixed#header {
    position: fixed;
    left: 0;
    right: 0;
    top: 0
}

.sticky#header {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5)
}

.stickyUp#header {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}

.stickyDown#header {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

@media only screen and (min-width:1200px) {
    #header .container {
        height: 120px
    }

    #header #logo {
        height: 120px
    }

    #header #logo img {
        max-height: 75px;
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    #header .container {
        height: 80px
    }

    #header #logo {
        height: 80px
    }

    #header #logo img {
        max-height: 75px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    #header .container {
        height: 60px
    }

    #header #logo {
        height: 60px
    }

    #header #logo img {
        max-height: 55px
    }
}

@media only screen and (max-width:767px) {
    #header .container {
        height: 60px
    }

    #header #logo {
        height: 60px
    }

    #header #logo img {
        max-height: 55px
    }
}

@media only screen and (max-width:767px) {
    body.showMenu #header .wrap-menu-header ul.menu {
        opacity: 1;
        visibility: visible
    }
}

.owl-carousel {
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 100%
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px)
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: none
}

.owl-carousel .owl-nav .disabled {
    opacity: 0.4
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit
}

.owl-loaded.owl-carousel {
    display: block
}

.owl-loading.owl-carousel {
    opacity: 0;
    display: block
}

.owl-hidden.owl-carousel {
    opacity: 0
}

.owl-refresh.owl-carousel .owl-item {
    visibility: hidden
}

.owl-drag.owl-carousel .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-grab.owl-carousel {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.owl-rtl.owl-carousel {
    direction: rtl
}

.owl-rtl.owl-carousel .owl-item {
    float: right
}

.no-js .owl-carousel {
    display: block
}

.owl-carousel .animated {
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.owl-carousel .owl-height {
    -webkit-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: -webkit-transform 100ms ease;
    transition: -webkit-transform 100ms ease;
    -o-transition: transform 100ms ease;
    transition: transform 100ms ease;
    transition: transform 100ms ease, -webkit-transform 100ms ease
}

.owl-carousel .owl-video-play-icon:hover {
    -webkit-transform: scale(1.3, 1.3);
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.owl-carousel>.item-visible:not(:first-child),
.owl-carousel>.item:not(:first-child),
.owl-first.owl-carousel:not(.owl-loaded)>div:not(:first-child) {
    display: none !important
}

.owl-carousel[class*=grid-space] {
    margin: 0 !important
}

.owl-flex.owl-carousel>.owl-stage-outer>.owl-stage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: nowrap
}

.owl-flex.owl-carousel>.owl-stage-outer>.owl-stage>.owl-item {
    width: 100%;
    float: none !important
}

.owl-flex.owl-carousel>.owl-stage-outer>.owl-stage>.owl-item .item {
    height: 100%
}

.noslide.owl-carousel .owl-stage-outer {
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    width: auto !important;
    display: block
}

.noslide.owl-carousel .owl-stage {
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    width: auto !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px
}

.noslide.owl-carousel .owl-stage .owl-item {
    position: relative;
    width: 100% !important;
    padding-right: 5px;
    padding-left: 5px
}

.owl-visible.owl-carousel .owl-stage-outer {
    overflow: visible
}

.owl-visible.owl-carousel .owl-item {
    opacity: 0.5
}

.owl-visible.owl-carousel .owl-item .text {
    opacity: 0
}

.owl-visible.owl-carousel .owl-item.active {
    opacity: 1
}

.owl-visible.owl-carousel .owl-item.active .text {
    opacity: 1
}

.owl-carousel .owl-item>[class*=col-] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
    margin: 0
}

.owl-nav {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%
}

.owl-nav>* {
    position: absolute;
    cursor: pointer;
    text-align: center;
    width: 40px;
    height: 40px;
    -webkit-box-shadow: none;
    box-shadow: none;
    line-height: 40px;
    font-size: 28px;
    border-radius: 0;
    background-color: transparent;
    color: #858383;
    border: 0 solid #111111;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}

.owl-nav>:hover {
    color: #002BEB
}

.owl-nav>* i {
    line-height: inherit
}

.owl-nav>.owl-prev {
    left: 10px
}

.owl-nav>.owl-next {
    right: 10px
}

.owl-dots {
    padding: 0;
    position: absolute;
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center
}

.owl-dots>.owl-dot {
    display: inline-block;
    border: none;
    background: none
}

.owl-dots>.owl-dot span {
    display: block;
    -webkit-backface-visibility: visible;
    width: 10px;
    height: 10px;
    margin: 0 4px;
    border-radius: 10px;
    background-color: #002BEB;
    border: 1px solid #002BEB
}

.owl-dots>.owl-dot.active span,
.owl-dots>.owl-dot:hover span {
    background-color: #002BEB;
    border-color: #002BEB
}

@media only screen and (min-width:1200px) {
    .owl-carousel.nav-2 .owl-nav {
        left: -50px;
        right: -50px
    }
}

@media only screen and (min-width:768px) and (max-width:1199px) {
    .owl-carousel.nav-2 .owl-nav {
        left: -30px;
        right: -30px
    }
}

.content-tabs {
    min-height: 1px;
    position: relative
}

.content-tabs>div {
    z-index: 0;
    opacity: 0;
    visibility: hidden;
    max-height: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    overflow: hidden
}

.content-tabs>div.active {
    z-index: 5;
    opacity: 1;
    visibility: visible;
    max-height: inherit;
    position: relative;
    overflow: visible
}

.content-tabs>div.tab-map .tab-inner {
    padding-bottom: 0 !important
}

.tab-content {
    min-height: 1px;
    position: relative
}

.tab-content>div {
    z-index: 0;
    opacity: 0;
    visibility: hidden;
    max-height: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    overflow: hidden
}

.tab-content>div.active {
    z-index: 5;
    opacity: 1;
    visibility: visible;
    max-height: inherit;
    position: relative;
    overflow: visible
}

.tab-content>div.tab-map .tab-inner {
    padding-bottom: 0 !important
}

[class*=cttab] .tab-menu>div {
    cursor: pointer
}

[class*=cttab] .w-menu-over {
    overflow-x: auto;
    margin-bottom: 40px
}

[class*=cttab] .w-menu-over>.tab-menu {
    display: table
}

[class*=cttab] .w-menu-over>.tab-menu>div {
    cursor: pointer;
    vertical-align: middle;
    position: relative;
    display: table-cell;
    white-space: nowrap;
    overflow: hidden
}

[class*=cttab] .w-menu-over>.tab-menu>div:not(:first-child) {
    padding-left: 20px
}

.btn {
    position: relative;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    overflow: hidden;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 600;
    font-size: 16px;
    color: #fff;
    background-color: #002BEB;
    border-radius: 8px;
    border: 1px solid #002BEB;
    height: 50px;
    padding: 0 20px;
    -webkit-box-shadow: 0px 4px 30px rgba(0, 43, 235, 0.3);
    box-shadow: 0px 4px 30px rgba(0, 43, 235, 0.3)
}

.btn i {
    display: inline-block;
    line-height: inherit
}

.btn i:first-child {
    margin-right: 5px
}

.btn i:last-child {
    margin-left: 5px
}

@media only screen and (min-width:1200px) {

    .btn:active,
    .btn:hover {
        color: #fff;
        background-color: #0D2BB1;
        border: 1px solid #0D2BB1;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.round.btn {
    border-radius: 100px
}

.lg.btn {
    line-height: 68px;
    height: 70px;
    font-size: 21px;
    padding: 0 40px
}

.sm.btn {
    line-height: 38px;
    height: 40px;
    font-size: 15px;
    padding: 0 15px
}

.input {
    position: relative;
    vertical-align: middle;
    display: inline-block;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    font-size: 16px;
    background-color: #fff;
    border-radius: 8px;
    border: 1px solid #002BEB;
    height: 50px;
    padding: 0 15px
}

.h20.input {
    height: 20px
}

.h30.input {
    height: 30px
}

@media only screen and (min-width:768px) {
    .h40.input {
        height: 40px
    }

    .h50.input {
        height: 50px
    }
}

.lg.input {
    font-size: 21px;
    height: 70px;
    padding-left: 35px
}

.sm.input {
    font-size: 15px;
    height: 45px;
    padding-left: 10px
}

.input:focus {
    border: 1px solid #002BEB
}

.input-group {
    display: inline-table;
    vertical-align: middle
}

.input-group>input {
    display: table-cell;
    width: 100%
}

.input-group>input:not(:first-child):not(:last-child) {
    border-radius: 0
}

.input-group>input:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>input:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group .input-group-addon {
    white-space: nowrap;
    vertical-align: middle;
    width: 30px;
    line-height: 1;
    display: table-cell;
    padding: 0 12px;
    background-color: #eee;
    border: 1px solid #002BEB;
    border-radius: 8px;
    height: 100%
}

.input-group .input-group-addon:first-child {
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group .input-group-addon:first-child .btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group .input-group-addon:last-child {
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group .input-group-addon:last-child .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group .input-group-addon.none {
    border: none;
    background-color: transparent
}

.input-group .input-group-addon.none:first-child {
    padding: 0
}

.input-group .input-group-addon.none:last-child {
    padding: 0
}

.input-group .input-group-addon.top {
    vertical-align: text-top
}

select {
    font-size: 16px;
    background-color: #fff;
    border-radius: 8px;
    border: 1px solid #002BEB;
    height: 50px;
    padding: 0 15px;
    line-height: 49px
}

select option {
    padding: 5px
}

select.select {
    -webkit-appearance: inherit;
    -moz-appearance: inherit;
    appearance: inherit;
    padding-right: 20px;
    background: #fff url("../images/select.svg") no-repeat;
    background-position: calc(100% - 10px) center;
    background-size: 12px
}

select.lg {
    font-size: 21px;
    height: 70px;
    padding-left: 35px
}

select.sm {
    font-size: 15px;
    height: 45px;
    padding-left: 10px
}

label.switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 30px
}

label.switch input {
    display: none
}

label.switch>span {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    border: 1px solid #E6E6E6;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease
}

label.switch>span:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    right: 24px;
    top: 4px;
    background-color: #E6E6E6;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease
}

label.switch input:checked+span {
    background-color: #002BEB;
    border-color: #002BEB
}

label.switch input:checked+span:before {
    right: 4px;
    background-color: #fff
}

label.stext.switch {
    width: 66px
}

label.stext.switch>span span {
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    float: left;
    width: 50%;
    text-align: center;
    text-transform: uppercase;
    font-size: 11px;
    color: #59595B;
    line-height: 28px
}

label.stext.switch>span .on {
    text-align: right;
    opacity: 0
}

label.stext.switch>span .off {
    text-align: left
}

label.stext.switch>span:before {
    right: 40px
}

label.stext.switch input:checked+span .on {
    opacity: 1;
    color: #fff
}

label.stext.switch input:checked+span .off {
    opacity: 0
}

label.round.switch>span {
    border-radius: 30px
}

label.round.switch>span:before {
    border-radius: 50%
}

label.round2.switch>span,
label.round2.switch>span:before {
    border-radius: 3px
}

label.checkbox {
    position: relative;
    display: inline-block;
    padding-left: 30px;
    font-weight: normal;
    line-height: 24px
}

label.checkbox>input {
    position: absolute !important;
    opacity: 0 !important;
    top: 0 !important;
    left: 0 !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    visibility: hidden !important
}

label.checkbox>span {
    position: absolute;
    cursor: pointer;
    top: 2px;
    left: 0;
    width: 20px;
    height: 20px;
    border: 2px solid #aaa;
    border-radius: 3px;
    background-color: #fff
}

label.checkbox>span:before {
    content: "";
    width: 5px;
    height: 10px;
    border-right: 3px solid #fff;
    border-bottom: 3px solid #fff;
    border-radius: 3px;
    margin-top: -2px;
    position: absolute;
    opacity: 0;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(35deg);
    -ms-transform: translate(-50%, -50%) rotate(35deg);
    transform: translate(-50%, -50%) rotate(35deg)
}

label.checkbox input:checked+span {
    border-color: #002BEB;
    background-color: #002BEB
}

label.checkbox input:checked+span:before {
    opacity: 1
}

label.checkbox input:disabled+span {
    opacity: 0.2
}

label.checkbox:hover>span {
    border-color: #002BEB
}

label.radio {
    position: relative;
    display: inline-block;
    padding-left: 30px;
    font-weight: normal
}

label.radio input {
    display: none !important
}

label.radio>span {
    position: absolute;
    cursor: pointer;
    top: 2px;
    left: 0;
    width: 20px;
    height: 20px;
    border: 2px solid #aaa;
    border-radius: 100%;
    background-color: #fff
}

label.radio>span:before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: #002BEB;
    top: 50%;
    left: 50%;
    position: absolute;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease
}

label.radio input:checked+span {
    border-color: #002BEB
}

label.radio input:checked+span:before {
    opacity: 1
}

label.radio input:disabled+span {
    opacity: 0.2
}

label.radio:hover>span {
    border-color: #002BEB
}

label.block.radio {
    padding: 30px 0 0;
    text-align: center;
    display: block
}

label.block.radio>span {
    position: absolute;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    top: 0
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    border-collapse: collapse;
    border-spacing: 0
}

.table td,
.table th {
    padding: 8px;
    text-align: left;
    vertical-align: top
}

.table-responsive {
    overflow: auto
}

.table-line td,
.table-line th {
    border-top: 1px solid #ddd
}

.table-border td,
.table-border th {
    border: 1px solid #ddd
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9
}

.form-group {
    position: relative;
    margin-bottom: 25px
}

.form-group .help-block {
    position: absolute;
    font-size: 11px;
    color: #f00
}

.form-group .help-block ul {
    list-style: none
}

.form-group .help-block ul li {
    display: block
}

.wg-recaptcha {
    height: 40px;
    width: 205px;
    border: 1px solid #d3d3d3;
    background: #f9f9f9;
    border-radius: 3px;
    position: relative;
    box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.08);
    overflow: hidden
}

.wg-recaptcha .g-recaptcha {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) scale(0.7);
    -ms-transform: translateY(-50%) scale(0.7);
    transform: translateY(-50%) scale(0.7);
    left: -50px
}

ul.page-numbers {
    list-style: none;
    margin: 0;
    text-align: center;
    padding: 0
}

ul.page-numbers li {
    display: inline-block
}

ul.page-numbers .page-numbers {
    display: block;
    text-align: center;
    overflow: hidden;
    width: 24px;
    height: 24px;
    font-weight: 500;
    color: #000;
    background-color: transparent;
    border-radius: 100%;
    line-height: 24px
}

ul.page-numbers .page-numbers.next,
ul.page-numbers .page-numbers.prev {
    font-size: 14px
}

ul.page-numbers .page-numbers.current,
ul.page-numbers .page-numbers:hover:not(.disable) {
    color: #fff;
    background-color: #002BEB
}

ul.page-numbers .page-numbers.disable {
    opacity: 0.5
}

ul.page-numbers span.page-numbers:not(.current) {
    background-color: transparent !important;
    border-color: transparent !important;
    color: inherit !important
}

.myModal {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 0;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    max-height: 0;
    overflow: hidden
}

.myModal .btnModal.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.myModal>.container {
    margin-top: 30px;
    margin-bottom: 30px
}

@media only screen and (min-width:1200px) {
    .myModal>.container.middle {
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        top: 50%;
        left: 50%;
        position: absolute;
        margin: 0 auto
    }
}

.myModal .contentModal {
    position: relative;
    background-color: #fff;
    border-radius: 6px;
    -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
    padding: 15px
}

@media only screen and (min-width:576px) {
    .myModal .contentModal {
        padding: 25px
    }
}

.myModal .btn-close {
    position: absolute;
    top: 15px;
    right: 15px;
    border: 1px solid #9B9B9B;
    color: #9B9B9B;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 18px;
    font-size: 8px;
    z-index: 100;
    border-radius: 100%;
    cursor: pointer
}

.active.myModal {
    visibility: visible;
    opacity: 1;
    z-index: 9999999;
    position: fixed;
    max-height: inherit;
    overflow: auto
}

.rowlabel {
    display: block
}

.rowlabel .item {
    overflow: hidden;
    display: block
}

.rowlabel .item .title {
    float: left;
    margin-right: 10px;
    position: relative;
    min-height: 1px
}

.rowlabel .item .text {
    overflow: hidden;
    display: block
}

.rowlabel .item>p {
    margin: 0
}

.rowlabel:not(.row) .item+.item {
    margin-top: 10px
}

.itemline.rowlabel .item+.item {
    border-top: 1px solid #CCCCCC;
    padding-top: 10px;
    margin-top: 10px
}

.label-line.rowlabel .item {
    border-bottom: 1px solid #CFCFCF;
    padding-bottom: 10px
}

.label-line.rowlabel .item+.item {
    margin-top: 10px
}

@-webkit-keyframes ama-alo-circle-anim {
    0% {
        -webkit-transform: rotate(0) scale(0.5) skew(1deg);
        transform: rotate(0) scale(0.5) skew(1deg);
        opacity: .1
    }

    30% {
        -webkit-transform: rotate(0) scale(0.7) skew(1deg);
        transform: rotate(0) scale(0.7) skew(1deg);
        opacity: .5
    }

    to {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .1
    }
}

@keyframes ama-alo-circle-anim {
    0% {
        -webkit-transform: rotate(0) scale(0.5) skew(1deg);
        transform: rotate(0) scale(0.5) skew(1deg);
        opacity: .1
    }

    30% {
        -webkit-transform: rotate(0) scale(0.7) skew(1deg);
        transform: rotate(0) scale(0.7) skew(1deg);
        opacity: .5
    }

    to {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .1
    }
}

@-webkit-keyframes ama-alo-circle-fill-anim {
    0% {
        -webkit-transform: rotate(0) scale(0.7) skew(1deg);
        transform: rotate(0) scale(0.7) skew(1deg);
        opacity: .2
    }

    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }

    to {
        -webkit-transform: rotate(0) scale(0.7) skew(1deg);
        transform: rotate(0) scale(0.7) skew(1deg);
        opacity: .2
    }
}

@keyframes ama-alo-circle-fill-anim {
    0% {
        -webkit-transform: rotate(0) scale(0.7) skew(1deg);
        transform: rotate(0) scale(0.7) skew(1deg);
        opacity: .2
    }

    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }

    to {
        -webkit-transform: rotate(0) scale(0.7) skew(1deg);
        transform: rotate(0) scale(0.7) skew(1deg);
        opacity: .2
    }
}

@-webkit-keyframes ama-alo-circle-img-anim {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg)
    }

    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
        transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
        transform: rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
        transform: rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
        transform: rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg)
    }

    to {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg)
    }
}

@keyframes ama-alo-circle-img-anim {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg)
    }

    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
        transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
        transform: rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
        transform: rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
        transform: rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg)
    }

    to {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg)
    }
}

.dropdown {
    position: relative
}

.dropdown>.title {
    display: block;
    cursor: pointer
}

.dropdown>.title:hover {
    color: var(--cl1)
}

.subright.dropdown>.content {
    right: 0
}

.subright.dropdown>.content:before {
    right: 30px;
    left: auto
}

.toggleSearch>.toggle {
    display: block;
    text-align: center;
    cursor: pointer;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 20px;
    color: #878787
}

.toggleSearch>.toggle:hover {
    color: #002BEB
}

.toggleSearch .searchform {
    position: absolute;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    height: 50px;
    width: 250px;
    top: 90%;
    opacity: 0;
    visibility: hidden;
    margin-top: 20px;
    border-radius: 0 0 5px 5px;
    right: -20px
}

.toggleSearch .searchform:after,
.toggleSearch .searchform:before {
    display: inline-block;
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid transparent !important;
    border-right: 10px solid transparent !important;
    top: 0;
    position: absolute;
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    right: 24px
}

.toggleSearch .searchform:before {
    border-bottom: 10px solid rgba(0, 0, 0, 0.1)
}

.toggleSearch .searchform:after {
    border-bottom: 10px solid #fff;
    margin-top: 1px
}

.toggleSearch .searchform input {
    padding-right: 50px;
    width: 100%;
    padding: 0 50px 0 15px;
    position: relative;
    z-index: 2;
    height: 100%;
    border: none;
    font-size: 100%;
    background-color: transparent
}

.toggleSearch .searchform input.focus~button {
    z-index: 3;
    color: #002BEB
}

.toggleSearch .searchform button {
    color: inherit;
    font-size: 20px;
    z-index: 1;
    position: absolute;
    right: 0;
    width: 50px;
    top: 0;
    bottom: 0;
    background: none;
    border: none;
    cursor: pointer
}

.active.toggleSearch .toggle i:before {
    content: ""
}

.active.toggleSearch .searchform {
    opacity: 1;
    visibility: visible;
    margin-top: 0
}

.active.dropdown>.content,
.dropdown:not(.toggleClass):hover>.content {
    opacity: 1;
    visibility: visible;
    margin-top: 0
}

.dropdown>.content {
    opacity: 0;
    visibility: hidden;
    margin-top: 30px;
    background-color: #EBEBEB;
    border-radius: 4px;
    padding: 5px;
    width: 260px;
    position: absolute
}

.dropdown>.content:before {
    display: inline-block;
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid transparent !important;
    border-right: 10px solid transparent !important;
    border-bottom: 10px solid #EBEBEB;
    position: absolute;
    top: 0;
    left: 30px;
    -webkit-transform: translateY(-99%);
    -ms-transform: translateY(-99%);
    transform: translateY(-99%)
}

.dropdown>.content>.inner {
    background-color: #fff;
    border-radius: 4px
}

.dropdown>.content ul.menu {
    margin: 0;
    padding: 0
}

.dropdown>.content ul.menu>li {
    display: block
}

.dropdown>.content ul.menu>li a {
    display: block;
    padding: 8px 10px
}

.dropdown>.content ul.menu>li:not(:first-child) {
    border-top: 1px solid rgba(0, 0, 0, 0.2)
}

.dropdown>.content ul.menu>li.active a {
    color: #002BEB
}

.dropdown>.right.content {
    right: 0
}

.dropdown>.right.content:before {
    right: 30px;
    left: auto
}

.cl1 {
    color: var(--cl1)
}

.cl2 {
    color: var(--cl2)
}

.cl3 {
    color: var(--cl3)
}

.bg1 {
    background-color: var(--cl1)
}

.bg2 {
    background-color: var(--cl2)
}

.bg3 {
    background-color: var(--cl3)
}

.bd1 {
    border-color: var(--cl1)
}

.bd2 {
    border-color: #0D2BB1
}

.bd3 {
    border-color: #111111
}

.b {
    font-weight: 700
}

.w1 {
    font-weight: 100
}

.w3 {
    font-weight: 300
}

.w4 {
    font-weight: 400
}

.w5 {
    font-weight: 500
}

.w6 {
    font-weight: 600
}

.w7 {
    font-weight: 700
}

.w9 {
    font-weight: 900
}

.fs13 {
    font-size: 13px
}

.fs14 {
    font-size: 14px
}

.fs15 {
    font-size: 15px
}

.fs16 {
    font-size: 16px
}

.fs17 {
    font-size: 17px
}

.fs18 {
    font-size: 18px
}

.mg-0 {
    margin: 0 !important
}

.pd-0 {
    padding: 0 !important
}

.pt-0 {
    padding-top: 0
}

.pb-0 {
    padding-bottom: 0
}

.mb-10 {
    margin-bottom: 10px
}

.mb-15 {
    margin-bottom: 15px
}

.mb-20 {
    margin-bottom: 20px
}

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

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

.mb-50 {
    margin-bottom: 50px
}

@media only screen and (min-width:992px) {
    .mb-lg-10 {
        margin-bottom: 10px
    }

    .mb-lg-20 {
        margin-bottom: 20px
    }

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

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

    .mb-lg-50 {
        margin-bottom: 50px
    }
}

@media only screen and (min-width:768px) {
    .mb-md-10 {
        margin-bottom: 10px
    }

    .mb-md-20 {
        margin-bottom: 20px
    }

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

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

    .mb-md-50 {
        margin-bottom: 50px
    }
}

@media only screen and (max-width:767px) {
    .mb-sm-10 {
        margin-bottom: 10px
    }

    .mb-sm-20 {
        margin-bottom: 20px
    }

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

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

    .mb-sm-50 {
        margin-bottom: 50px
    }
}

.space-0 {
    margin-left: 0;
    margin-right: 0
}

.space-0>[class*=col] {
    padding-left: 0;
    padding-right: 0
}

.space-2 {
    margin-left: -1px;
    margin-right: -1px
}

.space-2>[class*=col] {
    padding-left: 1px;
    padding-right: 1px
}

.space-4 {
    margin-left: -2px;
    margin-right: -2px
}

.space-4>[class*=col] {
    padding-left: 2px;
    padding-right: 2px
}

@media only screen and (min-width:768px) {
    .space-10 {
        margin-left: -5px;
        margin-right: -5px
    }

    .space-10>[class*=col] {
        padding-left: 5px;
        padding-right: 5px
    }

    .space-14 {
        margin-left: -7px;
        margin-right: -7px
    }

    .space-14>[class*=col] {
        padding-left: 7px;
        padding-right: 7px
    }

    .space-16 {
        margin-left: -8px;
        margin-right: -8px
    }

    .space-16>[class*=col] {
        padding-left: 8px;
        padding-right: 8px
    }

    .space-20 {
        margin-left: -10px;
        margin-right: -10px
    }

    .space-20>[class*=col] {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media only screen and (min-width:1200px) {
    .space-40 {
        margin-left: -20px;
        margin-right: -20px
    }

    .space-40>[class*=col] {
        padding-left: 20px;
        padding-right: 20px
    }

    .space-50 {
        margin-left: -25px;
        margin-right: -25px
    }

    .space-50>[class*=col] {
        padding-left: 25px;
        padding-right: 25px
    }

    .space-60 {
        margin-left: -30px;
        margin-right: -30px
    }

    .space-60>[class*=col] {
        padding-left: 30px;
        padding-right: 30px
    }

    .space-80 {
        margin-left: -40px;
        margin-right: -40px
    }

    .space-80>[class*=col] {
        padding-left: 40px;
        padding-right: 40px
    }

    .space-120 {
        margin-left: -60px;
        margin-right: -60px
    }

    .space-120>[class*=col] {
        padding-left: 60px;
        padding-right: 60px
    }

    .space-200 {
        margin-left: -100px;
        margin-right: -100px
    }

    .space-200>[class*=col] {
        padding-left: 100px;
        padding-right: 100px
    }
}

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

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

.icon-calendar:before {
    content: "\e917"
}

.icon-weight:before {
    content: "\e90e"
}

.icon-briefcase:before {
    content: "\e911"
}

.icon-phone:before {
    content: "\e908"
}

.icon-address:before {
    content: "\e909"
}

.icon-email:before {
    content: "\e90a"
}

.icon-phone1:before {
    content: "\e90d"
}

.icon-arrow-8:before {
    content: "\e95a"
}

.icon-arrow-2:before {
    content: "\e957"
}

.icon-form:before {
    content: "\e958"
}

.icon-play1:before {
    content: "\e959"
}

.icon-arrow-db:before {
    content: "\e956"
}

.icon-arrow-1:before {
    content: "\e900"
}

.icon-arrow-7:before {
    content: "\e901"
}

.icon-arrow-3:before {
    content: "\e902"
}

.icon-arrow-4:before {
    content: "\e903"
}

.icon-arrow-5:before {
    content: "\e904"
}

.icon-arrow-6:before {
    content: "\e905"
}

.icon-arrow-9:before {
    content: "\e906"
}

.icon-arrows:before {
    content: "\e907"
}

.icon-clock:before {
    content: "\e90b"
}

.icon-close:before {
    content: "\e90c"
}

.icon-date-2:before {
    content: "\e90f"
}

.icon-date:before {
    content: "\e910"
}

.icon-edit-2:before {
    content: "\e912"
}

.icon-edit-3:before {
    content: "\e913"
}

.icon-edit:before {
    content: "\e914"
}

.icon-facebook:before {
    content: "\e915"
}

.icon-fax:before {
    content: "\e916"
}

.icon-google-plus-2:before {
    content: "\e91b"
}

.icon-google-plus:before {
    content: "\e91c"
}

.icon-google:before {
    content: "\e91d"
}

.icon-heart:before {
    content: "\e91e"
}

.icon-home:before {
    content: "\e91f"
}

.icon-home2:before {
    content: "\e920"
}

.icon-home3:before {
    content: "\e921"
}

.icon-image:before {
    content: "\e922"
}

.icon-instagram:before {
    content: "\e923"
}

.icon-like-1:before {
    content: "\e925"
}

.icon-like:before {
    content: "\e926"
}

.icon-mail-1:before {
    content: "\e929"
}

.icon-mail-2:before {
    content: "\e92a"
}

.icon-mail-3:before {
    content: "\e92b"
}

.icon-map:before {
    content: "\e92c"
}

.icon-map1:before {
    content: "\e92d"
}

.icon-maps:before {
    content: "\e92e"
}

.icon-menu:before {
    content: "\e92f"
}

.icon-minus-2:before {
    content: "\e930"
}

.icon-minus:before {
    content: "\e931"
}

.icon-phone-3:before {
    content: "\e938"
}

.icon-phone-4:before {
    content: "\e939"
}

.icon-play:before {
    content: "\e93c"
}

.icon-plus-2:before {
    content: "\e93d"
}

.icon-plus:before {
    content: "\e93e"
}

.icon-question:before {
    content: "\e93f"
}

.icon-quote:before {
    content: "\e940"
}

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

.icon-search:before {
    content: "\e942"
}

.icon-share-2:before {
    content: "\e943"
}

.icon-share:before {
    content: "\e944"
}

.icon-smile:before {
    content: "\e946"
}

.icon-sort:before {
    content: "\e947"
}

.icon-spin:before {
    content: "\e948"
}

.icon-star:before {
    content: "\e949"
}

.icon-tag:before {
    content: "\e94a"
}

.icon-talk:before {
    content: "\e94b"
}

.icon-tick:before {
    content: "\e94c"
}

.icon-twitter:before {
    content: "\e94e"
}

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

.icon-user:before {
    content: "\e951"
}

.icon-view:before {
    content: "\e952"
}

.icon-youtube-2:before {
    content: "\e954"
}

.icon-youtube:before {
    content: "\e955"
}

.ulmeta {
    font-size: 13px;
    color: #A1A1A1;
    line-height: 20px;
    list-style: none;
    margin: 0
}

.ulmeta li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.ulmeta i {
    float: left;
    margin-right: 3px
}

.ulmeta i.icon-view {
    font-size: 17px
}

.ulmeta.inline {
    vertical-align: bottom;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.ulmeta.inline>li {
    position: relative;
    overflow: hidden
}

.ulmeta.inline>li:not(:last-child) {
    margin-right: 5px;
    padding-right: 7px
}

.ulmeta.inline.bd>li:not(:last-child):after {
    content: "";
    width: 1px;
    height: 14px;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    right: 0;
    background-color: #A1A1A1
}

body {
    color: var(--body-color);
    font-family: var(--body-font);
    font-size: var(--body-fs);
    line-height: var(--body-line-height);
    background-color: var(--body-bg-color);
    font-weight: 400
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: inherit;
    font-weight: 700;
    margin-bottom: 30px
}

.h1,
h1 {
    font-size: var(--h1);
    line-height: 1.2
}

.h2,
h2 {
    font-size: var(--h2);
    line-height: 1.3
}

.h3,
h3 {
    font-size: var(--h3);
    line-height: 1.3
}

.h4,
h4 {
    font-size: var(--h4);
    line-height: 1.4
}

.h5,
h5 {
    font-size: var(--h5)
}

.h6,
h6 {
    font-size: var(--h6)
}

.color-1,
.color-blue {
    color: #002BEB
}

.color-gold {
    /* color: #FFA700 */
    color: #ffd700
}

.owl-dots>.owl-dot {
    opacity: 0.1;
    cursor: pointer
}

.owl-dots>.owl-dot:hover {
    opacity: 0.6
}

.owl-dots>.owl-dot.active {
    opacity: 1 !important
}

.owl-dots>.owl-dot.active span {
    width: 60px
}

@media only screen and (min-width:1200px) {
    .container {
        max-width: 1200px
    }
}

ul.menu-top-header>li>a:after {
    width: 40px;
    border-radius: 16px;
    bottom: 10px;
    margin: 0 auto
}

ul.menu-top-header>li[class*=children]>a:after {
    right: 30px
}

ul.language {
    position: relative;
    list-style: none;
    text-transform: uppercase
}

ul.language>li>a {
    display: block;
    padding: 10px 15px 10px 5px;
    position: relative
}

ul.language>li>a:before {
    content: "";
    width: 10px;
    height: 10px;
    background: url("../images/select.svg") no-repeat center center;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    right: 0
}

ul.language ul {
    position: absolute;
    display: none;
    color: #333;
    background: #FFFFFF;
    -webkit-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    width: 144px
}

ul.language ul>li {
    display: block
}

ul.language ul>li a {
    display: block;
    padding: 8px 15px
}

ul.language ul>li:not(:first-child) {
    border-top: 1px solid rgba(0, 0, 0, 0.2)
}

ul.language ul>li.active a {
    color: #002BEB
}

ul.language:hover ul {
    display: block
}

#header .btn {
    max-width: 150px
}

#header .menu-btn {
    height: 20px
}

#header ul.language ul {
    right: 0;
    left: auto
}

@media only screen and (max-width:1199px) {
    #header .mainmenu {
        display: none !important
    }
}

@media only screen and (min-width:1200px) {

    #header.sticky #logo,
    #header.sticky .container {
        height: 80px
    }

    #header .imenu {
        display: none !important
    }

    #header ul.menu-top-header>li>a {
        line-height: 80px
    }
}

@media only screen and (min-width:768px) and (max-width:1199px) {
    #header .btn {
        height: 40px
    }
}

@media only screen and (max-width:767px) {
    #header #logo img {
        max-height: 35px
    }

    #header .btn {
        min-width: 50px;
        height: 40px;
        padding: 0 10px;
        font-size: 14px
    }
}

@media only screen and (max-width:767px) {
    .wrap-menu-mb .menu-head .logo img {
        display: block;
        max-height: 35px
    }
}

.bgimg {
    position: absolute
}

.bgimg.tl {
    top: 0;
    left: 0
}

.bgimg.tr {
    top: 0;
    right: 0
}

.bgimg.bl {
    left: 0;
    bottom: 0
}

.bgimg.br {
    right: 0;
    bottom: 0
}

.btn {
    min-width: 170px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.btn-round:not(:hover) {
    background-color: transparent;
    color: #002BEB;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-lg {
    height: 50px
}

.btn-5 {
    -webkit-box-shadow: 0px 4px 30px rgba(255, 127, 11, 0.2);
    box-shadow: 0px 4px 30px rgba(255, 127, 11, 0.2)
}

.btn-5:not(:hover) {
    background-color: #FFA700;
    border-color: #FFA700;
    color: #111111
}

.img-auto {
    width: auto;
    height: auto
}

.max500 {
    max-width: 500px;
    margin: 0 auto
}

.max784 {
    max-width: 784px;
    margin: 0 auto
}

.max988 {
    max-width: 988px;
    margin: 0 auto
}

.upper {
    text-transform: uppercase
}

.input {
    font-weight: 300
}

textarea.input {
    padding-top: 10px;
    padding-bottom: 10px;
    height: 100px
}

.entry-content .meta {
    font-size: 12px;
    color: #707070;
    font-weight: normal
}

.entry-content ol,
.entry-content ul {
    margin: 0 0 40px 25px
}

.entry-content ol li,
.entry-content ul li {
    margin-bottom: 5px
}

.entry-content ol ul,
.entry-content ul ul {
    margin-bottom: 0
}

.entry-content ol ul li:first-child,
.entry-content ul ul li:first-child {
    margin-top: 5px
}

.entry-content ol ul.none,
.entry-content ul ul.none {
    list-style: none;
    margin: 0
}

.entry-content img {
    height: auto
}

.entry-content a:not(.btn) {
    color: #002BEB
}

.dropdown {
    position: relative
}

.dropdown-title {
    display: block
}

.dropdown-content {
    position: absolute;
    display: none;
    background-color: #fff;
    color: #333;
    padding: 20px;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    width: 200px
}

.dropdown-content>li {
    display: block
}

.dropdown-content>li a {
    display: block;
    padding: 8px 0
}

.dropdown-content>li:not(:first-child) {
    border-top: 1px solid rgba(0, 0, 0, 0.2)
}

.dropdown-content>li.active a {
    color: #002BEB
}

.dropdown:hover .dropdown-content {
    display: block
}

.meta {
    margin-bottom: 10px;
    font-size: 14px;
    color: #B2B2B2;
    vertical-align: bottom
}

.meta i {
    font-size: 20px;
    display: inline-block;
    margin-right: 2px
}

#map {
    height: 500px
}

.searchform {
    position: relative;
    width: 100%;
    overflow: hidden
}

.searchform .textinput {
    padding: 0 30px 0 15px;
    height: 100%;
    z-index: 2;
    width: 100%;
    background-color: transparent;
    border: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.searchform button {
    position: absolute;
    right: 0;
    height: 100%;
    top: 0;
    width: 35px;
    cursor: pointer;
    text-align: center;
    background-color: transparent;
    border: none;
    font-size: 15px
}

.searchform.focus button {
    z-index: 3;
    color: #002BEB
}

.searchform-hidden {
    background-color: #002BEB;
    padding: 0;
    width: auto;
    display: inline-block;
    border-radius: 50px
}

.searchform-hidden button {
    z-index: 1 !important;
    color: #fff !important
}

.searchform-hidden .textinput {
    width: 35px;
    height: 35px;
    position: relative;
    padding-left: 15px;
    opacity: 0;
    padding-right: 0;
    color: #fff
}

.searchform-hidden .textinput:focus {
    width: 250px;
    opacity: 1;
    padding-right: 35px
}

.searchform-hidden.focus button {
    color: #0D2BB1 !important
}

.searchform-hidden.focus .textinput:focus~button {
    z-index: 3 !important
}

.line-1 {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1
}

.line-2 {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.line-3 {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

.line-4 {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

.entry-breadcrumb {
    background-color: #F6F6F6;
    line-height: 20px;
    padding: 10px 0
}

.breadcrumbs {
    font-size: 13px;
    margin: 0;
    overflow: hidden
}

.breadcrumbs>.item {
    position: relative;
    float: left
}

.breadcrumbs>.item:not(:last-child):after {
    content: "\e901";
    display: inline-block;
    padding: 0 8px;
    font-family: 'icomoon' !important;
    font-size: 11px
}

.breadcrumbs a:hover {
    color: #0D2BB1
}

.wraplang-list ul.language {
    list-style: none
}

.wraplang-list li {
    display: inline-block
}

.qtranxs-available-languages-message {
    clip: rect(0 0 0 0);
    clip: rect(0, 0, 0, 0);
    overflow: hidden;
    position: absolute;
    height: 1px;
    width: 1px
}

.loadmore {
    text-align: center
}

.loadmore .btnloadMore {
    padding: 0 20px !important;
    position: relative
}

.loadmore .btnloadMore i {
    width: 20px;
    height: 20px;
    font-size: 20px;
    line-height: 20px;
    display: block;
    right: 10px;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    opacity: 0;
    visibility: hidden
}

.loadmore .btnloadMore i:before {
    line-height: inherit !important;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-delay: 0;
    animation-delay: 0;
    -webkit-animation-direction: infinite;
    animation-direction: infinite;
    -webkit-transition-timing-function: cubic-bezier(0.17, 0.37, 0.43, 0.67);
    -o-transition-timing-function: cubic-bezier(0.17, 0.37, 0.43, 0.67);
    transition-timing-function: cubic-bezier(0.17, 0.37, 0.43, 0.67);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.ajaxloadpost {
    position: relative
}

.ajaxloadpost:not([type="2"]):after,
.ajaxloadpost:not([type="2"]):before {
    z-index: 3;
    border-radius: 100%;
    pointer-events: none;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 70px;
    height: 70px;
    margin-left: -35px;
    margin-top: -35px;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-delay: 0;
    animation-delay: 0;
    -webkit-animation-direction: infinite;
    animation-direction: infinite;
    -webkit-transition-timing-function: cubic-bezier(0.17, 0.37, 0.43, 0.67);
    -o-transition-timing-function: cubic-bezier(0.17, 0.37, 0.43, 0.67);
    transition-timing-function: cubic-bezier(0.17, 0.37, 0.43, 0.67)
}

.ajaxloadpost:not([type="2"]):before {
    border-left: 6px solid #0D2BB1;
    border-top: 6px solid rgba(255, 255, 255, 0.8) !important
}

.ajaxloadpost:not([type="2"]):after {
    border-right: 6px solid #002BEB;
    border-bottom: 6px solid rgba(255, 255, 255, 0.8) !important
}

.ajaxloadpost.loading:not([type="2"]):after,
.ajaxloadpost.loading:not([type="2"]):before {
    content: ""
}

.ajaxloadpost.loading:not([type="2"]):before {
    -webkit-animation-name: loadingD2;
    animation-name: loadingD2
}

.ajaxloadpost.loading:not([type="2"]):after {
    -webkit-animation-name: loadingD;
    animation-name: loadingD
}

.ajaxloadpost.loading~div.loadmore .btnloadMore {
    padding-right: 35px !important
}

.ajaxloadpost.loading~div.loadmore .btnloadMore i {
    opacity: 1;
    visibility: visible
}

.ajaxloadpost.loading~div.loadmore .btnloadMore i:before {
    -webkit-animation-name: loadingD;
    animation-name: loadingD
}

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

    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

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

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

    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

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

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

    50% {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }

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

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

    50% {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }

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

.post-navigation {
    margin-bottom: 30px;
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    padding: 15px 0
}

.post-navigation h2 {
    clip: rect(0 0 0 0);
    clip: rect(0, 0, 0, 0);
    overflow: hidden;
    position: absolute;
    height: 1px;
    width: 1px
}

.post-navigation .nav-links:after {
    content: "";
    display: table;
    clear: both
}

.post-navigation .nav-links .nav-previous {
    float: left
}

.post-navigation .nav-links .nav-next {
    float: right
}

.require {
    color: #f00
}

.wpcf7 p {
    margin: 0
}

.wpcf7 .item {
    display: block;
    margin-bottom: 20px
}

.wpcf7 .item .title {
    display: block;
    font-weight: 600;
    margin-bottom: 10px
}

.wpcf7 .item .input {
    width: 100%
}

.wpcf7 .wrap-recaptcha {
    text-align: center;
    margin-bottom: 20px
}

.wpcf7 .cf7sr-g-recaptcha {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wpcf7 .wrap-btn-f7 {
    position: relative;
    text-align: center
}

.wpcf7 textarea {
    resize: vertical
}

.wpcf7 .wpcf7-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    margin: 0;
    padding: 0
}

.wpcf7-not-valid-tip {
    font-size: 11px;
    position: absolute
}

.wpcf7 .wrap-file {
    margin-bottom: 10px
}

.wpcf7 .not {
    color: #898989;
    font-size: 12px;
    font-style: italic
}

.wpcf7 .cf7sr-recaptcha .wpcf7-not-valid-tip {
    text-align: center;
    left: 0;
    right: 0
}

.page-title {
    text-align: center;
    color: #002BEB;
    margin-bottom: 50px
}

.list-post-1 .item {
    overflow: hidden;
    border-bottom: 1px solid #ddd;
    padding-bottom: 30px;
    margin-bottom: 30px
}

.list-post-1 .title {
    font-size: 20px;
    font-weight: 700;
    font-family: "Roboto", sans-serif;
    display: block;
    margin-bottom: 20px;
    text-transform: uppercase
}

.list-post-2 .item {
    margin-bottom: 45px
}

.list-post-2 .img {
    margin-bottom: 15px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3)
}

.list-post-2 .date {
    margin-bottom: 10px;
    font-size: 14px;
    color: #B2B2B2;
    vertical-align: bottom
}

.list-post-2 .date i {
    font-size: 20px;
    display: inline-block;
    margin-right: 2px
}

.list-post-2 .title {
    font-size: 18px;
    font-weight: 700;
    font-family: "Roboto", sans-serif;
    display: block;
    margin-bottom: 10px;
    text-transform: uppercase
}

.list-social {
    list-style: none
}

.list-social li {
    display: inline-block
}

.list-social a {
    display: block;
    border: 1px solid #fff;
    color: #fff;
    border-radius: 100%;
    line-height: 22px;
    text-align: center;
    width: 24px;
    height: 24px;
    font-size: 12px
}

.list-social a:hover {
    color: #002BEB;
    border-color: #002BEB
}

.entry-heading {
    background-size: cover
}

.entry-heading .table-cell {
    height: 250px
}

.box-shadow {
    -webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 20px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    border-radius: 10px;
    position: relative
}

.box-shadow .inner {
    padding: 15px
}

@media only screen and (min-width:992px) {
    .box-shadow .inner {
        padding: 50px
    }
}

.list-border .item {
    position: relative
}

.list-border .item:not(:first-child) {
    border-top: 1px solid #C7C7C7;
    padding-top: 10px;
    margin-top: 10px
}

.info-nhombenh .item {
    overflow: hidden
}

.info-nhombenh .item .title {
    float: left;
    width: 200px;
    font-weight: 700
}

.info-nhombenh .item .noidung {
    overflow: hidden
}

.info-nhombenh .item .noidung p:last-child {
    margin-bottom: 0
}

.sec-related-benh {
    background-color: #F5F5F5;
    padding-left: 15px;
    padding-right: 15px
}

.sec-related-benh .item {
    padding-right: 100px
}

.sec-related-benh .item .title {
    display: block
}

.sec-related-benh .item .title:hover {
    color: #002BEB
}

.sec-related-benh .item .more {
    color: #002BEB;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    right: 0
}

.sec-related-benh .item .more:hover {
    text-decoration: underline
}

@media only screen and (min-width:1200px) {
    .nhombenh-chitiet .inner {
        padding: 60px 80px
    }
}

.list-nhombenh .item {
    border-top: 1px solid #C7C7C7;
    padding-top: 20px;
    margin-top: 20px
}

.list-nhombenh .item .title {
    display: block;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 10px
}

.list-nhombenh .item .title:hover {
    color: #002BEB
}

.list-nhombenh .item .desc {
    margin-bottom: 10px
}

.list-nhombenh .item .more:hover {
    text-decoration: underline
}

.list-nhombenh>div:first-child .item {
    border-top: 0;
    padding-top: 0;
    margin-top: 0
}

@media only screen and (min-width:768px) {
    .list-nhombenh>div:nth-child(2) .item {
        border-top: 0;
        padding-top: 0;
        margin-top: 0
    }
}

.mb-80 {
    margin-bottom: 80px
}

.list-tailieu {
    overflow: hidden
}

.list-tailieu .item {
    display: block;
    margin-bottom: 15px
}

.list-tailieu .item:hover {
    color: #002BEB
}

.w-tailieu {
    overflow: hidden
}

.w-tailieu .title {
    float: left;
    width: 200px
}

.w-info-nhombenh h1 span {
    font-weight: normal;
    text-transform: capitalize
}

.g-title-nhombenh {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.single .post-thumbnail {
    border-radius: 10px;
    overflow: hidden
}

.single .post-thumbnail img {
    display: block;
    width: 100%;
    height: auto
}

.box-title {
    background-color: #002BEB;
    color: #fff;
    border-radius: 10px;
    height: 50px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: -25px;
    position: absolute;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    top: 0
}

.autocomplete-suggestions {
    background: #FFF;
    cursor: default;
    overflow: auto;
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    border-radius: 0 0 4px 4px
}

.autocomplete-suggestion {
    padding: 8px 10px;
    white-space: nowrap;
    overflow: hidden
}

.autocomplete-no-suggestion {
    padding: 8px 10px
}

.autocomplete-selected {
    background: #F0F0F0
}

.autocomplete-suggestions strong {
    font-weight: inherit;
    color: #002BEB
}

.autocomplete-group {
    padding: 8px 10px;
    font-weight: bold;
    font-size: 16px;
    color: #000;
    display: block;
    border-bottom: 1px solid #000
}

.wblocks {
    position: relative;
    overflow: hidden
}

.wblocks .bgwblock {
    top: 150px;
    width: 100%;
    position: absolute;
    left: 0
}

.wblocks2 {
    position: relative;
    overflow: hidden
}

.wblocks2 .bgwblock {
    top: 470px;
    width: 100%;
    position: absolute;
    left: 0
}

.wblocks3 {
    position: relative;
    overflow: hidden
}

.wblocks3 .bgwblock {
    top: -100px;
    width: 100%;
    position: absolute;
    left: 0
}

.wblocks4 {
    position: relative;
    overflow: hidden
}

.wblocks4 .bgwblock {
    top: 320px;
    width: 100%;
    position: absolute;
    left: 0
}

.wblocks5 {
    position: relative;
    overflow: hidden
}

.wblocks5 .bgwblock {
    top: 300px;
    width: 100%;
    position: absolute;
    left: 0
}

.wblocks6 {
    position: relative;
    overflow: hidden
}

.wblocks6 .bgwblock {
    top: 730px;
    height: auto;
    width: 100%;
    position: absolute;
    left: 0
}

.wblocks7 {
    position: relative;
    overflow: hidden
}

.wblocks7 .bgwblock {
    top: 510px;
    height: auto;
    width: 100%;
    position: absolute;
    left: 0
}

.wblocks8 {
    position: relative;
    overflow: hidden
}

.wblocks8 .bgwblock {
    top: 50px;
    height: auto;
    width: 100%;
    position: absolute;
    left: 0
}

.sec-h1 .img {
    border-radius: 16px
}

.sec-h1 .divtext {
    padding: 20px 0
}

.sec-h1 .bgimg {
    max-width: 40%
}

.sec-h2 .desc {
    margin-bottom: 30px;
    text-align: justify
}

.sec-h3 .divtext {
    text-align: center
}

.sec-h4 .img {
    border-radius: 16px
}

.sec-h4 .desc {
    margin-bottom: 30px
}

@media only screen and (min-width:768px) {
    .sec-h4 .row:not(.end) .divtext {
        text-align: right
    }
}

@media only screen and (max-width:767px) {
    .sec-h4 .img {
        margin-bottom: 20px
    }
}

.sec-h4-title .ht {
    text-align: center;
    margin-bottom: 40px
}

.sec-h5 h2.ht {
    text-align: center;
    margin-bottom: 50px
}

.sec-h5 .wbtn {
    text-align: center
}

.sec-h5 .owl-nav {
    position: relative;
    width: 120px;
    margin: 0 auto;
    height: 40px
}

.sec-h5 .owl-nav>* {
    background-color: rgba(196, 196, 196, 0.1);
    border-radius: 100%;
    font-size: 18px
}

.sec-h5 .owl-nav>:hover {
    background-color: #002BEB;
    color: #fff
}

@media only screen and (max-width:767px) {
    .sec-h5 h2.ht {
        margin-bottom: 0
    }

    .sec-h5 .item {
        margin-top: 30px
    }
}

.sec-h6 {
    background-color: #0D2BB1;
    color: #fff;
    overflow: hidden
}

.sec-h6 h2.ht {
    text-align: center;
    margin-bottom: 50px
}

.sec-h6 .item {
    position: relative
}

.sec-h6 .number {
    position: absolute;
    right: 0;
    top: -40px;
    font-size: 200px;
    opacity: 0.15;
    line-height: 190px;
    font-weight: 700
}

.sec-h6 .divtext {
    position: relative
}

.sec-h6 .title {
    margin-bottom: 10px
}

.sec-h6 .img {
    height: 56px;
    margin-bottom: 20px
}

.sec-h6 .img img {
    max-height: 100%
}

@media only screen and (max-width:767px) {
    .sec-h6 h2.ht {
        margin-bottom: 0
    }

    .sec-h6 .item {
        margin-top: 30px
    }

    .sec-h6 .equal {
        height: auto !important
    }
}

.sec-h7 {
    overflow: hidden
}

.sec-h7 .wrap-syn-1 {
    position: relative;
    background: #FFFFFF;
    -webkit-box-shadow: 8px 13px 44px -6px #DFDBF7;
    box-shadow: 8px 13px 44px -6px #DFDBF7;
    border-radius: 24px;
    padding: 30px;
    text-align: center
}

.sec-h7 .wrap-syn-2 .bgimg {
    top: 0;
    right: 0;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%)
}

.sec-h7 .wrap-syn-2 .owl-stage-outer {
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    overflow: visible
}

.sec-h7 .wrap-syn-2 .syn-thumb {
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    width: auto !important;
    border-radius: 100%;
    border: 1px dashed rgba(0, 43, 235, 0.3);
    position: relative
}

.sec-h7 .wrap-syn-2 .syn-thumb:before {
    content: "";
    padding-top: 100%;
    display: block
}

.sec-h7 .wrap-syn-2 .syn-thumb:after {
    content: "";
    border: 1px dashed rgba(0, 43, 235, 0.1);
    position: absolute;
    inset: 50px;
    height: auto;
    visibility: visible;
    border-radius: 100%
}

.sec-h7 .wrap-syn-2 .item {
    position: static !important;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important
}

.sec-h7 .wrap-syn-2 .img {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 100%;
    width: 32px;
    height: 32px;
    margin-left: -16px;
    margin-top: -16px
}

.sec-h7 .wrap-syn-2 .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.sec-h7 .wrap-syn-2 .img.active {
    border: 5px solid #002BEB;
    margin: 0 !important;
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -50%) !important;
    -ms-transform: translate(-50%, -50%) !important;
    transform: translate(-50%, -50%) !important;
    width: calc(100% - 160px) !important;
    height: calc(100% - 160px) !important
}

.sec-h7 .wrap-syn-2 .img.active img {
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important
}

.sec-h7 .wrap-syn-2 .img-1 {
    width: 80px !important;
    height: 80px;
    margin-left: -40px;
    margin-top: -40px
}

.sec-h7 .wrap-syn-2 .img-2 {
    width: 78px;
    height: 78px;
    margin-left: -39px;
    margin-top: -39px
}

.sec-h7 .wrap-syn-2 .img-3 {
    width: 56px;
    height: 56px;
    margin-left: -28px;
    margin-top: -28px
}

.sec-h7 .wrap-syn-2 .img-4 {
    width: 48px;
    height: 48px;
    margin-left: -24px;
    margin-top: -24px
}

.sec-h7 .wrap-syn-2 .img-5 {
    width: 40px;
    height: 40px;
    margin-left: -20px;
    margin-top: -20px
}

.sec-h7 .wrap-syn-2 .img-6 {
    width: 38px;
    height: 38px;
    margin-left: -19px;
    margin-top: -19px
}

.sec-h7 .owl-dots {
    padding-bottom: 0
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .sec-h7 .wrap-syn-2 .bgimg {
        right: 15px;
        max-width: 50px
    }
}

@media only screen and (max-width:767px) {
    .sec-h7 h2.ht br {
        display: none
    }

    .sec-h7 .wrap-syn-2 {
        margin: 0 30px 60px
    }

    .sec-h7 .wrap-syn-2 .bgimg {
        top: 100%;
        left: 0;
        right: auto;
        max-width: 100px;
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

.sec-h8 .item {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.sec-h8 .item img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    display: block;
    width: auto;
    height: auto
}

.sec-h8 .item:hover img {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%)
}

.sec-h9 .container {
    max-width: 1100px
}

.sec-h9 .divtext {
    text-align: center;
    margin-bottom: 50px
}

.sec-h9 .img {
    border-radius: 16px
}

@media only screen and (max-width:991px) {
    .sec-h9 .img {
        margin-bottom: 20px
    }

    .sec-h9 .container {
        max-width: 500px
    }
}

.sec-h10 {
    background-color: #0D2BB1;
    color: #fff
}

.sec-h10 .desc {
    margin-bottom: 30px
}

.sec-h10 .download>a {
    display: inline-block
}

.sec-h10 .download>a:not(:last-child) {
    margin-right: 20px
}

.sec-h10 .wimg {
    position: relative
}

.sec-h10 .ic {
    position: absolute;
    left: -30px;
    top: 40px
}

.sec-h10 .img {
    overflow: hidden;
    position: relative
}

.sec-h10 .img img {
    height: auto;
    width: auto;
    display: block;
    float: right
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .sec-h10 .ic {
        left: 0;
        top: 0;
        max-width: 70px
    }

    .sec-h10 .row {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }
}

@media only screen and (max-width:767px) {
    .sec-h10 .ic {
        left: 0;
        top: -20px;
        max-width: 70px
    }
}

@media only screen and (max-width:767px) {
    .sec-s2 .desc {
        text-align: justify
    }
}

ul.list-icon {
    list-style: none;
    margin-bottom: 20px
}

ul.list-icon>li {
    position: relative;
    padding: 3px 0 3px 30px;
    padding-top: 3px;
    margin-bottom: 10px
}

ul.list-icon>li:before {
    content: '';
    width: 24px;
    height: 24px;
    background: url("../images/check-circle.svg") no-repeat;
    background-size: 100%;
    position: absolute;
    top: 6px;
    left: 0
}

.secbg {
    position: absolute;
    inset: 0
}

.secbg img {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover
}

.sec-p1 {
    color: #fff
}

.sec-p1:before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    /* background: -webkit-linear-gradient(23.83deg, #002BEB 16.98%, rgba(0, 43, 235, 0.8762) 34%, rgba(0, 43, 235, 0.543923) 41.96%, rgba(0, 43, 235, 0.338104) 49.18%, rgba(0, 43, 235, 0.177116) 55.14%, rgba(0, 43, 235, 0.155008) 61.87%, rgba(0, 43, 235, 0.139433) 66.61%, rgba(0, 43, 235, 0.127493) 72.77%, rgba(0, 43, 235, 0.061513) 78.79%, rgba(0, 43, 235, 0) 82.07%, rgba(0, 43, 235, 0) 85.86%, rgba(0, 43, 235, 0) 87.53%, rgba(0, 43, 235, 0) 89.56%);
    background: -o-linear-gradient(23.83deg, #002BEB 16.98%, rgba(0, 43, 235, 0.8762) 34%, rgba(0, 43, 235, 0.543923) 41.96%, rgba(0, 43, 235, 0.338104) 49.18%, rgba(0, 43, 235, 0.177116) 55.14%, rgba(0, 43, 235, 0.155008) 61.87%, rgba(0, 43, 235, 0.139433) 66.61%, rgba(0, 43, 235, 0.127493) 72.77%, rgba(0, 43, 235, 0.061513) 78.79%, rgba(0, 43, 235, 0) 82.07%, rgba(0, 43, 235, 0) 85.86%, rgba(0, 43, 235, 0) 87.53%, rgba(0, 43, 235, 0) 89.56%);
    background: linear-gradient(66.17deg, #002BEB 16.98%, rgba(0, 43, 235, 0.8762) 34%, rgba(0, 43, 235, 0.543923) 41.96%, rgba(0, 43, 235, 0.338104) 49.18%, rgba(0, 43, 235, 0.177116) 55.14%, rgba(0, 43, 235, 0.155008) 61.87%, rgba(0, 43, 235, 0.139433) 66.61%, rgba(0, 43, 235, 0.127493) 72.77%, rgba(0, 43, 235, 0.061513) 78.79%, rgba(0, 43, 235, 0) 82.07%, rgba(0, 43, 235, 0) 85.86%, rgba(0, 43, 235, 0) 87.53%, rgba(0, 43, 235, 0) 89.56%) */
    background: linear-gradient(66.17deg, #f15426 16.98%, rgb(241 84 38 / 76%) 34%, rgb(228 88 53 / 50%) 41.96%, rgb(228 87 53 / 48%) 49.18%, rgb(228 88 54 / 29%) 55.14%, rgba(0, 43, 235, 0.155008) 61.87%, rgba(0, 43, 235, 0.139433) 66.61%, rgba(0, 43, 235, 0.127493) 72.77%, rgba(0, 43, 235, 0.061513) 78.79%, rgba(0, 43, 235, 0) 82.07%, rgba(0, 43, 235, 0) 85.86%, rgba(0, 43, 235, 0) 87.53%, rgba(0, 43, 235, 0) 89.56%);
}

.sec-p1 .container {
    height: 720px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-height: calc(100vh - 60px);
    min-height: 500px
}

.sec-p1 .divtext {
    max-width: 600px
}

.sec-p1 .desc {
    margin-bottom: 30px
}

@media only screen and (min-width:1200px) {
    .sec-p1 h2 {
        font-size: 24px
    }
}

.sec-p3 .img {
    border-radius: 16px;
    -webkit-box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.1)
}

@media only screen and (max-width:767px) {
    .sec-p3 .img {
        margin-bottom: 20px
    }
}

.sec-p4 {
    margin-bottom: 40px
}

.sec-p4 .wrow {
    position: relative
}

.sec-p4 .wrap-head {
    max-width: 810px !important;
    border-radius: 100%;
    border: 1px dashed rgba(0, 43, 235, 0.3);
    position: absolute;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    margin: 0 auto
}

.sec-p4 .wrap-head:before {
    content: "";
    padding-top: 100%;
    display: block
}

.sec-p4 .wrap-head:after {
    content: "";
    border: 1px dashed rgba(0, 43, 235, 0.1);
    position: absolute;
    inset: 100px;
    border-radius: 100%
}

.sec-p4 .wrap-head h2.ht {
    margin: 0;
    width: 55%;
    height: 55%;
    background: rgba(248, 249, 252, 0.57);
    padding: 10px;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    z-index: 3
}

.sec-p4 .wrap-head .img {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 100%;
    width: 32px;
    height: 32px;
    margin-left: -16px;
    margin-top: -16px
}

.sec-p4 .wrap-head .img-1 {
    width: 28px !important;
    height: 28px;
    margin-left: -14px;
    margin-top: -14px;
    background-color: #002BEB
}

.sec-p4 .wrap-head .img-2 {
    width: 52px;
    height: 52px;
    margin-left: -26px;
    margin-top: -26px;
    background-color: #FFA700
}

.sec-p4 .row {
    position: relative;
    z-index: 3
}

.sec-p4 .row-1 {
    margin-bottom: 60px
}

.sec-p4 .item {
    text-align: center
}

.sec-p4 .item .img {
    height: 140px;
    margin-bottom: 20px
}

.sec-p4 .item .img img {
    max-height: 100%
}

.sec-p4 .item .title {
    font-weight: 600;
    margin-bottom: 20px
}

.sec-p4 .grid-scroll {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x: auto;
    margin: 0
}

.sec-p4 .grid-scroll>div {
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 0 250px !important;
    flex: 0 0 250px !important;
    max-width: 250px !important;
    padding: 0 !important;
    margin-right: 30px
}

.sec-p4 .grid-scroll .item .img {
    height: 100px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .sec-p4 .wrap-head {
        max-width: 500px !important;
        margin: -100px auto
    }
}

@media only screen and (max-width:767px) {
    .sec-p4 .wrap-head {
        margin: 0 30px 50px;
        position: relative;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        width: auto;
        height: auto
    }

    .sec-p4 .wrap-head h2.ht {
        width: 80%;
        height: 80%;
        font-size: 20px
    }
}

.sec-p5 {
    background-color: #0D2BB1;
    color: #fff;
    overflow: hidden
}

.sec-p5 h2.ht {
    text-align: center;
    margin-bottom: 50px
}

.sec-p5 .item {
    position: relative;
    text-align: center
}

.sec-p5 .number {
    font-weight: 700;
    margin-bottom: 20px
}

.sec-p5 .divtext {
    position: relative
}

.sec-p5 .desc {
    max-width: 740px;
    margin: 0 auto 40px;
    text-align: center
}

.sec-p5 .img {
    height: 50px;
    margin-bottom: 20px
}

.sec-p5 .img img {
    max-height: 100%
}

@media only screen and (max-width:767px) {
    .sec-p5 h2.ht {
        margin-bottom: 30px
    }

    .sec-p5 .item {
        margin-bottom: 30px
    }

    .sec-p5 .item .img,
    .sec-p5 .item .number {
        margin-bottom: 10px
    }
}

.sec-p7 {
    overflow: hidden
}

.sec-p7 .ht-desc {
    margin-bottom: 50px
}

.sec-p7 .wrap-syn-1 {
    position: relative;
    border-radius: 16px;
    overflow: hidden
}

.sec-p7 .wrap-syn-1 .img {
    border-radius: 16px
}

.sec-p7 .wrap-syn-1 .img:before {
    background-color: rgba(0, 0, 0, 0.4);
    opacity: 0
}

.sec-p7 .wrap-syn-1 .img .btn {
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    z-index: 4
}

.sec-p7 .wrap-syn-1 .img:hover .btn,
.sec-p7 .wrap-syn-1 .img:hover:before {
    opacity: 1
}

@media only screen and (min-width:992px) {
    .sec-p7 .wrap-syn-2 .owl-stage-outer {
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;
        overflow: visible
    }

    .sec-p7 .wrap-syn-2 .owl-stage {
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;
        width: auto !important;
        display: block !important
    }

    .sec-p7 .wrap-syn-2 .owl-item {
        position: static !important;
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;
        float: none !important;
        width: auto !important;
        margin: 0 0 20px !important
    }
}

.sec-p7 .wrap-syn-2 .title {
    color: #555555;
    position: relative;
    font-size: 21px;
    cursor: pointer;
    white-space: nowrap
}

.sec-p7 .wrap-syn-2 .title:hover {
    color: #002BEB
}

.sec-p7 .wrap-syn-2 .current .title {
    color: #111111;
    font-weight: 700;
    padding-left: 30px
}

.sec-p7 .wrap-syn-2 .current .title:before {
    width: 25px;
    height: 25px;
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    background: url("../images/icon-p7.svg") no-repeat
}

.sec-p7 .owl-dots {
    padding-bottom: 0
}

@media only screen and (max-width:991px) {
    .sec-p7 .wrap-syn-2 {
        margin-bottom: 20px
    }

    .sec-p7 .wrap-syn-2 .title {
        font-size: 20px;
        white-space: nowrap
    }

    .sec-p7 .wrap-syn-2 .current .title {
        padding-left: 25px
    }

    .sec-p7 .wrap-syn-2 .current .title:before {
        width: 20px;
        height: 20px;
        top: 8px;
        background-size: contain
    }
}

.owl-dots {
    max-width: 500px;
    margin: 0 auto
}

.sec-p72 {
    overflow: hidden
}

.sec-p72 .ht-desc {
    margin-bottom: 50px
}

.sec-p72 .tab-content .img {
    border-radius: 16px
}

.sec-p72 .tab-content .img:before {
    background-color: rgba(0, 0, 0, 0.4);
    opacity: 0
}

.sec-p72 .tab-content .img .btn {
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    z-index: 4
}

.sec-p72 .tab-content .img:hover .btn,
.sec-p72 .tab-content .img:hover:before {
    opacity: 1
}

.sec-p72 .tab-menu-custom .title {
    color: #555555;
    position: relative;
    font-size: 21px;
    cursor: pointer;
    white-space: nowrap
}

.sec-p72 .tab-menu-custom .title:hover {
    color: #002BEB
}

.sec-p72 .tab-menu-custom .title.active {
    color: #111111;
    font-weight: 700;
    padding-left: 30px
}

.sec-p72 .tab-menu-custom .title.active:before {
    width: 25px;
    height: 25px;
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    background: url("../images/icon-p7.svg") no-repeat
}

.sec-p72 .owl-dots {
    padding-bottom: 0
}

@media only screen and (max-width:991px) {
    .sec-p72 .tab-menu-custom {
        margin-bottom: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        padding-bottom: 10px
    }

    .sec-p72 .tab-menu-custom .title {
        font-size: 20px;
        white-space: nowrap;
        margin-right: 20px
    }

    .sec-p72 .tab-menu-custom .title.active {
        padding-left: 25px
    }

    .sec-p72 .tab-menu-custom .title.active:before {
        width: 20px;
        height: 20px;
        top: 8px;
        background-size: contain
    }
}

.sec-p73 {
    overflow: hidden
}

.sec-p73 .ht-desc {
    margin-bottom: 50px
}

.sec-p73 .accordion {
    position: relative
}

.sec-p73 .accordion-group {
    position: relative;
    margin-bottom: 10px
}

.sec-p73 .accordion-title {
    color: #555555;
    position: relative;
    font-size: 21px;
    cursor: pointer;
    white-space: nowrap;
    margin-bottom: 15px
}

.sec-p73 .accordion-title:hover {
    color: #002BEB
}

.sec-p73 .accordion-title:before {
    width: 25px;
    height: 25px;
    position: absolute;
    top: 10px;
    left: 0;
    background: url("../images/icon-p7.svg") no-repeat
}

.sec-p73 .accordion-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    max-height: 1px;
    overflow: hidden;
    opacity: 0
}

.sec-p73 .accordion .active>.accordion-title {
    color: #111111;
    font-weight: 700;
    padding-left: 30px
}

.sec-p73 .accordion .active>.accordion-title:before {
    content: ""
}

.sec-p73 .accordion .active>.accordion-content {
    opacity: 1;
    max-height: 200vh;
    position: relative
}

.sec-p73 .item {
    display: block
}

.sec-p73 .img {
    border-radius: 8px
}

.sec-p73 .img:before {
    background-color: rgba(0, 0, 0, 0.4);
    opacity: 0
}

.sec-p73 .img .btn {
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    z-index: 4
}

.sec-p73 .img:hover .btn,
.sec-p73 .img:hover:before {
    opacity: 1
}

.sec-p73 .title {
    text-align: center
}

.sec-p73 .owl-dots {
    padding-bottom: 0
}

.sec-p73 .viewall {
    display: none
}

.sec-p73 .active>.viewall {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

@media only screen and (min-width:768px) {
    .sec-p73 .viewall {
        position: absolute;
        top: 0;
        right: 0
    }
}

@media only screen and (max-width:767px) {
    .sec-p73 .accordion .accordion-title {
        font-size: 20px;
        white-space: nowrap;
        margin-right: 20px
    }

    .sec-p73 .accordion .active>.accordion-title {
        padding-left: 25px
    }

    .sec-p73 .accordion .active>.accordion-title:before {
        width: 20px;
        height: 20px;
        top: 5px;
        background-size: contain
    }

    .sec-p73 .accordion .accordion-content {
        margin-bottom: 20px
    }
}

.sec-p8 h2.ht {
    margin-bottom: 40px;
    text-align: center
}

.sec-p9 .bgimg {
    max-height: 60%;
    max-width: 50%
}

.sec-p9 .boxcontent {
    background-color: #0D2BB1;
    color: #fff;
    border-radius: 16px;
    padding: 20px;
    position: relative;
    overflow: hidden
}

.sec-p9 .boxcontent .btn:hover {
    background-color: #002BEB;
    border-color: #002BEB
}

@media only screen and (min-width:768px) {
    .sec-p9 .boxcontent {
        padding: 70px
    }

    .sec-p9 .boxcontent .ht {
        margin: 0
    }

    .sec-p9 .boxcontent .wbtn {
        text-align: right
    }
}

@media only screen and (max-width:767px) {
    .sec-p9 .boxcontent {
        text-align: center
    }
}

.sec-p10 h2.ht {
    margin-bottom: 40px;
    text-align: center
}

.sec-p10 .owl-nav {
    position: relative;
    width: 120px;
    margin: 0 auto;
    height: 40px
}

.sec-p10 .owl-nav>* {
    background-color: rgba(196, 196, 196, 0.1);
    border-radius: 100%;
    font-size: 18px
}

.sec-p10 .owl-nav>:hover {
    background-color: #002BEB;
    color: #fff
}

.sec-p4-2 {
    padding-bottom: 20px
}

.sec-p4-2 .item {
    margin-bottom: 40px
}

.sec-p4-2 .row {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.sec-related-post .owl-nav {
    position: relative;
    width: 120px;
    margin: 0 auto;
    height: 40px
}

.sec-related-post .owl-nav>* {
    background-color: rgba(196, 196, 196, 0.1);
    border-radius: 100%;
    font-size: 18px
}

.sec-related-post .owl-nav>:hover {
    background-color: #002BEB;
    color: #fff
}

.sec-p11 .wpcf7 .cf7sr-g-recaptcha {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.sec-p11 .wpcf7 .wrap-btn-f7 .btn {
    width: 100%
}

@media only screen and (min-width:768px) {
    .sec-p11 .wpcf7 [name=your-info] {
        height: 155px
    }
}

.style-nav-2 .owl-nav {
    position: relative;
    width: 120px;
    margin: 0 auto;
    height: 40px;
    margin-top: 15px
}

.style-nav-2 .owl-nav>* {
    background-color: rgba(196, 196, 196, 0.1);
    border-radius: 100%;
    font-size: 18px;
    top: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.style-nav-2 .owl-nav>:hover {
    background-color: #002BEB;
    color: #fff
}

.sec-banner {
    color: #fff
}

.sec-banner:before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: -webkit-linear-gradient(23.83deg, #002BEB 16.98%, rgba(0, 43, 235, 0.8762) 34%, rgba(0, 43, 235, 0.543923) 41.96%, rgba(0, 43, 235, 0.338104) 49.18%, rgba(0, 43, 235, 0.177116) 55.14%, rgba(0, 43, 235, 0.155008) 61.87%, rgba(0, 43, 235, 0.139433) 66.61%, rgba(0, 43, 235, 0.127493) 72.77%, rgba(0, 43, 235, 0.061513) 78.79%, rgba(0, 43, 235, 0) 82.07%, rgba(0, 43, 235, 0) 85.86%, rgba(0, 43, 235, 0) 87.53%, rgba(0, 43, 235, 0) 89.56%);
    background: -o-linear-gradient(23.83deg, #002BEB 16.98%, rgba(0, 43, 235, 0.8762) 34%, rgba(0, 43, 235, 0.543923) 41.96%, rgba(0, 43, 235, 0.338104) 49.18%, rgba(0, 43, 235, 0.177116) 55.14%, rgba(0, 43, 235, 0.155008) 61.87%, rgba(0, 43, 235, 0.139433) 66.61%, rgba(0, 43, 235, 0.127493) 72.77%, rgba(0, 43, 235, 0.061513) 78.79%, rgba(0, 43, 235, 0) 82.07%, rgba(0, 43, 235, 0) 85.86%, rgba(0, 43, 235, 0) 87.53%, rgba(0, 43, 235, 0) 89.56%);
    background: linear-gradient(66.17deg, #002BEB 16.98%, rgba(0, 43, 235, 0.8762) 34%, rgba(0, 43, 235, 0.543923) 41.96%, rgba(0, 43, 235, 0.338104) 49.18%, rgba(0, 43, 235, 0.177116) 55.14%, rgba(0, 43, 235, 0.155008) 61.87%, rgba(0, 43, 235, 0.139433) 66.61%, rgba(0, 43, 235, 0.127493) 72.77%, rgba(0, 43, 235, 0.061513) 78.79%, rgba(0, 43, 235, 0) 82.07%, rgba(0, 43, 235, 0) 85.86%, rgba(0, 43, 235, 0) 87.53%, rgba(0, 43, 235, 0) 89.56%)
}

.sec-banner .container {
    height: 576px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-height: calc(100vh - 60px);
    min-height: 500px
}

@media only screen and (min-width:1200px) {
    .sec-banner h2 {
        font-size: 24px
    }
}

.sec-c2 .info {
    color: #111111;
    max-width: 500px
}

.sec-c2 .info .item {
    position: relative;
    padding-left: 25px;
    margin-bottom: 15px
}

.sec-c2 .info .item i {
    position: absolute;
    top: 0;
    left: 0
}

.sec-c2 .info .item .icon-email {
    top: 1px
}

.sec-c2 .info p {
    margin-bottom: 15px
}

.sec-c2 .img {
    border-radius: 8px
}

.sec-c2 .wpcf7 {
    background: #FFFFFF;
    -webkit-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    padding: 20px
}

@media only screen and (max-width:767px) {
    .sec-c2 .img {
        margin-bottom: 20px
    }
}

#fillter_career {
    margin-bottom: 30px;
    position: relative;
    z-index: 10
}

#fillter_career .btn,
#fillter_career select {
    width: 100%
}

#fillter_career .btn {
    margin-top: auto
}

#fillter_career .title {
    margin-bottom: 5px;
    font-weight: 600;
    color: #111;
    width: 100%
}

#fillter_career .row>div {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

#fillter_career .row>div:first-child {
    z-index: 7
}

#fillter_career .row>div:nth-child(2) {
    z-index: 6
}

#fillter_career .row>div:nth-child(3) {
    z-index: 5
}

#fillter_career .row>div:nth-child(4) {
    z-index: 4
}

#fillter_career .row>div:nth-child(5) {
    z-index: 3
}

.sc-careers {
    margin-bottom: 20px
}

.sc-careers>div {
    margin-bottom: 30px
}

.sc-careers .item {
    background: #FFFFFF;
    padding: 25px 20px;
    -webkit-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    color: #898989;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

.sc-careers .date {
    font-size: 14px
}

.sc-careers .divtext {
    margin-top: auto
}

.sc-careers .title {
    display: block;
    color: #111111;
    font-weight: 700;
    margin-bottom: 20px
}

.sc-careers .title:hover {
    color: #002BEB
}

.sc-careers .btn {
    width: 100%;
    margin-top: 15px
}

.sc-careers .owl-item>div {
    height: 100%;
    padding: 15px
}

@media only screen and (max-width:767px) {
    .sc-careers .item {
        padding: 15px
    }

    .sc-careers .btn {
        width: 100%;
        min-width: auto
    }
}

.entry-content li::marker {
    color: #FFA700
}

.sec-t1 {
    padding: 45px 0 0
}

.sec-t1 .bgimg {
    max-height: 100%
}

.sec-tt2 .tab-menu-custom {
    position: relative
}

.sec-tt2 .tab-menu-custom:before {
    position: absolute;
    left: 10px;
    top: 8px;
    bottom: 8px;
    background-color: #002BEB;
    width: 2px;
    content: ""
}

.sec-tt2 .tab-menu-custom .menu-tab {
    color: #898989;
    cursor: pointer;
    position: relative;
    padding-left: 40px
}

.sec-tt2 .tab-menu-custom .menu-tab img {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    left: 0
}

.sec-tt2 .tab-menu-custom .menu-tab:hover {
    color: #002BEB
}

.sec-tt2 .tab-menu-custom .menu-tab.active {
    color: #111;
    font-weight: 700;
    padding-left: 50px
}

.sec-tt2 .tab-menu-custom .menu-tab.active img {
    width: 44px;
    height: 44px;
    left: -10px
}

.sec-tt2 .tab-menu-custom .menu-tab+.menu-tab {
    margin-top: 30px
}

.sec-tt2 .tab-content {
    text-align: justify
}

@media only screen and (max-width:767px) {
    .sec-tt2 .tab-menu-custom {
        margin-bottom: 30px
    }

    .sec-tt2 .tab-menu-custom .menu-tab {
        padding-left: 30px
    }

    .sec-tt2 .tab-menu-custom .menu-tab img {
        width: 20px;
        height: 20px
    }

    .sec-tt2 .tab-menu-custom .menu-tab.active {
        padding-left: 40px
    }

    .sec-tt2 .tab-menu-custom .menu-tab.active img {
        width: 30px;
        height: 30px;
        left: -10px
    }

    .sec-tt2 .tab-menu-custom .menu-tab+.menu-tab {
        margin-top: 15px
    }
}

.sec-t3 .row {
    background-color: #0D2BB1;
    border-radius: 24px;
    color: #fff;
    overflow: hidden;
    position: relative
}

.sec-t3 .row .img img {
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    width: 100%;
    height: 100%
}

.sec-t3 .row .wdivtext {
    padding: 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.sec-t3 .row .divtext {
    width: 100%
}

.sec-t3 .row .desc {
    margin-bottom: 30px
}

@media only screen and (min-width:768px) {
    .sec-t3 .row .img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .sec-t3 .row .wdivtext {
        min-height: 478px;
        padding: 30px
    }
}

.sec-t4 .item {
    height: 276px;
    border-radius: 16px;
    overflow: hidden;
    margin-bottom: 30px
}

.sec-t4 .item img {
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    width: 100%;
    height: 100%
}

.sec-t5 {
    text-align: center
}

.sec-t5 .container {
    max-width: 900px
}

.sec-t5 h2.ht {
    margin-bottom: 50px
}

.sec-t5 .item .number {
    font-weight: 700;
    color: #002BEB;
    margin-bottom: 10px
}

.sec-t5 .item .title {
    font-weight: 600;
    color: #111
}

.career-404 {
    text-align: center
}

body.single-careers .carrer-top {
    text-align: center;
    margin-bottom: 50px
}

body.single-careers .carrer-top .date {
    font-size: 14px;
    margin-bottom: 10px;
    color: #898989
}

body.single-careers .carrer-top .info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #898989;
    margin-bottom: 20px
}

body.single-careers .carrer-top .info li {
    position: relative
}

body.single-careers .carrer-top .info li:not(:last-child) {
    padding-right: 10px;
    margin-right: 10px
}

body.single-careers .carrer-top .info li:not(:last-child):after {
    content: "";
    width: 1px;
    height: 22px;
    background-color: #898989;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    right: 0
}

body.single-careers .carrer-top .info li .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

body.single-careers .carrer-top .info li .item i {
    margin-right: 5px
}

body.single-careers .carrer-top .excerpt {
    color: #555555
}

body.single-careers .maincontent .entry-content {
    max-width: 870px;
    margin: 0 auto
}

body.single-careers .wpcf7 .wrap-btn-f7 {
    text-align: right
}

@media only screen and (max-width:767px) {
    body.single-careers .carrer-top .info {
        display: block
    }

    body.single-careers .carrer-top .info li {
        margin: 0 0 10px
    }

    body.single-careers .carrer-top .info li:after {
        display: none !important
    }
}

.wrap-file {
    position: relative
}

.wrap-file .val,
.wrap-file .wpcf7-form-control-wrap {
    position: absolute;
    inset: 0
}

.wrap-file input {
    opacity: 0;
    height: 100%;
    width: 100%
}

.wrap-file .val {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 15px;
    opacity: 1;
    color: #898989;
    white-space: nowrap;
    overflow: hidden
}

.wrap-file .btn {
    position: absolute;
    width: auto;
    top: -1px;
    bottom: -1px;
    right: -1px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    min-width: 130px
}

@media only screen and (max-width:767px) {
    .wrap-file {
        min-width: inherit
    }
}

.wrap-form-careers {
    text-align: center
}

.box-form-careers {
    -webkit-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    border-radius: 16px;
    max-width: 870px;
    padding: 30px;
    position: relative;
    margin: 30px auto;
    display: none;
    text-align: left
}

.box-form-careers:before {
    display: inline-block;
    content: "";
    width: 0;
    height: 0;
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
    border-bottom: 10px solid #fff;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, -100%);
    -ms-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%)
}

.successModal {
    text-align: center
}

.successModal .container {
    max-width: 545px
}

.successModal .btnModal.btn-close {
    display: none
}

.successModal .img {
    text-align: center;
    margin-bottom: 10px
}

.successModal .img img {
    max-height: 86px
}

.successModal .title {
    margin-bottom: 10px
}

.successModal .desc {
    margin-bottom: 30px
}

.back-page {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #002BEB;
    top: -50px
}

.back-page i {
    font-size: 12px;
    margin-right: 10px
}

.back-page:hover {
    color: #FFA700
}

.custom-html-select {
    width: 100%;
    position: relative
}

.custom-html-select select {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0
}

.custom-html-select .select-value {
    position: relative;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 10px;
    white-space: nowrap;
    overflow: hidden;
    border-radius: 8px;
    border: 1px solid #002BEB;
    position: relative
}

.custom-html-select .select-value:after {
    display: inline-block;
    content: "";
    width: 0;
    height: 0;
    border-left: 5px solid transparent !important;
    border-right: 5px solid transparent !important;
    border-top: 5px solid #333;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    right: 10px
}

.custom-html-select .select-value.default {
    color: #898989
}

.custom-html-select .select-content {
    background: #FFFFFF;
    -webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    position: absolute;
    width: 100%;
    left: 0;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    margin-bottom: 10px
}

.custom-html-select .option {
    padding: 5px 15px;
    cursor: pointer
}

.custom-html-select .option.active,
.custom-html-select .option:hover {
    background-color: #002BEB;
    color: #fff
}

.custom-html-select.active .select-content {
    visibility: visible;
    opacity: 1
}

@media only screen and (max-width:767px) {
    .custom-html-select .select-value {
        height: 40px
    }
}

.w-input-date .wpcf7-form-control-wrap {
    position: relative
}

.w-input-date .wpcf7-form-control-wrap:after {
    font-family: 'icomoon' !important;
    content: "\e917";
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    right: 10px;
    color: #898989;
    font-size: 22px
}

.sec-a2 h2 {
    text-align: center
}

.sec-a2 .item {
    color: #fff;
    position: relative
}

.sec-a2 .item .img {
    border-radius: 16px
}

.sec-a2 .item .img:before {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0.4)));
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4))
}

.sec-a2 .item .divtext {
    position: absolute;
    bottom: 0;
    z-index: 2;
    left: 0;
    right: 0;
    padding: 20px
}

.sec-a2 .item .icon img {
    height: 56px
}

.sec-a2 .item .title {
    margin-bottom: 10px
}

.sec-a2 .item .desc {
    line-height: 1.2
}

@media only screen and (max-width:767px) {
    .sec-a2 .item {
        margin-bottom: 30px
    }
}

.sec-a3 h2 {
    text-align: center
}

.sec-a3 .row {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.sec-a3 .item {
    position: relative;
    text-align: center;
    padding: 30px 0
}

.sec-a3 .item .img img {
    height: 140px
}

.sec-a3 .item .icon img {
    height: 56px
}

.sec-a3 .item .title {
    margin-bottom: 10px;
    font-weight: 600
}

.sec-a3 .item .desc {
    line-height: 1.2
}

.sec-a4 .row:not(.end) .divtext {
    text-align: left
}

.sec-a4 .desc {
    text-align: justify
}

.single_item_video .button-radius {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    z-index: 10
}

.videoModal .contentModal {
    padding: 0
}

.sec-thanks {
    text-align: center
}

.sec-thanks .divtext {
    margin: 0 auto 40px;
    max-width: 860px
}

.sec-thanks .ht-desc {
    margin-bottom: 30px
}

.sec-thanks .img {
    border-radius: 16px
}

.sec-coming-soon {
    text-align: center
}

.sec-coming-soon .divtext {
    margin: 0 auto 40px;
    max-width: 600px
}

.sec-coming-soon .ht-desc {
    margin-bottom: 30px
}

@media only screen and (min-width:1200px) {
    .sec-s1 h1 {
        font-size: 48px
    }
}

[lang=en-US] .sec-h5,
[lang=en-US] .sec-p10,
[lang=kh] .sec-h5,
[lang=kh] .sec-p10,
[lang=th] .sec-h5,
[lang=th] .sec-p10 {
    display: none !important
}

[lang=en-US] #footer .blog-item-social .item:nth-child(2),
[lang=en-US] #footer .widget-info .list li:first-child,
[lang=kh] #footer .blog-item-social .item:nth-child(2),
[lang=kh] #footer .widget-info .list li:first-child,
[lang=th] #footer .blog-item-social .item:nth-child(2),
[lang=th] #footer .widget-info .list li:first-child {
    display: none
}

.sec-post-detail .entry-content {
    max-width: 700px;
    margin: 0 auto
}

.sec-post-detail .entry-content .post-thumbnail {
    margin-bottom: 20px
}

.single_item_video {
    position: relative;
    min-height: 200px
}

.single_item_video>.btnvideo {
    z-index: 2;
    cursor: pointer;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    color: #fff
}

.single_item_video>.btnvideo:before {
    background-color: rgba(0, 0, 0, 0.2);
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1
}

.single_item_video>.btnvideo>i {
    width: 70px;
    font-size: 70px;
    line-height: 70px;
    text-align: center;
    height: 70px;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    z-index: 3
}

.single_item_video>.btnvideo>img {
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    width: 100% !important;
    height: 100% !important;
    top: 0;
    left: 0
}

@media screen and (-ms-high-contrast:active),
screen and (-ms-high-contrast:none) {
    .single_item_video>.btnvideo>img {
        height: 100%;
        max-width: none;
        min-width: 100%;
        min-height: 100%;
        z-index: 1;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

.single_item_video>.btnvideo:hover {
    color: #002BEB
}

.single_item_video>.video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden
}

.single_item_video>.video iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: block;
    border: none
}

.single_item_video.active>.video,
.single_item_video.active>iframe {
    z-index: 4
}

.full-width>.container {
    padding: 0;
    max-width: inherit
}

.at-block-image .item {
    display: block;
    margin-bottom: 30px
}

.at-block-image img {
    height: auto;
    display: block;
    width: 100%
}

.at-block-image figcaption {
    color: #9B9B9B;
    display: block;
    font-size: 12px;
    padding: 5px 0 0;
    font-style: italic
}

.sc-sidebar-lg>div {
    margin-bottom: 30px
}

.sc-sidebar-lg .img {
    border-radius: 15px;
    width: 170px
}

.sc-sidebar-lg .date {
    font-size: 12px
}

.sc-sidebar-lg .title {
    font-weight: 700
}

.sc-sidebar-lg .title:hover {
    color: #002BEB
}

.sc-sidebar .item {
    margin-bottom: 30px
}

.sc-sidebar .img {
    border-radius: 10px;
    width: 100px
}

.sc-sidebar .date {
    font-size: 12px
}

.sc-sidebar .title {
    font-weight: 700
}

.sc-sidebar .title:hover {
    color: #002BEB
}

.sc-simple .item {
    display: block;
    border-radius: 16px;
    overflow: hidden
}

.sc-simple .item .img .wi {
    width: 48px;
    height: 48px;
    border-radius: 100%;
    background-color: #FFA700;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    z-index: 4
}

.sc-simple .item .divtext {
    padding: 20px 0
}

.sc-simple .item .cate {
    font-size: 12px;
    margin-bottom: 5px;
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.sc-simple .item .cate img {
    height: 20px;
    width: auto;
    margin-right: 5px
}

.sc-simple .item .date {
    color: #898989;
    margin-bottom: 10px
}

.sc-simple .item .title {
    font-weight: 600;
    margin-bottom: 10px
}

.sc-simple .item .title:hover {
    color: #002BEB
}

.sc-simple .item .desc {
    color: #555555
}

.sc-simple .item.btnModal {
    cursor: pointer
}

.sc-simple .item.btnModal:hover .title {
    color: #002BEB
}

@media only screen and (min-width:1200px) {
    .sc-simple .item .divtext {
        padding-left: 15px;
        padding-right: 15px
    }

    .sc-simple .item:hover {
        background: #FFFFFF;
        -webkit-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1)
    }
}

.sc-simple .owl-item>div {
    padding: 8px 8px 20px;
    height: 100%
}

.sc-simple .owl-item>div .item {
    height: 100%
}

.sc-features {
    position: relative
}

.sc-features .col-item-1 .item {
    overflow: hidden;
    position: relative;
    display: block;
    color: #fff
}

.sc-features .col-item-1 .img {
    margin: 0
}

.sc-features .col-item-1 .img:before {
    background-color: rgba(0, 0, 0, 0.3)
}

.sc-features .col-item-1 .divtext {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
    padding: 15px
}

.sc-features .col-item-1 .title {
    color: #fff;
    margin: 0
}

.sc-features .col-item-1 .desc {
    display: none
}

@media only screen and (min-width:992px) {
    .sc-features {
        padding-left: calc(50% + 15px)
    }

    .sc-features .col-item-1 {
        position: absolute;
        right: 15px;
        left: 0;
        top: 0;
        height: 100%
    }

    .sc-features .col-item-1 .item {
        height: 100%;
        width: 100%
    }

    .sc-features .col-item-1 .item .img {
        height: 100%
    }

    .sc-features .col-item-1 .item .img:before {
        height: 100%;
        padding: 0
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .sc-features .col-item-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

#footer {
    background: #F5F5F5
}

@media only screen and (max-width:767px) {
    #footer .widget-info {
        margin-bottom: 20px
    }
}

.widget-info .download>a {
    display: inline-block
}

.widget-info .download>a:not(:last-child) {
    margin-right: 20px
}

.widget-info ul.list {
    list-style: none
}

.widget-info ul.list .val {
    font-weight: 300;
    color: #555555
}

.widget-info-2 .title {
    margin: 0
}

.widget-info-2 .desc {
    font-weight: 300;
    color: #555555
}

#footer .widget-info {
    max-width: 350px
}

.blog-item-social {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.blog-item-social a:not(:last-child) {
    margin-right: 20px
}

.blog-item-social a {
    display: block
}

.blog-item-social img {
    display: block
}

.copyright {
    background-color: #141212;
    color: #fff;
    font-size: 12px;
    text-align: center;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#back-top {
    font-size: 20px;
    bottom: 20px;
    cursor: pointer;
    display: block;
    position: fixed;
    right: 20px;
    text-align: center;
    text-decoration: none;
    opacity: 0;
    visibility: hidden;
    z-index: 1040
}

#back-top.show {
    opacity: 1;
    visibility: visible
}

.button-radius {
    display: block;
    border-radius: 100%;
    height: 74px;
    width: 74px;
    background-color: rgba(255, 167, 0, 0.3);
    color: #fff
}

.button-radius:after,
.button-radius:before {
    content: "";
    position: absolute;
    border-radius: 100%;
    background-color: #FFA700
}

.button-radius:before {
    inset: 8px;
    opacity: 0.4
}

.button-radius:after {
    inset: 16px
}

.button-radius i {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    z-index: 2
}

.button-radius:hover {
    background-color: rgba(0, 43, 235, 0.3)
}

.button-radius:hover:after,
.button-radius:hover:before {
    background-color: #002BEB
}

#btn-form-partner {
    font-size: 26px;
    bottom: 110px;
    cursor: pointer;
    display: block;
    position: fixed;
    right: 20px;
    text-align: center;
    text-decoration: none;
    z-index: 1040;
    display: block;
    border-radius: 100%;
    height: 74px;
    width: 74px;
    background-color: rgba(0, 43, 235, 0.3);
    color: #fff
}

#btn-form-partner:after,
#btn-form-partner:before {
    content: "";
    position: absolute;
    border-radius: 100%;
    background-color: #002BEB
}

#btn-form-partner:before {
    inset: 8px;
    opacity: 0.4
}

#btn-form-partner:after {
    inset: 16px
}

#btn-form-partner i {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    z-index: 2
}

#btn-form-partner:hover {
    background-color: rgba(255, 167, 0, 0.3)
}

#btn-form-partner:hover:after,
#btn-form-partner:hover:before {
    background-color: #FFA700
}

#btn-form-partner.show {
    opacity: 1;
    visibility: visible
}

@media only screen and (max-width:991px) {
    body {
        font-size: 14px
    }

    .h1,
    h1 {
        font-size: 32px
    }

    .h2,
    h2 {
        font-size: 28px
    }

    .h3,
    h3 {
        font-size: 22px
    }

    .h4,
    h4 {
        font-size: 18px
    }

    .h5,
    h5 {
        font-size: 17px
    }

    .sec-tb {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .sec-t {
        padding-top: 30px
    }

    .sec-b {
        padding-bottom: 30px
    }
}

@media only screen and (max-width:767px) {
    .convert-grid-to-scroll {
        display: block !important;
        overflow-x: scroll !important;
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;
        padding-bottom: 15px;
        overflow-y: hidden !important
    }

    .convert-grid-to-scroll>* {
        margin: 0 !important;
        display: table !important;
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;
        width: auto !important
    }

    .convert-grid-to-scroll>*>* {
        display: table-cell !important;
        -webkit-user-select: initial !important;
        -moz-user-select: initial !important;
        -ms-user-select: initial !important;
        user-select: initial !important;
        -ms-touch-action: initial !important;
        touch-action: initial !important;
        width: auto !important;
        float: none !important;
        padding: 0 10px 0 0 !important;
        min-width: 60px
    }

    .convert-grid-to-scroll>*>:last-child {
        padding-right: 0 !important
    }

    .convert-grid-to-scroll>*>*>* {
        width: 200px !important;
        height: 100% !important;
        margin: 0 !important
    }

    .wbtn {
        text-align: center
    }

    select {
        height: 40px
    }

    .btn {
        font-size: 14px
    }
}

@media only screen and (max-width:767px) {
    .grid-scroll-mb {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        overflow-x: auto;
        margin: 0;
        overflow-y: hidden;
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .grid-scroll-mb>div {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 250px !important;
        flex: 0 0 250px !important;
        max-width: 250px !important;
        padding: 0 !important;
        margin-right: 30px
    }
}

/*# sourceMappingURL=main.css.map */