body {
    color: #5b5b5b;
}

a {
    color: #5b5b5b;
}

    a:hover {
        text-decoration: none;
    }

.page-link {
    color: #000;
    border: 1px solid #a7a8a9;
}

    .page-link:hover {
        color: #fff;
        background-color: #fd3e12;
        border-color: #fd3e12;
    }

.page-item.active .page-link {
    background-color: #caa45f;
    border-color: #caa45f;
}

.bg-light {
    background-color: #f2f2f2 !important;
}

.btn-link-more {
    display: inline-block;
    font-weight: 400;
    color: #ffffff;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #044696;
    border: 1px solid #044696;
    padding: 0.8rem 2rem;
    font-size: 14px;
    line-height: 1.5;
    border-radius: 0;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

    .btn-link-more:hover {
        color: #ffffff;
    }

.card:hover .item-img img {
    transform: scale(1.1);
}

.card .item-img {
    overflow: hidden;
}

    .card .item-img img {
        transform: scale(1);
        transition: all 0.3s ease-in-out;
    }


.app-part-title {
}

    .app-part-title .text-danger {
        color: #c9a35f !important;
    }

    .app-part-title h2 {
        color: #333333;
        font-size: 2.5rem;
        margin-bottom: 0.45rem;
        letter-spacing: 0.25rem;
    }

        .app-part-title h2 small {
            font-size: 1.5rem;
            letter-spacing: 0;
        }

    .app-part-title h4 {
        margin-bottom: 0.65rem;
        color: #5b5b5b;
    }

    .app-part-title hr {
        background-color: #c9a35f;
        height: 2px;
        width: 80px;
        border: none;
        margin: 0 auto;
    }

.app-part-title-secondary {
    background: url(../img/title-icon.png) no-repeat;
    padding-left: 20px;
}

    .app-part-title-secondary h2 {
        color: #333333;
        margin-bottom: 0.2rem;
    }

.app-order {
    cursor: pointer;
    text-align: center;
    color: #8f8f8f;
    border-right: 1px solid #e5e5e5;
}

    .app-order:last-child {
        border-right: 0;
    }

    .app-order h5 {
        margin-top: 0.5rem;
        margin-bottom: 0;
        color: #454545;
    }

    .app-order:nth-child(1) div {
        background: url(../img/order/1.png) no-repeat center center;
    }

    .app-order:nth-child(2) div {
        background: url(../img/order/2.png) no-repeat center center;
    }

    .app-order:nth-child(3) div {
        background: url(../img/order/3.png) no-repeat center center;
    }

    .app-order:nth-child(4) div {
        background: url(../img/order/4.png) no-repeat center center;
    }

    .app-order:nth-child(5) div {
        background: url(../img/order/5.png) no-repeat center center;
    }

    .app-order:hover div .border {
        border: 1px solid #044696 !important;
    }

    .app-order:hover:nth-child(1) div .border {
        background: #044696 url(../img/order/1-hover.png) no-repeat center center;
    }

    .app-order:hover:nth-child(2) div .border {
        background: #044696 url(../img/order/2-hover.png) no-repeat center center;
    }

    .app-order:hover:nth-child(3) div .border {
        background: #044696 url(../img/order/3-hover.png) no-repeat center center;
    }

    .app-order:hover:nth-child(4) div .border {
        background: #044696 url(../img/order/4-hover.png) no-repeat center center;
    }

    .app-order:hover:nth-child(5) div .border {
        background: #044696 url(../img/order/5-hover.png) no-repeat center center;
    }
    /*
    .app-order div .border {
        border: 1px solid #044696 !important;
        background-image: linear-gradient(to top, #044696,#044696);
    }
*/
    .app-order:hover img {
    }

.about-warp {
    /*min-height: 875px;*/
    background: url(../img/bg-about.png) no-repeat;
    background-size: cover;
}

    .about-warp .item {
        color: #575757;
    }

        .about-warp .item h2 {
            color: #0a5394;
            margin-bottom: 0;
        }

            .about-warp .item h2 small {
                font-size: 1.2rem;
            }

#breadcrumb-warp {
    background-color: #e9ecef;
}

.part-warp h1, .part-warp h3, .part-warp h4 {
    color: #Ffffff;
}

.part-warp .item-large {
    height: 736px;
    background: url(../img/bg-part-01.png) no-repeat;
}

.part-warp .item {
    height: 368px;
    background: #caa45f;
}

.part-warp .item-bg-01 {
    height: 368px;
    background: url(../img/bg-part-02.png) no-repeat;
}

.part-warp .item-bg-02 {
    height: 368px;
    background: url(../img/bg-part-03.png) no-repeat;
}

.part-warp .app-part-title h1 {
    color: #fff;
    font-size: 3rem;
    margin-bottom: 0.45rem;
    letter-spacing: 0.25rem;
}

.part-warp .app-part-title h4 {
    margin-bottom: 0.65rem;
    color: #fff;
}

.part-warp .app-part-title hr {
    background-color: #fff;
    height: 2px;
    width: 80px;
    border: none;
}

.service-warp {
    background: url(../img/bg-service.png);
    background-size: contain;
}

    .service-warp .item {
        position: relative;
    }

        .service-warp .item img {
            width: 100%;
            /*height:200px;*/
        }

        .service-warp .item .title {
            position: absolute;
            top: 40%;
            left: 20%;
            font-size: 22px;
            z-index: 10;
            color: #fff;
        }

        .service-warp .item .sub-title {
            position: absolute;
            top: 55%;
            left: 20%;
            z-index: 11;
            color: #fff;
            border-bottom: 1px solid #fff;
        }

.footer-warp {
    background: url(../img/bg-footer.png) no-repeat center bottom;
    background-size: cover;
}

    .footer-warp .border-top {
        border-top: 1px solid #37689c !important;
    }

    .footer-warp .border-right {
        border-right: 1px solid #37689c !important;
    }

    .footer-warp dl {
    }

        .footer-warp dl dt {
            color: #fff;
            font-size: 16px;
            margin-bottom: 1rem;
        }

        .footer-warp dl dd a {
            color: #fff;
        }

            .footer-warp dl dd a:hover {
                color: #caa45f;
            }

/*media max-width*/
@media only screen and (max-width: 1440px) {
    .slider-area .nivo-directionNav a.nivo-nextNav {
        top: 45%;
    }

    .slider-area .nivo-directionNav a.nivo-prevNav {
        left: 5%;
        top: 45%;
    }
}

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

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

@media only screen and (max-width: 768px) {
    .mobile-menu-nav-back {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .mean-container a.meanmenu-reveal {
        top: 10px;
    }

    .app-order {
        border-bottom: 1px solid #e5e5e5;
        padding: 15px;
    }

        .app-order:last-child {
            border-right: 1px solid #e5e5e5;
        }

    .app-part-title h2 {
        color: #333333;
        font-size: 2.3rem;
        margin-bottom: 0.45rem;
        letter-spacing: 0.15rem;
    }

        .app-part-title h2 small {
            font-size: 1.3rem;
            letter-spacing: 0;
        }

    .about-warp {
        background-size: cover;
    }

        .about-warp .w-50 {
            width: 100% !important;
        }

        .about-warp .w-75 {
            width: 100% !important;
        }
}

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

@media only screen and (min-width: 1024px) {
    .container {
        max-width: 100%;
    }

    .container-xl {
        max-width: 100%;
        padding-right: 0;
        padding-left: 0;
    }

    .container-lg {
        max-width: 1000px;
    }

    nav.template-main-menu > ul > li {
        padding: 0;
    }

        nav.template-main-menu > ul > li > a {
            font-size: 13px;
        }

    .about-warp {
        background-size: 100%100%;
    }

        .about-warp .w-75 {
            width: 100% !important;
        }

    @media only screen and (min-width: 1280px) {
        .container {
            max-width: 100%;
        }

        .container-xl {
            max-width: 100%;
            padding-right: 0;
            padding-left: 0;
        }

        .container-lg {
            max-width: 1100px;
        }

        nav.template-main-menu > ul > li {
            padding: 0 0.2rem;
        }

            nav.template-main-menu > ul > li > a {
                font-size: 16px;
            }
    }

    @media only screen and (min-width: 1366px) {
        .container {
            max-width: 1336px;
        }

        .container-xl {
            max-width: 100%;
            padding-right: 0;
            padding-left: 0;
        }

        .container-lg {
            max-width: 1200px;
        }
    }

    @media only screen and (min-width: 1440px) {
        .container {
            max-width: 1410px;
        }

        .container-xl {
            max-width: 100%;
            padding-right: 0;
            padding-left: 0;
        }

        .container-lg {
            max-width: 1410px;
        }
    }

    @media only screen and (min-width: 1600px) {
        .container-xl {
            max-width: 100%;
            padding-right: 0;
            padding-left: 0;
        }

        .container-lg {
            max-width: 1440px;
        }
    }

    @media only screen and (min-width: 1920px) {
        .container-xl {
            padding-right: 15px;
            padding-left: 15px;
            max-width: 1950px;
        }

        .container-lg {
            max-width: 1440px;
        }
    }