body {
    text-align: center;
    margin: 0 auto;
    font-size: 11pt;
    font-family: Arial;
}

.top-inner {
    float: left;
    width: 100%;
    padding: 10px 0 10px 0;
}

.top-head {
    float: left;
    width: 100%;
    color: #fff;
    font-size: 30pt;
    font-weight: bold;
    text-align: center;
    padding: 0 0 0 0;
}

.top-subhead {
    float: left;
    width: 100%;
    color: #ccc;
    font-size: 18pt;
    text-align: center;
    padding: 0 0 0 0;
}

.tp_area {
    float: left;
    width: 100%;
    padding: 5px 0 5px 0;
    background-color: #000;
}

.tp_inner {
    float: left;
    width: 100%;
    padding: 10px 0 10px 0;
}

.tp_lft {
    float: left;
    width: 30%;
}

.tp_name {
    float: left;
    width: 100%;
    color: #ffc61a;
    font-size: 20pt;
    font-weight: bold;
    text-align: left;
    padding: 0 0 0 0;
}

    .tp_name a {
        color: #ffc61a;
    }

        .tp_name a:hover {
            color: #fff;
        }

.tp_subname {
    float: left;
    width: 86%;
    color: #fff;
    font-size: 12pt;
    text-align: center;
    padding: 5px 0 5px 0;
}

.tp_rgt {
    float: left;
    width: 70%;
}

.phn {
    width: 52%;
    float: right;
    margin: 15px 0 0 0;
    display: none;
}

    .phn a {
        color: #fff;
        font-size: 30pt;
        line-height: 1;
        font-weight: bold;
        text-decoration: none;
    }

        .phn a:hover {
            color: #ddd;
            text-decoration: none;
        }

.phnaa {
    width: 15%;
    float: left;
    text-align: left;
    padding: 3px 0 0 0;
}

.phnbb {
    width: 85%;
    float: left;
    text-align: left;
}

.phone {
    width: 100%;
    float: left;
    color: #333;
    font-weight: bold;
    font-size: 15pt;
    line-height: 1.5;
    text-align: center;
    margin: 0 0 15px 0;
}

    .phone a {
        color: #000;
        font-size: 25pt;
        line-height: 1;
        text-decoration: none;
    }

        .phone a:hover {
            color: #333;
            text-decoration: none;
        }

.moonar {
    width: 100%;
    float: left;
    margin: 9px 0 0 0;
}

.hedr-area {
    width: 100%;
    float: left;
    background-image: url(../images/maxi_bg.webp);
    background-position: 50% 50%;
    background-size: cover;
}

.hedr-ovrly {
    background-color: rgba(0, 0, 0, 0.5);
    padding: 150px 0 150px 0;
}

.hedr-ttl {
    width: 100%;
    float: left;
    color: #fff;
    font-size: 30pt;
    font-weight: bold;
    text-align: center;
    padding: 0 0 0 0;
}

.hedr_content {
    width: 30%;
    float: left;
    padding: 40px 20px 60px 20px;
    background-color: #fff;
}

.hedr_hd {
    width: 100%;
    float: left;
    color: #000;
    font-size: 20pt;
    font-weight: bold;
    text-align: center;
    padding: 0 0 0 0;
    margin: 0 0 20px 0;
    text-transform: uppercase;
}

.bk_btn {
    margin: 0 auto;
}

    .bk_btn a {
        color: #000;
        font-size: 15pt;
        padding: 10px 25px;
        font-weight: bold;
        border-radius: 20px;
        text-decoration: none;
        background-color: #ffc61a;
    }

        .bk_btn a:hover {
            color: #ffc61a;
            background-color: #000;
            -webkit-transition: all .5s ease-in-out;
            -o-transition: all .5s ease-in-out;
            transition: all .5s ease-in-out;
        }

.ces_area {
    width: 100%;
    float: left;
    padding: 40px 0 40px 0;
    background-color: #ffc61a;
}

.ces_grp {
    width: 90%;
    float: left;
    padding: 20px 0 20px 0;
    margin: 0 5% 0 5%;
    border-right: 2px solid #000;
}

.ces_grp1 {
    width: 90%;
    float: left;
    padding: 20px 0 20px 0;
    margin: 0 5% 0 5%;
}

.ces_ico {
    width: 25%;
    float: left;
    text-align: left;
    padding: 0 0 0 0;
}

.ces_txt {
    width: 75%;
    float: left;
    text-align: left;
    padding: 10px 0 0 0;
}

    .ces_txt a {
        color: #000;
        font-size: 27pt;
        font-weight: bold;
    }

        .ces_txt a:hover {
            color: #000;
        }

.bookonl-bg {
    float: left;
    width: 100%;
    z-index: 2;
    padding: 0 0 10px 0;
    margin: 0 0 0 0;
    /*background: rgba(0,0,0,.8);*/
}

.bookonl-data {
    float: left;
    width: 100%;
    background: #ffc61a;
    margin: 15px 0 0 0;
    border-radius: 15px;
    padding: 15px 20px 20px 20px;
}

.bookonl-ttl {
    width: 100%;
    float: left;
    color: #000;
    font-size: 20pt;
    text-align: center;
    padding: 0 0 15px 0;
}

    .bookonl-ttl a {
        color: #000;
        font-weight: bold;
    }

        .bookonl-ttl a:hover {
            color: #333;
            font-weight: bold;
        }

.book-bg {
    float: left;
    width: 74%;
    z-index: 2;
    padding: 0 0 10px 0;
    margin: 0 13% 0 13%;
    /*background: rgba(0,0,0,.8);*/
}

.book-data {
    float: left;
    width: 100%;
    background: #000;
    margin: 15px 0 0 0;
    border-radius: 15px;
    padding: 15px 20px 20px 20px;
}

.book-inner {
    float: left;
    width: 100%;
}

.head-ttl {
    width: 100%;
    float: left;
    color: #000;
    margin: 0 auto;
    font-size: 20pt;
    text-align: center;
    padding: 0 0 15px 0;
}

.book-hd {
    width: 48%;
    float: left;
    color: #000;
    margin: 0 auto;
    font-size: 15pt;
    margin-bottom: 0;
    font-weight: bold;
    text-align: right;
    border-radius: 5px;
    padding: 0 0 10px 20px;
}

.book-hd-1 {
    width: 48%;
    float: left;
    color: #000;
    margin: 0 auto;
    font-size: 15pt;
    text-align: left;
    margin-bottom: 0;
    font-weight: bold;
    border-radius: 5px;
    padding: 0 0 10px 20px;
}

.oth-hdr-bg {
    float: left;
    width: 100%;
    margin: 0 0 0 0;
    background-image: url(../images/oth_hdr_bg.webp);
    background-position: 50% 50%;
    background-size: cover;
}

.oth-hdr-ovrly {
    background-color: rgba(0, 0, 0, 0.6);
    padding: 100px 0 100px 0;
}

.oth-hdr-bg h1 {
    color: #fff;
    font-size: 30pt;
    font-weight: bold;
    text-align: center;
}

.all-contents {
    width: 100%;
    float: left;
    padding: 30px 0 30px 0;
}

.srvc_panel {
    width: 100%;
    float: left;
    padding: 10px 0 10px 0;
}

.srvc_head {
    color: #000;
    font-size: 25pt;
    text-align: left;
    font-weight: bold;
    margin: 0 0 20px 0;
    text-align: center;
    text-transform: uppercase;
}

.srvc_inner {
    width: 94%;
    float: left;
    height: 700px;
    margin: 3% 3% 3% 3%;
    padding: 0 0 25px 0;
    border-radius: 10px;
    background-color: #eee;
    border: 1px solid #ccc;
}

.srvc_ttl {
    width: 100%;
    float: left;
    color: #000;
    font-size: 17pt;
    font-weight: bold;
    padding: 20px 20px 0 20px;
}

.srvc_img {
    width: 100%;
    float: left;
    padding: 20px 20px 0 20px;
}

.srvc_txt {
    width: 100%;
    float: left;
    line-height: 1.5;
    padding: 0 20px 0 20px;
}

.srvc_more {
    width: 100%;
    float: left;
    margin: 30px 0 10px 0;
}

    .srvc_more a {
        color: #ffc61a;
        font-size: 13pt;
        font-weight: bold;
        padding: 10px 20px;
        border-radius: 20px;
        text-decoration: none;
        background-color: #000;
    }

        .srvc_more a:hover {
            color: #000;
            text-decoration: none;
            background-color: #ffc61a;
        }

.lux_area {
    width: 100%;
    float: left;
    padding: 30px 0 30px 0;
    background-color: #eee;
}

.lux_head {
    font-size: 25pt;
    text-align: left;
    color: #000;
    font-weight: 700;
    margin: 0 0 0 0;
    text-align: center;
    text-transform: uppercase;
}

.lux_grp {
    width: 92%;
    float: left;
    margin: 15px 4%;
    background-color: #fff;
    border: 1px solid #ebebeb;
    padding: 10px 10px 40px 20px;
}

.lux_pic {
    width: 100%;
    float: left;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

.lux_a {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0;
    color: #000;
    font-size: 18pt;
    font-weight: 600;
    margin: 10px 0 0 0;
    text-align: center;
}

    .lux_a span {
        color: #ffc61a;
        font-size: 13pt;
    }

.lux_b {
    width: 100%;
    float: left;
    padding: 0;
    color: #666;
    line-height: 1.7;
    text-align: center;
    margin: 10px 0 20px 0;
}

.lux_c {
    color: #000;
    margin: 0 auto;
    font-size: 13pt;
    font-weight: 700;
    background-color: #fff;
}

    .lux_c a {
        color: #000;
        padding: 8px 24px;
        border-radius: 20px;
        text-decoration: none;
        background-color: #ffc61a;
    }

        .lux_c a:hover {
            color: #ffc61a;
            text-decoration: none;
            background-color: #000;
            -webkit-transition: all .2s ease-in-out;
            -o-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
        }

.flet_grp {
    width: 100%;
    float: left;
    border-radius: 10px;
    margin: 10px 0 10px 0;
    border: 1px dashed #ccc;
    background-color: #f9f9f9;
    padding: 30px 30px 30px 30px;
}

.flet_data {
    width: 75%;
    float: left;
    padding: 0 20px 0 0;
}

.flet_hd {
    width: 100%;
    float: left;
    color: #000;
    font-size: 20pt;
    text-align: left;
    font-weight: 700;
    margin: 0 0 10px 0;
}

    .flet_hd span {
        color: #ffc61a;
        font-size: 13pt;
    }

.flet_pic {
    width: 25%;
    float: left;
    padding: 0 0 0 0;
}

.serv_grp {
    width: 100%;
    float: left;
    border-radius: 10px;
    margin: 10px 0 10px 0;
    border-bottom: 1px dashed #ccc;
    padding: 30px 0 30px 0;
}

.serv_hd {
    width: 100%;
    float: left;
    color: #000;
    font-size: 20pt;
    text-align: left;
    font-weight: 700;
    margin: 0 0 10px 0;
}

.img_Right {
    padding: 0 0 10px 20px;
}

.ptxt {
    color: #444;
    text-align: justify;
    letter-spacing: .5px;
}

.con_area {
    width: 100%;
    float: left;
    margin: 0 0 0 0;
    padding: 0;
}

.con_lft {
    width: 35%;
    float: left;
    margin: 0 0 0 0;
    padding: 30px;
    background-color: #0e0e0e;
}

.con_lft_hd {
    width: 100%;
    float: left;
    padding: 0;
    text-align: left;
    margin: 10px 0 5px 0;
    font-size: 15pt;
    font-weight: 600;
    color: #fff;
}

.con_rgt {
    width: 65%;
    float: left;
    margin: 0 0 0 0;
    padding: 0 0 0 30px;
}

.con_grp {
    width: 100%;
    float: left;
    margin: 30px 0 30px 0;
    padding: 0;
}

.con_grp_l {
    width: 20%;
    float: left;
    margin: 0 0 0 0;
    padding: 0;
    text-align: left;
}

.con_grp_r {
    width: 80%;
    float: left;
    margin: 0 0 0 0;
    padding: 0;
}

.con_grp_ra {
    width: 100%;
    float: left;
    margin: 0 0 3px 0;
    padding: 0;
    font-size: 12pt;
    text-align: left;
    color: #ffc61a;
    font-weight: 600;
}

.con_grp_rb {
    width: 100%;
    float: left;
    margin: 0 0 0 0;
    padding: 0;
    color: #999;
    text-align: left;
}

    .con_grp_rb a {
        color: #999;
    }

        .con_grp_rb a:hover {
            color: #fff;
        }

.ftr {
    width: 100%;
    float: left;
    color: #ccc;
    padding: 30px 0 30px 0;
    background-color: #000;
}

    .ftr a {
        color: #ccc;
        text-decoration: none;
    }

.footr a:hover {
    color: #fff;
    text-decoration: none;
}

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

.ftr li {
    display: inline;
    padding: 0 10px 0 0;
}

.ftr-lft {
    width: 60%;
    float: left;
    text-align: left;
}

.ftr-rgt {
    width: 40%;
    float: left;
    text-align: right;
    margin: 25px 0 0 0;
}





@media (max-width:480px) {

    .tp_lft {
        float: left;
        width: 100%;
    }

    .tp_rgt {
        float: left;
        width: 100%;
    }

    .tp_name {
        float: left;
        width: 100%;
        font-size: 16pt;
        font-weight: bold;
        text-align: left;
        padding: 0 0 0 0;
    }

    .tp_subname {
        float: left;
        width: 100%;
        color: #fff;
        font-size: 11pt;
        text-align: left;
        padding: 5px 0 5px 0;
    }

    .phn {
        width: 100%;
        float: left;
        color: #fff;
        font-size: 18pt;
        display: block;
        font-weight: bold;
        margin: 0 0 0 0;
    }

        .phn a {
            color: #fff;
            font-size: 23pt;
            line-height: 1;
            font-weight: bold;
            text-decoration: none;
        }

            .phn a:hover {
                color: #ddd;
                text-decoration: none;
            }

    .phnaa {
        width: 100%;
        float: left;
        text-align: center;
        padding: 3px 0 3px 0;
    }

    .phnbb {
        width: 100%;
        float: left;
        text-align: center;
    }

    .hedr-ovrly {
        background-color: rgba(0, 0, 0, 0.5);
        padding: 60px 0 60px 0;
    }

    .hedr-ttl {
        width: 100%;
        float: left;
        color: #fff;
        font-size: 25pt;
        padding: 0 0 0 0;
        font-weight: bold;
        text-align: center;
    }

    .srvc_inner {
        width: 100%;
        float: left;
        height: auto;
        margin: 3% 0 3% 0;
        padding: 0 0 20px 0;
        border-radius: 10px;
    }

    .srvc_panel {
        width: 100%;
        float: left;
        padding: 0 0 0 0;
    }

    .book-bg {
        float: left;
        width: 100%;
        z-index: 2;
        margin: 0 0 0 0;
        padding: 0 0 10px 0;
    }

    .book-data {
        float: left;
        width: 100%;
        background: #000;
        margin: 15px 0 0 0;
        border-radius: 15px;
        padding: 15px 10px 20px 10px;
    }

    .hedr-area {
        width: 100%;
        float: left;
        background-image: url(../images/maxi_bg.webp);
        background-position: 85% 50%;
        background-size: cover;
    }

    .hedr_content {
        width: 90%;
        float: left;
        margin: 0 5% 0 5%;
        background-color: rgba(255,255,255,.8);
        padding: 20px 10px 40px 10px;
    }

    .hedr_hd {
        width: 100%;
        float: left;
        color: #000;
        font-size: 20pt;
        padding: 0 0 0 0;
        font-weight: bold;
        text-align: center;
        margin: 0 0 20px 0;
        text-transform: uppercase;
    }

    .ces_grp {
        width: 90%;
        float: left;
        border-right: 0;
        margin: 0 5% 0 5%;
        padding: 20px 0 20px 0;
        border-bottom: 1px dashed #ad8b23;
    }

    .ces_area {
        width: 100%;
        float: left;
        padding: 20px 0 20px 0;
        background-color: #ffc61a;
    }

    .lux_grp {
        width: 100%;
        float: left;
        margin: 15px 0;
        padding: 10px 10px 40px 10px;
    }

    .srvc_head {
        font-size: 20pt;
        margin: 0 0 5px 0;
    }

    .lux_head {
        font-size: 20pt;
        text-align: center;
    }

    .oth-hdr-ovrly {
        background-color: rgba(0, 0, 0, 0.6);
        padding: 70px 0 70px 0;
    }

    .oth-hdr-bg h1 {
        margin: 0;
        color: #fff;
        font-size: 20pt;
        font-weight: bold;
        text-align: center;
    }

    .flet_grp {
        margin: 10px 0 10px 0;
        padding: 15px 15px 25px 15px;
    }

    .flet_data {
        width: 100%;
        float: left;
        padding: 0 0 0 0;
    }

    .flet_hd {
        font-size: 18pt;
        margin: 0 0 5px 0;
        text-align: center;
    }

        .flet_hd span {
            font-size: 11pt;
        }

    .flet_pic {
        width: 100%;
        float: left;
        padding: 0 0 0 0;
    }

    .serv_grp {
        margin: 10px 0 10px 0;
        border-bottom: 1px dashed #ccc;
        padding: 0 0 10px 0;
    }

    .serv_hd {
        width: 100%;
        float: left;
        color: #000;
        font-size: 18pt;
        font-weight: 700;
        text-align: center;
        margin: 0 0 10px 0;
    }

    .img_Right {
        padding: 0 0 10px 0;
    }

    .con_lft {
        width: 100%;
        float: left;
        margin: 0 0 0 0;
        padding: 30px 15px;
        background-color: #0e0e0e;
    }

    .con_lft_hd {
        width: 100%;
        float: left;
        padding: 0;
        color: #fff;
        font-size: 15pt;
        font-weight: 600;
        text-align: left;
        margin: 10px 0 5px 0;
        font-family: 'Poppins', sans-serif;
    }

    .con_rgt {
        width: 100%;
        float: left;
        padding: 0 0 0 0;
        margin: 20px 0 0 0;
    }

    .con_1 {
        font-size: 12pt;
    }

    .con_2 {
        font-size: 17pt;
    }

    .con_grp {
        width: 100%;
        float: left;
        padding: 0;
        border-right: 0;
        margin: 20px 0 20px 0;
    }

    .con_grp_l {
        width: 25%;
        float: left;
        padding: 0;
        margin: 0 0 0 0;
        text-align: left;
    }

    .con_grp_r {
        width: 75%;
        float: left;
        margin: 0;
        padding: 0;
    }

    .bookonl-ttl {
        width: 100%;
        float: left;
        margin: 0;
        color: #000;
        font-size: 17pt;
        line-height: 1.5;
        text-align: center;
        padding: 0 0 5px 0;
    }

    .bookonl-data {
        margin: 0 0 0 0;
    }

    .ftr ul {
        margin: 0;
        padding: 0;
        line-height: 1.5;
        list-style: none;
    }

    .ftr-lft {
        width: 100%;
        float: left;
        line-height: 1.3;
        text-align: center;
    }

    .ftr-rgt {
        width: 100%;
        float: left;
        margin: 2px 0 0 0;
        text-align: center;
    }

    .book-hd {
        width: 100%;
        float: left;
        margin: 0 auto;
        font-size: 12pt;
        font-weight: bold;
        padding: 0 0 3px 0;
        text-align: center;
    }

    .book-hd-1 {
        width: 100%;
        float: left;
        margin: 0 auto;
        font-size: 12pt;
        font-weight: bold;
        text-align: center;
        padding: 0 0 10px 20px;
    }
}