@import url("https://use.fontawesome.com/releases/v5.4.1/css/all.css");
@import url(//fonts.googleapis.com/earlyaccess/notosanstc.css);

html,
body {
    min-height: 100%
}

body {
    overflow-x: hidden;
    background-color: transparent !important;

    font-family: 微軟正黑體, Microsoft JhengHei, Arial, Helvetica, sans-serif;
    color: #000;
    font-weight: normal;
    -webkit-text-stroke: 0.45px rgba(0, 0, 0, 0.1);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

body.cke_editable {
    margin: 1rem;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: 600;
}

a {
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease
}

a:hover {
    text-decoration: none
}

*:focus {
    outline: none !important
}

.small-dot li {
    padding-left: 1rem;
    background: url(../assets/img/ui/ul-dot.png) no-repeat 0 10px;
    list-style: none
}

.loader {
    height: 100%;
    width: 100%;
    display: flex;
    z-index: -999;
    position: absolute;
    align-items: center;
    justify-content: center
}

@keyframes initial-loading {

    0%,
    100% {
        transform: translate(-34px, 0)
    }

    50% {
        transform: translate(96px, 0)
    }
}

.initial-load-animation {
    width: 200px;
    transform: scale(1);
    transition: transform 0.5s ease
}

.initial-load-animation .linkedin-image {
    background-image: url(../assets/img/ui/logo_white.svg);
    height: 42px;
    width: 80px;
    margin: 0 auto 32px;
    transform: translate(0, 0);
    opacity: 1;
    transition: all 0.5s ease-out
}

.initial-load-animation .loading-bar {
    width: 130px;
    height: 2px;
    margin: 0 auto;
    border-radius: 2px;
    background-color: #cfcfcf;
    position: relative;
    overflow: hidden;
    z-index: 1;
    transform: rotateY(0);
    transition: transform 0.3s ease-in
}

.initial-load-animation .loading-bar .blue-bar {
    height: 100%;
    width: 68px;
    position: absolute;
    transform: translate(-34px, 0);
    background-color: rgba(99, 185, 40, 0.5);
    border-radius: 2px;
    animation: initial-loading 1.5s infinite ease
}

.initial-load-animation.fade-load .linkedin-image {
    transform: translate(0, 10px);
    opacity: 0
}

.initial-load-animation.fade-load .loading-bar {
    transform: rotateY(90deg)
}

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

.container,
.container-fluid {
    position: relative
}

.main {
    background-color: #fff;
    padding-top: 70px;
    padding-bottom: 100px
}

@media (max-width: 991.98px) {
    .main {
        padding-top: 25px;
        padding-bottom: 25px
    }
}

.container-fluid.px-0 {
    overflow: hidden
}

.header {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    z-index: 1020;
    background-color: #fff
}

.header .bg-light {
    padding: 5px 0;
    color: #999
}

.header .bg-light a {
    color: #333
}

.header .bg-light .dropdown-toggle {
    position: relative;
    padding-right: 1.5rem
}

.header .bg-light .dropdown-toggle::after {
    position: absolute;
    top: 0;
    right: 15px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f078";
    border: 0
}

.header .like .badge {
    position: relative;
    margin-left: -10px;
    right: 0;
    top: -5px;
    font-size: .7rem
}

.header-brand {
    display: inline-block;
    position: relative;
    width: 57px
}

.header-brand:before {
    content: '';
    display: block;
    width: 100%;
    padding-top: 38.3333333333%;
    background: url(../assets/img/ui/logo_simple.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    -webkit-background-size: auto;
    -ms-background-position-x: center
}

@media (min-width: 992px) {
    .header-brand {
        width: 80px
    }

    .header-brand:before {
        padding-top: 52.5%;
        background-image: url(../assets/img/ui/logo_full.svg)
    }
}

.localBusiness {
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("../assets/img/ui/footer-desktop.jpg");
    background-size: cover
}

.localBusiness .border {
    border-top: 0 !important;
    border-bottom: 0 !important
}

@media (max-width: 991.98px) {
    .localBusiness {
        background-image: url("../assets/img/ui/footer-mobile.jpg")
    }

    .localBusiness .border {
        border: 0 !important
    }
}

.footer-top {
    padding: 2.5rem 0;
    text-align: center;
    background-color: #f8f9fa;
}

.footer-top .h4, .footer-top .h4 {
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
}

.footer-top .mb-2 {
    margin-bottom: 1rem !important;
}

.footer-top .btn-success {
    padding: .5rem 1.5rem;
    border-radius: 8px;
    font-weight: 400 !important;
    color: #fff !important;
}

.footer-top .btn-success.ml-2 {
    margin-left: 8px !important;
}

.c-footer {
    padding: 2.25rem 0;
    background-color: #1e232b;
    color: #fff
}

.c-footer .logo {
    margin-bottom: 1.5rem;
    width: 5rem
}

.c-footer hr {
    border-color: #4b4f55
}

.c-footer .list-group a {
    color: #fff;
    font-size: .875rem;
    opacity: .8
}

.c-footer .social .nav-item {
    margin-left: 10px
}

.c-footer .social .nav-item:first-child,
.c-footer .social .nav-item:only-child {
    margin-left: 0
}

.c-footer .social .social-item {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background-color: #4A4A4A;
    text-align: center;
    font-size: .85rem;
    line-height: 2rem;
    color: #fff
}

.c-footer .social .social-item:hover,
.c-footer .social .social-item:active,
.c-footer .social .social-item:focus {
    background: #333
}

@media (max-width: 767.98px) {
    .c-footer {
        text-align: center !important
    }

    .c-footer .social {
        justify-content: center
    }
}

.drop {
    position: relative;
    width: 100%;
    max-width: 320px;
    margin-bottom: 1.5rem
}

.drop__btn,
.drop__btn2 {
    position: relative;
    width: 100%;
    max-width: 130px;
    height: 30px;
    line-height: 1rem;
    padding: .15rem 2.5rem .15rem 1rem;
    border: 1px solid rgba(255, 255, 255, 0.5);
    text-align: left;
    color: #fff;
    background: transparent
}

.drop__btn:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 1rem;
    width: .5rem;
    height: .5rem;
    border-width: 2px 2px 0 0;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0.8);
    margin-top: -.375rem;
    transform: rotate(135deg)
}

.drop__btn:focus:after {
    margin-top: -.125rem;
    transform: rotate(-45deg)
}

.drop__btn:focus+.drop__box {
    display: block
}

.drop__btn2 {
    position: absolute;
    bottom: 0;
    display: none
}

.drop__btn:focus~.drop__btn2 {
    display: block
}

.drop__box:hover {
    display: block
}

.drop__box {
    display: none;
    position: absolute;
    bottom: 3.25rem;
    left: 0;
    border: 1px solid #fff
}

.drop__menu__item {
    display: block;
    padding: .375rem;
    color: rgba(0, 0, 0, 0.87);
    background: #fff
}

select.selection {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-position: right center;
    background-repeat: no-repeat;
    background-image: url(../assets/img/ui/select-arrow-small.png);
    background-size: contain;
    border-radius: 0
}

select.selection::-ms-expand,
select.input::-ms-expand {
    display: none
}

.selection {
    position: relative;
    width: 100%;
    height: 40px;
    line-height: 1.5rem;
    padding: .4375rem 2.5rem .4375rem 1rem;
    border: 1px solid rgba(255, 255, 255, 0.5);
    text-align: left;
    color: #fff;
    background: #1E232B
}

.kv-inpage {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.kv-inpage .kv-inpage-side,
.kv-inpage .kv-inpage-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 160px 0
}

@media (max-width: 767.98px) {

    .kv-inpage .kv-inpage-side,
    .kv-inpage .kv-inpage-item {
        padding: 120px 0
    }
}

.kv-inpage .kv-inpage-item {
    background-color: rgba(0, 0, 0, 0.3)
}

@media (max-width: 767.98px) {
    .kv-inpage .btn-group {
        flex-direction: column;
        align-items: flex-start;
        justify-content: center
    }
}

.kv-side {
    background-position: -250px center;
    background-repeat: no-repeat;
    background-color: #fff;
    background-size: cover
}

.kv-side .box {
    padding: 35px 60px;
    background-color: #fff
}

@media (max-width: 991.98px) {
    .kv-side .box {
        padding: 25px 20px
    }

    .kv-side .box .text-muted,
    .kv-side .box .h3 {
        text-align: center
    }

    .kv-side .box .btn {
        display: block
    }
}

.card-grid {
    margin: 0 -15px
}

.card-grid::after {
    display: block;
    clear: both;
    content: ""
}

.card-grid .card-sizer,
.card-grid .card {
    width: 33.333%
}

@media (max-width: 991.98px) {

    .card-grid .card-sizer,
    .card-grid .card {
        width: 50%
    }
}

@media (max-width: 767.98px) {

    .card-grid .card-sizer,
    .card-grid .card {
        width: 100%
    }
}

.card-grid .card {
    float: left;
    padding: 0 15px
}

.card-grid .card .card-body {
    padding-bottom: 0
}

.card-grid .card a:hover,
.card-grid .card a:active,
.card-grid .card a:focus {
    color: #6ec12d !important
}

.card-grid .card .btn:hover,
.card-grid .card .btn:active,
.card-grid .card .btn:focus {
    color: #fff !important
}

@media (max-width: 991.98px) {
    .card-grid .card .btn {
        display: block
    }
}

.card-overlay {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.card-overlay .card-img-overlay,
.card-overlay .card-body {
    background-color: rgba(0, 0, 0, 0.3);
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease
}

.card-overlay .card-img-overlay .text-gray-4:hover,
.card-overlay .card-img-overlay .text-gray-4:focus,
.card-overlay .card-body .text-gray-4:hover,
.card-overlay .card-body .text-gray-4:focus {
    color: #fff
}

.card-overlay .card-img-overlay .btn-more,
.card-overlay .card-body .btn-more {
    opacity: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease
}

.card-overlay:hover .btn-more {
    opacity: 1
}

.card-overlay a.card-body:hover {
    background-color: rgba(0, 0, 0, 0.5)
}

.card-overlay a.card-body:hover .btn-more {
    opacity: 1
}

a.card-overlay {
    overflow: hidden
}

a.card-overlay:hover .card-img-overlay,
a.card-overlay:hover .card-body,
a.card-overlay:active .card-img-overlay,
a.card-overlay:active .card-body,
a.card-overlay:focus .card-img-overlay,
a.card-overlay:focus .card-body {
    background-color: rgba(0, 0, 0, 0.5)
}

.user-circle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 55px;
    height: 55px;
    background: #ddd;
    border-radius: 50%
}

@media (max-width: 767.98px) {
    .share {
        display: flex;
        justify-content: center;
        margin-top: 40px;
        padding-top: 30px;
        width: 100%;
        border-top: 1px solid #ddd
    }

    .share a {
        margin: 0 10px
    }
}

@media (min-width: 768px) {
    .share {
        position: absolute;
        top: 0;
        left: -80px
    }

    .share a {
        margin-bottom: 15px
    }
}

.box-edm {
    background: #fff;
    border-top: 4px solid #6ec12d;
    -moz-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05)
}

.edm-form {
    margin-top: -120px;
    padding: 90px
}

@media (max-width: 991.98px) {
    .edm-form {
        margin-top: -70px;
        padding: 70px 30px
    }

    .edm-form .col-12.mb-12 {
        text-align: center
    }

    .edm-form .btn {
        display: block
    }
}

.edm-form .h3 {
    position: relative;
    display: inline-block
}

.edm-form .h3 span {
    position: relative;
    z-index: 1
}

.edm-form .h3:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 14px;
    background: #c5e7ab;
    content: ''
}

.container-map {
    position: relative
}

.container-map .map-local {
    position: relative;
    z-index: 1;
    height: 450px;
    background: #333
}

@media (min-width: 768px) {
    .container-map .map-local {
        height: 600px
    }
}

@media (min-width: 992px) {
    .container-map .map-local {
        height: 600px;
        padding-top: 0
    }
}

@media (min-width: 1200px) {
    .container-map .map-local {
        height: 720px
    }
}

@media (min-width: 1440px) {
    .container-map .map-local {
        height: 840px
    }
}

.container-map .card-contact {
    margin: 2rem auto 2rem;
    width: 91.5333333333%;
    max-width: 38rem
}

@media (min-width: 992px) {
    .container-map .card-contact {
        position: absolute;
        top: 50%;
        left: 50%;
        max-width: 22.5rem;
        margin-top: 0;
        margin-left: 15.9722222222%;
        transform: translateY(-50%)
    }
}

.map-sm {
    height: 200px
}

.card-contact {
    position: relative;
    z-index: 2;
    padding: 2rem 1.875rem;
    border-top: 0.25rem solid #6EC12D
}

.card-contact .caption,
.card-contact .jumbotron__caption {
    margin-bottom: 1.5rem;
    line-height: 2;
    color: #6EC12D
}

.card-contact address {
    margin-bottom: 1.5rem;
    line-height: 1.8571428571
}

.card-contact .socials {
    justify-content: flex-start;
    margin-left: -.5rem;
    margin-bottom: 1.5rem
}

@media (min-width: 576px) {
    .card-contact .socials {
        margin-left: 0
    }
}

.readmore-expand {
    overflow: hidden
}

.readmore .collapse:not(.show) {
    overflow: hidden;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    max-height: 140px;
}

.readmore .collapsing {
    min-height: 42px !important
}

.readmore a:not(.collapsed):before {
    content: '收合'
}

.readmore a.collapsed:before {
    content: '展開'
}

.circle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 5.625rem;
    height: 5.625rem;
    border: 1px solid #ddd;
    border-radius: 50%;
    text-align: center;
    font-size: 26px;
    font-size: 1.625rem;
    color: #ddd
}

.circle.-sz-lg {
    width: 7.375rem;
    height: 7.375rem;
    font-size: 44px;
    font-size: 2.75rem
}

.circle.-clr-primary {
    color: #6EC12D;
    border-color: #6EC12D;
    background: #fff
}

.block-gray {
    position: absolute;
    left: 0;
    top: 0;
    width: 60%;
    height: 100%;
    background: #f2f2f2
}

@media (max-width: 767.98px) {
    .block-gray {
        display: none
    }
}

.block-gray.pos-right {
    left: auto;
    right: 0
}

.info-window {
    border: 0;
    font-family: "Microsoft JhengHei", "Noto Sans TC", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 1rem
}

@media (max-width: 767.98px) {
    .kv-list .btn-primary {
        display: block
    }
}

.index-section-feature {
    margin-bottom: 90px
}

.index-section-feature .icon-feature {
    position: relative;
    margin: 1rem 0 2rem;
    font-size: 3rem;
    color: #6ec12d
}

.index-section-feature .icon-feature:before {
    position: absolute;
    top: -12px;
    content: '';
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: rgba(110, 193, 45, 0.1)
}

.index-section-feature a.d-block {
    padding: 35px 25px;
    color: #333
}

@media (max-width: 767.98px) {
    .index-section-feature {
        margin-bottom: 40px
    }

    .index-section-feature .btn-primary {
        display: block
    }
}

.index-section-course {
    margin-bottom: 100px
}

.index-section-course .card {
    height: 330px
}

@media (max-width: 767.98px) {
    .index-section-course {
        /*margin-bottom: 0*/
    }

    .index-section-course .card {
        height: 280px
    }
}
/*
.index-section-hot {
    padding-top: 90px;
    background: url(../assets/img/ui/index-section-hot.jpg) repeat center top
}

@media (max-width: 991.98px) {
    .index-section-hot {
        padding-top: 50px
    }
}
*/
.index-section-hot .card {
    margin: 2px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.index-section-hot .card .card-img-overlay {
    width: 150px;
    background-color: rgba(0, 0, 0, 0.4)
}

.index-section-hot .card h4 {
    color: #fff
}

.index-section-hot .nav-link {
    padding-left: 0;
    padding-right: 0;
    color: #fff
}

.index-section-hot .col-primary .card {
    min-height: 300px
}

.index-section-hot .col-primary .card-img-overlay {
    padding-top: 50px
}

.index-section-hot .col-secondary {
    flex: 0 0 20%;
    max-width: 20%
}

.index-section-hot .col-secondary .card {
    min-height: 280px
}

.index-section-hot .col-secondary .card-img-overlay {
    padding-top: 80px
}

@media (max-width: 991.98px) {
    .index-section-hot .card .card-img-overlay {
        padding-top: 40px;
        width: 100%
    }

    .index-section-hot .col-primary .card,
    .index-section-hot .col-secondary .card {
        min-height: 275px
    }

    .index-section-hot .col-secondary {
        flex: 0 0 50%;
        max-width: 50%
    }
}

.index-section-support {
    padding-top: 70px;
    padding-bottom: 70px
}

@media (max-width: 991.98px) {
    .index-section-support {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

.index-section-news {
    margin-bottom: 70px
}

.index-section-news .nav .nav-link {
    margin: 0 1rem;
    padding-left: 0;
    padding-right: 0;
    color: #333;
    border-bottom: 1px solid transparent
}

.index-section-news .nav .nav-link:hover,
.index-section-news .nav .nav-link:active,
.index-section-news .nav .nav-link:focus,
.index-section-news .nav .nav-link.active {
    font-weight: bold;
    color: #6ec12d;
    border-color: #6ec12d
}

.index-section-partners .kv-inpage {
    background-image: url(../assets/img/uploads/kv-index-partner.jpg)
}

.index-section-request {
    position: relative;
    margin: 0 auto;
    padding-top: 150px;
    padding-bottom: 135px
}

.index-section-request .row-request {
    display: flex
}

.index-section-request .request-info {
    width: 305px
}

.index-section-request .request-action {
    padding-left: 80px;
    width: 375px;
    z-index: 1
}

@media (max-width: 991.98px) {
    .index-section-request {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .index-section-request .btn-primary {
        display: block
    }

    .index-section-request .row-request {
        padding: 0 15px;
        display: block !important
    }

    .index-section-request .request-info,
    .index-section-request .request-action {
        padding: 0;
        width: 100%
    }

    .index-section-request .request-action {
        padding-top: 70px
    }
}

.kv {
    position: relative;
    overflow: hidden
}

.kv .jumbotron {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 2;
    width: 100%;
    max-height: 90%;
    padding: 0 1.5rem;
    color: #fff;
    transform: translateY(-50%);
    text-shadow: 0 0 16px rgba(0, 0, 0, 0.3);
    background: transparent
}

.kv .jumbotron .txt {
    margin-bottom: 0;
    font-weight: 500
}

.kv .jumbotron .jumbotron__caption {
    line-height: 1.3333333333;
    margin-bottom: .5rem
}

.kv .tab--card {
    display: none;
    position: absolute;
    top: 50%;
    z-index: 2;
    width: 420px;
    overflow: hidden;
    transform: translateY(-50%)
}

.kv .tab__nav {
    flex: 1 0 auto
}

.kv .tab__container {
    flex: 1 1 auto;
    position: absolute;
    top: 44px;
    left: 0;
    width: 100%;
    height: calc(100% - 44px);
    overflow: hidden;
    padding: 25px;
    padding-right: 0;
    margin-top: -1px;
    -ms-overflow: none
}

.kv .tab__content {
    padding-right: 25px
}

.kv .tab__content a {
    color: #333
}

.scroll-wrapper {
    height: 100%
}

.kv .owl-stage {
    height: 100%
}

.kv .owl-dots {
    bottom: 2rem
}

@media (min-width: 768px) {
    .kv .jumbotron {
        max-width: 62.5%;
        padding: 0 0 0 10%
    }

    .kv .jumbotron .txt {
        font-size: 16px;
        font-size: 1rem
    }

    .kv .jumbotron__caption {
        line-height: 1.25;
        margin-bottom: 0.625rem
    }
}

@media (min-width: 992px) {
    .kv {
        max-height: 37.125rem
    }

    .kv .jumbotron {
        padding: 0 0 0 2rem;
        max-width: 28rem
    }

    .kv .jumbotron .txt {
        font-size: 18px;
        font-size: 1.125rem
    }

    .kv .jumbotron__caption {
        font-size: 36px;
        font-size: 2.25rem
    }

    .kv .tab--card {
        display: block;
        right: 4rem;
        height: 75%
    }

    .qcounsel {
        display: block;
    }
}

@media (min-width: 1200px) {
    .kv:before {
        padding-top: 41.25%
    }

    .kv .jumbotron {
        left: calc(50% - 580px);
        padding: 0
    }

    .kv .jumbotron .txt {
        font-size: 20px;
        font-size: 1.25rem
    }

    .kv .jumbotron__caption {
        font-size: 40px;
        font-size: 2.5rem
    }
    .kv .tab--card {
        left: 62.5%;
        right: auto;
        height: 71%
    }
}

@media (min-width: 1440px) {
    .kv .tab--card {
        left: 50%;
        margin-left: 7.5rem
    }
}

.kv__line {
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 1;
    width: 50%;
    max-width: 723px;
    height: 100%;
    border-width: 0 1px;
    border-style: solid;
    border-color: #fff;
    transform: translateX(-50.1%);
    opacity: 0
}

.kv__line:after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 1px;
    height: 100%;
    background-color: #fff
}

@media (min-width: 768px) {
    .kv__line {
        opacity: 0.35
    }
}

@media (min-width: 992px) {
    .kv__line {
        opacity: 0.5
    }
}

.kv-item {
    position: relative;
    width: 100%;
    padding-top: 93.3333333333%;
    background: no-repeat center #333;
    background-size: cover
}

.kv-item:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.15)
}

@media (min-width: 768px) {
    .kv-item {
        padding-top: 40.97222%
    }
}

@media (min-width: 992px) {
    .kv-item {
        padding-top: 0;
        height: 37.125rem
    }
}

.home-section-experience .experience_titles {
    text-align: center
}

.home-section-experience-wrapper {
    position: relative;
    width: 100%;
    background: #F2F2F2
}

.home-section-experience-wrapper .owl-stage-outer {
    overflow: hidden
}

@media (min-width: 576px) {
    .home-section-experience-wrapper {
        padding: 0
    }

    .home-section-experience-wrapper .experiences {
        padding: 3.5rem 1.5rem
    }

    .home-section-experience-wrapper .experience-cover-grp:before {
        padding-top: 62.5%
    }
}

@media (min-width: 768px) {
    .home-section-experience-wrapper {
        display: flex;
        align-items: stretch;
        justify-content: center
    }

    .home-section-experience-wrapper .experiences {
        flex: 1 1 51.3888888889%;
        max-width: 51.38889%
    }

    .home-section-experience-wrapper .experience-cover-grp {
        flex: 1 1 48.6111111111%;
        max-width: 48.61111%
    }

    .home-section-experience-wrapper .experience-cover-grp:before {
        display: none
    }
}

@media (min-width: 992px) {
    .home-section-experience-wrapper .experiences {
        padding: 9.02778% 6.94444% 6.94444% 9.72222%
    }
}

@media (min-width: 1440px) {
    .home-section-experience-wrapper .experiences {
        max-width: 740px;
        padding: 130px 100px 100px 140px
    }

    .home-section-experience-wrapper .experience-cover-grp {
        max-width: 700px
    }
}

.home-section-feedback {
    overflow: hidden;
    padding: 6rem 1.25rem;
    /*background: url("img/bg_dot.jpg") repeat top*/
}

.home-section-feedback .section-title {
    margin-bottom: 0.75rem
}

.home-section-feedback .section-intro {
    margin-bottom: 2rem
}

.home-section-feedback .review-grp {
    padding-bottom: 4rem
}

@media (min-width: 992px) {
    .home-section-feedback {
        padding: 7.5rem .75rem;
        text-align: center
    }
}

.home-section-provided {
    display: flex;
    flex-wrap: wrap;
    padding: 1.5rem 0 0;
    text-align: center
}

.home-section-provided .provide__item {
    flex: 1 1 33.3333333333%;
    max-width: 33.3333333333%;
    padding: 1.5rem 1rem
}

.home-section-provided .icon {
    margin-bottom: 1rem;
    font-size: 30px;
    font-size: 1.875rem;
    color: #6EC12D
}

.home-section-provided p {
    white-space: pre-line
}

@media (min-width: 576px) {
    .home-section-provided p {
        white-space: normal
    }
}

@media (min-width: 768px) {
    .home-section-provided {
        padding-bottom: 2rem
    }
}

@media (min-width: 992px) {
    .home-section-provided {
        display: none
    }
}

.experiences {
    position: relative;
    z-index: 2;
    padding: 4.875rem 1.5rem 3.75rem
}

.experiences .caption,
.experiences .jumbotron__caption {
    margin-bottom: 1.5rem
}

.experiences .txt {
    margin-bottom: 1.5rem
}

.experience-owl {
    position: relative
}

.experience-owl .owl-dots {
    bottom: 0;
    text-align: left
}

@media (max-width: 991.98px) {
    .experience-owl .owl-dots {
        text-align: center
    }
}

.experience__item {
    padding-bottom: 1rem
}

.experience-cover-grp {
    position: relative
}

.experience-cover-grp:before {
    content: '';
    display: block;
    position: relative;
    padding-top: 125.3333333333%;
    visibility: hidden
}

.experience-cover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: no-repeat center rgba(0, 0, 0, 0.05);
    background-size: cover
}

.experience-cover img {
    display: none
}

.experience-cover.show {
    opacity: 1
}

.partner-list {
    position: relative;
    width: 100%;
    max-width: 1440px;
    padding: 1.25rem 0 2.75rem;
    margin: auto
}

.partner-list .owl-item {
    align-self: center
}

@media (min-width: 992px) {
    .partner-list {
        padding: 2.25rem 0 4rem
    }
}

.partner {
    padding: 0 2rem;
    text-align: center
}

.partner:hover {
    opacity: 0.5
}

@media (max-width: 991.98px) {
    .partner {
        padding: 0 .5rem
    }
}

.partner img {
    max-height: 60px
}

.page-banner {
    position: relative;
    font-weight: 700;
    color: #fff;
    background: no-repeat center;
    background-size: cover
}

.page-banner:before {
    content: '';
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 24.375rem;
    background: rgba(0, 0, 0, 0.1)
}

.page-banner>.txt-grp,
.page-banner>.caption,
.page-banner>.jumbotron__caption {
    position: absolute;
    top: 50%;
    z-index: 2;
    max-width: 100%;
    transform: translateY(-50%)
}

.page-banner>.txt-grp {
    left: 0;
    padding: 0 1.875rem
}

.page-banner>.caption,
.page-banner>.jumbotron__caption {
    left: 0;
    width: 100%;
    padding: 0 1rem;
    text-align: center
}

.page-banner .caption,
.page-banner .jumbotron__caption {
    font-size: 24px;
    font-size: 1.5rem
}

@media (min-width: 576px) {

    .page-banner .caption,
    .page-banner .jumbotron__caption {
        font-size: 30px;
        font-size: 1.875rem
    }
}

@media (min-width: 768px) {

    .page-banner .caption,
    .page-banner .jumbotron__caption {
        font-size: 36px;
        font-size: 2.25rem
    }
}

@media (min-width: 992px) {

    .page-banner .caption,
    .page-banner .jumbotron__caption {
        font-size: 40px;
        font-size: 2.5rem
    }
}

@media (min-width: 1440px) {
    .page-banner .txt-grp {
        left: 50%;
        padding: 0;
        margin-left: -36.25rem
    }
}

.infodata {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.infodata__item {
    flex: 1 1 50%;
    max-width: 50%;
    margin-bottom: 3rem
}

.infodata__item:nth-child(odd) {
    flex-basis: 45%;
    max-width: 45%
}

.infodata__item:nth-child(even) {
    flex-basis: 55%;
    max-width: 55%
}

@media (min-width: 576px) {
    .infodata__item {
        flex-direction: row;
        margin-bottom: 2.5rem
    }
}

@media (min-width: 992px) {
    .infodata__item {
        flex-basis: auto;
        max-width: 100%
    }
}

.infodata__number,
.infodata__txt {
    display: block
}

@media (min-width: 768px) {

    .infodata__number,
    .infodata__txt {
        display: inline-block;
        vertical-align: baseline
    }
}

.infodata__number {
    position: relative;
    line-height: 1.25;
    color: #6EC12D;
    font-size: 40px;
    font-size: 2.5rem;
    font-weight: 700
}

.infodata__number sup {
    line-height: 0;
    font-size: 100%
}

@media (min-width: 768px) {
    .infodata__number {
        top: 2px;
        font-size: 40px;
        font-size: 2.5rem;
        margin-right: 0.625rem
    }
}

.infodata__txt {
    font-size: 18px;
    font-size: 1.125rem
}

.person {
    display: flex;
    align-items: flex-start
}

.person__avatar {
    flex: 0 0 3.125rem;
    width: 3.125rem;
    height: 3.125rem;
    margin-right: 1rem;
    border-radius: 50%;
    background: no-repeat center transparent;
    background-size: cover
}

.person__info {
    flex: 1 1 auto
}

.person__name {
    padding-top: .24rem;
    font-size: 15px;
    font-size: .9375rem;
    font-weight: 700
}

.review-grp {
    position: relative
}

.review-grp .owl-item {
    height: 100%
}

.review-grp .review-grp__item {
    max-width: 360px;
    padding: 0 0.75rem
}

@media (min-width: 1200px) {
    .review-grp {
        margin: auto;
        justify-content: center
    }
}

.review {
    padding: 2.25rem 1.5rem;
    border: 1px solid rgba(242, 242, 242, 0.5);
    text-align: left;
    background-color: #fff;
    box-shadow: 0 0.4375rem 0.625rem rgba(231, 231, 231, 0.5)
}

.review .rating {
    margin-bottom: 1rem
}

.review .caption,
.review .jumbotron__caption {
    height: 3.75rem;
    max-height: 3.75rem;
    overflow: hidden;
    margin-bottom: 0.75rem
}

.review .person {
    margin-top: 1.25rem
}

.rating {
    display: block;
    font-size: 15px;
    font-size: .9375rem;
    color: #ddd
}

.rating[class*="rating--score-"] {
    color: #FFC200
}

.rating.rating--score-1 .rating__item:nth-child(1)~.rating__item {
    color: #ddd
}

.rating.rating--score-2 .rating__item:nth-child(2)~.rating__item {
    color: #ddd
}

.rating.rating--score-3 .rating__item:nth-child(3)~.rating__item {
    color: #ddd
}

.rating.rating--score-4 .rating__item:nth-child(4)~.rating__item {
    color: #ddd
}

.title-border {
    position: relative;
    line-height: 1.3;
    padding-bottom: 1.2rem;
    margin-bottom: 1.25rem
}

.title-border:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50px;
    height: .125rem;
    background-color: #6ec12d
}

@media (max-width: 991.98px) {
    .title-border:after {
        width: 75px
    }
}

.row-about-why {
    position: relative;
    margin-bottom: 150px
}

.row-about-why:before,
.row-about-why:after {
    content: '';
    position: absolute;
    width: 100%
}

.row-about-why:before {
    top: -50px;
    right: -40px;
    height: 57px;
    background: url("../assets/img/uploads/about-4.png") right 0 no-repeat
}

.row-about-why:after {
    bottom: -80px;
    left: -40px;
    height: 70px;
    background: url("../assets/img/uploads/about-5.png") left 0 no-repeat
}

@media (max-width: 991.98px) {
    .row-about-why .h-100 {
        background-color: #f2f2f2
    }

    .row-about-why:before,
    .row-about-why:after {
        display: none
    }
}

.row-about-step .border-dashed:before,
.row-about-step .border-dashed:after {
    position: absolute;
    z-index: 0;
    content: '';
    border: 1px dashed #6ec12d
}

.row-about-step .circle {
    position: relative;
    z-index: 1;
    background-color: #fff
}

@media (min-width: 768px) {
    .row-about-step .border-dashed:before {
        right: -12.5%;
        top: 40%;
        width: 25%
    }
}

@media (max-width: 767.98px) {
    .row-about-step .border-dashed:after {
        left: 50%;
        bottom: 0;
        margin-left: -1px;
        height: 100%
    }

    .row-about-step .circle {
        width: 80px;
        height: 80px
    }
}

.slider-service .owl-nav {
    position: absolute;
    right: 0;
    left: auto;
    top: 0;
    background: none
}

@media (max-width: 991.98px) {
    .slider-service .owl-nav {
        top: 45px;
        left: 0;
        right: 0;
        margin: 0 auto
    }

    .slider-service .owl-stage-outer {
        margin-top: 50px
    }
}

.slider-office {
    width: 100%;
    overflow: hidden
}

.slider-office .owl-nav {
    position: absolute;
    left: auto;
    right: 3rem;
    top: 0;
    background: none
}

@media (max-width: 991.98px) {
    .slider-office .owl-nav {
        top: 45px;
        left: 0;
        right: 0;
        margin: 0 auto
    }

    .slider-office .owl-stage-outer {
        margin-top: 50px
    }
}

.slider-office a {
    display: block;
    background: #000
}

.slider-office a:hover img,
.slider-office a:active img,
.slider-office a:focus img {
    opacity: .7
}

.slider-counter {
    position: absolute;
    left: auto;
    top: .8rem;
    text-align: center
}

@media (max-width: 991.98px) {
    .slider-counter {
        top: 57px;
        left: 0;
        right: 0;
        margin: 0 auto
    }
}

.slider-service-counter {
    right: 4.2rem
}

.slider-office-counter {
    right: 7rem
}

.about-slider-counter {
    top: auto;
    bottom: .7rem;
    left: 60px;
    z-index: 1000
}

@media (max-width: 991.98px) {
    .about-slider-counter {
        margin: 0;
        right: auto
    }

    .slider-service-counter {
        right: 0rem
    }

    .slider-office-counter {
        right: 0rem
    }
}

.about-section {
    position: relative;
    max-width: 1160px;
    margin: auto;
    padding: 2.5rem 1.5rem
}

.about-section h2.caption,
.about-section h2.jumbotron__caption {
    margin-bottom: 1.5rem
}

@media (min-width: 992px) {
    .about-section {
        padding: 2.5rem 0.625rem
    }

    .about-section h2.caption,
    .about-section h2.jumbotron__caption {
        margin-bottom: 3rem
    }
}

@media (min-width: 1200px) {
    .about-section {
        padding: 2.5rem 0
    }
}

.about-section-3 {
    position: relative;
    max-width: 1200px;
    padding: 0;
    margin: 2.5rem auto;
    text-align: center
}

.about-section-3 .embed {
    position: absolute;
    top: 3.375rem;
    left: 0;
    width: 100%;
    z-index: 1
}

.about-section-3 .embed:before {
    padding-top: 20rem
}

@media (min-width: 768px) {
    .about-section-3 {
        display: flex;
        text-align: left
    }

    .about-section-3 .embed {
        flex: 1 1 60%;
        position: relative;
        top: 0;
        left: auto;
        width: 60%
    }

    .about-section-3 .embed:before {
        padding-top: 55.81395%
    }
}

@media (min-width: 992px) {
    .about-section-3 .embed {
        flex-basis: 71.6666666667%;
        width: 71.66667%
    }
}

.about-clip {
    width: 85.3333333333%;
    max-width: 320px;
    margin: 0 auto
}

.about-clip h2.caption,
.about-clip h2.jumbotron__caption {
    line-height: 1.4166666667;
    margin-bottom: 58.125%
}

@media (min-width: 768px) {
    .about-clip {
        display: flex;
        flex-direction: column;
        flex: 1 1 40%;
        max-width: 40%
    }

    .about-clip h2.caption,
    .about-clip h2.jumbotron__caption {
        display: flex;
        flex-direction: column;
        justify-content: center;
        flex: 1 1 auto;
        padding: 0 1.25rem;
        margin-bottom: 0
    }

    .about-clip .about-card-grp {
        flex: 0 0 auto;
        width: 200%
    }
}

@media (min-width: 992px) {
    .about-clip {
        flex-basis: 28.3333333333%;
        max-width: 28.33333%
    }
}

@media (min-width: 1200px) {

    .about-clip h2.caption,
    .about-clip h2.jumbotron__caption {
        padding-left: 2.5rem
    }

    .about-clip .about-card {
        padding: 2.5rem
    }
}

.about-card-grp {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    position: relative;
    z-index: 2;
    background: #fff
}

.about-card {
    display: flex;
    flex-direction: column;
    flex: 1 0 100%;
    max-width: 100%;
    padding: 1.25rem;
    background: #fff
}

.about-card .caption,
.about-card .jumbotron__caption,
.about-card .txt {
    max-width: 100%
}

.about-card .caption,
.about-card .jumbotron__caption {
    line-height: 2
}

.about-card .txt {
    white-space: pre-line
}

@media (min-width: 768px) {
    .about-card {
        flex-basis: 50%;
        max-width: 50%
    }
}

.about-features {
    padding-top: 1.5rem
}

@media (min-width: 576px) {
    .about-features {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -0.9375rem
    }
}

.about-feature__item {
    margin-bottom: 4rem
}

.about-feature__item .icon {
    font-size: 60px;
    font-size: 3.75rem;
    color: #6EC12D
}

.about-feature__item .caption,
.about-feature__item .jumbotron__caption {
    margin: 0.625rem 0 1.25rem
}

@media (min-width: 576px) {
    .about-feature__item {
        flex: 1 1 50%;
        max-width: 50%;
        padding: 0 0.9375rem
    }
}

@media (min-width: 992px) {
    .about-feature__item {
        flex-basis: 25%;
        max-width: 25%
    }
}

.about-section-5 {
    max-width: 1440px;
    padding: 0;
    margin: 2.5rem auto
}

.about-space {
    display: flex;
    flex-direction: column;
    align-items: center
}

.about-space .txt {
    margin-bottom: 1.5rem
}

.about-space .embed:before {
    padding-top: 100%
}

@media (min-width: 768px) {
    .about-space {
        flex-direction: row;
        flex-wrap: wrap
    }

    .about-space .embed {
        flex: 1 0 60%
    }

    .about-space .embed:before {
        padding-top: 62.5%
    }
}

@media (min-width: 992px) {
    .about-space {
        flex-wrap: nowrap;
        align-items: center
    }

    .about-space .embed {
        flex-basis: 37.5%
    }

    .about-space .embed:before {
        padding-top: 82.40741%
    }
}

.about-space__content {
    padding: 1.875rem;
    width: 100%
}

@media (min-width: 768px) {
    .about-space__content {
        width: 50%
    }
}

@media (min-width: 992px) {
    .about-space__content {
        flex-basis: auto
    }
}

@media (min-width: 1440px) {
    .about-space__content {
        padding: 1.875rem 3.75rem
    }
}

.about-slider-outer {
    position: relative;
    width: 100%;
    overflow: hidden
}

@media (min-width: 768px) {
    .about-slider-outer {
        flex: 1 0 50%;
        max-width: 50%
    }
}

@media (min-width: 992px) {
    .about-slider-outer {
        flex-basis: 34.7222222222%;
        max-width: 34.72222%
    }
}

.about-slider__item {
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.about-slider__item:before {
    content: '';
    display: block;
    padding-top: 100%;
    visibility: hidden
}

@media (min-width: 768px) {
    .about-slider__item:before {
        padding-top: 89%
    }
}

.about-section-6 {
    padding-top: 2.5rem;
    padding-bottom: 5rem;
    font-weight: 700;
    text-align: center
}

.about-section-6 h2,
.about-section-6 h4 {
    font-weight: inherit
}

.about-section-6 .u-text-primary {
    display: inline-block;
    margin: 0 0.375rem
}

.about-section-6 .circle {
    margin-bottom: 1.5rem
}

.about-section-7 {
    text-align: center
}

.line__mobile {
    padding-top: 0.625rem
}

.line__mobile .btn {
    width: 100%
}

.line__mobile .icon {
    position: relative;
    top: .3125rem;
    margin-top: -.625rem;
    font-size: 24px;
    font-size: 1.5rem
}

html.desktop .line__mobile {
    display: none
}

.line__desktop {
    display: none
}

@media (min-width: 992px) {
    .line__desktop {
        display: block
    }
}

html.mobile .line__desktop {
    display: none
}

.line__desktop .txt {
    margin-bottom: 1rem
}

.line__desktop .line__logo {
    vertical-align: middle
}

.card-service .box {
    padding: 30px;
    background-color: rgba(255, 255, 255, 0.7)
}

.card-service img {
    width: 100%;
    height: 100%
}

.card-service .card-title {
    font-size: 1.25rem;
    font-weight: bold
}

@media (max-width: 991.98px) {
    .card-service .box {
        padding: 20px
    }
}

@media (max-width: 1199.98px) {
    .row-accommodation .col-lg-3 {
        text-align: center
    }
}

.row-scholarship {
    margin-top: 80px;
    margin-bottom: 40px;
    background-color: #f2f2f2
}

.row-scholarship img {
    position: relative;
    top: -40px;
    left: 25px
}

.row-scholarship:first-child {
    margin-top: 40px
}

@media (max-width: 991.98px) {
    .row-scholarship {
        margin-top: 0
    }

    .row-scholarship>.col,
    .row-scholarship>[class*="col-"] {
        padding-right: 0;
        padding-left: 0
    }

    .row-scholarship img {
        top: 0;
        left: 0
    }

    .row-scholarship .btn {
        display: block
    }
}

.row-vacation>.col,
.row-vacation>[class*="col-"] {
    margin-bottom: 65px
}

.row-vacation .border-top {
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
    max-width: 160px;
    border-top: 2px solid #6ec12d !important
}

.container-courses {
    margin-top: 70px;
    padding-top: 15px;
    padding-bottom: 115px
}

.container-courses .object-bg {
    background: #f2f2f2;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%
}

.container-courses .row>.col,
.container-courses .row>[class*="col-"] {
    position: relative
}

.container-courses .row>.col .bg-white,
.container-courses .row>[class*="col-"] .bg-white {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 60%
}

@media (max-width: 991.98px) {
    .container-courses {
        margin-top: 30px;
        padding-bottom: 15px
    }

    .container-courses .object-bg {
        height: 100%
    }

    .container-courses .row>.col .figure,
    .container-courses .row>[class*="col-"] .figure {
        display: block;
        text-align: center
    }

    .container-courses .row>.col .bg-white,
    .container-courses .row>[class*="col-"] .bg-white {
        position: relative;
        top: auto;
        transform: translateY(0);
        width: 100%;
        display: flex;
        flex-direction: column
    }
}

.container-department {
    background: url(../assets/img/uploads/department-bg.jpg) center 0 no-repeat;
    background-size: cover
}

.section-city-price .container-fluid {
    padding: 0;
    background: url(../assets/img/uploads/food-bn.jpg) center 0 no-repeat;
    background-size: cover
}

.section-city-price .container-fluid .text-center {
    padding-top: 80px;
    padding-bottom: 260px;
    background: rgba(0, 0, 0, 0.3)
}

.section-city-price .container {
    position: relative;
    z-index: 2;
    margin-top: -200px
}

.accordion-visa .card-header {
    padding: 0;
    background-color: transparent;
    border: 0
}

.accordion-visa .card-header a {
    position: relative;
    display: block;
    margin: 0;
    padding: 20px 30px 30px
}

.accordion-visa .card-header a[aria-expanded="false"] {
    left: 1px;
    border-left: 1px solid #ddd
}

.accordion-visa .card-header a[aria-expanded="true"] {
    left: 0;
    border-left: 3px solid #6ec12d
}

.accordion-visa .collapse {
    position: relative;
    left: 1px;
    margin: 0;
    border-left: 1px solid #ddd
}

.accordion-visa .collapse.show {
    left: 0;
    border-left: 3px solid #6ec12d
}

.accordion-visa .collapse .card-body {
    padding: 0 30px 30px
}

.accordion-visa .collapsing {
    left: 0;
    border-left: 3px solid #6ec12d
}

.accordion-visa .collapsing .card-body {
    padding: 0 30px 30px
}

.card-acc .card-img-overlay {
    padding: 0;
    display: flex
}

.card-acc .card-content {
    padding: 40px;
    align-self: center;
    width: 60%;
    background-color: rgba(255, 255, 255, 0.75)
}

@media (max-width: 1199.98px) {
    .card-acc .card-content {
        width: 100%
    }
}

@media (max-width: 991.98px) {
    .card-acc .card-img-overlay {
        position: relative;
        display: block
    }

    .card-acc .card-content {
        padding: 30px
    }
}

.card-visa .card-img-overlay {
    background-color: rgba(0, 0, 0, 0.3)
}

.card-visa .card-img-overlay hr {
    margin-top: 20px;
    border-color: #6ec12d;
    border-width: 2px;
    width: 80px;
    text-align: left
}

.slider-nav .slick-slide {
    margin-left: 15px;
    width: auto !important;
    cursor: pointer
}

.slider-nav .slick-slide:first-child {
    margin-left: 0
}

.row-search-map .col-lg-8 {
    padding-right: 5px;
    height: 1400px
}

.row-search-map .col-lg-4 {
    padding-left: 5px;
    height: 1500px
}

@media (max-width: 991.98px) {
    .row-search-map .col-lg-4 {
        padding: 0;
        height: 500px
    }
}

.slick-gallery .slick-prev:before,
.slick-gallery .slick-next:before {
    color: #fff
}

.slick-gallery .slick-prev {
    left: 5px
}

.slick-gallery .slick-next {
    right: 5px
}

.slick-gallery .slick-dots {
    bottom: 5%
}

.list-school.scrollbar-inner {
    padding-right: .5rem !important
}

.list-school .slick-gallery {
    height: 250px;
    text-align: center
}

.list-school .slick-gallery img {
    max-height: 250px;
    object-fit: contain
}

.list-school .box-school {
    background-color: #fff
}

.list-school .box-school .box {
    display: flex;
    padding: 20px;
    border: 1px solid #ddd
}

.list-school .box-school .text-row-3 {
    height: 4.5rem
}

.list-school .box-school .collapse {
    border: 1px solid #ddd;
    border-top: 0
}

.list-school .box-school [data-toggle="collapse"] {
    color: #333
}

@media (max-width: 767.98px) {
    .list-school .box-school .box {
        display: block
    }

    .list-school .box-school .btn-more {
        display: block
    }

    .list-school .box-school .btn-search-course {
        margin-top: 20px
    }
}

.slider-school-gallery {
    position: relative;
    margin: auto
}

.slider-school-gallery .owl-item {
    width: 100%
}

.slider-school-gallery .owl-item img {
    object-fit: cover
}

.slider-school-gallery .slider-item {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.slider-school-gallery .owl-nav {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    background: none;
    width: 100%;
    max-width: 100%;
    height: auto
}

.slider-school-gallery .owl-nav:before {
    content: ''
}

.slider-school-gallery .owl-prev,
.slider-school-gallery .owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.slider-school-gallery .owl-prev:before,
.slider-school-gallery .owl-next:before {
    border-color: #fff
}

.slider-school-gallery .owl-prev {
    left: 0
}

.slider-school-gallery .owl-next {
    right: 0
}

.slider-school-gallery .owl-stage {
    overflow: hidden
}

@media (max-width: 991.98px) {
    .slider-school-gallery .owl-item img {
        width: 100%;
        height: 100%
    }
}

.box-school .slider-school-gallery {
    max-width: 250px
}

.box-school .slider-school-gallery .owl-item img {
    /*width: 250px;*/
    height: 250px;
    max-height: 250px
}

@media (max-width: 991.98px) {
    .box-school .slider-school-gallery {
        max-width: 300px
    }

    .box-school .slider-school-gallery .owl-item img {
        max-height: 300px
    }
}

.modal .col-md-6 .slider-school-gallery .owl-item img {
    width: 100%;
    height: 350px;
    max-height: 350px
}

.modal .col-md-4 .slider-school-gallery .owl-item img {
    width: 100%;
    height: 260px;
    max-height: 260px
}

.slider-school-gallery-lg {
    max-width: 475px
}

.slider-school-gallery-lg .owl-item img {
    width: 475px;
    height: 350px;
    max-height: 350px
}

@media (max-width: 991.98px) {
    .slider-school-gallery-lg .owl-item img {
        max-height: 250px
    }
}

#inputFilterList, #inputFilterList2 {
    overflow-y: auto;
    height: 1000%
}

#inputFilterList img, #inputFilterList2 img {
    width: 60px;
    height: 60px;
    object-fit: cover
}

.nav-request .nav-link {
    padding-top: 10px;
    padding-bottom: 11px;
    border-bottom: 2px solid #adb5bd
}

.nav-request .nav-link.active {
    padding-bottom: 10px;
    border-bottom: 4px solid #6ec12d;
    color: #6ec12d;
    font-weight: bold
}

.avatar {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    width: 170px;
    height: 170px;
    background-image: url(../assets/img/icon/user.svg);
    background-size: cover;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.avatar .btn-upload {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    background-color: rgba(0, 0, 0, 0.4);
    text-align: center;
    color: #fff;
    font-weight: bold;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.avatar .btn-upload:hover,
.avatar .btn-upload:active,
.avatar .btn-upload:focus {
    background-color: rgba(0, 0, 0, 0.6)
}

.row-signup .logo {
    width: 80px
}

.row-signup .col-signup-intro {
    background: url(../assets/img/uploads/signup-pic.jpg) center 0 no-repeat;
    background-size: cover
}

.row-signup .col-signup-intro .box {
    padding: 40px;
    background-color: rgba(0, 0, 0, 0.3);
    color: #fff
}

@media (max-width: 767.98px) {
    .row-signup .col-signup-intro {
        background: url(../assets/img/uploads/signup-pic.jpg) center center no-repeat;
        background-size: cover;
    }

    .row-signup .col-signup-intro .box {
        padding-top: 100px;
        padding-bottom: 100px
    }
}

.row-signup .col-signup-form .box {
    padding: 40px
}

@media (max-width: 767.98px) {
    .row-signup .col-signup-form .box {
        padding: 20px
    }
}

.table-striped tr th,
.table-striped tr td {
    border: 0
}

.table-striped thead {
    border-bottom: 2px solid #adb5bd
}

.table-noborder tbody td {
    border: 0 !important
}

@media (max-width: 991.98px) {
    .table-rwd thead {
        clip: rect(0 0 0 0);
        position: absolute;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        width: 1px;
        border: none
    }

    .table-rwd td.td-head {
        background-color: #f2f2f2
    }

    .table-rwd td.td-border {
        border-top: 1px solid #ddd !important
    }

    .table-rwd td:before {
        float: left;
        margin-right: 1rem;
        content: attr(data-label);
        font-weight: bold;
        color: #333;
        min-width: 4rem
    }

    .table-rwd td.data-muted:before {
        color: #6c757d
    }

    .table-rwd tbody tr:first-child .td-border {
        border-top: 0 !important
    }

    .table-rwd tbody tr {
        background: none !important
    }

    .table-rwd tr,
    .table-rwd td {
        display: block
    }
}

.font-sm {
    font-size: .875rem
}

.font-small {
    font-size: 0.8rem
}

.font-smallest {
    font-size: 0.7rem
}

[class^="text-row-"],
[class*="text-row-"] {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.text-row-1 {
    -webkit-line-clamp: 1
}

.text-row-2 {
    -webkit-line-clamp: 2
}

.text-row-2.height-fix {
    height: 3rem
}

.text-row-3 {
    -webkit-line-clamp: 3
}

.text-row-6 {
    -webkit-line-clamp: 6;
    height: 9rem
}

.text-gray-4 {
    color: #ced4da
}

.text-gray-5 {
    color: #adb5bd
}

.text-gray-6 {
    color: #6c757d
}

.text-gray-8 {
    color: #333
}

.text-black {
    color: #000
}

p:only-child,
p:last-child {
    margin-bottom: 0;
    word-break: break-all;
}

.text-date-source {
    position: absolute;
    top: 0;
    right: 0
}

@media (max-width: 991.98px) {
    .text-date-source {
        position: relative;
        top: auto;
        right: auto
    }
}

@media (max-width: 991.98px) {
    .h3 {
        font-size: 1.56rem
    }
}

.text-wrap {
    word-break: break-all
}

.nav-global.float-left .nav-item:first-child .nav-link,
.nav-global.float-left .nav-item:only-child .nav-link {
    padding-left: 0
}

.nav-global.float-right .nav-item:last-child .nav-link,
.nav-global.float-right .nav-item:only-child .nav-link {
    padding-right: 0
}

.nav-global .nav-link {
    color: #333
}

.nav-global .nav-link:hover,
.nav-global .nav-link:active,
.nav-global .nav-link:focus {
    color: #6ec12d;
    font-weight: bold
}

.nav-global .dropdown {
    position: static
}

.nav-global .dropdown .dropdown-menu {
    width: 100%;
    border: 0
}

.nav-global .dropdown .dropdown-menu:after {
    position: absolute;
    left: -50%;
    right: -50%;
    top: -1px;
    z-index: 0;
    width: 200%;
    height: 101%;
    background: #fff;
    border: 1px solid #ddd;
    content: ''
}

.nav-global .dropdown .dropdown-menu .container {
    z-index: 1
}

.nav-global .card .card-img-overlay {
    background-color: rgba(0, 0, 0, 0.2);
    color: #fff
}

.nav-global .card .card-img-overlay .lead {
    font-size: 1.25rem;
    line-height: 1
}

.nav-primary {
    background-color: #fff;
    border-bottom: 1px solid #ddd
}

.nav-primary .nav-link {
    padding-top: 25px;
    padding-bottom: 25px;
    text-align: center;
    font-size: 1.25rem;
    color: #333
}

.nav-primary .nav-link:hover,
.nav-primary .nav-link:active,
.nav-primary .nav-link:focus,
.nav-primary .nav-link.active {
    background-color: #6ec12d;
    color: #fff
}

.nav-primary .custom-select {
    padding: 1.25rem 1rem;
    height: 4rem;
    color: #212529;
    border: 0
}

@media (max-width: 1199.98px) {
    .nav-primary .slick-nav .slick-prev {
        left: 5px
    }

    .nav-primary .slick-nav .slick-next {
        right: 5px
    }
}

.nav-secondary {
    background-color: #f2f2f2;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

.nav-secondary .nav-responsive .nav-item,
.nav-secondary .nav-light .nav-item {
    padding-left: 1rem;
    padding-right: 1rem
}

.nav-secondary .nav-responsive .nav-link,
.nav-secondary .nav-light .nav-link {
    padding-left: 0;
    padding-right: 0;
    border-bottom: 2px solid #f2f2f2;
    color: #333
}

.nav-secondary .nav-responsive .nav-link:hover,
.nav-secondary .nav-responsive .nav-link:active,
.nav-secondary .nav-responsive .nav-link:focus,
.nav-secondary .nav-responsive .nav-link.active,
.nav-secondary .nav-light .nav-link:hover,
.nav-secondary .nav-light .nav-link:active,
.nav-secondary .nav-light .nav-link:focus,
.nav-secondary .nav-light .nav-link.active {
    border-color: #6ec12d;
    color: #6ec12d
}

.nav-secondary .navbar {
    padding: 0
}

.nav-secondary .navbar .nav-item {
    border-right: 1px solid #ddd
}

.nav-secondary .navbar .nav-item:first-child,
.nav-secondary .navbar .nav-item:only-child {
    border-left: 1px solid #ddd
}

.nav-secondary .navbar .nav-link {
    padding-top: 25px;
    padding-bottom: 25px;
    color: #333
}

.nav-secondary .navbar .nav-link[aria-expanded="true"] {
    background-color: #fff;
    color: #333
}

.nav-secondary .navbar a.nav-link:hover,
.nav-secondary .navbar a.nav-link:focus {
    background-color: #fff;
    color: #333
}

.nav-secondary .navbar div.nav-link:hover,
.nav-secondary .navbar div.nav-link:focus {
    color: #333
}

.nav-secondary .navbar .dropdown.w-min .dropdown-toggle {
    min-width: 12rem
}

.nav-secondary .navbar .dropdown-toggle {
    display: flex;
    justify-content: space-between
}

.nav-secondary .navbar .dropdown-toggle::after {
    padding: 0 .5rem 0 .25rem;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f078";
    border: 0
}

.nav-secondary .navbar .dropdown-menu {
    border-color: #ddd
}

.nav-secondary .navbar .dropdown-menu .dropdown-item {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.nav-secondary .list-group .list-group-item {
    color: #333
}

.nav-secondary .list-group .collapse [data-toggle="collapse"]:after {
    content: "\f078"
}

.nav-secondary .badge-counter {
    margin-left: 5px;
    padding: 0;
    width: 24px;
    height: 24px;
    color: #fff;
    font-size: 1rem;
    font-weight: normal;
    line-height: 24px;
    text-align: center;
    border-radius: 50%
}

@media (max-width: 991.98px) {
    .nav-responsive {
        overflow: auto;
        -webkit-overflow-scrolling: touch
    }

    .nav-responsive .nav {
        display: block;
        white-space: nowrap
    }

    .nav-responsive .nav .nav-item {
        display: inline-block
    }
}

.burger {
    display: block;
    position: relative;
    width: 1.5rem;
    height: 1.5rem;
    padding: .0625rem 0;
    border: 0;
    margin-right: 1rem;
    background: transparent
}

.burger.active .burger__line:nth-child(2) {
    opacity: 0
}

.burger.active .burger__line:nth-child(1) {
    transform: translateY(6px) rotate(45deg)
}

.burger.active .burger__line:nth-child(3) {
    transform: translateY(-6px) rotate(-45deg)
}

.burger__line {
    display: block;
    position: relative;
    width: 100%;
    height: .125rem;
    margin: .25rem 0;
    background-color: #333;
    transition: 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition-property: opacity, transform
}

.mobileMenu {
    position: fixed;
    top: 59px;
    left: 0;
    z-index: 99;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0;
    -webkit-pointer-events: none;
    -moz-pointer-events: none;
    -ms-pointer-events: none;
    pointer-events: none;
    overflow: auto
}

.mobileMenu a {
    color: #333
}

.mobileMenu .collapse-second>.list-group-item {
    padding-left: 40px
}

.mobileMenu .collapse-third>.list-group-item {
    padding-left: 60px
}

.mobileMenu.open {
    opacity: 1;
    -webkit-pointer-events: all;
    -moz-pointer-events: all;
    -ms-pointer-events: all;
    pointer-events: all
}

.mobileMenu .list-group {
    border-top: 1px solid #ddd;
    font-size: 1.25rem
}

.nav-ctrl a.media {
    color: #333
}

.nav-ctrl a.media:hover,
.nav-ctrl a.media:focus {
    color: #6ec12d
}

.nav-search .dropdown .dropdown-toggle {
    min-width: 7rem
}

.nav-search .dropdown .dropdown-menu {
    min-width: 100%
}

.nav-search .dropdown .input-group {
    height: 100%
}

.nav-search .dropdown .input-group .input-group-text {
    padding: 0 1rem;
    background: #fff;
    border: 0
}

@media (max-width: 991.98px) {
    .nav-search .dropdown-inline {
        width: 35%
    }
}

.nav-search .dropdown-filter {
    min-width: 250px
}

@media (max-width: 991.98px) {
    .nav-search .dropdown-filter {
        min-width: auto;
        width: 65%
    }
}

.nav-search .dropdown-filter .form-control {
    /*padding-left: 3rem;
    padding-right: 1rem;
    background: url("../assets/img/ui/icon-search.png") no-repeat 1rem center;*/
    padding-left: 1rem;
    border: 0;
    /*height: 74px*/
}

.nav-search .dropdown-filter .form-control:hover,
.nav-search .dropdown-filter .form-control:active,
.nav-search .dropdown-filter .form-control:focus {
    background-color: #fff
}

.nav-search .dropdown-filter .dropdown-menu {
    padding: 0
}

.nav-search .dropdown-filter .dropdown-menu .media {
    padding: 10px 15px;
    color: #333
}

.nav-search .dropdown-filter .dropdown-menu .media:hover,
.nav-search .dropdown-filter .dropdown-menu .media:active,
.nav-search .dropdown-filter .dropdown-menu .media:focus {
    background: #f2f2f2
}

.nav-search .dropdown-filter .dropdown-menu img {
    max-width: 60px
}

.nav-mobile-search {
    display: none;
    position: fixed;
    /*right: 1rem;
    bottom: 1rem; 
    z-index: 1;
    text-align: right*/
    bottom: 0;
    z-index: 3;
    width: 100%;
    background-color: #ffffff;
    font-size: 11px;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    box-shadow: 0 0 10px #00000040;
}

.nav-mobile-search i {
    height: 33.33333px;
}
.nav-mobile-search i.fa-line {
    font-size: 33px;
    margin-bottom: .25rem;
    color: #ef3d42 !important;
}
.nav-mobile-search a.text-light {
    color: #000 !important;
}
.calendar-icon {
    display: inline-block;
    background: url("/images/icons/calendar.svg") no-repeat center center;
    background-size: cover;
    aspect-ratio: 9 / 10;
}
.phone-icon {
    display: inline-block;
    background: url("/images/icons/phone-call.svg") no-repeat center center;
    background-size: 90%;
    aspect-ratio:  1 / 1;
}
.rss-icon {
    display: inline-block;
    background: url("/images/icons/rss.svg") no-repeat center center;
    background-size: 80%;
    aspect-ratio: 1 / 1;
}
@media (max-width: 991.98px) {
    .nav-mobile-search {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        text-align: center;
        padding: .5rem 1rem;
    }
}
/*
.nav-mobile-search .btn {
    display: block;
    margin-top: 10px;
    border-radius: 50px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05)
}

.nav-mobile-search .btn .badge {
    background: #fff;
    color: #6ec12d;
    font-size: 1rem;
    border-radius: 50%
}

.nav-mobile-search .btn-outline-primary {
    background-color: #fff
}

.nav-mobile-search .btn-outline-primary:hover,
.nav-mobile-search .btn-outline-primary:active,
.nav-mobile-search .btn-outline-primary:focus {
    background-color: #569823
}
*/
.nav-sticky {
    z-index: 1019
}

.nav-rank .btn {
    margin: 5px 10px
}

.nav-rank .btn-outline-secondary:hover,
.nav-rank .btn-outline-secondary:active,
.nav-rank .btn-outline-secondary:focus {
    background-color: transparent;
    border-color: #6ec12d;
    color: #6ec12d
}

.nav-tabs {
    border-bottom: 0
}

.nav-tabs .nav-item {
    margin: 0 1rem
}

.nav-tabs .nav-link {
    padding: 0;
    padding-bottom: .25rem;
    color: #333;
    border: 0;
    border-bottom: 2px solid transparent
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:active,
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link.active {
    color: #6ec12d;
    background-color: #fff;
    border-color: #6ec12d
}

.quickNav {
    display: none;
    position: fixed;
    top: 0;
    right: -17.5rem;
    z-index: 1100;
    width: 20.5rem;
    height: 100%;
    padding-left: 3rem
}

.quickNav .list-item-hover .embed__overlay,
.quickNav .list-item-hover .embed__content {
    opacity: 0
}

.quickNav .list-item-hover:hover .embed__overlay,
.quickNav .list-item-hover:active .embed__overlay,
.quickNav .list-item-hover:focus .embed__overlay {
    opacity: .5
}

.quickNav .list-item-hover:hover .embed__content,
.quickNav .list-item-hover:active .embed__content,
.quickNav .list-item-hover:focus .embed__content {
    opacity: 1
}

.quickNav .scroll-wrapper {
    height: 100%
}

.quickNav .quickNav__switch.q1:before {
    content: '快速導覽'
}

.quickNav .quickNav__switch.q2:before {
    content: '快速導覽'
}

.quickNav.open {
    right: 0
}

.quickNav.open .quickNav__switch {
    color: rgba(0, 0, 0, 0.87);
    background-color: #fff
}

.quickNav.open .quickNav__switch.q1:before {
    content: '關閉導覽'
}

.quickNav.open .quickNav__switch.q2:before {
    content: '關閉導覽'
}

@media (min-width: 992px) {
    .quickNav {
        display: block
    }
}

.quickNav__switch {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 0;
    width: 3rem;
    line-height: 1.1;
    padding: .75rem;
    border: 0;
    border-radius: .25rem 0 0 .25rem;
    font-size: 20px;
    font-size: 1.25rem;
    text-align: center;
    font-weight: 500;
    color: #fff;
    background: #6EC12D;
    transform: translateY(-50%);
    box-shadow: -2px 1px 2px rgba(0,0,0,0.3);
}

.quickNav__container {
    position: relative;
    width: 100%;
    height: 100%;
    background: #fff
}

.quickNav__section {
    padding: 1.75rem 2.25rem;
    text-align: center
}

.quickNav__section:nth-child(2) {
    background: #F2F2F2
}

.quickNav__section .brand {
    display: block;
    max-width: 5.25rem;
    margin: 0 auto
}

.quickNav__section .txt {
    font-weight: 500
}

.quickNav__section .slogan {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 700;
    margin: 1.5rem 0
}

.quickNav__section .btn {
    display: block
}

.quickNav__section .line {
    vertical-align: middle
}

.quickNav__section .list__item {
    margin-bottom: 1rem
}

.quickNav__section .embed:before {
    padding-top: 67.5%
}

.quickNav__subtitle {
    margin-top: 1.875rem;
    margin-bottom: 1rem;
    font-size: 14px;
    font-size: .875rem;
    text-align: left
}

.quickNav__subtitle:first-child {
    margin-top: 0
}

::-webkit-input-placeholder {
    color: #ced4da !important;
    font-family: "Microsoft JhengHei", "Noto Sans TC", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif
}

:-moz-placeholder {
    color: #ced4da !important;
    font-family: "Microsoft JhengHei", "Noto Sans TC", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif
}

::-moz-placeholder {
    color: #ced4da !important;
    font-family: "Microsoft JhengHei", "Noto Sans TC", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif
}

:-ms-input-placeholder {
    color: #ced4da !important;
    font-family: "Microsoft JhengHei", "Noto Sans TC", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif
}

.custom-select {
    -moz-appearance: window;
    -webkit-appearance: none;
    padding-left: 0;
    background-position: 100% center
}

.nav-main .custom-select {
    background-position: 98% center
}

.form-control {
    border-left-width: 0;
    border-right-width: 0;
    border-top-width: 0
}

textarea {
    border-width: 1px !important
}

.box-agree {
    display: none;
    height: 130px;
    overflow: auto;
    border: 1px solid #ced4da
}

.custom-checkbox .custom-control-label::before {
    background-color: #fff;
    border: 1px solid #6c757d;
    border-radius: 3px
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    background-color: #6ec12d;
    border-color: #6ec12d
}

@media (max-width: 991.98px) {
    .form-control.w-auto {
        width: 100% !important
    }
}

.btn-primary,
.btn-success {
    color: #fff
}

.btn-outline-primary:hover,
.btn-outline-primary:active,
.btn-outline-success:hover,
.btn-outline-success:active {
    color: #fff
}

.btn-outline-light {
    color: #adb5bd !important;
    border-color: #adb5bd
}

.btn-outline-light:hover,
.btn-outline-light:focus,
.btn-outline-light:active {
    background: #6ec12d;
    color: #fff !important;
    border-color: #6ec12d
}

.btn-rounded {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%
}

.btn-facebook,
.btn-twitter,
.btn-line {
    display: block;
    padding: 0;
    width: 60px;
    height: 60px;
    line-height: 60px;
    color: #fff;
    text-align: center;
    border-radius: 50%
}

.btn-facebook:hover,
.btn-facebook:focus,
.btn-twitter:hover,
.btn-twitter:focus,
.btn-line:hover,
.btn-line:focus {
    color: #fff
}

.btn-facebook {
    background: #3a589a
}

.btn-facebook:hover,
.btn-facebook:focus {
    background: #2c4375
}

.btn-twitter {
    background: #4b8de1
}

.btn-twitter:hover,
.btn-twitter:focus {
    background: #2472d5
}

.btn-line {
    background: #00b900
}

.btn-line:hover,
.btn-line:focus {
    background: #008600
}

.btn-dark {
    width: 33px;
    height: 33px;
    color: #fff;
    background-color: #495057
}

.btn-dark:hover,
.btn-dark:active,
.btn-dark:focus {
    background-color: #333
}

.btn.-clr-primary {
    color: #fff;
    background-color: #6EC12D
}

.btn.-clr-primary:hover {
    background-color: #5da426
}

a.text-dark:hover,
a.text-dark:focus {
    color: #6ec12d !important
}

.btn-white {
    margin: 0 !important;
    background: #fff;
    color: #333
}

.btn-white.active,
.btn-white:hover,
.btn-white:focus,
.btn-white:active {
    background: #6ec12d;
    color: #fff
}

.video-play {
    position: relative;
    text-align: center
}

.video-play .icon-player {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 0;
    right: 0;
    margin: -26px auto 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 53px;
    height: 53px;
    background: #6ec12d;
    border-radius: 50%
}

.video-play .icon-player i {
    color: #fff;
    font-size: 1rem
}

.video-play:hover .icon-player,
.video-play:active .icon-player,
.video-play:focus .icon-player {
    background: #569823;
    color: #fff
}

.btn-arw-change-left:before,
.btn-arw-change-left:after,
.btn-arw-change-right:before,
.btn-arw-change-right:after {
    width: 1.25em;
    font-family: "Font Awesome 5 Free";
    font-size: 1rem;
    font-weight: 900;
    text-align: center
}

.btn-arw-change-right:after {
    margin-left: .5rem;
    content: '\f054';
    text-align: center;
    width: 1.25em;
    display: inline-block
}

.btn-arw-change-right:hover:after,
.btn-arw-change-right:active:after,
.btn-arw-change-right:focus:after {
    content: '\f061'
}

.btn-arw-change-left:before {
    margin-right: .5rem;
    content: '\f053'
}

.btn-arw-change-left:hover:before,
.btn-arw-change-left:active:before,
.btn-arw-change-left:focus:before {
    content: '\f060'
}

.zopim[data-test-id="ChatWidgetButton"],
.zopim[data-test-id="ChatWidgetMobileButton"] {
    position: fixed !important;
    width: 3rem !important;
    height: 3rem !important;
    top: auto !important;
    left: auto !important;
    right: 1rem !important;
    bottom: 1rem !important;
    color: #fff;
    border-radius: 50%;
    overflow: hidden !important;
    opacity: 0
}

@media (max-width: 991.98px) {

    .zopim[data-test-id="ChatWidgetButton"],
    .zopim[data-test-id="ChatWidgetMobileButton"] {
        bottom: 4rem !important
    }
}

body.loaded .zopim[data-test-id="ChatWidgetButton"],
body.loaded .zopim[data-test-id="ChatWidgetMobileButton"] {
    opacity: 1
}

.zopim[data-test-id="ChatWidgetButton"]:before,
.zopim[data-test-id="ChatWidgetMobileButton"]:before {
    content: '\e905';
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    font-family: 'iconfont';
    font-size: 16px;
    transform: translate(-50%, -50%)
}

.zopim[data-test-id="ChatWidgetButton"]:after,
.zopim[data-test-id="ChatWidgetMobileButton"]:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    color: #fff;
    background-color: #6EC12D
}

@media (min-width: 768px) {

    .zopim[data-test-id="ChatWidgetButton"],
    .zopim[data-test-id="ChatWidgetMobileButton"] {
        width: 3.5rem !important;
        height: 3.5rem !important
    }

    .zopim[data-test-id="ChatWidgetButton"]:before,
    .zopim[data-test-id="ChatWidgetMobileButton"]:before {
        font-size: 20px
    }
}

@media (min-width: 992px) {

    .zopim[data-test-id="ChatWidgetButton"],
    .zopim[data-test-id="ChatWidgetMobileButton"] {
        width: 4rem !important;
        height: 4rem !important
    }

    .zopim[data-test-id="ChatWidgetButton"]:before,
    .zopim[data-test-id="ChatWidgetMobileButton"]:before {
        font-size: 22px
    }
}

@media (min-width: 768px) {

    .zopim[data-test-id="ChatWidgetButton"],
    .zopim[data-test-id="ChatWidgetMobileButton"] {
        width: 4.5rem !important;
        height: 4.5rem !important
    }

    .zopim[data-test-id="ChatWidgetButton"]:before,
    .zopim[data-test-id="ChatWidgetMobileButton"]:before {
        font-size: 24px
    }
}

.zopim[data-test-id="ChatWidgetButton"] iframe,
.zopim[data-test-id="ChatWidgetMobileButton"] iframe {
    position: absolute !important;
    z-index: 5;
    opacity: 0 !important;
    transform: scale(4)
}

.zopim[data-test-id="ChatWidgetButton"] iframe {
    bottom: 60px;
    right: 0
}

.zopim[data-test-id="ChatWidgetMobileButton"] iframe {
    top: 0;
    right: 0
}

[class^="icon-"],
[class*="icon-"] {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
    background-repeat: no-repeat;
    background-size: 100%
}

[class^="icon-courses-"],
[class*="icon-courses-"] {
    width: 55px;
    height: 55px
}

.icon-courses-profile {
    background-image: url("../assets/img/icon/profile.svg")
}

.icon-courses-calendar {
    background-image: url("../assets/img/icon/calendar.svg")
}

.icon-courses-chat {
    background-image: url("../assets/img/icon/chat.svg")
}

.icon-courses-rating {
    background-image: url("../assets/img/icon/rating.svg")
}

[class^="icon-city-"],
[class*="icon-city-"] {
    width: 100px;
    height: 100px
}

.icon-city-hamburger {
    background-image: url("../assets/img/icon/hamburger.svg")
}

.icon-city-bread {
    background-image: url("../assets/img/icon/bread.svg")
}

.icon-city-water {
    background-image: url("../assets/img/icon/water.svg")
}

.icon-city-milk {
    background-image: url("../assets/img/icon/milk.svg")
}

.icon-city-subway {
    background-image: url("../assets/img/icon/subway.svg")
}

.icon-city-bus {
    background-image: url("../assets/img/icon/bus.svg")
}

.icon-city-ticket {
    background-image: url("../assets/img/icon/ticket.svg")
}

[class^="icon-seminar-"],
[class*="icon-seminar-"] {
    width: 20px;
    height: 20px
}

.icon-seminar-calendar {
    background-image: url("../assets/img/icon/seminar-calendar.svg")
}

.icon-seminar-marker {
    background-image: url("../assets/img/icon/seminar-marker.svg")
}

.icon-user {
    width: 28px;
    height: 31px;
    background-image: url("../assets/img/icon/icon-user.svg")
}

.icon-list-check {
    width: 50px;
    height: 50px;
    background-image: url("../assets/img/icon/list-check.svg");
    background-position: center center;
    background-color: #fff;
    background-size: 24px 24px;
    border-radius: 50%
}

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

.icon {
    display: inline-block;
    line-height: 1;
    font-family: 'iconfont' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-align: center;
    speak: none
}

.icon:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility
}

.edm-quotation:before {
    content: ""
}

.edm-account:before {
    content: ""
}

.edm-group-task:before {
    content: ""
}

.edm-meeting:before {
    content: ""
}

.edm-multichannel:before {
    content: ""
}

.edm-accuracy:before {
    content: ""
}

.edm-arrow-right:before {
    content: ""
}

.edm-book:before {
    content: ""
}

.edm-books:before {
    content: ""
}

.edm-bubbles:before {
    content: ""
}

.edm-chatbubble:before {
    content: ""
}

.edm-chevron-down:before {
    content: ""
}

.edm-chevron-left:before {
    content: ""
}

.edm-chevron-right:before {
    content: ""
}

.edm-clock:before {
    content: ""
}

.edm-combo-chart:before {
    content: ""
}

.edm-contacts:before {
    content: ""
}

.edm-contract:before {
    content: ""
}

.edm-country:before {
    content: ""
}

.edm-curriculum:before {
    content: ""
}

.edm-cursor:before {
    content: ""
}

.edm-discount:before {
    content: ""
}

.edm-emotsmile:before {
    content: ""
}

.edm-facebook:before {
    content: ""
}

.edm-grid:before {
    content: ""
}

.edm-heart-health:before {
    content: ""
}

.edm-heart:before {
    content: ""
}

.edm-idea-sharing:before {
    content: ""
}

.edm-instagram:before {
    content: ""
}

.edm-knowledge-sharing:before {
    content: ""
}

.edm-line-outline:before {
    content: ""
}

.edm-line:before {
    content: ""
}

.edm-minus:before {
    content: ""
}

.edm-passport:before {
    content: ""
}

.edm-pin:before {
    content: ""
}

.edm-plane:before {
    content: ""
}

.edm-plus:before {
    content: ""
}

.edm-report-card:before {
    content: ""
}

.edm-search:before {
    content: ""
}

.edm-secured-letter:before {
    content: ""
}

.edm-star:before {
    content: ""
}

.edm-strike:before {
    content: ""
}

.edm-twitter:before {
    content: ""
}

.edm-user-circle:before {
    content: ""
}

.edm-verified-account:before {
    content: ""
}

.bg-cyan {
    background-color: #4b8de1
}

.bg-black {
    background-color: #000
}

.border-gray {
    border-color: #adb5bd
}

.border-2 {
    border-width: 2px
}

.bs {
    -moz-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.05)
}

.bs-strong {
    -moz-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05)
}

.v-middle {
    display: table-cell;
    height: 100%;
    vertical-align: middle !important
}

.pos-a-b {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 10
}

.pos-a-c {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    z-index: 10;
    transform: translateY(-50%)
}

.pos-a-r {
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 10;
    transform: translateY(-50%)
}

.modal-dialog {
    min-height: calc(100vh - 60px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: auto
}

@media (max-width: 768px) {
    .modal-dialog {
        min-height: calc(100vh - 20px)
    }
}

.alert-success {
    background-color: #ccecb3 !important;
    color: #548c28 !important
}

.tab-content>.tab-pane,
.pill-content>.pill-pane {
    display: block;
    height: 0;
    overflow: hidden
}

.tab-content>.active,
.pill-content>.active {
    height: auto
}

[data-toggle="collapse"] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

[data-toggle="collapse"].link:after {
    display: none
}

[data-toggle="collapse"]:after {
    font-family: "Font Awesome 5 Free";
    font-size: .85rem;
    font-weight: 900
}

.collapse-plus[aria-expanded="true"]:after {
    content: ""
}

.collapse-plus[aria-expanded="false"]:after {
    content: ""
}

.collapse-plus:after {
    content: ""
}

.collapse-arrow-v[aria-expanded="true"]:after {
    content: ""
}

.collapse-arrow-v[aria-expanded="false"]:after {
    content: ""
}

.collapse-arrow-v:after {
    margin-left: .5rem;
    content: ""
}

.collapse-arrow-hv[aria-expanded="true"]:after {
    content: ""
}

.collapse-arrow-hv[aria-expanded="false"]:after {
    content: ""
}

.collapse-arrow-hv:after {
    margin-left: .5rem;
    content: ""
}

@media (max-width: 991.98px) {
    .collapse-md-show {
        display: block !important
    }
}

.badge-outline-secondary {
    font-size: 1rem;
    font-weight: bold;
    color: #9b9b9b;
    border: 1px solid #ddd
}

.btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate
}

.btn-group-justified .btn,
.btn-group-justified .btn-group {
    float: none;
    display: table-cell;
    width: 1%
}

.btn-group-justified .btn .btn,
.btn-group-justified .btn-group .btn {
    width: 100%
}

.btn-group-justified .btn .dropdown-menu,
.btn-group-justified .btn-group .dropdown-menu {
    left: auto
}

@media (max-width: 991.98px) {
    .modal-responsive {
        height: 100%
    }

    .modal-responsive .modal-dialog {
        margin: 0;
        max-width: 100%;
        height: 100%
    }

    .modal-responsive .modal-content {
        height: 100%;
        overflow: auto
    }
}

.modal-full.modal-dialog {
    width: 100%;
    max-width: 100%;
    height: 100%;
    margin: 0;
    padding: 0
}

.modal-full .modal-content {
    height: auto;
    min-height: 100%;
    border-radius: 0
}

.modal-full .modal-content iframe {
    max-width: 90%;
    height: 100vh
}

.modal-full .modal-content .modal-header {
    position: absolute;
    top: 0;
    z-index: 100;
    width: 100%;
    border: 0
}

.modal-full .modal-content .modal-header .close {
    color: #fff !important
}

.modal-full .modal-content .modal-body {
    padding: 0;
    text-align: center;
    background: #000
}

/*! Pushy - v1.1.0 - 2017-1-30
* Pushy is a responsive off-canvas navigation menu using CSS transforms & transitions.
* https://github.com/christophery/pushy/
* by Christopher Yee */
.pushy {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 9999;
    background: #fff;
    overflow: auto;
    /*-webkit-overflow-scrolling: touch*/
}

.pushy ul:first-child {
    margin-top: 10px
}

.pushy.pushy-left {
    left: 0
}

.pushy.pushy-right {
    right: 0
}

.pushy .nav .nav-item {
    border-bottom: 1px solid #e9ecef
}

.pushy-content {
    visibility: hidden
}

.pushy-left {
    -webkit-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.pushy-open-left #container,
.pushy-open-left .push {
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.pushy-right {
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.pushy-open-right #container,
.pushy-open-right .push {
    -webkit-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.pushy-open-left .pushy,
.pushy-open-right .pushy {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.pushy-open-left .pushy-content,
.pushy-open-right .pushy-content {
    visibility: visible
}

#container,
.pushy,
.push {
    transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99)
}

.pushy-content {
    transition: visibility 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99)
}

.site-overlay {
    display: none
}

.pushy-open-left .site-overlay,
.pushy-open-right .site-overlay {
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9998;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-animation: fade 500ms;
    animation: fade 500ms
}

@keyframes fade {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes fade {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.pushy-submenu ul {
    padding-left: 15px;
    transition: max-height 0.2s ease-in-out, visibility 0.2s ease-in-out
}

.pushy-submenu ul .pushy-link {
    transition: opacity 0.2s ease-in-out
}

.pushy-submenu button {
    width: 100%;
    color: #b3b3b1;
    padding: 15px 30px;
    text-align: left;
    background: transparent;
    border: 0
}

.pushy-submenu button:hover {
    color: #FFF
}

.pushy-submenu>a,
.pushy-submenu>button {
    position: relative
}

.pushy-submenu>a::after,
.pushy-submenu>button::after {
    content: '';
    display: block;
    height: 11px;
    width: 8px;
    position: absolute;
    top: 50%;
    right: 15px;
    background: url("../assets/img/arrow.svg") no-repeat;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: transform 0.2s
}

.pushy-submenu-closed ul {
    max-height: 0;
    overflow: hidden;
    visibility: hidden
}

.pushy-submenu-closed .pushy-link {
    opacity: 0
}

.pushy-submenu-open ul {
    max-height: 1000px;
    visibility: visible
}

.pushy-submenu-open .pushy-link {
    opacity: 1
}

.pushy-submenu-open a::after,
.pushy-submenu-open button::after {
    -webkit-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg)
}

.pushy a {
    color: #333
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:before,
.slick-track:after {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir="rtl"] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-loading .slick-list {
    background: url(../assets/img/ui/ajax-loader.gif) center center no-repeat #fff
}

.slick-prev,
.slick-next {
    position: absolute;
    z-index: 100;
    display: block;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: none
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: .25
}

.slick-prev:before,
.slick-next:before {
    font-family: "Font Awesome 5 Free" !important;
    font-size: 1rem;
    font-weight: 900;
    line-height: 1;
    color: #000;
    opacity: .75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -25px
}

[dir="rtl"] .slick-prev {
    left: auto;
    right: -25px
}

.slick-prev:before {
    content: ""
}

[dir="rtl"] .slick-prev:before {
    content: ""
}

.slick-next {
    right: -25px
}

[dir="rtl"] .slick-next {
    left: -25px;
    right: auto
}

.slick-next:before {
    content: ""
}

[dir="rtl"] .slick-next:before {
    content: ""
}

.slick-dots {
    position: absolute;
    bottom: 10px;
    z-index: 5;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%
}

.slick-dots li {
    position: relative;
    display: inline-block;
    height: 12px;
    width: 12px;
    margin: 0 3px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    border: 0;
    background-color: #fff;
    display: block;
    height: 10px;
    width: 10px;
    outline: none;
    line-height: 0px;
    font-size: 0px;
    color: transparent;
    padding: 5px;
    cursor: pointer;
    border-radius: 50%
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
    background-color: #fff
}

.slick-dots li.slick-active button {
    background-color: #6ec12d
}

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}

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

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

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

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

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height 500ms ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease
}

.owl-carousel .owl-item .owl-lazy[src^=""],
.owl-carousel .owl-item .owl-lazy:not([src]) {
    max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

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

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url("owl.video.play.png") no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform 100ms ease
}

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

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

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

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

.owl-stage {
    display: flex;
    position: relative
}

@media (min-width: 768px) {
    .owl-carousel .owl-stage {
        width: 100%
    }
}

.owl-nav {
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 3rem;
    max-width: 10rem;
    color: #333;
    background: white
}

.owl-nav.disabled {
    display: none !important
}

.owl-nav:before {
    content: "";
    display: block;
    flex: 1 1 auto;
    order: 2;
    text-align: center
}

.owl-prev,
.owl-next {
    flex: 1 0 3rem;
    width: 3rem;
    max-width: 3rem;
    height: 3rem;
    padding: 0;
    border: 0;
    text-align: center;
    cursor: pointer;
    background: transparent
}

.owl-prev span,
.owl-next span {
    display: none
}

.owl-prev:before,
.owl-next:before {
    content: '';
    display: inline-block;
    position: relative;
    width: .75rem;
    height: .75rem;
    border-width: 2px 2px 0 0;
    border-style: solid;
    border-color: #333
}

.owl-prev:hover:before,
.owl-prev:active:before,
.owl-next:hover:before,
.owl-next:active:before {
    border-color: #6ec12d
}

.owl-prev {
    left: 0;
    order: 1
}

.owl-prev:before {
    transform: rotate(-135deg)
}

.owl-next {
    right: 0;
    order: 3
}

.owl-next:before {
    transform: rotate(45deg)
}

.owl-dots {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    text-align: center
}

.owl-dots.disabled {
    display: none !important
}

.owl-dot {
    display: inline-block;
    width: .5rem;
    height: .5rem;
    padding: 0;
    border-radius: 50%;
    border: 0;
    margin: 0 .25rem;
    background: #DDDDDD;
    transition: .3s ease
}

.owl-dot.active {
    background: #6EC12D !important
}

.owl-stage-outer {
    z-index: 1;
    overflow: hidden
}

.js-carousel {
    overflow: hidden
}

html.lb-disable-scrolling {
    overflow: hidden;
    position: fixed;
    height: 100vh;
    width: 100vw
}

.lightboxOverlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: black;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
    display: none
}

.lightbox {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 10000;
    text-align: center;
    line-height: 0;
    font-weight: normal
}

.lightbox .lb-image {
    display: block;
    height: auto;
    max-width: inherit;
    max-height: none
}

.lightbox a img {
    border: none
}

.lb-outerContainer {
    position: relative;
    *zoom: 1;
    width: 250px;
    height: 250px;
    margin: 0 auto;
    background-color: white
}

.lb-outerContainer:after {
    content: "";
    display: table;
    clear: both
}

.lb-loader {
    position: absolute;
    top: 43%;
    left: 0;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0
}

.lb-cancel {
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 auto;
    background: url(../assets/img/ui/loading.gif) no-repeat
}

.lb-nav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10001
}

.lb-container>.nav {
    left: 0
}

.lb-nav a {
    outline: none;
    background-image: url("data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==")
}

.lb-prev,
.lb-next,
.lb-close {
    cursor: pointer;
    position: absolute;
    z-index: 50001;
    display: block;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: none
}

.lb-prev:hover,
.lb-prev:focus,
.lb-next:hover,
.lb-next:focus,
.lb-close:hover,
.lb-close:focus {
    outline: none;
    background: transparent;
    color: transparent
}

.lb-prev:hover:before,
.lb-prev:focus:before,
.lb-next:hover:before,
.lb-next:focus:before,
.lb-close:hover:before,
.lb-close:focus:before {
    opacity: 1
}

.lb-prev:before,
.lb-next:before,
.lb-close:before {
    font-family: "Font Awesome 5 Free" !important;
    font-size: 2rem;
    font-weight: 900;
    line-height: 1;
    color: #fff;
    opacity: .75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-shadow: 0 0 2px #000
}

.lb-nav a.lb-prev {
    left: -25px
}

.lb-nav a.lb-prev:before {
    content: ""
}

@media (max-width: 991.98px) {
    .lb-nav a.lb-prev {
        left: 5px
    }
}

.lb-nav a.lb-next {
    right: -25px
}

.lb-nav a.lb-next:before {
    content: ""
}

@media (max-width: 991.98px) {
    .lb-nav a.lb-next {
        right: 5px
    }
}

.lb-dataContainer {
    margin: 0 auto;
    *zoom: 1;
    width: 100%
}

.lb-dataContainer::after {
    display: block;
    clear: both;
    content: ""
}

.lb-data {
    margin-top: 15px;
    color: #fff
}

.lb-data .lb-details {
    width: 100%;
    text-align: left;
    font-size: 20px;
    line-height: 1.5;
    font-weight: 100;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: flex
}

.lb-data .lb-details::after {
    display: block;
    clear: both;
    content: ""
}

.lb-data .lb-caption {
    width: 80%
}

.lb-data .lb-number {
    width: 20%;
    text-align: right
}

.lb-data .lb-close {
    top: -40px;
    right: 5px;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.lb-data .lb-close:before {
    content: "\f00d"
}

#lightboxOverlay {
    position: fixed !important;
    top: 0;
    left: 0;
    height: 100% !important;
    width: 100% !important
}

#lightbox {
    position: fixed !important;
    top: 50% !important;
    transform: translateY(-50%)
}

.scroll-wrapper {
    overflow: hidden !important;
    padding: 0 !important;
    position: relative
}

.scroll-wrapper>.scroll-content {
    border: none !important;
    box-sizing: content-box !important;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none !important;
    overflow: scroll !important;
    position: relative !important;
    top: 0;
    width: auto !important;
    /*padding: 10px 15px 10px 10px;*/
}

.scroll-wrapper>.scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0
}

.scroll-wrapper.scroll--rtl {
    direction: rtl
}

.scroll-element {
    box-sizing: content-box;
    display: none
}

.scroll-element div {
    box-sizing: content-box
}

.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
    cursor: default
}

.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
    display: block
}

.scroll-textarea {
    border: 1px solid #cccccc;
    border-top-color: #999999
}

.scroll-textarea>.scroll-content {
    overflow: hidden !important
}

.scroll-textarea>.scroll-content>textarea {
    border: none !important;
    box-sizing: border-box;
    height: 100% !important;
    margin: 0;
    max-height: none !important;
    max-width: none !important;
    overflow: scroll !important;
    outline: none;
    padding: 2px;
    position: relative !important;
    top: 0;
    width: 100% !important
}

.scroll-textarea>.scroll-content>textarea::-webkit-scrollbar {
    height: 0;
    width: 0
}

.scrollbar-inner>.scroll-element,
.scrollbar-inner>.scroll-element div {
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10
}

.scrollbar-inner>.scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.scrollbar-inner>.scroll-element.scroll-x {
    bottom: 2px;
    height: 8px;
    left: 0;
    width: 100%
}

.scrollbar-inner>.scroll-element.scroll-y {
    height: 100%;
    right: 0;
    top: 0;
    width: 8px
}

.scrollbar-inner>.scroll-element .scroll-element_outer {
    overflow: hidden
}

.scrollbar-inner>.scroll-element .scroll-element_outer,
.scrollbar-inner>.scroll-element .scroll-element_track,
.scrollbar-inner>.scroll-element .scroll-bar {
    border-radius: 0
}

.scrollbar-inner>.scroll-element .scroll-element_track,
.scrollbar-inner>.scroll-element .scroll-bar {
    opacity: 1
}

.scrollbar-inner>.scroll-element .scroll-element_track {
    background-color: #e0e0e0
}

.scrollbar-inner>.scroll-element .scroll-bar {
    background-color: #6ec12d
}

.scrollbar-inner>.scroll-element:hover .scroll-bar {
    background-color: #6ec12d
}

.scrollbar-inner>.scroll-element.scroll-draggable .scroll-bar {
    background-color: #6ec12d
}

.scrollbar-inner>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
    left: -12px
}

.scrollbar-inner>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
    top: -12px
}

.scrollbar-inner>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -12px
}

.scrollbar-inner>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -12px
}

.scrollbar-outer>.scroll-element,
.scrollbar-outer>.scroll-element div {
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10
}

.scrollbar-outer>.scroll-element {
    background-color: #ffffff
}

.scrollbar-outer>.scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.scrollbar-outer>.scroll-element.scroll-x {
    bottom: 0;
    height: 12px;
    left: 0;
    width: 100%
}

.scrollbar-outer>.scroll-element.scroll-y {
    height: 100%;
    right: 0;
    top: 0;
    width: 12px
}

.scrollbar-outer>.scroll-element.scroll-x .scroll-element_outer {
    height: 8px;
    top: 2px
}

.scrollbar-outer>.scroll-element.scroll-y .scroll-element_outer {
    left: 2px;
    width: 8px
}

.scrollbar-outer>.scroll-element .scroll-element_outer {
    overflow: hidden
}

.scrollbar-outer>.scroll-element .scroll-element_track {
    background-color: #eeeeee
}

.scrollbar-outer>.scroll-element .scroll-element_outer,
.scrollbar-outer>.scroll-element .scroll-element_track,
.scrollbar-outer>.scroll-element .scroll-bar {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px
}

.scrollbar-outer>.scroll-element .scroll-bar {
    background-color: #d9d9d9
}

.scrollbar-outer>.scroll-element .scroll-bar:hover {
    background-color: #c2c2c2
}

.scrollbar-outer>.scroll-element.scroll-draggable .scroll-bar {
    background-color: #919191
}

.scrollbar-outer>.scroll-content.scroll-scrolly_visible {
    left: -12px;
    margin-left: 12px
}

.scrollbar-outer>.scroll-content.scroll-scrollx_visible {
    top: -12px;
    margin-top: 12px
}

.scrollbar-outer>.scroll-element.scroll-x .scroll-bar {
    min-width: 10px
}

.scrollbar-outer>.scroll-element.scroll-y .scroll-bar {
    min-height: 10px
}

.scrollbar-outer>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
    left: -14px
}

.scrollbar-outer>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
    top: -14px
}

.scrollbar-outer>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -14px
}

.scrollbar-outer>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -14px
}

.scrollbar-macosx>.scroll-element,
.scrollbar-macosx>.scroll-element div {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10
}

.scrollbar-macosx>.scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.scrollbar-macosx>.scroll-element .scroll-element_track {
    display: none
}

.scrollbar-macosx>.scroll-element .scroll-bar {
    background-color: #6C6E71;
    display: block;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    -ms-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear
}

.scrollbar-macosx:hover>.scroll-element .scroll-bar,
.scrollbar-macosx>.scroll-element.scroll-draggable .scroll-bar {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    opacity: 0.7
}

.scrollbar-macosx>.scroll-element.scroll-x {
    bottom: 0px;
    height: 0px;
    left: 0;
    min-width: 100%;
    overflow: visible;
    width: 100%
}

.scrollbar-macosx>.scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 0px;
    top: 0;
    width: 0px
}

.scrollbar-macosx>.scroll-element.scroll-x .scroll-bar {
    height: 7px;
    min-width: 10px;
    top: -9px
}

.scrollbar-macosx>.scroll-element.scroll-y .scroll-bar {
    left: -9px;
    min-height: 10px;
    width: 7px
}

.scrollbar-macosx>.scroll-element.scroll-x .scroll-element_outer {
    left: 2px
}

.scrollbar-macosx>.scroll-element.scroll-x .scroll-element_size {
    left: -4px
}

.scrollbar-macosx>.scroll-element.scroll-y .scroll-element_outer {
    top: 2px
}

.scrollbar-macosx>.scroll-element.scroll-y .scroll-element_size {
    top: -4px
}

.scrollbar-macosx>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -11px
}

.scrollbar-macosx>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -11px
}

.scrollbar-light>.scroll-element,
.scrollbar-light>.scroll-element div {
    border: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    z-index: 10
}

.scrollbar-light>.scroll-element {
    background-color: #ffffff
}

.scrollbar-light>.scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.scrollbar-light>.scroll-element .scroll-element_outer {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.scrollbar-light>.scroll-element .scroll-element_size {
    background: #dbdbdb;
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+");
    background: -moz-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #dbdbdb), color-stop(100%, #e8e8e8));
    background: -webkit-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%);
    background: -o-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%);
    background: -ms-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%);
    background: linear-gradient(to right, #dbdbdb 0%, #e8e8e8 100%);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.scrollbar-light>.scroll-element.scroll-x {
    bottom: 0;
    height: 17px;
    left: 0;
    min-width: 100%;
    width: 100%
}

.scrollbar-light>.scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 0;
    top: 0;
    width: 17px
}

.scrollbar-light>.scroll-element .scroll-bar {
    background: #fefefe;
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+");
    background: -moz-linear-gradient(left, #fefefe 0%, #f5f5f5 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #fefefe), color-stop(100%, #f5f5f5));
    background: -webkit-linear-gradient(left, #fefefe 0%, #f5f5f5 100%);
    background: -o-linear-gradient(left, #fefefe 0%, #f5f5f5 100%);
    background: -ms-linear-gradient(left, #fefefe 0%, #f5f5f5 100%);
    background: linear-gradient(to right, #fefefe 0%, #f5f5f5 100%);
    border: 1px solid #dbdbdb;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.scrollbar-light>.scroll-content.scroll-scrolly_visible {
    left: -17px;
    margin-left: 17px
}

.scrollbar-light>.scroll-content.scroll-scrollx_visible {
    top: -17px;
    margin-top: 17px
}

.scrollbar-light>.scroll-element.scroll-x .scroll-bar {
    height: 10px;
    min-width: 10px;
    top: 0px
}

.scrollbar-light>.scroll-element.scroll-y .scroll-bar {
    left: 0px;
    min-height: 10px;
    width: 10px
}

.scrollbar-light>.scroll-element.scroll-x .scroll-element_outer {
    height: 12px;
    left: 2px;
    top: 2px
}

.scrollbar-light>.scroll-element.scroll-x .scroll-element_size {
    left: -4px
}

.scrollbar-light>.scroll-element.scroll-y .scroll-element_outer {
    left: 2px;
    top: 2px;
    width: 12px
}

.scrollbar-light>.scroll-element.scroll-y .scroll-element_size {
    top: -4px
}

.scrollbar-light>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -19px
}

.scrollbar-light>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -19px
}

.scrollbar-light>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
    left: -19px
}

.scrollbar-light>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
    top: -19px
}

.scrollbar-rail>.scroll-element,
.scrollbar-rail>.scroll-element div {
    border: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    z-index: 10
}

.scrollbar-rail>.scroll-element {
    background-color: #ffffff
}

.scrollbar-rail>.scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.scrollbar-rail>.scroll-element .scroll-element_size {
    background-color: #999;
    background-color: rgba(0, 0, 0, 0.3)
}

.scrollbar-rail>.scroll-element .scroll-element_outer:hover .scroll-element_size {
    background-color: #666;
    background-color: rgba(0, 0, 0, 0.5)
}

.scrollbar-rail>.scroll-element.scroll-x {
    bottom: 0;
    height: 12px;
    left: 0;
    min-width: 100%;
    padding: 3px 0 2px;
    width: 100%
}

.scrollbar-rail>.scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    padding: 0 2px 0 3px;
    right: 0;
    top: 0;
    width: 12px
}

.scrollbar-rail>.scroll-element .scroll-bar {
    background-color: #d0b9a0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5)
}

.scrollbar-rail>.scroll-element .scroll-element_outer:hover .scroll-bar {
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6)
}

.scrollbar-rail>.scroll-content.scroll-scrolly_visible {
    left: -17px;
    margin-left: 17px
}

.scrollbar-rail>.scroll-content.scroll-scrollx_visible {
    margin-top: 17px;
    top: -17px
}

.scrollbar-rail>.scroll-element.scroll-x .scroll-bar {
    height: 10px;
    min-width: 10px;
    top: 1px
}

.scrollbar-rail>.scroll-element.scroll-y .scroll-bar {
    left: 1px;
    min-height: 10px;
    width: 10px
}

.scrollbar-rail>.scroll-element.scroll-x .scroll-element_outer {
    height: 15px;
    left: 5px
}

.scrollbar-rail>.scroll-element.scroll-x .scroll-element_size {
    height: 2px;
    left: -10px;
    top: 5px
}

.scrollbar-rail>.scroll-element.scroll-y .scroll-element_outer {
    top: 5px;
    width: 15px
}

.scrollbar-rail>.scroll-element.scroll-y .scroll-element_size {
    left: 5px;
    top: -10px;
    width: 2px
}

.scrollbar-rail>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -25px
}

.scrollbar-rail>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -25px
}

.scrollbar-rail>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
    left: -25px
}

.scrollbar-rail>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
    top: -25px
}

.scrollbar-dynamic>.scroll-element,
.scrollbar-dynamic>.scroll-element div {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10
}

.scrollbar-dynamic>.scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.scrollbar-dynamic>.scroll-element.scroll-x {
    bottom: 2px;
    height: 7px;
    left: 0;
    min-width: 100%;
    width: 100%
}

.scrollbar-dynamic>.scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 2px;
    top: 0;
    width: 7px
}

.scrollbar-dynamic>.scroll-element .scroll-element_outer {
    opacity: 0.3;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px
}

.scrollbar-dynamic>.scroll-element .scroll-element_size {
    background-color: #cccccc;
    opacity: 0;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    -ms-transition: opacity 0.2s;
    transition: opacity 0.2s
}

.scrollbar-dynamic>.scroll-element .scroll-bar {
    background-color: #6c6e71;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px
}

.scrollbar-dynamic>.scroll-element.scroll-x .scroll-bar {
    bottom: 0;
    height: 7px;
    min-width: 24px;
    top: auto
}

.scrollbar-dynamic>.scroll-element.scroll-y .scroll-bar {
    left: auto;
    min-height: 24px;
    right: 0;
    width: 7px
}

.scrollbar-dynamic>.scroll-element.scroll-x .scroll-element_outer {
    bottom: 0;
    top: auto;
    left: 2px;
    -webkit-transition: height 0.2s;
    -moz-transition: height 0.2s;
    -o-transition: height 0.2s;
    -ms-transition: height 0.2s;
    transition: height 0.2s
}

.scrollbar-dynamic>.scroll-element.scroll-y .scroll-element_outer {
    left: auto;
    right: 0;
    top: 2px;
    -webkit-transition: width 0.2s;
    -moz-transition: width 0.2s;
    -o-transition: width 0.2s;
    -ms-transition: width 0.2s;
    transition: width 0.2s
}

.scrollbar-dynamic>.scroll-element.scroll-x .scroll-element_size {
    left: -4px
}

.scrollbar-dynamic>.scroll-element.scroll-y .scroll-element_size {
    top: -4px
}

.scrollbar-dynamic>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -11px
}

.scrollbar-dynamic>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -11px
}

.scrollbar-dynamic>.scroll-element:hover .scroll-element_outer,
.scrollbar-dynamic>.scroll-element.scroll-draggable .scroll-element_outer {
    overflow: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    opacity: 0.7
}

.scrollbar-dynamic>.scroll-element:hover .scroll-element_outer .scroll-element_size,
.scrollbar-dynamic>.scroll-element.scroll-draggable .scroll-element_outer .scroll-element_size {
    opacity: 1
}

.scrollbar-dynamic>.scroll-element:hover .scroll-element_outer .scroll-bar,
.scrollbar-dynamic>.scroll-element.scroll-draggable .scroll-element_outer .scroll-bar {
    height: 100%;
    width: 100%;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px
}

.scrollbar-dynamic>.scroll-element.scroll-x:hover .scroll-element_outer,
.scrollbar-dynamic>.scroll-element.scroll-x.scroll-draggable .scroll-element_outer {
    height: 20px;
    min-height: 7px
}

.scrollbar-dynamic>.scroll-element.scroll-y:hover .scroll-element_outer,
.scrollbar-dynamic>.scroll-element.scroll-y.scroll-draggable .scroll-element_outer {
    min-width: 7px;
    width: 20px
}

.scrollbar-chrome>.scroll-element,
.scrollbar-chrome>.scroll-element div {
    border: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    z-index: 10
}

.scrollbar-chrome>.scroll-element {
    background-color: #ffffff
}

.scrollbar-chrome>.scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.scrollbar-chrome>.scroll-element .scroll-element_track {
    background: #f1f1f1;
    border: 1px solid #dbdbdb
}

.scrollbar-chrome>.scroll-element.scroll-x {
    bottom: 0;
    height: 16px;
    left: 0;
    min-width: 100%;
    width: 100%
}

.scrollbar-chrome>.scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 0;
    top: 0;
    width: 16px
}

.scrollbar-chrome>.scroll-element .scroll-bar {
    background-color: #d9d9d9;
    border: 1px solid #bdbdbd;
    cursor: default;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.scrollbar-chrome>.scroll-element .scroll-bar:hover {
    background-color: #c2c2c2;
    border-color: #a9a9a9
}

.scrollbar-chrome>.scroll-element.scroll-draggable .scroll-bar {
    background-color: #919191;
    border-color: #7e7e7e
}

.scrollbar-chrome>.scroll-content.scroll-scrolly_visible {
    left: -16px;
    margin-left: 16px
}

.scrollbar-chrome>.scroll-content.scroll-scrollx_visible {
    top: -16px;
    margin-top: 16px
}

.scrollbar-chrome>.scroll-element.scroll-x .scroll-bar {
    height: 8px;
    min-width: 10px;
    top: 3px
}

.scrollbar-chrome>.scroll-element.scroll-y .scroll-bar {
    left: 3px;
    min-height: 10px;
    width: 8px
}

.scrollbar-chrome>.scroll-element.scroll-x .scroll-element_outer {
    border-left: 1px solid #dbdbdb
}

.scrollbar-chrome>.scroll-element.scroll-x .scroll-element_track {
    height: 14px;
    left: -3px
}

.scrollbar-chrome>.scroll-element.scroll-x .scroll-element_size {
    height: 14px;
    left: -4px
}

.scrollbar-chrome>.scroll-element.scroll-y .scroll-element_outer {
    border-top: 1px solid #dbdbdb
}

.scrollbar-chrome>.scroll-element.scroll-y .scroll-element_track {
    top: -3px;
    width: 14px
}

.scrollbar-chrome>.scroll-element.scroll-y .scroll-element_size {
    top: -4px;
    width: 14px
}

.scrollbar-chrome>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -19px
}

.scrollbar-chrome>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -19px
}

.scrollbar-chrome>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
    left: -19px
}

.scrollbar-chrome>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
    top: -19px
}

/*  added by d3141c
    for 100% image width on mobile
 */
.article-content img {
    max-width: 100%;
    height: auto !important;
}

/*  added by d3141c
    define for ckeditor style
 */
h2.tw_title {
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 1rem;
}

h3.tw_heading {
    font-weight: bold;
    color: #6db841;
    padding-left: 5px;
    border-left: 5px solid #6db841;
    font-size: 24px;
    margin: 0 0 20px;
    line-height: 24px;
}

h4.tw_subheading {
    font-weight: bold;
    font-size: 20px;
    margin: 0 0 20px;
}

ol {
    list-style-type: cjk-ideographic;
}

.article-content p {
    font-size: 16px;
}

a.text-dark {
    font-weight: 400;
}

.btn {
    font-weight: 400;
}

/*  added by d3141c
    carousel-news
 */
.js-carousel-news .owl-stage-outer {
}
.js-carousel-news .owl-nav {
    position:relative;
    max-width: 100%;
    display: none;
}
.js-carousel-news .owl-nav .owl-next, .js-carousel-news .owl-nav .owl-prev {
    position:absolute;
    margin-top: -200px;
    background: #ccc
}
.js-carousel-news .owl-nav .owl-prev {
    left: 3rem;
}
.js-carousel-news .owl-nav .owl-next {
    right: 3rem;
}
@media (min-width: 768px) {
    .js-carousel-news .owl-nav {
        display: block;
    }
    .js-carousel-news .owl-stage-outer {
        margin: 0 8rem 0 7rem;
    }
}

@media (max-width: 767.98px) {
    .footer-top .h4, .footer-top .h5 {
        font-size: 1rem;
    }
    .thank .h2 {
        font-size: 1.5rem;
    }
    .thank .display-3 {
        font-size: 3rem;
    }
    .thank-footer-bg {
        flex-basis: 1;
    }
}

.thank-footer-bg {
    background-size: cover;
    background-repeat: no-repeat;
    height: 250px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

/* wrapper */
.breadcrumbs {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 1rem;
    padding-bottom: 0;
}

.breadcrumb {
    margin: 0;
    justify-content: flex-end;
}
.breadcrumb li {
    border-bottom: solid 1px #a2a2a2;
    padding-bottom: .3rem;
}

@media (max-width: 575px) {
    .breadcrumb {
        /*display: block;*/
    }
    .breadcrumb li {
        border-bottom: none;
    }
}

.nav-big {
}
.nav-big a {
    font-size: large;
}

.nav-link{
    padding: .5rem .9rem
}

#search-school .navbar .nav-link {
    padding-top: .5rem;
    padding-bottom: .5rem;
}

.keyword {
    background-color: #ffc107;
    border-bottom: solid 1px #fd7e14;
    padding: 0 .2rem;
}

.school-search-container {
    position: fixed; width: 100%; clear: both; z-index: 5
}
.school-search-main {
    margin-top: 40px;
}



.exp-review-wrap {
    display: flex;
    justify-content: flex-start;
    margin-top: 3rem;
    margin-bottom: 3rem;
}
.exp-review-wrap section {
    flex: 1 0 50%;
    max-width: 50%;
}
@media only screen and (max-width: 768px) {
    .exp-review-wrap { flex-wrap: wrap; }
    .exp-review-wrap section { flex: 1 0 100%; max-width: 100% }
    .exp-review-wrap section:last-child { margin-top: 2rem }
}
.exp-review-wrap section h3 {
    font-weight: bold;
    text-align: center;
}
.exp-review-wrap section p.section-intro {
    color: #6c757d;
    margin-bottom: 1rem;
    text-align: center;
    font-size: small;
}

.exp-review-wrap .item {
   min-height: 400px;
}

.exp2, .review2 {
    position: relative;
    width: 100%;
}
.exp2 .item {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    color: #fff;
}

.item .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
}

.exp2 .item h4 {
    padding: .3rem 1rem;
    line-height: 2;
    border-bottom: solid 1px rgba(255,255,255,0.4);
    background: rgba(255,255,255,0.3);
    text-shadow: 1px 1px 2px #333;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.exp2 .item p {
    padding: 1rem
}
.exp2 .item .btn-wrap {
    /*text-align: right;
    padding-right: 1rem*/
    position: absolute;
    bottom: 1rem;
    right: 1rem
}

.bg-light {
    background: #f8f9fa !important;
}
.border-light {
    border: solid 1px #f8f9fa;
}
.border-light-left {
    border-left: solid 1px #f8f9fa;
}

.review2 {
    background: #f8f9fa;
    max-height: 400px;
    overflow: hidden;
}
.review2 .item {
    display: flex;
    flex-direction: column;
}
.review2 .inner-item {
    flex: 0 0 200px;
    display: flex;
    align-items: flex-start;
}
.review2 .left { padding: 2rem 0 0 2rem; }
.review2 .item .title {
    color: #cb000e;
    margin-right: 1rem;
}
.review2 .item p.content {
    margin: 0;
    padding: 0 2rem 0 0;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
}
.review2 .item .info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2rem 2rem .5rem 0;
}
.review2 .item .-name {
    font-size: small;
    font-weight: bold;
    margin-right: 1rem;
    color: #333;
}
.review2 .item .-date {
    font-size: small;
    margin-left: 1rem;
    color: #aaa;
}

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eee;
}
pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.description ul {
    padding-left: 1rem
}

.table-center th, .table-center td {
    text-align: center;
}
td.heading {
    font-weight: bold;
    white-space: nowrap;
}

@media (max-width: 575px) {
    table.-break td { border-collapse: collapse; }
    table.-break thead { display: none; }
    table.-break tr { display: flex; flex-wrap: wrap; align-items: center; }
    table.-break td { flex: 1 0 100%; text-align: left; position: relative; padding-top: 1rem; border: none; }
    table.-break td.-left {
        padding: .5rem;
    }
    table.-break td:not(.-left)::before {
        position: absolute;
        top: 5px;
        left: .5rem;
        display: block;
        overflow: hidden;
        content: attr(data-col-name);
        white-space: nowrap;
        text-overflow: ellipsis;
        color: #adb5bd;
        font-size: xx-small;
    }
}

/*  LANGUAGE-RECOMMENDATION */
.LANGUAGE-RECOMMENDATION .card {
    border-width: 1px;
    overflow: hidden;
    position: relative;
}
.LANGUAGE-RECOMMENDATION a {
    color: #333;
}
.LANGUAGE-RECOMMENDATION a img {
    height: 200px;
    object-fit: cover;
    transition: all .5s ease
}
.LANGUAGE-RECOMMENDATION a:hover img {
    transform: scale(1.1);
}
.LANGUAGE-RECOMMENDATION .row .col-6 {
    display: flex;
}
.LANGUAGE-RECOMMENDATION .school-type {
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 2;
    color: #fff;
    padding: 0 .5rem;
    border-radius: .25rem
}
.LANGUAGE-RECOMMENDATION .school-type.ST010 {
    background-color: #007bff;
}
.LANGUAGE-RECOMMENDATION .school-type.ST020 {
    background-color: #dc3545;
}
.LANGUAGE-RECOMMENDATION .sale {
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 2;
    color: #fff;
    background-color: #fd7e14;
    padding: 0 .5rem;
    border-radius: .25rem
}
.LANGUAGE-RECOMMENDATION .card-text {
    font-size: small;
}
.LANGUAGE-RECOMMENDATION .card-footer {
    font-size: small;
}






/* 240627 : 왜  edm유학센터일까요? 추가 */
/* edmuhak.com 해당 부분 가져온 후 번역 + 단위 변경 */
/* Bx Slider */
.bx-wrapper {position:relative;}
/*.bx-viewport {height:auto !important;}*/
.bx-pager {position:absolute;bottom:0;left:0;width:100%;margin:.8rem 0;text-align:center;font-size:0;}
.bx-pager .bx-pager-item {display:inline-block;padding:.2rem;font-size:0;line-height:0;}
.bx-pager .bx-pager-item a {display:inline-block;width:.4rem;height:.4rem;background:#fff;border-radius:50%;text-indent:-999px;overflow:hidden;vertical-align:middle;}
.bx-pager .bx-pager-item a.active {background:#1ec95b;}
.bx-controls {z-index:1;}
.bx-controls-direction {position:absolute;top:50%;left:0;width:100%;z-index:2;}
.bx-controls-direction a {position:absolute;top:50%;transform:translateY(-50%);display:block;width:1.6rem;height:1.6rem;box-sizing:border-box;text-indent:-999px;overflow:hidden;white-space:nowrap;z-index:1;}
.bx-controls-direction a:before {content:'';position:absolute;width:1rem;height:1rem;top:50%;left:50%;transform:translate(-50%, -50%);background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/common/sp-ui-kit-x2.png) no-repeat;background-size:19.5rem;}
.bx-controls-direction a.disabled {display:none;}
.bx-controls-direction .bx-prev {left:0;}
.bx-controls-direction .bx-next {right:0;}
.bx-controls-direction .bx-prev:before {transform:translate(-50%, -50%) rotate(90deg)}
.bx-controls-direction .bx-next:before {transform:translate(-50%, -50%) rotate(-90deg)}

.bx-controls.round-style .bx-controls-direction a {width:2.875rem;height:2.875rem;border:1px solid #c5c5c5;border-radius:50%;background-color:#fff;opacity:.8;}
.pc .bx-controls.round-style .bx-controls-direction a:hover {opacity:.9;}
.bx-controls.center .bx-controls-direction {left:50%;transform:translateX(-50%);}
.bx-controls.outside .bx-controls-direction .bx-prev {left:auto;right:100%;}
.bx-controls.outside .bx-controls-direction .bx-next {right:auto;left:100%;}
.no-arr .bx-controls-direction {display:none;}
.no-pager .bx-pager {display:none;}
.bx-pager.outside {bottom:-1rem;}
.bx-pager.gray .bx-pager-item a {background:#c1c1c1;}
.bx-pager.gray .bx-pager-item a.active {background:#1ec95b;}

@media screen and (max-width:767px) {
    .bx-controls .bx-controls-direction {display:none;}
}

:root{
    --sm-font-40: 2.5rem;
    --sm-font-30: 1.875rem;
    --sm-font-24: 1.5rem;
    --sm-font-22: 1.375rem;
    --sm-font-20: 1.25rem;
    --sm-font-18: 1.125rem;
    --sm-font-16: 1rem;
    --sm-font-14: 0.875rem;
}
.text-color {color: #1ec95b;}
.area-sm-content em{font-style: normal;}
.main.add2406{padding-top: 0;}

.area-sm-content {font-size: var(--sm-font-16);letter-spacing:-1px;}
.area-sm-content a{color: inherit;}
/* .area-sm-content > [class^=sm-] {margin:5rem 0;} */
.area-sm-content .sm-cont-title {position:relative;width:90%;margin:0 auto 2rem;text-align:center; max-width: 74.375rem; }
.area-sm-content .flex-wrap .sm-cont-title {width:100%;}
.area-sm-content .sm-cont-title h2 {font-size: var(--sm-font-40);}
.area-sm-content .sm-cont-title .add-text {color:#666;}
.area-sm-content .sm-cont-title + [class^="md-tabs"] li a {font-size:1.1rem;}
.area-sm-content .more-txt {position:absolute;top:50%;right:-.2rem;transform:translateY(-50%);padding-right:1rem;line-height:100%;}
.area-sm-content .more-txt:after {content:'';position:absolute;top:50%;right:0;transform:translateY(-45%);display:inline-block;width:1rem;height:1rem;background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/common/sp-ui-kit-x2.png) no-repeat;background-size:19.5rem;background-position:-4rem -1rem;}
.area-sm-content .make-inquiry {position:absolute;top:50%;right:0;transform:translateY(-50%);}
.area-sm-content .more-txt + .make-inquiry {right:4rem;}
.sm-cont-title .add-text + .more-txt {top:3.2rem;transform:none;}

@media screen and (max-width:768px) {
    .area-sm-content {font-size:1.08rem;}
    .area-sm-content .sm-cont-title h2 {font-size: var(--sm-font-24);}
    .area-sm-content .sm-cont-title .add-text {padding:0 2rem;box-sizing:border-box;font-size: var(--sm-font-14); margin-top:.2rem;line-height:130%;}
    .area-sm-content .sm-cont-title .add-text .mo-br {display:none;}
    .area-sm-content .sm-cont-title + [class^="md-tabs"] li a {font-size:1.32rem;}
    .area-sm-content .sm-cont-title .add-text + .more-txt {top:3.3rem;}
    .area-sm-content .fix-wrap .sm-cont-title {width:90%;}
    .area-sm-content .more-txt {font-size:0;}
    .area-sm-content .more-txt:after {width:2rem;height:2rem;background-size:39rem;background-position:-8rem -2rem;}
    .area-sm-content .more-txt + .make-inquiry {height:3rem;right:3rem;line-height:calc(3rem - 2px);}
}
@media screen and (max-width:480px) {
    .area-sm-content .sm-cont-title .add-text .mo-br {display:block;}
}

.sm-why-edm {margin: -45.8px 0 6.25rem;padding-top: calc(6.25rem + 45.8px);background:#f8faec;word-break:keep-all;}
.sm-why-edm .sm-cont-title {width:100%;}
.sm-why-edm .why-edm-pager {width: 90%; max-width: 54rem; margin:0 auto;border-bottom:1px solid #c5c5c5; }
.sm-why-edm .why-edm-pager .md-tabs-line {border:none;font-size:.9rem;text-align:center; padding: 0; margin: 0;}
.sm-why-edm .slider-item {display:block;width:100%;padding:2.5rem 3rem 0;box-sizing:border-box;z-index:1 !important;}
.sm-why-edm .slider-item .item-wrap {position:relative;;margin:0 auto; max-width: 64rem;}
.sm-why-edm .slider-item .item-wrap:after {content:'';display:block;width:100%;clear:both;}
.sm-why-edm .slider-item .tit {padding-left:1rem;font-size: var(--sm-font-30);}
.sm-why-edm .slider-item .txt {margin-top:1rem;padding-left:1rem; word-break: keep-all;}
.sm-why-edm .slider-item .col2 ~ .col2 {text-align:center;}
.sm-why-edm .slider-item .col2 ~ .col2 > img {width: 100%; aspect-ratio:450 / 310;}

/* 탭메뉴 */
.sm-why-edm .md-tabs-line {font-size:0;border-bottom:1px solid #c5c5c5;white-space:nowrap;letter-spacing:-1px;}
.sm-why-edm .md-tabs-line > li {display:inline-block;text-align:center;}
.sm-why-edm .md-tabs-line > li ~ li {margin-left:1.5rem;}
.sm-why-edm .md-tabs-line > li > a {position:relative;display:block;padding:.5rem 0;color:#666;font-size:var(--sm-font-18);}
.sm-why-edm .md-tabs-line > li.active a {color:#333;}
.sm-why-edm .md-tabs-line > li.active > a:before {content:'';position:absolute;bottom:-1px;left:0;display:block;width:100%;height:.2rem;background:#1ec95b;}
.sm-why-edm .md-tabs-line > li > a.active:before {content:'';position:absolute;bottom:-1px;left:0;display:block;width:100%;height:.2rem;background:#1ec95b;}

.sm-why-edm .md-tabs-line .slick-track {font-size:.9rem;}
.sm-why-edm .md-tabs-line .slick-track > li {display:inline-block;}
.sm-why-edm .md-tabs-line .slick-track > li ~ li {margin-left:1rem;}
.sm-why-edm .md-tabs-line .slick-track > li > a {position:relative;display:block;font-size:.9rem;padding:.5rem 0;color:#666;}
.sm-why-edm .md-tabs-line .slick-track > li.active > a:before {content:'';position:absolute;bottom:-1px;left:0;display:block;width:100%;height:.2rem;background:#1ec95b;}

@media screen and (min-width:1400px) {
    .sm-why-edm .bx-viewport {overflow:visible !important;}
    .sm-why-edm .slider-item .item-wrap:before {content:'';position:absolute;bottom:0;right:92%;display:block;width:25rem;height:27rem;}
    .sm-why-edm .slider-item:nth-of-type(1) .item-wrap:before {bottom:-8rem;right:95%;width:16rem;height:39rem;}
    .sm-why-edm .slider-item:nth-of-type(2) .item-wrap:before {bottom:-8rem;right:95%;width:16rem;height:39rem;}
    .sm-why-edm .slider-item:nth-of-type(3) .item-wrap:before {}
    .sm-why-edm .slider-item:nth-of-type(4) .item-wrap:before {}
    .sm-why-edm .slider-item:nth-of-type(5) .item-wrap:before {}
    .sm-why-edm .slider-item:nth-of-type(6) .item-wrap:before {}

    .sm-why-edm .slider-item .item-wrap:before {display:none;}
}

@media screen and (max-width:1240px) {
    .sm-why-edm .bx-controls {display:none;}
    .sm-why-edm .why-edm-pager .md-tabs-line {overflow:hidden;overflow-x:auto;}
}
@media screen and (min-width:769px) {
    .sm-why-edm .slider-item .col2 {width:51%;float:left;max-width:29.5rem;box-sizing:border-box;}
    .sm-why-edm .slider-item .col2 ~ .col2 {width:48%;float:right;}
    .sm-why-edm .slider-item .tit {margin-top:1.5rem;}
}
@media screen and (max-width:768px) {
    .sm-why-edm{padding-top: calc(3.25rem + 45.8px);}
    .sm-why-edm .container{padding-left: 0; padding-right: 0;}
    .sm-why-edm .sm-cont-title .add-text + .more-txt {right:calc(5% - .2rem);}
    .sm-why-edm .why-edm-pager {width:100%;max-width:100%;}
    .sm-why-edm .why-edm-pager .md-tabs-line {font-size:1.08rem;}
    .sm-why-edm .why-edm-pager .md-tabs-line li:first-child {margin-left:1.83rem;}
    .sm-why-edm .why-edm-pager .md-tabs-line li:last-child {margin-right:1.83rem;}
    .sm-why-edm .slider-item {padding: 2rem 1.25rem 0;}
    .sm-why-edm .slider-item .col2 ~ .col2 {margin-top:2rem;}
    .sm-why-edm .slider-item .tit {padding-left:0; font-size: var(--sm-font-22);}
    .sm-why-edm .slider-item .txt {height:6rem;padding-left:0;}
    .sm-why-edm .slider-item .txt {font-size:var(--sm-font-14);}

    /* 탭메뉴 */
    .sm-why-edm .md-tabs-line > li > a {font-size: var(--sm-font-16);}
}

@media screen and (max-width: 575px) {
    .sm-why-edm{margin-top: -44.8px;}
}

@media screen and (max-width: 301px) {
    .sm-why-edm{margin-top: -73.59px;}
}