* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    outline: none
}

body {
    font-family: Gilroy,sans-serif;
    background: #000;
    color: #fff;
    font-weight: 400;
    line-height: 1.5;
    font-size: 16px
}

body:after {
    height: 0;
    overflow: hidden;
    transition: all .3s
}

body :active,body :focus {
    outline: none!important
}

@media (max-width: 1200px) and (min-width:992px) {
    body {
        font-size:1.333vw
    }
}

@media (max-width: 1440px) and (min-width:1200px) {
    body {
        font-size:1.122vw
    }
}

@media (max-width: 427px) {
    body {
        font-size:14px
    }
}

.progress {
    height: 4px
}

@media (max-width: 575px) {
    .progress {
        height:2px
    }
}

.btn-viewmore {
    padding: 15px 30px;
    border: 1px solid #fff;
    border-radius: 4px;
    font-size: 16px;
    color: #fff;
    width: max-content;
    font-weight: 600;
    display: block
}

.btn-viewmore:hover {
    color: #737373;
    background: #fff
}

@media (max-width: 575px) {
    .btn-viewmore {
        padding:8px 16px
    }
}

@media (max-width: 427px) {
    .btn-viewmore {
        font-size:14px;
        padding: 5px 20px
    }
}

.widget-title {
    font-size: 40px;
    font-weight: 700;
    font-family: Microgramma Extended,sans-serif;
    line-height: 1.4;
    margin-bottom: 16px;
    text-transform: uppercase
}

@media (max-width: 1280px) {
    .widget-title {
        font-size:30px
    }
}

@media (max-width: 767px) {
    .widget-title {
        font-size:24px
    }
}

@media (max-width: 575px) {
    .widget-title {
        font-size:16px
    }
}

@media (max-width: 427px) {
    .widget-title {
        font-size:14px
    }
}

.widget-desc {
    margin-bottom: 24px;
    font-size: 16px;
    font-weight: 500
}

@media (max-width: 427px) {
    .widget-desc {
        font-size:14px
    }
}

.arrow_next {
    width: 24px;
    height: 24px;
    position: relative;
    overflow: hidden
}

.arrow_next:after,.arrow_next:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 24px;
    height: 24px;
    background: url(../images/icons/arrows_01.svg) no-repeat 0 0;
    background-size: 24px 24px
}

.arrow_next:after {
    transform: translateX(-101%)
}

@media (max-width: 991px) {
    .arrow_next {
        width:20px;
        height: 20px
    }

    .arrow_next:after,.arrow_next:before {
        width: 20px;
        height: 20px;
        background-size: 20px 20px
    }
}

a:hover .arrow_next:after {
    transition: transform .4s cubic-bezier(.23,1,.32,1) .1s;
    transform: translateX(0)
}

a:hover .arrow_next:before {
    transition: transform .4s cubic-bezier(.23,1,.32,1) 0s,opacity .3s cubic-bezier(.23,1,.32,1) 0s;
    opacity: 0;
    transform: translateX(101%)
}

.link_line {
    background: linear-gradient(#005eae,#005eae) 100% 100%/0 1px no-repeat;
    transition: background-size .4s cubic-bezier(.23,1,.32,1) 0s
}

a:hover .link_line {
    background-position: 0 100%;
    background-size: 100% 1px
}

.view-all {
    padding: 15px 30px;
    background: #005eae;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    display: inline-block;
    text-transform: uppercase
}

.view-all .link_line {
    background: linear-gradient(#fff,#fff) 100% 100%/0 1px no-repeat;
    transition: background-size .4s cubic-bezier(.23,1,.32,1) 0s
}

.view-all:hover {
    color: #fff
}

.view-all:hover .link_line {
    background-position: 0 100%;
    background-size: 100% 1px
}

.h1-title {
    font-weight: 700;
    font-size: 48px;
    margin-bottom: 64px;
    letter-spacing: .96px
}

@media (max-width: 991px) {
    .h1-title {
        font-size:32px;
        margin-bottom: 24px
    }
}

.h2-title {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 64px;
    letter-spacing: .96px
}

@media (max-width: 991px) {
    .h2-title {
        font-size:24px;
        margin-bottom: 24px
    }
}

.h3-title {
    font-size: 20px;
    font-weight: 700
}

.h1-subtitle {
    font-size: 16px;
    font-weight: 700;
    color: #0967d8;
    padding-bottom: 32px;
    margin-bottom: 48px;
    border-bottom: 1px solid #e0e0e0
}

@media (max-width: 575px) {
    .h1-subtitle {
        margin-bottom:16px;
        padding-bottom: 12px;
        font-size: 14px
    }
}

.h4-title {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 32px
}

.row {
    margin-left: -15px;
    margin-right: -15px
}

.container {
    max-width: 1200px;
    padding-right: 15px;
    padding-left: 15px
}

.container-fluid {
    padding: 0 15px
}

.page-header .container {
    max-width: 100%
}

@media (min-width: 1200px) {
    .page-header .container {
        padding-left:48px;
        padding-right: 48px
    }
}

.slick-next {
    right: 0
}

.slick-prev {
    left: 0
}

a {
    color: #fff
}

a,a:hover {
    text-decoration: none
}

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

.form-group select {
    -webkit-appearance: none;
    background-color: #fff;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAJCAYAAAA/33wPAAAAvklEQVQoFY2QMQqEMBBFv7ERa/EMXkGw11K8QbDXzuN4BHv7QO6ifUgj7v4UAdlVM8Uwf+b9YZJISnlqrfEUZVlinucnBGKaJgghbiHOyLyFKIoCbdvecpyReYvo/Ma2bajrGtbaC58kCdZ1RZ7nl/4/4d5EsO/7nzl7IUtodBexMMagaRrs+06JLMvcNWmaOv2W/C/TMAyD58dxROgSmvxFFMdxoOs6lliWBXEcuzokXRbRoJRyvqqqQvye+QDMDz1D6yuj9wAAAABJRU5ErkJggg==);
    background-position: 100%;
    background-repeat: no-repeat;
    padding-right: 1.5em
}

.uppercase {
    text-transform: uppercase
}

.slick-next:before,.slick-prev:before {
    width: 24px;
    height: 24px;
    display: inline-block;
    content: "";
    opacity: 1
}

.owl-carousel .owl-nav {
    display: flex
}

.owl-carousel .owl-nav button.owl-prev {
    font-size: 0
}

.owl-carousel .owl-nav button.owl-prev span {
    width: 100%;
    height: 100%;
    display: block;
    background: url(../images/icons/angle-left.svg) no-repeat 50%;
    filter: invert(100%) sepia(0) saturate(7471%) hue-rotate(34deg) brightness(96%) contrast(108%);
    background-size: 20px;
    font-size: 0
}

.owl-carousel .owl-nav button.owl-prev.disabled span {
    filter: invert(57%) sepia(40%) saturate(19%) hue-rotate(333deg) brightness(98%) contrast(98%)
}

.owl-carousel .owl-nav button.owl-next span {
    width: 100%;
    height: 100%;
    display: block;
    font-size: 0;
    background: url(../images/icons/angle-right.svg) no-repeat 50%;
    filter: invert(100%) sepia(0) saturate(7471%) hue-rotate(34deg) brightness(96%) contrast(108%);
    background-size: 20px
}

.owl-carousel .owl-nav button.owl-next.disabled span {
    filter: invert(57%) sepia(40%) saturate(19%) hue-rotate(333deg) brightness(98%) contrast(98%)
}

.slick-dots {
    bottom: -30px
}

.slick-dots li {
    width: auto;
    height: auto;
    margin: 0 4px;
    display: inline-block
}

.slick-dots li button {
    padding: 0;
    width: auto;
    height: auto
}

.slick-dots li button:before {
    position: relative;
    font-size: 8px;
    opacity: 1;
    color: #a0a0a0;
    width: auto;
    height: auto
}

.slick-dots li.slick-active button:before {
    color: #000
}

.modal-header .close {
    outline: none
}

[class$=-thumbnail] {
    overflow: hidden;
    display: inline-block
}

[class$=-thumbnail] img {
    transition: .3s
}

[class$=-thumbnail]:hover img {
    transform: scale(1.05)
}

.view-more {
    color: #0967d8;
    font-size: 18px;
    padding: 12px 32px;
    border: 1px solid #0967d8;
    display: block;
    border-radius: 4px;
    width: max-content;
    font-weight: 400
}

.view-more:after {
    content: "";
    width: 12px;
    height: 12px;
    margin-left: 8px;
    display: inline-block;
    background: url(../images/icons/view-more.png) no-repeat 50%;
    background-size: contain
}

.view-more:hover {
    background: #0967d8;
    color: #fff
}

.view-more:hover:after {
    background: url(../images/icons/view-more-white.png) no-repeat 50%;
    background-size: contain
}

.view-more.loading:after {
    animation: mb .8s linear infinite
}

@media (max-width: 1280px) {
    .view-more {
        font-size:16px
    }
}

.dropdown-toggle {
    display: flex;
    align-items: center
}

.dropdown-toggle:after {
    border: 0;
    margin: 0;
    vertical-align: auto;
    width: 24px;
    height: 24px;
    margin-left: 6px;
    background: url(../images/icons/caret-down-01.svg) no-repeat 50%
}

.dropdown-toggle:hover:after {
    background-image: url(../images/icons/caret-up-01.svg)
}

.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;
    padding-right: 15px;
    padding-left: 15px
}

.grand-info__scroll {
    display: flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    cursor: pointer;
    margin-bottom: 0;
    width: 40px;
    height: 40px;
    border: 1px solid #fff;
    border-radius: 30px;
    position: absolute;
    bottom: 40px;
    left: calc(50% - 20px)
}

.select-advanced {
    padding: 0;
    margin: 0;
    list-style: none
}

.select-advanced .list-selected {
    display: flex;
    column-gap: 8px;
    overflow: overlay;
    white-space: nowrap;
    margin-right: 20px;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.select-advanced .list-selected::-webkit-scrollbar {
    display: none;
    width: 0;
    background: transparent
}

.select-advanced .item-selected {
    background: #262626;
    padding: 2px 6px;
    border-radius: 6px;
    display: inline-flex;
    line-height: 20px;
    color: #fff;
    align-items: center
}

.select-advanced .item-selected:after {
    content: "";
    display: inline-block;
    background: url(../images/icons/close-gray.svg) no-repeat 50%;
    width: 16px;
    height: 16px;
    margin-left: 6px
}

.select-advanced .title-group {
    position: relative
}

.select-advanced .title-group.active .child {
    display: block
}

.select-advanced .title-group .span {
    color: #737373;
    background: url(../images/icons/caret-down-01.svg);
    background-position: calc(100% - 15px) 50%;
    background-repeat: no-repeat;
    border-radius: 4px;
    border: 1px solid #d0d0ce;
    font-size: 16px;
    overflow: hidden;
    padding: 12px 16px;
    display: block;
    cursor: pointer
}

.select-advanced .child {
    padding: 0;
    display: none;
    margin: 0;
    list-style: none;
    position: absolute;
    background: #000;
    left: 0;
    right: 0;
    top: calc(100% + 6px);
    border-radius: 6px;
    border: 1px solid #373a36;
    padding: 0 16px;
    max-height: 216px;
    overflow: overlay
}

.select-advanced .child li {
    margin-bottom: 16px;
    position: relative;
    z-index: 1;
    display: block;
    min-height: 1.5rem;
    padding-left: 38px;
    cursor: pointer
}

.select-advanced .child li:first-child {
    margin-top: 16px
}

.select-advanced .child li:after {
    border-radius: .25rem
}

.select-advanced .child li:after,.select-advanced .child li:before {
    position: absolute;
    top: 2px;
    left: 0;
    display: block;
    width: 20px;
    height: 20px;
    content: "";
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

.select-advanced .child li:before {
    border-radius: .25rem;
    pointer-events: none;
    background-color: transparent;
    border: 1px solid #373a36
}

.select-advanced .child li.active:before {
    color: #000;
    border-color: #fff;
    background-color: #fff
}

.select-advanced .child li.active:after {
    background: no-repeat 50%/50% 50%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cpath d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3E%3C/svg%3E")
}

.page-content-detail .topPage {
    aspect-ratio: unset;
    min-height: auto;
    padding-top: 90px;
    padding-bottom: 0
}

@media (max-width: 767px) {
    .page-content-detail .topPage {
        padding-top:78px
    }
}

@media (max-width: 575px) {
    .page-content-detail .topPage {
        padding-top:65px
    }
}

.post .post-thumb {
    aspect-ratio: 29/38;
    width: 100%;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-bottom: 16px;
    border-radius: 4px
}

.post .post-thumb img {
    object-fit: cover;
    object-position: 50% 50%;
    -o-object-position: 50% 50%;
    width: 100%;
    height: 100%
}

.post .post-title {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 12px;
    text-align: justify
}

.post .post-title a {
    color: #fff
}

.post .post-cate {
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 8px;
    position: absolute;
    top: 12px;
    left: 12px;
    padding: 6px;
    background: #000;
    border-radius: 4px
}

.post .post-date {
    margin-bottom: 10px;
    display: block;
    font-size: 16px;
    color: #767676
}

.post .post-desc {
    font-size: 16px;
    text-align: justify;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.post.post-big .post-thumbnail {
    height: 350px;
    margin-bottom: 0
}

.post.post-big .post-info {
    padding: 40px 32px
}

.post.post-small:not(:last-child) {
    margin-bottom: 24px
}

.post.post-small .post-thumbnail {
    width: 190px;
    height: 162px;
    margin-bottom: 0;
    float: left;
    margin-right: 24px
}

.post.post-small .post-info {
    padding: 24px 24px 24px 0
}

.post.post-small .post-title {
    font-size: 18px;
    font-weight: 400
}

.post.post-small:after {
    content: "";
    clear: both;
    display: table
}

@media (max-width: 575px) {
    .post .post-title {
        font-size:18px
    }

    .post .post-cate {
        font-size: 14px
    }

    .post.post-small .post-title {
        font-size: 18px
    }

    .post.post-small .post-thumbnail {
        width: 145px;
        height: 120px
    }

    .post.post-small .post-info {
        padding: 12px 24px 12px 0
    }

    .post.post-big {
        margin-bottom: 24px
    }

    .post.post-big .post-info {
        padding: 24px
    }

    .post.post-big .post-thumbnail {
        height: 285px
    }
}

.project {
    position: relative
}

.project .project-body {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 48px 24px;
    opacity: 0;
    visibility: hidden;
    background: rgba(9,103,216,.9);
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: .5s
}

.project:hover .project-body {
    opacity: 1;
    visibility: visible
}

.project .project-thumbnail {
    display: block;
    aspect-ratio: 430/535
}

.project .project-thumbnail img {
    width: 100%
}

.project .project-name {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 24px
}

.project .project-name a {
    color: #fff
}

.project .project-parent {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 10px;
    display: block
}

.project .project-attr {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: space-between
}

.project .project-attr .title {
    font-size: 14px;
    font-weight: 400;
    display: block
}

.project .project-attr .content {
    display: block;
    font-size: 14px;
    font-weight: 600
}

.project .btn-viewmore {
    color: #fff;
    width: max-content
}

.project .btn-viewmore svg {
    fill: #fff
}

.project .btn-viewmore:hover {
    color: #fff
}

.project .btn-viewmore:hover svg {
    fill: #fff
}

.list-projects .project {
    margin-bottom: 32px
}

.list-projects .project-body {
    justify-content: flex-end
}

.list-projects .project-info {
    margin-bottom: 44px
}

.list-projects .project-attr .content {
    font-size: 20px
}

.list-projects .project-category {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 5px;
    display: block
}

.list-projects .project-category a {
    color: #0967d8
}

.list-projects .project-category a:hover {
    color: #bb1016
}

.list-projects .project-name {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 64px
}

.list-projects .project-name a {
    color: #201d3c
}

.list-projects .project-name a:hover {
    color: #bb1016
}

@media (max-width: 575px) {
    .list-projects .project {
        margin-bottom:15px
    }

    .list-projects .project-category {
        font-size: 14px
    }
}

.comment-section-title {
    font-weight: 600;
    font-size: 24px;
    color: #000;
    position: relative;
    text-transform: uppercase
}

.comment-section-title span {
    padding: 0 15px;
    margin-bottom: -1px;
    background: #fff
}

#comments {
    word-break: break-word
}

#comments ol,#comments ul {
    list-style: none
}

#comments .avatar {
    height: 50px;
    width: 50px;
    left: 0;
    border-radius: 4px;
    position: absolute
}

#comments .comment-body {
    position: relative;
    padding-top: 1.5em;
    border-bottom: 1px solid;
    border-color: #eee;
    background-color: transparent;
    margin-bottom: 0;
    padding-left: 70px
}

#comments .comment-meta {
    margin-bottom: 1.5em;
    margin-left: 65px
}

#comments .says {
    display: none
}

#comments {
    color: #484848;
    clear: both;
    font-size: 14px;
    line-height: 1.8
}

#comments .fn {
    color: #000
}

#comments .reply {
    position: absolute;
    right: 10px;
    top: 0;
    z-index: 2
}

#comments .commentmetadata {
    display: none
}

.comments-title {
    font-size: 28px;
    font-size: 1.55556rem;
    margin-bottom: 1.5em
}

.comment-list {
    margin: 0 0 3em;
    padding: 0;
    position: relative;
    word-break: break-word
}

.comment-list .children {
    margin: 0;
    padding: 0;
    margin-left: 4em!important
}

@media (max-width: 991px) {
    .comment-list .children {
        margin-left:1em!important
    }
}

.comment-list li:before {
    display: none
}

.comment-list .depth-1>article {
    margin-left: 0
}

.comment-body+.comment-respond {
    margin-top: 1.5em;
    padding: 30px;
    margin-left: 4em;
    background: #f0f0f0;
    position: relative;
    max-width: 100%;
    margin-bottom: 1.5em
}

.comment-body+.comment-respond:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f112";
    position: absolute;
    transform: rotate(180deg);
    top: 0;
    right: calc(100% + 15px);
    font-size: 24px
}

.comment-body .says,.comment_container .says {
    display: none
}

.comment_container,article.comment-body {
    margin-bottom: 2em
}

.comment-content>ol,.comment-content>ul {
    padding-left: 1.35em
}

.comment-author {
    margin-bottom: 0;
    z-index: 2
}

.comment-meta {
    margin-bottom: 1.5em;
    margin-left: 65px
}

.comment-metadata {
    font-size: 12px;
    font-size: .75rem
}

.comment-metadata a.comment-edit-link {
    margin-left: 1em
}

.reply {
    margin-bottom: 1.5em
}

.comment-reply-link {
    font-weight: 600;
    position: relative;
    font-size: 12px;
    font-size: .75rem;
    text-transform: uppercase
}

.comment-reply-link .icon {
    left: -2em;
    height: 1em;
    width: 1em;
    position: absolute;
    top: 0
}

#cancel-comment-reply-link {
    text-transform: capitalize;
    font-size: 13px;
    font-size: .75rem;
    display: block;
    margin-top: 10px;
    color: #f44336
}

#cancel-comment-reply-link:before {
    margin-right: 3px;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f057";
    display: inline-block
}

.comments-pagination {
    margin: 2em 0 3em
}

.comment-form label {
    font-size: 14px;
    font-size: .875rem;
    font-weight: 700;
    text-transform: uppercase
}

.comment-form .required {
    color: red
}

.comment-form a {
    text-decoration: underline
}

.comment-respond .comment-reply-title {
    position: relative;
    font-size: 28px;
    font-size: 1.55556rem
}

.comment-form .submit {
    background-color: #ea102a;
    border: none;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 8px 3.5rem;
    cursor: pointer
}

.comment-form .submit:hover {
    background: #d20404;
    color: #fff
}

.comment-form .form-submit {
    width: 100%;
    margin-top: 15px
}

.comment-form {
    margin-bottom: 30px
}

.comment-form .form-control {
    border-radius: 0
}

.comment-form>p {
    margin-bottom: 0
}

.comment-form .comment-form-comment textarea {
    max-height: 160px
}

.comment-form {
    display: flex;
    flex-wrap: wrap
}

.comment-navigation {
    display: flex;
    -ms-flex-pack: justify!important;
    justify-content: space-between!important
}

.comment-form .comment-form-author,.comment-form .comment-form-email {
    width: 50%
}

.comment-form .comment-form-author {
    padding-right: 10px
}

.comment-form .comment-form-aemail {
    padding-left: 10px
}

.comment-form .comment-notes {
    margin-bottom: 15px
}

.comment-form-author,.comment-form-cookies-consent,.comment-form-email {
    display: none
}

.response-none {
    font-weight: 700;
    font-size: 16px
}

.comment-form-author.show,.comment-form-email.show {
    display: block
}

@media (max-width: 575px) {
    .comment-form .submit {
        width:100%
    }
}

.header-menu {
    position: relative
}

.header-menu .bg-submenu {
    background: #000;
    position: absolute;
    top: 100%;
    height: 66px;
    width: 100%;
    border-top: 1px solid #373a36;
    visibility: hidden;
    opacity: 0
}

.header-menu .bg-submenu.active {
    visibility: visible;
    opacity: 1
}

.header-menu .navbar.navbar-default {
    justify-content: space-between;
    flex-grow: 1;
    padding: 24px 0
}

.header-menu .navbar-header {
    padding-left: 0;
    margin-right: 32px
}

.header-menu .navbar-header .navbar-brand {
    display: inline-block;
    margin: 0;
    padding: 0
}

@media (max-width: 575px) {
    .header-menu .navbar-header .navbar-brand {
        line-height:normal;
        padding: 0;
        margin: 0
    }
}

.header-menu .navbar-header .navbar-brand img {
    display: inline-block;
    height: 48px;
    width: auto
}

.header-menu .navbar-header .navbar-brand img.logo-color {
    display: none
}

@media (max-width: 575px) {
    .header-menu .navbar-header .navbar-brand img {
        height:40px
    }
}

.header-menu .navbar-collapse {
    flex-grow: 0;
    text-align: right;
    justify-content: flex-end
}

@media (max-width: 1199px) {
    .header-menu .navbar-collapse {
        text-align:left;
        background: #fff;
        max-height: 350px;
        padding: 0
    }
}

.header-menu .menu-primary {
    text-align: right;
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    font-size: 14px
}

.header-menu .menu-primary>li>.nav-link {
    padding-left: 0;
    padding-right: 0
}

@media (max-width: 1199px) {
    .header-menu .menu-primary {
        text-align:left;
        display: block;
        padding: 0;
        margin-bottom: 30px;
        padding-top: 24px;
        width: 100%
    }
}

.header-menu .menu-primary li {
    display: inline-block
}

.header-menu .menu-primary li.show .caret-down {
    transform: rotate(180deg)
}

.header-menu .menu-primary li.show>.dropdown-toggle {
    color: #0967d8
}

.header-menu .menu-primary li.active>.nav-link {
    color: #737373
}

.header-menu .menu-primary li.active>.nav-link:after {
    opacity: .5
}

.header-menu .menu-primary li.active>.nav-link .link_line {
    background: transparent
}

@media (max-width: 1199px) {
    .header-menu .menu-primary li {
        display:block;
        margin-right: 0
    }

    .header-menu .menu-primary li.active>.nav-link {
        position: relative
    }

    .header-menu .menu-primary li.active>.nav-link:after {
        display: none
    }
}

.header-menu .menu-primary li a {
    position: relative;
    background: transparent;
    color: #fff;
    font-weight: 500;
    padding: 8px;
    transition: all .15s linear
}

.header-menu .menu-primary li a.show,.header-menu .menu-primary li a:hover {
    color: #737373
}

@media (max-width: 1199px) {
    .header-menu .menu-primary li a {
        font-size:24px;
        padding: 0
    }

    .header-menu .menu-primary li a:after {
        left: 0!important;
        transform: unset!important
    }
}

@media (max-width: 575px) {
    .header-menu .menu-primary li a {
        font-size:14px
    }
}

.header-menu .menu-primary li.dropdown {
    position: relative
}

@media (min-width: 1200px) {
    .header-menu .menu-primary li.dropdown .caret-down {
        display:none
    }
}

@media (min-width: 1200px) {
    .header-menu .menu-primary li.dropdown .dropdown-menu {
        position:absolute;
        top: calc(100% + 20px);
        left: 0;
        min-width: 100%;
        max-width: 1170px;
        column-gap: 32px;
        text-align: left;
        opacity: 0;
        visibility: hidden;
        display: flex;
        border: none;
        padding: 22px 0;
        margin: 0;
        background-color: transparent;
        width: max-content
    }

    .header-menu .menu-primary li.dropdown .dropdown-menu:after {
        content: "";
        position: absolute;
        height: 25px;
        width: 100%;
        left: 0;
        top: -25px
    }
}

.header-menu .menu-primary li.dropdown .dropdown-menu li {
    display: block;
    float: none;
    margin-right: 0;
    margin-bottom: 0
}

.header-menu .menu-primary li.dropdown .dropdown-menu li a {
    text-transform: none;
    color: #fff;
    padding: 0;
    font-size: 14px;
    letter-spacing: .3px;
    transition: all .15s linear;
    display: block
}

.header-menu .menu-primary li.dropdown .dropdown-menu li:hover>a {
    color: #737373
}

@media (max-width: 1199px) {
    .header-menu .menu-primary li.dropdown .dropdown-menu {
        margin:15px 0;
        padding: 0;
        border: none;
        background: transparent;
        padding-left: 24px
    }

    .header-menu .menu-primary li.dropdown .dropdown-menu li a {
        padding: 0;
        line-height: 36px;
        white-space: normal;
        color: #fff
    }
}

@media (min-width: 992px) {
    .header-menu .menu-primary li.dropdown:hover ul {
        left:0;
        visibility: visible;
        opacity: 1
    }
}

@media (max-width: 1199px) {
    .header-menu .menu-primary li .caret-down {
        position:absolute;
        display: flex;
        align-items: center;
        justify-content: center;
        right: 0;
        top: 0;
        width: 36px;
        height: 36px
    }

    .header-menu .menu-primary li .caret-down:after {
        content: "";
        border: 0;
        margin: 0;
        vertical-align: auto;
        width: 36px;
        height: 36px;
        background: url(../images/icons/caret-down-01.svg) no-repeat 50%
    }

    .header-menu .menu-primary li .caret-down.show:after {
        background-image: url(../images/icons/caret-up-01.svg)
    }
}

@media (max-width: 575px) {
    .header-menu .menu-primary li .caret-down {
        width:24px;
        height: 24px
    }
}

.header-menu .menu-primary>li:not(:last-child) {
    margin-right: 32px
}

@media (max-width: 1440px) {
    .header-menu .menu-primary>li:not(:last-child) {
        margin-right:16px
    }
}

@media (max-width: 1280px) {
    .header-menu .menu-primary>li:not(:last-child) {
        margin-right:8px
    }
}

@media (max-width: 1199px) {
    .header-menu .menu-primary>li:not(:last-child) {
        margin-right:0;
        margin-bottom: 24px
    }
}

.header-menu .navbar-toggler {
    border: none;
    width: 45px;
    height: 45px;
    padding: 0;
    margin: 0
}

@media (max-width: 1199px) {
    .header-menu .navbar-toggler {
        margin-right:5px
    }
}

.header-menu .navbar-toggler:focus {
    box-shadow: none
}

.header-menu .navbar-toggler .navbar-toggler-icon {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: #f90
}

@media (max-width: 575px) {
    .header-menu .navbar-toggler .navbar-toggler-icon {
        color:#fff
    }
}

.header-menu .menu-contact-mb,.header-menu .menu-search-mb {
    display: none
}

.header-menu .menu-search-mb {
    width: 100%
}

.header-menu .menu-search-mb .input-group {
    border: 1px solid #d0d0ce;
    border-radius: 4px
}

.header-menu .menu-search-mb .form-control {
    border: 0;
    border-radius: 0;
    background: transparent;
    height: 48px;
    box-shadow: unset
}

.header-menu .btn-register {
    border: 1px solid #fff;
    font-weight: 600;
    padding: 8px 22px;
    color: #fff;
    border-radius: 4px
}

.header-menu .line {
    height: 32px;
    width: 1px;
    background: #737373;
    margin: 0 24px
}

@media (max-width: 1199px) {
    .header-menu .navbar.navbar-default {
        padding:0 30px
    }

    .header-menu .navbar.navbar-default .navbar-header .navbar-brand {
        padding: 20px 0
    }

    .header-menu .navbar.navbar-default .navbar-toggler {
        margin-right: 0
    }
}

@media (max-width: 1199px) {
    .header-menu .menu-search-mb {
        display:block
    }

    .header-menu .menu-contact-mb {
        display: block;
        padding: 0;
        width: 100%
    }

    .header-menu .menu-contact-mb .dropLang {
        font-size: 22px;
        display: inline-flex
    }

    .header-menu .menu-contact-mb .btn-register {
        display: block;
        margin-top: 32px
    }

    .header-menu .menu-contact-mb .widget-box {
        margin-bottom: 40px
    }

    .header-menu .menu-contact-mb .widget-title {
        font-size: 16px;
        color: #72777a;
        margin-bottom: 16px
    }

    .header-menu .menu-contact-mb .dropLang {
        margin-left: 0
    }

    .header-menu .menu-contact-mb .dropLang a {
        color: #101010;
        opacity: 1
    }

    .header-menu .menu-contact-mb .dropLang .current-lang a {
        color: #0967d8
    }

    .header-menu .menu-contact-mb .page-footer__contact {
        font-size: 16px;
        margin: 0
    }

    .header-menu .menu-contact-mb .page-footer__contact li:not(:last-child) {
        margin-bottom: 16px
    }

    .header-menu .menu-contact-mb .page-footer__contact a {
        color: #101010
    }

    .header-menu .navbar.navbar-default {
        padding: 0
    }
}

@media (max-width: 767px) {
    .header-menu .menu-contact-mb .dropLang {
        font-size:14px
    }

    .header-menu .menu-primary {
        margin-bottom: 24px
    }
}

.menu-toggler-mobile {
    width: 24px;
    height: 24px;
    background: none;
    border: none;
    margin-right: 15px;
    outline: none;
    box-shadow: none;
    margin-left: -15px;
    margin-right: 0;
    text-align: center;
    display: none;
    position: relative
}

.menu-toggler-mobile:focus {
    outline: none
}

.menu-toggler-mobile span {
    top: 0;
    left: 4px;
    width: 24px;
    height: 1.5px;
    background: #fff;
    display: block;
    position: relative;
    cursor: pointer
}

.menu-toggler-mobile span:after {
    margin-top: 7px
}

.menu-toggler-mobile span:after,.menu-toggler-mobile span:before {
    content: "";
    width: 24px;
    height: 1.5px;
    background: #fff;
    position: absolute;
    top: 0;
    right: 0;
    transition: all .3s
}

.menu-toggler-mobile span:before {
    margin-top: -7px
}

.menu-toggler-mobile.show span {
    background-color: transparent!important
}

.menu-toggler-mobile.show span:after,.menu-toggler-mobile.show span:before {
    width: 12px!important;
    height: 12px!important;
    display: flex;
    background-color: transparent!important;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    position: relative;
    margin: 0
}

.menu-toggler-mobile.show span:after {
    transform: rotate(-45deg);
    margin-top: -12px;
    margin-left: 9px
}

.menu-toggler-mobile.show span:before {
    transform: rotate(135deg);
    margin-top: -6px;
    margin-left: -5px
}

@media (max-width: 1199px) {
    .menu-toggler-mobile {
        display:block
    }
}

.page-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
    background: #000;
    backdrop-filter: saturate(180%) blur(8px);
    -webkit-backdrop-filter: saturate(180%) blur(8px)
}

.page-header.show #bs-navbar-collapse {
    display: block;
    background: transparent
}

@media (max-width: 1199px) {
    .page-header {
        backdrop-filter:blur(20px);
        -webkit-backdrop-filter: blur(20px)
    }
}

#page-header .mega-menu>.dropdown-menu {
    min-width: 550px;
    display: flex;
    flex-wrap: wrap;
    padding: 24px;
    justify-content: space-between;
    background: #fff
}

#page-header .mega-menu>.dropdown-menu>.menu-item {
    width: calc(50% - 8px)
}

#page-header .mega-menu>.dropdown-menu>.menu-item .dropdown-menu {
    min-width: 100%;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    background: transparent
}

#page-header .mega-menu>.dropdown-menu>.menu-item .dropdown-menu a {
    font-weight: 400;
    padding-left: 25px;
    position: relative;
    display: flex;
    align-items: center;
    line-height: 50px
}

#page-header .mega-menu>.dropdown-menu>.menu-item .dropdown-menu a:before {
    content: "";
    width: 5px;
    height: 5px;
    display: inline-block;
    background: #201d3c;
    border-radius: 5px;
    position: absolute;
    left: 5px
}

#page-header .mega-menu>.dropdown-menu a {
    padding: 0;
    border-bottom: 1px solid #e0e0e0
}

@media (max-width: 1199px) {
    #page-header .mega-menu>.dropdown-menu {
        display:none;
        max-width: 100%
    }

    #page-header .mega-menu>.dropdown-menu.show {
        display: flex
    }

    #page-header .mega-menu>.dropdown-menu>.menu-item .dropdown-menu {
        display: block
    }
}

@media (max-width: 575px) {
    #page-header .mega-menu>.dropdown-menu {
        padding:15px
    }

    #page-header .mega-menu>.dropdown-menu.show>.menu-item {
        width: 100%
    }
}

@media (max-width: 1199px) {
    .dropdown-toggle:after {
        display:none
    }

    .page-header.show .header-menu.fixed {
        animation: unset!important
    }

    .page-header.show #bs-navbar-collapse {
        max-height: inherit;
        height: calc(100vh - 70px);
        position: absolute;
        top: 100%;
        right: -15px;
        left: -15px;
        z-index: 2;
        display: flex;
        justify-content: start;
        flex-direction: column;
        align-items: start;
        padding-bottom: 50px;
        background: #000;
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);
        padding: 0 15px;
        visibility: visible!important;
        animation-name: inherit!important;
        padding-top: 16px;
        border-top: 1px solid #373a36
    }
}

@media (max-width: 575px) {
    .page-header.show #bs-navbar-collapse {
        overflow:overlay;
        height: calc(100vh - 50px);
        padding-bottom: 100px
    }
}

.header-page {
    position: relative;
    margin-bottom: 35px
}

.header-page .title-featured-page {
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    font-size: 35px;
    text-transform: uppercase;
    font-weight: 700;
    color: #ea102a;
    font-family: Inter,sans-serif;
    white-space: nowrap;
    text-align: center;
    margin: 0;
    background: transparent;
    background: hsla(0,0%,100%,.55);
    padding: 15px 30px;
    border-radius: 10px
}

.header-page img {
    width: 100%
}

.breadcrumb {
    background: none;
    border-radius: 0;
    padding: 0;
    color: #e0e0e0;
    margin: 0;
    font-size: 13px;
    margin-bottom: 80px
}

.breadcrumb a {
    font-weight: 400;
    font-size: 13px;
    color: #50516d;
    margin-right: 10px
}

.breadcrumb a:hover {
    color: #d20404
}

.breadcrumb .breadcrumb_last {
    color: #50516d;
    margin-left: 10px
}

@media (max-width: 991px) {
    .breadcrumb {
        margin-bottom:32px
    }
}

@media (max-width: 767px) {
    .header-page {
        margin-bottom:25px
    }

    .header-page .title-featured-page {
        font-size: 25px;
        white-space: normal;
        width: calc(100% - 30px)
    }

    .header-page .title-featured-page br {
        display: none
    }
}

.social-share-button {
    padding: 0;
    position: sticky;
    top: 100px;
    z-index: 3
}

.social-share-button .share {
    font-size: 11px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    color: #000;
    margin-top: 25px;
    width: 40px;
    height: 40px
}

.social-share-button .share i {
    font-size: 24px
}

.social-share-button .share.sc-comments {
    background: transparent;
    font-size: 0
}

.social-share-button .share .number {
    content: "";
    display: block;
    font-family: Arial,sans-serif;
    position: absolute;
    color: #fff;
    font-size: 9px;
    top: 5px;
    right: 5px;
    background: #eb2929;
    padding: 3px 4px;
    text-align: center;
    line-height: 8px;
    border-radius: 2px;
    margin: 0
}

.social-share-button .sc-facebook:hover {
    color: #3b5998
}

.social-share-button .sc-twitter:hover {
    color: #1c9cea
}

.social-share-button .sc-pinterest:hover {
    color: #de0019
}

.social-share-button .sc-comments:hover {
    color: #d20404
}

.social-share-button span {
    font-weight: 700;
    text-transform: uppercase;
    margin-right: 10px
}

a.social {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    margin-bottom: 10px;
    border-radius: 100px;
    color: #fff;
    text-decoration: none;
    width: 40px;
    height: 40px;
    font-size: 0;
    transition: color .333s;
    overflow: hidden
}

a.social i {
    font-size: 18px
}

a.sc-comments {
    background: #3184ac;
    position: relative
}

a.sc-comments .number {
    content: "";
    display: block;
    font-family: Arial,sans-serif;
    position: absolute;
    color: #fff;
    font-size: 9px;
    top: 5px;
    right: 5px;
    background: #eb2929;
    padding: 3px 4px;
    text-align: center;
    line-height: 8px;
    border-radius: 2px;
    margin: 0
}

.btn-top.social {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ea102a;
    width: 40px;
    height: 40px;
    font-size: 0;
    cursor: pointer;
    border-radius: 100px
}

.btn-top.social i {
    font-size: 18px
}

a.social.social-twitter,a.social[href^="https://twitter"] {
    background-color: #00aced
}

a.social.social-twitter:after,a.social[href^="https://twitter"]:after {
    content: "\f099"
}

a.social.social-twitter:before,a.social[href^="https://twitter"]:before {
    box-shadow: 0 0 0 6px #00aced
}

a.social.social-facebook,a.social[href^="https://www.facebook"] {
    background-color: #3b5998
}

a.social.social-facebook:after,a.social[href^="https://www.facebook"]:after {
    content: "\f09a"
}

a.social.social-facebook:before,a.social[href^="https://www.facebook"]:before {
    box-shadow: 0 0 0 6px #3b5998
}

a.social.social-google,a.social[href^="https://plus.google"] {
    background-color: #dd4b39
}

a.social.social-google:after,a.social[href^="https://plus.google"]:after {
    content: "\f0d5"
}

a.social.social-google:before,a.social[href^="https://plus.google"]:before {
    box-shadow: 0 0 0 6px #dd4b39
}

a.social.social-linkedin,a.social[href^="https://www.linkedin"] {
    background-color: #007bb6
}

a.social.social-linkedin:after,a.social[href^="https://www.linkedin"]:after {
    content: "\f0e1"
}

a.social.social-linkedin:before,a.social[href^="https://www.linkedin"]:before {
    box-shadow: 0 0 0 6px #007bb6
}

a.social.social-pintrest,a.social[href^="https://pinterest"] {
    background-color: #cb2027
}

a.social.social-pintrest:after,a.social[href^="https://pinterest"]:after {
    content: "\f231"
}

a.social.social-pintrest:before,a.social[href^="https://pinterest"]:before {
    box-shadow: 0 0 0 6px #cb2027
}

body :focus {
    outline: none
}

.alignnone {
    margin: 5px 20px 20px 0
}

.aligncenter,div.aligncenter {
    display: block;
    margin: 5px auto 15px
}

.alignright {
    float: right;
    margin: 5px 0 20px 20px
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px
}

a img.alignleft,a img.alignnone {
    margin: 5px 20px 20px 0
}

a img.alignleft {
    float: left
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    max-width: 100%;
    padding: 0;
    text-align: center;
    color: #000;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #ccc
}

.wp-caption.alignleft,.wp-caption.alignnone {
    margin: 5px 20px 20px 0
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 100%;
    padding: 0;
    width: auto
}

.wp-caption .wp-caption-text {
    font-size: 13px;
    line-height: 17px;
    margin: 0;
    padding: 5px
}

.screen-reader-text {
    border: 0;
    clip: rect(1px,1px,1px,1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute!important;
    width: 1px;
    word-wrap: normal!important
}

.screen-reader-text:focus {
    background-color: #eee;
    clip: auto!important;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}

.box-author--bottom {
    margin-bottom: 30px;
    background: #fbfbfb;
    border: 1px solid #efefef;
    padding: 20px
}

.box-author--IMG {
    width: 15%;
    text-align: center;
    color: #fff;
    position: relative
}

.box-author--IMG img {
    padding: 0;
    border: 4px solid #cbd8e2;
    max-width: 100%;
    border-radius: 50%;
    overflow: hidden
}

.box-author--IMG a.load--author {
    background: #3a4e9b;
    border-radius: 30px;
    padding: 0 20px;
    color: #fff;
    font-size: 13px;
    display: inline-block;
    line-height: 28px;
    font-weight: 700;
    margin-top: 15px
}

.box-author--IMG p {
    border: 4px solid #cbd8e2;
    max-width: 145px;
    max-height: 145px;
    border-radius: 50%;
    margin: auto;
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0
}

.box-author--slug .title a {
    font-size: 21px;
    font-weight: 600;
    text-transform: uppercase;
    display: block
}

.box-author--slug span {
    display: block;
    font-size: 16px;
    color: #000;
    font-weight: 600;
    margin-top: -8px;
    margin-bottom: 6px;
    position: relative
}

.social-author {
    margin-top: 0;
    margin-bottom: 15px
}

.social-author .nav-link {
    width: 25px;
    height: 25px;
    display: inline-flex;
    padding: 0;
    color: #ea102a;
    border: 1px solid #ea102a;
    margin: 0 2px;
    align-items: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-justify-content: center;
    border-radius: 3px
}

.social-author .nav-link:hover {
    color: #d20404;
    border-color: #d20404
}

a.load--author:hover {
    background: #dee5ea;
    color: #333!important
}

.box-author--desp {
    line-height: 26px;
    width: 85%
}

.box-author--desp p {
    font-size: 15px
}

.box-author--desp ul {
    margin: 0;
    padding: 0;
    clear: both;
    list-style: disc
}

.box-author--desp ul li {
    margin: 0 0 10px 30px;
    padding: 0;
    line-height: 22px;
    font-size: 15px
}

.heading-title-author {
    font-size: 26px;
    font-weight: 700;
    color: #cc8a14;
    margin-bottom: 15px
}

@media (max-width: 480px) {
    .box-author--bottom .media {
        flex-wrap:wrap;
        -webkit-flex-wrap: wrap
    }

    .box-author--IMG {
        width: 100%;
        margin: 0!important;
        margin-bottom: 15px!important;
        display: flex;
        display: -webkit-flex;
        flex-direction: column;
        align-items: center;
        -webkit-align-items: center
    }

    .box-author--IMG img {
        max-width: 145px
    }

    .single-post-meta .author {
        display: none
    }

    .box-author--desp {
        width: 100%
    }

    .box-author--desp .media-body {
        text-align: center;
        margin-top: 15px
    }
}

.phonering-alo-phone {
    position: fixed;
    visibility: hidden;
    background-color: transparent;
    width: 75px;
    height: 75px;
    cursor: pointer;
    z-index: 20!important;
    display: block;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transition: visibility .5s;
    left: 10px;
    bottom: 60px
}

.phonering-alo-phone.phonering-alo-show {
    visibility: visible
}

.phonering-alo-phone.phonering-alo-static {
    opacity: .6
}

.phonering-alo-phone.phonering-alo-hover,.phonering-alo-phone:hover {
    opacity: 1
}

.phonering-alo-ph-circle {
    width: 70px;
    height: 70px;
    top: 0;
    left: 0;
    position: absolute;
    background-color: transparent;
    border-radius: 100%;
    border: 2px solid rgba(30,30,30,.4);
    opacity: .1;
    animation: pb 1.2s infinite ease-in-out;
    transition: all .5s;
    transform-origin: 50% 50%
}

.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-circle {
    animation: pb 1.1s infinite ease-in-out!important
}

.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-circle {
    animation: pb 2.2s infinite ease-in-out!important
}

.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone:hover .phonering-alo-ph-circle {
    border-color: #00aff2;
    opacity: .5
}

.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-circle {
    border-color: #272d6b;
    opacity: .5
}

.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle {
    border-color: red;
    opacity: .5
}

.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-circle {
    border-color: #ccc;
    opacity: .5
}

.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-circle {
    border-color: #75eb50;
    opacity: .5
}

.phonering-alo-ph-circle-fill {
    width: 50px;
    height: 50px;
    top: 10px;
    left: 10px;
    position: absolute;
    background-color: #000;
    border-radius: 100%;
    border: 2px solid transparent;
    animation: qb 2.3s infinite ease-in-out;
    transition: all .5s;
    transform-origin: 50% 50%
}

.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-circle-fill {
    animation: qb 1.7s infinite ease-in-out!important
}

.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-circle-fill {
    animation: qb 2.3s infinite ease-in-out!important;
    opacity: 0!important
}

.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-circle-fill,.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone:hover .phonering-alo-ph-circle-fill {
    background-color: rgba(39,45,107,.5);
    opacity: .75!important
}

.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle-fill {
    background-color: rgba(242,0,0,.5)
}

.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-circle-fill {
    background-color: hsla(0,0%,80%,.5);
    opacity: .75!important
}

.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-circle-fill {
    background-color: rgba(117,235,80,.5);
    opacity: .75!important
}

.phonering-alo-ph-img-circle {
    width: 30px;
    height: 30px;
    top: 20px;
    left: 20px;
    position: absolute;
    background: rgba(30,30,30,.1) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNmlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarY6xSsNQFEDPi6LiUCsEcXB4kygotupgxqQtRRCs1SHJ1qShSmkSXl7VfoSjWwcXd7/AyVFwUPwC/0Bx6uAQIYODCJ7p3MPlcsGo2HWnYZRhEGvVbjrS9Xw5+8QMUwDQCbPUbrUOAOIkjvjB5ysC4HnTrjsN/sZ8mCoNTIDtbpSFICpA/0KnGsQYMIN+qkHcAaY6addAPAClXu4vQCnI/Q0oKdfzQXwAZs/1fDDmADPIfQUwdXSpAWpJOlJnvVMtq5ZlSbubBJE8HmU6GmRyPw4TlSaqo6MukP8HwGK+2G46cq1qWXvr/DOu58vc3o8QgFh6LFpBOFTn3yqMnd/n4sZ4GQ5vYXpStN0ruNmAheuirVahvAX34y/Axk/96FpPYgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAAB/ElEQVR42uya7W3CMBCG31QM4A1aNggTlG6QbpBMkHYC1AloJ4BOABuEDcgGtBOETnD9c1ERCH/lwxeaV8oPFGP86Hy+DxMREW5Bd7gRjSDSNGn4/RiAOvm8C0ZCRD5PSkQVXSr1nK/xE3mcWimA1ZV3JYBZCIO4giQANoYxMwYS6+xKY4lT5dJPreWZY+uspqSCKPYN27GJVBDXheVSQe494ksiEWTuMXcu1dld9SARxDX1OAJ4lgjy4zDnFsC076A4adEiRwAZg4hOUSpNoCsBPDGM+HqkNGynYBCuILuWj+dgWysGsNe8nwL4GsrW0m2fxZBq9rW0rNcX5MOQ9eZD8JFahcG5g/iKT671alGAYQggpYWvpEPYWrU/HDTOfeRIX0q2SL3QN4tGhZJukVobQyXYWw7WtLDKDIuM+ZSzscyCE9PCy5IttCvnZNaeiGLNHKuz8ZVh/MXTVu/1xQKmIqLEAuJ0fNo3iG5B51oSkeKnsBi/4bG9gYB/lCytU5G9DryFW+3Gm+JLwU7ehbJrwTjq4DJU8bHcVbEV9dXXqqP6uqO5e2/QZRYJpqu2IUAA4B3tXvx8hgKp05QZW6dJqrLTNkB6vrRURLRwPHqtYgkC3cLWQAcDQGGKH13FER/NATzi786+BPDNjm1dMkfjn2pGkBHkf4D8DgBJDuDHx9BN+gAAAABJRU5ErkJggg==) no-repeat 50%;
    border-radius: 100%;
    border: 2px solid transparent;
    animation: rb 1s infinite ease-in-out;
    transform-origin: 50% 50%;
    background-size: 26px 26px
}

.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-img-circle {
    animation: rb 1s infinite ease-in-out!important
}

.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-img-circle {
    animation: rb 0 infinite ease-in-out!important
}

.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone:hover .phonering-alo-ph-img-circle {
    background-color: #00aff2
}

.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-img-circle {
    background-color: #3f9043
}

.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-img-circle {
    background-color: #ff8110
}

.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-img-circle {
    background-color: #ccc
}

.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-img-circle {
    background-color: #75eb50
}

@keyframes pb {
    0% {
        transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1
    }

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

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

@keyframes qb {
    0% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }

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

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

@keyframes rb {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }

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

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

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

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

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

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

@keyframes mb {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(-1turn)
    }
}

@keyframes nb {
    0% {
        transform: translateZ(0);
        visibility: visible
    }

    to {
        transform: translate3d(-100%,0,0)
    }
}

@keyframes ob {
    0% {
        transform: translateZ(0);
        visibility: visible
    }

    to {
        transform: translate3d(100%,0,0)
    }
}

.service .service-body {
    background: hsla(0,0%,100%,.7);
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    padding: 32px;
    position: relative;
    z-index: 2
}

.service .service-title {
    margin-bottom: 16px;
    font-weight: 600;
    font-size: 24px;
    text-transform: uppercase
}

.service .service-content {
    margin-bottom: 0;
    line-height: 1.4
}

.service .number {
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 40px;
    line-height: 1.3;
    align-items: center
}

.service .number:before {
    content: "";
    width: 67px;
    height: 22px;
    background: url(../images/icons/line.svg) no-repeat;
    background-size: auto;
    background-size: 100%;
    display: inline-block;
    margin-right: 16px
}

@media (max-width: 991px) {
    .service .service-body {
        padding:24px
    }

    .service .service-title {
        font-size: 18px
    }
}

@media (max-width: 767px) {
    .service {
        margin-bottom:24px
    }

    .service .service-body {
        padding: 16px
    }

    .service .service-title {
        margin-bottom: 4px
    }

    .service .service-thumb {
        aspect-ratio: 35/27!important
    }

    .service .service-thumb img {
        object-fit: cover;
        object-position: 50% 50%;
        -o-object-position: 50% 50%;
        width: 100%;
        height: 100%
    }

    .service .number {
        font-size: 24px;
        margin-bottom: 24px
    }

    .service .number:before {
        width: 56px
    }
}

.service-big {
    margin-bottom: 30px
}

.service-big .service-body {
    max-width: 620px;
    width: 620px;
    margin-bottom: 40px
}

.service-big .service-thumb {
    aspect-ratio: 109/64
}

.service-big .row {
    align-items: end
}

@media (max-width: 767px) {
    .service-big {
        padding-bottom:60px
    }

    .service-big .service-body {
        position: absolute;
        left: 30px;
        right: 30px;
        bottom: -60px;
        width: auto;
        max-width: inherit;
        margin-bottom: 0
    }
}

.service-medium {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 60px
}

.service-medium .service-thumb {
    aspect-ratio: 3/2;
    order: 1
}

.service-medium .service-body {
    order: 2;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    left: 40px;
    right: 40px
}

@media (max-width: 991px) {
    .service-medium .service-body {
        left:30px;
        right: 30px
    }
}

.list-service {
    padding: 80px 0
}

.list-service .service-big:not(:last-child) {
    margin-bottom: 120px
}

.list-service .service-big .row {
    align-items: flex-start
}

@media (max-width: 991px) {
    .list-service {
        padding:0 0 40px
    }

    .list-service .service-big:not(:last-child) {
        margin-bottom: 40px
    }
}

.arcontactus-widget .arcontactus-message-button.pulsation {
    animation-duration: 2s
}

.arcontactus-widget.md.arcontactus-message,.arcontactus-widget.md .arcontactus-message-button {
    width: 60px;
    height: 60px
}

.arcontactus-widget {
    opacity: 0;
    transition: all .5s
}

.arcontactus-widget * {
    box-sizing: border-box
}

.arcontactus-widget.left.arcontactus-message {
    left: 20px;
    right: auto
}

.arcontactus-widget.left .arcontactus-message-button {
    right: auto;
    left: 0
}

.arcontactus-widget.left .arcontactus-prompt {
    left: 80px;
    right: auto;
    transform-origin: 0 50%
}

.arcontactus-widget.left .arcontactus-prompt:before {
    border-right: 8px solid #fff;
    border-top: 8px solid transparent;
    border-left: 8px solid transparent;
    border-bottom: 8px solid transparent;
    right: auto;
    left: -15px
}

.arcontactus-widget.left .messangers-block {
    right: auto;
    left: 0;
    transform-origin: 10% 105%
}

.arcontactus-widget.left .callback-countdown-block {
    left: 0;
    right: auto
}

.arcontactus-widget.left .callback-countdown-block:before,.arcontactus-widget.left .messangers-block:before {
    left: 25px;
    right: auto
}

.arcontactus-widget.md .callback-countdown-block,.arcontactus-widget.md .messangers-block {
    bottom: 70px
}

.arcontactus-widget.md .arcontactus-prompt {
    bottom: 5px
}

.arcontactus-widget.md.left .callback-countdown-block:before,.arcontactus-widget.md.left .messangers-block:before {
    left: 21px
}

.arcontactus-widget.md.left .arcontactus-prompt {
    left: 70px
}

.arcontactus-widget.md.right .callback-countdown-block:before,.arcontactus-widget.md.right .messangers-block:before {
    right: 21px
}

.arcontactus-widget.md.right .arcontactus-prompt {
    right: 70px
}

.arcontactus-widget.md .arcontactus-message-button .pulsation {
    width: 74px;
    height: 74px
}

.arcontactus-widget.md .arcontactus-message-button .callback-state,.arcontactus-widget.md .arcontactus-message-button .icons {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px
}

.arcontactus-widget.sm.arcontactus-message,.arcontactus-widget.sm .arcontactus-message-button {
    width: 50px;
    height: 50px
}

.arcontactus-widget.sm .callback-countdown-block,.arcontactus-widget.sm .messangers-block {
    bottom: 60px
}

.arcontactus-widget.sm .arcontactus-prompt {
    bottom: 0
}

.arcontactus-widget.sm.left .callback-countdown-block:before,.arcontactus-widget.sm.left .messangers-block:before {
    left: 16px
}

.arcontactus-widget.sm.left .arcontactus-prompt {
    left: 60px
}

.arcontactus-widget.sm.right .callback-countdown-block:before,.arcontactus-widget.sm.right .messangers-block:before {
    right: 16px
}

.arcontactus-widget.sm.right .arcontactus-prompt {
    right: 60px
}

.arcontactus-widget.sm .arcontactus-message-button .pulsation {
    width: 64px;
    height: 64px
}

.arcontactus-widget.sm .arcontactus-message-button .icons {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px
}

.arcontactus-widget.sm .arcontactus-message-button .static {
    margin-top: -16px
}

.arcontactus-widget.sm .arcontactus-message-button .callback-state {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px
}

.arcontactus-widget.active {
    opacity: 1
}

.arcontactus-widget .icons.hide,.arcontactus-widget .static.hide {
    opacity: 0;
    transform: scale(0)
}

.arcontactus-widget.arcontactus-message {
    z-index: 100;
    right: 15px;
    bottom: 100px;
    position: fixed!important;
    height: 48px;
    width: 48px
}

.arcontactus-widget .arcontactus-message-button {
    width: 48px;
    position: absolute;
    height: 48px;
    right: 0;
    background-color: #fff!important;
    border-radius: 50px;
    box-sizing: border-box;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    border: 1px solid #b5b5b5
}

.arcontactus-widget .arcontactus-message-button p {
    color: #000;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    font-family: Microgramma Extended,sans-serif;
    margin: 0
}

.arcontactus-widget .arcontactus-message-button .pulsation {
    width: 84px;
    height: 84px;
    background-color: hsla(0,0%,100%,.6)!important;
    border-radius: 50px;
    position: absolute;
    z-index: -1;
    transform: scale(0);
    animation: tb 2s infinite
}

.arcontactus-widget .arcontactus-message-button .icons {
    background-color: #fff;
    width: 44px;
    height: 44px;
    border-radius: 50px;
    position: absolute;
    overflow: hidden;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px
}

.arcontactus-widget .arcontactus-message-button .static {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -23px;
    margin-left: -24px;
    width: 49px;
    height: 49px;
    text-align: center;
    display: flex!important;
    align-items: center;
    justify-content: center
}

.arcontactus-widget .arcontactus-message-button .static img {
    display: inline
}

.arcontactus-widget .arcontactus-message-button .static svg {
    width: 24px;
    height: 24px;
    color: #fff
}

.arcontactus-widget .arcontactus-message-button.no-text .static {
    margin-top: -12px
}

.arcontactus-widget .pulsation:nth-of-type(2n) {
    animation-delay: .5s
}

.arcontactus-widget .pulsation.stop {
    animation: none
}

.arcontactus-widget .icons-line {
    top: 6px;
    left: 8px;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    -webkit-transition: cubic-bezier(.13,1.49,.14,-.4);
    -o-transition: cubic-bezier(.13,1.49,.14,-.4);
    animation-delay: 0s;
    transform: translateX(30px);
    height: 24px;
    transition: all .2s
}

.arcontactus-widget .icons,.arcontactus-widget .static {
    transition: all .2s
}

.arcontactus-widget .icons-line.stop {
    animation-play-state: paused
}

.arcontactus-widget .icons-line span {
    display: inline-block;
    width: 32px;
    height: 32px;
    color: #50b848!important
}

.arcontactus-widget .icons-line span i,.arcontactus-widget .icons-line span svg {
    width: 32px;
    height: 32px
}

.arcontactus-widget .icons-line span i {
    display: block;
    font-size: 32px;
    line-height: 32px
}

.arcontactus-widget .icons-line img,.arcontactus-widget .icons-line span {
    margin-right: 40px
}

.arcontactus-widget .icons.hide .icons-line {
    transform: scale(0)
}

.arcontactus-widget .icons .icon:first-of-type {
    margin-left: 0
}

.arcontactus-widget .arcontactus-close {
    color: #000
}

.arcontactus-widget .arcontactus-close svg {
    transform: rotate(180deg) scale(0);
    transition: all .12s ease-in;
    display: block
}

.arcontactus-widget .arcontactus-close.show-messageners-block svg {
    transform: rotate(0) scale(1)
}

.arcontactus-widget .arcontactus-prompt,.arcontactus-widget .messangers-block {
    background: 50% no-repeat #000;
    box-shadow: 0 0 10px #373a36;
    width: 245px;
    position: absolute;
    bottom: 80px;
    right: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 8px 0;
    box-sizing: border-box;
    border-radius: 7px;
    transform-origin: 80% 105%;
    transform: scale(0);
    transition: all .12s ease-out;
    z-index: 10000
}

.arcontactus-widget .arcontactus-prompt:before,.arcontactus-widget .messangers-block:before {
    position: absolute;
    bottom: -7px;
    right: 25px;
    left: auto;
    display: inline-block!important;
    border-right: 8px solid transparent;
    border-top: 8px solid #000;
    border-left: 8px solid transparent;
    content: ""
}

.arcontactus-widget .arcontactus-prompt.show-messageners-block,.arcontactus-widget .messangers-block.show-messageners-block {
    transform: scale(1)
}

.arcontactus-widget .arcontactus-prompt {
    color: #787878;
    font-family: Arial,sans-serif;
    font-size: 16px;
    line-height: 18px;
    width: auto;
    bottom: 10px;
    right: 80px;
    white-space: nowrap;
    padding: 18px 20px 14px
}

.arcontactus-widget .arcontactus-prompt:before {
    border-right: 8px solid transparent;
    border-top: 8px solid transparent;
    border-left: 8px solid #000;
    border-bottom: 8px solid transparent;
    bottom: 16px;
    right: -15px
}

.arcontactus-widget .arcontactus-prompt.active {
    transform: scale(1)
}

.arcontactus-widget .arcontactus-prompt .arcontactus-prompt-close {
    position: absolute;
    right: 6px;
    top: 6px;
    cursor: pointer;
    z-index: 100;
    height: 14px;
    width: 14px;
    padding: 2px
}

.arcontactus-widget .arcontactus-prompt .arcontactus-prompt-close svg {
    height: 10px;
    width: 10px;
    display: block
}

.arcontactus-widget .arcontactus-prompt .arcontactus-prompt-typing {
    border-radius: 10px;
    display: inline-block;
    left: 3px;
    padding: 0;
    position: relative;
    top: 4px;
    width: 50px
}

.arcontactus-widget .arcontactus-prompt .arcontactus-prompt-typing>div {
    position: relative;
    float: left;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    background: #ccc;
    margin: 0 2px;
    animation: sb 2s infinite
}

.arcontactus-widget .arcontactus-prompt .arcontactus-prompt-typing>div:nth-child(2) {
    animation-delay: .1s
}

.arcontactus-widget .arcontactus-prompt .arcontactus-prompt-typing>div:nth-child(3) {
    animation-delay: .2s
}

.arcontactus-widget .messangers-block.sm .messanger {
    padding-left: 50px;
    min-height: 44px
}

.arcontactus-widget .messangers-block.sm .messanger span {
    height: 32px;
    width: 32px;
    margin-top: -16px
}

.arcontactus-widget .messangers-block.sm .messanger span svg {
    height: 20px;
    width: 20px;
    margin-top: -10px;
    margin-left: -10px
}

.arcontactus-widget .messanger {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    cursor: pointer;
    width: 100%;
    padding: 8px 16px 8px 60px;
    position: relative;
    min-height: 46px;
    text-decoration: none
}

.arcontactus-widget .messanger:before {
    background-repeat: no-repeat;
    background-position: 50%
}

.arcontactus-widget .messanger.facebook span {
    background: #0084ff
}

.arcontactus-widget .messanger.email span {
    background: #ff8400
}

.arcontactus-widget .messanger.contact span {
    background: #7eb105
}

.arcontactus-widget .messanger.call-back span {
    background: #54cd81
}

.arcontactus-widget .messanger span {
    position: absolute;
    left: 16px;
    top: 50%;
    margin-top: -16px;
    display: block;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: transparent!important;
    margin-right: 12px;
    color: #fff;
    text-align: center;
    vertical-align: middle
}

.arcontactus-widget .messanger span i,.arcontactus-widget .messanger span svg {
    width: 24px;
    height: 24px;
    vertical-align: middle;
    text-align: center;
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.arcontactus-widget .messanger span svg {
    width: 100%;
    height: 100%
}

.arcontactus-widget .messanger span i {
    font-size: 18px;
    line-height: 24px
}

.arcontactus-widget .messanger p {
    margin: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    color: #fff
}

.arcontactus-widget .messanger:hover p {
    color: #373a36
}

#onesignal-bell-container.onesignal-reset.onesignal-bell-container-bottom-right,#onesignal-bell-container.onesignal-reset .onesignal-bell-launcher.onesignal-bell-launcher-bottom-right {
    right: auto;
    left: 0;
    bottom: 10%
}

#onesignal-bell-container.onesignal-reset .onesignal-bell-launcher.onesignal-bell-launcher-bottom-right.onesignal-bell-launcher-md .onesignal-bell-launcher-dialog {
    right: -180px
}

#onesignal-bell-container.onesignal-reset .onesignal-bell-launcher.onesignal-bell-launcher-bottom-right.onesignal-bell-launcher-md .onesignal-bell-launcher-dialog:after {
    right: auto;
    left: 10px
}

.images_kt_1242023:first-child ~ .images_kt_1242023 {
    display: none
}

@media (max-width: 992px) {
    #onesignal-bell-container.onesignal-reset.onesignal-bell-container-bottom-right {
        right:auto;
        left: 10px;
        bottom: 8%
    }
}

@keyframes sb {
    0%,43%,to {
        transform: translate(0)
    }

    25%,35% {
        transform: translateY(-10px)
    }
}

@keyframes tb {
    0% {
        transform: scale(0);
        opacity: 1
    }

    50% {
        opacity: .5
    }

    to {
        transform: scale(1);
        opacity: 0
    }
}

.header-menu {
    background: none;
    display: flex;
    width: 100%;
    transition: .2s
}

.header-menu.fixed {
    box-shadow: 0 5px 15px rgba(0,0,0,.1)
}

.header-menu.fixed .wow {
    visibility: visible!important;
    animation-name: unset!important
}

.header-menu .btn-contact {
    padding: 8px 16px;
    background: #0967d8;
    color: #fff;
    border-radius: 4px;
    position: relative;
    display: flex;
    align-items: center
}

.header-menu .btn-contact:after {
    content: "";
    width: 12px;
    height: 12px;
    margin-left: 16px;
    display: inline-block;
    background: url(../images/icons/view-more-white.png) no-repeat 50%;
    background-size: contain
}

.header-menu .btn-contact:hover {
    background: #fff;
    color: #0967d8
}

.header-menu .btn-contact:hover:after {
    background-image: url(../images/icons/view-more.png)
}

.header-menu .dropLang {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
    text-transform: uppercase;
    margin-left: 24px;
    font-weight: 500
}

.header-menu .dropLang ul {
    color: #000;
    display: none;
    flex-direction: column;
    padding: 8px 12px;
    background: #fff;
    border-radius: 4px;
    position: absolute;
    top: calc(100% + 8px);
    list-style: none;
    min-width: 75px
}

.header-menu .dropLang ul:before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    top: -8px;
    height: 8px
}

.header-menu .dropLang .lang-item a {
    color: #737373
}

.header-menu .dropLang .lang-item a:hover {
    color: #000
}

.header-menu .dropLang .lang-item:not(:last-child) {
    margin-bottom: 8px
}

.header-menu .dropLang .current-lang {
    display: flex;
    align-items: center
}

.header-menu .dropLang .current-lang:after {
    content: "";
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-left: 12px;
    margin-top: -3px;
    background: url(../images/icons/check.svg) no-repeat 50%;
    background-size: auto
}

.header-menu .dropLang .current-lang a {
    color: #000
}

.header-menu .dropLang.active ul,.header-menu .dropLang:hover ul {
    display: flex
}

.header-menu .dropLang.active .lang-current span,.header-menu .dropLang:hover .lang-current span {
    color: #737373
}

.header-menu .dropLang.active .lang-current span:after,.header-menu .dropLang:hover .lang-current span:after {
    background-image: url(../images/icons/caret-up-01.svg)
}

.header-menu .lang-current {
    position: relative;
    cursor: pointer
}

.header-menu .lang-current span {
    position: relative;
    display: flex;
    align-items: center
}

.header-menu .lang-current span:after {
    content: "";
    width: 24px;
    height: 24px;
    display: inline-block;
    background: url(../images/icons/caret-down-01.svg) no-repeat 50%;
    background-size: auto;
    margin-left: 4px
}

@media (max-width: 1199px) {
    .header-menu .btn-contact {
        display:none
    }
}

body.header-white .header-menu {
    background: #fff;
    position: fixed;
    top: 0;
    z-index: 999
}

body.header-white .header-menu .menu-toggler-mobile span,body.header-white .header-menu .menu-toggler-mobile span:after,body.header-white .header-menu .menu-toggler-mobile span:before {
    background: #201d3c
}

body.header-white .header-menu .navbar.navbar-default .navbar-header .navbar-brand img {
    display: none
}

body.header-white .header-menu .navbar.navbar-default .navbar-header .navbar-brand img.logo-color {
    display: inline-block
}

body.header-white .header-menu .navbar.navbar-default .navbar-nav>li>a {
    color: #242424
}

body.header-white .header-menu .navbar.navbar-default .navbar-nav>li>a.active,body.header-white .header-menu .navbar.navbar-default .navbar-nav>li>a:hover,body.header-white .header-menu .navbar.navbar-default .navbar-toggler .navbar-toggler-icon {
    color: #0967d8
}

body.header-white .header-menu .languages .btn-language,body.header-white .header-menu .languages .btn-language:after {
    color: #201d3c
}

body.header-white .header-menu .control-panel .openSearch svg {
    fill: #201d3c
}

body.header-white .header-menu .btn-contact {
    border-color: #e0e0e0
}

.header-top {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 0 20px;
    overflow: hidden;
    align-items: center;
    justify-content: space-between;
    height: 40px;
    background: #41afac
}

.header-top__left {
    display: flex;
    width: auto;
    max-width: 100%;
    white-space: nowrap
}

.header-top__left a {
    line-height: 40px;
    font-size: 13px;
    color: #fff;
    letter-spacing: .45px;
    margin-right: 22px;
    transition: all .15s linear
}

.header-top__left a i {
    padding-right: 10px;
    font-size: 14px;
    vertical-align: middle;
    line-height: 39px
}

.header-top__right {
    display: block;
    width: auto
}

.header-top__social {
    display: flex;
    align-items: center;
    width: auto;
    margin: 0;
    padding: 0
}

.header-top__social li {
    display: inline-block;
    margin-right: 16px
}

.header-top__social li a {
    line-height: 40px;
    font-size: 16px;
    color: #fff;
    transition: all .3s linear 0s
}

.header-top__social li a i {
    font-size: inherit
}

.header-top__social li a i.fa-instagram,.header-top__social li a i.fa-tripadvisor {
    font-size: 18px
}

.header-top__social li:last-child {
    margin-right: 0
}

.control-panel {
    display: flex;
    align-items: center;
    flex: 1;
    justify-content: end
}

.control-panel .openSearch {
    padding: 0;
    box-shadow: none!important
}

@media (max-width: 1440px) {
    .control-panel {
        flex:auto
    }
}

@media (max-width: 1199px) {
    .control-panel {
        display:none
    }
}

.languages {
    display: block;
    flex-shrink: 0;
    position: relative
}

.languages .btn-language {
    width: 80px;
    position: relative;
    padding: 0 20px;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    height: 35px;
    text-align: center;
    text-transform: uppercase;
    box-shadow: none!important
}

.languages .btn-language:after {
    content: "\f107";
    font-family: FontAwesome;
    font-weight: 500;
    color: #eaeaea;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.languages .languages__drop {
    position: absolute;
    top: 130%;
    right: 10px;
    background: #0f0f0f;
    border: 1px solid #212121;
    z-index: 2;
    transition: .4s;
    opacity: 0;
    list-style: none;
    padding: 0;
    visibility: hidden
}

.languages .languages__drop.active {
    right: 0;
    opacity: 1;
    visibility: visible
}

.languages .languages__drop a {
    display: flex;
    width: 100px;
    height: 48px;
    padding: 10px;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    border-bottom: 1px solid #212121;
    font-weight: 700;
    font-size: 15px;
    text-transform: uppercase
}

.languages .lang-item.current-lang a {
    color: #f0c730
}

.languages .lang-item.current-lang a:after {
    content: "\f00c";
    font-family: FontAwesome;
    font-weight: 500
}

.header-template-01 {
    padding: 100px 0
}

.header-template-01 .grand-info__scroll {
    margin-top: 64px
}

.header-template-01 .header-title-h2 {
    font-size: 40px;
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 32px;
    padding-top: 40px;
    position: relative
}

.header-template-01 .header-title-h2:before {
    content: "";
    width: 67px;
    height: 22px;
    background: url(../images/icons/line.svg) no-repeat;
    background-size: 100%;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0
}

@media (max-width: 1600px) {
    .header-template-01 .header-title-h2 {
        font-size:2.222vw
    }
}

@media (max-width: 575px) {
    .header-template-01 {
        padding:40px 0
    }

    .header-template-01 .grand-info__scroll {
        display: none
    }

    .header-template-01 .header-title-h2 {
        font-size: 22px;
        margin-bottom: 16px
    }
}

.header-template-03 {
    padding: 100px 0
}

.header-template-03 .grand-info__scroll {
    margin-left: auto
}

.header-template-03 .header-desc {
    max-width: 750px
}

.header-template-03 .row {
    align-items: center
}

@media (max-width: 575px) {
    .header-template-03 {
        padding:40px 0
    }

    .header-template-03 .grand-info__scroll {
        display: none
    }
}

.header-title-h1 {
    font-size: 80px;
    font-weight: 700;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    line-height: 1.1;
    margin-bottom: 24px
}

@media (max-width: 1600px) {
    .header-title-h1 {
        font-size:4.444vw
    }
}

@media (max-width: 575px) {
    .header-title-h1 {
        font-size:40px;
        margin-bottom: 20px
    }
}

@media (min-width: 1199px) {
    .languages-mb,.search-form-mb {
        display:none
    }
}

@media (max-width: 1199px) {
    .languages-mb,.search-form-mb {
        display:block
    }

    .search-form-mb {
        margin-top: 30px;
        margin-bottom: 60px;
        border-bottom: 1px solid hsla(0,0%,100%,.1)
    }

    .search-form-mb .form-control {
        background: transparent;
        border: 0;
        padding-left: 0;
        padding-right: 0;
        box-shadow: none;
        color: #fff
    }

    .search-form-mb .btn-search svg {
        fill: #fff
    }

    .languages-mb {
        position: relative
    }

    .languages-mb:before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        width: 100vw;
        transform: translateX(-50%);
        height: 1px;
        background: hsla(0,0%,100%,.1)
    }

    .languages-mb .btn-language {
        color: #fff!important;
        padding-left: 0;
        width: auto;
        font-size: 14px
    }

    .languages-mb .btn-language:after {
        color: #fff!important
    }

    .languages-mb .languages__drop.active {
        right: auto;
        left: 0
    }
}

.page-footer {
    display: block;
    width: 100%;
    padding: 80px 0 60px;
    background: #fff;
    background-size: cover;
    color: #737373;
    font-size: 14px
}

.page-footer address:last-child,.page-footer p:last-child {
    margin-bottom: 0
}

.page-footer a {
    color: inherit;
    font-weight: 600;
    color: #000
}

.page-footer a:hover {
    color: #737373
}

.page-footer__outer-logo {
    display: flex;
    align-items: end
}

.page-footer__logo {
    display: block;
    width: 222px;
    flex-shrink: 0;
    margin-bottom: 40px
}

.page-footer__logo img {
    display: block;
    width: 100%;
    height: auto
}

.page-footer__slogan {
    display: block;
    width: 100%;
    padding: 0;
    margin: 20px 0;
    font-size: 18px;
    line-height: 24px;
    font-weight: 500
}

.page-footer__info {
    display: flex;
    width: 100%;
    padding: 22px 0;
    flex-direction: column;
    gap: 15px;
    margin: 0
}

@media (max-width: 575px) {
    .page-footer__info {
        padding-top:0
    }
}

.page-footer__info li {
    display: flex;
    width: 100%;
    font-size: 14px;
    line-height: 24px
}

.page-footer__info li i {
    font-size: 16px;
    margin-right: 18px;
    line-height: 1;
    margin-top: 3px
}

.page-footer__title {
    display: block;
    width: 100%;
    color: #fff;
    font-size: 18px;
    letter-spacing: .32px;
    margin-bottom: 28px;
    position: relative;
    font-weight: 500
}

.page-footer__des {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 30px
}

.page-footer__menu {
    display: flex;
    width: 100%;
    flex-direction: column;
    margin: 0;
    padding: 0;
    margin-bottom: 20px
}

.page-footer__menu li {
    display: block;
    width: 100%
}

.page-footer__menu li a {
    display: block;
    width: fit-content;
    font-size: 14px;
    line-height: 24px
}

.page-footer__social {
    display: flex;
    align-items: center;
    gap: 30px;
    margin: 0;
    padding: 0
}

.page-footer__social li {
    display: inline-flex;
    width: fit-content
}

.page-footer__social li::marker {
    display: none
}

.page-footer__social li .a,.page-footer__social li a {
    width: 30px;
    height: 30px;
    display: inline-block;
    font-size: 0
}

.page-footer__social li .facebook {
    background: url(../images/icons/Facebook.svg) no-repeat 50%;
    background-size: 26px
}

.page-footer__social li .tiktok {
    background: url(../images/icons/tiktok.svg) no-repeat 50%;
    background-size: 26px
}

.page-footer__social li .youtube {
    background: url(../images/icons/youtube.svg) no-repeat 50%;
    background-size: 26px
}

.page-footer__social li .twitter {
    background: url(../images/icons/Twitter.svg) no-repeat 50%;
    background-size: 26px
}

.page-footer__social li .linkedin {
    background: url(../images/icons/LinkedIn.svg) no-repeat 50%;
    background-size: 26px
}

.page-footer__contact {
    list-style: none;
    padding-left: 0;
    margin-bottom: 20px
}

.page-footer__contact .icon {
    margin-right: 10px;
    width: 20px;
    flex-shrink: 0
}

.page-footer__contact .icon img {
    height: auto
}

.page-footer__contact li {
    display: flex
}

.page-footer__contact li:not(:last-child) {
    margin-bottom: 16px
}

.page-footer__subscribe {
    display: flex;
    width: 100%;
    flex-direction: column
}

.page-footer__subscribe .input-group-text {
    background: #fff;
    border-color: transparent
}

.page-footer__subscribe .input-group-text i {
    margin-bottom: 2px
}

.page-footer__subscribe .form-control {
    border: none;
    border-bottom: 1px solid #eee;
    border-radius: 0;
    font-size: 14px;
    height: 46px
}

.page-footer__subscribe .form-control:focus {
    box-shadow: none
}

.page-footer__subscribe .input-group {
    background: #fff
}

.page-footer__subscribe .input-group:last-child .form-control {
    border-bottom: 0
}

.page-footer__subscribe .btn-subscribe {
    display: flex;
    width: 160px;
    height: 46px;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    color: #fff;
    background: #f90;
    border-radius: 0;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto
}

.page-footer__copyright .copyright {
    font-size: 14px;
    line-height: 24px;
    margin: 0
}

@media (max-width: 575px) {
    .page-footer__copyright .copyright {
        position:relative
    }

    .page-footer__copyright .copyright:before {
        content: "";
        position: absolute;
        top: 0;
        left: -45px;
        right: -45px;
        border-top: 1px solid hsla(0,0%,100%,.5)
    }
}

.page-footer__copyright .powerby {
    display: flex;
    align-items: center;
    font-size: 13px
}

.page-footer__copyright .powerby img {
    max-height: 20px;
    margin-left: 10px
}

@media (max-width: 991px) {
    .page-footer {
        padding-top:40px;
        padding-bottom: 40px
    }

    .page-footer__outer-logo {
        margin-bottom: 20px;
        border-bottom: 1px solid #d7d8db
    }

    .page-footer__outer-logo .widget-title-menu {
        width: 100%
    }

    .page-footer__contact li:not(:last-child) {
        margin-bottom: 10px
    }
}

.member-group ul {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    column-gap: 32px
}

.member-group ul figure {
    max-width: 100px;
    margin: 0
}

.member-group ul li {
    position: relative
}

.member-group ul .line {
    width: 1px;
    background: #005eae;
    opacity: .5
}

@media (max-width: 1440px) {
    .member-group ul {
        column-gap:16px
    }
}

@media (max-width: 768px) {
    .member-group {
        margin-bottom:16px
    }
}

.footer-bottom {
    padding: 24px 0;
    border-top: 1px solid #d7d8db;
    background: #fff;
    font-size: 16px;
    color: #737373;
    font-size: 14px
}

.footer-bottom .copyright {
    font-weight: 500
}

.footer-bottom .container {
    display: flex;
    justify-content: space-between
}

.footer-bottom .policy {
    display: flex;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0
}

.footer-bottom .policy a {
    color: #005eae;
    font-weight: 500
}

.footer-bottom .policy .lang-item:not(.current-lang) a {
    color: #b5b7ba
}

.footer-bottom .policy li {
    position: relative
}

.footer-bottom .policy li:not(:last-child) {
    margin-right: 60px
}

.footer-bottom .policy li:not(:last-child):after {
    content: "";
    position: absolute;
    right: -28px;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 4px;
    display: inline-block;
    border-radius: 10px;
    background: #005eae
}

@media (max-width: 991px) {
    .footer-bottom {
        padding:20px 0
    }

    .footer-bottom .policy li:not(:last-child) {
        margin-right: 30px
    }

    .footer-bottom .policy li:not(:last-child):after {
        right: -15px
    }
}

@media (max-width: 768px) {
    .footer-bottom .container {
        flex-wrap:wrap;
        line-height: 2
    }

    .footer-bottom .container .policy {
        flex-wrap: wrap
    }
}

.widget-footer {
    margin: 0;
    margin-bottom: 24px;
    font-size: 16px
}

.widget-footer .widget-title {
    margin-bottom: 8px
}

.widget-footer .widget-content {
    display: flex;
    gap: 16px
}

.widget-footer .flag {
    width: 24px;
    flex-shrink: 0
}

@media (max-width: 575px) {
    .widget-footer {
        margin-bottom:24px
    }

    .widget-footer:last-child {
        margin-bottom: 0
    }
}

.menu-footer {
    list-style: none;
    padding: 0;
    margin: 0
}

.menu-footer li a {
    font-size: 14px;
    font-weight: 400
}

.menu-footer li a:hover {
    color: #737373
}

.menu-footer li:not(:last-child) {
    margin-bottom: 16px
}

.widget-title-menu {
    font-size: 14px;
    font-weight: 600;
    color: #000;
    text-transform: uppercase;
    margin-bottom: 16px
}

.cta {
    position: fixed;
    bottom: 100px;
    right: 24px;
    z-index: 6
}

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

.cta .list-cta .item {
    width: 40px;
    cursor: pointer;
    height: 40px;
    border-radius: 30px;
    filter: drop-shadow(0 12px 12px rgba(0,0,0,.05));
    box-shadow: 0 12px 12px 0 rgba(0,0,0,.05)
}

.cta .list-cta .item>* {
    display: block
}

.cta .list-cta .item:not(:last-child) {
    margin-bottom: 15px
}

.page-content-about .banner-hero__content .subtitle {
    font-size: 28px
}

.page-content-about .widget-post-trangan .post .post-desc {
    font-size: 18px;
    color: #fff
}

.page-content-about .about-section {
    padding: 80px 0;
    margin-bottom: 0
}

.page-content-about .about-section .widget-desc {
    text-align: justify
}

.page-content-about .about-section .widget-title {
    margin-bottom: 32px
}

.page-content-about .widget-for-newbie {
    margin-bottom: 80px
}

.page-content-about .widget-for-newbie:last-child {
    margin-bottom: 0
}

.page-content-about .widget-banner {
    margin-bottom: 80px;
    padding-bottom: 0
}

.page-content-about .widget-banner .widget-body {
    align-items: end;
    bottom: 80px;
    margin-bottom: 0
}

.page-content-about .widget-banner .widget-desc {
    max-width: 570px
}

@media (max-width: 767px) {
    .page-content-about .banner-hero__content .subtitle {
        font-size:18px
    }

    .page-content-about .about-section {
        padding: 32px 0;
        margin-bottom: 0
    }

    .page-content-about .about-section .widget-title {
        margin-bottom: 16px
    }

    .page-content-about .widget-for-newbie {
        margin-bottom: 64px
    }
}

@media (max-width: 575px) {
    .page-content-about .widget-banner {
        text-align:justify
    }

    .page-content-about .widget-banner .widget-body {
        bottom: 40px
    }

    .page-content-about .widget-post-trangan .post .post-desc {
        font-size: 16px
    }

    .page-content-about .widget-newspaper .post {
        padding: 0
    }

    .page-content-about .widget-newspaper .post:not(:last-child) {
        margin-bottom: 32px
    }

    .page-content-about .widget-newspaper .post .post-title {
        font-size: 16px
    }
}

@media (max-width: 427px) {
    .page-content-about .banner-hero__content .subtitle,.page-content-about .widget-newspaper .post .post-title,.page-content-about .widget-post-trangan .post .post-desc {
        font-size:14px
    }
}

.banner-hero {
    position: relative;
    aspect-ratio: 16/9;
    width: 100vw;
    overflow: hidden;
    max-width: 100%
}

.banner-hero.banner-hero-space {
    margin-bottom: 80px
}

.banner-hero .subtitle {
    font-family: Microgramma Extended,sans-serif;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 24px;
    text-transform: uppercase
}

.banner-hero__content {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    padding: 48px;
    display: flex;
    flex-direction: column;
    justify-content: end
}

.banner-hero__content .subtitle {
    display: block
}

.banner-hero__content .widget-desc {
    max-width: 800px;
    display: inline-block
}

.banner-hero__content .btn-viewmore {
    margin-left: auto;
    margin-right: auto;
    display: block
}

.banner-hero__img {
    height: 100%
}

.banner-hero__img .owl-dots {
    bottom: 0;
    position: absolute;
    left: 0;
    right: 0
}

.banner-hero__img .owl-dots .owl-dot {
    border: 0;
    background: transparent
}

.banner-hero__img .owl-dots .owl-dot span {
    margin: 0 6px;
    height: 4px;
    width: 12px;
    display: inline-block;
    border-radius: 2px;
    background: #737373
}

.banner-hero__img .owl-dots .owl-dot.active span {
    background: #c65a18;
    width: 24px
}

.banner-hero__img .owl-nav {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0;
    padding: 0 15px;
    transform: translateY(-50%);
    justify-content: space-between;
    opacity: 0;
    transition: .5s
}

.banner-hero__img .owl-nav button.owl-next,.banner-hero__img .owl-nav button.owl-prev {
    width: 40px;
    height: 40px;
    margin: 0;
    border-radius: 30px;
    border: 1px solid #fff;
    color: #fff;
    background: transparent
}

.banner-hero__img.owl-carousel:hover .owl-nav {
    opacity: 1
}

.banner-hero__img.owl-carousel+.banner-hero__content {
    pointer-events: none
}

.banner-hero .banner-img {
    height: 100%;
    display: block
}

.banner-hero .banner-img img {
    object-fit: cover;
    object-position: 50% 50%;
    -o-object-position: 50% 50%;
    width: 100%;
    height: 100%
}

@media (max-width: 1440px) {
    .banner-hero .subtitle {
        font-size:38px
    }
}

@media (max-width: 1280px) {
    .banner-hero__content {
        padding-top:40px;
        padding-bottom: 40px
    }

    .banner-hero .subtitle {
        font-size: 30px
    }
}

@media (max-width: 767px) {
    .banner-hero.banner-hero-space {
        margin-bottom:64px
    }

    .banner-hero.banner-post-detail {
        aspect-ratio: unset;
        margin-bottom: 40px
    }

    .banner-hero.banner-post-detail .banner-hero__img {
        aspect-ratio: 16/9
    }

    .banner-hero.banner-post-detail .banner-hero__content {
        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto
    }

    .banner-hero.banner-post-detail .container {
        padding-left: 0;
        padding-right: 0
    }

    .banner-hero.banner-post-detail .post-cate {
        background: #262626
    }

    .banner-hero__content {
        padding: 16px
    }

    .banner-hero .subtitle {
        font-size: 24px
    }
}

@media (max-width: 575px) {
    .banner-hero {
        margin-top:65px;
        aspect-ratio: 3/4
    }

    .banner-hero.banner-hero-list-coach {
        aspect-ratio: unset
    }

    .banner-hero.banner-hero-list-coach .banner-hero__content {
        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
        padding-top: 24px
    }

    .banner-hero.banner-hero-list-coach .banner-hero__img {
        aspect-ratio: 3/4
    }

    .banner-hero.banner-hero-list-coach .grand-info__scroll {
        display: none
    }

    .banner-hero.banner-hero-list-coach .widget-desc {
        margin-bottom: 0
    }

    .banner-hero .subtitle {
        font-size: 16px
    }
}

@media (max-width: 427px) {
    .banner-hero .subtitle {
        font-size:14px
    }
}

.text_fadeIn {
    animation: u linear 2s
}

.text_fadeOut {
    animation: lb linear 2s
}

.home-register-now .section-subtitle {
    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    font-family: Microgramma Extended;
    line-height: 1.3;
    margin-bottom: 24px;
    text-align: center;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto
}

.home-register-now .container {
    margin-top: 120px;
    margin-bottom: 120px
}

.home-register-now .list-service-run {
    font-family: Microgramma Extended;
    padding: 24px 0;
    font-size: 16px;
    font-weight: 700;
    color: #737373;
    display: flex;
    list-style: none;
    justify-content: center;
    margin: 0
}

.home-register-now .list-service-run:hover .service-run.run {
    animation-play-state: paused
}

.home-register-now .list-service-run.run-reverse .service-inner {
    justify-content: end
}

.home-register-now .list-service-run.run-reverse .service-run {
    animation-name: ob
}

.home-register-now .list-service-run .service-inner {
    overflow: hidden;
    display: flex;
    width: 100%;
    transition: opacity .5s linear
}

.home-register-now .list-service-run .item {
    width: max-content
}

.home-register-now .list-service-run .service-run {
    padding: 0 44px;
    display: inline-flex;
    transition: opacity .5s linear;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-play-state: paused;
    animation-name: nb;
    animation-duration: 15s;
    column-gap: 88px
}

.home-register-now .list-service-run .service-run.run {
    animation-play-state: running
}

.home-register-now .btn-viewmore {
    display: block;
    margin-left: auto;
    margin-right: auto
}

@media (max-width: 1280px) {
    .home-register-now .section-subtitle {
        font-size:30px
    }
}

@media (max-width: 767px) {
    .home-register-now .list-service-run {
        font-size:12px
    }

    .home-register-now .list-service-run .service-run {
        column-gap: 24px;
        padding: 0 12px
    }

    .home-register-now .container {
        margin-top: 56px;
        margin-bottom: 56px
    }

    .home-register-now .section-subtitle {
        font-size: 24px
    }
}

@media (max-width: 575px) {
    .home-register-now {
        padding:40px 0
    }

    .home-register-now .section-subtitle {
        font-size: 16px
    }
}

.widget-banner {
    position: relative;
    margin-bottom: 24px
}

.widget-banner img {
    width: 100%
}

.widget-banner-center {
    text-align: center
}

.widget-banner-center .btn-viewmore {
    margin-left: auto;
    margin-right: auto
}

.widget-banner .banner_img {
    margin: 0;
    width: 100%;
    aspect-ratio: 16/9
}

.widget-banner .banner_img img {
    object-fit: cover;
    object-position: 50% 50%;
    -o-object-position: 50% 50%;
    width: 100%;
    height: 100%
}

.widget-banner .list-dots::-webkit-scrollbar {
    display: none;
    width: 0;
    background: transparent
}

.widget-banner .list-dots {
    padding: 20px 0;
    position: relative;
    z-index: 2;
    display: flex;
    list-style: none;
    justify-content: center;
    padding-left: 0;
    margin: 0;
    gap: 40px;
    font-size: 16px;
    font-weight: 700;
    color: #737373;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.widget-banner .list-dots .item {
    cursor: pointer;
    font-weight: 700;
    text-transform: uppercase;
    font-family: Microgramma Extended,sans-serif
}

.widget-banner .list-dots .item.active,.widget-banner .list-dots .item.active a,.widget-banner .list-dots .item:hover,.widget-banner .list-dots .item:hover a {
    color: #fff
}

.widget-banner .list-dots a {
    color: #737373
}

.widget-banner .list-dots a:hover {
    color: #fff
}

.widget-banner .widget-body {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1
}

.widget-banner .slide-banner~.progress-bar {
    background: #737373;
    height: 4px
}

.widget-banner .slide-banner~.progress-bar .progress {
    background: #c65a18
}

@media (max-width: 767px) {
    .widget-banner .list-dots {
        font-size:12px;
        gap: 24px;
        overflow: overlay;
        white-space: nowrap;
        padding: 18px 0;
        padding-left: 15px;
        padding-right: 15px;
        justify-content: start;
        display: inline-flex;
        max-width: 100%
    }
}

@media (max-width: 575px) {
    .widget-banner {
        margin-bottom:64px;
        text-align: center
    }

    .widget-banner .banner_img {
        aspect-ratio: 3/4
    }

    .widget-banner .widget-body {
        background: transparent;
        align-items: end;
        margin-bottom: 40px
    }

    .widget-banner-location .widget-body {
        margin-bottom: 94px
    }

    .widget-banner .slide-banner~.widget-body {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
        margin-top: 18px;
        margin-bottom: 0
    }

    .widget-banner .slide-banner~.progress-bar {
        height: 2px
    }

    .widget-banner .btn-viewmore {
        margin-left: auto;
        margin-right: auto
    }
}

.widget-form-cta {
    position: relative
}

.widget-form-cta .banner_img_mb {
    display: none;
    margin: 0
}

.widget-form-cta .banner_img_mb img {
    object-fit: cover;
    object-position: 50% 50%;
    -o-object-position: 50% 50%;
    width: 100%;
    height: 100%
}

.widget-form-cta .banner_img {
    margin: 0;
    width: 50%;
    aspect-ratio: 8/9
}

.widget-form-cta .banner_img img {
    object-fit: cover;
    object-position: 50% 50%;
    -o-object-position: 50% 50%;
    width: 100%;
    height: 100%
}

.widget-form-cta .widget-body {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center
}

.widget-form-cta .row {
    align-items: center
}

.widget-form-cta .inner-form {
    padding-left: 100px
}

.widget-form-cta .inner-form label {
    color: #737373;
    display: block;
    margin-bottom: 8px
}

.widget-form-cta .inner-form .form-control {
    border-radius: 4px;
    border: 1px solid #d0d0ce;
    background: transparent;
    font-size: 16px;
    color: #fff;
    overflow: hidden;
    padding: 12px 16px
}

.widget-form-cta .inner-form .form-control::placeholder {
    color: #737373;
    opacity: 1
}

.widget-form-cta .inner-form .form-control::-ms-input-placeholder {
    color: #737373
}

.widget-form-cta .inner-form select.form-control {
    color: #737373;
    background: url(../images/icons/caret-down-01.svg);
    background-position: calc(100% - 15px) 50%;
    background-repeat: no-repeat
}

.widget-form-cta .inner-form .form-group {
    margin-bottom: 24px
}

.widget-form-cta .inner-form .btn-submit {
    background: #fff;
    color: #000;
    padding: 12px 20px;
    font-weight: 600;
    width: 100%;
    font-size: 16px
}

@media (max-width: 1280px) {
    .widget-form-cta {
        padding-bottom:64px
    }

    .widget-form-cta .widget-body {
        position: relative;
        top: auto;
        right: auto;
        left: auto;
        bottom: auto
    }

    .widget-form-cta .widget-header {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        display: flex;
        justify-content: center;
        flex-direction: column;
        padding: 0 30px
    }

    .widget-form-cta .row {
        align-items: unset
    }

    .widget-form-cta .banner_img_mb {
        display: block;
        height: 100%
    }

    .widget-form-cta .banner_img {
        display: none
    }

    .widget-form-cta .inner-form {
        padding-left: 0
    }
}

@media (max-width: 767px) {
    .widget-form-cta .inner-form {
        margin-top:24px
    }

    .widget-form-cta .inner-form .form-control {
        padding-top: 10px;
        padding-bottom: 10px
    }
}

@media (max-width: 575px) {
    .widget-form-cta .widget-header {
        text-align:center
    }

    .widget-form-cta .widget-header br {
        display: none
    }
}

.widget-customer {
    padding: 100px 0;
    background: #fff
}

.widget-customer .widget-title {
    color: #000;
    padding-right: 150px;
    margin-bottom: 80px;
    font-size: 48px
}

.widget-customer .widget-title span {
    display: block;
    width: max-content;
    line-height: 1.3
}

.widget-customer .widget-title span:first-child {
    margin-bottom: 12px
}

.widget-customer .widget-title span:last-child {
    margin-left: auto
}

.widget-customer .list-customer.owl-loaded [class*=col-] {
    width: 100%
}

.widget-customer .list-customer.owl-loaded .owl-nav {
    position: absolute;
    top: -135px;
    right: 0;
    margin: 0
}

.widget-customer .list-customer.owl-loaded .owl-nav button {
    width: 40px;
    height: 40px;
    border: 1px solid #000;
    border-radius: 50%;
    font-size: 25px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    color: #000;
    justify-content: center
}

.widget-customer .list-customer.owl-loaded .owl-nav button:hover {
    background: #fff
}

.widget-customer .list-customer.owl-loaded .owl-nav button span {
    filter: unset
}

.widget-customer .customer-thumb {
    border-radius: 4px 4px 0 0;
    overflow: hidden;
    margin-bottom: 32px;
    aspect-ratio: 7/4
}

.widget-customer .customer-thumb img {
    object-fit: cover;
    object-position: 50% 50%;
    -o-object-position: 50% 50%;
    width: 100%;
    height: 100%
}

.widget-customer .customer-name {
    font-family: Microgramma Extended,sans-serif;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 16px
}

.widget-customer .customer-name .x {
    margin: 0 20px
}

.widget-customer .customer-name .x:after {
    content: "X";
    color: #737373
}

.widget-customer .customer-info {
    padding: 32px;
    padding-top: 0
}

.widget-customer .customer-star {
    margin-bottom: 32px;
    display: flex;
    gap: 16px
}

.widget-customer .customer-star .star {
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url(../images/icons/star.svg) no-repeat 50%;
    background-size: cover
}

.widget-customer .customer-desc {
    color: #999;
    text-align: justify
}

.widget-customer .inner-item {
    background: #000
}

@media (max-width: 1280px) {
    .widget-customer .widget-title {
        font-size:30px;
        margin-bottom: 24px;
        padding-right: 0
    }

    .widget-customer .list-customer.owl-loaded .owl-nav {
        position: relative;
        margin-top: 16px;
        top: auto;
        right: 0;
        left: 0;
        bottom: 0;
        width: 100%;
        display: flex;
        justify-content: center
    }
}

@media (max-width: 767px) {
    .widget-customer {
        padding:40px 0
    }

    .widget-customer .widget-title {
        font-size: 24px
    }

    .widget-customer .customer-thumb {
        margin-bottom: 20px
    }

    .widget-customer .customer-info {
        padding: 20px 16px;
        padding-top: 0
    }

    .widget-customer .customer-name {
        font-size: 16px;
        margin-bottom: 12px
    }

    .widget-customer .customer-star {
        margin-bottom: 12px;
        gap: 8px
    }

    .widget-customer .customer-star .star {
        width: 16px;
        height: 16px
    }
}

@media (max-width: 575px) {
    .widget-customer .widget-title {
        font-size:16px
    }

    .widget-customer .customer-name {
        font-size: 14px
    }
}

.widget-news {
    padding: 100px 0
}

.widget-news .widget-title {
    margin-bottom: 40px
}

.widget-news .btn-viewmore {
    display: block;
    margin: 40px auto 0;
    padding: 8px 12px;
    font-size: 14px
}

.widget-news .list-slide-news.owl-loaded [class*=col-] {
    width: 100%
}

.widget-news .list-slide-news .owl-nav {
    position: absolute;
    top: -90px;
    right: 0;
    margin: 0
}

.widget-news .list-slide-news .owl-nav button {
    width: 40px;
    height: 40px;
    border: 1px solid #fff;
    border-radius: 50%;
    font-size: 25px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

@media (max-width: 767px) {
    .widget-news {
        padding:64px 0
    }

    .widget-news .list-slide-news.owl-loaded .owl-nav {
        position: relative;
        margin-top: 16px;
        top: auto;
        right: 0;
        left: 0;
        bottom: 0;
        width: 100%;
        display: flex;
        justify-content: center
    }

    .widget-news .btn-viewmore {
        margin-top: 24px
    }
}

.topPage-page {
    background: #fff;
    padding: 80px 0;
    text-align: center;
    margin-top: 92px;
    color: #000;
    margin-bottom: 80px
}

.topPage-page .widget-title {
    margin: 0
}

@media (max-width: 767px) {
    .topPage-page {
        margin-bottom:32px;
        margin-top: 70px;
        padding: 32px 0
    }
}

@media (max-width: 575px) {
    .topPage-page {
        margin-top:61px
    }
}

.entry-content-page {
    text-align: justify;
    margin-bottom: 100px
}

.entry-content-page h2,.entry-content-page h3,.entry-content-page h4,.entry-content-page h5,.entry-content-page h6 {
    font-weight: 700;
    font-family: Microgramma Extended,sans-serif;
    line-height: 1.4;
    margin-bottom: 24px;
    text-transform: uppercase;
    font-size: 20px
}

@media (max-width: 767px) {
    .entry-content-page {
        margin-bottom:64px
    }

    .entry-content-page h2,.entry-content-page h3,.entry-content-page h4,.entry-content-page h5,.entry-content-page h6 {
        font-size: 16px
    }
}

@media (max-width: 427px) {
    .entry-content-page h2,.entry-content-page h3,.entry-content-page h4,.entry-content-page h5,.entry-content-page h6 {
        font-size:14px
    }
}

.page-contact {
    padding: 100px 0 250px
}

.page-contact .header-title-h1 {
    margin-bottom: 32px
}

.page-contact .header-title-h2 {
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 32px;
    padding-top: 40px;
    position: relative;
    font-size: 24px
}

.page-contact .header-title-h2:before {
    content: "";
    width: 67px;
    height: 22px;
    background: url(../images/icons/line.svg) no-repeat;
    background-size: 100%;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0
}

.page-contact .header-desc {
    font-size: 18px
}

.page-contact .header-desc ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.page-contact .header-desc ul li:before {
    content: "*";
    color: #c41a9e
}

.page-contact .header-desc ul li:not(:last-child) {
    margin-bottom: 24px
}

.page-contact .header-desc ul a {
    color: #c41a9e;
    background: linear-gradient(#c41a9e,#c41a9e) 100% 100%/0 1px no-repeat;
    transition: background-size .4s cubic-bezier(.23,1,.32,1) 0s
}

.page-contact .header-desc ul a:hover {
    background-position: 0 100%;
    background-size: 100% 1px
}

.page-contact .inner-form {
    padding: 40px;
    background: #fff;
    row-gap: 32px;
    display: flex;
    flex-wrap: wrap
}

.page-contact .inner-form label {
    margin-bottom: 16px
}

.page-contact .inner-form label span {
    color: #c41a9e
}

.page-contact .inner-form .form-check-label {
    margin-bottom: 0
}

.page-contact .inner-form textarea {
    min-height: 100px
}

.page-contact .inner-form .btn-submit {
    background: #005eae;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    gap: 12px;
    padding: 14px 24px;
    width: 100%
}

.page-contact .inner-form .result {
    display: none
}

@media (max-width: 1600px) {
    .page-contact .header-title-h2 {
        font-size:1.5vw
    }
}

@media (max-width: 1280px) {
    .page-contact {
        padding:40px 0
    }

    .page-contact .header-title-h1 {
        margin-bottom: 20px
    }

    .page-contact .header-title-h2 {
        margin-bottom: 16px
    }

    .page-contact .inner-form {
        padding: 24px 16px;
        margin-top: 48px;
        row-gap: 16px
    }

    .page-contact .header-desc {
        font-size: 14px
    }

    .page-contact .header-desc ul li:not(:last-child) {
        margin-bottom: 16px
    }
}

@media (max-width: 767px) {
    .page-contact .inner-form .row {
        row-gap:16px
    }
}

.archive-title-activity {
    text-align: center;
    margin-bottom: 100px
}

@media (max-width: 575px) {
    .archive-title-activity {
        margin-bottom:32px
    }
}

.archive-title {
    font-size: 64px;
    font-weight: 600;
    margin-bottom: 80px
}

@media (max-width: 767px) {
    .archive-title {
        font-size:40px;
        margin-bottom: 25px
    }
}

#pagination {
    justify-content: center;
    width: 100%;
    text-align: center;
    margin: 0 0 100px;
    float: left
}

#pagination,.pagination {
    display: -ms-flexbox;
    display: block;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem
}

.pagination .page-numbers {
    padding: 5px 15px;
    font-size: 15px;
    font-weight: 500;
    display: inline-block;
    color: #201d3c
}

.pagination .current,.pagination .current:hover,.pagination a,.pagination a:hover {
    color: #0967d8
}

.archive-content {
    margin-top: 180px
}

@media (max-width: 767px) {
    .archive-content {
        margin-top:120px
    }
}

.list-terms {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 24px
}

.list-terms ul {
    list-style: none;
    padding-left: 0;
    display: flex
}

.list-terms ul li:not(:last-child) {
    margin-right: 32px
}

.list-terms ul li.active a {
    color: #0967d8
}

.list-terms ul a {
    color: #80849e;
    line-height: 56px;
    display: inline-block
}

.list-terms ul a:hover {
    color: #0967d8
}

@media (max-width: 991px) {
    .list-terms {
        overflow-y:scroll;
        font-weight: 400;
        font-size: 13px
    }

    .list-terms ul {
        flex-wrap: wrap;
        width: max-content;
        margin-bottom: 0
    }
}

.widget-list-news {
    margin-bottom: 100px
}

.widget-list-news .widget-header {
    margin-bottom: 32px;
    padding-right: 108px;
    padding-bottom: 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #373a36
}

.widget-list-news .btn-view {
    text-decoration: underline
}

.widget-list-news .btn-view:hover {
    color: #999
}

.widget-list-news .widget-title {
    margin-bottom: 0;
    line-height: 1
}

.widget-list-news .list-slide-news.owl-loaded [class*=col-] {
    width: 100%
}

.widget-list-news .list-slide-news .owl-nav {
    position: absolute;
    top: -100px;
    right: 0;
    margin: 0
}

.widget-list-news .list-slide-news .owl-nav button {
    width: 40px;
    height: 40px;
    border: 1px solid #fff;
    border-radius: 50%;
    font-size: 25px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

@media (max-width: 767px) {
    .widget-list-news {
        margin-bottom:64px
    }
}

@media (max-width: 575px) {
    .widget-list-news .widget-header {
        margin-bottom:24px;
        padding-right: 0;
        padding-bottom: 0;
        border: 0
    }

    .widget-list-news .list-slide-news .owl-nav {
        position: relative;
        top: auto;
        bottom: auto;
        left: 0;
        display: flex;
        width: 100%;
        justify-content: center;
        margin-top: 24px
    }
}

.slide-banner-post {
    max-width: 700px
}

.slide-banner-post .subtitle {
    font-size: 40px
}

.slide-banner-post .btn-viewdetail {
    font-size: 16px;
    text-decoration: underline;
    font-weight: 500
}

.slide-banner-post .post-cate {
    font-size: 14px;
    padding: 6px;
    background: #000;
    display: inline-block;
    border-radius: 4px;
    margin-bottom: 6px
}

.slide-banner-post .post-info {
    display: flex;
    align-items: center;
    column-gap: 24px;
    font-size: 16px;
    font-weight: 500
}

.slide-banner-post .post-info img {
    flex-shrink: 0
}

.slide-banner-post .post-date,.slide-banner-post .post-views {
    display: flex;
    column-gap: 12px;
    align-items: center
}

@media (max-width: 1440px) {
    .slide-banner-post .subtitle {
        font-size:38px
    }
}

@media (max-width: 1280px) {
    .slide-banner-post .subtitle {
        font-size:30px
    }
}

@media (max-width: 767px) {
    .slide-banner-post .subtitle {
        font-size:24px
    }
}

@media (max-width: 575px) {
    .slide-banner-post .subtitle {
        font-size:16px
    }
}

@media (max-width: 427px) {
    .slide-banner-post .subtitle {
        font-size:14px
    }
}

.banner-hero-news {
    aspect-ratio: unset;
    overflow: unset;
    margin-bottom: 100px
}

.banner-hero-news .banner-hero__content {
    bottom: 64px
}

.banner-hero-news .slide-banner-post-thumb {
    padding-bottom: 64px
}

.banner-hero-news .slide-banner-post-thumb .item {
    aspect-ratio: 16/9
}

.banner-hero-news .slide-banner-post-thumb .owl-nav {
    margin: 0
}

.banner-hero-news .custom-nav-dots {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    z-index: 1;
    display: flex;
    column-gap: 18px;
    width: 100%;
    justify-content: center;
    align-items: center
}

.banner-hero-news .custom-nav-dots .owl-next,.banner-hero-news .custom-nav-dots .owl-prev {
    width: 40px;
    height: 40px;
    margin: 0;
    border-radius: 30px;
    border: 1px solid #fff;
    color: #fff;
    background: transparent
}

.banner-hero-news .custom-nav-dots .owl-prev {
    font-size: 0
}

.banner-hero-news .custom-nav-dots .owl-prev span {
    width: 100%;
    height: 100%;
    display: block;
    background: url(../images/icons/angle-left.svg) no-repeat 50%;
    filter: invert(100%) sepia(0) saturate(7471%) hue-rotate(34deg) brightness(96%) contrast(108%);
    background-size: 20px;
    font-size: 0
}

.banner-hero-news .custom-nav-dots .owl-prev.disabled span {
    filter: invert(57%) sepia(40%) saturate(19%) hue-rotate(333deg) brightness(98%) contrast(98%)
}

.banner-hero-news .custom-nav-dots .owl-next span {
    width: 100%;
    height: 100%;
    display: block;
    font-size: 0;
    background: url(../images/icons/angle-right.svg) no-repeat 50%;
    filter: invert(100%) sepia(0) saturate(7471%) hue-rotate(34deg) brightness(96%) contrast(108%);
    background-size: 20px
}

.banner-hero-news .custom-nav-dots .owl-next.disabled span {
    filter: invert(57%) sepia(40%) saturate(19%) hue-rotate(333deg) brightness(98%) contrast(98%)
}

.banner-hero-news .owl-dots .owl-dot {
    border: 0;
    background: transparent
}

.banner-hero-news .owl-dots .owl-dot span {
    margin: 0 6px;
    height: 4px;
    width: 12px;
    display: inline-block;
    border-radius: 2px;
    background: #737373
}

.banner-hero-news .owl-dots .owl-dot.active span {
    background: #c65a18;
    width: 24px
}

@media (max-width: 767px) {
    .banner-hero-news {
        margin-bottom:64px
    }

    .banner-hero-news .container {
        padding: 0
    }
}

@media (max-width: 575px) {
    .banner-hero-news .slide-banner-post-thumb .item {
        aspect-ratio:3/4
    }
}

.page-404 {
    padding: 80px 0
}

.page-404 .inner-404-page {
    background: #fff;
    height: 740px;
    max-height: 70vh;
    display: flex;
    align-items: center;
    justify-content: center
}

.page-404 .inner-404-page figure {
    width: 160px;
    flex-shrink: 0;
    margin-right: 64px
}

.page-404 .text-1 {
    font-size: 40px;
    font-weight: 700
}

.page-404 .text-2 {
    font-size: 32px
}

.page-404 .btn-home {
    background: #005eae;
    margin-top: 25px;
    padding: 8px 16px;
    color: #fff;
    border-radius: 4px;
    position: relative;
    display: flex;
    align-items: center;
    width: max-content
}

.page-404 .btn-home:before {
    content: "";
    width: 20px;
    height: 20px;
    margin-right: 12px;
    display: inline-block;
    background: url(../images/icons/angle-left.png) no-repeat 50%;
    background-size: contain
}

.page-404 .btn-home:hover {
    background: #fff;
    color: #0967d8;
    border: 1px solid #0967d8
}

.page-404 .btn-home:hover:before {
    background-image: url(../images/icons/angle-left-white.png)
}

@media (max-width: 767px) {
    .page-404 .inner-404-page {
        padding:40px 16px
    }

    .page-404 .inner-404-page figure {
        width: 100px;
        margin-right: 32px
    }

    .page-404 .text-1 {
        font-size: 32px
    }

    .page-404 .text-2 {
        font-size: 24px
    }
}

@media (max-width: 575px) {
    .page-404 {
        padding:40px 0
    }

    .page-404 .inner-404-page {
        display: block;
        padding: 40px 16px;
        height: auto
    }

    .page-404 .inner-404-page figure {
        float: left
    }

    .page-404 .text-1 {
        font-size: 32px;
        margin-top: 40px
    }

    .page-404 .text-2 {
        font-size: 24px
    }

    .page-404 .text-3 {
        width: 100%
    }

    .page-404 .text-3:before {
        content: "";
        clear: both;
        display: table
    }

    .page-404 .btn-home {
        width: 100%;
        justify-content: center
    }
}

.error-section {
    min-height: 45vh;
    padding-top: 100px
}

.error-section img {
    display: block;
    margin: 0 auto
}

.error-section .btn-dark {
    font-weight: 700;
    background-color: #ea102a;
    border-radius: 40px;
    border: none;
    padding: 10px 30px
}

.error-section .page-title {
    text-align: center;
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: 300
}

@media (max-width: 575px) {
    .error-section {
        padding-top:30px
    }

    .error-section .page-title {
        font-size: 18px
    }
}

#modal-search .modal-dialog {
    max-width: 100%;
    margin: 0;
    height: 100vh
}

#modal-search .modal-content {
    padding: 24px;
    border-radius: 0;
    border: 0;
    background: #000;
    background-size: 100%;
    height: 100%;
    position: relative;
    overflow: hidden
}

#modal-search .modal-header {
    border: 0;
    max-width: 1140px;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    margin-bottom: 80px;
    margin-top: 24px
}

#modal-search .modal-body {
    max-width: 970px;
    margin: 0 auto;
    width: 100%;
    padding: 0
}

#modal-search .form-control {
    padding: 12px 16px;
    border-radius: 4px;
    background: transparent;
    color: #fff
}

#modal-search .form-control:focus {
    outline: none;
    box-shadow: unset
}

#modal-search .btn-search {
    background: transparent;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0
}

#modal-search .close {
    opacity: 1;
    margin: 0;
    padding: 0;
    background: transparent;
    border: 0
}

#modal-search .close span {
    font-size: 30px;
    margin-left: 8px;
    margin-bottom: 6px
}

#modal-search .virtual {
    width: 40px
}

#modal-search .logo-search {
    width: 165px
}

#modal-register .modal-dialog {
    max-width: 1170px
}

#modal-register .banner_img {
    width: 100%;
    margin-bottom: 0
}

#modal-register .banner_img img {
    width: 100%;
    border-radius: 4px
}

#modal-register .modal-content {
    background: #000
}

#modal-register .close {
    position: absolute;
    top: 16px;
    right: 16px;
    opacity: 1;
    margin: 0;
    padding: 0;
    background: transparent;
    border: 0;
    z-index: 2
}

#modal-register [class*=col] {
    padding: 0;
    position: relative
}

#modal-register .modal-body {
    padding-bottom: 0;
    padding-top: 0;
    border-radius: 4px;
    border: 1px solid #373a36
}

#modal-register .inner-form {
    padding: 40px
}

#modal-register .inner-form label {
    color: #737373;
    display: block;
    margin-bottom: 8px
}

#modal-register .inner-form .form-control {
    border-radius: 4px;
    border: 1px solid #d0d0ce;
    background: transparent;
    font-size: 16px;
    color: #fff;
    overflow: hidden;
    padding: 12px 16px
}

#modal-register .inner-form .form-control::placeholder {
    color: #737373;
    opacity: 1
}

#modal-register .inner-form .form-control::-ms-input-placeholder {
    color: #737373
}

#modal-register .inner-form select.form-control {
    color: #737373;
    background: url(../images/icons/caret-down-01.svg);
    background-position: calc(100% - 15px) 50%;
    background-repeat: no-repeat
}

#modal-register .inner-form .form-group {
    margin-bottom: 24px
}

#modal-register .inner-form .btn-submit {
    background: #fff;
    color: #000;
    padding: 12px 20px;
    font-weight: 600;
    width: 100%;
    font-size: 16px
}

#modal-register .widget-header {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    z-index: 1;
    padding: 40px
}

@media (max-width: 767px) {
    #modal-register .widget-header {
        padding:16px
    }

    #modal-register .widget-header .widget-desc {
        text-align: center
    }

    #modal-register .inner-form {
        padding: 24px 16px
    }
}

.modal-success {
    text-align: center
}

.modal-success .success-icon {
    margin: 0 auto 24px;
    display: block;
    width: max-content
}

.modal-success .success-title {
    font-size: 16px;
    font-weight: 700;
    font-family: Microgramma Extended,sans-serif;
    margin-bottom: 24px
}

.modal-success .success-desc {
    margin-bottom: 24px
}

.modal-success .btn-viewmore {
    margin-left: auto;
    margin-right: auto
}

.modal-success .modal-content {
    background: #000
}

.modal-success .modal-body {
    padding: 64px 33px
}

.banner-search {
    aspect-ratio: unset;
    margin-top: 148px
}

.banner-search .result-title {
    font-size: 14px;
    color: #737373;
    text-transform: uppercase;
    margin-bottom: 40px
}

.banner-search .result {
    font-size: 36px;
    text-transform: none;
    display: inline-block;
    font-family: Microgramma Extended,sans-serif;
    color: #fff
}

@media (max-width: 767px) {
    .banner-search {
        margin-top:84px
    }

    .banner-search .result-title {
        margin-bottom: 24px
    }
}

@media (max-width: 575px) {
    #modal-search .modal-header {
        margin-bottom:35px;
        margin-top: 0
    }

    #modal-search .close {
        text-indent: -999px
    }

    #modal-search .close span {
        text-indent: 0
    }

    #modal-search .modal-content {
        background-size: cover
    }

    #modal-search .modal-content:after {
        right: auto;
        left: 25%;
        width: 550px;
        bottom: -200px
    }
}

.widget-benefit {
    padding-bottom: 80px
}

.widget-benefit .widget-title {
    margin-bottom: 0;
    margin-bottom: 80px
}

.widget-benefit .item-title {
    font-size: 20px;
    font-weight: 700;
    font-family: Microgramma Extended,sans-serif
}

.widget-benefit .item-content {
    color: #999
}

.widget-benefit .item {
    border-top: 1px solid #373a36;
    padding: 40px 0
}

.widget-benefit .item:last-child {
    border-bottom: 1px solid #373a36
}

@media (max-width: 767px) {
    .widget-benefit {
        padding-bottom:64px
    }

    .widget-benefit .widget-title {
        margin-bottom: 32px
    }

    .widget-benefit .item {
        padding: 24px 0
    }

    .widget-benefit .item-title {
        margin-bottom: 16px;
        font-size: 16px
    }
}

@media (max-width: 575px) {
    .widget-benefit {
        font-size:14px
    }
}

.widget-procedure {
    padding: 100px 0;
    background-color: #fff
}

.widget-procedure .widget-title {
    margin-bottom: 80px;
    text-align: center;
    color: #000
}

.widget-procedure .section-img img {
    width: 100%;
    border-radius: 4px
}

.widget-procedure .accordion-button {
    box-shadow: unset;
    text-transform: uppercase;
    font-weight: 600;
    padding: 24px 0;
    background: transparent;
    font-size: 18px;
    border-top-left-radius: 2px!important;
    border-top-right-radius: 2px!important;
    color: #000
}

.widget-procedure .accordion-button:not(.collapsed):after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E")
}

.widget-procedure .accordion-body {
    color: #373a36;
    padding: 0 0 24px
}

.widget-procedure .accordion-item {
    border-radius: 0;
    border: 0;
    background: transparent;
    overflow: hidden;
    border-bottom: 1px solid #e5e5e5
}

.widget-procedure .accordion-item:first-child .accordion-button {
    padding-top: 0
}

@media (max-width: 767px) {
    .widget-procedure {
        padding:64px 0
    }

    .widget-procedure .widget-title {
        margin-bottom: 24px
    }

    .widget-procedure .accordion-button {
        font-size: 16px
    }
}

.widget-gallery-kol {
    padding: 100px 0
}

.widget-gallery-kol .widget-title {
    text-align: center;
    margin-bottom: 40px
}

.widget-gallery-kol .item img {
    border-radius: 8px;
    overflow: hidden
}

@media (max-width: 767px) {
    .widget-gallery-kol {
        padding:64px 0
    }

    .widget-gallery-kol .widget-title {
        margin-bottom: 24px
    }

    .widget-gallery-kol .item {
        padding-left: 0;
        padding-right: 0
    }
}

.widget-list-coach {
    margin-top: 100px
}

.widget-list-coach .widget-header {
    margin-bottom: 32px
}

.widget-list-coach .widget-title {
    padding-bottom: 24px;
    margin-bottom: 0;
    border-bottom: 1px solid #373a36
}

.widget-list-coach.last-child {
    margin-bottom: 100px
}

.widget-list-coach .custom-nav-dots {
    display: flex;
    column-gap: 18px;
    width: 100%;
    justify-content: center;
    align-items: center;
    margin-top: 24px
}

.widget-list-coach .owl-next,.widget-list-coach .owl-prev {
    width: 40px;
    height: 40px;
    margin: 0;
    border-radius: 30px;
    border: 1px solid #fff;
    color: #fff;
    background: transparent
}

.widget-list-coach .owl-prev {
    font-size: 0
}

.widget-list-coach .owl-prev span {
    width: 100%;
    height: 100%;
    display: block;
    background: url(../images/icons/angle-left.svg) no-repeat 50%;
    filter: invert(100%) sepia(0) saturate(7471%) hue-rotate(34deg) brightness(96%) contrast(108%);
    background-size: 20px;
    font-size: 0
}

.widget-list-coach .owl-prev.disabled span {
    filter: invert(57%) sepia(40%) saturate(19%) hue-rotate(333deg) brightness(98%) contrast(98%)
}

.widget-list-coach .owl-next span {
    width: 100%;
    height: 100%;
    display: block;
    font-size: 0;
    background: url(../images/icons/angle-right.svg) no-repeat 50%;
    filter: invert(100%) sepia(0) saturate(7471%) hue-rotate(34deg) brightness(96%) contrast(108%);
    background-size: 20px
}

.widget-list-coach .owl-next.disabled span {
    filter: invert(57%) sepia(40%) saturate(19%) hue-rotate(333deg) brightness(98%) contrast(98%)
}

.widget-list-coach .owl-dots .owl-dot {
    border: 0;
    background: transparent
}

.widget-list-coach .owl-dots .owl-dot span {
    margin: 0 6px;
    height: 4px;
    width: 12px;
    display: inline-block;
    border-radius: 2px;
    background: #737373
}

.widget-list-coach .owl-dots .owl-dot.active span {
    background: #c65a18;
    width: 24px
}

@media (max-width: 575px) {
    .widget-list-coach {
        margin-top:64px
    }

    .widget-list-coach .widget-header {
        margin-bottom: 24px
    }

    .widget-list-coach .widget-title {
        font-size: 16px;
        border: 0;
        padding-bottom: 0;
        text-align: center
    }
}

.coach .coach-thumb {
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 16px;
    aspect-ratio: 37/49;
    width: 100%
}

.coach .coach-thumb img {
    object-fit: cover;
    object-position: 50% 50%;
    -o-object-position: 50% 50%;
    width: 100%;
    height: 100%
}

.coach .coach-name {
    font-size: 16px;
    font-family: Microgramma Extended,sans-serif;
    font-weight: 700;
    margin-bottom: 16px
}

.coach .coach-desc {
    margin-bottom: 12px;
    color: #999;
    text-align: justify
}

.coach .btn-viewmore-coach {
    font-weight: 600;
    cursor: pointer;
    text-decoration: underline
}

@media (max-width: 575px) {
    .coach .coach-name {
        font-size:14px
    }
}

.modal-coach .modal-dialog {
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto
}

.modal-coach .modal-body,.modal-coach .modal-header {
    padding: 0
}

.modal-coach .close {
    opacity: 1;
    margin: 0;
    padding: 0;
    position: absolute;
    background: transparent;
    border: 0;
    top: 16px;
    right: 16px;
    width: 30px;
    z-index: 1;
    height: 30px
}

.modal-coach .modal-content {
    position: relative;
    padding: 48px;
    background: #000;
    border: 1px solid #373a36
}

.modal-coach .modal-header {
    flex-wrap: wrap;
    position: relative;
    margin-bottom: 48px;
    border-bottom: 0
}

.modal-coach .banner_img {
    width: 100%;
    margin-bottom: 0
}

.modal-coach .banner_img img {
    width: 100%;
    border-radius: 4px
}

.modal-coach .banner_content {
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    justify-content: end;
    padding: 48px;
    z-index: 1
}

.modal-coach .coach-name {
    font-size: 40px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: Microgramma Extended,sans-serif;
    margin-bottom: 24px
}

.modal-coach .btn-viewmore {
    padding-top: 10px;
    padding-bottom: 10px
}

.modal-coach .avt-coach {
    position: sticky;
    top: 0
}

.modal-coach .avt-coach img {
    width: 100%;
    border-radius: 4px
}

.modal-coach .coach-title {
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    font-family: Microgramma Extended,sans-serif;
    margin-bottom: 16px
}

.modal-coach .coach-content:not(:last-child) {
    margin-bottom: 40px
}

@media (max-width: 767px) {
    .modal-coach .modal-dialog {
        max-width:calc(100% - 30px)
    }

    .modal-coach .modal-content {
        padding: 24px 16px
    }

    .modal-coach .coach-name {
        font-size: 24px
    }

    .modal-coach .banner_content {
        padding: 0;
        align-items: center;
        justify-content: center
    }

    .modal-coach .avt-coach {
        margin-bottom: 24px
    }

    .modal-coach .avt-coach img {
        max-width: 400px;
        margin: 0 auto;
        display: block
    }
}

@media (max-width: 575px) {
    .modal-coach .coach-name {
        font-size:16px
    }
}

.list-coach-slide.owl-loaded [class*=col-] {
    width: 100%
}

.list-coach-slide.owl-loaded .owl-nav {
    position: absolute;
    top: -90px;
    right: 0;
    margin: 0
}

.list-coach-slide.owl-loaded .owl-nav button {
    width: 40px;
    height: 40px;
    border: 1px solid #fff;
    border-radius: 50%;
    font-size: 25px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

@media (max-width: 575px) {
    .list-coach-slide.owl-loaded .owl-nav {
        position:relative;
        top: auto;
        right: auto;
        margin: auto
    }
}

.widget-for-newbie {
    position: relative;
    margin-bottom: 160px
}

.widget-for-newbie .banner_img {
    margin: 0;
    width: calc(50% - 15px);
    margin-left: auto;
    aspect-ratio: 1
}

.widget-for-newbie .banner_img img {
    object-fit: cover;
    object-position: 50% 50%;
    -o-object-position: 50% 50%;
    width: 100%;
    height: 100%;
    border-radius: 4px
}

.widget-for-newbie .widget-desc strong {
    font-family: Microgramma Extended;
    font-weight: 700;
    font-size: 16px;
    display: block;
    margin-bottom: 16px
}

.widget-for-newbie .widget-body {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center
}

@media (max-width: 767px) {
    .widget-for-newbie {
        display:flex;
        flex-wrap: wrap;
        margin-bottom: 64px
    }

    .widget-for-newbie .banner_img {
        width: 100%;
        order: 2;
        margin-top: 24px
    }

    .widget-for-newbie .widget-body {
        position: relative;
        order: 1;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto
    }

    .widget-for-newbie .btn-viewmore {
        margin-left: auto;
        margin-right: auto;
        display: block
    }
}

.widget-package {
    margin-bottom: 80px
}

.widget-package .widget-title {
    text-align: center;
    margin-bottom: 64px
}

.widget-package .package {
    border-radius: 4px;
    padding: 32px;
    position: relative;
    border: 1px solid #fff
}

.widget-package .package-tag {
    background: #c65a18;
    border-radius: 4px;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 14px;
    padding: 6px 10px;
    display: inline-block;
    line-height: 1.4;
    position: absolute;
    left: 50%;
    transform: translate(-50%,-50%);
    top: 0
}

.widget-package .package-name {
    font-size: 20px;
    font-weight: 700;
    font-family: Microgramma Extended,sans-serif;
    margin-bottom: 32px;
    text-align: center
}

.widget-package .package-thumb {
    margin-bottom: 20px;
    border-radius: 15px;
    overflow: hidden;
    max-width: 350px;
    margin-left: auto;
    margin-right: auto
}

.widget-package .package-thumb img {
    object-fit: cover;
    object-position: 50% 50%;
    -o-object-position: 50% 50%;
    width: 100%;
    height: 100%
}

.widget-package .package-desc {
    font-size: 14px;
    color: #999;
    text-align: center;
    margin-bottom: 32px
}

.widget-package .package-strong {
    font-weight: 700;
    font-family: Microgramma Extended,sans-serif;
    font-size: 16px;
    margin-bottom: 16px
}

.widget-package .package ul {
    padding-left: 12px;
    font-size: 14px;
    margin-bottom: 0
}

.widget-package .package ul li:not(:last-child) {
    margin-bottom: 12px
}

.widget-package .package-content {
    margin-bottom: 32px
}

.widget-package .package-register {
    border-radius: 4px;
    padding: 16px 60px;
    border: 1px solid #fff;
    font-weight: 600;
    margin: 0 auto;
    display: block;
    width: max-content
}

.widget-package .package-register:hover {
    background: #fff;
    color: #000
}

.widget-package .widget-body {
    margin-top: -20px;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.widget-package .widget-body::-webkit-scrollbar {
    display: none;
    width: 0;
    background: transparent
}

@media (max-width: 767px) {
    .widget-package {
        margin-bottom:0
    }

    .widget-package .widget-title {
        margin-bottom: 24px
    }

    .widget-package .widget-body {
        overflow: overlay;
        flex-wrap: nowrap
    }

    .widget-package .widget-body [class*=col] {
        width: calc(100vw - 50px)
    }

    .widget-package .package {
        padding: 24px 16px;
        margin-top: 20px
    }
}

.widget-faq {
    background: transparent
}

.widget-faq .accordion-body {
    color: #999;
    text-align: justify
}

.widget-faq .accordion-button,.widget-faq .widget-title {
    color: #fff
}

.widget-faq .accordion-item {
    border-bottom: 1px solid #373a36
}

.widget-faq .accordion-item:first-child .accordion-button {
    padding-top: 0
}

.widget-faq .accordion-button:after {
    background-image: url('data:image/svg+xml;charset=utf-8,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16 29.333c7.333 0 13.333-6 13.333-13.333S23.333 2.667 16 2.667c-7.334 0-13.334 6-13.334 13.333s6 13.333 13.334 13.333zM10.666 16h10.667M16 21.333V10.667" stroke="%23fff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>')
}

.widget-faq .accordion-button:not(.collapsed):after {
    background-image: url('data:image/svg+xml;charset=utf-8,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.667 16h18.666" stroke="%23fff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>')
}

@media (max-width: 767px) {
    .widget-faq {
        padding-top:0
    }
}

.widget-service-info {
    margin-top: 92px;
    padding: 120px 0
}

.widget-service-info .widget-title {
    font-size: 48px;
    margin-bottom: 24px
}

.widget-service-info .widget-price {
    font-size: 20px;
    font-weight: 700;
    font-family: Microgramma Extended,sans-serif;
    margin-bottom: 24px
}

.widget-service-info .widget-subtitle {
    font-size: 36px;
    margin-bottom: 24px;
    font-family: Microgramma Extended,sans-serif;
    line-height: 1.3
}

.widget-service-info .btn-viewmore {
    min-width: 250px;
    text-align: center;
    max-width: 100%
}

.widget-service-info .widget-calendar:not(:last-child) {
    margin-bottom: 24px
}

.widget-service-info .widget-calendar .title {
    color: #737373;
    padding-bottom: 12px;
    text-transform: uppercase;
    font-size: 16px
}

.widget-service-info .widget-calendar td {
    padding-bottom: 12px
}

@media (max-width: 1280px) {
    .widget-service-info .widget-title {
        font-size:30px
    }
}

@media (max-width: 767px) {
    .widget-service-info {
        padding-bottom:64px;
        padding-top: 64px;
        margin-top: 66px
    }

    .widget-service-info .widget-title {
        font-size: 24px
    }

    .widget-service-info .widget-price {
        font-size: 16px
    }

    .widget-service-info .widget-subtitle {
        font-size: 30px;
        margin-top: 40px
    }
}

@media (max-width: 575px) {
    .widget-service-info .widget-title {
        font-size:20px
    }

    .widget-service-info .widget-subtitle {
        font-size: 16px
    }
}

.list-gallery-kol .owl-nav {
    margin: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    font-size: 25px
}

.list-gallery-kol .owl-nav [class*=owl-] {
    margin: 0;
    width: 40px;
    height: 40px;
    border-radius: 30px
}

.list-gallery-kol .owl-nav [class*=owl-].owl-next,.list-gallery-kol .owl-nav [class*=owl-].owl-prev {
    background: #000
}

.list-gallery-kol .item {
    position: relative
}

.list-gallery-kol .item-content {
    position: absolute;
    bottom: 0;
    left: 15px;
    right: 15px;
    padding: 40px
}

.list-gallery-kol .item-content .item-name {
    font-size: 20px;
    margin-bottom: 12px;
    font-family: Microgramma Extended,sans-serif;
    font-weight: 700
}

@media (max-width: 575px) {
    .list-gallery-kol .item {
        aspect-ratio:3/4
    }

    .list-gallery-kol .item img {
        overflow: hidden;
        object-fit: cover;
        object-position: 50% 50%;
        -o-object-position: 50% 50%;
        width: 100%;
        height: 100%
    }

    .list-gallery-kol .owl-nav {
        position: relative;
        bottom: 0;
        transform: unset;
        column-gap: 24px;
        margin-top: 24px
    }

    .list-gallery-kol .owl-nav [class*=owl-].owl-next,.list-gallery-kol .owl-nav [class*=owl-].owl-prev {
        border: 1px solid #d9d9d9
    }

    .list-gallery-kol .item-content {
        padding: 15px;
        text-align: center
    }
}

.list-experience {
    row-gap: 88px;
    margin-right: -100px
}

.list-experience .experience-thumb {
    aspect-ratio: 4/5;
    margin-bottom: 24px
}

.list-experience .experience-thumb img {
    border-radius: 6px;
    object-fit: cover;
    object-position: 50% 50%;
    -o-object-position: 50% 50%;
    width: 100%;
    height: 100%
}

.list-experience .experience-name {
    margin-bottom: 16px;
    font-weight: 700;
    font-family: Microgramma Extended,sans-serif
}

.list-experience .experience:nth-child(2n) {
    margin-top: 40px
}

@media (max-width: 1440px) {
    .list-experience {
        margin-right:-15px
    }
}

@media (max-width: 767px) {
    .list-experience {
        row-gap:40px
    }

    .list-experience .experience-thumb {
        margin-bottom: 12px
    }

    .list-experience .experience-name {
        margin-bottom: 8px
    }

    .list-experience .experience:nth-child(2n) {
        margin-top: 0
    }
}

.widget-toplist {
    margin-bottom: 160px;
    padding-bottom: 0
}

@media (max-width: 767px) {
    .widget-toplist {
        margin-bottom:64px
    }
}

.widget-banner-experience {
    margin-bottom: 160px
}

@media (max-width: 767px) {
    .widget-banner-experience {
        margin-bottom:60px
    }

    .widget-banner-experience .progress-bar {
        margin-bottom: 24px
    }
}

.widget-culture {
    margin-bottom: 160px
}

.widget-culture .widget-title {
    margin-bottom: 48px
}

.widget-culture .list-tab-slide .item {
    margin-bottom: 40px
}

.widget-culture .list-tab-slide .item:not(:last-child) {
    padding-bottom: 16px;
    border-bottom: 1px solid #373a36
}

.widget-culture .list-tab-slide .item:not(:last-child):not(.active) {
    padding-bottom: 40px
}

.widget-culture .list-tab-slide .item-desc {
    color: #999;
    display: none;
    padding-top: 20px;
    text-align: justify
}

.widget-culture .list-tab-slide .item-title {
    font-size: 20px;
    font-family: Microgramma Extended,sans-serif;
    font-weight: 700;
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer
}

.widget-culture .list-tab-slide .item-title:after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    display: block;
    content: "";
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform .2s ease-in-out
}

.widget-culture .list-tab-slide .item-thumb {
    display: none
}

.widget-culture .list-tab-slide .item.active .item-title:after {
    transform: rotate(-180deg)
}

.widget-culture .list-tab-slide .item.active .item-desc {
    display: block
}

.widget-culture .list-content-tab-slide .owl-stage {
    padding-left: 0!important
}

.widget-culture .list-content-tab-slide .owl-item {
    scale: .8;
    transition: .1s
}

.widget-culture .list-content-tab-slide .owl-item.active {
    scale: 1
}

.widget-culture .list-content-tab-slide img {
    width: 100%;
    border-radius: 4px
}

.widget-culture .custom-nav-content-tab {
    display: flex;
    column-gap: 12px
}

.widget-culture .custom-nav-content-tab [class*=owl-] {
    font-size: 25px
}

.widget-culture .custom-nav-content-tab .owl-next,.widget-culture .custom-nav-content-tab .owl-prev,.widget-culture .custom-nav-content-tab [class*=owl-] {
    margin: 0;
    width: 40px;
    height: 40px;
    border-radius: 30px;
    border: 1px solid #fff;
    color: #fff;
    background: transparent
}

.widget-culture .custom-nav-content-tab .owl-prev {
    font-size: 0
}

.widget-culture .custom-nav-content-tab .owl-prev span {
    width: 100%;
    height: 100%;
    display: block;
    background: url(../images/icons/angle-left.svg) no-repeat 50%;
    filter: invert(100%) sepia(0) saturate(7471%) hue-rotate(34deg) brightness(96%) contrast(108%);
    background-size: 20px;
    font-size: 0
}

.widget-culture .custom-nav-content-tab .owl-prev.disabled span {
    filter: invert(57%) sepia(40%) saturate(19%) hue-rotate(333deg) brightness(98%) contrast(98%)
}

.widget-culture .custom-nav-content-tab .owl-next span {
    width: 100%;
    height: 100%;
    display: block;
    font-size: 0;
    background: url(../images/icons/angle-right.svg) no-repeat 50%;
    filter: invert(100%) sepia(0) saturate(7471%) hue-rotate(34deg) brightness(96%) contrast(108%);
    background-size: 20px
}

.widget-culture .custom-nav-content-tab .owl-next.disabled span {
    filter: invert(57%) sepia(40%) saturate(19%) hue-rotate(333deg) brightness(98%) contrast(98%)
}

@media (max-width: 767px) {
    .widget-culture {
        margin-bottom:64px
    }

    .widget-culture .widget-title {
        margin-bottom: 24px
    }

    .widget-culture .item-desc {
        margin-bottom: 16px
    }

    .widget-culture .list-tab-slide .item-desc,.widget-culture .list-tab-slide .item-thumb {
        display: none
    }

    .widget-culture .list-tab-slide .item.active .item-desc,.widget-culture .list-tab-slide .item.active .item-thumb {
        display: block
    }
}

@media (max-width: 575px) {
    .widget-culture .list-tab-slide .item-title {
        font-size:14px
    }

    .widget-culture .list-tab-slide .item {
        margin-bottom: 32px
    }

    .widget-culture .list-tab-slide .item:not(:last-child):not(.active) {
        padding-bottom: 32px
    }

    .widget-culture .list-tab-slide .item:last-child {
        margin-bottom: 0
    }
}

.widget-post-trangan {
    padding-bottom: 100px
}

.widget-post-trangan .widget-title {
    margin-bottom: 40px
}

.widget-post-trangan .post-title {
    font-size: 20px;
    font-weight: 700;
    font-family: Microgramma Extended,sans-serif
}

@media (max-width: 767px) {
    .widget-post-trangan {
        padding-bottom:40px
    }

    .widget-post-trangan .post {
        margin-bottom: 24px
    }

    .widget-post-trangan .post-title {
        font-size: 14px
    }

    .widget-post-trangan .widget-title {
        margin-bottom: 24px
    }
}

@media (max-width: 575px) {
    .widget-gallery-device {
        margin-bottom:64px
    }
}

.gallery-device figure {
    margin: 0
}

.gallery-device.owl-loaded [class*=col] {
    width: 100%
}

.gallery-device.owl-loaded .owl-nav {
    position: absolute;
    top: -90px;
    right: 0;
    margin: 0
}

.gallery-device.owl-loaded .owl-nav button {
    width: 40px;
    height: 40px;
    border: 1px solid #fff;
    border-radius: 50%;
    font-size: 25px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

@media (max-width: 575px) {
    .gallery-device.owl-loaded .owl-nav {
        position:relative;
        top: auto;
        bottom: auto;
        left: 0;
        display: flex;
        width: 100%;
        justify-content: center;
        margin-top: 24px
    }
}

.widget-nunber-trangan {
    padding-bottom: 120px
}

.widget-nunber-trangan .widget-title {
    margin-bottom: 80px
}

.widget-nunber-trangan .list-number {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    text-align: center
}

.widget-nunber-trangan .list-number li:not(:last-child):after {
    content: "";
    width: 1px;
    height: 90px;
    background: #373a36;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.widget-nunber-trangan .icon {
    margin-bottom: 24px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 56px
}

.widget-nunber-trangan .number {
    font-size: 36px;
    margin-bottom: 16px;
    font-family: Microgramma Extended,sans-serif
}

@media (max-width: 767px) {
    .widget-nunber-trangan {
        padding-bottom:64px
    }

    .widget-nunber-trangan .widget-title {
        margin-bottom: 24px
    }

    .widget-nunber-trangan .list-number {
        flex-wrap: wrap;
        row-gap: 40px
    }

    .widget-nunber-trangan .list-number li:not(:last-child):after {
        display: none
    }
}

.toc-single {
    position: sticky;
    top: 90px;
    z-index: 1
}

.toc-single span {
    font-family: Microgramma Extended;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 16px;
    display: block
}

.toc-single .list-toc {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    display: flex;
    flex-wrap: wrap;
    row-gap: 12px;
    flex-direction: column
}

.toc-single .list-toc li {
    color: #737373;
    cursor: pointer
}

.toc-single .list-toc li.active,.toc-single .list-toc li:hover {
    color: #fff;
    font-weight: 600
}

@media (max-width: 767px) {
    .toc-single {
        position:relative;
        top: auto
    }

    .toc-single .list-toc {
        margin-bottom: 40px
    }
}

.detail-single-post {
    margin-bottom: 160px
}

.detail-single-post .post-footer {
    margin-top: 32px;
    display: flex;
    justify-content: space-between
}

.detail-single-post .tag-post {
    display: flex;
    flex-wrap: wrap;
    column-gap: 16px
}

.detail-single-post .tag-post a {
    border-radius: 4px;
    background: #262626;
    padding: 6px 8px;
    font-size: 14px;
    font-weight: 500
}

@media (max-width: 767px) {
    .detail-single-post {
        margin-bottom:64px
    }
}

@media (max-width: 575px) {
    .widget-related-post .widget-header {
        justify-content:center
    }
}

.entry {
    word-break: break-word;
    line-height: 1.5
}

.entry,.entry blockquote {
    font-size: 16px;
    text-align: justify
}

.entry blockquote {
    padding: 15px;
    background: #f3f3f3;
    color: #868686;
    display: block;
    line-height: 23px;
    margin: 0 0 20px;
    padding: 15px 20px 15px 45px;
    position: relative
}

.entry blockquote ul {
    list-style: square
}

.entry blockquote ul li {
    margin-bottom: 8px
}

.entry blockquote:before {
    color: #2171af;
    content: "“";
    font-family: Georgia,serif;
    font-size: 60px;
    font-weight: 700;
    left: 6px;
    position: absolute;
    top: 15px
}

.entry h1,.entry h2,.entry h3,.entry h4,.entry h5,.entry h6 {
    margin-top: 48px;
    margin-bottom: 24px;
    letter-spacing: .48px
}

.entry h1:first-child,.entry h2:first-child,.entry h3:first-child,.entry h4:first-child,.entry h5:first-child,.entry h6:first-child {
    margin-top: 0
}

.entry h1:last-child,.entry h2:last-child,.entry h3:last-child,.entry h4:last-child,.entry h5:last-child,.entry h6:last-child {
    margin-bottom: 0
}

.entry h1,.entry h2 {
    font-size: 24px
}

.entry h1,.entry h2,.entry h3 {
    font-weight: 700;
    position: relative;
    line-height: 1.3
}

.entry h3 {
    font-size: 22px
}

.entry h4 {
    font-size: 20px
}

.entry h4,.entry h5 {
    font-weight: 700;
    position: relative;
    line-height: 1.3
}

.entry h5 {
    font-size: 18px
}

.entry h6 {
    font-weight: 700;
    position: relative;
    line-height: 1.3;
    font-size: 16px
}

.entry .h1,.entry .h2 {
    font-size: 24px
}

.entry .h3 {
    font-size: 22px
}

.entry .h4 {
    font-size: 20px
}

.entry .h5 {
    font-size: 18px
}

.entry .h6 {
    font-size: 16px
}

.entry iframe {
    max-width: 100%
}

.entry ol,.entry ul {
    padding-left: 30px
}

.entry table td {
    padding: 5px
}

.entry table figure {
    width: 100%!important;
    max-width: 100%
}

.entry .table td,.entry .table th {
    border-color: #f2f2f2
}

@media (max-width: 767px) {
    .entry {
        font-size:14px
    }

    .entry .h2,.entry h2 {
        font-size: 18px;
        margin-top: 24px;
        margin-bottom: 12px
    }
}

.widget-calendar {
    margin: 100px 0
}

.widget-calendar .date-list {
    text-align: center;
    margin-bottom: 40px
}

.widget-calendar .date-list .item {
    font-size: 18px
}

.widget-calendar .tab-header {
    margin-bottom: 40px;
    border-bottom: 1px solid #373a36;
    display: flex
}

.widget-calendar .tab-header .tab-title {
    flex: 1;
    text-align: center;
    font-size: 36px;
    font-family: Microgramma Extended,sans-serif;
    position: relative;
    padding-bottom: 32px;
    cursor: pointer
}

.widget-calendar .tab-header .tab-title.active {
    font-weight: 700
}

.widget-calendar .tab-header .tab-title.active:after,.widget-calendar .tab-header .tab-title:hover:after {
    content: "";
    height: 6px;
    width: 150px;
    background: #c65a18;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%)
}

.widget-calendar .tab-content:not(.active) {
    display: none
}

.widget-calendar .owl-nav {
    width: 300px;
    position: absolute;
    left: 50%;
    transform: translate(-50%,50%);
    bottom: 50%;
    display: flex;
    justify-content: space-between
}

.widget-calendar .owl-nav button.owl-next,.widget-calendar .owl-nav button.owl-prev {
    width: 40px;
    height: 40px;
    margin: 0;
    border-radius: 30px;
    border: 1px solid #fff;
    color: #fff;
    background: transparent
}

@media (max-width: 767px) {
    .widget-calendar {
        margin:40px 0
    }

    .widget-calendar .tab-header .tab-title {
        font-size: 18px;
        padding-bottom: 20px
    }

    .widget-calendar .tab-header .tab-title.active:after,.widget-calendar .tab-header .tab-title:hover:after {
        height: 4px;
        width: 80px
    }
}

@media (max-width: 575px) {
    .widget-calendar .tab-header .tab-title {
        font-size:14px
    }
}

.banner-hero-service {
    margin-bottom: 160px
}

@media (max-width: 767px) {
    .banner-hero-service {
        margin-bottom:64px
    }
}

.widget-target-gym {
    background: transparent
}

.widget-target-gym .accordion-body,.widget-target-gym .accordion-button,.widget-target-gym .widget-title {
    color: #fff
}

.widget-target-gym .accordion-item {
    border-bottom: 1px solid #373a36
}

.widget-target-gym .accordion-button:after,.widget-target-gym .accordion-button:not(.collapsed):after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E")
}

@media (max-width: 767px) {
    .widget-target-gym {
        padding-top:0
    }

    .widget-target-gym .btn-viewmore {
        margin-left: auto;
        margin-right: auto
    }
}

.widget-gallery-device-yoga {
    margin-bottom: 100px
}

.widget-gallery-device-yoga .widget-title {
    margin-bottom: 40px
}

.widget-gallery-device-yoga .btn-viewmore {
    margin-top: 24px
}

@media (max-width: 767px) {
    .widget-gallery-device-yoga {
        margin-bottom:64px
    }

    .widget-gallery-device-yoga .widget-title {
        margin-bottom: 24px;
        text-align: center
    }
}

.widget-gallery-bongro {
    position: relative;
    padding-bottom: 64px;
    margin-bottom: 100px
}

.widget-gallery-bongro figure {
    margin: 0
}

.widget-gallery-bongro figure img {
    width: 100%
}

.widget-gallery-bongro .owl-nav {
    margin: 0
}

.widget-gallery-bongro .custom-nav-dots {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    z-index: 1;
    display: flex;
    column-gap: 18px;
    align-items: center
}

.widget-gallery-bongro .custom-nav-dots .owl-next,.widget-gallery-bongro .custom-nav-dots .owl-prev {
    width: 40px;
    height: 40px;
    margin: 0;
    font-size: 25px;
    border-radius: 30px;
    border: 1px solid #fff;
    color: #fff;
    background: transparent
}

.widget-gallery-bongro .custom-nav-dots .owl-prev {
    font-size: 0
}

.widget-gallery-bongro .custom-nav-dots .owl-prev span {
    width: 100%;
    height: 100%;
    display: block;
    background: url(../images/icons/angle-left.svg) no-repeat 50%;
    filter: invert(100%) sepia(0) saturate(7471%) hue-rotate(34deg) brightness(96%) contrast(108%);
    background-size: 20px;
    font-size: 0
}

.widget-gallery-bongro .custom-nav-dots .owl-prev.disabled span {
    filter: invert(57%) sepia(40%) saturate(19%) hue-rotate(333deg) brightness(98%) contrast(98%)
}

.widget-gallery-bongro .custom-nav-dots .owl-next span {
    width: 100%;
    height: 100%;
    display: block;
    font-size: 0;
    background: url(../images/icons/angle-right.svg) no-repeat 50%;
    filter: invert(100%) sepia(0) saturate(7471%) hue-rotate(34deg) brightness(96%) contrast(108%);
    background-size: 20px
}

.widget-gallery-bongro .custom-nav-dots .owl-next.disabled span {
    filter: invert(57%) sepia(40%) saturate(19%) hue-rotate(333deg) brightness(98%) contrast(98%)
}

.widget-gallery-bongro .owl-dots .owl-dot {
    border: 0;
    background: transparent
}

.widget-gallery-bongro .owl-dots .owl-dot span {
    margin: 0 6px;
    height: 4px;
    width: 12px;
    display: inline-block;
    border-radius: 2px;
    background: #737373
}

.widget-gallery-bongro .owl-dots .owl-dot.active span {
    background: #c65a18;
    width: 24px
}

@media (max-width: 767px) {
    .widget-gallery-bongro {
        margin-bottom:64px
    }
}

@media (max-width: 575px) {
    .widget-gallery-bongro figure {
        aspect-ratio:3/4
    }

    .widget-gallery-bongro figure img {
        object-fit: cover;
        object-position: 50% 50%;
        -o-object-position: 50% 50%;
        width: 100%;
        height: 100%
    }
}

.widget-tryhard .widget-title {
    margin-bottom: 40px
}

.widget-tryhard .post {
    text-align: center
}

.widget-tryhard .post .post-thumb {
    aspect-ratio: 1
}

.widget-tryhard .post .post-title {
    font-size: 20px;
    font-family: Microgramma Extended,sans-serif;
    font-weight: 700
}

.widget-tryhard .list-slide-tryhard {
    width: 100%;
    position: relative
}

.widget-tryhard .list-slide-tryhard .owl-nav {
    display: flex;
    justify-content: end;
    right: 0;
    margin: 0
}

@media (min-width: 576px) {
    .widget-tryhard .list-slide-tryhard .owl-nav {
        position:absolute;
        top: -90px
    }
}

.widget-tryhard .list-slide-tryhard .owl-nav button {
    width: 40px;
    height: 40px;
    border: 1px solid #fff;
    border-radius: 50%;
    font-size: 25px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.widget-tryhard .list-slide-tryhard.owl-loaded [class*=col] {
    width: 100%
}

@media (max-width: 767px) {
    .widget-tryhard .widget-title {
        margin-bottom:24px
    }

    .widget-tryhard .post .post-title {
        font-size: 14px
    }

    .widget-tryhard .post .post-desc {
        color: #fff
    }
}

@media (max-width: 575px) {
    .widget-tryhard .list-slide-tryhard .owl-nav {
        width:100%;
        justify-content: center
    }

    .widget-tryhard .post .post-desc,.widget-tryhard .post .post-title {
        text-align: center
    }
}

.widget-boxing {
    margin-bottom: 160px
}

@media (max-width: 767px) {
    .widget-boxing {
        margin-bottom:64px
    }
}

.widget-paliate {
    padding: 100px 0
}

.widget-paliate .widget-desc strong {
    font-family: Microgramma Extended;
    font-weight: 700;
    font-size: 20px;
    display: block;
    margin-bottom: 16px;
    color: #737373
}

@media (max-width: 767px) {
    .widget-paliate {
        padding:0 0 64px
    }

    .widget-paliate .widget-desc strong {
        font-size: 14px
    }
}

.widget-experience-palite {
    margin-bottom: 100px
}

@media (max-width: 767px) {
    .widget-experience-palite {
        margin-bottom:64px
    }
}

.widget-experience .widget-header {
    position: sticky;
    top: 90px
}

@media (max-width: 767px) {
    .widget-experience .widget-desc,.widget-experience .widget-title {
        text-align:center
    }

    .widget-experience .widget-header {
        position: relative;
        top: auto
    }

    .widget-experience .btn-viewmore {
        margin-bottom: 24px;
        margin-left: auto;
        margin-right: auto
    }
}

.widget-banner-boiloi {
    margin-bottom: 100px
}

.widget-banner-boiloi .banner_img {
    margin: 0;
    border-radius: 4px;
    aspect-ratio: 1;
    overflow: hidden
}

.widget-banner-boiloi .banner_img img {
    object-fit: cover;
    object-position: 50% 50%;
    -o-object-position: 50% 50%;
    width: 100%;
    height: 100%
}

.widget-banner-boiloi .widget-title {
    font-size: 20px;
    margin-bottom: 12px
}

.widget-banner-boiloi .btn-viewmore {
    margin-left: auto;
    margin-right: auto;
    display: block
}

.widget-banner-boiloi .banner-outer {
    position: relative
}

.widget-banner-boiloi .banner-outer .banner_content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 24px;
    text-align: center;
    z-index: 1
}

.widget-banner-boiloi .banner_info {
    margin-top: 24px
}

.widget-banner-boiloi .custom-nav-dots {
    display: flex;
    column-gap: 18px;
    width: 100%;
    justify-content: center;
    align-items: center
}

.widget-banner-boiloi .owl-next,.widget-banner-boiloi .owl-prev {
    width: 40px;
    height: 40px;
    margin: 0;
    border-radius: 30px;
    border: 1px solid #fff;
    color: #fff;
    background: transparent
}

.widget-banner-boiloi .owl-prev {
    font-size: 0
}

.widget-banner-boiloi .owl-prev span {
    width: 100%;
    height: 100%;
    display: block;
    background: url(../images/icons/angle-left.svg) no-repeat 50%;
    filter: invert(100%) sepia(0) saturate(7471%) hue-rotate(34deg) brightness(96%) contrast(108%);
    background-size: 20px;
    font-size: 0
}

.widget-banner-boiloi .owl-prev.disabled span {
    filter: invert(57%) sepia(40%) saturate(19%) hue-rotate(333deg) brightness(98%) contrast(98%)
}

.widget-banner-boiloi .owl-next span {
    width: 100%;
    height: 100%;
    display: block;
    font-size: 0;
    background: url(../images/icons/angle-right.svg) no-repeat 50%;
    filter: invert(100%) sepia(0) saturate(7471%) hue-rotate(34deg) brightness(96%) contrast(108%);
    background-size: 20px
}

.widget-banner-boiloi .owl-next.disabled span {
    filter: invert(57%) sepia(40%) saturate(19%) hue-rotate(333deg) brightness(98%) contrast(98%)
}

.widget-banner-boiloi .owl-dots .owl-dot {
    border: 0;
    background: transparent
}

.widget-banner-boiloi .owl-dots .owl-dot span {
    margin: 0 6px;
    height: 4px;
    width: 12px;
    display: inline-block;
    border-radius: 2px;
    background: #737373
}

.widget-banner-boiloi .owl-dots .owl-dot.active span {
    background: #c65a18;
    width: 24px
}

@media (max-width: 767px) {
    .widget-banner-boiloi {
        margin-bottom:64px
    }

    .widget-banner-boiloi .widget-title {
        font-size: 16px
    }
}

@media (max-width: 575px) {
    .widget-banner-boiloi .widget-title {
        font-size:14px
    }

    .widget-banner-boiloi .banner_info {
        margin-bottom: 24px
    }
}

.widget-water-handle {
    margin-bottom: 100px
}

.widget-water-handle .checklist {
    padding: 0;
    list-style: none
}

.widget-water-handle .checklist .item:not(:last-child) {
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #373a36
}

.widget-water-handle .checklist .item-icon {
    width: 56px;
    height: 56px;
    display: flex;
    margin-bottom: 24px
}

.widget-water-handle .checklist .item-desc {
    font-size: 18px
}

@media (max-width: 767px) {
    .widget-water-handle {
        margin-bottom:64px
    }

    .widget-water-handle .checklist .item-icon {
        width: 40px;
        height: 40px;
        margin-bottom: 0;
        flex-shrink: 0;
        margin-right: 16px
    }

    .widget-water-handle .checklist .item {
        display: flex;
        align-items: center
    }

    .widget-water-handle .checklist .item:not(:last-child) {
        margin-bottom: 32px;
        padding-bottom: 32px;
        border-bottom: 1px solid #373a36
    }
}

@media (max-width: 575px) {
    .widget-water-handle .checklist .item-desc {
        font-size:14px
    }
}

.widget-banner-boiloi-2 {
    margin-bottom: 100px
}

.widget-banner-boiloi-2 .widget-title {
    margin-bottom: 24px
}

@media (max-width: 767px) {
    .widget-banner-boiloi-2 {
        margin-bottom:64px
    }
}