/* Table of Content
==================================================
#Top Header
#Navigation
#Footer
*/


@import url('toggle-switch.css');

body {
    background: url('../img/bg-pattern.gif') repeat 0 0;
    font-family: 'fsjoey-regular';
}

/* #Top Header
================================================== */

.topHeader {
    background-color: #414042;
    padding-top: 5px;
    padding-bottom: 5px;
    height: 20px;
    overflow: hidden;
}

.topHeaderLeft ul {
    margin-bottom: 0;
}

.topHeaderLeft ul > li {   
    float: left;
    margin-bottom: 0;
}

.topHeaderLeft ul > li > a {
    color: #ffffff;
    display: block;
    font-family: "fsjoey-regular";
    font-size: 12px;
    line-height: 1em;
    padding: 5px 15px;
    text-decoration: none;
}

.topHeaderLeft ul > li.active > a {
    color: #414042;
    border-radius: 12px;
    background: #fee300;
}

.topLivechat {
    background: #fee300;
    border-radius: 10px;
    float: left;
    padding-right: 10px;
    margin-right: 10px;
}
.topLivechat > a {
    display: block;
    /*
    background: url('../img/icon-top-livechat.png') no-repeat right center;
    padding: 5px 20px;*/
    text-decoration: none;
    font-family: "fsjoey-regular";
    color: #414042;
    font-size: 11px;
    line-height: 1em;
}
.topSearch {
    float: left;
    position: relative;
    margin-right: 5px;
}
.topSearch input[type="search"] {
    border: none;
    font-size: 12px;
    font-family: "fsjoey-regular";
    padding: 4px 10px 2px;
    border-radius: 10px;
    width: 170px;
}
.topSearch input[type="submit"] {
    background: url("../img/icon-top-seacrh.png") no-repeat  0 0;
    border: none;
    border-radius: 0;
    display: block;
    height: 18px;
    margin-bottom: 0;
    position: absolute;
    right: 2px;
    text-indent: 999px;
    top: 3px;
    width: 18px;
}
.topLanguange {
    float: left;
}

.switch-toggle #EN + label {
	background: url('../img/flag-en.gif') no-repeat 1px center;
}

.switch-toggle #ID + label {
	background: url('../img/flag-id.gif') no-repeat 5px center;
}

.switch-android a {
	background: #808181;
	opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
	height: 20px;
	width: 20px;
	z-index: 2;
}

.topLanguange .switch-toggle label {
	font-size: 0;
}

.switch-toggle input:last-of-type:checked ~ a {
	left: 57%;
}

/* #Navigation
================================================== */

.navigation {
    background-color: #fee300;
    height: 50px;
}

ul.nav {
    height: 50px;
    margin-bottom: 0;
}
ul.nav > li {
    border-right: 1px solid #febf00;
    float: left;
    margin-bottom: 0;
    text-align: center;
    height: 50px;
}
ul.nav > li > a {
    display: block;
    padding: 17px 20px;
    text-decoration: none;
    font-family: 'fsjoey-medium';
    font-size: 14px;
    line-height: 16px;
    color: #414042;
}
ul.nav > li.logo {
    background: #ffffff;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    height: 50px;
}
ul.nav > li.logo > a {
    padding: 3px 20px;
}
ul.nav > li.twoLine > a {
    padding: 9px 17px;
}
ul.nav > li.quicklink {
    border-right: none;
    float: right;
}
ul.nav > li.quicklink > a {
    padding: 5px 10px;
}

ul.nav > li:hover, ul.nav > li.active {
    background: #fda700;
}

ul.nav > li.logo:hover {
    background: #ffffff;
}

/* Mega Menu */

.submenu {
    background-color: #ffffff; 
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    display: none;
    /*filter: alpha(opacity=90);*/  /* For IE8 and earlier */
    top: 50px;
    left: 0;
    min-height: 300px;
    /*opacity: 0.9;*/
    padding: 20px 0;
      position: absolute;
      width: 960px;
      z-index: 99;
}

.submenu.bgMale {
    background: #ffffff url('../img/bg-cow.png') no-repeat 420px center;
}

.submenu.bgFemale {
    background: #ffffff url('../img/bg-cew.png') no-repeat 420px center;
}

.submenu.bgPersonal1 {
    background: #ffffff url('../img/hoverimage.png') no-repeat 420px bottom;
}
.submenu.bgPersonal2 {
    background: #ffffff url('../img/hoverimage2.png') no-repeat 420px bottom;
}
.submenu.bgPersonal3 {
    background: #ffffff url('../img/hoverimage3.png') no-repeat 420px bottom;
}
.submenu.bgPersonal4 {
    background: #ffffff url('../img/hoverimage4.png') no-repeat 420px bottom;
}
.submenu.bgPersonal5 {
    background: #ffffff url('../img/hoverimage5.png') no-repeat 420px bottom;
}

.submenu .row {
    display: table;
    margin-left: 60px;
    padding-left: 115px;
    text-align: left;
}

.submenu .four.columns {
    display: inline-table;
    float: none;
    margin: 0;
    /*width: 240px;*/
}

.submenu .four.columns.first {
    padding-left: 0;
    padding-right: 30px;
    /*width: 140px;*/
}

.submenu .four.columns.second {
    padding-right: 70px;
    padding-left: 30px; 
    /*width: 140px;*/
}

.submenu .four.columns.last {
    padding-right: 30px;
    /*width: 180px;*/
}

.submenu h4 {
    font-family: 'fsjoey-heavy';
    font-size: 20px;
    color: #414042;
}

.submenu h5 {
    font-family: 'fsjoey-bold';
    font-size: 18px;
    color: #414042;
    line-height: 20px;
    margin-bottom: 5px;
}

.submenu ul {
    margin: 0 0 10px;
}

.submenu a {
    font-family: 'HelveticaNeueLTStd-Lt';
    font-weight: normal;
    font-size: 14px;
    color: #414042;
    text-decoration: none;
    line-height: 20px;
}

.submenu a:hover {
    text-decoration: underline;
}

li.dropdown:hover > .submenu {
    display: block;
}

/* QuickLink Menu */

.quicklinkMenu {
    background: #ffffff;  
    padding: 10px;
    position: absolute;
    right: 0;
    width: 240px;
    z-index: 9;
    border-radius: 8px;
    display: none;
    filter: alpha(opacity=90);  /* For IE8 and earlier */
    opacity: 0.9; 
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}
.quicklinkMenu ul {
    margin: 0;
}
.quicklinkMenu li {
    border-bottom: 1px solid #414042;
    padding-bottom: 8px;
    padding-top: 8px;
    margin-bottom: 0;
}
.quicklinkMenu img {
    float: left;
    height: 30px;
    width: 30px;
    margin-right: 5px;
}
.quicklinkMenu span {
    float: left;
    width: 170px;
    font-family: 'fsjoey-bold';
    font-size: 11px;
    color: #414042;
    line-height: 1.4em;
}
.quicklinkMenu b {
    display: block;
    font-size: 14px;
    font-weight: normal;
}

li.quicklink:hover > .quicklinkMenu {
    display: block;
}

.quicklinkMenu li:hover {
    background: #cacaca;
}

.navFixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
}



/* #Main Banner
================================================== */

.mainBanner {
    overflow: hidden;
	position: relative;
	width:100%;
	max-width: 1280px;
	margin: auto;
}

.staticBanner {
    text-align: center;
    position: relative;
    /*background: #ffffff;*/
    height: 450px;
}

.staticBannerContent {
    height: 450px;
    margin: -450px auto 0;
    position: initial;
    text-align: left;
    top: 0;
    width: 960px;
    z-index: -1;
}

.staticBannerInfo {
    /*background: #fee300;*/
    float: left;
    /*height: 210px;*/
    left: 20px;
    padding: 20px 0 20px 20px;
    position: relative;
    top: 300px;
    width: 300px;
}
    /*.staticBannerInfo:before {
        background: url("../img/bg-boxInfo-left.png") no-repeat left -5px;
        content: "";
        display: block;
        height: 260px;
        left: -50px;
        position: absolute;
        top: 0;
        width: 50px;
    }
    .staticBannerInfo:after {
        background: url("../img/bg-boxInfo-right.png") no-repeat right -5px;
        content: "";
        display: block;
        height: 260px;
        position: absolute;
        right: -50px;
        top: 0;
        width: 50px;
    }*/
    .staticBannerInfo h4 {
        font-family: 'fsjoey-heavy';
        font-weight: normal;
        font-size: 28px;
        color: #414042;
        text-transform: uppercase;
    }
    .staticBannerInfo > p {
      font-size: 16px;
    }

.btn-getItNow {
    background: #414042;
    border-radius: 6px;
    color: #fee300;
    display: block;
    float: left;
    font-size: 16px;
    margin-right: 10px;
    padding: 8px 15px;
    text-decoration: none;
}
    .btn-getItNow > i.icons {
        background: url("../img/icon-arrow-small-right.png") no-repeat ;
        content: "";
        display: inline-block;
        height: 12px;
        width: 12px;
    }
    .btn-getItNow:hover {
        color: #fee300;
    }

.btn-share {
    background: url("../img/icon-share.png") no-repeat scroll center #414042;
    border-radius: 6px;
    display: block;
    float: left;
    height: 18px;
    padding: 10px;
    width: 18px;
}

/* pager */
.cycle-pager { 
    text-align: left; 
	z-index: 8; 
	position: absolute; 
	top: 33%; 
	overflow: hidden;
	right: 150px;
	/*width: 25px;*/
}
.cycle-pager span { 
    background: url('../img/icon-slider.png') no-repeat 0 0;
    display: block; 
	cursor: pointer; 
	font-size: 0;
	height: 13px;
	width: 13px;
	line-height: 3px;
    margin-top: 3px;
}
.cycle-pager span.cycle-pager-active { background: url('../img/icon-slider-active.png') no-repeat 0 0; }
.cycle-pager > * { cursor: pointer;}



/* #Breadcrumb
================================================== */


section.breadcrumb {
    margin-top: -42px;
}

.breadcrumb-wrapper {
    background: #d1d3d4;
    border-radius: 5px;
}

ul.breadcrumb {
    margin-bottom: 0;
    padding: 0 15px;
}
ul.breadcrumb > li {
  float: left;
  font-size: 12px;
  line-height: 1em;
  margin-bottom: 0;
}

ul.breadcrumb a {
    display: block;
    padding: 15px 5px;
    font-family: 'fsjoey-medium';
    font-size: 12px;
}

ul.breadcrumb > li.arrow {
  display: block;
  padding: 15px 5px;
}

/* #Content
================================================== */

.mainContainer > .container {
  background: #fff;
  border-radius: 8px;
}

.mainContent {
    margin-bottom: 20px;
}

/* #SideNav
================================================== */

.sideNav {
    margin-top: 10px;
    padding: 10px;
}
.sideNav ul > li {
    background: #e6e7e8;
    border-bottom: 1px solid #d1d3d4;
    margin-bottom: 0;
}
.sideNav ul > li > a {
    color: #414042;
    display: block;
    font-family: "fsjoey-medium";
    font-size: 14px;
    padding: 15px 20px;
}
.sideNav ul > li:first-child {
    border-radius: 8px 8px 0 0;
    padding-top: 2px;
}
.sideNav ul > li:last-child {
    border-bottom: none;
    border-radius: 0 0 8px 8px;
    padding-bottom: 2px;
}

.sideNav ul > li.active, .sideNav ul > li:hover {
    background: #414042;
}
.sideNav ul > li.active > a, .sideNav ul > li:hover > a {
    color: #fff;
}

h2.mainTitle {
  font-family: "fsjoey-bold";
  font-size: 24px;
  line-height: 1em;
  margin-top: 20px;
}

/* #Contact US
================================================== */

.call-our-box {
  background: #9bbacc;
  border-radius: 8px;
  padding: 20px;
}

.call-our-box > h4 {
  font-family: "fsjoey-bold";
  font-size: 18px;
  line-height: 1em;
  margin-bottom: 20px;
  margin-top: 5px;
}

.whiteBox {
  background: #fff;
  border-radius: 6px;
}


.liveChatBox {
    background: #b6daa6;
    border-radius: 6px;
    padding: 15px 20px;
    margin-bottom: 10px;
}
.liveChatBox > h4 {
    color: #414042;
    font-family: "fsjoey-bold";
    font-size: 18px;
    line-height: 1em;
    margin-bottom: 0;
}
.liveChatBox a {
    background: url("../img/bg-live-chat.png") no-repeat scroll center bottom;
    display: block;
    height: 100px;
    margin-bottom: -15px;
    margin-top: 20px;
}

.fillInForm {
  background: #9bbacc;
  border-radius: 6px;
  margin-bottom: 10px;
  padding: 15px 20px;
}

.fillInForm > h4 {
    font-family: "fsjoey-bold";
    font-size: 18px;
    line-height: 1em;
}
.fillInForm > h5 {
    color: #414042;
    font-size: 12px;
    line-height: 1em;
    margin-bottom: 15px;
    margin-top: 8px;
}

.fillInForm a {
    background: #fff;
    border-radius: 5px;
    display: block;
    float: left;
    margin-right: 10px;
    padding: 11px;
    text-align: center;
}
.fillInForm a > span {
  color: #414042;
  display: block;
}
.fillInForm a:last-child {
    margin-right: 0;
}

.twitterBox {
  background: #9bbacc;
  border-radius: 6px;
  padding: 15px 20px;
}
.twitterBox > form {
    margin-bottom: 0;
}

.twitterBox > h4 {
  background: url("../img/icon-contact-twitter.png") no-repeat scroll left center;
  color: #414042;
  font-family: "fsjoey-bold";
  font-size: 18px;
  margin-bottom: 10px;
  padding-left: 40px;
}


.twitterBox > form > textarea {
  border: none;
  border-radius: 5px;
  float: left;
  margin-bottom: 0;
  margin-right: 12px;
  padding: 10px;
  resize: none;
  width: 215px;
}
.twitterBox > form > input[type="submit"] {
  margin-bottom: 0;
  margin-top: 60px;
  padding-bottom: 15px;
  padding-top: 15px;
}

/* #Footer
================================================== */

footer {
    font-family: 'futurastd-medium';
    font-size: 12px;
    letter-spacing: 0.1px;
    line-height: 16px;
    color: #ffffff;
}

footer a, footer a:visited {
    color: #ffffff;
    text-decoration: none;
    letter-spacing: 0.5px;
}

footer a:hover, footer a:active {
    color: #fee300;
}

footer h4 {
    font-family: 'opificio-regular';
    color: #ffffff;
    font-size: 15px;
}

.footerTop {
    background-color: #414042;
    padding: 18px 0 14px;
}

.footerTop a.footerToggle {
    font-size: 16px;
    line-height: 1em;
    padding-right: 30px;
}

.footerTop a.footerToggle.open {
    background: url('../img/icon-arrow-up.png') no-repeat right center;
}

.footerMiddle {
    background-color: #5a5a5a;
    padding-top: 30px;
    padding-bottom: 20px;
}

.footerMiddle > .container > .row {
    display: table;
}

.footerMiddle .container .three.columns {
    display: inline-table;
    float: none;
    width: 170px;
}

.footerBottom {
    background-color: #414042;
}

.container .three.columns > ul {
    margin-bottom: 12px;
}

.footerMiddleHead {
    display: block;
    height: 36px;
    line-height: 36px;
    margin-left: -15px;
}

.footerMiddleHead span{
    display: block;
    float: right;
    width: 144px;
    height: 36px;
    line-height: 36px;
}

.footerMiddleHead span a,
.footerMiddleHead span a:visited {
    display: inline-block;
    vertical-align: middle;
    line-height: normal; 
}

.footerMiddleHead > img {
    float: left;
    margin-right: 5px;
}

.footerMiddle li {
    background: url("../img/icon-arrow-small-right.png") no-repeat left center;
    padding-left: 25px;
    margin-bottom: 2px;
}

.footerBottom {
    padding: 10px 0 5px;
}

.footerBottom p {
    margin-bottom: 0;
    font-size: 10px;
}

/* Privacy Link */

.privacyLink li {
    float: left;
    margin-bottom: 0;
    margin-right: 5px;
}

.privacyLink a, .privacyLink a:visited {
    color: #ecd406;
    font-size: 10px;
}

.privacyLink a {
    color: #ecd406;
    display: block;
    padding-right: 5px;
}


.privacyLink a:after {
    border-right: 1px solid #ecd406;
    content: "";
    font-size: 8px;
    padding-left: 10px;
    position: relative;
    top: -1px;
}

.privacyLink li:last-child a:after {
    border-right: none;
}

/* Social Link */

.socialLink {
    float: right;
    margin-bottom: 0;
}

.socialLink li {
  float: left;
  margin-bottom: 0;
  margin-right: 5px;
}

/* Error 404 */
.error404 {
    background: transparent url('../img/bg-error404.jpg') no-repeat center center;
    font-family: 'fsjoey-bold';
    line-height: normal;
    min-height: 560px;
    text-align: center;
}

.error404 .errorTitle {
    color: #f06a36;
    font-size: 70px;
    font-weight: bold;
    margin-top: 50px;
}

.error404 .errorBody {
    font-size: 18px;
}
/*endOf Error 404 */

/* Landing Page. Personal International 2 */
.benefits {
    display: table;
    margin-top: 10px;
}

.benefits .benefitContent {
    padding: 20px 20px 20px 120px;
}

.benefits .benefitTitle h2 {
    font-size: 17px;
}

.benefits .benefit {
    background-color: #e6e7e8;
    display: inline-table;
    margin-bottom: 8px;
    height: 160px;
    position: relative;
    width: 49%;
}

.benefits .benefitBody, .benefits .benefitLink {
    font-size: 11px;
}

.benefits .benefitBody {
    margin-top: 5px;
}
.benefits .benefitLink {
    position: absolute;
    bottom: 30px;
    left: 120px;
}

.benefits .benefitLink a {
    color: #ed1c24;
}

.benefits .internationalRoaming {
    background: url('../img/bg-roaming-international.jpg') no-repeat 20px center;
}

.benefits .idd {
    background: url('../img/bg-idd.jpg') no-repeat 20px center;
}

.benefits .flatCall {
    background: url('../img/bg-flat-call.jpg') no-repeat 20px center;
}

.benefits .smsInternational {
    background: url('../img/bg-sms-international.jpg') no-repeat 20px center;
}

.benefits .promoInternational {
    background: url('../img/bg-promo-international.jpg') no-repeat 20px center;
}

.benefits .visitIndonesia {
    background: url('../img/bg-visit-indonesia.jpg') no-repeat 20px center;
}

.benefits .benefit:nth-child(2n) {
    margin-left: 5px;
}

.benefits .bg-grey {
    background-color: #e6e7e8;
}

.benefits .rounded-5px {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    behavior:url(../js/vendor/pie/PIE.htc);
}
/*endOf Landing Page. Personal International 2 */


/* Dunia Digital */
.digitalWorld .content {
    padding: 20px;
}

.digitalWorld .contentBody {
    font-size: 12px;
}

.digitalWorld .drkYellowBtn {
    font-size: 12px;
}

.digitalWorld .boxImageHead ul {
    margin-bottom: 10px;
}

.digitalWorld .billOnTheGo .boxImageHead {
    min-height: 170px;
    width: 345px;
}

.digitalWorld .billOnTheGo .contentBody {
    font-size: 12px;
    padding-left: 170px;
}

.digitalWorld .billOnTheGo ul, .digitalWorld .solutionMobileAds ul {
    list-style: disc outside;
}

.digitalWorld .billOnTheGo li, .digitalWorld .solutionMobileAds li {
    margin-bottom: 0;
}

.digitalWorld .boxImageHead h3 {
    line-height: normal;
    margin-bottom: 0;
}

.digitalWorld .price {
    color: #f06a36;
    font-weight: bold;
}

.digitalWorld .drkYellowBtn {
    display: block;
    margin-top: 10px;
    text-align: center;
}

.fullWidthBox.billOnTheGo {
    padding: 0;
}

.fullWidthBox.billOnTheGo .content {
    position: static;
}

.fullWidthBox.billOnTheGo .boxImageHead {
    position: relative;
}

.fullWidthBox.billOnTheGo .nav {
    position: absolute;
    bottom: 20px;
    right: 20px;
}

.fullWidthBox.billOnTheGo .nav a {
    width: 135px;
}

.digitalWorld .solutionMobileAds .boxImageHead {
    min-height: 150px;
}

.digitalWorld .solutionMobileAds h3 {
    font-size: 15px;
}

.digitalWorld .easyBill {
    background: #e6e7e8 url('../img/bg-bayar-tagihan.jpg') no-repeat 20px center;
}

.digitalWorld .onTheGo {
    background: #e6e7e8 url('../img/bg-on-de-go.jpg') no-repeat 20px center;
}

.digitalWorld .mobileSolution {
    background: #ffffff url('../img/bg-solusi-mobile-murah.jpg') no-repeat 20px center;
}

.digitalWorld .solutionMobileAds .contentBody {
    padding-left: 150px;
}

.digitalWorld .mobileAds {
    background: #ffffff url('../img/bg-layanan-mobile-ads.jpg') no-repeat 20px center;
}

.digitalWorld .digipreneur {
    background: #ffffff url('../img/bg-people.jpg') no-repeat 20px 55px;
}

.digitalWorld .digipreneur .contentBody {
    padding-left: 170px;
    position: relative;
}

.digitalWorld .digipreneur .nav {
    position: absolute;
    top: 0;
    right: 0;
    width: 150px;
}

.digitalWorld .digipreneur .nav a {
    margin-top: 0;
}

/*endOf Dunia Digital */

/* Anchor in Merchant Partners */
.anchorOnFly {
    position: absolute;
    top: -100px;
    left: 0;
}
/*endOf Anchor in Merchant Partners */

/* Layanan Digital */
.redContent.digitalPromo .mr33, .redContent.digitalProgram .mr33 {
    /*display: inline-table;
    float: none;
    margin-right: 20px;
    vertical-align: top;
    width: 145px;
    margin-bottom: 20px;*/

    float: left;
    display: inline-block;
    margin-right: 10px;
    vertical-align: top;
    width: 145px;
    height: 430px;
    /* margin-bottom: 20px; */
    position: relative;
}

.redContent.digitalPromo .mr33 img, .redContent.digitalProgram .mr33 img {
    height: 130px;
    width: 100%;
}

.digitalPromo .pd20 {
    display: table;
}

.redContent.digitalPromo .mr33:nth-child(4n), .redContent.digitalProgram .mr33:nth-child(4n) {
    margin-right: 0;
}

.digitalPromo .btnb a, .digitalProgram .btnb a {
    color: #fee300;
}
/*endOf Layanan Digital */


/*================================================================
                    CMS Content Pages
==================================================================*/
    .cmsContent {
        color: #414042;
        font-family: Helvetica, "Trebuchet MS", sans-serif;
        font-size: 12px;
    }

    .cmsContent table {
        border-collapse: collapse;
        /*margin-top: 20px;*/
        width: 100%;
    }

    .cmsContent td {
        border: 1px solid #e6e7e8;
        /*color: #414042;*/
        font-size: 12px;
        padding: 10px 10px;
        text-align: left;
        vertical-align: middle;
    }

    .cmsContent table thead {
        font-weight: bold;
        text-transform: uppercase;
    }

    .cmsContent table thead td {
        padding: 10px;
    }

    .cmsContent tr.void td {
        padding: 7px;
    }

    .cmsContent .table-noSpacing tr:first-child td {
        border: 0 none;
        border-spacing: 0;
        border-collapse: separate;
    }

    .cmsContent td.td-tableIn {
        border-collapse: collapse;
        border: 0 none;
        border-spacing: 0;
        padding: 0;
    }

    .cmsContent .table-noSpacing tr:last-child td {
        border: 0 none;
        border-spacing: 0;
        border-collapse: separate;
    }

    .cmsContent .table-noSpacing {
        border: 0 none;
        border-spacing: 0;
        border-collapse: inherit;
        margin: 0;
    }

    .cmsContent h1, .cmsContent h2, .mainContent h1 {
        margin: 0;
    }

    .cmsContent .bg-grey {
        background-color: #f2f2f2;
        padding: 15px 20px 20px;
        margin-top: 10px;
    }

    .accordionContent .cmsContent .myCmsAccordion .ui-icon-triangle-1-s, .accordionContent .cmsContent .myCmsAccordion .ui-icon-triangle-1-e {
        background-image: none;
    }

    .accordionContent .cmsContent .bg-grey {
        margin-top: 0;
        padding: 0;
    }

    .cmsContent .bg-grey .feature {
        margin-top: 3px;
    }

    .cmsContent .rounded-5px {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    .cmsContent h1, .mainContent h1 {
        font-size: 24px;
        margin-top: 5px;
    }

    .cmsContent h2, .mainContent h2 {
        font-size: 18px;
        line-height: normal;
    }

    .cmsContent .tr-bg-yellow1, .cmsContent .td-bg-yellow1 {
        background-color: #fee300;
    }

    .cmsContent .tr-bg-yellow2, .cmsContent .td-bg-yellow2, .tr-bg-yellow2 {
        background-color: #91f9d6;
    }

    .cmsContent .tr-bg-yellow3, .cmsContent .td-bg-yellow3, .tr-bg-yellow3 {
        background-color: #f9ebbc;
    }

    .cmsContent .tr-bg-yellow4, .cmsContent .td-bg-yellow4, .tr-bg-yellow4 {
        background-color: #fff9c9;
    }

    .cmsContent .tr-bg-yellowNew1, .cmsContent .td-bg-yellowNew1, .tr-bg-yellowNew1 {
        background-color: #fee300;
    }

    .cmsContent .tr-bg-yellowNew2, .cmsContent .td-bg-yellowNew2, .tr-bg-yellowNew2 {
        background-color: #fff9c9;
    }

    .cmsContent .tr-bg-yellowNew3, .cmsContent .td-bg-yellowNew3, .tr-bg-yellowNew3 {
        background-color: #fffde9;
    }

    .cmsContent .tr-bg-grey {
        background-color: #ececec;
    }

    .cmsContent .tr-bg-grey1, .cmsContent .tr-bg-blue, .cmsContent .bg-grey1 {
        background-color: #dcdedf;
    }

    .cmsContent .tr-bg-grey2 {
        background-color: #efefef;
    }

    .cmsContent .tr-bg-black {
        background-color: #414042;
        color: #ffffff;
    }

    .cmsContent .border-10px-transparent td {
        border: 10px solid #e6e7e8;
    }
    
    .cmsContent .padding-10px {
        padding: 10px;
    }

    .cmsContent td.td-align-center, .cmsContent .td-align-center td {
        text-align: center;
    }

    .cmsContent .note {
        font-size: 10px;
        font-style: italic;
    }

    .cmsContent .tbl-no-border td {
        border: 0;
    }

    .cmsContent .height-100pc {
        height: 100%;
    }

    .cmsContent .myCmsAccordion h3,
    .cmsContent .myCmsAccordionCollapse h3 {
        background-color: #414042;
        color: #fff;
        cursor: pointer;
        font-size: 14px;
        line-height: normal;
        margin: 10px 0 0;
        padding: 7px 5px 7px 11px;        
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px;
        behavior:url(../js/vendor/pie/PIE.htc);
    }

        .cmsContent .myCmsAccordion .ui-accordion-header-icon,
        .cmsContent .myCmsAccordionCollapse .ui-accordion-header-icon {
            height: 6px;
            left: auto;
            margin-top: 0;
            right: 10px;
            top: 12px;
            width: 11px;
        }

        .cmsContent .myCmsAccordion .ui-icon-triangle-1-s,
        .cmsContent .myCmsAccordionCollapse .ui-icon-triangle-1-s {
            background: url("/assets/Img/icon-accordion-arrow-down.png") no-repeat left center;
        }
        .cmsContent .myCmsAccordion .ui-icon-triangle-1-e,
        .cmsContent .myCmsAccordionCollapse .ui-icon-triangle-1-e {
            background: url("/assets/Img/icon-accordion-arrow-up.png") no-repeat left center;
        }
    
    .cmsContent .myCmsAccordion,
    .cmsContent .myCmsAccordionCollapse {
        /*background-color: #fff;*/
        margin-top: 10px; 
    }

    .cmsContent .accordionBody {
        background-color: #fff;
    }
    
    .cmsContent .myCmsAccordion ol,
    .cmsContent .myCmsAccordionCollapse ol, 
    .cmsContent .myCmsAccordion ul,
    .cmsContent .myCmsAccordionCollapse ul {
        padding: 10px 20px 10px 30px; 
        margin: 0;
    }
    
    .cmsContent .myCmsAccordion ol ul,
    .cmsContent .myCmsAccordionCollapse ol ul {
        padding-left: 20px;
    }

    .cmsContent .myCmsAccordion ul,
    .cmsContent .myCmsAccordionCollapse ul {
        list-style-type: disc;
    }
    
    .cmsContent .myCmsAccordion li,
    .cmsContent .myCmsAccordionCollapse li {
        font-size: 12px;
    }

    .cmsContent .icon-arrow-up {
        background: url('../img/icon-accordion-arrow-up.png') no-repeat right center;
        display: inline-block;
        height: 6px;
        width: 11px;
    }

    .cmsContent .ui-state-active .icon-arrow-up {
        background: url('../img/icon-accordion-arrow-down.png') no-repeat right center;
    }

    .cmsContent .bg-white {
        background-color: #ffffff;
    }

    .cmsContent .history .historyYear, .cmsContent .history .historyBody {
        display: inline-block;
    }

    .cmsContent .history .historyYear {
        color: #ecd406;
        font-size: 24px;
        font-weight: bold;
        width: 12%;
        vertical-align: top;
    }

   .cmsContent .history .historyBody {
        width: 87%;
   }

    .cmsContent .history .bg-white {
        margin-top: 10px;
        padding: 15px;
    }

    .myCmsAccordion .icon-arrow-up {
        float: right;
        margin: 5px 5px 0 0;
    }

    ul.ul-disc {
        list-style: outside disc;
        margin-left: 10px;
    }

    ul.ul-disc li {
        padding-left: 10px;
    }

    .cmsContent p, .cmsContent ul {
        margin-bottom: 10px;
    }

.cmsContent p {
    text-align: justify;
}

    .cmsContent .corporateProfile .text {
        min-height: 150px;
        padding: 20px;
    }

    .cmsContent .corporateProfile img {
        max-width: 120px;
    }

    .cmsContent .corporateProfile .imageText {
        float: left;
        width: 120px;
    }

    .cmsContent .corporateProfile .bodyText {
        padding-left: 130px;
    }

    .cmsContent .personBlock h2 {    
        background-color: #414042;    
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px;
        color: #ffffff;
        padding: 5px 10px;
        margin-bottom: 0;
        behavior:url(../js/vendor/pie/PIE.htc);
    }

    .cmsContent .corporateProfile .personBlock {
        margin-bottom: 10px;
    }

    .cmsContent .contactUs td {
        padding: 5px;
    }

    .cmsContent .registrationSteps .step {
        margin-top: 10px;
        min-height: 60px;
        padding: 15px;
    }

    .cmsContent .registrationSteps .stepImage {
        float: left;
    }

    .cmsContent .registrationSteps .stepDescription {
        padding-left: 80px;
    }

    .cmsContent .marginTop-10 {
        margin-top: 10px;
    }

    /*endOf CMS Content Pages */

/* Flat Content */
.searchBtn .btnFlatCall {
    font-weight: normal;
    width: 100%;
}
/*endOf Flat Content */

#coverageCity {
    width: 190px;
    margin-right: 10px;
}

/*#coverageCity-menu, #bs_answer_4-menu, #bs_answer_7-menu, #answer_8-menu, #answer_9-menu  {
    height: 210px;
}*/

.homeWidget .yellow {
    min-height: 150px;
}

.homeWidget .columns {
    min-width: 298px;
}

.homeWidget .yellow form, .homeWidget .yellow input {
    margin-bottom: 0px;
}

.btn-getItNow {
    background: #414042;
    border-radius: 6px;
    color: #fee300;
    display: block;
    float: left;
    font-size: 16px;
    margin-right: 10px;
    padding: 8px 15px;
    text-decoration: none;
}

.boxGroup img {
    width: 200px;
}

.ui-autocomplete {
    z-index: 1000;
    background-color: white;
}

section.noMainBanner {
    padding-bottom: 42px;
}

.downloadCenter img {
    width: 80px;
}

.ui-accordion .ui-accordion-content {
    padding: 0;
}

    .cmsContent .accordionBody {
        padding: 10px;
    }

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

div.wiki-anchor {
    border-bottom: 1px solid #444;
    margin: 15px 0;
    padding-bottom: 15px;
}

.cmsContent a {
    color: #129cc4;
    text-decoration: underline;
}

div.wiki-anchor a {
    color: #129cc4;
    text-decoration: underline;
    text-transform: capitalize;
    font-family: 'HelveticaNeueLTStd-Lt';
    font-weight: normal;
    font-size: 12px;
}

/* #CAPTCHA
================================================== */
.stylecaptcha {
            font-weight: bold;
            margin-top: 10px;
            margin-bottom: -9px;
            margin-left: 4px;
}

span#recaptcha_privacy {
    display: none;
}

/* Product Business
    =================================*/
.container .landing .businessLanding h2 {
    margin-left: 0;
}

.businessSimulator .tab-content {
    padding-left:0;
    width: 70%;
}

.threeColindex {
    width:300px;
    float:left;
    margin-right:5px;
    margin-bottom:10px;
}

.twoColindex {
    width:300px;
    float:left;
    margin-right:6px;
    margin-bottom:-15px;
}

.sizeimage {
    width:95%;
}

.firstcol {
    margin-left:29px;
}

.tabindex {
    color:grey;
    background-color:white;
}

.bisnislanding .tabbed li {
    background: white;
    color:grey;
    margin-left:30px;
}

.bisnislanding .tabbed ul {
    background: url(../img/images/trans-grey.png) repeat;
    margin:0px;
    padding:0px;
    list-style:none;
    margin-left:0px;
}

.businessSimulator .tab-contentindex {
    padding-left:0;
    width: 100%;
}

.businessSimulator .tableindex {
    height:160px;
    position:relative;
}

.table-inner {
    height: auto;
}

.mainContent .businessNeed .item img {
    width: 250px;
}

/*-- 2/12/14 --*/
.businessSimulator .width-auto {
    width: auto;
}
.img-fixed-connect {
    margin-left: 10px;
}
.businessSimulator .width-auto .img-innerSimulator {
    width: 210px;
}

/* Untuk Tampilan Bisnis*/
.bisnislanding {
    margin-top:-95px;
}


/*hide idd and flat aeroplane HACK*/
.hideAeroplane {
    display: none;
}

#tabDigitalPromo, #tabDigitalProgram {
    width: 650px;
    margin-left: 10px;
}

.digitalPromo .customNavigation a.next, .digitalProgram .customNavigation a.next {
    right: -30px;
}

.digitalPromo .customNavigation a.prev, .digitalProgram .customNavigation a.prev {
    left: -30px;
}

/*-- 30 PLAY --*/
#cmsTabs {
	margin-top: 13px;
}
#cmsTabs .ui-tabs-nav li{
	float: left;
cursor: pointer;
    height: 40px;
    padding-right: 5px 15px;
    background: #414042;
    list-style: none;
    margin-right: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
#cmsTabs .ui-tabs-nav li a {
    color: #fff;
    font-size: 15px;
    text-decoration: none;
}
#cmsTabs .ui-tabs-nav li:hover{
	opacity: 0.4;
}
#tabs-1,
#tabs-2,
#tabs-3,
#tabs-4,
#tabs-5{
    clear: both;
    width:100%;
    padding-top:10px;
}

.mt15 .justify-align {
    text-align: justify;
    margin-top: 10px;
    width: 210px;
}

/* Edit by: edho for fixed Connectivity*/
.greys .columnGroup .BoxHead {
    height: 290px;
    width: 49%;
    margin-right: 6px;
    background-color: #E6E7E8;
}

.columnGroup .BoxHead .isi{
padding: 12px 20px;
height: 180px;
}

.accordionProduct .greys .columnGroup .inner-isi {
width: 100%;
height: auto;
}

.BoxHead .isi p {
margin-bottom: 5px;
line-height: 20px;
margin-top: 10px;
}

.BoxHead .blow-yellow-grey{
font-size: 12px;
font-family: 'futurastd-medium', sans-serif;
position: absolute;
bottom: 45px;
padding-left: 10px;
padding-right: 10px;
letter-spacing: -0.3px;
background: #414042;
border-radius: 5px;
color: #FEE300;
padding: 8px 9px 9px 12px;
font-weight: 400;
line-height: 14px;
text-align: center;
text-decoration: none;
display: inline-block;
}

.matrixProduct .accordionProduct .white-inner-content {
	background: #fff;
	padding: 9px 0px 20px;
}


/* IT Services*/
.matrixProduct .columnGroupServices .BoxHead {
    height: 320px;
    width: 49%;
    margin-right: 8px;
    background-color: #E6E7E8;
    margin-bottom:30px;
    margin-top:-10px;
}

    .matrixProduct .columnGroupServices .BoxHead:nth-child(2n) {
        margin-right: 0;
        margin-left:5px;
    }

.columnGroupServices .BoxHead .inner-isi {
width: 100%;
height: 150px;
}

.matrixProduct .columnGroupServices .BoxHead .isi{
padding: 12px 20px;
height: 200px;
}


/*Inbound OutBound*/
.matrixProduct .postPaid .BoxHead{
height: 170px;
margin-right:15px;
}

.matrixProduct .postPaid .BoxHead:nth-child(3n) {
     margin-right: 0;
}

.matrixProduct .BoxHead .InOut{
width:210px;
}

.matrixProduct .marginTop {
    margin-top:-15px;
}


/*===========================
    edited : 15-12-14
    new class
============================*/

.cmsContent .bg-grey .detail-roaming {
    box-sizing: border-box;
    display: inline-block;
    float: left;
    margin-right: 20px;
    padding-top: 5px;
    width: 46%;
    text-align: center;
}

.cmsContent .detail-roaming:nth-child(2n) {
    margin-left: 10px;
}

.cmsContent .bg-grey .detail-roaming img {
    margin-bottom: 30px;
    margin-top: 15px;
}
.tr-bg-newYellow,
.td-bg-newYellow{
    background-color: #fff471;
}

.tr-bg-newGreen,
.td-bg-newGreen{
    background-color: #b6daa6;
}
.text-bold{
    font-size: 2em;
    font-weight: 600;
}

.cmsContent .bg-grey .detail-roaming .center-Mytext{
    text-align: center;
}

.cmsContent .myBlackGreyTitle {
    background-color: #414042;
    border-radius: 5px;
    font-size: 14px;
    line-height: normal;
    margin: 10px 0 0;
    padding: 0 0 0 15px;
}
.cmsContent .myBlackGreyTitle h1 {
    color: #fff;
}

/*===========================
    edited : 16-12-14
    new class
    Add new CSS
   outbound-roamers
============================*/

.mainContent .item-international {
    background-color: #ccc;
    border-radius: 5px;
    display: inline-block;
    float: left;
    margin: 0 4px 10px;
    overflow: hidden;
    padding: 10px;
    text-align: center;
    width: 147px;
    height: 250px;
}

.mainContent .blowGreen{
background-color: #b6daa6;
}

.mainContent .blowYellow{
  background-color: #fff471;
}
.mainContent .blowOrange{
  background-color: #fcbb3a;
}
.mainContent .blowGrey{
  background-color: #d0b0a3;
}

.blowGreen{
background-color: #b6daa6;
}

.blowYellow{
  background-color: #fff471;
}
.blowOrange{
  background-color: #fcbb3a;
}
.blowGrey{
  background-color: #d0b0a3;
}

/*===========================
    edited : 16-12-14
    new class
    Add new CSS
   tr-bg new color of table
============================*/

.tr-bg-newRed, .td-bg-newRed {
    background-color: #f26a36;
    color: #fff;
    font-weight: 600;
}

.tr-bg-newOldGreen, .td-bg-newOldGreen {
    background-color: #fdbd3b;
    color: #000;
}

.tr-bg-newYoungGreen, .td-bg-newYoungGreen {
    background-color: #fff572;
    color: #000;
}

.tr-bg-newBlueCurrent, .td-bg-newBlueCurrent {
    background-color: #9cbccd;
    color: #000;
}

/* ===============
    edited : 17-12-14
    new class
    Add new CSS
	POP LIGHT BOX
	============== */	
	
	.ui-accordion .ui-accordion-content {
    padding: 0;
	}
	.cmsContent .accordionBody {
		padding: 10px;
	}
	
	.cmsContent .myBlackBar {
		background-color: #414042;
		border-radius: 5px;
		font-size: 14px;
		line-height: normal;
		margin: 10px 0 0;
		padding: 15px 0;
		text-align: center;
		width: 15%;
		display: inline-block;
	}
	
	.myCmsAccordion .accordionBody .ulPop{
		padding: 0px;
	}
	.cmsContent .myBlackBar a{
		text-decoration: none;
		color: #fff;
	}
	.cmsContent .myBlackBar h1 {
    color: #fff;
	}
	
	.cmsContent .popUpBox{
		background-color: #fff;
		display:none;
	}
	
	.popUpBox .bg-grey {
		background-color: #e6e7e8;
		padding: 20px;
		margin-top: 10px;
	}
	
	.popUpBox .rounded-5px {
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	
	.popUpBox h1 {
		font-size: 24px;
	}

	.popUpBox h2 {
		font-size: 20px;
	}
	/* TABLE MY POP LIGHT BOX */
	.popUpBox .tr-bg-yellow1, .popUpBox .td-bg-yellow1 {
		background-color: #fee300;
	}

	.popUpBox .tr-bg-yellow2, .popUpBox .td-bg-yellow2 {
		background-color: #fff9c9;
	}

	.popUpBox .tr-bg-yellow3, .popUpBox .td-bg-yellow3 {
		background-color: #fffde9;
	}

	.popUpBox .tr-bg-grey {
		background-color: #ececec;
	}

	.popUpBox .note {
		font-size: 10px;
		font-style: italic;
	}
	
	.popUpBox .tr-bg-yellow1, .popUpBox .td-bg-yellow1 {
        background-color: #fee300;
    }

    .popUpBox .tr-bg-yellow2, .popUpBox .td-bg-yellow2, .tr-bg-yellow2 {
        background-color: #91f9d6;
    }

    .popUpBox .tr-bg-yellow3, .popUpBox .td-bg-yellow3, .tr-bg-yellow3 {
        background-color: #f9ebbc;
    }

    .popUpBox .tr-bg-yellow4, .popUpBox .td-bg-yellow4, .tr-bg-yellow4 {
        background-color: #fff9c9;
    }

    .popUpBox .tr-bg-yellowNew1, .popUpBox .td-bg-yellowNew1, .tr-bg-yellowNew1 {
        background-color: #fee300;
    }

    .popUpBox .tr-bg-yellowNew2, .popUpBox .td-bg-yellowNew2, .tr-bg-yellowNew2 {
        background-color: #fff9c9;
    }

    .popUpBox .tr-bg-yellowNew3, .popUpBox .td-bg-yellowNew3, .tr-bg-yellowNew3 {
        background-color: #fffde9;
    }

    .popUpBox .tr-bg-grey {
        background-color: #ececec;
    }

    .popUpBox .tr-bg-grey1, .popUpBox .tr-bg-blue, .popUpBox .bg-grey1 {
        background-color: #dcdedf;
    }

    .popUpBox .tr-bg-grey2 {
        background-color: #efefef;
    }

    .popUpBox .tr-bg-black {
        background-color: #414042;
        color: #ffffff;
    }
	
	.popUpBox table {
		border-collapse: collapse;
		width: 100%;
	}
	.popUpBox td {
    border: 1px solid #e6e7e8;
    font-size: 12px;
    padding: 10px;
    text-align: center;
    vertical-align: middle;
}	
	.popUpBox .myCmsAccordion h3 {
		background-color: #414042;
		color: #fff;
		cursor: pointer;
		font-size: 14px;
		margin: 10px 0 0;
		padding: 10px;
	}
	
	.popUpBox .accordionBody {
		background-color: #fff;
		padding: 5px 5px 0 5px;
	}
	
	.popUpBox .myCmsAccordion ol {
		padding: 10px 20px 10px 30px; 
		margin: 0;
	}

	.popUpBox .myCmsAccordion ul {
		padding: 10px 20px 10px 30px; 
		margin: 0;
	}
	
	.popUpBox .myCmsAccordion ol {
		padding-left: 20px;
	}
	
	
	.popUpBox .myCmsAccordion ul {
		list-style-type: disc;
	}
	
	.popUpBox .myCmsAccordion .ulStyle{
		list-style-type: circle;
    	margin-left: 20px;
	}
	
	.popUpBox .myCmsAccordion .olStyle{
    	margin-left: 20px;
	}
	
	.popUpBox ol li {
    padding-top: 7px;
	}

    .fancybox-inner .myCmsAccordion,
    .fancybox-inner .myWrapFAQ,
    .fancybox-inner .bg-grey.rounded-5px
     {
        width: 700px;
    }

    .fancybox-inner .FAQkartuPerdana {
    width: 700px;
}
   .
    /* ===============
    edited : 18-12-14
    new class
    Add new CSS
	myapps
	============== */

    .cmsContent .infoPostPaid {
    display: inline-block;
    margin-top: 10px;
    }
    .cmsContent .infoPostPaid .w325 {
    margin-right: 5px;
    margin-top: 5px;
    text-align: center;
    width: 325px;
    }
    
    .cmsContent .infoPostPaid img {
        
    }
    .cmsContent .w325 p {
    height: 100px;
    margin-top: 6px;
    }
    .cmsContent .w325 a {
        text-decoration: none;
    }
    
.cmsContent .infoPostPaid .blues {
    background-color: #9bbacc;
}

/* ===============
    edited : 24-12-14
    new class
    Add new CSS
	mobile DUO
	============== */

    .cmsContent .mobileDuo {
        display: inline-block;
        margin-top: 10px;
    }

    .cmsContent .mobileDuo .item {
        margin-bottom: 10px;
        background: #FFF;
        overflow: hidden;
    }

    .cmsContent .mobileDuo .item img {
        /*height: 25%;
        width: 28%;*/
        width: 12%;
	    float: left;
        margin-top: 5px;
        margin-left: 5px;
    }

    .cmsContent .mobileDuo .item .text-part {
        display: inline-table;
        padding: 5px 15px;
        width: 80%;
        box-sizing: border-box;
    }

    .cmsContent .mobileDuo .text-part h2 {
        margin-bottom: 12px;
        /*margin-top: 45px;*/
    }

    .cmsContent .mobileDuo .w213 {
		float: left;
		margin: 3px;
		padding: 10px;

		-webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        -o-border-radius: 15px;
        border-radius: 15px;
	}
	
	.cmsContent .mobileDuo .w213 p {
    margin-top: 10px;
    text-align: left;
	height: 170px;
	}

    .cmsContent .border-radius-15px{ overflow: hidden;-webkit-border-radius: 15px;-moz-border-radius: 15px;-o-border-radius: 15px;border-radius: 15px; }
    .cmsContent .table-pakage { border-collapse: collapse;overflow: hidden;-webkit-border-radius: 8px;-moz-border-radius: 8px;-o-border-radius: 8px;border-radius: 8px; }
	.cmsContent .table-pakage th { background: #fcb815;color: #000;text-align: center;font-weight: bold;border: 2px #FFF solid;padding: 6px; }
	.cmsContent .table-pakage td { background: #dcdddf;border: 2px #FFF solid; }
	.cmsContent .table-pakage td .text-list { display: inline-block;padding: 3px 8px;background: #000;color: #FFF;font-weight: bold;overflow: hidden; }


    /*PartnerSeek*/
    .supportContact .customForm .specialInputGroup label {
        float: none;
        width: auto;
        width: 95%;
        margin-top: 10px;
    }

    .supportContact .customForm .specialInputGroup textarea {
        float: none;
        width: auto;
        width: 95%;
        margin-top: 10px;
        margin-bottom: 5px;
    }


    /* Locations */
.cmsContent .myCmsAccordion .locations {
    list-style: none;
    padding-left: 10px;
    padding-right: 10px;
}

.cmsContent h3 .icon-location {
    background: url("../img/icon-location-label.png") no-repeat left center;
    display: block;
    float: left;
    height: 17px;
    padding-right: 5px;
    width: 15px;
}

.cmsContent .locations li {
    background: #f2f2f2 url('../img/icon-location.png') no-repeat 10px center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #000000;
    float: left;
    margin-left: 1%;
    padding: 5px 0 5px 25px;
    width: 20%;
}

.cmsContent .locations li:nth-child(4n+1) {
    margin-left: 0;
}

.cmsContent .locations li:hover {
    background: #414042 url('../img/icon-location-active.png') no-repeat 10px center;
}

.cmsContent .locations li a {
    color: #000000;
    display: block;
    text-decoration: underline !important;
}

.cmsContent .locations li:hover a {
    color: #fee300;
}
/*endOf Locations */

    /* ===============
    edited : 06-01-15
    Mobile Content
	============== */

    @media all and (max-width: 650px) {

        
        .cmsContent .infoPostPaid .w325 {
            width: 90%;
            margin: 5px 1% 10px;
            max-width: 325px;
        }

        .cmsContent .infoPostPaid .w325 p,
        .cmsContent .mobileDuo .w213 p {
            height: auto;
        }

    }

        /* ========================
		>> Business Page - Latest News
		======================== */
		.wrapperLatest-news h1, .wrapperLatest-news h2, .wrapperLatest-news h3, .wrapperLatest-news h4, .wrapperLatest-news h5 {font-family: "fsjoey-bold" !important;}
        .wrapperLatest-news p, .wrapperLatest-news a{font-family: inherit;}
        .wrapperLatest-news .row {width: 100%;}
        .wrapperLatest-news .grid1{width: 25%; float: left;}
        .wrapperLatest-news .grid2{width: 50%; float: left;}
        .wrapperLatest-news .grid3{width: 75%; float: left;}
        .wrapperLatest-news .grid4{width: 100%;}
        .wrapperLatest-news{width: 100%;}
        .wrapperLatest-news .title-text{padding: 2%;}
        .wrapperLatest-news .bg-grey h2{margin-bottom: 2%;}
        .wrapperLatest-news .cover-latestNews .btnDarkYellow{color: yellow; font-size: 12px;}
        .blueBox_news{background: #7ccef0;}
        .orangeBox_news{background: #fcbb3a;}
        .cover-latestNews:first-child {margin-right: 3%;}
        .cover-latestNews{max-width: 100%; padding: 2%; min-height: 170px; position: relative;}
        .cover-latestNews img{border-radius: 5px; margin-bottom: 3%; max-width: 100%; width: 100%;}
        .cover-latestNews .text-latestNews > h5 {min-height: auto;}
        .text-latestNews {position: relative;}
        .upcoming-event {margin: 2%; min-height: 135px;}
        .upcoming-event h5 {min-height: auto;}
        .wrapperLatest-news .st_sharethis_custom {background: url("../img/icon-share.png") no-repeat scroll center center #414042;}

        /* ========================
		>> End Business Page - Latest News
		======================== */


		/* ========================
		>> Business Page - News
		======================== */
        .wrapperBusiness-news h1{font-size: 30px;}
		.wrapperBusiness-news h1, .wrapperBusiness-news h2, .wrapperBusiness-news h3, .wrapperBusiness-news h4, .wrapperBusiness-news h5 {font-family: 'FS Joey' !important;}
        .wrapperBusiness-news p, .wrapperBusiness-news a{font-family: inherit !important;}
		.wrapperBusiness-news {width: 100%;}
        .wrapperBusiness-news .row {width: 100%;}
        .wrapperBusiness-news .grid1{width: 25%; float: left;}
        .wrapperBusiness-news .grid2{width: 50%; float: left;}
        .wrapperBusiness-news .grid3{width: 75%; float: left;}
        .wrapperBusiness-news .grid4{width: 100%;}
        .wrapperBusiness-news .wrapper-newsContent{padding-left: 2%; padding-right: 2%;}
        .wrapperBusiness-news .title-text{padding: 2%;}
        .wrapperBusiness-news h2{font-weight: 600;}
        .wrapper-newsContent p {margin-top: 4%;}
        .wrapperBusiness-news .border-ass{border-bottom: 1px solid #414042; padding-bottom: 1%;}
        .wrapperBusiness-news .btnDarkYellow{color: yellow !important;}
        .wrapperBusiness-news .nextArrow{
            background: url("../images/news-png-1.png") no-repeat center;
            display: inline-block;
            height: 10px;
            margin-bottom: 0;
            margin-left: 5px;
            padding-right: 10px;
        }
        .cover-latestNews .more {bottom: 7px; display: block; left: 8px; position: absolute;}
        .wrapper-latestNews{background: #fff; border-radius: 5px; margin: 2%; padding: 2%; position: relative;}
        .wrapper-latestNews .more .btnDarkYellow{color: yellow !important;}
        .border-ass .text-BusinessNews {min-height: auto;}

		/* ========================
		>> End Business Page - News
		======================== */