@font-face {
    font-family: 'db_helvethaica_x45_li';
    src: url('../css/fonts/DB-Helvethaica-Li/db_helvethaica_x_li_v3.2_2.eot');
    src: url('../css/fonts/DB-Helvethaica-Li/db_helvethaica_x_li_v3.2_2.eot?#iefix') format('embedded-opentype'), url('../css/fonts/DB-Helvethaica-Li/db_helvethaica_x_li_v3.2_2.woff2') format('woff2'), url('../css/fonts/DB-Helvethaica-Li/db_helvethaica_x_li_v3.2_2.woff') format('woff'), url('../css/fonts/DB-Helvethaica-Li/db_helvethaica_x_li_v3.2_2.ttf') format('truetype'), url('../css/fonts/DB-Helvethaica-Li/db_helvethaica_x_li_v3.2_2.svg#db_helvethaica_x45_li') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'db_helvethaica_x65_med';
    src: url('../css/fonts/DB-Helvethaica-X-Med/db_helvethaica_x_med_v3.2_0-webfont.eot');
    src: url('../css/fonts/DB-Helvethaica-X-Med/db_helvethaica_x_med_v3.2_0-webfont.eot?#iefix') format('embedded-opentype'), url('../css/fonts/DB-Helvethaica-X-Med/db_helvethaica_x_med_v3.2_0-webfont.woff2') format('woff2'), url('../css/fonts/DB-Helvethaica-X-Med/db_helvethaica_x_med_v3.2_0-webfont.woff') format('woff'), url('../css/fonts/DB-Helvethaica-X-Med/db_helvethaica_x_med_v3.2_0-webfont.ttf') format('truetype'), url('../css/fonts/DB-Helvethaica-X-Med/db_helvethaica_x_med_v3.2_0-webfont.svg#db_helvethaica_x65_med') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DB-Helvethaica-Bd';
    src: url('../css/fonts/DB-Helvethaica-Bd/db_helvethaica_x_bd_v3.2_2.eot');
    src: url('../css/fonts/DB-Helvethaica-Bd/db_helvethaica_x_bd_v3.2_2.eot?#iefix') format('embedded-opentype'), url('../css/fonts/DB-Helvethaica-Bd/db_helvethaica_x_bd_v3.2_2.woff2') format('woff2'), url('../css/fonts/DB-Helvethaica-Bd/db_helvethaica_x_bd_v3.2_2.woff') format('woff'), url('../css/fonts/DB-Helvethaica-Bd/db_helvethaica_x_bd_v3.2_2.ttf') format('truetype'), url('../css/fonts/DB-Helvethaica-Bd/db_helvethaica_x_bd_v3.2_2.svg#db_helvethaica_x75_bd') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansregular';
    src: url('../css/fonts/opensans-reg/opensans-regular.woff2') format('woff2'), url('../css/fonts/opensans-reg/opensans-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanslight';
    src: url('../css/fonts/opensans-light/opensans-light.woff2') format('woff2'), url('../css/fonts/opensans-light/opensans-light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.no-gutter {
    padding-right: 0;
    padding-left: 0;
}

/* --------- Zendesk btn ------- */
.zendesk-btn {
	display:inline-block;
	padding:6px 6px;
	border:1px solid #149edd;
	background:#f5fbfe;
	
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.zendesk-btn a {
	display:inline-block;
	padding:4px 15px;
	background:#ffffff;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	
	font-family: 'open_sansregular';
	font-weight: bold;
    font-size: 15px;
    line-height: 15px;
	color:#149edd;
}
.zendesk-btn a:hover {
	color:#2b2b2b;
}
.zendesk-btn img {
	margin-left:5px !important;
}
/* --------- Banner ------------ */

h2.easybill-banner {
    font-family: 'open_sansregular';
    text-transform: none;
    color: #555555;
    font-size: 117px;
    line-height: 40px;
}

p.easybill-banner {
    font-family: 'open_sansregular';
    text-transform: none;
    color: #152a2d;
    font-size: 58px;
    line-height: 58px;
}

.s-btn-sty1 {
    display: inline-block;
    padding: 10px 40px;
    color: #fff;
    border: 1px solid #fff;
    font-family: 'open_sansregular';
    font-weight: bold;
    text-transform: none;
    font-size: 36px;
    line-height: 36px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 60px 0;
    -webkit-transition: color .3s ease;
    -o-transition: color .3s ease;
    transition: color .3s ease;
}

    .s-btn-sty1 i {
        margin: 0 0 0 15px;
    }

    .s-btn-sty1:hover {
        color: #13a952;
        border: 1px solid #13a952;
    }
/* ----- margin -----------------*/
.margin-0 {
    margin: 0 !important;
}
/* ----- Content index ----------*/
.line-btm {
    border-bottom: 1px solid #c3cacc;
}

.white-bg {
    background: #fff;
}

.mainmenu-left {
    float: left !important;
}

.mainmenu-right {
    float: right !important;
}

#primary-menu ul li a.search {
    padding: 0 5px;
}

.bg-footer {
    background: url(../images/2c2p-img/footer-map.png) no-repeat center top;
    padding: 60px 0 40px 0;
}

.left30 {
    width: 30%;
}

.right66 {
    width: 66%;
}

.copyrights-menu {
    width: 100%;
    text-align: right;
}

.align-center {
    text-align: center;
}

.img-center {
    display: inline-block;
    margin: 20px auto;
}

.padding-side {
    padding: 0 55px;
}
/* ------------ BG section --------------- */
.gray-bg {
    background: #f1f2f2;
}

.gray-thin-bg {
    background: #eeeeee;
}

.dark-gray-bg {
    background: #464747;
}

.mint-bg {
    background: #21b7be;
}

.green-bg {
    background: #4fa975;
}

.blue-bg {
    background: #149fde;
    background: linear-gradient(#149fde, #105dab);
}

.gradian-gray-bg {
    background: url(../images/gradian-gray-bg.jpg) repeat-x left top #e4e8e9;
}

.navyblue-bg {
    background: #0072bc;
}

.thin-blue-bg {
    background: #4795d1;
}

.white-thin-bg {
    background: #f1f2f2;
}

.fresh-green-bg {
    background: #78c552;
}

.vector-bg-b {
    background: url(../images/2c2p-img/vector-bg.jpg) no-repeat top center;
}

.qwik-bg-b {
    background: url(../images/t-2/qwik-bg.jpg) no-repeat top center;
    background-size: 100% 100%;
}

.qwik-bg-style1 {
    background: #1f90cf;
}

.qwik-bg-style2 {
    background: #2491da;
    background: radial-gradient(at left, #1f90d0, #2991e3);
}

.qwik-bg-style2-2 {
    background: url(../images/2c2p-img/qwik-bg-style2.png) no-repeat bottom right;
}

.pgw-bg-map {
    background: url(../images/t-3/bg-pgw-map.jpg) no-repeat bottom center #ffffff;
}

.bg-timeline {
    background: url(../images/t-24/bg-timeline.jpg) no-repeat top center #ffffff;
}

.bg-cis {
    background: radial-gradient(at left, #4d72b6, #597cbc);
}

.bg-3ds {
    background: radial-gradient(at left, #0074bd, #007dc2);
}
/* ------------ Font size --------------- */
h4 {
    font-size: 40px;
    line-height: 40px;
}

h5 {
    font-size: 30px;
    line-height: 30px;
}

h6 {
    font-size: 16px;
    line-height: 16px;
}

.h-thin {
    font-family: 'open_sansregular';
}

/* ------------ Font color --------------- */
.txt-white {
    color: #ffffff;
}

.txt-black {
    color: #000000;
}

.txt-gray {
    color: #333333;
}

.txt-gray-thin {
    color: #555555;
}

.txt-mint {
    color: #21b7be;
}

.txt-green {
    color: #4fa975;
}

.txt-blue {
    color: #0695c8;
}

.txt-blue-thin {
    color: #46bee8;
}

.txt-dark-blue {
    color: #3493bc;
}

.txt-black {
    color: #000;
}

.txt-navy-b {
    color: #127fc3;
}

.txt-qwik-navy {
    color: #1b75ba;
}

.txt-qwik-b {
    color: #1f90cf;
}

.txt-qwik-purple {
    color: #1d2043;
}

.txt-h-blue {
    color: #0996cb;
}

.txt-h-darkgreen {
    color: #449ea6;
}

.txt-h-purple {
    color: #bb55dc;
}

.txt-h-green {
    color: #94c83d;
}

.txt-h-ics {
    color: #4c71b5;
}

.txt-h-3ds {
    color: #0072bc;
}

.txt-h-ps {
    color: #1c62be;
}

.letter-space {
    letter-spacing: -3px;
}

/* ---------------- Heading ------------ */
.t-1 .heading {
    font-size: 50px;
    line-height: 50px;
    font-family: 'open_sansregular';
}

.heading {
    font-size: 30px;
    line-height: 45px;
    font-family: 'open_sansregular';
    font-weight: 100;
}

/* --------- Banner -------------*/
.a-banner {
    padding: 3px 30px;
    border: 1px solid #6d6e70;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 20px;
    line-height: 30px;
    font-family: 'open_sansregular';
    font-weight: 100;
    color: #848989;
    display: inline-block;
    margin: 20px 0 0 0;
    cursor: pointer;
    float: left;
    text-transform: lowercase;
}

.banner-1 {
    background: #068dc5;
    background: radial-gradient(at left, #0497ca, #068dc5);
}

.banner-2 {
    background: #165ca2;
    background: radial-gradient(at left, #0c448e, #165ca2);
}

.banner-3 {
    background: #1aa5ac;
    background: radial-gradient(at left, #0a7f88, #1aa5ac);
}

.banner-4 {
    background: #43a1df;
    background: radial-gradient(at left, #1c7ac4, #43a1df);
}

.banner-5 {
    background: #2dc787;
    background: radial-gradient(at left, #0a8e53, #2dc787);
}

.banner-img1 {
    width: 50%;
    float: left;
}

.banner-pgw-img {
    background: #0a9ece;
    background: radial-gradient(at center, #65aec4, #0a9ece);
}

.banner-123-img {
    background: #2eb7bd;
    background: radial-gradient(at center, #72c0bf, #2eb7bd);
}

.banner-easybills-img {
    background: #0ec17d;
    background: radial-gradient(at center, #8ec4a8, #0ec17d);
}

.banner-qwik-img {
    background: #1f8ee7;
    background: radial-gradient(at center, #92b4ca, #1f8ee7);
}

.banner-aboutus-img {
    background: #069ecf;
    background: radial-gradient(at left, #0884b5, #069ecf);
}

.banner-career-img {
    background: #82b43d;
    background: radial-gradient(at left, #649c21, #82b43d);
}

/* --------- Animation Banner ------------ */
.banner-animate-obj {
    height: auto;
    position: absolute;
}

.am-about {
    max-width: 40%;
    top: -420px;
    right: 47%;
}

.am-obj-about {
    max-width: 100%;
    top: -340px;
    right: -60px;
}
/* --------- T-1 Banner-Slide ------------ */

.t-1 {
    max-width: 100%;
}

    .t-1 h2 {
    }

    .t-1 p {
        font-family: 'open_sanslight';
        font-size: 20px;
        line-height: 40px;
        margin: 0 0 40px 0;
        font-weight: lighter;
    }

.home-banner p {
    max-width: 100%;
    font-family: 'open_sanslight';
    font-size: 20px;
    line-height: 35px;
    margin: 0 0 40px 0;
    text-align: left;
    position: relative;
    z-index: 1;
}

    .home-banner p a {
        font-family: 'open_sanslight';
        font-size: 20px;
        line-height: 33px;
        text-transform: lowercase;
        display: block;
        width: 123px;
        height: 43px;
        padding: 4px 0;
        margin: 20px 0;
        text-align: center;
        background: url(../images/banner/home/more-bg.svg) no-repeat top left;
        cursor: pointer;
    }

        .home-banner p a:hover {
            color: #000;
        }

.t-1 b {
    font-weight: bold;
}

    .t-1 b.bigfont {
        font-family: 'open_sansregular';
        font-size: 40px;
        font-weight: bold;
        display: block;
        margin: 0 0 15px 0;
    }

.t-1 .letter-space-1 {
    letter-spacing: 5px;
}

.home-banner-slide-1 h1.banner-text {
    width: 41%;
    float: left;
}

.home-banner-slide-1 .banner-img1 {
    width: 59%;
    float: left;
    display: block;
    margin-top: -25%;
}

    .home-banner-slide-1 .banner-img1 img {
        width: 90%;
        height: auto;
        margin: -140px 0 0 50px;
    }

.home-banner-slide-2 h2.banner-text {
    width: 50%;
    float: left;
}

.home-banner-slide-2 .banner-img2 {
    width: 50%;
    float: left;
    display: block;
    margin-top: -25%;
    margin-left: -130px;
}

    .home-banner-slide-2 .banner-img2 img {
        width: 90%;
        height: auto;
        margin: -130px 0 0 0;
    }

.home-banner-slide-3 h2.banner-text {
    width: 42%;
    float: left;
}

.home-banner-slide-3 .banner-img3 {
    width: 58%;
    float: left;
    display: block;
    margin-top: -25%;
}

    .home-banner-slide-3 .banner-img3 img {
        width: 90%;
        height: auto;
        margin: -120px 0 0 50px;
    }

.home-banner-slide-4 h2.banner-text {
    width: 50%;
    float: left;
}

.home-banner-slide-4 .banner-img4 {
    width: 50%;
    float: left;
    display: block;
    margin-top: -29%;
    margin-left: -130px;
}

    .home-banner-slide-4 .banner-img4 img {
        width: 90%;
        height: auto;
        margin: -130px 0 0 0;
    }

.home-banner-slide-5 h2.banner-text {
    width: 45%;
    float: left;
}

.home-banner-slide-5 .banner-img5 {
    width: 55%;
    float: left;
    display: block;
    margin-top: -25%;
    margin-left: -120px;
}

    .home-banner-slide-5 .banner-img5 img {
        width: 90%;
        height: auto;
        margin: -130px 0 0 0;
    }

.banner-123 h1.banner-text {
    width: 50%;
    float: left;
    margin: -100px 0 0 290px;
}

    .banner-123 h1.banner-text p {
        font-size: 20px;
        line-height: 40px;
    }

.banner-123 .banner-img {
    width: 40%;
    float: left;
    display: block;
    margin-top: -30%;
    margin-left: -180px;
}

    .banner-123 .banner-img img {
        width: 90%;
        height: auto;
        margin: -130px 0 0 0;
    }

.banner-pgw h1.banner-text {
    width: 60%;
    float: left;
    margin: 0 0 0 -100px;
}

    .banner-pgw h1.banner-text p {
        font-size: 20px;
        line-height: 40px;
    }

.banner-pgw .banner-img {
    width: 40%;
    float: left;
    display: block;
    margin-top: -25%;
    margin-left: -85px;
}

    .banner-pgw .banner-img img {
        width: 90%;
        height: auto;
        margin: -130px 0 0 0;
    }


.banner-3ds h1.banner-text {
    width: 60%;
    float: left;
    margin: -110px 0 0 -100px;
}

.banner-3ds h1.banner-text p {
        font-size: 19px;
        line-height: 40px;
    }

.banner-3ds .banner-img {
    width: 40%;
    float: left;
    display: block;
    margin-top: -38%;
    margin-left: -85px;
}

    .banner-3ds .banner-img img {
        width: 90%;
        height: auto;
        margin: -130px 0 0 0;
    }


.banner-easybills h1.banner-text {
    width: 47%;
    float: left;
}

.banner-easybills .banner-img {
    width: 50%;
    float: left;
    display: block;
    margin-top: -25%;
    margin-left: -130px;
}

    .banner-easybills .banner-img img {
        width: 90%;
        height: auto;
        margin: -130px 0 0 0;
    }

.banner-qwik h1.banner-text {
    width: 58%;
    float: left;
    left: 50%;
    position: absolute;
}

    .banner-qwik h1.banner-text p {
        max-width: 93%;
        font-size: 20px;
        line-height: 40px;
        font-family: 'open_sanslight';
        text-align: left;
        margin: 20px 0 0 0;
    }

.banner-qwik .banner-img {
    width: 40%;
    float: left;
    display: block;
    margin-top: -25%;
    margin-left: -220px;
}

    .banner-qwik .banner-img img {
        width: 90%;
        height: auto;
        margin: -130px 0 0 0;
    }

.banner-aboutus h1.banner-text {
    width: 48%;
    float: left;
}

    .banner-aboutus h1.banner-text p {
        font-size: 20px;
        line-height: 40px;
    }

.banner-aboutus .banner-img {
    width: 52%;
    float: left;
    display: block;
    margin-top: -25%;
    margin-left: -130px;
}

    .banner-aboutus .banner-img img {
        width: 90%;
        height: auto;
        margin: -130px 0 0 0;
    }

.banner-career h1.banner-text {
    width: 55%;
    float: left;
    margin-top: 50px;
}

.banner-career .banner-img {
    width: 50%;
    float: left;
    display: block;
    margin-top: -25%;
    margin-left: -180px;
}

    .banner-career .banner-img img {
        width: 90%;
        height: auto;
        margin: -130px 0 0 0;
    }

/* --------- T-2 1-column-img-text ------------ */
.t-2 {
    max-width: 100%;
    margin: 50px 0;
}

    .t-2 .heading {
        max-width: 100%;
        font-family: 'open_sanslight';
        margin: 0 0 0 0;
    }

    .t-2 h6 {
        font-size: 16px;
        line-height: 30px;
        margin: 25px 0 0 0;
        font-family: 'open_sanslight';
    }

    .t-2 p {
        max-width: 100%;
        font-size: 16px;
        line-height: 30px;
        font-family: 'open_sanslight';
        margin: 5px 0 15px 0;
    }

        .t-2 p.detail {
            font-size: 25px;
            line-height: 35px;
        }
	.t-2 ul {
		margin-left:30px;
	}
    .t-2 ol li,
    .t-2 ul li {
        font-size: 16px;
        line-height: 30px;
        font-family: 'open_sanslight';
        font-weight: lighter;
        margin: 10px 20px;
    }

    .t-2 ul.download {
        margin-bottom: 79px;
    }
	.t-2 ul.list-none {
		list-style: none;
	}
.t-2 a.privacy-lang {
	display:inline-block;
	color:#636363;
	font-size: 20px;
    line-height: 20px;
    font-family: 'open_sansregular';
	border-bottom:1px solid #636363;
	float:right;
}
.thailang {
	font-size: 25px;
    line-height: 35px;
    font-family: 'db_helvethaica_x45_li';
    font-weight: lighter;
    text-align: justify;
}
.thailang .heading {
    font-family: 'db_helvethaica_x45_li';
    font-size: 30px;
    line-height: 40px;
}

.thailang h6 {
    font-size: 30px;
    line-height: 40px;
    margin: 15px 0 0 0;
    font-family: 'db_helvethaica_x45_li';
}
.thailang ul li {
    font-size: 25px;
    line-height: 35px;
    font-family: 'db_helvethaica_x45_li';
    font-weight: lighter;
    text-align: justify;
}
.thailang p {
    max-width: 100%;
    font-size: 25px;
    line-height: 35px;
    font-family: 'db_helvethaica_x45_li';
    font-weight: lighter;
    margin: 15px 0 0 0;
    text-align: justify;
}

.qwik .t-2 {
    margin: 97px 0;
}

    .qwik .t-2 .heading {
        max-width: 100%;
        font-family: 'open_sansregular';
        margin: 0 0 20px 0;
        font-size: 30px;
        line-height: 40px;
    }

    .qwik .t-2 p {
        max-width: 100%;
        font-size: 16px;
        line-height: 30px;
        font-family: 'open_sanslight';
        font-weight: lighter;
        margin: 0 0 20px 0;
        text-align: left;
    }

        .qwik .t-2 p.title {
            font-weight: bold;
            margin: 0 0 5px 0;
        }

        .qwik .t-2 p.detail {
            font-size: 25px;
            line-height: 35px;
            margin: 10px 0;
        }

    .qwik .t-2 a {
        color: #9ffcfd;
        font-weight: 500;
    }

        .qwik .t-2 a:hover {
            color: #6cf8fa;
        }

.t-2 .learn-more {
    display: inline-block;
    float: right;
    width: 165px;
    height: 45px;
    box-sizing: border-box;
    margin: 80px 0 0 0;
    padding: 10px 0;
    text-align: center;
    border: 2px solid #444444;
    font-family: 'open_sansregular';
    font-size: 20px;
    line-height: 20px;
    color: #444444;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    .t-2 .learn-more:hover {
        color: #21b7be;
        border: 2px solid #21b7be;
    }
/* --------- T-3 1-column-img-text ------------ */
.t-3 {
    max-width: 100%;
    margin: 50px 0;
}

    .t-3 .heading {
        max-width: 100%;
        font-family: 'open_sansregular';
        margin: 0;
    }

    .t-3 span {
        display: block;
        font-family: 'open_sansregular';
        font-size: 30px;
        line-height: 30px;
        font-weight: 100;
        margin: 5px 0 0 0;
    }

    .t-3 p {
        max-width: 100%;
        font-size: 16px;
        line-height: 35px;
        font-family: 'open_sanslight';
        margin: 20px 0 15px 0;
    }

    .t-3 .img-wrap {
        width: 100%;
        margin: 20px 0;
    }

        .t-3 .img-wrap img {
            border-radius: 5px;
        }

    .t-3 .map-img {
        width: 100%;
        background: url(../images/t-3/img-123map.jpg) no-repeat top left;
        min-height: 684px;
        position: relative;
    }

    .t-3 .po-indo {
        position: absolute;
        right: 330px;
        bottom: -25px;
    }

    .t-3 .po-thai {
        position: absolute;
        left: 340px;
        top: 135px;
    }

    .t-3 .po-malay {
        position: absolute;
        left: 180px;
        bottom: 170px;
    }

    .t-3 .po-phili {
        position: absolute;
        right: 240px;
        top: 210px;
    }

    .t-3 .po-mm {
        position: absolute;
        left: 94px;
        top: 60px;
    }

    .t-3 .po-sing {
        position: absolute;
        left: 405px;
        bottom: 155px;
    }

    .t-3 .learn-more {
        display: inline-block;
        width: 165px;
        height: 45px;
        box-sizing: border-box;
        margin: 20px auto 20px;
        padding: 10px 0;
        text-align: center;
        border: 2px solid #444444;
        font-family: 'open_sansregular';
        font-size: 20px;
        line-height: 20px;
        color: #444444;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

        .t-3 .learn-more:hover {
            color: #21b7be;
            border: 2px solid #21b7be;
        }

    .t-3 .country-wrap {
        width: 100%;
        display: block;
        margin: -35px 0 0 70px;
    }

        .t-3 .country-wrap li {
            width: 8.8%;
            display: block;
            float: left;
        }

    .t-3 .country-logo {
        width: 95px;
        height: 93px;
        display: block;
    }

    .t-3 .c-1 {
        background: url(../images/t-3/aboutus/c-1.png) no-repeat top left;
    }

        .t-3 .c-1:hover {
            background: url(../images/t-3/aboutus/c-1.png) no-repeat 0px -93px;
        }

    .t-3 .c-2 {
        background: url(../images/t-3/aboutus/c-2.png) no-repeat top left;
    }

        .t-3 .c-2:hover {
            background: url(../images/t-3/aboutus/c-2.png) no-repeat 0px -93px;
        }

    .t-3 .c-3 {
        background: url(../images/t-3/aboutus/c-3.png) no-repeat top left;
    }

        .t-3 .c-3:hover {
            background: url(../images/t-3/aboutus/c-3.png) no-repeat 0px -93px;
        }

    .t-3 .c-4 {
        background: url(../images/t-3/aboutus/c-4.png) no-repeat top left;
    }

        .t-3 .c-4:hover {
            background: url(../images/t-3/aboutus/c-4.png) no-repeat 0px -93px;
        }

    .t-3 .c-5 {
        background: url(../images/t-3/aboutus/c-5.png) no-repeat top left;
    }

        .t-3 .c-5:hover {
            background: url(../images/t-3/aboutus/c-5.png) no-repeat 0px -93px;
        }

    .t-3 .c-6 {
        background: url(../images/t-3/aboutus/c-6.png) no-repeat top left;
    }

        .t-3 .c-6:hover {
            background: url(../images/t-3/aboutus/c-6.png) no-repeat 0px -93px;
        }

    .t-3 .c-7 {
        background: url(../images/t-3/aboutus/c-7.png) no-repeat top left;
    }

        .t-3 .c-7:hover {
            background: url(../images/t-3/aboutus/c-7.png) no-repeat 0px -93px;
        }

    .t-3 .c-8 {
        background: url(../images/t-3/aboutus/c-8.png) no-repeat top left;
    }

        .t-3 .c-8:hover {
            background: url(../images/t-3/aboutus/c-9.png) no-repeat 0px -93px;
        }

    .t-3 .c-9 {
        background: url(../images/t-3/aboutus/c-9.png) no-repeat top left;
    }

        .t-3 .c-9:hover {
            background: url(../images/t-3/aboutus/c-9.png) no-repeat 0px -93px;
        }

    .t-3 .c-10 {
        background: url(../images/t-3/aboutus/c-10.png) no-repeat top left;
    }

        .t-3 .c-10:hover {
            background: url(../images/t-3/aboutus/c-10.png) no-repeat 0px -93px;
        }

.aboutus .t-3 p {
    max-width: 50%;
    margin: 15px auto;
}
/* ------- EasyBills ---------- */
.easybills .t-3 {
    margin: 50px auto;
}

    .easybills .t-3 .map-img {
        width: 100%;
        background: none;
        min-height: 600px;
        position: relative;
    }

    .easybills .t-3 span {
        display: inline;
    }

.easybills .learn-more:hover {
    color: #13a952;
    border: 2px solid #13a952;
}

.pgw .map-img {
    background: none;
    text-align: center;
}

    .pgw .map-img img {
        display: inline-block;
        width: 60%;
    }

.qwik .t-3 h4 {
    width: 100%;
    display: block;
    font-family: 'open_sansregular';
    font-size: 30px;
    line-height: 40px;
    text-align: center;
    margin: 20px auto 50px;
}

.qwik .t-3 .image-center {
    width: 40%;
    height: auto;
    margin: 30px auto 30px;
}

.qwik .t-3 p.title {
    font-family: 'open_sansregular';
    font-size: 30px;
    line-height: 40px;
    text-align: left;
}

.qwik .t-3 p {
    font-family: 'open_sanslight';
    font-size: 16px;
    line-height: 35px;
    margin: 20px 0;
}

    .qwik .t-3 p a {
        font-weight: bold;
        border-bottom: 2px solid #fff;
    }

.qwik .t-3 ul {
    list-style: none;
    width: 50%;
    float: left;
}

    .qwik .t-3 ul li {
        text-align: left;
        background: url(../images/t-3/bullet.png) no-repeat left 13px;
        padding: 0 20px;
    }

/* --------- T-4 50%img 50%text ------------ */
.t-4 {
    max-width: 100%;
    margin: 50px 0;
}

    .t-4 .heading {
        max-width: 100%;
        font-size: 30px;
        line-height: 45px;
        font-family: 'open_sansregular';
        margin: 70px 0 30px 0;
    }

.pgw .t-4 .heading {
    width: 100%;
    margin: 0 auto 30px;
}

.pgw .t-4 h6 {
    font-size: 16px;
    line-height: 35px;
    font-family: 'open_sansregular';
    font-weight: bold;
    margin: 0;
}

.t-4 p {
    max-width: 100%;
    font-size: 16px;
    line-height: 35px;
    font-family: 'open_sanslight';
    text-align: left;
}

.t-4 ul {
    padding: 0 20px;
    list-style: none;
}

    .t-4 ul li {
        font-size: 16px;
        line-height: 35px;
        font-family: 'open_sanslight';
        text-align: left;
        padding: 0 0 0 20px;
        background: url(../images/list1.png) no-repeat left 15px;
    }

.qwik .t-4 h4 {
    font-family: 'open_sansregular';
    font-size: 30px;
    line-height: 40px;
    color: #1f90cf;
    margin: 0;
}

.qwik .t-4 p {
    font-size: 16px;
    line-height: 35px;
    font-family: 'open_sanslight';
    margin: 20px 0;
}

/* --------- T-5 50%text ------------ */
.t-5 {
    max-width: 100%;
    margin: 50px 0;
}

    .t-5 .heading {
        max-width: 100%;
        font-family: 'open_sansregular';
        margin: 0 0 30px 0;
    }

    .t-5 p {
        max-width: 100%;
        font-size: 14px;
        line-height: 28px;
        font-family: 'open_sanslight';
        color: #555555;
    }

.qwik .t-4 ul {
    margin: 0 20px;
}

    .qwik .t-4 ul li {
        font-size: 16px;
        line-height: 28px;
        font-family: 'open_sanslight';
        margin: 10px 0;
    }

/* --------- T-6 3-column-img-text ------------ */
.t-6 {
    max-width: 100%;
    margin: 50px 0;
}

    .t-6 img {
        display: inline-block;
        margin: 20px auto;
        text-align: center;
    }

    .t-6 .heading {
        max-width: 100%;
        font-family: 'open_sansregular';
        margin: 30px 0 0 0;
    }

    .t-6 span.detail {
        display: inline-block;
        font-family: 'open_sansregular';
        font-size: 30px;
        line-height: 40px;
        font-weight: 100;
        margin: 5px 0 0 0;
    }

    .t-6 span {
        display: block;
        min-height: 25px;
        font-family: 'open_sansregular';
        margin: 5px 0 0 0;
        font-size: 16px;
        line-height: 16px;
        font-weight: bold;
    }

    .t-6 p {
        max-width: 100%;
        font-size: 14px;
        line-height: 28px;
        font-family: 'open_sanslight';
        text-align: justify;
    }

        .t-6 p.detail {
            max-width: auto;
            font-size: 30px;
            line-height: 40px;
            font-family: 'open_sanslight';
            font-weight: 100;
            margin: 20px 0 30px 0;
            text-align: center;
        }

/* --------- T-7 3-column-img ------------ */
.t-7 {
    max-width: 100%;
    margin: 50px 0;
}

    .t-7 img {
        display: inline-block;
        margin: 20px auto;
        text-align: center;
    }

    .t-7 .heading {
        max-width: 100%;
        font-family: 'open_sansregular';
        margin: 30px 0 0 0;
    }

    .t-7 span.detail {
        display: inline-block;
        font-family: 'open_sansregular';
        font-size: 30px;
        line-height: 40px;
        font-weight: 100;
        margin: 5px 0 0 0;
    }

    .t-7 p.detail {
        max-width: auto;
        font-size: 30px;
        line-height: 40px;
        font-family: 'open_sanslight';
        font-weight: 100px;
        margin: 20px 0 30px 0;
        text-align: center;
    }

/* --------- T-8 3-column-img-text ------------ */
.t-8 {
    max-width: 100%;
    margin: 50px 0;
}

    .t-8 img {
        display: inline-block;
        margin: 20px auto;
        text-align: center;
    }

    .t-8 .heading {
        max-width: 100%;
        font-family: 'open_sansregular';
        margin: 0;
    }

.aboutus .t-8 .heading {
    margin: 0 0 40px 0;
}

.cardissuing .t-8 .heading {
    margin: 0 0 40px 0;
}

.aboutus .t-8 img {
    width: 80%;
}

.t-8 span.detail {
    display: inline-block;
    font-family: 'open_sansregular';
    font-size: 30px;
    line-height: 40px;
    font-weight: 100;
    margin: 5px 0 0 0;
}

.t-8 h6 {
    max-width: 100%;
    font-size: 16px;
    line-height: 35px;
    font-family: 'open_sansregular';
    margin: 15px 0 10px 0;
    font-weight: bold;
}

.aboutus .t-8 h6 {
    max-width: 90%;
    margin: 20px auto 40px;
}

.t-8 span {
    display: block;
    min-height: 25px;
    font-family: 'open_sansregular';
    margin: 5px 0 0 0;
    font-size: 16px;
    line-height: 16px;
    font-weight: bold;
}

.t-8 p {
    max-width: 100%;
    font-size: 15px;
    line-height: 35px;
    font-family: 'open_sanslight';
    margin: 0 0 20px 0;
	text-align: center;
}

.t-8 a {
    font-size: 16px;
    line-height: 35px;
    font-family: 'open_sanslight';
    font-weight: bold;
    color: #000;
}

    .t-8 a:hover {
        color: #0497ca;
    }

.t-8 p.detail {
    max-width: auto;
    font-size: 16px;
    line-height: 35px;
    font-family: 'open_sanslight';
    font-weight: 100px;
    margin: 20px 0 30px 0;
}

.t-8 ul {
    width: auto;
    list-style: none;
}

    .t-8 ul li {
        width: auto;
        font-size: 14px;
        line-height: 28px;
        font-family: 'open_sanslight';
        padding: 0 0 0 15px;
        background: url(../images/t-19/bullet.png) no-repeat left 10px;
    }

.cardissuing .t-8 ul {
    margin: 0 0 0 20px;
}

    .cardissuing .t-8 ul li {
        text-align: left;
        background: url(../images/list1.png) no-repeat left 10px;
    }

.qwik .t-8 ul {
    width: auto;
    list-style: none;
    margin: 0 0 0 0;
	text-align: center;
}

    .qwik .t-8 ul li {
        padding: 0;
    }

.qwik .t-8 h6 {
    max-width: 80%;
    min-height: 70px;
    font-family: 'open_sansregular';
    font-size: 16px;
    line-height: 35px;
    margin: 30px auto 10px;
}

.qwik .t-8 p,
.qwik .t-8 a {
    max-width: 100%;
    font-size: 15px;
    line-height: 30px;
    font-family: 'open_sanslight';
    margin: 0 0 20px 0;
}

    .qwik .t-8 a:hover {
        color: #6A6969;
    }
/* --------- T-9 30%img 30%text 30%icon ------------ */
.t-9 {
    max-width: 100%;
    margin: 50px 0;
}

    .t-9 img {
        margin: 0 auto 20px;
        text-align: center;
    }

    .t-9 .heading {
        max-width: 100%;
        font-family: 'open_sansregular';
        margin: 70px 0 30px 0;
    }

    .t-9 p {
        max-width: 100%;
        font-size: 14px;
        line-height: 28px;
        font-family: 'open_sanslight';
        text-align: justify;
    }
/* --------- T-10 3-column-img-text ------------ */
.t-10 {
    max-width: 100%;
    margin: 50px 0;
}

    .t-10 .heading {
        max-width: 100%;
        font-family: 'open_sansregular';
        margin: 0;
    }

    .t-10 span.detail {
        display: inline-block;
        font-family: 'open_sansregular';
        font-size: 30px;
        line-height: 40px;
        font-weight: 100;
        margin: 5px 0 0 0;
    }

    .t-10 h6 {
        max-width: 100%;
        font-family: 'open_sansregular';
        font-size: 15px;
        line-height: 35px;
        margin: 20px 0 10px 0;
    }

    .t-10 span {
        display: block;
        min-height: 25px;
        font-family: 'open_sansregular';
        margin: 5px 0 0 0;
        font-size: 16px;
        line-height: 16px;
        font-weight: bold;
    }

    .t-10 p {
        max-width: 100%;
        font-size: 16px;
        line-height: 35px;
        font-family: 'open_sanslight';
    }

        .t-10 p.detail {
            width: 75%;
            max-width: auto;
            font-size: 16px;
            line-height: 35px;
            font-family: 'open_sanslight';
            font-weight: 100px;
            margin: 20px auto 30px;
        }

    .t-10 a {
        color: #21b7be;
        cursor: pointer;
    }

        .t-10 a:hover {
            color: #49ada5;
        }

    .t-10 .payment-wrap {
        width: 100%;
        height: 325px;
        overflow: hidden;
        display: block;
        position: relative;
    }

    .t-10 img {
        position: absolute;
        left: 410px;
        opacity: 1;
    }

    .t-10 .animated-in {
        left: 0px;
        transition: all 0.7s ease-out;
        -moz-transition: all 0.7s ease-out;
        -webkit-transition: all 0.7s ease-out;
        -o-transition: all 0.7s ease-out;
        opacity: 1;
    }

    .t-10 .animated-out {
        left: 400px;
        transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -webkit-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        opacity: 0;
    }
/* --------- T-11 3-column-coding -------------- */
.t-11 {
    max-width: 100%;
    margin: 50px 0;
}

    .t-11 img {
        display: inline-block;
        margin: 0 auto;
        text-align: center;
    }

    .t-11 .heading {
        max-width: 100%;
        font-family: 'open_sansregular';
        margin: 0 0 0 0;
    }

    .t-11 span.detail {
        display: inline-block;
        font-family: 'open_sansregular';
        font-size: 30px;
        line-height: 40px;
        font-weight: 100;
        margin: 5px 0 0 0;
    }

    .t-11 p.detail {
        width: 75%;
        max-width: auto;
        font-size: 16px;
        line-height: 35px;
        font-family: 'open_sanslight';
        font-weight: 100px;
        margin: 20px auto 30px;
    }

.easybills .t-11 p.detail {
    width: 60%;
}

.t-11 .left-content,
.t-11 .right-content {
    display: block;
    float: left;
    width: 25%;
}

.t-11 .right-content {
    float: right;
}

    .t-11 .left-content li,
    .t-11 .right-content li {
        width: 100%;
        display: block;
        float: left;
        margin: 30px 0;
        cursor: pointer;
    }

.t-11 .icon-wrap {
    width: 75px;
    height: 75px;
    display: block;
    margin: 0 5px;
}

.t-11 .left-content .icon-wrap {
    float: right;
    text-align: center;
}

.t-11 .right-content .icon-wrap {
    float: left;
}

.t-11 .left-content h6,
.t-11 .left-content p {
    float: right;
    text-align: right;
}

.t-11 .right-content h6,
.t-11 .right-content p {
    float: left;
}

.t-11 .icon {
    width: 65px;
    height: 65px;
    display: inline-block;
    background: url(../images/t-11/icon-L1.png) no-repeat center center #cccccc;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin: 5px 0 0 0;
    transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
}

.t-11 .left-content h6,
.t-11 .right-content h6 {
    width: 175px;
    height: 30px;
    font-family: 'open_sansregular';
    color: #333333;
    margin: 15px 0 0 0;
    transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
}

.t-11 li:hover h6,
.t-11 li.active h6 {
    color: #21b7be;
}

.t-11 .left-content p,
.t-11 .right-content p {
    width: 195px;
    height: auto;
    font-size: 16px;
    line-height: 35px;
    font-family: 'open_sanslight';
    color: #555555;
    margin: 0 0 0 0;
    transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
}

.career-wrap .t-11 .left-content p,
.career-wrap .t-11 .right-content p {
    width: 400px;
    font-size: 16px;
    line-height: 30px;
    color: #555555;
    margin: 25px 0 0 0;
}

.t-11 li:hover .icon,
.t-11 li.active .icon {
    width: 70px;
    height: 70px;
    margin: 0;
}

.t-11 li:hover .l1,
.t-11 li.active .l1 {
    background: url(../images/t-11/icon-L1-over.png) no-repeat center center #21b7be;
}

.t-11 li:hover .l2,
.t-11 li.active .l2 {
    background: url(../images/t-11/icon-L2-over.png) no-repeat center center #21b7be;
}

.t-11 li:hover .l3,
.t-11 li.active .l3 {
    background: url(../images/t-11/icon-L3-over.png) no-repeat center center #21b7be;
}

.t-11 li:hover .l4,
.t-11 li.active .l4 {
    background: url(../images/t-11/icon-L4-over.png) no-repeat center center #21b7be;
}

.t-11 li:hover .l5,
.t-11 li.active .l5 {
    background: url(../images/t-11/icon-L5-over.png) no-repeat center center #21b7be;
}

.t-11 li:hover .l6,
.t-11 li.active .l6 {
    background: url(../images/t-11/icon-L6-over.png) no-repeat center center #21b7be;
}

.t-11 .code-view {
    margin: 30px 0 0 0;
    float: left;
    width: 100%;
}

    .t-11 .code-view span {
        color: #6f7c82;
    }

    .t-11 .code-view .hljs-keyword {
        color: #333;
    }

    .t-11 .code-view .url {
        color: #4ca145;
    }

    .t-11 .code-view .hljs-string {
        color: #dd1144;
    }

    .t-11 .code-view .hljs-symbol {
        color: #990073;
    }

.t-11 .description {
    float: left;
    background: url(../images/t-11/icon-arrew.png) no-repeat 24px top;
    padding: 90px 0 0 0;
    margin: -10px 0 0 0;
    z-index: 0;
    display: inline-block;
    transition: all 3s ease-out;
    -moz-transition: all 3s ease-out;
    -webkit-transition: all 3s ease-out;
    -o-transition: all 3s ease-out;
}

    .t-11 .description h6 {
        color: #21b7be;
        font-size: 14px;
        line-height: 28px;
        font-family: 'open_sanslight';
        font-weight: lighter;
        margin: 0 0 10px 0;
    }

    .t-11 .description p {
        color: #555555;
        font-size: 14px;
        line-height: 28px;
        font-family: 'open_sanslight';
        font-weight: lighter;
    }

.t-11 .all-codebox {
    width: 45%;
    float: left;
    height: 400px;
    overflow: hidden;
    position: relative;
    margin: 0 25px;
}

    .t-11 .all-codebox .content-1,
    .t-11 .all-codebox .content-2,
    .t-11 .all-codebox .content-3,
    .t-11 .all-codebox .content-4,
    .t-11 .all-codebox .content-5,
    .t-11 .all-codebox .content-6 {
        position: absolute;
        top: 420px;
        opacity: 1;
    }

    .t-11 .all-codebox .animated-in {
        top: 0px;
        transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -webkit-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        opacity: 1;
    }

    .t-11 .all-codebox .animated-out {
        top: 420px;
        transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -webkit-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        opacity: 0;
    }

/*---- Easy Bills ------- */
/* ------ T-11 Easybills ----------- */
.easybills .t-11 .left-content,
.easybills .t-11 .right-content {
    display: block;
    float: left;
    width: 30%;
}

.easybills .t-11 .right-content {
    float: right;
}

.easybills .t-11 li:hover .icon {
    background: #4fa975;
    width: 65px;
    height: 65px;
    margin: 5px 0 0 0;
}

.easybills .t-11 .left-content h6,
.easybills .t-11 .right-content h6 {
    margin: 5px 0 0 0;
    font-size: 16px;
    line-height: 35px;
}

.easybills .t-11 li:hover h6,
.easybills .t-11 li.active h6 {
    color: #4fa975;
}

.easybills .t-11 li .l1,
.easybills .t-11 li:hover .l1,
.easybills .t-11 li.active .l1 {
    background: url(../images/t-11/easybills/icon1.svg) no-repeat center center #12b57a;
    cursor: default;
    background-size: 75% 75%;
}

.easybills .t-11 li .l2,
.easybills .t-11 li:hover .l2,
.easybills .t-11 li.active .l2 {
    background: url(../images/t-11/easybills/icon2.svg) no-repeat center center #12b57a;
    cursor: default;
    background-size: 75% 75%;
}

.easybills .t-11 li .l3,
.easybills .t-11 li:hover .l3,
.easybills .t-11 li.active .l3 {
    background: url(../images/t-11/easybills/icon3.svg) no-repeat center center #12b57a;
    cursor: default;
    background-size: 75% 75%;
}

.easybills .t-11 li .l4,
.easybills .t-11 li:hover .l4,
.easybills .t-11 li.active .l4 {
    background: url(../images/t-11/easybills/icon4.svg) no-repeat center center #12b57a;
    cursor: default;
    background-size: 75% 75%;
}

.easybills .t-11 li .l5,
.easybills .t-11 li:hover .l5,
.easybills .t-11 li.active .l5 {
    background: url(../images/t-11/easybills/icon5.svg) no-repeat center center #12b57a;
    cursor: default;
    background-size: 75% 75%;
}

.easybills .t-11 li .l6,
.easybills .t-11 li:hover .l6,
.easybills .t-11 li.active .l6 {
    background: url(../images/t-11/easybills/icon6.svg) no-repeat center center #12b57a;
    cursor: default;
    background-size: 75% 75%;
}

.easybills .t-11 .all-codebox {
    width: 35%;
    height: 570px;
}

.easybills .t-11 .left-content p,
.easybills .t-11 .right-content p {
    width: 256px;
}

/*---- Qwik------- */
/* ------ T-11 Qwik ----------- */
.qwik .t-11 .left-content,
.qwik .t-11 .right-content {
    display: block;
    float: left;
    width: 30%;
}

.qwik .t-11 .right-content {
    float: right;
}

.qwik .t-11 li:hover .icon {
    background: #4fa975;
    width: 65px;
    height: 65px;
    margin: 5px 0 0 0;
}

.qwik .t-11 .left-content h6,
.qwik .t-11 .right-content h6 {
    margin: 5px 0 0 0;
}

.qwik .t-11 li:hover h6,
.qwik .t-11 li.active h6 {
    color: #4fa975;
}

.qwik .t-11 li .l1,
.qwik .t-11 li:hover .l1,
.qwik .t-11 li.active .l1 {
    background: url(../images/t-11/easybills/icon1.png) no-repeat center center #4fa975;
    cursor: default;
}

.qwik .t-11 li .l2,
.qwik .t-11 li:hover .l2,
.qwik .t-11 li.active .l2 {
    background: url(../images/t-11/easybills/icon2.png) no-repeat center center #4fa975;
    cursor: default;
}

.qwik .t-11 li .l3,
.qwik .t-11 li:hover .l3,
.qwik .t-11 li.active .l3 {
    background: url(../images/t-11/easybills/icon3.png) no-repeat center center #4fa975;
    cursor: default;
}

.qwik .t-11 li .l4,
.qwik .t-11 li:hover .l4,
.qwik .t-11 li.active .l4 {
    background: url(../images/t-11/easybills/icon4.png) no-repeat center center #4fa975;
    cursor: default;
}

.qwik .t-11 li .l5,
.qwik .t-11 li:hover .l5,
.qwik .t-11 li.active .l5 {
    background: url(../images/t-11/easybills/icon5.png) no-repeat center center #4fa975;
    cursor: default;
}

.qwik .t-11 li .l6,
.qwik .t-11 li:hover .l6,
.qwik .t-11 li.active .l6 {
    background: url(../images/t-11/easybills/icon6.png) no-repeat center center #4fa975;
    cursor: default;
}

.qwik .t-11 .all-codebox {
    width: 35%;
    height: 475px;
}

.qwik .t-11 .left-content p,
.qwik .t-11 .right-content p {
    width: 255px;
}

/*---- Career ------- */
/* ------ T-11 Career ----------- */
.career-wrap .t-11 .left-content,
.career-wrap .t-11 .right-content {
    display: block;
    float: left;
    width: 30%;
}

.career-wrap .t-11 .right-content {
    float: right;
}

.career-wrap .t-11 li:hover {
    cursor: default;
}

    .career-wrap .t-11 li:hover .icon {
        width: 65px;
        height: 65px;
        margin: 5px 0 0 0;
        cursor: default;
    }

.career-wrap .t-11 .left-content h6,
.career-wrap .t-11 .right-content h6 {
    margin: 5px 0 0 0;
}

.career-wrap .t-11 li:hover h6,
.career-wrap .t-11 li.active h6 {
    color: #4fa975;
}

.career-wrap .t-11 li .l1,
.career-wrap .t-11 li:hover .l1,
.career-wrap .t-11 li.active .l1 {
    background: url(../images/t-11/Career/l1.svg) no-repeat center center;
    cursor: default;
}

.career-wrap .t-11 li .l2,
.career-wrap .t-11 li:hover .l2,
.career-wrap .t-11 li.active .l2 {
    background: url(../images/t-11/Career/l2.svg) no-repeat center center;
    cursor: default;
}

.career-wrap .t-11 li .l3,
.career-wrap .t-11 li:hover .l3,
.career-wrap .t-11 li.active .l3 {
    background: url(../images/t-11/Career/l3.svg) no-repeat center center;
    cursor: default;
}

.career-wrap .t-11 li .l4,
.career-wrap .t-11 li:hover .l4,
.career-wrap .t-11 li.active .l4 {
    background: url(../images/t-11/Career/l4.svg) no-repeat center center;
    cursor: default;
}

.career-wrap .t-11 li .l5,
.career-wrap .t-11 li:hover .l5,
.career-wrap .t-11 li.active .l5 {
    background: url(../images/t-11/Career/l5.svg) no-repeat center center;
    cursor: default;
}

.career-wrap .t-11 li .l6,
.career-wrap .t-11 li:hover .l6,
.career-wrap .t-11 li.active .l6 {
    background: url(../images/t-11/Career/l6.svg) no-repeat center center;
    cursor: default;
}

.career-wrap .t-11 li .l7,
.career-wrap .t-11 li:hover .l7,
.career-wrap .t-11 li.active .l7 {
    background: url(../images/t-11/Career/l7.svg) no-repeat center center;
    cursor: default;
}

.career-wrap .t-11 li .l8,
.career-wrap .t-11 li:hover .l8,
.career-wrap .t-11 li.active .l8 {
    background: url(../images/t-11/Career/l8.svg) no-repeat center center;
    cursor: default;
}

.career-wrap .t-11 li .l9,
.career-wrap .t-11 li:hover .l9,
.career-wrap .t-11 li.active .l9 {
    background: url(../images/t-11/Career/l9.svg) no-repeat center center;
    cursor: default;
}

.career-wrap .t-11 li .l10,
.career-wrap .t-11 li:hover .l10,
.career-wrap .t-11 li.active .l10 {
    background: url(../images/t-11/Career/l10.svg) no-repeat center center;
    cursor: default;
}

.career-wrap .t-11 .all-codebox {
    width: 35%;
    height: 570px;
}

.career-wrap .t-11 .left-content,
.career-wrap .t-11 .right-content {
    width: 47%;
}

    .career-wrap .t-11 .left-content li,
    .career-wrap .t-11 .right-content li {
        margin: 30px 0 0 0;
    }
/* --------- T-12 2-column-img-list -------------- */
.t-12 {
    max-width: 100%;
    margin: 50px 0;
}

    .t-12 img {
        display: inline-block;
        margin: 0 auto;
        text-align: center;
    }

    .t-12 p.mainlist {
        width: 100%;
        float: left;
        text-align: center;
        font-size: 16px;
        line-height: 35px;
        font-family: 'open_sansregular';
        font-weight: bold;
        font-weight: 100;
        cursor: auto;
        margin: 15px 0;
    }

        .t-12 p.mainlist b {
            width: 100%;
            display: block;
            margin: 10px 0;
        }

    .t-12 .heading {
        max-width: 100%;
        font-family: 'open_sansregular';
        margin: 30px 0 0 0;
    }

    .t-12 span.detail {
        display: inline-block;
        font-family: 'open_sansregular';
        font-size: 30px;
        line-height: 40px;
        font-weight: 100;
        margin: 5px 0 0 0;
    }

    .t-12 p.detail {
        width: 75%;
        max-width: auto;
        font-size: 20px;
        line-height: 30px;
        font-family: 'open_sanslight';
        font-weight: 100;
        margin: 20px auto 30px;
    }

    .t-12 .list-content {
        display: block;
        float: left;
        width: 100%;
        margin: 0;
    }

        .t-12 .list-content li {
            width: 100%;
            display: block;
            float: left;
            margin: 20px 0;
            cursor: pointer;
        }

        .t-12 .list-content .icon-wrap {
            box-sizing: border-box;
            display: inline-block;
            width: 80px;
            height: 80px;
            padding: 10px 0 0 0;
            margin: 0 10px 0 0;
            background: url(../images/t-12/icon-bg.png) no-repeat top left;
            text-align: center;
            float: left;
        }

        .t-12 .list-content p {
            width: 90%;
            float: left;
            text-align: left;
            font-size: 16px;
            line-height: 35px;
            font-family: 'open_sanslight';
            cursor: auto;
            margin: 0;
        }

        .t-12 .list-content b {
            width: 100%;
            display: block;
            margin: 10px 0;
        }

/* --------- T-13 70%img 30%text ------------ */
.t-13 {
    max-width: 100%;
    margin: 50px 0;
}

    .t-13 .heading {
        max-width: 100%;
        font-family: 'open_sansregular';
        margin: 0 0 30px 0;
    }

    .t-13 span.detail {
        display: inline-block;
        font-family: 'open_sansregular';
        font-size: 30px;
        line-height: 40px;
        font-weight: 100;
        margin: 5px 0 0 0;
    }

    .t-13 p {
        box-sizing: border-box;
        max-width: 100%;
        font-size: 14px;
        line-height: 28px;
        font-family: 'open_sanslight';
        padding: 0 20px;
        text-align: justify;
    }

        .t-13 p.detail {
            width: 75%;
            max-width: auto;
            font-size: 30px;
            line-height: 40px;
            font-family: 'open_sanslight';
            font-weight: 100;
            margin: 20px auto 30px;
            text-align: center;
        }
/* --------- T-14 4-column ------------ */
.t-14 {
    max-width: 100%;
    margin: 50px 0;
}

    .t-14 img {
        display: inline-block;
        margin: 20px auto;
        text-align: center;
    }

    .t-14 .heading {
        max-width: 100%;
        font-family: 'open_sansregular';
        margin: 30px 0 0 0;
    }

    .t-14 span.detail {
        display: inline-block;
        font-family: 'open_sansregular';
        font-size: 30px;
        line-height: 40px;
        font-weight: 100;
        margin: 5px 0 0 0;
    }

    .t-14 h6 {
        font-family: 'open_sansregular';
        font-size: 28px;
        line-height: 28px;
        color: #333333;
    }

    .t-14 span {
        display: block;
        min-height: 25px;
        font-family: 'open_sansregular';
        margin: 5px 0 0 0;
        font-size: 16px;
        line-height: 16px;
    }

    .t-14 .intro {
        display: block;
        min-height: 25px;
        font-family: 'open_sansregular';
        font-size: 20px;
        line-height: 20px;
        color: 999999;
    }

    .t-14 p {
        max-width: 100%;
        font-size: 14px;
        line-height: 28px;
        font-family: 'open_sanslight';
        text-align: justify;
    }

        .t-14 p.detail {
            max-width: auto;
            font-size: 30px;
            line-height: 40px;
            font-family: 'open_sanslight';
            font-weight: 100;
            margin: 20px 0 30px 0;
            text-align: center;
        }

/* --------- T-15 4-column ------------ */
.t-15 {
    max-width: 100%;
    margin: 50px 0;
}

    .t-15 img {
        display: inline-block;
        margin: 20px auto;
        text-align: center;
    }

    .t-15 .heading {
        max-width: 100%;
        font-family: 'open_sansregular';
    }

    .t-15 span.detail {
        display: inline-block;
        font-family: 'open_sansregular';
        font-size: 30px;
        line-height: 40px;
        font-weight: 100;
        margin: 5px 0 0 0;
    }

    .t-15 p {
        max-width: 100%;
        font-size: 14px;
        line-height: 28px;
        font-family: 'open_sanslight';
        text-align: justify;
        margin: 20px 0 0 0;
    }

        .t-15 p.detail {
            max-width: auto;
            font-size: 30px;
            line-height: 40px;
            font-family: 'open_sanslight';
            font-weight: 100;
            margin: 25px 0 30px 0;
            text-align: center;
        }

/* --------- T-16 4-column ------------ */
.t-16 {
    max-width: 100%;
    margin: 50px 0;
}

    .t-16 img {
        display: inline-block;
        margin: 20px auto;
        text-align: center;
    }

    .t-16 .heading {
        max-width: 100%;
        font-family: 'open_sansregular';
    }

    .t-16 span.detail {
        display: inline-block;
        font-family: 'open_sansregular';
        font-size: 30px;
        line-height: 40px;
        font-weight: 100;
        margin: 5px 0 0 0;
    }

    .t-16 p.detail {
        max-width: auto;
        font-size: 30px;
        line-height: 40px;
        font-family: 'open_sanslight';
        font-weight: 100;
        margin: 25px 0 30px 0;
        text-align: center;
    }

/* --------- T-17 4-column ------------ */
.t-17 {
    max-width: 100%;
    margin: 50px 0;
}

.easybills .t-17 {
    margin: 50px 0;
}

.qwik-wrap .t-17 {
    margin: 20px 0;
}

    .qwik-wrap .t-17 .heading {
        font-size: 28px;
    }

.t-17 img {
    display: inline-block;
    margin: 20px auto;
    text-align: center;
}

.easybills img {
    margin: 0px auto;
}

.t-17 .heading {
    max-width: 100%;
}

.t-17 span.detail {
    display: inline-block;
    font-family: 'open_sanslight';
    font-size: 30px;
    line-height: 40px;
    font-weight: 100;
    margin: 5px 0 0 0;
}

.t-17 .content-wrap {
    width: 100%;
    float: left;
    padding: 20px;
}

.t-17 p {
    max-width: 100%;
    font-size: 16px;
    line-height: 35px;
    font-family: 'open_sanslight';
    margin: 20px 0 0 0;
}

.qwik-wrap .t-17 p {
    margin: 15px 0;
    line-height: 24px;
}

.t-17 ul {
    width: 100%;
    list-style: none;
}

.qwik .t-17 ul {
    margin: 0 0 0 20px;
}

.t-17 ul li {
    width: 100%;
    margin: 8px 0;
    background: url(../images/t-17/qwik/bullet-1.png) no-repeat left 10px;
    padding: 0 0 0 20px;
}

.t-17 p.detail {
    max-width: auto;
    font-size: 30px;
    line-height: 40px;
    font-family: 'open_sanslight';
    font-weight: 100;
    margin: 25px 0 30px 0;
    text-align: center;
}

.t-17 .learn-more {
    display: inline-block;
    float: left;
    width: 165px;
    height: 45px;
    box-sizing: border-box;
    margin: 80px 0 0 0;
    padding: 10px 0;
    text-align: center;
    border: 2px solid #444444;
    font-family: 'open_sansregular';
    font-size: 20px;
    line-height: 20px;
    color: #444444;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    .t-17 .learn-more:hover {
        color: #21b7be;
        border: 2px solid #21b7be;
    }

/* --------- T-18 4-column ------------ */
.t-18 {
    max-width: 100%;
    margin: 50px 0;
}

    .t-18 img {
        display: inline-block;
        margin: 20px auto;
        text-align: center;
    }

    .t-18 .heading {
        max-width: 70%;
        font-family: 'open_sansregular';
        margin: 0 auto 20px;
    }

    .t-18 span.detail {
        display: inline-block;
        font-family: 'open_sansregular';
        font-size: 30px;
        line-height: 40px;
        font-weight: 100;
        margin: 5px 0 0 0;
    }

    .t-18 p {
        max-width: 100%;
        min-height: 220px;
        font-size: 14px;
        line-height: 28px;
        font-family: 'open_sanslight';
        text-align: left;
        margin: 20px 0 0 0;
    }

        .t-18 p.detail {
            max-width: auto;
            font-size: 30px;
            line-height: 40px;
            font-family: 'open_sanslight';
            font-weight: 100;
            margin: 25px 0 30px 0;
            text-align: center;
        }

    .t-18 h6 {
        max-width: 100%;
        font-size: 16px;
        line-height: 24px;
        font-family: 'open_sansregular';
        text-align: left;
        margin: 0 0 15px 0;
        color: #000000;
    }


/* --------- T-19 2-column ------------ */
.t-19 {
    max-width: 100%;
    margin: 50px 0;
}

    .t-19 img {
        display: inline-block;
        margin: 20px auto;
        text-align: center;
        width: auto;
    }

    .t-19 .heading {
        max-width: 100%;
        font-family: 'open_sansregular';
    }

    .t-19 span.detail {
        display: inline-block;
        font-family: 'open_sansregular';
        font-size: 30px;
        line-height: 40px;
        font-weight: 100;
        margin: 5px 0 0 0;
    }

    .t-19 h1 {
        font-family: 'open_sanslight';
        font-size: 34px;
        line-height: 50px;
        font-weight: lighter;
    }

        .t-19 h1 b {
            font-family: 'open_sanslight';
            font-size: 45px;
            line-height: 45px;
        }

    .t-19 h4 {
        margin: 0;
    }

    .t-19 .img-wrap {
        margin: 40px auto 0;
        float: left;
        width: 100%;
    }

        .t-19 .img-wrap img {
            width: auto;
        }

    .t-19 p {
        max-width: 99%;
        font-size: 20px;
        line-height: 35px;
        font-family: 'open_sanslight';
        text-align: justify;
        margin: 20px 0 0 0;
    }

        .t-19 p.detail {
            max-width: auto;
            font-size: 30px;
            line-height: 40px;
            font-family: 'open_sanslight';
            font-weight: 100;
            margin: 25px 0 30px 0;
            text-align: center;
        }

    .t-19 ul {
        width: 100%;
        list-style: none;
    }

.qwik .t-19 ul {
    margin: 0 0 0 20px;
}

.t-19 ul li {
    max-width: 99%;
    font-size: 20px;
    line-height: 30px;
    font-family: 'open_sanslight';
    margin: 5px 0 0 0;
    padding: 0 0 0 20px;
    background: url(../images/t-19/bullet.png) no-repeat left 13px;
}


/* --------- T-20 2-column ------------ */
.t-20 {
    max-width: 100%;
    margin: 50px 0;
}

    .t-20 img {
        display: inline-block;
        margin: 20px auto;
        text-align: center;
    }

    .t-20 .heading {
        max-width: 100%;
        font-family: 'open_sansregular';
    }

    .t-20 span.detail {
        display: inline-block;
        font-family: 'open_sansregular';
        font-size: 30px;
        line-height: 40px;
        font-weight: 100;
        margin: 5px 0 0 0;
    }

    .t-20 p {
        max-width: 100%;
        font-size: 14px;
        line-height: 28px;
        font-family: 'open_sanslight';
        text-align: justify;
        margin: 20px 0 0 0;
    }

        .t-20 p.detail {
            max-width: auto;
            font-size: 30px;
            line-height: 40px;
            font-family: 'open_sanslight';
            font-weight: 100;
            margin: 25px 0 30px 0;
            text-align: center;
        }

/* --------- T-21 3-column-img-text ------------ */
.t-21 {
    max-width: 100%;
    margin: 50px 0;
}
.t-21 .heading {
   max-width: 100%;
   font-family: 'open_sansregular';
   margin: 0;
}
.t-21 span.detail {
	width:310px;
	height:auto;
	display:inline-block;
	font-family: 'open_sansregular';
	font-size:16px;
	line-height:30px;
	font-weight:100;
	padding:10px 30px 5px 30px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	text-align: left;
	background:url(../images/t-21/icon-email.png) no-repeat 240px 10px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(255,255,255,1);
	-moz-box-shadow: 0px 0px 10px 0px rgba(255,255,255,1);
	box-shadow: 0px 0px 10px 0px rgba(255,255,255,1);
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
.t-21 span.detail b {
	font-size:32px;
	display:block;
	text-transform: uppercase;
	letter-spacing: 1.5px;
}
 .t-21 a {
    color: #fff;
}
.t-21 a:hover {
     color: #000;
}
.t-21 a:hover span.detail {
	
	background:url(../images/t-21/icon-email-hover.png) no-repeat 240px 10px;
}
.t-21 .line {
      width: 3%;
      margin: 15px 0;
      border: 2px solid #004444;
      display: inline-block;
}
.t-21 p.detail {
        max-width: auto;
        font-size: 30px;
        line-height: 40px;
        font-family: 'open_sanslight';
        font-weight: 100;
        margin: 20px 0 30px 0;
}
.t-21 .btn-subscribe {
        border: 1px solid #fff;
        -webkit-border-radius: 5px !important;
        -moz-border-radius: 5px !important;
        border-radius: 5px !important;
        float: left;
}
.t-21 .terms-link {
        display: inline-block;
        margin: 15px 0;
        text-decoration: none;
    }

        .t-21 .terms-link:hover {
            text-decoration: underline;
        }

    .t-21 .play-store {
        display: inline-block;
        width: 130px;
        height: 47px;
        background: url(../images/t-21/icon-playstore.svg) no-repeat top left;
        margin: 20px 10px;
    }

    .t-21 .app-store {
        display: inline-block;
        width: 130px;
        height: 47px;
        background: url(../images/t-21/icon-appstore.svg) no-repeat top left;
        margin: 20px 10px;
    }

    .t-21 .enquiry-link {
        display: inline-block;
        width: 350px;
        height: 60px;
        /*border:1px solid #76d3d7;*/
        background: #2cbbc1;
        text-align: center;
        font-size: 26px;
        line-height: 40px;
        padding: 10px 0;
        font-family: 'open_sansregular';
        margin: 35px 0 0 0;
        -webkit-transition: color .3s ease;
        -o-transition: color .3s ease;
        transition: color .3s ease;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
        -webkit-box-shadow: inset 0px 0px 5px 2px rgba(118,211,215,1);
        -moz-box-shadow: inset 0px 0px 5px 2px rgba(118,211,215,1);
        box-shadow: inset 0px 0px 5px 2px rgba(118,211,215,1);
    }

        .t-21 .enquiry-link img {
            display: inline-block;
            margin-top: -8px;
            margin-left: 10px;
        }
	.t-21 .pgw-eqr {
		background:none;
		-webkit-box-shadow: 0px 0px 10px 0px rgba(255,255,255,1);
		-moz-box-shadow: 0px 0px 10px 0px rgba(255,255,255,1);
		box-shadow: 0px 0px 10px 0px rgba(255,255,255,1);
		-webkit-transition: all .5s ease;
		-o-transition: all .5s ease;
		transition: all .5s ease;
	}
/* --------- T-22 3-column-img-text ------------ */
.t-22 {
    max-width: 100%;
    margin: 50px 0;
}

    .t-22 .heading {
        max-width: 100%;
        font-family: 'open_sansregular';
        margin: 0 0 20px 0;
    }

    .t-22 .input-group {
        width: 100%;
    }

    .t-22 .form-control {
        width: 100%;
        height: 40px;
        margin: 5px 0;
    }

    .t-22 textarea.form-control {
        height: 100px;
    }

    .t-22 .btn-subscribe {
        box-sizing: border-box;
        width: 100%;
        height: 40px;
        text-align: center;
        padding: 10px 0;
        background: #4ebeec;
        color: #ffffff;
        text-transform: uppercase;
        margin: 30px 0;
    }
.t-22 .btn-contact {
    margin-bottom:70px;
}
/* ------------ T 23 -------------- */
.t-23 {
    width: 100%;
    text-align: left;
    margin: 0;
    padding: 0;
}

    .t-23 h1 {
        font-size: 30px;
        line-height: 40px;
        text-transform: uppercase;
        margin: 20px 0;
    }

    .t-23 .heading {
        max-width: 100%;
        font-family: 'open_sansregular','db_helvethaica_x45_li';
        margin: 20px 0;
    }

.aboutus .t-23 .heading {
    margin: 40px 0;
}

.t-23 p.address {
    font-size: 16px;
    line-height: 35px;
    font-family: 'open_sanslight';
    display: block;
    margin: 20px 0;
}

.t-23 b {
    display: block;
}

.t-23 .map-wrap {
    width: 100%;
    height: auto;
    min-height: 500px;
    margin: 0;
    position: relative;
    z-index: 0;
}

    .t-23 .map-wrap img {
        width: 100%;
        height: 100%;
    }

.t-23 .select-country {
    position: absolute;
    z-index: 1;
    top: 300px;
    right: 25%;
}

    .t-23 .select-country select {
        width: 250px;
        height: 43px;
        padding: 0px 5px;
        font-size: 14px;
        line-height: 25px;
        font-weight: bold;
        font-family: 'open_sansregular';
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        background: url(../images/t-24/img-arrow.jpg) no-repeat top right #f5f5f5;
        color: #2489c5;
        border: 1px solid #c0c0c0;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
    }

/* ------------ T 24 -------------- */
.t-24 {
    width: 100%;
    text-align: left;
    margin: 0;
    padding: 0;
}

    .t-24 .head-wrap {
        max-width: 100%;
        height: auto;
        margin: 0 auto;
        padding: 0;
        /*background:url(../images/t-24/bg-headtxt.jpg) no-repeat top center;*/
    }

        .t-24 .head-wrap h1 {
            display: block;
            box-sizing: border-box;
            text-align: center;
            width: 300px;
            height: 100px;
            margin: 20px auto;
            padding: 20px 0;
            text-transform: uppercase;
        }

    .t-24 .about-content {
        max-width: 100%;
        margin: 0 auto 60px;
		text-align: center;
    }

        .t-24 .about-content h2 {
            display: block;
            text-align: center;
            font-family: 'open_sansregular';
            font-size: 30px;
            line-height: 40px;
            margin: 40px 0 20px 0;
        }

        .t-24 .about-content p.intro-text {
            display: block;
            text-align: center;
            font-size: 20px;
            line-height: 35px;
            font-family: 'open_sansregular';
            margin: 0 auto;
            width: 90%;
        }

        .t-24 .about-content p.intro-text2 {
            display: block;
            text-align: center;
            font-size: 16px;
            line-height: 35px;
            font-family: 'open_sanslight';
            margin: 0 auto 50px;
            width: 59%;
        }

        .t-24 .about-content h3 {
            display: block;
            text-align: center;
            margin: 20px 0;
        }

    .t-24 .img-center {
        display: block;
        margin: 0 auto;
    }

    .t-24 .about-content .about-vdo {
        float: left;
        width: 47%;
        height: auto;
        border: 1px solid #c3c3c3;
    }

    .t-24 .about-content .about-img {
        float: right;
        width: 47%;
        height: auto;
        border: 1px solid #c3c3c3;
    }

    .t-24 .about-content .margin-45 {
        margin: 30px 0;
    }

    .t-24 .about-content .content-txt-top {
        float: right;
        width: 47%;
        height: auto;
    }

    .t-24 .about-content .content-txt-btm {
        float: left;
        width: 47%;
        height: auto;
    }

    .t-24 .about-content h6 {
        margin: 10px 0;
        color: #666666;
        font-weight: normal;
    }

    .t-24 .img-vision {
        margin: 30px 0;
    }

    .t-24 p {
        max-width: 100%;
        font-size: 16px;
        line-height: 35px;
        font-family: 'open_sanslight';
        color: #555555;
    }

        .t-24 p.address {
            font-size: 14px;
            line-height: 25px;
            font-family: 'open_sansregular';
            display: block;
            margin: 20px 0;
        }

    .t-24 b {
        display: block;
    }

    .t-24 .map-wrap {
        width: 100%;
        height: auto;
        margin: 0;
    }

        .t-24 .map-wrap img {
            width: 100%;
            height: 100%;
        }

/* ---------- T-25 ------------ */
.t-25 {
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 50px 0;
}

    .t-25 h2 {
        display: block;
        text-align: center;
        margin: 0 0 40px 0;
    }

    .t-25 p {
        font-size: 16px;
        line-height: 35px;
        font-family: 'open_sanslight';
    }

    .t-25 .job-item {
        width: 35px;
        height: 35px;
        border: 1px solid #78c552;
        position: absolute;
        top: 0;
        right: 0;
        background: #fff;
        margin: -15px -15px 0 0;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        overflow: hidden;
    }

        .t-25 .job-item span {
            display: inline-block;
            font-size: 18px;
            line-height: 20px;
            font-family: 'open_sanslight';
            margin: 6px 0 0 0;
            font-weight: bold;
            color: #78c552;
        }

    .t-25 .country-item {
        box-sizing: border-box;
        display: inline-block;
        width: 80%;
        margin: 20px auto;
        color: #6d6e70;
        border: 1px solid #b7b7b7;
        padding: 10px 10px;
        cursor: pointer;
        position: relative;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

        .t-25 .country-item:hover {
            color: #78c552;
            border: 1px solid #78c552;
        }

    .t-25 .active {
        border-bottom: 4px solid #78c552;
    }

        .t-25 .active:hover {
            border-bottom: 4px solid #78c552;
        }

    .t-25 .country-img {
        box-sizing: border-box;
        display: inline-block;
        border-right: 1px solid #b7b7b7;
        padding: 0 10px 0 0;
        float: left;
    }

.accredition .t-25 .country-img {
    border: none;
}
.accredition .t-25 ul {
    width:80%;
    margin:50px auto;
    list-style: none;
}
.t-25 .country-name {
    text-transform: uppercase;
    float: left;
    margin: 8px 0 0 10px;
    font-size: 16px;
    line-height: 20px;
    font-family: 'open_sanslight';
}

.t-25 .caret {
    float: right;
    border-top: 7px dashed;
    border-top: 7px solid \9;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    margin: 15px 5px 0 0;
}

.t-25 .dropdown-menu {
    width: 72%;
    margin: 0 auto;
    top: 74px;
    left: 40px;
    font-size: 16px;
    line-height: 30px;
    font-family: 'open_sanslight';
}

    .t-25 .dropdown-menu > li > a {
        padding: 7px 20px;
        color: #555555;
        text-align: right;
    }

.security .t-25 h3 {
    font-size: 20px;
    line-height: 35px;
    font-family: 'open_sansregular';
    padding: 0;
    margin: 30px 0 10px;
}

.security .t-25 p {
    font-size: 16px;
    line-height: 35px;
    font-family: 'open_sansregular';
    padding: 0;
    margin: 0;
}

.security .t-25 ul {
    padding: 0;
    margin: 10px 0 10px 50px;
}

    .security .t-25 ul li {
        font-size: 16px;
        line-height: 35px;
        font-family: 'open_sansregular';
    }

.security .t-25 a {
    color: #0497ca;
}

    .security .t-25 a:hover {
        color: #000000;
    }
.part3ds .t-25 img {
    margin-bottom: 30px;
}
.part3ds .download-3ds {
	display:inline-block;
	font-size:18px;
	line-height:30px;
	margin:0 auto;
	padding:5px 15px;
	background:#0888d7;
	color:#ffffff;
	font-family: 'open_sansregular';
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
.enquiry-form ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #dbdbdb;
}

.enquiry-form ::-moz-placeholder { /* Firefox 19+ */
    color: #dbdbdb;
}

.enquiry-form :-ms-input-placeholder { /* IE 10+ */
    color: #dbdbdb;
}

.enquiry-form :-moz-placeholder { /* Firefox 18- */
    color: #dbdbdb;
}

.enquiry-status {
    background: url(../images/t-25/enquiry-status/map-bg.jpg) no-repeat top left;
}
.enquiry-search {
    max-width: 610px;
    height: auto;
    margin: 0 auto;
    padding: 320px 0 0 0;
    background: url(../images/t-25/enquiry-status/bg-search-enquiry.png) no-repeat center top;
}
.enquiry-form {
    max-width: 435px;
    height: auto;
    margin: 20px auto;
    padding: 35px;
    background: #fff;
    border: 1px solid #f5f5f5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(245,245,245,1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(245,245,245,1);
    box-shadow: 0px 0px 5px 0px rgba(245,245,245,1);
}

    .enquiry-form .input {
        width: 100%;
        padding: 15px 15px 10px 15px;
        float: left;
        margin-bottom: 15px;
        border: 1px solid #b7b7b7;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }

    .enquiry-form input[type="text"] {
        width: 90%;
        border: none;
        text-align: left;
        color: #2b2b2b;
        font-size: 18px;
        line-height: 25px;
        font-family: 'open_sanslight';
        float: left;
    }

    .enquiry-form a.info {
        width: 25px;
        height: 25px;
        display: inline-block;
        background: url(../images/t-25/enquiry-status/icon-info.png) no-repeat center top;
    }

    .enquiry-form .captcha {
        width: 100%;
        margin: 0 0 15px 0;
    }

        .enquiry-form .captcha img {
            width: 100%;
        }

    .enquiry-form .submit {
        width: 100%;
        margin: 35px 0 0 0;
    }

        .enquiry-form .submit input[type="button"] {
            display: inline-block;
            padding: 10px 30px;
            color: #ffffff;
            font-size: 18px;
            line-height: 25px;
            background: #48c3cd;
            border: none;
            outline: none;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
        }

    .enquiry-form #emailspan,
    .enquiry-form #referencecodespan {
        width: 100%;
        display: block;
        float: left;
        text-align: left;
        margin-top: 5px;
        margin-bottom: 30px;
    }

    .enquiry-form .submit input[type="button"]:hover {
        background: #36afb9;
    }

.pgw-enquiry-status .t-25 {
	padding:30px 0;
}
.pgw-enquiry-status {
	background: url(../images/t-25/enquiry-status/map-bg.jpg) no-repeat top left;
}
.pgw-enquiry-search {
    max-width: 610px;
    height: auto;
    margin: 0 auto;
    padding: 320px 0 0 0;
    background: url(../images/t-25/enquiry-status/bg-search-pgw-enquiry.png) no-repeat center top;
}
.pgw-enquiry-form {
    max-width: 435px;
    height: auto;
    margin: 0 auto;
    padding: 20px 35px;
    background: #fff;
    border: 1px solid #f5f5f5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(245,245,245,1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(245,245,245,1);
    box-shadow: 0px 0px 5px 0px rgba(245,245,245,1);
}
.pgw-enquiry-form .input,
.pgw-enquiry-form .input-daterange {
    width: 100%;
    padding: 10px 5px 5px 10px;
    float: left;
	margin-top:10px;
    margin-bottom: 5px;
    border: 1px solid #b7b7b7;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.pgw-enquiry-form .error-msg {
	display:block;
	margin-bottom:10px;
	text-align: left;
	color:#ff0000;
}
.pgw-enquiry-form input[type="text"],
.input-daterange .span2 {
    width: 90%;
    border: none;
    text-align: left;
    color: #000000;
    font-size: 16px;
    line-height: 25px;
    font-family: 'open_sanslight';
    float: left;
}
.input-daterange .span2 {
	padding-bottom:7px;
}
.pgw-enquiry-form a.info {
    width: 25px;
    height: 25px;
    display: inline-block;
    background: url(../images/t-25/enquiry-status/icon-info2.png) no-repeat center top;
}
.pgw-enquiry-form .captcha {
    width: 100%;
    margin: 10px 0 0 0;
}
.enquiry-form .captcha img {
    width: 100%;
}
.pgw-enquiry-form .submit {
    width: 100%;
    margin: 35px 0 0 0;
}
.pgw-enquiry-form .submit input[type="button"] {
    display: inline-block;
    padding: 10px 30px;
    color: #ffffff;
    font-size: 18px;
    line-height: 25px;
    background: #0072bc;
    border: none;
    outline: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
     border-radius: 5px;
}
.pgw-enquiry-form #emailspan,
.pgw-enquiry-form #referencecodespan {
     width: 100%;
     display: block;
     float: left;
     text-align: left;
     margin-top: 5px;
     margin-bottom: 30px;
}
.pgw-enquiry-form .submit input[type="button"]:hover {
     background: #36afb9;
 }
.pgw-enquiry-form ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #dbdbdb;
}

.pgw-enquiry-form ::-moz-placeholder { /* Firefox 19+ */
    color: #dbdbdb;
}

.pgw-enquiry-form :-ms-input-placeholder { /* IE 10+ */
    color: #dbdbdb;
}

.pgw-enquiry-form :-moz-placeholder { /* Firefox 18- */
    color: #dbdbdb;
}
.pgw-enquiry-form .amount {
	width:100%;
	display:block;
	float:left;
	margin-bottom: 5px;
}
.pgw-enquiry-form .title-form {
	width:45%;
	display:inline-block;
	float:left;
	padding:20px 0 0 0;
	color: #4b4f57;
    font-size: 18px;
    line-height: 25px;
    font-family: 'open_sanslight';
	font-weight: bold;
	text-align: left;
}
.pgw-enquiry-form .amount .input {
	width:55%;
	padding:0 0 0 10px;
}
.pgw-enquiry-form .amount input[type="text"] {
	width:70%;
	height:45px;
	padding-right: 10px;
    text-align: right;
	border-right:1px solid #b7b7b7;
}
.pgw-enquiry-form .amount select {
	width:25%;
	height:45px;
	border:0;
	outline: none;
	color:#007fb7;
	font-size: 16px;
    line-height: 25px;
    font-family: 'open_sanslight';
	font-weight: bold;
	-webkit-appearance: none;
    -moz-appearance: none;
     appearance: none;
	background: url(../images/t-25/enquiry-status/icon-select.png) no-repeat right 17px;
	cursor: pointer;
}
.pgw-enquiry-form .input.input-daterange {
	padding:0 0 0 10px;
}
.pgw-enquiry-form .input-daterange input[type="text"]  {
	width:90%;
	float:left;
	height:45px;
	padding-right: 10px;
    text-align: left;
	border-right:1px solid #b7b7b7;
}
.pgw-enquiry-form .input-daterange span.add-on {
	display:inline-block;
	float:left;
	background:#f9f9f9;
	padding:0px 0 0 0px;
	/*cursor: pointer;*/
}
.info-wrap {
    width: 100%;
    position: relative;
	color: #000000;
    font-size: 16px;
    line-height: 25px;
    font-family: 'open_sanslight';
}
.info-wrap button.close {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    width: 8px;
    height: 8px;
    opacity: 0.8;
    text-indent: -99999px;
    background: url(../images/t-25/enquiry-status/icon-close.png) no-repeat top left;
}
.info-wrap .img-wrap {
	display:block;
	margin:0 auto;
}
.info-wrap .img-wrap img {
	display:block;
	margin:0 auto 20px;
}
button.close-lg {
    position: absolute;
    z-index: 1;
    top: 15px;
    right: 15px;
    width: 18px;
    height: 18px;
    opacity: 0.8;
    text-indent: -99999px;
    border: none;
    outline: none;
    background: url(../images/t-25/enquiry-status/icon-close-lg.png) no-repeat top left;
}

.info-wrap button.close:hover {
    opacity: 1;
}

.info-wrap h2,
.info-wrap p.description {
    display: block;
    margin: 0;
    padding: 0;
    color: #000;
    font-size: 25px;
    line-height: 25px;
    font-family: 'db_helvethaica_x45_li';
}

.info-wrap p.description {
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 20px;
    font-weight: bold;
    font-style: italic;
}

.info-wrap span {
    font-size: 20px;
    line-height: 25px;
	word-wrap: break-word;
    float: left;
    margin: 10px 0;
    color: #757575;
    font-weight: bold;
    font-family: 'db_helvethaica_x45_li';
}

.info-wrap .bd-focus {
    border: 3px solid #44babe;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.txn-result {
    width: 100%;
    padding: 35px;
    text-align: center;
}

    .txn-result img {
        width: 20%;
        display: inline-block;
        margin: 0 auto;
    }

    .txn-result p,
    .txn-result a {
        font-size: 18px;
        line-height: 30px;
        display: block;
        width: 100%;
        margin: 20px 0;
        color: #6d6e70;
        font-weight: bold;
        font-family: 'open_sanslight';
    }

    .txn-result a {
        width: auto;
        display: inline-block;
        margin: 0 auto;
        border-bottom: 1px solid #6d6e70;
    }

    .txn-result p strong {
        font-size: 18px;
        line-height: 25px;
        display: block;
        width: 100%;
        font-weight: bold;
        color: #656565;
        margin: 0 0 15px 0;
        font-family: 'open_sansregular';
    }

    .txn-result .txt-green {
        color: #78c752;
    }

    .txn-result .txt-red {
        color: #f34635;
    }

    .txn-result .txt-gray {
        color: #999999;
    }

    .txn-result .txt-d-red {
        color: #b70202;
    }

    .txn-result .txt-mint {
        color: #b4e3e5;
    }

    .txn-result .txt-d-mint {
        color: #079fab;
    }
	.txn-result .merchant-name {
		display:block;
		text-align: center;
		color:#0072bc;
		font-size: 20px;
		line-height: 30px;
		margin:5px 0;
	}
/* ---------- T-26 ------------ */
.t-26 {
    width: 100%;
    text-align: left;
    margin: 0;
    padding: 50px 0;
}

    .t-26 h2 {
        display: block;
        text-align: left;
        padding: 0 0 30px 0;
        border-bottom: 5px solid #94c83d;
        margin: 0 0 30px 0;
    }

        .t-26 h2 p {
            display: inline-block;
        }

        .t-26 h2 img {
            width: 25px;
            height: auto;
            margin: -3px 0 0 0;
        }

    .t-26 .panel-group .panel {
        border: none;
        border-bottom: 1px solid #ccc;
        border-radius: 0;
    }

    .t-26 .panel-default > .panel-heading {
        background: #ffffff;
        margin: 10px 0;
        position: relative;
    }

        .t-26 .panel-default > .panel-heading a {
            display: block;
        }

    .t-26 .panel-title {
        margin: 20px 0;
        display: block;
        background: url(../images/t-26/Career/bullet.png) no-repeat right center;
    }

        .t-26 .panel-title:hover {
            background: url(../images/t-26/Career/bullet-1.png) no-repeat right center;
        }

        .t-26 .panel-title .list-icon {
            display: inline-block;
            width: 100px;
            height: 65px;
            border-right: 1px solid #ccc;
            padding: 0px 10px 0 0;
            overflow: hidden;
            position: absolute;
            top: 10px;
            left: 0;
        }

    .t-26 .panel-default .list-icon img {
        margin: 0 0 0 10px;
    }

    .t-26 .panel-title span {
        display: inline-block;
        margin: 0 0 0 110px;
        font-size: 25px;
        line-height: 25px;
        font-family: 'open_sanslight';
        color: #6d6e70;
        font-weight: bold;
    }

        .t-26 .panel-title span i {
            font-size: 20px;
            line-height: 20px;
            font-weight: normal;
            margin: 0 15px;
        }

    .t-26 .panel-collapse {
        font-size: 17px;
        line-height: 30px;
        font-family: 'open_sanslight';
        color: #555555;
        background: #f7f7f7;
        margin: 15px 0;
        padding: 20px 0;
        text-align: center;
    }

        .t-26 .panel-collapse ul {
            padding: 0 15px;
        }

            .t-26 .panel-collapse ul li {
                margin: 5px 0;
                text-align: left;
            }

        .t-26 .panel-collapse span {
            display: block;
            font-weight: bold;
            text-align: right;
            padding: 0 15px 0 0;
            margin: 10px 0 0 0;
        }

    .t-26 .apply-job {
        display: inline-block;
        padding: 10px 30px 15px 30px;
        font-size: 25px;
        line-height: 25px;
        font-family: 'open_sanslight';
        color: #6d6e70;
        background: #ffffff;
        border: 2px solid #ccc;
        -webkit-border-radius: 10%;
        -moz-border-radius: 10%;
        border-radius: 30px;
        margin: 40px auto;
    }

        .t-26 .apply-job:hover {
            color: #94c83d;
            border: 2px solid #94c83d;
        }

    .t-26 .how-to {
        width: 100%;
        height: auto;
        padding: 15px 0;
    }

        .t-26 .how-to h4 {
            display: inline-block;
            width: 100%;
            font-size: 30px;
            line-height: 25px;
            font-family: 'open_sanslight';
            color: #94c83d;
            text-align: center;
            font-weight: bold;
            margin: 35px 0;
            float: left;
        }

        .t-26 .how-to p {
            display: block;
            font-size: 14px;
            line-height: 25px;
            font-family: 'open_sanslight';
            color: #555555;
            text-align: left;
            margin: 20px 0;
        }

    .t-26 .apply-form {
        width: 100%;
    }

        .t-26 .apply-form h4 {
            display: inline-block;
            width: 100%;
            font-size: 22px;
            line-height: 25px;
            font-family: 'open_sanslight';
            color: #6d6e70;
            text-align: right;
            padding: 0 15px 0 0;
            border-right: 2px solid #94c83d;
            font-weight: bold;
        }

        .t-26 .apply-form span {
            display: inline-block;
            width: 100%;
            font-size: 22px;
            line-height: 25px;
            font-family: 'open_sanslight';
            color: #6d6e70;
            text-align: left;
            font-weight: bold;
            margin: 10px 0;
        }

        .t-26 .apply-form .txt-area {
            width: 70%;
            height: 400px;
            margin: 10px 0;
            font-size: 18px;
            line-height: 30px;
            font-family: 'open_sanslight';
            color: #6d6e70;
            text-align: left;
            padding: 10px;
            border: 1px solid #ccc;
            background: #f7f7f7;
        }

        .t-26 .apply-form .btn-upload {
            font-size: 22px;
            line-height: 30px;
            font-family: 'open_sanslight';
            padding: 5px 20px;
            color: #fff;
            background: #94c83d;
            border: 1px solid #94c83d;
            font-weight: bold;
            margin: 0 0 10px 0;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            border-radius: 10px;
        }

            .t-26 .apply-form .btn-upload:hover {
                background: #6a9b19;
            }

        .t-26 .apply-form .btn-submit {
            float: left;
            font-size: 22px;
            line-height: 30px;
            font-family: 'open_sanslight';
            padding: 5px 20px;
            color: #6d6e70;
            background: #fff;
            border: 2px solid #94c83d;
            font-weight: bold;
            margin: 20px 0 0 0;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            border-radius: 10px;
        }

            .t-26 .apply-form .btn-submit:hover {
                background: #6a9b19;
                color: #fff;
            }

        .t-26 .apply-form ul {
            float: left;
            list-style: none;
            width: 100%;
        }

            .t-26 .apply-form ul li {
                width: 100%;
                float: left;
            }

        .t-26 .apply-form .file {
            float: left;
            display: inline-block;
            width: auto;
            font-size: 18px;
            line-height: 25px;
            font-family: 'open_sanslight';
            color: #6d6e70;
            font-weight: bold;
            margin: 0 0 10px 0;
        }

        .t-26 .apply-form a.remove {
            float: left;
            display: inline-block;
            width: 20px;
            height: 20px;
            background: url(../images/t-26/career/icon-Close.svg) no-repeat top left;
            margin: 6px;
            border: none;
            outline: none;
        }

    .t-26 .txt-result {
        display: block;
        width: 100%;
        font-size: 36px;
        line-height: 60px;
        font-family: 'open_sansregular';
        color: #6d6e70;
        text-align: center;
        margin: 50px 0;
    }

    .t-26 a.back {
        display: block;
        width: 100%;
        font-size: 28px;
        line-height: 40px;
        font-family: 'open_sansregular';
        color: #94c83d;
        text-align: center;
        margin: 50px 0;
    }

.t-27 {
    width: 100%;
    border-top: 4px solid #94c83d;
}

    .t-27 .hilight {
        height: 458px;
        overflow: hidden;
        background: #f1f2f2;
    }

    .t-27 .bx-wrapper .bx-caption {
        height: 300px;
        font-size: 30px;
        line-height: 40px;
        font-family: 'open_sansregular';
        color: #1f90cf;
        padding: 0 15px;
    }

    .t-27 .hilight .date {
        display: inline-block;
        padding: 3px 15px;
        position: absolute;
        right: 22%;
        top: 65%;
        background: #94c83d;
        font-size: 16px;
        line-height: 35px;
        font-family: 'open_sansregular';
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
    }

    .t-27 .content-item {
        margin: 30px 0;
    }

        .t-27 .content-item .item-img {
            margin: 20px 0 0 0;
            border: 1px solid #ccc;
        }

            .t-27 .content-item .item-img img {
                width: 100%;
                height: auto;
            }

        .t-27 .content-item .item-title {
            box-sizing: border-box;
            margin: 0 0 20px 0;
            font-size: 16px;
            line-height: 35px;
            font-family: 'open_sansregular';
            color: #333333;
            padding: 0 15px;
        }

            .t-27 .content-item .item-title p {
                margin: 0 0 0 0;
                padding: 10px 0 15px 0;
                border-bottom: 1px solid #ccc;
                height: 90px;
                overflow: hidden;
            }

            .t-27 .content-item .item-title span.item-date {
                color: #94c83d;
                font-family: 'open_sanslight';
                text-align: right;
                display: inherit;
            }

    .t-27 .pager {
        width: 100%;
        padding: 30px 0 0 0;
        margin: 30px 0 0 0;
        border-top: 2px solid #a6a6a6;
    }

        .t-27 .pager li {
            margin: 0 5px;
        }

            .t-27 .pager li > a,
            .t-27 .pager li > span {
                padding: 5px 20px;
                color: #6d6e70;
                font-size: 16px;
                font-family: 'open_sansregular';
                display: inline-flex;
            }

.pager li > a:hover,
.pager li > a:focus {
    color: #94c83d;
    border: 1px solid #94c83d;
    background: none;
}

.t-27 .pager a.first {
    text-indent: -99999px;
    background: url(../images/t-27/icon-first.png) no-repeat center 10px;
}

    .t-27 .pager a.first:hover {
        background: url(../images/t-27/icon-first-hover.png) no-repeat center 10px;
    }

.t-27 .pager a.back {
    text-indent: -99999px;
    background: url(../images/t-27/icon-back.png) no-repeat center 10px;
}

    .t-27 .pager a.back:hover {
        background: url(../images/t-27/icon-back-hover.png) no-repeat center 10px;
    }

.t-27 .pager a.next {
    text-indent: -99999px;
    background: url(../images/t-27/icon-next.png) no-repeat center 10px;
}

    .t-27 .pager a.next:hover {
        background: url(../images/t-27/icon-next-hover.png) no-repeat center 10px;
    }

.t-27 .pager a.last {
    text-indent: -99999px;
    background: url(../images/t-27/icon-last.png) no-repeat center 10px;
}

    .t-27 .pager a.last:hover {
        background: url(../images/t-27/icon-last-hover.png) no-repeat center 10px;
    }

.t-27 .content-detail {
    width: 100%;
}

    .t-27 .content-detail h2 {
        font-size: 25px;
        line-height: 40px;
        font-family: 'open_sansregular';
        margin: 25px 0 0 0;
    }

    .t-27 .content-detail .social-wrap {
        width: 100%;
        margin: 20px 0;
    }

    .t-27 .content-detail .social-icon {
        border: none;
        width: 100%;
        float: left;
        text-align: left;
    }

        .t-27 .content-detail .social-icon span {
            display: inline-block;
            background: url(../images/t-27/icon-share.png) no-repeat top left;
            color: #333333;
            font-size: 16px;
            line-height: 35px;
            font-family: 'open_sansregular';
            padding: 0 0 0 40px;
            float: left;
            margin: 7px 0 0 0;
        }

        .t-27 .content-detail .social-icon a.fb-share {
            display: inline-block;
            width: 53px;
            height: 31px;
            background: url(../images/t-27/icon-fb-share.png) no-repeat top left;
            text-indent: -99999px;
            float: left;
            margin: 6px 0 0 20px;
            opacity: 0.9;
        }

            .t-27 .content-detail .social-icon a.fb-share:hover {
                opacity: 1;
            }

    .t-27 .content-detail .item-date {
        display: inline-block;
        float: left;
        padding: 3px 15px;
        background: #94c83d;
        color: #ffffff;
        font-size: 16px;
        line-height: 35px;
        font-family: 'open_sansregular';
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
    }

    .t-27 .content-detail .pager {
        width: 100%;
        padding: 0 0 0 0;
        margin: 0 0 0 0;
        border: none;
    }

        .t-27 .content-detail .pager ul {
            margin: 0;
        }

    .t-27 .content-detail .content-img {
        box-sizing: border-box;
        width: 100%px;
        height: 458px;
        overflow: hidden;
        padding: 0;
    }

        .t-27 .content-detail .content-img img {
            width: 100%;
            height: auto;
            border: 1px solid #ccc;
        }

    .t-27 .content-detail .content-article {
        margin: 30px 0;
    }

    .t-27 .content-detail .article,
    .t-27 .content-detail .article a {
        font-size: 16px;
        line-height: 35px;
        color: #333333;
        font-family: 'open_sanslight';
        text-align: justify;
    }

        .t-27 .content-detail .article a {
            font-family: 'open_sansregular';
            font-size: bold;
        }

            .t-27 .content-detail .article a:hover {
                color: #000;
            }

.t-27 .lastest-news {
    border: 1px solid #f4f4f4;
}

    .t-27 .lastest-news h3 {
        font-size: 30px;
        line-height: 40px;
        font-family: 'open_sansregular';
        border-bottom: 1px solid #a6a6a6;
        padding: 15px 0;
    }

.t-27 .content-detail .item-img {
    margin: 0 0 0 0;
    border: 1px solid #ccc;
}

    .t-27 .content-detail .item-img img {
        width: 100%;
        height: auto;
    }

.t-27 .content-detail .item-title {
    width: 100%;
    box-sizing: border-box;
    margin: 0 0 20px 0;
    font-size: 16px;
    line-height: 35px;
    font-family: 'open_sansregular';
    color: #333333;
    padding: 0 15px;
    float: left;
}

    .t-27 .content-detail .item-title p {
        margin: 0 0 0 0;
        padding: 10px 0 15px 0;
        height: 90px;
        overflow: hidden;
        color: #1f90cf;
    }

    .t-27 .content-detail .item-title span.item-date {
        display: inline-block;
        float: right;
        padding: 3px 15px;
        margin: 0 0 15px 0;
        background: #94c83d;
        color: #ffffff;
        font-size: 16px;
        line-height: 35px;
        font-family: 'open_sansregular';
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
    }

.t-28 {
    width: 100%;
    border-top: 4px solid #0398cb;
}

    .t-28 .hilight {
        height: auto;
        overflow: hidden;
    }

    .t-28 .bxslider2 {
        margin: 0;
    }

    .t-28 .bx-controls {
        display: none;
    }

    .t-28 .bx-wrapper {
        margin: 0 auto;
        height: auto;
    }

        .t-28 .bx-wrapper img {
            width: 100%;
            height: auto;
            border: 4px solid #0398cb;
            border-top: 0;
        }

    .t-28 .case-thumbnail {
        width: 100%;
    }

    .t-28 .bd-line {
        display: block;
        border: 2px solid #0398cb;
        border-top: none;
        border-right: none;
    }

    .t-28 .bd-line-r {
        border-right: 2px solid #0398cb;
    }

    .t-28 .icon-detail {
        padding: 30px;
        width: 100%;
    }

    .t-28 .hilight a {
        display: block;
    }

        .t-28 .hilight a:hover .icon-detail,
        .t-28 .hilight a:hover .icon-detail .title {
            background: #0398cb;
            color: #ffffff;
        }

        .t-28 .hilight a.active,
        .t-28 .hilight a.active .icon-detail .title {
            background: #0398cb;
            color: #ffffff;
        }

    .t-28 .arrow {
        width: 100%;
        height: 42px;
        background: url(../images/t-28/arrow.png) no-repeat center top;
        background-color: none;
        position: absolute;
        top: -42px;
        display: none;
    }

    .t-28 .hilight a.active .arrow {
        display: block;
    }

    .t-28 .bxslider2 p {
        box-sizing: border-box;
        width: 50%;
        height: 99%;
        display: inline-block;
        position: absolute;
        background: url(../images/t-28/bg-p.png) repeat top left;
        color: #ffffff;
        font-family: 'open_sanslight';
        font-size: 20px;
        line-height: 35px;
        font-style: italic;
        padding: 16% 1% 0 1%;
        margin: 0 0 0 4px;
    }

    .t-28 .bxslider2 span {
        display: block;
        text-align: right;
        font-size: 16px;
        line-height: 25px;
        border-top: 1px solid #ffffff;
        padding: 15px 0;
        margin: 10px 0;
        font-style: normal;
    }

    .t-28 .icon-detail .title {
        width: 40%;
        display: inline-block;
        color: #0398cb;
        font-size: 20px;
        line-height: 35px;
        font-family: 'open_sansregular';
        text-align: left;
        margin: 0 0 0 15px;
    }

    .t-28 .content-item {
        margin: 40px 0;
    }

        .t-28 .content-item h3 {
            display: block;
            color: #0398cb;
            font-size: 30px;
            line-height: 35px;
            font-family: 'open_sansregular';
            text-align: center;
            border-bottom: 2px solid #bfbfbf;
            padding-bottom: 15px;
            margin: 40px 0;
        }

        .t-28 .content-item .item {
            display: block;
            width: 100%;
            padding: 20px;
            margin: 0 0 40px 0;
            border: 1px solid #ccc;
            float: left;
        }

            .t-28 .content-item .item img {
                float: left;
            }

        .t-28 .content-item .detail {
            width: 40%;
            float: left;
            margin: 10% 0 0 15px;
            padding: 0 0 0 15px;
            border-left: 1px solid #0398cb;
        }

            .t-28 .content-item .detail span {
                width: 100%;
                display: block;
                float: left;
                color: #666666;
                font-size: 18px;
                line-height: 30px;
                font-family: 'open_sansregular';
            }

            .t-28 .content-item .detail a {
                float: left;
                color: #0397ca;
                font-size: 18px;
                line-height: 30px;
                font-family: 'open_sanslight';
                border-bottom: 1px solid #0397ca;
                margin-bottom: 15px;
            }

                .t-28 .content-item .detail a:hover {
                    color: #2b2b2b;
                    border-bottom: 1px solid #2b2b2b;
                }

    .t-28 .pager {
        width: 100%;
        padding: 30px 0 0 0;
        margin: 30px 0 0 0;
        border-top: 2px solid #a6a6a6;
    }

        .t-28 .pager li {
            margin: 0 5px;
        }

            .t-28 .pager li > a,
            .t-28 .pager li > span {
                padding: 5px 20px;
                color: #6d6e70;
                font-size: 16px;
                font-family: 'open_sansregular';
                display: inline-flex;
            }

.pager li > a:hover,
.pager li > a:focus {
    color: #0398cb;
    border: 1px solid #0398cb;
    background: none;
}

.t-28 .pager a.first {
    text-indent: -99999px;
    background: url(../images/t-27/icon-first.png) no-repeat center 10px;
}

    .t-28 .pager a.first:hover {
        background: url(../images/t-27/icon-first-hover.png) no-repeat center 10px;
    }

.t-28 .pager a.back {
    text-indent: -99999px;
    background: url(../images/t-27/icon-back.png) no-repeat center 10px;
}

    .t-28 .pager a.back:hover {
        background: url(../images/t-27/icon-back-hover.png) no-repeat center 10px;
    }

.t-28 .pager a.next {
    text-indent: -99999px;
    background: url(../images/t-27/icon-next.png) no-repeat center 10px;
}

    .t-28 .pager a.next:hover {
        background: url(../images/t-27/icon-next-hover.png) no-repeat center 10px;
    }

.t-28 .pager a.last {
    text-indent: -99999px;
    background: url(../images/t-27/icon-last.png) no-repeat center 10px;
}

    .t-28 .pager a.last:hover {
        background: url(../images/t-27/icon-last-hover.png) no-repeat center 10px;
    }

.t-28 .content-detail {
    width: 100%;
}

    .t-28 .content-detail .logo {
        width: 100%;
        text-align: center;
        margin: 40px auto;
    }

.t-28 .img-detail {
    position: relative;
}

    .t-28 .img-detail img {
        position: relative;
        border: 1px solid #b7b7b7;
    }

    .t-28 .img-detail p {
        max-width: 60%;
        display: inline-block;
        position: absolute;
        padding: 3%;
        font-family: 'open_sanslight';
        font-size: 28px;
        line-height: 40px;
        color: #ffffff;
        background: url(../images/t-28/bg-d.png) repeat top left;
        top: 35%;
    }

        .t-28 .img-detail p span {
            display: block;
            font-weight: bold;
        }

.t-28 .content-p {
    width: 100%;
    margin: 20px auto;
}

    .t-28 .content-p .motto {
        width: 100%;
        display: block;
        float: left;
        text-align: right;
        font-family: 'open_sanslight';
        font-size: 20px;
        line-height: 35px;
        font-style: italic;
        font-weight: bold;
        color: #0398cb;
    }

    .t-28 .content-p img {
        margin-bottom: 20px;
    }

    .t-28 .content-p .name {
        display: block;
        font-family: 'open_sansregular';
        font-size: 18px;
        line-height: 35px;
        color: #666666;
        font-style: normal;
    }

    .t-28 .content-p p,
    .t-28 .content-p strong {
        display: block;
        font-family: 'open_sanslight';
        font-size: 18px;
        line-height: 35px;
        color: #333333;
    }

    .t-28 .content-p strong {
        font-weight: bold;
        margin: 15px 0 0 0;
    }
/* ---------- Footer properties ------------- */

.home-footer {
    margin: 0 !important;
}

.logo-footer {
    width: 100%;
    float: left;
}

    .logo-footer img {
        float: left;
    }

    .logo-footer p {
        width: 100%;
        float: left;
        margin: 20px 0 0 0;
        font-size: 14px;
        line-height: 20px;
        font-family: 'open_sanslight';
        font-weight: lighter;
    }

.sitemap-footer {
    width: 100%;
    float: left;
}

.f-menu-main-block {
    width: 65%;
    float: left;
    margin: 0 0 15px 0;
}

.f-menu-block {
    width: 35%;
    float: left;
}

.sitemap-footer h6 {
    font-size: 20px;
    line-height: 20px;
    font-family: 'open_sansregular';
    color: #cccccc;
}

.sitemap-footer ul {
    width: 100%;
    float: left;
    list-style: none;
}

    .sitemap-footer ul.column-2 {
        width: 50%;
    }

    .sitemap-footer ul li {
        width: 100%;
        float: left;
        background: url(../images/2c2p-img/bullet1.png) no-repeat left 7px;
        padding: 0 0 0 10px;
        margin: 0 0 5px 0;
    }

        .sitemap-footer ul li a {
            display: inline-block;
            width: 100%;
            float: left;
            font-size: 14px;
            line-height: 20px;
            font-family: 'open_sansregular';
            color: #cccccc;
        }

            .sitemap-footer ul li a:hover {
                color: #ffffff;
            }

    .sitemap-footer ul.sub-footer a {
        color: #989898;
    }

.recent-post {
    width: 100%;
    float: left;
}

    .recent-post h6 {
        font-size: 20px;
        line-height: 20px;
        font-family: 'open_sansregular';
        color: #cccccc;
    }

    .recent-post ul {
        width: 100%;
        float: left;
        list-style: none;
    }

        .recent-post ul li {
            width: 100%;
            float: left;
            border-bottom: 1px dashed #525252;
            margin: 0 0 5px 0;
            padding: 5px 0 15px 0;
        }

            .recent-post ul li.last-child {
                border: none;
            }

            .recent-post ul li p {
                font-size: 14px;
                line-height: 28px;
                font-family: 'open_sansregular';
                color: #cccccc;
                margin: 0;
                padding: 0;
            }

            .recent-post ul li span {
                font-size: 14px;
                line-height: 28px;
                font-family: 'open_sansregular';
                color: #888888;
                font-style: italic;
                margin: 0;
                padding: 0;
            }

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

    .subscribe p {
        font-size: 14px;
        line-height: 28px;
        font-family: 'open_sansregular';
        color: #cccccc;
        margin: 50px 0 20px 0;
    }

.footer-address {
    width: 100%;
    padding: 20px 0;
    background: #000000;
}

    .footer-address p {
        display: inline-block;
        font-size: 14px;
        line-height: 28px;
        font-family: 'open_sansregular';
        color: #ffffff;
        margin: 0;
    }

        .footer-address p a {
            font-size: 14px;
            line-height: 28px;
            font-family: 'open_sansregular';
            color: #ffffff;
            margin: 0 5px;
        }

            .footer-address p a:hover {
                color: #0072bc;
            }

/* ---------------- Snippet box ---------------- */
.snippet-container {
    width: 630px;
    padding: 10px 10px 30px;
    border: 1px solid #999999;
    background-color: #e1e1e1;
    margin-bottom: 10px;
    position: relative;
}

    .snippet-container h2 {
        margin: 0 0 10px;
        padding-left: 10px;
        font-family: Georgia;
        font-weight: normal;
        font-style: italic;
    }

.snippet {
    /*border:1px solid #999999;*/
    margin: 0;
}

    .snippet ol {
        margin: 0;
        padding-left: 34px;
        background-color: #ebeff3;
        color: #c4c8cc;
        border-right: 1px solid #e3e7ea;
        font-weight: bold;
        /*font-style:italic; */
    }

        .snippet ol li {
            padding-left: 10px;
        }

        .snippet ol p {
            margin: 0;
            color: #000000;
            font-weight: normal;
            font-style: normal;
            white-space: pre-wrap;
            padding: 3px 0;
        }

    .snippet .stripe {
        background-color: #f5f5f5;
    }

    .snippet .unstripe {
        background-color: #ffffff;
    }

.tools-container {
    position: absolute;
    right: 10px;
}

.tool-list {
    margin: 6px 0 0;
}

    .tool-list li {
        list-style-type: none;
        float: left;
        font-weight: bold;
        font-size: 13px;
    }

        .tool-list li a {
            text-decoration: none;
            font-family: Georgia;
            font-weight: normal;
            font-style: italic;
            font-size: 11px;
            color: #000000;
            padding: 0 5px;
            outline: 1px dotted #e1e1e1;
        }

            .tool-list li a:hover {
                text-decoration: underline;
            }

.snippet .display-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #ffffff;
    display: none;
    white-space: pre-wrap;
}

/* ------------- News -------------- */

.news-section0 {
    /*background:url(../images/news/bg-news.jpg) no-repeat top center #c4c4c4 !important;*/
}

    .news-section0 .news-wrapper {
        width: 100%;
        height: auto;
        box-sizing: border-box;
        padding: 15px;
        background: #fff;
        margin: 0;
        float: left;
    }

    .news-section0 h1 {
        width: 100%;
        display: block;
        text-align: center;
        color: #8dc63f;
        font-size: 40px;
        line-height: 50px;
        font-family: 'open_sansregular';
        font-weight: normal;
        text-transform: uppercase;
        margin: 30px 0 50px 0;
    }

        .news-section0 h1 strong {
            color: #464646;
            font-family: 'open_sansregular';
        }

    .news-section0 .lastest-news {
        width: 70%;
        height: auto;
        float: left;
        padding: 0 10px 10px 0;
        background: url(../images/news/bg-lastest-news.jpg) repeat-x left bottom;
        box-sizing: border-box;
    }

    .news-section0 .news-img {
        width: 60%;
        height: auto;
        float: left;
        overflow: hidden;
    }

        .news-section0 .news-img img {
            /*width:100%;
	height:auto;
	border:1px solid #ccc;*/
        }

    .news-section0 .detail {
        width: 40%;
        height: auto;
        float: right;
    }

        .news-section0 .detail h4 {
            width: 78%;
            height: 60px;
            overflow: hidden;
            color: #323333;
            font-size: 16px;
            line-height: 28px;
            font-family: 'open_sansregular';
            float: left;
            padding: 0 0 0 10px;
        }

        .news-section0 .detail .date-wrap {
            width: 67px;
            height: 67px;
            background: url(../images/news/date-bg.jpg) no-repeat top left;
            float: right;
        }

            .news-section0 .detail .date-wrap span.month {
                width: 100%;
                float: left;
                color: #1c1c1c;
                font-size: 25px;
                line-height: 35px;
                padding: 3px 0 0 8px;
                font-family: 'open_sansregular';
            }

            .news-section0 .detail .date-wrap span.year {
                width: 100%;
                float: left;
                color: #1c1c1c;
                font-size: 18px;
                line-height: 12px;
                padding: 0 0 0 10px;
                font-family: 'open_sansregular';
            }

        .news-section0 .detail p {
            width: 95%;
            height: 220px;
            overflow: hidden;
            float: left;
            color: #707070;
            font-size: 14px;
            line-height: 28px;
            padding: 0 0 0 10px;
            text-align: left;
            font-family: 'open_sansregular';
        }

        .news-section0 .detail a.readmore {
            width: 100px;
            height: 30px;
            padding: 5px 0 0 10px;
            display: inline-block;
            outline: none;
            background: url(../images/news/readmore-bg.jpg) no-repeat 81px 8px #464646;
            font-family: 'open_sansregular';
            color: #ffffff;
            font-size: 12px;
            line-height: 18px;
            float: right;
            margin: 0px 0 15px 0;
            text-decoration: none;
            opacity: 0.8;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
        }

            .news-section0 .detail a.readmore:hover {
                opacity: 1;
            }

    .news-section0 .top-news {
        width: 30%;
        height: auto;
        float: right;
        padding: 0 0 0 10px;
        box-sizing: border-box;
    }

        .news-section0 .top-news ul {
            width: 100%;
            float: left;
            background: url(../images/news/bg-lastest-news.jpg) repeat-x left bottom;
            margin: 0 0 10px 0;
            list-style: none;
        }

            .news-section0 .top-news ul li {
                border-bottom: 1px solid #ccc;
                float: left;
                padding: 0 0 10px 0;
                margin: 0 0 10px 0;
                width: 100%;
            }

                .news-section0 .top-news ul li.lastchild {
                    padding: 0;
                    border: none;
                }

        .news-section0 .top-news .detail {
            width: 100%;
        }

        .news-section0 .top-news .news-img {
            width: 100%;
            padding: 0;
            margin: 0;
            border: 1px solid #F1F1F1;
        }

        .news-section0 .top-news .detail p {
            padding: 0 0 0 10px;
            height: 50px;
            overflow: hidden;
            margin: 0;
        }

        .news-section0 .top-news .detail a.readmore {
            margin: 10px 0 0 0;
        }

    .news-section0 .similar-news {
        width: 95%;
        height: auto;
        float: right;
        padding: 0 10px 0 10px;
    }

        .news-section0 .similar-news h3 {
            color: #707070;
            font-size: 24px;
            line-height: 24px;
            font-family: 'open_sansregular';
            margin: 0 0 10px 0;
        }

            .news-section0 .similar-news h3 strong {
                color: #363636;
            }

        .news-section0 .similar-news h4 {
            color: #20a8e8;
            font-size: 14px;
            line-height: 20px;
            font-family: 'open_sansregular';
            margin: 0 0 0 0;
        }

        .news-section0 .similar-news p {
            width: 100%;
            height: 35px;
            overflow: hidden;
            float: left;
            color: #636363;
            font-size: 14px;
            line-height: 20px;
            text-align: justify;
            font-family: 'open_sansregular';
            margin: 10px 0 0 0;
        }

    .news-section0 .more-news {
        width: 70%;
        height: auto;
        float: left;
        padding: 0 0 0 0;
    }

        .news-section0 .more-news h2 {
            width: 100%;
            float: left;
            text-align: left;
            color: #707070;
            font-size: 30px;
            line-height: 50px;
            font-family: 'open_sansregular';
            margin: 10px 0 10px 0;
            border-bottom: 1px solid #ccc;
        }

            .news-section0 .more-news h2 strong {
                font-family: 'open_sansregular';
                color: #363636;
            }

        .news-section0 .more-news ul {
            width: 100%;
            float: left;
            list-style: none;
        }

            .news-section0 .more-news ul li {
                border-bottom: 1px solid #ccc;
                float: left;
                padding: 0 0 10px 0;
                margin: 10px 0 10px 0;
                width: 100%;
            }

                .news-section0 .more-news ul li.lastchild {
                    border: none;
                }

        .news-section0 .more-news .detail {
            width: 100%;
            height: auto;
            float: right;
        }

            .news-section0 .more-news .detail .news-img {
                width: 30%;
                float: left;
                border: 1px solid #F1F1F1;
            }

            .news-section0 .more-news .detail h4 {
                width: 68%;
                min-height: 20px;
                height: auto;
                max-height: 40px;
                overflow: hidden;
                color: #323333;
                font-size: 16px;
                line-height: 20px;
                font-family: 'open_sansregular';
                float: right;
                padding: 0 0 0 10px;
                margin: 0;
            }

            .news-section0 .more-news .detail .date {
                width: 68%;
                height: 20px;
                overflow: hidden;
                float: right;
                color: #000000;
                font-size: 14px;
                line-height: 14px;
                padding: 5px 0 0 10px;
                text-align: left;
                font-family: 'open_sansregular';
            }

            .news-section0 .more-news .detail p {
                width: 68%;
                height: 43px;
                overflow: hidden;
                float: right;
                color: #707070;
                font-size: 14px;
                line-height: 20px;
                padding: 5px 0 0 10px;
                text-align: justify;
                font-family: 'open_sansregular';
                margin: 0 0 5px 0;
            }

        .news-section0 .more-news .vdo-link {
            width: auto;
            height: 24px;
            display: inline-block;
            outline: none;
            background: url(../images/news/icon-vdo.jpg) no-repeat top left #ebeef0;
            color: #1860ac;
            font-size: 20px;
            line-height: 20px;
            font-family: 'open_sansregular';
            text-transform: uppercase;
            padding: 3px 10px 0 45px;
            float: right;
            margin: 10px 0 5px 0;
            text-decoration: none;
        }

        .news-section0 .more-news .link {
            color: #282828;
            font-size: 14px;
            line-height: 20px;
            font-family: 'open_sansregular';
            float: right;
            margin: 10px 0 0 0;
        }

    .news-section0 .news-detail {
        width: 70%;
        float: left;
        margin: 0;
        padding: 0;
    }

        .news-section0 .news-detail h1 {
            width: 90%;
            float: left;
            text-align: left;
            color: #323333;
            font-size: 20px;
            line-height: 30px;
            font-family: 'open_sansregular';
            margin: 0 0 10px 10px;
        }

        .news-section0 .news-detail .news-img {
            width: 100%;
            height: auto;
            overflow: hidden;
            float: left;
            margin: 5px 0;
        }

        .news-section0 .news-detail .date {
            width: 30%;
            float: left;
            margin: 10px 0 0 0;
            padding: 0;
            color: #252525;
            font-size: 20px;
            line-height: 20px;
            font-family: 'open_sansregular';
        }

        .news-section0 .news-detail .social {
            width: 70%;
            float: right;
            text-align: right;
        }

        .news-section0 .news-detail .content {
            width: 100%;
            min-height: 255px;
            margin: 10px 0 0 0;
            float: left;
        }

            .news-section0 .news-detail .content ul {
                width: 100%;
                list-style: none;
            }

                .news-section0 .news-detail .content ul li {
                    width: 100%;
                    color: #252525;
                    font-size: 16px;
                    line-height: 25px;
                    font-family: 'open_sansregular';
                    font-weight: bold;
                    padding: 0;
                    background: url(../images/news/footer-bullet-menu.png) no-repeat left 7px;
                }

            .news-section0 .news-detail .content p,
            .news-section0 .news-detail .content a {
                color: #707070 !important;
                font-size: 14px;
                line-height: 25px;
                font-family: 'open_sansregular';
                margin: 10px 0;
                padding: 0 10px 0 0;
                text-align: justify;
            }

            .news-section0 .news-detail .content a {
                font-weight: bold;
            }

        .news-section0 .news-detail .date-wrap {
            width: 67px;
            height: 67px;
            background: url(../images/news/date-bg.jpg) no-repeat top left;
            float: left;
        }

            .news-section0 .news-detail .date-wrap span.month {
                width: 100%;
                float: left;
                color: #1c1c1c;
                font-size: 25px;
                line-height: 35px;
                padding: 3px 0 0 11px;
                font-family: 'open_sansregular';
            }

            .news-section0 .news-detail .date-wrap span.year {
                width: 100%;
                float: left;
                color: #1c1c1c;
                font-size: 20px;
                line-height: 8px;
                padding: 0 0 0 10px;
                font-family: 'open_sansregular';
            }

    .news-section0 .news-paging {
        width: 100%;
        float: left;
        margin: 0 0 20px 0;
        border-bottom: 1px solid #ccc;
    }

        .news-section0 .news-paging a {
            color: #707070;
            font-size: 20px;
            line-height: 30px;
            font-family: 'open_sansregular';
            padding: 0 0 10px 0;
            text-decoration: none;
        }

            .news-section0 .news-paging a:hover {
                color: #20a8e8;
            }

            .news-section0 .news-paging a.back {
                float: left;
            }

            .news-section0 .news-paging a.next {
                float: right;
            }

    .news-section0 .more-news ul.pager li span {
        border: none;
    }


/*@media (max-width: @screen-xs) {
    h1 { font-size:70px; line-height:70px; }
	h2 { font-size:60px; line-height:60px; }
	h3 { font-size:50px; line-height:50px; }
	h4 { font-size:40px; line-height:40px; }
	h5 { font-size:30px; line-height:30px; }
	h6 { font-size:20px; line-height:20px; }
}

@media (max-width: @screen-sm) {
  	h4 { font-size:40px; line-height:40px; }
}*/

/*#recaptcha-wrapper {
    margin-bottom: 10px;
}*/

.g-recaptcha {
    display: inline-block;
}

#rc-imageselect, .g-recaptcha {
    width: 100%;
}

 .enquiry-form #captchaspan {
        width: 100%;
        display: block;
        float: left;
        text-align: left;
        margin-top: 10px;
        margin-bottom: 30px;
    }

 
/*------------- landing page --------------- */
.body-landing {
	background:#000;
}
.landing-page {
	width:100%;
	min-height:400px;
	height:100%;
	background:url(../images/landing-page/bg-landingt.jpg) no-repeat center top #000000;
}
.landing-img {
	max-width:510px;
	height:425px;
	display:block;
	margin:40px auto 40px;
}
.landing-page p {
	width:65%;
	text-align: center;
	font-size:55px;
	line-height:65px;
	font-family: 'db_helvethaica_x45_li';
	font-weight: 600;
	color:#fff;
	margin:5px auto;
	letter-spacing: 3px;
}
.landing-page span {
	width:65%;
	display:block;
	text-align: center;
	font-size:30px;
	line-height:40px;
	font-family: 'db_helvethaica_x45_li';
	color:#fff;
	margin:10px auto;
}
.btn-landing {
	width:65%;
	display:block;
	text-align: center;
	margin:40px auto 100px;
}
.btn-landing .enter {
	padding:5px 20px;
	font-size:32px;
	line-height:40px;
	font-family:'db_helvethaica_x45_li';
	color:#fff;
	border:1px solid #ccc;
	margin:0 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
}
.btn-landing .enter:hover {
	background:#fff;
	color:#000;
}

/*------------- Payment Service Page --------------- */

.swiper_wrapper .swiper-slide.bg-ps {
    background: url(../images/paymentservice/banner-bg.png) no-repeat center center / cover;
}
.banner-ps {
    display: flex;
    align-items: center;
}
.banner-ps h1.banner-text {
    flex: 0 0 40%;
    max-width: 40%;
}
.banner-ps h1.banner-text p {
    font-size: 19px;
    line-height: 40px;
}
.banner-ps .banner-img {
    transform: translateX(10%);
    flex: 0 0 60%;
    max-width: 60%;
    background: url(../images/paymentservice/banner-circle.png) no-repeat center center / 82.5% auto;
    animation: animateBg 2s alternate infinite ease-in;
}
.banner-ps .banner-img img {
    width: 100%;
    height: auto;
    animation: animateObject 2s alternate infinite ease-in;
}
@keyframes animateObject {
    0%   {transform: scale(.98);}
  100% {transform: scale(1);}
}
@keyframes animateBg {
    0%   {background: url(../images/paymentservice/banner-circle.png) no-repeat center center / 82.5% auto;}
    100% {background: url(../images/paymentservice/banner-circle.png) no-repeat center center / 84% auto;}
}
    
.payoutService .section.bg-ps {
    background: #1c62be;
}
.payoutService .section.bg-blue {
    background: url(../images/paymentservice/content-bg.jpg) no-repeat center center / cover;
    color: #fff;
}
.partPayoutService {
    width: 100%;
    margin: 0;
    padding: 50px 0 30px;
}
.partPayoutService .mb-3 {
    margin-bottom: 15px;
}
.partPayoutService .mb-5 {
    margin-bottom: 30px;
}
.partPayoutService .pt-3 {
    padding-top: 15px;
}
.partPayoutService .pt-5 {
    padding-top: 30px;
}
.partPayoutService .pt-md-3 {
    padding-top: 15px;
}
.partPayoutService .pt-md-5 {
    padding-top: 30px;
}
.partPayoutService .row-flex {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    align-items: center;
}
.partPayoutService .row-flex .col-xs-12.col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
}
.partPayoutService .mb-sm-5 {
    max-width: 300px;
    margin: 0 auto;
}
.partPayoutService .w-80 {
    width: 85%;
    margin-left: auto;
    margin-right: auto;
}
.partPayoutService ul {
    width: auto;
    list-style: none;
    padding: 0;
    margin: 0;
}
.partPayoutService ul li {
    text-align: left;
    background: url(../images/list1.png) no-repeat left 10px;
    width: auto;
    font-size: 16px;
    line-height: 28px;
    font-family: 'open_sanslight';
    padding: 0 0 0 15px;
    margin: 0 0 5px;
}
.partPayoutService ul.list-white li {
    background: url(../images/list2.png) no-repeat left 10px;
}
.partPayoutService .image-thumb {
    display: block;
    padding-top: 15px;
    margin-bottom: 60px;
}
.partPayoutService .image-thumb img {
    max-width: 120px;
    margin: 0 auto;
}

@media (max-width: 991px) {
    .swiper_wrapper .swiper-slide.bg-ps {
        background: url(../images/paymentservice/banner-bg.png) no-repeat center center / 100% 100%;
        height: auto;
    }
    .swiper_wrapper .swiper-slide.bg-ps .banner-ps {
        top: 0 !important;
    }
    #slider .container {
        padding: 0;
        width: 100% !important;
    }
    .swiper_wrapper.swiper-ps:not(.force-full-screen), 
    .swiper_wrapper.swiper-ps:not(.force-full-screen):not(.canvas-slider-grid) .swiper-slide {
        height: auto !important;
    }
    .banner-ps {
        flex-direction: column;
        background: url(../images/paymentservice/banner-circle.png) no-repeat center center / cover;
    }
    .banner-ps h1.banner-text,
    .banner-ps .banner-img {
        flex: 0 0 100%;
        max-width: 100%;
        transform: none;
    }
    .banner-ps h1.banner-text {
        padding: 30px 30px 0;
    }
    .banner-ps .banner-img {
        margin-top: -75px;
        background: transparent;
        animation: none;
    }
    .banner-ps .banner-img img {
        width: 80%;
        animation: none;
    }
    .partPayoutService {
        padding: 30px 0 15px;
    }
    .partPayoutService .row-flex .col-xs-12.col-md-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .partPayoutService .pt-md-5 {
        padding-top: 0px;
    }
    .partPayoutService .pt-md-3 {
        padding-top: 0px;
    }
    .partPayoutService .mb-sm-5 {
        margin: 0 auto 30px;
        max-width: 90%;
    }
    .partPayoutService .heading {
        margin: 0 0 15px;
    }
    .partPayoutService .image-thumb {
        margin-bottom: 30px;
    }
}