body {
    margin: 0 auto;
    font-size: 11pt;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
}

.top-fl {
    float: left;
    width: 100%;
    z-index: 1;
    position: fixed;
    margin-bottom: 1px;
    padding: 5px 0 10px 0;
    background-color: rgba(0, 0, 0, .85);
}

.top-fl-oth {
    float: left;
    width: 100%;
    padding: 10px 0 10px 0;
    background-color: #0c1620;
}

.logo-cont {
    width: 18%;
    float: left;
    margin: 0 41% 0 41%;
}

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

    .phone a {
        color: #000;
        padding: 10px 20px;
        border-radius: 10px;
        text-decoration: none;
        letter-spacing: 1.5px;
        background-color: #ffcf01;
        /*background-color: rgba(0, 0, 0, .7);
        box-shadow: 1px 4px 5px 1px rgba(0,0,0,0.5);*/
    }

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

    .phone > a img {
        top: 0;
        margin-top: 0;
    }

.menu-bar {
    width: 74%;
    float: right;
    margin: 6px 0 0 0;
}

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

.slider_heading {
    width: 100%;
    float: left;
    color: #fff;
    margin: 0 0 0 0;
    font-size: 40pt;
    font-weight: 500;
    line-height: 1.2;
    text-align: center;
    border-radius: 10px;
    padding: 10px 50px 10px 50px;
    /*text-shadow: 2px 2px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;*/
}

    .slider_heading span {
        color: #c1272f;
        font-size: 35pt;
        text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
    }

.slider_sml {
    width: 60%;
    float: left;
    color: #fff;
    font-size: 15pt;
    font-weight: 300;
    line-height: 1.4;
    text-align: center;
    margin: 0 20% 20px 20%;
    border-radius: 10px;
    padding: 0 0 10px 0;
}

.slider_mor {
    width: auto;
    margin: 0 0 0 0;
}

    .slider_mor a {
        color: #fff;
        margin: 0 5px 0 5px;
        font-size: 15pt;
        font-weight: 600;
        padding: 13px 30px;
        border-radius: 30px;
        text-decoration: none;
        background-color: #336699;
    }

        .slider_mor a:hover {
            color: #fff;
            background-color: #003366;
            text-decoration: none;
            -webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -ms-transition: all .5s ease;
            -o-transition: all .5s ease;
        }

.slider_mor_pag {
    width: auto;
    margin: 40px 0 0 0;
}

    .slider_mor_pag a {
        color: #fff;
        margin: 0 5px 0 5px;
        font-size: 15pt;
        font-weight: 600;
        padding: 13px 30px;
        border-radius: 30px;
        text-decoration: none;
        background-color: #336699;
    }

        .slider_mor_pag a:hover {
            color: #fff;
            background-color: #003366;
            text-decoration: none;
            -webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -ms-transition: all .5s ease;
            -o-transition: all .5s ease;
        }

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

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

.sldr_area {
    width: 100%;
    float: left;
    margin: 130px 0 130px 0;
}

.sht_sldr_area {
    width: 100%;
    float: left;
    margin: 150px 0 120px 0;
}

.sldr_lft {
    width: 50%;
    float: left;
    margin: 50px 0 0 0;
    padding: 0 50px 0 0;
}

.sldr_sbhead {
    width: 100%;
    float: left;
    color: #fff;
    margin: 0 0 0 0;
    font-size: 18pt;
    font-weight: 600;
    text-align: left;
    text-transform: uppercase;
}

.sldr_head {
    width: 100%;
    float: left;
    color: #fff;
    font-size: 30pt;
    font-weight: 600;
    text-align: left;
    line-height: 1.1;
    margin: 0 0 20px 0;
    text-shadow: 3px 3px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

.sldr_line {
    width: 15%;
    float: left;
    height: 3px;
    padding: 0 0 0;
    margin: 10px 0 30px 0;
    background-color: #fff;
}

.sldr_txt {
    width: 100%;
    float: left;
    color: #fff;
    font-size: 14pt;
    margin: 0 0 0 0;
    text-align: left;
    line-height: 1.7;
    text-shadow: 2px 2px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

.sldr_rgt {
    width: 50%;
    float: left;
    margin: 0 0 0 0;
}

.crs_area {
    float: left;
    width: 100%;
    margin: 0;
    padding: 30px 0;
    background-color: #f5f7f8;
}

    .crs_area h1 {
        color: #003366;
        font-size: 30pt;
        font-weight: 500;
        margin: 0 0 5px 0;
        line-height: 50px;
        text-align: center;
    }

    .crs_area p {
        color: #666;
        font-size: 11pt;
        font-weight: 400;
    }

.crs_grp {
    width: 94%;
    float: left;
    margin: 3%;
    padding: 20px 20px;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 3px 3px 15px 6px rgba(0,0,0,0.03);
}

.crs_grp_a {
    width: 100%;
    float: left;
    margin: 0 0 0 0;
    text-align: center;
    padding: 0 0 20px 0;
}

.crs_grp_b {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    text-align: center;
}

.crs_grp h3 {
    color: #000;
    font-size: 13pt;
    font-weight: 600;
    line-height: 1.2;
    margin: 0 0 10px 0;
    text-align: center;
}

.crs_grp_c {
    width: 100%;
    float: left;
    padding: 0;
    color: #444;
    line-height: 1.6;
    margin: 0 0 10px 0;
    text-align: justify;
}

.crs_mor {
    width: 80%;
    float: left;
    z-index: 1;
    color: #ffffff;
    margin: 10px 10% 10px 10%;
}

    .crs_mor a {
        color: #fff;
        margin: 0 0 0 0;
        font-size: 11pt;
        font-weight: 400;
        padding: 10px 25px;
        border-radius: 30px;
        text-decoration: none;
        background-color: #336699;
    }

        .crs_mor a:hover {
            color: #fff;
            background-color: #003366;
            text-decoration: none;
            -webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -ms-transition: all .5s ease;
            -o-transition: all .5s ease;
        }

.clnt_area {
    width: 100%;
    float: left;
    padding: 40px 0 40px 0;
}

    .clnt_area h2 {
        color: #222;
        font-size: 30pt;
        margin: 0 0 0 0;
        font-weight: 500;
        text-align: center;
    }

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

.clnt_tmb {
    width: 100%;
    float: left;
    padding: 30px 50px;
}

.all_hdr {
    float: left;
    width: 100%;
    padding: 200px 0 150px 0;
    background-image: url(images/abt_hdr.webp);
    background-position: 50% 50%;
    background-size: cover;
}

    .all_hdr h1 {
        color: #fff;
        margin: 0 0 0 0;
        font-size: 30pt;
        font-weight: 500;
        text-align: center;
        padding: 0 0 0 50px;
        /*text-shadow: 3px 3px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;*/
    }

.bus_setup_hdr {
    float: left;
    width: 100%;
    padding: 200px 0 150px 0;
    background-image: url(images/bus_setup_hdr.webp);
    background-position: 50% 50%;
    background-size: cover;
}

    .bus_setup_hdr h1 {
        color: #fff;
        margin: 0 0 0 0;
        font-size: 30pt;
        font-weight: 500;
        text-align: center;
        padding: 0 0 0 50px;
        /*text-shadow: 3px 3px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;*/
    }

.digmark_hdr {
    float: left;
    width: 100%;
    padding: 200px 0 150px 0;
    background-image: url(images/digmark_hdr.webp);
    background-position: 50% 50%;
    background-size: cover;
}

    .digmark_hdr h1 {
        color: #fff;
        margin: 0 0 0 0;
        font-size: 30pt;
        text-align: center;
        font-weight: 500;
        padding: 0 0 0 50px;
        /*text-shadow: 3px 3px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;*/
    }

.tax_acc_hdr h1 {
    color: #fff;
    font-size: 30pt;
    margin: 0 0 0 0;
    text-align: center;
    font-weight: 500;
    padding: 0 0 0 50px;
    /*text-shadow: 3px 3px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;*/
}

.tax_acc_hdr {
    float: left;
    width: 100%;
    padding: 200px 0 150px 0;
    background-image: url(images/tax_acc_hdr.webp);
    background-position: 50% 50%;
    background-size: cover;
}

.med_sml_lon_hdr h1 {
    color: #fff;
    margin: 0 0 0 0;
    font-size: 30pt;
    text-align: center;
    font-weight: 500;
    padding: 0 0 0 50px;
    /*text-shadow: 3px 3px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;*/
}

.med_sml_lon_hdr {
    float: left;
    width: 100%;
    padding: 200px 0 150px 0;
    background-image: url(images/med_sml_lon.webp);
    background-position: 50% 30%;
    background-size: cover;
}

.our_appch_hdr {
    float: left;
    width: 100%;
    padding: 200px 0 150px 0;
    background-image: url(images/our_appch_hdr.webp);
    background-position: 50% 30%;
    background-size: cover;
}

    .our_appch_hdr h1 {
        color: #fff;
        margin: 0 0 0 0;
        font-size: 30pt;
        text-align: center;
        font-weight: 500;
        padding: 0 0 0 50px;
        /*text-shadow: 3px 3px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;*/
    }

.enquiry_hdr {
    float: left;
    width: 100%;
    padding: 200px 0 150px 0;
    background-image: url(images/enquiry_hdr.webp);
    background-position: 50% 60%;
    background-size: cover;
}

    .enquiry_hdr h1 {
        color: #fff;
        margin: 0 0 0 0;
        font-size: 30pt;
        text-align: center;
        font-weight: 500;
        padding: 0 0 0 50px;
        /*text-shadow: 3px 3px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;*/
    }

.contact_hdr {
    float: left;
    width: 100%;
    padding: 200px 0 150px 0;
    background-image: url(images/contact_hdr.webp);
    background-position: 50% 50%;
    background-size: cover;
}

    .contact_hdr h1 {
        color: #fff;
        margin: 0 0 0 0;
        font-size: 30pt;
        text-align: center;
        font-weight: 500;
        padding: 0 0 0 50px;
        /*text-shadow: 3px 3px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;*/
    }

.orgn_area {
    width: 100%;
    float: left;
    padding: 40px 0 40px 0;
    background: linear-gradient(90deg,#003366,#336699);
}

    .orgn_area h2 {
        color: #fff;
        font-size: 30pt;
        font-weight: 500;
        text-align: center;
        margin: 0 0 20px 0;
    }

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

.orgn_grp {
    width: 100%;
    float: left;
    height: 230px;
    padding: 20px 20px 20px 20px;
}

.orgn_lft {
    width: 20%;
    float: left;
}

.orgn_rgt {
    width: 80%;
    float: left;
}

.orgn_rgt_ttl {
    width: 100%;
    float: left;
    color: #fff;
    font-size: 18pt;
    font-weight: 400;
    text-align: left;
    margin: 0 0 10px 0;
}

.orgn_rgt_txt {
    width: 100%;
    float: left;
    color: #fff;
    line-height: 1.6;
    text-align: left;
}

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

.serv {
    float: right;
    color: #ffcc00;
    font-size: 17pt;
    margin-top: 6px;
    text-align: right;
}

.serv-sml {
    height: 1px;
    color: #004990;
}

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

.sldtaq_sbhead {
    width: 100%;
    float: left;
    color: #fff;
    margin: 0 0 0 0;
    font-size: 18pt;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 2px 2px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

.sldtaq_head {
    width: 100%;
    float: left;
    color: #fff;
    line-height: 1.1;
    font-size: 30pt;
    font-weight: 600;
    text-align: center;
    margin: 0 0 10px 0;
    text-shadow: 3px 3px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

.sldtaq_line {
    width: 24%;
    float: left;
    margin: 10px 38% 20px 38%;
    padding: 0 0 0;
    height: 3px;
    background-color: #ffcf01;
}

.sldtaq_txt {
    width: 100%;
    float: left;
    color: #fff;
    font-size: 14pt;
    margin: 0 0 20px 0;
    text-align: center;
    line-height: 1.7;
    text-shadow: 2px 2px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

.sldtaq_phcal {
    width: auto;
    margin: 0 0 0 0;
}

    .sldtaq_phcal a {
        color: #000;
        font-size: 20pt;
        font-weight: 700;
        text-align: left;
        padding: 10px 20px;
        margin: 0 5px 0 5px;
        border-radius: 10px;
        text-decoration: none;
        letter-spacing: 1.5px;
        background-color: #ffcf01;
        /*background-color: rgba(0, 0, 0, .7);
        box-shadow: 1px 4px 5px 1px rgba(0,0,0,0.5);*/
    }

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

.thk-hdr-bg {
    width: 100%;
    float: left;
    /*background-image: url(images/thk-header.jpg);
    background-position: 50% 0;
    background-size: cover;*/
}

.pghd {
    color: #003366;
    font-size: 15pt;
    font-weight: 600;
}

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

.sldrer_sbhead {
    width: 100%;
    float: left;
    color: #fff;
    font-size: 18pt;
    font-weight: 600;
    text-align: center;
    margin: 0 0 0 0;
    text-transform: uppercase;
    text-shadow: 2px 2px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

.sldrer_head {
    width: 100%;
    float: left;
    color: #fff;
    line-height: 1.1;
    font-size: 30pt;
    font-weight: 600;
    text-align: center;
    margin: 0 0 10px 0;
    text-shadow: 3px 3px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

.sldrer_line {
    width: 14%;
    float: left;
    margin: 10px 43% 20px 43%;
    padding: 0 0 0;
    height: 3px;
    background-color: #336699;
}

.sldrer_txt {
    width: 100%;
    float: left;
    color: #fff;
    font-size: 14pt;
    margin: 0 0 0 0;
    text-align: center;
    line-height: 1.7;
    text-shadow: 2px 2px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

.sldrer_btns {
    width: 54%;
    float: left;
    margin: 25px 23% 27px 23%;
}

.sldrer_phcal {
    width: auto;
    float: left;
    margin: 0 0 0 0;
}

    .sldrer_phcal a {
        color: #000;
        font-size: 20pt;
        font-weight: 700;
        text-align: left;
        padding: 10px 20px;
        margin: 0 5px 0 5px;
        border-radius: 10px;
        text-decoration: none;
        letter-spacing: 1.5px;
        background-color: #ffcf01;
        /*background-color: rgba(0, 0, 0, .7);
        box-shadow: 1px 4px 5px 1px rgba(0,0,0,0.5);*/
    }

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

.sldrer_phcal1 {
    width: auto;
    float: left;
    margin: 0 0 0 0;
}

    .sldrer_phcal1 a {
        color: #000;
        font-size: 20pt;
        font-weight: 700;
        text-align: left;
        padding: 10px 20px;
        margin: 0 5px 0 5px;
        border-radius: 10px;
        text-decoration: none;
        letter-spacing: 1.5px;
        background-color: #ffcf01;
        /*background-color: rgba(0, 0, 0, .7);
        box-shadow: 1px 4px 5px 1px rgba(0,0,0,0.5);*/
    }

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

.sldrer_phcal2 {
    width: auto;
    margin: 0 0 0 0;
}

    .sldrer_phcal2 a {
        color: #000;
        font-size: 20pt;
        font-weight: 700;
        text-align: left;
        padding: 10px 20px;
        margin: 0 5px 0 5px;
        border-radius: 10px;
        text-decoration: none;
        letter-spacing: 1.5px;
        background-color: #ffcf01;
        /*background-color: rgba(0, 0, 0, .7);
        box-shadow: 1px 4px 5px 1px rgba(0,0,0,0.5);*/
    }

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

.hdr-bg {
    background-image: url(images/header-bg.jpg);
    background-position: 50% 0;
    background-size: cover;
}

.hdr-bg-blk {
    background-color: #000;
}

.sldrer_phcal_bk {
    width: 100%;
    float: left;
    display: none;
    margin: 25px 0 0 0;
}

.or_bk {
    width: 100%;
    float: left;
    color: #fff;
    font-size: 12pt;
    font-weight: 600;
    display: none;
    margin: 20px 0 0 0;
}

.hedrrr-bg {
    float: left;
    width: 100%;
    padding: 120px 0 90px 0;
    background-image: url(images/hedr-bg.webp);
    background-position: 50% 50%;
    background-size: cover;
}

    .hedrrr-bg h1 {
        color: #fff;
        font-size: 37pt;
        line-height: 1.3;
        margin-top: 30px;
        font-weight: 600;
    }

    .hedrrr-bg h2 {
        color: #fff;
        font-size: 25pt;
        margin-top: 25px;
        font-weight: 600;
    }

.hedr-bg {
    float: left;
    width: 100%;
    height: 215px;
    background-image: url(images/hedr-bg.jpg);
    background-position: 50% 0;
    background-size: cover;
}

.hedr-cont-bg {
    float: left;
    width: 100%;
    height: 215px;
    background-image: url(images/hedr-cont-bg.jpg);
    background-position: 50% 0;
    background-size: cover;
}

.hedr-bg h1 {
    color: #fff;
    font-size: 37pt;
    margin-top: 30px;
    font-weight: 600;
}

.hedr-bg h2 {
    color: #fff;
    font-size: 25pt;
    margin-top: 25px;
    font-weight: 600;
}

.hedr-cont-bg h1 {
    color: #fff;
    font-size: 40pt;
    margin-top: 70px;
    font-weight: bold;
}

.credit-bg {
    float: left;
    width: 100%;
    padding: 120px 0 90px 0;
    background-image: url(images/hedr-bg.webp);
    background-position: 50% 50%;
    background-size: cover;
}

    .credit-bg h1 {
        color: #fff;
        font-size: 27pt;
        line-height: 1.3;
        margin-top: 30px;
        font-weight: 600;
    }

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

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

.frrm-ttl {
    float: left;
    width: 100%;
    color: #000;
    font-size: 11pt;
    text-align: left;
    font-weight: 600;
    margin: 0 0 5px 0;
}

.frrm_grp {
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
    border-radius: 10px;
    border: 1px solid #999;
    background-color: #f9f9f9;
    padding: 15px 10px 25px 10px;
}

.quote-group {
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
}

.frrm-notes {
    float: left;
    width: 100%;
    padding: 0 10px 0 10px;
}

.sav_area {
    float: left;
    width: 100%;
    padding: 20px 0;
    margin: 0 0 0 0;
    background-color: #ffcf01;
}

.sav_lt {
    float: left;
    width: 100%;
    color: #000;
    font-size: 16pt;
    padding: 0 0 0 0;
    font-weight: 600;
    text-align: left;
    margin: 5px 0 0 0;
}

    .sav_lt a {
        color: #000;
        padding: 0 20px 0 0;
    }

        .sav_lt a:hover {
            color: #222;
        }

.sav_mor {
    float: right;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

    .sav_mor a {
        float: left;
        color: #000;
        font-size: 11pt;
        font-weight: 600;
        border-radius: 5px;
        margin: 0 10px 0 10px;
        background-color: #fff;
        text-transform: uppercase;
        padding: 10px 30px 10px 30px;
    }

        .sav_mor a:hover {
            color: #ffcf01;
            margin: 0 10px 0 10px;
            background-color: #000;
            padding: 10px 30px 10px 30px;
            -webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -ms-transition: all .5s ease;
            -o-transition: all .5s ease;
        }

.pier27-bg {
    float: left;
    width: 100%;
    padding: 120px 0 90px 0;
    background-image: url(images/pier_27_header.webp);
    background-position: 50% 10%;
    background-size: cover;
}

    .pier27-bg h1 {
        color: #fff;
        font-size: 37pt;
        line-height: 1.3;
        margin-top: 30px;
        font-weight: 600;
    }

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

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

.matt_txt {
    float: left;
    width: 100%;
    color: #666;
    margin: 0 0 0 0;
    text-align: left;
    padding: 0 20px 0 0;
    border-right: 2px solid #feba12;
}

.matt_txt_1 {
    float: left;
    width: 100%;
    color: #333;
    margin: 0 0 0 0;
    text-align: left;
    padding: 0 0 0 30px;
}

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

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

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

.matt_mor {
    width: 28%;
    float: left;
    padding: 0 0 0 0;
    margin: 20px 36% 0 36%;
}

    .matt_mor a {
        float: left;
        color: #000;
        font-size: 11pt;
        font-weight: 600;
        border-radius: 5px;
        margin: 0 0 0 0;
        background-color: #ffcf01;
        text-transform: uppercase;
        padding: 10px 30px 10px 30px;
    }

        .matt_mor a:hover {
            color: #fff;
            margin: 0 0 0 0;
            background-color: #000;
            padding: 10px 30px 10px 30px;
            -webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -ms-transition: all .5s ease;
            -o-transition: all .5s ease;
        }

.con_subhd {
    width: 100%;
    float: left;
    font-size: 20pt;
    font-weight: 700;
    margin: 0 0 20px 0;
    padding: 0;
    text-align: center;
    color: #004990;
    letter-spacing: 2px;
}

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

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

.con_lft_hd {
    width: 100%;
    float: left;
    padding: 0;
    text-align: left;
    margin: 10px 0 5px 0;
    font-size: 18pt;
    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;
    padding: 30px 0 30px 0;
    margin: 0 0 0 0;
    border-bottom: 1px dashed #444;
}

.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: 13pt;
    text-align: left;
    color: #5f95ca;
    font-weight: 600;
}

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

    .con_grp_rb a {
        color: #fff;
    }

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

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

.book-bg {
    float: left;
    width: 100%;
    z-index: 1;
    margin: 0 0 0 0;
    border-radius: 10px;
    background-color: #fff;
    padding: 0 10px 30px 10px;
}

.book-bg-blk {
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
    padding: 10px 0 20px 0;
}

.book-ttl {
    width: 100%;
    float: left;
    margin: 0;
    color: #333;
    font-size: 20pt;
    font-weight: 600;
    text-align: center;
    padding: 0 0 10px 0;
}

.book-hd {
    width: 50%;
    float: left;
    margin: 0 auto;
    font-size: 10pt;
    margin-bottom: 10px;
    font-weight: 600;
    text-align: right;
    padding: 0 0 0 0;
}

.book-hd-1 {
    width: 45%;
    float: left;
    margin: 0 auto;
    font-size: 10pt;
    text-align: left;
    margin-bottom: 10px;
    font-weight: 600;
    padding: 0 0 0 5%;
}

.book-data {
    float: left;
    width: 100%;
    margin: 0 0 0 0;
}

.pdtptm {
    float: left;
    width: 100%;
    margin: 0 0 5px 0;
    font-weight: 700;
    text-align: center;
}

.thks-data {
    float: left;
    width: 54%;
    padding: 30px 30px;
    margin: 5% 23% 5% 23%;
    background-color: #000;
}

    .thks-data a {
        color: #ffcf01;
    }

        .thks-data a:hover {
            color: #fff;
        }

    .thks-data p {
        color: #fff;
    }

.wel {
    float: left;
    width: 100%;
    padding: 20px 0 20px 0;
    /*background-image: url(images/logo-pattern4-1.png);
	background-repeat: repeat;*/
}

    .wel h1 {
        color: #0c1620;
        font-size: 23pt;
        text-align: left;
        font-weight: 700;
        margin: 0 0 10px 0;
    }

.wel-ttl {
    color: #3e3e3e;
    font-size: 14pt;
    font-weight: 700;
}

.wel-inner {
    float: left;
    width: 100%;
    position: relative;
    border-radius: 5px;
    margin: 0 0 0 0;
    padding: 30px 20px 30px 20px;
    background-color: #f7f7f7;
}

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

.bst_grp {
    width: 100%;
    float: left;
    margin: 0 0 0 0;
    padding: 15px 10px 15px 10px;
    border-right: 2px solid #dee1e4;
}

.bst_grp_1 {
    width: 100%;
    float: left;
    border-right: 0;
    margin: 0 0 0 0;
    padding: 15px 10px 15px 10px;
}

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

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

.bst_ttl {
    width: 100%;
    float: left;
    color: #000;
    font-size: 13pt;
    font-weight: 600;
    padding: 20px 0 10px 0;
}

.bst_txx {
    width: 100%;
    float: left;
    color: #666;
    line-height: 1.5;
}

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

.welo_lt {
    float: left;
    width: 100%;
    padding: 0 0 0 130px;
}

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

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

.welo_lt_sbhd {
    float: left;
    width: 100%;
    color: #444;
    font-size: 16pt;
    font-weight: 600;
    text-align: left;
    padding: 30px 0 0 0;
}

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

    .welo_lt_hd h1 {
        color: #000;
        font-size: 23pt;
        text-align: left;
        font-weight: 600;
        line-height: 1.1;
        margin: 20px 0 10px 0;
    }

.welo_rt {
    float: left;
    width: 100%;
    padding: 0 70px 0 0;
}

.welo_rt_hd {
    float: left;
    width: 100%;
    color: #000;
    font-size: 20pt;
    text-align: left;
    font-weight: 600;
    line-height: 1.3;
    margin: 30px 0 5px 0;
    padding: 0 0 0 0;
}

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

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

.abt_lt {
    float: left;
    width: 100%;
    padding: 0 50px 0 0;
}

.abt_lt_sbhd {
    float: left;
    width: 100%;
    color: #333;
    font-size: 14pt;
    text-align: right;
    padding: 30px 0 0 0;
}

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

    .abt_lt_hd h1 {
        color: #000;
        font-size: 24pt;
        text-align: right;
        font-weight: 600;
        line-height: 1.1;
        margin: 5px 0 10px 0;
    }

.abt_rt {
    float: left;
    width: 100%;
    padding: 0 70px 0 0;
}

.abt_rt_hd {
    float: left;
    width: 100%;
    color: #0c1620;
    font-size: 12pt;
    text-align: left;
    font-weight: 600;
    line-height: 1.3;
    margin: 30px 0 5px 0;
    padding: 0 0 0 0;
}

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

.abt_vehc {
    float: left;
    width: 100%;
    margin: 0 0 5px 0;
    background-image: url(images/abt_cars.jpg);
    background-position: 50% 0;
    background-size: cover;
}

.abt_vehc_inner {
    float: left;
    width: 100%;
    padding: 100px 0 100px 0;
    background-color: rgba(0, 0, 0, 0.4);
}

.abt_vehc_lt {
    float: left;
    width: 50%;
    color: #fff;
    font-size: 70pt;
    text-align: center;
    font-weight: 500;
    line-height: 1.3;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.abt_vehc_rt {
    float: left;
    width: 50%;
    color: #fff;
    font-size: 24pt;
    text-align: left;
    font-weight: 500;
    line-height: 1.3;
    margin: 10px 0 0 0;
    padding: 0 0 0 0;
}

.abt_mor {
    float: left;
    width: 34%;
    padding: 0 0 0 0;
    margin: 0 33% 30px 33%;
}

    .abt_mor a {
        float: left;
        color: #ffcf01;
        font-size: 14pt;
        margin: 0 0 0 0;
        font-weight: 600;
        border-radius: 5px;
        background-color: #000;
        text-transform: uppercase;
        padding: 10px 30px 10px 30px;
    }

        .abt_mor a:hover {
            color: #000;
            margin: 0 0 0 0;
            background-color: #ffcf01;
            padding: 10px 30px 10px 30px;
            -webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -ms-transition: all .5s ease;
            -o-transition: all .5s ease;
        }

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

    .srv_area h1 {
        color: #0c1620;
        font-size: 35pt;
        font-weight: bold;
        text-align: center;
        margin: 0 0 10px 0;
    }

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

.srv_lt {
    width: 50%;
    float: left;
    padding: 40px;
}

.srv_rt {
    width: 50%;
    float: left;
    padding: 0 0 0 0;
}

.srv_ttl {
    float: left;
    width: 100%;
    color: #ffcf01;
    font-size: 30pt;
    text-align: left;
    font-weight: bold;
    padding: 70px 0 20px 0;
}

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

    .srv_txt p {
        color: #777;
        text-align: left;
    }

.use_area {
    float: left;
    width: 100%;
    padding: 50px;
    margin: 0 0 0 0;
    background-color: #ffcf01;
}

.sht_use_area {
    float: left;
    width: 100%;
    padding: 50px;
    margin: 0 0 0 0;
    background-image: url(images/bay_area_bg.webp);
    background-position: 50% 50%;
    background-size: cover;
}

.use_ttl {
    float: left;
    width: 100%;
    color: #000;
    line-height: 1.2;
    font-size: 30pt;
    padding: 24px 0 10px 0;
    font-weight: 600;
    text-align: center;
}

.use_subttl {
    float: left;
    width: 100%;
    color: #444;
    font-size: 20pt;
    padding: 0 0 0 0;
    font-weight: 600;
    text-align: center;
}

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

.use_mor {
    float: left;
    width: 42%;
    padding: 0 0 0 0;
    margin: 20px 29% 0 29%;
}

    .use_mor a {
        float: left;
        color: #000;
        font-size: 14pt;
        font-weight: 600;
        border-radius: 5px;
        margin: 0 10px 0 10px;
        background-color: #fff;
        text-transform: uppercase;
        padding: 10px 30px 10px 30px;
    }

        .use_mor a:hover {
            color: #ffcf01;
            margin: 0 10px 0 10px;
            background-color: #000;
            padding: 10px 30px 10px 30px;
            -webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -ms-transition: all .5s ease;
            -o-transition: all .5s ease;
        }

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

    .sht_serv_pnl h1 {
        color: #0c1620;
        font-size: 30pt;
        font-weight: 600;
        text-align: center;
        margin: 0 0 10px 0;
    }

    .sht_serv_pnl p {
        color: #333;
        margin: 0 0 0 0;
        text-align: center;
    }

.sht_serv_grp {
    width: 94%;
    float: left;
    height: 440px;
    border-radius: 10px;
    margin: 15px 3% 15px 3%;
    background-color: #f3f3f3;
    padding: 30px 20px 30px 20px;
}

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

.sht_serv_ttl {
    float: left;
    width: 100%;
    color: #333;
    font-size: 15pt;
    text-align: center;
    font-weight: 600;
    padding: 20px 0 10px 0;
}

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

    .sht_serv_txt p {
        color: #333;
        line-height: 1.7;
        text-align: center;
        padding: 0 0 15px 0;
    }

.sht_serv_mor {
    width: auto;
    padding: 0 0 0 0;
    margin: 0 auto;
}

    .sht_serv_mor a {
        color: #ffcf01;
        font-size: 10pt;
        font-weight: 500;
        border-radius: 30px;
        margin: 0 10px 0 10px;
        background-color: #000;
        padding: 5px 20px 5px 20px;
    }

        .sht_serv_mor a:hover {
            color: #000;
            margin: 0 10px 0 10px;
            background-color: #ffcf01;
            -webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -ms-transition: all .5s ease;
            -o-transition: all .5s ease;
        }

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

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

.apt_grp {
    width: 74%;
    float: left;
    margin: 0 13% 0 13%;
}

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

.apt_hd {
    width: 100%;
    float: left;
    margin: 10px 0 0 0;
    font-size: 17pt;
    line-height: 1;
    font-weight: 600;
    text-align: center;
}

    .apt_hd a {
        color: #000;
    }

        .apt_hd a:hover {
            color: #ffcf01;
            transition: all .6s ease-in-out;
            -o-transition: all .6s ease-in-out;
            -webkit-transition: all .6s ease-in-out;
        }

.apt_sbhd {
    width: 100%;
    float: left;
    color: #333;
    font-size: 13pt;
    text-align: center;
}

    .apt_sbhd a {
        color: #333;
    }

        .apt_sbhd a:hover {
            color: #ffcf01;
            transition: all .6s ease-in-out;
            -o-transition: all .6s ease-in-out;
            -webkit-transition: all .6s ease-in-out;
        }

.cit_area {
    width: 100%;
    float: left;
    margin: 40px 0 10px 0;
}

.cit_ttl {
    width: 100%;
    float: left;
    color: #000;
    line-height: 1.2;
    font-size: 30pt;
    margin: 0 0 20px 0;
    font-weight: 600;
    text-align: center;
}

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

.butn {
    display: inline-block;
    margin: 5px;
    font-size: 12pt;
    font-weight: 600;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
}

.butn-def {
    float: left;
}

    .butn-def a {
        float: left;
        color: #000;
        padding: 10px 25px 10px 25px;
        border: 1px solid transparent;
        border-radius: 4px;
        border-color: #e5e5e5;
        background-color: #e5e5e5;
    }

        .butn-def a:hover {
            color: #625003;
            border-color: #ffcf01;
            background-color: #ffcf01;
            transition: all .6s ease-in-out;
            -o-transition: all .6s ease-in-out;
            -webkit-transition: all .6s ease-in-out;
        }

.sector {
    width: 100%;
    float: left;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    background-image: url(images/shuttle_bg.webp);
    background-position: 50% 50%;
    background-size: cover;
}

.sector_ovly {
    float: left;
    width: 100%;
    padding: 30px 0 10px 0;
    background: rgba(000,000,000,.7);
}

.srvss_a {
    width: 64%;
    float: left;
    padding: 30px 0 30px 0;
}

.srvss_b {
    width: 36%;
    float: left;
    padding: 50px 0 0 0;
}

.srvss_a h1 {
    color: #ffcf01;
    font-size: 24pt;
    text-align: left;
    font-weight: 600;
    margin: 0 0 20px 0;
}

.srvss_a ul {
    margin: 0;
    list-style: none;
    padding: 0 0 0 20px;
}

.srvss_a li {
    width: 44%;
    float: left;
    color: #ccc;
    text-align: left;
    font-weight: 400;
    margin: 0 5% 0 1%;
    padding: 7px 0 7px 0;
    list-style-image: url(images/check_ico.png);
}

    .srvss_a li a {
        color: #ccc;
    }

        .srvss_a li a:hover {
            color: #d7b65d;
        }

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

.matr_hed {
    width: 100%;
    float: left;
    color: #000;
    font-size: 14pt;
    padding: 0 0 0 0;
    text-align: left;
    font-weight: 600;
    margin: 0 0 5px 0;
}

.matr_area p {
    color: #444;
    padding: 0 0 0 0;
    margin: 0 0 20px 0;
    text-align: justify;
}

.flet_area {
    float: left;
    width: 100%;
    padding: 40px 0 40px 0;
}

    .flet_area h1 {
        color: #0c1620;
        font-size: 30pt;
        font-weight: 600;
        margin: 0 0 10px 0;
        text-align: center;
    }

    .flet_area p {
        color: #333;
        font-size: 14pt;
        text-align: center;
    }

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

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

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

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

    .all_main h1 {
        font-size: 25pt;
        font-weight: 700;
        text-align: center;
        margin: 0 0 20px 0;
    }

    .all_main h2 {
        font-size: 18pt;
        font-weight: 700;
        text-align: center;
        margin: 10px 0 20px 0;
    }

    .all_main h3 {
        font-size: 16pt;
        font-weight: 600;
        text-align: left;
        line-height: 1.3;
        margin: 10px 0 10px 0;
    }

    .all_main h4 {
        font-size: 14pt;
        font-weight: 600;
        text-align: left;
        margin: 10px 0 20px 0;
    }

    .all_main h5 {
        font-size: 12pt;
        font-weight: 700;
        text-align: left;
        margin: 10px 0 20px 0;
    }

    .all_main h6 {
        font-size: 10pt;
        font-weight: 700;
        text-align: left;
        margin: 10px 0 20px 0;
    }

    .all_main ul {
        padding: 0 0 0 0;
        list-style: none;
        margin: 0 0 20px 20px;
    }

    .all_main li {
        color: #333;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        text-align: left;
        list-style-image: url(images/check_ico.png);
    }

        .all_main li a {
            color: #333;
        }

            .all_main li a:hover {
                color: #000;
                -webkit-transition: all .6s ease;
                -moz-transition: all .6s ease;
                -ms-transition: all .6s ease;
                -o-transition: all .6s ease;
            }

    .all_main p {
        margin: 0 0 20px 0;
    }

.lar_fnt {
    font-size: 13pt;
    font-weight: 700;
}

.slar_fnt {
    font-size: 15pt;
}

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

.arlst_grp {
    float: left;
    width: 94%;
    height: 250px;
    border-radius: 10px;
    margin: 0 3% 20px 3%;
    background-color: #ffcf01;
    padding: 20px 20px 20px 20px;
}

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

    .arlst_hd a {
        color: #000;
        text-decoration: underline;
    }

        .arlst_hd a:hover {
            color: #000;
            text-decoration: none;
        }

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

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

    .tbl_area a {
        color: #333;
        font-weight: 500;
    }

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

.tbl_hd {
    color: #fff;
    font-size: 17pt;
    font-weight: 600;
    text-align: center;
    margin: 0 0 10px 0;
    background-color: #000;
    padding: 10px 10px 10px 10px;
}

.trgry {
    background-color: #f3f3f3;
}

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

.caller {
    width: 94%;
    float: left;
    color: #ccc;
    border-radius: 10px;
    margin: 0 3% 20px 3%;
    background-color: #000;
    padding: 50px 20px 40px 20px;
}

    .caller h3 {
        color: #fff;
        font-size: 13pt;
        font-weight: 600;
    }

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

        .caller a:hover {
            color: #fff;
            text-decoration: none;
            -webkit-transition: all .6s ease;
            -moz-transition: all .6s ease;
            -ms-transition: all .6s ease;
            -o-transition: all .6s ease;
        }

.need_tx_bg {
    width: 100%;
    float: left;
    background-color: #375b95;
    padding: 80px 0px 80px 0px;
    border-bottom: 1px solid #888;
    background-position: center center;
    background-image: url(images/taxi-cab-bg.jpg);
    background-size: cover;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}

.srv_bg {
    width: 100%;
    float: left;
    background-color: #375b95;
    padding: 80px 0px 80px 0px;
    background-position: center center;
    background-image: url(images/taxi-cab-bg.jpg);
    background-size: cover;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}

    .srv_bg h1 {
        color: #fff;
        font-size: 30pt;
        text-align: left;
        font-weight: bold;
        margin: 0 0 20px 0;
        text-align: center;
    }

.srv_box {
    width: 96.5%;
    float: left;
    padding: 20px;
    margin: 0 5px;
    background-color: #fff;
}

.srv_box_a {
    width: 100%;
    float: left;
    margin: 0;
    text-align: center;
    padding: 30px 0 50px 0;
}

.srv_box_b {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0;
    text-align: center;
}

.srv_box h3 {
    color: #555;
    font-size: 22pt;
    font-weight: bold;
    margin: 0 0 15px 0;
    text-align: center;
}

.srv_box_c {
    width: 100%;
    float: left;
    padding: 0;
    color: #777;
    font-size: 14pt;
    line-height: 1.4;
    margin: 0 0 10px 0;
    text-align: center;
}

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

.nd_tx_a {
    width: 100%;
    float: left;
    font-size: 30pt;
    text-align: center;
    margin: 0 0 30px 0;
}

.nd_tx_b {
    width: 100%;
    float: left;
    color: #fff;
    font-size: 25pt;
    font-weight: 700;
    text-align: center;
    letter-spacing: 1.7px;
    /*text-shadow: 4px 4px 4px #000;*/
}

.cntr_line {
    width: 10%;
    float: left;
    height: 3px;
    padding: 0 0 0;
    margin: 20px 45% 30px 45%;
    background-color: #ffcf01;
}

.lft_line {
    width: 17%;
    float: left;
    height: 3px;
    padding: 0 0 0;
    margin: 10px 0 30px 0;
    background-color: #000;
}

.ptxt {
    color: #333;
    text-align: justify;
}

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

.img_Rgt {
    margin: 10px 0 10px 20px;
}

.cust_area {
    width: 100%;
    float: left;
    background-color: #375b95;
    padding: 80px 0px 80px 0px;
    background-position: center center;
    background-image: url(images/testi_bg.jpg);
    background-size: cover;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}

    .cust_area h1 {
        color: #ffcf01;
        font-size: 30pt;
        font-weight: 600;
        text-align: center;
        margin: 0 0 50px 0;
    }

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

.cust_lft {
    width: 20%;
    float: left;
    padding: 0 0 0 0;
}

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

.cust_txt {
    width: 100%;
    float: left;
    color: #fff;
    line-height: 1.5;
    text-align: left;
    letter-spacing: 0.5px;
    padding: 0 20px 0 20px;
}

.cust_name {
    width: 100%;
    float: left;
    color: #fff;
    font-size: 12pt;
    font-weight: 600;
    text-align: left;
    padding: 20px 0 0 20px;
}

.bott-full {
    float: left;
    width: 100%;
    margin: 0 0 0 0;
    padding: 40px 0 30px 0;
    background-color: #282c36;
}

.bt-hd {
    float: left;
    width: 100%;
    color: #fff;
    font-size: 15pt;
    text-align: center;
    font-weight: 600;
    margin: 0 0 10px 0;
    text-transform: uppercase;
}

.bt-tch {
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
}

.bt-txt {
    color: #333;
    line-height: 1.9;
    font-size: 10pt;
}

.bt-b2 {
    float: left;
    width: 100%;
    color: #333;
    font-size: 10pt;
    text-align: left;
    line-height: 26px;
}

    .bt-b2 a {
        color: #333;
        font-size: 10pt;
        text-decoration: none;
    }

        .bt-b2 a:hover {
            color: #000;
            text-decoration: none;
            -webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -ms-transition: all .5s ease;
            -o-transition: all .5s ease;
            opacity: 1;
        }

.bt-c2 {
    float: left;
    width: 100%;
    color: #fff;
    line-height: 2;
    font-size: 10pt;
    text-align: center;
}

    .bt-c2 a {
        color: #fff;
        font-size: 10pt;
        text-decoration: none;
    }

        .bt-c2 a:hover {
            color: #ddd;
            text-decoration: none;
            -webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -ms-transition: all .5s ease;
            -o-transition: all .5s ease;
            opacity: 1;
        }

.bt-d2 {
    float: left;
    width: 100%;
    color: #333;
    line-height: 2;
    font-size: 10pt;
    text-align: left;
}

    .bt-d2 a {
        color: #333;
        font-size: 10pt;
        text-decoration: none;
    }

        .bt-d2 a:hover {
            color: #000;
            text-decoration: none;
            -webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -ms-transition: all .5s ease;
            -o-transition: all .5s ease;
            opacity: 1;
        }

.bt-blk {
    color: #000;
    font-size: 11pt;
    font-weight: 600;
}

.fotr {
    width: 100%;
    float: left;
    color: #ccc;
    padding: 25px 0 25px 0;
    background-color: #282c36;
    border-top: 1px solid #383838;
}

    .fotr a {
        color: #ffcf01;
        text-decoration: none;
    }

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

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

    .fotr li {
        display: inline;
        padding: 0 17px 0 0;
    }

.fotr-inner {
    width: 100%;
    float: left;
    color: #999;
    font-size: 10pt;
    text-align: center;
}

.fotr-left {
    width: 60%;
    float: left;
    color: #767b86;
    text-align: left;
}

.fotr-right {
    width: 40%;
    float: left;
    margin: 0;
    color: #ccc;
    text-align: right;
}

.fotr-cop {
    color: #ffcf01;
    font-weight: 500;
}

.syd {
    float: left;
    width: 100%;
    background-image: url(images/syd.jpg);
    background-repeat: repeat;
}

.cont-bg {
    float: left;
    width: 100%;
    float: left;
    background-color: #ffcf01;
}

.cont-ab {
    color: #fff;
    font-size: 14px;
    margin-top: 80px;
    text-align: left;
    margin-left: 30px;
}

    .cont-ab h1 {
        color: #000;
        font-size: 20pt;
        font-weight: 600;
        margin-top: 40px;
        text-align: left;
    }

    .cont-ab a {
        color: #333;
        text-decoration: none;
    }

        .cont-ab a:hover {
            color: #000;
            text-decoration: none;
        }

    .cont-ab ul {
        margin: 0 0 0 -40px;
    }

    .cont-ab li {
        width: 100%;
        line-height: 19px;
        padding-left: 40px;
        position: relative;
        margin-bottom: 20px;
        display: inline-block;
    }

        .cont-ab li img {
            left: 0;
            top: 0;
            margin-top: 5px;
            position: absolute;
        }

        .cont-ab li span {
            display: block;
        }

.caro_hgt {
    width: 100%;
    height: 520px;
}

.res-area {
    width: 100%;
    float: left;
}






@media (max-width:480px) {

    .logo-cont {
        float: left;
        width: 80%;
        margin: 0 10% 0 10%;
    }

    .phone {
        width: 100%;
        float: left;
        margin-top: 0;
        margin-right: 0;
        font-size: 17pt;
        font-weight: 700;
        margin-left: 0;
        text-align: center;
        margin-bottom: 15px;
    }

        .phone a {
            border: 0;
            padding: 7px 20px;
            letter-spacing: 1.5px;
            text-decoration: none;
        }

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

        .phone > a img {
            top: 0;
            margin-top: 0;
            margin-left: 0;
            margin-right: 0;
        }

    .book-ttl {
        width: 100%;
        float: left;
        line-height: 1.2;
        font-size: 18pt;
        padding: 10px 0 0 0;
    }

    .ptxt {
        padding-right: 0;
    }

    .wel h1 {
        font-size: 18pt;
        line-height: 1.2;
        font-weight: bold;
        text-align: center;
        margin: 0 0 10px 0;
    }

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

    .fotr-right {
        width: 100%;
        float: left;
        margin: 0 0 0 0;
        text-align: center;
    }

    .fotr ul {
        margin: 0;
        padding: 0;
        list-style: none;
        line-height: 1.3;
    }

    .fotr li {
        display: inline;
        padding: 0 3px 0 0;
    }

    .hedr-bg h1 {
        color: #fff;
        font-size: 25pt;
        margin-top: 30px;
    }

    .hedr-bg h2 {
        color: #fff;
        font-size: 20pt;
        margin-top: 25px;
        font-weight: 600;
        line-height: 1.3;
    }

    .srv_box {
        width: 94.4%;
        float: left;
        padding: 20px;
        background-color: #fff;
        margin: 0 10px 20px 10px;
    }

    .cont-ab {
        color: #fff;
        margin-top: 0;
        margin-left: 0;
        font-size: 14px;
        text-align: left;
    }

    .menu-bar {
        width: 100%;
        float: left;
        margin: 0 0 0 0;
    }

    .caro_hgt {
        width: 250%;
        height: 500px;
    }

    .need_tx_bg {
        width: 92%;
        float: left;
        border-bottom: 0;
        margin: 0 4% 8% 4%;
        background-color: #375b95;
        padding: 50px 0px 50px 0px;
        background-position: left bottom;
        background-image: url(images/taxi-cab-bg.jpg);
        background-size: cover;
        transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    }

    .book-data {
        float: left;
        width: 100%;
        margin: 0 0 0 0;
    }

    .thks-data {
        float: left;
        width: 96%;
        padding: 30px 30px;
        margin: 5% 2% 10% 2%;
        background-color: #000;
    }

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

    .bst_grp {
        margin: 0 0 0 0;
        border-right: 0;
        padding: 15px 10px 25px 10px;
        border-bottom: 2px solid #dee1e4;
    }

    .wel {
        padding: 20px 0 0px 0;
    }

    .srv_area h1 {
        font-size: 23pt;
        font-weight: bold;
        margin: 0 0 10px 0;
        text-align: center;
    }

    .srv_grup {
        border-bottom: 1px solid #eee;
    }

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

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

    .srv_ttl {
        font-size: 17pt;
        text-align: center;
        padding: 10px 0 10px 0;
    }

    .srv_txt p {
        text-align: center;
    }

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

    .sht_use_area {
        float: left;
        width: 100%;
        padding: 30px 20px;
        margin: 0 0 0 0;
        background-image: url(images/bay_area_bg.webp);
        background-position: 50% 50%;
        background-size: cover;
    }

    .use_ttl {
        font-size: 22pt;
        line-height: 1.2;
        text-align: center;
        padding: 0 0 10px 0;
    }

    .use_subttl {
        font-size: 16pt;
        padding: 0 0 0 0;
        line-height: 1.2;
        font-weight: bold;
        text-align: center;
    }

    .use_mor {
        float: left;
        width: 80%;
        padding: 0 0 0 0;
        margin: 20px 10% 0 10%;
    }

        .use_mor a {
            float: left;
            color: #000;
            font-size: 14pt;
            font-weight: 600;
            border-radius: 5px;
            background-color: #fff;
            text-transform: uppercase;
            margin: 5px 10px 5px 10px;
            padding: 10px 30px 10px 30px;
        }

            .use_mor a:hover {
                color: #ffcf01;
                margin: 5px 10px 5px 10px;
                background-color: #000;
                padding: 10px 30px 10px 30px;
            }

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

        .flet_area h1 {
            font-size: 22pt;
            text-align: center;
            margin: 0 0 10px 0;
        }

        .flet_area p {
            font-size: 12pt;
            text-align: center;
        }

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

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

    .flet_txt {
        font-size: 17pt;
        padding: 10px 0 0 0;
    }

    .cont-ab h1 {
        margin-top: 0;
        font-size: 18pt;
        text-align: left;
    }

    .bott-full {
        padding: 10px 0 10px 0;
    }

    .bt-hd {
        font-size: 14pt;
        margin: 15px 0 10px 0;
    }

    .sldr_area {
        margin: 100px 0 100px 0;
    }

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

    .sldr_sbhead {
        font-size: 14pt;
        margin: 0 0 5px 0;
    }

    .sldr_head {
        display: none;
        font-size: 20pt;
        margin: 0 0 10px 0;
    }

    .sldr_txt {
        font-size: 11pt;
        margin: 0 0 10px 0;
    }

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

    .top-fl {
        margin-bottom: 1px;
        padding: 5px 0 5px 0;
    }

    .sav_lt {
        margin: 5px 0 0 0;
        padding: 0 0 0 0;
        font-size: 17pt;
        line-height: 1.1;
        text-align: center;
    }

    .sav_mor {
        width: 70%;
        float: left;
        padding: 0 0 0 0;
        margin: 10px 15% 0 15%;
    }

        .sav_mor a {
            float: left;
            margin: 0 0 0 0;
            font-size: 11pt;
            font-weight: 600;
            border-radius: 5px;
            text-transform: uppercase;
            padding: 10px 30px 10px 30px;
        }

            .sav_mor a:hover {
                margin: 0 0 0 0;
                padding: 10px 30px 10px 30px;
                -webkit-transition: all .5s ease;
                -moz-transition: all .5s ease;
                -ms-transition: all .5s ease;
                -o-transition: all .5s ease;
            }

    .sav_area {
        margin: 0 0 0 0;
        padding: 20px 0;
    }

    .matt_txt {
        border-right: 0;
        padding: 0 0 0 0;
        margin: 0 0 30px 0;
    }

    .matt_txt_1 {
        float: left;
        width: 100%;
        color: #333;
        margin: 0 0 0 0;
        text-align: left;
        padding: 0 0 0 30px;
        border-left: 2px solid #feba12;
    }

    .matt_grup {
        margin: 0 0 0 0;
        padding: 30px 0;
    }

    .matt_ttl {
        font-size: 17pt;
        padding: 0 0 0 0;
        margin: 10px 0 0 0;
    }

    .matt_mor {
        width: 46%;
        float: left;
        padding: 0 0 0 0;
        margin: 10px 27% 0 27%;
    }

    .book-hd {
        width: 100%;
        float: left;
        font-size: 10pt;
        margin-bottom: 0;
        text-align: center;
        padding: 5px 0 0 0;
    }

    .book-hd-1 {
        width: 100%;
        float: left;
        font-size: 10pt;
        text-align: center;
        margin-bottom: 10px;
        padding: 0 0 5px 0;
    }

    .caller {
        width: 100%;
        float: left;
        margin: 0 0 20px 0;
        padding: 50px 20px 40px 20px;
    }

    .pier27-bg {
        float: left;
        width: 100%;
        padding: 100px 0 50px 0;
        background-image: url(images/pier_27_header.webp);
        background-position: 60% 50%;
        background-size: cover;
    }

        .pier27-bg h1 {
            font-size: 23pt;
            line-height: 1.2;
            margin-top: 30px;
            font-weight: 600;
        }

    .hedr-bg {
        float: left;
        width: 100%;
        background-image: url(images/hedr-bg.jpg);
        background-position: 90% 0;
        background-size: cover;
        height: 215px;
    }

    .hedrrr-bg {
        float: left;
        width: 100%;
        padding: 100px 0 50px 0;
    }

        .hedrrr-bg h1 {
            font-size: 23pt;
            margin-top: 30px;
            font-weight: 600;
            line-height: 1.2;
        }

    .credit-bg {
        float: left;
        width: 100%;
        padding: 100px 0 50px 0;
    }

        .credit-bg h1 {
            color: #fff;
            font-size: 18pt;
            line-height: 1.2;
            margin-top: 30px;
            font-weight: 600;
        }

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

    .cust_area {
        width: 100%;
        float: left;
        padding: 40px 0px 40px 0px;
        background-position: center center;
        background-image: url(images/testi_bg.jpg);
        background-size: cover;
        transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    }

        .cust_area h1 {
            font-size: 22pt;
            text-align: center;
            margin: 0 0 30px 0;
            line-height: 1.1;
        }

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

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

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

    .cust_txt {
        width: 100%;
        float: left;
        color: #fff;
        line-height: 1.5;
        text-align: center;
        letter-spacing: 0.5px;
        padding: 20px 0 0 0;
    }

    .cust_name {
        width: 100%;
        float: left;
        color: #fff;
        font-size: 12pt;
        font-weight: 600;
        padding: 20px 0 0 0;
        text-align: center;
    }

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

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

    .welo_lt_sbhd {
        float: left;
        width: 100%;
        color: #888;
        text-align: center;
        padding: 30px 0 0 0;
    }

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

        .welo_lt_hd h1 {
            color: #333;
            font-size: 19pt;
            text-align: center;
            font-weight: 600;
            line-height: 1.1;
            margin: 10px 0 10px 0;
        }

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

    .welo_rt_hd {
        float: left;
        width: 100%;
        color: #0c1620;
        font-size: 15pt;
        text-align: center;
        font-weight: 600;
        line-height: 1.3;
        margin: 0 0 5px 0;
        padding: 0 0 0 0;
    }

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

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

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

    .abt_lt_hd h1 {
        color: #333;
        font-size: 20pt;
        text-align: right;
        font-weight: 500;
        line-height: 1.1;
        margin: 5px 0 10px 0;
    }

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

    .abt_rt_txt {
        float: left;
        width: 100%;
        padding: 0 0 0 0;
        margin: 10px 0 5px 0;
    }

    .abt_vehc_inner {
        float: left;
        width: 100%;
        padding: 50px 0 50px 0;
        background-color: rgba(0, 0, 0, 0.4);
    }

    .abt_vehc_lt {
        float: left;
        width: 100%;
        color: #fff;
        font-size: 50pt;
        text-align: center;
        font-weight: 500;
        line-height: 1.3;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
    }

    .abt_vehc_rt {
        float: left;
        width: 100%;
        color: #fff;
        font-size: 20pt;
        text-align: center;
        font-weight: 500;
        line-height: 1.3;
        margin: 10px 0 0 0;
        padding: 0 10px 0 10px;
    }

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

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

        .abt_mor a {
            float: left;
            margin: 0 0 0 0;
            font-size: 12pt;
            font-weight: 600;
            border-radius: 5px;
            text-transform: uppercase;
            padding: 10px 25px 10px 25px;
        }

            .abt_mor a:hover {
                margin: 0 0 0 0;
                padding: 10px 25px 10px 25px;
                -webkit-transition: all .5s ease;
                -moz-transition: all .5s ease;
                -ms-transition: all .5s ease;
                -o-transition: all .5s ease;
            }

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

    .sldrer_sbhead {
        font-size: 12pt;
        margin: 0 0 0 0;
    }

    .sldrer_head {
        font-size: 17pt;
        line-height: 1;
    }

    .sldrer_txt {
        width: 100%;
        float: left;
        color: #fff;
        font-size: 11pt;
        margin: 0 0 0 0;
        text-align: center;
        line-height: 1.7;
        text-shadow: 2px 2px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    }

    .sldrer_btns {
        width: 100%;
        float: left;
        margin: 25px 0 0 0;
    }

    .sldrer_phcal {
        width: 100%;
        line-height: 2.3;
        margin: 15px 0 0 0;
    }

    .sldrer_phcal1 {
        width: 100%;
        line-height: 2.3;
        margin: 0 0 0 0;
    }

    .sldrer_phcal2 {
        width: 100%;
        line-height: 2.3;
        margin: 0 0 0 0;
    }

    .sldrer_line {
        width: 24%;
        float: left;
        height: 3px;
        padding: 0 0 0 0;
        margin: 10px 38% 20px 38%;
    }

    .sldr_line {
        margin: 10px 0 20px 0;
    }

    .lft_line {
        width: 20%;
        float: left;
        height: 3px;
        padding: 0 0 0;
        margin: 10px 40% 30px 40%;
        background-color: #0c1620;
    }

    .sldrer_phcal a {
        font-size: 17pt;
        font-weight: 700;
        text-align: left;
        padding: 5px 25px;
        margin: 0 5px 0 5px;
        border-radius: 10px;
        text-decoration: none;
        letter-spacing: 1.5px;
        /*box-shadow: 1px 4px 5px 1px rgba(0,0,0,0.5);*/
    }

    .sldrer_phcal1 a {
        color: #000;
        font-size: 17pt;
        font-weight: 700;
        text-align: left;
        padding: 5px 20px;
        margin: 0 5px 0 5px;
        border-radius: 10px;
        text-decoration: none;
        letter-spacing: 1.5px;
        background-color: #ffcf01;
        /*background-color: rgba(0, 0, 0, .7);
        box-shadow: 1px 4px 5px 1px rgba(0,0,0,0.5);*/
    }

    .sldrer_phcal2 a {
        color: #000;
        font-size: 17pt;
        font-weight: 700;
        text-align: left;
        padding: 5px 20px;
        margin: 0 5px 0 5px;
        border-radius: 10px;
        text-decoration: none;
        letter-spacing: 1.5px;
        background-color: #ffcf01;
        /*background-color: rgba(0, 0, 0, .7);
        box-shadow: 1px 4px 5px 1px rgba(0,0,0,0.5);*/
    }

    .book-bg {
        float: left;
        width: 100%;
        z-index: 1;
        margin: 0 0 0 0;
        border-radius: 10px;
        padding: 0 0 30px 0;
        background-color: #fff;
    }

    .sldrer_phcal_bk {
        width: 100%;
        float: left;
        display: block;
        margin: 50px 0 0 0;
    }

        .sldrer_phcal_bk a {
            color: #000;
            font-size: 20pt;
            font-weight: 700;
            text-align: left;
            padding: 10px 20px;
            margin: 0 5px 0 5px;
            border-radius: 10px;
            text-decoration: none;
            letter-spacing: 1.5px;
            background-color: #ffcf01;
            /*background-color: rgba(0, 0, 0, .7);
        box-shadow: 1px 4px 5px 1px rgba(0,0,0,0.5);*/
        }

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

    .or_bk {
        width: 100%;
        float: left;
        color: #fff;
        display: block;
        font-size: 17pt;
        font-weight: 600;
        margin: 15px 0 5px 0;
    }

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

    .sht_slider {
        width: 100%;
        float: left;
        margin: 0 0 0 0;
        background-image: url(images/sht_hdr_bg.webp);
        background-position: 60% 0;
        background-size: cover;
    }

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

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

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

    .matr_hed {
        width: 100%;
        float: left;
        color: #000;
        line-height: 1.3;
        font-size: 13pt;
        padding: 0 0 0 0;
        font-weight: 600;
        margin: 0 0 5px 0;
        text-align: center;
    }

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

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

    .srvss_a h1 {
        color: #ffcf01;
        font-size: 19pt;
        line-height: 1.3;
        font-weight: 600;
        text-align: center;
        margin: 0 0 20px 0;
    }

    .srvss_a li {
        width: 100%;
        float: left;
        color: #ccc;
        margin: 0 0 0 0;
        text-align: left;
        font-weight: 400;
        padding: 4px 0 4px 0;
        list-style-image: url(images/check_ico.png);
    }

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

    .apt_head {
        width: 100%;
        float: left;
        color: #000;
        font-size: 20pt;
        line-height: 1.1;
        font-weight: 600;
        margin: 0 0 20px 0;
        text-align: center;
    }

    .apt_hd {
        width: 100%;
        float: left;
        line-height: 1;
        font-size: 15pt;
        font-weight: 600;
        margin: 10px 0 0 0;
        text-align: center;
    }

    .apt_sbhd {
        width: 100%;
        float: left;
        color: #333;
        font-size: 13pt;
        text-align: center;
    }

    .apt_grp {
        width: 80%;
        float: left;
        margin: 0 10% 20px 10%;
    }

    .cit_ttl {
        width: 100%;
        float: left;
        color: #000;
        font-size: 20pt;
        font-weight: 600;
        line-height: 1.2;
        margin: 0 0 10px 0;
        text-align: center;
    }

    .sht_serv_pnl h1 {
        font-size: 25pt;
    }

    .sht_serv_grp {
        float: left;
        width: 100%;
        height: auto;
        border-radius: 10px;
        margin: 10px 0 10px 0;
    }

    .lar_fnt {
        font-size: 12pt;
    }

    .all_main h2 {
        font-size: 15pt;
    }

    .arlst_grp {
        float: left;
        width: 100%;
        height: auto;
        margin: 0 0 20px 0;
        border-radius: 10px;
        background-color: #ffcf01;
        padding: 20px 20px 10px 20px;
    }

    .tbl_area {
        width: 100%;
        float: left;
        font-size: 10pt;
        margin: 0 0 20px 0;
    }

    .tbl_hd {
        font-size: 14pt;
        line-height: 1.2;
        margin: 0 0 10px 0;
        padding: 10px 10px 10px 10px;
    }

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

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

    .sav_lt a {
        width: 100%;
        float: left;
        color: #000;
        padding: 0 0 0 0;
        margin: 0 0 8px 0;
    }

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

    .sldtaq_sbhead {
        width: 100%;
        float: left;
        color: #fff;
        margin: 0 0 0 0;
        font-size: 13pt;
        font-weight: 600;
        text-align: center;
        text-transform: uppercase;
        text-shadow: 2px 2px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    }

    .sldtaq_head {
        width: 100%;
        float: left;
        color: #fff;
        font-size: 17pt;
        font-weight: 600;
        line-height: 1.1;
        text-align: center;
        margin: 0 0 10px 0;
        text-shadow: 3px 3px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    }

    .sldtaq_line {
        width: 24%;
        float: left;
        height: 3px;
        padding: 0 0 0;
        background-color: #ffcf01;
        margin: 10px 38% 20px 38%;
    }

    .sldtaq_txt {
        width: 100%;
        float: left;
        color: #fff;
        font-size: 11pt;
        line-height: 1.7;
        margin: 0 0 20px 0;
        text-align: center;
        text-shadow: 2px 2px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    }

    .sldtaq_phcal {
        width: auto;
        margin: 0 0 0 0;
        line-height: 2.3;
    }

        .sldtaq_phcal a {
            color: #000;
            font-size: 17pt;
            font-weight: 700;
            text-align: left;
            padding: 5px 20px;
            margin: 0 5px 0 5px;
            border-radius: 10px;
            text-decoration: none;
            letter-spacing: 1.5px;
            background-color: #ffcf01;
            /*background-color: rgba(0, 0, 0, .7);
        box-shadow: 1px 4px 5px 1px rgba(0,0,0,0.5);*/
        }

    .orgn_area h2 {
        font-size: 20pt;
        line-height: 1.3;
    }

    .orgn_grp {
        width: 100%;
        float: left;
        height: auto;
        padding: 20px 10px 20px 10px;
    }

    .orgn_lft {
        width: 20%;
        float: left;
        padding: 0 10px 0 0;
    }

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

    .slider_heading {
        width: 100%;
        float: left;
        color: #fff;
        margin: 0 0 0 0;
        font-size: 22pt;
        font-weight: 400;
        line-height: 1.2;
        text-align: center;
        border-radius: 10px;
        padding: 10px 10px 10px 10px;
    }

    .slider_sml {
        width: 100%;
        float: left;
        color: #fff;
        font-size: 11pt;
        font-weight: 300;
        line-height: 1.4;
        margin: 0 0 0 0;
        text-align: center;
        border-radius: 10px;
        padding: 0 0 10px 0;
    }

    .slider_mor {
        width: auto;
        margin: 0 0 0 0;
        line-height: 3.2;
    }

        .slider_mor a {
            width: 70%;
            float: left;
            padding: 0 30px;
            margin: 5px 15% 5px 15%;
            font-size: 13pt;
            border-radius: 30px;
            text-decoration: none;
        }

    .slider_mor_pag {
        width: auto;
        margin: 10px 0 0 0;
        line-height: 3.2;
    }

        .slider_mor_pag a {
            margin: 0 40px 0 40px;
            font-size: 13pt;
            border-radius: 30px;
            text-decoration: none;
        }

    .clnt_area h2 {
        color: #222;
        font-size: 22pt;
        font-weight: 500;
        line-height: 1.2;
        text-align: center;
    }

    .crs_area h1 {
        font-size: 22pt;
        margin: 0 0 5px 0;
        line-height: 30px;
        text-align: center;
    }

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

    .crs_mor {
        width: 70%;
        float: left;
        color: #ffffff;
        margin: 15px 15% 15px 15%;
    }

    .all_hdr {
        float: left;
        width: 100%;
        padding: 180px 0 120px 0;
        background-image: url(images/abt_hdr.webp);
        background-position: 50% 50%;
        background-size: cover;
    }

        .all_hdr h1 {
            font-size: 25pt;
            margin: 0 0 0 0;
            padding: 0 0 0 0;
            text-align: center;
        }

    .bus_setup_hdr {
        float: left;
        width: 100%;
        padding: 180px 0 120px 0;
        background-image: url(images/bus_setup_hdr.webp);
        background-position: 50% 50%;
        background-size: cover;
    }

        .bus_setup_hdr h1 {
            font-size: 22pt;
            margin: 0 0 0 0;
            padding: 0 0 0 0;
            text-align: center;
        }

    .digmark_hdr {
        float: left;
        width: 100%;
        padding: 180px 0 120px 0;
        background-image: url(images/digmark_hdr.webp);
        background-position: 50% 50%;
        background-size: cover;
    }

        .digmark_hdr h1 {
            font-size: 22pt;
            margin: 0 0 0 0;
            padding: 0 0 0 0;
            text-align: center;
        }

    .tax_acc_hdr {
        float: left;
        width: 100%;
        padding: 180px 0 120px 0;
        background-image: url(images/tax_acc_hdr.webp);
        background-position: 50% 50%;
        background-size: cover;
    }

        .tax_acc_hdr h1 {
            font-size: 22pt;
            margin: 0 0 0 0;
            padding: 0 0 0 0;
            text-align: center;
        }

    .med_sml_lon_hdr {
        float: left;
        width: 100%;
        padding: 180px 0 120px 0;
        background-image: url(images/med_sml_lon.webp);
        background-position: 50% 30%;
        background-size: cover;
    }

        .med_sml_lon_hdr h1 {
            font-size: 22pt;
            margin: 0 0 0 0;
            padding: 0 0 0 0;
            text-align: center;
        }

    .our_appch_hdr {
        float: left;
        width: 100%;
        padding: 180px 0 120px 0;
        background-image: url(images/our_appch_hdr.webp);
        background-position: 50% 30%;
        background-size: cover;
    }

        .our_appch_hdr h1 {
            font-size: 22pt;
            margin: 0 0 0 0;
            padding: 0 0 0 0;
            text-align: center;
        }

    .enquiry_hdr {
        float: left;
        width: 100%;
        padding: 180px 0 120px 0;
        background-image: url(images/enquiry_hdr.webp);
        background-position: 50% 30%;
        background-size: cover;
    }

        .enquiry_hdr h1 {
            font-size: 22pt;
            margin: 0 0 0 0;
            padding: 0 0 0 0;
            text-align: center;
        }

    .contact_hdr {
        float: left;
        width: 100%;
        padding: 180px 0 120px 0;
        background-image: url(images/contact_hdr.webp);
        background-position: 50% 50%;
        background-size: cover;
    }

        .contact_hdr h1 {
            font-size: 22pt;
            margin: 0 0 0 0;
            padding: 0 0 0 0;
            text-align: center;
        }

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

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

    .con_grp_rb {
        width: 100%;
        float: left;
        padding: 0;
        color: #fff;
        margin: 0 0 0 0;
        font-size: 10pt;
        text-align: left;
    }

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

    .all_main h4 {
        font-size: 14pt;
        font-weight: 600;
        line-height: 1.2;
        text-align: center;
        margin: 10px 0 10px 0;
    }

    .all_main h1 {
        font-size: 22pt;
        font-weight: 700;
        text-align: center;
        margin: 0 0 10px 0;
    }