@charset "UTF-8";

.placeholder-item {
    position: relative;
    width: 100%;
    height: 100%;
    flex-grow: 1;
    overflow: hidden;
    background-color: #F6F5F3;
    box-shadow: 0 4px 10px 0 rgba(33,33,33,.15);
    min-height: 50vh
}

.btn-play,
.btn-play:focus {
    box-shadow: 0 6px 12px rgba(0,0,0,.16)
}

.placeholder-item:before {
    content: '';
    display: block;
    position: absolute;
    left: -100%;
    top: 0;
    height: 100%;
    width: 50%;
    background: linear-gradient(to right,transparent 0,#E8E8E8 50%,transparent 100%);
    animation: loading 1.5s infinite
}

.color-sunset-orange {
    color: #F9423A !important
}

.color-emerald {
    color: #44CC62 !important
}

.color-curious-blue {
    color: #1392E5 !important
}

.color-yellow-sea {
    color: #FFAD00 !important
}

.color-tuna {
    color: #343248 !important
}

.color-white {
    color: #fff !important
}

.bg-sunset-orange {
    background-color: #F9423A
}

.bg-emerald {
    background-color: #44CC62
}

.bg-curious-blue {
    background-color: #1392E5
}

.bg-yellow-sea {
    background-color: #FFAD00
}

.bg-chablis {
    background-color: #FFF0F0
}

.bg-ottoman {
    background-color: #F0FBF3
}

.bg-foam {
    background-color: #ECF6FD
}

.bg-early-dawn {
    background-color: #FFF9EB
}

.bg-tuna {
    background-color: #343248
}

.bg-pampas {
    background-color: #F6F5F3
}

@media (max-width:991px) {
    .bg-mobile-pampas {
        background-color: #F6F5F3
    }
}

.bg-tuna-gradient {
    background: linear-gradient(to bottom,#343248 0 20%,#fff 20% 100%)
}

@media (min-width:992px) {
    .bg-tuna-gradient {
        background: linear-gradient(to bottom,#343248 0 50%,#fff 50% 100%)
    }

    .two-column-text.big-gap {
        column-gap: 96px
    }
}

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

.site-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 5;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.72);
    opacity: 0;
    visibility: hidden;
    transition: all ease .3s
}

.site-backdrop-open .site-backdrop {
    opacity: 1;
    visibility: visible
}


    .btn-play .icon {
        padding-left: 5px
    }

.modal-backdrop {
    background: rgba(52,50,72,.64)
}

    .modal-backdrop.dark {
        background: rgba(0,0,0,.72)
    }

.no-overflow {
    overflow: inherit !important
}

.banner-card-slider-list {
    border-bottom: 1px solid rgba(0,0,0,.16);
    margin-bottom: 48px;
    padding-bottom: 48px
}

    .banner-card-slider-list .list-item {
        border-top: 1px solid rgba(0,0,0,.16)
    }

        .banner-card-slider-list .list-item:first-child {
            padding-top: 24px
        }

        .banner-card-slider-list .list-item + .list-item {
            padding-top: 48px;
            margin-top: 48px
        }

.owl-stage[style="transform: translate3d(0px, 0px, 0px); transition: all 0s ease 0s;"] {
    opacity: 0
}

.market-info-text {
    padding-top: 5px;
    font-size: 12px;
    font-style: italic;
    color: #F9423A
}

@media (max-width:767px) {
    .market-info-text {
        margin-top: -20px;
        margin-bottom: 20px
    }
}

.input-error {
    border: 2px solid #F9423A;
    color: #F9423A
}


@media (min-width:576px) {
    main .btn-addon-list {
        margin: 0 -5px
    }
}

@media (min-width:1800px) {
    main .btn-addon-list {
        margin: 0 -12px
    }
}

main .btn-addon-list .list-item {
    padding: 0 10px;
    margin-top: 24px
}

@media (min-width:576px) {
    main .btn-addon-list .list-item {
        padding: 0 5px
    }
}

main .btn-addon-list .btn-addon-bordered {
    min-width: 100%
}

@media (min-width:768px) {
    main .btn-addon-list .btn-addon-bordered {
        min-width: 200px
    }
}

@media (min-width:992px) {
    main .btn-addon-list .btn-addon-bordered {
        min-width: 130px
    }
}

@media (min-width:1440px) {
    main .btn-addon-list .btn-addon-bordered {
        min-width: 170px
    }
}

@media (min-width:1800px) {
    main .btn-addon-list .list-item {
        padding: 0 12px
    }

    main .btn-addon-list .btn-addon-bordered {
        min-width: 240px
    }
}

main .btn-addon-list .btn-media-bordered {
    min-width: 100%
}

@media (min-width:768px) {
    main .btn-addon-list .btn-media-bordered {
        min-width: 200px
    }
}

main .separator {
    display: table;
    width: 2px;
    height: 48px;
    margin: 0 auto 48px;
    background-color: #F9423A
}

main .main-slider-wrap {
    position: relative;
    overflow: hidden
}

main .short-info-slider-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

    main .short-info-slider-wrap .inner {
        position: relative;
        z-index: 1;
        margin-left: 425px
    }

@media (min-width:1440px) {
    main .btn-addon-list .btn-media-bordered {
        min-width: 240px
    }

    main .short-info-slider-wrap .inner {
        margin-left: calc(425px + 14%)
    }
}

@media (min-width:1800px) {
    main .short-info-slider-wrap .inner {
        margin-left: calc(425px + 22.92135%)
    }
}

main .short-info-slider-wrap .inner .slider-bg {
    display: none
}

@media (min-width:992px) {
    main .short-info-slider-wrap .inner .slider-bg {
        display: block;
        width: 100vw;
        height: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: -1
    }

        main .short-info-slider-wrap .inner .slider-bg:before {
            content: '';
            width: 16px;
            height: 100%;
            background-color: #F9423A;
            position: absolute;
            top: 0;
            bottom: 0;
            left: -16px;
            z-index: -1
        }

        main .short-info-slider-wrap .inner .slider-bg:after {
            content: '';
            display: block;
            width: 100%;
            height: 100%;
            background-color: #fff
        }

    main .primary-card-list2 {
        margin: 0 -12px -24px
    }
}

main .primary-card-list2 {
    display: flex;
    flex-flow: wrap
}

@media (min-width:992px) {
    main .primary-card-list2.type-2 {
        margin-bottom: -48px
    }
}

main .primary-card-list2.type-2 .list-item {
    margin-bottom: 48px
}

main .primary-card-list2.slider {
    margin: 0 -10px;
    width: auto
}

    main .primary-card-list2.slider .owl-item:not(.active) {
        opacity: .24
    }

    main .primary-card-list2.slider .list-item {
        margin-bottom: 0
    }

main .primary-card-list2 .list-item {
    display: flex;
    flex-flow: column;
    flex-grow: 1;
    margin-bottom: 24px
}

@media (min-width:992px) {
    main .primary-card-list2 .list-item {
        flex-basis: 33.33333%;
        max-width: 33.33333%;
        padding-left: 12px;
        padding-right: 12px
    }
}



    main .download-list .list-item {
        padding: 0 5px;
        margin-top: 16px
    }



@media (min-width:992px) {
    main .quote-text {
        font-size: 2em;
        line-height: 1.25;
        padding: 48px 0;
        margin-bottom: 22px
    }
}

main .quote-text:before {
    content: '“';
    font-weight: 500;
    font-size: 200px;
    line-height: 269px;
    text-align: center;
    color: #ADADAD;
    opacity: .2;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;
    transform: translateY(-20%)
}

@media (min-width:992px) {
    main .quote-text:before {
        font-size: 600px;
        line-height: 64px;
        top: 62%;
        transform: translateY(100%)
    }
}

main .quote-text p {
    margin-bottom: 15px
}

    main .quote-text p:last-child {
        margin-bottom: 0
    }

main .article-header {
    display: flex;
    flex-flow: column;
    align-items: center;
    font-weight: 700;
    font-size: 1.125em;
    line-height: 1.77;
    text-align: center
}

    main .article-header > * {
        max-width: 100%
    }

    main .article-header .date {
        display: block;
        color: #F9423A;
        margin-bottom: 16px
    }

@media (min-width:992px) {
    main .article-header .date {
        margin-bottom: 4px
    }
}

main .article-header .time-wrap {
    display: flex;
    flex-flow: row;
    align-items: center;
    margin-bottom: 24px
}

    main .article-header .time-wrap .icon {
        font-size: 15px;
        flex: 0 0 auto;
        margin-right: 4px
    }

main .article-header .social-media-list {
    display: flex;
    flex-flow: wrap;
    align-items: center
}

    main .article-header .social-media-list .list-item {
        font-size: 18px;
        padding: 0 14px;
        transition: all ease .3s
    }

        main .article-header .social-media-list .list-item:hover {
            color: #F9423A
        }

.header,
.header.header-white .site-nav .mobile-search .popular-searches .title,
.header.header-white .site-nav .site-nav-header .btn-back,
.header.header-white .site-nav .site-nav-header .btn-close,
.header.header-white .site-nav .site-nav-header .header-control-wrap .nav-link,
.header.header-white .site-nav .site-navbar-wrap > .navbar-nav .has-sub .mega-menu .navbar-nav-wrap .navbar-nav .nav-item .nav-link,
.header.header-white .site-nav .site-navbar-wrap > .navbar-nav .has-sub.show .nav-link,
.header.header-white .site-nav .site-navbar-wrap > .navbar-nav > .nav-item > .nav-link {
    color: #000
}

main .news-card-list {
    border-top: 1px solid rgba(0,0,0,.16)
}

    main .news-card-list .list-item {
        padding: 24px 0
    }

        main .news-card-list .list-item .primary-banner-card.type-horizontal {
            margin: 0 -10px
        }

@media (min-width:576px) {
    main .news-card-list .list-item .primary-banner-card.type-horizontal {
        margin: 0
    }
}

main .news-card-list .list-item > hr {
    margin-bottom: 0
}

main .news-card-list .list-item:last-child {
    border-bottom: none
}

main .primary-tab-slider-wrap .primary-dropdown {
    margin-bottom: 48px
}

main .btn-list {
    display: flex;
    flex-flow: wrap;
    margin: 0 -12px
}

    main .btn-list .list-item {
        padding: 0 12px
    }

@media (min-width:992px) {
    main .btn-list {
        margin: 0 -24px
    }

        main .btn-list .list-item {
            padding: 0 24px
        }
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 6;
    padding: 8px 0;
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,.08);
    transition: all ease .3s
}

@media (min-width:992px) {
    .header {
        padding: 0;
        box-shadow: none
    }

        .header.sticky .navbar-brand img {
            max-width: 100px
        }
}

.header.sticky {
    box-shadow: 0 2px 4px rgba(0,0,0,.08)
}

@media (min-width:992px) {
    .header.sticky .site-nav .site-navbar-wrap > .navbar-nav {
        padding-top: 14px
    }

        .header.sticky .site-nav .site-navbar-wrap > .navbar-nav > .nav-item {
            padding-bottom: 16px
        }
}

@media (min-width:1200px) {
    .header.sticky .site-nav .site-navbar-wrap > .navbar-nav {
        padding-top: 4px
    }
}

@media (min-width:1440px) {
    .header.sticky .site-nav .site-navbar-wrap > .navbar-nav {
        padding-top: 14px
    }

        .header.sticky .site-nav .site-navbar-wrap > .navbar-nav > .nav-item {
            padding-bottom: 24px
        }
}

.header.clone {
    position: static;
    opacity: 0;
    visibility: hidden;
    z-index: 0
}

@media (max-width:991px) {
    .header.header-white .site-nav {
        background-color: #fff
    }
}

.header.header-white .site-nav .site-nav-header {
    border-color: rgba(0,0,0,.32)
}

    .header.header-white .site-nav .mobile-search .inner,
    .header.header-white .site-nav .mobile-search .popular-searches .btn-addon,
    .header.header-white .site-nav .site-nav-header .header-control-wrap .item,
    .header.header-white .site-nav .site-navbar-wrap > .navbar-nav .has-sub .mega-menu .navbar-nav-wrap .navbar-nav .nav-item,
    .header.header-white .site-nav .site-navbar-wrap > .navbar-nav > .nav-item {
        border-color: rgba(0,0,0,.16)
    }

.header.header-white .site-nav .site-navbar-wrap > .navbar-nav .has-sub.show {
    background-color: transparent
}

.header.header-white .site-nav .site-navbar-wrap > .navbar-nav .has-sub .mega-menu {
    background-color: #fff
}

    .header.header-white .site-nav .site-navbar-wrap > .navbar-nav .has-sub .mega-menu .navbar-nav-wrap .navbar-nav .nav-item .nav-link.hover,
    .header.header-white .site-nav .site-navbar-wrap > .navbar-nav .has-sub .mega-menu .navbar-nav-wrap .navbar-nav .nav-item .nav-link.hover:before {
        color: rgba(0,0,0,.32)
    }

    .header.header-white .site-nav .site-navbar-wrap > .navbar-nav .has-sub .mega-menu .navbar-nav-wrap .navbar-nav .nav-item .nav-link:after {
        background-color: rgba(0,0,0,.16)
    }

.header.header-white .search-form .form-group .form-control {
    border: 1px solid #F9423A
}

.header .navbar-brand {
    margin: 0;
    padding: 0
}

    .header .navbar-brand .colorfull {
        display: block
    }

    .header .navbar-brand .white {
        display: none
    }

    .header .navbar-brand img {
        max-width: 108px;
        transition: all ease .3s
    }

@media (min-width:992px) {
    .header .navbar-brand img {
        max-width: 135px
    }
}

.header .header-nav-wrap {
    display: flex;
    flex-flow: row;
    align-items: center
}

    .header .header-nav-wrap:after {
        content: '';
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 4;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,.72);
        opacity: 0;
        visibility: hidden;
        transition: all ease .3s
    }

    .header .header-nav-wrap .header-item:not(.site-nav) {
        display: flex;
        flex-flow: row;
        align-items: center;
        justify-content: space-between;
        max-width: 100%;
        flex-basis: 100%
    }

@media (min-width:992px) {
    .header .header-nav-wrap .header-item:not(.site-nav) {
        flex-flow: wrap;
        justify-content: inherit;
        max-width: 15%;
        flex-basis: 15%
    }

    .header .header-nav-wrap .header-item.site-nav {
        max-width: 70%;
        flex-basis: 70%
    }
}

@media (max-width:991px) {
    .header .site-nav {
        position: fixed;
        top: 0;
        left: -100%;
        bottom: 0;
        z-index: 6;
        display: flex;
        flex-flow: column;
        max-width: 480px;
        width: 100%;
        background-color: #4F5254;
        transition: all ease .3s
    }

        .header .site-nav > * {
            max-width: 100%
        }
}

@media (max-width:575px) {
    .header .site-nav {
        max-width: 100%
    }
}

.header .site-nav .site-nav-header {
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: space-between;
    padding: 16px;
    border-bottom: 1px solid rgba(255,255,255,.32)
}

@media (min-width:992px) {
    .header .site-nav .site-nav-header {
        display: none
    }
}

.header .site-nav .site-nav-header .btn-back {
    display: flex;
    flex-flow: row;
    align-items: center;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
    color: #fff;
    padding: 10px 0;
    border: none;
    box-shadow: none
}

    .header .site-nav .site-nav-header .btn-back .icon {
        flex: 0 0 auto;
        font-size: 24px;
        margin-right: 8px
    }

.header .site-nav .site-nav-header .header-control-wrap {
    display: flex;
    flex-flow: row;
    align-items: center;
    margin: 0 -12px
}

    .header .site-nav .site-nav-header .header-control-wrap .item {
        padding: 0 12px;
        border-right: 1px solid rgba(255,255,255,.16)
    }

        .header .site-nav .site-nav-header .header-control-wrap .item:last-child {
            border: none
        }

    .header .site-nav .site-nav-header .header-control-wrap .nav-link {
        font-size: 16px;
        line-height: 1.2;
        color: #fff;
        text-align: center;
        padding: 7px 12px 6px;
        outline: 0
    }

.header .site-nav .site-nav-header .btn-close {
    font-size: 16px;
    line-height: 1.2;
    color: #fff;
    padding: 14px 16px;
    border-radius: 0;
    border: none
}

.header .site-nav .mobile-search {
    padding: 0 16px
}

    .header .site-nav .mobile-search .inner {
        padding: 24px 0;
        border-bottom: 1px solid rgba(255,255,255,.16)
    }

    .header .site-nav .mobile-search .search-form {
        padding: 0;
        border-radius: 0;
        background-color: transparent
    }

        .header .site-nav .mobile-search .search-form .form-group .btn-submit,
        .header .site-nav .mobile-search .search-form .form-group .form-control {
            height: 63px
        }

        .header .site-nav .mobile-search .search-form .quick-link-list {
            overflow-y: auto;
            max-height: 200px;
            -webkit-overflow-scrolling: touch;
            overflow-scrolling: touch
        }

    .header .site-nav .mobile-search .popular-searches {
        margin: 16px 0 0
    }

        .header .site-nav .mobile-search .popular-searches .title {
            font-size: 16px;
            font-weight: 700;
            line-height: 1.37;
            color: #fff;
            margin: 0 0 16px
        }

        .header .site-nav .mobile-search .popular-searches .popular-searches-slider {
            margin-left: -16px;
            margin-right: -16px;
            width: auto
        }

            .header .site-nav .mobile-search .popular-searches .popular-searches-slider .owl-stage-outer {
                padding-left: 16px;
                padding-right: 16px
            }

        .header .site-nav .mobile-search .popular-searches .btn-addon span {
            white-space: nowrap
        }

.header .site-nav .site-navbar-wrap > .navbar-nav {
    transition: all ease .3s
}

@media (max-width:991px) {
    .header .site-nav .site-navbar-wrap {
        flex-grow: 1;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        overflow-scrolling: touch
    }

        .header .site-nav .site-navbar-wrap > .navbar-nav {
            padding: 0 16px 120px
        }

            .header .site-nav .site-navbar-wrap > .navbar-nav > .nav-item > .nav-link .icon:before {
                content: '\e90e'
            }
}

.header .site-nav .site-navbar-wrap > .navbar-nav > .nav-item {
    outline: 0;
    border-bottom: 1px solid rgba(255,255,255,.16);
    transition: all ease .3s
}

@media (min-width:992px) {
    .header .site-nav .mobile-search {
        display: none
    }

    .header .site-nav .site-navbar-wrap > .navbar-nav {
        display: flex;
        flex-flow: wrap;
        align-items: center;
        justify-content: center;
        padding: 24px 0 0
    }

        .header .site-nav .site-navbar-wrap > .navbar-nav > .nav-item {
            padding: 8px 5px 20px;
            border-bottom: none
        }
}

@media (min-width:1200px) {
    .header .site-nav .site-navbar-wrap > .navbar-nav > .nav-item {
        padding: 16px 5px 36px
    }
}

@media (min-width:1440px) {
    .header .site-nav .site-navbar-wrap > .navbar-nav > .nav-item {
        padding: 16px 15px 36px
    }
}

@media (min-width:1800px) {
    .header .site-nav .site-navbar-wrap > .navbar-nav > .nav-item {
        padding: 16px 20px 36px
    }
}

.header .site-nav .site-navbar-wrap > .navbar-nav > .nav-item > .nav-link {
    cursor: pointer;
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
    color: #fff;
    padding: 25px 0;
    border-radius: 0;
    box-shadow: none;
    transition: all ease .3s
}

@media (min-width:992px) and (max-width:1199px) {
    .header .site-nav .site-navbar-wrap > .navbar-nav > .nav-item > .nav-link {
        font-size: 14px
    }
}

@media (min-width:992px) {
    .header .site-nav .site-navbar-wrap > .navbar-nav > .nav-item > .nav-link {
        justify-content: inherit;
        color: #000;
        padding: 0 0 4px;
        border-style: solid;
        border-width: 0 0 2px;
        border-color: transparent
    }
}

.header .site-nav .site-navbar-wrap > .navbar-nav > .nav-item > .nav-link .icon {
    flex: 0 0 auto;
    font-size: 8px;
    color: #F9423A;
    margin-left: 3px
}

@media (min-width:1200px) {
    .header .site-nav .site-navbar-wrap > .navbar-nav > .nav-item > .nav-link .icon {
        margin-left: 8px
    }
}

.header .site-nav .site-navbar-wrap > .navbar-nav .has-sub {
    position: static;
    transition: all ease .3s
}

    .header .site-nav .site-navbar-wrap > .navbar-nav .has-sub.show {
        background-color: #4F5254
    }

        .header .site-nav .site-navbar-wrap > .navbar-nav .has-sub.show > .nav-link {
            color: #fff;
            border-color: #F9423A
        }

        .header .site-nav .site-navbar-wrap > .navbar-nav .has-sub.show .mega-menu {
            display: block
        }

    .header .site-nav .site-navbar-wrap > .navbar-nav .has-sub .mega-menu {
        display: none;
        max-width: 480px;
        width: 100%;
        height: 100vh;
        background-color: #4F5254;
        animation: megaMenuMobileAnim .5s;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 2
    }

@media (min-width:992px) {
    .header .site-nav .site-navbar-wrap > .navbar-nav .has-sub .mega-menu {
        position: absolute;
        max-width: inherit;
        height: inherit;
        padding: 24px 0;
        top: 100%;
        animation: megaMenuAnim .5s
    }

        .header .site-nav .site-navbar-wrap > .navbar-nav .has-sub .mega-menu.show > * {
            opacity: 1;
            visibility: visible
        }

        .header .site-nav .site-navbar-wrap > .navbar-nav .has-sub .mega-menu > * {
            opacity: 0;
            visibility: hidden;
            transition: all .3s ease-in-out .3s
        }
}

.btn-addon-bordered:hover .icon-arrow-right,
.btn-addon:hover .icon-arrow-right,
.btn-link:hover .icon,
.btn-media-bordered:hover .icon-arrow-right {
    animation: animate-arrow-right .4s cubic-bezier(.77,0,.175,1)
}

@media (max-width:991px) {
    .header .site-nav .site-navbar-wrap > .navbar-nav .has-sub .mega-menu > .row {
        height: calc(100vh - 80px);
        overflow-y: auto;
        margin: 0;
        -webkit-overflow-scrolling: touch;
        overflow-scrolling: touch
    }

        .header .site-nav .site-navbar-wrap > .navbar-nav .has-sub .mega-menu > .row > [class*=col-] {
            padding: 0
        }
}

.header .site-nav .site-navbar-wrap > .navbar-nav .has-sub .mega-menu .navbar-nav-wrap {
    padding: 0 16px 120px
}

@media (min-width:992px) {
    .header .site-nav .site-navbar-wrap > .navbar-nav .has-sub .mega-menu .navbar-nav-wrap {
        display: flex;
        flex-flow: wrap;
        padding: 0
    }

        .header .site-nav .site-navbar-wrap > .navbar-nav .has-sub .mega-menu .navbar-nav-wrap .navbar-nav {
            flex-basis: 33.33333%;
            max-width: 33.33333%;
            padding: 0 12px
        }
}

@media (min-width:1200px) {
    .header .site-nav .site-navbar-wrap > .navbar-nav .has-sub .mega-menu .navbar-nav-wrap .navbar-nav {
        padding: 0 24px
    }
}

.header .site-nav .site-navbar-wrap > .navbar-nav .has-sub .mega-menu .navbar-nav-wrap .navbar-nav:last-child .nav-item:last-child {
    border-bottom: none
}

.header .site-nav .site-navbar-wrap > .navbar-nav .has-sub .mega-menu .navbar-nav-wrap .navbar-nav .nav-item {
    border-bottom: 1px solid rgba(255,255,255,.16)
}

    .header .site-nav .site-navbar-wrap > .navbar-nav .has-sub .mega-menu .navbar-nav-wrap .navbar-nav .nav-item .nav-link {
        display: flex;
        flex-flow: row;
        align-items: center;
        justify-content: space-between;
        font-weight: 400;
        font-size: 16px;
        line-height: 1.5;
        color: #fff;
        padding: 24px 0;
        position: relative;
        transition: all ease .3s
    }

@media (min-width:992px) {
    .header .site-nav .site-navbar-wrap > .navbar-nav .has-sub .mega-menu .navbar-nav-wrap .navbar-nav .nav-item {
        margin-top: 8px;
        border-bottom: none
    }

        .header .site-nav .site-navbar-wrap > .navbar-nav .has-sub .mega-menu .navbar-nav-wrap .navbar-nav .nav-item .nav-link {
            padding: 16px 0
        }

            .header .site-nav .site-navbar-wrap > .navbar-nav .has-sub .mega-menu .navbar-nav-wrap .navbar-nav .nav-item .nav-link.hover,
            .header .site-nav .site-navbar-wrap > .navbar-nav .has-sub .mega-menu .navbar-nav-wrap .navbar-nav .nav-item .nav-link.hover:before {
                color: rgba(255,255,255,.32)
            }

            .header .site-nav .site-navbar-wrap > .navbar-nav .has-sub .mega-menu .navbar-nav-wrap .navbar-nav .nav-item .nav-link:hover:after {
                height: 2px;
                background-color: #F9423A
            }

            .header .site-nav .site-navbar-wrap > .navbar-nav .has-sub .mega-menu .navbar-nav-wrap .navbar-nav .nav-item .nav-link:after {
                content: '';
                display: block;
                width: 100%;
                height: 1px;
                background-color: rgba(255,255,255,.16);
                position: absolute;
                right: 0;
                left: 0;
                bottom: 0;
                transition: all ease .3s
            }
}

.header .site-nav .site-navbar-wrap > .navbar-nav .has-sub .mega-menu .navbar-nav-wrap .navbar-nav .nav-item .nav-link:before {
    content: '\e90e';
    flex: 0 0 auto;
    order: 2;
    font-family: koc;
    font-size: 8px;
    color: #F9423A;
    transition: all ease .3s
}

.header .search-nav {
    display: none !important
}

@media (min-width:992px) {
    .header .search-nav {
        display: flex !important;
        flex-flow: wrap !important;
        align-items: center !important;
        justify-content: flex-end !important
    }
}

.header .search-nav .navbar-nav {
    display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: center;
    margin: 0 -8px
}

    .header .search-nav .navbar-nav .nav-item {
        padding: 0 8px
    }

        .header .search-nav .navbar-nav .nav-item button {
            padding: 0;
            border: none;
            background-color: transparent
        }

            .header .search-nav .navbar-nav .nav-item button.nav-link {
                font-size: 23px;
                line-height: 1;
                color: #F9423A
            }

        .header .search-nav .navbar-nav .nav-item .nav-link {
            font-size: 14px;
            font-weight: 700;
            line-height: 1.5;
            border: none;
            background-color: transparent;
            outline: 0
        }

@media (min-width:992px) and (max-width:1199px) {
    .header .search-nav .navbar-nav .nav-item .nav-link {
        font-size: 12px
    }
}

.header .navbar-toggler {
    font-size: 20px;
    color: #F9423A;
    list-style: none;
    padding: 13px 14px;
    margin: 0;
    border-radius: 0;
    border: none;
    outline: 0
}

@media (min-width:992px) {
    .header .navbar-toggler {
        display: none
    }
}

@media (max-width:991px) {
    .site-nav-open {
        overflow: hidden !important
    }

        .site-nav-open .site-nav {
            left: 0
        }

        .site-nav-open .header-nav-wrap:after {
            opacity: 1;
            visibility: visible
        }

        .site-nav-open .site-backdrop {
            display: none
        }

    body:not(.site-backdrop-open) .header:not(.sticky).type-transparent.header-white .site-nav .site-navbar-wrap > .navbar-nav > .nav-item > .nav-link {
        color: #000
    }

    body:not(.site-backdrop-open) .header:not(.sticky).type-transparent.header-white .search-nav .navbar-nav .nav-item .nav-link {
        color: #000
    }
}

.footer,
.section.type-slider {
    overflow: hidden
}

body:not(.site-backdrop-open) .header:not(.sticky).type-transparent {
    background-color: transparent;
    box-shadow: none
}

    body:not(.site-backdrop-open) .header:not(.sticky).type-transparent .navbar-toggler {
        color: #fff;
        background-color: #F9423A
    }

    body:not(.site-backdrop-open) .header:not(.sticky).type-transparent .navbar-brand .colorfull {
        display: none
    }

    body:not(.site-backdrop-open) .header:not(.sticky).type-transparent .navbar-brand .white {
        display: block
    }

    body:not(.site-backdrop-open) .header:not(.sticky).type-transparent .site-nav .site-navbar-wrap > .navbar-nav > .nav-item > .nav-link {
        color: #fff
    }

    body:not(.site-backdrop-open) .header:not(.sticky).type-transparent .search-nav .navbar-nav .nav-item .nav-link {
        color: #fff
    }

        body:not(.site-backdrop-open) .header:not(.sticky).type-transparent .search-nav .navbar-nav .nav-item .nav-link .icon {
            color: #F9423A
        }

@keyframes megaMenuAnim {
    from {
        opacity: 0;
        transform: translateY(-100%)
    }

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

@keyframes megaMenuMobileAnim {
    from {
        opacity: 0;
        transform: translateX(-100%)
    }

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

.footer {
    color: #fff;
    padding: 24px 0;
    border-bottom: 12px solid #F9423A;
    background-color: #000;
    background-position: left center;
    background-repeat: no-repeat
}

@media (min-width:768px) {
    .footer {
        padding: 50px 0 24px
    }
}

.footer.footer-white {
    color: #000;
    background-color: #fff
}

    .footer.footer-white .footer-main:after {
        background-color: rgba(0,0,0,.32)
    }

    .footer.footer-white .footer-address-info .address-content a,
    .footer.footer-white .footer-nav .nav-item .nav-link,
    .footer.footer-white .footer-nav .nav-item + .nav-item:before,
    .footer.footer-white .social-media-list .list-item .nav-link {
        color: #000
    }

.footer .footer-main {
    position: relative;
    padding-bottom: 25px
}

    .footer .footer-main:after {
        content: '';
        width: 100vw;
        height: 1px;
        background-color: rgba(255,255,255,.32);
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 1
    }

    .footer .footer-main > .row > [class*=col-] {
        margin-bottom: 22px
    }

@media (min-width:768px) {
    .footer .footer-main {
        padding-bottom: 50px
    }

        .footer .footer-main > .row > [class*=col-] {
            margin-bottom: 0
        }
}

.footer .footer-main > .row > [class*=col-]:last-child {
    margin-bottom: 0
}

.footer .footer-bottom {
    margin-top: 24px
}

.footer .footer-brand {
    display: table;
    margin-bottom: 32px
}

.footer .footer-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.33;
    color: #F9423A;
    margin: 0 0 16px
}

.footer .desc {
    font-size: 16px;
    line-height: 1.5;
    max-width: 400px;
    margin-bottom: 17px
}

@media (min-width:768px) {
    .footer .desc {
        margin-bottom: 32px
    }
}

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

.footer .desc p {
    margin-bottom: 10px
}

    .footer .desc p:last-child {
        margin-bottom: 0
    }

.footer .social-media-list {
    display: flex;
    flex-flow: wrap;
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 0 -10px
}

    .footer .social-media-list .list-item {
        padding: 0 10px
    }

@media (min-width:576px) {
    .footer .social-media-list {
        margin: 0 -15px
    }

        .footer .social-media-list .list-item {
            padding: 0 15px
        }
}

.footer .social-media-list .list-item .nav-link {
    font-size: 24px;
    color: #fff;
    padding: 0
}

.footer .btn-link {
    display: table;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.33;
    color: #fff;
    padding-bottom: 2px;
    border-bottom: 2px solid #F9423A
}

    .footer .btn-link .icon {
        font-size: 12px;
        margin-left: 8px;
        color: #F9423A
    }

.footer .copyright-text {
    font-size: 14px;
    line-height: 1.72;
    margin: 0 0 14px
}

@media (min-width:768px) {
    .footer .copyright-text {
        margin-bottom: 0
    }
}

.footer .footer-nav .nav-item {
    display: flex;
    flex-flow: row;
    align-items: center
}

    .footer .footer-nav .nav-item + .nav-item:before {
        content: '•';
        flex: 0 0 auto;
        font-size: 14px;
        font-weight: 500;
        line-height: 1.72;
        color: #fff;
        padding-left: 8px;
        padding-right: 8px
    }

.media-section-fluid .container:after,
.media-section-fluid:after,
.media-section-fluid:before,
.nested-columned-section:before,
.section.overlay:after,
.vertical-tab-section .has-gray-bg:before {
    content: ''
}

.footer .footer-nav .nav-item .nav-link {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.72;
    color: #fff;
    padding: 0
}

.footer .footer-address-info .title {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.37;
    color: #F9423A;
    margin: 0
}

.footer .footer-address-info .address-content {
    display: flex;
    flex-flow: row;
    margin-top: 16px
}

    .footer .footer-address-info .address-content a {
        color: #fff
    }

    .footer .footer-address-info .address-content .item .icon {
        font-size: 15px;
        color: #F9423A;
        margin-right: 8px
    }

    .footer .footer-address-info .address-content .content-title {
        font-size: 16px;
        font-weight: 700;
        line-height: 1.37;
        margin: 0 0 8px
    }

    .footer .footer-address-info .address-content .desc .link {
        color: #fff
    }

.section.bg-tuna,
.standard-section.bg-tuna {
    background-color: #343248;
    color: #fff
}

    .section.bg-tuna .primary-pagination .page-item .page-link,
    .standard-section.bg-tuna .primary-pagination .page-item .page-link {
        color: #fff;
        background-color: transparent
    }

        .section.bg-tuna .primary-pagination .page-item .page-link:before,
        .standard-section.bg-tuna .primary-pagination .page-item .page-link:before {
            color: #fff
        }

    .section.bg-tuna .section-title,
    .standard-section.bg-tuna .section-title {
        color: #F9423A
    }

    .section.bg-tuna .btn-link,
    .standard-section.bg-tuna .btn-link {
        color: #fff
    }

.section.bg-sunset-orange,
.standard-section.bg-sunset-orange {
    color: #fff;
    background-color: #F9423A
}

    .section.bg-sunset-orange .separator,
    .standard-section.bg-sunset-orange .separator {
        background-color: #fff
    }

    .section.bg-sunset-orange .btn-general:not(.bg-white),
    .standard-section.bg-sunset-orange .btn-general:not(.bg-white) {
        background-color: #fff;
        border-color: #fff;
        box-shadow: 0 6px 12px rgba(0,0,0,.08);
        color: #F9423A
    }

        .section.bg-sunset-orange .btn-general:not(.bg-white):hover,
        .standard-section.bg-sunset-orange .btn-general:not(.bg-white):hover {
            color: #212529;
            background-color: #fff;
            border-color: #e6e6e6
        }

        .section.bg-sunset-orange .btn-general:not(.bg-white).focus,
        .section.bg-sunset-orange .btn-general:not(.bg-white):focus,
        .standard-section.bg-sunset-orange .btn-general:not(.bg-white).focus,
        .standard-section.bg-sunset-orange .btn-general:not(.bg-white):focus {
            color: #212529;
            background-color: #fff;
            border-color: #e6e6e6;
            box-shadow: 0 0 0 .2rem rgba(222,222,223,.5)
        }

        .section.bg-sunset-orange .btn-general:not(.bg-white).disabled,
        .section.bg-sunset-orange .btn-general:not(.bg-white):disabled,
        .standard-section.bg-sunset-orange .btn-general:not(.bg-white).disabled,
        .standard-section.bg-sunset-orange .btn-general:not(.bg-white):disabled {
            color: #212529;
            background-color: #fff;
            border-color: #fff
        }

        .section.bg-sunset-orange .btn-general:not(.bg-white):not(:disabled):not(.disabled).active,
        .section.bg-sunset-orange .btn-general:not(.bg-white):not(:disabled):not(.disabled):active,
        .show > .section.bg-sunset-orange .btn-general:not(.bg-white).dropdown-toggle,
        .show > .standard-section.bg-sunset-orange .btn-general:not(.bg-white).dropdown-toggle,
        .standard-section.bg-sunset-orange .btn-general:not(.bg-white):not(:disabled):not(.disabled).active,
        .standard-section.bg-sunset-orange .btn-general:not(.bg-white):not(:disabled):not(.disabled):active {
            color: #212529;
            background-color: #e6e6e6;
            border-color: #dfdfdf
        }

            .section.bg-sunset-orange .btn-general:not(.bg-white):not(:disabled):not(.disabled).active:focus,
            .section.bg-sunset-orange .btn-general:not(.bg-white):not(:disabled):not(.disabled):active:focus,
            .show > .section.bg-sunset-orange .btn-general:not(.bg-white).dropdown-toggle:focus,
            .show > .standard-section.bg-sunset-orange .btn-general:not(.bg-white).dropdown-toggle:focus,
            .standard-section.bg-sunset-orange .btn-general:not(.bg-white):not(:disabled):not(.disabled).active:focus,
            .standard-section.bg-sunset-orange .btn-general:not(.bg-white):not(:disabled):not(.disabled):active:focus {
                box-shadow: 0 0 0 .2rem rgba(222,222,223,.5)
            }

    .section.bg-sunset-orange .slider .owl-nav .owl-next,
    .section.bg-sunset-orange .slider .owl-nav .owl-prev,
    .standard-section.bg-sunset-orange .slider .owl-nav .owl-next,
    .standard-section.bg-sunset-orange .slider .owl-nav .owl-prev {
        color: #F9423A;
        background-color: #fff
    }

    .section.bg-sunset-orange .slider .owl-dots .owl-dot.active span,
    .standard-section.bg-sunset-orange .slider .owl-dots .owl-dot.active span {
        background-color: #fff
    }

    .section.bg-sunset-orange .slider .owl-dots .owl-dot span,
    .standard-section.bg-sunset-orange .slider .owl-dots .owl-dot span {
        background-color: rgba(0,0,0,.32)
    }

.section.bg-abbey,
.standard-section.bg-abbey {
    color: #fff;
    background-color: #4F5254
}

    .section.bg-abbey .btn-general,
    .standard-section.bg-abbey .btn-general {
        background-color: #fff;
        border-color: #fff;
        box-shadow: 0 6px 12px rgba(0,0,0,.08);
        color: #F9423A
    }

        .section.bg-abbey .btn-general:hover,
        .standard-section.bg-abbey .btn-general:hover {
            color: #212529;
            background-color: #fff;
            border-color: #e6e6e6
        }

        .section.bg-abbey .btn-general.focus,
        .section.bg-abbey .btn-general:focus,
        .standard-section.bg-abbey .btn-general.focus,
        .standard-section.bg-abbey .btn-general:focus {
            color: #212529;
            background-color: #fff;
            border-color: #e6e6e6;
            box-shadow: 0 0 0 .2rem rgba(222,222,223,.5)
        }

        .section.bg-abbey .btn-general.disabled,
        .section.bg-abbey .btn-general:disabled,
        .standard-section.bg-abbey .btn-general.disabled,
        .standard-section.bg-abbey .btn-general:disabled {
            color: #212529;
            background-color: #fff;
            border-color: #fff
        }

        .section.bg-abbey .btn-general:not(:disabled):not(.disabled).active,
        .section.bg-abbey .btn-general:not(:disabled):not(.disabled):active,
        .show > .section.bg-abbey .btn-general.dropdown-toggle,
        .show > .standard-section.bg-abbey .btn-general.dropdown-toggle,
        .standard-section.bg-abbey .btn-general:not(:disabled):not(.disabled).active,
        .standard-section.bg-abbey .btn-general:not(:disabled):not(.disabled):active {
            color: #212529;
            background-color: #e6e6e6;
            border-color: #dfdfdf
        }

            .section.bg-abbey .btn-general:not(:disabled):not(.disabled).active:focus,
            .section.bg-abbey .btn-general:not(:disabled):not(.disabled):active:focus,
            .show > .section.bg-abbey .btn-general.dropdown-toggle:focus,
            .show > .standard-section.bg-abbey .btn-general.dropdown-toggle:focus,
            .standard-section.bg-abbey .btn-general:not(:disabled):not(.disabled).active:focus,
            .standard-section.bg-abbey .btn-general:not(:disabled):not(.disabled):active:focus {
                box-shadow: 0 0 0 .2rem rgba(222,222,223,.5)
            }

.section.bg-half-sunset-orange,
.section.bg-half-tuna,
.standard-section.bg-half-sunset-orange,
.standard-section.bg-half-tuna {
    position: relative
}

    .section.bg-half-sunset-orange.bg-type-2:after,
    .section.bg-half-tuna.bg-type-2:after,
    .standard-section.bg-half-sunset-orange.bg-type-2:after,
    .standard-section.bg-half-tuna.bg-type-2:after {
        height: calc(50% + 28.14394%)
    }

    .section.bg-half-sunset-orange:before,
    .section.bg-half-tuna:before,
    .standard-section.bg-half-sunset-orange:before,
    .standard-section.bg-half-tuna:before {
        top: 0;
        background-color: #FFF
    }

    .section.bg-half-sunset-orange:after,
    .section.bg-half-sunset-orange:before,
    .section.bg-half-tuna:after,
    .section.bg-half-tuna:before,
    .standard-section.bg-half-sunset-orange:after,
    .standard-section.bg-half-sunset-orange:before,
    .standard-section.bg-half-tuna:after,
    .standard-section.bg-half-tuna:before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 50%
    }

    .section.bg-half-sunset-orange:after,
    .standard-section.bg-half-sunset-orange:after {
        background-color: #F9423A
    }

    .section.bg-half-tuna:after,
    .standard-section.bg-half-tuna:after {
        background-color: #343248
    }

.section.bg-gray .primary-tab .nav .nav-item .nav-link:not(.active):after,
.section.bg-pampas .primary-tab .nav .nav-item .nav-link:not(.active):after,
.standard-section.bg-gray .primary-tab .nav .nav-item .nav-link:not(.active):after,
.standard-section.bg-pampas .primary-tab .nav .nav-item .nav-link:not(.active):after {
    background-color: #E0E0E0
}

.section {
    padding: 48px 0;
    color: #000
}

    .section.bg-gray {
        background-color: #F6F5F3
    }

    .section.border-bottom-red {
        border-bottom: solid 16px #F9423A
    }

@media (min-width:992px) {
    .section.bg-half-sunset-orange.bg-type-2:after,
    .section.bg-half-tuna.bg-type-2:after,
    .standard-section.bg-half-sunset-orange.bg-type-2:after,
    .standard-section.bg-half-tuna.bg-type-2:after {
        height: 50%
    }

    .section.big-padding {
        padding: 96px 0
    }

    .section.border-bottom-red-mobile {
        border-bottom: solid 16px #F9423A
    }
}

.section.border-bottom-red-thin {
    border-bottom: solid 4px #F9423A
}

.section.overlay {
    position: relative
}

    .section.overlay:after {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(52,50,72,.64)
    }

.section .section-header {
    margin-bottom: 48px
}

    .section .section-header + .btn-addon-list {
        margin-top: -24px
    }

.section .section-title {
    font-size: 2em;
    font-weight: 700;
    line-height: 1.25;
    margin-bottom: 16px
}

@media (min-width:992px) {
    .section .section-title {
        font-size: 3em;
        line-height: 1.33
    }
}

.section .section-title:last-child {
    margin-bottom: 0
}

.section .section-title.small {
    font-size: 1.5em;
    line-height: 1.33
}

@media (min-width:768px) {
    .section .section-title.small {
        font-size: 2em;
        line-height: 1.25
    }
}

.section .desc {
    font-size: 1em;
    line-height: 1.5;
    max-width: 650px;
    margin: 0 auto
}

    .section .desc.fluid,
    .section .tab-content2 .content > * {
        max-width: 100%
    }

.section .intro {
    font-size: 1em
}

@media (min-width:768px) {
    .section .intro {
        font-size: 1.5em
    }
}

.section .intro p:last-child {
    margin-bottom: 0
}

.section .intro-content .intro-title,
.section .intro-v2 .intro-title {
    font-weight: 700;
    font-size: 3em;
    line-height: 1.33
}

@media (max-width:767px) {
    .section.has-slider {
        overflow: hidden
    }

    .section .intro-content .intro-title,
    .section .intro-v2 .intro-title {
        font-size: 2em;
        line-height: 1.34
    }
}

.section .intro-content .intro-title {
    margin-bottom: 24px
}

.section .intro-content .intro-texts {
    font-size: 1.125em
}

    .section .intro-content .intro-texts > p {
        margin-bottom: 0;
        line-height: 1.77
    }

        .section .intro-content .intro-texts > p + p {
            margin-top: 36px
        }

    .section .intro-content .intro-texts + .btn {
        margin-top: 24px
    }

@media (min-width:992px) {
    .section .intro-content .intro-texts + .btn {
        margin-top: 48px
    }
}

.section .intro-v2 .intro-text {
    font-size: 16px;
    line-height: 32px;
    display: block
}

.section .intro-v2 .btn-general {
    margin-top: 48px
}

@media (max-width:767px) {
    .section .intro-v2 .intro-text {
        line-height: 24px
    }

    .section .intro-v2 .btn-general {
        margin-top: 24px
    }
}

.section .section-footer {
    margin-top: 48px
}

    .section .section-footer .btn-general {
        min-width: 100%
    }

@media (min-width:768px) {
    .section .section-footer {
        display: flex;
        flex-flow: wrap;
        align-items: flex-end;
        justify-content: space-between;
        padding-top: 48px;
        border-top: 1px solid #E0E0E0
    }

        .section .section-footer .btn-general {
            min-width: 200px
        }
}

.section .section-footer .btn-addon-list {
    flex-flow: column;
    align-items: inherit
}

    .section .section-footer .btn-addon-list .list-item {
        margin-top: 8px
    }

@media (min-width:768px) {
    .section .section-footer .btn-addon-list {
        flex-flow: wrap;
        align-items: center
    }

        .section .section-footer .btn-addon-list .list-item {
            margin-top: 0
        }
}

.section .nopadding {
    padding: 0
}

.section hr {
    border-color: rgba(0,0,0,.2);
    margin: 48px 0
}

.section .content {
    font-size: 1em;
    line-height: 1.5;
    margin: 48px 0 32px
}

.section .tab-content2 .content {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    margin: 0 0 48px
}

    .section .tab-content2 .content .text {
        margin-bottom: 48px
    }

        .section .tab-content2 .content .text p {
            margin-bottom: 15px
        }

            .section .tab-content2 .content .text p:last-child {
                margin-bottom: 0
            }

.center-wrapper {
    height: 100%;
    width: 100%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 44px 10px
}

@media (min-width:576px) {
    .center-wrapper {
        padding: 75px 10px
    }
}

.center-wrapper .banner-title {
    padding: 0;
    font-size: 3em
}

@media (min-width:576px) {
    .center-wrapper .banner-title {
        font-size: 3.5em
    }
}

.center-wrapper .banner-title:after {
    display: none
}

.center-wrapper .sub-title {
    font-size: .7em;
    color: #fff;
    z-index: 2;
    margin-bottom: 0
}

@media (max-width:991px) {
    .center-wrapper .sub-title {
        margin-bottom: 8px
    }

    .tertiary-section .photo-slider-wrapper {
        overflow: hidden
    }

        .tertiary-section .photo-slider-wrapper .photo-slider {
            overflow: inherit
        }
}

@media (min-width:992px) {
    .general-section {
        padding-top: 96px
    }
}

.primary-tab-section {
    padding-top: 0
}

@media (min-width:992px) {
    .primary-tab-section {
        padding-top: 96px;
        padding-bottom: 96px
    }
}

.primary-tab-section .tab-header {
    padding: 16px 0 24px
}

    .primary-tab-section .tab-header .dropdown-transparent {
        margin: 0
    }

.primary-tab-section .dropdown-transparent,
.primary-tab-section .primary-dropdown {
    margin: 16px 0 24px
}

.faq-section {
    padding-bottom: 0;
    border-bottom: 24px solid #F6F5F3
}

@media (min-width:992px) {
    .primary-tab-section .tab-header {
        padding: 0
    }

    .primary-tab-section .dropdown-transparent,
    .primary-tab-section .primary-dropdown {
        margin: 0
    }

    .faq-section {
        padding-top: 96px
    }
}

.faq-section .search-form {
    display: table;
    max-width: 880px;
    width: 100%;
    margin: 0 auto -24px
}

.primary-section {
    padding-bottom: 10px
}

@media (min-width:768px) {
    .primary-section {
        padding-bottom: 48px
    }

    .vertical-tab-section .two-column-text {
        column-gap: 48px;
        column-count: 2
    }
}

@media (min-width:992px) {
    .primary-section {
        padding-top: 96px;
        padding-bottom: 48px
    }
}

.secondary-section {
    padding-bottom: 48px
}

    .secondary-section.type-slider {
        position: relative
    }

        .secondary-section.type-slider .primary-box {
            margin-bottom: 24px
        }

@media (min-width:1200px) {
    .secondary-section.type-slider {
        padding-top: 0;
        padding-bottom: 0
    }

        .secondary-section.type-slider:before {
            content: '';
            width: 100%;
            height: 48px;
            background-color: #fff;
            position: absolute;
            top: 0;
            right: 0;
            left: 0
        }

        .secondary-section.type-slider .primary-box {
            margin-top: 48px;
            margin-bottom: 48px
        }
}

@media (max-width:1199px) {
    .secondary-section.type-slider .section-header {
        margin-bottom: 24px
    }
}

.tertiary-section {
    padding: 0;
    margin-bottom: 24px
}

@media (min-width:992px) {
    .tertiary-section {
        padding-bottom: 64px;
        margin-bottom: 96px
    }
}

@media (max-width:991px) and (max-width:991px) {
    .tertiary-section .photo-slider-wrapper .photo-slider .swiper-button-next,
    .tertiary-section .photo-slider-wrapper .photo-slider .swiper-button-prev {
        display: none
    }
}

.fourth-section {
    padding: 48px 0
}

@media (min-width:992px) {
    .fourth-section {
        padding: 96px 0
    }
}

.intro-section {
    padding: 48px 0
}

@media (min-width:992px) {
    .intro-section {
        padding: 96px 0
    }
}

@media (max-width:991px) {
    .tertiary-section .photo-slider-wrapper .photo-slider .swiper-slide:not(.swiper-slide-active) .slider-content {
        opacity: 0
    }

    .intro-section.small-padding {
        padding: 24px 0 48px
    }
}

.map-section {
    padding: 0
}

    .map-section .section-content {
        padding: 48px 15px
    }

        .map-section .section-content .title {
            font-weight: 700;
            font-size: 2em;
            line-height: 1.34;
            margin-bottom: 1rem
        }

@media (min-width:992px) {
    .map-section .section-content {
        padding: 96px 0
    }

        .map-section .section-content .title {
            font-size: 3em;
            line-height: 1.5
        }
}

.map-section .section-content .title.color-sunset-orange {
    color: #F9423A
}

.map-section .section-content .description {
    font-size: 1em;
    line-height: 1.5;
    margin-bottom: 24px
}

    .map-section .section-content .description p:last-child {
        margin-bottom: 0
    }

.map-section .section-content .btn-general {
    margin-top: 1.5rem
}

@media (min-width:992px) {
    .map-section .section-content .btn-general {
        margin-top: 3rem
    }
}

.map-section .section-content.white {
    color: #fff
}

.map-section .map-item {
    width: 100%;
    height: 100%
}

.map-section .map-drag-icon {
    position: absolute;
    bottom: 48px;
    right: 0;
    left: 0;
    margin: 0 auto;
    z-index: 1
}

.top-menu-section {
    padding: 12px 0
}

.search-section {
    box-shadow: inset 0 2px 10px -4px rgba(0,0,0,.2)
}

@media (max-width:991px) {
    .map-section .map-item {
        height: calc(100vh - 64px)
    }

    .search-section {
        padding: 24px 0
    }
}

.search-result-section {
    padding: 38px 0 48px
}

@media (min-width:576px) {
    .search-result-section {
        padding: 50px 0
    }
}

@media (min-width:992px) {
    .search-result-section {
        padding: 64px 0 96px
    }
}

.search-result-section .results-wrapper {
    padding: 43px 0;
    border-bottom: 1px solid #E0E0E0;
    margin-bottom: 64px
}

    .search-result-section .results-wrapper .result-card:not(:last-child) {
        margin-bottom: 48px
    }

.search-result-section .title {
    margin: 0;
    font-weight: 700;
    font-size: 1.5em;
    line-height: 1.4
}

@media (min-width:992px) {
    .search-result-section .results-wrapper {
        padding: 64px 0 58px
    }

    .search-result-section .title {
        padding-left: 30px;
        font-size: 1.8rem
    }
}

@media (min-width:1200px) {
    .search-result-section .title {
        padding-left: 90px;
        font-size: 2rem
    }
}

.search-result-section .title span {
    color: #F9423A
}

.dynamic-table-section .section-header {
    margin-bottom: 24px;
    text-align: center
}

@media (min-width:992px) {
    .dynamic-table-section {
        padding: 96px 0
    }

        .dynamic-table-section .section-header {
            margin-bottom: 48px;
            text-align: left
        }
}

.dynamic-table-section .dropdown-transparent {
    margin: 0 0 16px
}

@media (min-width:992px) {
    .dynamic-table-section .dropdown-transparent {
        max-width: 200px;
        margin: 0 0 52px auto
    }
}

.separator-section {
    padding: 0
}

.vertical-tab-section {
    position: relative
}

@media (max-width:991px) {
    .dynamic-table-section .dropdown-transparent:last-child {
        margin: 0 0 48px
    }

    .vertical-tab-section:before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #F6F5F3;
        z-index: -1
    }
}

@media (max-width:1439px) {
    .vertical-tab-section .primary-tab {
        margin-right: 40px
    }
}

@media (max-width:991px) {
    .vertical-tab-section .primary-tab {
        margin-right: 0
    }
}

@media (max-width:767px) {
    .vertical-tab-section .primary-tab.vertical .nav {
        margin: 0
    }
}

.vertical-tab-section .primary-tab .tab-slider .owl-stage-outer {
    overflow: hidden !important
}

.btn-download,
.main-slider {
    overflow: hidden
}

.vertical-tab-section .section-sidebar {
    padding: 0 0 48px
}

@media (min-width:992px) {
    .vertical-tab-section .section-sidebar {
        padding: 96px 0
    }
}

.vertical-tab-section .content > p:last-child {
    margin-bottom: 0
}

.vertical-tab-section .section {
    padding: 0 0 48px
}

@media (min-width:992px) {
    .vertical-tab-section .section {
        padding: 96px 0
    }
}

.vertical-tab-section .section .section-title {
    margin-bottom: 24px
}

.vertical-tab-section .has-gray-bg {
    position: relative
}

    .vertical-tab-section .has-gray-bg:before {
        position: absolute;
        top: 0;
        left: -100vw;
        background-color: #F6F5F3;
        width: 100vw;
        height: 100%;
        z-index: -1
    }

.vertical-tab-section .personal-info-slider {
    padding-top: 96px
}

.vertical-tab-section .standard-section {
    margin: 0 -10px 48px
}

@media (min-width:992px) {
    .vertical-tab-section .standard-section {
        margin: 0 -10px 48px 0
    }
}

.vertical-tab-section .standard-section.has-shape .section-bg {
    padding-top: 59.54%
}

@media (max-width:767px) {
    .vertical-tab-section .two-column-text > p + p {
        margin-top: 32px
    }

    .special-section .circle-media {
        max-width: 275px
    }
}

.vertical-tab-section .two-column-text > p:last-child {
    margin-bottom: 0
}

.vertical-tab-section .mobile-select-tab {
    margin-top: 16px;
    margin-bottom: 24px
}

@media (max-width:991px) {
    .vertical-tab-section .dropdown-transparent {
        margin-top: 32px
    }
}

.nested-columned-section {
    position: relative;
    padding: 24px 0 48px
}

@media (min-width:768px) {
    .nested-columned-section {
        padding: 96px 0 0
    }

        .nested-columned-section .short-info-card-slider {
            padding-bottom: 96px
        }
}

.nested-columned-section.bg-tuna:before {
    background-color: #343248
}

.nested-columned-section:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #F6F5F3;
    z-index: -1
}

.media-section-fluid {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    background-color: #343248
}

    .media-section-fluid:before {
        display: block;
        padding-top: 110.6667%;
        background-color: rgba(52,50,72,.64)
    }

    .media-section-fluid:after {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 2;
        width: 100%;
        height: 24px;
        background-color: #F9423A
    }

@media (min-width:992px) {
    .media-section-fluid:before {
        padding-top: 51.38889%
    }

    .media-section-fluid:after {
        width: 58.33333%;
        height: 40px
    }
}

.media-section-fluid .video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    opacity: .36
}

.media-section-fluid .container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
    display: flex;
    flex-flow: column;
    justify-content: center;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 40px
}

    .media-section-fluid .container:after {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 2;
        width: 100%;
        height: 24px;
        background-color: #F9423A
    }

.media-section-fluid .title {
    font-size: 4.5em;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 30px
}

@media (min-width:992px) {
    .media-section-fluid .container {
        padding-top: 60px;
        padding-bottom: 60px
    }

        .media-section-fluid .container:after {
            width: 58.33333%;
            height: 40px
        }

    .media-section-fluid .title {
        font-size: 8.4375em;
        margin-bottom: 40px
    }

    .media-section-fluid .desc {
        letter-spacing: 15px
    }
}

@media (min-width:1440px) {
    .media-section-fluid .title {
        font-size: 12.5em
    }
}

.media-section-fluid .desc {
    font-size: 1.5em;
    font-weight: 700;
    line-height: 1.25
}

@media (min-width:1440px) {
    .media-section-fluid .desc {
        font-size: 2em
    }
}

.media-section-fluid .desc p {
    margin-bottom: 15px
}

    .media-section-fluid .desc p:last-child {
        margin-bottom: 0
    }

.card2-section {
    padding: 48px 0
}

    .card2-section .logo-card {
        margin-bottom: 40px
    }

    .card2-section .double-logo-card {
        margin-bottom: 24px
    }

    .card2-section .section-header {
        margin-bottom: 64px
    }

        .card2-section .section-header .section-title {
            margin: 0 0 48px
        }

@media (min-width:992px) {
    .card2-section {
        padding: 96px 0
    }

        .card2-section .section-header.bordered {
            padding-bottom: 48px;
            border-bottom: solid 1px #E0E0E0
        }

        .card2-section .section-header .section-title {
            margin: 0
        }
}

.card2-section .section-header .dropdown-transparent {
    margin: 0 0 16px
}

@media (min-width:992px) {
    .card2-section .section-header .dropdown-transparent {
        margin: 0
    }
}

.card2-section .section-header .search-form {
    background-color: transparent;
    padding: 0
}

    .card2-section .section-header .search-form .form-group:before {
        font-size: 18px
    }

    .card2-section .section-header .search-form .form-group .form-control {
        font-size: 14px;
        line-height: 24px;
        color: #4F5254;
        height: 56px;
        padding: 10px 10px 10px 56px;
        border: 1px solid rgba(0,0,0,.16);
        border-radius: 0
    }

.card2-section .section-header .btn-general {
    padding: 16px 20px;
    margin-top: 16px;
    display: block
}

.special-section {
    padding-top: 48px;
    margin-bottom: 120px
}

@media (min-width:992px) {
    .card2-section .section-header .btn-general {
        margin-top: 0
    }

    .special-section {
        padding-top: 96px;
        margin-bottom: 192px
    }
}

.special-section.type2 {
    padding: 48px 0;
    margin: 0
}

.special-section .circle-media {
    display: block;
    text-align: center;
    margin: 0 auto 48px
}

    .special-section .circle-media img {
        margin: 0;
        border-radius: 100%
    }

.special-section .section-content {
    flex-grow: 1;
    font-size: 1em;
    line-height: 1.5
}

@media (min-width:992px) {
    .special-section.type2 {
        padding: 96px 0
    }

    .special-section .circle-media {
        margin: 0
    }

        .special-section .circle-media img {
            width: 100%
        }

    .special-section .section-content {
        max-width: 535px;
        padding: 48px 0
    }
}

.special-section .section-content .section-title {
    font-weight: 700;
    margin-bottom: 16px
}

    .special-section .section-content .section-title.small {
        font-size: 1.5em;
        line-height: 1.33
    }

@media (min-width:768px) {
    .special-section .section-content .section-title.small {
        font-size: 2em;
        line-height: 1.25
    }
}

.special-section .section-content .section-title.medium {
    font-size: 1.5em;
    line-height: 1.33
}

@media (min-width:768px) {
    .special-section .section-content .section-title.medium {
        font-size: 3em
    }
}

.special-section .section-content .section-title.large {
    font-size: 2em;
    line-height: 1.25
}

@media (min-width:768px) {
    .special-section .section-content .section-title.large {
        font-size: 3.5em;
        line-height: 1.33
    }
}

.special-section .section-content .section-title.xlarge {
    font-size: 3em;
    line-height: 1.33;
    margin-bottom: 8px
}

@media (min-width:992px) {
    .special-section .section-content .section-title.xlarge {
        font-size: 2em
    }
}

@media (min-width:1200px) {
    .special-section .section-content .section-title.xlarge {
        margin-bottom: 24px;
        font-size: 3em;
        line-height: 1.1
    }
}

@media (min-width:1440px) {
    .special-section .section-content .section-title.xlarge {
        font-size: 5.05em
    }
}

.special-section .section-content .text p {
    margin-bottom: 15px
}

    .special-section .section-content .text p:last-child {
        margin-bottom: 0
    }

.special-section .section-content .text + .btn {
    margin-top: 24px
}

@media (min-width:992px) {
    .special-section .section-content .text + .btn {
        margin-top: 48px
    }
}

.special-section hr {
    border-color: rgba(0,0,0,.2);
    margin: 48px 0 39px
}

@media (min-width:992px) {
    .special-section hr {
        margin: 96px 0
    }
}

.special-section .special-title {
    font-weight: 600;
    font-size: 1.5em;
    line-height: 1;
    margin-bottom: 28px
}

@media (min-width:992px) {
    .special-section .special-title {
        margin-bottom: 21px
    }
}

.special-section .special-title span {
    display: block;
    font-size: 4em;
    line-height: .75;
    margin-bottom: 16px
}

@media (min-width:992px) {
    .special-section .special-title span {
        font-size: 5.416666666666667em;
        margin-bottom: 12px
    }
}

@media (min-width:1200px) {
    .special-section .special-title span {
        font-size: 6.666666666666667em
    }
}

@media (min-width:1440px) {
    .special-section .special-title span {
        font-size: 8.333333333333334em
    }
}

.special-section .slider {
    margin-top: 48px;
    margin-bottom: -72px
}

@media (min-width:992px) {
    .special-section .slider {
        margin-top: inherit;
        margin-bottom: -93px
    }
}

.nested-section {
    padding-top: 48px
}

    .nested-section .shifted-content {
        margin-bottom: -25%;
        padding-bottom: 24px
    }

    .nested-section .section {
        padding-top: 25%
    }

@media (max-width:991px) {
    .nested-section .section-header {
        margin-bottom: 24px
    }
}

@media (min-width:992px) {
    .nested-section .shifted-content {
        padding-bottom: 48px
    }

    .nested-section .two-column-text {
        margin-bottom: 48px
    }
}

.btn-tab-section {
    padding: 96px 0 16px
}

    .btn-tab-section.bg-sunset-orange .btn-tab .nav .nav-item .nav-link.active {
        background-color: #343248
    }

    .btn-tab-section .section-title {
        margin-bottom: 24px
    }

    .btn-tab-section .dropdown-transparent {
        margin: 16px 0
    }

@media (min-width:992px) {
    .btn-tab-section {
        padding: 96px 0 32px
    }

        .btn-tab-section .dropdown-transparent {
            margin: 0
        }
}

.btn-tab-section .dropdown-transparent .dropdown-transparent__menu {
    color: #000
}

.btn-general {
    min-width: 160px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.6;
    padding: 20px;
    border-radius: 0;
    color: #fff;
    background-color: #F9423A;
    border-color: #F9423A;
    transform-origin: center;
    box-shadow: 0 10px 25px 0 rgba(0,0,0,.1);
    transition: all ease .25s
}

    .btn-general.focus,
    .btn-general:focus,
    .btn-general:hover {
        border-color: #f71309;
        background-color: #F9423A;
        color: #fff
    }

    .btn-general.focus,
    .btn-general:focus {
        box-shadow: 0 0 0 .2rem rgba(250,94,88,.5)
    }

    .btn-general.disabled,
    .btn-general:disabled {
        color: #fff;
        background-color: #F9423A;
        border-color: #F9423A
    }

    .btn-general:not(:disabled):not(.disabled).active,
    .btn-general:not(:disabled):not(.disabled):active,
    .show > .btn-general.dropdown-toggle {
        color: #fff;
        background-color: #f71309;
        border-color: #ec1107
    }

        .btn-general:not(:disabled):not(.disabled).active:focus,
        .btn-general:not(:disabled):not(.disabled):active:focus,
        .show > .btn-general.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(250,94,88,.5)
        }

@media (min-width:768px) {
    .btn-general {
        padding: 18px 20px
    }
}

.btn-general:hover {
    box-shadow: 0 10px 25px 0 rgba(0,0,0,.2);
    transform: translateY(-3px)
}

.btn-general.bg-white {
    color: #212529;
    background-color: #fff;
    border-color: #fff;
    box-shadow: 0 6px 12px rgba(0,0,0,.08)
}

    .btn-general.bg-white.focus,
    .btn-general.bg-white:focus,
    .btn-general.bg-white:hover {
        border-color: #e6e6e6;
        color: #212529;
        background-color: #fff
    }

    .btn-general.bg-white.focus,
    .btn-general.bg-white:focus {
        box-shadow: 0 0 0 .2rem rgba(222,222,223,.5)
    }

    .btn-general.bg-white.disabled,
    .btn-general.bg-white:disabled {
        color: #212529;
        background-color: #fff;
        border-color: #fff
    }

    .btn-general.bg-white:not(:disabled):not(.disabled).active,
    .btn-general.bg-white:not(:disabled):not(.disabled):active,
    .show > .btn-general.bg-white.dropdown-toggle {
        color: #212529;
        background-color: #e6e6e6;
        border-color: #dfdfdf
    }

        .btn-general.bg-white:not(:disabled):not(.disabled).active:focus,
        .btn-general.bg-white:not(:disabled):not(.disabled):active:focus,
        .show > .btn-general.bg-white.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(222,222,223,.5)
        }

.btn-addon-bordered {
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.37;
    color: #000;
    padding: 16px 0;
    border-radius: 0;
    border-bottom: 2px solid #F9423A
}

@media (min-width:576px) {
    .btn-addon-bordered {
        font-size: 14px
    }
}

@media (min-width:1800px) {
    .btn-addon-bordered {
        font-size: 16px
    }
}

.btn-addon-bordered:focus,
.btn-addon-bordered:hover {
    box-shadow: none;
    outline: 0
}

.btn-addon-bordered.small {
    display: inline-flex;
    justify-content: flex-start;
    padding: 0 0 2px;
    font-size: .75em;
    line-height: 1.25
}

.btn-media-bordered,
.btn-number-bordered,
.btn-primary-bordered {
    line-height: 1.37;
    border-radius: 0;
    font-weight: 700;
    text-align: left
}

.btn-addon-bordered.small .icon {
    font-size: .75rem
}

.btn-addon-bordered.white {
    color: #fff;
    border-bottom-color: #fff
}

    .btn-addon-bordered.white .icon {
        color: #fff
    }

.btn-addon-bordered.sunset-orange {
    border-bottom-color: #F9423A
}

    .btn-addon-bordered.sunset-orange .icon {
        color: #F9423A
    }

.btn-addon-bordered.emerald {
    border-bottom-color: #44CC62
}

    .btn-addon-bordered.emerald .icon {
        color: #44CC62
    }

.btn-addon-bordered.curious-blue {
    border-bottom-color: #1392E5
}

    .btn-addon-bordered.curious-blue .icon {
        color: #1392E5
    }

.btn-addon-bordered.yellow-sea {
    border-bottom-color: #FFAD00
}

    .btn-addon-bordered.yellow-sea .icon {
        color: #FFAD00
    }

.btn-addon-bordered .addon-wrap {
    display: flex;
    flex-flow: row;
    align-items: center
}

.btn-addon-bordered .icon {
    flex: 0 0 auto;
    font-size: 24px;
    color: #F9423A;
    margin-right: 12px
}

@media (min-width:576px) {
    .btn-addon-bordered .icon {
        font-size: 18px
    }
}

@media (min-width:1800px) {
    .btn-addon-bordered .icon {
        font-size: 24px
    }
}

.btn-addon-bordered .icon-arrow-right {
    margin-left: 8px;
    margin-right: 0
}

.btn-media-bordered {
    display: flex;
    flex-flow: column;
    font-size: 16px;
    color: inherit;
    padding: 16px 0;
    border-bottom: 2px solid #F9423A
}

    .btn-media-bordered:focus,
    .btn-media-bordered:hover {
        box-shadow: none;
        outline: 0;
        color: inherit
    }

    .btn-media-bordered.horizontal {
        flex-flow: row;
        align-items: center
    }

        .btn-media-bordered.horizontal .btn-content {
            flex-grow: 1;
            margin-left: 14px
        }

        .btn-media-bordered.horizontal .icon {
            margin-bottom: 0;
            font-size: 19px
        }

    .btn-media-bordered.white {
        border-bottom-color: #fff
    }

        .btn-media-bordered.white .icon {
            color: #fff
        }

    .btn-media-bordered.sunset-orange {
        border-bottom-color: #F9423A
    }

        .btn-media-bordered.sunset-orange .icon {
            color: #F9423A
        }

    .btn-media-bordered.emerald {
        border-bottom-color: #44CC62
    }

        .btn-media-bordered.emerald .icon {
            color: #44CC62
        }

    .btn-media-bordered.curious-blue {
        border-bottom-color: #1392E5
    }

        .btn-media-bordered.curious-blue .icon {
            color: #1392E5
        }

    .btn-media-bordered.yellow-sea {
        border-bottom-color: #FFAD00
    }

        .btn-media-bordered.yellow-sea .icon {
            color: #FFAD00
        }

    .btn-media-bordered .btn-content {
        display: flex;
        flex-flow: row;
        align-items: center
    }

        .btn-media-bordered .btn-content .text {
            flex-grow: 1
        }

    .btn-media-bordered .icon {
        display: block;
        flex: 0 0 auto;
        font-size: 37px;
        color: #F9423A;
        margin-bottom: 17px
    }

    .btn-media-bordered .icon-arrow-right {
        font-size: 24px;
        margin-left: 8px;
        margin-bottom: 0
    }

.btn-primary-bordered {
    display: flex;
    flex-flow: row;
    align-items: center;
    font-size: 16px;
    color: inherit;
    padding: 16px 0;
    border-bottom: 2px solid #F9423A
}

    .btn-primary-bordered:focus,
    .btn-primary-bordered:hover {
        box-shadow: none;
        outline: 0;
        color: inherit
    }

    .btn-primary-bordered.white {
        border-bottom-color: #fff
    }

        .btn-primary-bordered.white .icon {
            color: #fff
        }

    .btn-primary-bordered.sunset-orange {
        border-bottom-color: #F9423A
    }

        .btn-primary-bordered.sunset-orange .icon {
            color: #F9423A
        }

    .btn-primary-bordered.emerald {
        border-bottom-color: #44CC62
    }

        .btn-primary-bordered.emerald .icon {
            color: #44CC62
        }

    .btn-primary-bordered.curious-blue {
        border-bottom-color: #1392E5
    }

        .btn-primary-bordered.curious-blue .icon {
            color: #1392E5
        }

    .btn-primary-bordered.yellow-sea {
        border-bottom-color: #FFAD00
    }

        .btn-primary-bordered.yellow-sea .icon {
            color: #FFAD00
        }

    .btn-primary-bordered .text {
        flex-grow: 1
    }

    .btn-primary-bordered .icon-arrow-right {
        font-size: 24px;
        margin-left: 8px;
        margin-bottom: 0
    }

.btn-number-bordered {
    display: flex;
    flex-flow: column;
    font-size: 16px;
    color: inherit;
    padding: 0 0 14px;
    border-bottom: 2px solid #F9423A
}

    .btn-number-bordered:focus,
    .btn-number-bordered:hover {
        box-shadow: none;
        outline: 0;
        color: inherit
    }

    .btn-number-bordered.white {
        border-bottom-color: #fff
    }

        .btn-number-bordered.white .number {
            color: #fff
        }

    .btn-number-bordered.sunset-orange {
        border-bottom-color: #F9423A
    }

        .btn-number-bordered.sunset-orange .number {
            color: #F9423A
        }

    .btn-number-bordered.emerald {
        border-bottom-color: #44CC62
    }

        .btn-number-bordered.emerald .number {
            color: #44CC62
        }

    .btn-number-bordered.curious-blue {
        border-bottom-color: #1392E5
    }

        .btn-number-bordered.curious-blue .number {
            color: #1392E5
        }

    .btn-number-bordered.yellow-sea {
        border-bottom-color: #FFAD00
    }

        .btn-number-bordered.yellow-sea .number {
            color: #FFAD00
        }

    .btn-number-bordered .btn-content {
        display: flex;
        flex-flow: row;
        align-items: center
    }

        .btn-number-bordered .btn-content .text {
            flex-grow: 1
        }

    .btn-number-bordered .number {
        display: block;
        flex: 0 0 auto;
        font-size: 1.125em;
        font-weight: 700;
        line-height: 1.77;
        color: #F9423A
    }

.btn-addon,
.btn-link {
    display: flex;
    line-height: 1.33;
    font-weight: 700
}

.btn-addon {
    flex-flow: row;
    align-items: center;
    font-size: 12px;
    padding: 12px 17px;
    border-radius: 30px;
    color: #212529;
    background-color: #fff;
    border-color: #fff
}

    .btn-addon.focus,
    .btn-addon:focus,
    .btn-addon:hover {
        border-color: #e6e6e6;
        background-color: #fff;
        color: #212529
    }

    .btn-addon.focus,
    .btn-addon:focus {
        box-shadow: 0 0 0 .2rem rgba(222,222,223,.5)
    }

    .btn-addon.disabled,
    .btn-addon:disabled {
        color: #212529;
        background-color: #fff;
        border-color: #fff
    }

    .btn-addon:not(:disabled):not(.disabled).active,
    .btn-addon:not(:disabled):not(.disabled):active,
    .show > .btn-addon.dropdown-toggle {
        color: #212529;
        background-color: #e6e6e6;
        border-color: #dfdfdf
    }

        .btn-addon:not(:disabled):not(.disabled).active:focus,
        .btn-addon:not(:disabled):not(.disabled):active:focus,
        .show > .btn-addon.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(222,222,223,.5)
        }

    .btn-addon .icon {
        flex: 0 0 auto;
        font-size: 18px;
        color: #F9423A;
        margin-left: 8px
    }

.btn-link {
    flex-flow: row;
    align-items: center;
    font-size: 12px;
    color: #000;
    padding-bottom: 2px;
    border-bottom: 2px solid #F9423A
}

    .btn-link.medium {
        font-size: 16px
    }

    .btn-link .icon {
        flex: 0 0 auto;
        font-size: 12px;
        color: #F9423A;
        margin-left: 8px
    }

.btn-download,
.btn-media {
    display: inline-flex;
    flex-flow: row
}

.btn-download {
    position: relative;
    justify-content: center;
    align-items: center;
    padding: 12px 24px;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.16);
    border-radius: 0;
    z-index: 1;
    transition: all ease .25s;
    transform-origin: center
}

    .btn-download:hover .icon {
        animation: animate-arrow-down .4s cubic-bezier(.77,0,.175,1)
    }

.btn-media:hover .icon-arrow-right,
.employee-card:hover .icon-arrow-right,
.rating-card.secondary .card2-link:hover .icon-arrow-right {
    animation: animate-arrow-right .4s cubic-bezier(.77,0,.175,1)
}

.btn-download:focus {
    outline: 0;
    box-shadow: none
}

.btn-download + .btn-download {
    margin-left: 16px
}

.btn-download.bg-sunset-orange {
    background-color: #F9423A;
    border: none
}

    .btn-download.bg-sunset-orange .icon,
    .btn-download.bg-sunset-orange span {
        color: #fff
    }

.btn-download span {
    font-size: .875em;
    line-height: 1.71;
    color: #4F5254;
    font-weight: 700
}

.btn-download .icon {
    font-size: 15px;
    color: #F9423A;
    padding-right: 16px
}

.btn-media {
    align-items: center;
    min-width: 312px;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.375;
    text-align: left;
    color: #fff;
    background-color: #F9423A;
    border-color: #F9423A;
    padding: 24px;
    border-radius: 0
}

    .btn-media.focus,
    .btn-media:focus,
    .btn-media:hover {
        border-color: #f71309;
        background-color: #F9423A
    }

    .btn-media.focus,
    .btn-media:focus {
        color: #fff;
        box-shadow: 0 0 0 .2rem rgba(250,94,88,.5)
    }

    .btn-media.disabled,
    .btn-media:disabled {
        color: #fff;
        background-color: #F9423A;
        border-color: #F9423A
    }

    .btn-media:not(:disabled):not(.disabled).active,
    .btn-media:not(:disabled):not(.disabled):active,
    .show > .btn-media.dropdown-toggle {
        color: #fff;
        background-color: #f71309;
        border-color: #ec1107
    }

.search-form,
.search-form.table-search.bg-gray .form-control {
    background-color: #F6F5F3
}

.btn-media:not(:disabled):not(.disabled).active:focus,
.btn-media:not(:disabled):not(.disabled):active:focus,
.show > .btn-media.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(250,94,88,.5)
}

@media (min-width:0) and (max-width:360px) {
    .btn-media {
        min-width: 280px
    }
}

.btn-media:focus,
.btn-media:hover {
    outline: 0;
    color: #fff
}

.btn-media .btn-content {
    display: flex;
    flex-flow: row;
    align-items: center;
    flex-grow: 1;
    margin-left: 14px
}

    .btn-media .btn-content .text {
        flex-grow: 1
    }

.btn-media .icon {
    display: block;
    flex: 0 0 auto;
    font-size: 19px;
    color: #fff
}

.btn-media .icon-arrow-right {
    font-size: 22px;
    margin-left: 15px;
    margin-bottom: 0;
    color: #fff
}

.search-form {
    position: relative;
    padding: 8px;
    border-radius: 6px
}

    .search-form.type-result {
        padding: 0
    }

@media (max-width:767px) {
    .search-form.type-result {
        margin: 0 5px
    }
}

.search-form.type-result .form-group:before {
    font-size: 20px;
    left: 28px
}

.search-form.type-result .form-group .form-control {
    font-size: 1.125em;
    color: #000
}

.search-form.type-result .form-group .btn-submit,
.search-form.type-result .form-group .form-control {
    height: 64px
}

@media (min-width:576px) {
    .search-form.type-result .form-group .btn-submit,
    .search-form.type-result .form-group .form-control {
        height: 70px
    }
}

.search-form.quick-list-open .form-group .form-control {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.search-form.quick-list-open .quick-link-list {
    opacity: 1;
    visibility: visible
}

.search-form.table-search {
    padding: 0;
    min-width: 300px
}

@media (min-width:992px) {
    .search-form.type-result .form-group .btn-submit,
    .search-form.type-result .form-group .form-control {
        height: 80px
    }

    .search-form.table-search {
        min-width: 326px
    }
}

.search-form.table-search .form-group:before {
    font-size: 18px;
    font-weight: 700
}

.search-form.table-search .form-group .form-control {
    height: 48px;
    padding: 10px 10px 10px 56px;
    border: 1px solid rgba(0,0,0,.16);
    border-radius: 0
}

    .search-form.table-search .form-group .form-control::-webkit-input-placeholder {
        font-size: .875em;
        line-height: 1.71
    }

    .search-form.table-search .form-group .form-control::-moz-placeholder {
        font-size: .875em;
        line-height: 1.71
    }

    .search-form.table-search .form-group .form-control:-ms-input-placeholder {
        font-size: .875em;
        line-height: 1.71
    }

    .search-form.table-search .form-group .form-control:-moz-placeholder {
        font-size: .875em;
        line-height: 1.71
    }

.search-form .form-group {
    position: relative;
    display: block;
    margin-bottom: 0
}

    .search-form .form-group:before {
        content: '\e902';
        font-family: koc;
        font-size: 24px;
        color: #F9423A;
        position: absolute;
        top: 50%;
        left: 24px;
        transform: translateY(-50%)
    }

    .search-form .form-group .form-control {
        height: 80px;
        padding: 10px 100px 10px 72px;
        border-radius: 6px;
        border: none;
        box-shadow: none;
        outline: 0
    }

        .search-form .form-group .form-control::-webkit-input-placeholder {
            color: rgba(0,0,0,.5);
            transition: all ease-out 75ms
        }

        .search-form .form-group .form-control::-moz-placeholder {
            color: rgba(0,0,0,.5);
            transition: all ease-out 75ms
        }

        .search-form .form-group .form-control:-ms-input-placeholder {
            color: rgba(0,0,0,.5);
            transition: all ease-out 75ms
        }

        .search-form .form-group .form-control:-moz-placeholder {
            color: rgba(0,0,0,.5);
            transition: all ease-out 75ms
        }

        .search-form .form-group .form-control:hover::-webkit-input-placeholder {
            color: #000
        }

        .search-form .form-group .form-control:hover::-moz-placeholder {
            color: #000
        }

        .search-form .form-group .form-control:hover:-ms-input-placeholder {
            color: #000
        }

        .search-form .form-group .form-control:hover:-moz-placeholder {
            color: #000
        }

        .search-form .form-group .form-control:focus {
            box-shadow: 0 12px 24px rgba(0,0,0,.08)
        }

            .search-form .form-group .form-control:focus::-webkit-input-placeholder {
                color: transparent
            }

            .search-form .form-group .form-control:focus::-moz-placeholder {
                color: transparent
            }

            .search-form .form-group .form-control:focus:-ms-input-placeholder {
                color: transparent
            }

            .search-form .form-group .form-control:focus:-moz-placeholder {
                color: transparent
            }

    .search-form .form-group .btn-submit {
        display: flex;
        flex-flow: row;
        align-items: center;
        justify-content: center;
        min-width: 100px;
        height: 80px;
        font-size: 16px;
        font-weight: 700;
        line-height: 1.5;
        color: #F9423A;
        padding: 0;
        border-radius: 0;
        border: none;
        background-color: transparent;
        outline: 0;
        box-shadow: none;
        position: absolute;
        top: 0;
        right: 0
    }

        .search-form .form-group .btn-submit .icon {
            flex: 0 0 auto;
            margin-left: 8px
        }

.search-form .quick-link-list {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    z-index: 2;
    padding: 16px 24px;
    border-top: 1px solid #E0E0E0;
    background-color: #fff;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    opacity: 0;
    visibility: hidden;
    box-shadow: 0 12px 24px rgba(0,0,0,.08)
}

@media (min-width:992px) {
    .search-form .quick-link-list {
        padding: 16px 72px
    }
}

.search-form .quick-link-list .list-item {
    padding: 8px 0
}

    .search-form .quick-link-list .list-item .link {
        font-size: 18px;
        line-height: 1.77
    }

        .search-form .quick-link-list .list-item .link span {
            font-weight: 700
        }

.contact-form-wrap {
    display: flex;
    flex-flow: column
}

    .contact-form-wrap .form-content {
        padding: 24px 24px 48px
    }

@media (min-width:992px) {
    .contact-form-wrap {
        flex-flow: row
    }

        .contact-form-wrap .form-content {
            flex-basis: 33%;
            max-width: 33%;
            padding: 48px;
            background-color: #f9f8f7;
            border-bottom: solid 4px #F9423A
        }
}

@media (min-width:1200px) {
    .contact-form-wrap .form-content {
        padding: 100px 48px 125px
    }
}

.contact-form-wrap .form-content .btn-media-bordered {
    margin-bottom: 48px;
    max-width: 240px
}

.contact-form-wrap .form-content .text,
.contact-form-wrap .form-content .text p {
    font-size: .875em;
    line-height: 1.71;
    color: #000;
    margin-bottom: 30px
}

    .contact-form-wrap .form-content .text .text-link,
    .contact-form-wrap .form-content .text a {
        color: #F9423A;
        text-decoration: underline
    }

.contact-form-wrap .form-content ul {
    padding: 0;
    margin: 0 0 24px;
    list-style: none
}

    .contact-form-wrap .form-content ul li {
        font-size: .875em;
        line-height: 1.71;
        color: #000
    }

.contact-form-wrap .form-content .kvkk-link-list {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap
}

    .contact-form-wrap .form-content .kvkk-link-list .list-item {
        padding: 0 15px
    }

        .contact-form-wrap .form-content .kvkk-link-list .list-item:first-child {
            padding-left: 0
        }

        .contact-form-wrap .form-content .kvkk-link-list .list-item + .list-item {
            position: relative
        }

            .contact-form-wrap .form-content .kvkk-link-list .list-item + .list-item:before {
                position: absolute;
                content: '';
                left: 0;
                top: 0;
                bottom: 0;
                width: 1px;
                background-color: #000;
                margin: 5px 0
            }

        .contact-form-wrap .form-content .kvkk-link-list .list-item .link {
            font-size: .875em;
            line-height: 1.71;
            color: #000;
            text-decoration: underline;
            transition: ease all .3s
        }

            .contact-form-wrap .form-content .kvkk-link-list .list-item .link:hover {
                color: #F9423A
            }

.contact-form-wrap .selectTopic {
    opacity: 0;
    height: 30px;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    border: 0;
    z-index: -1
}

.contact-form {
    display: flex;
    flex-flow: column;
    border-bottom: solid 4px #F9423A;
    padding: 24px 24px 96px
}

@media (min-width:768px) {
    .contact-form {
        padding: 36px 36px 96px
    }
}

@media (min-width:992px) {
    .contact-form {
        flex-basis: 67%;
        max-width: 67%;
        padding: 48px
    }
}

@media (min-width:1200px) {
    .contact-form {
        padding: 96px 136px 96px 112px
    }
}

.contact-form .form-group {
    margin-bottom: 3em
}

    .contact-form .form-group .form-control {
        font-size: 1.125em;
        line-height: 1.77;
        color: #000;
        padding: 0 0 16px;
        border: none;
        border-radius: 0;
        border-bottom: solid 1px #4F5254;
        background-color: transparent;
        height: inherit
    }

        .contact-form .form-group .form-control:focus {
            outline: 0;
            box-shadow: none
        }

        .contact-form .form-group .form-control::placeholder {
            font-size: 1.125rem;
            line-height: 1.77;
            color: #000
        }

    .contact-form .form-group .dropdown-transparent .dropdown-transparent__control {
        height: auto;
        padding: 0 0 21px;
        border: none;
        border-bottom: solid 1px #4F5254;
        border-radius: 0
    }

        .contact-form .form-group .dropdown-transparent .dropdown-transparent__control .dropdown-transparent__placeholder,
        .contact-form .form-group .dropdown-transparent .dropdown-transparent__control .dropdown-transparent__single-value {
            font-size: 1.125em;
            line-height: 1.77;
            font-weight: 400
        }

        .contact-form .form-group .dropdown-transparent .dropdown-transparent__control .dropdown-transparent__value-container {
            padding: 0
        }

        .contact-form .form-group .dropdown-transparent .dropdown-transparent__control .icon {
            font-size: 8px;
            color: #F9423A
        }

        .contact-form .form-group .dropdown-transparent .dropdown-transparent__control .dropdown-transparent__indicator-separator {
            display: none
        }

.contact-form .btn-general {
    max-width: 179px
}

.slider .owl-stage-outer {
    display: flex;
    flex-flow: column
}

    .slider .owl-stage-outer .owl-stage {
        display: flex;
        flex-flow: row;
        flex-grow: 1
    }

        .slider .owl-stage-outer .owl-stage:after {
            display: none
        }

        .slider .owl-stage-outer .owl-stage .owl-item,
        .slider .owl-stage-outer .owl-stage .owl-item .item {
            display: flex;
            flex-flow: column;
            flex-grow: 1;
            flex-shrink: 1
        }

            .slider .owl-stage-outer .owl-stage .owl-item .card2 {
                max-width: 100%;
                flex-shrink: 0
            }

                .slider .owl-stage-outer .owl-stage .owl-item .card2 .card2-media {
                    flex: 0 0 auto
                }

                    .slider .owl-stage-outer .owl-stage .owl-item .card2 .card2-media img {
                        flex-shrink: 0;
                        flex-grow: 1
                    }

.slider .owl-nav .owl-next,
.slider .owl-nav .owl-prev {
    display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    font-size: 16px;
    color: #fff;
    border-radius: 100%;
    background-color: #F9423A;
    box-shadow: 0 10px 25px 0 rgba(0,0,0,.1);
    transform-origin: center;
    transition: all ease .25s
}

    .slider .owl-nav .owl-next.disabled,
    .slider .owl-nav .owl-prev.disabled {
        opacity: .5;
        cursor: default
    }

    .slider .owl-nav .owl-next:not(.disabled):hover,
    .slider .owl-nav .owl-prev:not(.disabled):hover {
        box-shadow: 0 10px 25px 0 rgba(0,0,0,.2);
        transform: translateY(-3px)
    }

.slider .owl-dots {
    display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: center;
    margin: 48px -4px 0
}

    .slider .owl-dots .owl-dot {
        padding: 0 4px
    }

        .slider .owl-dots .owl-dot.active span {
            background-color: #F9423A
        }

        .slider .owl-dots .owl-dot span {
            display: block;
            width: 8px;
            height: 8px;
            border-radius: 100%;
            background-color: #E0E0E0
        }

.slider.white-navigation .owl-nav .owl-next,
.slider.white-navigation .owl-nav .owl-prev {
    color: #F9423A;
    background-color: #fff
}

.slider.white-dots .owl-dots .owl-dot span {
    background-color: rgba(0,0,0,.32)
}

.slider.white-dots .owl-dots .owl-dot.active span {
    background-color: #fff
}

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

    .slider.nav-position-center .owl-nav .owl-next.disabled,
    .slider.nav-position-center .owl-nav .owl-next:disabled,
    .slider.nav-position-center .owl-nav .owl-prev.disabled,
    .slider.nav-position-center .owl-nav .owl-prev:disabled {
        opacity: .5
    }

    .slider.nav-position-center .owl-nav .owl-next:hover,
    .slider.nav-position-center .owl-nav .owl-prev:hover {
        transform: translateY(calc(-50% - 3px))
    }

.slider.nav-position-center .owl-nav .owl-prev {
    left: -72px
}

.slider.nav-position-center .owl-nav .owl-next {
    right: -72px
}

.short-info-card-slider .owl-stage-outer,
.tab-slider .owl-stage-outer {
    overflow: inherit !important
}

.main-slider .owl-item.active .slider-content .slider-button-wrap,
.main-slider .owl-item.active .slider-content .text,
.main-slider .owl-item.active .slider-content .title {
    opacity: 1;
    transform: translateY(0)
}

.main-slider .owl-item.active .slider-controls {
    opacity: 1
}

.main-slider .owl-item.active .short-info-slider-wrap {
    transform: translateY(0)
}

    .main-slider .owl-item.active .short-info-slider-wrap .short-info-slider .card2 .media-wrap {
        -webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
        clip-path: polygon(0 0,100% 0,100% 100%,0 100%)
    }

    .main-slider .owl-item.active .short-info-slider-wrap .short-info-slider .card2 .card2-body,
    .main-slider .owl-item.active .short-info-slider-wrap .short-info-slider .card2 .card2-body .card2-text,
    .main-slider .owl-item.active .short-info-slider-wrap .short-info-slider .card2 .card2-body .card2-title {
        opacity: 1;
        transform: translateX(0)
    }

        .main-slider .owl-item.active .short-info-slider-wrap .short-info-slider .card2 .card2-body .slider-footer {
            opacity: 1
        }

    .main-slider .owl-item.active .short-info-slider-wrap .slider-bg:before {
        transform: translateX(0)
    }

.main-slider .item {
    justify-content: flex-end;
    position: relative;
    min-height: 100vh;
    padding: 48px 0
}

@media (min-width:992px) {
    .main-slider .item {
        justify-content: center;
        padding: 100px 0 48px
    }
}

@media (min-width:1200px) {
    .main-slider .item {
        padding: 128px 0 48px
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:767px) and (-webkit-min-device-pixel-ratio:2) {
    .main-slider .item {
        padding-bottom: 72px
    }
}

@media only screen and (min-device-width:375px) and (max-device-width:767px) and (-webkit-min-device-pixel-ratio:2) {
    .main-slider .item {
        padding-bottom: 120px
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:812px) and (-webkit-min-device-pixel-ratio:3) {
    .main-slider .item {
        padding-bottom: 120px
    }
}

.main-slider .item .item-bg-image {
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1
}

.main-slider .item .slider-content {
    position: relative;
    z-index: 2;
    color: #fff;
    padding-bottom: 40px
}

@media (min-width:1440px) {
    .main-slider .item .slider-content {
        margin-left: 8.33333%
    }
}

.main-slider .item .slider-content .inner {
    max-width: 425px
}

.main-slider .item .slider-content .title {
    font-size: 34px;
    font-weight: 700;
    line-height: 1.1;
    margin-bottom: 26px;
    opacity: 0;
    transform: translateY(50px);
    transition: all .5s ease-in-out .3s
}

@media (min-width:576px) {
    .main-slider .item .slider-content .title {
        font-size: 56px
    }
}

@media (min-width:992px) {
    .main-slider .item .slider-content {
        padding-bottom: 0
    }

        .main-slider .item .slider-content .title {
            font-size: 80px;
            margin-bottom: 16px
        }
}

.main-slider .item .slider-content .text {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 24px;
    opacity: 0;
    transform: translateY(50px);
    transition: all .5s ease-in-out .4s
}

@media (min-width:992px) {
    .main-slider .item .slider-content .text {
        margin-bottom: 48px
    }
}

.main-slider .item .slider-content .text p {
    margin-bottom: 10px
}

    .main-slider .item .slider-content .text p:last-child {
        margin-bottom: 0
    }

.main-slider .item .slider-content .slider-button-wrap {
    opacity: 0;
    transform: translateY(50px);
    transition: all .5s ease-in-out .5s
}

.main-slider .item .slider-content .btn {
    min-width: 245px
}

.main-slider .video-item {
    background-color: #000
}

    .main-slider .video-item .iframeVideo {
        width: 100%;
        height: 80%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%)
    }

@media (min-width:768px) {
    .main-slider .item .slider-content .btn-general {
        padding: 20px
    }

    .main-slider .video-item .iframeVideo {
        width: 80%
    }

    .main-slider .video-item .video-mobile {
        display: none
    }
}

.main-slider .video-item .video {
    object-fit: fill;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

@media (max-width:991px) {
    .main-slider .video-item .video {
        display: none
    }

    .main-slider .video-item .video-mobile {
        display: block
    }

    .banner-card-slider .owl-stage-outer {
        overflow: inherit !important
    }
}

.main-slider .video-item .iframe-video-wrap:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1
}

.main-slider .slider-controls {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 16px;
    opacity: 0;
    transition: all .5s ease-in-out .7s
}

@media (min-width:992px) {
    .main-slider .item .slider-content .btn {
        min-width: 260px
    }

    .main-slider .slider-controls {
        position: static;
        display: flex;
        flex-flow: row;
        align-items: center;
        margin-top: 48px
    }
}

.main-slider .slider-controls .owl-next,
.main-slider .slider-controls .owl-prev {
    display: none;
    cursor: pointer;
    width: 32px;
    height: 32px;
    font-size: 12px;
    color: #fff;
    border-radius: 100%;
    background-color: #F9423A;
    box-shadow: 0 10px 25px 0 rgba(0,0,0,.1);
    transition: all ease .25s
}

    .main-slider .slider-controls .owl-next:hover,
    .main-slider .slider-controls .owl-prev:hover {
        box-shadow: 0 10px 25px 0 rgba(0,0,0,.2);
        transform: translateY(-3px)
    }

@media (min-width:992px) {
    .main-slider .slider-controls .owl-next,
    .main-slider .slider-controls .owl-prev {
        display: flex;
        flex-flow: wrap;
        align-items: center;
        justify-content: center
    }
}

.main-slider .slider-controls .dots-wrap {
    display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: center;
    margin: 0 12px
}

    .main-slider .slider-controls .dots-wrap .owl-dot {
        padding: 0 4px
    }

        .main-slider .slider-controls .dots-wrap .owl-dot.active span {
            background-color: #F9423A
        }

        .main-slider .slider-controls .dots-wrap .owl-dot span {
            display: block;
            width: 8px;
            height: 8px;
            border-radius: 100%;
            background-color: rgba(255,255,255,.32)
        }

.main-slider .short-info-slider-wrap {
    transform: translateY(100%);
    transition: all .5s ease-in-out .3s
}

    .main-slider .short-info-slider-wrap .short-info-slider .card2 .media-wrap {
        will-change: clip-path;
        -webkit-clip-path: polygon(0 0,0 0,0 100%,0 100%);
        clip-path: polygon(0 0,0 0,0 100%,0 100%);
        -webkit-transition: -webkit-clip-path 1s cubic-bezier(.75,.01,.21,.99);
        transition: -webkit-clip-path 1s cubic-bezier(.75,.01,.21,.99);
        transition: clip-path 1s cubic-bezier(.75,.01,.21,.99);
        transition: clip-path 1s cubic-bezier(.75,.01,.21,.99),-webkit-clip-path 1s cubic-bezier(.75,.01,.21,.99)
    }

    .main-slider .short-info-slider-wrap .short-info-slider .card2 .card2-body {
        opacity: 0;
        transform: translateX(-100px);
        transition: all .5s ease-in-out .8s
    }

        .main-slider .short-info-slider-wrap .short-info-slider .card2 .card2-body .card2-text,
        .main-slider .short-info-slider-wrap .short-info-slider .card2 .card2-body .card2-title {
            opacity: 0
        }

        .main-slider .short-info-slider-wrap .short-info-slider .card2 .card2-body .card2-title {
            transform: translateX(-100px);
            transition: all .5s ease-in-out .3s
        }

        .main-slider .short-info-slider-wrap .short-info-slider .card2 .card2-body .card2-text {
            transform: translateX(-100px);
            transition: all .5s ease-in-out .6s
        }

        .main-slider .short-info-slider-wrap .short-info-slider .card2 .card2-body .slider-footer {
            opacity: 0;
            transition: all .5s ease-in-out 1.2s
        }

    .main-slider .short-info-slider-wrap .slider-bg:before {
        transform: translateX(100%);
        transition: all .5s ease-in-out .3s
    }

.short-info-slider {
    position: relative;
    border-bottom: 16px solid #F9423A
}

    .short-info-slider:after {
        content: '';
        display: block;
        width: 100vw;
        height: 16px;
        background-color: #F9423A;
        position: absolute;
        left: -16px;
        bottom: -16px
    }

    .short-info-slider .owl-stage-outer {
        padding-top: 45px
    }

@media (min-width:1800px) {
    .short-info-slider .owl-stage-outer {
        padding-top: 75px
    }
}

.short-info-slider .owl-stage-outer .owl-stage[style="transform: translate3d(0px, 0px, 0px); transition: all 0s ease 0s;"] {
    opacity: 1
}

.short-info-slider .owl-stage-outer .owl-stage .owl-item .slider-item {
    display: flex;
    flex-flow: column;
    flex-grow: 1;
    flex-shrink: 1
}

.short-info-slider .owl-stage-outer .owl-stage .owl-item .short-info-slider-controls {
    display: flex;
    flex-flow: row;
    align-items: center
}

    .short-info-slider .owl-stage-outer .owl-stage .owl-item .short-info-slider-controls .owl-next,
    .short-info-slider .owl-stage-outer .owl-stage .owl-item .short-info-slider-controls .owl-prev {
        cursor: pointer;
        display: flex;
        flex-flow: wrap;
        align-items: center;
        justify-content: center;
        width: 24px;
        height: 24px;
        border-radius: 100%;
        background: #FFF;
        box-shadow: 0 3px 6px rgba(0,0,0,.12);
        transition: all ease .25s
    }

        .short-info-slider .owl-stage-outer .owl-stage .owl-item .short-info-slider-controls .owl-next:hover,
        .short-info-slider .owl-stage-outer .owl-stage .owl-item .short-info-slider-controls .owl-prev:hover {
            box-shadow: 0 6px 10px 0 rgba(0,0,0,.2);
            transform: translateY(-3px)
        }

        .short-info-slider .owl-stage-outer .owl-stage .owl-item .short-info-slider-controls .owl-next .icon,
        .short-info-slider .owl-stage-outer .owl-stage .owl-item .short-info-slider-controls .owl-prev .icon {
            font-size: 8px;
            color: #F9423A
        }

    .short-info-slider .owl-stage-outer .owl-stage .owl-item .short-info-slider-controls .owl-next {
        margin-left: 8px
    }

@media (min-width:1200px) {
    .short-info-slider .owl-stage-outer .owl-stage .owl-item .short-info-slider-controls .owl-next {
        margin-left: 16px
    }
}

.short-info-slider .owl-stage-outer .owl-stage .owl-item .slider-footer {
    display: flex;
    flex-flow: row;
    align-items: center;
    margin: 0 -8px
}

    .short-info-slider .owl-stage-outer .owl-stage .owl-item .slider-footer .footer-item {
        padding: 0 8px
    }

@media (min-width:1200px) {
    .short-info-slider .owl-stage-outer .owl-stage .owl-item .slider-footer {
        margin: 0 -12px
    }

        .short-info-slider .owl-stage-outer .owl-stage .owl-item .slider-footer .footer-item {
            padding: 0 12px
        }
}

.short-info-slider .owl-stage-outer .owl-stage .owl-item .slider-footer .short-info-slider-controls {
    flex: 0 0 auto
}

.short-info-slider .owl-stage-outer .owl-stage .owl-item .card2 {
    max-width: 100%;
    flex-shrink: 0
}

    .short-info-slider .owl-stage-outer .owl-stage .owl-item .card2 .card2-media {
        flex-grow: 0;
        flex-shrink: 0
    }

        .short-info-slider .owl-stage-outer .owl-stage .owl-item .card2 .card2-media img {
            flex-shrink: 0;
            flex-grow: 1
        }

.short-info-slider .owl-nav {
    padding: 24px 16px;
    background-color: #F9423A;
    position: absolute;
    left: 0;
    bottom: -16px;
    z-index: -1;
    transform: translateX(-100%)
}

    .short-info-slider .owl-nav .owl-next,
    .short-info-slider .owl-nav .owl-prev {
        display: block;
        font-size: 24px;
        line-height: 1;
        color: #fff;
        transition: all ease-out 75ms
    }

        .short-info-slider .owl-nav .owl-prev:hover {
            transform: translateY(-4px)
        }

    .short-info-slider .owl-nav .owl-next {
        margin-top: 12px
    }

        .short-info-slider .owl-nav .owl-next:hover {
            transform: translateY(4px)
        }

.short-info-slider .card2 {
    flex-flow: row;
    flex-grow: 1;
    border-radius: 0;
    border: none;
    background-color: transparent
}

@media (min-width:1800px) {
    .short-info-slider .card2 {
        align-items: flex-end
    }
}

.short-info-slider .card2 .media-wrap {
    flex-basis: 50.478%;
    max-width: 50.478%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-top: -45px;
    position: relative;
    z-index: 1
}

    .short-info-slider .card2 .media-wrap:before {
        content: '';
        display: block;
        padding-top: 56.06695%
    }

.short-info-slider .card2 .card2-body {
    display: flex;
    flex-flow: row;
    flex-basis: 49.522%;
    max-width: 49.522%;
    padding: 10px 0 10px 10px;
    background-color: #fff;
    position: relative
}

    .primary-banner-card.type-2 .card2-body,
    .primary-banner-card.type-2 .card2-body > *,
    .primary-banner-card.type-3 .card2-body,
    .primary-banner-card.type-3 .card2-body > *,
    .primary-slider .item .slider-content > *,
    .secondary-banner-slider .item .card2 .card2-body > *,
    .short-info-slider .card2 .card2-body .body-item > * {
        max-width: 100%
    }

@media (min-width:1200px) {
    .short-info-slider .card2 .card2-body {
        padding: 16px 0 16px 16px
    }
}

.short-info-slider .card2 .card2-body .body-item {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    max-width: 100%
}

    .short-info-slider .card2 .card2-body .body-item > .icon {
        font-size: 22px;
        color: #F9423A
    }

@media (min-width:1800px) {
    .short-info-slider .card2 .media-wrap {
        margin-top: -75px
    }

    .short-info-slider .card2 .card2-body {
        padding: 24px 0 24px 24px
    }

        .short-info-slider .card2 .card2-body .body-item > .icon {
            font-size: 32px
        }
}

.short-info-slider .card2 .card2-body .body-item + .body-item {
    margin-left: 10px;
    width: 100%
}

.short-info-slider .card2 .card2-body .card2-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.33;
    color: #F9423A;
    flex-grow: 1;
    margin-bottom: 5px
}

@media (min-width:1200px) {
    .short-info-slider .card2 .card2-body .body-item + .body-item {
        margin-left: 16px
    }

    .short-info-slider .card2 .card2-body .card2-title {
        margin-bottom: 12px;
        flex-grow: inherit
    }
}

@media (min-width:1440px) {
    .short-info-slider .card2 .card2-body .card2-title {
        font-size: 18px;
        margin-bottom: 8px
    }
}

@media (min-width:1800px) {
    .short-info-slider .card2 .card2-body .card2-title {
        font-size: 24px;
        margin-bottom: 16px
    }
}

.short-info-slider .card2 .card2-body .card2-text {
    font-size: 12px;
    line-height: 1.71429;
    flex-grow: 1;
    margin-bottom: 5px
}

@media (min-width:1200px) {
    .short-info-slider .card2 .card2-body .card2-text {
        margin-bottom: 14px
    }
}

@media (min-width:1440px) {
    .short-info-slider .card2 .card2-body .card2-text {
        margin-bottom: 9px
    }
}

@media (min-width:1800px) {
    .short-info-slider .card2 .card2-body .card2-text {
        font-size: 14px;
        margin-bottom: 18px
    }
}

.announcement-slider .owl-nav .owl-next,
.announcement-slider .owl-nav .owl-prev,
.short-info-card-slider .owl-nav .owl-next,
.short-info-card-slider .owl-nav .owl-prev {
    width: 32px;
    height: 32px;
    font-size: 12px
}

.short-info-slider .card2 .card2-body .card2-text p {
    margin-bottom: 10px
}

    .short-info-slider .card2 .card2-body .card2-text p:last-child {
        margin-bottom: 0
    }

.banner-card-slider {
    position: relative
}

.bg-tuna .banner-card-slider .primary-banner-card .card2-text,
.bg-tuna .banner-card-slider .primary-banner-card .card2-title {
    color: #fff !important
}

.banner-card-slider .owl-stage-outer .owl-stage .owl-item:not(.active) {
    opacity: .24;
    transition: opacity ease .3s
}

@media (min-width:992px) {
    .banner-card-slider .owl-stage-outer .owl-stage .owl-item:not(.active) {
        opacity: 1
    }
}

.banner-card-slider .owl-nav .owl-next,
.banner-card-slider .owl-nav .owl-prev {
    position: absolute;
    top: 63px
}

.banner-card-slider .owl-nav .owl-prev {
    left: -72px
}

.banner-card-slider .owl-nav .owl-next {
    right: -72px
}

.bg-tuna .short-info-card-slider .owl-nav .owl-next,
.bg-tuna .short-info-card-slider .owl-nav .owl-prev {
    color: #F9423A;
    background-color: #fff
}

.short-info-card-slider .owl-stage-outer .owl-stage {
    margin: 0 auto
}

.announcement-slider .owl-nav .owl-next,
.short-info-card-slider .owl-nav .owl-next {
    margin-left: 24px
}

@media (min-width:576px) {
    .short-info-card-slider .owl-stage-outer .owl-stage .owl-item:not(.active) {
        opacity: 0;
        transition: opacity ease .3s
    }
}

.short-info-card-slider .owl-nav {
    display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: center;
    margin-top: 48px
}

.announcement-slider .owl-nav {
    display: flex;
    flex-flow: wrap;
    align-items: center;
    margin-top: 48px
}

.primary-slider-wrap {
    position: relative
}

    .primary-slider-wrap .swiper-controls .swiper-button-next,
    .primary-slider-wrap .swiper-controls .swiper-button-prev {
        display: none
    }

@media (min-width:1200px) {
    .primary-slider-wrap .swiper-controls {
        padding: 64px 16px;
        background-color: #fff;
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 1;
        transform: translateX(-100%)
    }

        .primary-slider-wrap .swiper-controls .swiper-button-next,
        .primary-slider-wrap .swiper-controls .swiper-button-prev {
            position: static;
            display: block;
            font-size: 24px;
            line-height: 1;
            color: #F9423A;
            width: auto;
            height: auto;
            padding: 0;
            border: none;
            background-color: transparent;
            transition: all ease-out 75ms;
            outline: 0
        }
}

.primary-slider-wrap .swiper-controls .swiper-button-next:after,
.primary-slider-wrap .swiper-controls .swiper-button-prev:after {
    content: none
}

.primary-slider-wrap .swiper-controls .swiper-button-prev {
    margin: 0
}

    .primary-slider-wrap .swiper-controls .swiper-button-prev:hover {
        transform: translateY(-4px)
    }

.primary-slider-wrap .swiper-controls .swiper-button-next {
    margin: 12px 0 0
}

    .primary-slider-wrap .swiper-controls .swiper-button-next:hover {
        transform: translateY(4px)
    }

.primary-slider-wrap .swiper-controls .swiper-pagination {
    position: static;
    display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: center;
    margin: 48px 0 0
}

    .primary-slider-wrap .swiper-controls .swiper-pagination .swiper-pagination-bullet {
        display: block;
        width: 8px;
        height: 8px;
        opacity: 1;
        border-radius: 100%;
        background-color: rgba(0,0,0,.32)
    }

        .primary-slider-wrap .swiper-controls .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
            background-color: #fff
        }

        .primary-slider-wrap .swiper-controls .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet {
            margin-left: 8px
        }

.primary-slider-wrap .slider-backdrop {
    display: none
}

@media (min-width:1200px) {
    .primary-slider-wrap .swiper-controls .swiper-pagination {
        display: none
    }

    .primary-slider-wrap .slider-backdrop {
        display: block;
        width: 100vw;
        height: 100%;
        background-color: #fff;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 0
    }
}

.primary-slider {
    position: relative
}

    .primary-slider .item {
        display: block
    }

        .primary-slider .item:hover .media-wrap img {
            transform: scale(1.05)
        }

        .primary-slider .item.appear-animated.inited .media-wrap {
            -webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
            clip-path: polygon(0 0,100% 0,100% 100%,0 100%)
        }

        .primary-slider .item.appear-animated .media-wrap {
            will-change: clip-path;
            -webkit-clip-path: polygon(0 0,0 0,0 100%,0 100%);
            clip-path: polygon(0 0,0 0,0 100%,0 100%);
            -webkit-transition: -webkit-clip-path 1s cubic-bezier(.75,.01,.21,.99);
            transition: -webkit-clip-path 1s cubic-bezier(.75,.01,.21,.99);
            transition: clip-path 1s cubic-bezier(.75,.01,.21,.99);
            transition: clip-path 1s cubic-bezier(.75,.01,.21,.99),-webkit-clip-path 1s cubic-bezier(.75,.01,.21,.99)
        }

        .primary-slider .item .media-wrap {
            position: relative;
            overflow: hidden
        }

            .primary-slider .item .media-wrap:before {
                content: '';
                display: block;
                width: 100%;
                height: 100%;
                background: rgba(0,0,0,.32);
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                z-index: 1
            }

            .primary-slider .item .media-wrap img {
                width: 100%;
                transform-origin: center;
                transition: all ease .3s
            }

        .primary-slider .item .title {
            font-size: 32px;
            font-weight: 700;
            color: #fff;
            position: absolute;
            left: 24px;
            right: 24px;
            bottom: 16px;
            z-index: 2;
            margin-bottom: 0
        }

        .primary-slider .item .slider-content {
            display: flex;
            flex-flow: column;
            align-items: flex-start;
            padding: 24px;
            background-color: #fff
        }

            .primary-slider .item .slider-content .text {
                font-weight: 700;
                font-size: 16px;
                line-height: 1.5;
                margin-bottom: 9px
            }

@media (min-width:1200px) {
    .primary-slider .item .title {
        left: 48px;
        right: 48px;
        bottom: 24px
    }

    .primary-slider .item .slider-content {
        padding: 32px 48px
    }

        .primary-slider .item .slider-content .text {
            margin-bottom: 18px
        }
}

.primary-slider .item .slider-content .text p {
    margin-bottom: 10px
}

    .primary-slider .item .slider-content .text p:last-child {
        margin-bottom: 0
    }

.primary-slider .owl-nav {
    padding: 64px 16px;
    background-color: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    transform: translateX(-100%)
}

    .primary-slider .owl-nav .owl-next,
    .primary-slider .owl-nav .owl-prev {
        display: block;
        font-size: 24px;
        line-height: 1;
        color: #F9423A;
        transition: all ease-out 75ms
    }

        .primary-slider .owl-nav .owl-prev:hover {
            transform: translateY(-4px)
        }

    .primary-slider .owl-nav .owl-next {
        margin-top: 12px
    }

        .primary-slider .owl-nav .owl-next:hover {
            transform: translateY(4px)
        }

.primary-slider .owl-dots {
    display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: center;
    margin: 48px -4px 0
}

    .primary-slider .owl-dots .owl-dot {
        padding: 0 4px
    }

        .primary-slider .owl-dots .owl-dot.active span {
            background-color: #fff
        }

        .primary-slider .owl-dots .owl-dot span {
            display: block;
            width: 8px;
            height: 8px;
            border-radius: 100%;
            background-color: rgba(0,0,0,.32)
        }

@media (max-width:767px) {
    .image-slider .owl-stage-outer {
        overflow: visible !important
    }

    .logo-slider.owl-carousel .owl-stage-outer {
        right: 14px
    }
}

.image-slider .owl-stage-outer .owl-stage {
    padding-left: 5px !important
}

    .image-slider .owl-stage-outer .owl-stage .owl-item .img-content img {
        max-height: 120px
    }

.logo-slider {
    margin: 0 0 24px
}

@media (min-width:992px) {
    .logo-slider {
        margin: 0 -15px 48px
    }

        .logo-slider + .logo-slider {
            margin-top: -24px
        }
}

.logo-slider.owl-carousel .owl-stage-outer {
    overflow: inherit
}

@media (max-width:575px) {
    .logo-slider.owl-carousel .owl-stage-outer {
        right: 70px
    }
}

.logo-slider.align-center .owl-stage-outer {
    display: flex;
    flex-flow: column;
    align-items: center
}

.logo-slider .item {
    padding: 24px;
    border-radius: 12px;
    background-color: #fff;
    box-shadow: 0 12px 24px rgba(0,0,0,.08)
}

.vertical-slider-wrap {
    position: relative;
    margin: 48px 10px 0;
    background-color: #fff
}

    .vertical-slider-wrap > * {
        float: left;
        width: 50%
    }

    .vertical-slider-wrap > :first-child {
        padding-left: 7px
    }

@media (min-width:992px) {
    .vertical-slider-wrap > :first-child {
        padding-left: 12px
    }
}

@media (min-width:1800px) {
    .vertical-slider-wrap > :first-child {
        padding-left: 24px
    }
}

.vertical-slider-wrap > :last-child {
    margin-left: 0 !important;
    padding-left: 7px
}

@media (min-width:992px) {
    .vertical-slider-wrap > :last-child {
        padding-left: 12px
    }

    .vertical-slider-wrap {
        margin: 0 60px 0 0
    }
}

@media (max-width:767px) {
    .vertical-slider-wrap.mobile-space-none {
        margin-top: 0
    }
}

.vertical-slider-wrap:after,
.vertical-slider-wrap:before {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    z-index: 2;
    width: 100%;
    height: 160px
}

.vertical-slider-wrap:before {
    bottom: 0;
    background: linear-gradient(360deg,#FFF 0,rgba(255,255,255,0) 100%)
}

.vertical-slider-wrap:after {
    top: 0;
    background: linear-gradient(360deg,rgba(255,255,255,0) 0,#FFF 100%)
}

.vertical-slider {
    height: 100%;
    max-height: 484px
}

@media (min-width:992px) {
    .vertical-slider-wrap.left {
        margin-left: 60px
    }

    .vertical-slider {
        max-height: 721px
    }

        .vertical-slider.swiper-container {
            margin-left: 0;
            margin-right: 0
        }
}

.vertical-slider.reversed,
.vertical-slider.reversed .swiper-slide {
    transform: rotate(180deg)
}

.vertical-slider.swiper-container + .swiper-container {
    margin-left: 15px
}

@media (min-width:992px) {
    .vertical-slider.swiper-container + .swiper-container {
        margin-left: 24px
    }
}

@media (min-width:1800px) {
    .vertical-slider-wrap > :last-child {
        padding-left: 24px
    }

    .vertical-slider {
        max-height: 999px
    }

        .vertical-slider.swiper-container + .swiper-container {
            margin-left: 48px
        }
}

.vertical-slider.swiper-container .swiper-wrapper .swiper-slide {
    height: auto
}

    .vertical-slider.swiper-container .swiper-wrapper .swiper-slide img {
        border-radius: 12px;
        background: #F6F5F3
    }

.vertical-slider .media-wrap {
    box-shadow: none !important
}

.video-card-slider {
    position: relative;
    margin-bottom: 0
}

    .primary-tab-slider .owl-nav .owl-next,
    .primary-tab-slider .owl-nav .owl-prev,
    .video-card-slider .owl-nav {
        position: absolute;
        top: 50%;
        transform: translateY(-50%)
    }

@media (min-width:992px) {
    .video-card-slider {
        margin-bottom: 48px
    }
}

.video-card-slider .owl-stage-outer {
    z-index: 2
}

.video-card-slider .owl-nav {
    left: -48px;
    right: -48px;
    display: flex;
    flex-flow: row;
    justify-content: space-between
}

    .video-card-slider .owl-nav .owl-next,
    .video-card-slider .owl-nav .owl-prev {
        color: #F9423A;
        background-color: #fff
    }

.video-card-slider .owl-dots .owl-dot span {
    background-color: rgba(0,0,0,.32)
}

.dealers-slider .owl-dots .owl-dot.active span,
.video-card-slider .owl-dots .owl-dot.active span {
    background-color: #fff
}

.dealers-slider .item {
    padding-top: 24px
}

.dealers-slider .owl-nav {
    display: flex;
    flex-flow: wrap;
    align-items: center;
    margin-top: 24px
}

    .dealers-slider .owl-nav .owl-next,
    .dealers-slider .owl-nav .owl-prev {
        width: 32px;
        height: 32px;
        color: #F9423A;
        background-color: #fff
    }

    .dealers-slider .owl-nav .owl-next {
        margin-left: 24px
    }

.dealers-slider .owl-dots .owl-dot span {
    background-color: rgba(0,0,0,.32)
}

.secondary-banner-slider .item {
    display: flex
}

    .secondary-banner-slider .item .card2 {
        flex-grow: 1
    }

        .secondary-banner-slider .item .card2 .card2-body {
            display: flex;
            flex-flow: column
        }

            .secondary-banner-slider .item .card2 .card2-body .desc {
                flex-grow: 1
            }

.secondary-banner-slider .slider-controls .owl-next,
.secondary-banner-slider .slider-controls .owl-prev {
    background-color: #F9423A;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    text-align: center;
    line-height: 32px;
    cursor: pointer
}

    .secondary-banner-slider .slider-controls .owl-next .icon,
    .secondary-banner-slider .slider-controls .owl-prev .icon {
        font-size: 13px;
        color: #fff
    }

.secondary-banner-slider .slider-controls .dots-wrap {
    margin: 0 24px;
    color: #999;
    font-size: 18px;
    font-weight: 700
}

    .secondary-banner-slider .slider-controls .dots-wrap span {
        font-size: 16px;
        line-height: 24px;
        margin-left: 4px
    }

        .secondary-banner-slider .slider-controls .dots-wrap span:first-child {
            color: #fff;
            margin: 0 4px 0 0
        }

.secondary-banner-slider .slider-controls .slider-index {
    color: #F9423A
}

.secondary-banner-slider .slider-controls .slider-total {
    color: #999
}

.primary-tab-slider {
    padding: 0 60px;
    margin-bottom: 48px
}

@media (min-width:1440px) {
    .primary-tab-slider {
        padding: 0 110px
    }
}

.primary-tab-slider .nav-item .nav-link {
    font-weight: 700;
    font-size: 3em;
    line-height: 1.33;
    color: #343248;
    text-align: center;
    padding: 0;
    text-shadow: 0 0 2px #F9423A;
    outline: 0
}

    .primary-tab-slider .nav-item .nav-link.active {
        color: #F9423A;
        text-shadow: none
    }

.primary-tab-slider .owl-nav .owl-next.disabled,
.primary-tab-slider .owl-nav .owl-next:disabled,
.primary-tab-slider .owl-nav .owl-prev.disabled,
.primary-tab-slider .owl-nav .owl-prev:disabled {
    opacity: .5
}

.primary-tab-slider .owl-nav .owl-next:hover,
.primary-tab-slider .owl-nav .owl-prev:hover {
    transform: translateY(calc(-50% - 3px)) !important
}

.primary-tab-slider .owl-nav .owl-next {
    right: 0
}

.primary-tab-slider .owl-nav .owl-prev {
    left: 0
}

@media (min-width:1200px) {
    .primary-tab-slider .owl-nav .owl-next {
        right: -72px
    }

    .primary-tab-slider .owl-nav .owl-prev {
        left: -72px
    }
}

@media (max-width:991px) {
    .logo-card-slider .owl-stage-outer,
    .video-card-slider .owl-stage-outer {
        overflow: inherit !important
    }
}

.logo-card-slider .owl-stage-outer .owl-item:not(.active) {
    opacity: .24
}

.logo-card-slider .logo-card {
    margin-top: 24px
}

.mini-image-slider {
    display: flex;
    flex-flow: column-reverse;
    overflow: inherit !important
}

    .mini-image-slider .swiper-slide {
        width: 120px
    }

    .mini-image-slider .swiper-pagination {
        position: static;
        margin-top: 48px
    }

.primary-banner-card.type-2 .card2-body .card2-text + .btn,
.primary-banner-card.type-2 .card2-body .card2-text + .btn-link,
.primary-banner-card.type-3 .card2-body .card2-text + .btn,
.primary-banner-card.type-3 .card2-body .card2-text + .btn-link {
    margin-top: 19px
}

.mini-image-slider .swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #E0E0E0;
    opacity: 1
}

.primary-banner-card .card2-media img,
.primary-banner-card.type-2 .card2-media img,
.primary-banner-card.type-3 .card2-media img,
.secondary-banner-card .card2-media img {
    width: 100%
}

.mini-image-slider .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet {
    margin-left: 8px
}

.mini-image-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #F9423A
}

.card2 {
    z-index: 1
}

.banner-card {
    position: relative;
    border-radius: 0;
    border: none;
    color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

    .banner-card:focus,
    .banner-card:hover {
        color: #fff;
        text-decoration: none
    }

    .banner-card:before {
        content: '';
        display: block;
        padding-top: 57.33333%
    }

@media (min-width:992px) {
    .banner-card:before {
        padding-top: 56.25%
    }
}

.banner-card .card2-body {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    justify-content: flex-end;
    background: rgba(0,0,0,.32);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    padding: 16px
}

    .banner-card .card2-body .card2-title {
        font-size: 24px;
        font-weight: 700;
        line-height: 1.33;
        margin-bottom: 9px
    }

@media (min-width:1200px) {
    .banner-card .card2-body {
        align-items: inherit;
        padding: 48px 112px 48px 48px
    }

        .banner-card .card2-body .card2-title {
            font-size: 48px
        }
}

.banner-card .card2-body .btn-link {
    color: #fff
}

.primary-banner-card {
    flex-grow: 1;
    border-radius: 0;
    border: none;
    background-color: transparent
}

    .primary-banner-card.bg-pampas {
        background-color: #F6F5F3
    }

    .primary-banner-card.type-2 .card2-media {
        margin-bottom: 26px
    }

        .primary-banner-card.type-2 .card2-media:last-child {
            margin-bottom: 0
        }

    .primary-banner-card.type-2 .card2-body {
        display: flex;
        flex-flow: column;
        align-items: flex-start;
        padding: 0
    }

        .primary-banner-card.type-2 .card2-body .card2-title {
            font-size: 1.5em;
            line-height: 1.33;
            margin-bottom: 8px
        }

        .primary-banner-card.type-2 .card2-body .card2-text {
            font-size: 1em;
            font-weight: 700;
            line-height: 1.37;
            color: #000;
            flex-grow: 1;
            margin-bottom: 0
        }

            .primary-banner-card.type-2 .card2-body .card2-text.medium {
                font-size: 1.125em;
                line-height: 1.77
            }

            .primary-banner-card.type-2 .card2-body .card2-text p {
                margin-bottom: 10px
            }

                .primary-banner-card.type-2 .card2-body .card2-text p:last-child {
                    margin-bottom: 0
                }

    .primary-banner-card.type-3 .card2-media {
        margin-bottom: 26px
    }

        .primary-banner-card.type-3 .card2-media:last-child {
            margin-bottom: 0
        }

    .primary-banner-card.type-3 .card2-body {
        display: flex;
        flex-flow: column;
        align-items: flex-start
    }

        .primary-banner-card.type-3 .card2-body .card2-title {
            font-size: 1.5em;
            line-height: 1.33;
            margin-bottom: 16px;
            color: #000
        }

        .primary-banner-card.type-3 .card2-body .card2-text {
            font-size: 1em;
            line-height: 1.7;
            color: #000;
            flex-grow: 1;
            margin-bottom: 0
        }

            .primary-banner-card.type-3 .card2-body .card2-text p {
                margin-bottom: 10px
            }

                .primary-banner-card.type-3 .card2-body .card2-text p:last-child {
                    margin-bottom: 0
                }

    .primary-banner-card.type-horizontal .card2-media {
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        margin-bottom: 0
    }

        .primary-banner-card.type-horizontal .card2-media:before {
            content: '';
            display: block;
            padding-top: 56.07477%
        }

    .primary-banner-card.type-horizontal .card2-body {
        padding: 24px 16px 48px
    }

@media (min-width:768px) {
    .primary-banner-card.type-horizontal {
        flex-flow: row-reverse;
        justify-content: space-between
    }

        .primary-banner-card.type-horizontal .card2-media {
            max-width: 49.538%;
            flex-basis: 49.538%
        }

        .primary-banner-card.type-horizontal .card2-body {
            max-width: 49.438%;
            flex-basis: 49.438%;
            padding: 24px
        }
}

@media (min-width:992px) {
    .primary-banner-card.type-horizontal .card2-body {
        max-width: 34.908%;
        flex-basis: 34.908%;
        padding: 32px
    }
}

.primary-banner-card.has-video.overlay-black .card2-media:before {
    background-color: rgba(0,0,0,.48)
}

.primary-banner-card.has-video .card2-media {
    cursor: pointer;
    position: relative
}

    .primary-banner-card.has-video .card2-media:before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(52,50,72,.64)
    }

.primary-banner-card.appear-animated.inited .card2-media {
    -webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
    clip-path: polygon(0 0,100% 0,100% 100%,0 100%)
}

.primary-banner-card.appear-animated .card2-media {
    will-change: clip-path;
    -webkit-clip-path: polygon(0 0,0 0,0 100%,0 100%);
    clip-path: polygon(0 0,0 0,0 100%,0 100%);
    -webkit-transition: -webkit-clip-path 1s cubic-bezier(.75,.01,.21,.99);
    transition: -webkit-clip-path 1s cubic-bezier(.75,.01,.21,.99);
    transition: clip-path 1s cubic-bezier(.75,.01,.21,.99);
    transition: clip-path 1s cubic-bezier(.75,.01,.21,.99),-webkit-clip-path 1s cubic-bezier(.75,.01,.21,.99)
}

.primary-banner-card .card2-media {
    margin-bottom: 27px
}

    .primary-banner-card .card2-media:last-child {
        margin-bottom: 0
    }

.primary-banner-card .card2-body {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    max-width: 100%;
    padding: 0 0 4px
}

    .primary-banner-card .card2-body > * {
        max-width: 100%
    }

    .primary-banner-card .card2-body .card2-short-info {
        display: flex;
        flex-flow: row;
        align-items: center;
        font-weight: 700;
        font-size: 1.125em;
        line-height: 1.77;
        color: #F9423A;
        margin: 0 -10px 5px
    }

@media (min-width:992px) {
    .primary-banner-card .card2-body .card2-short-info {
        margin-bottom: 16px
    }
}

.primary-banner-card .card2-body .card2-short-info .info-item {
    display: flex;
    flex-flow: row;
    align-items: center;
    padding: 0 10px
}

.primary-banner-card .card2-body .card2-short-info .icon {
    flex: 0 0 auto;
    font-size: .9375em;
    margin-right: 4px
}

.primary-banner-card .card2-body .card2-date {
    display: block;
    font-weight: 500;
    font-size: 12px;
    line-height: 1.33;
    color: #4F5254;
    margin-bottom: 4px
}

.primary-banner-card .card2-body .card2-title {
    flex-grow: 1;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.6;
    color: #F9423A;
    margin-bottom: 18px
}

.primary-banner-card .card2-body .card2-text {
    font-size: 14px;
    line-height: 1.7;
    color: #999;
    flex-grow: 1;
    margin-bottom: 19px
}

    .primary-banner-card .card2-body .card2-text p {
        margin-bottom: 10px
    }

        .primary-banner-card .card2-body .card2-text p:last-child {
            margin-bottom: 0
        }

.secondary-banner-card {
    border-radius: 0;
    border: none;
    background-color: #343248;
    color: #fff
}

    .secondary-banner-card .card2-body {
        padding: 48px 24px
    }

@media (min-width:992px) {
    .secondary-banner-card .card2-body {
        padding: 48px
    }
}

.secondary-banner-card .card2-body .card2-title {
    font-size: 2em;
    font-weight: 700;
    line-height: 1.25;
    color: #F9423A;
    margin-bottom: 16px
}

.secondary-banner-card .card2-body .desc {
    font-size: 1em;
    line-height: 1.5;
    margin-bottom: 24px
}

    .secondary-banner-card .card2-body .desc p {
        margin-bottom: 15px
    }

        .secondary-banner-card .card2-body .desc p:last-child {
            margin-bottom: 0
        }

.short-info-card {
    flex-flow: row;
    flex-grow: 1;
    padding: 40px 0 22px;
    background-color: #FFF;
    box-shadow: 0 12px 24px rgba(0,0,0,.08);
    border-width: 0 0 2px;
    border-style: solid;
    border-color: #F9423A;
    border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0
}

    .short-info-card.type-text .card2-body {
        padding: 0 30px
    }

        .short-info-card.type-text .card2-body .card2-title {
            line-height: 1.33
        }

@media (min-width:992px) {
    .short-info-card.type-text .card2-body .card2-title.number {
        font-size: 48px
    }
}

.short-info-card.type-text .card2-body .card2-title.text {
    font-size: 16px
}

@media (min-width:992px) {
    .short-info-card.type-text .card2-body .card2-title.text {
        font-size: 24px
    }
}

.short-info-card.type-text .card2-body .card2-text:before {
    width: calc(100%)
}

.short-info-card.type-bg {
    border: none
}

    .short-info-card.type-bg .card2-body .card2-text,
    .short-info-card.type-bg .card2-body .card2-title,
    .short-info-card.type-bg .card2-media {
        color: #fff
    }

        .short-info-card.type-bg .card2-body .card2-text:before {
            background-color: #fff;
            opacity: .32
        }

.short-info-card.bg-sunset-orange {
    background-color: #F9423A
}

.short-info-card.bg-curious-blue {
    background-color: #1392E5
}

.short-info-card.bg-emerald {
    background-color: #44CC62
}

.short-info-card.bg-yellow-sea {
    background-color: #FFAD00
}

.short-info-card .card2-media {
    font-size: 32px;
    color: #F9423A;
    padding: 0 28px
}

.short-info-card .card2-body {
    padding: 0 34px 0 0
}

    .short-info-card .card2-body .card2-title {
        font-size: 32px;
        font-weight: 700;
        line-height: 1.25;
        margin-bottom: 0;
        color: #000
    }

    .short-info-card .card2-body .card2-text {
        font-size: 16px;
        line-height: 1.5;
        color: #000
    }

        .short-info-card .card2-body .card2-text:before {
            content: '';
            display: block;
            width: calc(100% + 34px);
            height: 1px;
            margin: 16px 0;
            background-color: #F5F5F5
        }

.info-card .card2-media:after,
.video-card:before {
    content: '';
    top: 0;
    width: 100%;
    height: 100%;
    right: 0
}

.short-info-card .card2-body .card2-text p {
    margin-bottom: 10px
}

    .short-info-card .card2-body .card2-text p:last-child {
        margin-bottom: 0
    }

.short-info-card .card2-body .card2-text ul {
    column-count: 2;
    list-style: none;
    padding: 0;
    margin: 0
}

.announcement-card {
    flex-grow: 1;
    border-radius: 0;
    border: none;
    background-color: transparent
}

.bg-tuna .announcement-card .card2-body .btn-link,
.bg-tuna .announcement-card .card2-body .card2-text {
    color: #fff
}

.announcement-card .card2-body {
    display: flex;
    flex-flow: column;
    align-items: center;
    max-width: 100%;
    padding: 0 0 4px
}

@media (min-width:992px) {
    .announcement-card .card2-body {
        align-items: flex-start
    }
}

.announcement-card .card2-body > * {
    max-width: 100%
}

.announcement-card .card2-body .date {
    display: block;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.33;
    color: #999;
    margin-bottom: 8px
}

.announcement-card .card2-body .card2-text {
    font-size: 16px;
    line-height: 1.5;
    color: #000;
    flex-grow: 1;
    margin-bottom: 25px
}

    .announcement-card .card2-body .card2-text p {
        margin-bottom: 10px
    }

        .announcement-card .card2-body .card2-text p:last-child {
            margin-bottom: 0
        }

.announcement-card .card2-body .btn-link {
    font-size: 14px;
    line-height: 1.45
}

@media (min-width:768px) {
    .announcement-card .card2-body .btn-link {
        font-size: 12px;
        line-height: 1.33
    }
}

.result-card {
    display: flex;
    flex-flow: row;
    align-items: flex-start;
    cursor: pointer;
    border: 0;
    padding: 0
}

    .result-card:hover .desc-content .link {
        color: #F9423A
    }

    .result-card .icon {
        color: #F9423A;
        font-size: 20px;
        margin: 3px 0 0 5px
    }

    .result-card .desc-content {
        display: flex;
        flex-flow: column;
        margin-left: 18px
    }

        .result-card .desc-content .card2-title {
            font-size: 1em;
            font-weight: 700;
            margin-bottom: 8px
        }

        .result-card .desc-content .desc {
            max-width: 100%;
            font-size: 1em;
            color: #000;
            margin-bottom: 6px
        }

            .result-card .desc-content .desc p {
                margin-bottom: 0
            }

        .result-card .desc-content .link {
            font-size: .75em;
            color: #999;
            transition: all ease-out 75ms
        }

.info-card {
    border: none;
    border-radius: 0;
    background-color: transparent;
    margin-bottom: 24px
}

    .info-card .card2-media {
        position: relative
    }

        .info-card .card2-media:after {
            position: absolute;
            left: 0;
            bottom: 0;
            background-color: rgba(0,0,0,.48)
        }

        .info-card .card2-media .logo {
            position: absolute;
            left: 24px;
            bottom: 24px;
            z-index: 2
        }

    .info-card .card2-body {
        padding: 24px
    }

@media (min-width:992px) {
    .info-card .card2-media .logo {
        left: 48px;
        bottom: 48px
    }

    .info-card .card2-body {
        padding: 24px 48px
    }
}

.info-card .card2-body .card2-text {
    margin-bottom: 25px;
    font-size: 1em;
    line-height: 1.5
}

    .info-card .card2-body .card2-text p:last-child {
        margin-bottom: 0
    }

.committee-card,
.date-card {
    margin-bottom: 24px;
    box-shadow: 0 12px 24px rgba(0,0,0,.08)
}

.date-card {
    border-radius: 2px;
    border: none;
    border-bottom: solid 2px #F9423A
}

    .date-card .card2-body {
        padding: 24px;
        display: flex;
        flex-flow: row;
        justify-content: flex-start;
        align-items: center
    }

        .date-card .card2-body .date {
            display: flex;
            flex-flow: column;
            align-items: center
        }

            .date-card .card2-body .date .day,
            .date-card .card2-body .date .month {
                font-weight: 700;
                line-height: 1.25;
                color: #F9423A
            }

            .date-card .card2-body .date .day {
                font-size: 2em
            }

            .date-card .card2-body .date .month {
                font-size: 1em
            }

        .date-card .card2-body .card2-text {
            font-size: 1em;
            line-height: 1.5;
            color: #000;
            padding-left: 24px
        }

.date-card-wrap {
    max-height: 343px;
    overflow-y: auto;
    overflow-x: hidden
}

.video-card {
    flex-grow: 1;
    border-radius: 0;
    border: none;
    background-color: transparent;
    position: relative
}

    .video-card:before {
        position: absolute;
        left: 0;
        bottom: 0;
        background-color: rgba(0,0,0,.48)
    }

    .video-card:after {
        position: absolute;
        font-family: koc !important;
        content: '\e928';
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        width: 48px;
        height: 48px;
        display: flex;
        flex-flow: row;
        justify-content: center;
        align-items: center;
        font-size: 14px;
        color: #F9423A;
        background-color: #fff;
        border-radius: 50%
    }

.logo-card.secondary .card2-media:after,
.logo-card.tertiary .card2-media:after {
    content: none
}

.video-card .card2-media img {
    width: 100%
}

.committee-card {
    background-color: #fff;
    border: none;
    border-bottom: solid 2px #F9423A;
    border-radius: 2px;
    min-height: 208px;
    flex-grow: 1
}

@media (min-width:992px) {
    .committee-card {
        margin-bottom: 48px
    }
}

.committee-card .card2-body {
    display: flex;
    flex-flow: column;
    padding: 24px
}

@media (min-width:768px) {
    .date-card-wrap {
        max-height: inherit;
        overflow-y: inherit
    }

    .committee-card .card2-body {
        flex-flow: row;
        padding: 0
    }
}

.committee-card .card2-body .primary {
    flex-basis: 100%;
    max-width: 100%;
    padding: 0 0 16px
}

@media (min-width:768px) {
    .committee-card .card2-body .primary {
        flex-basis: 65%;
        max-width: 65%;
        padding: 24px
    }
}

.committee-card .card2-body .primary .card2-title {
    font-size: 1.5rem;
    line-height: 1.33;
    font-weight: 700;
    color: #000;
    margin-bottom: 16px
}

.committee-card .card2-body .primary .card2-list {
    padding: 0;
    margin: 0;
    list-style: none
}

    .committee-card .card2-body .primary .card2-list li {
        font-size: 1rem;
        line-height: 1.375;
        font-weight: 700;
        color: #999
    }

.committee-card .card2-body .secondary {
    padding: 24px;
    background-color: #F9423A;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    flex-basis: 100%;
    max-width: 100%;
    position: relative;
    min-height: 157px
}

@media (min-width:768px) {
    .committee-card .card2-body .secondary {
        flex-basis: 35%;
        max-width: 35%;
        min-height: inherit
    }
}

.committee-card .card2-body .secondary .card2-title {
    font-size: 1.125rem;
    line-height: 1.77;
    font-weight: 700;
    color: #fff;
    flex-grow: 1;
    max-width: 100%;
    margin-bottom: 16px
}

.committee-card .card2-body .secondary .bg-logo {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 24px 0 24px 24px;
    z-index: 2;
    max-height: 100%
}

@media (min-width:768px) {
    .committee-card .card2-body .secondary .bg-logo {
        padding: 16px 0 16px 16px
    }
}

.committee-card .card2-body .secondary .btn-addon-bordered {
    z-index: 3
}

.logo-card {
    background-color: #fff;
    border: 1px solid #F6F5F3;
    border-radius: 0;
    padding: 24px;
    display: flex;
    flex-flow: row;
    align-items: center;
    flex-grow: 1
}

    .logo-card.primary {
        align-items: flex-start;
        padding: 8px 16px 16px;
        border-bottom: solid 4px #F9423A
    }

@media (min-width:768px) {
    .logo-card.primary {
        padding: 24px
    }
}

.logo-card.primary .card2-media {
    display: flex;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    margin-top: -32px;
    padding: 16px;
    flex: 0 0 auto;
    width: 96px;
    height: 96px;
    background-color: #fff;
    box-shadow: 0 12px 24px rgba(0,0,0,.08);
    border-radius: 2px
}

.logo-card.primary .card2-body {
    padding: 0 0 0 16px
}

@media (min-width:768px) {
    .logo-card.primary .card2-media {
        margin-top: -40px;
        width: 120px;
        height: 120px
    }

    .logo-card.primary .card2-body {
        padding: 0 0 0 24px
    }
}

.logo-card.secondary {
    flex-flow: column;
    align-items: inherit;
    padding: 0
}

    .logo-card.secondary.type-row {
        border: none
    }

        .logo-card.secondary.type-row .card2-content {
            flex-flow: row;
            border: 1px solid #F6F5F3;
            border-bottom: 4px solid #F9423A
        }

            .logo-card.secondary.type-row .card2-content .card2-body {
                padding-bottom: 0
            }

        .logo-card.secondary.type-row .card2-media {
            margin-bottom: inherit
        }

    .logo-card.secondary .card2-content {
        display: flex;
        flex-flow: column;
        align-items: flex-start;
        padding: 8px 16px 16px
    }

@media (min-width:768px) {
    .logo-card.secondary .card2-content {
        padding: 24px;
        flex-flow: row
    }
}

.logo-card.secondary .card2-media {
    display: flex;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    flex: 0 0 auto;
    width: 120px;
    height: 120px;
    padding: 15px;
    background-color: #fff;
    box-shadow: 0 12px 24px rgba(0,0,0,.08);
    border-radius: 2px;
    margin-top: -32px;
    margin-bottom: 24px
}

@media (min-width:992px) and (max-width:1199px) {
    .logo-card.secondary .card2-media {
        width: 100px;
        height: 100px
    }
}

.logo-card.secondary .card2-body {
    color: #000;
    padding: 0 0 0 16px
}

@media (min-width:768px) {
    .logo-card.secondary .card2-media {
        margin-top: -49px;
        margin-bottom: inherit
    }

    .logo-card.secondary .card2-body {
        padding: 0 0 0 24px
    }
}

.logo-card.secondary .card2-title {
    font-size: 1.125em;
    font-weight: 700;
    line-height: 1.77;
    margin: 0 0 9px
}

    .logo-card.secondary .card2-title:last-child {
        margin: 0
    }

.logo-card.secondary .desc {
    font-size: .875em;
    line-height: 1.71
}

    .logo-card.secondary .desc p {
        margin-bottom: 0
    }

    .logo-card.secondary .desc a {
        color: #F9423A
    }

.logo-card.secondary .card2-footer {
    color: #4F5254;
    padding: 24px;
    background-color: #fff
}

    .logo-card.secondary .card2-footer .footer-link {
        margin-top: 8px
    }

.logo-card.tertiary {
    flex-flow: column;
    align-items: inherit;
    padding: 0;
    border-radius: 0;
    border: none
}

    .logo-card.tertiary .card2-content {
        display: flex;
        flex-flow: row;
        align-items: center;
        padding: 8px 16px 16px
    }

@media (min-width:768px) {
    .logo-card.tertiary .card2-content {
        padding: 24px
    }
}

.logo-card.tertiary .card2-media {
    display: flex;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    flex: 0 0 auto;
    width: 120px;
    height: 120px;
    padding: 15px;
    background-color: #fff;
    box-shadow: 0 12px 24px rgba(0,0,0,.08);
    border-radius: 2px;
    margin-top: -32px;
    margin-bottom: 0
}

@media (min-width:992px) and (max-width:1199px) {
    .logo-card.tertiary .card2-media {
        width: 100px;
        height: 100px
    }
}

.logo-card.tertiary .card2-body {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    color: #000;
    padding: 0 0 0 16px
}

.logo-card .card2-body .footer-link,
.logo-card .card2-body .link {
    word-break: break-all;
    display: inline-block
}

@media (min-width:768px) {
    .logo-card.tertiary .card2-media {
        margin-top: -49px
    }

    .logo-card.tertiary .card2-body {
        padding: 0 0 0 24px
    }
}

.logo-card.tertiary .card2-body > * {
    max-width: 100%
}

.logo-card.tertiary .card2-title {
    font-size: 1em;
    font-weight: 700;
    line-height: 1.37;
    margin: 0 0 9px
}

    .logo-card.tertiary .card2-title:last-child {
        margin: 0
    }

.logo-card.tertiary .btn-link {
    color: #000
}

.logo-card.tertiary .card2-footer {
    padding: 0;
    border-radius: 0;
    border-top: none;
    border-bottom: 4px solid #F9423A
}

.logo-card .card2-media {
    position: relative;
    padding: 12px 36px 12px 12px
}

    .logo-card .card2-media:after {
        position: absolute;
        content: '';
        top: 0;
        right: 0;
        height: 100%;
        width: 1px;
        background-color: #E0E0E0
    }

.rating-card,
.user-card .card2-body > *,
.user-card .card2-media img {
    width: 100%
}

.logo-card .card2-media img {
    flex: 1 1 100%
}

.logo-card .card2-body {
    padding: 0 0 0 24px
}

    .logo-card .card2-body .title {
        font-weight: 700;
        font-size: 1.125em;
        line-height: 1.77
    }

    .logo-card .card2-body .link {
        font-size: 1em;
        line-height: 1.5;
        color: #4F5254;
        margin-top: 4px
    }

    .logo-card .card2-body .info-list ul {
        list-style: none;
        padding: 0;
        margin: 0;
        color: #000
    }

        .logo-card .card2-body .info-list ul li {
            display: flex;
            flex-flow: row
        }

            .logo-card .card2-body .info-list ul li + li {
                margin-top: 1px
            }

            .logo-card .card2-body .info-list ul li strong {
                display: flex;
                flex-flow: row;
                justify-content: space-between;
                flex: 0 0 auto;
                font-size: .875em;
                line-height: 1.71;
                font-weight: 700;
                min-width: 88px;
                margin: 0 5px 0 0
            }

                .logo-card .card2-body .info-list ul li strong:after {
                    content: ':';
                    margin-left: 8px
                }

            .logo-card .card2-body .info-list ul li span {
                display: block;
                font-size: .875em;
                line-height: 1.71
            }

.rating-card {
    background-color: #fff;
    box-shadow: 0 12px 24px rgba(0,0,0,.08);
    border: none;
    border-bottom: solid 2px #F9423A;
    border-radius: 2px
}

    .rating-card .card2-body {
        padding: 24px
    }

        .rating-card .card2-body .cart-title {
            font-size: 1em;
            line-height: 1.5;
            margin-bottom: 8px;
            font-weight: 400
        }

        .rating-card .card2-body .card2-text {
            font-size: 2em;
            line-height: 1.25;
            font-weight: 700
        }

    .rating-card.secondary .card2-title {
        font-size: 2em;
        line-height: 1.25;
        font-weight: 700;
        margin-bottom: 13px
    }

    .rating-card.secondary .card2-link {
        display: flex;
        flex-flow: row;
        align-items: center
    }

        .rating-card.secondary .card2-link span {
            font-weight: 700;
            font-size: .845em;
            line-height: 1.71
        }

        .rating-card.secondary .card2-link .icon {
            font-size: 10px;
            color: #F9423A;
            margin-left: 8px
        }

.user-card {
    flex-flow: row;
    border-radius: 0;
    border: none
}

    .user-card .card2-media {
        flex: 0 0 auto;
        max-width: 64px;
        border-radius: 4px;
        overflow: hidden
    }

    .user-card .card2-body {
        display: flex;
        flex-flow: column;
        justify-content: center;
        padding: 0 16px
    }

        .user-card .card2-body .card2-title {
            font-size: 1.125em;
            font-weight: 700;
            line-height: 1.77;
            margin: 0
        }

.download-card2 {
    padding: 24px;
    border-radius: 2px;
    border: none;
    margin-top: 48px;
    /*width: 20%;*/
    background-color: rgb(86,101,115);
    display: inline-block;
}

    .download-card2 .card2-body {
        display: flex;
        flex-flow: row;
        padding: 0
    }

        .download-card2 .card2-body .card2-media {
            max-width: 50%;
            flex: 0 0 auto;
            margin-top: -72px;
        }

            .download-card2 .card2-body .card2-media img {
                box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2);
                margin-top: 20px;
            }

        .download-card2 .card2-body .card2-content {
            flex-grow: 1;
            color: #000;
            padding-left: 20px
        }

            .download-card2 .card2-body .card2-content .card2-title {
                font-weight: 700;
                font-size: 1em;
                line-height: 1.37;
                margin-bottom: 7px
            }

            .download-card2 .card2-body .card2-content .card2-text {
                font-size: .875em;
                line-height: 1.7
            }

                .download-card2 .card2-body .card2-content .card2-text p {
                    margin-bottom: 10px
                }

                    .download-card2 .card2-body .card2-content .card2-text p:last-child {
                        margin-bottom: 0
                    }

    .download-card2 .card2-footer {
        display: flex;
        padding: 0;
        margin: 16px 0 0;
        border: none;
        background-color: transparent
    }

        .download-card2 .card2-footer .btn-download {
            flex-grow: 1;
            padding: 12px 16px
        }

            .download-card2 .card2-footer .btn-download + .btn-download {
                margin-left: 8px
            }

.primary-article-card {
    flex-grow: 1;
    color: #000;
    border-radius: 2px
}

    .primary-article-card .card2-body {
        display: flex;
        flex-flow: column;
        align-items: flex-start;
        font-weight: 700;
        font-size: 1.125em;
        line-height: 1.77;
        padding: 16px 24px 24px
    }

        .primary-article-card .card2-body > * {
            max-width: 100%
        }

        .primary-article-card .card2-body .date {
            display: block;
            color: #F9423A;
            margin-bottom: 16px
        }

        .primary-article-card .card2-body .card2-text {
            flex-grow: 1;
            margin-bottom: 25px
        }

@media (min-width:992px) {
    .primary-article-card .card2-body .card2-text {
        margin-bottom: 16px
    }
}

.primary-article-card .card2-body .card2-text p:last-child {
    margin-bottom: 0
}

.double-logo-card {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.08);
    border-bottom: 4px solid #F9423A;
    border-radius: 2px;
    padding: 16px 8px;
    display: flex;
    flex-flow: column;
    flex-grow: 1
}

@media (min-width:992px) {
    .double-logo-card {
        flex-flow: row
    }
}

.double-logo-card .card2-content {
    display: flex;
    flex-flow: row;
    align-items: center;
    flex-basis: auto;
    max-width: 100%;
    padding-bottom: 16px
}

@media (min-width:992px) {
    .double-logo-card .card2-content {
        flex-basis: 50%;
        max-width: 50%;
        padding-bottom: 0
    }
}

.double-logo-card .card2-content + .card2-content {
    position: relative;
    padding: 16px 0 0
}

    .double-logo-card .card2-content + .card2-content:before {
        position: absolute;
        content: '';
        left: 0;
        top: 0;
        width: 100%;
        height: 1px;
        background-color: #E0E0E0
    }

@media (min-width:992px) {
    .double-logo-card .card2-content + .card2-content {
        padding: 0 0 0 10px
    }

        .double-logo-card .card2-content + .card2-content:before {
            width: 1px;
            height: 100%
        }
}

.double-logo-card .card2-content .card2-media {
    display: flex;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    flex: 0 0 auto;
    width: 64px;
    height: 64px;
    padding: 15px;
    border: 1px solid rgba(0,0,0,.08);
    border-radius: 2px
}

    .double-logo-card .card2-content .card2-media img {
        flex: 0 0 auto
    }

.double-logo-card .card2-content .card2-body {
    padding: 0 16px 0 8px
}

    .double-logo-card .card2-content .card2-body .card2-title {
        font-size: 1em;
        line-height: 1.375;
        font-weight: 700;
        margin: 0
    }

    .double-logo-card .card2-content .card2-body .desc {
        font-size: .75em;
        line-height: 1.33;
        color: #4F5254;
        margin-top: 4px
    }

        .double-logo-card .card2-content .card2-body .desc p {
            margin: 0
        }

.tertiary-banner-card {
    flex-grow: 1;
    border: none;
    border-bottom: solid 4px #F9423A;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 0 12px 24px rgba(0,0,0,.08);
    display: flex;
    flex-flow: column
}

    .tertiary-banner-card .card2-content {
        display: flex;
        flex-flow: column;
        padding: 12px 24px 24px;
        flex-grow: 1
    }

@media (min-width:992px) {
    .tertiary-banner-card .card2-content {
        padding: 8px 24px 24px
    }
}

.tertiary-banner-card .card2-content .card2-header {
    display: flex;
    flex-flow: row;
    margin-bottom: 24px;
    background-color: transparent;
    border: none;
    padding: 0;
    border-radius: 0
}

    .tertiary-banner-card .card2-content .card2-header .card2-logo {
        display: flex;
        flex-flow: row;
        justify-content: center;
        align-items: center;
        margin-top: -36px;
        padding: 16px;
        flex: 0 0 auto;
        width: 100px;
        height: 100px;
        background-color: #fff;
        box-shadow: 0 12px 24px rgba(0,0,0,.08);
        border-radius: 2px
    }

@media (min-width:992px) {
    .tertiary-banner-card .card2-content .card2-header .card2-logo {
        margin-top: -32px;
        width: 96px;
        height: 96px
    }
}

.tertiary-banner-card .card2-content .card2-header .card2-title {
    font-size: 1.12em;
    line-height: 1.77;
    margin: auto 0 auto 16px
}

@media (min-width:992px) {
    .tertiary-banner-card .card2-content .card2-header .card2-title {
        margin: auto 0 auto 24px
    }
}

.tertiary-banner-card .card2-content .card2-body {
    padding: 0;
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    justify-content: flex-end
}

    .tertiary-banner-card .card2-content .card2-body .card2-text {
        font-size: 1em;
        line-height: 1.5;
        margin-bottom: 16px
    }

        .tertiary-banner-card .card2-content .card2-body .card2-text p {
            margin-bottom: 10px
        }

            .tertiary-banner-card .card2-content .card2-body .card2-text p:last-child {
                margin-bottom: 0
            }

    .tertiary-banner-card .card2-content .card2-body .btn-link {
        display: inline-flex
    }

.primary-tab .nav {
    display: flex !important;
    flex-flow: wrap;
    align-items: center;
    justify-content: center;
    width: auto;
    margin: 0 -8px 48px
}

    .primary-tab .nav .nav-item {
        padding: 0 8px
    }

@media (min-width:992px) {
    .primary-tab .nav {
        margin: 0 -12px 96px
    }

        .primary-tab .nav .nav-item {
            padding: 0 12px
        }
}

.primary-tab .nav .nav-item .nav-link {
    position: relative;
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
    color: #000;
    padding: 24px 20px;
    outline: 0;
    transition: all ease .3s
}

@media (min-width:1200px) {
    .primary-tab .nav .nav-item .nav-link {
        min-width: 200px
    }
}

@media (min-width:1800px) {
    .primary-tab .nav .nav-item .nav-link {
        min-width: 260px
    }
}

.primary-tab .nav .nav-item .nav-link:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: #F5F5F5;
    transition: all ease .3s
}

.primary-tab .nav .nav-item .nav-link.active {
    color: #F9423A
}

    .primary-tab .nav .nav-item .nav-link.active:after {
        height: 4px;
        background-color: #F9423A
    }

@media (max-width:991px) {
    .primary-tab .tab-content2 .banner-card-slider {
        margin-bottom: 24px
    }
}

.primary-tab.vertical .nav {
    margin: 0 -8px 24px
}

@media (min-width:992px) {
    .primary-tab.vertical .nav {
        margin: 0 10px 0 0
    }

        .primary-tab.vertical .nav .nav-item {
            padding: 0;
            flex-grow: 1
        }

            .primary-tab.vertical .nav .nav-item + .nav-item {
                padding-top: 15px
            }

            .primary-tab.vertical .nav .nav-item .nav-link {
                font-size: 1.125em;
                line-height: 1.77;
                text-align: left;
                font-weight: 700;
                padding: 12px 10px 12px 0;
                color: rgba(0,0,0,.3)
            }

                .primary-tab.vertical .nav .nav-item .nav-link:after {
                    background-color: rgba(0,0,0,.3)
                }

                .primary-tab.vertical .nav .nav-item .nav-link:before {
                    position: absolute;
                    content: '\e90e';
                    font-family: koc !important;
                    top: 50%;
                    right: 0;
                    transform: translateY(-50%);
                    color: rgba(0,0,0,.3);
                    font-size: 8px
                }

                .primary-tab.vertical .nav .nav-item .nav-link.active {
                    color: #000
                }

                    .primary-tab.vertical .nav .nav-item .nav-link.active:after {
                        height: 2px;
                        background-color: #F9423A
                    }

                    .primary-tab.vertical .nav .nav-item .nav-link.active:before {
                        color: #F9423A
                    }
}

.secondary-tab .nav {
    display: table;
    padding: 4px;
    background-color: #E0E0E0;
    border-radius: 2px
}

    .secondary-tab .nav .nav-item {
        display: table-cell
    }

        .secondary-tab .nav .nav-item .nav-link {
            font-size: .875em;
            font-weight: 500;
            line-height: 1.7;
            color: #4F5254;
            padding: 8px 35px
        }

            .secondary-tab .nav .nav-item .nav-link.active {
                font-weight: 700;
                color: #F9423A;
                background-color: #fff;
                border-radius: 2px
            }

.secondary-tab .tab-content2 {
    margin-top: 48px;
    padding-top: 48px;
    border-top: 1px solid rgba(255,255,255,.32)
}

.double-btn-tab .nav {
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: center;
    background-color: #E0E0E0;
    padding: 4px
}

    .double-btn-tab .nav .nav-item .nav-link {
        font-size: .875em;
        line-height: 1.71;
        font-weight: 500;
        color: #4F5254;
        text-align: center;
        padding: 8px 22px;
        outline: 0;
        transition: all ease .1s
    }

        .double-btn-tab .nav .nav-item .nav-link.active {
            font-weight: 700;
            color: #F9423A;
            background-color: #fff
        }

.btn-tab {
    display: flex;
    flex-flow: row;
    justify-content: center
}

    .btn-tab .nav {
        display: flex !important;
        flex-flow: wrap;
        align-items: center;
        justify-content: center
    }

        .btn-tab .nav .nav-item {
            padding: 0 8px;
            margin-bottom: 16px
        }

            .btn-tab .nav .nav-item .nav-link {
                font-size: .75em;
                line-height: 1.33;
                text-align: center;
                color: #000;
                font-weight: 700;
                background-color: #fff;
                padding: 14px 16px;
                border-radius: 24px;
                outline: 0;
                transition: all ease .3s
            }

                .btn-tab .nav .nav-item .nav-link:hover {
                    transform: translateY(-3px)
                }

                .btn-tab .nav .nav-item .nav-link.active {
                    background-color: #F9423A;
                    color: #fff
                }

.primary-box {
    text-align: center;
    margin-bottom: 48px
}

@media (min-width:992px) {
    .primary-box {
        text-align: left;
        padding: 48px 0;
        margin-bottom: 0
    }
}

@media (min-width:1200px) {
    .primary-box {
        padding: 48px
    }
}

.primary-box.bg-gray {
    background-color: #F6F5F3
}

.primary-box.bg-tuna .title {
    color: #F9423A
}

.primary-box.type-slider {
    padding: 48px;
    margin-bottom: 0
}

    .primary-box.type-slider .box-header {
        margin-bottom: 48px
    }

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

    .primary-box .box-header .title {
        font-size: 24px;
        line-height: 1.33
    }

@media (min-width:768px) {
    .primary-box .box-header {
        margin-bottom: 48px
    }

        .primary-box .box-header .title {
            font-size: 32px;
            line-height: 1.25
        }
}

.primary-box .title {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.25;
    margin-bottom: 16px
}

.primary-box .desc {
    font-size: 16px;
    line-height: 1.5
}

    .primary-box .desc p {
        margin-bottom: 10px
    }

        .primary-box .desc p:last-child {
            margin-bottom: 0
        }

.primary-box .btn-general {
    padding: 18px 10px;
    min-width: 100%
}

.primary-box .btn-addon-list {
    flex-flow: column;
    align-items: inherit
}

@media (min-width:768px) {
    .primary-box .btn-general {
        min-width: 190px
    }

    .primary-box .btn-addon-list {
        flex-flow: wrap;
        align-items: center;
        margin-top: 8px
    }
}

@media (max-width:767px) {
    .primary-box .btn-addon-list .list-item {
        margin-top: 30px
    }

    .primary-box .btn-addon-list .btn {
        max-width: 240px;
        min-width: inherit
    }
}

.search-popup {
    display: none
}

    .search-popup .search-box {
        padding-top: 10px
    }

@media (min-width:576px) {
    .search-popup .search-box {
        padding: 12px 0
    }
}

@media (min-width:992px) {
    .primary-box .btn-addon-list {
        justify-content: inherit
    }

    .search-popup {
        position: fixed;
        top: -100%;
        left: 0;
        right: 0;
        z-index: 6;
        display: block;
        background-color: #F9423A;
        transition: all ease .3s
    }

        .search-popup .search-box {
            padding: 48px 0
        }
}

.search-popup .search-box .title {
    font-size: 48px;
    font-weight: 700;
    line-height: 1.33;
    color: #fff;
    margin-bottom: 58px
}

.search-popup .search-box .search-form {
    padding: 0;
    background-color: transparent
}

.search-popup .search-box .btn-close {
    display: table;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    color: #fff;
    padding: 0;
    margin-left: auto;
    margin-bottom: 24px;
    border-radius: 0;
    border: none;
    outline: 0;
    box-shadow: none
}

    .search-popup .search-box .btn-close .icon {
        flex: 0 0 auto;
        font-size: 14px;
        margin-left: 8px
    }

.search-popup .search-box .popular-searches {
    margin-top: 48px
}

    .search-popup .search-box .popular-searches .title {
        font-size: 24px;
        font-weight: 700;
        line-height: 1.33;
        margin: 0
    }

    .search-popup .search-box .popular-searches .btn-addon-list {
        display: flex;
        flex-flow: wrap;
        align-items: center;
        list-style: none;
        padding: 0;
        margin: 0 -10px
    }

@media (min-width:768px) {
    .search-popup .search-box .popular-searches .btn-addon-list {
        margin: 0 -12px
    }
}

.search-popup .search-box .popular-searches .btn-addon-list .list-item {
    margin-top: 24px;
    padding: 0 10px
}

@media (min-width:768px) {
    .search-popup .search-box .popular-searches .btn-addon-list .list-item {
        padding: 0 12px
    }
}

.site-search-open {
    overflow: hidden !important
}

@media (min-width:576px) {
    .site-search-open .search-popup {
        top: 0
    }
}

.site-search-open .site-backdrop {
    opacity: 1;
    visibility: visible
}

.primary-pagination {
    justify-content: center;
    margin-top: 16px
}

    .primary-pagination .page-item {
        margin-left: 9px
    }

        .primary-pagination .page-item.center-line .page-link {
            position: relative;
            border: 0;
            padding: 0
        }

            .primary-pagination .page-item.center-line .page-link:before {
                content: '...';
                position: absolute;
                letter-spacing: 2px;
                top: 50%;
                z-index: 1;
                left: 50%;
                line-height: 0;
                font-size: 1em;
                font-weight: 700;
                transform: translate(-50%)
            }

        .primary-pagination .page-item.active .page-link,
        .primary-pagination .page-item:first-child .page-link,
        .primary-pagination .page-item:last-child .page-link {
            border: 0
        }

        .primary-pagination .page-item.active .page-link {
            background-color: transparent;
            color: #F9423A;
            font-weight: 700
        }

        .primary-pagination .page-item.disabled {
            opacity: .4
        }

        .primary-pagination .page-item:first-child [disabled] .page-link:before,
        .primary-pagination .page-item:last-child [disabled] .page-link:before {
            color: #E0E0E0
        }

        .primary-pagination .page-item:first-child .page-link,
        .primary-pagination .page-item:last-child .page-link {
            position: relative;
            height: 100%
        }

            .primary-pagination .page-item:first-child .page-link:before,
            .primary-pagination .page-item:last-child .page-link:before {
                font-family: koc;
                top: 50%;
                transform: translateY(-50%);
                font-size: 1.2em;
                font-weight: 700;
                color: #000;
                position: absolute
            }

        .primary-pagination .page-item:first-child {
            margin-left: 0
        }

            .primary-pagination .page-item:first-child .page-link:before {
                content: '\e905'
            }

        .primary-pagination .page-item:last-child .page-link:before {
            content: '\e906'
        }

        .primary-pagination .page-item .page-link {
            width: 46px;
            height: 46px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #000;
            font-size: .8em;
            transition: all ease-out 75ms;
            outline: 0;
            box-shadow: none
        }

@media (min-width:768px) {
    .primary-pagination .page-item .page-link {
        width: 56px;
        height: 56px
    }
}

.primary-pagination .page-item .page-link:hover {
    background-color: transparent;
    color: #F9423A
}

.primary-pagination .page-item .page-link span {
    display: none
}

.banner-title {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.14;
    color: #fff;
    margin: 0
}

@media (min-width:576px) {
    .banner-title {
        font-size: 56px
    }
}

@media (min-width:1200px) {
    .banner-title {
        font-size: 80px;
        line-height: 1.1
    }
}

.banner-title.line-bottom {
    display: block;
    position: relative;
    z-index: 2
}

    .banner-title.line-bottom:after {
        position: absolute;
        content: '';
        left: 0;
        right: 0;
        bottom: -1px;
        width: 172px;
        height: 16px;
        background-color: #F9423A
    }

.top-menu {
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    align-items: center
}

    .top-menu nav {
        display: table
    }

        .top-menu nav .breadcrumb {
            background-color: transparent;
            padding: 0;
            margin: 0
        }

            .top-menu nav .breadcrumb .breadcrumb-item {
                font-size: 14px;
                line-height: 24px
            }

                .top-menu nav .breadcrumb .breadcrumb-item + .breadcrumb-item {
                    padding-left: 10px
                }

                    .top-menu nav .breadcrumb .breadcrumb-item + .breadcrumb-item:before {
                        font-family: koc !important;
                        content: "\e906";
                        color: rgba(255,255,255,.64);
                        font-size: 8px;
                        padding-right: 10px
                    }

                .top-menu nav .breadcrumb .breadcrumb-item a {
                    color: rgba(255,255,255,.64)
                }

                .top-menu nav .breadcrumb .breadcrumb-item:hover {
                    text-decoration: underline
                }

                .top-menu nav .breadcrumb .breadcrumb-item.active {
                    color: #fff
                }

    .top-menu .menu-items {
        display: none
    }

@media (min-width:768px) {
    .top-menu .menu-items {
        display: block
    }
}

.top-menu .menu-items .menu-icon {
    color: #fff;
    font-size: 16px
}

    .top-menu .menu-items .menu-icon + .menu-icon:not(.change-font) {
        margin-left: 25px
    }

    .top-menu .menu-items .menu-icon + .menu-icon.change-font {
        padding-left: 4px
    }

    .top-menu .menu-items .menu-icon.change-font {
        font-size: 12px
    }

        .top-menu .menu-items .menu-icon.change-font.big {
            font-size: 16px
        }

        .top-menu .menu-items .menu-icon.change-font.small {
            font-size: 8px
        }

.vertical-list {
    display: flex;
    flex-flow: column;
    padding: 24px 38px 0 0
}

@media (min-width:992px) {
    .banner-title.line-bottom:after {
        width: 227px
    }

    .vertical-list {
        padding: 0
    }
}

@media (min-width:1200px) {
    .vertical-list {
        padding-top: 24px
    }
}

.vertical-list.no-padding {
    padding: 0
}

.vertical-list.secondary {
    padding: 0;
    margin-bottom: 48px
}

.vertical-list .list-item + .list-item {
    margin-top: 24px
}

@media (min-width:992px) {
    .vertical-list.secondary {
        padding-left: 28px;
        margin-bottom: 0
    }

    .vertical-list .list-item + .list-item {
        margin-top: 0
    }
}

@media (min-width:1440px) {
    .vertical-list .list-item + .list-item {
        margin-top: 24px
    }
}

.contact-list {
    padding: .5em 1em;
    margin: 0;
    list-style: none;
    background-color: #F6F5F3;
    border: 1px solid #E0E0E0
}

@media (min-width:768px) {
    .contact-list {
        flex-flow: row;
        padding: 1.5em 3em
    }
}

@media (min-width:992px) {
    .contact-list {
        padding: 1em
    }
}

@media (min-width:1200px) {
    .contact-list {
        padding: 1.5em 3em
    }
}

.contact-list .list-item {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    padding: 1em 0
}

@media (min-width:768px) {
    .contact-list .list-item {
        flex-flow: row;
        padding: 1.5em 0
    }
}

.contact-list .list-item + .list-item {
    border-top: solid 1px rgba(0,0,0,.16)
}

.contact-list .list-item .text {
    font-style: normal;
    font-size: 1em;
    line-height: 1.375;
    flex-basis: 100%;
    max-width: 100%;
    padding-right: 1em
}

@media (min-width:768px) {
    .contact-list .list-item .text {
        flex-basis: 50%;
        max-width: 50%
    }
}

@media (min-width:1440px) {
    .contact-list .list-item .text {
        flex-basis: 60%;
        max-width: 60%
    }
}

.contact-list .list-item .text p {
    margin: 0
}

    .contact-list .list-item .text p:first-child {
        font-weight: 700
    }

.contact-list .list-item .link-wrap {
    display: flex;
    flex-flow: column;
    font-weight: 400;
    font-size: .875em;
    line-height: 1.71;
    color: #4F5254;
    flex-basis: 100%;
    max-width: 100%;
    padding-right: 1em;
    margin-top: 4px
}

@media (min-width:768px) {
    .contact-list .list-item .link-wrap {
        margin-top: 0;
        flex-basis: 50%;
        max-width: 50%
    }
}

@media (min-width:1440px) {
    .contact-list .list-item .link-wrap {
        flex-basis: 40%;
        max-width: 40%
    }
}

.contact-list-wrap {
    margin-bottom: 0
}

@media (min-width:992px) {
    .contact-list-wrap {
        margin-bottom: 48px
    }
}

.contact-list-wrap.scrollable {
    position: relative
}

    .contact-list-wrap.scrollable:after {
        position: absolute;
        content: '';
        left: 0;
        bottom: 0;
        width: 100%;
        height: 120px;
        background: linear-gradient(180deg,rgba(255,255,255,0) 0,#FFF 100%);
        z-index: 2
    }

    .contact-list-wrap.scrollable .scroll-wrap {
        overflow-y: auto;
        max-height: 878px
    }

        .contact-list-wrap.scrollable .scroll-wrap::-webkit-scrollbar {
            display: none
        }

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

    .address-list .list-item {
        display: flex;
        flex-flow: row;
        align-items: flex-start;
        padding: 16px 0
    }

        .address-list .list-item .icon {
            color: #F9423A;
            line-height: 1.5
        }

        .address-list .list-item .item-text {
            margin-left: 8px;
            font-size: 1em;
            line-height: 1.5
        }

            .address-list .list-item .item-text p {
                margin-bottom: 8px
            }

                .address-list .list-item .item-text p:first-child {
                    line-height: 1.375;
                    font-weight: 700
                }

.address-list-wrap .title {
    font-size: 1.5em;
    line-height: 1.33;
    margin-bottom: 8px;
    color: #F9423A
}

@media (min-width:992px) {
    .address-list-wrap .title {
        margin-top: 32px
    }
}

.alphabetical-list {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 100%;
    display: flex;
    flex-flow: column;
    align-items: center;
    padding: 15px 16px;
    margin: 0;
    list-style: none;
    border: 1px solid #E0E0E0
}

    .alphabetical-list .list-item {
        flex: 1 0 auto;
        display: flex;
        flex-flow: row
    }

        .alphabetical-list .list-item .link {
            font-weight: 500;
            font-size: 12px;
            line-height: 22px;
            color: #999
        }

        .alphabetical-list .list-item.active .link {
            color: #000
        }

.tab-section-list {
    position: relative
}

    .tab-section-list .list-header {
        position: absolute;
        top: 16px;
        left: 0;
        right: 0
    }

    .tab-section-list .dropdown-transparent .dropdown-transparent__control {
        height: 56px
    }

.primary-table:not(.table) {
    display: flex;
    flex-flow: column
}

    .primary-table:not(.table).type2 {
        border-top: 1px solid rgba(0,0,0,.16)
    }

        .primary-table:not(.table).type2 .t-row .t-col {
            padding: 16px 0
        }

    .primary-table:not(.table).type3 {
        margin: 48px 0
    }

@media (max-width:767px) {
    .primary-table:not(.table).type2 .t-row {
        flex-flow: column;
        align-items: stretch
    }

        .primary-table:not(.table).type2 .t-row .t-col:first-child {
            padding-bottom: 0
        }

    .primary-table:not(.table).type3 .t-row {
        flex-flow: column;
        align-items: stretch
    }
}

.primary-table:not(.table).type3 .t-row:not(.heading) .t-col {
    padding: 16px 0
}

@media (min-width:768px) {
    .contact-list-wrap.scrollable .scroll-wrap {
        max-height: 661px
    }

    .primary-table:not(.table).type3 {
        margin-bottom: 24px
    }

        .primary-table:not(.table).type3 .t-row:not(.heading) .t-col {
            padding: 16px 24px
        }
}

@media (max-width:767px) {
    .primary-table:not(.table).type3 .t-row:not(.heading) .t-col:first-child {
        padding-bottom: 0
    }
}

.primary-table:not(.table).type3 .t-row.heading .t-col {
    padding: 16px 24px
}

.primary-table:not(.table).custom-padding {
    padding-bottom: 15px
}

@media (min-width:768px) {
    .primary-table:not(.table).custom-padding {
        padding-bottom: 48px
    }
}

.primary-table:not(.table).equal-columns .t-row .t-col {
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width:992px) {
    .primary-table:not(.table).equal-columns .t-row .t-col {
        flex: 0 0 33%;
        max-width: 33%
    }
}

.primary-table:not(.table).wide-columns .t-row .t-col {
    flex: 0 0 32%;
    max-width: 32%
}

.primary-table:not(.table).narrow-columns .t-row .t-col {
    flex: 0 0 12%;
    max-width: 12%
}

@media (min-width:992px) {
    .primary-table:not(.table).narrow-columns .t-row .t-col {
        flex: 0 0 8%;
        max-width: 8%
    }
}

@media (max-width:991px) {
    .primary-table:not(.table).pie-chart-table {
        background-color: #fff;
        border-top: solid 8px #F9423A
    }
}

.primary-table:not(.table).pie-chart-table .t-row {
    flex-wrap: wrap
}

    .primary-table:not(.table).pie-chart-table .t-row.highlighted {
        font-weight: 700;
        background-color: rgba(249,66,58,.08)
    }

    .primary-table:not(.table).pie-chart-table .t-row.t-row-footer {
        position: relative;
        font-weight: 700;
        border-bottom: none
    }

        .primary-table:not(.table).pie-chart-table .t-row.t-row-footer:before {
            content: '';
            position: absolute;
            top: -1px;
            left: 0;
            right: 0;
            height: 4px;
            background-color: #000
        }

@media (min-width:992px) {
    .primary-table:not(.table).pie-chart-table .t-row {
        flex-wrap: inherit;
        border: none;
        padding: 8px 14px
    }

        .primary-table:not(.table).pie-chart-table .t-row.heading {
            padding: 0 14px;
            margin-bottom: 16px
        }

            .primary-table:not(.table).pie-chart-table .t-row.heading .t-col {
                padding: 0 10px
            }

        .primary-table:not(.table).pie-chart-table .t-row.highlighted {
            padding-top: 17px;
            padding-bottom: 17px;
            margin-top: 8px;
            margin-bottom: 8px
        }

        .primary-table:not(.table).pie-chart-table .t-row.t-row-footer {
            padding-top: 20px;
            margin-top: 8px
        }

            .primary-table:not(.table).pie-chart-table .t-row.t-row-footer:before {
                left: 24px;
                right: 24px
            }
}

.primary-table:not(.table).pie-chart-table .t-row.t-row-footer .main {
    font-size: 1.5em !important;
    font-weight: 700 !important;
    line-height: 1.33
}

.primary-table:not(.table).pie-chart-table .t-row .t-col {
    padding: 16px 14px
}

@media (max-width:991px) {
    .primary-table:not(.table).pie-chart-table .t-row .t-col {
        flex-flow: column;
        align-items: flex-start;
        font-size: 1.5em;
        line-height: 1.33;
        font-weight: 700
    }
}

@media (min-width:992px) {
    .primary-table:not(.table).pie-chart-table .t-row .t-col {
        flex-basis: 25%;
        max-width: 25%;
        padding: 0 10px;
        justify-content: flex-end
    }
}

@media (min-width:1440px) {
    .primary-table:not(.table).pie-chart-table .t-row .t-col {
        flex-basis: 20%;
        max-width: 20%
    }
}

@media (max-width:991px) {
    .primary-table:not(.table).pie-chart-table .t-row .t-col.main {
        flex: 0 0 100%;
        font-size: 1em;
        line-height: 1.5;
        font-weight: 500;
        padding-bottom: 0
    }
}

.primary-table:not(.table).pie-chart-table .t-row .t-col .inner-title {
    font-size: .875rem;
    line-height: 1.71;
    color: #4F5254
}

@media (min-width:992px) {
    .primary-table:not(.table).pie-chart-table .t-row .t-col.main {
        justify-content: flex-start
    }

    .primary-table:not(.table).pie-chart-table .t-row .t-col .inner-title {
        display: none
    }
}

.primary-table:not(.table) .t-row {
    display: flex;
    flex-flow: row;
    align-items: center
}

    .primary-table:not(.table) .t-row.sub-heading .t-col {
        flex: 1 1 100%;
        max-width: 100%
    }

    .primary-table:not(.table) .t-row .t-col {
        display: flex;
        flex-flow: row;
        align-items: center;
        flex: 1 1 auto;
        max-width: 100%
    }

@media (min-width:992px) {
    .primary-table:not(.table) .t-row .t-col {
        flex: 0 0 15%;
        max-width: 15%
    }
}

.primary-table:not(.table) .t-row .t-col.main {
    flex: 1 1 auto;
    max-width: 100%
}

.equal-columns .primary-table:not(.table) .t-row .t-col {
    flex: 0 0 100%;
    max-width: 100%
}

.primary-table + .primary-table {
    margin-top: 24px
}

.primary-table .t-row {
    text-align: left;
    border-bottom: solid 1px rgba(0,0,0,.16)
}

@media (min-width:1800px) {
    .primary-table .t-row {
        padding: 0 12px
    }
}

.primary-table .t-row.heading {
    background-color: #F9423A;
    border-bottom: none;
    min-height: 72px
}

    .primary-table .t-row.heading .t-col {
        font-size: 1em;
        line-height: 1.375;
        color: #fff;
        padding: 24px
    }

@media (min-width:992px) {
    .equal-columns .primary-table:not(.table) .t-row .t-col {
        flex: 0 0 33%;
        max-width: 33%
    }

    .primary-table.date-table.center .t-row .t-col {
        width: 15%
    }

        .primary-table.date-table.center .t-row .t-col:first-child {
            width: 70%
        }

    .primary-table .t-row.heading .t-col {
        padding: 24px 5px
    }
}

@media (min-width:1800px) {
    .primary-table .t-row.heading .t-col {
        padding: 24px 12px
    }
}

.primary-table .t-row.sub-heading .t-col {
    font-size: 1.125em;
    line-height: 1.77;
    font-weight: 700;
    padding: 24px 24px 16px
}

@media (min-width:1800px) {
    .primary-table .t-row.sub-heading .t-col {
        padding: 24px 12px 16px
    }
}

.primary-table .t-row.no-border {
    border: none
}

.primary-table .t-row .t-col {
    font-size: 1em;
    line-height: 1.5;
    padding: 16px 24px;
    height: 100%
}

@media (min-width:992px) {
    .primary-table .t-row .t-col {
        border: none;
        padding: 16px 5px
    }
}

.table-control-wrap.secondary,
.table-separator {
    border-bottom: solid 1px rgba(0,0,0,.16)
}

@media (min-width:1800px) {
    .primary-table .t-row .t-col {
        padding: 16px 12px
    }
}

.primary-table .t-row .t-col.center {
    justify-content: center;
    text-align: center
}

.primary-table .t-row .t-col.right {
    justify-content: flex-end;
    text-align: right
}

.table-separator {
    display: flex;
    flex-flow: column;
    border-top: solid 1px rgba(0,0,0,.16);
    padding: 48px 0
}

@media (min-width:768px) {
    .table-separator {
        flex-flow: row
    }
}

.table-separator .content {
    display: flex;
    flex-flow: column;
    align-items: center;
    flex-basis: 100%;
    max-width: 100%;
    padding: 0 10px 24px
}

@media (min-width:768px) {
    .table-separator .content {
        flex-basis: 50%;
        max-width: 50%;
        padding: 0 15px
    }
}

.table-separator .content + .content {
    position: relative;
    padding: 24px 10px 0
}

    .table-separator .content + .content:before {
        position: absolute;
        content: '';
        background-color: rgba(0,0,0,.16);
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 72px;
        height: 1px
    }

@media (min-width:768px) {
    .table-separator .content + .content {
        padding: 0 15px
    }

        .table-separator .content + .content:before {
            left: 0;
            transform: translateX(0);
            width: 1px;
            height: 100%
        }
}

.table-separator .content .title {
    font-size: 1em;
    line-height: 1.5;
    color: #F9423A;
    font-weight: 700;
    margin: 0 0 8px
}

.table-separator .content .desc {
    font-size: 1.5em;
    font-weight: 700;
    line-height: 1.33;
    color: #000
}

@media (min-width:992px) {
    .table-separator .content .desc {
        font-size: 2em;
        line-height: 1.25
    }
}

.table-disclaimer {
    padding: 16px 24px 0
}

    .table-disclaimer p {
        font-size: .75em;
        line-height: 1.33;
        color: rgba(0,0,0,.7);
        margin-bottom: 4px
    }

.table-control-wrap {
    flex-flow: column;
    padding: 0 0 24px
}

    .table-control-wrap.secondary .controls {
        margin-bottom: 0
    }

    .table-control-wrap.secondary .dropdown-transparent {
        margin-top: 0;
        background-color: #fff
    }

        .table-control-wrap.secondary .dropdown-transparent .dropdown-transparent__control {
            height: 48px
        }

@media (max-width:991px) {
    .table-control-wrap.secondary .search-form.table-search {
        min-width: 100%;
        margin-bottom: 24px
    }

    .table-control-wrap .item .table-search {
        width: 100%
    }
}

.table-control-wrap .item .buttons + .buttons {
    margin-top: 24px
}

@media (min-width:992px) {
    .table-control-wrap {
        display: flex;
        flex-flow: row;
        justify-content: space-between;
        align-items: center
    }

        .table-control-wrap .item {
            display: flex;
            flex-flow: row;
            align-items: center;
            justify-content: space-between
        }

            .table-control-wrap .item .buttons + .buttons {
                margin-top: 0;
                margin-left: 10px
            }
}

.table-control-wrap .item .buttons .dropdown-transparent {
    margin-top: 0
}

.table-control-wrap .controls {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    margin: 0 0 24px
}

@media (min-width:992px) {
    .table-control-wrap .controls {
        flex-flow: row;
        justify-content: space-between;
        margin: 0
    }
}

.table-control-wrap .controls .title {
    font-size: .875em;
    line-height: 1.71;
    font-weight: 700;
    color: #000;
    margin: 0 0 16px
}

.table-control-wrap .controls .double-btn-tab {
    width: 100%
}

    .table-control-wrap .controls .double-btn-tab .nav-item {
        flex-basis: 50%;
        max-width: 50%
    }

@media (min-width:992px) {
    .table-control-wrap .controls .title {
        margin: 0 16px 0 0
    }

    .table-control-wrap .controls .double-btn-tab {
        width: inherit
    }

        .table-control-wrap .controls .double-btn-tab .nav-item {
            flex-basis: inherit;
            max-width: inherit
        }
}

.table-control-wrap .buttons .button-wrap {
    display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: center;
    margin: 0 -5px
}

    .table-control-wrap .buttons .button-wrap .button-item {
        padding: 0 8px
    }

@media (max-width:991px) {
    .table-control-wrap .buttons .button-wrap .button-item {
        flex-basis: 50%;
        max-width: 50%;
        padding: 0 5px
    }
}

.table-control-wrap .buttons .btn {
    display: flex
}

@media (min-width:992px) {
    .table-control-wrap .buttons .button-wrap {
        margin: 0 -8px
    }

    .table-control-wrap .buttons .btn {
        display: inline-flex
    }
}

.table-control-wrap .buttons .filter-buttons {
    display: flex;
    flex-flow: row;
    justify-content: center;
    align-items: center
}

    .table-control-wrap .buttons .filter-buttons .btn-addon {
        background-color: transparent;
        border: none;
        color: #F9423A;
        font-size: .875em;
        line-height: 1.71;
        height: 100%
    }

        .table-control-wrap .buttons .filter-buttons .btn-addon:first-child {
            color: #999
        }

        .table-control-wrap .buttons .filter-buttons .btn-addon + .btn-addon {
            position: relative
        }

            .table-control-wrap .buttons .filter-buttons .btn-addon + .btn-addon:before {
                position: absolute;
                content: '';
                left: 0;
                top: 0;
                bottom: 0;
                width: 1px;
                background-color: #999;
                margin: 14px 0
            }

.dropdown-transparent {
    margin-top: 32px;
    width: 100%
}

@media (min-width:768px) {
    .dropdown-transparent {
        margin-top: 0;
        width: inherit
    }
}

.dropdown-transparent.bg-white {
    background-color: #fff
}

.dropdown-transparent .dropdown-transparent__control {
    background-color: transparent;
    min-width: 170px;
    height: 56px;
    border: 1px solid rgba(0,0,0,.16);
    border-radius: 4px;
    box-shadow: none;
    width: 100%
}

@media (min-width:768px) {
    .dropdown-transparent .dropdown-transparent__control {
        width: inherit
    }
}

@media (min-width:1200px) {
    .dropdown-transparent .dropdown-transparent__control {
        min-width: 200px
    }
}

@media (min-width:1440px) {
    .dropdown-transparent .dropdown-transparent__control {
        padding: 0 14px
    }
}

.dropdown-transparent .dropdown-transparent__control:hover {
    border-color: rgba(0,0,0,.16)
}

.dropdown-transparent .dropdown-transparent__control + .dropdown-transparent__menu {
    z-index: 2
}

.dropdown-transparent .dropdown-transparent__control .dropdown-transparent__placeholder,
.dropdown-transparent .dropdown-transparent__control .dropdown-transparent__single-value {
    font-size: 1em;
    line-height: 1.5;
    color: #000;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%
}

.dropdown-transparent .dropdown-transparent__control .icon {
    font-size: 8px;
    color: #F9423A
}

.dropdown-transparent .dropdown-transparent__control .dropdown-transparent__indicator-separator {
    display: none
}

.dropdown-transparent .dropdown-transparent__menu {
    margin-top: 0
}

.value-info-section .section-wrapper {
    width: 100%
}

@media (max-width:767px) {
    .value-info-section {
        padding: 0
    }

        .value-info-section .section-wrapper {
            padding: 0 7px
        }
}

.value-info-section .section-wrapper .section-item {
    margin-right: 30px;
    flex-grow: 1;
    border-bottom: 4px solid #F9423A;
    height: 92px
}

@media (max-width:991px) {
    .value-info-section .section-wrapper .section-item {
        margin: 0 0 48px
    }
}

.value-info-section .section-wrapper .section-item .title {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #F9423A;
    margin-bottom: 0
}

.value-info-section .section-wrapper .section-item .value {
    font-size: 32px;
    line-height: 40px;
    font-weight: 700;
    display: flex;
    flex-grow: 1;
    align-items: center;
    padding-bottom: 4px
}

.info-boxes {
    padding-bottom: 0
}

@media (max-width:767px) {
    .info-boxes {
        padding: 0
    }
}

.info-boxes .box-item {
    flex-grow: 1;
    padding: 120px 150px;
    min-height: 546px
}

    .info-boxes .box-item.bg-gray {
        background-color: #F6F5F3
    }

    .info-boxes .box-item > * {
        max-width: 100%
    }

    .info-boxes .box-item .box-icon {
        font-size: 42px;
        margin-bottom: 25px
    }

    .info-boxes .box-item .box-title {
        font-size: 48px;
        font-weight: 700;
        line-height: 64px
    }

@media (max-width:767px) {
    .info-boxes .box-item {
        padding: 49px 24px;
        min-height: 0
    }

        .info-boxes .box-item .box-title {
            font-size: 31px;
            line-height: 43px
        }
}

.info-boxes .box-item .box-text {
    flex-grow: 1;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 50px
}

@media (max-width:767px) {
    .info-boxes .box-item .box-text {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 24px
    }
}

.info-boxes .box-item .box-button {
    width: 190px
}

.statistics-info-section {
    padding: 0
}

    .statistics-info-section .row {
        margin-right: 0
    }

@media (max-width:991px) {
    .statistics-info-section {
        padding: 0 16px
    }
}

.statistics-info-section .statistics-wrapper {
    padding-top: 99px
}

@media (max-width:1199px) {
    .statistics-info-section .statistics-wrapper {
        padding: 48px 24px 0
    }
}

@media (max-width:991px) {
    .statistics-info-section .statistics-wrapper {
        padding: 48px 0 0
    }
}

.statistics-info-section .statistics-wrapper .statistics-text .title {
    font-size: 2em;
    font-weight: 700;
    line-height: 1.25
}

.statistics-info-section .statistics-wrapper .statistics-text .content {
    padding-bottom: 48px
}

    .statistics-info-section .statistics-wrapper .statistics-text .content p {
        font-size: 1em;
        line-height: 2em;
        margin-bottom: 48px
    }

        .statistics-info-section .statistics-wrapper .statistics-text .content p:last-child {
            margin-bottom: 0
        }

.statistics-info-section .statistics-wrapper .statistics-numbers::-webkit-scrollbar-track {
    -webkit-box-shadow: none !important;
    background-color: transparent
}

.statistics-info-section .statistics-wrapper .statistics-numbers::-webkit-scrollbar {
    width: 3px !important;
    background-color: transparent
}

.statistics-info-section .statistics-wrapper .statistics-numbers::-webkit-scrollbar-thumb {
    background-color: transparent
}

.statistics-info-section .statistics-wrapper .statistics-numbers .statistics-table thead tr {
    background-color: #F9423A;
    font-weight: 700;
    color: #fff
}

.statistics-info-section .statistics-wrapper .statistics-numbers .statistics-table thead td {
    min-width: 230px;
    padding: 20px 0 20px 20px
}

.statistics-info-section .statistics-wrapper .statistics-numbers .statistics-table tr {
    font-size: 16px;
    line-height: 22px
}

    .statistics-info-section .statistics-wrapper .statistics-numbers .statistics-table tr td {
        min-width: 80px;
        padding: 20px 0 20px 20px
    }

@media (min-width:992px) {
    .statistics-info-section .statistics-wrapper .primary-table .t-row .t-col {
        flex: 0 0 13%;
        max-width: 13%
    }

        .statistics-info-section .statistics-wrapper .primary-table .t-row .t-col.main {
            flex: 1 1 auto;
            max-width: 100%
        }
}

.statistics-info-section .statistics-box {
    background-color: #F5F5F5;
    padding: 96px 0 78px 48px;
    position: relative
}

    .statistics-info-section .statistics-box:before {
        content: "";
        height: 50px;
        background-color: #F9423A;
        position: absolute;
        width: calc(100% - 50px);
        bottom: -50px
    }

    .statistics-info-section .statistics-box .box-title {
        font-weight: 700;
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 24px;
        padding-right: 60px
    }

    .statistics-info-section .statistics-box .box-red-title {
        font-weight: 700;
        font-size: 1em;
        line-height: 1.5;
        color: #F9423A;
        border-top: 1px solid #E0E0E0;
        padding-top: 24px;
        margin-bottom: 8px
    }

    .statistics-info-section .statistics-box .box-value {
        font-weight: 700;
        font-size: 2em;
        line-height: 1.25
    }

.about-us-slider-section {
    position: relative
}

    .about-us-slider-section .about-us-slider {
        background-color: #343248
    }

    .about-us-slider-section .item .bg-column {
        background-position: center;
        padding-top: 51.992366%;
        background-size: cover;
        height: 100%
    }

    .about-us-slider-section .slider-info-wrapper {
        padding: 92px 172px 92px 136px
    }

@media (max-width:1199px) {
    .about-us-slider-section .slider-info-wrapper {
        padding: 48px 24px
    }
}

.about-us-slider-section .slider-info-wrapper.holder {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.about-us-slider-section .slider-info-wrapper .slider-title {
    font-weight: 700;
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 48px;
    color: #F9423A
}

@media (max-width:991px) {
    .about-us-slider-section .slider-info-wrapper .slider-title {
        font-size: 16px;
        margin-bottom: 24px
    }
}

.about-us-slider-section .slider-content {
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 48px;
    color: #fff
}

@media (max-width:991px) {
    .about-us-slider-section .slider-content {
        margin-bottom: 24px
    }
}

@media (max-width:767px) {
    .statistics-info-section .statistics-wrapper .statistics-numbers {
        margin-right: -26px;
        overflow-x: scroll
    }

    .about-us-slider-section .slider-content {
        font-size: 24px;
        line-height: 32px
    }
}

.about-us-slider-section .slider-controls .owl-next,
.about-us-slider-section .slider-controls .owl-prev {
    background-color: #F9423A;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    text-align: center;
    line-height: 22px;
    cursor: pointer;
    box-shadow: 0 10px 25px 0 rgba(0,0,0,.1);
    transition: all ease .25s
}

    .about-us-slider-section .slider-controls .owl-next.disabled,
    .about-us-slider-section .slider-controls .owl-prev.disabled {
        opacity: .5;
        cursor: default
    }

    .about-us-slider-section .slider-controls .owl-next:not(.disabled):hover,
    .about-us-slider-section .slider-controls .owl-prev:not(.disabled):hover {
        box-shadow: 0 10px 25px 0 rgba(0,0,0,.2);
        transform: translateY(-3px)
    }

    .about-us-slider-section .slider-controls .owl-next .icon,
    .about-us-slider-section .slider-controls .owl-prev .icon {
        font-size: 13px;
        color: #fff
    }

.about-us-slider-section .slider-controls .dots-wrap {
    margin: 0 24px;
    color: #999;
    font-size: 18px;
    font-weight: 700
}

    .about-us-slider-section .slider-controls .dots-wrap span {
        font-size: 16px;
        line-height: 24px;
        margin-left: 4px
    }

        .about-us-slider-section .slider-controls .dots-wrap span:first-child {
            color: #fff;
            margin: 0 4px 0 0
        }

.about-us-slider-section .slider-controls .slider-index {
    color: #F9423A
}

.about-us-slider-section .slider-controls .slider-total {
    color: #999
}

.controls-holder {
    z-index: 1;
    position: absolute;
    left: 0;
    right: 0;
    pointer-events: none
}

    .controls-holder .owl-next,
    .controls-holder .owl-prev {
        pointer-events: all
    }

.bar-chart-section {
    text-align: center;
    position: relative
}

    .bar-chart-section:before {
        content: "";
        height: 4px;
        background-color: #F6F5F3;
        width: 100%;
        position: absolute;
        bottom: 88px;
        left: 0
    }

    .bar-chart-section .section-title {
        font-weight: 700;
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 16px
    }

    .bar-chart-section .section-content {
        font-size: 16px;
        line-height: 32px;
        margin-bottom: 48px
    }

    .bar-chart-section .bar-charts-wrapper .bar-chart-info .chart-info {
        font-weight: 700;
        line-height: 24px;
        font-size: 14px;
        margin-left: 80px;
        position: relative
    }

        .bar-chart-section .bar-charts-wrapper .bar-chart-info .chart-info:first-child {
            margin-left: 0
        }

@media (max-width:767px) {
    .bar-chart-section .bar-charts-wrapper .bar-chart-info .chart-info {
        margin: 0;
        line-height: 36px
    }
}

.bar-chart-section .bar-charts-wrapper .bar-chart-info .chart-info:before {
    content: "";
    width: 16px;
    height: 16px;
    background-color: #000;
    position: absolute;
    left: -23px;
    top: 1px
}

.bar-chart-section .bar-charts-wrapper .bar-chart-info .chart-info.red {
    color: #F9423A
}

.bar-chart-section .bar-charts-wrapper .bar-chart-info .chart-info.gray,
.bar-chart-section .bar-charts-wrapper .bar-charts .chart-group .charts .gray-chart .chart-percentage {
    color: #999
}

.bar-chart-section .bar-charts-wrapper .bar-chart-info .chart-info.red:before {
    background-color: #F9423A
}

.bar-chart-section .bar-charts-wrapper .bar-chart-info .chart-info.gray:before {
    background-color: #fff;
    border: 1px solid #E0E0E0
}

.bar-chart-section .bar-charts-wrapper .bar-charts .chart-group {
    margin-left: 48px
}

@media (max-width:767px) {
    .bar-chart-section .bar-charts-wrapper .bar-charts .chart-group {
        margin-left: 8px
    }
}

.bar-chart-section .bar-charts-wrapper .bar-charts .chart-group:first-child {
    margin-left: 0
}

.bar-chart-section .bar-charts-wrapper .bar-charts .chart-group .charts {
    height: 316px;
    border-bottom: 4px solid #4F5254
}

    .bar-chart-section .bar-charts-wrapper .bar-charts .chart-group .charts .chart-percentage {
        font-size: 18px;
        line-height: 32px;
        font-weight: 700;
        color: #999;
        margin-bottom: 16px;
        width: 100%
    }

    .bar-chart-section .bar-charts-wrapper .bar-charts .chart-group .charts .single-chart {
        width: 36px;
        background-color: #000;
        height: 100%
    }

    .bar-chart-section .bar-charts-wrapper .bar-charts .chart-group .charts .gray-chart {
        margin-left: 14px
    }

@media (max-width:767px) {
    .bar-chart-section .bar-charts-wrapper .bar-charts .chart-group .charts .chart-percentage {
        font-size: 17px;
        margin-bottom: 8px
    }

    .bar-chart-section .bar-charts-wrapper .bar-charts .chart-group .charts .single-chart {
        width: 24px
    }

    .bar-chart-section .bar-charts-wrapper .bar-charts .chart-group .charts .gray-chart {
        margin-left: 5px
    }
}

.bar-chart-section .bar-charts-wrapper .bar-charts .chart-group .charts .gray-chart .single-chart {
    background-color: #E0E0E0
}

.bar-chart-section .bar-charts-wrapper .bar-charts .chart-group .charts .red-chart .single-chart {
    background-color: #F9423A
}

.bar-chart-section .bar-charts-wrapper .bar-charts .chart-group .charts .red-chart .chart-percentage {
    color: #F9423A
}

.bar-chart-section .bar-charts-wrapper .bar-charts .chart-label {
    font-size: 14px;
    line-height: 24px;
    color: #4F5254;
    margin-top: 16px
}

.sustainability-slider-section {
    padding-bottom: 0
}

    .sustainability-slider-section .row {
        margin-right: 0
    }

    .sustainability-slider-section .container-exxl,
    .sustainability-slider-section .container-fluid,
    .sustainability-slider-section .container-lg,
    .sustainability-slider-section .container-md,
    .sustainability-slider-section .container-sm,
    .sustainability-slider-section .container-xl,
    .sustainability-slider-section .container-xxl {
        padding: 0
    }

    .sustainability-slider-section .sustainability-wrapper {
        background-color: #F9423A;
        padding: 96px 80px 48px 98px
    }

@media (max-width:1199px) {
    .sustainability-slider-section .sustainability-wrapper {
        padding: 96px 16px 48px 26px
    }
}

.sustainability-slider-section .sustainability-wrapper .section-title {
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    color: #fff;
    mnargin-bottom: 16px
}

.sustainability-slider-section .sustainability-wrapper .section-content {
    font-size: 16px;
    line-height: 32px;
    color: #fff;
    margin-bottom: 24px
}

.sustainability-slider-section .sustainability-wrapper .btn-general {
    font-weight: 700;
    margin-bottom: 23px
}

.sustainability-slider-section .sustainability-wrapper .sustainability-slider .owl-stage-outer {
    padding-top: 50px
}

.sustainability-slider-section .sustainability-wrapper .sustainability-slider .owl-nav {
    display: flex;
    margin-top: 48px
}

    .sustainability-slider-section .sustainability-wrapper .sustainability-slider .owl-nav .owl-next,
    .sustainability-slider-section .sustainability-wrapper .sustainability-slider .owl-nav .owl-prev {
        background-color: #fff;
        width: 32px;
        height: 32px;
        border-radius: 50%;
        margin-right: 24px;
        text-align: center;
        line-height: 32px;
        cursor: pointer;
        box-shadow: 0 10px 25px 0 rgba(0,0,0,.1);
        transition: all ease .25s
    }

        .sustainability-slider-section .sustainability-wrapper .sustainability-slider .owl-nav .owl-next.disabled,
        .sustainability-slider-section .sustainability-wrapper .sustainability-slider .owl-nav .owl-prev.disabled {
            opacity: .5;
            cursor: default
        }

        .sustainability-slider-section .sustainability-wrapper .sustainability-slider .owl-nav .owl-next:not(.disabled):hover,
        .sustainability-slider-section .sustainability-wrapper .sustainability-slider .owl-nav .owl-prev:not(.disabled):hover {
            box-shadow: 0 10px 25px 0 rgba(0,0,0,.2);
            transform: translateY(-3px)
        }

        .sustainability-slider-section .sustainability-wrapper .sustainability-slider .owl-nav .owl-next .icon,
        .sustainability-slider-section .sustainability-wrapper .sustainability-slider .owl-nav .owl-prev .icon {
            font-size: 13px;
            color: #F9423A
        }

.sustainability-slider-section .sustainability-wrapper .sustainability-slider .item {
    background-color: #fff;
    padding: 24px 24px 48px;
    border-radius: 2px;
    overflow: visible
}

    .sustainability-slider-section .sustainability-wrapper .sustainability-slider .item .item-upper-section {
        margin-bottom: 24px
    }

        .sustainability-slider-section .sustainability-wrapper .sustainability-slider .item .item-upper-section .slider-img {
            width: 96px;
            height: 96px;
            padding: 16px;
            box-shadow: 0 12px 24px rgba(0,0,0,.08);
            border-radius: 2px;
            background-color: #fff;
            margin-top: -50px
        }

        .sustainability-slider-section .sustainability-wrapper .sustainability-slider .item .item-upper-section .slider-title {
            font-weight: 700;
            font-size: 16px;
            line-height: 22px;
            margin-left: 17px
        }

    .sustainability-slider-section .sustainability-wrapper .sustainability-slider .item .slider-text {
        font-size: 16px;
        line-height: 24px
    }

.sustainability-slider-section .sustainability-wrapper .owl-dot.active span {
    background-color: rgba(0,0,0,.32)
}

.sustainability-slider-section .bg-column {
    background-position: center;
    padding-top: 50%;
    background-size: cover;
    height: 100%
}

.company-management-section {
    padding: 0;
    max-height: 660px
}

    .company-management-section .management-info {
        margin: 0 -10px;
        padding: 224px 144px 224px 172px
    }

        .company-management-section .management-info .section-title {
            font-weight: 700;
            font-size: 48px;
            line-height: 64px;
            margin-bottom: 48px
        }

        .company-management-section .management-info .management-group .group-item {
            color: #fff;
            width: 46%
        }

            .company-management-section .management-info .management-group .group-item:first-child {
                margin-right: 8%
            }

@media (max-width:767px) {
    .company-management-section .management-info {
        padding: 48px 16px
    }

        .company-management-section .management-info .section-title {
            font-size: 32px;
            line-height: 43px
        }

        .company-management-section .management-info .management-group .group-item {
            width: 100%
        }

            .company-management-section .management-info .management-group .group-item:first-child {
                margin: 0 0 48px
            }
}

.company-management-section .management-info .management-group .group-item .icon {
    font-size: 45px;
    margin-bottom: 18px
}

@media (max-width:767px) {
    .company-management-section .management-info .management-group .group-item .icon {
        font-size: 21px;
        margin: 0;
        position: absolute
    }

    .company-management-section .management-info .management-group .group-item .item-text {
        font-size: 16px;
        line-height: 22px;
        padding-left: 33px
    }
}

.company-management-section .management-info .management-group .group-item .item-text {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    border-bottom: 2px solid #fff;
    padding-bottom: 16px;
    position: relative
}

    .company-management-section .management-info .management-group .group-item .item-text:before {
        position: absolute;
        content: "\e912";
        font-family: koc;
        right: 0;
        top: 0;
        font-size: 21px
    }

.media-card .card2-header:before,
.video-modal .modal-dialog .modal-content:after {
    content: ''
}

.company-management-section .bg-column {
    background-position: center;
    padding-top: 86%;
    background-size: cover;
    height: 100%;
    margin: 0 -10px
}

.company-rating-section {
    padding: 0
}

    .company-rating-section .rating-group-wrapper {
        flex-grow: 1;
        padding: 48px 10px 0;
        margin: 0 -10px;
        background-color: #fff
    }

@media (min-width:992px) {
    .company-rating-section .rating-group-wrapper {
        padding: 96px 24px 48px
    }
}

@media (min-width:1200px) {
    .company-rating-section .rating-group-wrapper {
        padding: 96px 60px 48px 172px
    }
}

.company-rating-section .rating-group-wrapper.bg-gray {
    background-color: #F6F5F3;
    padding: 48px 10px 0
}

@media (min-width:992px) {
    .company-rating-section .rating-group-wrapper.bg-gray {
        padding: 96px 24px 48px
    }
}

@media (min-width:1200px) {
    .company-rating-section .rating-group-wrapper.bg-gray {
        padding: 96px 108px 48px 124px
    }
}

.company-rating-section .rating-group-wrapper .group-title {
    font-weight: 700;
    font-size: 2em;
    line-height: 1.25;
    margin-bottom: 48px
}

@media (max-width:767px) {
    .company-rating-section .rating-group-wrapper .group-title {
        font-size: 1.5em;
        line-height: 1.33
    }
}

.company-rating-section .rating-group-wrapper .group-sub-title {
    font-weight: 700;
    font-size: 1em;
    line-height: 1.5;
    color: #F9423A;
    margin-bottom: 8px
}

.company-rating-section .rating-group-wrapper .rating-card-wrap {
    padding-bottom: 48px
}

    .company-rating-section .rating-group-wrapper .rating-card-wrap > [class*=col-] {
        margin-top: 16px
    }

@media (min-width:768px) {
    .company-rating-section .rating-group-wrapper .group-sub-title {
        margin-bottom: 0
    }

    .company-rating-section .rating-group-wrapper .rating-card-wrap > [class*=col-] {
        margin-top: 24px
    }
}

.pie-chart-section {
    padding: 48px 0
}

    .pie-chart-section .pie-chart-wrapper {
        width: 100%;
        margin-bottom: 48px
    }

@media (min-width:992px) {
    .pie-chart-section {
        padding: 96px 0
    }

        .pie-chart-section .pie-chart-wrapper {
            margin-bottom: 0
        }
}

.pie-chart-section .pie-chart-section-title {
    font-weight: 400;
    font-size: 32px;
    line-height: 40px;
    text-align: center;
    margin-bottom: 48px
}

.pie-chart-section .pie-chart-table-wrapper .chart-table tr {
    font-size: 16px;
    font-style: normal;
    font-weight: 400
}

    .pie-chart-section .pie-chart-table-wrapper .chart-table tr.bold-column {
        font-weight: 700;
        position: relative
    }

    .pie-chart-section .pie-chart-table-wrapper .chart-table tr.border-bottom-col {
        border-bottom: 1px solid rgba(0,0,0,.32)
    }

        .pie-chart-section .pie-chart-table-wrapper .chart-table tr.border-bottom-col.bold {
            border-bottom: 4px solid #000
        }

        .pie-chart-section .pie-chart-table-wrapper .chart-table tr.border-bottom-col td {
            padding-bottom: 16px
        }

    .pie-chart-section .pie-chart-table-wrapper .chart-table tr .long-bar {
        width: 400px
    }

    .pie-chart-section .pie-chart-table-wrapper .chart-table tr .short-bar {
        width: 123px;
        text-align: center
    }

    .pie-chart-section .pie-chart-table-wrapper .chart-table tr td {
        padding-top: 16px;
        border: none
    }

.pie-chart-section .pie-chart-table-wrapper .chart-table.table-header {
    width: 650px
}

    .pie-chart-section .pie-chart-table-wrapper .chart-table.table-header tr {
        background-color: #F9423A;
        color: #fff;
        height: 72px;
        line-height: 22px
    }

        .pie-chart-section .pie-chart-table-wrapper .chart-table.table-header tr td {
            padding-top: 0
        }

        .pie-chart-section .pie-chart-table-wrapper .chart-table.table-header tr .long-bar {
            padding-left: 24px
        }

.pie-chart-section .pie-chart-table-wrapper .chart-table.table-body {
    width: 605px;
    margin-left: 21px
}

    .pie-chart-section .pie-chart-table-wrapper .chart-table.table-body .short-bar {
        text-align: right
    }

.media-card {
    flex: 1 1 100%;
    border: 0;
    border-radius: 0;
    background-color: transparent
}

    .media-card.type2 .card2-header:before {
        display: none
    }

    .media-card.type2 .card2-body {
        padding: 24px 0
    }

        .media-card.type2 .card2-body .card2-title {
            font-size: 1.5em;
            line-height: 1.33;
            margin-bottom: 8px
        }

        .media-card.type2 .card2-body .card2-subtitle,
        .media-card.type2 .card2-body .card2-text {
            font-size: 1em
        }

        .media-card.type2 .card2-body .btn-general {
            margin-top: 48px;
            max-width: 190px;
            width: 100%
        }

@media (max-width:767px) {
    .media-card.type2 .card2-body {
        padding: 24px 0 48px
    }

        .media-card.type2 .card2-body .card2-text {
            font-size: .875em;
            line-height: 1.71
        }

        .media-card.type2 .card2-body .btn-general {
            margin-top: 24px
        }
}

.media-card.color-black .card2-body {
    color: #000
}

.media-card.bg-sunset-orange {
    background-color: #F9423A
}

.media-card.bg-emerald {
    background-color: #44CC62
}

.media-card.bg-curious-blue {
    background-color: #1392E5
}

.media-card.bg-yellow-sea {
    background-color: #FFAD00
}

.media-card .card2-header {
    position: relative;
    padding: 0;
    flex-shrink: 0
}

    .media-card .card2-header:before {
        background: rgba(0,0,0,.32);
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }

    .media-card .card2-header .card2-img {
        border-radius: 0
    }

    .media-card .card2-header .card2-title {
        display: flex;
        align-items: flex-end;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        padding: 48px;
        font-size: 2em;
        font-weight: 700;
        line-height: 1.25;
        color: #fff;
        margin-bottom: 0
    }

@media (max-width:1199px) {
    .media-card .card2-header .card2-title {
        padding: 36px
    }
}

@media (max-width:991px) {
    .media-card .card2-header .card2-title {
        padding: 24px
    }
}

@media (min-width:992px) {
    .media-card .card2-header .card2-title {
        font-size: 3em;
        line-height: 1.33
    }
}

.media-card .card2-body {
    padding: 48px;
    color: #fff
}

@media (max-width:1199px) {
    .media-card .card2-body {
        padding: 36px
    }
}

@media (max-width:991px) {
    .media-card .card2-body {
        padding: 24px 16px 48px
    }
}

.media-card .card2-body .card2-subtitle {
    margin-top: 0;
    margin-bottom: 24px;
    font-size: 1.125em;
    line-height: 1.77
}

.media-card .card2-body .card2-text {
    font-size: .875em;
    line-height: 1.71;
    margin-bottom: 0
}

.media-card .card2-body .btn-general {
    margin-top: 24px
}

@media (max-width:1199px) {
    .media-card .card2-body .btn-general {
        padding: 12px 10px
    }
}

.media-card-slider .swiper-pagination {
    position: static;
    order: 1
}

.media-card-slider .swiper-wrapper {
    order: 0
}

    .media-card-slider .swiper-wrapper.center {
        justify-content: center
    }

.media-card-slider .swiper-container {
    display: flex;
    flex-flow: column
}

@media (max-width:767px) {
    .media-card-slider {
        padding: 0 16px
    }

        .media-card-slider .swiper-slide:not(.swiper-slide-active) {
            opacity: .5
        }

        .media-card-slider .swiper-container {
            overflow: inherit
        }
}

@media (min-width:768px) {
    .media-card-slider .swiper-pagination {
        margin-top: 24px
    }
}

.media-card-slider .swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background: rgba(0,0,0,.32);
    margin: 0 4px;
    opacity: 1
}

    .media-card-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background-color: #F9423A
    }

.media-card-list {
    margin-bottom: -60px
}

@media (max-width:991px) {
    .media-card-list {
        margin-bottom: -16px
    }
}

.media-card-list .media-card {
    margin-bottom: 60px
}

.watermark-section {
    padding: 96px 0;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 1440px;
    overflow: hidden
}

@media (max-width:991px) {
    .media-card-list .media-card {
        margin-bottom: 16px
    }

    .watermark-section {
        background-size: contain;
        padding: 48px 0;
        background-position: center -25px
    }
}

@media (min-width:992px) {
    .watermark-section.nested-upper-section {
        margin-top: -140px;
        padding-top: 240px
    }
}

@media (max-width:767px) {
    .media-card-list .media-card {
        margin-right: -10px;
        margin-left: -10px
    }

    .icon-slider.owl-carousel .owl-stage-outer {
        overflow: inherit;
        right: 48px
    }
}

.icon-slider .owl-stage,
.icon-slider .owl-stage .owl-item {
    display: flex
}

    .icon-slider .owl-stage .owl-item .slider-item {
        flex: 1 1 100%
    }

.icon-slider .owl-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 48px
}

    .icon-slider .owl-dots.disabled {
        display: none
    }

    .icon-slider .owl-dots .owl-dot {
        width: 8px;
        height: 8px;
        margin: 0 4px;
        border-radius: 50%;
        background-color: #E0E0E0
    }

        .icon-slider .owl-dots .owl-dot.active {
            background-color: #F9423A
        }

.icon-slider .slider-item {
    border-bottom: 4px solid #F9423A;
    padding: 0 20px 40px;
    text-align: center
}

    .icon-slider .slider-item .icon {
        font-size: 2.8125em;
        color: #F9423A
    }

    .icon-slider .slider-item .desc {
        font-size: 2em;
        font-weight: 700;
        line-height: 1.25;
        margin-top: 33px;
        margin-bottom: 0
    }

@media (max-width:1199px) {
    .icon-slider .slider-item .desc {
        margin-top: 17px;
        font-size: 1.5em;
        line-height: 1.33
    }
}

@media (max-width:575px) {
    .icon-slider .slider-item .desc {
        font-size: 1.2em
    }
}

.personal-info-slider .swiper-container {
    display: flex;
    flex-flow: column-reverse
}

.personal-info-slider .swiper-pagination {
    position: static;
    margin-top: 48px
}

.video-modal .modal-dialog .modal-content .modal-content-wrap,
.video-section {
    position: relative
}

.personal-info-slider .swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin: 0 4px;
    opacity: 1;
    background-color: #E0E0E0
}

    .personal-info-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background-color: #F9423A
    }

.personal-info-slider .swiper-navigation {
    display: none;
    align-items: center;
    margin-top: 50px
}

@media (min-width:768px) {
    .personal-info-slider .swiper-pagination {
        display: none
    }

    .personal-info-slider .swiper-navigation {
        display: flex
    }
}

.personal-info-slider .swiper-navigation .swiper-prev {
    margin-right: 24px
}

.personal-info-slider .swiper-navigation .swiper-next,
.personal-info-slider .swiper-navigation .swiper-prev {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background-color: #F9423A;
    border-radius: 50%;
    box-shadow: 0 3px 6px rgba(0,0,0,.12);
    font-size: 11px;
    color: #fff;
    cursor: pointer
}

    .personal-info-slider .swiper-navigation .swiper-next.swiper-button-disabled,
    .personal-info-slider .swiper-navigation .swiper-prev.swiper-button-disabled {
        opacity: .7;
        cursor: default
    }

@media (max-width:767px) {
    .icon-slider .slider-item {
        padding: 0 0 24px
    }

    .personal-info-slider .person-img {
        width: 96px;
        height: 96px;
        margin-right: 16px
    }
}

.personal-info-slider .title {
    font-size: 1.5em;
    line-height: 1.33;
    margin-bottom: 8px
}

.personal-info-slider .sub-title {
    display: block;
    font-size: 1em;
    line-height: 1.37
}

@media (min-width:768px) {
    .personal-info-slider .sub-title {
        margin-bottom: 24px
    }
}

.personal-info-slider .content {
    font-size: 1em;
    line-height: 1.5
}

    .personal-info-slider .content > p:last-child {
        margin-bottom: 0
    }

.video-section {
    z-index: 1;
    display: flex;
    background-color: #343248;
    width: 100%
}

    .video-section.internal-video.playing .embed-responsive {
        opacity: 1
    }

    .video-section.internal-video .embed-responsive {
        opacity: .36;
        transition: all ease .3s
    }

.social-media-card {
    display: inline-flex;
    align-items: center;
    padding: 27px;
    background: #FFF;
    box-shadow: 0 6px 12px rgba(0,0,0,.16);
    border-radius: 12px
}

    .social-media-card .list-item {
        display: flex;
        align-items: center
    }

        .social-media-card .list-item + .list-item {
            margin-left: 28px
        }

        .social-media-card .list-item:hover .icon {
            color: #F9423A
        }

        .social-media-card .list-item .icon {
            font-size: 18px;
            color: #999;
            transition: ease all .3s
        }

.video-modal {
    padding: 40px 0 80px
}

    .video-modal .modal-dialog {
        display: flex;
        min-height: calc(100% - 1rem);
        max-width: 1256px
    }

@media (min-width:992px) {
    .video-modal {
        padding: 0
    }

        .video-modal .modal-dialog {
            align-items: center;
            min-height: calc(100% - 3.5rem)
        }
}

.video-modal .modal-dialog .modal-content {
    border: 0;
    border-radius: 0;
    background-color: transparent;
    justify-content: space-between
}

@media (min-width:576px) {
    .video-modal .modal-dialog .modal-content {
        padding: 0 16px
    }
}

@media (min-width:992px) {
    .video-modal .modal-dialog .modal-content {
        padding: 0 96px
    }

        .video-modal .modal-dialog .modal-content .modal-content-wrap {
            margin: 0 -16px
        }
}

.video-modal .modal-dialog .modal-content .modal-header {
    justify-content: flex-end;
    padding: 0;
    margin-bottom: 25px;
    border-radius: 0;
    border: none
}

    .video-modal .modal-dialog .modal-content .modal-header:not(.type-2) {
        margin-bottom: 8px
    }

        .video-modal .modal-dialog .modal-content .modal-header:not(.type-2) .btn-close {
            width: 32px;
            height: 32px;
            font-size: 10px;
            background-color: #F9423A;
            border-radius: 50%;
            box-shadow: 0 6px 12px rgba(0,0,0,.16)
        }

@media (min-width:1440px) {
    .video-modal .modal-dialog .modal-content .modal-header:not(.type-2) .btn-close {
        margin-right: -24px
    }
}

.video-modal .modal-dialog .modal-content .modal-header:not(.type-2) .btn-close .icon {
    margin-left: 0
}

.video-modal .modal-dialog .modal-content .btn-play {
    background-color: #fff
}

    .video-modal .modal-dialog .modal-content .btn-play .icon {
        color: #F9423A
    }

    .video-modal .modal-dialog .modal-content .btn-play.type-2 {
        background-color: #F9423A
    }

        .video-modal .modal-dialog .modal-content .btn-play.type-2 .icon {
            color: #fff
        }

.video-modal .modal-dialog .modal-content .btn-close {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #fff;
    padding: 0;
    border: 0;
    outline: 0;
    box-shadow: none
}

@media (min-width:992px) {
    .video-modal .modal-dialog .modal-content .btn-close {
        margin-right: -15px;
        transform: translateX(100%)
    }
}

@media (min-width:1440px) {
    .video-modal .modal-dialog .modal-content .btn-close {
        margin-right: -35px
    }
}

.video-modal .modal-dialog .modal-content .btn-close .icon {
    font-size: 10px;
    margin-left: 10px
}

.video-modal .modal-dialog .modal-content .modal-footer {
    justify-content: center;
    padding: 20px 0;
    border: none
}

@media (min-width:992px) {
    .video-modal .modal-dialog .modal-content .modal-footer {
        justify-content: flex-start
    }
}

.video-modal .modal-dialog .modal-content .modal-footer > * {
    margin: 0
}

.full-video-modal {
    padding: 0 !important
}

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

        .full-video-modal .modal-dialog .modal-content {
            min-height: 100vh;
            border-radius: 0;
            border: none;
            background-color: #000
        }

            .full-video-modal .modal-dialog .modal-content .modal-body {
                padding: 0
            }

                .full-video-modal .modal-dialog .modal-content .modal-body:before {
                    content: '';
                    display: block;
                    height: 100vh
                }

                .full-video-modal .modal-dialog .modal-content .modal-body .video {
                    position: absolute;
                    top: 0;
                    bottom: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    border: 0
                }

            .full-video-modal .modal-dialog .modal-content .btn-play {
                background-color: #fff
            }

                .full-video-modal .modal-dialog .modal-content .btn-play .icon {
                    color: #F9423A
                }

                .full-video-modal .modal-dialog .modal-content .btn-play.type-2 {
                    background-color: #F9423A
                }

                    .full-video-modal .modal-dialog .modal-content .btn-play.type-2 .icon {
                        color: #fff
                    }

            .full-video-modal .modal-dialog .modal-content .btn-close {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 50px;
                height: 50px;
                font-size: 16px;
                color: #fff;
                padding: 0;
                border-radius: 0;
                border: 0;
                background-color: #F9423A;
                outline: 0;
                box-shadow: none;
                position: absolute;
                top: 0;
                right: 0;
                z-index: 2
            }

                .full-video-modal .modal-dialog .modal-content .btn-close .icon {
                    font-size: 20px
                }

.person-card {
    border: 0;
    border-radius: 0;
    background-color: transparent;
    padding-top: 17px
}

    .person-card .card2-body,
    .person-card .card2-header {
        padding: 16px;
        background-color: #fff;
        color: #000
    }

    .person-card .card2-header {
        display: flex;
        border-radius: 0;
        border: 0;
        margin-bottom: 4px
    }

        .person-card .card2-header img {
            border-radius: 2px;
            margin-top: -41px;
            margin-right: 24px;
            max-width: 96px
        }

@media (min-width:768px) {
    .person-card .card2-body,
    .person-card .card2-header {
        padding: 24px
    }

        .person-card .card2-header img {
            max-width: 120px
        }
}

.person-card .card2-header .card2-title {
    font-size: 1.125em;
    margin-bottom: 4px;
    line-height: 1.77
}

.person-card .card2-header .card2-subtitle {
    font-size: 1em;
    line-height: 1.5;
    color: #4F5254
}

.person-card .card2-body {
    font-size: .875em;
    line-height: 1.71
}

.photo-slider {
    display: flex;
    flex-flow: column-reverse
}

@media (max-width:767px) {
    .photo-slider.type-2 {
        margin-bottom: -24px
    }

        .photo-slider.type-2 .swiper-pagination {
            margin-top: 16px
        }
}

@media (max-width:991px) {
    .photo-slider.type-3 {
        overflow: inherit !important
    }

        .photo-slider.type-3 .swiper-slide .slider-content {
            color: #fff;
            background-color: #F9423A
        }

            .photo-slider.type-3 .swiper-slide .slider-content .btn-general {
                background-color: #fff;
                border-color: #fff;
                color: #F9423A;
                box-shadow: 0 6px 12px rgba(0,0,0,.08)
            }

                .photo-slider.type-3 .swiper-slide .slider-content .btn-general:hover {
                    color: #212529;
                    background-color: #fff;
                    border-color: #e6e6e6
                }

                .photo-slider.type-3 .swiper-slide .slider-content .btn-general.focus,
                .photo-slider.type-3 .swiper-slide .slider-content .btn-general:focus {
                    color: #212529;
                    background-color: #fff;
                    border-color: #e6e6e6;
                    box-shadow: 0 0 0 .2rem rgba(222,222,223,.5)
                }

                .photo-slider.type-3 .swiper-slide .slider-content .btn-general.disabled,
                .photo-slider.type-3 .swiper-slide .slider-content .btn-general:disabled {
                    color: #212529;
                    background-color: #fff;
                    border-color: #fff
                }

                .photo-slider.type-3 .swiper-slide .slider-content .btn-general:not(:disabled):not(.disabled).active,
                .photo-slider.type-3 .swiper-slide .slider-content .btn-general:not(:disabled):not(.disabled):active,
                .show > .photo-slider.type-3 .swiper-slide .slider-content .btn-general.dropdown-toggle {
                    color: #212529;
                    background-color: #e6e6e6;
                    border-color: #dfdfdf
                }

                    .photo-slider.type-3 .swiper-slide .slider-content .btn-general:not(:disabled):not(.disabled).active:focus,
                    .photo-slider.type-3 .swiper-slide .slider-content .btn-general:not(:disabled):not(.disabled):active:focus,
                    .show > .photo-slider.type-3 .swiper-slide .slider-content .btn-general.dropdown-toggle:focus {
                        box-shadow: 0 0 0 .2rem rgba(222,222,223,.5)
                    }

    .primary-detail-list .sub-list .list-item:last-child {
        border-bottom: 1px solid #D6D6D6
    }
}

.primary-detail-list .sub-list .list-item + .list-item,
.primary-detail-list > .list-item + .list-item {
    border-top: 1px solid #D6D6D6
}

.photo-slider.type-3 .swiper-slide .slider-content:after,
.photo-slider.type-3 .swiper-slide .slider-content:before {
    background-color: #F9423A
}

.photo-slider.type-3 .swiper-slide .slider-content .slider-title {
    margin-bottom: 24px
}

@media (min-width:1440px) {
    .photo-slider.has-control .swiper-slide .slider-content {
        padding-left: 112px;
        padding-right: 112px
    }
}

.photo-slider.prevent-play-button {
    cursor: pointer
}

    .photo-slider.prevent-play-button .btn-play {
        pointer-events: none
    }

    .photo-slider.prevent-play-button .swiper-button-next.swiper-button-disabled,
    .photo-slider.prevent-play-button .swiper-button-prev.swiper-button-disabled {
        display: none
    }

    .photo-slider.prevent-play-button .embed-responsive-item {
        z-index: -1
    }

.photo-slider .swiper-button-next,
.photo-slider .swiper-button-prev {
    display: none;
    width: 48px;
    height: 48px;
    background: #F9423A;
    border-radius: 50%;
    box-shadow: 0 6px 12px rgba(0,0,0,.16);
    font-family: koc;
    font-size: 15px;
    color: #fff
}

@media (min-width:768px) {
    .photo-slider .swiper-button-next,
    .photo-slider .swiper-button-prev {
        display: flex;
        align-items: center;
        justify-content: center
    }

    .photo-slider .swiper-pagination {
        display: none
    }
}

.photo-slider .swiper-button-next.swiper-button-lock,
.photo-slider .swiper-button-next:after,
.photo-slider .swiper-button-prev.swiper-button-lock,
.photo-slider .swiper-button-prev:after {
    display: none
}

.photo-slider .swiper-button-prev {
    left: 32px
}

    .photo-slider .swiper-button-prev:before {
        content: '\e905'
    }

.photo-slider .swiper-button-next {
    right: 32px
}

    .photo-slider .swiper-button-next:before {
        content: '\e906';
        margin-right: -5px
    }

.photo-slider .swiper-pagination {
    position: static;
    margin-top: 16px;
    line-height: 0
}

    .photo-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background-color: #fff
    }

.photo-slider .swiper-slide {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center
}

    .photo-slider .swiper-slide:not(.swiper-slide-active) {
        opacity: .24
    }

    .photo-slider .swiper-slide.has-video .media-wrap:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(52,50,72,.64)
    }

    .photo-slider .swiper-slide img {
        width: 100%
    }

    .photo-slider .swiper-slide .media-wrap {
        position: relative;
        width: 100%
    }

    .photo-slider .swiper-slide .photo-slider-pagination {
        line-height: 0;
        margin: 16px 0
    }

@media (min-width:992px) {
    .photo-slider.has-control .swiper-slide .slider-content {
        padding-bottom: 142px
    }

    .photo-slider .swiper-slide .photo-slider-pagination {
        display: none
    }
}

.photo-slider .swiper-slide .photo-slider-pagination .swiper-pagination-bullet {
    opacity: 1;
    background-color: rgba(0,0,0,.32)
}

    .photo-slider .swiper-slide .photo-slider-pagination .swiper-pagination-bullet + .swiper-pagination-bullet {
        margin-left: 8px
    }

    .photo-slider .swiper-slide .photo-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background-color: #fff
    }

.photo-slider .swiper-slide .slider-content {
    display: flex;
    flex-flow: column;
    justify-content: flex-end;
    width: 100%;
    font-weight: 700;
    line-height: 1.33;
    color: #000;
    padding: 24px 0;
    background-color: #fff;
    position: relative;
    z-index: 1
}

@media (min-width:992px) {
    .photo-slider .swiper-slide .slider-content {
        color: #fff;
        padding: 48px 82px;
        background-color: rgba(0,0,0,.15);
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 1
    }
}

.photo-slider .swiper-slide .slider-content:after,
.photo-slider .swiper-slide .slider-content:before {
    content: '';
    display: block;
    width: 100vw;
    height: 100%;
    background-color: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: -1
}

.photo-slider .swiper-slide .slider-content:before {
    left: -100%
}

.photo-slider .swiper-slide .slider-content:after {
    right: -100%
}

.photo-slider .swiper-slide .slider-content .slider-title {
    font-size: 2em;
    line-height: 1.33;
    margin: 0 0 10px;
    font-weight: 700
}

@media (min-width:992px) {
    .photo-slider .swiper-slide .slider-content:after,
    .photo-slider .swiper-slide .slider-content:before {
        display: none
    }

    .photo-slider .swiper-slide .slider-content .slider-title {
        font-size: 3em
    }
}

.photo-slider .swiper-slide .slider-content .slider-desc {
    font-size: 1.5em
}

    .photo-slider .swiper-slide .slider-content .slider-desc p {
        margin-bottom: 15px
    }

        .photo-slider .swiper-slide .slider-content .slider-desc p:last-child {
            margin-bottom: 0
        }

.photo-slider .custom-control {
    display: flex;
    flex-flow: row;
    align-items: center;
    min-height: inherit;
    padding: 0;
    margin-top: 24px
}

@media (min-width:992px) {
    .photo-slider .custom-control {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 0 82px 62px;
        margin-top: 0
    }
}

@media (min-width:1440px) {
    .photo-slider .custom-control {
        padding-left: 112px;
        padding-right: 112px
    }
}

.photo-slider .custom-control .swiper-button-next,
.photo-slider .custom-control .swiper-button-prev {
    width: 32px;
    height: 32px;
    display: none
}

@media (min-width:992px) {
    .photo-slider .custom-control .swiper-button-next,
    .photo-slider .custom-control .swiper-button-prev {
        display: flex;
        position: static;
        flex: 0 0 auto;
        margin: 0
    }
}

.photo-slider .custom-control .swiper-pagination {
    display: flex;
    margin: 0 12px
}

    .photo-slider .custom-control .swiper-pagination .swiper-pagination-bullet {
        opacity: 1;
        margin: 0 4px;
        background-color: rgba(0,0,0,.32)
    }

@media (min-width:992px) {
    .photo-slider .custom-control .swiper-pagination .swiper-pagination-bullet {
        background-color: rgba(255,255,255,.32)
    }
}

.photo-slider .custom-control .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #fff
}

.nested-slider-section .photo-slider-wrapper {
    margin-bottom: -25%;
    overflow: hidden
}

@media (min-width:992px) {
    .photo-slider .custom-control .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background-color: #F9423A
    }

    .nested-slider-section .photo-slider-wrapper {
        padding-bottom: 64px
    }
}

@media (max-width:767px) {
    .nested-slider-section .photo-slider-wrapper .swiper-container {
        overflow: inherit
    }
}

.nested-slider-section .section {
    padding-top: 25%
}

.nested-slider-section .dropdown-transparent {
    margin-top: 16px
}

.employee-card {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding: 48px 24px;
    background: #F6F5F3;
    border-radius: 10px;
    transition: ease-in-out all .3s;
    text-align: center
}

    .employee-card:hover {
        background-color: #343248
    }

        .employee-card:hover .title {
            color: #fff
        }

    .employee-card .sub-title,
    .employee-card .title {
        font-weight: 700
    }

    .employee-card .title {
        margin: 24px 0 8px;
        font-size: 2em;
        line-height: 1.34
    }

@media (min-width:768px) {
    .employee-card {
        padding: 24px
    }

        .employee-card .title {
            margin: 16px 0 .65px;
            font-size: 1.5em;
            line-height: 1.33
        }
}

.employee-card .icon,
.employee-card .sub-title {
    color: #F9423A
}

.employee-card .sub-title {
    font-size: 1.5em;
    line-height: 1.33;
    margin-bottom: 12px
}

@media (min-width:768px) {
    .employee-card .sub-title {
        font-size: 1.125em;
        line-height: 1.77
    }
}

.employee-card .icon {
    font-size: 42px
}

.employee-card-list {
    margin-bottom: -16px
}

@media (min-width:768px) {
    .employee-card .icon {
        font-size: 22px
    }

    .employee-card-list {
        margin-bottom: -48px
    }
}

.employee-card-list .employee-card {
    margin-bottom: 16px
}

@media (min-width:768px) {
    .employee-card-list .employee-card {
        margin-bottom: 48px
    }

    .employee-card-list .row {
        margin-right: -14px;
        margin-left: -14px
    }

        .employee-card-list .row > [class*=col-] {
            padding-right: 14px;
            padding-left: 14px
        }
}

.primary-detail-list {
    margin-top: 32px
}

    .primary-detail-list > .list-item {
        padding: 24px 0
    }

@media (min-width:992px) {
    .primary-detail-list {
        margin-top: 76px
    }

        .primary-detail-list > .list-item {
            padding: 48px 0
        }
}

.primary-detail-list > .list-item:first-child {
    padding-top: 0
}

.primary-detail-list > .list-item:last-child {
    padding-bottom: 0
}

.primary-detail-list > .list-item .item-title {
    display: block;
    font-size: 1.5em;
    line-height: 1.33;
    margin-bottom: 24px
}

.primary-detail-list > .list-item .item-content p:last-child {
    margin-bottom: 0
}

.primary-detail-list .sub-list .list-item {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 16px 0
}

    .primary-detail-list .sub-list .list-item:first-child {
        padding-top: 0
    }

    .primary-detail-list .sub-list .list-item > span {
        padding: 0 10px
    }

        .primary-detail-list .sub-list .list-item > span:first-child {
            padding-left: 0
        }

        .primary-detail-list .sub-list .list-item > span:last-child {
            padding-right: 0
        }

@media (min-width:992px) {
    .primary-detail-list > .list-item .item-title {
        line-height: 1.77;
        font-size: 1.125em;
        margin-bottom: 0
    }

    .primary-detail-list .sub-list .list-item {
        align-items: center
    }

        .primary-detail-list .sub-list .list-item > span {
            flex-basis: 33.3333333%;
            max-width: 33.3333333%
        }
}

.primary-table-slider .swiper-container {
    display: flex;
    flex-flow: column-reverse
}

.primary-table-slider .swiper-pagination {
    position: static;
    background: #FFF;
    border-width: 0 1px 1px;
    border-style: solid;
    border-color: rgba(0,0,0,.16);
    border-radius: 0 0 4px 4px
}

    .primary-table-slider .swiper-pagination .swiper-pagination-bullet {
        background: #E0E0E0;
        opacity: 1
    }

        .primary-table-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
            background: #F9423A
        }

.standard-section {
    display: flex;
    flex-flow: column;
    overflow: hidden
}

@media (max-width:991px) {
    .standard-section.has-shape:not(.bottom).mobile-top .section-bg,
    .standard-section.has-shape:not(.top).mobile-top .section-bg {
        margin-top: 24px;
        margin-bottom: 0
    }

        .standard-section.has-shape:not(.bottom).mobile-top .section-bg .section-shape,
        .standard-section.has-shape:not(.top).mobile-top .section-bg .section-shape {
            top: -24px;
            bottom: inherit
        }

    .standard-section.has-shape:not(.bottom).mobile-bottom .section-bg,
    .standard-section.has-shape:not(.top).mobile-bottom .section-bg {
        margin-bottom: 24px;
        margin-top: 0
    }

        .standard-section.has-shape:not(.bottom).mobile-bottom .section-bg .section-shape,
        .standard-section.has-shape:not(.top).mobile-bottom .section-bg .section-shape {
            bottom: -24px;
            top: inherit
        }

    .standard-section.has-shape.mobile-left .section-bg .section-shape {
        left: 0;
        right: inherit
    }

    .standard-section.has-shape.mobile-right .section-bg .section-shape {
        right: 0;
        left: inherit
    }
}

.standard-section.has-shape.top .section-shape {
    top: -10.7%;
    bottom: inherit
}

.standard-section.has-shape.bottom .section-bg {
    margin-bottom: 24px
}

.standard-section.has-shape.bottom .section-shape {
    top: inherit;
    bottom: -10.7%
}

@media (min-width:992px) {
    .standard-section {
        flex-flow: row
    }

        .standard-section.has-shape.top .section-bg {
            margin-top: 8.6%
        }

        .standard-section.has-shape.right .section-shape {
            right: -10.7%;
            left: inherit
        }

        .standard-section.has-shape.right.top.bottom .section-shape {
            right: 0
        }

        .standard-section.has-shape.bottom .section-bg {
            margin-bottom: 8.6%
        }

        .standard-section.has-shape.left .section-shape {
            left: -10.7%;
            right: inherit
        }

        .standard-section.has-shape.left.top.bottom .section-shape {
            left: 0
        }
}

.standard-section.has-shape.top.bottom .section-bg {
    margin-top: 8.6%;
    margin-bottom: 8.6%
}

.standard-section.has-shape.top.bottom .section-shape {
    top: -10.7%;
    bottom: -10.7%;
    width: 29%;
    height: inherit
}

.standard-section.has-shape .section-bg {
    padding-top: 80.54%
}

@media (max-width:991px) {
    .standard-section.has-shape .section-bg {
        margin-bottom: 24px
    }

        .standard-section.has-shape .section-bg .section-shape {
            width: 50.4%;
            height: 24px;
            top: inherit;
            bottom: -24px
        }
}

.standard-section.has-shape .section-shape {
    position: absolute;
    top: 0;
    left: 0;
    width: 81.9%;
    height: 77.5%;
    z-index: -1
}

.standard-section.bg-vertical-ratio .section-bg {
    padding-top: 137%
}

.standard-section.bg-fluid.has-shape .section-item.item-bg {
    flex-basis: 100%;
    max-width: 100%
}

.standard-section.bg-shifted {
    margin-top: 120px
}

@media (min-width:992px) {
    .standard-section.bg-shifted {
        margin-top: 112px;
        margin-bottom: 96px
    }
}

.standard-section.bg-shifted .section-bg {
    margin: -120px 10px 0
}

.standard-section.banner-style {
    overflow: inherit
}

@media (min-width:992px) {
    .standard-section.bg-shifted .section-bg {
        margin-top: -88px;
        margin-left: 60px
    }

    .standard-section.banner-style {
        margin-bottom: 96px
    }

    .standard-section.reverse-right {
        flex-flow: row-reverse
    }
}

.standard-section.banner-style .section-shape {
    right: 0 !important
}

.standard-section.banner-style .section-bg {
    margin-bottom: 0 !important
}

.standard-section.banner-style .section-item.item-bg {
    z-index: 0
}

.standard-section.bg-sunset-orange .vertical-slider-wrap {
    background-color: transparent
}

    .standard-section.bg-sunset-orange .vertical-slider-wrap:before {
        background: linear-gradient(360deg,#F9423A 0,rgba(249,66,58,0) 100%)
    }

    .standard-section.bg-sunset-orange .vertical-slider-wrap:after {
        background: linear-gradient(360deg,rgba(249,66,58,0) 0,#F9423A 100%)
    }

.standard-section.bg-emerald .vertical-slider-wrap {
    background-color: transparent
}

    .standard-section.bg-emerald .vertical-slider-wrap:before {
        background: linear-gradient(360deg,#44CC62 0,rgba(68,204,98,0) 100%)
    }

    .standard-section.bg-emerald .vertical-slider-wrap:after {
        background: linear-gradient(360deg,rgba(68,204,98,0) 0,#44CC62 100%)
    }

.standard-section.bg-curious-blue .vertical-slider-wrap {
    background-color: transparent
}

    .standard-section.bg-curious-blue .vertical-slider-wrap:before {
        background: linear-gradient(360deg,#1392E5 0,rgba(19,146,229,0) 100%)
    }

    .standard-section.bg-curious-blue .vertical-slider-wrap:after {
        background: linear-gradient(360deg,rgba(19,146,229,0) 0,#1392E5 100%)
    }

.standard-section.bg-yellow-sea .vertical-slider-wrap {
    background-color: transparent
}

    .standard-section.bg-yellow-sea .vertical-slider-wrap:before {
        background: linear-gradient(360deg,#FFAD00 0,rgba(255,173,0,0) 100%)
    }

    .standard-section.bg-yellow-sea .vertical-slider-wrap:after {
        background: linear-gradient(360deg,rgba(255,173,0,0) 0,#FFAD00 100%)
    }

.standard-section.bg-chablis .vertical-slider-wrap {
    background-color: transparent
}

    .standard-section.bg-chablis .vertical-slider-wrap:before {
        background: linear-gradient(360deg,#FFF0F0 0,rgba(255,240,240,0) 100%)
    }

    .standard-section.bg-chablis .vertical-slider-wrap:after {
        background: linear-gradient(360deg,rgba(255,240,240,0) 0,#FFF0F0 100%)
    }

.standard-section.bg-ottoman .vertical-slider-wrap {
    background-color: transparent
}

    .standard-section.bg-ottoman .vertical-slider-wrap:before {
        background: linear-gradient(360deg,#F0FBF3 0,rgba(240,251,243,0) 100%)
    }

    .standard-section.bg-ottoman .vertical-slider-wrap:after {
        background: linear-gradient(360deg,rgba(240,251,243,0) 0,#F0FBF3 100%)
    }

.standard-section.bg-foam .vertical-slider-wrap {
    background-color: transparent
}

    .standard-section.bg-foam .vertical-slider-wrap:before {
        background: linear-gradient(360deg,#ECF6FD 0,rgba(236,246,253,0) 100%)
    }

    .standard-section.bg-foam .vertical-slider-wrap:after {
        background: linear-gradient(360deg,rgba(236,246,253,0) 0,#ECF6FD 100%)
    }

.standard-section.bg-early-dawn .vertical-slider-wrap {
    background-color: transparent
}

    .standard-section.bg-early-dawn .vertical-slider-wrap:before {
        background: linear-gradient(360deg,#FFF9EB 0,rgba(255,249,235,0) 100%)
    }

    .standard-section.bg-early-dawn .vertical-slider-wrap:after {
        background: linear-gradient(360deg,rgba(255,249,235,0) 0,#FFF9EB 100%)
    }

.standard-section.bg-tuna .vertical-slider-wrap {
    background-color: transparent
}

    .standard-section.bg-tuna .vertical-slider-wrap:before {
        background: linear-gradient(360deg,#343248 0,rgba(52,50,72,0) 100%)
    }

    .standard-section.bg-tuna .vertical-slider-wrap:after {
        background: linear-gradient(360deg,rgba(52,50,72,0) 0,#343248 100%)
    }

.standard-section.bg-pampas .vertical-slider-wrap {
    background-color: transparent
}

    .standard-section.bg-pampas .vertical-slider-wrap:before {
        background: linear-gradient(360deg,#F6F5F3 0,rgba(246,245,243,0) 100%)
    }

    .standard-section.bg-pampas .vertical-slider-wrap:after {
        background: linear-gradient(360deg,rgba(246,245,243,0) 0,#F6F5F3 100%)
    }

@media (max-width:991px) {
    .standard-section.mobile-reverse {
        flex-flow: column-reverse
    }

    .date-tab-slider .owl-stage-outer {
        overflow: inherit !important
    }
}

.standard-section .media-wrap {
    display: table;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2)
}

.standard-section .section-item.item-bg {
    position: relative;
    z-index: 0
}

@media (min-width:992px) {
    .standard-section .section-item.item-bg {
        flex-basis: 41.39%;
        max-width: 41.39%
    }

        .standard-section .section-item.item-bg.vertical-logo-slider .vertical-slider-wrap {
            justify-content: flex-end
        }
}

.standard-section .section-item.item-bg.vertical-logo-slider .swiper-slide {
    display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: center;
    width: 140px;
    border-radius: 12px;
    background-color: #F6F5F3
}

@media (min-width:576px) {
    .standard-section .section-item.item-bg.vertical-logo-slider .swiper-slide {
        width: 160px
    }
}

.standard-section .section-item.item-bg.vertical-logo-slider .swiper-slide:before {
    content: '';
    padding-top: 100%
}

.standard-section .section-item.item-bg.vertical-logo-slider .swiper-slide .media-wrap {
    display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: center;
    padding: 24px;
    margin: 0;
    box-shadow: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1
}

.schema-list,
.schema-list > .list-item > .schema-wrap {
    position: relative
}

.standard-section .section-item.item-bg.vertical-logo-slider .swiper-slide .media-wrap img {
    flex-shrink: 0
}

.standard-section .section-item.item-content {
    padding: 48px 10px
}

@media (min-width:992px) {
    .standard-section .section-item.item-content {
        display: flex;
        align-items: center;
        flex-basis: 58.61%;
        max-width: 58.61%;
        padding: 65px 9%
    }

    .standard-section .section-content {
        max-width: 535px
    }
}

.standard-section .section-bg {
    position: relative;
    padding-top: 109.9%;
    background-color: #F5F5F5;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

    .standard-section .section-bg.vertical-ratio {
        padding-top: 122.57%
    }

.standard-section .section-content {
    flex-grow: 1;
    font-size: 1em;
    line-height: 1.5
}

    .standard-section .section-content .section-title {
        font-weight: 700;
        margin-bottom: 16px
    }

        .standard-section .section-content .section-title.small {
            font-size: 1.5em;
            line-height: 1.33
        }

@media (min-width:768px) {
    .standard-section .section-content .section-title.small {
        font-size: 2em;
        line-height: 1.25
    }
}

.standard-section .section-content .section-title.medium {
    font-size: 1.5em;
    line-height: 1.33
}

@media (min-width:768px) {
    .standard-section .section-content .section-title.medium {
        font-size: 3em
    }
}

.standard-section .section-content .section-title.large {
    font-size: 2em;
    line-height: 1.25
}

@media (min-width:768px) {
    .standard-section .section-content .section-title.large {
        font-size: 3.5em;
        line-height: 1.33
    }
}

.standard-section .section-content .section-title.xlarge {
    font-size: 3em;
    line-height: 1.33;
    margin-bottom: 8px
}

@media (min-width:992px) {
    .standard-section .section-content .section-title.xlarge {
        font-size: 2em
    }
}

@media (min-width:1200px) {
    .standard-section .section-content .section-title.xlarge {
        margin-bottom: 24px;
        font-size: 3em;
        line-height: 1.1
    }
}

@media (min-width:1440px) {
    .standard-section .section-item.item-bg.vertical-logo-slider .swiper-slide {
        width: 240px
    }

    .standard-section .section-content .section-title.xlarge {
        font-size: 5.05em
    }
}

.standard-section .section-content .section-subtitle {
    font-size: 1.5em;
    line-height: 1.41
}

    .standard-section .section-content .section-subtitle + .text {
        margin-top: 48px
    }

.standard-section .section-content .text > a {
    color: #F9423A
}

.standard-section .section-content .text > p {
    margin-bottom: 1.5em
}

    .standard-section .section-content .text > p:last-child {
        margin-bottom: 0
    }

.standard-section .section-content .text + .btn,
.standard-section .section-content .text + .btn-link {
    margin-top: 24px
}

@media (min-width:992px) {
    .standard-section .section-content .text + .btn,
    .standard-section .section-content .text + .btn-link {
        margin-top: 48px
    }
}

.standard-section .section-content .text + .social-media-card {
    margin-top: 16px
}

@media (min-width:992px) {
    .standard-section .section-content .text + .social-media-card {
        margin-top: 48px
    }
}

.standard-section .section-content ul:not(.address-list) {
    padding-left: 20px;
    margin-bottom: 0;
    margin-top: 1.5em
}

.standard-section .section-content .btn-list {
    margin-top: 44px
}

    .standard-section .section-content .btn-list .list-item {
        margin-bottom: 24px
    }

.standard-section .section-content .vertical-list {
    padding-top: 24px
}

@media (min-width:1440px) {
    .standard-section .section-content .vertical-list {
        padding-top: 48px
    }
}

.standard-section .section-content .btn-link {
    display: inline-flex;
    margin-top: 16px
}

.standard-section .item-bg > .iframe-wrap {
    width: 100%;
    height: 100%
}

    .standard-section .item-bg > .iframe-wrap iframe {
        width: 100% !important;
        height: 100% !important
    }

.standard-section-list {
    margin-bottom: 48px
}

@media (min-width:992px) {
    .standard-section-list {
        margin-bottom: 96px
    }

        .standard-section-list.type2 {
            margin-top: 96px
        }
}

.standard-section-list.type3 {
    margin: 0;
    padding-bottom: 48px
}

@media (min-width:992px) {
    .standard-section-list.type3 {
        padding-bottom: 96px
    }
}

.standard-section-list .standard-section.has-shape + .standard-section.has-shape {
    margin-top: 24px
}

.schema-list {
    display: flex;
    flex-flow: column;
    list-style: none;
    padding: 0 10px;
    margin: 0;
    z-index: 2
}

@media (min-width:768px) {
    .schema-list {
        flex-flow: wrap;
        justify-content: center;
        margin: 0 -32px
    }
}

.schema-list > .list-item {
    display: flex;
    flex-flow: column;
    padding: 0 10px
}

@media (min-width:768px) {
    .schema-list > .list-item {
        align-items: center;
        padding: 0 32px
    }

        .schema-list > .list-item > .schema-wrap:after {
            content: '';
            width: 1px;
            height: 18px;
            background-color: #999;
            position: absolute;
            left: 50%;
            bottom: -16px;
            transform: translate(-50%,100%)
        }
}

.schema-list > .list-item .schema-title {
    font-size: 1.125em;
    font-weight: 700;
    line-height: 1.77;
    color: #F9423A;
    margin: 0 0 8px
}

.schema-list > .list-item .card2 {
    min-width: 180px
}

@media (max-width:767px) {
    .schema-list > .list-item .card2 .card2-media {
        display: none
    }

    .schema-list > .list-item .card2 .card2-body {
        padding: 0
    }

    .schema-list > .list-item > .schema-wrap .card2-list:before {
        content: '';
        width: 14px;
        height: 1px;
        background-color: #999;
        position: absolute;
        top: 50%;
        left: -8px;
        transform: translate(-100%,-50%)
    }
}

.schema-list > .list-item .schema-wrap {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    padding-top: 24px;
    position: relative
}

@media (min-width:768px) {
    .schema-list > .list-item .schema-wrap {
        padding-top: 32px
    }
}

.schema-list > .list-item .schema-wrap:first-child {
    padding-top: 0
}

.schema-list > .list-item .schema-wrap > .schema-wrap {
    padding-left: 35px
}

@media (min-width:768px) {
    .schema-list > .list-item .schema-wrap > .schema-wrap {
        padding-left: 24px
    }
}

.schema-list > .list-item .schema-wrap .card2-list {
    border-radius: 2px;
    border-bottom: 4px solid #F9423A;
    padding: 16px;
    background-color: #fff;
    position: relative
}

    .schema-list > .list-item .schema-wrap .card2-list > .list-item + .list-item {
        margin-top: 8px
    }

.schema-list > .list-item .sub-list {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    padding: 0;
    margin: 0;
    position: relative
}

@media (max-width:767px) {
    .schema-list > .list-item .sub-list:before {
        content: '';
        width: 1px;
        height: 100%;
        background-color: #666;
        position: absolute;
        top: -36px;
        left: -23px
    }
}

@media (min-width:768px) {
    .schema-list > .list-item .sub-list {
        flex-flow: row;
        padding: 62px 0 0;
        margin: 0 -32px
    }

        .schema-list > .list-item .sub-list:before {
            content: '';
            width: 100%;
            height: 1px;
            background-color: #999;
            position: absolute;
            top: 35px;
            left: 0;
            right: 0;
            transform: translateY(-50%)
        }
}

.schema-list > .list-item .sub-list > .list-item {
    display: flex;
    flex-flow: column;
    align-items: center;
    padding: 24px 0 0;
    position: relative
}

@media (min-width:768px) {
    .schema-list > .list-item .sub-list > .list-item {
        padding: 0 32px
    }

        .schema-list > .list-item .sub-list > .list-item:first-child:after,
        .schema-list > .list-item .sub-list > .list-item:last-child:after {
            content: '';
            width: 50%;
            height: 3px;
            background-color: #F6F5F3;
            position: absolute;
            top: -28px
        }

        .schema-list > .list-item .sub-list > .list-item:first-child:before {
            left: 50%
        }

        .schema-list > .list-item .sub-list > .list-item:first-child:after {
            left: 0
        }

        .schema-list > .list-item .sub-list > .list-item:last-child:before {
            right: 50%
        }

        .schema-list > .list-item .sub-list > .list-item:last-child:after {
            right: 0
        }

        .schema-list > .list-item .sub-list > .list-item:before {
            content: '';
            width: 1px;
            height: 18px;
            background-color: #999;
            position: absolute;
            top: -9px;
            transform: translateY(-100%)
        }
}

.schema-list > .list-item .sub-list > .list-item:first-child > .schema-wrap > .schema-wrap:last-child:before {
    height: calc(50% - 28px)
}

@media (min-width:768px) {
    .schema-list > .list-item .sub-list > .list-item:first-child > .schema-wrap > .schema-wrap:last-child:before {
        height: calc(50% - 32px)
    }
}

@media (max-width:767px) {
    .schema-list > .list-item .sub-list > .list-item:last-child:after {
        content: '';
        width: 3px;
        height: calc(100% - 96px);
        background-color: #F6F5F3;
        position: absolute;
        left: -24px;
        bottom: 0
    }
}

.schema-list > .list-item .sub-list > .list-item > .schema-wrap:before {
    content: '';
    width: 1px;
    height: 100%;
    background-color: #999;
    position: absolute;
    left: 8px;
    top: 0;
    bottom: 0;
    z-index: -1
}

@media (min-width:768px) {
    .schema-list > .list-item .sub-list > .list-item > .schema-wrap:before {
        left: -36px
    }
}

.schema-list > .list-item .sub-list > .list-item > .schema-wrap > .card2-list:after {
    content: '';
    width: 3px;
    height: calc(50% + 39px);
    background-color: #F6F5F3;
    position: absolute;
    top: -70px;
    left: 7px;
    z-index: -1
}

@media (min-width:768px) {
    .schema-list > .list-item .sub-list > .list-item > .schema-wrap > .card2-list:after {
        top: -40px;
        left: -37px
    }
}

.schema-list > .list-item .sub-list > .list-item > .schema-wrap > .schema-wrap:last-child > .card2-list:after {
    left: -28px
}

@media (min-width:768px) {
    .schema-list > .list-item .sub-list > .list-item > .schema-wrap > .schema-wrap:last-child > .card2-list:after {
        left: -61px
    }
}

.schema-list > .list-item .sub-list > .list-item > .schema-wrap > .schema-wrap:last-child > .schema-wrap:after {
    content: '';
    width: 3px;
    height: calc(100% + 4px);
    background-color: #F6F5F3;
    position: absolute;
    left: -28px;
    bottom: -5px;
    z-index: 0
}

@media (min-width:768px) {
    .schema-list > .list-item .sub-list > .list-item > .schema-wrap > .schema-wrap:last-child > .schema-wrap:after {
        left: -61px;
        bottom: -12px;
        height: calc(100% + 11px)
    }
}

.schema-list > .list-item .sub-list > .list-item > .schema-wrap > .schema-wrap > .card2-list:before {
    width: 18px;
    left: -8px;
    transform: translateX(-100%)
}

@media (min-width:768px) {
    .schema-list > .list-item .sub-list > .list-item > .schema-wrap > .schema-wrap > .card2-list:before {
        width: 48px;
        left: -11px
    }
}

.schema-list > .list-item .sub-list > .list-item > .schema-wrap > .schema-wrap > .card2-list:after {
    content: '';
    width: 3px;
    height: calc(50% + 4px);
    background-color: #F6F5F3;
    position: absolute;
    left: -21px;
    bottom: -5px;
    z-index: 0
}

.schema-list > .list-item .sub-list > .list-item > .schema-wrap > .schema-wrap > .schema-wrap {
    padding-left: 28px
}

@media (min-width:768px) {
    .schema-list > .list-item .sub-list > .list-item > .schema-wrap > .schema-wrap > .card2-list:after {
        left: -25px;
        bottom: -12px;
        height: calc(50% + 11px)
    }

    .schema-list > .list-item .sub-list > .list-item > .schema-wrap > .schema-wrap > .schema-wrap {
        padding-left: 32px
    }
}

.schema-list > .list-item .sub-list > .list-item > .schema-wrap > .schema-wrap > .schema-wrap:before {
    content: '';
    width: 1px;
    height: 100%;
    background-color: #999;
    position: absolute;
    top: 0;
    left: 8px
}

.schema-list > .list-item .sub-list > .list-item > .schema-wrap > .schema-wrap > .schema-wrap:last-child > .card2-list:after {
    content: '';
    width: 3px;
    height: calc(50% + 4px);
    background-color: #F6F5F3;
    position: absolute;
    left: -21px;
    bottom: -5px;
    z-index: 0
}

@media (min-width:768px) {
    .schema-list > .list-item .sub-list > .list-item > .schema-wrap > .schema-wrap > .schema-wrap:before {
        top: 8px
    }

    .schema-list > .list-item .sub-list > .list-item > .schema-wrap > .schema-wrap > .schema-wrap:last-child > .card2-list:after {
        left: -25px;
        bottom: -12px;
        height: calc(50% + 11px)
    }
}

.schema-list > .list-item .sub-list > .list-item > .schema-wrap > .schema-wrap > .schema-wrap > .card2-list:before {
    width: 11px;
    left: -8px;
    transform: translateX(-100%)
}

@media (min-width:768px) {
    .schema-list > .list-item .sub-list > .list-item > .schema-wrap > .schema-wrap > .schema-wrap > .card2-list:before {
        width: 15px
    }
}

.schema-list > .list-item .sub-list > .list-item .card2-list:before {
    content: '';
    width: 14px;
    height: 1px;
    background-color: #999;
    position: absolute;
    top: 50%;
    left: -8px;
    transform: translate(-100%,-50%)
}

@media (min-width:768px) {
    .schema-list > .list-item .sub-list > .list-item .card2-list:before {
        width: 28px
    }
}

.corporate-info-wrap .corporate-info {
    padding: 24px 0 48px
}

@media (min-width:992px) {
    .corporate-info-wrap .corporate-info {
        padding: 10px 0
    }
}

@media (min-width:1440px) {
    .corporate-info-wrap .corporate-info {
        padding: 24px 0
    }
}

@media (min-width:1800px) {
    .corporate-info-wrap .corporate-info {
        padding: 48px 0
    }
}

.corporate-info-wrap .corporate-info .sub-title p {
    color: #F9423A;
    font-weight: 700
}

    .corporate-info-wrap .corporate-info .sub-title p:last-child {
        margin: 0
    }

.corporate-info-wrap .corporate-info .title {
    margin-top: 16px
}

    .corporate-info-wrap .corporate-info .title.small p {
        font-size: 1.125rem;
        line-height: 1.77
    }

    .corporate-info-wrap .corporate-info .title p {
        font-size: 1.5rem;
        line-height: 1.33;
        font-weight: 700
    }

        .corporate-info-wrap .corporate-info .title p:last-child {
            margin: 0
        }

.corporate-info-wrap .corporate-info .text-wrap {
    display: flex;
    margin-top: 24px;
    flex-flow: column
}

@media (min-width:992px) {
    .corporate-info-wrap .corporate-info .text-wrap {
        flex-flow: row;
        justify-content: space-between;
        margin-top: 10px
    }
}

@media (min-width:1440px) {
    .corporate-info-wrap .corporate-info .text-wrap {
        margin-top: 24px
    }
}

.corporate-info-wrap .corporate-info .text-wrap .text + .text {
    margin-top: 16px
}

.corporate-info-wrap .corporate-info .text-wrap .text p {
    margin: 0
}

.corporate-info-wrap .content-separator {
    position: relative;
    padding-bottom: 1.5rem
}

@media (min-width:992px) {
    .corporate-info-wrap .corporate-info .text-wrap .text + .text {
        margin-top: 0
    }

    .corporate-info-wrap .content-separator {
        padding-bottom: 0
    }
}

.corporate-info-wrap .content-separator:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: rgba(255,255,255,.32)
}

.bg-tuna .date-tab-slider .owl-stage-outer .owl-stage .owl-item:first-child:after,
.bg-tuna .date-tab-slider .owl-stage-outer .owl-stage .owl-item:last-child:after {
    background-color: #343248
}

.bg-tuna .date-tab-slider .nav-item .nav-link {
    color: #343248
}

    .bg-tuna .date-tab-slider .nav-item .nav-link .dot-wrap .dot {
        border-color: #343248
    }

.date-tab-slider .owl-stage-outer {
    padding-bottom: 40px
}

@media (min-width:992px) {
    .date-tab-slider .owl-stage-outer {
        padding-bottom: 56px
    }
}

.date-tab-slider .owl-stage-outer .owl-stage {
    padding-bottom: 38px;
    border-bottom: 1px solid #F9423A
}

    .date-tab-slider .owl-stage-outer .owl-stage .owl-item:first-child:after,
    .date-tab-slider .owl-stage-outer .owl-stage .owl-item:last-child:after {
        content: '';
        width: 50%;
        height: 3px;
        background-color: #F6F5F3;
        position: absolute;
        bottom: -40px;
        z-index: -1
    }

    .date-tab-slider .owl-stage-outer .owl-stage .owl-item:first-child:after {
        left: 0
    }

    .date-tab-slider .owl-stage-outer .owl-stage .owl-item:first-child .nav-item .nav-link .dot-wrap:before {
        content: none
    }

    .date-tab-slider .owl-stage-outer .owl-stage .owl-item:last-child:after {
        right: 0
    }

    .date-tab-slider .owl-stage-outer .owl-stage .owl-item:last-child .nav-item .nav-link .dot-wrap:after {
        content: none
    }

    .date-tab-slider .owl-stage-outer .owl-stage .owl-item .nav-item {
        display: table;
        margin: 0 auto
    }

.date-tab-slider .owl-nav .owl-next,
.date-tab-slider .owl-nav .owl-prev {
    position: absolute;
    top: calc(50% - 46px);
    transform: translateY(-50%)
}

    .date-tab-slider .owl-nav .owl-next:not(.disabled):hover,
    .date-tab-slider .owl-nav .owl-prev:not(.disabled):hover {
        transform: translateY(calc(-50% - 3px)) !important
    }

.date-tab-slider .owl-nav .owl-prev {
    left: -72px
}

.date-tab-slider .owl-nav .owl-next {
    right: -72px
}

.date-tab-slider .nav-item .nav-link {
    display: table;
    font-weight: 700;
    font-size: 3em;
    line-height: 2;
    color: #F6F5F3;
    text-shadow: 0 0 2px #F9423A;
    transform: rotate(-90deg);
    outline: 0;
    padding: 0
}

    .date-tab-slider .nav-item .nav-link.active {
        color: #F9423A;
        text-shadow: none
    }

        .date-tab-slider .nav-item .nav-link.active .dot-wrap:after,
        .date-tab-slider .nav-item .nav-link.active .dot-wrap:before {
            opacity: 1;
            visibility: visible
        }

        .date-tab-slider .nav-item .nav-link.active .dot-wrap .dot {
            width: 34px;
            height: 34px;
            border-color: transparent;
            box-shadow: 0 3px 6px rgba(0,0,0,.12)
        }

    .date-tab-slider .nav-item .nav-link .dot-wrap {
        flex: 0 0 auto;
        display: flex;
        flex-flow: row;
        align-items: center;
        justify-content: center;
        width: 32px;
        position: absolute;
        left: -26px;
        bottom: 50%;
        transform: translate(-100%,50%) rotate(90deg)
    }

@media (min-width:992px) {
    .date-tab-slider .nav-item .nav-link {
        font-size: 5em
    }

        .date-tab-slider .nav-item .nav-link .dot-wrap {
            left: -29px
        }
}

.date-tab-slider .nav-item .nav-link .dot-wrap:after,
.date-tab-slider .nav-item .nav-link .dot-wrap:before {
    font-family: koc;
    font-size: 12px;
    color: #F9423A;
    margin: 0 5px;
    opacity: 0;
    visibility: hidden;
    transition: all ease-out 75ms
}

.date-tab-slider .nav-item .nav-link .dot-wrap:before {
    content: '\e905'
}

.date-tab-slider .nav-item .nav-link .dot-wrap:after {
    content: '\e906'
}

.date-tab-slider .nav-item .nav-link .dot-wrap .dot {
    flex: 0 0 auto;
    display: block;
    width: 11px;
    height: 11px;
    border-radius: 100%;
    border: 2px solid #F6F5F3;
    background-color: #F9423A;
    transition: all ease-out 75ms
}

.subscribe-form {
    margin: 16px 0
}

@media (min-width:576px) {
    .schema-list > .list-item .card2 {
        min-width: 240px
    }

    .subscribe-form {
        margin: 48px 0 40px
    }
}

.subscribe-form .title {
    font-weight: 700;
    font-size: 1em;
    line-height: 1.5;
    color: #F9423A;
    margin: 0 0 16px
}

.subscribe-form .form-group {
    display: flex;
    flex-flow: column;
    margin: 0 0 15px
}

@media (min-width:576px) {
    .subscribe-form .form-group {
        flex-flow: row
    }
}

.subscribe-form .form-group:last-child {
    margin-bottom: 0
}

.subscribe-form .form-group .form-control {
    flex-grow: 1;
    font-size: .875em;
    line-height: 1.5;
    height: 48px;
    padding: 10px 20px;
    border-radius: 0;
    border: 1px solid rgba(0,0,0,.16);
    margin-bottom: 16px
}

@media (min-width:576px) {
    .subscribe-form .form-group .form-control {
        height: 60px;
        margin-bottom: 0
    }
}

.subscribe-form .form-group .form-control:focus,
.subscribe-form .form-group .form-control:hover {
    box-shadow: none
}

.subscribe-form .form-group .btn {
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    border-radius: 0;
    color: #fff;
    background-color: #F9423A;
    border-color: #F9423A;
    height: 60px;
    max-width: 160px;
    width: 100%
}

    .subscribe-form .form-group .btn:hover {
        color: #fff;
        background-color: #F9423A;
        border-color: #f71309
    }

    .subscribe-form .form-group .btn.focus,
    .subscribe-form .form-group .btn:focus {
        color: #fff;
        background-color: #F9423A;
        border-color: #f71309;
        box-shadow: 0 0 0 .2rem rgba(250,94,88,.5)
    }

    .subscribe-form .form-group .btn.disabled,
    .subscribe-form .form-group .btn:disabled {
        color: #fff;
        background-color: #F9423A;
        border-color: #F9423A
    }

    .show > .subscribe-form .form-group .btn.dropdown-toggle,
    .subscribe-form .form-group .btn:not(:disabled):not(.disabled).active,
    .subscribe-form .form-group .btn:not(:disabled):not(.disabled):active {
        color: #fff;
        background-color: #f71309;
        border-color: #ec1107
    }

        .show > .subscribe-form .form-group .btn.dropdown-toggle:focus,
        .subscribe-form .form-group .btn:not(:disabled):not(.disabled).active:focus,
        .subscribe-form .form-group .btn:not(:disabled):not(.disabled):active:focus {
            box-shadow: 0 0 0 .2rem rgba(250,94,88,.5)
        }

.subscribe-form .has-error iframe {
    border: 2px solid #F9423A
}

.page-not-found {
    padding: 48px 14px;
    color: #000;
    overflow: hidden
}

    .page-not-found .title-wrapper {
        position: relative;
        display: table;
        margin: 0 auto
    }

        .page-not-found .title-wrapper img {
            position: absolute;
            top: 15px;
            right: -65px
        }

@media (max-width:1199px) {
    .page-not-found .title-wrapper img {
        top: 0;
        right: -35px;
        width: 80px;
        height: 80px
    }
}

.page-not-found .sub-title,
.page-not-found .title {
    font-weight: 700
}

.page-not-found .title {
    margin-bottom: 0;
    font-size: 96px;
    line-height: 129px;
    color: #F9423A
}

@media (min-width:1200px) {
    .page-not-found .title {
        font-size: 180px;
        line-height: 242px
    }
}

.page-not-found .sub-title {
    margin-bottom: 16px;
    font-size: 24px;
    line-height: 32px
}

@media (min-width:768px) {
    .page-not-found .sub-title {
        margin-bottom: 24px;
        font-size: 40px;
        line-height: 54px
    }
}

.page-not-found .desc {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 0
}

.page-not-found .search-form {
    max-width: 872px;
    margin: 24px 0;
    border: 1px solid rgba(0,0,0,.16)
}

@media (min-width:768px) {
    .page-not-found .desc {
        font-size: 16px
    }

    .page-not-found .search-form {
        margin: 48px auto 24px
    }
}

.page-not-found .btn-slider {
    overflow: inherit
}

    .page-not-found .btn-slider .swiper-slide {
        width: auto
    }

        .page-not-found .btn-slider .swiper-slide .btn-addon {
            background-color: #343248;
            color: #fff
        }

            .page-not-found .btn-slider .swiper-slide .btn-addon:hover {
                background-color: #F9423A
            }

                .page-not-found .btn-slider .swiper-slide .btn-addon:hover .icon {
                    color: #fff
                }

.gallery-modal {
    padding: 40px 0 80px
}

    .gallery-modal .modal-dialog {
        display: flex;
        min-height: calc(100% - 1rem);
        max-width: 1256px
    }

@media (min-width:992px) {
    .page-not-found .btn-slider .swiper-wrapper {
        display: flex;
        flex-flow: wrap;
        justify-content: center;
        margin-bottom: -24px
    }

    .page-not-found .btn-slider .swiper-slide .btn-addon {
        margin-bottom: 24px
    }

    .gallery-modal {
        padding: 0
    }

        .gallery-modal .modal-dialog {
            align-items: center;
            min-height: calc(100% - 3.5rem)
        }
}

.gallery-modal .modal-dialog .modal-content {
    border: 0;
    border-radius: 0;
    background-color: transparent;
    justify-content: space-between
}

@media (min-width:576px) {
    .gallery-modal .modal-dialog .modal-content {
        padding: 0 16px
    }
}

.gallery-modal .modal-dialog .modal-content .modal-content-wrap {
    position: relative
}

@media (min-width:992px) {
    .gallery-modal .modal-dialog .modal-content {
        padding: 0 96px
    }

        .gallery-modal .modal-dialog .modal-content .modal-content-wrap {
            margin: 0 -80px
        }

            .gallery-modal .modal-dialog .modal-content .modal-content-wrap .photo-slider {
                padding: 0 80px
            }

                .gallery-modal .modal-dialog .modal-content .modal-content-wrap .photo-slider .swiper-slide:not(.swiper-slide-active) {
                    opacity: 0
                }

                .gallery-modal .modal-dialog .modal-content .modal-content-wrap .photo-slider .swiper-button-prev {
                    left: 0
                }

                .gallery-modal .modal-dialog .modal-content .modal-content-wrap .photo-slider .swiper-button-next {
                    right: 0
                }

        .gallery-modal .modal-dialog .modal-content .btn-close {
            margin-right: -15px;
            transform: translateX(100%)
        }
}

.gallery-modal .modal-dialog .modal-content .modal-content-wrap .photo-slider .swiper-pagination {
    margin-top: 24px
}

    .gallery-modal .modal-dialog .modal-content .modal-content-wrap .photo-slider .swiper-pagination .swiper-pagination-bullet {
        background-color: #E0E0E0;
        opacity: 1
    }

        .gallery-modal .modal-dialog .modal-content .modal-content-wrap .photo-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
            background-color: #F9423A
        }

.gallery-modal .modal-dialog .modal-content .modal-header {
    justify-content: flex-end;
    padding: 0;
    margin-bottom: 25px;
    border-radius: 0;
    border: none
}

.gallery-modal .modal-dialog .modal-content .btn-close {
    position: static;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #fff;
    padding: 0;
    border: 0;
    outline: 0;
    box-shadow: none
}

@media (min-width:1440px) {
    .gallery-modal .modal-dialog .modal-content .btn-close {
        margin-right: -35px
    }
}

.gallery-modal .modal-dialog .modal-content .btn-close .icon {
    font-size: 10px;
    margin-left: 10px
}

.gallery-modal .modal-dialog .modal-content .modal-footer {
    justify-content: center;
    padding: 20px 0;
    border: none
}

    .gallery-modal .modal-dialog .modal-content .modal-footer > * {
        margin: 0
    }

.primary-datepicker {
    border-radius: 2px
}

    .primary-datepicker .react-datepicker {
        font-family: inherit;
        padding: 24px 19px 14px;
        width: 100%;
        background: #FFF;
        border: 0;
        border-radius: 0
    }

@media (min-width:992px) {
    .gallery-modal .modal-dialog .modal-content .modal-footer {
        width: 100%;
        justify-content: flex-start
    }

    .primary-datepicker .react-datepicker {
        padding: 36px 36px 24px
    }
}

@media (min-width:1200px) {
    .primary-datepicker .react-datepicker {
        padding: 48px 48px 24px
    }
}

.primary-datepicker .react-datepicker__month {
    margin: 0;
    padding-top: 12px
}

.primary-datepicker .react-datepicker__week {
    display: flex;
    justify-content: space-between
}

.primary-datepicker .react-datepicker__day {
    flex-grow: 1;
    padding: 12px;
    margin: 0;
    user-select: none;
    background-color: transparent;
    color: #000;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    outline: 0
}

    .primary-datepicker .react-datepicker__day:focus,
    .primary-datepicker .react-datepicker__day:hover {
        border-radius: 0 !important;
        background: 0 0 !important
    }

.primary-datepicker .react-datepicker__current-month {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: #000;
    margin-bottom: 21px
}

@media (min-width:992px) {
    .primary-datepicker .react-datepicker__current-month {
        margin-bottom: 45px
    }
}

.primary-datepicker .react-datepicker__header {
    padding-top: 0;
    border: 0;
    background-color: transparent
}

.primary-datepicker .react-datepicker__day-name {
    margin: 0;
    line-height: inherit
}

.primary-datepicker .react-datepicker__day-names {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid rgba(0,0,0,.16);
    padding: 0 30px 24px;
    margin: 0 -24px
}

.primary-datepicker .react-datepicker__day-names__day-name {
    flex-grow: 1;
    color: #F9423A;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    margin: 0
}

.primary-datepicker .react-datepicker__navigation--next,
.primary-datepicker .react-datepicker__navigation--previous {
    width: 22px;
    height: 15px;
    top: 34px;
    border: 0;
    text-indent: 0;
    line-height: 0;
    overflow: inherit;
    color: transparent;
    user-select: none;
    outline: 0
}

    .primary-datepicker .react-datepicker__navigation--next:before,
    .primary-datepicker .react-datepicker__navigation--previous:before {
        font-family: koc;
        font-size: 22px;
        color: #F9423A
    }

.primary-datepicker .react-datepicker__navigation--next {
    right: 16px
}

@media (min-width:768px) {
    .primary-datepicker .react-datepicker__navigation--next {
        right: 36px
    }
}

.primary-datepicker .react-datepicker__navigation--next:before {
    content: '\e912'
}

.primary-datepicker .react-datepicker__navigation--previous {
    left: 16px
}

@media (min-width:992px) {
    .primary-datepicker .react-datepicker__day-names {
        margin: 0
    }

    .primary-datepicker .react-datepicker__navigation--next {
        right: 48px
    }

    .primary-datepicker .react-datepicker__navigation--previous {
        left: 36px
    }
}

@media (min-width:1200px) {
    .primary-datepicker .react-datepicker__day-names {
        padding: 0 30px 24px
    }

    .primary-datepicker .react-datepicker__navigation--next,
    .primary-datepicker .react-datepicker__navigation--previous {
        top: 60px
    }

    .primary-datepicker .react-datepicker__navigation--previous {
        left: 48px
    }
}

.primary-datepicker .react-datepicker__navigation--previous:before {
    content: '\e911'
}

.primary-datepicker .react-datepicker__month-container {
    width: 100%;
    float: none
}

.primary-datepicker .react-datepicker__day--outside-month {
    color: rgba(0,0,0,.32)
}

.primary-datepicker .datepicker-footer {
    display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 0 24px 24px;
    margin-top: -1px;
    margin-bottom: -15px;
    background-color: #fff;
    box-shadow: 0 12px 24px rgba(0,0,0,.08)
}

@media (min-width:768px) {
    .primary-datepicker .datepicker-footer {
        flex-flow: row;
        padding: 10px 45px 45px
    }
}

@media (min-width:1200px) {
    .primary-datepicker .datepicker-footer {
        padding: 10px 90px 45px
    }
}

.primary-datepicker .datepicker-footer .footer-item {
    display: flex;
    align-items: center;
    color: #000;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -.3px;
    margin-bottom: 15px
}

@media (max-width:767px) {
    .primary-datepicker .datepicker-footer .footer-item {
        flex-basis: 50%;
        max-width: 50%
    }

        .primary-datepicker .datepicker-footer .footer-item:nth-child(2n+2) {
            justify-content: flex-end
        }
}

.primary-datepicker .datepicker-footer .footer-item > span:not(.event-dot) {
    margin-left: 8px
}

.primary-datepicker .event-day {
    display: block
}

.primary-datepicker .event-dot {
    flex: 0 0 auto;
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%
}

    .primary-datepicker .event-dot + .event-dot {
        margin-left: 4px
    }

    .primary-datepicker .event-dot.type1 {
        background-color: #F9423A
    }

    .primary-datepicker .event-dot.type2 {
        background: rgba(0,0,0,.32)
    }

    .primary-datepicker .event-dot.type3 {
        background: #000
    }

    .primary-datepicker .event-dot.type4 {
        background: #FFF;
        border: 1px solid #000
    }

.primary-dropdown.type-2 .primary-dropdown__control {
    min-width: 200px;
    padding: 10px 24px
}

.primary-dropdown .primary-dropdown__control {
    padding: 15px 24px;
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,.16);
    box-shadow: none;
    background: #FFF
}

    .primary-dropdown .primary-dropdown__control .primary-dropdown__indicators .primary-dropdown__indicator,
    .primary-dropdown .primary-dropdown__control .primary-dropdown__value-container {
        padding: 0
    }

.detail-page-banner .banner-bg,
.page-banner .banner-bg,
.sub-page-banner,
.sub-page-banner .banner-bg {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

.primary-dropdown .primary-dropdown__control .primary-dropdown__value-container .primary-dropdown__placeholder,
.primary-dropdown .primary-dropdown__control .primary-dropdown__value-container .primary-dropdown__single-value {
    font-weight: 700;
    font-size: 16px;
    line-height: 1.5;
    color: #000
}

.primary-dropdown .primary-dropdown__control .primary-dropdown__indicators .primary-dropdown__indicator-separator {
    display: none
}

.primary-dropdown .primary-dropdown__control .primary-dropdown__indicators .primary-dropdown__indicator .icon {
    font-size: 8px;
    color: #F9423A
}

.primary-dropdown .primary-dropdown__menu {
    z-index: 2;
    margin-top: 0
}

    .primary-dropdown .primary-dropdown__menu .primary-dropdown__menu-list .primary-dropdown__option {
        font-weight: 700;
        font-size: 16px;
        line-height: 1.5;
        color: #000;
        padding: 10px 24px
    }

        .primary-dropdown .primary-dropdown__menu .primary-dropdown__menu-list .primary-dropdown__option:focus,
        .primary-dropdown .primary-dropdown__menu .primary-dropdown__menu-list .primary-dropdown__option:hover {
            color: #fff;
            background-color: #fb8984
        }

        .primary-dropdown .primary-dropdown__menu .primary-dropdown__menu-list .primary-dropdown__option.primary-dropdown__option--is-selected {
            color: #fff;
            background-color: #F9423A
        }

.cookie-banner {
    max-width: 580px;
    position: fixed;
    left: 24px;
    bottom: 24px;
    right: 16px;
    z-index: 2
}

@media (min-width:768px) {
    .cookie-banner {
        right: inherit
    }
}

.cookie-banner .content {
    display: flex;
    flex-flow: row;
    font-weight: 500;
    font-size: 12px;
    line-height: 1.33;
    color: #fff;
    padding: 16px;
    background-color: #343248
}

    .cookie-banner .content:after {
        content: '';
        width: 100%;
        height: 100%;
        background-color: #F9423A;
        position: absolute;
        left: -8px;
        bottom: -8px;
        z-index: -1
    }

.detail-page-banner:before,
.page-banner.has-overlay:before,
.sub-page-banner.has-overlay:before {
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(52,50,72,.64);
    top: 0;
    right: 0
}

.cookie-banner .content .item + .item {
    margin-left: 16px
}

.cookie-banner .content p {
    margin-bottom: 10px
}

    .cookie-banner .content p:last-child {
        margin-bottom: 0
    }

.cookie-banner .content a {
    color: #F9423A
}

.cookie-banner .btn-close {
    flex: 0 0 auto;
    padding: 6px;
    font-size: 10px;
    opacity: 1;
    color: #fff;
    outline: 0;
    box-shadow: none
}

.page-banner {
    display: flex;
    flex-flow: column;
    justify-content: flex-end;
    align-items: center;
    min-height: 240px;
    padding: 33px 0;
    position: relative;
    z-index: 1
}

    .page-banner.has-overlay:before {
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: -1
    }

    .page-banner.has-border {
        border-bottom: 16px solid #F9423A
    }

    .page-banner.center .banner-title {
        text-align: center
    }

    .page-banner .banner-bg {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: -2
    }

    .page-banner .banner-title:after {
        bottom: -33px
    }

@media (min-width:1200px) {
    .page-banner {
        min-height: 330px;
        padding: 63px 0
    }

        .page-banner .banner-title:after {
            bottom: -63px
        }
}

.page-banner + .standard-section-list {
    margin-top: 48px
}

@media (min-width:992px) {
    .page-banner + .standard-section-list {
        margin-top: 96px
    }
}

.sub-page-banner {
    display: flex;
    flex-flow: column;
    justify-content: flex-end;
    align-items: center;
    min-height: 185px;
    position: relative;
    z-index: 1;
    padding: 20px
}

    .sub-page-banner.has-overlay:before {
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: -1
    }

    .sub-page-banner.center {
        justify-content: center;
        text-align: center
    }

        .sub-page-banner.center .sub-title {
            font-size: 12px;
            font-weight: 500;
            line-height: 1.33;
            color: #fff;
            margin: 0 0 10px
        }

        .sub-page-banner.center .banner-title {
            padding: 0
        }

@media (min-width:1200px) {
    .sub-page-banner {
        min-height: 225px
    }

        .sub-page-banner.center .banner-title {
            font-size: 56px
        }
}

.sub-page-banner + .standard-section-list {
    margin-top: 48px
}

.sub-page-banner .banner-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -2
}

.detail-page-banner {
    display: flex;
    flex-flow: column;
    justify-content: flex-end;
    align-items: center;
    min-height: 490px;
    position: relative;
    z-index: 1
}

    .detail-page-banner:before {
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: -1
    }

    .detail-page-banner .banner-bg {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: -2
    }

    .detail-page-banner .banner-content {
        display: flex;
        flex-flow: column;
        position: relative;
        z-index: 2;
        padding: 48px 0
    }

@media (min-width:992px) {
    .sub-page-banner + .standard-section-list {
        margin-top: 96px
    }

    .detail-page-banner {
        border-bottom: 16px solid #F9423A
    }

        .detail-page-banner .banner-content {
            padding: 72px 0
        }

            .detail-page-banner .banner-content:after {
                content: '';
                width: 225px;
                height: 16px;
                position: absolute;
                left: 0;
                right: 0;
                bottom: -1px;
                background-color: #F9423A
            }
}

.detail-page-banner .banner-content .link {
    font-size: .875em;
    line-height: 1.71;
    display: flex;
    flex-flow: row;
    align-items: center
}

    .detail-page-banner .banner-content .link .icon {
        padding-right: 11px;
        font-size: 1.25em
    }

.detail-page-banner .banner-content .banner-title {
    margin: 16px 0
}

@media (min-width:992px) {
    .detail-page-banner .banner-content .banner-title {
        margin: 25px 0 23px
    }
}

.detail-page-banner .banner-content .banner-desc {
    font-size: 1.125em;
    line-height: 1.77
}

    .detail-page-banner .banner-content .banner-desc p {
        margin-bottom: 15px
    }

        .detail-page-banner .banner-content .banner-desc p:last-child {
            margin-bottom: 0
        }

.simple-modal .modal-dialog {
    max-width: 820px;
    margin: 0 24px
}

@media (min-width:768px) {
    .simple-modal .modal-dialog {
        margin: 0 auto
    }
}

.simple-modal .modal-content {
    border: 0;
    border-radius: 0;
    background: 0 0
}

    .simple-modal .modal-content iframe {
        border: 0;
        height: 440px;
        width: 820px;
        background-color: #FFF
    }

    .simple-modal .modal-content .iframe-wrapper {
        overflow: auto;
        margin-right: -24px;
        padding-right: 24px
    }

.simple-modal .btn-close {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -36px;
    right: -36px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #F9423A;
    color: #FFF;
    font-size: 10px
}

@media (max-width:991px) {
    .simple-modal .btn-close {
        top: -46px;
        right: 0
    }
}
@import "compass/css3";



body {
    background-color: #555;
  }

.pagination {
    list-style: none;
    display: inline-block;
    padding: 0;
    margin-top: 10px;
    
}