@charset "utf-8";
/* CSS Document */

/*RED CONTENT*/
.redContent { 
	font-family: Helvetica, "Trebuchet MS", sans-serif;
    font-size: 12px;
}

/*.redContent .my-tabs.ui-tabs-hide { display:none; }*/
/*RESET JQUERY UI CUSTOM THEME TABS*/
.redContent .ui-tabs { float:none; white-space:normal; padding:0; }
.redContent .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float:none; padding:0; margin:0; }
.redContent .ui-tabs-panel { float:none; padding:0; }
.redContent .ui-tabs-anchor { float:none; padding:0; }
.redContent .ui-tabs-nav { float:none; padding:0 }
/*.redContent .ui-tabs-nav li { float:none; white-space:normal; }*/

/*
.redContent .my-tabs.ui-tabs { float:none; white-space:normal; }
.redContent .my-tabs ul.ui-tabs-nav { float:none; }
.redContent .my-tabs ul.ui-tabs-nav li { float:none; white-space:normal; }
.redContent .my-tabs .ui-tabs-anchor { float:none; padding:0; }
.redContent .my-tabs .ui-tabs { padding:0; }
.redContent .my-tabs .ui-tabs-panel { padding:0; }
/**/
.redContent .my-tabs ul { margin:0; padding:0; border:none; display:inline-block; clear:both; }
.redContent .my-tabs li { margin:0; padding:0; border:none; }
.redContent .my-tabs li { list-style:none; float:left; white-space:normal; }
.redContent .my-tabs .tab-body { margin-top:-6px; }
/*PUBLIC*/
.redContent input[type='text'] { padding:0; margin:0; border:none; }

.redContent .text_l { text-align:left; }
.redContent .text_r { text-align:right; }
.redContent .text_c { text-align:center; }

/*MID RULES*/
.redContent .mid { display:table; }
.redContent .middle { display:table-cell; vertical-align:middle; text-align:center;}

.digitalProgram .middle, .digitalPromo .middle { /*display:table-cell; vertical-align:middle;*/ text-align:center; }

/*MARGIN AND PADDING RULES*/
.redContent .m0 { margin:0px; }
/**/
.redContent .mt5 { margin-top:5px; }
/**/
.redContent .mt10 { margin-top:10px; }
.redContent .mtb10 { margin-top:10px; margin-bottom:10px; }
/**/
.redContent .mt15 { margin-top:15px; }
.redContent .ml15 { margin-left:15px; }
.redContent .mr15 { margin-right:15px; }
.redContent .mb15 { margin-bottom:15px; }
/**/
.redContent .mt20 { margin-top:20px; }
.redContent .mb20 { margin-bottom:20px; }
.redContent .mtb20 { margin-top:20px; margin-bottom:20px; }
/**/
.redContent .mt50 { margin-top:50px; }
/**/
.redContent .mt60 { margin-top:60px; }
/**/
.redContent .pd5 { padding:5px; }
.redContent .pdt5 { padding-top:5px; }
.redContent .pdtb5 { padding-top:5px; padding-bottom:5px; }  
.redContent .pdlr5 { padding-left:5px; padding-right:5px; }
/**/
.redContent .pd10 { padding:10px; }
.redContent .pdt10 { padding-top:10px; }
.redContent .pdb10 { padding-bottom:10px; }
.redContent .pdtb10 { padding-top:10px; padding-bottom:10px; }  
.redContent .pdl10 { padding-left:10px; }
.redContent .pdlr10 { padding-left:10px; padding-right:10px; }
/**/
.redContent .pd15 { padding:15px; }
/**/
.redContent .pd20 { padding:20px; }
.redContent .pdtb20 { padding-top:20px; padding-bottom:20px; }
.redContent .pdlr20 { padding-left:20px; padding-right:20px; }  
.redContent .pdt20 { padding-top:20px; }
.redContent .pdb20 { padding-bottom:20px; }
.redContent .pdl20 { padding-left:20px; }
.redContent .pdr20 { padding-right:20px; }
/**/
.redContent .pdtb25 { padding-top:25px; padding-bottom:25px; }
/**/
.redContent .pd30 { padding:30px; }
.redContent .pdtb30 { padding-top:30px; padding-bottom:30px; }
.redContent .pdlr30 { padding-left:30px; padding-right:30px; }  
.redContent .pdt30 { padding-top:30px; }
.redContent .pdb30 { padding-bottom:30px; }
.redContent .pdl30 { padding-left:30px; }
.redContent .pdr30 { padding-right:30px; }
/**/
.redContent .pd40 { padding:40px; }
.redContent .pdlr40 { padding-left:40px; padding-right:40px; }

/*.redContent .pdl150 { padding-left:150px; }*/

/*COLOR RULES*/
.redContent .grey1 { background-color:#efefef; }
.redContent .grey2 { background-color:#e6e7e8; }
.redContent .grey3 { background-color:#dcdedf; }
.redContent .grey4 { background-color:#666; }
.redContent .grey5 { background-color:#414143; }
.redContent .grey6 { background-color:#414042; }
/**/
.redContent .red { color:#ed1c24;font-weight:bold; }


/*ROUND BORSER RULES*/
/*behavior: url(assets/css/PIE.htc-testing);	
behavior: url(../../assets/js/vendor/pie/PIE.htc)/*
/*5 PX*/
.redContent .roundV {
	border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	/*behavior: url(assets/css/PIE.htc-testing);	*/
	position:relative; behavior: url(assets/css/PIE.htc-testing)
}
.redContent .roundtV {
	border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
	position:relative; behavior: url(assets/css/PIE.htc-testing);	
}
.redContent .roundtlV {
	border-radius: 5px 0px 0px 0px;
    -moz-border-radius: 5px 0px 0px 0px;
    -webkit-border-radius: 5px 0px 0px 0px;	
	position:relative; behavior: url(assets/css/PIE.htc-testing);
}
.redContent .roundtrV {
	border-radius: 0px 5px 0px 0px;
    -moz-border-radius: 0px 5px 0px 0px;
    -webkit-border-radius: 0px 5px 0px 0px;	
	position:relative; behavior: url(assets/css/PIE.htc-testing);
}
.redContent .roundbV { 
	border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
	position:relative; behavior: url(assets/css/PIE.htc-testing);
}
.redContent .roundblV { 
	border-radius: 0px 0px 0px 5px;
    -moz-border-radius: 0px 0px 0px 5px;
    -webkit-border-radius: 0px 0px 0px 5px;
	position:relative; behavior: url(assets/css/PIE.htc-testing);
}
.redContent .roundbrV { 
	border-radius: 0px 0px 5px 0px;
    -moz-border-radius: 0px 0px 5px 0px;
    -webkit-border-radius: 0px 0px 5px 0px;
	position:relative; behavior: url(assets/css/PIE.htc-testing);
}
/**/
.redContent .roundX {
	border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;	
	position:relative; behavior: url(assets/css/PIE.htc-testing);
}
.redContent .roundtX {
	border-radius: 10px 10px 0px 0px;
    -moz-border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;	
	position:relative; behavior: url(assets/css/PIE.htc-testing);
}
.redContent .roundtlX {
	border-radius: 10px 0px 0px 0px;
    -moz-border-radius: 10px 0px 0px 0px;
    -webkit-border-radius: 10px 0px 0px 0px;	
	position:relative; behavior: url(assets/css/PIE.htc-testing);
}
.redContent .roundtrX {
	border-radius: 0px 10px 0px 0px;
    -moz-border-radius: 0px 10px 0px 0px;
    -webkit-border-radius: 0px 10px 0px 0px;	
	position:relative; behavior: url(assets/css/PIE.htc-testing);
}
.redContent .roundblX {
	border-radius: 0px 0px 0px 10px;
    -moz-border-radius: 0px 0px 0px 10px;
    -webkit-border-radius: 0px 0px 0px 10px;	
	position:relative; behavior: url(assets/css/PIE.htc-testing);
}
.redContent .roundbrX {
	border-radius: 0px 0px 10px 0px;
    -moz-border-radius: 0px 0px 10px 0px;
    -webkit-border-radius: 0px 0px 10px 0px;	
	position:relative; behavior: url(assets/css/PIE.htc-testing);
}
.redContent .roundbX { 
	border-radius: 0px 0px 10px 10px;
    -moz-border-radius: 0px 0px 10px 10px;
    -webkit-border-radius: 0px 0px 10px 10px;
	position:relative; behavior: url(assets/css/PIE.htc-testing);
}

/*OPACITY*/
.opacity60 {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* IE 8 */
	filter: alpha(opacity=60); /* IE 5.5-7 */
  	-moz-opacity: 0.6; /* Netscape */
  	-khtml-opacity: 0.6; /* Safari 1.x */
  	opacity: 0.6; /* Modern browsers */
}
  

/*H RULES*/
.redContent h2 {
	font-size: 20px;
	line-height: normal;
}
.redContent h2.heada {
	font-size: 35px;
	line-height: normal;
}

.redContent h1, .redContent h2 { margin: 0px; color:#414042; }

.redContent .red-center { margin:0 auto; text-align:center; }
.redContent .center { margin:0 auto; text-align:center; }

/*COLOUMN*/	
.redContent .col-5 .col:first-child { width: 192px; }
.redContent .col-5 .col { width: 190px; }
.redContent .col-4 .col { width:25%; }
.redContent .col-3 .col { width:33.3333%; }
.redContent .col-2 .col { width:50%; }

.redContent .col .image.first { float:left; }
.redContent .col .image.last { float:right; }

.redContent .imageCon { position:relative; width:1%; display:table; }
.redContent .imageHeadline { position:absolute; top:0px; left:0px; padding:15px 0 0 15px; font-family:'fsjoey-heavy'; font-size:20px; color:white; }

.redContent .float_l { float:left; }
.redContent .float_r { float:right; }

.redContent .clear { margin:0; padding:0; }

.redContent .full { width:100%; height:100%; }

/*HEIGHT RULES, can be used for buttons*/
.redContent .h40p { height:40px; }
.redContent .h50p { height:50px; }
.redContent .h100p { height:100px; }
.redContent .h300p { height:300px; }
/**/
.redContent .h100 { height:100%; }
.redContent .h50 { height:50%; }

/*WIDTH RULES, can be used for buttons*/
.redContent .w1 { width:1%; }
.redContent .w100 { width:100%; }
.redContent .w95 { width:95%; }
.redContent .w90 { width:90%; }
.redContent .w80 { width:80%; }
.redContent .w75 { width:75%; }
.redContent .w70 { width:70%; }
.redContent .w65 { width:65%; }
.redContent .w60 { width:60%; }
.redContent .w50 { width:50%; }
.redContent .w30 { width:30%; }
.redContent .w25 { width:25%; }
.redContent .w20 { width:20%; }
/**/
.redContent .w100p { width:100px; }
.redContent .w120p { width:120px; }
.redContent .w150p { width:150px; }
.redContent .w180p { width:180px; }
.redContent .w200p { width:200px; }
.redContent .w290p { width:290px; }

/*SERACH BOX*/
.redContent .search .searchBox { height:30px; width:290px; display:inline-block; }
.redContent .search .searchBox > :first-child { width:95%; height:100%; margin:0 auto; }
.redContent .search .searchIco { 
	background: url("../img/images/icon-search.png") no-repeat;
	width:18px; height:18px;
	margin-top:0px;
}
.redContent .search .searchBox input { width:90%; padding:0; margin:0; border:none; background-color:transparent; font-size:16px; }
.redContent .search .searchBtn { width:90px; height:30px; background-color:#414143; font-family:'fsjoey-regular'; color:#fee300; font-size:14px; margin-left:10px;  }

.redContent .areacode { position:relative; height:30px; font-family:'fsjoey-medium' }
.redContent .areacode .country { position:absolute; width:95%; height:100%; background-color:#414143; padding-left:20px; color:white; font-size:16px; }
.redContent .areacode .code { position:absolute; right:0; width:150px; height:100%; background-color:#fee300; font-size:16px; }

.redContent .tariif { text-align:center; }
.redContent .tariff .top { background-color:#414143; height:50px; font-family:'fsjoey-medium'; font-size:16px; color:white }
.redContent .tariff .bottom { background-color:white; height:50px; font-size:16px; }


/*BUTTONS*/
.redContent .btna { background-color:#414143; height:40px; color:white; font-family:'fsjoey-medium'; font-size:16px; font-weight:normal; cursor:pointer; line-height:40px; }
.redContent .btna:hover { background-color:#e6e7e8; color:#414143; font-weight:bold; }
.redContent .btna.active { background-color:#e6e7e8; color:#414143; font-weight:bold; }
/**/
.redContent .btnb { /*background-color:#414143; height:30px; color:#ffe500; font-family:'fsjoey-regular'; font-size:12px; font-weight:bold; cursor:pointer; vertical-align:middle;*/
                    background-color: #414143;
height: 30px;
color: #ffe500;
font-family: 'fsjoey-regular';
font-size: 12px;
font-weight: bold;
cursor: pointer;
vertical-align: middle;
position: absolute;
bottom: 20px;
}
.redContent .btnb.download { height:35px; line-height:35px; display:inline-block; padding:0 15px; }
/**/
.redContent .btnc { background-color:#414143; width:90px; height:30px; color:#ffe500; font-family:'fsjoey-regular'; font-size:12px; cursor:pointer; display:table-cell; vertical-align:middle; }
/**/
.redContent .btnd { background-color:#3c5467; color:white; cursor:pointer; }
.redContent .btnd:hover { background-color:#fee300; color:#414042; }
.redContent .btnd.active { background-color:#fee300; color:#414042; }
/*YELLOW BUTTONS*/
.redContent .btnya { background-color:#ffe500; font-family:'fsjoey-bold'; font-size:14px; height:30px;line-height:30px; }

/*INBORDER*/
.inborder { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }

/*TABLES OF SOME SORT*/
.redContent table thead { font-weight:bold; }
.redContent table td { border:1px solid #e6e7e8; }
/*MENTARI PRODUCTS*/
.redContent .mentariProducts {  }
.redContent .mentariProducts table { width:100%; font-size:18px; color:#414143;  }
.redContent .mentariProducts table tr { height:50px; font-size:18px; text-align:center; }
.redContent .mentariProducts table tr td { vertical-align:middle; }
.redContent .mentariProducts table tr.col-3 td.col1 { width:33%; background-color:#eeeff0; }
.redContent .mentariProducts table tr.col-3 td.col2 { width:34%; background-color:#33cc99; }
.redContent .mentariProducts table tr.col-3 td.col3 { width:33%; background-color:#ffcc33; }
.redContent .mentariProducts table tr.head td { background-color:#333333; color:white; font-family:'fsjoey-heavy'; }
.redContent .mentariProducts table tr.subhead td { background-color:#666666; color:white; font-family:'fsjoey-heavy'; padding:0 20px; text-align:left; }
.redContent .mentariProducts table tr.content td { background-color:white; font-size:14px; padding:0 20px; }
.redContent .mentariProducts table tr.content > :first-child:not([colspan]) { font-family:'fsjoey-bold'; font-size:18px; }
.redContent .mentariProducts table tr.subcontent td { background-color:#eeeff0; font-size:14px; padding:0 20px; }
.redContent .mentariProducts table tr.subcontent > :first-child { font-family:'fsjoey-bold'; font-size:18px; }
.redContent .mentariProducts table tr.foot td { background-color:#333333; color:white; padding:0 20px; text-align:left; font-size:14px;  }

/*ROAMING TABLE*/
.redContent .roamingTable.tablea {  }
.redContent .roamingTable.tablea table { width:100%; border-collapse:collapse; }
/*.redContent .roamingTable.tablea table tr td { border:1px solid #e6e7e8; }*/
.redContent .roamingTable.tablea thead { font-family:'fsjoey-regular'; font-size:14px;  }
.redContent .roamingTable.tablea thead tr { height:30px; background-color:#414143; color:white; }
.redContent .roamingTable.tablea thead tr th { vertical-align:middle; }
.redContent .roamingTable.tablea thead th { padding:0 20px; text-align:left; }
/*.redContent .roamingTable.tablea tbody tr:nth-child(2n+1) { background-color:#eeeff1; }
.redContent .roamingTable.tablea tbody tr:nth-child(2n+2) { background-color:white; }*/
.redContent .roamingTable.tablea tbody td { padding:10px; }
.redContent .roamingTable.tablea tbody td:nth-child(1) { width:170px; }
.redContent .roamingTable.tablea tbody td:nth-child(2) { width:110px; }
.redContent .roamingTable.tablea tbody td:nth-child(3) { width:190px; }
.redContent .roamingTable.tablea tbody td:nth-child(4) { width:190px; }
.redContent .roamingTable.tablea tbody tr.foot { background-color:#d2d3d5; height:30px; }
.redContent .roamingTable.tablea tbody tr.foot td { vertical-align:middle; padding:0 20px; }
/**/
.redContent .roamingTable.tableb {  }
.redContent .roamingTable.tableb table { width:100%; }
/*.redContent .roamingTable.tableb table tr td { border:1px solid #e6e7e8; }*/
.redContent .roamingTable.tableb thead { font-size:12px; text-align:center; }
.redContent .roamingTable.tableb thead tr { height:30px; background-color:#414042; color:white; }
.redContent .roamingTable.tableb thead tr td { vertical-align:middle; }
/*.redContent .roamingTable.tableb thead td { padding:0 20px; }*/
.redContent .roamingTable.tableb tbody { font-size:11px; }
.redContent .roamingTable.tableb tbody tr:nth-child(2n+1) { background-color:white; }
.redContent .roamingTable.tableb tbody tr:nth-child(2n+2) { background-color:#eeeff1; }
/*.redContent .roamingTable.tableb tbody td { padding:20px; }*/
.redContent .roamingTable.tableb td:nth-child(1) { width:200px; }
.redContent .roamingTable.tableb td:nth-child(1) > :first-child { padding:20px; }
.redContent .roamingTable.tableb td:nth-child(2) { width:90px; }
.redContent .roamingTable.tableb td:nth-child(2) > :first-child { padding:5px; }
.redContent .roamingTable.tableb td:nth-child(3) { width:90px; }
.redContent .roamingTable.tableb td:nth-child(3) > :first-child { padding:5px; }
.redContent .roamingTable.tableb td:nth-child(4) { width:70px; }
.redContent .roamingTable.tableb td:nth-child(5) { width:90px; }
.redContent .roamingTable.tableb td:nth-child(6) { width:80px; }
.redContent .roamingTable.tableb td:nth-child(7) { width:90px; }
.redContent .roamingTable.tableb td:nth-child(n+4)  { text-align:center; }

/*PUBLIC COMMON SEEN TABLE*/
.redContent .public-table {  }
.redContent .public-table table { width:100%; text-align:center;}
.redContent .public-table thead { font-family:'fsjoey-heavy'; font-size:18px; }
.redContent .public-table thead tr { height:45px; background-color:#414143; color:white; }
.redContent .public-table tbody tr { height:60px; }
.redContent .public-table tbody tr.special { height:30px; }
/*.redContent .public-table th, .redContent .public-table td { vertical-align:middle; border:1px solid #e6e7e8; }*/
.redContent .public-table th, .redContent .public-table td { width:25%; vertical-align:middle; }
.redContent .public-table tbody tr.red-odd { background-color:#dcdedf; }
.redContent .public-table tbody tr:nth-child(2n+1):not(.red-odd):not(.red-even) { background-color:#dcdedf; }
.redContent .public-table tbody tr.red-even { background-color:#efefef; }
.redContent .public-table tbody tr:nth-child(2n+2):not(.red-odd):not(.red-even) { background-color:#efefef; }
/*PUBLIC, SUPER WIFI REGISTRATION*/
.redContent .public-table table.superwifi-regis tbody tr { height:40px; font-family:'HelveticaNeueLTStd-Lt'; }
.redContent .public-table table.superwifi-regis tbody tr:nth-child(2n+1) { background-color:#dcdedf; }
.redContent .public-table table.superwifi-regis tbody tr:nth-child(2n+2) { background-color:#efefef; }
.redContent .public-table table.superwifi-regis tbody tr td:nth-child(1) { width:150px; }
.redContent .public-table table.superwifi-regis tbody tr td:nth-child(2) { width:180px; }
/*.redContent .public-table table.superwifi-regis tbody tr > :first-child { width:150px; }
/*.redContent .public-table table.superwifi-regis tbody tr > :first-child:next { width:180px; }*/
/*PUBLIC*/
.redContent tbody tr.h50p { height:50px; }

/*INDOSAT M3 - PAKET SMS IM3*/
.redContent.im3product {  }
.redContent.im3product .top { position:relative; height:660px; clear:both; }
.redContent.im3product .top-img {  }
.redContent.im3product .top-banner { position:absolute; width:100%; margin-top:-330px; }
.redContent.im3product .top-banner .banner-container { position:relative; width:800px; height:240px; margin:0 auto; text-align:center; }
.redContent.im3product .top-banner .banner-container .banner { /*width:800px;*/ height:100%; margin:0 auto;}
.redContent.im3product .banner img { width:100%;}
.redContent.im3product .top-banner .banner-container .banner .tagline { position:absolute; top:0; left:360px; width:380px; height:100%; text-align:left; }
.redContent.im3product .top-banner ul { margin:0; padding:0; }
.redContent.im3product .top-banner li { margin:0; padding:0; list-style:none; }
.redContent.im3product .top-banner li .tagline { position:absolute; top:0; left:360px; width:380px; height:100%; text-align:left; }
.redContent.im3product .top-banner .slider { position:absolute; width:100%; }
.redContent.im3product .top-banner .owl-prev { 
	background:url('../img/images/banner-slider-left.jpg') no-repeat;
	width:50px; height:50px;
	float:left;
	cursor:pointer;
	margin:0; padding:0;
	border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	/*behavior: url(assets/css/PIE.htc-testing);	*/
	position:relative; behavior: url(assets/css/PIE.htc-testing)
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 8 */
	filter: alpha(opacity=100); /* IE 5.5-7 */
  	-moz-opacity: 1; /* Netscape */
  	-khtml-opacity: 1; /* Safari 1.x */
  	opacity: 1; /* Modern browsers */
	margin-top:-145px;
	margin-left:-25px;
}
.redContent.im3product .top-banner .owl-next { 
	background:url('../img/images/banner-slider-right.jpg') no-repeat;
	width:50px; height:50px;
	float:right;
	cursor:pointer;
	margin:0; padding:0;
	border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	/*behavior: url(assets/css/PIE.htc-testing);	*/
	position:relative; behavior: url(assets/css/PIE.htc-testing)
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 8 */
	filter: alpha(opacity=100); /* IE 5.5-7 */
  	-moz-opacity: 1; /* Netscape */
  	-khtml-opacity: 1; /* Safari 1.x */
  	opacity: 1; /* Modern browsers */
	margin-top:-145px;
	margin-right:-25px;
}

.im3product .banner-container .middle {
    position: relative;
    vertical-align: top;
}

.im3product .im3Logo {
    left: 180px;
    position: absolute;
    top: 100px;
}

.im3product .packageBonusTitle {
    font-size: 16px;
    font-weight: bold;
    margin-top: 10px;
}

.im3product .summary {
    font-size: 12px;
    padding: 0 20px 5px;
    text-align: left;
}

.im3product .banner-container .text-left {
    margin-top: 50px;
}
.redContent.im3product .top-banner .btnb { width:100px; height:30px; line-height:30px; position: absolute; bottom: 20px; left: 0; }

.im3product  .top-banner .customNavigation a.prev {
    left: 210px;
}

.im3product  .top-banner .customNavigation a {
    margin-top: -20px;
}


.im3product .tab-place .customNavigation a {
    top: 153px;
}

.im3product .tab-place .customNavigation a.prev {
    background: transparent url('../img/btn-prev-transparent.png') no-repeat center center;
    left: 0;
}

.im3product .tab-place .customNavigation a.next {
    background: transparent url('../img/btn-next-transparent.png') no-repeat center center;
    right: 0;
}



.im3product .customNavigation a.next {
    right: 210px;
}

/*.redContent.im3product .top-banner .btnb > :first-child { padding:0 10px; }*/
.redContent.im3product .top-banner .btnb .arrow {
	background:url('../img/images/ico_next.png') no-repeat;
	width:6px; height:12px;
	display:inline-block;
	float:right;
	margin-top:8px;
}

.redContent.im3product .product-area { 
	background: url('../img/images/products-img-background.jpg') no-repeat;
	width: 1280px; height:800px;
    position: relative;
}
/*RESET JQUERY UI CUSTOM THEME TABS*/
.redContent.im3product .product-area .product-tabs.ui-tabs { float:none; white-space:normal; }
.redContent.im3product .product-area .product-tabs ul.ui-tabs-nav { float:none; }
.redContent.im3product .product-area .product-tabs ul.ui-tabs-nav li { white-space:normal; margin-left: 2px; }
.redContent.im3product .product-area .product-tabs ul.ui-tabs-nav li:first-child { margin-left: 0; }
.redContent.im3product .product-area .product-tabs .ui-tabs-anchor { float:none; padding:0; }
.redContent.im3product .product-area .product-tabs .ui-tabs { padding:0; }
.redContent.im3product .product-area .product-tabs .ui-tabs-panel { padding:0; }
/**/
.redContent.im3product .product-area .product-tabs { width:960px; position:relative; top:180px; }
.redContent.im3product .product-area .product-tabs ul { margin:0; padding:0; width:100%; clear:both; }
.redContent.im3product .product-area .product-tabs li { margin:0; padding:0; list-style:none;   }
.redContent.im3product .product-area .product-tabs .btnd { height:60px; font-family:'fsjoey-bold'; font-size:20px; text-align:center;}
.redContent.im3product .product-area .tabs-body { width:960px; height:375px; position:relative; }
.redContent.im3product .product-area .tabs-body > :nth-child(1) { background-color:rgba(255, 255, 255, 0.6); width:100%; /*height:100%; */}
.redContent.im3product .product-area .tabs-body .tab-place { width:100%; /*position:absolute;*/ top:0; left:0; padding: 20px 0; }
.redContentdea .tabs-body .tab-place .owl-prev { 
	background:url('../img/images/ico-left-blue.png') no-repeat;
	width:21px; height:39px;
	float:left;
	cursor:pointer;
	margin:0;
    padding:0;
	margin-left:-40px;
	margin-top:-155px;
}
/*.im3product .product-tabs #tabs-3 .customNavigation, .im3product .product-tabs #tabs-4 .customNavigation, .im3product .product-tabs #tabs-5 .customNavigation {
    display: none;
}*/
.redContent.im3product .product-area .tabs-body .tab-place .owl-next { 
	background:url('../img/images/ico-right-blue.png') no-repeat;
	width:21px; height:39px;
	right:0;
	float:right;
	cursor:pointer;
	margin:0 padding:0;
	margin-right:-60px;
	margin-top:-155px;
}
.redContent.im3product .product-area .tabs-body .tab-container { /*position:absolute; top:40px;*/ left:45px; width:870px; }
.redContent.im3product .product-area .tabs-body .tab-place ul { margin:0; padding:0; }
.redContent.im3product .product-area .tabs-body .tab-place li { margin:0; padding:0; list-style:none; }
.redContent.im3product .product-area .tabs-body .tab { width:210px; height:285px; text-align:left; }
/*.redContent.im3product .product-area .tabs-body .tab:not(.first) { margin-left:10px; }*/
.redContent.im3product .product-area .tabs-body .tab h4 { font-size:16px; font-family:'fsjoey-bold'; }
.redContent.im3product .product-area .tabs-body .tab .tab-a { height:150px; width:100%; }
.redContent.im3product .product-area .tabs-body .tab .tab-b { width:100%; height:135px; background-color:#fcbb3b; }
.redContent.im3product .product-area .tabs-body .tab .btnb { position:relative; width:140px; height:30px; line-height:30px; text-align:left; padding:0 10px; bottom:0;}
.redContent.im3product .product-area .tabs-body .tab .btnb .arrow {
	background:url('../img/images/ico_next.png') no-repeat;
	width:6px; height:12px;
	display:inline-block;
	float:right;
	margin-top:8px;
}

.redContent .public-table table.im3sms thead { font-family:'fsjoey-bold'; font-size:14px; }
.redContent .public-table table.im3sms tbody { font-size:12px; line-height:normal; }
.redContent .public-table table.im3sms thead tr, .redContent .public-table table.im3sms tbody tr { height:48px; }
.redContent .public-table table.im3sms td:nth-child(1) { width:15%; }
.redContent .public-table table.im3sms td:nth-child(2) { width:35%; }
.redContent .public-table table.im3sms td:nth-child(3) { width:25%; }
.redContent .public-table table.im3sms td:nth-child(4) { width:25%; }
/*.redContent .public-table table.im3sms li { line-height:50px; }*/

/*CUSTOM, can't define it*/
.redContent .regisBox { height:300px; }
.redContent .regisBox .boxa { width:160px; height:100%; background-color:#fafafa; float:left; }
.redContent .regisBox .boxb { width:490px; height:100%; background-color:#fafafa; float:right; }

.redContent .border-t { border-top:1px solid #d3d4d6; }
.redContent .border-b { border-bottom:1px solid #d3d4d6; }
.redContent .border-l { border-left:1px solid #d3d4d6; }
.redContent .border-r { border-right:1px solid #d3d4d6; }

/*SUPER INTERNET UNLIMITED*/
.siu-tagline-a { position:relative; color:black; margin-top:-52px; font-size:15px; }
.siu-tagline-b { position:relative; color:black; margin-top:-72px; font-size:15px; }


/*ACCORDION*/
.redContent .red-accord {  }
.redContent .red-accord h3 { color: #fff; font-size: 14px; line-height:normal; }
.redContent .red-accord h3 > :first-child {background-color: #414042; padding: 7px 5px 7px 11px;  } 
.redContent .red-accord-body { background-color:#f00; }
/*.redContent .accord {  }
.redContent .accord .accord-head { 
	background-color: #414042;
	cursor: pointer;
}
.redContent .accord .accord-head > :first-child { 
	padding: 7px 5px 7px 11px;
}
.redContent .accord > :nth-child(2) { display:none; }
.redContent .accord h3 { 
	color: #fff;
	font-size: 14px;
	line-height: normal;
	margin:0;
	float: left;
}
.redContent .accord .accord-body {
	background-color: #fff;
}

.redContent .accord ol, .redContent .accord ul {
	padding: 10px 20px 10px 30px; 
	margin: 0;
}

.redContent .accord ol ul {
	padding-left: 20px;
}

.redContent .accord ul {
	list-style-type: disc;
}

.redContent .accord li {
	font-size: 12px;
	margin-left:18px; margin-bottom:0;
}

.redContent .accord-head .arrow-up {
	background: url('../img/images/ico_pointer_down.png') no-repeat right center;
	display: inline-block;
	height: 18px;
	width: 18px;
}

.redContent .accord-head.active .arrow-up {
	background: url('../img/images/ico_pointer_up.png') no-repeat right center;
}

.redContent .arrow-up {
	float: right;
	
}*/

/*UL LI*/
.redContent ul { list-style-type: disc; margin:0; }
.redContent ol { margin:0; }
.redContent ul ul, .redContent ol ul { margin-left:-5px; font-size:100%; }
.redContent ul li, .redContent ol li { margin-left:18px; margin-bottom:0; }

.arrowUp {
	background: url("../img/images/ico_pointer_up.png") no-repeat;
	width:18px; height:18px;
	margin-top:0px;
}

.redBg { background-color:red; }

/*
.redContent .search .searchIco { 
	background: url("../img/images/icon-search.png") no-repeat;
	width:18px; height:18px;
	margin-top:0px;
}
*/

/*PERSONAL*/
.redContent.personal { }
.redContent.personal .login { background-color:white; }
.redContent.personal .login .boxa { background-color:#7bcef0; width:600px; height:420px; float:left; }
.redContent.personal .login .boxa input[type='text'] {
	border: 1px solid #ccc;
	padding: 6px 4px;
	outline: none;
	font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #777;
	margin: 0;
	max-width: 100%;
	display: block;
	margin-bottom: 20px;
	background: #fff;	
}
.redContent.personal .login .boxb { background-color:#d0b0a3; width:300px; height:420px; float:right; }
.redContent.personal .headline { font-size:24px; font-family:'fsjoey-heavy'; }
.redContent.personal .border-r { border-right:1px solid black; }
.redContent.personal .yellow .imageHeadline { font-size:24px; color:#414042; }
.redContent.personal .yellow .form { position:absolute; top:50px; left:90px; }
.redContent.personal .yellow .form select { width:200px; padding:5px; margin-bottom:10px; border:none; }
.redContent.personal .btnb { font-size:18px; width:140px; height:40px; line-height:40px; }
.redContent.personal .survey .body { background-color:white; }
.redContent.personal .survey .navs .nav { font-family:'Helvetica Neue'; font-size:12px; font-weight:lighter; cursor:pointer; }
.redContent.personal .survey .navs .nav.active { color:red; }
.redContent.personal .survey .btna.active { background-color:white; }
.redContent.personal .survey .btna:hover { background-color:white; }
.redContent.personal .survey .box { width:300px; height:320px; background-color:#d5d0d6; }
.redContent.personal .survey .box .headline { margin:14px 0 0 5px; }
.redContent.personal .survey .box .context { font-size:14px; font-weight:lighter; text-align:left; }
/*.redContent.personal .survey .box input[type='radio'] { margin-left:-30px; }*/
.redContent.personal .survey .box input[type='text'] { font-size:14px; background-color:transparent; border-bottom:1px solid black; width:80px; display:inline-block; }
/*.redContent.personal .survey .box input[type='radio'], .redContent.personal .survey input[type='checkbox'] { line-height:60px; }*/
/*CUSTOM CSS*/
.redContent.personal input[type=checkbox]:not(old),
.redContent.personal input[type=radio   ]:not(old){
  width     : 2em;
  margin    : 0;
  padding   : 0;
  font-size : 1em;
  opacity   : 0;
}

.redContent.personal input[type=checkbox]:not(old) + label,
.redContent.personal input[type=radio   ]:not(old) + label{
  display      : inline-block;
  margin-left  : -2em;
  /*line-height  : 1.5em;*/
}

.redContent.personal input[type=checkbox]:not(old) + label > span,
.redContent.personal input[type=radio   ]:not(old) + label > span{
  display          : inline-block;
  width            : 0.875em;
  height           : 0.875em;
  margin           : 0.25em 0.5em 0.25em 0.25em;
  border           : 0.0625em solid rgb(192,192,192);
  border-radius    : 0.25em;
  background       : rgb(224,224,224);
  background-image :    -moz-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :     -ms-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :      -o-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image : -webkit-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :         linear-gradient(rgb(240,240,240),rgb(224,224,224));
  vertical-align   : bottom;
}

.redContent.personal input[type=checkbox]:not(old):checked + label > span,
.redContent.personal input[type=radio   ]:not(old):checked + label > span{
  background-image :    -moz-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image :     -ms-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image :      -o-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image : -webkit-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image :         linear-gradient(rgb(224,224,224),rgb(240,240,240));
}

.redContent.personal input[type=checkbox]:not(old):checked + label > span:before{
  content     : '✓';
  display     : block;
  width       : 1em;
  color       : rgb(153,204,102);
  color: #666;
  font-size   : 0.875em;
  line-height : 1em;
  text-align  : center;
  text-shadow : 0 0 0.0714em rgb(115,153,77);
  font-weight : bold;
}

.redContent.personal input[type=radio]:not(old):checked +  label > span > span{
  display          : block;
  width            : 0.5em;
  height           : 0.5em;
  margin           : 0.125em;
  border           : 0.0625em solid rgb(115,153,77);
  border-radius    : 0.125em;
  /*background       : rgb(153,204,102);
  background-image :    -moz-linear-gradient(rgb(179,217,140),rgb(153,204,102));
  background-image :     -ms-linear-gradient(rgb(179,217,140),rgb(153,204,102));
  background-image :      -o-linear-gradient(rgb(179,217,140),rgb(153,204,102));
  background-image : -webkit-linear-gradient(rgb(179,217,140),rgb(153,204,102));
  background-image :         linear-gradient(rgb(179,217,140),rgb(153,204,102));*/
  background: #666;
}

/*.redContent.personal .social { width:880px; 360px; }*/

.redContent.personal .social { background-color:white; }
.redContent.personal .social .box { width:880px; height:360px; }

/*SPECIAL CASE*/
.redContent strong { font-family: 'HelveticaNeueLTStd-Md'; }

/*FONT*/
.redContent .f-14 { font-size:14px; }
.redContent .f-16 { font-size:16px; }

.helv-md { font-family: 'HelveticaNeueLTStd-Md'; }
.helv-lt { font-family: 'HelveticaNeueLTStd-Lt'; }
.joey-bold { font-family: 'fsjoey-bold'; }
.opi-bold { font-family: 'opificio-bold'; }

/*ALLIGNMENT*/
.redContent .v-top { vertical-align:top; }

/**/
.redContent .mr33 { margin-right:33px; }

/*.redContent input { border:none; background-color:transparent; }*/

/*IN BORDER*/
.inborder { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }

.red-blue { color:#009999; }

/*OVERRIDE CMSCONTENT*/
.myCmsAccordion .red-settings-parameters ol { margin-left:-30px; }
.myCmsAccordion .red-settings-parameters ol ul { margin-left:-20px; }
.myCmsAccordion .red-settings-parameters li { padding-left:25px; }
.myCmsAccordion .red-settings-parameters li ul { padding-top:0; padding-bottom:0; }

.myCmsAccordion .red-set ol, .myCmsAccordion .red-set ul { margin-left:-20px; }



.digitalPromo .drkYellowBtn, .digitalProgram .drkYellowBtn {
    font-size: 12px;
    font-family: 'futurastd-medium', sans-serif;
    position: absolute;
    bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
    letter-spacing: -0.3px;
    left: 0;
}


/*######################################################################*/

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
    margin:0.2em 0;
    background:#ccc;
    color:#000;
    padding:0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

html,
body { position:relative }

.wrapper { width:720px }

.grayDetail h1,
.grayDetail h2,
.grayDetail h3,
.grayDetail p,
.grayDetail a,
.grayDetail li,
.grayDetail img,
.grayDetail div,
.grayDetail span,
.grayDetail form,
.grayDetail textarea,
.grayDetail input,
.ui-selectmenu-button span.ui-selectmenu-text {
    position:relative; zoom:1;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
    behavior:url(../../assets/js/vendor/pie/PIE.htc);
}

.pullLeft { float:left }
.pullRight { float:right }

.grayDetail { background:#fff; letter-spacing:0.08pt;  width:710px; color:#414042; font:12px "Helvetica Neue", sans-serif }

.grayDetail h1,
.grayDetail h2,
.grayDetail h3,
.grayDetail h4,
.grayDetail h5 { font-family:"FS Joey", sans-serif; font-weight:bold; color:#414042; margin:0; padding:0 }
.grayDetail h1 { font-size:24px; line-height:1em; letter-spacing:0.6pt; padding:20px 0 11px }
.grayDetail h2 { font-size:20px; line-height:1em; letter-spacing:0.6pt; padding:15px 0 4px }
.grayDetail h3 { font-size:14px; line-height:1em; letter-spacing:0.6pt; padding:4px 0 }
.grayDetail p,
.grayDetail li,
.grayDetail td,
.grayDetail th { font:12px/20px "Helvetica Neue", "Arial", sans-serif; font-weight:300; color:#414042 }
.grayDetail p { margin:0; padding:0 0 14px }

.grayDetail ul,
.grayDetail ol { margin:0; padding:1px 0 0 14px; list-style:disc }
.grayDetail li { padding:0; margin:0 }

.grayDetail hr { padding:0; height:1px; margin:0; border:none; border-bottom:1px solid #5a5a5a }

.grayDetail blockquote {
    background-color:rgb(254, 227, 0); padding:15px 0; text-align:center; font:18px/20px "FS Joey", sans-serif; font-style:normal; font-weight:bold; color:#414042; 
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
}

.careerGroup,
.grayGroup { 
    padding:12px 19px; margin:14px 0; background:#e6e7e8; display:table; 
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
}
.grayGroup h2 { padding:2px 0 0 }
.grayGroup p { padding:16px 0 0 }
.grayGroup p.quote { 
    margin:20px 0 0; padding:15px; background:#fff; 
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
}
.grayGroup li { font-weight:bold; font-size:14px }
.grayGroup li li { font-weight:normal; font-weight:300; list-style:none }
.grayGroup ul ul { margin:0 }

.whiteGroup { 
    background:#fff; padding:20px; 
*/
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
}

.grayDetail .flatImages { display:table; padding:9px 0 1px }
.flatImages.withArrow li .arrow { background:url(../../assets/img/greenTriangle.png) 0 0 no-repeat; width:19px; height:35px; position:absolute; right:-16px; top:53px; z-index:1 }
.flatImages li { list-style:none; margin:0 8px 0 0; float:left; position:relative }
.flatImages li.last { margin:0 }
.flatImages li a { display:inline-block }
.flatImages li img { 
    background:#fff; border:none; margin:0; padding:0; 
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -ms-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
}

.withArrow li { margin:0 10px 0 0 }
.withArrow li.last { margin:0 }

.ui-selectmenu-text { color:#414042; font-size:inherit; font-family:"Helvetica Neue", sans-serif }
.customForm input.text::-webkit-input-placeholder { color:#414042; font-size:inherit; font-family:"Helvetica Neue", sans-serif }
.customForm input.text:-moz-placeholder { color:#414042; font-size:inherit; font-family:"Helvetica Neue", sans-serif }
.customForm input.text::-moz-placeholder { color:#414042; font-size:inherit; font-family:"Helvetica Neue", sans-serif }
.customForm input.text:-ms-input-placeholder { color:#414042; font-size:inherit; font-family:"Helvetica Neue", sans-serif }
.customForm textarea::-webkit-input-placeholder { color:#414042; font-size:inherit; font-family:"Helvetica Neue", sans-serif }
.customForm textarea:-moz-placeholder { color:#414042; font-size:inherit; font-family:"Helvetica Neue", sans-serif }
.customForm textarea::-moz-placeholder { color:#414042; font-size:inherit; font-family:"Helvetica Neue", sans-serif }
.customForm textarea:-ms-input-placeholder { color:#414042; font-size:inherit; font-family:"Helvetica Neue", sans-serif }

.customForm input.text { 
    background-color:rgb(230, 231, 232); font-size:12px; width:290px; border:none; padding:8px 11px; 
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
}
.customForm label,
.customForm input.text,
.customForm textarea,
.customForm .rightContent,
.customForm select { border:none; font:14px "Helvetica Neue", "Arial", sans-serif; font-weight:300; color:#414042; letter-spacing:-0.1pt; display:inline-block }
.customForm label { width:98px; line-height:32px }
.customForm select,
.customForm textarea,
.customForm input.text { 
    font-size:12px; background-color:rgb(230, 231, 232); width:180px; margin:0; padding:8px 13px; 
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
}
.customForm input.large { 
    font:20px "JS Joey", sans-serif; padding:8px 70px; margin:0 17px 0 0; 
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
}
.customForm input.large.last { margin-right:0 } 

form.customForm { margin:0 }

.ui-selectmenu-menu { z-index:667 }
.ui-selectmenu-button {
    display:inline-block; 
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
}
.ui-selectmenu-button span.ui-selectmenu-text { letter-spacing:0pt; font-weight:300; padding:8px 13px }
.ui-selectmenu-menu .ui-menu { background:#fff;  border:1px solid #ccc }
.ui-selectmenu-button .ui-selectmenu-text { background:rgb(230, 231, 232); z-index:1 }
.ui-selectmenu-button span.ui-icon { z-index:2; width:14px; height:7px; background:url(../img/selectDown.png) 0 0 no-repeat; margin-top:-4px; right:11px }
.lt-ie9 .ui-selectmenu-button span.ui-icon { top:50% }

.ui-menu .ui-state-focus, 
.ui-menu .ui-state-active,
.ui-menu .ui-menu-item { font:12px "Helvetica Neue", sans-serif; margin:0; padding:7px 12px }
.ui-menu .ui-state-focus, 
.ui-menu .ui-state-active { background:#414042; color:#fff }

.grayGroup .customForm label { width:180px; float:left }
.grayGroup .customForm select,
.grayGroup .customForm textarea,
.grayGroup .customForm .rightContent,
.grayGroup .customForm input.text { background:#fff; width:420px; vertical-align:top }
.grayGroup .customForm textarea { height:130px }
.grayGroup .customForm .rightContent { font-size:12px; background:transparent }

.grayGroup .customForm .ui-selectmenu-text,
.grayGroup .ui-selectmenu-button,
.grayGroup .ui-selectmenu-menu .ui-menu { background:#fff }

.grayGroup .ui-menu .ui-state-focus, 
.grayGroup .ui-menu .ui-state-active { background:#ccc }

.grayDetail .row { margin:0; padding:0 0 7px }
.grayDetail .button { margin:0 10px 0 0; display:inline-block; padding:5px 30px; font:12px/17px "FS Joey", sans-serif }
.grayDetail .button img { margin:0 10px }
.grayDetail .button.long { padding:8px 40px }

.grayDetail img { margin:10px 0 10px 0 }
.grayDetail img[align="right"] { margin:10px 0 10px 32px }

.grayDetail .ui-tabs-nav { margin:0 auto; display:table }
.grayDetail .ui-tabs-nav li,
.grayDetail .ui-tabs-panel {
    background-color:rgb(65, 64, 66); margin:0 1px 0 0; 
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
}
.grayDetail .ui-tabs-nav .ui-tabs-anchor,
.grayDetail .ui-tabs-nav a { font:14px "FS Joey", sans-serif; padding:10px 27px; margin:0; color:#fff }
.grayDetail .ui-tabs-panel,
.grayDetail .ui-tabs-nav li.ui-tabs-active { background:#e6e7e8 }
.grayDetail .ui-tabs-nav li.ui-tabs-active a { color:#414042 }
.grayDetail .ui-tabs-panel { margin:0 0 20px }

.grayDetail .checkbox input { opacity:0 }
.lt-ie9 .grayDetail .checkbox input { 
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter:alpha(opacity=0);
}
.grayDetail .checkbox { display:inline-block; background:url(../img/unchecked.png) 0 0 no-repeat; width:26px; height:20px; margin-bottom:4px }
.grayDetail .checkbox.checked { background:url(../img/checked.png) 0 0 no-repeat }

.grayDetail p a { color:#083b82 }
.grayDetail p a.button { color:#ffe500 }
.grayDetail table { width:100%; margin:0 0 20px; border:0 }
.grayDetail table tr { border:0; margin:0; padding:0 }
.grayDetail table th,
.grayDetail table td { padding:0 1px 1px 0; margin:0; border:0; line-height:100% }
.grayDetail table th span,
.grayDetail table td span { display:block; width:100%; font:14px/15px "Helvetica Neue", "Arial", sans-serif; color:#414042; padding:9px 18px 5px; text-align:left; position:relative; top:0; bottom:0 }
.grayDetail table th[align="center"] span,
.grayDetail table td[align="center"] span { text-align:center }
.grayDetail table span { display:block }
.grayDetail table th { position:relative }
.grayDetail table th img { float:right; margin:2px 0 0 }
.grayDetail table td span { font-size:12px }
.grayDetail table tr th span { background:#414042; color:#fff; position:relative }
.grayDetail table tr td span { background:#e6e7e8 }
.grayDetail table tr.odd td span { background:#d1d3d4 }
.grayDetail table th span,
.grayDetail table td span {
    -webkit-border-radius:1px;
    -moz-border-radius:1px;
    -ms-border-radius:1px;
    -o-border-radius:1px;
    border-radius:1px;
}
.grayDetail table th.first span {
    -webkit-border-radius:9px 0 0 0;
    -moz-border-radius:9px 0 0 0;
    -ms-border-radius:9px 0 0 0;
    -o-border-radius:9px 0 0 0;
    border-radius:9px 0 0 0;
}
.grayDetail table th.last span {
    -webkit-border-radius:0 9px 0 0;
    -moz-border-radius:0 9px 0 0;
    -ms-border-radius:0 9px 0 0;
    -o-border-radius:0 9px 0 0;
    border-radius:0 9px 0 0;
}
.grayDetail table th.first.last span {
    -webkit-border-radius:9px 9px 0 0;
    -moz-border-radius:9px 9px 0 0;
    -ms-border-radius:9px 9px 0 0;
    -o-border-radius:9px 9px 0 0;
    border-radius:9px 9px 0 0;
}

.careerFilter { display:table; width:100%; color:#414042; padding:0 0 11px }
.careerFilter .filter { float:right; margin:0 } 
.careerFilter .pullLeft { width:282px; float:left; padding:3px 0 0 }
.careerFilter .pullRight { padding:41px 0 0; width:400px; float:right }
.careerFilter .pullRight label { font:24px/32px "FS Joey", sans-serif; font-weight:bold; width:55px; display:inline-block }
.careerFilter .pullRight input.text { display:inline-block; width:290px; margin:0 10px 0 0 }
.careerFilter .pullRight input.submit { background:url(../img/searchButton.png) 0 0; background-size:100%; width:30px; height:30px; text-indent:-9999px; display:inline-block }
.careerFilter form label { float:left }
.careerFilter .row { padding:0 0 5px }

.careerDetail table th span { font-size:12px }
.careerDetail table td span { font-size:11px }
.careerDetail table th span,
.careerDetail table td span { line-height:15px }
.careerDetail table tr th.last span,
.careerDetail table tr td.last span { background:none; position:relative; padding:0; margin:0; height:auto!important }
.careerDetail table tr td.last span a { display:block;  background:url(../img/searchButton.png) center center no-repeat; background-size:100%; width:20px; height:20px; text-indent:-9999px; position:absolute; top:4px; left:8px }
.lt-ie9 .careerDetail table tr td.last span a { top:-12px }

.grayDetail table th.last span,
.careerDetail table th.last2 span {
    -webkit-border-radius:0 9px 0 0;
    -moz-border-radius:0 9px 0 0;
    -ms-border-radius:0 9px 0 0;
    -o-border-radius:0 9px 0 0;
    border-radius:0 9px 0 0;
}

.browseCareer { width:720px }
.browseCareer h1 { padding:20px 0 16px }
.browseCareer .row.first { padding:0 }
.browseCareer .imageSearch { margin-bottom:20px; text-align:center; width:100% }
.browseCareer .imageSearch img { display:inline-block; vertical-align:middle; text-align:center; margin:0; margin-left:12px }
.browseCareer .careerGroup { float:left; margin-top:0; margin-left:10px; margin-bottom:0 }
.browseCareer .row.last { padding-bottom:20px }
.browseCareer .row .careerGroup.first { margin-left:0 }
.browseCareer .careerGroup h2 { padding:0; text-transform:uppercase; line-height:150%; margin-bottom:10px }
.browseCareer .careerGroup.blue2 { background:#9BBACC; width:464px; padding:40px 60px 28px }
.browseCareer .careerGroup.green { width:227px; background:#B6DAA6; padding:24px 20px 24px 26px; display:inline-block; vertical-align:middle; text-align:center }
.browseCareer .careerGroup.green h2 { letter-spacing:0.5pt; line-height:125%; padding-top:2px; text-align:left }
.browseCareer .careerGroup.green p { letter-spacing:0.3pt; font-weight:200; padding-bottom:15px; line-height:20px; text-align:left }
.browseCareer .careerGroup.green a { 
    background:#414042; color:#fee300; font-size:12px; margin:0; padding:6px 26px; text-decoration:none; display:inline-block; letter-spacing:0.5pt; margin-bottom:6px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    -ms-border-radius:6px;
    -o-border-radius:6px;
    border-radius:6px;
}
.browseCareer .careerGroup form { margin-bottom:8px }
.browseCareer .careerGroup input.text {
    border:0; padding:5px 10px; line-height:160%; float:left; margin-right:9px; margin-bottom:0; width:290px; margin-left:10px; font-family:futura;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -ms-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
}
.browseCareer .careerGroup input.submit { float:left; background:url(../img/buttonSearchJobs.jpg) 0 0; background-size:100%; width:30px; height:30px; text-indent:-9999px; display:inline-block; margin-bottom:0 }
.browseCareer .careerGroup .row { padding:0 }
.browseCareer .careerGroup a { color:red; text-decoration:underline; margin-left:10px; font-family:futura; font-size:12px; letter-spacing:0.5pt }

.browseCareer .careerGroup.choco,
.browseCareer .careerGroup.green2,
.browseCareer .careerGroup.blue { 
    position:relative; width:227px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
}
.browseCareer .careerGroup.choco .bannerNews,
.browseCareer .careerGroup.green2 .bannerNews,
.browseCareer .careerGroup.blue .bannerNews { 
    margin:0; width:100%; position:absolute; top:0; left:0;
    -webkit-border-radius:9px 9px 0 0;
    -moz-border-radius:9px 9px 0 0;
    -ms-border-radius:9px 9px 0 0;
    -o-border-radius:9px 9px 0 0;
    border-radius:9px 9px 0 0;
}
.browseCareer .careerGroup.choco h2,
.browseCareer .careerGroup.green2 h2,
.browseCareer .careerGroup.blue h2 { padding-top:108px; font-size:19px; letter-spacing:0.1pt; margin-bottom:7px }
.browseCareer .careerGroup.choco p,
.browseCareer .careerGroup.green2 p,
.browseCareer .careerGroup.blue p { padding-bottom:5px }
.browseCareer .careerGroup.choco .button,
.browseCareer .careerGroup.green2 .button,
.browseCareer .careerGroup.blue .button {
    background:#414042; color:#fee300; display:block; float:left; font-size:14px; text-decoration:none; font-family:fsjoey-medium; margin:0 1px; padding:7px 12px; margin-bottom:6px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    -ms-border-radius:6px;
    -o-border-radius:6px;
    border-radius:6px;
}
.browseCareer .careerGroup.choco .button .icons,
.browseCareer .careerGroup.green2 .button .icons,
.browseCareer .careerGroup.blue .button .icons { background:url(../img/icon-arrow-small-right.png) no-repeat; content:""; display:inline-block; height:11px; width:12px }
.browseCareer .careerGroup.choco { background:#D0B0A3 }
.browseCareer .careerGroup.green2 { background:#A3DADA }
.browseCareer .careerGroup.blue { background:#7CCEF0 }

.ourProduct .grayGroup { margin-top:0px; padding-top:8px }
.ourProduct .inputCity { margin-top:12px }
.ourProduct .inputCity form { margin-bottom:0 }
.ourProduct .grayGroup .row { padding-bottom:4px }
.ourProduct img { margin:0 }
.ourProduct h2 { font-size:18px; font-family:"FS Joey", sans-serif; line-height:20px; padding-bottom:8px }
.ourProduct a { margin:0 3px 0; display:inline-block }
.ourProduct a.first { margin-left:0 }
.ourProduct a.last { margin-right:0 }
.ourProduct .pullLeft { width:221px }
.ourProduct .pullLeft label { padding-left:52px; font-size:14px; font-weight:400; padding-top:9px; padding-left:52px }
.ourProduct .pullRight { width:443px }
.ourProduct .pullRight input.text { 
    padding:8px 21px; font-size:12px; letter-spacing:0.1pt; border:0; width:270px; display:inline-block; margin-right:8px; margin-bottom:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
}
.ourProduct .pullRight input.submit { 
    font-family:"FS Joey", sans-serif; padding:8px 15px; font-size:11px; margin-bottom:5px; 
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
}
.ourProduct .grayGroup {
    width: 100%;
}

.promotion { margin-bottom:20px }
.promotion h1 { font-size:24px; line-height:1em; letter-spacing:0.6pt; padding:20px 0 13px; font-family:"FS Joey", sans-serif; font-weight:bold; color:#414042; margin:0 }
.promotion h2 { font-family:"FS Joey", sans-serif; font-weight:bold; color:#414042; margin:0; line-height:1em; font-size:18px; letter-spacing:0.3pt }
.promotion h2.price { padding-top:13px; padding-bottom:17px }
.promotion p { padding-top:13px; letter-spacing:0; line-height:20px; font-size:12px; margin-bottom:6px; font-family:"Helvetica Neue"; font-weight:300 }
.promotion ul.flat { display:inline-block; width:100%; border-bottom:1px solid #000; margin:0 }
.promotion ul.flat li { float:left; margin-right:26px; margin-bottom:6px }
.promotion ul.flat li.last { margin-right:0 }
.promotion .button {
    float:right; margin:0; margin-right:10px; font-size:12px; padding:8px 12px; font-weight:normal;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
}
.promotion ul.flat li a { font-size:12px; letter-spacing:0.25pt }
.promotion table { width:100%; margin-bottom:0 }
.promotion table th span,
.promotion table td span { vertical-align:middle; text-align:center; vertical-align:middle; font-weight:300; color:#000; letter-spacing:0.3pt }
.promotion table th span { font-size:12px; padding:11px 18px; line-height:18px }
.promotion table th.last span { padding:11px 18px }
.promotion table tr.odd td span { background:#EEEFF0 }
.promotion table td.left span { text-align:left }
.promotion table tr td span { background:#E6E7E8; padding:10px 40px; line-height:20px }
.promotion table tr td.justy span { line-height:15px; padding:8px 40px }
.promotion .row { margin-bottom:8px }
.promotion .buttonArea { margin-bottom:0 }
.promotion .grayDetail { width:690px }
.promotion .announce p { padding:5px 0; margin-bottom:10px }
.promotion .announcePromo p { margin-bottom:2px; font-size:12px; padding:7px 0; letter-spacing:0.1pt }
.promotion .grayDetail ul { padding:8px 0 15px 10px }
.promotion .grayDetail ul li { font-family:"Helvetica Neue"; line-height:20px }

.businessSupport { width:100% }
.businessSupport .grayGroup { margin-top:0; display:block; margin-bottom:11px; padding:13px 19px }
.businessSupport .grayGroup.last { margin-bottom:20px }
.businessSupport form { padding:0 0 20px }
.businessSupport h1 { padding:20px 0 16px }
.businessSupport h2 { padding:2px 0 0 }
.businessSupport p { color:#000; letter-spacing:0.11pt; font-family:"HelveticaNeue"; font-size:12px; padding:0 1px 12px }
.businessSupport p.note { padding:9px 3px 0 }
.businessSupport table { margin-top:8px; margin-bottom:0 }
.businessSupport table th span { text-align:center; font-family:'fsjoey-heavy'; font-size:18px; padding:15px 0 }
.businessSupport table th.first span { border-radius:0 }
.businessSupport table th.last span { border-radius:0 }
.businessSupport table tr td span { text-align:center; background:#DCDDDF; font-weight:300; color:#000; line-height:40px; padding:10px 0; vertical-align:middle }
.businessSupport table tr.odd td span { background:#EEEFEF }

.superKuota table tr td strong { font-weight:300; display:block; border-bottom:1px solid #E6E6E8; padding:0 0 10px; margin:0 0 10px }
.superKuota table tr td strong.last { border:0; margin:0; padding:0 }
.superKuota table tr td span { line-height:100%; padding:10px 0; display:block; margin:0 }

table#recaptcha_table { margin:10px 0!important }
table#recaptcha_table th *,
table#recaptcha_table td * { line-height:100%; padding:0; margin:0; height:auto }
table#recaptcha_table .recaptcha_input_area { height:33px!important }
table#recaptcha_table tr .recaptcha_r2_c1 { background:url('http://www.google.com/recaptcha/api/img/white/sprite.png') no-repeat scroll -18px 0px transparent; width:9px; height:57px }
table#recaptcha_table tr .recaptcha_r2_c2 { background:url('http://www.google.com/recaptcha/api/img/white/sprite.png') no-repeat scroll -27px 0px transparent; width:9px; height:57px }
table#recaptcha_table tr .recaptcha_r4_c1 { background:url('http://www.google.com/recaptcha/api/img/white/sprite.png') no-repeat scroll -43px 0px transparent; width:171px; height:49px }
table#recaptcha_table tr .recaptcha_r4_c2 { background:url('http://www.google.com/recaptcha/api/img/white/sprite.png') no-repeat scroll -36px 0px transparent; width:7px; height:57px }
table#recaptcha_table tr .recaptcha_r4_c4 { background:url('http://www.google.com/recaptcha/api/img/white/sprite.png') no-repeat scroll -214px 0px transparent; width:97px; height:57px }

.businessSupport .regDetail { padding:20px 0 10px }
.businessSupport .callReg,
.businessSupport .smsReg { padding:20px 15px }
.businessSupport .callReg,
.businessSupport .smsReg {
    background:#FAFAFA; height:236px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
}
.businessSupport .callReg { width:182px; display:inline-block; vertical-align:middle; text-align:center }
.businessSupport .flatImages { width:100%; padding:0 }
.businessSupport .flatImages p { font-size:14px; padding-top:20px; letter-spacing:0.3pt }
.businessSupport .smsReg { width:470px; margin-left:10px }
.businessSupport .flatImages img,
.businessSupport .smsReg .row { padding:0 }
.businessSupport .flatImages img { padding-top:15px; margin:0 }
.businessSupport .smsReg img { margin:0 }
.businessSupport .smsReg .flatImages { width:140px; text-align:center }
.businessSupport .smsReg .flatImages img { padding-right:20px }
.businessSupport .tablePackage { width:280px; margin-left:20px }
.businessSupport .tablePackage table { margin:0 }
.businessSupport .tablePackage table td span { padding:5px 0; line-height:38px }
.businessSupport .collapseGroup li { font-size:12px; font-weight:300; color:#000; letter-spacing:0.4pt }
.businessSupport .collapseGroup li p { padding:0 }
.businessSupport .collapseGroup li ul { padding:0 }
.businessSupport .syaratGroup .whiteGroup { padding:11px 13px; margin:0 }
.businessSupport .syaratGroup .whiteGroup ul { padding:5px 0 0 11px; letter-spacing:0.01pt }
.businessSupport .syaratGroup h2 { margin:3px 0 13px; letter-spacing:0.4pt }
.businessSupport .syaratGroup .collapseGroup h3 { padding:8px 12px; letter-spacing:0.33pt }
.businessSupport .regContent { width:214px; margin-left:10px }
.businessSupport .regContent.first { margin-left:0 }
.businessSupport .regis h2 { padding:7px 0 0 }
.businessSupport .regis .regDetail { padding:16px 0 10px }
.businessSupport .indosatAssistant img { padding-top:1px; padding-left:4px }
.businessSupport .indosatAssistant p { padding-top:23px; padding-left:5px }
.businessSupport .indosatAssistant p a { color:#009999 }
.businessSupport .registerCall img { padding-top:17px; padding-left:3px }
.businessSupport .registerCall p { padding-top:40px }
.businessSupport .registerSMS img { padding-top:17px; padding-right:23px; padding-left:0 }
.businessSupport .registerSMS p { padding-top:18px }
.businessSupport .regis .regContent { padding:20px 5px }
.businessSupport .regis .regContent:first-child { margin-left:0 }

.inverstorRelationship .filter { display:table; padding:16px 0 5px }
.inverstorRelationship .filter li { float:left; list-style:none; padding:7px 0 0 }
.inverstorRelationship .filter li.first { padding: 0 4px 0 10px;width: 100%; }
.inverstorRelationship .filter li h2 { padding:0; margin:3px 0 0; font-size:23px }
.inverstorRelationship .filter a { border-right:1px solid #083b82; color:#083b82; font-weight:400; font-size:12px; font-size:14px; text-decoration:underline; display:inline-block; font-weight:bold; padding:0 11px }
.inverstorRelationship .filter li.last a,
.inverstorRelationship .filter li.first a { border:none }

.inverstorRelationship .yearSection { padding:0 0 20px }
.inverstorRelationship .yearSection li { 
    list-style:none; padding:5px 20px; line-height:20px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
}
.inverstorRelationship .yearSection li.odd { background:#e6e7e8 }
.inverstorRelationship .yearSection li.head { background:#414042; color:#fff; font-weight:bold }
.inverstorRelationship .yearSection li a { font-size:12px; background:url(../img/iconPDF.png) right 0 no-repeat; display:block; padding-right: 30px;}

.billingOnMail { width:700px }
.billingOnMail h1 { padding-bottom:15px }
.billingOnMail .grayGroup { margin-top:0; display:block }
.billingOnMail li { font-weight:300; font-size:12px }

.asikArenaGames { padding-bottom:10px }
.asikArenaGames h1 { padding-bottom:0 }
.asikArenaGames h2 { padding:0 0 11px; font-size:24px }
.asikArenaGames p { padding:0 0 12px }
.asikArenaGames .flatImages li { width:161px }
.asikArenaGames .grayGroup { margin:3px 0 10px; padding-bottom:19px; display:block; background:#d1d3d4 }
.asikArenaGames .grayGroup p { padding:11px 0 5px }
.asikArenaGames .grayGroup h2 { padding:0 0 4px }
.asikArenaGames .button { padding:5px 21px 6px 11px; letter-spacing:0pt; background-image:url(../img/buttonNext.jpg); background-repeat:no-repeat; background-position:right 10px }

.arenaMusic h2 { padding:10px 0 11px }
.arenaMusic p { padding:0 0 9px }
.arenaMusic .flatImages li { width:218px }
.arenaMusic .grayGroup p { padding:7px 0 5px; font-size:13px }

.im3Play { width:700px }

.im3Play .whiteGroup,
.im3Play .grayGroup { display:block; margin:6px 0 8px }
.im3Play .grayGroup p { font-size:14px; padding:2px 0 0 }
.im3Play .grayGroup h2 { font-size:18px; padding-top:7px }
.im3Play .collapseContent { display:none }
.im3Play .collapseContent.open { display:block }

.im3Play .tarifPaketGroup { padding:12px 0 30px 27px }
.im3Play .tarifPaketGroup input.submit { margin:46px 0 0; padding:9px 37px; font-size:12px }

.im3Play .registrasiGroup { padding-top:10px }
.im3Play .registrasiGroup img { margin:0 0 0 16px; display:block }

.im3Play .syaratGroup h2 { margin:4px 0 14px; font-size:20px }
.im3Play .syaratGroup .whiteGroup { padding:11px 13px; margin:0 }
.im3Play .syaratGroup ul ul { padding-left:25px }
.im3Play .syaratGroup { margin-bottom:20px; padding-bottom:1px }

.im3Play .whiteGroup .flatImages { padding:9px 0 0 21px }
.im3Play .whiteGroup .flatImages li { width:270px; margin:0 27px 0 6px; text-align:center }
.im3Play .whiteGroup .flatImages li.last { margin-right:0 }

.im3Play .customForm { display:table }
.im3Play .customForm div { float:left; margin:0 6px 0 0 }
.im3Play .customForm label { float:none; display:block; margin-top:14px }
.im3Play .customForm select,
.im3Play .customForm input.text { width:265px }

.tarifGroup h2 { margin-top:14px }
.tarifGroup h3 { margin-top:17px; font-size:17px }
.tarifGroup table { margin:0 }

.grayDetail .collapseGroup { margin:0 0 20px }
.grayDetail .collapseGroup h3 {
    background:#414042 url(../img/acordeonUp.jpg) 98% 13px no-repeat; font-size:14px; color:#fff; padding:9px 12px; cursor:pointer;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
}
.grayDetail .collapseGroup h3.active { background-image:url(../img/acordeonDown.jpg) }

.im3Play .collapseGroup ol { padding-left:30px }
.im3Play .collapseGroup ul li { list-style:disc }
.im3Play .collapseGroup ol li { list-style:decimal }
.im3Play .collapseGroup li { font-weight:normal; font-size:12px }

.grayDetail table.tableYellow { margin:10px 0 0 }
.grayDetail table.tableYellow tr th span,
.grayDetail table.tableYellow tr td span { 
    border-color:#e6e7e8; text-align:center;
    -webkit-border-radius:0!important;
    -moz-border-radius:0!important;
    -ms-border-radius:0!important;
    -o-border-radius:0!important;
    border-radius:0!important;
}
.grayDetail table.tableYellow tr th span { padding:15px; font:14px "FS Joey", sans-serif; color:#414042; font-weight:bold }
.grayDetail table.tableYellow tr td span { padding:20px; line-height:14px; font-size:12px; font-weight:300 }
.grayDetail table.tableYellow tr td span { background:#fff9c9 }
.grayDetail table.tableYellow tr.even td span { background:#fffde9 }
.grayDetail table.tableYellow tr th span,
.grayDetail table.tableYellow tr.first td span { background:#fee300 }

.tarifPaketGroup .customForm .ui-selectmenu-text { background-color:#C6C6C6 }

.supportContact .customForm label { line-height:1em; padding:5px 0 0; width:90px; float:left }
.supportContact .customForm select,
.supportContact .customForm textarea,
.supportContact .customForm .ui-selectmenu-text,
.supportContact .customForm input.text { background-color:#D1D3D4 }
.supportContact .customForm select { width:150px } 
.supportContact .customForm input.text { width:250px } 
.supportContact .customForm textarea { width:610px; height:130px } 
.supportContact .customForm .rightContent { float:left; padding-bottom:10px }
.supportContact .customForm #recaptcha_widget { padding-bottom:30px }

#liveChat .popUpContent img { margin:0 0 15px }
.liveChatLoginForm { position:relative; padding:8px 40px }
.liveChatLoginForm h3 { text-align:center; font-size:30px; padding:0 0 16px }
.liveChatLoginForm img { position:absolute; top:80px; right:20px }
.liveChatLoginForm label { font:18px "FS Joey", sans-serif; font-weight:bold; margin:5px 0 0; width:90px; float:left }
.liveChatLoginForm textarea,
.liveChatLoginForm input.text { width:300px; margin:0; font:14px "Helvetica Neue", sans-serif; font-weight:300 }
.liveChatLoginForm .row { padding-bottom:14px }
.liveChatLoginForm input.submit { 
    font:24px "FS Joey", sans-serif; font-weight:bold; text-transform:uppercase; padding:8px 90px; margin:0 0 0 90px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
}

.liveChatForm { display:block; width:640px; height:520px }
.lt-ie9 .liveChatForm { width:630px }
.liveChatForm .pullLeft,
.liveChatForm .chatScroll,
.liveChatForm textarea { width:410px }
.liveChatForm .pullLeft { margin:16px 0 0 16px }
.liveChatForm .chatScroll { 
    height:370px; overflow:auto; padding:8px; margin:0 0 10px; background:#E5E7E7;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
}
.liveChatForm .chatScroll p { margin:0; padding:0; font-size:13px }
.liveChatForm textarea { height:100px; background:#E5E7E7 }
.liveChatForm .pullRight { width:170px; margin:16px 16px 0 0 }
.liveChatForm input.submit { 
    font:30px "FS Joey", sans-serif; font-weight:bold; padding:12px 50px; margin:206px 0 0;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
}
.lt-ie9 .liveChatForm input.submit { padding:6px 50px } 

.dealoka { width:690px; padding:0 0 20px }
.dealoka h2 { font-size:18px; padding:5px 0 0 }
.dealoka ol { list-style:decimal; padding:0 0 0 20px; margin:0 0 10px }
.dealoka p { padding:12px 0 0 }
.dealoka a.button { float:right; margin:10px 0 }
.dealoka .flatImages { padding:5px 0 10px }
.dealoka .whiteGroup { padding:0; width:100%; display:table }
.dealoka .pullLeft { width:165px }
.dealoka .pullRight { width:515px }

.programEvent { padding-bottom:10px }
.programEvent .wrapper { width:auto; padding-right:20px }
.programEvent h3 { padding:0px 0 17px 0; font-size:16px; letter-spacing:0.1pt }
.programEvent .gadget,
.programEvent .pagination ul { list-style:none; padding:0 }
.programEvent .gadget li { border-bottom:1px solid #ddd; letter-spacing:0.25pt; padding-bottom:10px; margin-bottom:10px }
.programEvent .gadget li a { color:#063C86 }
.programEvent .pagination { display:inline-block; width:100%; text-align:center; margin-top:12px; margin-bottom:5px }
.programEvent .pagination .prevNav{ float:left }
.programEvent .pagination .nextNav{ float:right }
.programEvent .pagination .prevNav a,
.programEvent .pagination .nextNav a { display:inline-block }
.programEvent .pagination .prevNav i,
.programEvent .pagination .nextNav i { width:14px; height:25px; display:inline-block }
.programEvent .pagination .prevNav i { margin-right:10px; background:url(../img/arrowLeft.jpg) center no-repeat }
.programEvent .pagination .nextNav i { margin-left:10px; background:url(../img/arrowRight.jpg) center no-repeat }
.programEvent .pagination .prevNav span,
.programEvent .pagination .nextNav span { display:inline-block; vertical-align:top; padding-top:4px; font-size:12px; font-family:fsjoey-heavy; letter-spacing:0 }
.programEvent .pagination ul { display:inline-block }
.programEvent .pagination li { float:left; border-right:1px solid #ddd; padding:4px 0px }
.programEvent .pagination li a { padding:0 11px; font-size:12px; font-family:fsjoey-heavy }
.programEvent .pagination li:first-child { margin-right:0; border:0 }
.programEvent .pagination li:first-child a { padding:0 5px }
.programEvent .pagination li.last2 { border:0 }
.programEvent .pagination li:last-child { padding-right:0; margin-right:0; border:0 }
.programEvent .pagination li:last-child a { padding:0 5px }
.programEvent .pagination li a:hover,
.programEvent .pagination li a.selected { color:red }

.cke_toolbar a,
.cke_toolbar div,
.cke_toolbar span { 
  -webkit-box-sizing:initial;
  -moz-box-sizing:initial;
  -ms-box-sizing:initial;
  -o-box-sizing:initial;
  box-sizing:initial;
}

.topHeader,
#mainNav { z-index:666; position:relative }
#mainNav.navFixed { position:fixed }

.popUpOverlay { z-index:665; position:absolute; top:0; left:0; right:0; height:100%; background:url(../img/liveChatBg.png) 0 0 repeat }
.popUpOverlay .popUpWrapper { 
    margin:120px auto 0; padding:0 0 20px; width:640px; background:#ffe500;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
}

.popUpContent { background:#F2F4F5; width:auto }

.popUpTitle { height:40px; overflow:hidden }
.popUpTitle h2 { font:18px/40px "FS Joey", sans-serif; font-weight:900; text-transform:uppercase; padding:0 20px; float:left }
.popUpTitle a { float:right; margin:10px 20px 0 0; text-indent:-666em; width:22px; height:22px; background:url(../img/buttonClose.jpg) 0 0 no-repeat }

ul.trumbowyg-button-pane { 
    display:table; width:100%; padding:0; background:#D1D2D4;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
}
.trumbowyg-button-pane li { float:left }
.trumbowyg-button-pane li button { margin:0 }
.trumbowyg-box, 
.trumbowyg-editor,
.trumbowyg-editor, 
.trumbowyg-textarea { min-height:100px; height:100px }
.trumbowyg-box, 
.trumbowyg-editor { margin:17px 0 0; width:100% }
div.trumbowyg-editor { 
    min-height:60px; height:60px!important; background:#E6E6E8;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
}
.trumbowyg-box { border:none }
.trumbowyg-dropdown button { margin:0 }

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color:transparent;
    border:0;
    overflow:hidden;
    /* IE 6/7 fallback */
    *text-indent:-9999px;
}

.ir:before {
    content:"";
    display:block;
    width:0;
    height:150%;
}

/*
 * Hide from both screenreaders and browsers:h5bp.com/u
 */

.hidden {
    display:none !important;
    visibility:hidden;
}

/*
 * Hide only visually, but have it available for screenreaders:h5bp.com/v
 */

.visuallyhidden {
    border:0;
    clip:rect(0 0 0 0);
    height:1px;
    margin:-1px;
    overflow:hidden;
    padding:0;
    position:absolute;
    width:1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard:h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip:auto;
    height:auto;
    margin:0;
    overflow:visible;
    position:static;
    width:auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility:hidden;
}

/*
 * Clearfix:contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content:" "; /* 1 */
    display:table; /* 2 */
}

.clearfix:after {
    clear:both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom:1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width:35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio:5/4),
       (-webkit-min-device-pixel-ratio:1.25),
       (min-resolution:120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection:h5bp.com/r
   ========================================================================== */

@media print {
    * {
        /*background:transparent ;
        color:#000 ; /* Black prints faster:h5bp.com/s */*/
        box-shadow:none !important;
        text-shadow:none !important;
    }

    a,
    a:visited {
        text-decoration:underline;
    }

    a[href]:after {
        content:" (" attr(href) ")";
    }

    abbr[title]:after {
        content:" (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content:"";
    }

    pre,
    blockquote {
        border:1px solid #999;
        page-break-inside:avoid;
    }

    thead {
        display:table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside:avoid;
    }

    img {
        max-width:100% !important;
    }

    @page {
        margin:0.5cm;
    }

    p,
    h2,
    h3 {
        orphans:3;
        widows:3;
    }

    h2,
    h3 {
        page-break-after:avoid;
    }
}


/*######################################################################*/

/*
* Indosat Custom
* www.7langit.com
*/


/* border radius element */
.breadcrumb-wrapper, .searchJob, .btnDarkYellow, .btn-getItNow, .loginApplicant, .searchJob input[type="text"], .searchJob input[type="submit"], .businessNeed .item img, .aboutIndosat .moreText, .ourBusiness .moreText, .ourPeople .moreText, .pressRelease, .customNavigation a, .theBoard .message, .ourBoard, .ourBoard img, .landing .row>.three, ul.tabs li, .tab-content, .rounded, .round5, .headerDarkMenu a.active, .promoBox img, .arenaSport img, .arenaGames img, .otherEntertainment img, .boxImageHead, .normalBox, .bgBox img, .boxImageHead img, .fullWidthBox, .rad5Top, .drkYellowBtn, .drkBlokNav, .drkBlokNav a, .innerSlideNav a, .more .btn-share, .ourBoardImg img, .personalProgram .item img, .call-our-box, .fillInForm, .twitterBox, .fillInForm a, .liveChatBox, .whiteBox, .twitterBox textarea, .twitterBox input[type="submit"] {
    position: relative;
    zoom: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    behavior: url(../../assets/js/vendor/pie/PIE.htc);
}
/* endOf borderRadiusElement */

.call-our-box, .fillInForm, .twitterBox, .liveChatBox {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.noPadding {
    padding: 0;
}
.w320 {
    width: 320px;
}
.w213 {
    width: 213px;
}
.w223 {
    width: 223px;
}
.w690 {
    width: 690px;
}
.w345 {
    width: 345px;
}
.w313 {
    width: 313px;
}
.boxpad10Top {
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 10px;
    padding-bottom: 20px;
}



.container .fullWidth {
    width: 960px;
}
.noBtmMargin {
    margin-bottom: 0;
}
.bgColumn {
    position: relative;
    float: left;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
}
.bgColumn.lastColumn {
    margin-right: 0;
}
.bgColumn .light {
    color: #ffffff;
}
.bgColumn h4 {
    top: 13px;
    position: absolute;
    left: 19px;
    text-transform: uppercase;
    font-size: 19px;
    color: #414042;
    z-index: 3;
}
h2.mainTitle {
    color: #414042;
    font-family: 'FS Joey', sans-serif;
    font-weight: 700;
}
.center {
    margin: 0 auto;
}
.left {
    text-align: left;
}
.redLink {
    color: #ed1c24;
}
.redLink:hover {
    color: #ff3333;
}
.breadcrumb-wrapper {
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}
ul.breadcrumb > li.active a {
    color: #083b82;
}
.btn-getItNow {
    padding: 6px 15px;
}
.btn-share {
    padding: 7px 13px 8px 13px;
}
/* banner */

.staticBannerInfo > p {
    margin-top: 8px;
    margin-bottom: 14px;
    font-family: 'Helvetica Neue', Arial, sans-serif;
    font-weight: 300;
    font-size: 15px;
}
.landing .staticBannerInfo {
    top: 100px;
}
/*  end banner */

.fillInForm {
    padding: 13px 20px 18px 21px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 11px;
}
/* twitterbox */

.twitterBox {
    padding: 7px 20px 20px 16px;
}
.twitterBox > h4 {
    margin-bottom: 3px;
    padding-left: 39px;
    line-height: 30px;
}
.twitterBox > form {
    margin-left: 4px;
}
.twitterBox > form > input[type="submit"] {
    margin-top: 50px;
    padding-left: 9px;
    padding-top: 18px;
    padding-bottom: 19px;
    height: 50px;
}
.twitterBox > form > textarea {
    line-height: 14px;
    width: 235px;
    margin-right: 10px;
    height: 100px;
}
.twitterBox input[type="submit"]:active, .twitterBox input[type="submit"]:focus {
    border: none;
    outline: none;
}
/* end twitterbox */

.call-our-box > h4, .liveChatBox > h4, .fillInForm > h4, .twitterBox > h4 {
    font-family: 'FS Joey', sans-serif;
    font-weight: 700;
    color: #414042;
}
.call-our-box > h4 {
    margin-bottom: 13px;
    color: #414042;
}
.call-our-box p {
    font-family: 'Helvetica Neue', Arial, sans-serif;
    font-weight: 300;
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 15px;
}
.call-our-box .whiteBox {
    padding-bottom: 14px;
    padding-top: 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    height: 208px;
}
.call-our-box .whiteBox ul {
    margin-left: 14px;
}
.call-our-box .whiteBox>ul>li {
    line-height: 14px;
}
.call-our-box .whiteBox ul ul {
    margin-left: 20px;
    font-size: 15px;
}
.fillInForm > h5 {
    font-family: 'Helvetica Neue', Arial, sans-serif;
    font-weight: 300;
    margin-top: 1px;
    margin-bottom: 10px;
}
.fillInForm > h4 {
    margin-bottom: 6px;
}
.fillInForm a {
    margin-right: 9px;
    padding: 8px 0;
}
.fillInForm a img {
    margin-bottom: 2px;
}

.fillInForm a > span {
    font-size: 13px;
    line-height: 10px;
}
.whiteBox .list-nomargin li {
    margin-bottom: 3px;
}
.searchJob {
    background: #9BBACC;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    padding: 20px;
    width: 463px;
    float: left;
    display: inline;
    height: 240px;
}
.loginApplicant {
    height: 200px;
}
.btnDarkYellow {
    background: #414042;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    color: #FEE300;
    font-size: 14px;
    padding: 8px 9px 9px 12px;
    font-family: 'FS Joey', sans-serif;
    font-weight: 400;
    line-height: 14px;
    text-align: center;
    display: inline-block;
    text-decoration: none;
    margin-right: 10px;
}
.btnDarkYellow:hover {
    background: #333333;
    color: #FEE300;
}
.btnDarkYellow .nextArrow {
    background: url("../img/img-nextArrow.png") no-repeat right center;
    margin-bottom: 0;
    display: inline-block;
    height: 10px;
    padding-right: 10px;
    margin-left: 5px;
}
.loginApplicant {
    width: 227px;
    float: left;
    display: inline;
    margin-left: 10px;
    background: #B6DAA6;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    padding: 26px 25px 14px 25px;
    margin-bottom: 10px;
    display: inline-block;
    text-align: center;
    height: 240px;
}
.loginApplicant h4 {
    font-family: 'FS Joey', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    color: #414042;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 12px;
}
.loginApplicant p {
    font-family: 'Helvetica Neue', Arial, sans-serif;
    font-weight: 300;
    font-size: 12px;
    margin-bottom: 13px;
    line-height: 20px;
}
.loginApplicant .btnDarkYellow {
    font-size: 12px;
    padding: 9px 27px;
    margin-left: 14px;
}
/* Search Jobs */

.searchIco {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-top: 20px;
    padding-left: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.searchJob input[type="text"] {
    border: none;
    font-size: 13px;
    font-family: 'FS Joey', sans-serif;
    font-weight: normal;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    width: 271px;
    outline: none;
    position: relative;
    float: left;
    font-family: 'Futura', sans-serif;
    margin-bottom: 2px;
    height: 31px;
    padding-left: 10px;
}
.searchJob input[type="submit"] {
    background: #414042 url("../img/icon-searchLight.png") no-repeat center center;
    border: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    display: inline-block;
    margin-bottom: 0;
    text-indent: 999px;
    padding: 0;
    outline: none;
    width: 31px;
    margin-left: 9px;
    overflow: hidden;
    height: 31px;
}
.searchJob form {
    position: relative;
    display: block;
    width: 330px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 19px;
    margin-bottom: 0px;
    padding-left: 8px;
    padding-top: 2px;
}
.browseJobs {
    display: inline-block;
    width: 100%;
}
.browseJobs a {
    font-family: 'futurastd-medium', Arial, sans-serif;
    font-weight: normal;
    font-size: 13px;
    text-decoration: underline;
    display: inline-block;
    width: 100%;
    margin-bottom: 7px;
}
/* end Search Jobs */
/* Business Needs */

.businessNeed h1 {
    font-family: 'FS Joey', sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 1em;
    margin-top: 20px;
    color: #414042;
}
.businessNeed h2 {
    font-family: 'FS Joey', sans-serif;
    font-weight: 700;
    color: #414042;
    text-transform: uppercase;
    line-height: 25px;
    font-size: 21px;
    margin-bottom: 4px;
}
.businessNeed .item {
    width: 100%;
    display: inline-block;
    margin-bottom: 15px;
}
.businessNeed .item img {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    max-width: 100%;
    float: left;
    margin-right: 20px;
    display: inherit;
    width: 335px;
    position: relative;
    zoom: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    behavior: url(../../assets/js/vendor/pie/PIE.htc);
}
.businessNeed .content {
    float: left;
    display: inline-block;
    width: 335px;
    font-family: 'Helvetica Neue', Arial, sans-serif;
    font-weight: 300;
    font-size: 12px;
    line-height: 18px;
}
.businessNeed .content p {
    margin-bottom: 18px;
}
.businessNeed .content a {
    padding: 8px 20px 9px 21px;
}
/* endOf Business Needs */

.aboutIndosat .moreText, .ourBusiness .moreText, .ourPeople .moreText {
    height: 161px;
}
.aboutIndosat .w313 h4 {
    font-size: 21px;
    font-family: 'FS Joey', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    color: #414042;
    line-height: 20px;
    margin-bottom: 11px;
}
.aboutIndosat h4, .ourBusiness h4, .ourPeople h4 {
    font-size: 18px;
    font-family: 'FS Joey', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    color: #414042;
    line-height: 20px;
    margin-bottom: 11px;
}
.aboutIndosat p, .ourBusiness p, .ourPeople p {
    line-height: 20px;
    margin-bottom: 5px;
    font-family: 'Helvetica Neue', Arial, sans-serif;
    font-weight: 300;
    font-size: 13px;
}
.videoBox iframe { 
    width: 270px;
    height: 120px;
}

.theBoard iframe {
    width: 170px;
    height: 120px;
}

.fourGrid.columns img {
    max-width: 100%;
}
.fourGrid.columns {
    width: 227px;
    margin-left: 9px;
    margin-right: 9px;
}
.fourGrid.columns.alpha {
    margin-left: 0;
}
.fourGrid.columns.omega {
    margin-right: 0;
}
.aboutIndosat .moreText {
    background: #d0b0a3;
    padding: 15px 15px 15px 20px;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -ms-border-radius: 0 0 5px 5px;
    -o-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}
.ourBusiness .moreText {
    background: #a3dada;
    padding: 15px;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -ms-border-radius: 0 0 5px 5px;
    -o-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    padding-left: 21px;
}
.ourPeople .moreText {
    background: #7ccef0;
    padding: 15px;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -ms-border-radius: 0 0 5px 5px;
    -o-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    padding-left: 21px;
}
/* sideNAV */

.sideNav ul > li.dropdown {
    position: relative;
}
.sideNav ul > li.dropdown a:after {
    content: " ";
    width: 12px;
    background: rgba(0, 0, 0, 0) url("../img/icon-dropdown.png") no-repeat top center;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    overflow: hidden;
    height: 7px;
    margin: 22px 15px;
}
.sideNav ul > li.dropdown:hover a:after {
    background: rgba(0, 0, 0, 0) url("../img/icon-dropdown.png") no-repeat bottom center;
}
.sideNav ul > li.dropdown.active a:after {
    background: rgba(0, 0, 0, 0) url("../img/icon-upArrow.png") no-repeat bottom center;
}
/* end sideNAV */

.pressRelease {
    background: #d1d3d4;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    padding: 15px 40px 20px 40px;
    width: 470px;
    float: left;
    display: inline;
}
.pressRelease h3 {
    font-size: 22px;
    text-transform: uppercase;
    font-family: 'FS Joey', sans-serif;
    font-weight: 700;
    line-height: 18px;
    margin-bottom: 17px;
    color: #414042;
    letter-spacing: 0.8px;
}
.theBoard {
    width: 210px;
    margin-left: 20px;
}
.mainContent .theBoard {
    margin-left: 20px;
}
.pressRelease {
    position: relative;
}
#pressReleaseContent .item.odd {
    background: #7ccef0;
    width: 280px;
}
#pressReleaseContent .item.even {
    background: #b6daa6;
    width: 280px;
}
#pressReleaseContent>div { overflow: hidden; }
#pressReleaseContent .item {
    width: 280px;
    height: 320px;
    padding: 20px;
    overflow: hidden;
    position: relative;
    zoom: 1;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    behavior: url(../../assets/js/vendor/pie/PIE.htc);
}
#pressReleaseContent .owl-item {
    overflow: hidden;
}


#pressReleaseContent h3 {
    font-size: 20px;
    font-family: 'FS Joey', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    color: #414042;
    line-height: 24px;
    margin-top: 16px;
    margin-bottom: 14px;
    letter-spacing: 0.1px;
}
#pressReleaseContent .item .image {
    width: 100%;
    text-align: center;
    max-width: 100%;
}
#pressReleaseContent .item .summary {
    font-family: 'Helvetica Neue', Arial, sans-serif;
    font-weight: 300;
    font-size: 11px;
    line-height: 20px;
    margin-bottom: 10px;
    width: 100%;
}
#pressReleaseContent .item .more {
    position: absolute;
    bottom: 20px;
}
#pressReleaseContent .more a {
    float: left;
    display: inline-block;
}
#pressReleaseContent .owl-wrapper-outer {
    width: 390px;
}
.customNavigation a {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    display: block;
    float: left;
    height: 50px;
    padding: 10px;
    width: 50px;
    text-indent: -9999px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    margin-top: -13px;
    z-index: 4;
}
.customNavigation .next {
    background: url("../img/iconNextSlide.png") no-repeat scroll center #414042;
    right: -9px;
}
.customNavigation .prev {
    background: url("../img/iconPrevSlide.png") no-repeat scroll center #414042;
    left: -9px;
}
#pressReleaseContent .noImage>h3 {
    margin-top: 2px;
    font-size: 22px;
    margin-bottom: 23px;
}
.theBoard .message {
    background: #9bbacc;
    padding: 8px 20px 20px 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    height: 190px;
}
.theBoard .message h3 {
    color: #414042;
    text-transform: uppercase;
    font-family: 'FS Joey', sans-serif;
    font-weight: 700;
    font-size: 22px;
    margin-bottom: 12px;
    line-height: 30px;
}
.ourBoard {
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    margin-top: 10px;
}
.ourBoard img {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}
.ourBoard h4 {
    position: absolute;
    font-family: 'FS Joey', sans-serif;
    font-weight: 700;
    color: #ffffff;
    top: 7px;
    left: 20px;
    font-size: 22px;
    text-transform: uppercase;
    z-index: 2;
}
/* landing */

.landing {
    margin-top: 20px;
}
.landing > .container {
    background: transparent;
}
.landing .row>.three {
    width: 283px;
    margin-left: 10px;
    float: left;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    padding: 15px;
    letter-spacing: 0.42px;
}
.landing .row>.alpha {
    margin-left: 0;
}
.landing .row>.omega {
    margin-left: 0;
}
/* about indosat landing */

.landingAboutIndosat {
    display: block;
}
.landingAboutIndosat .normalBox {
    width: 313px;
    padding-top: 10px;
    height: 180px;
}
.landingAboutIndosat .bgBox {
    width: 313px;
    height: 180px;
}
.landingAboutIndosat .title {
    text-transform: uppercase;
    font-size: 22px;
    line-height: 22px;
    margin-bottom: 7px;
    font-family: "FS Joey", sans-serif;
    font-weight: bold;
}
.landingAboutIndosat .bgBox .title {
    top: 12px;
    left: 22px;
    font-size: 22px;
    position: absolute;
    z-index: 3;
}
/* endOf about indosat landing */

.businessLanding h1 {
    font-family: 'FS Joey', sans-serif;
    font-weight: bold;
    font-size: 30px;
    color: #414042;
    line-height: 23px;
    margin-bottom: 11px;
    margin-left: 19px;
}
.landing .businessLanding h2 {
    font-size: 18px;
    font-family: 'Helvetica Neue', Arial, sans-serif;
    font-weight: 400;
    color: #414042;
    margin-left: 20px;
}
.landing h2 {
    font-family: 'FS Joey', sans-serif;
    font-weight: 700;
    font-size: 30px;
    color: #414042;
    line-height: 23px;
    margin-bottom: 11px;
    margin-left: 19px;
}
.landing h5 {
    font-size: 18px;
    font-family: 'Helvetica Neue', Arial, sans-serif;
    font-weight: 400;
    color: #414042;
    margin-left: 20px;
}
/* end landing */
/* tabbed */

.tabbed {
    display: inline-block;
    position: relative;
    width: 100%;
    margin-top: 15px;
}
ul.tabs {
    margin: 0px;
    padding: 0px;
    list-style: none;
    margin-left: 30px;
}
ul.tabs li {
    display: inline-block;
    padding: 10px 40px;
    cursor: pointer;
    margin-bottom: 0;
    background: #414042;
    color: #ffffff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    font-size: 18px;
    font-family: 'FS Joey', sans-serif;
    font-weight: 700;
}
ul.tabs li.current {
    background: #ffffff;
    color: #414042;
}
ul.tabs li.busSeg {
    padding: 10px 45px 10px 36px;
}
ul.tabs li.busNeed {
    padding: 10px 53px 10px 55px;
}
ul.tabs li.indSpec {
    padding: 10px 39px 10px 55px;
}
ul.tabs li.prod {
    padding: 10px 80px 10px 80px;
}
.tab-content {
    display: none;
    background: #ffffff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    width: 100%;
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.tab-content.current {
    display: inherit;
}
.threeCol {
    width: 300px;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}
.tab-content .colmd>div {
    height: 180px;
}
.tab-content .nomargin {
    margin-left: 0;
    margin-right: 0;
}
/* end tabbed */

.businessEvent .left, .businessEvent .right {
    width: 50%;
    float: left;
    display: inline-block;
}
.businessEvent .right {
    padding-left: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.businessEvent .right h4 {
    margin-bottom: 12px;
}
.businessEvent .right h5 {
    font-weight: bold;
    font-size: 11px;
}
.businessEvent .right p {
    line-height: 19px;
    margin-bottom: 17px;
}
.table {
    display: table;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
/* colorBox */

.greyBox {
    background: #e6e7e8;
    padding: 20px;
    position: relative;
    display: inline-block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 20px;
}
.blueBox {
    background: #9bbacc;
    padding: 20px;
}
.purpleBox {
    background: #cab3d5;
    padding: 20px;
}
.lightBlueBox {
    background: #7ccef0;
    padding: 20px;
}
.lightOrangeBox {
    background: #fcbb3a;
    padding: 20px;
}
.greenBox {
    background: #b6daa6;
    padding: 20px;
}
.brownBox {
    background: #d0b0a3;
    padding: 20px;
}
.yellowBox {
    background: #fff471;
    padding: 20px;
}
.mintBox {
    background: #a4dada;
    padding: 20px;
}
/* end Color box */

.rounded {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}
.businessSimulator .table {
    height: 180px;
    position: relative;
}
.businessSimulator .table .businessTitle {
    display: block;
    text-align: center;
}
.businessSimulator .table .businessTitle h2 {
    color: #ffffff;
    font-size: 15px;
}
/*.businessSimulator .table span {
    width: 50%;
    display: table-cell;
    text-align: center;
    height: 100%;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}*/
.businessSimulator .table .businessThumb {
    margin: 0 auto;
    margin-right: 8px;
    position: absolute;
    top: 0;
    left: 0;
}
.businessSimulator .table span:first-child {
    text-align: right;
}
.businessSimulator .table span:last-child {
    text-align: left;
    padding-top: 7px;
}
.businessSimulator .table h4 {
    font-family: 'FS Joey', sans-serif;
    font-weight: 900;
    font-size: 24px;
    margin-left: 22px;
    color: #414042;
}
.moreBusiness {
    display: inline-block;
    width: 100%;
    margin-top: 15px;
    float: left;
}
.moreBusiness .nav {} .landing .container .moreBusiness h4 {
    line-height: 28px;
    font-size: 22px;
    margin-bottom: 2px;
    color: #414042;
}
.mainContainer .moreBusiness h5 {
    font-size: 14px;
    font-family: 'Helvetica Neue', Arial, sans-serif;
    font-weight: 300;
    margin-left: 0;
    line-height: 17px;
}
.businessInsight p {
    font-family: 'Futura', sans-serif;
    font-size: 12px;
    margin-top: 7px;
    line-height: 20px;
    margin-bottom: 13px;
}
.moreBusiness .rounded {
    padding-top: 10px;
    height: 190px;
}
.businessProductInfo h4 {
    font-size: 20px;
    line-height: 27px;
    margin-bottom: 0;
}
.colmd h4 {
    font-family: 'FS Joey', sans-serif;
    font-weight: bold;
}
.moreBusiness .threeCol {
    width: 310px;
    display: inline-block;
    margin-right: 10px;
    float: left;
    position: relative;
}
.businessProductInfo {
    width: 320px;
}
.businessEvent {
    width: 310px;
    margin-right: 0;
}
.rightBottom {
    position: absolute;
    bottom: 19px;
    right: 10px;
}
.rightBottom10 {
    position: absolute;
    bottom: 10px;
    right: 10px;
}
/* footer */

.footerTop a.footerToggle {
    background: url('../img/icon-arrow-close.png') no-repeat right center;
    font-family: 'FS Joey', sans-serif;
    font-weight: 700;
    font-size: 18px;
}
.footerMiddleHead {
    font-family: 'FS Joey', sans-serif;
    font-weight: 400;
}
.footerMiddleHead.twoLine {
    line-height: 18px;
}
/* endOf footer */
/* news investorRelation */

.investorRelation {
    margin-top: 11px;
}
.investorRelation h4 {
    text-transform: uppercase;
}
.customNavigation a {
    padding: 16px;
    margin-top: -11px;
}
.customNavigation a.next {
    right: -10px;
}
.customNavigation a.prev {
    left: -10px;
}
.investorRelation .menuBGColumn {
    width: 310px;
    float: left;
    position: relative;
    margin-left: 10px;
    margin-top: 0;
}
.investorRelation .menuBGColumn:first-child {
    margin-left: 0;
}
.investorRelation .menuBGColumn.w320 {
    width: 320px;
}
.investorRelation .mainContent .row {
    margin-bottom: 10px;
}
.landing .row .menuBGColumn h4 {
    position: absolute;
    left: 20px;
    top: 10px;
    color: #ffffff;
    line-height: 24px;
    letter-spacing: 1px;
}
.newsUpdate.whiteBox {
    padding: 15px 70px 30px 70px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}
.newsUpdate>h3:before {
    content: "";
    background: url('../img/icon-News.png') no-repeat;
    width: 22px;
    height: 30px;
    display: inline-block;
    float: left;
    margin-left: -2px;
    padding-right: 8px;
}
.newsUpdate>h3 {
    font-size: 23px;
    letter-spacing: 1px;
    line-height: 37px;
    color: #414042;
}
.newsUpdateContent {
    overflow: hidden;
}
.newsUpdateContent img {
    display: inline-block;
    position: relative;
    zoom: 1;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    behavior: url(../../assets/js/vendor/pie/PIE.htc);
}
.newsUpdateContent .owl-wrapper-outer {
    width: 300px;
    overflow: visible;
}

.newsUpdateContent .item.noImage {
    /*width: 200px;*/
}
.newsUpdateContent .item, .im3product .tab-place .item {
    width: 240px;
    height: 400px;
    padding: 15px;
    overflow: hidden;
    position: relative;
    zoom: 1;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    behavior: url(../../assets/js/vendor/pie/PIE.htc);
}

.im3product .tab-place .item {
    display: inline-block;
    height: 290px;
    padding: 0;
    width: 210px;
}

.im3product .tab-place .item img {
    width: 100%;
}

.newsUpdateContent .noImage .summary {
    margin-top: 5px;
}
.newsUpdateContent .noImage h3 {
    padding-top: 20px;
    line-height: 25px;
}

.owl-carousel .owl-item img {
    width: 200px;
}

.newsUpdateContent .summary, .im3product .summary {
    font-family: 'Helvetica Neue', Arial, sans-serif;
    font-size: 11px;
    font-weight: 300;
    line-height: 20px;
    /*margin-top: 2px;
    padding-left: 20px;
    padding-right: 20px;*/
}
.newsUpdateContent h3 {
    font-size: 20px;
    text-transform: uppercase;
    line-height: 25px;
    color: #414042;
    margin-top: 10px;
    /*margin-top: -3px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 12px;
    display: inline-block;*/
}
/* endOf investorRelation */

.productLogo {
    margin-top: 20px;
}
.quicklinks {
    border-bottom: 1px solid #d1d3d4;
    margin-top: 10px;
}
.quicklinks a {
    font-family: 'Helvetica Neue', Arial, sans-serif;
    font-weight: 300;
    font-size: 12px;
    color: #083b82;
    line-height: 26px;
    padding: 5px 1px;
    margin-right: 19px;
    letter-spacing: 0.4px;
}
.round5 {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
}
.bottom20 {
    position: absolute;
    bottom: 20px;
    left: 20px;
}
.more .btn-share {
    width: 36px;
    height: 31px;
}
.more a {
    float: left;
}
/* bundling */

.productBundling {
    padding-left: 10px;
}
.productBundling .row {
    margin-top: 20px;
}
.headerDarkMenu {
    background: #58595b;
    display: inline-block;
    width: 100%;
}
.headerDarkMenu a {
    color: #ffffff;
    font-size: 16px;
    padding: 10px 31px;
    float: left;
    display: inline-block;
    letter-spacing: 0.4px;
}
.headerDarkMenu a.active {
    background: #414042;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    padding: 10px 31px 10px 31px;
}
.bundlingContent {
    position: relative;
    display: inline-block;
    margin-top: 14px;
    width: 100%;
    margin-bottom: 14px;
}
.clearCol {
    margin: 0;
}
.marginBtm20 {
    margin-bottom: 20px;
}
.greyBox a.btnDarkYellow {
    padding: 8px 9px 9px 12px;
}
.helveFont {
    font-family: 'Helvetica Neue', Arial, sans-serif;
    font-weight: 300;
    font-size: 11px;
    line-height: 9px;
}
.introText {
    font-family: 'Helvetica Neue', Arial, sans-serif;
    font-weight: 300;
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 4px;
    margin-top: 3px;
    display: inline-block;
}
.greyBox h5, .greyBox h4, .newsUpdateContent h3, .menuBGColumn h4, .newsUpdate>h3 {
    font-family: 'FS Joey', sans-serif;
    font-weight: bold;
    color: #414042;
}
.greyBox h4 {
    line-height: 21px;
    font-size: 19px;
    color: #414042;
}
.topGap {
    margin-top: 20px;
}
.smallTopPad {
    padding-top: 13px;
}
.padding20 {
    padding: 20px;
}
.col325 {
    width: 305px;
    float: left;
    padding: 10px;
}
.marginL5 {
    margin-left: 5px;
}
.marginR5 {
    margin-right: 5px;
}
.promoBox {
    display: inline-block;
    width: 100%;
    text-align: left;
    margin-top: 13px;
    margin-bottom: 7px;
}
.promoBox img, .arenaSport img, .arenaGames img, .otherEntertainment img {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}
.promoBox .promo {
    display: inline-block;
    margin-right: 27px;
}
.promoBox .promo:last-child {
    margin-right: 0;
}
.promoBox .promo p {
    font-family: 'Helvetica Neue', Arial, sans-serif;
    font-weight: 300;
    font-size: 12px;
    line-height: 34px;
    margin-bottom: 19px;
}
.rightBottom.prmBox {
    position: absolute;
    bottom: 10px;
    right: 10px;
}
.musicArena .img, .iRing .img {
    float: left;
    margin-right: 11px;
}
.musicArena img, .iRing img {
    width: 80px;
}
.musicArena, .iRing {
    margin-top: 8px;
    width: 325px;
    height: 140px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.musicArena h5, .iRing h5 {
    line-height: 32px;
    letter-spacing: 1px;
}
.iRing {
    padding-left: 15px;
    padding-right: 5px;
    position: relative;
}
.iRing .codeIring {
    font-family: 'futurastd-medium', sans-serif;
    font-size: 13px;
    bottom: 25px;
    right: 20px;
}
.musicArena h6 {
    line-height: 27px;
}
.musicArena p, .iRing p {
    line-height: 19px;
    margin-top: -3px;
}
.iRing a {
    color: #ED1C24;
    text-decoration: underline;
    font-family: 'futurastd-medium', sans-serif;
    font-size: 12px;
}
.iRing h6 {
    font-size: 17px;
    margin-top: 2px;
}
.iRing .artist {
    line-height: 19px;
    font-size: 15px;
}
.codeIring .text {
    display: block;
}
.codeIring .code {
    background: #414042;
    color: #FEE300;
    padding: 6px 11px;
    font-family: 'futurastd-medium', sans-serif;
    font-size: 12px;
    letter-spacing: 0.5px;
}
.arenaSport, .arenaGames, .otherEntertainment {
    padding-left: 20px;
    padding-top: 13px;
    display: inline-block;
    width: 100%;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 29px;
    margin-bottom: 6px;
    margin-top: 7px;
}
.arenaGames {
    margin-top: 4px;
    margin-bottom: 2px;
}
.arenaSport .item, .arenaGames .item, .otherEntertainment .item {
    float: left;
    display: inline-block;
    text-align: center;
    margin-top: 12px;
    margin-right: 10px;
}
.arenaSport .item p {
    line-height: 19px;
    margin-top: 9px;
    font-family: 'Helvetica Neue';
    font-weight: 300;
    font-size: 13px;
    margin-bottom: 24px;
}
.arenaGames p {
    margin-bottom: 18px;
    line-height: 35px;
}
.otherEntertainment p {
    line-height: 34px;
}
.otherEntertainment .btnDarkYellow {
    bottom: 22px;
}
.otherEntertainment {
    margin-bottom: 0;
    padding-top: 9px;
}

.promoContainer {
    padding-bottom: 10px;
    padding-top: 15px;
    margin-bottom: 15px;
}
.promoInternational {
    margin-top: 2px;
}
.promoInternational .item { margin-bottom: 10px; }
.promoInternational .item:nth-child(3n) { margin-right: 0; }


/* PERSONAL PROGRAM */
.personalProgram .content { display: inline-block;
margin-top: 6px; }

.personalProgram .bgColumn h4 {
    line-height: 22px;  }

.personalProgram .item img { 
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
 }

/* END PERSONAL PROGRAM */

.w690.bgColumn h4 {
    font-family: 'FS Joey', sans-serif;
    font-weight: 900;
    color: #414042;
    line-height: 24px;
    position: absolute;
    top: 32px;
    left: 50px;
    z-index: 12;
}

.bannerDompetku h4 {
    font-family: 'FS Joey', sans-serif;
    font-weight: 900;
    color: #414042;
    line-height: 24px;
    position: absolute;
    top: 32px;
    left: 50px;
    z-index: 12;
}
.promoInternational .w223 h4 {
    top: 9px;
    left: 21px;
    position: absolute;
    z-index: 11;
}

.promoInternational .w690 { margin-top: 10px; }
.personalSupport .content {
    display: inline-block;
    width: 100%;
}
.personalSupport .column {
    margin-left: 4px;
}
.personalSupport {
    margin-top: 6px;
}
.personalSupport .item {
    text-align: center;
    width: 145px;
    margin-left: 14px;
    margin-right: 0;
    margin-bottom: 14px;
    float: left;
    display: inline-block;
}
.personalSupport .item p {
    font-size: 18px;
    font-family: 'FS Joey', sans-serif;
    font-weight: 700;
    margin-top: 12px;
}
.personalSupport .content>h4 {
    letter-spacing: -0.8px;
    margin-bottom: 32px;
}
.topSupport .round5 {
    width: 180px;
    float: left;
    display: inline-block;
    padding: 15px 15px 0px 15px;
    margin-right: 10px;
    height: 90px;
}
.topSupport .round5.last {
    margin-right: 0;
}
.topSupport {
    width: 370px;
    float: left;
    display: inline-block;
}
.contactSupport {
    display: inline-block;
    float: left;
    width: 270px;
    margin-left: 20px;
}
.contactSupport a.btn-getItNow {
    font-size: 12px;
    font-family: 'FS Joey', sans-serif;
    font-weight: 700;
    margin-left: auto;
    margin-right: auto;
    float: none;
    display: inline-block;
    line-height: 10px;
    padding-top: 5px;
    padding-bottom: 9px;
}
.contactSupport a.btn-getItNow i {
    position: relative;
    top: 2px;
}
.topSupport ul {
    margin: 0;
    margin-bottom: 17px;
    padding: 1px 0 0 14px;
    list-style: disc;
}




.contactSupport p {
    line-height: 19px;
    margin-top: 0px;
    display: inline-block;
    font-family: 'Helvetica Neue', Arial, sans-serif;
    font-weight: 300;
    font-size: 13px;
    margin-bottom: 5px;
}
.contactSupport .wrap {
    text-align: center;
}
.personalSupport h2 {
    padding-bottom: 6px;
}
.topSupport ul li {
    margin-bottom: 5px;
    line-height: 14px;
    position: relative;
    font-family: 'Helvetica Neue', Arial, sans-serif;
    font-weight: 300;
    font-size: 12px;
}
.personalSupport .supportItem {
    padding-bottom: 0;
    display: block;
}
.supportContact {
    padding-bottom: 13px;
    display: block;
}
.otherEntertainment h5 {
    line-height: 17px;
}
.otherEntertainment .item {
    float: left;
    display: inline-block;
    text-align: center;
    margin-top: 12px;
    margin-right: 10px;
}
.downloadCenter {
    padding-bottom: 6px;
}
.downloadCenter .content {
    margin-top: 4px;
    padding-left: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.downloadCenter .item {
    margin-left: 0;
    width: 81px;
    display: inline-block;
    margin-right: 9px;
    margin-bottom: 20px;
    margin-top: 10px;
}
.downloadCenter .item p {
    font-family: 'Helvetica Neue', Arial, sans-serif;
    font-weight: 300;
    font-size: 14px;
    margin-top: 7px;
    margin-bottom: 0;
}
.howToPostpaid .item {
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 12px;
    display: inline-block;
    margin-right: 10px;
    float: left;
}
.howToPostpaid .item.lastColumn {
    margin-right: 0px;
}
.howToPostpaid .item a {
    display: inline-block;
}
.howToPostpaid .item p {
    font-size: 16px;
    font-family: 'FS Joey', sans-serif;
    font-weight: 700;
    margin-top: 11px;
    margin-bottom: 17px;
    color: #414042;
}
.postPaid {
    margin-top: 16px;
    margin-bottom: 4px;
}

.postPaid .item {
    float: left;
    display: inline-block;
    margin-right: 10px;
}
.postPaid .item.lastColumn { margin-right: 0; }
.postPaid, .howToPostpaid, .infoPostPaid {
    display: block;
    margin-bottom: 10px;
    width: 100%;
}
.howToPostpaid {
    padding-top: 12px;
    padding-bottom: 29px;
}
.howToPostpaid h4 {
    margin-bottom: 7px;
}
.infoPostPaid .item {
    float: left;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 14px;
    margin-right: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
}
.infoPostPaid .lastBox {
    margin-right: 0;
}
.infoPostPaid .item p {
    line-height: 20px;
    margin-bottom: 13px;
    font-family: 'Helvetica Neue', Arial, sans-serif;
    font-weight: 300;
    font-size: 13px;
}
.infoPostPaid .item h4 {
    color: #414042;
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'FS Joey', sans-serif;
    font-weight: 900;
    line-height: 18px;
    margin-bottom: 15px;
}
.infoPostPaid .item .btnDarkYellow {
    margin-right: 0;
    padding-left: 13px;
    padding-right: 14px;
}
/* start cssStructureFix */
/* Column Group */

.columnGroup {
    width: 100%;
    display: inline-block;
}
.columnGroup h4 {
    color: #414042;
}
.columnGroup .lastColumn {
    margin-right: 0px;
}
.columnGroup .lastBox {
    margin-right: 0px;
}
.boxImageHead, .normalBox, .bgBox {
    margin-right: 10px;
    float: left;
    display: inline-block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    margin-right: 10px;
    padding-top: 11px;
    overflow: hidden;
    position: relative;
    font-style: normal;
}
.bgBox {
    padding-top: 0;
}
.bgBox h4 {
    top: 13px;
    position: absolute;
    left: 19px;
    text-transform: uppercase;
    font-size: 19px;
    color: #414042;
    z-index: 3;
}
.bgBox img {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}
.boxImageHead {
    padding-top: 0;
}
.boxImageHead .content {
    padding: 20px;
    position: relative;
    overflow: hidden;
}
.boxImageHead img {
    max-width: 100%;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}
.boxImageHead h3, .boxImageHead h4 {
    font-family: 'FS Joey', sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    color: #414042;
    margin-bottom: 11px;
}
.boxImageHead h3 {
    font-size: 20px;
    line-height: 20px;
}
.boxImageHead h4 {
    font-size: 18px;
    line-height: 20px;
}
.fullWidthBox {
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    padding: 10px 20px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.fullWidthBox h3 {
    font-size: 16px;
    line-height: 28px;
    font-family: 'FS Joey', sans-serif;
    font-weight: bold;
    color: #414042;
}
/* box Size */

.columnGroup .half {
    width: 325px;
}
.columnGroup .three {
    width: 210px;
    margin-bottom: 10px;
}
.columnGroup .four {
    width: 157px;
}
/* endOf */
/* endOf Column Group */
/* border radius */

.rad5Top {
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}
/* endOf borderRadius */
/* custom color background */

.darkYellow {
    background: #414042;
}
.whitey {
    background: #ffffff;
}
.greys {
    background: #e6e7e8;
}
.blues {
    background: #9bbacc;
}
.purples {
    background: #cab3d5;
}
.lightBlues {
    background: #7ccef0;
}
.greens {
    background: #b6daa6;
}
.browns {
    background: #d0b0a3;
}
.yellows {
    background: #fff471;
}
.mints {
    background: #a4dada;
}
/* endBackgroud */
/* basicStyling */

.mainWrap {
    margin-top: 20px;
}
.intro p {
    font-size: 14px;
    font-family: 'Helvetica Neue', Arial, sans-serif;
    font-weight: 300;
    line-height: 20px;
}
/* endOf basicStyling */
/* Navigation */

.drkYellowBtn {
    background: #414042;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    color: #FEE300;
    font-size: 14px;
    padding: 8px 9px 9px 12px;
    font-family: 'FS Joey', sans-serif;
    font-weight: 400;
    line-height: 14px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
}
.drkYellowBtn:hover {
    background: #333333;
    color: #FEE300;
}
.drkYellowBtn .nextArrow {
    background: url("../img/img-nextArrow.png") no-repeat right center;
    margin-bottom: 0;
    display: inline-block;
    height: 10px;
    padding-right: 10px;
    margin-left: 5px;
}
.drkBlokNav {
    background: #58595B;
    display: inline-block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}
.bundlingSlide h3, .bgColumn h4 {
    font-family: 'FS Joey', sans-serif;
    font-weight: bold;
}
.drkBlokNav a {
    color: #FFF;
    font-size: 16px;
    font-family: 'FS Joey', sans-serif;
    font-weight: normal;
    padding: 8px 31px 11px 31px;
    float: left;
    display: inline-block;
    letter-spacing: 0.4px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}
.drkBlokNav a.active, .drkBlokNav a:hover {
    background: #414042;
}
.innerSlideNav a {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    display: block;
    float: left;
    height: 50px;
    padding: 10px;
    width: 50px;
    text-indent: -9999px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    margin-top: -13px;
    z-index: 4;
}
.innerSlideNav .prev {
    background: #414042 url("../img/iconPrevSlide.png") no-repeat scroll center;
    left: -9px;
}
.innerSlideNav .next {
    background: #414042 url("../img/iconNextSlide.png") no-repeat scroll center;
    right: -9px;
}
.innerSlideNav .prev:hover {
    background: #414042 url("../img/iconPrevSlide.png") no-repeat scroll center;
}
.innerSlideNav .next:hover {
    background: #414042 url("../img/iconNextSlide.png") no-repeat scroll center;
}
.innerSlideNav.largeNav a {
    padding: 16px;
}
/* endOf Navigation */
/* Indosat Community */

.indosatCommunity .boxImageHead {
    height: 330px;
    position: relative;
    width: 223px;
    margin-bottom: 10px;
}
.indosatCommunity h3 {
    font-family: 'FS Joey', sans-serif;
    font-weight: 900;
}
.indosatCommunity .drkYellowBtn {
    font-family: 'FS Joey', sans-serif;
    font-weight: 700;
    margin: 0 auto;
    padding: 8px 14px 9px 12px;
    font-size: 12px;
}
.indosatCommunity .intro p {
    margin-bottom: 13px;
}
.indosatCommunity .boxImageHead .content {
    padding-top: 12px;
}
.indosatCommunity .boxImageHead p {
    margin-bottom: 3px;
}
.indosatCommunity .nav {
    text-align: center;
    display: inline-block;
    width: 100%;
    margin-top: 1px;
    position: absolute;
    bottom: 15px;
}
/* endOf Indosat Community */
/* starOne */

.productIntro {
    font-size: 12px;
    font-family: 'Helvetica Neue', Arial, sans-serif;
    font-weight: 300;
}
.productIntro p {
    margin-bottom: 13px;
}
.starOneProduct .fullWidthBox h3 {
    margin-bottom: 3px;
}
.starOneProduct .boxImageHead p {
    margin-bottom: 7px;
    line-height: 18px;
}
.starOneProduct .boxImageHead h4 {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 0;
}
.starOneProduct .fullWidthBox p {
    line-height: 18px;
}
.starOneProduct .boxImageHead .content {
    padding-top: 9px;
    padding-right: 10px;
}
.starOneProduct .four .nav {
    position: absolute;
    bottom: 25px;
}
.starOneProduct .fullWidthBox {
    padding-bottom: 13px;
    display: block;
    margin-bottom: 20px;
}
.starOneProduct .drkYellowBtn {
    font-size: 11px;
    font-family: 'futurastd-medium', sans-serif;
    padding-bottom: 8px;
    padding-top: 9px;
}
.starOneProduct .nextArrow {
    position: relative;
    top: 1px;
    margin-left: 0;
}
.starOneProduct .four {
    height: 240px;
    margin-bottom: 10px;
    position: relative;
}
.starOneProduct .four:nth-child(4n) {
    margin-right: 0;
}
.starOneProduct .four img {
    height: 90px;
    width: 100%;
}
.starOneProduct .four h4 {
    line-height: 20px;
    margin-bottom: 1px;
}
.starOneProduct .four p {
    line-height: 20px;
}
.starOneProduct .four .content {
    height: 122px;
    padding-top: 15px;
}
.starOneProduct .menuBox {
    margin-top: 3px;
}
.starOneProduct .menuBox a {
    font-family: 'FS Joey', sans-serif;
    font-weight: 700;
    font-size: 15px;
    padding-left: 10px;
    line-height: 18px;
    padding-right: 48px;
}
.starOneProduct .bottomMargin0 {
    margin-bottom: 0;
}

.starOneProduct .boxImageHead.half {
    height: 250px;
}

.starOneProduct .boxImageHead .nav {
    position: absolute;
    bottom: 15px;
    left: 20px;
}

.boxImageHead.half img {
    height: 100px;
    width: 325px;
}
/* endOf starOne */

/* Mentari */
.matrixProduct .fullWidthBox {
    margin-bottom: 10px;
}

.matrixProduct .partner {
    display: inline-block;
}

.matrixProduct .nextArrow {
    margin-left: 0;
    position: relative;
    top: 1px;
}

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

.matrixProduct .partner {
    margin: 0 6px 10px 0;
}

.matrixProduct .partner .drkYellowBtn {
    bottom: 0;
    display: block;
    position: relative;
    text-align: left;
}

.matrixProduct .partner .nextArrow {
    float: right;
}

.merchantPartners .accordionProduct .boxImageHead {
    margin: 0 10px 10px 0;
}

.merchantPartners .accordionProduct .boxImageHead:nth-child(4n) {
    margin-right: 0;
}

.matrixProduct.merchantPartners .accordionProduct {
    margin-top: 10px;
}

/*endOf Mentari */
/* matrixProduct */

/* matrixProduct */
.matrixProduct .logoProduct {
    width: 100%;
}
.matrixProduct .quickLinks {
    border-bottom: 1px solid #D1D3D4;
    margin-top: 10px;
}
.matrixProduct .quickLinks a {
    font-family: 'Helvetica Neue', Arial, sans-serif;
    font-weight: 300;
    font-size: 12px;
    color: #083B82;
    line-height: 26px;
    padding: 5px 1px;
    margin-right: 19px;
    letter-spacing: 0.4px;
}
.matrixProduct .productContent {
    margin-top: 19px;
}

.matrixProduct .boxImageHead img {
    height: 100px;
    width: 100%;
}

.matrixProduct .productContent>img {
    margin-bottom: 17px;
}
.matrixProduct .productContent p {
    margin-bottom: 20px;
    line-height: 20px;
    font-family: 'Helvetica Neue', Arial, sans-serif;
    font-weight: 300;
    font-size: 12px;
}
.matrixProduct .accordionProduct {
    margin-top: -6px;
    position: relative;
    overflow: hidden;
}
.matrixProduct .accordionToggle {
    outline: none;
    cursor: pointer;
    font-family: 'FS Joey', sans-serif;
    font-weight: 400;
    font-size: 14px;
    background: #414042;
    color: #ffffff;
    margin-left: 10px;
    margin-right: 10px;
    padding: 0 10px;
    margin-bottom: 1px;
    position: relative;
    line-height: 30px;
    height: 30px;
}
.matrixProduct .accordionToggle:before {
    content: "";
    width: 10px;
    height: 30px;
    background: url("../img/accordionLeftBG.png") no-repeat top left;
    position: absolute;
    left: -10px;
}

.matrixProduct .accordionToggle:after {
    content: "";
    width: 10px;
    height: 30px;
    background: url("../img/accordionRightBG.png") no-repeat top left;
    position: absolute;
    right: -10px;
}
.matrixProduct .accordionToggle span {
    content: "";
    margin: 0;
    position: absolute;
    right: 3px;
    top: 5px;
    background: url("../img/icon-dropdown.png") no-repeat top center;
    width: 16px;
    height: 16px;
}

.matrixProduct .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    left: auto;
    margin-top: 0;
    top: 5px;
}

.merchantPartners .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    left: auto;
    margin-top: 0;
    top: 5px;
}

.matrixProduct .accordionToggle.ui-state-active span {
    content: "";
    position: absolute;
    right: 3px;
    top: 5px;
    background: url("../img/icon-upArrow.png") no-repeat top center;
    width: 16px;
    height: 16px;
}

.matrixProduct .accordionContent {
    display: block;
    background: #E6E7E8;
    padding: 20px 20px 15px 20px;
}
.matrixProduct .accordionContent p {
    margin-bottom: 5px;
    line-height: 20px;
}
.matrixProduct .accordionContent.default {
    display: block;
}
.matrixProduct .threeCol {
    width: 213px;
    overflow: hidden;
}
.matrixProduct .drkYellowBtn {
    font-size: 12px;
    font-family: 'futurastd-medium', sans-serif;
    position: absolute;
    bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
    letter-spacing: -0.3px;
}
.matrixProduct .nextArrow {
    position: relative;
    top: 1px;
    margin-left: 0px;
    right: 0;
}
.matrixProduct .boxImageHead .content {
    padding: 12px 20px;
    height: 180px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.matrixProduct .boxImageHead {
    height: 270px;
}
.matrixProduct .boxImageHead h4 {
    margin-bottom: 3px;
}
.matrixProduct .boxImageHead p {
    margin-bottom: 5px;
}
/* endOf matrixProduct */


/* personalBranding */
.personalBundling .products {
    position: relative;
    margin-top: 14px;
    margin-bottom: 14px;
}
.bundlingSlide {
    width: 600px;
    padding-left: 50px;
    padding-right: 40px;
}
.bundlingSlide a {
    margin-left: auto;
    margin-right: auto;
    padding: 8px 18px;
}
.bundlingSlide .item {
    background: url("../img/bundlingBG.png") no-repeat top center;
    text-align: center;
    display: inline-block;
    padding: 6px 12px 10px 17px;
    width: 190px;
    height: 390px;
    overflow: hidden;
    margin-right: 10px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;

}
.bundlingSlide .item p {
    font-family: 'Helvetica Neue', Arial, sans-serif;
    font-weight: 300;
    font-size: 12px;
    text-align: center;
    line-height: 16px;
    margin-top: 13px;
    margin-bottom: 17px;
    padding-left: 1px;
    padding-right: 6px;
}
.bundlingSlide h3 {
    font-size: 20px;
    text-align: center;
    color: #414042;
}
.bundlingSlide .limited {
    width: 55px;
    height: 55px;
    display: block;
    background: url("../img/img-LimitedTime.png") no-repeat;
    overflow: hidden;
    text-indent: -9999px;
    position: absolute;
    top: 39px;
    left: 11px;
}
.priceBundling {
    font-family: 'Helvetica Neue', Arial, sans-serif;
    font-weight: 700;
    display: inline-block;
    width: 100%;
    margin-bottom: 7px;
}
.priceBundling .text {
    float: left;
    font-size: 12px;
    line-height: 17px;
    width: 41px;
}
.priceBundling .price {
    float: right;
    width: 115px;
    text-align: left;
    line-height: 19px;
}
.priceBundling .specialPrice, .priceBundling span.innerThrough {
    color: #f06a36;
    width: 100%;
    display: block;
}
.priceBundling span.outerThrough {
    color: #414042;
    text-decoration: line-through;
    width: 100%;
}
.productBundling .customNavigation a {
    padding: 16px;
    margin-top: -48px;
}
.productBundling a.next {
    right: -10px;
}
.productBundling a.prev {
    left: -10px;
}
.personalBundling .innerSlideNav a {
    margin-top: -48px;
}
.personalBundling .innerSlideNav .next {
    right: 0px;
}
.bundlingInfo {
    margin-top: 0;
}
.bundlingInfo ul.tabs li {
    font-size: 16px;
    font-family: 'FS Joey', sans-serif;
    font-weight: normal;
    min-width: 210px;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    float: left;
    margin-right: 1px;
    padding-bottom: 6px;
    padding-top: 6px;
}
.bundlingInfo ul.tabs li.current, .bundlingInfo ul.tabs li:hover {
    background: #e6e7e8;
    color: #414042;
}
.bundlingInfo .tab-content {
    background: #e6e7e8;
    padding: 17px 30px 12px 30px;
    font-family: 'Helvetica Neue', Arial, sans-serif;
    font-weight: 300;
}
.bundlingInfo .tab-content p {
    margin-bottom: 13px;
}
.bundlingInfo .tab-content .threeCol {
    width: 190px;
    display: inline-block;
    margin-bottom: 15px;
    margin-left: 5px;
    margin-right: 5px;
}
.bundlingInfo .whiteBox {
    padding: 15px 20px 6px 20px;
    display: inline-block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.bundlingInfo .whiteBox h4 {
    font-size: 15px;
    line-height: 20px;
    color: #414042;
    font-family: 'FS Joey', sans-serif;
    font-weight: bold;
}
/* endOf personalBranding */

.fillInForm a {
    height: 70px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    width: 70px;
    margin-right: 5px;
    overflow: hidden;
}
.liveChatBox {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.fillInFrom {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.twitterBox {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    height: 161px;
}
.call-our-box {
    /*height: 483px;*/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
/* hiburan Asik */

.indosatEntertainment>div {
    display: block;
}
/* endOf hiburan Asik*/
/* corporateProfile */

.corporateProfile h2 {
    margin-bottom: 16px;
}
.corporateProfile .customNavigation a {
    height: 40px;
    width: 40px;
    margin-top: -15px;
    padding: 8px 16px 9px 10px;
}
#pressReleaseContent .btn-share {
    width: 40px;
}
/* corporateProfile */


/*
* Indosat IE Compatibility 
* www.7langit.com
*/

.lt-ie9 .fillInForm a {
    margin-right: 4px;
    font-size: 13px;
}
.lt-ie9 .twitterBox input[type="submit"] {
    padding-top: 15px;
}

.lt-ie9 .newsUpdateContent .summary {
    font-size: 12px;
    line-height: 18px;
    margin-top: 0;
}
.lt-ie9 .newsUpdateContent h3 {
    font-size: 21px;
    line-height: 22px;
}
.lt-ie9 .topSupport .round5 {
    width: 175px;
}
.lt-ie9 .searchJob input[type="text"], .lt-ie9 .searchJob input[type="submit"] {
    height: 31px;
}
.lt-ie9 .call-our-box p {
    line-height: 18px;
}
/* endOf IE Compatibility */


.homeLocation {
    background-image: url("../img/banner/banner-lokasi.png");
}

/*######################################################################*/



/* Custom Radio and Checkbox
================================================== */

input[type=checkbox].custom,
input[type=radio   ].custom {
	opacity: 0;
	filter: alpha(opacity=0);
}
input[type=checkbox].custom:not(old)+label,
input[type=radio   ].custom:not(old)+label {
  display      : inline-block;
  margin-left  : -15px;
  padding-left : 28px;
  background   : url('../img/checks.png') no-repeat 0 0;
  line-height  : 24px;
  font		   : inherit;
}

input[type=checkbox].custom:not(old):checked+label{
  background-position : 0 -24px;
}

input[type=radio].custom:not(old):checked+label{
  background-position : 0 -48px;
}

.lt-ie9 .formRow { overflow: hidden; }
.lt-ie9 input[type=radio].custom,
.lt-ie9 input[type=checkbox].custom { float: left;margin-top:3px;margin-right:10px;filter: alpha(opacity=100); }
.lt-ie9 .iptInternetUsage { width:35px !important; }

.customForm { position: relative; }
.customForm  .ui-selectmenu-button { background: #FFF;display:block;margin-bottom: 10px;overflow:hidden;position:relative;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	     -o-border-radius: 5px;
	        border-radius: 5px; }
.customForm  .ui-selectmenu-button .ui-icon { display:block;width:24px;height:15px;position:absolute;right: 2px;top: 0;bottom: 0;margin: auto;background: url(../img/icon-select-down.png) center center no-repeat; }
.ui-selectmenu-menu .ui-menu { background:#fff;  border:1px solid #ccc }
.ui-menu .ui-state-focus, 
.ui-menu .ui-state-active,
.ui-menu .ui-menu-item { font:12px "Helvetica Neue", sans-serif; margin:0; padding:7px 12px }
.ui-menu .ui-state-focus, 
.ui-menu .ui-state-active { background:#414042; color:#fff }

.overHide { overflow: hidden; }
.fLeft { float: left; }
.fRight { float: right; }


/* #Box Color
================================================== */

.boxColor { color: #414042; width: 100%;margin: 5px 0;padding:10px;overflow:hidden;position:relative;display:inline-block;behavior:url(../../assets/js/vendor/pie/PIE.htc);
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	     -o-border-radius: 5px;
	        border-radius: 5px; }
.boxColor.transparent { background-color: transparent; }
.boxColor.yellow { background-color: #fde68a;/*background-color: #fff471;*/ }
.boxColor.darkBlue { background-color: #3c5467; }
.boxColor.brown { background-color: #73635d;}
.boxColor.purple { background-color: #8b5ba3;}
.boxColor.grey { background-color: #d1d3d4;}
.boxColor.orange { background-color: #f26a36;}
.boxColor.white { background-color: #FFF;}
.boxColor.blue { background-color: #7ccef0;}
.boxColor.green { background-color: #b6daa6;}
.boxColor.red { background-color: #d0b0a3;}

.boxColor h3.title,
.boxColor p { color: inherit; }
.boxColor p { font-family: 'HelveticaNeueLTStd-Lt'; }
.boxColor .boxContent { padding: 20px; }

.linkBox { display:block;overflow:hidden; }
.linkBox h3.boxTitle { float:left;width:128px;font-size: 16px;margin:10px;line-height:20px; color: #414042;font-family: 'fsjoey-heavy'; }
.linkBox .bigIcons { float:right; }
.indGal .linkBox h3.boxTitle { width:auto; }
.indGal .overHide { overflow: hidden;margin: 10px; margin-top: 8px; }
.indGal .bigIcons { float: left; }
.indGal .rightGal { float: right;width: 210px;margin-left: 10px; }
.indGal select { width:100%;font-size: 12px; color: #414042; padding: 10px; border: 0;margin-bottom: 10px;behavior:url(../../assets/js/vendor/pie/PIE.htc);
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	     -o-border-radius: 3px;
	        border-radius: 3px; }

.widgetStopwatch { float: right; display: block;box-sizing: border-box;width: 150px;height: 150px;background: url(../img/icon-widget-stopwatch.png) center center no-repeat; }
.widgetLiveChat { float: right; display: block;box-sizing: border-box;width: 150px;height: 150px;background: url(../img/icon-widget-chat.png) center center no-repeat; }

.headLine-col { padding:0; }
.headLine-col .headLine-content { padding:15px; }
.headLine-col .headLine-content a,
.headLine-col .headLine-content a:visited { color:#083b82; }
.headLine-col .headLine-content a.btn-getItNow { color: #fee300; }
.headLine-col .headLine-content .overHide { overflow:hidden; }
.headLine-col h3.title { font-family: 'fsjoey-heavy';font-size:20px;line-height:24px;text-transform:uppercase;margin: 10px 0 15px 0;text-align:left; }
.headLine-col h4.title { font-family: 'fsjoey-bold';font-size:22px;line-height:26px;overflow: hidden;text-align:left; }
.headLine-col h3.title .icons,
.headLine-col h4.title .icons { float: left;margin-right: 10px; }
.headLine-col p { font-size:14px;line-height:18px;text-align:left; }

.noPadding { padding: 0; }


.defColumn { overflow: hidden;width:100%; }

/* Two Columns */
.defColumn .twoColumns { width: 46%;margin: 0 2%;float: left; }
.defColumn .twoColumns:first-child { margin-left:0 !important; }
.defColumn .twoColumns:last-child { margin-right:0 !important; }

/* Three Columns */
.defColumn .threeColumns { width: 32%;margin: 0 1%;float: left; }
.defColumn .threeColumns:first-child { margin-left:0 !important; }
.defColumn .threeColumns:last-child { margin-right:0 !important; }

.defaultForm { text-align: left; }

/* #Icons
================================================== */

.icons { display: block; background-image: url("http://assets.indosat.com/Assets/Upload/icons.png"); background-repeat: no-repeat;margin: auto;position:relative;behavior: url(../../assets/js/vendor/pie/PIE.htc); }
.icons.news { width: 22px; height: 28px; background-position: 0px -33px; }
.icons.social { width: 31px; height: 25px; background-position: -103px -34px; }
.icons.login { width: 23px; height: 25px; background-position: -48px -33px; }
.icons.facebook { width: 20px; height: 39px; background-position: -171px 0px; }
.icons.instagram { width: 30px; height: 30px; background-position: -215px 0px; }
.icons.youtube { width: 40px; height: 28px; background-position: -269px 0px; }
.icons.twitter { width: 35px; height: 39px; background-position: -164px -54px; }
.icons.icity { width: 40px; height: 39px; background-position: -210px -54px; }
.icons.call { width: 30px; height: 30px; background-position: 0px -84px; }
.icons.sms { width: 22px; height: 35px; background-position: -50px -78px; }
.icons.internet { width: 30px; height: 24px; background-position: -101px -84px; }

.bigIcons { display:block;box-sizing: border-box;background-image: url(../img/images/big-icons.png);background-repeat:no-repeat;margin: auto;position:relative;behavior: url(../../assets/js/vendor/pie/PIE.htc); }
.bigIcons.mapPoint { background-position: -23px -321px;width:60px;height:68px; }
.bigIcons.messaging { background-position: -164px -6px;width:60px;height:75px; }
.bigIcons.internet { background-position: -246px -16px;width:70px;height:55px; }
.bigIcons.billing { background-position: -342px -6px;width:71px;height:70px; }
.bigIcons.devices { background-position: -164px -192px;width:43px;height:70px; }
.bigIcons.voice { background-position: -235px -103px;width:93px;height:70px; }
.bigIcons.others { background-position: -342px -191px;width:74px;height:70px; }
.bigIcons.instant { background-position: -342px -103px;width:72px;height:70px; }
.bigIcons.mobileApp { background-position: -162px -304px;width:107px;height:130px; }
.bigIcons.register { background-position: -316px -309px;width:122px;height:120px; }



/* #TABS
================================================== */

.defaultTabs { /*position:relative;*/ }
.defaultTabs ul.ui-tabs-nav {  height: 40px; text-align: center; width: 100%; padding: 0 10px; margin: auto;margin-left:-10px; background-color: #ccc;overflow: hidden;behavior: url(../../assets/js/vendor/pie/PIE.htc);
	-webkit-border-radius: 8px;
	   -moz-border-radius: 8px;
	     -o-border-radius: 8px;
	        border-radius: 8px;
			}
			
.defaultTabs ul.ui-tabs-nav li { display: inline-block;position: relative; overflow: hidden; line-height: 40px; margin: auto; padding: 10px 40px; background: #414042; text-align: center; color: #FFF;float: none !important;behavior: url(../../assets/js/vendor/pie/PIE.htc);
	-webkit-border-radius: 8px;
	   -moz-border-radius: 8px;
	     -o-border-radius: 8px;
	        border-radius: 8px;  }
.defaultTabs.ui-tabs .ui-tabs-panel { padding: 10px; }
.defaultTabs.ui-tabs .ui-tabs-nav .ui-tabs-anchor { padding: 0; }
.defaultTabs.ui-tabs .ui-tabs-nav li.ui-tabs-active { margin: auto;padding: 10px 40px; }

.defaultTabs ul.ui-tabs-nav li.ui-tabs-active,
.defaultTabs ul.ui-tabs-nav li:hover { background: #FFF; color: #414042;  }

.defaultTabs ul.ui-tabs-nav li a,
.defaultTabs ul.ui-tabs-nav li a:visited { float:none;font-family: "fsjoey-bold";text-transform: uppercase; display: block; vertical-align: middle; color: inherit; font-size: 18px; line-height: 25px; padding: 0; white-space: nowrap; padding-right: 30px;  }
.defaultTabs ul.ui-tabs-nav li .icons { float: left;margin-right: 10px;  }
.defaultTabs ul.ui-tabs-nav li .news,
.defaultTabs ul.ui-tabs-nav li .news { margin-top: -3px;  }
.defaultTabs ul.ui-tabs-nav li.ui-tabs-active .news,
.defaultTabs ul.ui-tabs-nav li:hover .news { background-position: 0px 0px;  }
.defaultTabs ul.ui-tabs-nav li.ui-tabs-active .social,
.defaultTabs ul.ui-tabs-nav li:hover .social { background-position: -103px -1px;  }
.defaultTabs ul.ui-tabs-nav li.ui-tabs-active .login,
.defaultTabs ul.ui-tabs-nav li:hover .login { background-position: -48px 0px;  }

.tabContent { background: #FFF; padding: 10px; width: 100%;margin: 0; margin-left: -10px;position: relative;behavior: url(../../assets/js/vendor/pie/PIE.htc);
	-webkit-border-radius: 8px;
	   -moz-border-radius: 8px;
	     -o-border-radius: 8px;
	        border-radius: 8px; }

			


/* OWL CAROUSEL */
.owl-theme .owl-controls .owl-page {
	display:block;
}

.owl-theme .owl-controls {
	position: absolute; width:30px; top: 50%; right: 0;left: 0; margin: auto;
}

.owl-theme .owl-controls .owl-pagination {
	width: 25px; float: right; margin-right: -460px;margin-top: -50%;
}

.owl-theme .owl-controls .owl-page span {
	background: #FFF;
	position:relative;
	behavior: url(../../assets/js/vendor/pie/PIE.htc);
}
.owl-theme .owl-controls .owl-page.active span, 
.owl-theme .owl-controls.clickable .owl-page:hover span {
	background: #fee300;
}

.default-slide.owl-theme .owl-controls {  
	width: 100%;
}
.default-slide.owl-theme .owl-controls .owl-buttons div {  
	width: 50px;
	height:50px;
	padding: 0;
	position:absolute;
	top: 45%;
	margin: auto;
	opacity:1;
	background-image: url(../img/images/slide-nav.png);background-repeat: no-repeat;
	behavior: url(../../assets/js/vendor/pie/PIE.htc);
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	     -o-border-radius: 3px;
	        border-radius: 3px;
}
.default-slide.owl-theme .owl-controls .owl-buttons div.owl-prev {  
	left: -85px;
	background-position: top left;
}
.default-slide.owl-theme .owl-controls .owl-buttons div.owl-next {  
	right: -85px;
	background-position: top right;
}
.default-slide .boxColor { width:auto;margin: 0 5px;text-align:center; }

.slideGroup { display: table;border-spacing:10px;width:100%; }
.slideGroup .boxGroup { display: table-row; }
.slideGroup .boxGroup .boxColor { display: table-cell;vertical-align:top; width: 260px; }
.slideGroup .boxGroup .boxColor .overHide { position:absolute;left: 15px;bottom:15px;margin: auto; }
#news-slide .slideGroup .boxGroup .boxColor.headLine-col .headLine-content { padding-bottom: 65px;position: relative; }


/* .hotNewsAndPromo
================================================== */
#tabNews li.tab-active {
    background-color: #ffffff;
    color: inherit;
}

#tabSimulator li.tab-active {
    background-color: #ffffff;
    color: inherit;
}

#tabNews li.first.tab-active .icons {
    background-position: 0 0;
}

#tabNews li.last2.tab-active .icons {
    background-position: -103px -1px;
}

/* .socialWidget
================================================== */

.socialWidget { margin: 0 30px;width: auto; }
.socialWidget .defColumn { border-bottom: 1px #d1d3d4 solid;margin-bottom: 25px;padding-top: 10px; }
.socialWidget .threeColumns { width:31%;margin: 0;padding: 0 1%;border-left: 1px #d1d3d4 solid; }
.socialWidget .threeColumns:first-child { border-left: 0;padding-left: 0; }
.socialWidget .threeColumns:last-child { padding-right: 0; }
.socialWidget .threeColumns .socialTitle { position: relative;  }
.socialWidget .threeColumns .socialTitle h2 { font-family: 'fsjoey-heavy';font-size: 20px;padding-right:110px;  }
.socialWidget .threeColumns .socialTitle .socialBtn { position: absolute;top: 10px;right:0px; width: 115px; }
.socialWidget .threeColumns .socialTitle .icons { float: left; margin-right: 10px;  }
.socialWidget .threeColumns .socialTitle .facebook { margin-top:-10px;  }
.socialWidget .threeColumns .socialFeed { height: 280px;padding-bottom: 20px; }
.socialWidget .btnJoinCity { float: right;margin-top: -5px; }
.socialWidget p { font-family: 'opificio-bold';font-size: 12px;text-align: center;padding: 0 50px;margin: 0; }


/* .divLogin
================================================== */

.divLogin .twoColumns { width: 45%;margin: 0 !important;padding: 0 4%;border-right: 1px #000 solid; }
.divLogin .twoColumns:first-child { padding-left: 0; }
.divLogin .twoColumns:last-child { padding-right: 0;border: 0; }
.divLogin .register { margin-bottom: 20px; }
.divLogin label { cursor: none;font-family: 'fsjoey-bold';font-size: 14px;margin-bottom:5px;display: block; }
.divLogin input[type="text"] { margin-bottom:15px;border: 0;width: 100%;box-sizing: border-box;position:relative;behavior: url(../../assets/js/vendor/pie/PIE.htc);
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	     -o-border-radius: 5px;
	        border-radius: 5px; }
.divLogin input.yellowLogin { font-family: 'fsjoey-bold';font-size: 14px;width: 100%;border: 0;background: #ffe500;color: #414042;text-align: center;position:relative;behavior: url(../../assets/js/vendor/pie/PIE.htc);
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	     -o-border-radius: 5px;
	        border-radius: 5px; }
.divLogin input.yellowLogin:hover { background: #f3d900; }
.mobileApp { margin-bottom: 15px; }
a.yellowLink,
a.yellowLink:visited { font-family: 'fsjoey-bold';font-size: 12px;position: relative;background: #ffe500;color: #414042;display: block; float: left; padding: 5px 10px;padding-right: 30px;position:relative;behavior: url(../../assets/js/vendor/pie/PIE.htc);
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	     -o-border-radius: 5px;
	        border-radius: 5px; }
a.yellowLink:hover { background: #f3d900; }
a.yellowLink:after { content: "";width: 20px;height: 20px;display: block; position: absolute;right: 5px; top: 6px;background: url(../img/MyIndosat-V3_09-29.png) center center no-repeat; }




/* .simulatorTitle
================================================== */

.simulatorTitle { overflow: hidden;margin-bottom: 15px; }
.simulatorTitle h4 { font-family: 'fsjoey-bold';font-size: 18px;float: left;margin: 0;margin-right: 20px; }
.simulatorTitle ul.stepList { padding: 0;margin: 0;margin-top: 14px;list-style: none;float: right; }
.simulatorTitle ul.stepList li { padding: 0;margin: 0;list-style: none;float: left;border-right: 1px #000 solid; }
.simulatorTitle ul.stepList li:last-child { border-right: 0; }
.simulatorTitle ul.stepList li.active a,
.simulatorTitle ul.stepList li a:hover { color: #ed1c24; }
.simulatorTitle ul.stepList li a,
.simulatorTitle ul.stepList li a:visited { padding: 0px 10px;line-height: 10px;display: block; }

#tabSimulator  .ui-tabs-nav li.ui-state-default { width: 35%; }
#tabSimulator ul.ui-tabs-nav li a { float: none !important; padding-right: 0px; }
#simulator-slide h4.title { padding-top: 20px;margin-bottom: 15px; }
#simulator-slide h4.title .call { margin-top: -8px; }
#simulator-slide h4.title .sms { margin-top: -13px; }
#simulator-slide h4.title .internet { margin-top: -2px; }
#simulator-slide h4.title .internet { margin-top: -2px; }
#simulator-slide p,
#simulator-slide label { font-family: 'HelveticaNeueLTStd-Lt';font-size: 14px; }
#simulator-slide .iptInternetUsage { background: transparent;width: 60px;display: inline;margin:0;padding: 0 10px;text-align: center;border-bottom: 1px #000 solid;outline: none; }
#simulator-slide .boxColor { width: 288px;vertical-align: top; }

#simulator-slide .simulator-result .boxColor { width: 266px;padding: 15px;margin:5px; }
#simulator-slide .simulator-result .boxColor:nth-child(3n+0) { margin-right: 0; }
#simulator-slide .simulator-result .boxColor:nth-child(3n+1) { margin-left: 0; }
#simulator-slide .simulator-result .boxColor  .ftrTitle h4.title { margin:0;text-align:center; }
#simulator-slide .simulator-result .boxColor  p{ margin:0;text-align:center; }
#simulator-slide .simulator-result .boxColor  a.detailBtn { display:block;margin-top:25px;text-align:center; }
#simulator-slide .slideGroup { width: 895px; }
#prevSim { margin-top: 15px; }
#nextSim, .simulatorContent #submitSim { margin-top: 15px;margin-left: 15px; }

#simulator-slide .item {
    display: none;
}
#simulator-slide .item.active {
    display: block !important;
}

.simulatorContent .simulator-result img {
    max-width: 895px;
}
/* #News
================================================== */

#tabNews ul { background: url(../img/images/trans-grey.png) repeat; }
#news-slide { width: 820px; position: relative; margin: auto; }
.newsSection .newsTab { margin: 0; padding: 30px 10px; position: relative; }
.newsSection ul.ui-tabs-nav { margin: 0;position: absolute;top: -40px; left: 0; right: 0; padding: 0; }


.tabNotif { font-family: 'HelveticaNeueLTStd-Lt';background: #414042;padding: 10px 20px;color:#fee300;font-size:14px;margin-bottom:20px;float:left;position:relative;behavior: url(../../assets/js/vendor/pie/PIE.htc);
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	     -o-border-radius: 5px;
	        border-radius: 5px; }
.tabFilter { overflow:hidden;margin-bottom:10px;clear:both;margin-right:9px;width:895px; }
.tabFilter .text { float: left;font-family: 'HelveticaNeueLTStd-Md';font-size:14px;color:#414042;line-height:34px; }
.tabFilter .filter { float: right;background:#d1d3d4;padding:10px;position:relative;overflow:hidden;behavior: url(../../assets/js/vendor/pie/PIE.htc);
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	     -o-border-radius: 5px;
	        border-radius: 5px; }
.tabFilter .filter span { float: left;font-family: 'HelveticaNeueLTStd-Lt';font-size:12px;color:#414042;line-height:13px; }
.tabFilter .filter span.ui-selectmenu-text { padding: 0; }
.tabFilter .filter .ui-selectmenu-button { background: transparent;margin-bottom: 0;margin-left: 10px;padding: 1px 0; }
.tabFilter .filter select { width: 150px;float: left;font-size:12px;color:#414042;background:#d1d3d4;border:0;margin:0;line-height:13px; }

.ftrTitle  {
	position:relative;
}
.ftrTitle h4.title  { padding-top: 0 !important;margin-right:90px; }
.ftrTitle .iptChk  { position: absolute;right: 0px;top:0px; }

.phoneSelect { display:table; }
.phoneSelect .phoneRow { display:table-row; }                                                           
.phoneSelect .phoneRow .phoneImg { display:table-cell;vertical-align: bottom;overflow:hidden;width: 90px;height:150px;text-align:center; }
.phoneSelect .phoneRow .phoneImg img { max-width:100%;max-height:100%;margin: auto;display:block; }
.phoneSelect .phoneRow .phoneDesc { display:table-cell;vertical-align: bottom;padding-left:10px; } 
.phoneSelect .phoneRow .phoneDesc p { font-family: 'HelveticaNeueLTStd-Md';font-size: 12px;margin-bottom:6px; } 
.phoneSelect .phoneRow .phoneDesc .price { font-family: 'HelveticaNeueLTStd-Md';font-size: 12px;overflow: hidden;margin-bottom: 10px; } 
.phoneSelect .phoneRow .phoneDesc .price .label { font-family: 'HelveticaNeueLTStd-Bd';float:left;display:block;width:40px; } 
.phoneSelect .phoneRow .phoneDesc .price .num { float:right;display:block;width:80px; } 
.phoneSelect .phoneRow .phoneDesc .price .num span { display:block;font-family: 'HelveticaNeueLTStd-Bd';font-size: 11px;color:#f06a36; } 
.phoneSelect .phoneRow .phoneDesc .price .num span.line { text-decoration: line-through;  } 

a.detailBtn,
a.detailBtn:visited { background: #414042;color:#fee300 !important;position:relative;padding: 8px 15px;font-family: 'FS Joey';behavior: url(../../assets/js/vendor/pie/PIE.htc);
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	     -o-border-radius: 5px;
	        border-radius: 5px; }

/* ICITY FEED */
.icityFeed .subtitle { display: block;padding: 10px;background: #fdbd15;color: #414042;font-family: "fsjoey-bold";font-size: 15px;line-height: 18px;
    -webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	     -o-border-radius: 5px;
	        border-radius: 5px;
}
.icity-list { padding: 0;margin: 0;list-style: none;background: none; }
.icity-list li { padding: 8px 15px;padding-left: 30px;margin: 0;list-style: none;background: transparent url(../img/buble-grey.png) 8px center no-repeat; }
.icity-list li:nth-child(odd) { background-color: transparent; }
.icity-list li:nth-child(even) { background-color: #eaeaea; }
.icity-list li a,
.icity-list li a:focus,
.icity-list li a:visited { color: #083b82;display: block; }
.icity-list li a:hover { text-decoration: underline; }
.icity-list li small a,
.icity-list li small a:focus,
.icity-list li small a:visited { font-size: 12px;color: #5a5a5a; }
.feedList { height: 235px;overflow-y: auto; width: 290px; }
.icityFeed .track {	
    width: 10px;
    background: rgba(0, 0, 0, 0);
    margin-right: 2px;
    border-radius: 10px;
    -webkit-transition: background 250ms linear;
    transition: background 250ms linear;
}

.icityFeed .track:hover,
.icityFeed .track.dragging {
    background: #d9d9d9; /* Browsers without rgba support */
    background: rgba(0, 0, 0, 0.15);
}

.icityFeed .handle {
    width: 7px;
    right: 0;
    background: #999;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 7px;
    -webkit-transition: width 250ms;
    transition: width 250ms;
}

.icityFeed .track:hover .handle,
.icityFeed .track.dragging .handle {
    width: 10px;
}

/* FACEBOOK FEED */
.facebookFeed .feedHeader { overflow: hidden;border-bottom: 1px #d1d3d4 solid;margin-bottom: 5px; }
.facebookFeed .feedHeader p { float: left;text-align: left;width: 200px;margin-right:10px;padding: 0;font-family: 'HelveticaNeueLTStd-Bd';font-size: 10px;color: #808080; }
.facebookFeed .feedHeader a,
.facebookFeed .feedHeader a:focus,
.facebookFeed .feedHeader a:visited { float: right;text-align: right;width: 50px;padding: 0;font-family: 'HelveticaNeueLTStd-Bd';font-size: 9px;color: #3b5998; }
.facebookFeed .feedFooter { overflow: hidden;margin-bottom: 5px; }
.facebookFeed .feedFooter a,
.facebookFeed .feedFooter a:focus,
.facebookFeed .feedFooter a:visited { float: left;text-align: left;padding: 0;padding-right: 20px;background: url(../img/fbArrow.png) right center no-repeat;font-family: 'HelveticaNeueLTStd-Bd';font-size: 10px;color: #3b5998; }
.facebookFeed .feedFbList { background: none !important;padding: 0;margin: 0;padding-bottom: 5px;list-style: none; }
.facebookFeed .feedFbList li { overflow:hidden;background: none;padding: 5px 0;margin: 0;list-style: none;border-bottom: 1px #d1d3d4 solid; }
.facebookFeed .feedFbList li .fbImg { width: 24px;height: 24px;overflow: hidden;text-align: center;float: left;margin-right: 10px; }
.facebookFeed .feedFbList li .fbImg img { max-width: 100%;max-height: 100%; }
.facebookFeed .feedFbList li .fbFeeds { width: 225px;float:left; }
.facebookFeed .feedFbList li .fbFeeds a.fbUserName,
.facebookFeed .feedFbList li .fbFeeds a.fbUserName:focus,
.facebookFeed .feedFbList li .fbFeeds a.fbUserName:visited { display: block;font-family: 'HelveticaNeueLTStd-Bd';font-size: 10px;color: #3b5998; }
.facebookFeed .feedFbList li .fbFeeds p { padding: 0;font-family: 'HelveticaNeueLTStd-Bd';font-size: 10px;color: #000;text-align: left; }
.facebookFeed .feedFbList li .fbFeeds p span.at { padding: 0;font-family: 'HelveticaNeueLTStd-Bd';font-size: 10px;color: #3b5998;text-align: left; }
.facebookFeed .feedFbList li .fbMeta { overflow: hidden; }
.facebookFeed .feedFbList li .fbMeta a.like,
.facebookFeed .feedFbList li .fbMeta a.like:focus,
.facebookFeed .feedFbList li .fbMeta a.like:visited { display: block;height: 12px;line-height: 12px;float: left;padding-left: 17px;background: url(../img/fbLike.png) left bottom no-repeat;font-family: 'HelveticaNeueLTStd-Bd';font-size: 9px;color: #3b5998;margin-right: 10px; }
.facebookFeed .feedFbList li .fbMeta a.comment,
.facebookFeed .feedFbList li .fbMeta a.comment:focus,
.facebookFeed .feedFbList li .fbMeta a.comment:visited { display: block;height: 12px;line-height: 12px;float: left;padding-left: 17px;background: url(../img/fbComment.png) left bottom no-repeat;font-family: 'HelveticaNeueLTStd-Bd';font-size: 9px;color: #3b5998;margin-right: 10px; }
.facebookFeed .feedFbList li .fbMeta span.date { float: left;font-family: 'HelveticaNeueLTStd-Bd';font-size: 9px;color: #999;line-height: 12px; }



/* INSTAGRAM FEED */
.instagramFeed ul.feedLists { padding: 0;margin: 0;list-style: none;background: none !important;overflow: hidden; }
.instagramFeed ul.feedLists li { float: left;padding: 0;margin: 5px;list-style: none;overflow: hidden;background: #999;width: 126px;height:126px;text-align:center; }
.instagramFeed ul.feedLists li img { max-height:100%;max-width:100%;*width:100%;margin: auto; }
.instagramFeed ul.feedLists li:nth-child(odd) { margin-left: 0; }
.instagramFeed ul.feedLists li:nth-child(even) { margin-right: 0; }
	
	
	
	
/* YOUTUBE FEED */
.youTubeFeed ul.feedLists { padding: 0;margin: 0;padding-top:5px;list-style: none;background: none !important; }
.youTubeFeed ul.feedLists li { padding: 0;margin: 0;list-style: none;margin-bottom: 15px; }
.youTubeFeed ul.feedLists li .ytVid { width: 170px;height: 96px;overflow: hidden; }
.youTubeFeed ul.feedLists li a.ytTitle,
.youTubeFeed ul.feedLists li a.ytTitle:focus,
.youTubeFeed ul.feedLists li a.ytTitle:visited { font-family: 'HelveticaNeueLTStd-Md';font-size: 11px;color: #3da0e0; }
.youTubeFeed ul.feedLists li .vidMeta { overflow: hidden; }
.youTubeFeed ul.feedLists li .vidMeta a,
.youTubeFeed ul.feedLists li .vidMeta a:focus,
.youTubeFeed ul.feedLists li .vidMeta a:visited { float: left;font-family: 'HelveticaNeueLTStd-Lt';font-size: 10px;color: #6c6b74;margin-right: 10px;line-height:12px; }
.youTubeFeed ul.feedLists li .vidMeta span { float: left;font-family: 'HelveticaNeueLTStd-Lt';font-size: 10px;color: #b1b2b5;line-height:12px; }
	

/* indosat-custom.css Edit */
.topSearch input[type="text"] {
	border: none;
	font-size: 12px;
	font-family: "fsjoey-regular";
	padding: 4px 10px 2px;
	border-radius: 10px;
	width: 170px;
}
.button:active, button:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active {
    background: #414042;
}

.footerTop a.footerToggle,
.footerTop a.footerToggle:focus,
.footerTop a.footerToggle:visited { color: #FFF; }

.button, 
button, 
input[type="submit"], 
input[type="reset"], 
input[type="button"] { position: relative;behavior: url(../../assets/js/vendor/pie/PIE.htc);
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	     -o-border-radius: 3px;
	        border-radius: 3px; }

.customForm .ui-selectmenu-button { position: relative;behavior: url(../../assets/js/vendor/pie/PIE.htc);
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	     -o-border-radius: 5px;
	        border-radius: 5px; }

			
.btn-share,
.btn-getItNow { position: relative;behavior: url(../../assets/js/vendor/pie/PIE.htc);
	-webkit-border-radius: 6px;
	   -moz-border-radius: 6px;
	     -o-border-radius: 6px;
	        border-radius: 6px; }

.topHeaderLeft ul > li.active > a { position: relative;behavior: url(../../assets/js/vendor/pie/PIE.htc);
	-webkit-border-radius: 12px;
	   -moz-border-radius: 12px;
	     -o-border-radius: 12px;
	        border-radius: 12px; }

.switch-android,
.switch-android a,			
.topLivechat,
.topSearch input[type="text"],
.topSearch input[type="search"] { position: relative;behavior: url(../../assets/js/vendor/pie/PIE.htc);
	-webkit-border-radius: 10px;
	   -moz-border-radius: 10px;
	     -o-border-radius: 10px;
	        border-radius: 10px; }
			
.switch-android input[type="radio"] { opacity:0;filter:alpha(opacity=0); }	

.homeWidget {  }		
.homeWidget .row {  }		
.homeWidget .row .columns { width: 306px; }		
.homeWidget .row .columns .boxColor { height: 150px; }		
.homeWidget .row .columns:first-child { margin-left:0; }		
.homeWidget .row .columns:last-child { margin-right:0; }

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

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


.btn-getItNow > i.icons { top: 2px; }

.lt-ie9 .headLine-col h4.title { font-size: 20px; }
.lt-ie9 .defColumn .twoColumns { width: 42%; }
.lt-ie9 .defColumn .threeColumns { padding: 0 1%; }
.lt-ie9 .divLogin .twoColumns:nth-child(1) { border-right:0; }
.lt-ie9 .slideGroup { border-spacing: 5px; }
.lt-ie9 .homeWidget { margin-top:20px; }
.lt-ie9 .homeWidget .row .columns:first-child + .columns + .columns { margin-right:0; }
.lt-ie9 .defColumn .twoColumns:first-child  + .twoColumns { border: 0; }
.lt-ie9 .simulator-result .boxColor { width: 262px !important; }
.lt-ie9 .ui-tabs-nav li.ui-state-default { position: relative !important;z-index:0 !important; }
.lt-ie9 .instagramFeed ul.feedLists li { margin: 3px; }

/* Yudhi */
.simulatorContent {
	padding: 10px;
}
/*endOf Yudhi */

/* himawan start */
.st_sharethis_custom {
	position: relative;behavior: url(../../assets/js/vendor/pie/PIE.htc);
	-webkit-border-radius: 6px;
	   -moz-border-radius: 6px;
	     -o-border-radius: 6px;
	        border-radius: 6px;background: url("../img/icon-share.png") no-repeat scroll center #414042;
    border-radius: 6px;
    display: block;
    float: left;
    height: 13px;
    padding: 9px;
    width: 16px;
    cursor: pointer;
}
/* himawan end */

/* Captcha Styling */
#recaptcha_area, #recaptcha_table { line-height: 0!important;}
    #recaptcha_table span {
        height: auto !important;
    }

    
/* Mobile Paket Pro page */
.subscribe-wrapper {
	min-width: 165px;
	padding: 15px 10px;
	text-align: center;
}

.subscribe-wrapper a {
	color: #ffffff;
	text-decoration: none;
	}
.full-border-grey { 
	border: 1px solid #898989;
}
/*endOf Mobile Paket Pro page */


/* =================
    DUNIA DIGITAL
    ================ */
    .cmsContent .columnGroup {
        width: 100%;
        display: inline-block;
    }
    .cmsContent .columnGroup .three{
        background: none repeat scroll 0 0 #fff;
        float: left;
        margin: 1%;
        width: 31%;
        max-width: 31%;
    }
    .cmsContent .digital-world .content {
        padding: 6%;
        width: 80%;
        margin: auto;
    }
    .cmsContent .digital-world p, .cmsContent .digital-world span, .cmsContent .digital-world td{font-family: inherit;}
    .digital-world .boxImageHead img {
        width: auto;
        margin: auto;
        max-height: 140px;
    }
    .cmsContent .digital-world .content h4{
        font-size: 14px;
        margin: 0;
        height: 45px;
        display: table-cell;
        vertical-align: middle;
    }
    .cmsContent .digital-world .boxImageHead{
        padding-top: 0;
        width: 95% !important;
        max-width: 100% !important;
    }
    .cmsContent .digital-world .feature .columnGroup .boxImageHead {
        margin-right: 1.5%;
        background: #fff;
    }
    
    .cmsContent .digital-world .color-red {
        color: #f06a36;
        font-size: 14px;
        font-family: 'Helvetica Neue'
    }
    .cmsContent .digital-world .drkYellowBtn {
        background: #414042;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px;
        color: #FEE300;
        font-size: 14px;
        padding: 8px 9px 9px 12px;
        font-family: 'FS Joey', sans-serif;
        font-weight: 400;
        line-height: 14px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        width: 100%;
        text-decoration: none;
    }
    .cmsContent .digital-world .drkYellowBtn:hover{
        background: #FEE300;
        color: #414042;
    }
    
    /* >> 2nd row */
    .wrapper-split-two {
        clear: both;
        display: block;
        margin: 0;
        overflow: hidden;
        padding: 0;
    }

    .wrapper-split-two h5 {
        margin-top: 6%;
        margin-bottom: 5%;
    }

    .cmsContent .digital-world .bg-grey .wrapper-split-two{
        margin-top: 8px;
        width: 325px;
        overflow: hidden;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }
    .cmsContent .split-content:nth-child(2) {
        margin-left: 2%;
    }
    .split-content {
        display: table;
        float: left;
        padding-top: 0 !important;
        width: 40.8%;
        padding-right: 37px !important;
        padding-bottom: 5px !important;
    }
    .digital-world h5 {
        display: block;
        font-size: 15px;
        margin-bottom: 4%;
    }
    .digital-world .img-1 {
        background-attachment: scroll;
        background-clip: border-box;
        background-color: rgba(0, 0, 0, 0);
        background-image: url("http://indosatcom.staging5.salt.co.id/Assets/Img/icon-1-digital-world.png");
        background-origin: padding-box;
        background-position: 0 0;
        background-repeat: no-repeat;
        float: left;
        height: 100px;
        margin-top: 3%;
        width: 40%;
    }
    .digital-world .img-2{
        background-attachment: scroll;
        background-clip: border-box;
        background-color: rgba(0, 0, 0, 0);
        background-image: url("http://indosatcom.staging5.salt.co.id/Assets/Img/icon-2-digital-world.png");
        background-origin: padding-box;
        background-position: 0 0;
        background-repeat: no-repeat;
        float: left;
        height: 110px;
        width: 40%;
    }
    .digital-world .info {
        display: inline-table;
        width: 60%;
    }
    .digital-world .wrapper-split-two ul {
        width: 100%;
        margin-left: 5%;
    }
    .digital-world li {
        
    }
    .digital-world .img img {
        max-width: 100%;
    }
    .split-content .drkYellowBtn{
        margin-left: 30px;
        width: 70% !important;
    }

    /* >> ROW 3 */
    .digital-world .wrapper-row-three {
        margin: 0 !important;
        max-height: 100%;
        max-width: 100%;
        overflow: hidden;
        padding: 0 !important;
    }

    .wrapper-row-three h5 {
        margin-top: 2%;
        margin-bottom: 5%;
    }

    .digital-world .split-container {
        display: block;
        float: left;
        padding: 10px;
        width: 45.9%;
        padding-bottom: 15px !important;
        min-height: 285px !important;
    }
    .digital-world .split-container:nth-child(2) {
        margin-left: 2%;
    }
    .digital-world .bg-white{
        background: #fff;
    }
    .digital-world .split-container img{
        float: left;
        margin-left: 13px;
    }

    .content-info {
        display: table;
        float: right;
        width: 65%;
    }
    .split-container ul {
        
    }
    .split-container .content-info .drkYellowBtn{
        margin-left:30px;
        width: 70%;
    }

    .wrapper-row-four{
        margin-top: 20px;
        max-height: 100%;
        max-width: 100%;
        overflow: hidden;
        padding: 0 !important;
        width: 100%;
    }
    .wrapper-row-four .row-digital .grid-3{
        float: left;
        width: 100%;
    }
    .wrapper-row-four .row-digital .grid-1{
        float: left;
        width: 33.33333%
    }
    .wrapper-row-four .row-digital .grid-2{
        float: left;
        width: 66.66666%
    }
    .row-digital {
        padding-left: 20px;
        padding-right: 20px;
    }
    .wrapper-row-four img {
        margin: 0 0 19px 30px;
    }
    .wrapper-row-four .drkYellowBtn{
        margin-left: 30px;
        margin-top: 15px;
        width: 70% !important;
    }
    .wrapper-row-four ul {
        margin-top: 0 !important;
        padding-top: 15px !important;
    }

    .digital-world {width: 100%;}
	           .digital-world .title-picture{padding: 2%;}
	           .digital-world h2{margin-bottom: 2%;}
	           .digital-world h1, .digital-world h2, .digital-world h3, .digital-world h4, .digital-world h5{font-family: 'FS Joey' !important;}
               .digital-world p, .digital-world td, .digital-world li{font-family: HelveticaNeueLTStd-lt !important;}

	           /* GRID FOR 4 COLUMNS */
	            .digital-world .row-duniaDigital{width: 100%;}
		        .digital-world .grid1{float: left; width: 25%;}
		        .digital-world .grid2{width: 50%; float: left;}
		        .digital-world .grid3{width: 75%; float: left;}
		        .digital-world .grid4{width: 100%}

                .row-duniaDigital .grid2 img {
                    float: left !important;
                    margin: auto !important;
                    max-width: 90% !important;
                    width: auto !important;
                }
                .row-duniaDigital .margin-right5px{margin-right: 5px;}
                .row-duniaDigital  .text-ContEnt {
                    display: table !important;
                    max-width: 100% !important;
                    padding-left: 9% !important;
                    width: auto !important;
                }
                .row-duniaDigital  .text-ContEnt ul.disc{margin-left: 0;}
                .contentRow {min-height: 280px;}

	/* =========================
	   >> Pay Up content
	   ========================= */
        .wrapper-payup p, .wrapper-payup span, .wrapper-payup td{font-family: inherit;}
        .wrapper-payup h1, .wrapper-payup h2, .wrapper-payup h3, .wrapper-payup h4, .wrapper-payup h5, .wrapper-payup a {font-family: FS Joey !important;}
        
	    .wrapper-payup {width: 100%;}
        .wrapper-payup .row {width: 100%;}
        .wrapper-payup .grid1{float: left; width: 25%;}
        .wrapper-payup .grid2{float: left; width: 50%;}
        .wrapper-payup .grid3{float: left; width: 75%;}
        .wrapper-payup .grid4{width: 100%;}

	    .wrapper-payup .title-picture{padding: 2%;}
	    .wrapper-payup h2{margin-bottom: 2%;}
	    .wrapper-payup .wirausaha-content {padding: 6% 4% 6% 4%; display: inline-block; text-align: center; position: relative; width: 100%;}
	    .wrapper-payup .cod-content {position: absolute; width: 20%; text-align: right; top: 26px; left: 5px;}
	    .wrapper-payup .debit-content {position: absolute; width: 20%; text-align: right; bottom: 55px; left: 5px;}
	    .wrapper-payup .kanvaser-content {position: absolute; width: 20%; text-align: right; right: 7px; top: 20px;}
	    .wirausaha-content .cod-content p {text-align: right;}
		.wirausaha-content .debit-content p {text-align: right;}
		.wrapper-payup .wirausaha-content h4 {font-size: 2.3em;}
		.wrapper-payup .wirausaha-content p {font-size: 12px;}
		.wirausaha-content .kanvaser-content p, .kanvaser-content h4 {text-align: left;}
	    .wrapper-payup .wirausaha-content img {max-width: 100%; margin: auto;}

		.wrapper-payup .picture-iphone{max-width: 100%; min-height: auto;}
		.wrapper-payup .picture-iphone img{max-width: 100%; width: 100%;}
		.wrapper-payup .benefit-content{display: block; /*padding-left: 8%;*/}
		.wrapper-payup .benefit-content img{float: left; max-width: 100%; margin-right: 2%; margin-left: 2%; padding-top: 1%;}
		.wrapper-payup .benefit-content .text-benefit{display: block;}
        .wrapper-payup .text-benefit p {padding-left:55px;}


        .text-benefit p {padding-left: 12%;}
        .text-benefit h3 {font-size: 2em;}
		.wrapper-payup .content-benefit-cover{padding: 4% 5% 4% 5%;}
        .wrapper-payup .tabs-content ul {
            width: 100%;
            margin: auto;
        }
		.wrapper-payup .tabs-content ul li{
            width: 19.5%;
            height: 50px;
            border-radius: 5px;
            display: table-cell;
            margin: 1px;
            line-height: 50px;
		}
            .wrapper-payup .tabs-content ul li a {
                float: none !important;
                padding: 0;
                white-space: normal;
                height: initial;
                vertical-align: middle;
                display: inline-block;
                line-height: normal;
            }
		.wrapper-payup .inner-content-payup{background: #fff; text-align: center; padding: 5% !important; max-width:100%;}
		.wrapper-payup .inner-content-payup a{color: yellow !important;}
        .wrapper-payup .tabs-content ul{max-width: 100%;}
		.wrapper-payup .wrapper-newInfo{padding: 5%;}
		.wrapper-payup .inti-newInfo .date-type {width: 8%; float: left; border-radius: 5px; background: yellow; text-align: center; padding-top: 1%; padding-bottom: 1%;}
		.wrapper-payup .inti-newInfo .new-info-text{display: inline-block; width: 85%; padding-left: 4%;}
		.wrapper-payup .inti-newInfo .new-info-text a {color: #ed1c24;}
		.wrapper-payup .inti-newInfo .btnDarkYellow {margin: auto; width: 30%; display: block; color: #FEE300 !important;}
		.wrapper-payup .inner-content-payup table tr td{text-align: center;}
        .inner-content-payup .disc {text-align: left;}
        .textTabContent {text-align: left;}
        .textTabContent ul li {margin: 3px 0;}
        .tabContentTitle {padding-bottom: 5%;}
        .imgTabPayup img {width: auto; max-width: 100% !important;}
        .wrapper-payup #tabs-1, .wrapper-payup #tabs-2, .wrapper-payup #tabs-3, .wrapper-payup #tabs-4, .wrapper-payup #tabs-5{padding: 0 !important;}

	/* =========================
	   >> Ideabox content
	   ========================= */

	.cmsContent .wrapper-idea-box{
		width: 100%;
	}
    .wrapper-idea-box p, .wrapper-idea-box a, .wrapper-idea-box td{font-family: inherit;}
	.wrapper-idea-box h1, .wrapper-idea-box h2, .wrapper-idea-box h3, .wrapper-idea-box h4, .wrapper-idea-box h5, .wrapper-idea-box a {font-family: FS Joey !important;}
	.wrapper-idea-box .row-idea-box{width: 100%;}
	.wrapper-idea-box .grid-1{float: left; width: 33.33333%;}
	.wrapper-idea-box .grid-2{width: 66,66666%; float: left;}
	.wrapper-idea-box .grid-3{width: 100%}

    .wrapper-idea-box .row {width: 100%;}
    .wrapper-idea-box .grid1{float: left; width: 25%;}
    .wrapper-idea-box .grid2{float: left; width: 50%;}
    .wrapper-idea-box .grid3{float: left; width: 75%;}
    .wrapper-idea-box .grid4{width: 100%;}

	.wrapper-idea-box img{width: 100%;}
	.program-content{
		padding-top: 2%;
		padding-bottom: 2%;
		background: #fff;
		margin-top: 2%;
		margin-bottom: 2%;
		min-height: 100px;
	}
	.inti-content{
		width: 10%;
		text-align: center;
		float: left;
		height: 70px;
		padding: 3%;
	}
	.text-program{
		padding-right: 2%;
		width: 80%;
		float: left;
		margin-left: 1%;
		padding-top: 1%;
	}
	.wrapper-idea-box .btnDarkYellow{text-decoration: none; width: 100%; color: #FEE300;}
	.wrapper-3-column {
		margin: 3%;
		text-align: center;
		padding-bottom: 1%;
		background: white;
		min-height: 350px;
	}
	.text-3-column{padding: 5px;}
	.text-3-column p{text-align: center;}
	.text-3-column a{color: #ed1c24; text-decoration: none;}
	.infografis-content img {max-width: 95%; padding-top: 5%;}
	.testimoni-content{background: yellow; border-radius: 5px; padding-top: 5%; padding-bottom: 5%; margin-top: 2%;}
	.testimoni-content img {width: initial;}
	/*.text-image-above{display: table; margin: auto; width: 50%;}
	.text-image-above h1{display: table-cell; vertical-align: middle; font-family: FS Joey; font-size: 35px; font-style: italic; padding-left: 3%;}
	.testimoni-content p{text-align: center; width: 80%; margin: auto; padding-top: 2%; font-family: 'Helvetica Neue'; font-size: 14px;}*/

	.wrapper-semangat-ideabox img{width: auto}
	.wrapper-semangat-ideabox .wrapper-3-column{padding-top: 15%; padding-bottom: 7%; min-height: 200px;}
	.wrapper-semangat-ideabox p{margin-top: 5%;}
	.wrapper-sponsorship{padding-top: 2%;}

	.wrapper-idea-box a:hover{opacity: 0.5;}
    .block-tab.whiteBox.clearfix {text-align: center; padding: 3%; width: 100%;}
    .wrapper-idea-box .tabs-content ul li {width: 20% !important;}
    .wrapper-idea-box .tabs-content ul li a {float: none !important;}
    .wrapper-idea-box .infografis-content .ui-tabs-panel {padding: 0;}

	/* =========================
	   >> ondego content
	   ========================= */
	   .wrapper-ondego {width: 100%;}
       .wrapper-ondego p, .wrapper-ondego a, .wrapper-ondego td{font-family: inherit;}
	   .wrapper-ondego h1, .wrapper-ondego h2, .wrapper-ondego h3, .wrapper-ondego h4, .wrapper-ondego h5, .wrapper-ondego a {font-family: FS Joey !important;}
		.wrapper-ondego .row-idea-box{width: 100%;}
		.wrapper-ondego .grid-1{float: left; width: 33.33333%;}
		.wrapper-ondego .grid-2{width: 66,66666%; float: left;}
		.wrapper-ondego .grid-3{width: 100%}
	   .title-ondego {
			padding: 2%;
		}
		.title-ondego img{width: auto !important;}
		.wrapper-ondego img{width: 100%;}
		.service-wrapper .content-service img{width: auto !important;}
		.wrapper-ondego .bg-grey h2{margin-bottom: 2%;}
		.wrapper-ondego .service-content{padding-left: 2%; padding-right: 2%;}
		.wrapper-ondego .service-content img{float: left;}
		.wrapper-ondego .text-service{display: inline-table; width: 90%; margin-left: 2%;}
        .wrapper-ondego .content-service h3 {font-size: 1.5em;}

		.wrapper-ondego .content-promo{background: #fff; padding: 3%;}
		.wrapper-ondego .date-promo{width: 10%; display: table; float: left;}
		.wrapper-ondego .date-type{width: 20%; padding: 5% 10% 5% 10%; border-radius: 5px; border: 1px solid #ed1c24; margin: auto; display: table;}
		.wrapper-ondego .name-month-type{width: 20%; display: table; margin: auto;}
		.wrapper-ondego .what-content{display: inline-block; width: 90%;}
		.wrapper-ondego .what-content p, .wrapper-ondego .what-content img, .wrapper-ondego .what-content span, .wrapper-ondego .what-content h5, .wrapper-ondego .what-content a{margin-bottom: 2%; text-decoration: none !important;}
		.wrapper-ondego .what-content a:first-child{color: #ed1c24;}
		.wrapper-ondego .btnDarkYellow{margin: auto; width: 25%; display: block; color: #FEE300;}

		.wrapper-Tim-Ondego img{width: auto;}
		.team-name {width: 90%; display: block; background: #fff; text-align: center; min-height: 200px; padding: 10% 2%;}
        .wrapper-ondego .tabs-content ul li {width: 25% !important;}
        .wrapper-ondego .tabs-content ul li a {float: none !important;}
        .wrapper-ondego .info-account {max-width: 100%;margin: 0 !important;padding: 0 !important;}

		/* =========================
	   >> Tentang Kami content
	   ========================= */
	   .wrapper-aboutUs {width: 100%;}
	   .wrapper-aboutUs h2{margin-bottom: 2%;}
       .wrapper-aboutUs p, .wrapper-aboutUs span, .wrapper-aboutUs td{font-family: inherit;}
	   .wrapper-aboutUs h1, .wrapper-aboutUs h2, .wrapper-aboutUs h3, .wrapper-aboutUs h4, .wrapper-aboutUs h5, .wrapper-aboutUs a {font-family: 'FS Joey' !important;}
		.wrapper-aboutUs .row-idea-box{width: 100%; display: inline-block;}
		.wrapper-aboutUs .row-content{width: 100%;}
		.wrapper-aboutUs .grid-1{float: left; width: 25%; float: left;}
		.wrapper-aboutUs .grid-2{width: 50%; float: left;}
		.wrapper-aboutUs .grid-3{width: 75%; float: left;}
		.wrapper-aboutUs .grid-4{width: 100%; float: left;}
		.wrapper-aboutUs .content-semangatKami{padding: 0 0 2% 0; margin: 1%;}
		.wrapper-aboutUs .content-semangatKami img{max-width: 100%;}
		.wrapper-aboutUs .content-semangatKami p{text-align: left; width: 90%; padding-left: 2%; padding-top: 2%;}
		.wrapper-aboutUs .content-Penghargaan{padding: 0 0 2% 0; margin-left: 2%;}
		.wrapper-aboutUs .content-Penghargaan img{max-width: 100%;}
		.wrapper-aboutUs .content-Penghargaan p{width: 80%; margin: auto; text-align: center; padding-top: 2%;}
		.wrapper-aboutUs .tim-inti{background: #fff; text-align: center; margin-bottom: 15%; padding-left: 2%; padding-right: 2%;}
		.wrapper-aboutUs .tim-inti p{text-align: center !important;}
		.wrapper-aboutUs .tim-inti img{max-width: 100%; width: 85%;}
		/*.wrapper-aboutUs .tabs-content ul li {width: 20%; margin-bottom: 0;}*/
		.wrapper-aboutUs #tabs-1, .wrapper-aboutUs #tabs-1, .wrapper-aboutUs #tabs-2, .wrapper-aboutUs #tabs-3, .wrapper-aboutUs #tabs-4, .wrapper-aboutUs #tabs-5, .wrapper-aboutUs #tabs-6, .wrapper-aboutUs #tabs-7{padding: 0; margin: 0; }
		.wrapper-aboutUs .inner-content-dompetku {width: 100%; padding: 5% 0; display: inline-block; background: #fff;}
		/*.wrapper-aboutUs .grid-1:nth-child(5) {margin-left: 10%;}*/
        .wrapper-aboutUs .inner-content-dompetku h4{text-align: center; margin-bottom: 4%;}

        .wrapper-aboutUs .wrapper-tabs ul {
            margin: 0;
            /*padding: .2em .2em 0;*/
        }
        .wrapper-aboutUs .wrapper-tabs-aboutUs ul li {
            width: auto;
            float: none;
            margin: 0;
        }
        .wrapper-aboutUs .wrapper-tabs-aboutUs ul li a {
            float: none;
            line-height: 2;
            white-space: normal;
            display: block;
        }

        .wrapper-dompetKu .mitra-cipika img {max-width: 100%; width: auto;}
		/* ===================
		   >> WIDGET TABS
		   =================== */
		.tabs-content ul{
			margin: auto;
			max-width: 100%;
			text-align: center;
		}
		.tabs-content ul li {
			display: inline-block;
			margin-left: -0.1%;
			text-align: center !important;
			background: #414042;
			border-radius: 5px;
			padding: 1.5% 1%;
		}
		.tabs-content ul li a {
			color: #fff;
		}
		.tabs-content ul .ui-tabs-active {
			background: #fff !important;
		}
		.tabs-content ul .ui-tabs-active a {
			color: #000;
			font-weight: 600;
			font-family: 'FS Joey';
		}

		/* =========================
	   >> Iklan content
	   ========================= */
	   .wrapper-iklan {width: 100%;}
	   .wrapper-iklan .title-picture{padding: 2%;}
	   .wrapper-iklan h2{margin-bottom: 2%;}
       .wrapper-iklan p, .wrapper-iklan td, .wrapper-iklan span {font-family: inherit;}
	   .wrapper-iklan h1, .wrapper-iklan h2, .wrapper-iklan h3, .wrapper-iklan h4, .wrapper-iklan h5, .wrapper-iklan a{font-family: FS Joey !important;}
	   .grid-row {width: 100%;}
	   .column-1st {
	   		width: 25%;
	   		float: left;
	   }
	   .column-2nd {
	   		width: 50%;
	   		float: left;
	   	}
	   .column-3rd {
	   		width: 75%;
	   		float: left;
	   	}
	   .column-4th {
	   		width: 100%;
	   		float: left;
	   	}
	   	.benefit-box{
	   		text-align: center;
			padding: 5% 1.3% 0 1.3%;
			min-height:270px;
			margin-left: 8px;
	   	}
	   	.benefit-box img{
	   		max-width: 100%;
			margin-bottom: 15%;
			min-height: 65px;
			margin-top: 5%;
	   	}
	   	.benefit-box span{
	   		display: inline-table;
			padding: 3%;
			min-height: 155px;
			margin-left: 8px;
		}

		.wrapper-iklan .row-iklan{width: 100%;}
		/* GRID FOR 3 COLUMNS */
		.wrapper-iklan .grid-1{float: left; width: 33.33333%;}
		.wrapper-iklan .grid-2{width: 66,66666%; float: left;}
		.wrapper-iklan .grid-3{width: 100%}
		/* GRID FOR 4 COLUMNS */
		.wrapper-iklan .grid1{float: left; width: 25%;}
		.wrapper-iklan .grid2{width: 50%; float: left;}
		.wrapper-iklan .grid3{width: 75%: float: left;}
		.wrapper-iklan .grid4{width: 100%}

		.profile-data{
			text-align: center;
			padding: 5% 1.3% 0 1.3%;
			min-height:200px;
			margin: 4px;
		}
		.profile-data img{max-width: 100%; margin-bottom: 5%;}
		.solusi-iklan-content img{float: left;padding-top: 2%;}
		.wrapper-call-us {
			width: 100%;
			padding: 2%;
		}
		.text-context{
			display: table;
			padding-left: 5%;
		}
		.img-solution-content{
			display: table-caption;
			text-align: center;
			padding-top: 10%;
		}
		.img-solution-content img {max-width: 100%;}
		.box-Yellow{
			padding: 1.5%;
			background: yellow;
			margin-bottom: 2%;
		}
		.box-Yellow img{
			width: auto;
			max-width: 100%;
		}
		.box-Yellow .text-call-us{
			display: block;
			background: #fff;
			padding: 1%;
			text-align: center;
		}
        .box-Yellow .text-call-us a{color: yellow; width: 50%; margin-top: 2%;}
		span.type-name {
			font-family: FS Joey;
			font-weight: bold;
			font-size: 12px;
		}
		.email-name{
			font-family: FS Joey;
			font-size: 12px;
		}
		.phoneNo-type{
			color: red;
		}
		.text-call-us span {
			display: inline-block;
			margin: auto;
		}
		.call-us-content{text-align: center;}
		.our-partnert img {max-width: 100%;}
		td.bg {background: transparent url('http://indosatcom.staging5.salt.co.id/Assets/Img/iklan-png-15.png') no-repeat center;}
		.SMS2-content {
			background: #fff;
			padding-top: 5%;
			padding-bottom: 5%;
		}
		.SMS2-content table{width: 64%; padding: 5%; margin: auto;}
		.SMS2-content tr td {text-align: left; border: 0;}
		#iklanTabs ul li{margin-bottom: 0; list-style: disc inside;}
		.rate-tabs ul li{
			padding: 10px 20px;
			border-radius: 5px;
		}
		.inner-content-iklan {
			padding: 2%;
		}
		.SMS-left{
			padding: 2% 2%;
			position: relative;
		}
		.SMS-left img{
			max-width: 100%;
		}
		.SMS-left .text-sms-left{
			position: absolute;
			width: 50%;
			top: 75px;
			left: 135px;
		}
		.SMS-right-content {
			padding: 4% 6%;
			background: transparent url('http://indosatcom.staging5.salt.co.id/Assets/Img/iklan-jpg-1.jpg') no-repeat bottom;
			border-left: 4px solid yellow;
			background-size: 80%;
		}
		.SMS-right-content p {
			padding-bottom: 25%;
		}
		.yellow-box-sms {
			background: #fee300;
			padding: 2% 2%;
		}
		.yellow-box-sms h3{
			font-weight:  600;
		}
		.last-content-sms ul{
			padding: 4% 4% 0 4%;
		}

        .wrapper-tabs-iklan ul {
            width: 100%;
            margin: auto !important;
        }
        .wrapper-tabs-iklan ul li {
            float: none !important;
            white-space: normal !important;
            margin: 0 !important;
            padding: 2px !important;
        }
        .wrapper-iklan .wrapper-tabs-iklan ul li a {
            float: none !important;
            padding: 1em 10px !important;
            line-height: 2.5;
        }
        .wrapper-tabs-iklan .SMS-2 {
            padding: 0 !important;
        }

        .inner-content-iklan ul.disc {display: block; margin-left: 8%; padding-left: 4%;}
        .wrapper-iklan .text-benefit ul {padding-left: 20%; text-align: left;}
        .wrapper-iklan .text-benefit {min-height: 100px;}
        a.imxAds {
            background: url('http://assets.indosat.com/assets/upload/adv_btn_normal.png') no-repeat center;
            width: 135px;
            height: 40px;
            display: inline-block;
        }
        a.imxAds:hover {background: url('http://assets.indosat.com/assets/upload/adv_btn_hover.png') no-repeat center;}
        a.imxAds:active {background: url('http://assets.indosat.com/assets/upload/adv_btn_press.png') no-repeat center;}
        a.imxPublish {
            background: url('http://assets.indosat.com/assets/upload/publisher_btn_normal.png') no-repeat center;
            width: 135px;
            height: 40px;
            display: inline-block;
            margin-left: 3%;
        }
        a.imxPublish:hover {background: url('http://assets.indosat.com/assets/upload/publisher_btn_hover.png') no-repeat center;}
        a.imxPublish:active {background: url('http://assets.indosat.com/assets/upload/publisher_btn_press.png') no-repeat center;}
        a.imxDPS{
            background: url('http://assets.indosat.com/assets/upload/dps_btn_normal.png') no-repeat center;
            width: 135px;
            height: 40px;
            display: inline-block;
            margin-left: 3%;
        }
        a.imxDPS:hover {background: url('http://assets.indosat.com/assets/upload/dps_btn_hover.png') no-repeat center;}
        a.imxDPS:active {background: url('http://assets.indosat.com/assets/upload/dps_btn_press.png') no-repeat center;}
        .imxBtn {background-size: cover !important; border-radius: 5px; font-size: 0; height: 55px !important; width: 170px !important;}
		.wrapper-iklan .text-call-us {padding: 2%;}
        /* =========================
	   >> DompetKu content
	   ========================= */
	   .wrapper-dompetKu {width: 100%;}
	   .wrapper-dompetKu .title-picture{padding: 2%;}
	   .wrapper-dompetKu h2{margin-bottom: 2%;}
       .wrapper-dompetKu #tabs-1, .wrapper-dompetKu #tabs-1, .wrapper-dompetKu #tabs-2, .wrapper-dompetKu #tabs-3, .wrapper-dompetKu #tabs-4, .wrapper-dompetKu #tabs-5, .wrapper-dompetKu #tabs-6, .wrapper-dompetKu #tabs-7{padding: 0; margin: 0; }
       .wrapper-dompetKu p, .wrapper-dompetKu span, .wrapper-dompetKu td{font-family: inherit;}
	   .wrapper-dompetKu h1, .wrapper-dompetKu h2, .wrapper-dompetKu h3, .wrapper-dompetKu h4, .wrapper-dompetKu h5, .wrapper-dompetKu a {font-family: 'FS Joey' !important; color: #181818 !important;}
	   .wrapper-dompetKu .btnDarkYellow {
			width: 40%;
			float: right;
			color: #FEE300;
		}
		.wrapper-tabs-dompetKu {padding-top: 5%;}
	    .wrapper-dompetKu .row-dompetKu{width: 100%;}
		/* GRID FOR 3 COLUMNS */
		.wrapper-dompetKu .grid-1{float: left; width: 33.33333%;}
		.wrapper-dompetKu .grid-2{width: 61.66666%; float: left;}
		.wrapper-dompetKu .grid-3{width: 100%}
		/* GRID FOR 4 COLUMNS */
		.wrapper-dompetKu .grid1{float: left; width: 25%;}
		.wrapper-dompetKu .grid2{width: 50%; float: left;}
		.wrapper-dompetKu .grid3{width: 75%; float: left;}
		.wrapper-dompetKu .grid4{width: 100%}

        .wrapper-dompetKu .tabs-content ul {
            margin: auto;
            width: 100%;
            max-width: 100%;
        }
        .wrapper-tabs-dompetKu.info-gal-tabs-wrapper {
            padding-top: 0;
        }
		.wrapper-dompetKu .tabs-content ul li {
			border-radius: 5px;
			width: 16.3%;
            line-height: 25px;
			margin-bottom: 0;
		}
        .wrapper-dompetKu .tabs-content ul li a{color: #fff !important;}
        .wrapper-dompetKu .tabs-content ul li.ui-tabs-active a {color: #181818 !important;}
		.content-dompetKu{
			padding: 2% 2%;
			background: #fff;
		}
		.content-serve-dompetKu{
            cursor: pointer;
			max-width: 100%;
			margin-left: 4%;
            position: relative;
			text-align: center;
		}
        .info-gal-tabs-wrapper .whiteBox {
            background-color: #ffffff;
        }
        .info-gal-tabs-wrapper .video-wrapper {
            float: left;
            margin: 0 0 0 2%;
            width: 48%;
        }
        .info-gal-tabs-wrapper .video-wrapper:nth-child(2n+1), .info-gal-tabs-wrapper .infographic-wrapper:nth-child(2n+1) {
            margin-left: 0;
        }
        .info-gal-tabs-wrapper .infographic-wrapper {
            float: left;
            margin: 0 0 0 2%;
            max-height: 200px;
            overflow: hidden;
            width: 48%;
        }
            .info-gal-tabs-wrapper .infographic-wrapper img {
                width: 100%;
            }
        .content-serve-dompetKu .zooming-wrapper {
            background-color: #272727;
            bottom: 0; 
            display: none;
            left: 0;
            opacity: 0.5;
            position: absolute;
            width: 100%;
        }
        .zooming-wrapper .btn-wrapper {
            margin: 0.5em 0;
        }
        .content-serve-dompetKu .zooming-wrapper a {
            background-color: #fff;
            border-radius: 0 !important;
            color: #000000;
            padding: 0.5em;
        }
		.content-serve-dompetKu img{
			max-width: 100%;
			width: 100%;
		}
		.content-serve-dompetKu a, .content-serve-dompetKu span.btnDarkYellow {
			width: 100% !important;
			border-radius: 0 !important;
			border-bottom-left-radius: 5px !important;
			border-bottom-right-radius: 5px !important;
			margin: auto;
			padding: 6%;
			text-transform: uppercase;
			font-weight: 500;
		}
		.cover-benefit-dompetku{
			text-align: center;
			padding: 3% 3%;
		}
		.wrapper-grid-content{
			width: 100%;
			display: table;
			margin: auto;
		}
		.wrapper-grid-content .grid-2{margin-left: 1%;}
		.content-sosmed{padding: 19% 5%;}
		.content-sosmed img{float: left; margin: auto; max-width: 100%; padding: 5% 0;}
		.content-sosmed .info-sosmed{padding: 0 5%; display: table; margin-bottom: 10%;}
		.content-sosmed .date-sosmed-type{background: transparent url('http://indosatcom.staging5.salt.co.id/Assets/Img/dompetku-png-5.png') no-repeat left; padding-left: 18%;}
		.wrapper-grid-content .bg-grey {padding: 5%;}
        .sos-med-content {min-height: 300px !important;}

		.wrapper-dompetKu .content-promo{background: #fff; padding: 2% 0; max-width: 100%;}
		.wrapper-dompetKu .date-promo{width: 10%; display: table; float: left;}
		.wrapper-dompetKu .date-type{width: 20%; padding: 5% 10% 5% 10%; border-radius: 5px; border: 1px solid #ed1c24; margin: auto; display: table;}
		.wrapper-dompetKu .name-month-type{width: 20%; display: table; margin: auto;}
		.wrapper-dompetKu .what-content{display: table; padding-right: 2%; padding-bottom: 2%; padding-left: 1.5%;}
		.wrapper-dompetKu .what-content img{max-width: 100%;}

        

		.wrapper-dompetKu .what-content p, .wrapper-dompetKu .what-content img, .wrapper-dompetKu .what-content span, .wrapper-dompetKu .what-content h5, .wrapper-dompetKu .what-content a{margin-bottom: 2%; text-decoration: none !important;}
		.wrapper-dompetKu .what-content a:first-child{color:#ed1c24 !important;}
		.wrapper-dompetKu .btnDarkYellow{margin: auto; width: 30%; display: block; color: #FEE300 !important;}
		.wrapper-dompetKu .news-INFO{padding: 2%;}
		.news-INFO .btnDarkYellow {float: none; width: 50%; padding: 3%;}
		.cover-infografis {max-width: 100%; margin: 2%; min-height: 150px;}
		.cover-infografis img{max-width: 100%; margin: auto;}
		/*.wrapper-dompetKu .text-image-above img{max-width: 100%; padding-top: 15%;}*/
		/*.wrapper-dompetKu .text-image-above h1 {padding-left: 3%; font-size: 44px;}*/
        /*.cover-service-content .row-dompetKu p {font-size: 16px; font-weight: 500;}*/
        .row-dompetKu .content-dompetKu ol {list-style-type: lower-alpha; font-weight: 800;}
        .row-dompetKu .content-dompetKu span {font-weight:normal !important;}
        .wrapper-dompetKu .row-dompetKu table tbody tr td {text-align: center;}
        .wrapper-dompetKu .box-benefit {margin: 5%;}
        .wrapper-dompetKu .box-benefit img {margin-bottom: 8%;}
        .infografisTabs ul li {width: 20% !important;}
        .infografisTabs ul li a {float: none !important; text-align: center; white-space: normal !important;}
.wrapper-dompetKu .cover-infografis {min-height: 145px;}
.cover-service-content .row-dompetKu ul li {margin-bottom: 2%;}
.info-gal-tabs-wrapper .tabs-content ul li {float: none !important;}
.wrapper-tabs-dompetKu .tabs-content ul li {float: none !important; line-height: 25px; width: auto;}
.wrapper-tabs-dompetKu .tabs-content ul li a {float: none; line-height: 3; padding: 1px 3px !important; text-decoration: none; white-space: normal;}
		/* =========================
	   >> award content
	   ========================= */
       .wrapper-award h2 {font-size: 1.7em;}
	   .wrapper-award {width: 100%;}
	   .wrapper-award .title-picture{padding: 2%;}
	   .wrapper-award h2{margin-bottom: 2%;}
       .wrapper-award p, .wrapper-award span, .wrapper-award td{font-family: inherit;}
	   .wrapper-award h1, .wrapper-award h2, .wrapper-award h3, .wrapper-award h4, .wrapper-award h5, .wrapper-award a {font-family: 'FS Joey' !important;}

	   /* GRID FOR 4 COLUMNS */
	    .wrapper-award .row-award{width: 100%;}
		.wrapper-award .grid1{float: left; width: 25%;}
		.wrapper-award .grid2{width: 50%; float: left;}
		.wrapper-award .grid3{width: 75%; float: left;}
		.wrapper-award .grid4{width: 100%}

		.award-content {
			max-width: 100%;
			display: block;
			text-align: center;
			margin: 1%;
		}
		.award-content img {
			width: 100%;
			max-width: 100%;
			margin: auto;
		}
		.text-award-content p {
			padding: 4%;
			text-align: center;
			min-height: 65px;
            color: #414042;
            font-size: 1.3em;
		}

		.bg-blue-Box{background-color: #7ccef0;}
		.bg-green-Box{background-color: #b6daa6;}
		.bg-oldGreen-Box{background-color: #d0b0a3;}
		.bg-oldBlue-Box{background-color: #9bbacc;}

		/* =========================
	   >> content contact
	   ========================= */
	   .wrapper-contact {width: 100%;}
	   .wrapper-contact .title-picture{padding: 2%;}
	   .wrapper-contact h2{margin-bottom: 2%;}
       .wrapper-contact p, .wrapper-contact span, .wrapper-contact td{font-family: inherit;}
	   .wrapper-contact h1, .wrapper-contact h2, .wrapper-contact h3, .wrapper-contact h4, .wrapper-contact h5, .wrapper-contact a {font-family: 'FS Joey' !important;}

	   /* GRID FOR 4 COLUMNS */
	    .wrapper-contact .row-award{width: 100%;}
		.wrapper-contact .grid1{float: left; width: 25%;}
		.wrapper-contact .grid2{width: 50%; float: left;}
		.wrapper-contact .grid3{width: 75%}
		.wrapper-contact .grid4{width: 100%}

		.content-input input, textarea {
			max-width: 100%;
			border-radius: 5px;
			width: 100%;
			border: 1px solid seashell;
		}
		.content-input input{min-height: 23px;}
		.first-form {
			margin-right: 5%;
		}
		.content-input label {
			margin-bottom: 2%;
		}

		.wrapper-contact .form-contact .btnDarkYellow {
			width: 20%;
			color: #FEE300;
		}
		.content-alamat h5 {
			font-weight: 600;
			font-size: 1.2em;
		}
		.content-alamat span {
			font-size: 1em;
		}
        .content-form .name-forM input {
            width: 90%;
        }
		/* =========================
	   >> content cipika
	   ========================= */
	   .wrapper-cipika {width: 100%;}
	   .wrapper-cipika .title-picture{padding: 2%;}
	   .wrapper-cipika h2{margin-bottom: 2%;}
       .wrapper-cipika p, .wrapper-cipika a, .wrapper-cipika td{font-family: inherit !important;}
	   .wrapper-cipika h1, .wrapper-cipika h2, .wrapper-cipika h3, .wrapper-cipika h4, .wrapper-cipika h5, .wrapper-cipika a {font-family: 'FS Joey' !important;}
       .wrapper-cipika a {color: #181818;}

	   /* GRID FOR 4 COLUMNS */
	    .wrapper-cipika .row-cipika{width: 100%;}
        .wrapper-cipika .row{width: 100%;}
		.wrapper-cipika .grid1{float: left; width: 25%;}
		.wrapper-cipika .grid2{width: 50%; float: left;}
		.wrapper-cipika .grid3{width: 75%; float: left;}
		.wrapper-cipika .grid4{width: 100%}
		/* GRID FOR 3 COLUMNS */
		.wrapper-cipika .grid-1{float: left; width: 33.33333%;}
		.wrapper-cipika .grid-2{width: 61.66666%; float: left;}
		.wrapper-cipika .grid-3{width: 100%}

		.wrapper-cipika .service-wrapper {
			padding: 5%;
			margin-top: 2%;
		}
		.wrapper-cipika .content-service img {
			width: auto !important;
			float: left;
			padding-top: 1%;
		}
		.wrapper-cipika .text-service {
			display: table;
			padding-left: 5%;
		}

		.wrapper-cipika .content-promo{background: #fff; padding: 3%;}
		.wrapper-cipika .date-promo{width: 10%; display: table; float: left;}
		.wrapper-cipika .date-type{width: 20%; padding: 5% 10% 5% 10%; border-radius: 5px; border: 1px solid #ed1c24; margin: auto; display: table;}
		.wrapper-cipika .name-month-type{width: 20%; display: table; margin: auto;}
		.wrapper-cipika .what-content{display: inline-block; width: 90%;}
		.wrapper-cipika .what-content img{max-width: 100%;}
		.wrapper-cipika .what-content p, .wrapper-cipika .what-content img, .wrapper-cipika .what-content span, .wrapper-cipika .what-content h5, .wrapper-cipika .what-content a{margin-bottom: 2%; text-decoration: none !important;}
		.wrapper-cipika .what-content a:first-child{color: #ed1c24;}
		.wrapper-cipika .btnDarkYellow{margin: auto; width: 25%; display: block; color: #FEE300;}

		.wrapper-cipika .wrapper-grid-content{width: 100%; margin: auto; display: inline-block;}
		.wrapper-grid-content .grid-2{margin-left: 1%;}
		.wrapper-cipika .content-sosmed{padding: 7%;}
		.wrapper-cipika .content-sosmed img{float: left; margin: auto; max-width: 100%; padding: 4% 0;}
		.wrapper-cipika .content-sosmed .info-sosmed{padding: 0 5%; display: table; margin-bottom: 10%;}
		.wrapper-cipika .content-sosmed .date-sosmed-type{background: transparent url('http://indosatcom.staging5.salt.co.id/Assets/Img/dompetku-png-5.png') no-repeat left; padding-left: 18%;}
		.wrapper-cipika .wrapper-grid-content .bg-grey {}

		.wrapper-cipika .content-promo{background: #fff; padding: 2% 4% 2% 0; max-width: 100%; min-height: 200px;}
		.wrapper-cipika .date-promo{width: 10%; display: table; float: left;}
		.wrapper-cipika .date-type{width: 20%; padding: 5% 10% 5% 10%; border-radius: 5px; border: 1px solid #ed1c24; margin: auto; display: table;}
		.wrapper-cipika .name-month-type{width: 20%; display: table; margin: auto;}
		.wrapper-cipika .what-content{display: inline-block; width: 90%;}
		.wrapper-cipika .what-content img{max-width: 100%;}
		.wrapper-cipika .what-content p, .wrapper-cipika .what-content img, .wrapper-cipika .what-content span, .wrapper-cipika .what-content h5, .wrapper-cipika .what-content a{margin-bottom: 2%; text-decoration: none !important;}
		.wrapper-cipika .what-content a:first-child{color: #ed1c24;}
		.wrapper-cipika .btnDarkYellow{margin: auto; width: 25%; display: block; color: #FEE300;}
		.wrapper-cipika .news-INFO{padding: 2%;}
		.news-INFO .btnDarkYellow {float: none; width: 50%; padding: 3%;}
		.wrapper-cipika .wrapper-promo p {margin:2% 0;}

		.wrapper-cipika .content-categories {max-width: 100%;margin: 5px;display: block;}
		.wrapper-cipika .content-categories img{margin: auto;max-width: 100%;}
		.wrapper-cipika .text-categories {padding: 5% 4% 10% 4%;background: white;min-height: 60px;}
		.wrapper-cipika .text-categories .btnDarkYellow {width: 100%; margin-top: 5%;}
		.wrapper-cipika .testimoni-content{max-width: 100%;}
		.wrapper-cipika .testimoni-content img{max-width: 100%; width: 100%;}

		.wrapper-cipika .tim-detil {text-align: center; padding: 20% 2% 2% 2%;}
		.wrapper-cipika .tim-detil img{margin: auto; max-width: 100%;}
		.wrapper-cipika .mitra-cipika {text-align: center; padding: 5%;}
		.wrapper-cipika .mitra-cipika img{max-width: 100%;}
.cipikaNav {
    position: relative;
    width: 100%;
    top: 65px;
}
.cipikaNav a {
    border-radius: 3px;
    cursor: pointer;
    display: block;
    float: left;
    height: 40px;
     /*margin-top: 13%;*/
    padding: 1% 1%;
    text-indent: -9999px;
    top: 50%;
    width: 2%;
    z-index: 4;
}
.cipikaNav .next{
    background: url("../img/iconNextSlide.png") no-repeat scroll center center #414042;
    position: absolute;
    right: -10px !important;
}
.cipikaNav .prev{
    background: url("../img/iconPrevSlide.png") no-repeat scroll center center #414042;
    position: absolute;
    left: -10px !important;
}

/* Universal CSS Dunia Digital */
.cmsContent .title-picture{text-align:center; padding-top: 2%;}
.cmsContent .title-picture img{max-width: 100% !important; width: auto !important;}
/* =================
    End of DUNIA DIGITAL
    ================ */

/* =====================================================================
		>> Business international & Roaming Page - International Service
   ===================================================================== */
        .wrapper-int-roaming h1, .wrapper-int-roaming h2, .wrapper-int-roaming h3, .wrapper-int-roaming h4, .wrapper-int-roaming h5 {font-family: "fsjoey-bold" !important;}
        .wrapper-int-roaming p, .wrapper-int-roaming span {font-family: inherit;}
		.wrapper-int-roaming{width: 100%; max-width: 100%;}
		.wrapper-int-roaming .title-text{padding-top: 2%;}
		.wrapper-int-roaming .row {width: 100%;}
		/* ROW 4 COLUMN OR 2 COLUMN */
        .wrapper-int-roaming .row .grid1{width: 25%; float: left;}
        .wrapper-int-roaming .row .grid2{width: 50%; float: left;}
        .wrapper-int-roaming .row .grid3{width: 75%; float: left;}
        .wrapper-int-roaming .row .grid4{width: 100%;}
        /* ROW 3 COLUMN */
        .wrapper-int-roaming .row .grid-1{float: left; width: 33.33333%;}
		.wrapper-int-roaming .row .grid-2{width: 66.66666%; float: left;}
		.wrapper-int-roaming .row .grid-3{width: 100%}

        .wrapper-int-roaming .content-split-2{margin: 1%; padding: 5% 3%;}
        .wrapper-int-roaming .content-split-2 img {float: left; margin: 5% 3%; max-width: 100%; width: 25%;}
        .wrapper-int-roaming .content-split-2 .text-contenT {display: table; padding-left: 3%;}
        .wrapper-int-roaming .red-text{color: red;}
        .wrapper-int-roaming table tr .bold-font{font-weight: bold !important;}
        .wrapper-int-roaming table tr td:first-child{width: 50%;}
        .wrapper-int-roaming table tr td:nth-child(2){width: 50%;}
        .wrapper-int-roaming .bg-grey {background: #e6e7e8;}


        /* styles Int Service */
        .wrapper-int-roaming .intServContent{min-height: 10.8em;}
        /* styles Roaming Service */
        .wrapper-int-roaming .roamingServe{min-height: auto;}
        /* styles Roaming Service */
        .wrapper-mitraAliansi .grid2 img {text-align: center; margin: auto; max-width: 100%;}
        .wrapper-mitraAliansi .grid2:nth-child(2){padding-top: 4%;}
        /* styles Business & International Roaming Service */
        .wrapper-BusIntRoam {width: 100%;}
        .wrapper-BusIntRoam .row{margin-bottom: 0 !important;}
        .wrapper-BusIntRoam h2 {margin-top: 3%; text-indent: 1%;}
        .wrapper-BusIntRoam .item-content{min-height: 250px; text-align: center; margin: 2%; padding: 3% 5%;}
        .wrapper-BusIntRoam .item-content p, .wrapper-BusIntRoam .item-content span, .wrapper-BusIntRoam .item-content a{text-align: center; font-family: inherit !important; margin: 5% auto;}
        .wrapper-BusIntRoam .item-content h5{height: 50px;}
        /* styles Travelling Connect */
        .content-travelConnect{width: 100%; display: block;}
        .store-device {display: inline-block; width: auto; max-width: 100%; margin-right:;}
        .sponshorSHIP{padding: 3%;}
        .sponshorSHIP img{width: 100%; max-width: 100%; margin: auto;}
        /* styles ConexusMobileAlliance */
        .wrapper-ConexusMobileAlliance .content-ConexusMobileAlliance{margin-bottom: 0px !important; padding: 1.5%;}
        .wrapper-ConexusMobileAlliance .content-ConexusMobileAlliance img{max-width: 100%; width: auto;}
        /* style IDDcall */
        .innerContent-IDDcall {padding: 4%;}
        .innerContent-IDDcall span {font-weight: 600; margin-bottom: 4%; display: block;}
        .innerContent-IDDcall img {margin: auto; display: block; max-width: 100%; width: auto;}
        .contentTabs-businessIntRoam{padding-bottom: 2% !important; padding-top: 2% !important;}
        .wrapper-int-roaming .grayGroup{background: #d1d3d4; margin: auto; width: 90%; max-width: 90%; padding-top: 5%;}
        .wrapper-int-roaming .wrapper-IDDcall #coverageCountry{margin-bottom: 5%; width: 70%;}
        .wrapper-int-roaming .wrapper-IDDcall #coverageCity{margin-bottom: 5%; width: 70%;}
        .wrapper-int-roaming .wrapper-IDDcall #btnSearchCoverage{width: 50%;}
        .wrapper-int-roaming .wrapper-IDDcall .bg-blue{background-color: #e6e7e8;}
        .wrapper-int-roaming .wrapper-IDDcall .bg-darkBluE{background-color: #d1d3d4;}
        .wrapper-int-roaming .wrapper-IDDcall .margin-top-5pc{margin-top: 5%;}
        .wrapper-int-roaming .grayGroup label {line-height: 2.8; text-align: center;}
        .contentTabs-businessIntRoam h5{padding-left: 3%;}
        	/* Tabs 1 */
        	.cover-phoneContent{padding: 0 2%; margin-bottom: 5%;}
		    .example-block > figure {padding-top: 10%; text-align: center;}
		    .example-block figure img { margin: auto; max-width: 100%;}
		    .example-block{max-width: 100%; margin: 3px;}
		    .example-block figcaption {padding-top: 4%;}
		    .dummy-block {text-align: center;}
		    .dummy-block img{max-width: 100%; width: 100%;}
        
        	/*tabs 4 content */
        	.innerContent-tabs4{padding: 2%;}

    /* >> Widget Tab Business & International Roaming */
    .busIntRoam-tabsContent .tabs-content ul {background: #d1d3d4; padding: 0;}
    .busIntRoam-tabsContent .tabs-content ul li {margin-bottom: 0 !important; width: 20%; float: none !important;}
    .busIntRoam-tabsContent .tabs-content ul li a {display: block; float: none !important; padding: 6% !important;}

    .wrapper-int-roaming .content-split-2 .text-contenT h4 {
       font-size: 18px;
    }
    .wrapper-int-roaming .blowGrey h5, .wrapper-int-roaming .blowOrange h5, .wrapper-int-roaming .blowYellow h5, .wrapper-int-roaming .blowGreen h5 {font-size: 20px;}
    .textIntRoaming {
        min-height: 60px;
        text-align: left !important;
    }
    

    .cmsContent .bg-grey h2:first-child {
        font-family: "fsjoey-bold" !important;
    }

.digitalWorldNav {
    position: relative;
    width: 100%;
    top: 90px;
}
.digitalWorldNav a {
    border-radius: 3px;
    cursor: pointer;
    display: block;
    float: left;
    height: 30px;
    margin-top: 0;
    padding: 16px;
    text-indent: -9999px;
    top: 50%;
    z-index: 4;
}
.digitalWorldNav .next{
    background: url("../img/iconNextSlide.png") no-repeat scroll center center #414042;
    position: absolute;
    right: -35px !important;
}
.digitalWorldNav .prev{
    background: url("../img/iconPrevSlide.png") no-repeat scroll center center #414042;
    position: absolute;
    left: -35px !important;
}

/* >> Testimoni Rules */
    .testimoni-content {max-width: 100%; background: yellow; border-radius: 5px; margin-top: 0; padding-bottom: 2%; padding-top: 5%;}
    .text-image-above{padding: 0 0 0 30%;}
    .text-image-above img {width: auto !important; max-width: 100%; }
	.text-image-above h1{display: table-cell; vertical-align: middle; font-family: FS Joey; font-size: 22px; font-style: italic; padding-left: 3%;}
	.testimoni-content p{font-size: 1.5em; line-height: 1.3; max-width: 90%; padding: 0 3%; text-align: left;}
    .testimoni-content .what-they-say {display: table; margin: 0 !important; padding: 0 !important; width: 100%;}
    /*.testimoni-content .what-they-say .title-testimoni {font-size: 1.8em;}*/
/* End of Tesimoni Rules */

/* ======================= 
		>> MYNT IN DOMPETKU
		========================*/

		.wrapper-mynt {width: 100%;}
		.wrapper-mynt {width: 100%;}
	   .wrapper-mynt .title-picture{padding: 2%;}
	   .wrapper-mynt h2{margin-bottom: 2%;}
	   .wrapper-mynt h1, .wrapper-mynt h2, .wrapper-mynt h3, .wrapper-mynt h4, .wrapper-mynt h5, .wrapper-mynt a{font-family: 'FS Joey' !important;}
       .wrapper-mynt p, .wrapper-mynt a, .wrapper-mynt td{font-family: inherit;}
		.wrapper-mynt .row {width: 100%;}
		.wrapper-mynt .alignCenter {text-align: center;}

	   /* GRID FOR 4 COLUMNS */
		.wrapper-mynt .grid1{float: left; width: 25%;}
		.wrapper-mynt .grid2{width: 50%; float: left;}
		.wrapper-mynt .grid3{width: 75%; float: left;}
		.wrapper-cipika .grid4{width: 100%}
		/* GRID FOR 3 COLUMNS */
		.wrapper-mynt .grid-1{float: left; width: 33.33333%;}
		.wrapper-mynt .grid-2{width: 66.66666%; float: left;}
		.wrapper-mynt .grid-3{width: 100%}
		/* GRID FOR 5 COLUMNS */
		.wrapper-mynt .col1 {width: 20%; float:left;}
		.wrapper-mynt .col2 {width: 40%; float: left;}
		.wrapper-mynt .col3 {width: 60%; float: left;}
		.wrapper-mynt .col4 {width: 80%; float: left;}
		.wrapper-mynt .col5 {width: 100%;}

		.content-mynT {width: 100%; padding: 5% 0;}
		.BlockContent-mynT {padding: 8% 5%; margin: 2%; text-align: center; min-height: 313px; border-radius: 5px;}
		.BlockContent-mynT img {width: auto; max-width: 100%; height: 60px;}
		.text-blockMynt h5 {margin: 10% 0; min-height: 50px;}
		.text-blockMynt p {text-align: center;}
		.blockColor1 {background: #7ccef0;} .blockColor2 {background: #b6daa6;} .blockColor3 {background: #d0b0a3;} .blockColor4 {background: #9bbacc;} .blockColor5 {background: #cab3d5;}
		.text-blockMynt {text-align: center;}
		.blockService {display: inline-block; width: 20%;}
		/* >> Widget Tab MYNT */
	    .wrapper-mynt .tabs-content ul {background: transparent;}
	    .wrapper-mynt .tabs-content ul li {float: none !important; margin-bottom: 0 !important; width: 15%; display: inline-block; padding: 1% 1%;}
	    .wrapper-mynt .tabs-content ul li.ui-state-active {padding: 1%;}
        .wrapper-mynt .tabs-content ul li a {display: block;}
	    .wrapper-mynt .coverTabContent {background: none repeat scroll 0 0 #fff; padding: 2%;}
	    .wrapper-mynt #tabs-1, .wrapper-mynt #tabs-2, .wrapper-mynt #tabs-3, .wrapper-mynt #tabs-4, .wrapper-mynt #tabs-5 {padding: 0 !important; margin: 0 !important;} 
		    /* >> content tab register */
		    .wrapper-register .BlockContent-mynT {min-height: 218px;}
		    .wrapper-register .BlockContent-mynT img {width: auto; max-width: 100%; margin-bottom: 10%;}

		.wrapper-mynt .partnerPart .BlockContent-mynT img {width: auto; max-width: 100%;}
		.wrapper-mynt .partnerPart .BlockContent-mynT {min-height: 300px;}
		.wrapper-mynt .partnerPart .text-blockMynt {margin-top: 11%;}
		.wrapper-mynt .bTnRegis {
			background:  #414042 url("http://assets.indosat.com/Assets/Upload//mynt-png-17.png") no-repeat 10px center;
			border-radius: 5px;
			color: #fee300;
		    display: table;
		    font-size: 20px;
		    height: 65px !important;
		    line-height: 1.2;
		    margin: auto;
		    padding: 1% 2% 1% 10%;
		    text-align: center;
		    vertical-align: middle;
		    width: 17%;
		}
			/* >> content tab Isi Saldo */
			.wrapper-isiSaldo .content-isiSaldo span {font-size: 14px;}
			.wrapper-isiSaldo ul {margin-top: 3%;}
			.wrapper-isiSaldo ul li {margin-left: -19px !important; }
			.content-isiSaldo {margin: 2%;}
			.content-isiSaldo:first-child {border-bottom: 2px solid;}
			/* >> content tab ReTransfer */
			.wrapper-ReTransfer .content-ReTransfer span {font-size: 14px;}
			.wrapper-ReTransfer ul {margin-top: 3%;}
			.wrapper-ReTransfer ul li {margin-left: -19px !important; }
			.content-ReTransfer {margin: 2%;}
			.content-ReTransfer:first-child {border-bottom: 2px solid;}
			/* >> content tab ReTransfer */
			.wrapper-shoPPing .content-shoPPing span {font-size: 14px;}
			.wrapper-shoPPing ul {margin-top: 3%;}
			.wrapper-shoPPing ul li {margin-left: -19px !important; }
			.content-shoPPing {margin: 2%;}
/* ================================
    >> END OF MYNT DUNIA DIGITAL 
   ================================*/

/* ========= 
    >> CSS TESTIMONi
   ========= */
    .titleTestimoni {text-align: center; margin-bottom: 5%;}
    .red-text{color: red;}

/* Edho */
.cmsContent ul.disc {list-style: disc inside;}

/* Iklan Update */
.boxYellow {
    background: none repeat scroll 0 0 yellow;
    display: block;
    margin: auto 3%;
    max-width: 100%;
    padding: 9% 0;
    text-align: center;
}

.boxYellow .text {
    display: block;
    max-width: 100%;
    padding: 5%;
    text-align: center;
}
.boxYellow .type-name {
    font-size: 1.2em;
    text-align: center;
}
.boxYellow .btnDarkYellow {
    color: yellow;
    display: block;
    font-size: 1em;
    white-space: normal;
    width: 100%;
}

/* ========================
		>> Business Page - Latest News
		======================== */
		.wrapperLatest-news h1, .wrapperLatest-news h2, .wrapperLatest-news h3, .wrapperLatest-news h4, .wrapperLatest-news h5 {font-family: "fsjoey-bold" ;}
        .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: "fsjoey-bold";}
        .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
		======================== */

	/* ========================
	Light Pop Up Load Page
    ======================== */

	#fancyLoad {font-size: 20px; max-width: 100%; padding: 2%; text-align: center; width: auto;}
	.indosatInstant-box {display: block; margin: auto; max-width: 80%;text-align: center; width: auto;} 
	.indosatInstant-box img {margin: auto; max-width: 100%; width: 100%;}
	.indosatInstant-box .btn-IndosatInstant {background: none repeat scroll 0 0 orange; border-radius: 5px; color: #fff; font-size: 2em; margin-top: 5%; max-width: 100%; text-shadow: 0.4px 0.3px 0 #000 !important; width: 100%;}
	.indosatInstant-box .btn-IndosatInstant:focus {border: 2px solid orange;}
	.indosatInstant-box .btn-IndosatInstant:hover {background: #000;}

	/* ========================
	>> End Light Pop Up Load Page
    ======================== */

    /* ========================
	Business index Page
    ======================== */
    .wrapper-businessIndex .grid-1{float: left; width: 33.33333%;}
	.wrapper-businessIndex .grid-2{width: 66.66666%; float: left;}
	.wrapper-businessIndex .grid-3{width: 100%}
    .wrapper-businessIndex .cover-TabID {background: #fff !important; border-radius: 5px;}
    .wrapper-businessIndex {padding: 2%; background: #e6e7e8;}
    #indexbusinessTab ul.bisnisTab {padding: 0 5%; text-align: center;}
    .wrapper-businessIndex ul.bisnisTab li {width: 20%;background: #333;border-radius: 5px; padding: 2px !important;display: inline-block;text-align: center;  float: none !important;}
    .wrapper-businessIndex .bisnisTab li a {color: #fff; float: none !important; display: block; font-size: 18px; font-family: 'FS Joey', sans-serif; font-weight: 700;}
    .wrapper-businessIndex ul.bisnisTab li.ui-tabs-active {background: #fff !important; color: #fff;}
    .wrapper-businessIndex .bisnisTab li.ui-tabs-active a {color:#333;}
    .wrapper-businessIndex .boxImageHead {text-align: center; padding: 1%;}
    #indexbusinessTab .cover-latestNews {min-height: 200px; border-radius: 5px; padding: 2%;}
    .wrapper-businessIndex span.title-iframe {font-weight: 700;}
    .wrapper-businessIndex .text-latestNews h5 {margin-left: 0; text-align: left;}
    .wrapper-businessIndex .text-latestNews p {margin-left: 0; text-align: left;}
    .iframeCover iframe {width: 100%; height: 200px; max-width: 100%;}

    /* CSS content Support toggle */
    #searchPanel {clear: both; display: none;}

    /* CONTENT bundling-ekslusif */
    .gridCouple {width: 50%; float: left;}
    .smartphonePackage .gridCouple .boxImageHead .content {text-align: center;}
    .smartphonePackage .gridCouple .boxImageHead {display: block; width: 100%;}
    .smartphonePackageDetail .specifications ul {margin-left: 0;}


    .longerPeriode.periode {font-size: 14px;}

        /* ====================================
           MATRIX  FORM CHOOSE NUMBER ONE STYLE
           ==================================== */
        /* 4 column */
        .wrapper-form-matrix .row {margin-bottom: 0;}
        .wrapper-form-matrix .grid1{width: 25%; float: left;}
        .wrapper-form-matrix .grid2{width: 50%; float: left;}
        .wrapper-form-matrix .grid3{width: 75%; float: left;}
        .wrapper-form-matrix .grid4{width: 100%;}
        /* 5 column */
        .wrapper-form-matrix .col1 {width: 20%; float:left;}
		.wrapper-form-matrix .col2 {width: 40%; float: left;}
		.wrapper-form-matrix .col3 {width: 60%; float: left;}
		.wrapper-form-matrix .col4 {width: 80%; float: left;}
		.wrapper-form-matrix .col5 {width: 100%;}
        .title-area {background: #414042; padding: 1%; border-radius: 5px;}
        .title-area h5 {padding:0; color: white; text-indent: 5%;}

        /* TOP SECTION MATRIX FORM STEP 1 */
        section.top-section-form{clear: both; display: block; max-width: 100%;}
        .logotop-section{margin: 2% 0;}
        .menu-inline-matrix{border-bottom: 1px solid #333; padding-bottom: 1%; margin-bottom: 2%;}
        ul.matrix-menu{max-width: 100%; margin-bottom: 0;}
        ul.matrix-menu li{display: inline-block; margin: 0 2%;}
        ul.matrix-menu li a{color: #5276a7;}
        ul.matrix-menu li a:hover{opacity: 0.5;}
        .banner-matrix{max-width: 100%;}
        .banner-matrix img{max-width: 100%;}

        /* LIGHTBOX detail */
        #matrix-data,
        #matrix-24jam,
        #matrix-superPlan,
        #matrix-jamKerja,
        #matrix-freeAbdoemen {display: none; max-width: 100%; width: 800px; margin: 0 auto;}
        table.package-table{  max-width: 100%; width: 800px; text-align: center;}
        h1.title-package {  font-size: 1.5em; border-bottom: 1px solid;}
        table.package-table thead tr td{  font-weight: bolder;   font-size: 1.2em;}
        table.package-table tr td {  padding: 2%;   text-align: center; border: 1px solid #333;   white-space: normal; vertical-align: middle;}
        table.package-table thead tr {  background: cornflowerblue;}


        /* PAGING MATRIX FORM */
        /*.section-check-number{display: none;}*/
        .wrapper-form-matrix .grid-pager{text-align: center; max-width: 100%;}
        .wrapper-form-matrix ul.pagination {text-align: center;   margin: auto; clear: both; display: table;   width: 100%;}
        .wrapper-form-matrix ul.pagination li {display: inline-block; margin: 1%;}
        .wrapper-form-matrix ul.pagination li:hover {opacity: 0.5;}
        .wrapper-form-matrix ul.pagination li.active{background: #414141; padding: 1%; color: #fff;}
        
        span.label_input {color: #333; font-weight: bolder;}
        .row.part-input {padding: 1% 0; max-width: 100%;}
        
            /* STEP 1 */
            span.title-options {
              font-family: inherit;
              font-weight: bold;
              display: block;
              margin: 1% 0;
            }
            .radio-button {
              display: inline-block;
              padding-right: 5%;
            }
            .radio-button input.radio {vertical-align: middle;}
            .fieldBox{display: inline-block; margin: 1% 0;}

            /* STEP 2 */
            section#step2 .radio-button{
                display: block;
            }
            .cover-option-radio {float: left; width: 30%;}
            .cover-option-radio input[radio]{padding-right: 2%;}
            .cover-option-radio .radio-button a{font-size: 10px; text-decoration: underline; color: inherit; display: inline-block; margin-left: 2%;}
            .fieldBox {display: inline-block; margin: 1% 0; width: 50%; float: left;}
            
            /* STEP 2.1 */
            section#step2_1 .radio-button{
                display: block;
            }
            .panel-verify-number .radio-button{float: left;}
            .check_yes {margin-top: 5%; padding-left: 3%; clear: both;}
            .form-number {display: block; margin-top: 1%;}
            .check_yes .form-number input[type="tel"] {width: 30%;}
            
            /* STEP 2.2 */
            section#step2_2 .cover-contain-number{
                width: 70%;
                display: block;
            }
            section#step2_2 .cover-contain-number .radio-button {float: none; display: block; margin-bottom: 3%;}
            section#step2_2 .radio-button{
                  float: left;
                  margin-right: 3%;
            }
            .inside-form {padding: 1% 0 2% 4%;}
            section#step2_2 .inside-form select {
                width: 65px;
                display: inline-block;
                height: 39px;
                margin-bottom: 0;
            }
            section#step2_2 .inside-form input{40%;}
            section#step2_2 .info-number{
                  display: block;
                  clear: both;
                  padding: 2%;
                  max-width: 100%;
            }
            section#step2_2 .info-number .captcha {
                display: block;
                margin-bottom: 3%;
            }
            section#step2_2 .wrapper-result-number {
                padding: 2%;
                max-width: 100%;
                margin-top: 4%;
                background: #fff;
            }
            section#step2_2 .result-number table {
                  max-width: 100%;
                  margin: 1% auto;
            }
            section#step2_2 .result-number table thead tr td{
                font-weight: bolder;
            }
            .result-number table tbody tr {
                background: #efeeec;
                border-bottom: 3px solid #fff;
                cursor: pointer;
            }
           
            section#step2_2 .result-number table tbody tr:hover{
                background: #fecd2f;
            }
            section#step2_2 .result-number table tr td {
                width: 200px;
                text-align: center;
                padding: 1%;
            }
            section#step2_2 .paging-alive {
                  clear: both;
                  display: table;
                  width: 60%;
                  margin: 0 auto;
            }
            section#step2_2 .info-paging {
                float: left;
                padding: 1%;
            }
            section#step2_2 .cover-list-paging ul li {
                padding: 2%;
                display: inline-block;
                margin-bottom: 0;
            }
            

            /* STEP 3 */
            .grid2.details-person {margin-bottom: 1%;}
            .details-person #id_alamat-error {bottom: 19%;}
            /* DATEPICKER */
            .ui-datepicker-title select.ui-datepicker-month {float: left; margin: 0 !important; padding: 2px 0; border-radius: 5px; width: 85px;}
            .ui-datepicker-title select.ui-datepicker-year {margin: 0; margin: 0 !important; padding: 2px 0; border-radius: 5px; width: 85px;} 
            div#ui-datepicker-div {background: #fee300 ;border-radius: 5px;}
            .ui-datepicker .ui-datepicker-next{background: url('http://assets.indosat.com/assets/upload/arrow-next.png') no-repeat center center;   cursor: pointer; background-size: cover;   width: 2em;}
            .ui-datepicker .ui-datepicker-prev{background: url('http://assets.indosat.com/assets/upload/arrow-prev.png') no-repeat center center;   cursor: pointer; background-size: cover;   width: 2em;}
            label#jenis_kelamin-error {position: absolute;}


            /* PAGE CONFIRM REGISTRATION ONLINE */
            div#print-area-form {background: #eaeaea;   padding-bottom: 2%;}
            .wrapper-form-matrix .error{color: red;}
            label#userMatrix-error {display: block;}
            .form-number span.warning {display: block; position: relative; bottom: 20px;}

            .matrix-top-logo{
                  display: block;
                  max-width: 91%;
                  padding: 2.5%;
                  background: #fff;
                  margin: 0 auto 7% auto;
            }
            form.form-evident {
                  background: #fff;
                  width: 95%;
                  margin: auto;
            }
            .confirm-matrix-page {background: url('http://assets.indosat.com/assets/upload/matrix.png') no-repeat right top;}
            .form-evident .confirm-matrix-page input[type="text"],
            .form-evident .confirm-matrix-page input[type="password"],
            .form-evident .confirm-matrix-page input[type="tel"],
            .form-evident .confirm-matrix-page input[type="date"],
            .form-evident .confirm-matrix-page input[type="email"],
            .form-evident .confirm-matrix-page input[type="number"],
            .form-evident .confirm-matrix-page select{
                  padding: 0;
                  height: auto;
                  background: transparent;
            }
            .result-form-wrapper {margin: 3% 0;}
            .confirm-matrix-page .top-section-form {display: block; margin: 5% 0;}
            .confirm-matrix-page .martix-logo {float: right;}
            .confirm-matrix-page .title-page {
                  text-transform: uppercase;
                  text-indent: 5%;
                  background: url('http://assets.indosat.com/assets/upload/matrix-logo.png') no-repeat right center;
                  height: 40px;
                  width: 97%;
                  vertical-align: middle;
                  display: inline-block;
                  padding-top: 2%;
            }
            .wrapper-term-condition {background: #182f58;  padding: 3%; border-radius: 5px; width: 90%; margin: 3% auto;}
            .wrapper-term-condition h5.this-title {color: #f3ca00; margin-bottom: 2%;}
            .content-term-condtion{max-width: 100%; display: block; clear: both; margin-bottom: 3%;}
            .content-term-condtion ul,
            .content-term-condtion ol {margin-left: 3%; margin-bottom: 0;}
            .content-term-condtion ul li,
            .content-term-condtion ol li {line-height: 1.5; margin-bottom: 0; color: #fff;}
            .content-term-condtion p{margin: 0; color: #fff; font-weight: bold;}
            section.button-section {margin-top: 2%; padding: 2% 0;}
            .form-evident .submit-btn button {margin: 0;}
            .form-evident .btn-section{position: absolute; top: 8.4%; right: 5%;}
            .baby-blue-bg{background: #efeeec;}
            .baby-white-bg{background: #fff;}
            .confirm-matrix-page .row.part-input {padding: 0.5% 0; max-width: 100%; border-radius: 5px;}
            .confirm-matrix-page .details-person{text-indent: 3%;}
            .form-evident .confirm-matrix-page .btn-section .printOut{background: url('http://assets.indosat.com/assets/upload/Print-Active.png') no-repeat center center; background-size: cover;}
            .form-evident .confirm-matrix-page .btn-section .printOut:hover {background: url('http://assets.indosat.com/assets/upload/Print-Hover.png') no-repeat center center; background-size: cover;}
            .form-evident .confirm-matrix-page .btn-section .saveOut{background: url('http://assets.indosat.com/assets/upload/Save-Active.png') no-repeat center center; background-size: cover;}
            .form-evident .confirm-matrix-page .btn-section .saveOut:hover{background: url('http://assets.indosat.com/assets/upload/Save-Hover.png') no-repeat center center; background-size: cover;}
            .form-evident .confirm-matrix-page .btn-section button{
                  font-size: 0;
                  width: 38px;
                  height: 38px;
                  margin: 10px;
            }
            .form-evident .confirm-matrix-page input::-webkit-input-placeholder { color:#000; opacity:0.9;}
            .form-evident .confirm-matrix-page input::-moz-placeholder { color:#000; opacity:0.9;} /* firefox 19+ */
            .form-evident .confirm-matrix-page input:-ms-input-placeholder { color:#000; opacity:0.9;} /* ie */
            .form-evident .confirm-matrix-page input:-moz-placeholder { color:#000; opacity:0.9;}
            
            /* HIDE panel */
            .check_yes,
            #jabodetabek,
            #out_jabodetabek,
            .step-matrix,
            #matrix-form-validation,
            .wrapper-result-number,
            .inside-form {display: none;}
            .step-matrix.active {display: block;}

            /* Input type style matrix*/
            .wrapper-form-matrix input[type='radio'] {
              background: #fecd2f;
              -webkit-appearance: none;
              width: 15px;
              height: 15px;
              border: 1px solid white;
              border-radius: 50%;
              outline: none;
            }
            .wrapper-form-matrix input[type='radio']:checked:before {
              background: #fff;
              width: 8px;
              height: 8px;
            }
            .wrapper-form-matrix input[type='radio']:before {
              content: '';
              display: block;
              width: 60%;
              height: 60%;
              margin: 20% auto;
              border-radius: 50%;
            }
            .wrapper-form-matrix input[type='radio']:hover {
              box-shadow: 0 0 5px 0px yellow inset;
            }
            .special-bg {background: #e6e7e8 url('http://assets.indosat.com/assets/upload/bg-special.png') no-repeat right; background-size: 50%; background-position-x: 115%; background-position-y: 4%;}
            section#step1 {background: #e6e7e8 url('http://assets.indosat.com/assets/upload/world-map-matrix.png') no-repeat right; background-size: 50%;}
            section#step3, section#step4 {background: #e6e7e8; border-radius: 5px;}
            section#step1, section#step2, section#step3, section#step4 {margin-top: 3%;}
            section#step2_1 {border-top: 2px double #d4d4d5; border-bottom: 2px double #d4d4d5;}
            .section-form{padding:2%;}
            /* CORE BUTTON STYLE */
            .wrapper-form-matrix button,
            .wrapper-form-matrix input[type="submit"],
            .wrapper-form-matrix input[type="button"],
            .wrapper-form-matrix .check-btn {
                background: #fecd2f; color: #333; height: 39px;
            }
           .wrapper-form-matrix .check-btn {cursor: pointer; padding: 1%; border-radius: 5px;}
           /* CORE INPUT TYPE */
           .wrapper-form-matrix input[type="text"],
           .wrapper-form-matrix input[type="password"],
           .wrapper-form-matrix input[type="tel"],
           .wrapper-form-matrix input[type="date"],
           .wrapper-form-matrix input[type="email"],
           .wrapper-form-matrix input[type="number"],
           .wrapper-form-matrix select {
               max-width: 100%;
               padding: 4px 6px;
               width: 90%;
               height: 30px;
               border: none;
               box-shadow: none;
               margin: 0;
           }
           .wrapper-form-matrix textarea {width: 90%; height: 100px;}
           .cover-contain-number .inside-form input[type="tel"] {width: 40%;}
           .wrapper-form-matrix select {width: 93%; height: 39px;}
           .wrapper-form-matrix button.matrix-form-btn.box-light-up {
              text-align: center;
              clear: both;
              display: block;
              width: 20%;
              padding: 1.5%;
              border-radius: 5px;
              background: #333;
              color: #fff;
              margin: 2% auto;
              background: #414042;
            }
           
    /* ======= END ========*/

    /* IMG PRABAYAR BANNER > add logo SUPERBRAND */
    .im3-superbrand {position: absolute; right: 13%; top: 3%;}
    /* CONTENT telematics */
    .shit {float: right; margin-top: 0 !important; text-align: center; background: #fff !important; margin-left: 2%; padding: 2%;}
    .shit h3 {font-size: 1.2em;}
    .shit .subscribeWrapper a {color: yellow; text-decoration: none;}
    .termsFunction #tabs-1, .termsFunction #tabs-2, .termsFunction #tabs-3, .termsFunction #tabs-4, .termsFunction #tabs-5 {max-width: 100%; width: auto; border: 1px solid orange;}
    .telematicsSubscribe .drkYellowBtn {color: yellow; text-decoration: none;}
    .cmsContent .termsFunction #cmsTabs ul.ui-tabs-nav {  width: 100%; display: table; text-align: center;   margin: 0; padding: 0;}
    .cmsContent .termsFunction ul li.ui-state-default {margin: 0; padding: 0; width: 24%; display: inline-block; float: none !important; background: orange !important;}
    .cmsContent .termsFunction ul li.ui-state-default a {white-space: normal; text-align: left; font-size: 1.2em !important; line-height: 1;}
    .cmsContent .termsFunction ul li.ui-tabs-active {background: #e6e7e9 !important;}
    .cmsContent .termsFunction ul li.ui-tabs-active a {color: #414042 !important;}

    

@page {
        size: A4;
        margin: 0;
}
@media print {
    * {
        visibility: hidden;
    }

    .printArea * {
        visibility: visible;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
    .btn-section{display: none;}
    .button-section {display: none;}
    div#print-area-form{position: absolute; top: -20px; left: 5%; margin-top: -15%; display: block;}
    .confirm-matrix-page .top-section-form {margin-top: 0; display: block;}
}

/* STYLING BUSINESS MOBILE SLIDER */
.wrapper-slider-businessMobile {position: relative; width: auto; top: 0; left: 0;}
.digitalWorldNav {position: relative; width: 100%; top: 90px;}
.mobileNav a {border-radius: 3px; cursor: pointer; display: block; float: left; height: 30px; margin-top: 0; padding: 16px; text-indent: -9999px; top: 40%; z-index: 4;}
.mobileNav .next {background: url("../img/iconNextSlide.png") no-repeat scroll center center #414042; position: absolute; right: -18px !important;}
.mobileNav .prev {background: url("../img/iconPrevSlide.png") no-repeat scroll center center #414042; position: absolute; left: -18px !important;}
.wrapper-slider-businessMobile .mobileBusiness .mobileBusinessContent img {max-width: 100%; width: 100%; height: 250px;}